.banner { height: 1090px; position: relative; background-size: cover; background-position: center; }
.banner-company { background-image: url(../images/banner_aboutus.jpg); }
.banner .content { position: absolute; top: 343px; width: 432px; height: 383px; padding: 56px 67px 60px 60px; background: rgba(23,188,208,0.7); color: #fff; }
.banner .content .location { font-size: 21px; padding-bottom: 100px; }
.banner .content .location a { color: #EAFCFF; }
.banner .content .location span { font-weight: bold; }
.banner .content .name { font-size: 54px; }
.banner .content .desc { font-size: 50px; font-weight: 400 }
.company { padding: 100px 0px 40px 0px; background: #31C0D4 url(../images/bg/bg_aboutus.png)no-repeat center/cover; font-size: 24px; line-height: 46px; color: #fff; }
.company p { width: 1108px; padding-bottom: 36px; }
.company p:last-child { padding-bottom: 0px; }
.company .fll { width: 700px; }
.company .vedio { width: 668px; height: 478px; background: url(../images/bg/bg_aboutus2.png)no-repeat; background-size: cover; margin-top: 100px; margin-left:240px;}
.company .vedio .icon-play { width: 100px; height: 100px; background: url(../images/icon/play.png)no-repeat; background-size: cover; margin: 190px 0px 0px 288px; cursor: pointer; }
.company .msg { width:440px;text-align:center;margin-left:352px;margin-top:20px;}


.company2 { padding: 100px 0px 40px 0px; background: #31C0D4 url(../images/bg/bg_aboutus.png)no-repeat center/cover; font-size: 24px; line-height: 46px; color: #fff; }
.company2 p { width: 1200px; padding-bottom: 36px; }
.company2 p:last-child { padding-bottom: 0px; }
.company2 .item {float:left;width:50%;}
.company2 .clearfix {clear:both;}
.company2 .fll { width: 700px; }
.company2 .vedio { width: 580px; height: 420px; background: url(../images/bg/poster-01.jpg)no-repeat; background-size: cover; margin-top: 100px; margin-left:0px;}
.company2 .vedio .icon-play { width: 100px; height: 100px; background: url(../images/icon/play.png)no-repeat; background-size: cover; margin: 180px 0px 0px 250px; cursor: pointer; }
.company2 .vedio .icon-play:hover {scale:1.2}
.company2 .vedio2 { width: 580px; height: 420px; background: url(../images/bg/poster-02.jpg)no-repeat; background-size: cover; margin-top: 100px; margin-left:0px;}
.company2 .vedio2 .icon-play { width: 100px; height: 100px; background: url(../images/icon/play.png)no-repeat; background-size: cover; margin: 180px 0px 0px 250px; cursor: pointer; }
.company2 .vedio2 .icon-play:hover {scale:1.2}
.company2 .msg { width:580px;text-align:center;margin-top:20px;}



.history { padding: 70px 0px 120px 0px; background: url(../images/bg/bg_new.png)no-repeat center center; }
.history h1 { font-size: 50px; color: #23A1BE; padding-bottom: 42px; }
.history .item { padding-left: 130px; padding-bottom: 74px; }
.history .item > div { display:inline-block;vertical-align:middle;}
.history .item .time { color: #F08200; font-size: 50px; margin-right: 42px; }
.history .item p { color: #8F9393; line-height: 34px; }
.history .item p em { font-size: 18px; color: #23A1BE; vertical-align: top; margin-right: 4px; }
.history .item p span { font-size: 24px; vertical-align: top; display: inline-block; }
.history .item:nth-child(2n) .time { color: #23A1BE; }
.history .item:nth-child(2n) p em { color: #F08200; }
.history .item:last-child { padding-bottom: 0px; }

.qrcode { position: fixed; right: 48px; bottom: 61px; width: 111px; background: #fff; border: 2px solid #45adff; border-radius: 4px; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.12); box-shadow: 0 0 10px 0 rgba(0,0,0,.12); padding: 16px; z-index: 10; font-size: 12px; text-align: center; }
.qrcode img { width: 110px; height: 110px; }
.qrcode .text { line-height: 18px; padding: 4px 0px 8px 0px; }
.qrcode .close a { display: block; color: #a9bccd; text-decoration: none; }

.banner-index { background-image: url(../images/banner_aboutus.jpg); }
.banner-index .content { width: 439px; height: 331px; padding: 108px 60px 60px 60px; background: rgba(23,188,208,0.7); color: #fff; }
.banner-index .content .name { font-size: 58px; padding: 0px 0px 80px 0px; }
.banner-index .content .desc { font-size: 32px !important; line-height: 42px; }

.banner-award { background-image: url(../images/banner_award.jpg); }
.award-box { background: url(../images/bg/bg_new.png)no-repeat center center; position: relative; z-index: auto; }
.award-sec { padding: 64px 0px; }
.award-sec:nth-child(2n+1) { background-color: #EFEFEF; }
.award-sec p { font-size: 40px; color: #8F9393; }
.award-sec h2 { font-size: 50px; }
.award-sec .line { width: 77px; height: 13px; }
.award-box .rated h2 { color: #1470A7; padding: 6px 0px 20px 0px; }
.award-box .rated .pic { margin-right: 50px; }
.award-box .rated .line { background: #177FBE; margin: 84px 0px 0px 436px; }
.award-box .high-tech h2 { color: #31C0D4; padding-top: 134px; }
.award-box .high-tech .pic { margin-left: 95px; }
.award-box .high-tech .line { background: #23A1BE; margin: 70px 0px 0px 372px; }
.award-box .high-tech .pic { border:1px solid #ddd;}
.award-box .iso { padding: 32px 0px 76px 0px; z-index: 50; background: rgba(0,0,0,0.09) !important; }
.award-box .iso h2 { color: #62834D; }
.award-box .iso .pic { margin: 0px 54px 0px 186px; }
.award-box .iso .line { background: #54654E; margin: 44px 0px 0px 236px; }

.award-sec-zh h2 { font-size: 36px; }
.award-sec-zh p { font-size: 26px; }
.award-sec-zh .content { padding-top: 20px; }
.award-box .high-tech.award-sec-zh h2 { padding-top: 104px; }

.banner-branch { background-image: url(../images/location-bg-2.jpg); }
.branch-box { padding: 65px 0px 120px 0px;  background-color: #EFEFEF;}
.branch-box h1 { text-align: center; font-size: 32px; color: #21A0BD;text-align:center;margin-bottom:48px; }
.branch-map { width: 100%; position: relative; margin:auto;}
.branch-map .item { position: absolute; }
.branch-map .item1 { top: 50px; left: 94px; }
.branch-map .item2 { top: 50px; left: 550px; }
.branch-map .item3 { top: 52px; left: 950px; }
.branch-map .item4 { top: 326px; left: 950px; }
.branch-map .item5 { top: 510px; left: 210px; }
.branch-map .item dt { font-size: 16px; color: #219FBD; font-weight: bold; padding-bottom: 6px; }
.branch-map .item dd { font-size: 12px; color: #3D3B3B; line-height: 18px; padding-bottom: 8px; }
.branch-map .item .spe { color: #209BB9; }
.branch-map .item4 dd { padding-bottom: 14px; }
.branch-map .item:last-child dd { padding-bottom: 18px; }
.branch-map img {
    width:100%;
}
.branch-map-ch {  }

.banner-vision { background-image: url(../images/banner_vision.jpg); }
.mission { height: 511px; background-image: url(../images/bg/bg_vision1.png); background-size: cover; }
.mission .content { padding: 97px 0px 0px 63px; font-weight: bold; }
.mission .name { font-size: 27px; color: #909A9A; padding-bottom: 18px; }
.mission .desc { font-size: 67px; color: #F39800; }
.vision { height: 604px; background-image: url(../images/bg/bg_vision2.jpg); background-size: cover; color: #fff; font-weight: bold; }
.vision .content { padding: 97px 0px 0px 63px; }
.vision .name { font-size: 27px; padding-bottom: 20px; }
.vision .desc { font-size: 64px; }
.ideals { height: 602px; background-image: url(../images/bg/bg_vision3.jpg); background-size: cover; padding-top: 154px; }
.ideals .content { width: 416px; padding: 54px 67px; background: rgba(127,176,222,0.6); color: #EDF4F7; font-size: 48px; }
.ideals .content em { color: #F39800; font-weight: bold; }
.mission-zh .desc { font-size: 48px; }
.vision-zh { height: 481px; }
.vision-zh .desc { font-size: 48px; }

.banner-contact { height: 745px; padding-top: 343px; background-image: url(../images/banner_contact.jpg); }
.banner-contact .content { width: 439px; height: 331px; padding: 108px 60px 60px 60px; color: #fff; background: rgba(240,130,0,0.7); }
.banner-contact .content .name { font-size: 58px; padding: 0px 0px 40px 0px; }
.banner-contact .content .desc { font-size: 32px; line-height: 42px;padding-top:40px; }
.contact-item .content { padding-left: 24px; position: relative; }
.contact-item .content h1 { font-size: 33px; color: #F39800; padding-bottom: 16px; }
.contact-item .content h2 { font-size: 25px; color: #fff; }
.contact-item .content p { font-size: 20px; color: #4F5B5E; line-height: 30px; }
.contact-item .content .address { padding: 4px 0px 12px 0px; }
.contact-item .content p a { color: #4F5B5E; }
.contact-item .content .split { width: 1px; height: 22px; background: #898989; margin: 0px 10px; }
.headquarter { padding: 60px 0px 35px 0px; background-image: url(../images/bg/bg_business2.jpg); background-size: cover; }
.headquarter .content:before { position: absolute; top: 0px; left: -40px; content: ""; width: 45px; height: 45px; border-radius: 50%; background: #F39800; }
.headquarter .content p { color: #DEE9EB; }
.headquarter .content p a { color: #DEE9EB; }
.offices { padding: 44px 0px 89px 0px; background: #F8FAF9;  }
.offices .content h2 { color: #37AAC4; }
.offices .line { position: absolute; left: 0px; bottom: -47px; width: 44px; height: 1px; background: #27ACCB; }
.offices .contact-item { padding-bottom: 45px; }
/*.offices .contact-item:last-child .content { padding-bottom: 30px; }*/
/*.offices .contact-item:last-child .content:last-child { padding-bottom: 0px; }*/
/*.offices .contact-item:last-child { padding-bottom: 0px; }*/
.production-base { padding: 44px 0px 89px 0px;   background: #F8FAF9; }
.production-base .content h2 { color: #37AAC4; }
.production-base .line { position: absolute; left: 0px; bottom: -47px; width: 44px; height: 1px; background: #27ACCB; }
.production-base .contact-item { padding-bottom: 94px; }
/*.production-base .contact-item:last-child .content { padding-bottom: 30px; }*/
/*.production-base .contact-item:last-child .content:last-child { padding-bottom: 0px; }*/
/*.production-base .contact-item:last-child { padding-bottom: 0px; }*/
.related { padding: 35px 0px 32px 0px; background: #F8FAF9; }
.contact-form { padding: 70px 0px 105px 0px; background: #EAF2F4; text-align: center; color: #403C3A; }
.contact-form h1 { font-size: 58px; }
.contact-form h2 { font-size: 25px; padding: 10px 0px 26px 0px; }
.contact-form p { font-size: 16px; color: #F39800 }
.contact-form .send { width: 212px; height: 40px; line-height: 40px; margin: auto; margin-top: 42px; text-align: center; color: #fff; font-size: 24px; background: #F39800; border-radius: 36px; cursor: pointer; transition: all 0.3s; }
.contact-form .send:hover { opacity: 0.8; }
.form-box { width: 1000px; margin: auto; text-align: left; margin-top: 105px; }
.form-wrap { padding-bottom: 32px; }
.form-wrap label { display: block; font-size: 18px; color: #676463; }
.form-wrap label em { color: #F06B00; }
.form-wrap input { width: 960px; height: 34px; line-height: 34px; background: #EAF2F4; border-bottom: 1px solid #A9ACAD; font-size: 18px; }
.form-float input { width: 460px; }
.form-wrap input::-webkit-input-placeholder { color: #B6B9BA; }
.form-wrap input::-moz-placeholder { color: #B6B9BA; }
.form-wrap input:-moz-placeholder { color: #B6B9BA; }
.form-wrap input:-ms-input-placeholder { color: #B6B9BA; }

.banner-zh .content .desc { font-size: 48px; }

#player { position: fixed; top: 50%; left: 50%; width: 1100px; height: 618px; z-index: 100; margin-left: -550px; margin-top: -309px; display: none; }
#player video { width: 100%; height: 100%; vertical-align: baseline; object-fit: fill; outline: none; z-index: 100; }
#player_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: #000; opacity: 0.8; z-index: 10; display: none; }