@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;  background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}
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; }


/*yz*/


.tit{ display: block; text-align: center; font-weight: normal; }
.tit span{display: block;font-size:2rem ; line-height: 2rem; color: #333333;}
.tit i{display: block;position: relative;font-size:1.2rem ; line-height: 1.2rem; color: #333;margin-top: 0.7rem;}
.tit i:after{ position: absolute; width:1.4rem; height: 0.2rem; background: #0a68c0 no-repeat center 0;content:"";left: 50%; top:2.1rem ; margin-left: -0.7rem;}

.yz{height: 20.2rem;background:url(../images/yz_bg.jpg) no-repeat center;background-size: 100% 20.2rem;}
.yz .tit{ padding-top: 3.3rem;}
.yz p{ margin:2.5rem 6.25% 0;font-size:1.2rem ;line-height:1.8rem ;color: #333333;text-align: center;}

.pro{ background: #f4f4f4;height: 62rem;} 
.pro .tit{ padding-top: 3.5rem;}
.pro_t{margin: 3.2rem 3.1% 0; background: #0a68c0;border-radius: 0.3rem;height: 8rem;}
.pro_t h2 a{ float: left;width: 33.333%;border-right: 1px solid #fff;height: 4rem;border-bottom: 1px solid #fff;box-sizing: border-box;text-align: center;background: #0a68c0;line-height: 4rem;font-size:1.1rem ;color: #ffffff;display: block;}
.pro_t h2 a:hover{background: #ffc000;color: #333;}
.pro_con{ margin: 1rem 3.1% 0;height: 42.5rem;background:url(../images/pro_bg.jpg) no-repeat center;background-size: 100% 42.5rem;position: relative;}
.pro_con dd{ height: 20rem;padding: 0 4.9rem 0 2.9rem;}
.pro_con dd h3 a{display: block;padding-top: 3.1rem;font-size:2.1rem ;line-height: 2.1rem;color: #0a68c0;font-weight: bold;padding-bottom: 2.3rem;}
.pro_con dd p{ padding-bottom: 1.7rem;}
.pro_con dd p em{display: block; font-size:1.2rem ;line-height:1.2rem ;color: #666666;}
.pro_con dd p b{ font-weight: normal;font-size: 1.6rem;line-height:1.6rem;color: #333;padding-bottom: 0.7rem;display: block;}
.pro_con dd p span{display: block;font-size:1.2rem ;line-height:1.8rem ;color:#666666 ;padding-left: 3%;background:url(../images/tb1.png) no-repeat left; background-size: 0.4rem 0.4rem;float: left;width: 44%;}
.pro_con dd p span:nth-child(2n){ width: 50%;}
.pro_con .sprev{ position:absolute; left:3.1%; top:21rem; width:1rem;height:1.7rem; background:url(../images/sprev.png) no-repeat;z-index: 100;background-size: 1rem 1.7rem;}
.pro_con .snext{ position:absolute; right:3.1%; top:21rem; width:1rem;height:1.7rem; background:url(../images/snext.png) no-repeat;z-index: 100;background-size: 1rem 1.7rem;}

.so{ background: #f4f4f4;height: 28rem;} 
.so .tit{ padding-top: 3.5rem;}
.so ul{ margin: 2.8rem 3.1% 0;}
.so ul li{float: left;width:23.6% ;height:7.2rem;background: #fff;margin-right: 1.8%;border: 1px solid #e5e5e5;border-radius: 0.3rem;box-sizing: border-box; margin-bottom: 0.5rem;}
.so ul li:nth-child(4n){margin-right: 0; }
.so ul li span{display: block;font-size:1.2rem;line-height:1.2rem;color: #333333;text-align: center;}
.so ul li em img{  display: block;width: 2.1rem;height: 2.1rem;transition: all 0.3s;}
.so ul li em {display: block;width: 2.1rem;height: 2.1rem;overflow: hidden;margin-right: 20px;margin: 1.5rem auto 0.8rem;}
.so ul li:hover em img:nth-child(1) { margin-top: -2.1rem;}
.so ul li:hover{ background: #0a68c0;}
.so ul li:hover span{ color: #fff;}

.ly{ height: 52rem;background:url(../images/ly_bg.jpg) no-repeat center;background-size: 100% 52rem;}
.ly h2{display: block;font-size:2rem ; line-height: 2rem; color: #ffffff;text-align: center; padding-top: 3.8rem;font-weight: bold;margin-left: 3rem;}
.ly_box{margin-left: 2.8rem;margin-top: 3.3rem;}
.ly_box ul li{ height:3rem; line-height:3rem;  background: 0; width:26.5rem;margin-bottom:0.8rem;color:#fff;font-size:1rem;}
.ly_box ul li.nno{line-height:1.7rem;margin-bottom:1.2rem;}
.ly_box ul li.nno input{margin-left:1rem;width:1rem;height:0.7rem;}
.ly_box ul li i{ display: inline-block; float: left; font-size:1.2rem; color: #fff;margin-right:1.2rem; }
.ly_box ul li input{ display: inline-block;/*float: left;  width:20rem; */height:3rem; line-height:3rem;background: none;outline:none; color: #fff;font-size:1rem;border: 1px solid #7888b2;border-radius: 0.3rem;box-sizing: border-box;padding-left: 0.6rem;}
.ly_box ul li:nth-of-type(5){ height:6rem;}
.ly_box ul li:nth-of-type(5) i{ line-height: 1.8rem;}
.ly_box ul li:nth-of-type(5) textarea{ clear: both; display: inline-block; height:6rem;outline:none;width:20rem; background: none; border: none; font-size: 1rem; color: #fff;line-height: 1.5rem;border: 1px solid #7888b2;border-radius: 0.3rem;box-sizing: border-box;padding-left: 0.6rem;}
.ly_box ul li:last-of-type{ background: none; width:21rem;margin-left:6rem;}
.ly_box ul li:last-of-type button{ width:20rem; height: 3rem; background:#fff; border: none; cursor: pointer; font-size: 1.3rem; color: #333; line-height:3rem;border-radius: 0.3rem;text-align: center;}
.ly_box ul li span{display:none!important;}
.ly_box  p{ font-size: 1.1rem;line-height:1.1rem ;color: #333333;padding-top: 5.6rem;}
.ly_box  h3{ font-size: 1.8rem;line-height:1.8rem ;color: #333333;padding-top: 1.1rem;display: block;}
.ly_box  h4{ font-size: 1.3rem;line-height:1.3rem ;color: #333333;padding-top: 0.4rem;display: block;}
.form-btn-reset{ display:none;}
.ly_box .submit{display:none;}

.ys  .tit{ padding-top: 3.5rem;}
.newtil2a{overflow: hidden;position: relative; border-top: 1px solid #d2d2d2; box-sizing: border-box;margin-top: 2.8rem;}
.newtil2a li{  float: left; font-size: 1.2rem; color: #333; width: 25%; text-align: center; border-right: 1px solid #d2d2d2;box-sizing: border-box;padding-bottom: 0.8rem;}
.newtil2a li:last-child{ border-right: 0;}
.newtil2a li span{ display: block; padding-top: 0.8rem;}
.newtil2a li.cur{background: #0a68c0;color: #fff;}
.qual_c2a{overflow: hidden;}
.qual_c2a dl{ background: #fff; padding-bottom: 3rem;}
.qual_c2a dl dt{ font-size: 0; line-height: 0; margin-bottom: 2.5rem;}
.qual_c2a dl dd{ margin: 0 6.25%;}
.qual_c2a dl dd h4{ overflow: hidden; font-size: 1.8rem; color: #333333;font-weight: bold;}
.qual_c2a dl dd h4  span{ display: inline-block; float: left; font-size: 2rem; font-weight: bold;}
.qual_c2a dl dd h4 i{ display: inline-block; float: left; color: #333333; font-size: 1.8rem; font-weight: normal; padding-left: 0.5rem;}
.qual_c2a dl dd p{ color: #333333; font-size: 1.1rem;  line-height: 1.8rem; padding-top:0.9rem;  min-height: 8.6rem;}
.qual_c2a dl dd b{ display: inline-block; width: 3.4rem; height: 1.2rem;}
.qual_c2a .q_uaa{ position: absolute; bottom:7.6%; left:71.1%; z-index: 9; width:1.4rem;}
.qual_c2a .q_daa{ position: absolute; bottom:7.6%; left:88%; z-index: 9; width:1.4rem;}
.qualtil2a{ overflow: hidden; margin-bottom:0.6rem; position: relative;}

.case{ height:44rem ;background: #f4f4f4;}
.case .tit{padding-top: 3.5rem;}
.case_con{ padding: 2.8rem 0 3.5rem 3.1%;} 
.case_con dl{ border: 0.8rem solid #fff;border-radius: 0.3rem;background: #fff;box-sizing: border-box;box-shadow: 0 0 0.5rem rgba(0,0,0,0.19);}
.case_con dt img{display: block;width: 100%;border-radius: 0.3rem;}
.case_con dd{ padding: 1.5rem 1rem 0;height: 13.9rem;}
.case_con dd h3 a{ display: block;font-size: 1.4rem;line-height: 1.8rem;color: #333;}
.case_con dd p{ font-size: 1.1rem;line-height:1.6rem ;color: #666666;padding-top: 1rem;}
.case_con dd .more{ display: block;float: right;width: 1.9rem;height: 1rem;margin-top: 1rem;}

.news{overflow: hidden;background: #f4f4f4;}
.news .tit{ padding-top: 3.5rem;}
.news ul{ margin-top: 2.8rem;}
.news ul li{ overflow: hidden; margin: 0 3.1%; padding: 1.5rem 0; border-bottom: 1px solid #ccc;}
.news ul li img{ display: inline-block; float: right; width: 39.2%; box-sizing: border-box;}
.news ul li em{ display: inline-block; float: left; width: 60%; box-sizing: border-box; padding-right:3%; color: #8c8c8c; font-size: 1.1rem;}
.news ul li em i{ display: block; color: #333333; font-size: 1.2rem; padding: 0.4rem 0;}
.news ul li em span{ display: block; padding-top: 0.4rem; font-size: 1.1rem;line-height: 1.7rem;color: #999999;}
.news ul li:first-of-type{ border-top: 1px solid #ccc;}
.news h4{ padding-top: 2rem;padding-bottom: 3.5rem;}
.news h4 a{ display: block; margin: 0 auto;background: url(../images/btn.png) no-repeat; background-size: 12.3rem 3rem; line-height:3rem; width: 12.3rem; color: #333; font-size: 1.2rem; box-sizing: border-box; padding-left:2.35rem;}

.abt{ margin: 3.5rem 3.1% 0;height: 21.5rem;margin-bottom: 3.54rem;}
.abt dl{float: left;width: 49.16%;}
.abt dl:nth-child(2){float: right;}
.abt dt img{display: block;width: 100%;}
.abt dd{ padding: 0 1.5rem 0;height: 10.5rem;border: 1px solid #e5e5e5;border-top: 0;}
.abt dd h3 a{ display: block;font-size: 1.4rem;line-height: 1.8rem;color: #333;padding-top: 1.4rem;}
.abt dd p{ font-size: 1.1rem;line-height:1.5rem ;color: #333333;padding-top: 1rem;}

/*表单弹框*/
.nsw-modal {
  width: 100%;
  height: 100%;
  background: rgba(225, 225, 225, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999; }

.modal-dialog {
  position: fixed;
  color:#000000;
  top: 150px;
  width: 400px;
  border-radius: 3px;
  min-height: 155px;
  overflow: hidden;
  z-index: 99998;
  margin-left: -200px;
  left: 50%; }
  .modal-dialog .css-icon {
    background-image: url("../images/modal-icons.png"); }
  .modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px; }
    .modal-dialog .modal-head .modal-logo {
      width: 15px;
      height: 15px;
      background-position: 1px 0px;
      margin: 8px 5px 0 0;
      float: left; }
    .modal-dialog .modal-head .close {
      float: right;
      width: 15px;
      height: 15px;
      background-position: -14px 0px;
      margin-top: 8px; }
  .modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff; }
    .modal-dialog .modal-body .modal-body-left {
      width: 140px;
      float: left; }
      .modal-dialog .modal-body .modal-body-left .icon {
        width: 64px;
        height: 64px;
        margin: 30px 0 0 48px; }
      .modal-dialog .modal-body .modal-body-left .success-message {
        background-position: 0px -14px; }
      .modal-dialog .modal-body .modal-body-left .warming-message {
        background-position: 0px -78px; }
    .modal-dialog .modal-body .modal-body-right {
      width: 260px;
      float: right;
      padding-top: 20px; }
      .modal-dialog .modal-body .modal-body-right .close-btn {
        color: #000;
        text-align: center;
        width: 90px;
        display: inline-block;
        height: 24px;
        line-height: 24px;
        background: #818079; }
      .modal-dialog .modal-body .modal-body-right p {
        line-height: 30px; }

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