@charset "utf-8";
/* CSS Document */
@import url("http://wap.wz16.net/css/common.css");
body{ background-color:#FFF; color:#000; background-size:360px; }
body, html, h1, h2, h3, h4, h5, h6, p, em, i, form, ul, ol, li, dl, dt, dd{font:14px/24px "微软雅黑" }
p{ padding:0px; margin:0px;}
body #bdshare{ right:10px; position:absolute;}
.content img{ width:100%; display:block;}
a{ color:#000000;}
a:hover{ color:#0d71b0}
.bg2{background: url(http://wap.wz16.net/images/zt/dbt_wap/img2.png) no-repeat 0 0;overflow:hidden;display:block; background-size:300px;}
h1,h2,h3,h4,h5,h6{ font-family:"微软雅黑", Tahoma; color:#FFF}
br{ line-height:10px; font-size:0px;}
.bg{background:url(http://wap.wz16.net/images/kouqiang/img.png) no-repeat 0 0;overflow:hidden;display:block;}

/*header*/
.nav ul li a{ font-size:12px;}
.flash{width:320px; margin:0 auto; text-align:center; background-color:#fef2e4; padding:8px 0;}
.head span.bds_more{display:block; height: 24px; line-height: 24px; text-align: center; color:#FFF; font-family:"微软雅黑", Tahoma}
body span.bds_more i{ height:15px; width:15px;}
.logo{ width:200px;}
.logo a{ width:200px; height:30px; background:url(http://wap.wz16.net/images/zt/dbt_wap/logo.png) no-repeat; background-size:200px; text-indent:-9999px; display:block}
.header{ background: url(http://wap.wz16.net/images/zt/dbt_wap/headbg.jpg)}
.head{ position:relative;}
#nav,.nav{ background: url(http://wap.wz16.net/images/zt/dbt_wap/lineBg.jpg) repeat-x;}
.nav ul li{ background:url(http://wap.wz16.net/images/zt/dbt_wap/btnTop.jpg) no-repeat 2px 8px; background-size:24%; margin:0 13px;}
.nav ul li a{ color:#515151}
.content{ background:none}

/*幻灯片*/
.slide{width:320px;margin:0 auto;position:relative; text-align:center;}
.slide .hd{width:300px; height:22px; text-align:center; position:absolute; left:0; bottom:0;}
.slide .hd i{width:9px; height:9px; background-color:#FFF; border-radius:5px; display:inline-block; margin:0px 1px;}
.slide .hd i.new{background-color:#ffba00;}
.slide .hd ul{ display:inline-block; text-align:center;}
.slide .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#03a0b2; text-indent:-9999px; overflow:hidden; margin:6px 3px 5px; }
.slide .hd li.on{ background:#00b3ff;  }


.position{  background-color:#FFF;}
.position a{ font-weight:bold}

.item{width:300px; margin:0 auto; padding:0 10px; position:relative;}
.itemTit{ margin-bottom:10px; border-bottom:2px solid #0d5b9b; padding-bottom:5px;}
.itemTit h1{color:#0d71b0; font-size:18px; font-weight:bold}
.itemTit h1 i{ width:20px; height:23px; margin:0 2px; display:block; float:left; background-position:0px -18px;}

.item .zx{ line-height:30px; background-color:#ff9019; transition:all 0.3s ease-in-out; font-weight:bold; color:#FFF; text-align:center; display:block; font-size:16px; margin:5px 0 10px;}
.item .zx:hover{ background-color:#1494d8}

/*f1Box*/
.f1Box{ background-color:#e2eff6; padding:10px; margin-bottom:10px;}
.f1Box img{ width:65px; float:left; margin-right:5px;}
.f1Box hd{ border:1px solid #1494d8;}
.f1Box hd span{ background-color:#1494d8}

/*f2Bpx*/
.f2Box{ position:relative; }
.f2Box .hd{ border:1px solid #1494d8; }
.f2Box .hd span{ line-height:30px; display:inline-block; width:50%; text-align:center; color:#1494d8; font-size:16px;}
.f2Box .hd span.on{ color:#FFF;background-color:#1494d8;}
.f2Box  ul{ padding-top:10px;}
.f2Box  ul li{ padding-left:10px; font-size:15px; line-height:28px;}
.f2Box  ul.L1 li{ line-height:34px;}
.f2Box  ul li i{ width: 24px; height:22px; display:block; float:left; text-align:center; line-height: 23px; color:#1494d8; background-position: -27px -21px; margin:3px 3px 0 0; font-size:12px;}
.f2Box  ul.L1 li i{ margin:5px 3px 0 0}

/*f3Bpx*/
.f3Box ul li{ padding-left:10px; font-size:15px; line-height:28px;}
.f3Box ul li i{ width: 24px; height: 24px; margin:2px 5px 0 0; display:block; float:left; text-align:center; line-height: 23px; color: #FFF; background-position: -74px -29px; font-size: 15px; background-size: 400px; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold}


/*f4Box*/
.f4Box .hd{ border:1px solid #1494d8; width:99.9% }
.f4Box .hd span{ line-height:30px; display:inline-block; width:33.3%; text-align:center; box-shadow:-1px 0 0 #1494d8; color:#1494d8; font-size:16px;}
.f4Box .hd span.on{ color:#FFF;background-color:#1494d8;}
.f4Box  ul{ padding-top:10px;}
.f4Box  ul li{ padding-left:10px; font-size:15px; line-height:28px;}
.f4Box  ul.L1 li{ line-height:34px;}
.f4Box  ul li i{ width: 24px; height:22px; margin:3px 3px  0 0; display:block; float:left; text-align:center; line-height: 23px; color:#1494d8; background-position: -27px -21px; font-size:12px;}

.f4Box dl{ background-color:#1494d8; display:inline-block; width:100%;}
.f4Box dl dt{ width:25%; float:left; background-color:#004b7b; color:#FFF; font-size:18px; line-height:20px; text-align:center; font-weight:bold; padding:5px;}
.f4Box dl dt img{ width:80%; display:inline-block}
.f4Box dl dd{ width:68%; float:right; color:#FFF}
.f4Box dl dd span{ font-size:18px; width:80px; float:left; display:block; line-height:28px; padding-top:8px;}
.f4Box dl dd strong{ font-weight:bold; color:#fff600; font-family:Arial, Helvetica, sans-serif; font-size:40px; line-height:70px;}
.f4Box .zx2{ background-color:#fff600; color:#004b7b}

/*f5Box*/

.f5Box p{ padding:2px 5px; text-indent:2em}
.f5Box p a{ color:#ff4d33}
.f5Box { position:relative;}
.f5Box .hd{ position:absolute; right:10px; top:-32px;}
.f5Box .hd ul li{ width:10px; height:10px; display:block; background-color:#AFE0FF; border-radius:50%; float:left; margin:0 3px; text-indent:-9999px;}
.f5Box .hd ul li.on{ background-color:#0d71b0}

/*f6Box*/
.f6Box strong{ font-weight:bold; font-size:16px; color:#0d71b0; border-bottom:1px dashed #bfbfbf; padding-bottom:5px; display:block; margin-bottom:5px; }
.f6Box p{ padding:5px;}
.f6Box .zx{ float:left; width:40%; margin-left:20px;}


/*f7Box*/
.f7Box{ position:relative; }
.f7Box .hd{ border:1px solid #1494d8; }
.f7Box .hd span{ line-height:30px; display:inline-block; width:50%; text-align:center; color:#1494d8; font-size:16px; font-weight:bold}
.f7Box .hd span.on{ color:#FFF;background-color:#1494d8;}
.f7Box  ul{ padding:10px 0;}
.f7Box  ul li{ padding-left:5px; font-size:15px; line-height:28px;}
.f7Box  ul li i{ width: 24px; height:22px; display:block; float:left; text-align:center; line-height: 23px; color:#1494d8; background-position: -96px -22px; font-size:12px; background-size: 360px;}

.footer .contact ul.navcur{display:block;} 

.quickApp{width:300px;margin:0 auto; color:#535353;}
.quickApp.otr{border:none;}
.quickApp ul{}
.quickApp ul li{width:188px;margin:0 auto;line-height:31px;padding-left:80px;position:relative;padding-bottom:6px;}
.quickApp ul li span{font-size:14px;height:31px;line-height:31px;display:inline-block;position:absolute;left:0;top:0;width:80px;}
.quickApp ul li .t{width:160px;font-size:12px; border:1px solid #d8d8d8;line-height:25px;color:#3a3a3a;border-radius:2px;}
.quickApp ul li .t:focus{border:solid 1px #416a00;box-shadow:0 0 3px #390;transition:border-color .3s,box-shadow .3s;}
.quickApp ul li textarea.t{height:86px;line-height:22px;}
.quickApp ul li.text{height:92px;}
.quickApp ul li.submitBox{padding:10px 0 8px 0;width:268px;text-align:center;height:50px;}
.quickApp ul li select.t{height:27px;padding:1px;width:160px; }
.quickApp ul li .btn{background-color: #1a8ac1;border:none; font-weight:bold; border-radius:6px; -moz-border-radius:border-radius:6px; -webkit-border-radius:border-radius:6px;font-size:14px;color:#fff;width:120px;height:32px;margin:0px 15px 0;cursor:pointer; box-shadow:0 3px 0 #0a6998;-moz-box-shadow:box-shadow:0 3px 0 #0D6897;-webkit-box-shadow:0 3px 0 #0D6897; transition:all 0.3s ease-in-out; text-shadow:1px 1px 2px #706D6D;}
.quickApp ul li .btn:hover{background-color:#0C89C9; box-shadow:0 3px 0 #3191C2; -moz-box-shadow:0 3px 0 #3191C2; -webkit-box-shadow:0 3px 0 #3191C2;}
.quickApp ul li .btn.otr{background-color:#8bad58;}

.item h2 i.notice{ width:33px; height:30px; overflow:hidden; margin:13px 5px 0 0; }
.footer{ border-top:none; background-color:#FFF;}
.footer > span{ width:260px;}
.footer > span img{width:90%;}
.footer > span a{background:url(http://wap.wz16.net/images/zt/dbt_wap/telbg.png) no-repeat; width:260px; height:30px; display: block; background-size:260px;}

.navfoot1{ margin:0 10px}
.navfoot1 a{ width:48px; font-size:12px;color:#515151; margin:0 8% }
.navfoot2 a{color:#515151}


.footer{ border-top:2px solid #1a8ac1}
.footer .net{text-align:center;width:300px;margin:0 auto;border-bottom:solid 1px #dbdbdb;padding-bottom:10px;}
.footer .link i{color:#ccc;}
.footer .contactBox{ border-top:2px solid #026bad; background:#f7f7f7;height:60px;line-height:60px;position:fixed;left:0;bottom:0;z-index:1000;width:100%;}

.footer .contact a:hover,.footer .contact a:active,.footer .contact a.current{color:#fff;background-color:#026bad; background-image:none;height:60px;line-height:90px;}
.footer .contact .current{background-color:#026bad;}
.footer .contact .current a{color:#ffffff;}
.footer .contact span{ display:inline-block; background:url(http://wap.wz16.net/images/kouqiang/navfoot_line.jpg) no-repeat right;width:20%;}
.footer .contact a i{position:absolute;left:18px;top:38%;}
.footer .contact a i.tel{width:24px;height:24px;background-position:4px -230px;margin-top:-12px;}
.footer .contact a i.online{width:24px;height:24px;background-position:-50px -230px;margin-top:-11px;}
.footer .contact a i.jiahao{width:52px;height:52px;background-position:-222px -227px;margin:-8px 0 0 -7px;}
.footer .contact a i.qq{width:24px;height:24px;background-position:-100px -230px;margin-top:-8px;}
.footer .contact a i.rese{width:22px;height:24px;background-position:-155px -230px;margin-top:-10px;}

.footer .contact a:hover i.jiahao,.footer .contact a:active i.jiahao,.footer .contact span.current i.jiahao{width:52px;height:52px;background-position:-222px -227px;;margin:-8px 0 0 -7px;}


.footer .contactBox .navlist_bot,.footer .navlist_bot .nav_daohang .keshi_bg,.footer .contactBox .navlist_bot i a{background-color:#026bad; }
.footer .navlist_bot .nav_keshi .keshi_bg{ background:#026bad; } 
.footer .navlist_bot .nav_keshi li a{ border:1px solid #e3caae; background:#026bad;color:#FFF;}
.footer .navlist_bot .nav_keshi li a:hover{color:#ffc600; border:1px solid #ffc600;}

.footer .navlist_bot .nav_daohang li a{color:#FFF;}
.footer .navlist_bot .nav_daohang li a:hover,.footer .contactBox .navlist_bot i a:hover{color:#ffc600;}



@media screen and (min-width:360px){
	.content,.slide{width:360px;}
	.item{ width:340px;}
	.f1Box img{ margin-right:15px; width:50px;}
	.quickApp{width:340px;}
	.footer{ width:360px;}
	.footer > span{ width:280px;}
	.footer > span a{ width:280px; background-size:280px; height:32px;}
	.navfoot1 a{ margin:0 5% }
	.navfoot2 a{ padding:10px;}
	
}
@media screen and (min-width:480px) and (max-width:600px){
	.content,.slide{width:100%; overflow:hidden}
	.item{ width:auto; margin:0 10px;}
	.f1Box{ height:70px;}
	.f1Box img{ margin-right:15px; width:50px;}
	.quickApp{width:100%;}
	.footer{ width:100%;}
	.footer > span{ width:280px;}
	.footer > span a{ width:280px; background-size:280px; height:32px;}
	.navfoot1 a{ margin:0 11% }
	.navfoot2 a{ padding:10px;}
	
}