/* CSS Document */

*{ margin:0; padding:0; border:0;}

li{ list-style:none;}

a{ text-decoration:none; color:#333} 

body{max-width:640px;min-width:320px;margin:0 auto; font-family:"微软雅黑"; font-size: 100%;font-size:14px;}

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

textarea,select,input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}

.fl{ float:left;}

.fr{ float:right;}

.b{ vertical-align:top; width:100%;}

.cfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;line-height: 0;}

.cfix{*zoom:1;}



.m{margin-top:0.4rem;}

.mhd{position: relative;width: 93.75%;margin-left: auto; margin-right: auto;padding-bottom: 0.12rem;line-height: 0.5rem;font-size: 0.32rem;color: #0f507c;text-align: center;}

.mhd:after{position: absolute; left: 0;bottom: 0; content: '';font-size:0;width: 6rem;height: 0.12rem;background: url('/static/images/ytys/mhd.png');background-size: cover;}

.mbd{width: 93.75%;margin-left: auto; margin-right: auto; margin-top: 0.3rem;font-size: 0.2rem;color: #666;line-height: 0.32rem;}

.zbtn{margin-top:0.3rem;text-align: center;;font-size: 0;line-height: 0;}

.zbtn a{display: inline-block;height: 0.7rem;min-width:3rem;line-height:0.7rem;color:#fff;padding:0 0.25rem;font-size:0.2rem;color:#fdfdfd;background: #ff865d;border-radius: 0.35rem;}



.ztips{width: 93.75%;margin:0.3rem auto 0; padding: 0.2rem 0;border-top: 1px solid #e4ecf2; border-bottom: 1px solid #e4ecf2;}

.ztip-tip{float: left;width: 1.03rem;}

.ztip-info{float: right;width: 4.8rem;font-size: 0.2rem;color: #666; line-height: 0.32rem;}





.m1 .mbd{height: 2.87rem;background: url('/static/images/ytys/m1.jpg');background-size: cover;}

.m1 .mbd p{padding: 0.6rem 0 0 3rem;font-size: 0.2rem;line-height: 0.46rem;color: #666;}



.m2 li{width: 1.86rem;float: left;margin-right: 0.2rem;}

.m2 li:nth-child(3n){margin-right: 0;}

.m2 li img{width: 100%;vertical-align: top;}

.m2 li p{height: 0.44rem;line-height: 0.35rem;font-size: 0.2rem;color: #666; text-align: center;}

.m2 li p:after{display: block; height: 0.1rem; content: ''; font-size: 0; line-height: 0; background: url('/static/images/ytys/line_bg.gif'); background-size: cover;}



.m3 .mbd{width:100%;height: 2.25rem;background: url('/static/images/ytys/m3.jpg'); background-size: cover;}

.m3 .mbd p{padding: 0.53rem 0.3rem 0 2.6rem;}



.m4 ul li{float:left;width: 2.89rem;margin-top:0.2rem;}

.m4 ul li:nth-child(2n){float: right;}

.m4 ul li:after{display: block;margin-top:0.1rem;height: 0.1rem;line-height: 0;content:'';background: url('/static/images/ytys/line_bg2.gif');background-size: cover;}

.m4 ul li p{padding:0.1rem 0;line-height: 0.26rem;text-align: center;background: #e1f0fa;}



.m5{background: #ecf5fa;padding: 0.5rem 0;}

.m5 li{ float: left; width: 1.86rem; margin-right: 0.14rem;}

.m4 ul li:nth-child(3){margin-right: 0;}

.m5 li p{margin-top:0.1rem;text-align: center;}



.m6 .intro{height: 0.6rem;background: #438ec0;line-height: 0.6rem;color: #fff; text-align: center;}

.m6 .case{margin-top:0.2rem;}

.m6 .hd{text-align: center; margin-top: 0.1rem;}

.m6 .hd li{display: inline-block;width: 10px;height: 10px;margin:0 3px;border-radius: 10px;text-indent: -9999px; overflow: hidden;background: #438ec0; transition: all ease-in-out .3s;}

.m6 .hd li.on{width: 20px;}



.m7 li{float:left;width: 1.86rem;height: 1.1rem; margin-right: 0.2rem; overflow: hidden; text-align: center;color:#fff;font-size: 0.22rem; line-height: 0.3rem;background: url('/static/images/ytys/m7-1.gif');background-size: cover;}

.m7 li:nth-child(3n){margin-right: 0;}

.m7 li strong{float: left;width: 0.83rem; padding: 0.15rem 0 0 0; font-weight: bold;}

.m7 li p{float: left;width: 1.03rem; padding: 0.15rem 0 0 0;}

.m7 .intro{margin-top: 0.3rem;}



.m8{background: #ecf5fa; padding: 0.5rem 0;}

.m8 li{float: left;margin-right: 0.19rem;width: 1.67rem;height: 2.86rem; background: #d2e3ed;padding: 0.1rem;margin-top: 0.2rem;text-align: center;}

.m8 li:nth-child(3n){margin-right: 0;}

.m8 li strong{ display: flex; justify-content: center; align-items: center; height: 0.4rem;line-height: 0.4rem; color: #444; padding: 0.1rem 0 0 0; font-weight: bold; border-bottom: 1px solid #c5d2d9;}

.m8 li p{padding: 0.1rem 0 0 0;}



.m9{}

.m9 .question a{float:left;width: 2.9rem;height: 0.7rem;margin-top:0.2rem;line-height: 0.7rem;text-align: center;color:#fff;font-size: 0.2rem;background: #72ccf1;}

.m9 .question a:nth-child(2n){float: right;}

.m9 .question a:nth-child(1){background: #90ccf1;}

.m9 .question a:nth-child(4){background: #90ccf1;}

.m9 .question a:nth-child(1),.m9 .question a:nth-child(2){margin-top: 0;}



.m9 .faq{}

.m9 .faq dl{margin-top: 0.3rem;}

.m9 .faq dt,.m9 .faq dt a{color:#444;}

.m9 .faq dd{margin-top: 0.1rem;}

.m9 .faq dd a{color:#666;}



#pubBanner{ height:3.96rem; position:relative; overflow:hidden;}

#pubBanner .bd ul li,#pubBanner .bd{ width:6.4rem!important;position:relative}

#pubBanner .hd { bottom: 0.1rem; height: 0.12rem; position: absolute; text-align: center; width: 100%; z-index: 1; }

#pubBanner .hd ul { display: inline-block; font-size: 0; height: 0.12rem; padding: 0.03rem 0.05rem; vertical-align: top; }

#pubBanner .hd ul li {  display:block; height: 0.08rem; margin: 0 0.04rem; width: 0.7rem; background:#231815; float:left;}

#pubBanner .hd ul .on { background: none repeat scroll 0 0 red; }

.clearfix:after, #container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden }

.pub_width{max-width:6.4rem; width: 100%; margin:0 auto}