@charset "utf-8";

/* banner */
.banner{
    background: url(../images/film_bg.png) center center no-repeat;
    background-size: 1920px auto;
    height: 400px;
    position: relative;
  }
.banner img{
  width: 1200px;
  display: block;
  margin: 0 auto;
}
.banner .sign{height:80px;width: 1400px;background:#fff;box-shadow:0px 2px 20px 0px rgba(0,0,0,0.1);left: 50%;margin-left: -700px;bottom: -45px;position: absolute;text-align: center;}
.banner .sign a{width: 200px;height: 100%;float: left;line-height: 80px;font-size: 22px;color: #333;padding-left: 76px;font-weight: 300;text-align: left;box-sizing: border-box;}
.banner .sign a.item1{background: url("../images/service_icon01.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.item2{background: url("../images/service_icon02.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.item3{background: url("../images/service_icon03.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.item4{background: url("../images/service_icon04.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.item5{background: url("../images/service_icon05.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.item6{background: url("../images/service_icon06.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.item7{background: url("../images/service_icon07.png") 36px center no-repeat;background-size: 36px 36px;}
.banner .sign a.on{color: #fff;background: url("../images/service_icon_on02.png") 36px center no-repeat;background-size: 36px 36px;background-color: #215AA9;font-size: 22px;}
.banner .sign a.item1:hover{background: url("../images/service_icon_on01.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}
.banner .sign a.item2:hover{background: url("../images/service_icon_on02.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}
.banner .sign a.item3:hover{background: url("../images/service_icon_on03.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}
.banner .sign a.item4:hover{background: url("../images/service_icon_on04.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}
.banner .sign a.item5:hover{background: url("../images/service_icon_on05.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}
.banner .sign a.item6:hover{background: url("../images/service_icon_on06.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}
.banner .sign a.item7:hover{background: url("../images/service_icon_on07.png") 36px center no-repeat;background-size: 36px 36px;color: #fff;background-color: #215AA9;}

.hd{text-align: center;}
.hd h4{line-height:31px;letter-spacing:1px;font-size: 24px;color: #333;}
.hd p{margin-top: 8px;font-size: 14px;line-height: 16px;color: #283649;margin-bottom: 24px;font-family: ArialMT,Arial;letter-spacing: 0.93px;}

.custom{padding-top: 95px;background-color: #fff;}
.custom .imgBox{width:1200px;height: 280px;margin:23px auto 0;position: relative;}
.custom .imgBox img{width:100%;margin:0 auto;display: block;}
.custom .imgBox .intro{position: absolute;width:640px;left: 500px;top: 0;padding-top: 95px;}
.custom .imgBox .intro .introTitle{font-size:18px;font-family:SourceHanSansCN-Normal,SourceHanSansCN;font-weight:400;color:rgba(51,51,51,1);line-height:28px;}
.custom .imgBox .intro .enTitle{font-size:14px;font-family:ArialMT,Arial;color:rgba(153,153,153,1);line-height:16px;margin-top: 25px;letter-spacing: 0.78px;word-break: keep-all;word-wrap: break-word;}


.whole{padding: 40px 0;}
.whole .imgBox{width:1200px;margin:0 auto;position: relative;}
.whole .imgBox img{width:100%;display: block;}
.whole .hd p{margin-bottom: 16px;}
.whole .imgBox .introWrap{position: absolute;padding: 16px 30px 0 90px;}
.whole .imgBox .introWrap .titleCon{font-size:24px;font-family:SourceHanSansCN-Normal,SourceHanSansCN;color:#283649;line-height:24px;}
.whole .imgBox .introWrap .enTitle{font-size:14px;font-family:ArialMT,Arial;color: #999;margin-left: 12px;}
.whole .imgBox .introWrap p.con{font-size:14px;font-family:SourceHanSansCN-Normal,SourceHanSansCN;color: #333;margin-top: 17px;}
.whole .imgBox .introWrap p.enCon{font-size:14px;font-family:ArialMT,Arial;line-height: 18px;color: #999;margin-top: 12px;width: 439px;word-break: keep-all;word-wrap: break-word;}
.whole .imgBox .introWrap01{top: 34px;left: 2px;}
.whole .imgBox .introWrap02{top: 34px;left: 643px;}
.whole .imgBox .introWrap03{top: 229px;left: 2px;}
.whole .imgBox .introWrap04{top: 229px;left: 643px;}

.count{width: 100%;background: #215aa9;}
.count .imgBox img{width:1200px;margin:0 auto;display: block;}

.cooperation{padding-top: 60px;height: 680px;box-sizing: border-box;background: url("../images/film_bg01.png") no-repeat;background-size: 100% 100%;background-color: #fff;}
.cooperation .hd h4{color: #fff;}
.cooperation .hd p{color: #fff;}
.cooperation .imgBox{text-align: center;}
.cooperation .imgBox img{width: 108px;height: 87px;margin: 0 7px;}
.cooperation .hd p{margin-bottom: 40px;}

.pcProcess{padding-top: 72px;margin-top: -430px;}
.pcProcess .hd h4{color: #fff;}
.pcProcess .hd p{color: #fff;}
.pcProcess .imgBox{margin-top: 36px;}
.pcProcess .imgBox img{width:1200px;margin:0 auto;display: block;}

.h5Process{padding-top: 60px;padding-bottom: 67px;background-color: #fff;}
.h5Process .imgBox img{width:1200px;margin:0 auto;display: block;}

@media screen and (max-width:1200px){
  .banner img{
    margin-left: 48px;
  }
}
@media screen and (min-width:1920px){
  .banner{
    background: url(../images/film_bg.png) center center no-repeat;
    background-size: 100% auto;
  }
}