@charset "gb2312";
/* CSS Document */
/* È¥µôiPad iPhone inputĬÈÏcssÑùʽ */

 input[type="submit"],
 input[type="reset"],
 input[type="button"],
 button{-webkit-appearance:none;}
 
 

body,p,h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,div{margin:0;padding:0;list-style:none;vertical-align:bottom;}
img,input,select{vertical-align:middle;margin:0;padding:0;border:0;-webkit-touch-callout:none;}
ol,ul,li{list-style:none;margin:0;padding:0;*text-indent:0}
i,s,em{font-style:normal;text-decoration:none}
a{text-decoration:none;color:#333}
a:hover,a:active,a:focus{text-decoration:none;color:#0f5fb6;}
body{background:#eceff1;font-family:\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei",'΢ÈíÑźÚ'}
.red{color:#ff8901;}
img{-webkit-touch-callout: none}

.ztwrap{max-width:640px;margin:0 auto;background:#ffffff;
-moz-box-shadow:0px 0px 10px #bbbbbd;
-webkit-box-shadow:0px 0px 10px #bbbbbd;
box-shadow:0px 0px 10px #bbbbbd;
/* For IE 8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#bbbbbd')";
/* For IE 5.5 - 7 */
filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, 
Color='#bbbbbd');}
 
 
 
 
 
 
 
@media screen and (min-width:320px){body,input{font-size:14px}}
@media screen and (min-width:360px){body,input{font-size:16px}}
@media screen and (min-width:400px){body,input{font-size:18px}}
@media screen and (min-width:480px){body,input{font-size:20px}}
@media screen and (min-width:560px){body,input{font-size:24px}}
@media screen and (min-width:600px){body,input{font-size:26px}}
@media screen and (min-width:640px){body,input{font-size:28px}}
 
 
 
/**logo**/
.logo{background:#0170c2}
.logo img{max-width:640px;margin:0 auto;display:block;}

/**ztnav**/
.ztnav{max-width:640px;margin:0 auto;overflow:hidden}
.ztnav li{width:25%;float:left;box-sizing:border-box;border-top:solid 1px #ececec;text-align:center;line-height:1.8;}
.ztnav li a{display:block;border-right:solid 1px #ececec;padding:.5em 0}
 
.ztnav li:nth-child(4n) a{border-right:0}
.ztnav li img{display:block;margin:0 auto 0em;width:40%;border-radius:50%}


/**ztbanner**/
.ztbanner{}
.ztbanner img{max-width:640px;margin:0 auto;display:block;}

/**tit**/
.zt_tit{border:.1em solid #0170c2;width:86%;padding:.4em 0 .7em;margin:1em auto;text-align:center;color:#0170c2;position:relative;line-height:1.5;border-radius:.2em}
.zt_tit h4{font-size:1.6em;}
.zt_tit p{font-size:.8em}
.zt_tit p img{width:3.5em;margin:0 .8em 0 0}
.zt_tit .arrow-down{width:0;height:0;position:absolute;left:50%;bottom:-.5em;margin:0 0 0 -.25em;
border-left:.5em solid transparent;
border-right:.5em solid transparent;
_border-left:.5em solid #fff;
_border-right:.5em solid #fff;
border-top:.5em solid #0170c2;

}
.zt_tit .arrow-down em{width:0;height:0;display:block;position:absolute;left:0;bottom:.1em;left:.02em\9;bottom:.15em\9;margin:0 0 0 -.5em;
border-left:.5em solid transparent;
border-right:.5em solid transparent;
_border-left:.5em solid #fff;
_border-right:.5em solid #fff;
border-top:.5em solid #fff;
overflow:hidden;
}
/**con1**/
.zt_con1{padding:0 4% 1em;display:block;}
p.lead{text-indent:2em;line-height:1.8;font-size:.8em;color:#333;}

.zt_con1 dl{overflow:hidden;margin:1em auto}
.zt_con1 dt{width:48%;float:left;margin:0 1% 0 1%}

.zt_con1 li{float:left;font-size:.85em;text-align:center;color:#fff;background:#3683d1;width:49%;margin:0 1% 2% 0;padding:.5em 0;border-radius:1.2em}

.mfdh{overflow:hidden;margin:1em 0 0 0}
.yyjj_teltext{width:70%;font:.85em/1.8 "΢ÈíÑźÚ";border:1px solid #e6e6e6;float:left;padding-top:2%;padding-bottom:2%;border-radius:.5em;position:relative;be }

.yyjj_telbutton{width:28%;background:url(../imagesyyjj/mfdh.jpg) no-repeat right center #ff951b;background-size:contain;border:0;float:right;font:.85em/1.8 "΢ÈíÑźÚ";padding-top:2%;padding-bottom:2%;color:#fff;cursor:pointer;border-radius:.5em;text-align:left;text-indent:1em}

/**box2**/
.box2{background:#3683d1;overflow:hidden}
.box2 .zt_tit{border-color:#fff;color:#fff;}
.box2 .zt_tit h4{color:#ffff00;}
.box2 .zt_tit .arrow-down{border-top-color:#fff}
.box2 .zt_tit .arrow-down em{border-top-color:#3683d1}

p.lead2{text-indent:2em;line-height:1.8;font-size:.8em;color:#fff;}
p.lead2 a{color:#ff0;}


.ay{background:#fff;padding:.1em;margin:1em 0 0 0}
.ay p{font-size:.75em;text-align:center;line-height:2.5;}

.zt_con2{padding:0 4%;display:block;}

.tabBox2{overflow:hidden;padding:1em 0 0}
.tabBox2 .hd{overflow:hidden;margin:0 0 .5em ;padding:0 1% 0 4% }
.tabBox2 .hd ul li{float:left;color:#fff;font-size:.9em;background:#569ddc;border-radius:.5em;line-height:2;text-align:center;width:48%;margin:0 2% 0 0;cursor:pointer}
.tabBox2 .hd ul .on{background:#195b9e;}

.tabBox2 .bd{overflow:hidden;}
.tabBox2 .bd dl{width:100%;color:#fff;}
.tabBox2 .bd dt{float:left;width:43%;position:relative}

.tabBox2 .bd dd{float:left;width:55%;}
.tabBox2 .bd dd h4{font-size:1.25em;line-height:1.8;color:#fff;}
.tabBox2 .bd dd h4 b{color:#f1fe00;font-size:1.25em;}

.tabBox2 .bd dd span{font-size:.6em;color:#fff;display:block;line-height:2}
.tabBox2 .bd dd em{color:#ff0000;font-family:"ËÎÌå"}
.tabBox2 .bd dd p{font-size:.6em;padding:.6em .8em;margin:1em auto;line-height:1.5;display:block;background:url(../imagesyyjj/zjbg.png) no-repeat;background-size:100% 100%}
.tabBox2 .bd dd p a{color: #f1fe00;}
.tabBox2 .bd dd a.zx{background:#f1fe00;color:#033c77;font-size:.85em;text-align:center;display:block;padding:.2em 0;border-radius:.2em}


/**con3**/
.zt_con3{padding:0 4%;display:block;}

.tabBox{overflow:hidden;padding:1em 0}
.tabBox .hd{overflow:hidden;margin:0 0 .5em;}
.tabBox .hd ul li{float:left;color:#fff;font-size:.8em;background:#3683d1;border-radius:.5em;line-height:2;text-align:center;width:48%;margin:0 2% 0 0;cursor:pointer}
.tabBox .hd ul .on{background:#fc9935;}


.tabBox .bd{overflow:hidden;}
.tabBox .bd dl{width:100%;}
.tabBox .bd dt{float:left;width:39.8%;padding:0 0 0 .2%;position:relative}
.tabBox .bd dt a{display:block;position:absolute;background:#3683d1;color:#fff;font-size:.5em;padding:.1em .5em;bottom:0;left:1em}
.tabBox .bd dt a:nth-child(2){bottom:0;left:inherit;right:2em;background:#fc9935}
.tabBox .bd dd{float:left;width:60%;}
.tabBox .bd dd h4{font-size:.85em;padding:.4em 0 0 0;line-height:1.8;color:#333;}
.tabBox .bd dd span{font-size:.5em;padding:.2em .5em;background:#3683d1;color:#fff;}
.tabBox .bd dd span:nth-child(4){background:#fc9935}
.tabBox .bd dd span:nth-child(6){background:#fc9935}
.tabBox .bd dd p{font-size:.5em;padding:.2em 0}

/**con4**/
.zt_con4{padding:0 4% 1em;display:block;overflow:hidden}
.vide{margin:1em auto;width:100%;background:#000}

.jsbz{}
.jsbz dl{width:49%;float:left;margin:0 1% 0 0;background-color:#195b9e;color:#fff;}
.jsbz dl:nth-child(2){margin:0 0 0 1%}
.jsbz h4{color:#fdd602;font-size:.80em;font-weight:900;text-align:center;padding:1em 0 .5em 0}
.jsbz p{font-size:.650em;padding:0 .4em;line-height:1.8}
.jsbz dd{padding:.4em 0 .4em 0;display:block;overflow:hidden }
.jsbz dd a{float:left;background:#fdd602;color:#f57503;font-size:.58em;display:block;padding:.2em 0;margin:0 0 0 .6em}
.jsbz dd a:nth-child(1){background:#3075ba;color:#fff;}
/**con5**/
.zt_con5{padding:0 4%;display:block;}
.zt_con5 img{margin:0 0 .8em 0}

.con5_tit{border:.1em solid #e5e5e5;text-align:center;position:relative;height:1.5em;margin:1em auto}
.con5_tit h4{color:#0170c2;line-height:2;background:#fff;position:absolute;top:-1em;left:29%;padding:0 .5em}
.con5_tit h5{color:#434343;font-size:.71em;background:#fff;position:absolute;bottom:-.6em;left:16.5%;padding:0 .5em}

/**foot**/
.ztfoot{width:100%;overflow:hidden;margin:.5em 0 0 0;padding:0 0 3em 0}
.ztfoot ul{background:#0070c0;overflow:hidden;}
.ztfoot li{width:25%;float:left;text-align:center;line-height:2}
.ztfoot li a{color:#FFF;display:block;}
.ztfoot img{border-bottom:1px solid #cccccc;width:90%;margin:.8em auto .5em;display:block;}
.ztfoot p{font-size:.75em;line-height:1.8;text-align:center;}
.ztfoot p a{background:#ef5036;color:#fff;text-align:center;padding:.2em 1em;border-radius:1em}