@charset "utf-8";

/*初始样式*/

body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/

body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}

a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

/*a:hover { text-decoration:underline;}*/

img{border:none;}

.vam { vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }

h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}



.tr { text-align:right;}

.tl { text-align:left;}

.center { text-align:center;}

.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

i,em{ font-style:normal;}

.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}

.clearfix{zoom:1;}

/* -- 页面整体布局 -- */

.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.pic{overflow: hidden;font-size: 0;}

.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}

.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}



.content2{ width:1400px;margin:0 auto;}

 @media screen and  (max-width:1440px){

                   .content2{width:1200px;margin:0 auto}    

                      }



.tit{font-weight: normal;text-align: center;font-size: 0;}

.tit b{display: block;font-size: 42px;color: #333333;line-height: 42px;height: 42px;position: relative;}

.tit i{display: block;font-size: 18px;color: #333;line-height: 18px;padding-top: 13px;}







/*banner*/

.banner{height:auto;max-width:1920px;margin:-14px auto!important 0;position:relative; }

.banner .bd li{float:left;width:100%;line-height:0}

.banner .bd li img{width:100%}

.banner .bd li a{display:block}

.banner .hd{position:absolute;bottom:50px;width:100%;height:16px;cursor:pointer;text-align:center;z-index:9;font-size:0}

.banner .hd li{display:inline-block;width:16px;height:16px;background:#fff;margin:0 10px;opacity:1;-o-transition:all .5s ease;transition:all .5s ease;border-radius: 8px;}

.banner .hd li.on{background:#0a7ae0;}

.banner p{position: absolute;font-size: 0;top: 50%;z-index: 9; width: 36px; height: 70px; margin-top: -35px;border: 0; outline: none;cursor: pointer;transition:.5s;}

.banner .prev {left: 3%; background:url(/html/skin/images/prev1.png) no-repeat center center;opacity: 0;}

.banner .next {right: 3%;background:url(/html/skin/images/next1.png) no-repeat center center;opacity: 0;}   

.banner:hover .prev { left: 5%; opacity: 1; }

.banner:hover .next { right: 5%; opacity: 1; }



.pro{ height: 862px;padding-top: 80px;box-sizing: border-box;background: url(/html/skin/images/pro_bg.jpg) no-repeat center; }

.pro_con{margin-top: 36px;}

.pro_con li{ float: left;width: 24.28%;height: 571px;margin-right:0.96%;box-sizing: border-box;position: relative; }

.pro_con li span img{ display: block;width: 100%;height: 100%; }

.pro_con li:before{ background: url(/html/skin/images/cp_dd.png) no-repeat center;position: absolute;left:0;bottom:-24px;width: 100%;height: 24px;content: "";background-size: 100% 100%;}

.pro_con li.cur:after{ background: rgba(10,122,224,0.8);position: absolute;left:0;top:0;width: 100%;height: 100%;content: "";}



.pro_con li div{ position: absolute; padding: 48px 35px 0;width: 100%;height: 100%;box-sizing: border-box;left:0;top:0;}

.pro_con li:last-child{ margin-right: 0; }

.pro_con li em{ display: block;width: 86px;height: 86px;border-radius: 43px;background: #0a7ae0;position: relative;z-index: 20; }

.pro_con li em img{ display: block;width: 86px;height: 86px;margin: 0 auto }

/*.pro_con li.cur{ background: url(/html/skin/images/pro_dd.jpg) no-repeat center;border:0;background-size:100% 100%; }*/

.pro_con li.cur em{ background: 0;margin-left: -16px; }

.pro_con li span a{ display: block;height: 75px;font-size: 22px;line-height: 65px;color: #ffffff;position: relative;z-index: 20;font-weight: bold;}

.pro_con li.cur span a{ color: #fff;border-bottom: 1px solid #d2d2d2;  }

.pro_con li p{ margin-top: 20px;height: 270px;display: none; position: relative;z-index: 20;}

.pro_con li p a{ display: block;height: 36px;line-height: 36px;font-size: 16px;color: #666; }

.pro_con li:first-child p a:last-child{ display:none;}

.pro_con li.cur p{display: block;}

.pro_con li.cur p a{color: #fff;}

.pro_con li.cur p a:hover{ color:#89c529;font-weight: bold;}

.pro_con li.cur span a{ color: #fff;font-weight: bold;border-color: #fff; }

.pro_con li i a{ display: none;font-size: 16px;color: #fff;line-height: 16px; }

.pro_con li i img{ display: inline-block;width: 11px;height: 8px;margin-left: 6px; }

.pro_con li:nth-child(1).cur i a{ display: block;position:relative;z-index:20; }





.sl{ padding-top: 62px; }

.sl_con{ margin-top: 36px; }

.sl_con dl{ float: left;width: 24.28%;margin-right: 0.96%; }

.sl_con dl:last-child{ margin-right: 0; }

.sl_con dt img{ display: block;width: 100%; }

.sl_con dd{height: 390px;width: 100%;padding: 0 40px;box-sizing: border-box;background: #eeeeee;}

.sl_con dd h4 img{ display: block;width: 130px;height: 112px;margin: -42px auto 0;position: relative;z-index: 20; }

.sl_con dd h4 b{ display: block;font-size: 26px;line-height: 26px;color: #333333;position: relative;text-align: center; margin-top: 32px;height: 52px;}

.sl_con dd h4 b:after{ position: absolute;left:50%;bottom:0;width: 28px;margin-left: -14px;height: 1px;background: #bfbfbf;content: ""; }

.sl_con dd p{font-size: 18px;line-height: 30px;color: #666666;text-align: center;margin-top: 25px;}



.sl_g{ margin-top: 30px;height: 298px;padding: 150px 0 0 62px;box-sizing: border-box;background: url(/html/skin/images/sl_ds.jpg) no-repeat center; }

.sl_g li{float: left;width: 320px;height: 60px;line-height: 60px;background: #fff;margin-right: 6px;box-shadow: 0px 0px 6px 0px rgba(0, 39, 88, 0.65);}

.sl_g li input{ width: 320px;padding-left: 20px;box-sizing: border-box;height: 60px;line-height: 60px;background: 0;border:0;outline: 0;font-size:16px; }

.sl_g  .form-btn-submit{ width: 280px;height: 60px;line-height: 60px;font-size: 16px; color: #fff;background: #89c529;cursor: pointer;outline: 0;border:0;font-weight: bold;padding: 0 20px;box-sizing: border-box;text-align: left;box-shadow: 0px 0px 6px 0px rgba(0, 39, 88, 0.65);} 

.sl_g  .submit b{text-align:left;float:left;}

.sl_g  .form-btn-reset{ display:none;}



@media screen and  (max-width:1440px){

  .sl_con dd{ padding: 0 20px; }

  .sl_g{ background: url(/html/skin/images/sl_dd.jpg) no-repeat center; padding: 150px 0 0 56px; }

  .sl_g li{width: 250px;}

  .sl_g li input{ width: 250px; }

  }

/*guide*/

.ys{position: relative;margin-top: 120px;}

.ys .tit{ padding: 3rem 0 0; height: 10.05rem;box-sizing: border-box;display: block;}

.ys .tit b,.ys .tit i{color: #fff;}

.ys p img{position: absolute;left:0;top:0;width: 100%;height: 38rem;}

.ys li{width: 20%;height: 14rem;border-right: 1px solid #7fb0dd;border-bottom: 1px solid #7fb0dd;margin-bottom: -1px;float: left;box-sizing: border-box;position: relative;z-index: 20;padding-top: 5rem;box-sizing: border-box;overflow: hidden;padding-left: 6rem;}

.ys li:nth-child(6),.ys li:nth-child(7),.ys li:nth-child(8),.ys li:nth-child(9),.ys li:nth-child(10){ border-bottom:0;}

.yz_sz li em{display:block;}

.yz_sz li b{display:inline-block;font-size:3rem;font-family:Arial;font-weight:700;color:#fff;line-height:1;transition: all 0.5s;font-family: "Bahnschrift";font-weight: normal;}

.yz_sz li sup{display:inline-block;font-size:1rem;color:#ffffff;line-height:1.2rem;vertical-align:1px;margin-left:6px;font-weight: normal;transition: all 0.5s;width: 1.2rem;height: 1.2rem;border-radius: 0.6rem;background: #89c529;text-align: center;}

.yz_sz li span{display:block;font-size:0.9rem;color:#ffffff;line-height:100%;text-align:left;margin-top:0.2rem;}

.yz_sz li span i{ font-size: 0.8rem; }

.yz_sz li.cur{ background: #94ca3e; }

.yz_sz li.cur sup{ background: #0a7ae0; }



/*case*/

.case{padding: 95px 0 0;overflow-x: hidden;position: relative;z-index: 1;}

.case_con{ margin-top: 22px; }

.case_con ul{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}

.case_con li{width:19.2%;margin-right: 1%;margin-bottom: 1%;}

.case_con li:nth-child(5n){margin-right: 0;  }

.case_con li i{ display: block;width: 100%;overflow: hidden; }

.case_con li i img{ display: block;width: 100%; }

.case_con li span{ display: block;height: 60px;line-height: 60px;padding: 0 18px;box-sizing: border-box; background: #f4f4f4;font-size: 18px;font-weight: normal;color: #333;}

.case_con li span em{ display: block;font-size: 14px;color: #999999;float: right; }

.case_con li:hover span{ color:#0a7ae0;}

.case  .more{ display: block;width: 120px;height: 36px;border-radius: 22px;line-height: 36px;text-align: center;font-size: 16px;color: #0a7ae0;margin: 20px auto 0;border:1px solid #0a7ae0;transition:all 0.5s;}

.case  .more:hover{ transform:translateY(-5px);background:#0a7ae0;color:#fff;}





.coop{padding: 76px 0 100px;background: #eeeeee;position: relative;margin-top: 140px;}

.coop h2{width: 800px;float: left;}

.coop h2 i{ font-size: 42px;color: #333333;line-height: 42px;font-weight: normal; position: relative;z-index: 10;display: block;}

.coop h2 em{ display: block;font-size: 42px;line-height: 42px;color: #e6e6e6;margin-top: -20px;position: relative;font-family: Impact;text-transform: uppercase;position: relative;z-index: 5; }

.coop_con{margin-top: 30px;position: relative;}

.coop .prev{ display: block;width: 42px;height: 42px;float: right;margin-right: 15px;}

.coop .next{ display: block;width: 42px;height: 42px;float: right; }

.coop_con{ margin-left: 12px; }

.coop ul{float: left;width:calc((100% - 96px)/7);margin-right:12px; }

.coop li{ width: 100%;margin-bottom: 12px;overflow: hidden;}

.coop li img{ display: block;  width: 100%;box-shadow: 0px 0px 43px 0px rgba(0, 0, 0, 0.1); }







/*news*/

.news{padding:100px 0;}

.news_con{ margin-top: 40px;}

.news .bt{height: 60px;overflow: hidden;}

.news .bt span{font:12px arial;color: #999999;line-height: 60px;}

.news .bt span img{ width: 28px;height: 29px;margin-right: 8px;vertical-align: -4px;}

.news .bt span a{font:22px "Microsoft Yahei";color: #192336;margin-right:7px;line-height: 22px;}

.news .bt em a{font-size: 14px;display: block;float: right;line-height: 38px;text-transform: uppercase;font-family: Arial;}

.dongt{float:left;width:600px;}

.news_qie{ position: relative;width: 600px;height: 206px; }

.news_bd li img{ display: block;width:600px;height: 206px;  } 

.news_hd{position: absolute;left: 0;bottom: 20px;height: 10px;z-index: 10;width: 95%;text-align: right;}

.news_hd li{display: inline-block;width: 10px;height: 10px;background: #fff;border-radius: 100%;margin: 0 5px;vertical-align: top;}

.news_hd li.on{background: #0a7ae0;}



.dongt dt{font-size:0;line-height: 0;}

.dongt dd{padding-top:18px;height: 134px;box-sizing: border-box;border-bottom: 1px dashed #e7e7e7;}

.dongt dd h4 a{height:29px;line-height:29px;font-size: 18px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;}

.dongt dl:hover dd h4 a{color:#0b55b5;}

.dongt dd p{font-size:15px;color: #999999;line-height: 30px;padding-top:5px;}

.dongt dd p a{ width: 6px;display: inline-block;height: 9px;

vertical-align: middle;margin-left: 8px;}

.dt_n{padding-top:13px;}

.dt_n li{height: 46px;line-height: 46px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding:0 0 0 20px;background: url(/html/skin/images/news_dd3.png) no-repeat left center;}

.dt_n li a{color: #333;}

.dt_n li:hover a{color:#0b55b5;}

.dt_n li em{float:right; font:14px arial;color: #666666;line-height: 46px;}

.wt_c{float:right;width:555px;}

.wt_nr dl{height:152px;padding-top: 28px;border-bottom: 1px dashed #e7e7e7;}

.wt_nr dd{float:left;width:316px;box-sizing: border-box;}

.wt_nr dd h4 a{display: block;line-height: 16px;font-size:16px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight: normal;padding-top: 22px;}

.wt_nr dd p{font-size:15px;color: #999999;line-height: 30px;padding-top: 12px;}

.wt_nr dt{float:right;font-size:0;line-height: 0;width:220px;height: 126px;overflow: hidden;}

.wt_nr dt img {width:220px;height: 126px;transition:all 0.3s;}

.wt_nr dl:hover dt img{ transform: scale(1.06);}





.abt{height:780px;padding-top: 144px;box-sizing: border-box;background: url(/html/skin/images/abt_bg.jpg) no-repeat center; }

.abt h2 img{ display: block;width: 617px;height: 85px;margin: 0 auto; }

.abt p{ font-size: 15px;line-height: 32px;text-align: center;padding-top: 40px;color: #fff; }

.abt  .more{ display: block;width: 140px;height: 36px;border-radius: 22px;line-height: 34px;text-align: center;font-size: 15px;color: #fff;margin: 36px auto 0;border:1px solid #fff; }



.abt ul{ margin-top: 21px;text-align: center;}

.abt ul li{position: relative; width: 144px;padding-right: 17px;box-sizing: border-box;display: inline-block;margin: 0 30px;background: url(/html/skin/images/abt_dd.png) no-repeat right 25px;height: 320px;}

.abt ul li.cur{background: url(/html/skin/images/abt_ddh.png) no-repeat right 25px;  }

.abt ul li:nth-child(1) img{ display: block;width: 120px; height: 200px;}

.abt ul li:nth-child(2) img{ display: block;width: 125px; height: 176px;}

.abt ul li:nth-child(3) img{ display: block;width: 123px; height: 186px;}











@media screen and (min-width: 1263px) {

  html {

    font-size: calc(1263px * 20 / 1903);

  }

}

@media screen and (min-width: 1349px) {

  html {

    font-size: calc(1349px * 20 / 1903);

  }

}

@media screen and (min-width: 1463px) {

  html {

    font-size: calc(1463px * 20 / 1903);

  }

}

@media screen and (min-width: 1543px) {

  html {

    font-size: calc(1543px * 20 / 1903);

  }

}

@media screen and (min-width: 1583px) {

  html {

    font-size: calc(1583px * 20 / 1903);

  }

}

@media screen and (min-width: 1643px) {

  html {

    font-size: calc(1643px * 20 / 1903);

  }

}

@media screen and (min-width: 1663px) {

  html {

    font-size: calc(1663px * 20 / 1903);

  }

}

@media screen and (min-width: 1903px) {

  html {

    font-size: calc(1903px * 20 / 1903);

  }

}



/*表单弹框*/

.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("/html/skin/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; 

}