
/*header begin*/
.box{ width:100%; height:auto; min-height:100px;position:fixed; left:0; top:0; z-index:99999; background:#fff;}
.header{ width:1440px; height:auto; margin:0 auto; position:relative;}
.logo{ float:left; padding-top:27px;}
.logo img{ display:block; max-width:100%;}
.nave{ float:right;}
.nave_t{ height:auto; text-align:right; padding-top:17px; margin-bottom:25px;}
.nave_t img{ margin-right:20px; vertical-align:middle; margin-top:-3px;cursor: pointer;}
.nave_t em{ margin:0 13px; color:#b4b4b4; font-size:16px;}
.nave_t a{ color:#b4b4b4; font-size:16px;}
.nave_t a:hover{ color:#d81b1f;}
.nave_b{ height:auto;}
.nave_b li{ float:left;margin-right:42px;}
.nave_b li a{ display:block; color:#353535; font-size:16px; position:relative; min-height:38px !important; }
.nave_b li a:after{ content:''; position:absolute; left:0; bottom:0; width:0px; height:2px; background:#d81b1f;}
.nave_b li a:hover{ color:#d81b1f;}
.nave_b li a:hover:after{ width:100%;}
.nave_b li a.activ{ color:#d81b1f;}
.nave_b li a.activ:after{ width:100%;}
.nave_b li.qcbj{ margin-right:0px;}

.nave_b li.lw{ position:relative; height:38px;}
.nave_b li.lw:hover{ border-bottom:2px solid #d81b1f;}
.guen{ position:absolute; left:-27px; top:37px; width:120px; height:0px; overflow:hidden; background:#fff; text-align:center; opacity:0;filter: Alpha(opacity=0);transition: all 0.5s ease; z-index:99999999; }
.guen p{ line-height:38px;}
.nave_b li.lw:hover .guen{ height:auto; opacity:1;filter: Alpha(opacity=100); }
.guen p a{ font-size:14px;}
.guen2{ text-align:left; padding-left:27px; width:140px; padding-right:27px;}

.nave_b li.le:hover{ border-bottom:2px solid #d81b1f;}
.dqpn{ width:1440px; position:absolute; left:0; top:0; right:0; margin:0 auto; top:100px; height:auto; background:#fff; height:0px; overflow:hidden;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;opacity:0;filter: Alpha(opacity=0);transition: all 0.5s ease; border-top:2px solid #d81b1f }
.nave_b li.le{height:38px;}
.nave_b li.le:hover .dqpn{ height:auto; opacity:1;filter: Alpha(opacity=100); padding:0px 30px;}
.dqpn ul{ float:left; width:12.5%; margin-right:2%; height:auto; text-align:left;position: relative;}
.dqpn li{ width:100%; height:auto; margin-right:0px; line-height:38px;}
.dqpn li h1{ color:#000; font-size:15px; border-bottom:1px solid #ccc; font-weight:bold;}
.nave_b li .dqpn li h1 a{ color:#000; font-size:16px; font-weight:bold;}
.dqpn li a{ color:#000; font-size:14px;}
.dqpn ul:last-child{ margin-right:0px;}
.dqpn ul.qcbj{ margin-right:0px;}
@media(max-width:1440px){
.header{ width:100%; padding:0 80px; height:auto; margin:0 auto;}	
.nave_b li{ float:left;margin-right:25px;}
.dqpn{ width:100%; position:absolute; left:0; top:0; right:0; margin:0 auto; top:100px; height:auto; background:#fff; height:0px; overflow:hidden;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap; padding:0 80px;}
}
@media(max-width:1366px){
.header{ width:100%; padding:0 80px; height:auto; margin:0 auto;}	
.nave_b li{ float:left;margin-right:18px;}
}
@media(max-width:1280px){
.header{ width:100%; padding:0 80px; height:auto; margin:0 auto;}	
.nave_b li{ float:left;margin-right:10px;}
}
@media(max-width:1200px){
.header{ width:100%; padding:0 80px; height:auto; margin:0 auto;}	
.nave_b li{ float:left;margin-right:10px;}
.nave_b li a{ display:block; color:#353535; font-size:14px; position:relative; min-height:38px !important; }
}
@media(max-width:1024px){
.header{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	
.nave_b li{ float:left;margin-right:10px;}
.nave_b li a{ display:block; color:#353535; font-size:14px; position:relative; min-height:38px !important; }
.nave_b{ height:auto; display:none;}
.nave_t a{ color:#b4b4b4; font-size:14px; display:none;}
.nave_t em{ display:none;}
.nave_t img.eonn{ margin-right:0px;}
}
@media(max-width:414px){
.header{ width:100%; padding:0 15px; height:auto; margin:0 auto;}	
.nave_b li{ float:left;margin-right:10px;}
.nave_b li a{ display:block; color:#353535; font-size:14px; position:relative; min-height:38px !important; }
.nave_b{ height:auto; display:none;}
.logo{ float:left; padding-top:15px; width:70%;}
.nave_t img{ margin-right:10px; vertical-align:middle; margin-top:-3px;}
.nave_t em{ margin:0 13px; color:#b4b4b4; font-size:14px;}
.nave_t a{ color:#b4b4b4; font-size:14px; display:none;}
.nave_t em{ display:none;}
.box{ width:100%; height:auto; min-height:85px;position:fixed; left:0; top:0; z-index:99999; background:#fff;}
}
/*header end*/

/*fotter begin*/
.box6{ clear:both; width:100%; height:auto; overflow:hidden; background:#333333; padding:0px 0 0 0;}
.fotter{ width:1440px; height:auto; margin:0 auto;}
.fotter_t{ height:auto; overflow:hidden; border-bottom:1px solid #3e3e3e; padding-bottom:35px; margin-bottom:55px; display:none;}
.fotter_tl{ float:left;}
.fotter_tr{ float:right; line-height:44px;}
.fotter_tr a{ color:#fff; font-size:16px; margin-right:48px;}
.fotter_tr a.qcbj{ margin-right:0px;}
@media(max-width:1440px){
.fotter{ width:100%; padding:0 80px; height:auto; margin:0 auto;}	
.fotter_tr a{ color:#fff; font-size:16px; margin-right:28px;}
}
@media(max-width:1366px){
.fotter{ width:100%; padding:0 80px; height:auto; margin:0 auto;}	
.fotter_tr a{ color:#fff; font-size:16px; margin-right:18px;}
}
@media(max-width:1280px){
.fotter{ width:100%; padding:0 80px; height:auto; margin:0 auto;}	
.fotter_tr a{ color:#fff; font-size:16px; margin-right:14px;}
}
@media(max-width:1240px){
.fotter{ width:100%; padding:0 80px; height:auto; margin:0 auto;}	
.fotter_tr a{ color:#fff; font-size:16px; margin-right:10px;}
}
@media(max-width:1024px){
.fotter{ width:100%; padding:0 30px; height:auto; margin:0 auto;}	
.fotter_t{ height:auto; overflow:hidden; border-bottom:1px solid #3e3e3e; padding-bottom:20px; margin-bottom:20px;}
.fotter_tr a{ float:left; display:block; width:10%; color:#fff; font-size:14px; margin-right:0px;}
.fotter_tr{ float:left; width:100%; padding-top:10px; line-height:44px;}
}
@media(max-width:414px){
.fotter{ width:100%; padding:0 15px; height:auto; margin:0 auto;}	
.fotter_t{ height:auto; overflow:hidden; border-bottom:1px solid #3e3e3e; padding-bottom:20px; margin-bottom:20px;}
.fotter_tr a{ float:left; display:block; width:20%; color:#fff; font-size:14px; margin-right:0px;}
.fotter_tr{ float:left; width:100%; padding-top:10px; line-height:28px;}
.fotter_tl{ float:left; width:100%;}
.fotter_tl img{ max-width:70%; margin:0 auto; display:block;}
}
.fotter_c{ clear:both; height:auto; overflow:hidden; border-bottom:1px solid #3e3e3e; padding-bottom:35px; display:none;}
.fotter_c span{ display:block; float:left; width:114px; color:#8c8c8c; font-size:14px; line-height:30px;}
.fotter_c font{ display:block; float:right; width:91%; line-height:30px;}
.fotter_c p{ clear:both; height:auto;}
.fotter_c a { margin-right:32px; color:#8c8c8c; font-size:14px;}
@media(max-width:1024px){
.fotter_c font{ display:block; float:right; width:88%; line-height:30px;}
.fotter_c{ clear:both; height:auto; overflow:hidden; border-bottom:1px solid #3e3e3e; padding-bottom:25px;}
}
@media(max-width:768px){
.fotter_c font{ display:block; float:right; width:82%; line-height:30px;}
}
@media(max-width:414px){
.fotter_c font{ display:block; float:right; width:100%; line-height:30px;}
.fotter_c a { margin-right:20px; color:#8c8c8c; font-size:14px;}
}
.fotter_b{ clear:both; width:100%; height:auto; line-height:60px;}
.fotter_b span{ float:left; color:#8c8c8c; font-size:14px;}
.fotter_b font{ float:right; color:#8c8c8c; font-size:14px;}
.fotter_b font a{ color:#8c8c8c; font-size:14px;}
@media(max-width:768px){
.fotter_b{ clear:both; width:100%; height:auto; line-height:40px; padding:10px 0; overflow:hidden;}
.fotter_b font{ float:left; width:100%; display:block; color:#8c8c8c; font-size:14px;}
}
@media(max-width:414px){
.fotter_b{ clear:both; width:100%; height:auto; line-height:30px; padding:10px 0; overflow:hidden;}
.fotter_b font{ float:left; width:100%; display:block; color:#8c8c8c; font-size:14px;}
}
/*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;}

























