@charset "UTF-8";
@import "media-font.css";
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html{
    width: 100%;
    font-family: "Microsoft Yahei", "微软雅黑";
    overflow-x: hidden;
}
body{
    max-width: 640px;
    min-width: 320px;
    margin: 0 auto;
    color: #1a1717;
    font-size: 1.2rem;
}
ul{
    overflow: hidden;
}
ul,li,ol{
    list-style: none;
}
a{
    text-decoration: none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
}
input,select,textarea{
    -webkit-appearance: none;
    font-family: "Microsoft Yahei", "微软雅黑";
    font-size: 1.2rem;
    color: #1a1717;
    outline: none;
}
em, i { font-style: normal;}
header img,article img,footer img{ width: 100%; }

/*清楚浮动*/
.clearfix:after {       
    content: ".";    
    display: block;  
    clear: both;     
    visibility: hidden;  
    line-height: 0;   
    height: 0;     
    font-size:0;    
}
.clearfix { *zoom:1;} 

/*header{ padding-top: 12.8%; }*/
/*footer{ padding-bottom: 6.5%; }*/

/*header-CSS*/

.topLogo{ display: block; }
nav{ background: #fff; }
nav ul li{ display: block; width: 25%; float: left; position: relative;}
nav ul li a{ line-height: 1.5rem; display: block; width: 100%; padding: 10% 0; font-size: 1.3rem; font-weight: bold; color: #267fdd; text-align: center;  }
nav ul li i{ display: block; width: 1px; padding: 7% 0; border-right: 1px dashed #267fdd; position: absolute; top: 33%; right: 0;}
nav ul li:nth-child(4) i{ border: none; }
.banner .bd ul li a{ display: block; }
#banner1{ margin: 0.5% 0; }
#banner1 .hd ul li{ display: none; font-size: 0; }
nav{
	width: 100%;
	overflow: hidden;
	background: #0087ce;
	margin: 1% 0;
	text-align: center;
}
nav a{
	display: block;
	float: left;
	width: 20%;
	padding: 2% 0;
	color: #fff;
	font-weight: bold;
	font-family: "微软雅黑";
	background: url(../images/nav-line.jpg) no-repeat center right / 1px 50%;
}
nav a:last-child{
	background: none;
}
/*article-CSS*/

.part,.part1,.part2,.part3,.part4,.part5,.part6,.part7{ margin-top: 4%; }

.fl { float: left; }
.fr { float: right; }

.page { max-width: 640px; min-width: 320px; margin: 0 auto; }
.commonBox { width: 26.8rem;margin: 0 auto; }

.title { width: 100%; height: 4.5rem; background: url(../images/bg_02.gif) no-repeat bottom center; background-size: 100% 1.55rem; text-align: center; margin: 0 auto 4%; }
.title h2 { font-size: 1.5rem }
.title h2 i { font-size: 1.7rem; }
.title span { display: block; color: #333; font-size: .6rem }

.swtBox { margin: 4% auto; text-align: center; }
.swtBox a { font-size: 1.3rem; display: inline-block; color: #fff; border: 1px dashed #fff; padding: .8rem .8rem .8rem 3rem; border-radius: 1.3rem; -moz-border-radius: 1.3rem; background: #5fabfb url(../images/doc.png) no-repeat .8rem center; background-size: 1.65rem 1.7rem; }
.swtBox a span { font-size: 1.3rem; color: #fdff00; }

.bline { background: url(../images/bline_02.png) no-repeat bottom center; background-size: 100% 1.55rem; }
.bline span { color: #fff }

.alert { line-height: 1.7rem; text-indent: 2em; margin: 3% auto; }
.alert strong { color: #db0000; }

.part1 .content li { width: 8.6rem; float: left;margin-left: .5rem;margin-top: .5rem}
.part1 .content li:first-child,.part1 .content li:nth-child(4),.part1 .content li:nth-child(7) {margin-left: 0; }
.part1 .content li:first-child,.part1 .content li:nth-child(2),.part1 .content li:nth-child(3) {margin-top: 0; }
.part1 .content li img { width: 100%; height: 100%}

.part2 .content { background: url(../images/radius_03.jpg) no-repeat center center;background-size: 1.2rem 22.3rem}
.part2 .content li { width: 38%; float: left; }
.part2 .content li:nth-child(2),.part2 .content li:nth-child(4) { float: right; }
.part2 .content li h3 {color: #2986ea; font-size: 1.2rem; text-align: center}
.part2 .content li h3 strong { padding: 0 4.4%; color: #fff; margin-right: .4rem; text-shadow: .2rem .1rem .2rem #17569b; background: #2986ea}
.part2 .content li p { line-height: 1.7rem; text-indent: 2em; }
.part2 .content li:nth-child(1) h3,.part2 .content li:nth-child(3) h3{ margin: 8% 0 4%; }
.part2 .content li:nth-child(2) p,.part2 .content li:nth-child(4) p{ margin: 3% 0 3%; }
.part2 .content li:nth-child(3){ margin-top: 6%; }
.part2 .content li:nth-child(4){ margin-top: 4%; }


.part3 .content dl { margin-bottom: 1rem; }
.part3 .content dl dt { width:  30%; float: left; }
.part3 .content dl dd { width: 18.3rem;float: right;color: #fff; padding: 2% 2%;background: #4E8BCC url(../images/rectangular.png) no-repeat 16.5rem .6rem; background-size: 1.15rem 1.15rem; }
.part3 .content dl dd strong { display: block; margin-bottom: .38rem; }
.part3 .content dl dd span { line-height: 1.7rem; text-indent: 2em; display: block; }
.part3 .content dl:nth-child(2) dt { float: right; }
.part3 .content dl:nth-child(2) dd { float: left; background: #2A67A6 url(../images/rectangular.png) no-repeat 16.5rem .6rem; background-size: 1.15rem 1.15rem; }
.part3 .content dl img{  }

.part4 {background: #4e8bcc;color: #fff;padding: 1rem 0; }
.part4 .content p.guide { line-height: 1.7rem; text-indent: 2em; margin-bottom: 1.5rem; }

.part4 .content .fourpic{ position: relative; }
.part4 .content .fourpic a{ display: block; width: 25%;padding: 3.2% 0;position: absolute;top: 24.4%; right: 35%; }
.part4 .content .fourpic a:nth-child(2){ right: 5%; }
.part4 .content .fourpic img { display: block; width: 100%; }

.part5 .yypic p { text-indent: 2em; line-height: 1.7rem; margin-bottom: 1rem; margin-top: 1rem}
.part5 .yypic img { display: block; width: 100%; }

.part6 { background: #4e8bcc; color: #fff; padding: 1rem 0}
.part6 ul { margin: 1rem auto}
.part6 ul li { float: left; width: 6.25rem;height: 6.25rem;margin-right: .45rem; }
.part6 ul li:last-child { margin-right: 0; }
.part6 ul li img { width: 100% }

.tel{ display: block; width: 96%; margin: 2% auto; }

.part7{ background: #2A67A6; }
.part7 .comTitle{ padding: 1.5% 0; color: #fff; font-size: 1.4rem; text-align: center; margin: 0 0 3%; }
.part7 .comTitle a{ color: #fff; }
.part7 .searchBox .txt{ width: 70%; float: left; padding: 1% 1%; font-size: 1.2rem; border: none; color: #666;}
.part7 .searchBox{ border: 1px solid #fe9901; width: 90%; margin: 0 auto; }
.part7 .searchBox .btn{ width: 30%; float: right; padding: 1% 0; font-size: 1.2rem; color: #fff; background: #fe9901; border: none;}
.part7 p{ color: #fff; text-align: center; padding: 1% 0; }

footer{ margin-top: 2%; }
footer nav{ background: #2A67A6; }
footer nav ul li a{  color: #fff; }
footer nav ul li i{  border-right: 1px dashed #fff; }
.footer{ background: #2A67A6; color: #fff; padding: 0 0 13%; }
.footer .flogo{ display: block; width: 96.8%; margin: 1% auto 0; }
.footer hr{ margin: 3% 0; height: 1px; border: none; border-top: 1px dashed #fff;  }
.footer dl dt{  width: 56%; float: left; margin-left: 5%; }
.footer dl dd{ width: 34%; float: right; margin-right: 5%; }
.footer p{ line-height: 1.8rem; font-size: 1.3rem; }