@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}

/**/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
/*intro*/
.intro ul li{height:8rem;border-bottom:1px solid #d7d7d7;}
.intro ul li img{float: left;width:10.9%;margin:2rem  4.5% 0 6.3%;}
.intro ul li p{float: left;width: 73%;font-size: 1.2rem;color: #555;line-height:1.9rem;padding-top:2.1rem;}
.intro ul li:last-child{border: 0;}
/*product*/
.pro{background: #f1f1f1;padding:2rem 0;}
.pro h2{font-size: 2rem;text-align: center;padding-bottom: 0.9rem;background:url(../img/line1.jpg) no-repeat bottom center;background-size: 9.5% 0.2rem;margin-bottom:1.6rem;}
.pro h2 a{color: #111;}
.pro h2 i{display: block;font-size: 1rem;color: #666;}
.pro h3{text-align: center;height: 3rem;margin-bottom: 1.8rem;}
.pro h3 span{float: left;height: 3rem;line-height: 3rem;width: 29%;margin-right:2%;background: #878787;font-size: 1.6rem;color: #fff;}
.pro h3 span:first-child{margin-left: 4.7%;}
.pro h3 span.cur{background: #24a5e8;}
.pro .tu{width: 90.6%;margin: 0 auto;position: relative;}
/*.pro .tu p{height: 19rem;background: #fff;padding: 0;}*/
/*.pro .tu p img{display: block;width: 71%;margin:0 auto;padding-top: 1.75rem;}*/
.pro .tu .prev{position: absolute;width: 6.7%;top: 9rem;left: 0;z-index: 100;}
.pro .tu .next{position: absolute;width: 6.7%;top: 9rem;right: 0;z-index: 100;}
.pro h4{display: block;font-weight: bold;width:81.6%;height: 2.7rem;line-height: 2.7rem;border:1px solid #d1d1d1;margin: 1.5rem auto 0;background: #fff;font-size:1.4rem;color: #333;padding-left: 9%;}
.pro .tit1{background:url(../img/you_ic.png) no-repeat 3% center;background-size:4.5% 1.35rem;}
.pro .tit2{background:url(../img/use_ic.png) no-repeat 3% center;background-size:4.5% 1.35rem;}
.pro p{font-size: 1.2rem;color: #555;line-height: 1.9rem;padding-top: 1.2rem;width: 90.6%;margin: 0 auto;}
/*case*/
.case{padding:2rem 0 3rem;}
.case h2{font-size: 2rem;text-align: center;background:url(../img/line1.jpg) no-repeat center 3.3rem;background-size: 9.5% 0.2rem;margin-bottom:1.5rem;}
.case h2 a{color: #111;}
.case h2 span{display: block;font-size: 1.2rem;color: #666;padding-top: 1.7rem;}
.case ul{height:2.9rem;border:1px solid #ddd;border-right: 0;margin-bottom: 1.8rem;}
.case ul li{float: left;width: 25%;height:2.9rem;line-height: 2.9rem;text-align: center;font-size: 1.2rem;color: #333;border-right:1px solid #ddd;box-sizing: border-box;position: relative;}
.case ul li i{display: none;position: absolute;width: 11.2%;height:0.45rem;background:url(../img/san1.png) no-repeat;background-size: 100% 0.45rem;bottom:-0.45rem;left: 44.4%;}
.case ul li.cur{background: #24a5e8;font-weight: bold;color: #fff;}
.case ul li.cur i{display: block;}
.case .text{width: 90.6%;height: 5.8rem;border-bottom:1px solid #e4e4e4;margin:0 auto;padding-top: 0.8rem;}
.case .text p{font-size: 1.2rem;color: #7b7b7b;height:2.5rem;line-height: 2.5rem;overflow:hidden;}
.case .text p a,.case .text p span{color:#2c2c2c;}
.case .more{display: block;width: 24.2%;height: 2.9rem;line-height:2.9rem;text-align: center;font-size:1.4rem;color: #fff;background: #24a5e8;margin:1.6rem auto 0;}
/*adva*/
.adva{padding:2rem 0 0;background: #f1f1f1;}
.adva h2{font-size: 2rem;text-align: center;color: #111;padding-bottom: 0.9rem;background:url(../img/line1.jpg) no-repeat bottom center;background-size: 9.5% 0.2rem;margin-bottom:1.6rem;}
.adva h2 i{display: block;font-size: 1rem;color: #666;}
.adva dl{width: 90.6%;margin: 0 auto;}
.adva dd h3{height: 6.5rem;border-bottom:1px solid #cfcdcd;}
.adva dd h3 i{float: left;width:11.4%;height: 3rem;line-height: 3rem;text-align: center;font-size: 2.1rem;color: #fff;background: #24a5e8;font-weight: bold;margin-top: 2.2rem;}
.adva dd h3 span{float: left;padding-left:5.5%;width: 83%;font-size: 1.2rem;color: #7a7a7a;margin-top: 1.8rem;line-height:1.5rem;}
.adva dd h3 b{display: block;font-size: 1.6rem;color: #333;line-height:2.1rem;}
.adva dd p{font-size: 1.2rem;color: #636363;line-height: 1.8rem;padding:1rem 0 2.2rem;}
.adva dd p em{color: #24a5e8;}
/*fact*/
.fact{padding:2rem 0 3rem;width:90.6%;margin:0 auto;}
.fact h2{font-size: 1.6rem;color: #111;text-align: center;background:url(../img/line1.jpg) no-repeat center 3rem;background-size: 9.5% 0.2rem;margin-bottom:1.5rem;}
.fact h2 span{display: block;font-size: 1.2rem;color: #666;padding-top: 1.7rem;}
.fact h2 em{color: #24a5e8;}
.fact .tu{position: relative;}
.fact .tu .prev{position: absolute;width: 6.55%;top: 10.6rem;left: 0;z-index: 100;}
.fact .tu .next{position: absolute;width: 6.55%;top: 10.6rem;right: 0;z-index: 100;}





/**/
/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {	font-size: 11.25px;}}
@media screen and (min-width:375px) {html {	font-size: 11.7px;}}
@media screen and (min-width:384px) {html {	font-size: 12px;}}
@media screen and (min-width:480px) {html {	font-size: 15px;}}
@media screen and (min-width:414px) {html {	font-size: 13px;}}
@media screen and (min-width:560px) {html {	font-size: 17.5px;}}
@media screen and (min-width:640px) {html {	font-size: 20px;}}