@charset "gb2312";
/* CSS Document */
*{margin:0;padding:0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-text-size-adjust:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
font-family:Arial, "微软雅黑"}
/*img{vertical-align:top;border:none;max-width:100%;}*/
p,form,input,button,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input,textarea{-webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance:none;font-size:1em;line-height:1.5em;}
table{border-collapse:collapse;}
button,select,input{font-size:14px;}
input,select{vertical-align:middle;line-height:normal;font-size:1em;}
a{outline:0;cursor:pointer;*star:expression(this.onbanner=this.blur());}
a:link,a:active{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{color:#f00;text-decoration:underline;}
.ccolor{color:#BB1600;}
a.red:link,a.red:visited,a.red:active{color:#f47110; }
a.red:hover{color:#e60012; }
a.Purple:link,a.Purple:visited,a.Purple:active{color:#b03ca9; }
a.Purple:hover{color:#f00; }
input:focus,select:focus,textarea:focus,button:focus{outline:none;}
input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="number"]
,input[type="email"],input[type="url"],textarea{-webkit-appearance:none;border:1px solid;-webkit-border-radius:0;border-radius:0;}
input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;}
a{text-decoration:none;-webkit-touch-callout:none;}
em,i{font-style:normal;}
li{list-style:none;}
html{font-size:16px;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;} 

.articl p a img,.articl p img{ margin-left:-2em;   text-indent: 0em;/* width:100%;*/height:auto;}
.title1{ width:96%; overflow:hidden; text-align:center; background:url(../images/title1.jpg) no-repeat; background-size:100% 100%; padding:2% 2% 3%; color:#FFF; font-size:120%; }
.title1 em{ width:10%; float:left; text-align:left;color:#2767ae}
.title1 b{ width:90%; float:left}
.title2{ background:url(../images/title2.jpg) no-repeat;background-size:100% 100%;}
.title3{ background:url(../images/title3.jpg) no-repeat;background-size:100% 100%;}
.title4{ background:url(../images/title4.jpg) no-repeat;background-size:100% 100%; margin-top:2%}
.yl{ overflow:hidden; width:97%; margin:2% auto;}
.yl h1{ overflow:hidden; padding:1% 0; background:url(../images/sm_bg1.jpg) no-repeat; font-weight:normal; background-size:100% 100%;}
.yl h1 b{ float:left; width:20%; color:#FFF; font-size:100%; text-align:center}
.yl h1 i{ float:left; width:65%; padding-left:5%; color:#6f2323;font-size:95%}
.yl dl{ overflow:hidden; width:100%; margin-top:1%;}
.yl dt{ float:left; width:45%}
.yl dd{ float:right; width:50%; background:url(../images/frame2.jpg) no-repeat;background-size:100% 100%; padding:2% 2%; text-indent:2em; font-size:90%}
.yl2 dt{ float:right; width:45%}
.yl2 dd{ float:left; width:50%; background:url(../images/frame2.jpg) no-repeat;background-size:100% 100%; padding:2% 2%; text-indent:2em; font-size:90%}
.yl dt span{ display:block; width:100%}
.yl dt p{ background:url(../images/frame1.jpg) no-repeat; text-align:center; font-size:87%; background-size:100% 100%; padding:2% 2%; margin-top:3%}
.yl dt p b{ display:block}
.yl dt a{ display:block; background:url(../images/frame3.jpg) no-repeat;background-size:100% 100%; text-align:center; color:#FFF; padding:2% 0; width:70%; margin:7% auto 0; font-size:70%}
.ys{ overflow:hidden; width:97%; margin:2% auto;}
.ys h1{ overflow:hidden; padding:1% 0; background:url(../images/sm_bg1.jpg) no-repeat; font-weight:normal; background-size:100% 100%;}
.ys h1 b{ float:left; width:20%; color:#FFF; font-size:100%; text-align:center}
.ys h1 i{ float:left; width:55%; padding-left:5%; color:#6f2323;font-size:95%}
.ys dl{ overflow:hidden; width:100%; margin-top:1%;}
.ys dt{ float:left; width:23%; margin-top:1.5%}
.ys dt span{ display:block; width:100%}
.ys dd{ float:right; width:73%; background:url(../images/frame4.jpg) no-repeat; padding:2% 2%;background-size:100% 100%;}
.ys dd p{ text-indent:2em; font-size:100%}
.ys2 dt{float:right;}
.ys2 dd{float:left;}
.ta{ overflow:hidden; display:block;}
.ta .a1{ display:block; width:80%; font-size:80%; text-align:left; color:#FFF; padding:2% 0; background:url(../images/sm_bg2.jpg) no-repeat;background-size:100% 100%; margin:2% auto;    text-indent: 2em;}
.ta .a2{ display:block;text-align:left; color:#FFF; padding:1% 0; background:url(../images/sm_bg3.jpg) no-repeat;background-size:100% 100%;width:80%;font-size:80%;margin:2% auto;    text-indent: 2em;}
.ly{ overflow:hidden; margin-top:5%; background:url(../images/big_bg.jpg) no-repeat left; background-size:27% 100%;}
.ly .main{ width:70%; float:right; padding:2% 0%}
.ly .main h2{ overflow:hidden; padding:4% 2%; color:#ffffff;}
.ly .main p{ font-size:90%; margin:2% auto}
.ly .main span{ display:block; width:100%}
.ly .main span img{ border:1px solid #bcbcbc}
.ly .main h2 b{ float:left; width:8%; text-align:center}
.ly .main h2 em{ float:left; width:75%; font-size:90%; padding-left:5%}
.doc{ overflow:hidden; width:95%; margin:2% auto; padding:1% 2% 9%; background:url(../images/doc_bg1.jpg) no-repeat;background-size:100% 100%;}
.doc .main{ width:60%; float:right; margin-top:6%}
.doc .main h3{ padding:.5% 0; width:75%; font-size:80%; margin-left:7%; padding-left:5%;color:#FFF; font-weight:normal; background:url(../images/doc_c.jpg) no-repeat;background-size:100% 100%;}
.doc .main div{ font-size:75%; margin-top:24%; margin-left:7%; color:#646464; display:block }
.doc .main a{ display:block; width:40%; margin:3% 0; margin-left:7%; text-align:center; color:#FFF; font-size:75%; padding:.5% 0;}
.doc .main a.a1{ background: url(../images/as1.jpg) no-repeat;background-size:100% 100%;}
.doc .main a.a2{background: url(../images/as2.jpg) no-repeat;background-size:100% 100%}
.doc1{ background:url(../images/doc_bg2.jpg) no-repeat;background-size:100% 100%;}
.doc2{ background:url(../images/doc_bg3.jpg) no-repeat;background-size:100% 100%;}
.doc3{ background:url(../images/doc_bg4.jpg) no-repeat;background-size:100% 100%;}
/* 本例子css -------------------------------------- */
	.focus{ max-width:640px; min-width:320px; margin:0 2%; margin-bottom:2%; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:0px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#FE6C9C;  }
	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
@media screen and (max-width:360px){body,input,select{font-size:15.5px}}
@media screen and (min-width:360px){body,input,select{font-size:15.75px}}
@media screen and (min-width:400px){body,input,select{font-size:17.5px}}
@media screen and (min-width:480px){body,input,select{font-size:21px}}
@media screen and (min-width:560px){body,input,select{font-size:24.5px}}
@media screen and (min-width:600px){body,input,select{font-size:26.25px}}
@media screen and (min-width:640px){body,input,select{font-size:28px}}
@media only screen and (max-width: 320px){
	.yl dd{ font-size:80%}
}
@media (min-width: 320px) and (max-width:333px) { 
.yl dd{ font-size:80%}
}
@media (min-width: 333px) and (max-width:350px) { 
.yl dd{ font-size:85%}
}
@media (min-width: 350px) and (max-width:381px) {
	.yl dd{ font-size:89.9%} 
}
@media (min-width: 381px) and (max-width:399px) {
	.yl dd{ font-size:96%} 
}
@media (min-width: 399px) and (max-width:423px) {
	.yl dd{ font-size:90%} 
}
@media (min-width: 423px) and (max-width:456px) {
	.yl dd{ font-size:97%} 
}
@media (min-width: 456px) and (max-width:471px) {
	.yl dd{ font-size:100%} 
}
@media (min-width: 471px) and (max-width:479px) {
	.yl dd{ font-size:102%} 
}
@media (min-width: 507px) and (max-width:529px) { 
.yl dd{ font-size:94%}
}
@media (min-width: 529px) and (max-width:543px) { 
.yl dd{ font-size:97%}
}
@media (min-width: 543px) and (max-width:559px) { 
.yl dd{ font-size:100%}
}
@media (min-width: 592px) and (max-width:599px) { 
.yl dd{ font-size:93%}
}
@media (min-width: 634px) and (max-width:639px) { 
.yl dd{ font-size:93%}
}
@media (min-width: 375px) and (max-width:406px) { 
.ys dd p{ font-size:90%}
}
@media (min-width: 406px) and (max-width:467px) { 
.ys dd p{ font-size:90%}
}
@media (min-width: 467px) and (max-width:480px) { 
.ys dd p{ font-size:98%}
}
@media (min-width: 480px) and (max-width:484px) { 
.ys dd p{ font-size:90%}
}
@media (min-width: 485px) and (max-width:559px) { 
.ys dd p{ font-size:90%}
}
@media (min-width: 559px) and (max-width:599px) { 
.ys dd p{ font-size:90%}
}
@media (min-width: 623px) and (max-width:639px) { 
.ys dd p{ font-size:90%}
}
@media (min-width: 450px) and (max-width:500px){ 
}
@media (min-width: 500px) and (max-width:550px) { 
}