﻿

/*header begin*/

.box{ width:100%; height:auto; z-index:99999; background:#fff; position:fixed; left:0; top:0;right: 0;margin: 0 auto;text-align: center;}

.header{ width:100%; height:auto; margin:0 auto;padding:0px 2.6vw;font-size: 0;}

.logo{ float:left; margin-top:1.25vw;width:8.6vw;height:2.76vw;}

.logo img{ display:block;width:100%;}

.nave{display:inline-block;width:auto;}

.neai{ float:left;}

.neai li{float:left; padding:0px 2.6vw;background:url(../image/bg1.png) no-repeat right center;}

.neai li>a{ display:block; line-height:5.22vw; color:#000000; font-size:0.9375vw; position:relative; z-index:99999; position:relative;}

.neai li.bg a{color:#529013;}

.neai li:last-child{padding-right:0px;background:none;}

.neai li>a:hover{ color:#529013;}

.neai li>a:after{content:'';position:absolute;bottom:0px; left:50%;height:0px;background:#529013;width:0;transform:translate(-50%,0);}

.neai li:hover a:after{width:100%;height:0.15625vw; transition:300ms ease all;}

.neai li.bg a:after{width:100%;height:0.15625vw;  transition:300ms ease all;}

.neai li.qcbj{ margin-right:0px;}

.sour{ float:right; width:10.9375vw; height:2.08vw; border-radius:0.26vw;background:#bfbfbf; border:0.052vw solid #bfbfbf; margin-top:1.6vw; }

.sohne{ width:100%; height:100%; background:#fff; border-radius:0.26vw;}

.wbk{ float:left; width:9vw; height:2.08vw; background:none; border:none; line-height:2.08vw; color:#232323; font-size:0.83vw; padding:0 0.52vw;}

.wbk1{height:2.08vw;}

.sour:hover{border:1px solid rgba(26,70,64,0.5);box-shadow:0px 0px 5px rgba(26,70,64,0.5);}



.guren{ width:100%; height:0; overflow:hidden;background:#529013;position: absolute;left: 0px;padding-left:20.3vw;}

.neai li:hover .guren{height:auto;}

.neai li .guren p{display:inline-block;padding:0px 1.04vw;}

.neai li .guren a{display:block;font-size:0.9375vw;line-height:3vw;color:#fff;}



.guren1{padding-left:29.5vw;}

.guren2{padding-left:41.5vw;}

.guren3{padding-left:52.5vw;}

.guren4{padding-left:61vw;}

.guren5{text-align:right;padding-right:20.3vw;}


@media(max-width:1280px){

.neai li>a{font-size:14px;line-height:5.22vw;}
}


@media(max-width:1024px){

.header{padding:0px 30px;}

.logo{margin-top:0px;width:auto;height:auto;margin:10px 0px;}

.logo img{max-width:100%;}	

.neai{display:none;}

.sour{display:none;}

.guren{display:none;}







}

@media(max-width:768px){

.header{padding:0px 15px;}



}

@media(max-width:375px){

	

	

}

/*header end*/



/*fotter begin*/

.box5{ clear:both; width:100%; height:auto; overflow:hidden; background:#529013;padding:4.7vw 12.5vw 0px;}

.foted{ width:100%; height:auto; margin:0 auto; padding-bottom:3vw; overflow:hidden;}

.fote_l{ float:left; width:80%; height:auto;}

.fote_l ul{ float:left; margin-right:5.1vw;}

.fote_l li{ line-height:30px;  color:#ffffff;}

.fote_l li a{ color:#fff; font-size:0.83vw;}

.fote_l li h1{margin-bottom:0.78vw;}

.fote_l li h1 a{ font-size:1.04vw;line-height:1.04vw;color:#fff;}

.fote_l li img{ display:block; margin:0 auto; margin-bottom:0.52vw;}

.fote_l li p{ text-align:center; color:#fff; font-size:0.83vw; line-height:1.6vw;}

.fote_l ul.qcbj{ margin-right:0px;}

.fote_r{ float:right; width:11%; height:auto;}

.fote_r ul{ float:left;}

.fote_r li{ line-height:1.6vw;  color:#ffffff;}

.fote_r li a{ color:#fff; font-size:0.83vw;}

.fote_r li h1{ line-height:2.5vw;}

.fote_r li h1 a{ font-size:1.04vw;}

.fote_r li img{ width:100%;display:block; margin:0 auto; margin-bottom:0.52vw;}

.fote_r li p{ text-align:center; color:#fff; font-size:0.83vw; line-height:1.6vw;}

.fote_r ul.qcbj{ margin-right:0px;}

.box5_1{ clear:both; width:100%; min-height:4.2vw !important;background:url(../image/tu6.png) no-repeat top center; line-height:4.2vw;padding:0px;}

.fotter{ width:100%; height:auto; margin:0 auto;}

.fotter span{ float:left; color:#ffffff; font-size:0.83vw;}

.fotter span a{ color:#fff; font-size:0.83vw;display:inline-block;padding:0px 0.78vw;}

.fotter font{ float:right; color:#fff; font-size:0.83vw;}

.fotter font a{ color:#fff; font-size:0.83vw;}

@media(max-width:1440px){

.fote_l ul{ float:left; margin-right:4.6vw;}

}

@media(max-width:1360px){

.fote_l ul{ float:left; margin-right:4.6vw;}

}

@media(max-width:1024px){

.box5{padding:30px 30px 0px;}

.box5_1{padding:0px 0px;}

.foted{ width:100%; height:auto; margin:0 auto; padding:0px;overflow:hidden;}	

.fotter{ width:100%; padding:0 0px; height:auto; margin:0 auto;}

.fote_r{ float:right; width:15%; height:auto;}

.fote_r ul{ float:left; margin-right:0px;}

.fote_l{ float:left; width:73%; height:auto; margin-bottom:20px;}

.fote_l ul{margin-right:25px;}



.fote_l h1{ margin-bottom:20px;}

.fote_l li a{font-size:14px;}

.fote_l li h1{margin-bottom:5px;}

.fote_l li h1 a{ font-size:18px;line-height:22px;}

.fote_l li img{margin-bottom:10px;}

.fote_l li p{font-size:14px; line-height:30px;}



.fote_r ul.qcbj{ margin-right:0px; float:right;}

.fote_r li p{font-size:14px; line-height:26px;}

}

@media(max-width:768px){

.box5{padding:15px 15px 0px;}

.box5{}



.foted{padding:0px;}	

.fotter{width:100%; padding:0 15px;}

.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%;}

.fotter span{ font-size:14px;}

.fotter span a{font-size:14px;}

.fotter font a{font-size:14px}

}

@media(max-width:414px){	

.fote_l ul:nth-child(4){margin-right:0px;}

.foted{padding:0px;padding-bottom:15px;}

.fotter{ width:100%; padding:0; 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:auto !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:24px; padding:10px 0;}

.fotter font{ float:right; color:#fff; font-size:14px; display:block; width:100%;}

}



/*fotter end*/




.baidu{ position:fixed; right:0; bottom:20%; z-index:99999;}



.baidu li{margin-bottom:2px; position:relative;}



.baidu li a{display:block; width:60px; height:60px; background:rgba(82,144,19,0.5);position:relative; z-index:9999}



.baidu li:hover a{ background:rgba(82, 144, 19, 0.82);}



.diah{ width:174px; height:60px; background:rgba(82, 144, 19, 0.82); text-align:center; line-height:60px; color:#fff; font-size:20px; position:absolute; right:-174px; top:0px;transition: all 0.5s ease; opacity:0; z-index:0}



.diah:after{ content:'';position:absolute;right:-8px; top:0px; height:60px;width:8px;transition:400ms ease all;-moz-transition:400ms ease all; z-index:399999999}



.baidu li:hover .diah{ right:60px;opacity:1; z-index:9999}







.diah1{ width:259px; height:259px; position:absolute; right:-259px; top:-90px;transition: all 0.5s ease; z-index:0}



.baidu li:hover .diah1{ width:259px; height:259px; position:absolute; right:60px; top:-90px;}



@media(max-width:768px){
.baidu li a{width:30px; height:30px;}
.baidu li:nth-child(1){width:30px;}

}



.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:9999;



}



.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:300px;



    margin:250px auto;



    height:auto;



    padding:30px 30px;;



    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;



}



.cd-popup-close{ position: absolute;right:10px;top:10px; z-index: 10;width:auto;height:1.25rem; display: block;font-size:14px;}



.is-visible .cd-popup-container {-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}



.cd-buttons p{ text-align:center; line-height:30px; font-size:16px;}













