
/*header begin*/
.box{ width:100%; height:auto; min-height:100px !important;z-index:99999; background:#fff; position:fixed; left:0; top:0;}
.header{ width:1440px; height:auto; margin:0 auto;}
.logo{ float:left; padding-top:13px;}
.logo img{ display:block; max-width:100%;}
.nave{ float:right;}
.neai{ float:left; margin-right:76px;}
.neai li{ float:left; margin-right:70px; position:relative;}
.neai li a{ display:block; position:relative; line-height:100px; color:#000000; font-size:16px; min-height:100px !important; position:relative; z-index:99999;;}
.neai li a:hover{ color:#006cb7;}
.neai li:after{content:'';position:absolute;top:0; left:50%;height:97.5%; border-bottom:2px solid #006cb7;width:0;transform:translate(-50%,0);}
.neai li:hover:after{width:100%; transition:300ms ease all;}
.neai li.qcbj{ margin-right:0px;}
.sour{ float:left; width:200px; height:40px; border-radius:5px;background: -webkit-linear-gradient(left, rgba(16,143,0,1), rgba(135,212,0,1));
background: -o-linear-gradient(right, rgba(16,143,0,1), rgba(135,212,0,1));
background: -moz-linear-gradient(right, rgba(16,143,0,1), rgba(135,212,0,1));
background: linear-gradient(to right, rgba(0,159,64,1), rgba(0,108,183,1)); padding:1px; margin-top:30px; /* margin-right:47px; */ }
.sohne{ width:100%; height:100%; background:#fff; border-radius:5px;}
.wbk{ float:left; width:157px; height:38px; background:none; border:none; line-height:38px; color:#232323; font-size:14px; padding:0 10px;}
.wobn{ float:left; width:84px; height:26px; border:1px solid #006cb7; border-radius:50px; margin-top:37px; line-height:24px;}
.wobn a{ display:block; width:50%; float:left; background:#006cb7; border-top-left-radius:50px; border-bottom-left-radius:50px; text-align:center; color:#fff; font-size:14px;}
.wobn a.en{ background:#fff; border-top-right-radius:50px; border-bottom-right-radius:50px; color:#000; line-height:24px;}

.guren{ width:130px; height:0; overflow:hidden; position:absolute; left:-35px; top:100px; background:#fff; z-index:98999}
.neai li .guren a{ line-height:30px !important; text-align:center; min-height:30px !important; margin-bottom:10px;}
.neai li:hover .guren{ padding-top:10px; height:auto;}
.neai li .guren1{ left:-25px;}
@media(max-width:1440px){
.header{ width:100%; padding:0 100px; height:auto; margin:0 auto;}	
.neai{ margin-right:46px;}
.sour{ float:left; width:200px; height:40px; border-radius:5px;background: -webkit-linear-gradient(left, rgba(16,143,0,1), rgba(135,212,0,1));
background: -o-linear-gradient(right, rgba(16,143,0,1), rgba(135,212,0,1));
background: -moz-linear-gradient(right, rgba(16,143,0,1), rgba(135,212,0,1));
background: linear-gradient(to right, rgba(0,159,64,1), rgba(0,108,183,1)); padding:1px; margin-top:30px;/*  margin-right:27px; */ }
.neai li{ margin-right:50px}
}
@media(max-width:1366px){
.neai li{ margin-right:40px}	
}
@media(max-width:1280px){
.neai li{ margin-right:30px}	
}
@media(max-width:1200px){
.neai li{ margin-right:30px}
.sour{ float:left; width:170px; height:40px; border-radius:5px;background: -webkit-linear-gradient(left, rgba(16,143,0,1), rgba(135,212,0,1));
background: -o-linear-gradient(right, rgba(16,143,0,1), rgba(135,212,0,1));
background: -moz-linear-gradient(right, rgba(16,143,0,1), rgba(135,212,0,1));
background: linear-gradient(to right, rgba(0,159,64,1), rgba(0,108,183,1)); padding:1px; margin-top:30px; /* margin-right:27px; */ }	
.wbk{ float:left; width:127px; height:38px; background:none; border:none; line-height:38px; color:#232323; font-size:14px; padding:0 10px;}

}
@media(max-width:1024px){
.header{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	
.neai{ float:left; margin-right:76px; display:none;}
.sour{ float:left; width:170px; height:40px; border-radius:5px;background: -webkit-linear-gradient(left, rgba(16,143,0,1), rgba(135,212,0,1));
background: -o-linear-gradient(right, rgba(16,143,0,1), rgba(135,212,0,1));
background: -moz-linear-gradient(right, rgba(16,143,0,1), rgba(135,212,0,1));
background: linear-gradient(to right, rgba(0,159,64,1), rgba(0,108,183,1)); padding:1px; margin-top:30px; /* margin-right:27px;  */display:none; }	
.wobn{ float:left; width:84px; height:26px; border:1px solid #006cb7; border-radius:50px; margin-top:30px; line-height:24px; margin-right:35px;}	
.sohne{ border:1px solid #ccc;}
}
@media(max-width:414px){
.box{ width:100%; height:auto; min-height:85px !important;z-index:99999; background:#fff; position:fixed; left:0; top:0;}
.header{ width:100%; padding:0 15px; height:auto; margin:0 auto;}	
.neai{ float:left; margin-right:76px; display:none;}
.sour{ float:left; width:170px; height:40px; border-radius:5px;background: -webkit-linear-gradient(left, rgba(16,143,0,1), rgba(135,212,0,1));
background: -o-linear-gradient(right, rgba(16,143,0,1), rgba(135,212,0,1));
background: -moz-linear-gradient(right, rgba(16,143,0,1), rgba(135,212,0,1));
background: linear-gradient(to right, rgba(0,159,64,1), rgba(0,108,183,1)); padding:1px; margin-top:30px;/*  margin-right:27px;  */display:none; }	
.logo{ float:left; padding-top:13px; width:60%;}
.logo img{ display:block; max-width:80% }
.wobn{ float:left; width:84px; height:26px; border:1px solid #006cb7; border-radius:50px; margin-top:30px; line-height:24px; margin-right:35px;}	
}
@media(max-width:375px){
.box{ width:100%; height:auto; min-height:76px !important;z-index:99999; background:#fff; position:fixed; left:0; top:0;}
.header{ width:100%; padding:0 15px; height:auto; margin:0 auto;}	
.neai{ float:left; margin-right:76px; display:none;}
.sour{ float:left; width:170px; height:40px; border-radius:5px;background: -webkit-linear-gradient(left, rgba(16,143,0,1), rgba(135,212,0,1));
background: -o-linear-gradient(right, rgba(16,143,0,1), rgba(135,212,0,1));
background: -moz-linear-gradient(right, rgba(16,143,0,1), rgba(135,212,0,1));
background: linear-gradient(to right, rgba(0,159,64,1), rgba(0,108,183,1)); padding:1px; margin-top:30px; /* margin-right:27px; */ display:none; }	
.logo{ float:left; padding-top:13px; width:60%;}
.logo img{ display:block; max-width:80% }
.wobn{ float:left; width:84px; height:26px; border:1px solid #006cb7; border-radius:50px; margin-top:27px; line-height:24px; margin-right:35px;}	
}
/*header end*/

/*fotter begin*/
.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center center; background-size:cover; padding-top:60px;}
.foted{ width:1440px; height:auto; margin:0 auto; padding-bottom:60px; overflow:hidden;}
.fote_l{ float:left; width:15%; height:auto;}
.fote_l h1{ margin-bottom:80px;}
.fote_l p{ color:#ffffff; line-height:30px; font-size:14px;}
.fote_r{ float:right; width:64%; height:auto;}
.fote_r ul{ float:left; margin-right:70px;}
.fote_r li{ line-height:30px;  color:#ffffff;}
.fote_r li a{ color:#fff; font-size:14px;}
.fote_r li h1{ line-height:48px;}
.fote_r li h1 a{ font-size:18px;}
.fote_r li img{ display:block; margin:0 auto; margin-bottom:10px;}
.fote_r li p{ text-align:center; color:#fff; font-size:14px; line-height:30px;}
.fote_r ul.qcbj{ margin-right:0px;}
.box5_1{ clear:both; width:100%; min-height:80px !important; border-top:1px solid #abcbdd; line-height:80px;}
.fotter{ width:1440px; height:auto; margin:0 auto;}
.fotter span{ float:left; color:#ffffff; font-size:14px;}
.fotter font{ float:right; color:#fff; font-size:14px;}
.fotter font a{ color:#fff; font-size:14px;}
@media(max-width:1440px){
.foted{ width:100%; height:auto; margin:0 auto; padding:0 100px 60px 100px;overflow:hidden;}	
.fotter{ width:100%; padding:0 100px; height:auto; margin:0 auto;}
.fote_r{ float:right; width:73%; height:auto;}
.fote_l{ float:left; width:18%; height:auto;}

}
@media(max-width:1400px){
.foted{ width:100%; height:auto; margin:0 auto; padding:0 100px 60px 100px;overflow:hidden;}	
.fotter{ width:100%; padding:0 100px; height:auto; margin:0 auto;}
.fote_r{ float:right; width:73%; height:auto;}
.fote_r ul{ float:left; margin-right:66px;}
.fote_l{ float:left; width:18%; height:auto;}
}
@media(max-width:1366px){
.foted{ width:100%; height:auto; margin:0 auto; padding:0 100px 60px 100px;overflow:hidden;}	
.fotter{ width:100%; padding:0 100px; height:auto; margin:0 auto;}
.fote_r{ float:right; width:73%; height:auto;}
.fote_r ul{ float:left; margin-right:58px;}
.fote_l{ float:left; width:20%; height:auto;}
}
@media(max-width:1280px){
.foted{ width:100%; height:auto; margin:0 auto; padding:0 100px 60px 100px;overflow:hidden;}	
.fotter{ width:100%; padding:0 100px; height:auto; margin:0 auto;}
.fote_r{ float:right; width:73%; height:auto;}
.fote_r ul{ float:left; margin-right:46px;}
.fote_l{ float:left; width:20%; height:auto;}
}
@media(max-width:1024px){
.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center center; background-size:cover; padding-top:40px;}
.foted{ width:100%; height:auto; margin:0 auto; padding:0 30px 30px 30px;overflow:hidden;}	
.fotter{ width:100%; padding:0 30px; height:auto; margin:0 auto;}
.fote_r{ float:right; width:100%; height:auto;}
.fote_r ul{ float:left; margin-right:48px;}
.fote_l{ float:left; width:100%; height:auto; margin-bottom:20px;}
.fote_l h1{ margin-bottom:20px;}
.fote_r ul.qcbj{ margin-right:0px; float:right;}
}
@media(max-width:768px){
.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center center; background-size:cover; padding-top:40px;}
.foted{ width:100%; height:auto; margin:0 auto; padding:0 30px 30px 30px;overflow:hidden;}	
.fotter{ width:100%; padding:0 30px; height:auto; margin:0 auto;}
.fote_r{ float:right; width:100%; height:auto;}
.fote_r ul{ float:left; margin-right:0px; width:16.66%;}
.fote_l{ float:left; width:100%; height:auto; margin-bottom:20px;}
.fote_l h1{ margin-bottom:20px;}
.fote_r ul.qcbj{ margin-right:0px; float:right;}
.box5_1{ clear:both; width:100%; min-height:auto !important; overflow:hidden; border-top:1px solid #abcbdd; line-height:30px; padding:20px 0;}
.fotter font{ float:right; color:#fff; font-size:14px; display:block; width:100%;}
}
@media(max-width:414px){
.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:url(../images/bg3.jpg) no-repeat center center; background-size:cover; padding-top:40px;}
.foted{ width:100%; height:auto; margin:0 auto; padding:0 15px 0px 15px;overflow:hidden;}	
.fotter{ width:100%; padding:0 15px; height:auto; margin:0 auto;}
.fote_r{ float:right; width:100%; height:auto;}
.fote_r ul{ float:left; margin-right:0px; width:33.33%; min-height:220px !important;}
.fote_l{ float:left; width:100%; height:auto; margin-bottom:20px;}
.fote_l h1{ margin-bottom:20px;}
.fote_r ul.qcbj{ margin-right:0px; float:right;}
.box5_1{ clear:both; width:100%; min-height:auto !important; overflow:hidden; border-top:1px solid #abcbdd; line-height:30px; padding:20px 0;}
.fotter font{ float:right; color:#fff; font-size:14px; display:block; width:100%;}
}

/*fotter end*/





.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:99999999999;
}
.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:1100px;
    margin:100px auto;
    height:auto;
	 background:url(../images/bg16.jpg) no-repeat center bottom #fff;
  -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;
	padding:70px 70px 90px 70px;

}
.cd-popup-close2{ position: absolute;right:10px;top:18px; z-index: 10;width:28px;height:28px; background:url(../images/bg17.jpg) no-repeat center center;; display: block;}
.is-visible2 .cd-popup-container2 {
	-webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }

.toxn{ height:auto; position:relative;}
.toxn h1{ text-align:center; color:#333; font-size:16px; line-height:28px;}

@media(max-width:1680px){
.cd-popup-container2 {
    position: relative;
    width:1100px;
    margin:80px auto;
    height:auto;
	 background:url(../images/bg16.jpg) no-repeat center bottom #fff;
  -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;
	padding:70px 70px 90px 70px;

}	
}
@media(max-width:1600px){
.cd-popup-container2 {
    position: relative;
    width:1100px;
    margin:80px auto;
    height:auto;
	 background:url(../images/bg16.jpg) no-repeat center bottom #fff;
  -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;
	padding:50px 70px 50px 70px;

}	
}

@media(max-width:1024px){
.cd-popup-container2 {
    position: relative;
    width:95%;
    margin:80px auto;
    height:auto;
	 background:url(../images/bg16.jpg) no-repeat center bottom #fff;
  -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;
	padding:30px 30px 30px 30px;

}	
}






.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:300px;
    margin:250px auto;
    height:auto;
    background: #FFF;
  -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;
	padding:40px;
	border-radius:10px;
}
.cd-popup-close1{ position: absolute;right:10px;top:18px; z-index: 10;width:12px;height:10px; background:url(../images/bg6_1.png) no-repeat; display: block;}
.is-visible1 .cd-popup-container1 {
	-webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  }

.toxn{ height:auto; position:relative;}
.toxn h1{ text-align:center; color:#333; font-size:16px; line-height:28px;}

























