.hasdiv{ overflow:hidden; display:block;}
.hasdiv .bkg{ display:block; width:100%;transition:All 1s ease;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.hasdiv:hover .bkg{	   transform: rotate(0deg) scale(1.1);
            -webkit-transform: rotate(0deg) scale(1.1);
            -moz-transform: rotate(0deg) scale(1.1);
            -o-transform: rotate(0deg) scale(1.1);
            -ms-transform: rotate(0deg) scale(1.1);}

div.wapheaddianbei{ width:100%; height:50px; display:none;}
div.waphead{ position:fixed; width:100%; left:0px; top:0px; z-index:9999; display:none; background:#666 }
div.waphead div.wapdh{ display:block; width:100%; height:50px;border:1px solid #666 }
div.waphead div.wapdh img.waplogo{  height:40px; padding-top:5px; float:left; margin-left:10px;}



.menuBtn{
    float:right;
    width:30px;
    height:30px; margin-top:10px;
	margin-right:10px;
    cursor:pointer;
    transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s; position:relative;
}
.menuBtn b{
    display:block;
    height:3px;
    background-color:#fff;
    margin:6px 0;
    border-radius:2px;
    transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    -o-transition:.3s;
}

.menuBtn.open b{
    display:none;
    margin:0;
    position:absolute;
    top:15px;
    width:30px;
}
.menuBtn.open b:first-child{
    display:block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{
    display:block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}


div.waphead img.logo{ display:none;}
div.waphead div.middle{ width:70%; float:right; background:#FFF; position:relative;  }
div.waphead ul.nav{ width:100%;padding-bottom:10px; padding-top:10px; overflow-x:hidden;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; position:absolute; background:#F7F7F7; top:0px; right:-100%;}
div.waphead ul.nav.ulnavxian{ right:0px;}

div.waphead ul.nav li a{transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}

div.waphead ul.nav li.yi{ width:100%; height:auto; border-bottom:1px solid #eee }
div.waphead ul.nav li.yi a.ayi{ display:block; width:100%; height:40px; line-height:40px;  font-size:14px; text-indent:10px; position:relative}
div.waphead ul.nav li.yi a.ayi span{ position:absolute; right:10px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; text-indent:0px; padding:0px; width:9px; height:6px; display:block; background:url(../images/s-ico1.png); top:15px;

			}
			div.waphead ul.nav li.yi a.ayi span.rotat{transform: rotate(180deg) scale(1);
            -webkit-transform: rotate(180deg) scale(1);
            -moz-transform: rotate(180deg) scale(1);
            -o-transform: rotate(180deg) scale(1);
            -ms-transform: rotate(180deg) scale(1); background:url(../images/s-ico2.png);}
div.waphead ul.nav li.yi ul.ernav{ width:100%; height:auto; display:none;background:#FeFeFe;}
div.waphead ul.nav li.yi ul.ernav li.er{ height:auto; width:100%;}
div.waphead ul.nav li.yi ul.ernav li.er a.aer{ width:100%; height:30px; line-height:30px; position:relative;  text-indent:12px; font-size:12px; display:block;}



div.waphead ul.nav li.yi ul.ernav li.er a.aer span{ position:absolute; right:10px;transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out; text-indent:0px; padding:0px;
background:url(../images/s-ico1.png); top:10px; width:9px; height:6px; display:block;
			}
			div.waphead ul.nav li.yi ul.ernav li.er a.aer span.rotat{transform: rotate(180deg) scale(1);background:url(../images/s-ico2.png);}


div.waphead ul.nav>li>a{ padding:0px;}


div.waphead ul.nav li.yi ul.ernav li.er ul.sannav{ width:100%; height:auto; display:none}
div.waphead ul.nav li.yi ul.ernav li.er ul.sannav li.san{ height:auto; width:100%;}
div.waphead ul.nav li.yi ul.ernav li.er ul.sannav li.san a.asan{width:100%; height:30px; line-height:30px; font-size:12px;  text-indent:12px; display:block;}
div.waphead ul.nav li a:hover{ padding-left:0px;}

.clear{ clear:both;}
.middle{ width:1200px; max-width:96%; display:block; margin:0px auto; position:relative;}
.animates{transition:All 0.4s ease;-webkit-transition:All 0.4s ease;-moz-transition:All 0.4s ease;-o-transition:All 0.4s ease;}
div.head{ position:fixed; z-index:999; width:100%; left:0px; top:0px;padding-bottom:10px;}
div.head.hgray{ background:rgba(0,0,0,0.8); }
div.head img.logo{ float:left; margin-top:19px;}
div.head.hgray img.logo{  margin-top:6px;}
div.head ul{ padding:0px 205px 0px 365px;}
div.head ul li{ float:left; display:block; text-align:center;width:14.2%;}
div.head ul li a{ display:inline-block; color:#FFF; font-size:14px; padding:42px 7px 0px 7px;}
div.head ul li:hover a,div.head ul li.act a{ background:url(../images/lan.png) left top repeat-x;}
div.head p{ position:absolute; right:0px; color:#FFF; font-size:18px; height:27px; line-height:27px; margin-top:36px; background:url(../images/tel.png) 0px center no-repeat; padding-left:37px;}
div.head.hgray p{  margin-top:23px;}
div.head.hgray img.logo{transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-o-transform: scale(0.8);-ms-transform: scale(0.8); margin-left:-30px;}
div.head.hgray ul li a{  padding:29px 7px 0px 7px;}
.indexgsjj{ padding:68px 0px 100px 0px; }
.indexgsjj img{ float:left; position:relative; z-index:2; margin-top:58px;}
.indexgsjj dl.dl1{ width:530px; height:530px; margin-left:-140px;position:relative; z-index:1; border-radius:530px; background:#FFF;box-shadow: 0px 0px 43px #e9e9e9; float:left; overflow:hidden;margin-top:131px;}

.indexgsjj{ position:relative; z-index:0}
.indexgsjj dl.dl1 dd{ padding-left:192px;}
.indexgsjj dl.dl1 i{ display:block; font-size:110px; font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;  color:#eaeaea; padding-top:81px; line-height:100%;}
.indexgsjj dl.dl1 span{ font-size:35px; color:#000; line-height:100%; padding-top:12px; display:block;}
.indexgsjj dl.dl1 p{ color:#2f2f2f; line-height:30px; padding-top:30px;}
.indexgsjj dl.dl2{ width:410px; height:821px; background:url(../images/mzy.png) right top no-repeat; float:right; margin-right:-32px; position:relative;}
.indexgsjj dl.dl2 span.en{ display:block; padding:56px 0px 0px 0px; line-height:120%; color:#2f2f2f; font-size:60px; font-family:Georgia, "Times New Roman", Times, serif}
.indexgsjj dl.dl2 span.ch{ font-size:60px; color:#2f2f2f; display:block; line-height:100%; padding-top:6px;}
.indexgsjj dl.dl2 p{color:#2f2f2f; line-height:25px; display:block; padding-top:40px; width:365px;}
.indexgsjj dl.dl2 i{ display:block; font-size:24px; line-height:36px; padding-left:45px; background:url(../images/hx.gif) left center no-repeat; position:absolute; bottom:168px; right:-69px;}




.servindex{ background:url(../images/zy1_02.jpg) center center no-repeat; height:890px; position:relative; background-size:cover;}
img.imgbg{ position:absolute; left:0px; top:0px; width:39%;}
img.imgurl{ float:left; width:33.3%; margin-left:7.6%; margin-top:-2.3%;}
img.imgbt{ float:right; width:41.6%; margin-top:11.6%;}
img.imgurl1{ float:right; width:63%; margin:0px -20.8% 0px 0px;}
div.wenzibufen{ padding-top:7.5%; width:46.7%; float:left;}
div.wenzibufen span{ display:block; font-size:30px; color:#2f2f2f; font-weight:bold;}
div.wenzibufen i{ display:block; font-size:18px;}
div.wenzibufen p.ch{ color:#2f2f2f; line-height:25px; display:block; padding-top:25px;}
div.wenzibufen p.en{color:#2f2f2f; line-height:25px; display:block; padding-top:25px;}



.khfu{ padding-top:35px;}
.khfu li{}
.khfu li .hasdiv{ float:left; width:50%}
.khfu li .hasdiv .bkg{ /*height:399px;*/}
.khfu li dl{ float:right; width:50%; border-top:1px solid #e7e7e7; padding-top:47px;}
.khfu li dl a{ font-size:36px; color:#2f2f2f; display:block; height:155px; padding-top:94px; width:100%; background:url(../images/1.png) 8px top no-repeat;}
.khfu li.z dl a{ font-size:36px; color:#2f2f2f; text-align:right; display:block; height:155px; padding-top:94px; width:100%; background:url(../images/2.png) right 8px top 0px no-repeat;}
.khfu li dl p{ color:#2f2f2f; line-height:32px; display:block; padding-top:24px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; }
.khfu li.z dl p{ text-align:right;}
.khfu li.z .hasdiv{ float:right; }
.khfu li.z dl{ float:left; }
.khfu li dl div{ display:block; width:655px; margin:auto; max-width:95%;}








p.hdpself{   text-align: center; color:#FFF; font-size:44px; display:block; padding-top:11.8%; font-weight:lighter;}
.form-ban .bd input.btn{ display:none; }


.dibu{ background:#f1f1f1; padding:40px 0px 56px 0px;}
.fnav{ float:left;}
.fnav dl{ color:#333}
.fnav dl a{ display:inline-block;}
.fnav dl span{ display:inline-block; padding:0px 12px;}
.fnav p{ display:block; padding-top:22px; line-height:22px; color:#777;}
.lyform{ float:right; margin-bottom:77px;}
.lyform input.txt{ border:none; background:none; border-bottom:1px solid #9c9c9c; color:#333; display:block; margin-bottom:8px; height:45px; width:373px;}
.lyform input.subs{ cursor:pointer; border:none; text-align:center; color:#FFF; display:block; width:169px; height:53px; line-height:53px; background:#02b7c0; margin-top:25px; border-radius:4px;}
p.cop{ color:#777;}
p.cop span{ display:inline-block;}
p.cop span.l{}
p.cop span.r{}
p.cop span.r a{ color:#777;}
/*.foot{ background:#787878; padding-bottom:27px;}
.foot img.flogo{ float:left; margin-top:35px;}
.foot dl{ position:relative; padding-left:460px; padding-top:29px;}
.foot dl input.txt{ height:31px; line-height:31px; background:#FFF; width:32%; float:left; margin-right:3.4%; border:1px solid #d9d9d9; text-indent:8px;}
.foot dl input.subs{ margin:-85px 5% 0px 0px; cursor:pointer;  float:right;}
.foot dl div{  width:100%; padding:0px; margin:0px; height:0px;}
.foot dl div p{ text-indent:36px; float:left; font-size:24px; color:#FFF; width:100%; margin-top:-20px;}
.foot dl img{ position:absolute; cursor:pointer; right:0px; top:12px;}*/



@media screen and (max-width:1750px){
img.imgurl1{ margin:0px -15% 0px 0px;}
}
@media screen and (max-width:1680px){
.khfu li dl{  padding-top:18px;}
.khfu li dl a{  height:115px; padding-top:64px; width:100%; background-size:auto 100%;}
.khfu li.z dl a{  height:115px; padding-top:64px; background-size:auto 100%;}
}
@media screen and (max-width:1600px){
img.imgurl1{ margin:0px -10% 0px 0px; width:50%}
}
@media screen and (max-width:1500px){
img.imgurl1{ margin:0px -3% 0px 0px;}
}

@media screen and (max-width:1439px){
.indexgsjj dl.dl2{  margin-right:0px; }
.indexgsjj dl.dl2 i{ right:0px;}
}

@media screen and (max-width:1350px){
img.imgurl1{ margin:0px 0% 0px 0px; margin-top:6%}
.servindex{ height:auto; padding-bottom:25px;}

.khfu li dl a{  height:85px; padding-top:34px;  }
.khfu li.z dl a{  height:85px; padding-top:34px;}
.khfu li dl p{ line-height:22px; padding-top:6px;}

}

@media screen and (max-width:1200px){
div.head ul{ padding:0px 180px 0px 275px;}
div.head img.logo{ width:260px;}
p.hdpself{  font-size:24px; }
.foot dl div p{ text-indent:0px; }
.indexgsjj dl.dl2{ width:auto; padding-left:720px; float:none; }
.indexgsjj dl.dl2 p{width:100%;}


/*.servindex{ height:auto; padding-bottom:30px; }*/


img.imgurl1{ margin-top:15%}

#fixbox{ display:none}


}



@media screen and (max-width:1100px){
.foot dl div p{ font-size:16px; }
.foot dl input.txt{  width:26%;  margin-right:1.4%; }
	}
@media screen and (max-width:1030px){
	.indexgsjj dl.dl1{ margin-left:-175px;}
	.indexgsjj dl.dl2{ padding-left:680px;  }
	}
@media screen and (max-width:1023px){
	.fnav dl{ display:none}
	.foot dl{  padding-left:418px; }
	.indexgsjj img{ height:400px;}
	.indexgsjj dl.dl1{ width:400px; height:400px; border-radius:400px; margin-left:0px; margin-top:50px; }
	.indexgsjj dl.dl1 dd{ padding-left:0px; text-align:center;}

	.indexgsjj dl.dl1 i {

    font-size: 40px;

    padding-top: 30px;
}
	.indexgsjj dl.dl2 span.en {

    padding: 26px 0px 0px 0px;

    font-size: 30px;

}
.indexgsjj dl.dl2 span.ch {
    font-size: 30px;
}
.indexgsjj dl.dl2 i{ position:static; right:auto; bottom:auto; float:right; font-size:16px; line-height:150%; margin-top:20px;}
.indexgsjj dl.dl2{ height:auto; background-size:auto 100%;}




}

@media screen and (max-width:1000px){
.indexgsjj img{ display:none}
.indexgsjj dl.dl1{ float:left; height:auto; border-radius:0px; height:auto; width:48%; padding-bottom:20px; margin-top:0px;}
.indexgsjj dl.dl2{ width:48%;  float:right; padding-left:0px; }
.indexgsjj dl.dl2 span em{ display:none}

.indexgsjj{ padding:22px 0px 22px 0px; }
}



@media screen and (max-width:950px){
.khfu li dl{ padding-top:5px;}
.khfu li dl a { font-size:18px;
    height: 62px;
    padding-top: 36px;
}
.khfu li.z dl a {font-size:18px;
    height: 62px;
    padding-top: 36px;
}
}
@media screen and (max-width:900px){
.tit-g1{ margin-bottom: 29px; }
.tit-g1 span{ font-size:40px;  margin-bottom:-40px;}
.tit-g1 h3{font-size: 23px; }
.tit-g1 p{font-size: 16px;  }
.foot dl{ display:none}
}
@media screen and (max-width:767px){
.form-ban .bd select,.form-ban .bd .slide-bar{ display:none}
p.hdpself{ padding-top:5%}
.form-ban .bd{ margin-top:-10px;}
.form-ban .bd input.btn{ display:block}
.form-ban .hd input.btn{ display:none}
.slide-bar .range-slider{ width:159px;}
.theme-green .back-bar .selected-bar{}

.slider-container .clickable-dummy{width:100%!important;}
.slider-container{width:100%!important; }
.slide-bar{width:100%!important;}
.dibu{  padding:20px 0px 26px 0px;}
.fnav{ float:none; width:100%}
.lyform{ float:none; width:100%; margin-bottom:20px;}
.indexgsjj dl.dl1{ float:none; width:100%;}
.indexgsjj dl.dl2{ width:100%;  float:none; }


div.wenzibufen{ width:100%; float:right; padding-top:2.5%}
img.imgurl1{ margin-top:5%; width:100%;}
img.imgbt{ width:60%}

img.imgurl {
    float: left;
    width: 33%;
    margin-left: 2%;
    margin-top: 0%;
}
.khfu li .hasdiv{  width:100%}

.khfu li dl{  width:100%;  padding-top:27px; padding-bottom:27px;}
.khfu li dl p{ display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 30;
overflow: hidden; text-align:left!important; }

.khfu li dl a{ }
.khfu li.z dl a{ text-align:left;background: url(../images/1.png) 8px top no-repeat; height:62px; background-size:auto 100%;}

 }

@media screen and (max-width:640px){
	p.cop i{ display:none}
.lyform input.txt{  width:100%;}
.lyform input.subs{ height:33px; line-height:33px; }
p.hdpself{ font-size:18px; display:block; padding-top:63px; width: 80%; margin: auto;}
.tit-g1 span{ margin-bottom:-22px; font-size:22px;}
}

@media screen and (max-width:320px){

p.hdpself{ padding-top:30px; }

}