.anidonttai{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;}
.top{ background:#1370a0; height:43px; line-height:43px;}
.top img{ margin-top:16px;}
.top span{ color:#FFF; margin-right:17px; margin-left:6px;}
.comtitle{ display:block;}
.comtitle p{ font-size:35px;}
.comtitle p span{ color:#347db6;}
.index1{ background:#f4f4f4; height:502px; padding-top:45px;}
.index1 ul{ display:block; padding-top:63px;}
.index1 ul li{ width:33.3%; text-align:center;}
.index1 ul li img{ display:block; max-width:80%; margin:0px auto;}
.index1 ul li:hover img{-webkit-transform: rotate3d(0,1,0,360deg);
    -moz-transform: rotate3d(0,1,0,360deg);
    transform: rotate3d(0,1,0,360deg);}
.index1 ul li a{ display:block; font-size:18px; padding-top:26px; padding-bottom:10px;}
.index1 ul li p{ display:block; width:325px; max-width:90%; color:#666; height:40px; line-height:20px; overflow:hidden;}
a.afind{ display:block; width:178px; height:41px; line-height:41px; background:#f58025; margin:0px auto; font-size:16px; text-align:center; color:#FFF; border-radius:41px; margin-top:9px;}

.index2{ height:611px; padding-top:85px;}
.index2 .tabtitle{ display:block; padding-top:22px; text-align:center;   }
.index2 .tabtitle a{ display:inline-block; margin-left:-2px; margin-right:-2px; padding:0px 5px;   position:relative;font-weight:bold; font-size:16px; cursor:pointer; padding-bottom:13px;border-bottom:2px solid #f2f2f2;}
.index2 .tabtitle a img{ display:none; position:absolute; left:50%; margin-left:-6px; bottom:-8px;}
.index2 .tabtitle a.hhh{ color:#347db6; border-bottom:2px solid #347db6 }
.index2 .tabtitle a:hover{ color:#347db6; border-bottom:2px solid #347db6 }
.index2 .tabtitle a.hhh img{ display:block}
.index2 .tabtitle a:hover img{ display:block}
.index2 .tabnr{padding-top:67px;}
.index2 .tabnr dl{ display:none;/*opacity:0; filter: alpha(opacity=0);*/ float:left;  }
.index2 .tabnr dl .divzil{ width:50%; margin-left:2.3%;}
.index2 .tabnr dl .divzil a.ats{ font-size:22px; color:#1e1e1e; display:block; padding-bottom:15px;}
.index2 .tabnr dl .divzil p{ color:#666; line-height:22px;}
.index2 .tabnr dl a.hasimg{ width:45%; margin-top:20px }
.index3{ background:#f5f5f5; height:581px; padding-top:78px;}
.wtnr{ display:block; padding-top:65px;}
.wtnr li{ width:29.6%; margin-right:5.6%;}
.nywtnr li{  margin-bottom:20px;}
.wtnr li.z{  margin-right:0%;}
.wtnr li a span.bkg{ padding-bottom:63.8%;}
.wtnr li dl{ border:1px solid #c4c4c4; display:block; padding:7% 5.5% 19.7% 5.5%;}
.wtnr li dl a.at{ display:block; font-size:18px; padding-bottom:15px;}
.wtnr li dl a.m{ color:#347db6;}
.wtnr li dl p{ color:#666; line-height:22px; height:44px; overflow:hidden; display:block;}

.banner{ text-align:center;}
.banner img{ display:block; margin:0px auto; max-width:100%;}

.about1{ height:520px; }
.about1 dl{ margin-top:47px; width:46.3%;}
.about1 dl span{ font-size:30px; display:block;}
.about1 dl span.gyspan{ color:#8fbc37; font-size:24px; font-family:Arial, Helvetica, sans-serif;}
.about1 dl p{ line-height:24px; color:#666; padding-top:10px;}
.about1 .abr{margin-top:47px; width:46.3%;}
.about1 .abr a{ width:48.8%;}
.about1 .abr a:first-child{ float:left;}

.comtitles1{ font-size:33px; display:block; text-align:center; }
.comtitles1 span{color:#8fbc6f;}

.about2{ height:350px; padding-top:49px; background:#f5f5f5}
.about2 .rynr{ display:block; padding-top:49px;}
.about2 .rynr li{ text-align:center; width:23.2%; margin-right:2.4%;}
.about2 .rynr li.z{ margin-right:0px;}
.about2 .rynr li a span.bkg{ padding-bottom:68.3%;}
.about2 .rynr li a{ font-size:18px;  line-height:300%;}


.about3{ height:656px; padding-top:46px;}
.about3 .tdnr{ padding-top:63px;}
.about3 .tdnr li{ width:20.7%; margin-right:5.7%}
.about3 .tdnr li.z{ margin-right:0px;}
.about3 .tdnr li a.hasdiv{ width:153px;}
.about3 .tdnr li .bkg{ padding-bottom:230px;}

.about3 .tdnr li .aat{ font-size:18px; display:block; }
.about3 .tdnr li .azw{ font-size:16px; color:#1370a0; display:block; padding:0px 0px 10px 0px;}
.about3 .tdnr li dl{ line-height:22px; display:block; color:#666;}

.pro1{ height:300px; padding-top:48px; text-align:center;}
.pro1 p{ line-height:24px; display:block; padding-top:24px; color:#666;}
.pro2{ background:#ececec; background:url(cjj.png) center top no-repeat #ececec; height:570px; height:auto; padding-bottom:24px; padding-top:66px;}
.pro2 li{ width:50%; margin-bottom:3%;}
.pro2 li a.attt{ font-size:18px; display:block; padding-top:14px;}
.pro2 li p{ line-height:24px; color:#666; display:block; padding-top:10px; width:510px; max-width:90%;}
.pro3{ height:249px; padding-top:47px;}
.pro3 li{ width:50%; text-align:center; cursor:pointer}
.pro3 li img{ display:block; margin:0px auto;}
.pro3 li a{ font-size:24px; display:block; padding-top:27px; padding-bottom:12px;}
.pro3 li p{ line-height:24px; font-size:18px; color:#676767; display:block; max-width:90%; margin:0px auto;}

.foot{ height:414px; background:#282828;}
.foot ul{ width:33.3%; margin-top:50px; height:315px;}
.foot ul li{display:block; line-height:32px;color:#b5b5b5;}
.foot ul li.d{ padding-bottom:23px; }
.foot ul li a{ color:#b5b5b5;}
.foot ul li.d a{ color:#FFF; font-size:20px; font-weight:bold;}


.foot ul.ul3 li{}
.foot ul.ul3 li.d{ padding-left:0px;}
.foot ul.ul3 li span{ display:inline-block}
.foot ul.ul3 li.lu1{}
.foot ul.ul3 li.lu2{}
.foot ul.ul3 li.lu3{}
.foot .fd{ text-align:center; height:48px; line-height:48px; color:#666; border-top:1px solid #575757}
.foot .fd span{ display:inline-block;}

@media screen and (max-width:1150px){
.about3 .tdnr li{  width:22%; margin-right:0%; margin-left:2.4%;}	
	}

@media screen and (max-width:1024px){
	.foot{ height:auto;}
	.foot ul{ width:30%; margin-top:20px; height:auto; padding-bottom:20px;}
	.foot ul.ul3{ width:40%}
	}
@media screen and (max-width:900px){
	.index2{ height:auto; padding-bottom:30px; padding-top:35px;}
	.index2 .tabnr{padding-top:27px;}
	
	
	
	.index3{ height:auto; padding-top:28px; padding-bottom:20px;}
.wtnr{  padding-top:25px;}
.wtnr li{ width:32%; margin-right:2%;}
.wtnr li dl a.at{  padding-bottom:10px;}

	
	.foot ul{ width:100%; text-align:center; margin-top:10px; height:auto; padding-bottom:10px;}
	.foot ul.ul3{ width:100%}
	.foot ul li.d{ padding-bottom:0px; }
	.foot .fd{ height:auto; line-height:24px; padding:10px 0px;}
	}
@media screen and (max-width:800px){	
.index1{ padding-bottom:20px; height:auto; padding-top:25px;}
.index1 ul{ padding-top:23px;}
.comtitle p{ font-size:24px;}
.index1 ul li a{ padding-top:0px;}



.about1{ height:auto; padding-bottom:20px; }
.about1 dl{ margin-top:27px; width:90%; margin-left:5%;}
.about1 dl span{ font-size:24px; }
.about1 dl span.gyspan{  font-size:16px; }
.about1 dl p{ line-height:22px; }
.about1 .abr{margin-top:27px; width:90%;margin-right:5%;}
.about1 .abr a{ width:48.8%;}
.about1 .abr a:first-child{ float:left;}



.about2{ height:auto; padding-top:20px;}
.about2 .rynr{  padding-top:20px;}
.about2 .rynr li{  width:47%; margin-left:2%; margin-right:0%;}
.about2 .rynr li a{ font-size:16px;  line-height:300%;}



.about3{ height:auto; padding-top:26px; padding-bottom:30px;}
.about3 .tdnr{ padding-top:23px;}
.about3 .tdnr li{ width:47%; margin-right:0%; margin-left:2%; margin-bottom:20px;}
.about3 .tdnr li a.hasdiv{}
.about3 .tdnr li .bkg{}
.about3 .tdnr li .aat{ font-size:16px; }
.about3 .tdnr li .azw{ font-size:14px;}

.comtitles1{ font-size:22px; }
.pro1{ height:auto; padding-bottom:20px; padding-top:28px;}
.pro1 p{  padding-top:20px; }




.pro2{ padding-bottom:20px;  height:auto; padding-top:26px;}
.pro2 li{ }
.pro2 li a.attt{ font-size:16px;  }
.pro2 li p{ line-height:22px;  }

.pro3{ height:auto; padding-top:27px; padding-bottom:20px;}
.pro3 li{  }
.pro3 li img{ }
.pro3 li a{ font-size:20px;  padding-top:17px; padding-bottom:6px;}
.pro3 li p{ line-height:20px; font-size:14px; display:block; margin:0px auto;   }

}
@media screen and (max-width:640px){
	.index1 ul li{ width:47%; margin-left:2%; margin-bottom:20px; }
	.index1 ul li a{ font-size:16px;}
	.index1 ul li.z{ margin-left:26.5%;}
	.pro2 li{ width:90%; float:none; margin-left:5%; margin-bottom:20px; }
	.pro2 li p{ width:100%;  max-width:100%;}
	.pro3 li{ width:90%; float:none; margin:auto; margin-bottom:30px;}
		.wtnr li{ width:47%; margin-right:0%; margin-left:2%}
	.wtnr li.z{ margin-left:26.5%; margin-top:20px;}
	.nywtnr li.z{ margin-left:2%; margin-top:0px;}
	}
	@media screen and (max-width:500px){
		
		.index2 .tabnr dl .divzil{ width:90%; margin-left:5%;}
	.index2 .tabnr dl a.hasimg{ width:90%; margin-right:5%; }	
	


	
		}
		
		@media screen and (max-width:480px){
				.wtnr li{ width:100%; margin-right:0%;margin-top:20px; margin-left:0%}
	.wtnr li.z{ margin-left:0%; }
	.wtnr li dl{  padding:3% 5.5% 3% 3%;}
			}