/* CSS Document */
.header{ width:100%; height:10vh; min-height:85px; float:left;-webkit-box-shadow: 0 1px 3px #bfbfbf; box-shadow: 0 1px 3px #bfbfbf; min-width:1024px; z-index:222; position:relative;}
.logo-wap{ width:265px; height:3.5vh; /*margin-top:3.25vh;*/margin-top:1.05vh;  float:left;}
.logo{ width:80%;min-width:120px; margin:0 auto; display:block; height:100%;}
.slogen{ width:220px; margin-left:30px; float:left; height:3vh; margin-top:3.5vh;}
.top-right{ float:right; margin-right:90px; height:3vh; margin-top:3.5vh; position:relative;}
.top-right a{ color:#323232; margin-left:30px; height:36px; line-height:36px; display:block; float:left;}
.top-right a i{ display:block; float:left; width:36px; height:36px; border-radius:50%;}
.top-right a span{ display:block; float:left; margin-left:10px;}
.top-right .cd-popup-trigger0 i{ background:url(../imgs/top-ico1.png) center no-repeat #F8BC5E; background-size:53%;}
.top-right .cd-popup-trigger1 i{ background:url(../imgs/top-ico2.png) center no-repeat #F8BC5E; background-size:53%;}
/*弹框样式1*/
.cd-popup {position: fixed; left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:1000;}
.cd-popup.is-visible {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container {position: relative;width:865px;margin:250px auto;height:560px;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.top-right .cd-popup-close{ position: absolute;right:20px;top:20px; z-index: 10;width:auto;height:16px; width:16px; display: block;background:url(../imgs/close-ico.png) center no-repeat; background-size:16px;}
.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}
.achievement{ width:100%; float:left; margin-top:40px;}
.popup-content .top-tit{ width:100%; float:left; text-align:center; font-size:14px;}
.data-img{ width:80%; height:370px; margin:0 auto; margin-top:60px;}
.popup-link{  float:left;}
.popup-link a{ display:block; clear:both; padding-left:25px; font-size:16px;}
.popup-link .link1{ background:url(../imgs/popup-link-ico1.png) left center no-repeat;}
.popup-link .link2{ background:url(../imgs/popup-link-ico2.png) left center no-repeat;}
.presentation{ width:100%; float:left; margin-top:55px;}
.ewm{ width:130px; height:130px; margin:35px auto 10px auto; font-size:13px;}
.ewm p{ width:100%; float:left; margin-top:10px;}
/*弹框样式2*/
.cd-popup1 {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999;}
.cd-popup1.is-visible1 {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container1 {position: relative;width:260px;margin:250px auto;height:300px;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 -webkit-transform: translateY(-60px);-moz-transform: translateY(-60px);-ms-transform: translateY(-60px);-o-transform: translateY(-60px);transform: translateY(-60px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}
.is-visible1 .cd-popup-container1 {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}


.popup-link{ margin-top:130px; margin-left:180px;}
.popup-link a{ margin-bottom:20px; height:16px; line-height:16px;}
.cd-popup2 {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:99999;}
.cd-popup2.is-visible2 {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container2 {position: relative;width:260px;margin:250px auto;height:300px;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 -webkit-transform: translateY(-60px);-moz-transform: translateY(-60px);-ms-transform: translateY(-60px);-o-transform: translateY(-60px);transform: translateY(-60px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.cd-popup-close{ position: absolute;right:20px;top:20px; z-index: 10;width:auto;height:16px; width:16px; display: block;background:url(../imgs/close-ico.png) center no-repeat; background-size:16px;}
.is-visible2 .cd-popup-container2 {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}

.cd-popup3 {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:99999;}
.cd-popup3.is-visible3 {opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.cd-popup-container3 {position: relative;width:260px;margin:250px auto;height:300px;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 -webkit-transform: translateY(-60px);-moz-transform: translateY(-60px);-ms-transform: translateY(-60px);-o-transform: translateY(-60px);transform: translateY(-60px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.cd-popup-close{ position: absolute;right:20px;top:20px; z-index: 10;width:auto;height:16px; width:16px; display: block;background:url(../imgs/close-ico.png) center no-repeat; background-size:16px;}
.is-visible3 .cd-popup-container3 {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.header .popup-link{ margin-top:0px; margin-left:30px;}
.header .cd-popup-container3,.header .cd-popup-container2{ margin:50px auto;}

.left{ width:265px; float:left; position:absolute; left:0; top:0; min-height:90vh; height:100%;box-shadow:5px 0px 25px rgba(128, 128, 128, .75); background:url(../imgs/nav-bg.png) center 95% no-repeat; background-size:100%;}
.right{ width:100%; padding-left:265px; float:right; box-sizing:border-box; min-width:1024px;}
.content{ width:100%; clear:both; float:left; overflow:hidden; position:relative; min-height:90vh; height:auto;}
.nav a{ color:#323232; width:200px; height:80px; display:block; padding-left:65px; line-height:80px; margin-bottom:1px;}
.nav a p{ width:180px; float:left; height:80px; border-bottom:1px solid #d6d7dc; padding-left:20px;}
.nav a:last-of-type p,.nav a.cur p,.nav a:hover p{ border-bottom:none;}
.nav a.cur,.nav a:hover{ background:#F8BC5E; color:#fff;}
.nav a.cur p,.nav a:hover p{ background:url(../imgs/nav-ico.png) left center no-repeat;}
.right-content{ width:100%; clear:both; float:left; padding:40px 90px 0 35px; box-sizing:border-box;}
.footer{ width:100%; clear:both; float:left; margin-top:20px; border-top:1px solid #d6d7dc; padding-top:20px; color:#b9b9b9; font-size:14px; padding-bottom:20px;}
.footer p{ float:left; margin-right:20px; line-height:20px;}
.footer p:last-of-type{ margin-right:0;}
.footer-right{ float:right;}
.footer-right li{ display:block; float:left; position:relative; width:40px; cursor:pointer;}
.footer-right li .tel-img{ opacity:0; display:none; position:absolute; right:-40px; bottom:20px; width:207px; height:72px;}
.footer-right li .wx-img{ opacity:0; display:none; position:absolute; right:-60px; bottom:20px; width:311px; height:197px;}
.footer-right li i{ width:20px; height:20px; margin:0 auto; display:block; overflow:hidden;}
.footer-right li i.tel-ico{ background:url(../imgs/tel-ico.png) center no-repeat;}
.footer-right li:hover .tel-img{ opacity:1; display:block;}
.footer-right li:hover .tel-ico{ background:url(../imgs/tel-ico-cur.png) center no-repeat;}
.footer-right li i.wx-ico{ background:url(../imgs/wx-ico.png) center no-repeat;}
.footer-right li:hover .wx-img{ opacity:1; display:block;}
.footer-right li:hover .wx-ico{ background:url(../imgs/wx-ico-cur.png) center no-repeat;}

.black_overlay{display: block;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background-color: black;z-index:999;-moz-opacity: 0.8;opacity:.50;filter: alpha(opacity=50);}
.white_content {display: block;position: absolute;top: 20%;width:1020px; left:50%; margin-left:-510px; padding:50px; box-sizing:border-box; border-radius:6px;background-color: white;z-index:10001;overflow: auto;}
.top-text{ width:100%; float:left;}
.top-text p{ line-height:32px; text-indent:30px;}
.top-text-tit{ text-align:center; width:100%; float:left; margin-bottom:20px; font-size:24px; color:#c69c6d;}
.checkbox{ width:100%; text-align:center; color:#291818; margin-top:20px; margin-bottom:30px; float:left;}
.confirm-btn{ clear:both; width:130px; height:42px; border:none; background:#67a7e4; color:#fff; border-radius:6px; margin:0 auto; display:block; text-align:center; line-height:42px; cursor:pointer;}
.confirm-btn:hover{ color:#fff; background:#5b9ddc;}
.checkbox input{ margin-right:10px;}
@media (min-width:1024px) and (max-width:1335px){
.top-right a{ height:26px; line-height:26px;}
.top-right a i{ width:26px; height:26px;}
.achievement{ margin-top:30px;}
.cd-popup-container{ margin:100px auto;}
.left{ width:200px;}
.right{padding-left:200px;}
.nav a{ width:160px; height:70px;padding-left:40px; line-height:70px;}
.nav a p{ width:140px; height:70px; padding-left:20px;}
.logo-wap{ width:200px;}
.right-content{padding:20px 30px 0 20px;}
.footer{ font-size:12px;}
.white_content{width:730px;margin-left:-365px;}
}     
@media screen and (max-width: 1023px){
.header,.content{ width:1024px;}
.left{ width:180px;}
.nav a{width:140px; height:60px; display:block; padding-left:40px; line-height:60px; margin-bottom:1px;}
.nav a p{ width:100px; float:left; height:60px; border-bottom:1px solid #d6d7dc; padding-left:20px;}
.right{ width:100%; padding-left:180px; float:right; box-sizing:border-box; min-width:100%;}
.right-content{ padding:20px 30px 0 20px; box-sizing:border-box;}
.white_content{ width:900px; margin-left:-450px;}
}