html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:62.5%;}
*{margin:0;padding:0; border:0;}iframe,object{ display:block;}
ol,ul{list-style-type:none}table{border-collapse:collapse;border-spacing:0;}.tc{text-align:center}
img{max-width:100%;vertical-align:middle;}
.indent2{text-indent:2em;}
.nobg{ background:none !important;}
.nobor{border:none !important;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%;}
.blue{color:#01a4ef;}
.red{color:#f84a46;}



/* = 清除浮动元素= */
.clr {clear:both;}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.fl{float:left !important;}.fr{float:right !important;}.tc{text-align:center}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
* html .clearfix,s
* html{height: 1%;}
.clearfix{display: block;}



/* = Auxiliary Styles (辅助样式) = */
.hr_a,.hr_b,.hr_c{line-height:1em;clear:both;overflow:hidden}.hr_a{height:2em}.hr_b{height:2.5em}.hr_c{height:4.5em;}
body{min-width:320px;overflow-x:hidden;font-family:"Microsoft Yahei";color:#666;padding-bottom:6em;}
a{color:inherit; text-decoration:none;}
.relative{ position:relative;}
.allpic{width:100%;}
.indent2{text-indent:2em;}
.jl{padding:0 20px;}
.font{font-size:2em;line-height:2em;}
.gray{color:#666;}
.yellow{color:#fee21c;}




.top{height:90px;position:relative;}
.logo{position:absolute;left:50%;top:50%;margin-left:-164px;margin-top:-27px;width:328px;height:54px;}
.tel{width:49px;height:49px;position:absolute;top:50%;right:3%;margin-top:-24px;}
.back{width:47px;height:48px;position:absolute;top:50%;left:3%;margin-top:-23px;}
.box1 .nr{background:#1071c1;color:#fff;font-size:2em;line-height:1.8em;padding:.6em 1em;border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px;}
.xsnr{display:block;}
.ycnr{display:none;}
.btn{padding:3em 0;text-align:center;}
.btn a{display:inline-block;background:#ff5f18;color:#fff;font-size:2.8em;padding:.2em 1em .3em;line-height:1.5em;border-radius:28px;-moz-border-radius:28px;-webkit-border-radius:28px;}
.btn img{padding-right:6px;}
.title{background:url(images/title.gif);color:#fff;font-size:3.2em;text-align:center;font-weight:bold;padding:.5em 0;margin-bottom:.7em;}
.box2 dl{float:left;width:23%;position:relative;margin:5em 1% 2em;padding-bottom:1em;height:16em;}
.box2 dl:nth-of-type(1){background:#f97845;}
.box2 dl:nth-of-type(2){background:#57c991;}
.box2 dl:nth-of-type(3){background:#1e85d3;}
.box2 dl:nth-of-type(4){background:#2ebebf;}
.box2 dl:nth-of-type(5){background:#4489e6;}
.box2 dl:nth-of-type(6){background:#ddb044;}
.box2 dl:nth-of-type(7){background:#547ffb;}
.box2 dl:nth-of-type(8){background:#d03deb;}
.box2 dt{position:absolute;top:-5em;text-align:center;width:100%;}
.box2 dd{margin-top:3em;color:#fff;font-size:2em;width:100%;-moz-box-align:center;-webkit-box-align:center;display:-moz-box;height:5em;}
.box2 dd p{word-wrap:break-word;word-break:break-all;-moz-box-flex: 1;text-align:center;padding:0 .2em;}
.box4 dl{width:543px;margin:0 auto 2.5em;}
.box4 dt{float:left;width:17%;text-align:center;height:180px;}
.box4 dd{float:right;width:78%;color:#156bdf;}
.boxnr{display:table;}
.jznr{display:table-cell; vertical-align:middle;}
.box4 .pic{float:left;width:45%;}
.box4 .nr{float:right;width:50%;font-size:2em;line-height:2em;height:180px;}
.box4 .nr b{font-size:1.3em;}
.box4 dl:nth-of-type(2) dt{float:right;}
.box4 dl:nth-of-type(2) dd{float:left;color:#ec4909}
.box4 dl:nth-of-type(2) .pic{float:right;}
.box4 dl:nth-of-type(2) dd .nr{float:left;}
.box4 dl:nth-of-type(3) dd{color:#00aaab;}
.box5 dl{height:108px;position:relative;text-align:center;font-size:2.2em;line-height:67px;padding-top:32px;}
.box5 dt{float:left;width:40%;padding-right:10%;background:#e7e7e7;height:67px;color:#292929;}
.box5 dd{float:right;width:40%;padding-left:10%;background:#267fc3;color:#fff;height:67px;}
.box5nr{ position:absolute;top:0;left:50%;margin-left:-61px;background:url(images/box5p1.png);background-size:122px 135px;width:122px;height:135px;}
.box5nr p{font-size:.9em;font-weight:bold;line-height:1.4em;color:#fff;height:108px;padding:8px 1em 18px;}
.box5 dl:nth-of-type(5) .box5nr{background:url(images/box5p2.png) no-repeat;}
.box5 dl:nth-of-type(5) dt,.box5 dl:nth-of-type(5) dd{background:#fb6002;color:#fff;}


@media only screen and (min-width: 320px) and (max-width: 639px){
	html{font-size:34%;}   
	.top{height:50px;position:relative;}
	.logo{position:absolute;left:50%;top:50%;margin-left:-96px;margin-top:-16px;width:192px;height:32px;background:url(../images/logo2.png) no-repeat;background-size:100% 100%;display:block;}
	.tel{width:27px;height:27px;position:absolute;top:50%;right:3%;margin-top:-13px ;}
	.back{width:24px;height:25px;position:absolute;top:50%;left:3%;margin-top:-12px;}
	.xsnr{display:none;}
	.ycnr{display:block;}
	.jl{padding:0 10px;}
	.font{font-size:3em;line-height:1.6em;}
	.box1 .nr{font-size:2.9em;line-height:1.7em;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;}
	.btnimg1{width:22px;height:22px;}
	.btnimg2{width:21px;height:20px;}
	.title{font-size:3.4em;}
	.box2 dt img{width:59px;height:59px;}
	.box2 dl{height:21em;}
	.box2 dd{font-size:2.4em;height:6.5em;margin-top:3em;}
	.box4 dl {width:300px;margin:0 auto 2.5em;}
	.box4 dt{height:115px;}
	.box4 dt img{width:46px;height:48px;}
	.box4 .nr{height:115px;width:40%;font-size:2.4em;line-height:1.65em;}
	.box4 .pic{float:left;width:55%;}
	.box5 dl{height:68px;padding-top:18px;line-height:34px;}
	.box5 dt,.box5 dd{height:34px;font-size:1.2em;}
	.box5nr{position:absolute;top:0;left:50%;margin-left:-39.5px;background:url(images/box5p1.png);width:79px;height:86px;background-size:79px 86px;}
    .box5nr p{height:68px;font-size:1.1em;padding:5px 1em 15px;}
	.box5 dl:nth-of-type(2) dt,.box5 dl:nth-of-type(2) dd{line-height:16px;}
	.box5 dl:nth-of-type(5) .box5nr{background:url(images/box5p2.png) no-repeat;width:79px;height:80px;background-size:79px 80px;}
	.box5 dl:nth-of-type(5) dd{line-height:16px;}
}
