@charset "gb2312";
/**
 * @authors slozi (734669594@qq.com)
 * @date    2014-11-04 14:10:37
 */

/* reset */
body,p,input,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form{margin:0;padding:0;list-style:none;vertical-align:middle;font-weight:normal;}img{border:0;margin:0;padding:0;}body{color:#000;-webkit-user-select:none;-webkit-text-size-adjust:none;font:normal 14px/150% FZZDXJW,Microsoft Yahei,helvetica,arial;text-align:left;}header,section,footer{display:block;margin:0;padding:0}a{text-decoration:none}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.noBg{background:none !important;}.noBd{border:none !important;}.noPd{padding:0 !important;}.noMg{margin:0 !important;}.fl{float:left}.fr{float:right}

/* common */
a,.ani_tran,.ani_scale { transition:all .3s linear 0s; -webkit-transition:all .3s linear 0s; -moz-transition:all .3s linear 0s; -o-transition:all .3s linear 0s; }
body,a { color:#3b3b3b; }
.wrap { position:relative; width:640px; margin:0 auto; }

.header { left:0; position:fixed; top:0; width:100%; z-index:2000; }
.logo{ position:relative; overflow:hidden; }
#lefta { position:absolute; display:block; top:20%; left:20px; }
#rightb { position:absolute; display:block; top:20%; right:20px; }
#rightb img { -webkit-animation:change 1s infinite; animation:change 1s infinite; -moz-animation:change 1s infinite; }
@keyframes change {
 0% { transform:scale(.8); }
 50% { transform:scale(1); }
 100% { transform:scale(.8); } 
}
@-webkit-keyframes change {
 0% { -webkit-transform:scale(.8); }
 50% { -webkit-transform:scale(1); }
 100% { -webkit-transform:scale(.8); } 
}
@-moz-keyframes change {
 0% { -moz-transform:scale(.8); }
 50% { -moz-transform:scale(1); }
 100% { -moz-transform:scale(.8); }
}


	

.fl {
float: left;
}


#bottomnav { position:fixed; left:0px !important; bottom:0px !important; width:100%; height:40px; z-index:1000; font-size:18px; text-align:center; font-weight:bold; -webkit-box-shadow:0 -2px 2px #E8E8E8; -moz-box-shadow:0 -2px 2px #E8E8E8; box-shadow:0 -2px 2px #E8E8E8; }
#bottomnav a { background:-webkit-gradient(linear, 0 0, 0 100%, from(#00a6b4), to(#017b88)); background:-moz-linear-gradient(top, #00a6b4, #017b88); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00a6b4, endColorstr=#017b88, grandientType=0); color:#f6fcfc; display:block; float:left; width:33.3%; height:100%; line-height:40px; }
#bottomnav a.free_tel img { -webkit-animation:change 1s infinite; animation:change 1s infinite; -moz-animation:change 1s infinite; }

#morediv { height:57px; width:93.75%; background:url(../ztImages/pix1.jpg) repeat-x; margin:0 auto; border-radius:10px 10px; -moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; text-align:center; line-height:57px; font-size:20px; color:#ffffff; }
#morediv a { color:#ffffff; }
#morediv2 { height:64px; width:93.75%; background:-webkit-gradient(linear, 0 0, 0 100%, from(#0098a6), to(#016974)); background:-moz-linear-gradient(top, #0098a6, #016974);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#0098a6, endColorstr=#016974, grandientType=0); margin:0 auto; border-radius:10px 10px; -moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; text-align:center; clear:both; -webkit-box-shadow:3px 3px 3px #797A7A; -moz-box-shadow:3px 3px 3px #797A7A; box-shadow:3px 3px 3px #797A7A; }
#morediv3 { height:65px; line-height:65px; width:93.75%; background:-webkit-gradient(linear, 0 0, 0 100%, from(#e6b439), to(#d9a51e)); background:-moz-linear-gradient(top, #e6b439, #d9a51e);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e6b439, endColorstr=#d9a51e, grandientType=0); text-align:center; margin:12px auto 15px; font-size:30px; border-radius:10px 10px; -moz-border-radius:10px 10px; -webkit-border-radius:10px 10px; -webkit-box-shadow:3px 3px 3px #6E5517; -moz-box-shadow:3px 3px 3px #6E5517; box-shadow:3px 3px 3px #6E5517; }
.more { display:block; width:168px; height:28px; line-height:28px; font-size:14px; margin-left:auto; margin-right:auto; }
#morediv2 p { height:35px; line-height:35px; font-size:32px; }
#footbar { background-color:#F1F2F3; width:100%; padding-top:10px; padding-bottom:30px; }
#address { width:80%; margin:0 auto 10px; font-size:16px; color:#5F5F60; text-align:center; }
#address p { line-height:200%; }
#sma_but { width:100%; margin:0 auto 10px; }
#sma_but li { width:50%; float:left; }
#smart { position:fixed; left:0px !important; bottom:0px !important; width:112px; height:108px; background:url(../ztImages/smart.png) no-repeat; background-size:112px 112px; z-index:900; cursor:pointer; }
#morediv3 a,.more a,.number a { color:#ffffff; display:block; width:100%;border-radius:10px; }


.nav{ width:100%; background:#4bb1b2; margin:0px auto 0 auto;} 
.nav dl{ margin:0 0 0 0; padding:4% 0; width:20%; float:left; text-align:center; cursor:pointer;} 
.nav dl dd{ margin:0 auto 0 auto; padding:0 0 0 0;width:100%; display:block;} 
.nav dl dd img{width:30%;}
.nav dl p{ margin:0 0 0 0; padding:0 0 0 0; display:block; color:#fff;font-family:"Microsoft YaHei";} 
.nav1{background:#6dc6c7;}
.nav2{background:#4bb1b2;}
.nav3{background:#36a8a9;}
.nav4{background:#13999b;}
.nav5{background:#018586;}
.nav a{ display:block; text-align:center}

@media (min-width:1024px) {
	#lefta { left:50px; }
	#rightb { right:50px; }
	#lefta img,#rightb img { width:100% }
}

@media (min-width:480px) and  (max-width:769px){
	#lefta img,#rightb img { width:75% }
}

@media (min-width:320px) and  (max-width:479px){
	#lefta { left:10px; top:10%; }
	#rightb { right:-30px; top:10%; }
	#lefta img,#rightb img { width:50%; }
	#address { width:80%; }
	#imgcls1,#imgcls2 { width:70%; }
}


@media screen and (min-width:320px) and (max-width:720px){
.nav dl dd{ height:28px;}
.nav dl p{line-height:10px; font-size:12px;} 	
.footnav a{ font-size: 14px;margin:0 1%;}
.footer_text dl{font-size:12px;line-height:22px;margin:0 0 0 2%;}
.footer_text span{margin:0 0 0 5%;}
.footer_txt span{font-size:12px;line-height:23px;}
.footer_txt dl{font-size:12px;line-height:23px;}

#bolk4_text .bolk4_table li li dl H3 {margin-top:7%; font-size:12px;}
#bolk4_text .bolk4_table li dl H3 strong{font-size:24px; line-height:23px;}
#bolk4_text .bolk4_table li dl p {margin:.1% 0 0 0;font-size:12px; line-height:23px;}

.buttonAll em { font:.9em/2.5em "";}
.ydy_f12bla_cause p.butBox {font:1em/1.5em ""; }
.swiper-container1 {height:207px;}
.title3 B{ font-size:17px;margin-top:5%;}

.guahao H3{line-height:30px;font-size:24px;}
.guahao tt{ font-size:14px; line-height:24px; margin-top:5%;}	
.guahao dl p{line-height:30px;font-size:14px;}
.guahao_txt2{line-height:30px;font-size:16px; cursor:pointer;height:30px;}
.guahao_txt{line-height:30px;font-size:14px; height:30px;}

	}
@media screen and (min-width:720px){
.nav dl dd{ height:50px;} 
.nav dl p{line-height:35px; font-size:24px;} 	
.footnav a{ font-size: 24px;margin:0 4%;}	
.footer_text dl{font-size:20px;line-height:45px;margin:0 0 0 3%;}
.footer_text span{margin:0 0 0 10%;}
.footer_txt span{font-size:24px;line-height:45px;}
.footer_txt dl{font-size:24px;line-height:45px;}

#bolk4_text .bolk4_table li dl H3 { font-size:24px;margin:10% 0 0 0;}
#bolk4_text .bolk4_table li dl H3 strong{font-size:48px; line-height:45px;}
#bolk4_text .bolk4_table li dl p {margin:.2% 0 0 0;font-size:24px; line-height:45px;}

.buttonAll em { font:.9em/2.5em "";}
.ydy_f12bla_cause p.butBox {font:2em/2em "";}
.swiper-container1 {height:444px;}
.title3 B{ font-size:40px; margin-top:5%;}

.guahao H3{line-height:40px;font-size:30px;}
.guahao tt{ font-size:24px; line-height:40px; margin-top:20px;}
.guahao dl p{line-height:40px;font-size:26px;}
.guahao_txt2{line-height:40px;font-size:28px; cursor:pointer;height:45px;}
.guahao_txt{line-height:45px;font-size:24px; height:40px;}

	}