﻿/* cont-banner*/
.brand-ban{height: 460px;position: relative;}
.brand-ul{position: absolute;top: 60%;left: 50%;transform: translate(-50%,-50%);}
.ul-cban{width: 100%;overflow: hidden;padding-top:200px;}
.ul-cban li{color: #fff;position:relative;width:33.33%;text-align:center;float:left;}  
.ul-cban li .num{font-size: 30px;background: url(../../images/img/img-brandh1bg.png) left top no-repeat;text-align: left;}
.ul-cban li .tit{padding-top: 80px;font-size: 20px;background-repeat:no-repeat;}
.ul-cban li .tit span{display: block;font-size: 18px;line-height: 22px;}
.ul-cban .li1 .tit{background-image: url(../../images/img/ico-s-2.png);background-position: center top;background-image: url(../../images/img/ico-s-2-ie.png) \9;}
.ul-cban .li2 .tit{background-image: url(../../images/img/ico-s-3.png);background-position: center top;background-image: url(../../images/img/ico-s-3-ie.png) \9;}
.ul-cban .li3 .tit{background-image: url(../../images/img/ico-b.png);background-position: center top;background-image: url(../../images/img/ico-b-ie.png) \9;}
.ul-cban .li4 .tit{background-image:url(../../images/img/img-case-1.png);background-position: center top;}
/*******************************
    -------[=营销网络]-------
********************************/
.banner-marketing {height: 460px;position:relative;}
.banner-marketing .new-h2 {position: absolute;top: 51%;left: 50%;margin-left:-300px;width: 600px;text-align:center;}
.box-marketing {padding: 38px 0 20px;background: url(../../images/img/bg-marketing-1.png) left top no-repeat;background-size: cover;}
.cont-marketing {height: 828px;}

.new-ban{height: 460px;position:relative;}
.new-h2{text-align: center;font-size: 46px;color: #fff;font-weight: normal;}
.new-h2 span{display: block;font-size: 25px;line-height: 40px;}
.new-ban .new-h2{position: absolute;top: 50%;left: 0;width: 100%;text-align: center;/*top: 60%;left: 50%;transform: translate(-50%,-50%);*/}


.serv-ban{height: 460px;position:relative;}
.p-wp{position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;}
.serv-ban .new-h2{position: absolute;top: 50%;left: 44%;/*top: 60%\9\0;left: 50%\9\0;*/transform: translate(-50%,-50%);}
/*******************************
    -------[=面包屑导航]-------
********************************/
.cur_tit{font-size: 13px;color:#999;padding: 24px 0;border-bottom: 1px solid #e4e4e4;overflow-x: auto;white-space: nowrap;}
.cur_tit::-webkit-scrollbar
{
-webkit-appearance: none;
width: 0;
height: 0;
}
.cur_tit a{padding: 0 5px;display: inline-block;color:#333;}
.cur_tit a:hover{text-decoration: underline;}
.cur_tit .a1{margin-right: 10px;width: 18px;height: 18px;background: url(../../images/img/img-newbg2.jpg) center no-repeat;-webkit-background-size: auto 18px;background-size: auto 18px;}
.cur_tit span{display: inline-block;padding: 0 5px;}
/*******************************
    -------[=品牌故事]-------
********************************/
.g-tit-12 .cn {color: #214285;}
.g-tit-11 .cn {color: #fff;}
.g-tit-11 .en {color: #8da1b7;}
.g-tit-11 .cn:after {background-color: #fff;}

.brand-row1{padding-bottom: 58px;overflow: hidden;}
.brand-row1 .g-tit-1{padding: 58px 0 50px;}
.brand-row1 .col-l,.brand-row1 .col-r{width: 50%;padding: 0 4%;}
.brand-row1 .col-l{background: url(../../images/img/img-brandbg.png) right center no-repeat;margin-bottom:30px;}
.brand-row1 .img{display: block;width: 100%;}
.brand-row1 .p2{margin-top: 20px;font-size: 14px;color: #666;}

.brand-row2{padding-bottom: 60px;overflow: hidden;background: url(../../images/img/img-brandtest.jpg) center no-repeat;-webkit-background-size: cover;background-size: cover;}
.brand-row2 .g-tit-1{padding: 28px 0 42px;}
.brand-row2 .txt{overflow: hidden;background: #fff url(../../images/img/img-brand4.png) left center no-repeat;-webkit-background-size: 50% 100%;background-size: 50% 100%;}
.brand-row2 .htxt{float: right;padding: 35px 30px 35px 20px;width: 50%;background-color: #fff;}
.brand-row2 .htxt h3{padding-bottom: 10px;font-size: 36px;color: #333;}
.brand-row2 .htxt .p2{font-size: 13px;line-height: 24px;color: #666;}

.brand-row3{padding-bottom: 50px;overflow: hidden;}
.brand-row3 .g-tit-1{padding: 50px 0 40px;}
.ul-listb{margin-left: -3.33%;overflow: hidden;}
.ul-listb li{float: left;width: 30%;margin-left: 3.33%;}
.ul-listb li h3{height: 80px;font-size: 20px;color: #fff;text-align: center;line-height: 80px;background-color: #214285;}
.ul-listb li .img{margin: 10px 0;position: relative;padding-top: 41%;width: 100%;height: 0;overflow: hidden;}
.ul-listb li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ul-listb li .p1{padding: 25px 20px 0;height: 230px;background-color: #f2f2f2;}

.brand-row4{overflow: hidden;background-color: #e4e4e4;}
.brand-row4 .g-tit-1{padding-top: 30px;padding-bottom: 150px;}
.brand-row4 .g-tit-11 .en {color: #fff;}
.brand-row4 .row{overflow: hidden;background-color: #00418f;}
.box-brand{position: relative;padding-bottom: 20px;margin-top: -70px;}
.box-brand-ul{position: relative;top: -50px;left: 0;overflow: hidden;}
.ul-libimg{padding: 40px 20px 70px;overflow: hidden;background-color: #fff;}
.ul-libimg .item{padding: 0 10px;}
.ul-libimg .item .img{position: relative;padding-top: 71.5%;width: 100%;height: 0;overflow: hidden;}
.ul-libimg .item .img img{position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
.box-brand .slick-dots{position: absolute;bottom: 30px;right: 0;left: 0;height: 14px;text-align: center;}
.box-brand .slick-dots li {margin: 0 10px;display: inline-block;width: 40px;height: 8px;background-color: #90a0c2;cursor: pointer;}
.box-brand .slick-dots .slick-active {background-color: #214285;}
.pop-cont {position: fixed;top: 50%;left: 50%;top: 20% \9;left: 25% \9;
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;width: 100%;max-width: 800px;
    z-index: 99999;
    border: 10px solid rgba(0, 0, 0, .3);
    border-radius: 10px;
}
.pop-cont img {display: block;width: 100%;}

/*******************************
    -------[=服务支持]-------
********************************/
.serv-row1{padding: 50px 0 55px;}
.serv-row1 .g-tit-1,.serv-row2 .g-tit-1{padding-bottom: 40px;}
.ul-servimg{overflow: hidden;width: 100%;}
.ul-servimg li{padding: 0 20px;}
.ul-servimg .img{position: relative;padding-top: 70.6%;width: 100%;height: 0;overflow: hidden;}
.ul-servimg .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ul-servimg .tit{padding-left: 22px;height: 100px;overflow: hidden;background-color: #f8f8f8;}
.ul-servimg .tit em{display: block;padding: 10px 0;font-size: 20px;color: #333;}
.ul-servimg .tit span{display: block;font-size: 14px;color: #868686;}
.serv-row2{padding: 60px 0;overflow: hidden;background-color: #fff;}
.ul-servtxt{overflow: hidden;width: 100%;}
.ul-servtxt li{padding: 0 20px;}
.ul-servtxt .li1,.ul-servtxt .li2,.ul-servtxt .li3{padding: 20px 0;background: #f9f9f9 url(../../images/img/img-servlibg.jpg) right bottom no-repeat;}
.ul-servtxt .tit{padding-left: 115px;padding-right: 40px;background-position: 45px center;background-repeat: no-repeat;-webkit-background-size: auto 60px;background-size: auto 60px;}
.ul-servtxt .li1 .tit{background-image: url(../../images/img/img-servlib2.png);}
.ul-servtxt .li2 .tit{background-image: url(../../images/img/img-servlib3.png);}
.ul-servtxt .li3 .tit{background-image: url(../../images/img/img-servlib1.png);}
.ul-servtxt .tit h5{font-size: 18px;color: #333;font-weight: normal;}
.ul-servtxt .tit .p1{font-size: 14px;color: #999;}

/*******************************
    -------[=新闻中心]-------
********************************/
.news-link{text-align: center;overflow: hidden;overflow-x: auto;white-space: nowrap;}
.news-link::-webkit-scrollbar{-webkit-appearance: none;width: 0;height: 0;}
.news-link .item{display: inline-block;background: url(../../images/img/img-newbg1.jpg) right center no-repeat;}
.news-link .item:last-child{background: none;}
.news-link .item a{display: block;padding: 32px 40px;line-height: 1;font-size: 16px;color: #333;}
.news-link .item:hover a,.news-link .item.on a{color: #013186;font-weight: bold;background: url(../../images/img/img-newbg.jpg) center bottom no-repeat;}

.box-newsli{overflow: hidden;background-color: #e4e4e4;}
.news-li{padding-top: 40px;overflow: hidden;margin-left: -3.333%;}
.news-li li{float: left;padding: 15px;margin-bottom: 40px;margin-left: 3.333%;width: 30%;background-color: #fff;}
.news-li li .img{position: relative;padding-top: 63.3%;width: 100%;height: 0;overflow: hidden;}
.news-li li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.news-li li h4{padding: 10px 0;font-size: 16px;font-weight: normal;color: #444;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;}
.news-li li .time{padding-bottom: 10px;font-size: 13px;color: #999;}
.news-li li .p{height: 96px;overflow: hidden;font-size: 13px;line-height: 24px;color: #666;}
.news-li li:hover{background-color: #214285;}
.news-li li:hover h4,.news-li li:hover .p{color: #fff;}

.box-button{margin-bottom: 40px;text-align: center;overflow: hidden;}
.n-btn{display: inline-block;padding: 15px 135px;font-size: 14px;background-color: #00418f;color: #fff;}
.n-btn:hover{background-color: #178fd2;color: #fff;}

.tit-h1a{padding: 25px 0;}
.tit-h1a h1{font-size: 28px;color: #333;font-weight: normal;}
.tit-time{padding: 10px 0;overflow: hidden;font-size: 13px;color: #666;background-color: #e4e4e4;}
.tit-time .p1{float: left;padding-top: 7px;}
.tit-time .p1 span{display: inline-block;margin-right: 20px;}
.tit-time .p2{float: right;min-width:178px;overflow: hidden;}
.tit-time .p2 .sp{float: left;margin-right: 6px;line-height: 32px;}
.tit-time .bdsharebuttonbox a{width: 18px;height: 18px;-webkit-background-size: auto 18px;background-size: auto 18px;}
.tit-time .bdsharebuttonbox .bds_qzone{background-image: url(../../images/img/img-newlink.jpg);}
.tit-time .bdsharebuttonbox .bds_tsina{background-image: url(../../images/img/img-newlink1.jpg);}
.tit-time .bdsharebuttonbox .bds_weixin{background-image: url(../../images/img/img-newlink2.jpg);}
.tit-time .bdsharebuttonbox .bds_fbook{background-image: url(../../images/img/img-newlink3.jpg);}
.tit-time .bdsharebuttonbox .bds_twi{background-image: url(../../images/img/img-newlink4.jpg);}
.box-share-2 .bds_qzone{background-position: 0 0 !important;}
.box-share-2 .bds_tsina{background-position: 0 0 !important;}
.box-share-2 .bds_weixin{background-position: 0 0 !important;}
.box-share-2 .bds_fbook{background-position: 0 0 !important;}
.box-share-2 .bds_twi{background-position: 0 0 !important;}
.tit-cont p{padding: 5px 0;font-size: 16px;color: #666;text-indent: 2em;line-height:1.5em;}
.tit-cont img{display: width: 60%;margin: 0 auto;}
.news-slide{margin: 18px 0 40px;overflow: hidden;}
.news-slide a{display: block;width: 45%;height: 48px;line-height: 48px;overflow: hidden;font-size: 14px;border: 1px solid #e4e4e4;color: #333;}
.news-slide a:hover{color: #013186;}
.news-slide a span{display: block;width: 6%;height: 48px;background-position: center;background-repeat: no-repeat;}
.news-slide a em{display: block;width: 91%;overflow: hidden;}
.news-slide .prev,.news-slide .prev em{float: left;}
.news-slide .next,.news-slide .next em{float: right;text-align: right;}
.news-slide .sp1{float: left;margin-right: 3%;background-image: url(../../images/img/img-newbg3.jpg);border-right: 1px solid #e4e4e4;}
.news-slide .sp2{float: right;margin-left: 3%;background-image: url(../../images/img/img-newbg4.jpg);border-left: 1px solid #e4e4e4;}

/*******************************
    -------[=联系我们]-------
********************************/
.cont-row1 .g-tit-1{padding: 30px 0;}
.map{position: relative;}
.map #maparea{display: block;width: 100%;height: 450px;}
.map-txt{position: absolute;top: 12%;right: 10%;padding: 1% 2%;background-color: #fff;overflow: hidden;}
.map-txt h3{position: relative;padding-bottom: 10px;font-size: 20px;color: #00418F;font-weight: normal;}
.map-txt h3:after {position: absolute;display: block;bottom: 5px;width: 38px;height: 1px;background-color: #999;content: '';}
.map-txt p{font-size: 14px;padding: 5px 0;color: #333;}





/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    .ul-cban li{padding-left: 9%;}
    .news-li{margin-left: -3%;}
    .news-li li{margin-left: 3%;width: 47%;}
    .brand-ban{height: 500px;}

}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    .g-tit-1 .cn {font-size: 20px;}
    .g-tit-1 .en {font-size: 14px;}
    .cur_tit{font-size: 13px;padding: 10px 0;}
    .cur_tit a{padding: 0 5px;}
    .cur_tit .a1{margin-right: 0px;width: 16px;height: 16px;background: url(../../images/img/img-newbg2.jpg) center no-repeat;-webkit-background-size: auto 16px;background-size: auto 16px;}
    .cur_tit span{padding: 0 5px;}
    .map #maparea{height: 400px;}
    .map-txt{top: 10%;}
    .map-txt p{font-size: 14px;}
    /*news*/
    .news-slide{margin: 5px 0 15px;}
    .news-slide a{height: 35px;line-height: 35px;font-size: 13px;}
    .news-slide a span{width: 4%;height: 35px;}
    .news-slide a em{width: 94%;}
    .news-slide .prev{float: none;width: 100%;}
    .news-slide .next{float: none;width: 100%;margin-top: 5px;}
    .news-slide .next em{float: left;text-align: left;}
    .news-slide .sp2{float: left;margin-left: 0;border-right: 1px solid #e4e4e4;border-left: none;}
    .news-slide .sp1{margin-right: 2%;}
    .news-slide .sp2{margin-right: 2%;}
    .box-brand .slick-dots{bottom: 15px;}
    .box-brand .slick-dots li,.equipment .slick-dots li,.yz-case-list .slick-dots li {margin: 0 7px;display: inline-block;width: 12px;height: 12px;background-color: #aeaeae;border-radius: 50%;cursor: pointer;}
    .box-brand .slick-dots .slick-active {background-color: #1a2980;}
    .box-brand .slick-current {color: #00418f;font-weight: bold;}
    /*banner 内部*/
    .new-ban{height: 400px;}
    .new-h2{font-size: 20px;}
    .new-h2 span{font-size: 14px;line-height: 24px;}
    .serv-ban{height: 400px;}
    
    
}
    


/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    /*news*/
    .new-ban{height: 300px;}
    .tit-h1a{padding: 10px 0;}
    .tit-h1a h1{font-size: 20px;text-align: center;}
    .tit-time{padding: 8px 0;font-size: 12px;}
    .tit-time .p1{float: none;padding-top: 0;text-align: center;}
    .tit-time .p2{display: none;}
    .tit-cont p{padding: 10px 0;font-size: 12px;}
    .news-li{padding-top: 15px;margin-left: 0;}
    .news-li li{padding: 10px;margin-bottom: 10px;margin-left: 0;width: 100%;}
    .news-link .item a{padding: 20px;line-height: 1;font-size: 14px;}
    .news-li li h4{padding: 5px 0;font-size: 16px;}
    .news-li li .time{padding-bottom: 5px;}
    .news-li li .p{height: 40px;line-height: 20px;}
    .news-link .item:hover a,.news-link .item.on a{font-weight: normal;}
    .box-button{margin-top: 10px;margin-bottom: 20px;}
    .n-btn{padding: 2% 20%;font-size: 12px;}
    /*contact*/
    .serv-ban{height: 300px;}
    .cont-row1 .g-tit-1{padding: 10px 0;}
    .map{position: static;text-align: center;}
    .map #maparea{height: 300px;}
    .map-txt{position: static;display: inline-block;padding: 20px 25px;text-align: left;}
    .map-txt h3{padding-bottom: 15px;font-size: 18px;}
    .map-txt p{font-size: 14px;padding: 3px 0;}
     /* brand */
    .ul-cban li .num{padding-bottom: 10px;font-size: 20px;}
    .ul-cban li .tit{padding-top: 55px;font-size: 18px;-webkit-background-size: auto 45px;background-size: auto 45px;}
    .ul-cban li .tit span{font-size: 16px;line-height: 22px;}
    .brand-row1{padding-bottom: 20px;}
    .brand-row1 .g-tit-1{padding: 20px 0 10px;}
    .brand-row1 .p2{margin-top: 5px;font-size: 14px;}
    .brand-row1 .col-l,.brand-row1 .col-r{padding: 0 8%;float: none;width: 100%;margin-bottom:15px;}
    .brand-row1 .col-l{background: none;}
    .brand-row1 .col-r{margin-top: 12px;}
    .brand-row2{padding-bottom: 20px;}
    .brand-row2 .g-tit-1{padding: 10px 0;}
    .brand-row2 .txt{background-image: none;}
    .brand-row2 .htxt{float: none;width: 100%;padding: 10px 20px 10px 10px;}
    .brand-row2 .htxt h3{padding-bottom: 5px;font-size: 20px;text-align: center;}
    .brand-row2 .htxt .p2{font-size: 13px;line-height: 20px;}
    .brand-row3{padding-bottom: 20px;}
    .brand-row3 .g-tit-1{padding: 20px 0 10px;}
    .ul-listb{margin-left: 0;overflow: hidden;}
    .ul-listb li{float: none;width: 100%;margin-left: 0;margin-bottom: 10px;}
    .ul-listb li h3{height: 40px;font-size: 16px;line-height: 40px;}
    .ul-listb li .img{margin: 2px 0;}
    .ul-listb li .p1{padding: 5px 10px;line-height: 20px;height: 89px;overflow: hidden;}
    .brand-row4 .g-tit-1{padding: 10px 0;}
    .box-brand{padding-bottom: 0;margin-top: 25px;}
    .box-brand-ul{top: -25px;}
    .ul-libimg{padding: 15px 10px 40px;}
    .ul-libimg .item{padding: 0 5px;}


}

@media only screen and (max-width: 660px) {
    .news-link .item a{padding: 20px 10px;}
    .ul-servtxt .tit{padding-top: 15px;padding-bottom: 15px;}
    .news-li li .p{height: 80px;line-height: 20px;}
   
}


/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    .news-slide a span{width: 9%;}
    .news-slide a em{width: 87%;}
    .tit-time .p1 span{margin-right: 10px;}
    .map-txt{padding: 30px 10px;}
    /* brand */
    .brand-ban{height: 300px;}
    .ul-cban li .num{text-align: center;background-position: center top;}
    .ul-cban li .tit{text-align: center;background-position: center top;}
    
}
