.header-top{height: 36px;background: #efefef;}
.header-top-l{float: left;color: #838383;line-height: 36px;}
.header-top-r{float: right;text-align: right}
.header-top-r a{display: inline-block;width: 85px;line-height: 36px;font-size: 14px;color: #838383;font-weight: lighter;text-indent: 20px;
    text-align: left;white-space: nowrap}
.header-top-r a:nth-child(1){background: url("../img/h-t11.png") left center no-repeat;}
.header-top-r a:nth-child(2){background: url("../img/h-t2.png") left center no-repeat;}
/*header*/
.header{height: 115px;}
.header-l{float: left;}
.header-l a{display: block;}
.header-l-l{float: left;background: url("../img/logo.jpg") left top 17px no-repeat;height: 115px;
background-size: auto 75px;padding-left: 120px;}
.header-l-l .p1{font-size:30px;font-weight: bolder;color: #333;margin-top: 24px;letter-spacing: 2.2px}
.header-l-l .p2{font-size: 12px;font-weight: lighter;color: #999;text-transform: uppercase;margin-top: 5px;
text-indent: 2px;}
.header-r{float: right;padding-left:50px;background: url('../img/h-tel.png') left center no-repeat;margin-top: 30px;}
.header-r .p2{font-size: 14px;color: #666;text-indent: 2px;}
.header-r .p1{font-size: 28px;color: #0053da;font-weight: bolder}
.header-rs{float: right}
.header-rs p{font-size: 16px;font-weight: bolder;text-align: right;color: #666;margin-top: 4px;margin-left: 10px;}
.header-rs p.p1{margin-top: 18px;}
/*menu*/
/*.menu{background: #313131;height: 62px;}*/
/*.menu li{width: 12.5%;float: left;background: url("../img/menu-l.png") right center no-repeat}*/
/*.menu .container{background: url("../img/menu-l.png") left center no-repeat;}*/
/*.menu li a{display: block;width: 100%;height: 62px;text-align: center;line-height: 62px;font-size: 16px;color: #fff;}*/
/*.menu li a:hover{background: #0053da;}*/
/*.menu li a.xz{background: #0053da;}*/
/*栏目条，勿动*/
.menu{height: 50px;transition: 0.3s;-webkit-transition:0.3s;background: #0053da;}
.menu .container{box-sizing: border-box;border-right: 1px solid rgba(255,255,255,0.2)}
.menu .r{width:1200px;height: 50px;float: right;}
.menu .r li{width: 150px;float: left;height: 50px;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,0.2)}
.menu .r li:hover .a{background: #ff6600;color: #fff;}
.menu .r li.xz .a{background: #ff6600;color: #fff;}
.menu .r li .son{width: 100%;height: 50px;position: relative}
.menu .r li .son .a{display: block;width: 100%;height: 100%;line-height: 50px;text-align: center;color: #fff;font-size: 15px;
    transition: 0.3s;-webkit-transition: 0.3s;box-sizing: border-box}
.menu .r li .son .a[data=xz]{background: #ff6600;color: #fff;}
.menu .r li:nth-child(1) .a[data=xz]{background:#ff6600 url("../img/home.png") left 19px top 14px no-repeat}
/*控制下拉的一级宽度*/
/*.menu .r li .son .xiala{position: absolute;width: 150px;z-index: 10;left: -7.5px;*/
/*box-sizing: border-box;top: 69px;opacity: 0;transition: 0.4s;-webkit-transition: 0.4s;transition-timing-function:ease;visibility: hidden;*/
/*transform: translateY(20px);-webkit-transform: translateY(20px);box-shadow: 0px 0px 10px #333;*/
/*;}*/
.xiala{position: absolute;width: 100%;z-index: 10;left: 0px;background: #eaebed;
;top: 66px;opacity: 0;transition: 0.3s;-webkit-transition: 0.3s;transition-timing-function:ease;visibility: hidden;
    transform: translateY(20px);-webkit-transform: translateY(20px);border: 0px solid rgba(0,0,0,0);transition: 0.5s}
.xiala1{opacity: 1;transform: translateY(-16px);visibility: visible;
    border: 0px solid #0053da;}
.xiala dt{border-bottom: 1px solid #ddd}
/*.xiala dt:nth-child(1){border-top: 1px solid rgba(0,0,0,0.3)}*/
.xiala dt a{display: block;padding: 12px 10px;font-size: 14px;
    border-bottom: 0px solid #d2d2d2;    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
;color: #333;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;background:#fff}
/*.xiala dt:hover{border-bottom: 1px solid #ff4348;background: #ca2e33}*/
.xiala dt:hover a{color: #fff;background:#0053da}
.xiala dt a[data=xz]{color: #fff;background:#0053da}
/**/
.xiala dt[flag=xz]{;background: #0053da}
.xiala dt[flag=xz] a{color: #fff;background: url("../img/m-jt2.png") right 10px center no-repeat;}
.menus{position: fixed;z-index: 20000;top: 20px;left: 0;transform: translateY(-25px);-webkit-transform: translateY(-25px);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5)}
.menus{background: #098784}
.menus .r li .son .a[data=xz]{background: #03c8c6}
.menus .r li:hover .a{background: #03c8c6;color: #fff;}
/**/
/*banner*/
/*baner*/
.swiper-containerba{width: 100%;min-width: 1200px;}
.swiper-containerba a{display: block;width: 100%;}
.swiper-containerba a img{display: block;width: 100%;}
.swiper-containerba .swiper-wrapper{width: 100%;height: 100%;}
.swiper-containerba .swiper-wrapper .swiper-slide{width: 100%;height: 100%;}
.swiper-containerba .swiper-wrapper .swiper-slide a{display: block;width: 100%;}
/*搜索*/
.remen{height: 45px;box-sizing: border-box;background: #eee;}
.remen .son .l{width: 930px;height: 45px;float: left;line-height: 45px;color: #6d6d6d}
.remen .son .l a{color: #666;font-size: 14px;}
.remen .son .l a:hover{text-decoration: underline;}
/*.remen .son .l .a1{background: none}*/
.remen .son .r{width: 270px;height: 45px;float: right;}
.remen .son .r form{width: 270px;height: 32px;margin-top: 6px;background: #fff;border-radius: 0px;border: 0px solid #c9c9c9;overflow: hidden}
.remen .son .r form input{display: block;height: 32px;width: 220px;margin:0;padding: 0;outline: none;border: none;
    float: left;text-indent:13px;background: #fff;font-size: 14px;color: #333}
/**/
.all-bread{float: left;line-height: 45px;color: #666;font-size: 14px;
    background: url("../img/loc.png") left center no-repeat;padding-left: 22px;}
.all-bread a{color: #666;font-size: 14px;}
.all-bread a:hover{color: #0053da}
.remen .son .r form button{width: 50px;height: 32px;background:  url("../img/s.png") center no-repeat;text-align: center;line-height: 32px;float: left;
    outline: none;border: none;font-size: 14px;letter-spacing: 2px;color: #fff;font-weight: bold;}
/*大标题*/
.big-title .bt1{font-size: 38px;color: #000000}
.big-title .bt2{margin-top: 8px;;color: #6f6f6f;letter-spacing: 3px;font-size: 14px;}
.big-title .bt3{color:#68676c;margin-top: 10px;}
.big-title .bt4{color:#ff6600;margin-top: 9px;}
/*分类侧边*/
.sidebar{width: 240px;float: left;}
.ri-type-li{padding: 10px 0 10px 0;background: #fff}
.ri-type-li .a1{display: block;padding: 15px 20px 15px 40px;font-size: 20px;color: #333;box-sizing: border-box;font-weight: bolder;
    border-left: 2px solid #eee;background:#eee url("../img/pro.png") left 10px center no-repeat}
.ri-type-li-1 .a1:nth-child(n+2){margin-top: 8px;}
.ri-type-li .a1:hover{color: #0053da;border-left: 2px solid #0053da}
.ri-type-li .a1[data=xz]{border-left: 2px solid #ff6600;font-weight: bold;background: #ff6600 url("../img/prob.png") left 10px center no-repeat;color: #fff;}
/**/
/*右侧*/
.right-t{width: 100%;height: 70px;box-sizing: border-box;border-bottom: 1px solid #ddd;line-height: 68px;font-size: 25px;font-weight: bold;color: #000;
    background:#0053da url("../img/tp.png") left 13px center no-repeat;text-indent: 60px;color: #fff;
    background-size: 31px;}
/*产品列表*/
.i-p-list{width:100%;}
.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 a{display: block;width: 100%;box-sizing: border-box;background: #eee;}
.prolist a .i{width: 100%;height: 220px;box-sizing: border-box;border: 1px solid #eeeeee;border-bottom: 0px;}
.prolist a .t{padding: 15px 20px;box-sizing: border-box;color: #333;}
.prolist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05)}
.prolist a:hover{background-color:#0053da;border-color: #0053da}
.prolist a:hover .t{;color: #fff;}
.prolist a .t1{width: 96%;padding: 0 2%;line-height: 62px;background: #f1f1f1;font-size: 16px;color: #434343}
/*关于我们*/
.iab{padding: 50px 0;background: url("../img/bg1.jpg") center no-repeat;background-size: cover;border-top: 0px solid #0053da;}
.iab-l{width: 580px;height: 400px;float: left;}
.iab-r{width: 620px;float: right;height: 400px;box-sizing: border-box;border: 1px solid #eeeeee;background: #fff;
    border-left: 0px;padding-left: 20px;}
.iab-r .son{width: 560px;margin: 0 auto}
.iab-r .son h1{color: #4d4d4d;padding-bottom: 20px;border-bottom:1px solid #e5e5e5;font-size: 21px;white-space: nowrap}
.iab-r .son .p1{line-height: 2.0}
/*两个a*/
.ipro-more{}
.ipro-more a{display: block;width:140px;height: 40px;position: relative;overflow: hidden;float: left;}
.ipro-more .a1{margin-right: 20px;}
.ipro-more a .one{position: absolute;width: 140px;height: 40px;z-index: 2;}
.ipro-more a .one .son{width: 40px;height: 40px;background: rgba(0,0,0,0.3);border-radius: 50%;opacity: 0}
.ipro-more a .two{position: absolute;width: 160px;height: 40px;z-index: 3;
    color: #fff;line-height: 40px;font-size: 14px;text-align: center;
    background: url("../img/j.png") left 21px center no-repeat}
.ipro-more .a1 .one{background: #313131;color: #fff}
.ipro-more .a2 .one{background: #0053da;color: #fff}
/*.ica .more1 a:hover{border: 1px solid #1f499d}*/
.ipro-more a:hover .one .son{transform: scale(5);-webkit-transform: scale(5);opacity: 1;}
/**/
.he-lun{;padding-top: 15px;}
/*.swiper-container-he{width: 1040px;margin-left: 80px;}*/
/*.he-lun-son{padding: 20px 0 20px 0;background: rgba(0,0,0,0.05);border-bottom: 0px solid #e8e8e8;}*/
.swiper-container-he a{display: block;width: 100%;background: #fff;padding: 10px 10px 0 10px;box-sizing: border-box}
.swiper-container-he a .i{width: 100%;height: 200px;border: 2px solid #fff;overflow: hidden;box-sizing: border-box}
/*.swiper-container-he a .t{font-size: 14px;color: #666;}*/
.swiper-button-prev-he{background: url("../img/hep.png") center no-repeat!important;}
.swiper-button-next-he{background: url("../img/hen.png") center no-repeat!important;}
.swiper-container-he a .t{padding: 10px 2%;text-align: center;color: #666;}
/*.swiper-container-he a:hover .i{border-color: #ddd}*/
.swiper-container-he a:hover .t{color: #0053da}
.he-pp{width: 60px;height: 40px;top: 54%;}
.jcsb{margin-top: 20px;font-size: 24px;color: #0053da;font-weight: bolder}
/*message*/
.imes{padding: 50px 0;background: url("../img/mesbg.jpg") bottom center no-repeat;background-size: cover;border-top: 10px solid #0053da;}
.imes-l{width: 630px;float: left;}
.imes-l .p1{color: #fff;font-size: 24px;}
.imes-four{margin-top: 15px;}
.imes-four li{padding: 16px 0;border-bottom: 1px solid rgba(255,255,255,0.1);}

.imes-four li .p1{font-size: 20px;font-weight: bold;}
.imes-four li .p2{font-size: 16px;font-weight: lighter;color: #fff;margin-top: 0px;white-space: nowrap}
.imes-four-fl li{width: 48%;float: left}
.imes-four-fl li:nth-child(2n){float: right}
.imes-four-fl li:nth-child(n+3){margin-top: 10px;}

.imes-b-l{float: left;padding-left: 65px;background: url("../img/h-t1.png") left center no-repeat;}
.imes-b{margin-top: 40px;}
.imes-b-r{float: left;margin-left: 35px;}
.imes-b-r a{display: block;width: 193px;height: 47px;text-align: center;line-height: 47px;
    background: #ff6600;color: #fff;font-size: 18px;border-radius: 5px;}
.imes-b-r a:hover{background: #fff;color: #0053da}
/**/
.imes-r{width: 500px;float: right;overflow: hidden}
#i-form{margin-top: 40px;}
#i-form li{width: 500px;height: 50px;background: #fff;border-radius: 5px;overflow: hidden;}
#i-form li:nth-child(n+2){margin-top: 15px;}
#i-form li .l{width: 50px;height: 50px;background-color: #e6e6e6;float: left;
    background-repeat: no-repeat;background-position: top 13px center;background-size: auto}
#i-form li .r{width: 448px;float: left;position: relative;}
#i-form li .r input{display: block;width: 100%;outline: none;border: none;height: 50px;padding: 0 20px;
    box-sizing: border-box;}
#i-form li.area{height: 80px;}
#i-form li.area  .l{height: 100%;}
#i-form li.area  .r textarea{display: block;width: 100%;height: 70px;outline: none;border: 0px solid #dddd;
    padding: 10px 20px 0 19px;box-sizing: border-box;font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif}
#i-form li .r img{position: absolute;height: 50px;right: 0;top: 0;}
#i-form button{display: block;width: 500px;height: 50px;background: #ff6600;outline: none;border: none;
    margin-top: 20px;border-radius: 5px;font-size: 16px;color: #fafafa;}
#i-form button:hover{background: #0053da}
#i-form li .l.li1{background-image: url("../img/im1.png")}
#i-form li .l.li2{background-image: url("../img/im2.png")}
#i-form li .l.li3{background-image: url("../img/im3.png")}
#i-form li .l.li4{background-image: url("../img/im4.png")}
/*优势*/
.in-youshi{
    padding:60px 0;
}
.in-youshi-list{
    margin-bottom: 47px;
}
.in-youshi-list:last-child{
    margin-bottom:0;
}
.in-youshi-list .youshi-text{
    width: 555px;
    padding-left: 105px;
    position: relative;
    box-sizing: border-box;
}
.in-youshi-list .youshi-text .shuzi{
    position: absolute;
    width: 78px;
    height: 77px;
    background: url("../img/youshi-shuzi.png") no-repeat center;
    text-align:center;
    line-height: 77px;
    font-size:28px;
    font-weight: 700;
    color:#fff;
    left:0;
    top:0;
}
.in-youshi-list:nth-child(odd) .youshi-text{
    float: left;
}
.in-youshi-list:nth-child(odd) .youshi-img{
    float: right;
}
.in-youshi-list:nth-child(even) .youshi-text{
    float: right;
}
.in-youshi-list:nth-child(even) .youshi-img{
    float: left;
}
.in-youshi-list .youshi-text .fir{
    font-size:26px;
    color:#4c4c4c;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 32px;
}
.in-youshi-list .youshi-text .sec{
    font-size:14px;
    color:#4c4c4c;
    letter-spacing: 1px;
}
.in-youshi-list .youshi-text .line{
    width: 40px;
    height: 1px;
    background: #f6c413;
    margin:12px 0;
}
.in-youshi-list .youshi-text .thr{
    font-size:14px;
    color:#7b7b7b;
    line-height: 25px;
    text-align: justify;
    margin-top: 8px;
}
.in-youshi-list .youshi-img{
    width:569px;
    height: 246px;
    overflow: hidden;
}
.in-youshi-list .youshi-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.in-youshi-list:hover .youshi-img img{
    -webkit-transform: scale(1.03) translateZ(0);
    -moz-transform: scale(1.03) translateZ(0);
    -ms-transform: scale(1.03) translateZ(0);
    -o-transform: scale(1.03) translateZ(0);
    transform: scale(1.03) translateZ(0);
}
/*广告*/
.in-guang{
    margin-bottom: 60px;
    height: 208px;
    background: url("../img/guangbg.jpg") no-repeat center;
}
.in-guang .guang-left{
    float: left;
    margin-top: 64px;
}
.in-guang .guang-left .fir{
    font-weight: 700;
    font-size:30px;
    color:#fff;
    letter-spacing: 1px;
    line-height: 30px;
}
.in-guang .guang-left .sec{
    font-size:14px;
    color:#fff;
    text-transform: uppercase;
}
.in-guang .guang-left .spanbox span{
    line-height: 30px;
    display: inline-block;
    padding-left: 23px;
    background: url(../img/gou.png) no-repeat left center;
    font-size: 14px;
    color: #fff;
    margin-right: 10px;
    margin-top: 6px;
}
.in-guang .guang-right{
    float: right;
    padding-left: 49px;
    background: url(../img/guang-tel.png) no-repeat left center;
    margin-top: 72px;
}
.in-guang .guang-right .fir{
    font-size:16px;
    color:#fff;
}
.in-guang .guang-right .sec{
    font-size:30px;
    color:#fff;
    font-weight: 700;
    line-height: 30px;
}
/*新闻*/
.n-left{
    width: 423px;
    height: 517px;
    border: 1px solid #eee;
    float: left;
    padding: 22px;
}
.n1-img{
    width: 100%;
    height: 313px;
    overflow: hidden;
}
.n1-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.n1-tit h3{
    color: #333333;
    font-size: 18px;
    padding: 30px 0 20px 0;
    font-weight: bold;
}
.n1-tit p{
    color: #999999;
    font-size: 14px;
    line-height: 24px;
}
.n1-tit small{
    color: #999999;
    font-size: 12px;
    display: block;
    padding-top: 24px;
}
.n-left:hover .n1-tit h3{
    color: #0053da;
}
.n-right{
    width: 585px;
    float: right;
}
.n-right ul li{
    width: 100%;
    height: 140px;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
}
.n-right ul li .n2-img{
    width:165px;
    height: 110px;
    float: left;
    overflow: hidden;
    border: 1px solid #eee;
}
.n-right ul li .n2-img img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -moz-transform: scale(1.04);
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.n-right ul li:hover .n2-img img{
    transform: scale(1.04);
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -webkit-transition: 300ms 0s all ease;
    -moz-transition: 300ms 0s all ease;
    -ms-transition: 300ms 0s all ease;
    -o-transition: 300ms 0s all ease;
    transition: 300ms 0s all ease;
}
.n-right ul li .n2-tit{
    width: 400px;
    float: right;
}
.n-right ul li .n2-tit h3{
    color: #333333;
    font-size: 18px;
    padding-bottom: 13px;
    font-weight: bold;
}
.n-right ul li .n2-tit p{
    color: #999999;
    font-size: 14px;
    line-height: 24px;
}
.n-right ul li .n2-tit small{
    color: #999999;
    font-size: 12px;
    display: block;
    padding-top: 8px;
}
.n-right ul li:hover .n2-tit h3{
    color: #0053da;
}
/**/
.index-newscate{text-align: center}
.index-newscate a{display: inline-block;padding: 10px 50px;margin: 0 15px;border: 1px solid #ddd;}
.index-newscate a:hover{border-color: #0053da;background: #0053da;color: #fff;}
.index-newscate a[data=xz]{border-color: #0053da;background: #0053da;color: #fff;}
/*案例*/
.swiper-container-case a{display: block;width: 100%;}
.swiper-container-case a .i{width: 100%;height: 250px;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #eee;
padding: 3px;}
.swiper-container-case a .t{width: 75%;padding: 0 20% 0 5%;height: 50px;background: rgba(0,0,0,0.4) url("../img/cjt.png") right 5% center no-repeat;
    position: absolute;line-height: 50px;color: #fff;font-size: 16px;
    left: 0;bottom: 0}
.swiper-container-case a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.swiper-container-case a:hover .t{background: #0053da url("../img/cjt.png") right 5% center no-repeat;}
.all-more{text-align: center;}
.all-more{width: 140px;height: 40px;border: 1px solid #ddd;margin: 0 auto}
.all-more a .one{position: absolute;width: 140px;height: 40px;z-index: 2;}
.all-more a .one .son{width: 40px;height: 40px;background: #eee;border-radius: 50%;opacity: 0}
.all-more a .two{position: absolute;width: 140px;height: 40px;z-index: 3;
    color: #4c4c4c;line-height: 40px;font-size: 14px;text-indent: 53px;text-align: left;font-weight: lighter;
    background: url("../img/j1.png") left 21px center no-repeat}
.all-more a:hover .one .son{transform: scale(4);-webkit-transform: scale(4);opacity: 1}
/*.all-more a:hover .two{color: }*/
/*底部*/
.footer {
    border-top: 10px solid #0053da;
    width: 100%;
    position: relative;
    background: #1d1d1d;
    padding: 50px 0;
}
.foot1{
    width: 600px;
    height: 255px;
    float: left;
    border-right: 1px solid #313131;
}
.foot1 h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.foot1 h3:after{
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #0053da;
    margin: 16px 0;
}
.foot1 ul li{
    color: #666666;
    font-size: 14px;
    line-height:38px;
}
.foot1 p{
    padding-top: 40px;
    color: #666666;
    font-size: 14px;
}
.foot1 p a{
    color: #666666;
    font-size: 14px;
}
.foot2{
    width: 400px;
    float: right;
    height: 255px;
    border-right: 1px solid #313131;
    margin-left: 75px;
}
.foot2 h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.foot2 h3:after{
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #0053da;
    margin: 16px 0;
}
.foot2 ul{
    width: 84%;
}
.foot2 ul li{
    width: 50%;
    float: left;
    line-height: 35px;
}
.foot2 ul li a{
    color: #666666;
    font-size: 14px;
}
.foot2 ul li:hover a{
    color: #fff;
}
.foot3{
    width: 273px;
    float: right;
}
.foot3 h3{
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
.foot3 h3:after{
    display: block;
    content: '';
    width: 32px;
    height: 2px;
    background: #0053da;
    margin: 16px 0;
}
.foot3 .wei{
    width: 46%;
    float: left;
}
.foot3 .wei:nth-child(2){
    float: right;
}
.foot3 .wei p{
    color: #666666;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
}
/*******************首页结束*****/
.sb-banner{height: 350px;background-size: cover;background-repeat: no-repeat;background-position: center;
background-image: url("../img/sb2.jpg");}
.mainbox-content{padding: 50px 0;}
.main-right{width: 920px;float: right;}
/*面包屑*/
.bread{padding: 15px 0;background: #eee;}
.bread-a,.bread-a a{font-size: 14px;color: #666;}
.bread-a span{font-weight: bold;display:inline-block;position: relative;padding-left: 10px}
.bread-a span::before{content: '';position: absolute;width: 3px;height: 14px;background:#0053da;top: 3px;left: 0;}
.bread-a a:hover{color: #0053da}
/*产品详情*/
/*详情*/
.p-guige li{padding: 10px 0;border-bottom: 1px dashed #eee;}
.p-guige li span.tel{font-size: 22px;font-weight: bold;color: #0053da}
.pro-info .z{width: 450px;;position: relative;float: left;}
.pro-info .top{width:450px;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:#0053da url("../img/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:#0053da url("../img/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 #0053da;opacity: 1}
/**/
.pro-info-r{width: 410px;float: right}
.pro-info-r h1{font-size: 24px;color: #333}
.pro-info-r .ipro-more{padding-top: 30px;}
.pro-info-r .ipro-more a:nth-child(1) .two{background: url("../img/order.png") left 21px center no-repeat;
    background-size: 20px;}
.pro-info-r .ipro-more a:nth-child(2) .two{background: url("../img/zx.png") left 21px center no-repeat;
    background-size: 25px;}
/**/
.floors{border-bottom: 1px solid #eee;}
.floors-l{height: 40px;width: 130px;text-align: center;line-height: 40px;background: #0053da;color: #fff;float: left}
/********新闻中心*/
.newslist li{width: 100%;padding: 25px 0;border-bottom: 1px solid #eee}
.newslist li a{display: block;width: 100%;}
.newslist li a .i{width: 240px;height: 150px;background: #ddd;float: left}
.newslist li a .t{width: 620px;float: right}
.newslist li a .t .p1{color: #333;margin-top: 15px;}
.newslist li a .t .p2{line-height: 1.6;color: #888;margin-top: 10px;}
.newslist li a .t .p3{color: #999;margin-top: 25px;font-size: 14px}
.newslist li:nth-child(1){padding-top: 0px}
.newslist li a:hover .t .p1{color:#0053da}
.news-info-title{border-bottom: 1px solid #ddd;padding-bottom: 20px;}
/*资质荣誉*/
.honorlist li{width: 23%;float: left;margin-right: 2.66%;}
.honorlist li:nth-child(4n){margin-right: 0}
.honorlist li:nth-child(n+5){margin-top: 25px}
.caseslist a{display: block;width: 100%;}
.honorlist a .i{width: 100%;height: 370px;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;}
.honorlist a .t{height: 45px;width: 96%;padding: 0 2%;font-size: 16px;text-align: center;background: #f1f1f1;
    line-height: 45px;color: #434343;}
.honorlist a:hover .i img{transform: scale(1.05);-webkit-transform: scale(1.05);}
.honorlist a:hover .t{color: #0053da;}
/*******案例***********/
.caseslist li{width: 32%;float: left;margin-right: 2%;}
.caseslist li:nth-child(3n){margin-right: 0}
.caseslist li:nth-child(n+4){margin-top: 40px}
.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.4) url("../img/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{background: rgba(0,0,0,0.7) url("../img/cjt.png") right 5% center no-repeat;}
/**在线留言*/
#lianform input{width: 49%;float: left;display: block;margin:15px 2% 15px 0;padding: 13px 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: #0053da}
#lianform img{height: 46px;margin-top: 15px}
#lianform input:focus{border-color: #0053da}
#lianform input.submit{background: #0053da;font-size: 16px;color: #fff;letter-spacing: 15px}
#lianform input.reset{font-size: 16px;letter-spacing: 15px}
/***联系我们******/
/*联系我们*/
.con-s1-l{width: 200px;float: left;}
.con-s1-l .i{width: 180px;height: 180px;background: #eee;
    padding: 5px;box-sizing: border-box;}
.con-s1-r{width: 660px;float: right;}
.con-s1-r li{font-size: 15px;color: #333;}
.con-s1-r li:nth-child(n+2){margin-top: 12px;}
#allmap{width: 100%;height: 500px;box-sizing: border-box;border: 1px solid #ddd;}
.BMap_noprint{background: none!important;}
/**/
.honor-list-index li{width: 25%;float: left;border-right: 1px solid #ddd;box-sizing: border-box}
.honor-list-index li:nth-child(4n){margin-right: 0;border-right: none;}
.honor-list-index li:nth-child(n+5){border-top: 1px solid #ddd}
.honor-list-index li a{display: block;width: 100%;position: relative;z-index: 1;overflow: hidden;}
.honor-list-index li a .i{width: 100%;height: 220px;box-sizing: border-box;}
.honor-list-index li a .t{height: 40px;line-height: 40px;font-size: 14px;color: #fff;
position: absolute;width: 100%;left: 0;bottom: -40px;z-index: 2;background: rgba(0,0,0,0.6);
    opacity: 0;
}
.honor-list-index li a:hover .t{
    opacity: 1;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
    -ms-transform:translateY(-40px);
    -moz-transform:translateY(-40px);
    -o-transform:translateY(-40px);
}
.honor-list-index li a:hover .i img{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05);
}
.honor-list-index li a:hover .t{color: #fff}
.honor-list-index-b li a .i img{transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform:scale(0.9);
    -moz-transform:scale(0.9);
    -o-transform:scale(0.9);}
.honor-list-index-b li a:hover .i img{transform: scale(0.95);
    -webkit-transform: scale(0.95);
    -ms-transform:scale(0.95);
    -moz-transform:scale(0.95);
    -o-transform:scale(0.95);}
/*发展历程*/
.fa-lun{;padding-top: 15px;}
.swiper-container-fa{width: 1040px;margin-left: 80px;}
.fa-lun-son{padding: 20px 0 20px 0;border-bottom: 0px solid #e8e8e8;}
.swiper-container-fa a{display: block;width: 100%;}
.swiper-container-fa a .p1{color: #fff;text-align: center;font-size: 26px;font-weight: lighter}
.swiper-container-fa a .p2{color: #fff;text-align: center;font-size: 18px;font-weight: bold;margin-top: 5px;}
.swiper-container-fa a .p3{color: #fff;font-size: 14px;opacity: 0.6;line-height: 1.6;margin-top: 10px;}
.swiper-container-fa a .shi2{margin-top: 12px;width: 100%;height: 25px;background:  url("../img/tl.png") center repeat-x;position: relative;}
.swiper-container-fa a .shi2 .a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;background: url("../img/tl1.png") center no-repeat;}
.swiper-container-fa b .shi2 .b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background: url("../img/tl2.png") center no-repeat;opacity: 0}
.swiper-button-prev-fa{background: url("../img/ship.png") center no-repeat!important;}
.swiper-button-next-fa{background: url("../img/shir.png") center no-repeat!important;}
.swiper-container-fa a .t{padding: 6px 2%;text-align: center;color: #d7d4d4;}
.swiper-container-fa a:hover .i{border-color: #ddd}
.swiper-container-fa a:hover .t{color: #0053da}
.fa-pp{width: 35px;height: 35px;top: 43%;border-radius: 50%;border: 1px solid #999;opacity: 0.6}
.licheng{padding: 60px 0;background: url("../img/timebg.jpg") center no-repeat;background-attachment: fixed;background-size: cover;
    border-top: 10px solid #0053da;}
/**/
.fa-pp:hover{opacity: 0.99;}
.side-bg{width: 100%;background: #0053da;padding: 12px 0;}
.side-bg .p1{text-align: center;font-size: 30px;color: #fff;font-weight: bold;padding-bottom: 10px;
    background:#0053da url("../img/sidel.png") center bottom no-repeat;}
.side-bg .p2{font-size: 14px;color: #fff;margin-top: 4px;letter-spacing: 4px;}
.header-l-l-po{position: absolute;right: -130px;top: 30px;font-size: 20px;color: #666}
.header-l-l-po-img{position: absolute;right: -130px;top: 68px;}
/**/
.ri-lian{background: #0053da;padding: 22px 0 25px 0}
.ri-lian .p3 a{display: inline-block;height: 33px;line-height: 33px;color: #fff;font-size: 18px;border-radius: 33px;
    background: #ff6600;padding: 0 25px}
.ri-lian .p3 a:hover{background: #d85f0e}
/**/
.con-p1-t{height: 45px;border-bottom: 1px solid #ddd;}
.con-p1-t p{width: 240px;height: 45px;border-bottom: 2px solid #999;
    line-height: 45px;}
.con-p1-t p span:nth-child(1){font-size: 24px;color: #0053da}
.con-p1-t p span:nth-child(2){font-size: 14px;color: #999;font-weight: lighter;}
/**/
.five-li{display: flex;justify-content: space-between;}
.five-li a{display: inline-block;padding:10px 50px;background: #c4c4c4;font-size: 18px;color: #fff}
.five-li a:hover{background: #0053da;}
/**/
.com-t{border-bottom: 2px solid #0053da}
.com-t-l{width: 135px;background: #0053da;text-align: center;padding: 6px 0;}
.com-t-l span{display: block;text-align: center;}
.com-t-l span:nth-child(1){font-size:20px;color: #ffffff;font-weight: lighter;}
.com-t-l span:nth-child(2){font-size: 12px;color: #ffffff;font-weight: lighter;}
/**/
.com-s1 li{width:49%;float: left;}
.com-s1 li:nth-child(2n){float: right;}
.com-s1 .i{width: 100%;height: 370px;position: relative;overflow: hidden;box-sizing: border-box;}
.company-con p{font-size: 16px;color: #555;line-height: 1.8}
/*licheng*/
.comllc li{}
.comllc li .l{width: 150px;float: left;text-align: center;position: relative;font-weight: bolder;font-size: 22px;color: #999;
line-height: 55px;}
.comllc li .l .d{position: absolute;}
.comllc li .l .d.d1{width: 14px;height: 14px;border-radius: 50%;border: 1px solid #ddd;right: -8px;top: 18px;background: #fff;}
.comllc li .l .d.d2{width: 10px;height: 10px;border-radius: 50%;background: #ddd;right: -5px;top: 21px;}
.comllc li .r{width: 1000px;float: left;border-left: 1px solid #ddd;box-sizing: border-box;
    padding: 10px 50px 30px 46px;}
.comllc li .r .p1{color: #333;font-size: 20px;font-weight: bolder;}
.comllc li .r .p2{color: #666;font-size:15px;line-height: 1.6;margin-top: 15px;}
.comllc li:hover .l .d.d2{background: rgba(0,113,220,0.8)}
.comllc li:hover .l {color: #0053da}
.comllc li:hover .r .p1{color: #0053da}
.comllc li:hover .r .p2{color: #333}
.comllc li:last-child .r{padding-bottom: 10px}
/**/
.info-img li{width:38%;float: left;}
.info-img li:nth-child(2n){float: right;}
.info-img li:nth-child(n+3){margin-top: 20px;}
.info-img li:nth-child(1),
.info-img li:nth-child(4),
.info-img li:nth-child(5)
{width: 60%;}
.info-img .i{width: 100%;height:300px;position: relative;overflow: hidden;box-sizing: border-box;border: 1px solid #ddd;}

/**/
.fanwei .p1{font-size: 20px;}
.fanwei .p2{font-size: 20px;color: #0053da}
.header-rr{width: 83px;float: right;;margin-top: 17px;margin-right: 16px;}
.header-rr img{display: block;width: 100%;border: 2px solid #eee}
.remen .son .r{display: none!important;}
.bap{width: 35px;height:70px;background-size: auto;background-position: center!important;
    background-repeat: no-repeat!important;
    background: rgba(0,83,218,0.8);
;border-radius: 3px;transition: 0.5s;
    -moz-transition:0.5s;
    -webkit-transition:0.5s;
    -o-transition:0.5s;outline: none;top: 43%}
.bap-n{background-image: url("../img/ne1.png")}
.bap-p{background-image: url("../img/pr1.png")}
.bap:hover{background-color: rgba(0,83,218,0.9)}
.beian{background: #1d1d1d;border-top: 1px solid #313131;padding: 20px 0;font-size: 14px;text-align: center;color: #666}
.beian a{font-size: 14px;color: #666}

.swiper-containerba{width: 100%;min-width: 1200px;}
.swiper-containerba a{display: block;width: 100%;height:600px;}
.swiper-containerba a img{display: block;width: 100%;height:600px;object-fit:cover}
.swiper-containerba .swiper-wrapper{width: 100%;height: 100%;}
.swiper-containerba .swiper-wrapper .swiper-slide{width: 100%;height: 100%;}
.swiper-containerba .swiper-wrapper .swiper-slide a{display: block;width: 100%;}
/*搜索*/
.sb-banner{overflow: hidden}
.sb-banner .p1{font-size: 30px;font-weight: normal;color: #fff;margin-top: 120px;font-weight: lighter;letter-spacing: 3px}
.sb-banner .p1 span{display: block;margin-top: 15px;font-weight: bolder;font-size: 30px;margin-bottom: 10px;
text-indent: 3px}

.caselist li a{display: block;width: 100%;}
.caselist li a .i{width: 350px;height: 300px;float: left;box-sizing: border-box;border: 1px solid #ddd;}
.caselist li a .t{width: 570px;height: 300px;float: left;background: #f5f5f5;padding-left: 30px;box-sizing: border-box}
.caselist li a .t .p1{margin-top: 30px;color: #333;font-size: 18px;font-weight: bolder;}
.caselist li a .t .p2{margin-top: 20px;color: #666;font-size: 14px;font-weight: normal;line-height: 1.6}
.caselist li a .t .p3{margin-top: 15px;color: #999;font-size: 14px;font-weight: normal;line-height: 1.6}
.caselist li a:hover .i img{transform: scale(1.1);
    -webkit-transform: scale(1.05);
    -ms-transform:scale(1.05);
    -moz-transform:scale(1.05);
    -o-transform:scale(1.05); }
.caselist li a:hover .t .p1{color: #0053da}
.caselist li:nth-child(n+2){margin-top: 20px;}