html,body{background: #fff; width: 100%; overflow-x: hidden!important;}
#menu{position: fixed; top: 120px; left: 40px; z-index: 999; background: rgba(0,0,0,.6);}
#menu li a{display: block; padding: 12px 40px; color: #fff;}
#menu li.active a{background: #009cc0;}
.nav{position: fixed; top: 0; left: 0; z-index: 98; width: 100%; padding: 20px 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.nav .logo-c{float: left;}
.nav img{width: 150px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.nav-top{font-size: 22px; margin-top: 8px; float: right; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.nav-top a{color: #009cc0; margin-left: 40px; font-size: 16px;}
.nav-top a:hover{text-decoration: underline;}
.nav.active{background: #fff; padding: 10px 0; box-shadow: 0 4px 9px rgba(15,46,48,.03); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.nav.active img{width: 120px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.nav.active .nav-top{margin-top: 2px; font-size: 20px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
@keyframes bgchange {
    0%{background-size: 100%;}
    50%{background-size: 110%;}
    100%{background-size: 100%;}
}
@-webkit-keyframes bgchange {
    0%{background-size: 100%;}
    50%{background-size: 110%;}
    100%{background-size: 100%;}
}
@-moz-keyframes bgchange {
    0%{background-size: 100%;}
    50%{background-size: 110%;}
    100%{background-size: 100%;}
}
.bgchange{animation: bgchange 10s linear infinite; -webkit-animation: bgchange 10s linear infinite; -moz-animation: bgchange 10s linear infinite;}
.section{background: #fff; width: 100%; overflow: hidden;}
.home-wrap .section1{background: url("../images/h-mt1-p1.jpg") top center; background-size: 200%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s;}
.home-wrap .section1.active{background: url("../images/h-mt1-p1.jpg") top center; background-size: 100%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s;}
.home-wrap .section1 .txt{transform: translateY(-400px); -webkit-transform: translateY(-400px); -moz-transform: translateY(-400px); transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s;}
.home-wrap .section1.active .txt{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s;}
.home-wrap .section2{background: url("../images/h-mt2-p1.jpg") top center; background-size: 200%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s;}
.home-wrap .section2 .middle1200{transform: translateY(-400px); -webkit-transform: translateY(-400px); -moz-transform: translateY(-400px); transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s;}
.home-wrap .section2.active .middle1200{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s;}
.home-wrap .section2.active{background: url("../images/h-mt2-p1.jpg") top center; background-size: 100%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s;}
.home-wrap .section2 h3{margin-bottom: 20px; padding-bottom: 15px; font-size: 40px;}
.home-wrap .section2 h3 small{font-size: 14px;}
.home-wrap .section2 li{width: 285px; height: 400px; overflow: hidden; margin-right: 20px; float: left; background: #fff;}
.home-wrap .section2 li img{width: 100%;}
.home-wrap .section2 li:last-child{margin-right: 0;}
.home-wrap .section2 li:last-child a{display: block; background: #0a90e2; height: 100%; color: #fff; font-size: 26px; padding-top: 90px; transition: .8s; -webkit-transition: .8s; -moz-transition: .8s;}
.home-wrap .section2 li:last-child a:hover{background: #fff; color: #0a90e2; transition: .8s; -webkit-transition: .8s; -moz-transition: .8s;}
.home-wrap .section2 li:last-child a span{font-size: 80px;}
.home-wrap .section2 li .con{padding: 20px 20px; background: #fff; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
@keyframes moveupdown {
    0%{transform: translateY(-5px);}
    50%{transform: translateY(0);}
    100%{transform: translateY(5px); opacity: 0;}
}
@-webkit-keyframes moveupdown {
    0%{transform: translateY(-5px);}
    50%{transform: translateY(0);}
    100%{transform: translateY(5px); opacity: 0;}
}
@-moz-keyframes moveupdown {
    0%{transform: translateY(-5px);}
    50%{transform: translateY(0);}
    100%{transform: translateY(5px); opacity: 0;}
}
.home-wrap .section2 li .con .arrow{font-size: 20px; height: 39px; line-height: 39px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; animation: moveupdown 1s infinite linear; -webkit-animation: moveupdown 1s infinite linear; -moz-animation: moveupdown 1s infinite linear;}
.home-wrap .section2 li .con p{text-align: left; line-height: 22px; color: #666;}
.home-wrap .section2 li:hover .con{transform: translateY(-100px); -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.home-wrap .section2 li:hover .arrow{height: 15px; opacity: 0; overflow: hidden; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;}
.home-wrap .section3{background: url("../images/h-mt3-p1.jpg") top center; background-size: 200%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s;}
.home-wrap .section3 .middle800{transform: translateY(-400px); -webkit-transform: translateY(-400px); -moz-transform: translateY(-400px); transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s;}
.home-wrap .section3.active .middle800{transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); transition: 1.5s; -webkit-transition: 1.5s; -moz-transition: 1.5s;}
.home-wrap .section3.active{background: url("../images/h-mt3-p1.jpg") top center; background-size: 100%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s;}
.home-wrap .section3 h3{margin-bottom: 20px; font-size: 24px; color: #fff; border-bottom: 1px solid #666; padding-bottom: 15px;}
.home-wrap .section3 .con{background: rgba(0,0,0,.8); padding: 40px;}
.home-wrap .section3 .con .t{width: 400px; margin-left: 20px; margin-top: 30px; color: #999; text-align: left;}
.home-wrap .section3 .con .t p{text-indent: 20pt; line-height: 24px; margin-bottom: 10px;}
.home-wrap .section4{background: url("../images/h-mt4-p1.jpg") top center; background-size: 200%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s;}
.home-wrap .section4.active{background: url("../images/h-mt4-p1.jpg") top center; background-size: 100%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s;}
.home-wrap .section4 .foot{position: absolute; bottom: 0; width: 100%; padding: 20px;}
.home-wrap .section4 .foot .td-model{width: 50%; color: #fff; vertical-align: bottom; font-size: 16px;}
.home-wrap .section4 .foot .td-model:first-child a{margin: 0 5px; font-size: 18px; color: #fff;}
.home-wrap .section4 .foot h3{font-size: 28px; color: #7d7d7d;}
.home-wrap .section4 a.con{font-size: 24px; color: #fff; display: block; text-align: center; line-height: 60px; background: url("../images/bottxtbg.png") center no-repeat; padding: 20px 0 40px;}
.home-wrap .section4 a.con strong{font-size: 62px; font-weight: normal;}
.home-wrap .section4 .foot a.weixin{position: relative;}
.home-wrap .section4 .foot a.weixin .wxewm{display: none;}
.home-wrap .section4 .foot a.weixin:hover .wxewm{display: block; position: absolute; bottom: 25px; left: -25px; border: 1px solid #eee; padding: 2px;}
.home-wrap .section4 a.con{transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; margin-top: 40px;}
.home-wrap .section4.active a.con{transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); transition: 1s; -webkit-transition: 1s; -moz-transition: 1s;}
.home-wrap .section4 .lx-info{line-height: 36px;}

.about-us-ban{background: url("../images/b-aboutus.jpg") center; height: 300px;}
.about-jieshao{padding: 60px 40px;}
.about-jieshao .con{width: 680px; margin-left: 40px;}
.about-jieshao .con h4{font-size: 16px; color: #666; padding: 8px 0; border-bottom: 1px solid #0a90e2; display: inline-block;}
.about-jieshao .con p{margin-top: 20px; line-height: 26px; color: #333; text-indent: 20pt;}
.about-team{background: url("../images/ab-team-bg.jpg") center; height: 720px; padding: 60px 0;}
.about-team p.txt{font-size: 16px; line-height: 32px; padding: 60px 0;}
.about-team .picScroll-left{ width:820px; position:relative;  margin: 0 auto; }
.about-team .picScroll-left .prev,.picScroll-left .next{ display:block; font-size: 60px; color: #fff; cursor: pointer; position: absolute;}
.about-team .picScroll-left .prev{left: -30px; top: 40px;}
.about-team .picScroll-left .next{right: -30px; top: 40px;}
.about-team .picScroll-left .bd{ padding:10px;   }
.about-team .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.about-team .picScroll-left .bd ul li{ margin:0 23px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.about-team .picScroll-left .bd ul li h4{padding: 10px 0;}
.about-team .picScroll-left .bd ul li p{color: #999;}
.contact-us h4{padding: 60px 6px 10px; display: inline-block; font-size: 18px; color: #0a90e2; border-bottom: 2px solid #0a90e2;}
.contact-us ul{width: 350px; margin: 50px auto;}
.contact-us ul li{margin: 20px 0;}
.contact-us ul li .icon{font-size: 40px; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #0a90e2;}
.contact-us ul li .con{font-size: 16px; margin-left: 10px;}
.contact-us ul li .con p{font-size: 12px; color: #666;}
.contact-us #allmap{height: 450px; width: 100%;}
.footer{background: #333; padding: 40px; text-align: center; color: #fff;}

.our-customer-item{width: 60%;margin: 0 auto; padding: 40px 0;}
.our-customer-item ul li{float: left; width: 25%; padding: 5% 2%; text-align: center; }
.our-customer-item ul li h4{font-weight: bold; font-size: 16px; margin-bottom: 20px;}
.our-customer-item ul li span{width: 62px; height: 62px; display: inline-block; background: url("../images/our-cous-ico.png") no-repeat;}
.our-customer-item ul li p{color: #777;}
.our-customer-item ul li span.lywz{background-position: -8px 2px;}
.our-customer-item ul li span.tymh{background-position: -122px -4px;}
.our-customer-item ul li span.kjwz{background-position: -232px 0;}
.our-customer-item ul li span.zhmh{background-position: -336px -3px;}
.our-customer-item ul li span.htgl{background-position: -10px -68px;}
.our-customer-item ul li span.scpt{background-position: -120px -68px;}
.our-customer-item ul li span.qywz{background-position: -232px -70px;}
.our-customer-item ul li span.znsb{background-position: -338px -70px;}
.office-info{ padding: 30px 0 0; text-align: center; height:700px; color: #fff;background: url("../images/about-bg02.jpg") repeat-x;}
.office-info h2{color: #fff;font-size: 30px; line-height: 42px;}
.office-info span{color: #fff;font-size: 14px;}
.photowall{height: 560px; overflow: hidden;}
.photowall img{border: 12px solid #fff; width: 400px; height: 380px; cursor: pointer; transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out;}
.photowall .p1{position: absolute; left: 70px; bottom: -40px; transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); z-index: 3;}
.photowall .p2{position: absolute; left: 220px; bottom: -80px; transform: rotate(-15deg); -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); z-index: 3;}
.photowall .p3{position: absolute; left: 420px; bottom: -240px; transform: rotate(-22deg); -webkit-transform: rotate(-22deg); -moz-transform: rotate(-22deg); z-index: 3;}
.photowall .p4{position: absolute; left: 640px; bottom: -40px; transform: rotate(36deg); -webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); z-index: 2;}
.photowall .p5{position: absolute; left: 600px; bottom: 50px; transform: rotate(16deg); -webkit-transform: rotate(16deg); -moz-transform: rotate(16deg); z-index: 1;}
.photowall img.on{z-index: 4; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); bottom: 30px; left: 335px; width: 530px; height: 500px; transition: all .5s ease-in; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in;}
.photowall img.tm{opacity: .6; transition: all .5s ease-in; -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in;}
.about-brand{ margin: 40px auto; text-align: center;}
.about-brand a{margin:0 10px;}
footer{padding-top: 30px; color: #fff; background: #111;}
.footer-content{width: 1200px; margin: 0 auto;}
.footer-content div{float: left;}
.footer-content h4{font-size: 18px;padding: 2px 0 10px 0; color: #0a90e2;}
.footer-content .f-logo{padding-right: 5px;  width: 14%;}
.footer-content p{line-height: 26px;}
.footer-content .f-aboutus{width: 25%; height: 140px;  border-left: 1px dashed #555; padding:0 2% 0 2%; color: #999;}
.footer-content .f-case{width: 31%;  height: 140px; border-left: 1px dashed #555; padding:0 2%; color: #999;}
.footer-content .f-contact{width: 30%; height: 140px;  border-left: 1px dashed #555; padding:0 2%; color: #999;}
.footer-content .f-case ul{clear: both;}
.footer-content .f-case ul li{float: left; margin-right: 15px; margin-bottom: 15px;}
.f-copy{text-align: center; background: #0c0c0c; padding: 20px 0; margin-top: 30px; color: #666;}

.case-ban{background: url("../images/caseban.jpg") center; height: 360px;}
.join-us-ban{background: url("../images/joinusban.jpg") center; height: 360px;}
.join-us-con{padding: 50px 0;}
.join-us-con h4{margin:  15px 0;}
.join-us-con li{list-style: decimal; margin-left: 50px; line-height: 30px;}