.header-top{height: 45px;background: #fff;border-bottom: 1px solid #eee;}
.header-top .l{float: left;line-height: 45px;}
.header-top-r{float: right;border-left: 1px solid #eee;}
.header-top-r a{display: block;width: 120px;height: 45px;float: left;line-height: 45px;font-size: 13px;color: #999999;
text-indent: 45px;border-right: 1px solid #eee;}
.header-top-r a:hover{color: #1553b2}
.header-top-r a:nth-child(1){background: url("../images/ht1.png") left 20px center no-repeat;}
.header-top-r a:nth-child(2){background: url("../images/ht2.png") left 20px center no-repeat;}
.header-top-r a:nth-child(3){background: url("../images/ht3.png") left 20px center no-repeat;text-indent: 41px}
.header-top-r a:nth-child(1):hover{background: url("../images/ht11.png") left 20px center no-repeat;}
.header-top-r a:nth-child(2):hover{background: url("../images/ht22.png") left 20px center no-repeat;}
.header-top-r a:nth-child(3):hover{background: url("../images/ht33.png") left 20px center no-repeat;text-indent: 41px}
.header-top-r a:nth-child(4){text-indent: 0;text-align: center;}
.header-top-r a:nth-child(4):hover span:nth-child(1){color: #999}

/**/
.header{height: 110px;}
.header-l{display: block;width: 350px;float: left;padding-left: 185px;height: 110px;
background: url("../images/logo.png") left center no-repeat;}
.header-l .p1{font-size: 28px;margin-top: 23px}
.header-l .p2{margin-top: 10px}

.header-r{float: right;line-height: 110px;}
.header-r a{display: inline-block;width: 120px;height: 36px;text-align: center;line-height: 36px;
border-radius: 3px;background: #d4e5fe;font-size: 16px;color: #1553b2;margin-left: 20px;}
.header-r a:hover{background: #215bb5;color: #fff;}
/*menu*/
.menu{background: #1553b2;height: 66px;}
.menu li{width: 12.5%;float: left}
.menu li a{display: block;width: 100%;height: 66px;text-align: center;line-height: 66px;font-size: 16px;color: #fff;}
.menu li a:hover{background:#2063ca;}
.menu li a.xz{background:#2063ca;}/**/
.swiper-containerba{width: 100%;height: 480px;min-width: 1200px;}
.swiper-containerba a{display: block;width: 100%;height: 480px;}
/**/
.banner-bot{height: 84px;background: #eff5ff;}
.banner-bot-l{width: 620px;float: left;height: 84px;background: rgba(0,0,0,0.1);padding-right: 20px;
background: url("../images/bbl.png") right center no-repeat;}
.banner-bot-l .p1{background: url("../images/hot.png") left center no-repeat;text-indent: 30px;margin-top: 14px;}
.banner-bot-l .p2 a{display: inline-block;font-size: 14px;color: #999;margin-right: 20px;margin-top: 8px;}
.banner-bot-l .p2 a:hover{color: #1553b2}
/**/
.banner-bot-r{float: right}
#iform-sea{width: 507px;height: 40px;border-radius: 4px;background: #fff;margin-top: 23px;overflow: hidden}
#iform-sea input{display: block;width: 415px;height: 40px;float: left;outline: none;border: 0;padding: 0 20px;
    background: #fff url("../images/img/inputl.png") right center no-repeat;font-size: 14px;color: #333;}
#iform-sea button{width: 50px;height: 40px;outline: none;display: block;float: right;border: 0;background: #fff url("../images/img/s.png") center no-repeat;}

/*底部*/
.footer{height: 226px;background: url("../images/fot.jpg") center no-repeat;overflow: hidden}
.fmenu{height: 45px;width: 100%;background: rgba(255,255,255,0.1);margin-top: 110px;}
.fmenu a{display: block;height: 45px;width: 12.5%;line-height: 45px;font-size: 14px;color: #fff;float: left;text-align: center;}
.fmenu a:hover{text-decoration: underline;}
.fmenu a:nth-child(n+2){background: url("../images/al.png") left center no-repeat;}
.fmenu a:nth-child(n+2):hover{background: url("../images/al.png") left center no-repeat;}
/**/
.beian{font-size: 14px;color: #fff;text-align: center;margin-top: 26px;}
.beian a{font-size: 14px;color: #fff;text-align: center;}
.beian a:hover{text-decoration: underline;}

/*面包屑*/
.bread{height: 47px;background: #fafafa;line-height: 47px}
.breadr{float: left;font-size: 14px;color: #7c7c7c;padding-left: 15px;background: url("../images/loc.png") left center no-repeat;}
.breadr a{font-size: 14px;color: #333333;}
.breadr a:nth-child(n+2){color: #666;}
.breadr a:hover{color: #1553b2;}
/*大标题*/
.big-title .bt2{width: 100%;height: 25px;line-height: 25px;text-align: center;color: #999999;
background: url('../images/bt2bg.png') center no-repeat;margin-top:10px}
.big-title .bt3{margin-top: 12px;}

/*********************产品中心***************/
.sidebar{width: 270px;float: left;}
.sidebar-top{width: 270px;height: 96px;background: #1553b2 url("../images/product.png") center no-repeat;font-size: 32px;line-height: 96px;}
.side-li{width: 270px;box-sizing: border-box;border: 2px solid #d4e5fe;border-top: none;}
.side-li li{width: 236px;margin: 0 auto;background: url("../images/jt.png") right 13px center no-repeat;
padding: 0 15px}
.side-li li a{display: block;border-bottom: 1px dashed #eeeeee;width: 180px;padding: 18px 12px 18px 48px;
background: url("../images/side.png") left 13px center no-repeat;font-size: 18px;color: #333333;}
.side-li li:last-child a{border-bottom: none;}

.side-li li:hover{background:#d4e5fe url("../images/jt1.png") right 13px center no-repeat;}
.side-li li a:hover{background: url("../images/side1.png") left 13px center no-repeat;color: #1553b2}
.side-li li[data=xz]{background:#d4e5fe url("../images/jt1.png") right 13px center no-repeat;}
.side-li li[data=xz] a{background: url("../images/side1.png") left 13px center no-repeat;color: #1553b2}

/**/
.onep{display: block;}
.onep-l{width: 585px;height: 380px;float: left;position: relative;background: url("../images/probg.jpg") center no-repeat;background-size: cover;}
.onep-r{width: 325px;height: 380px;background: #eff5ff;float: left;}
.onep-r-c{padding: 0 15px;}
.onep-r-c .p1{color: #1553b2;margin-top: 35px;padding-left: 17px;border-bottom: 1px dashed #b2cffe;padding-bottom: 24px;}
.onep-r-c .p2{padding: 30px 17px 0 17px;font-size: 14px;color: #333333;line-height: 1.8;}

.onepa a{display: inline-block;width: 109px;height: 37px;border-radius: 4px;border: 1px solid #215bb5;
text-align: center;line-height: 37px;font-size: 14px;}
.onepa a:nth-child(1){background: #215bb5;color: #fff;margin-left: 17px;}
.onepa a:nth-child(2){background: none;color: #215bb5;margin-left: 10px;}
.onepa a:hover{background: #fff;color: #215bb5;}



/**/
.search-page{text-align: center;margin-top: 30px;}
.search-page dt{display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #ddd;
    margin: 0 5px;cursor: pointer;}
/*.search-page dt:nth-child(1){background: #e6a13a;color: #fff;}*/
.search-page dt.xz{background: #215bb5;color: #fff;}
.search-page dt.xz:hover{background: #215bb5;color: #fff;}
.search-page dt:hover{border-color: #215bb5;color: #215bb5;}


/**/
#email-log{width: 595px;margin: 0 auto;}
#email-log input{width: 500px;height: 46px;float: left;text-indent: 40px;
    background: url("../images/suo.png") left 10px center no-repeat;background-size: 21px;
display: block;outline: none;border: 1px solid #ddd;border-right: none}
#email-log input:focus{border-color: #215bb5;}
#email-log button{width: 90px;height: 50px;float: left;color: #fff;font-size: 16px;
    display: block;outline: none;border: 1px solid #215bb5;background: #215bb5;}




.contact-info li{font-size: 16px;padding: 11px 0;color: #333}
#dituContent{width: 100%;height: 450px;margin-top: 30px}
.contact-info-l{width: 500px;float: left;;}
.contact-info-l .p2{color: #666;line-height: 1.8;border-bottom: 1px solid #eee;padding-bottom: 26px;margin-top: 17px;}
.con-mes{width: 630px;float: right}
.con-l-l{width: 350px;float: left;}
.con-l-r{width: 130px;float: right;}



















/*四大优势*/
.i-ys{height: 520px;background: url("../images/ysbg.jpg") center no-repeat;position: relative}
.iysc{position: absolute;height: 356px;left: 0;bottom: 0;background: rgba(0,0,0,0) url("../images/ty.png") center no-repeat;}

.iysc .container{width: 1200px;height: 356px;position: relative;}

.iysc li{width: 106px;position: absolute;left: 20px;}
.iysc li .i{width: 106px;height: 106px;background: rgba(0,0,0,0);position: relative;}
.iysc li .i .a{width: 100%;height: 106px;position: absolute;left: 0;top: 0;z-index: 1}
.iysc li .i .a .a-s{width: 96px;height: 96px;border-radius: 50%;background: #215bb5;opacity: 0.3;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate-a 4s linear infinite;
    -moz-animation: rotate-a 4s linear infinite;
    -o-animation: rotate-a 4s linear infinite;
    animation: rotate-a 4s linear infinite;}

.iysc li .i .b{width: 100%;height: 106px;position: absolute;left: 0;top: 0;z-index: 2}
.iysc li .i .b .b-s{width: 78px;height: 78px;border-radius: 50%;background: #215bb5;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate-b 4s linear infinite;
    -moz-animation: rotate-b 4s linear infinite;
    -o-animation: rotate-b 4s linear infinite;
    animation: rotate-b 4s linear infinite;}

.iysc li .i .c{width: 100%;height: 106px;position: absolute;left: 0;top: 0;z-index: 3;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
    -webkit-animation: rotate-c 4s linear infinite;
    -moz-animation: rotate-c 4s linear infinite;
    -o-animation: rotate-c 4s linear infinite;
    animation: rotate-c 4s linear infinite;}
.iysc li:nth-child(1) .i .c{background: url("../images/ys1.png") center no-repeat;}
.iysc li:nth-child(2) .i .c{background: url("../images/ys2.png") center no-repeat;}
.iysc li:nth-child(3) .i .c{background: url("../images/ys3.png") center no-repeat;}
.iysc li:nth-child(4) .i .c{background: url("../images/ys4.png") center no-repeat;}
.iysc li .t{text-align: center;color: #333333;margin-top: 4px;  transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}


/*a层动画*/
@keyframes rotate-a {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        opacity: 0.3;
    }
    25% {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        opacity: 0.2;
    }
    50% {
        transform: scale(1.16);
        -ms-transform: scale(1.16);
        -moz-transform: scale(1.16);
        -webkit-transform: scale(1.16);
        -o-transform: scale(1.16);
        opacity: 0.0;
    }
    75% {
        transform: scale(1.1);
        -ms-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        opacity: 0.2;
    }
    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        opacity: 0.3;
    }
}


/*b层动画*/
@keyframes rotate-b {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1;
    }
    25% {
        transform: scale(0.98);
        -ms-transform: scale(0.98);
        -moz-transform: scale(0.98);
        -webkit-transform: scale(0.98);
        -o-transform: scale(0.98);
        opacity: 0.95;
    }
    50% {
        transform: scale(0.95);
        -ms-transform: scale(0.95);
        -moz-transform: scale(0.95);
        -webkit-transform: scale(0.95);
        -o-transform: scale(0.95);
        opacity: 0.9;
    }
    75% {
        transform: scale(0.98);
        -ms-transform: scale(0.98);
        -moz-transform: scale(0.98);
        -webkit-transform: scale(0.98);
        -o-transform: scale(0.98);
        opacity: 0.95;
    }
    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1;
    }
}
/*c层动画*/
@keyframes rotate-c {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1;
    }
    25% {
        transform: scale(0.9);
        -ms-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        opacity: 0.8;
    }
    50% {
        transform: scale(0.8);
        -ms-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        -o-transform: scale(0.8);
        opacity: 0.6;
    }
    75% {
        transform: scale(0.9);
        -ms-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        opacity: 0.8;
    }
    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        opacity: 1;
    }
}
.iysc li.li1{left: 130px;top: 10px;}
.iysc li.li2{left: 969px;top: 10px;}
.iysc li.li3{left: 24px;top: 196px;}
.iysc li.li4{left: 1071px;top: 196px;}
.iysc li[data='xz'] .i .b .b-s{background: rgba(255,255,255,0.9);}
/*.iysc li .i .b .b-s*/
.iysc li[data='xz']:nth-child(1) .i .c{background: url("../images/ys11.png") center no-repeat;}
.iysc li[data='xz']:nth-child(2) .i .c{background: url("../images/ys22.png") center no-repeat;}
.iysc li[data='xz']:nth-child(3) .i .c{background: url("../images/ys33.png") center no-repeat;}
.iysc li[data='xz']:nth-child(4) .i .c{background: url("../images/ys44.png") center no-repeat;}
.iysc li[data='xz'] .t{color: #215bb5}
.ys-p-p{margin-top: 180px}
/*.iysc .p11{margin-top: 180px}*/
.iysc .p2{margin-top: 35px;line-height: 1.8}

/*合作伙伴*/

/*.ihz{padding: 80px 0;background: url("../images/hbbg.jpg") center no-repeat;}*/
.swiper-container-ind-four1 a{display: block;width: 100%;height: 85px;box-sizing: border-box;border: 1px solid #eee;overflow: hidden}
.swiper-container-ind-four1 a img{
    transform: scale(0.85);
    -ms-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
}
.swiper-container-ind-four1 a:hover{border-color: #215bb5;}
.swiper-container-ind-four1 a:hover .i img{
    transform: scale(0.95);
    -ms-transform: scale(0.95);
    -moz-transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -o-transform: scale(0.95);
}
/**/
.jj{width: 1200px;height: 420px;background: url("../images/mesbg.jpg") center no-repeat;background-size: cover;}
.jj-top{width: 1080px;margin-left: 60px;}
.jj-top-r{float: right;margin-top: 10px;}
.jj-top-l{float: left;}
.jj-top-r a{display: block;width: 136px;height: 40px;border-radius: 4px;overflow: hidden;border: 1px solid #215bb5;}
.jj-top-r a .al{width: 40px;height: 40px;background: #215bb5 url("../images/mes.png") center no-repeat;float: left;}
.jj-top-r a .ar{width: 95px;line-height: 40px;font-size: 16px;color: #333;float: left;}
    /*.hzlist li a .img{}*/
/**/
.lc{width: 1080px;margin-left: 60px;margin-top: 40px;}
.lc li{float: left;height: 135px;width: 118px;background: #d4e5fe;border-radius: 8px;transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.lc li:nth-child(n+2){margin-left: 42.3px;}
.lc li .fang .a{display: none}
.lc li .fang .b{display: none}
.lc li .fang{width: 100%;transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.lc li .fang .c{width: 100%;height: 80px;background: #d4e5fe;overflow: hidden;transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.lc li .t{color: #215bb5;margin-top: 5px;transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.lc li:nth-child(1) .fang .c{background: url("../images/lc1.png") center top 27px no-repeat;}
.lc li:nth-child(2) .fang .c{background: url("../images/lc2.png") center top 27px no-repeat;}
.lc li:nth-child(3) .fang .c{background: url("../images/lc3.png") center top 27px no-repeat;}
.lc li:nth-child(4) .fang .c{background: url("../images/lc4.png") center top 27px no-repeat;}
.lc li:nth-child(5) .fang .c{background: url("../images/lc5.png") center top 27px no-repeat;}
.lc li:nth-child(6) .fang .c{background: url("../images/lc6.png") center top 27px no-repeat;}
.lc li:nth-child(7) .fang .c{background: url("../images/lc7.png") center top 27px no-repeat;}
/**/
.lc li:hover{background: #215bb5}
.lc li:hover .t{color: #fff}
.lc li:hover .fang{transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);}
.lc li.li1:hover .fang .c{background: url("../images/lc1-1.png") center top 27px no-repeat;}
.lc li.li2:hover .fang .c{background: url("../images/lc2-1.png") center top 27px no-repeat;}
.lc li.li3:hover .fang .c{background: url("../images/lc3-1.png") center top 27px no-repeat;}
.lc li.li4:hover .fang .c{background: url("../images/lc4-1.png") center top 27px no-repeat;}
.lc li.li5:hover .fang .c{background: url("../images/lc5-1.png") center top 27px no-repeat;}
.lc li.li6:hover .fang .c{background: url("../images/lc6-1.png") center top 27px no-repeat;}
.lc li.li7:hover .fang .c{background: url("../images/lc7-1.png") center top 27px no-repeat;}










.xvxian{width: 1150px;margin-left: 25px;height: 28px;background: url("../images/xv.png") center no-repeat;margin-top: 17px;}

.xvxian-c{width: 1080px;margin: 0 auto;}
.xvxian-c li{width: 118px;float: left;text-align: center;}
.xvxian-c li:nth-child(n+2){margin-left: 42.3px;}
.xvxian-c li span{display: inline-block;width: 28px;height: 28px;border-radius: 50%;
text-align: center;line-height: 28px;color: #fff;background: #215bb5;color: #fff;font-size: 16px;}









/*********内页banner**/
.s-banner{height: 358px;background: url("../images/sb-com.jpg") center no-repeat;}
.sb-pro{background: #ddd;background: url("../images/sb-pro.jpg") center no-repeat;}
.sb-news{background: #ddd;background: url("../images/sb-news.jpg") center no-repeat;}
.s-banner .p1{font-size: 40px;color: #f0f6fe;margin-top: 109px;}
.s-banner .p2{font-size: 26px;color: #f0f6fe;margin-top: 12px;font-weight: lighter;}
.crubms{font-size: 14px;color: #9f9f9f;background: url("../images/loc.png") left center no-repeat;
;padding: 19px 0 18px 25px;border-bottom: 1px solid #ededed}
.crubms a{font-size: 14px;color: #9f9f9f;}
/*内页*/
.main-main{padding: 50px 0}
.main-main1{padding:30px 0;background: #f5f5f5}
.main-right{width: 890px;float: right;}
.main-main-bg{background: #f5f5f5}

/*友情链接*/
.link{box-sizing: border-box;border: 1px solid #ddd;background: #fff;position: relative;}
.link .top{width: 100%;height: 40px;position: absolute;top: -9px;left: 0;background: url("../images/linkbg.png") center no-repeat;}
.link .top .t{width: 196px;height: 40px;margin: 0 auto;line-height: 38px;color: #fff;
    background: url("../images/link.png") left 38px center no-repeat;text-indent: 69px;}
.link .son{padding: 60px 30px 30px 30px;}
.link a{display: inline-block;margin: 0 8px 0 12px;font-size: 16px;color: #323232;font-weight: bold}
.link span{color: #999;font-weight: lighter}
.link a:hover{color: #1553b2;}

/*关于我们*/
.comn{ background: url("../images/com-nbg.jpg") bottom center no-repeat;}
.comn-tl{width: 580px;float: left;}
.company-con{padding: 20px 0 120px 0;}
.company-con p{font-size: 16px;color: #999999;line-height: 1.8}
/**/
.com-s2-l{width: 540px;float: left;}
.com-s2-r{width: 580px;float: right;}
.com-s2-r .p1{padding-top: 45px;background: url("../images/line1.png") top left no-repeat;}

/**/
.com-s2-r-li .le{width: 50px;height: 50px;border-radius: 50px;float: left;transition: 0.3s;-webkit-transition: 0.3s}
.com-s2-r-li .ri{float: right;width: 515px;}
.com-s2-r-li .ri .p-1{color: #333;}
.com-s2-r-li .ri .p-2{color: #999;margin-top: 1px;}
.com-s2-r-li li:nth-child(1) .le{background: #f0f6fe url("../images/c1.png") center no-repeat;}
.com-s2-r-li li:nth-child(2) .le{background: #f0f6fe url("../images/c2.png") center no-repeat;}
.com-s2-r-li li:nth-child(3) .le{background: #f0f6fe url("../images/c3.png") center no-repeat;}
.com-s2-r-li li:nth-child(n+2){margin-top: 40px;}
.com-s2-r-li li:hover .ri .p-1{color: #1553b2}
.com-s2-r-li li:nth-child(1):hover .le{background: #1553b2 url("../images/c11.png") center no-repeat;}
.com-s2-r-li li:nth-child(2):hover .le{background: #1553b2 url("../images/c22.png") center no-repeat;}
.com-s2-r-li li:nth-child(3):hover .le{background: #1553b2 url("../images/c33.png") center no-repeat;}
/**/
.com-s3{position: relative;}
.swiper-container-com-ho a{display: block;width: 100%;}
.swiper-container-com-ho a .i{width: 100%;height: 270px;box-sizing: border-box;border: 1px solid #eeeeee;}
.swiper-container-com-ho a .i img{transform: scale(0.95);-webkit-transform: scale(0.95)}
.swiper-button-next-com-ho{width: 56px!important;height: 56px!important;background: #dcdcdc url("../images/hone.png") center no-repeat!important;
    border-radius: 50%;right: -85px!important;}
.swiper-button-next-com-ho:hover{width: 56px!important;height: 56px!important;background: #1553b2 url("../images/hone.png") center no-repeat!important;
    border-radius: 50%;right: -85px!important;}
.swiper-button-prev-com-ho{width: 56px!important;height: 56px!important;background: #dcdcdc url("../images/hopr.png") center no-repeat!important;
    border-radius: 50%;left: -85px!important;}
.swiper-button-prev-com-ho:hover{width: 56px!important;height: 56px!important;background: #1553b2 url("../images/hopr.png") center no-repeat!important;
    border-radius: 50%;left: -85px!important;}
    /**产品中心**/

/**/
.inews{}
.inewsl{width: 545px;float: left;}
.inewsl .i{width: 100%;height: 240px;}
.inewsl .one{margin-top: 20px;}
.inewsl .one a{display: block;width: 100%;}
.inewsl .one a .p1{color: #333333}
.inewsl .one a .p2{color: #999999;line-height: 1.6}
.inewsl .one a:hover .p1{color: #1553b2;font-weight: bold}
/**/
.inewsr{width: 610px;float: right}
.inewsr li{border-bottom: 1px solid #eeeeee}
.inewsr li:nth-child(1){padding-bottom: 23px;}
.inewsr li:nth-child(n+2){padding: 24px 0;}
.inewsr li a{display: block;width: 100%;}
.inewsr-l{width: 90px;float: left;}
.inewsr-l .p1{font-size: 28px;color: #333333;text-align: left}
.inewsr-l .p2{font-size: 16px;color: #999999;text-align: left;text-indent: 38px;margin-top: 3px;}
.inewsr-r{width: 500px;float: right}
.inewsr-r .p1{font-size: 16px;color: #333333;margin-top: 6px}
.inewsr-r .p2{font-size: 14px;color: #999999;line-height: 1.5;margin-top: 6px;}
.inewsr li a:hover .inewsr-r .p1{color: #1553b2;font-weight: bold}
/***/
.wen{width: 1160px;padding: 40px 20px;background: #f9f9f9}
.wen-l{width: 167px;height: 184px;background: #1553b2 url("../images/bt32.png") top 36px center no-repeat;float: left;}
.wen-l .p1{margin-top: 74px;}
.wen-l .p2{margin-top: 3px}
.wen-r{width: 950px;float: right;}
.wen-r li{width: 430px;float: left;}
.wen-r li:nth-child(2){float: right}
.wen-r li:nth-child(1){padding-right: 37px;background: url("../images/nli.png") right top 24px no-repeat;}
.wen-r li a{display: block;width: 100%;}
.wen-r li a .p1{font-size: 16px;color: #333;margin-top: 18px;}
.wen-r li a .p2{color: #999999;margin-top: 25px;line-height: 1.8}
.wen-r li a:hover .p1{color: #1553b2;font-weight: bold}


/**/
#i-post input{display: block;float: left;border: none;text-indent: 15px; font-size: 14px;color: #333;}
#i-post input.input1{height: 38px;width: 170px;background: #f2f2f2;float: left;margin-right: 20px;}
#i-post input.input2{height: 38px;width: 370px;background: #f2f2f2;float: left}
#i-post textarea{display: block;padding:10px 15px;outline: none;background: #f2f2f2;width: 721px;height: 80px;border: none;
    font-size: 14px;color: #333;font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
margin-top: 18px;}
.i-code img{display: block;width: 170px;float: left;height: 38px;float: left;box-sizing: border-box;border: 1ox solid #ddd;overflow: hidden}
#i-post button{
    cursor: pointer;display: block;width: 170px;height: 45px;outline: none;border: 0;background: #1553b2;color: #fff;font-size: 14px;margin-top: 18px;}
#i-post button:hover{background: #124798;}

/***/
.foot-mes-r-c{margin-left: 40px;margin-top: 40px}
.foot-mes-r-c .p1{;background:url("../images/tel.png") left center no-repeat;padding-left: 35px;}
.foot-mes-r-c .p2{text-indent: 34px}

.footli{width: 290px;}
.footli li{font-size: 14px;color: #f9fafc;padding: 6px 0}

/*列表*/
.main-right{width: 910px;float: right}
.prolist li{width: 32%;float: left;margin-right: 2%}
.prolist li:nth-child(3n){margin-right: 0}
.prolist li:nth-child(n+4){margin-top:25px;}
.prolist li a{display: block;width: 100%;}
.prolist li a .i{width: 100%;height: 200px;position: relative;
background: url("../images/probg.jpg") center no-repeat;background-size: cover;}
.prolist li a .t{height: 50px;line-height: 50px;text-align: center;padding: 0 2%;
background: #eeeeee;color: #333333;font-size: 16px;}
.prolist li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.prolist li a:hover .t{background: #1553b2;color: #fff;}
.sm-logo{position: absolute;width: 70px;height: 36px;background: #ddd;left: 5px;top: 5px;z-index: 2;
background: url("../images/logo2.png") center no-repeat;background-size: contain}
/*详情*/
.pro-info .z{width: 480px;;position: relative;float: left;}
.pro-info .top{width:480px;height: 350px;overflow: hidden;box-sizing: border-box;border: 1px solid #eeeeee;}
.pro-info .bot{width: 100%;height: 80px;margin: 0 auto;position: relative;background: #f5f5f5;}
.pro-info .bot .swiper-slide{width: 80px;height: 80px;}
.pro-info .swiper-button-prev1{width: 30px;height: 80px!important;background:#1553b2  url("../images/pr1.png") center no-repeat!important;
    top: 0!important;left: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info .swiper-button-next1{width: 30px;height: 80px!important;background:#1553b2  url("../images/ne1.png") center no-repeat!important;
    top:0%!important;right: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.pro-info .swiper-button-disabled{opacity: 0.3}
.pro-info .bot .swiper-slide img{box-sizing: border-box;border: 2px solid #ddd;opacity: 0.6;cursor: pointer;}
.pro-info .bot .swiper-slide-active img{box-sizing: border-box;border:2px solid #1553b2 ;opacity: 1}

/**/
.pro-info-r{width: 400px;float: right}
.pro-info-r h1{font-size: 24px;color: #333}

.ipro-more a{display: inline-block;width: 150px;height: 45px;border-radius: 2px;font-size: 16px;line-height: 45px;
color: #fff;}
.ipro-more a:nth-child(1){background: #1553b2 url("../images/order.png") left 21px center no-repeat;margin-right: 20px;
background-size: 20px;text-indent: 49px;}
.ipro-more a:nth-child(2){background: #333  url("../images/zx.png") left 21px top 11px no-repeat;background-size: 25px;text-indent: 53px;}
.ipro-more a:hover{box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3)}
/**/
.floors{border-bottom: 1px solid #eee;}
.floors-l{height: 40px;width: 130px;text-align: center;line-height: 40px;background: #1553b2 ;color: #fff;float: left}

.xq{padding: 10px 0;}
.xq img{display: block;max-width: 100%;margin: 8px auto!important;}
/*.p-f-info{padding: 0px 0;}*/
/*.parm{margin-bottom: 30px}*/
.xq table{width: 100%!important;margin: 12px 0}
.xq table td{border: 1px solid #ddd;padding: 10px 11px}
.xq table th{border: 1px solid #ddd;padding: 15px 0px;background: #eee}
.xq p{margin: 13px 0;line-height: 1.6;color: #666;}
.xq p,.xq span,.xq strong,.xq i{color: #666!important;}

/**/
.main-info-r{width: 250px;padding: 30px 20px;background: #fff;float: right}
.main-info-r .bt{font-size: 20px;color: #1256b3}

/*订购*/
#order input{text-indent: 8px;border-radius: 0px;width: 48%;float: left;margin-right: 4%;color: #666;box-sizing: border-box;
    border: 1px solid #eee;outline: none;margin-top: 15px;padding: 14px 0}
#order input:focus{border: 1px solid #215bb5}
#order input:nth-child(2n){margin-right: 0}
#order textarea{width: 100%;height:100px;box-sizing: border-box;border: 1px solid #eee;border-radius: 0px;margin-top: 15px;
    font-family: 'Microsoft YaHei', SimHei, SimYou, SimSun, Arial;text-indent: 8px;padding: 5px 0;color: #666;}
#order textarea:focus{border-color:#215bb5}
#order button{display: block;
    width: 130px;
    height: 40px;
    border-radius:0px;
    background: #313131;
    color: #fff;
    font-size: 16px;
    letter-spacing: 3px;
    margin-top: 20px;}
#order .code img{height: 45px;margin-top: 14px;}


/********新闻中心*/
.newslist li{width: 100%;padding: 20px 0;border-bottom: 1px solid #eee;}
.newslist li:nth-child(1){padding-top: 0;}
.newslist li:nth-child(n+2){margin-top: 0px}
.newslist li a{display: block;width: 100%;}
.newslist li a .i{width: 100%;height: 200px;background: #ddd;display: none}
.newslist li a .t{width: 100%;background: #fff;}
.newslist li a .t .son{padding: 10px 6px;}
.newslist li a .t .p1{color: #333;margin-top: 5px;}
.newslist li a .t .p2{line-height: 1.6;color: #777;margin-top: 10px;}
.newslist li a .t .p3{margin-top: 9px;}
.newslist li a .t .p3 span{color: #999;font-size: 12px;padding-left: 20px;display: inline-block}
.newslist li a .t .p3 span:nth-child(1){background: url('../images/time.png') left center no-repeat;background-size: contain}
.newslist li a .t .p3 span:nth-child(2){background: url('../images/view.png') left center no-repeat;background-size: contain;
margin-left: 25px}
.newslist li:hover{border-color: #d4e5fe}
.newslist li a:hover .t .p1{color:#1553b2}
.newslist li a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}

/*详情*/
.newsinfo{width: 900px;float: left;box-sizing: border-box;padding: 20px;background: #fff}
.news-title{font-size: 24px;color: #333}
.news-xq{padding: 25px 0 25px 0}
.newslist-o{box-sizing: border-box;;}
.newslist-o .son{width: 100%;margin: 0 auto;}
/*.newslist-o li{width: 90%;margin: 0 auto}*/
.newslist-o li a{width: 100%;display: block;padding: 12px 0;font-size: 14px;color: #666;border-bottom: 1px solid #eee;}
.newslist-o li a:hover{color: #1553b2}
/*.other-title{margin-bottom: 10px}*/
/*.newsPage{padding: 30px 0}*/
.newsPage{margin-top: 40px}
.newsPage .page-a{padding: 10px 0 10px 30px;font-size: 14px;border-bottom: 1px dashed #eee;}
.newsPage .page-a:nth-child(1){background: url("../images/prev/page_prev.png") left center no-repeat;background-size: 20px}
.newsPage .page-a:nth-child(2){background: url("../images/prev/page_next.png") left center no-repeat;background-size: 20px}
.newsPage .page-a:hover{text-decoration: underline;color:#1553b2}
.newsPage .page-a:hover a{color:#1553b2}

/**在线留言*/
/**在线留言*/
#lianform input{width: 49%;float: left;display: block;margin:6px 2% 6px 0;padding: 11px 0;outline: none;border: 1px solid #ddd;
    text-indent: 10px;font-size: 14px;box-sizing: border-box;color: #666;}
#lianform input:nth-child(2n){margin-right: 0;}
#lianform textarea{width: 100%;outline: none;box-sizing: border-box;border: 1px solid #ddd;font-family: 'Microsoft YaHei', SimHei, SimYou, SimSun, Arial;
    font-size: 14px;padding: 10px 0;text-indent: 10px;height: 120px;margin-top: 15px;margin-bottom: 15px;color: #666;}
#lianform textarea:focus{border-color: #215bb5}
#lianform img{height: 40px;margin-top: 7px}
#lianform input:focus{border-color: #215bb5}
#lianform input.submit{background: #215bb5;font-size: 16px;color: #fff;letter-spacing: 15px}
#lianform input.reset{font-size: 16px;letter-spacing: 15px}





/****联系我们******/
.main-lian{height: 450px;}

/*.contact-info li{font-size: 16px;padding: 5px 0;color: #333}*/
#dituContent{width: 1200px;height: 450px;float: left;}
.lianli{width: 400px;height: 450px;background: #f5f5f5;float: right;box-sizing: border-box;border: 1px solid #ddd;}
.lianli .son{padding: 0 20px;}

.lianli .son li{color: #333;padding: 6px 0;font-size: 14px;}
/*******案例***********/
.caseslist li{width: 32%;float: left;margin-right: 2%;}
.caseslist li:nth-child(3n){margin-right: 0}
.caseslist a{display: block;width: 100%;}
.caseslist a .i{width: 100%;height: 300px;position: relative;overflow: hidden;}
.caseslist a .t{width: 75%;padding: 0 20% 0 5%;height: 50px;background: rgba(0,0,0,0.6) url("../images/cjt.png") right 5% center no-repeat;
    position: absolute;line-height: 50px;color: #fff;font-size: 16px;
    left: 0;bottom: 0}

.caseslist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.caseslist a:hover .t{transform: translateY(50px);-webkit-transform: translateY(50px);opacity: 0}

/*详情*/
/*详情*/
.cases-img{width:100%;;position: relative;float: left;}

.cases-img .top{width:100%;height: 450px;overflow: hidden;box-sizing: border-box;background: #f5f5f5;border: 1px solid #eeeeee;}
.cases-img .bot{width: 100%;height: 80px;margin: 0 auto;position: relative;background: #f5f5f5;}
.cases-img .bot .swiper-slide{width: 130px;height: 80px;}
.cases-img .swiper-button-prev1{width: 30px;height: 80px!important;background:#215bb5 url("../images/pr1.png") center no-repeat!important;
    top: 0!important;left: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.cases-img .swiper-button-next1{width: 30px;height: 80px!important;background:#215bb5 url("../images/ne1.png") center no-repeat!important;
    top:0%!important;right: 0px!important;position: absolute;z-index: 10;cursor: pointer;}
.cases-img .swiper-button-disabled{opacity: 0.3}
.cases-img .bot .swiper-slide img{box-sizing: border-box;border: 2px solid #ddd;opacity: 0.6;cursor: pointer;}
.cases-img .bot .swiper-slide-active img{box-sizing: border-box;border:2px solid #215bb5;opacity: 1}
.cases-img img{margin: 0 auto}

/**/
.main-right-left{float: left;background: #fff;width: 850px;padding: 20px 20px}
.main-right-right{width: 270px;float: right;}
.clicks{border-bottom: 1px solid #eee;padding-bottom: 15px}

.main-other{width: 240px;padding: 20px 15px;background: #fff}

.caseslist-o a .i{width: 100%;height: 170px;overflow: hidden}
.caseslist-o a .t{width: 96%;padding: 8px 2%;font-size: 14px;color: #666;text-align: center;background: #f5f5f5}
.caseslist-o li a{padding: 0;border-bottom: none;}
.caseslist-o a:hover .i img{transform: scale(1.03);-webkit-transform: scale(1.03)}
.caseslist-o a:hover .t{color: #215bb5}
.caseslist-o li:nth-child(n+2){margin-top: 15px}

/*资质荣誉*/
/*******案例***********/
.honorlist li{width: 32%;float: left;margin-right: 2%;}
.honorlist li:nth-child(3n){margin-right: 0}
.honorlist li:nth-child(n+4){margin-top: 25px}
.caseslist a{display: block;width: 100%;}
.honorlist a .i{width: 100%;height: 300px;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #eee;}
.honorlist a .t{height: 50px;width: 96%;padding: 0 2%;font-size: 16px;text-align: center;background: #eee;
line-height: 50px;color: #333;}

.honorlist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.honorlist a:hover .t{background: #1553b2;color: #fff;}

/*图纸*/
.down-l{width: 365px;float: left;height: 300px;background: #fff;box-sizing: border-box;border-right: 1px solid #eee;}
.down-l .son{margin-left: 30px;}
.down-l .p1{color: #1553b2;margin-top: 35px;background: url("../images/tz.png") left top 2px no-repeat;padding-left: 38px;
background-size: 29px}

.down-r{width: 835px;float: left;background: #fff;}
.down-r .son{width: 790px;margin-left: 22.5px;}
.down-r .son a{display: block;width: 20%;text-align: center;float: left;color:#666;}
.down-r .son a span{display: block;font-size: 16px;color: #333;
background: url("../images/xz.png") left center no-repeat;background-size: 19px;
text-align: left;padding-left: 21px;}
.down-r .son a:nth-child(n+6){margin-top: 25px}
.down-r .son a:hover span{background: url("../images/xz1.png") left center no-repeat;;color: #1553b2;
background-size: 19px;}

/*****合作伙伴*****/
.hezuo-li li{width: 23.5%;float: left;margin-right: 2%;}
.hezuo-li li:nth-child(4n){margin-right: 0;}
.hezuo-li li:nth-child(n+5){margin-top: 20px;}

.hezuo-li li a{display: block;width: 100%;}
.hezuo-li li a .i{width: 100%;height: 100px;box-sizing: border-box;border: 1px solid #eee;overflow: hidden;}
.hezuo-li li a .i img{display: block;width: 100%;height: 100%;object-fit: contain;transform: scale(0.85);transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.hezuo-li li a .t{font-size: 14px;color: #333;text-align: center;height: 45px;line-height: 45px;
padding: 0 2%;transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.hezuo-li li a:hover .i img{transform: scale(0.95);}
.hezuo-li li a:hover .i{border-color: #ddd}www.joca-js.com
.hezuo-li li a:hover .t{color: #215bb5}

/**/
.foot-mes{height: 530px;background: url("../images/mesbg1.jpg") bottom center no-repeat;}
.fot-mes-bt{width: 591px;height: 79px;margin: 0 auto;background: url("../images/mebg1.png") center no-repeat;
    text-align: center;font-size: 32px;color: #767676;line-height: 79px;letter-spacing: 19px;display: none;}

.foot-mes-l{width: 835px;height: 490px;background: #fff;float: left;margin-top: 20px;}
.foot-mes-r{width: 365px;height: 532px;background: url("../images/mer.png") center no-repeat;float: left;background-size: cover}
.foot-mes-l-c{margin-left: 55px;}
.foot-mes-l-c .p1{color: #1553b2;margin-top: 35px;background: url("../images/p1bg.png") bottom left no-repeat;
    padding-bottom: 20px;}
/**/
#i-post input{display: block;float: left;border: none;text-indent: 15px; font-size: 14px;color: #333;}
#i-post input.input1{height: 38px;width: 170px;background: #f2f2f2;float: left;margin-right: 20px;}
#i-post input.input2{height: 38px;width: 370px;background: #f2f2f2;float: left}
#i-post textarea{display: block;padding:10px 15px;outline: none;background: #f2f2f2;width: 721px;height: 80px;border: none;
    font-size: 14px;color: #333;font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, "WenQuanYi Micro Hei", Verdana, sans-serif, "\5B8B\4F53";
    margin-top: 18px;}
.i-code img{display: block;width: 170px;float: left;height: 38px;float: left;box-sizing: border-box;border: 1px solid #ddd;overflow: hidden}
#i-post button{
    cursor: pointer;display: block;width: 170px;height: 45px;outline: none;border: 0;background: #1553b2;color: #fff;font-size: 14px;margin-top: 18px;}
#i-post button:hover{background: #124798;}

/***/
.foot-mes-r-c{margin-left: 40px;margin-top: 40px}
.foot-mes-r-c .p1{;background:url("../images/tel.png") left center no-repeat;padding-left: 35px;}
.foot-mes-r-c .p2{text-indent: 34px}

.footli{width: 290px;}
.footli li{font-size: 14px;color: #f9fafc;padding: 6px 0}