@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:"Arial",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:"Arial";}
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:"Arial"; 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;}
.g-adv li{position: relative;}
.g-adv li h2{position: absolute;width: 100%;font-size:1.8rem;color: #fff;font-weight: bold;text-align: center;line-height: 1.8rem;top: 5.8rem;left: 0;}
.g-adv li p{position: absolute;width: 100%;font-size:1.2rem;color: #fff;text-align: center;line-height: 1.5rem;bottom: 5.5rem;left: 0;}
.g-adv li.b2 h2{top: 8.8rem;}
.g-adv li.b2 p{bottom: 11.5rem;}
/*product*/
.pro{background: #f3f4f8;padding:0 0 3rem;}
.pro li{float: left;width:32.8%;margin-right:0.8%;position: relative;margin-bottom:0.2rem;}
.pro li b{position: absolute;font-size:1.1rem;color: #0e3b98;line-height:1.1rem;left:1rem;top: 1rem;}
.pro li:nth-child(3n){margin-right: 0;}
.hot_l{float: left;width: 49%;height:21.4rem;background: #fff;position:relative;overflow:hidden;}
.hot_l:after{position:absolute;width:2.4rem;height:0.9rem;background:url(../img/hot_ic.png) no-repeat;background-size:100%;content: "";left: 1rem;top:3.9rem;}
.hot_l b{position: absolute;font-size:1.1rem;color: #0e3b98;line-height:1.1rem;left:1rem;top: 1rem;}
.hot_r{float: right;width:50%;}
.hot_r p{height:7rem;background: #fff;position:relative;overflow:hidden;margin-bottom:0.2rem;}
.hot_r p img{float: right;width:7rem;margin-right:1rem;}
.hot_r p b{position: absolute;font-size:1.1rem;color: #0e3b98;line-height:1.1rem;left:1rem;top: 1rem;}
.pro .more{display:block;width:87.5%;height:3rem;font-size:0.9rem;color: #fff;margin:2rem auto 0;text-align: center;background: #0e3b98;}
.pro .more span{display:inline-block;height:1rem;line-height: 1rem;border-left:1px solid #fff;padding-left:0.6rem;vertical-align:top;margin-top:1rem;}
.pro .more img{display:inline-block;width: 1.8rem;height: 1.5rem;margin-right:0.5rem;vertical-align:top;margin-top:0.7rem;}
/*xad*/
.xad{position: relative;}
.xad b{position: absolute;left: 0;top:3.4rem;width: 100%;font-size: 1.8rem;line-height: 1.8rem;color: #fff;text-align: center;}
/*about*/
.about{padding:3rem 3.1%;}
.about dd{padding:0 3.5%;position:relative;}
.about dd h3:after{position:absolute;width: 3px;height: 3rem;background: #0e3b98;content: "";left: 0;top:1.5rem;}
.about dd h3{padding:1.3rem 0 1.2rem;color: #333;}
.about dd h3 b{display:block;font-size:1.8rem;color: #000;}
.about dd h3 span{display:block;font-size:1.2rem;}
.about dd p{font-size: 1rem;color: #666;line-height: 1.5rem;}
.about dd .more{display:block;height:3rem;line-height: 3rem;text-align: center;font-size: 1rem;color: #fff;background: #0e3b98;margin-top:1.5rem;}
.about dd .more img{display:inline-block;width: 1rem;height: 0.7rem;margin-left: 0.7rem;vertical-align:middle;}
/*equip*/
.equip{position:relative;}
.equip h2{position: absolute;left: 0;top: 3rem;width: 100%;font-size: 1.8rem;line-height: 2.2rem;text-align: center;color: #fff;font-weight:bold;}
.equip p{position: absolute;left: 0;top: 8.4rem;width: 100%;font-size: 1rem;line-height: 1.5rem;text-align: center;color: #fff;}
.equip .more{position:absolute;width:7%;left: 46.5%;bottom:-1rem;}
/*case*/
.case{background: #f3f4f8;padding:1.5rem 0 3rem;}
.case h2{font-size: 1.5rem;color: #000;font-weight: bold;height:4.5rem;line-height: 4.5rem;padding:0 3.1%;position:relative;}
.case h2:after{position:absolute;width:0.6rem;height:1rem;background:url(../img/jt1.png) no-repeat;background-size:0.6rem 1rem;content: "";right:3.1%;top: 1.7rem;}
.case_con{padding-left:3%;}
.case li{float: left;width:89%;height: 13.9rem;background: #fff;padding-top:2.8rem;border:1px solid #ededed;box-sizing:border-box;}
.case li img{float: left;width: 13%;border-radius:50%;margin-left: 4.56%;}
.case li .text{float: left;width:72%;margin-left: 4.56%;}
.case li .text p{font-size: 1rem;color: #666;line-height: 1.2rem;margin-bottom:1.7rem;}
.case li .text p a{color: #666;}
.case li .text span{display:block;font-size: 1rem;color: #666;line-height: 1rem;}
.case li .text h3{display:block;font-size: 1.2rem;color: #333;line-height: 1.2rem;font-weight:bold;}
.case li .text h3 a{color: #333;}
/*.case li:first-child{margin-left:3.1%;}*/
/*news*/
.news{padding:1.5rem 0 3rem;}
.news h2{font-size: 1.5rem;color: #000;font-weight: bold;height:4.5rem;line-height: 4.5rem;padding:0 3.1%;position:relative;}
.news h2:after{position:absolute;width:0.6rem;height:1rem;background:url(../img/jt1.png) no-repeat;background-size:0.6rem 1rem;content: "";right:3.1%;top: 1.7rem;}
.new_con{padding-left:3%;}
.news li{float: left;width: 43.75%;height:16rem;border:1px solid #e0e0e0;box-sizing: border-box;}
.news li h3{padding:1rem 0.8rem 0.5rem;font-size: 1rem;color: #333;line-height: 1.1rem;font-weight:bold;}
.news li h3 a{color: #333; display:block; height:2.2rem; overflow:hidden}
.news li b{display:block;padding:0 0.8rem;font-size: 0.8rem;color: #999;}
/*.news li:first-child{margin-left: 3.1%;}*/
/*sub*/
.sub{height: 12.4rem;background: #f3f4f8;padding:0 3.1%;}
.sub span{display:block;font-size: 1.1rem;color: #333;padding:2.8rem 0 1.5rem;line-height:1.1rem;}
.sub p{height: 3.5rem;border-bottom:1px solid #ccc;}
.sub p b{float: left;font-size: 3rem;line-height: 2.8rem;color: #e8e9ed;font-family: "Verdana";}
.sub p img{float: right;width:2rem;margin-top:0.7rem;}



/**/
/**/
@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;}}