@charset "utf-8";
.wrap img{display:block;width:100%;}

.tit{text-align: center;font-weight:normal;font-size: 2rem;color: #332c2b;line-height: 2rem;height: 3.5rem;position: relative;}
.tit:after{position: absolute;width: 3.5rem;height: 3px;background: #007cf0;content: "";left: 50%;margin-left: -1.75rem;bottom: 0;}
/*banner*/
.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 .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #b5b5b5;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #007cf0;}
/*pro*/
.pro{padding: 4rem 3.1% 0;}
.pro h2{margin-bottom: 1.5rem;}
.pro1{background: url(../Images/Index/pro_bg1.jpg) no-repeat;background-size: 100% auto;padding-bottom: 2.5rem;border: 1px solid #ccc;}
.pro dd h3{font-size: 1.5rem;color: #333;text-align: center;font-weight: bold;line-height: 1.5rem;}
.pro h3 a{color: #333;}
.pro_desc p{font-size: 1.2rem;color: #666;line-height: 2.1rem;padding: 0 1.5rem;}
.pro_desc p b{color: #333;}
.pro_desc p em{color: #0084ef;}
.pro dd .more{display: block;width: 8rem;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 1rem;color: #333;background: rgba(255,255,255,0.8);border: 1px solid #626262;margin: 2rem auto 0;}
.pro1 dd h3{padding: 2rem 0 1.5rem;}
.pro2{background: url(../Images/Index/pro_bg2.jpg) no-repeat;background-size: 100% auto;padding-bottom: 2rem;margin-top: 1.3rem;border: 1px solid #ccc;}
.pro2 dd h3{padding: 0.6rem 0 0;line-height: 2rem;}
.pro2 .pro_desc p{text-align: center;}
.pro2 dd .more{margin: 1.5rem auto 0;}
/*ys*/
.ys{padding: 4rem 3.1% 0;}
.ys h2{margin-bottom: 1.5rem;}
.ys_con dd{padding: 0 1.5rem 1.8rem;}
.ys_con h3{padding: 2rem 0 1rem;font-weight: normal;}
.ys_con dd h3 i{display: block;height: 2.8rem;line-height: 4.2rem;font-size: 5rem;color: #d9e7f3;font-family: "Impact";overflow: hidden;}
.ys_con dd h3 span{display: block;font-size: 1.4rem;line-height: 1.4rem;color: #333;padding-top: 0.3rem;}
.ys_con dd p{font-size: 1.2rem;color: #666;line-height: 1.8rem;}
.ys_con .swiper-pagination{bottom: 0;height: 0.6rem;z-index:10;}
.ys_con .swiper-pagination .swiper-pagination-bullet{width:0.6rem;height: 0.6rem;background: #cdcdcd;opacity: 1;border-radius:0.3rem;margin:0 0.4rem;vertical-align:top;}
.ys_con .swiper-pagination .swiper-pagination-bullet-active{width: 2.3rem;background: #007cf0;}
/*case*/
.case{padding: 4rem 0 0;}
.case h2{margin-bottom: 1.5rem;}
.case ul{border-top: 1px solid #dcdcdc;margin-bottom: 1.5rem;}
.case li{float: left;width: 33.3%;height: 4rem;line-height: 4rem;font-size: 1.2rem;color: #333;text-align: center;box-sizing: border-box;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;}
.case li:nth-child(3n){width: 33.4%;border-right: 0;}
.case li a{display: block;color: #333;}
.case li:last-child a{background: #007cf0;color: #fff;}
.case_con dl{width: 67.5%;opacity: 0.6;}
.case_con dd{height: 18.5rem;border:1px solid #dcdcdc;padding:0 1.2rem;}
.case_con dd h3{font-size: 1.6rem;color: #333;line-height: 2rem;margin-bottom: 1.5rem;padding:1.6rem 0 0;height: 4rem;position: relative;}
.case_con dd h3 a{color: #333;}
.case_con dd p{font-size: 1.1rem;color: #666;line-height: 1.6rem;height: 8rem;border-bottom:1px dashed #e1e1e1;}
.case_con dd .xq{float: right;font-size: 1.1rem;color: #007cf0;line-height: 3.2rem;padding-right: 3rem;background:url(../Images/Index/jt1.png) no-repeat right 1.2rem;background-size:2.3rem 0.6rem;}
.case_con dl.swiper-slide-active{opacity: 1;}
/*zxly*/
.zxly{height: 20.6rem;background: url(../Images/Index/zxly.jpg) no-repeat;background-size: 100% 20.6rem;}
.zxly img{ width:auto}
.zxly h2{font-size: 1.5rem;color: #322c2c;line-height: 3.5rem;text-align: center;font-weight: bold;padding-top: 1.3rem;}
.zxly ul{margin: 0 3.1%;}
.zxly li{height: 2.2rem;background: #fff;border: 1px solid #d3d3d3;margin-bottom: 0.4rem;position: relative;}
.zxly li label{float: left;font-size: 1rem;color: #7a7b7d;padding-left: 1.4rem;line-height: 2.2rem;}
.zxly li input{float: left;width: 70%;height: 2.2rem;line-height: 2.2rem;font-size: 1rem;color: #333;border: 0;background: none;outline: 0;}
.zxly .tj{display: block;width: 12rem;height: 2.2rem;line-height: 2.2rem;font-size: 1rem;color: #fff;background: #007cf0;margin: 1.2rem auto 0;border: 0;outline: 0;cursor: pointer; padding:0;}
.zxly li i{float: right;font-size: 1rem;color: #cc0000;line-height: 2.2rem;margin-right: 0.5rem;}
/*coop*/
.coop{padding: 4rem 0 0;}
.coop_con{ margin: 2.2rem 7.1% 0;position: relative;overflow: visible !important;}
.coop_con li{float: left;width: 50%;}
.coop_con li i{display: block; border:1px solid #bababa;box-sizing: border-box;}
.coop_con li i img{width:80.3%;margin: 0 auto;}
.coop_con li:nth-child(2n) i{border-left: 0;}
.coop_con li span{display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align: center;font-size: 1.2rem; color: #666666; line-height:2.4rem ;}
.coop_con .sprev{position: absolute;left:-1.8rem;top:1.4rem;width:1.3rem;height: 2.6rem;background:url(../Images/Index/prev1.png) no-repeat center;z-index: 100;background-size: 1.3rem 2.6rem;}
.coop_con .snext{position: absolute;right:-1.8rem;top:1.4rem;width:1.3rem;height: 2.6rem;background:url(../Images/Index/next1.png) no-repeat center;z-index: 100; background-size: 1.3rem 2.6rem;}
/*news*/
.news{padding: 4rem 3.1%;}
.news h2{margin-bottom: 1.7rem;}
.news dd h3{font-size: 1.5rem;color: #333;line-height: 1.5rem;font-weight: normal;padding: 2.2rem 0 1.2rem;}
.news dd h3 a{color: #333;}
.news dd p{font-size: 1.2rem;color: #666;line-height: 2.1rem;}
.news dd p .xq{color: #0f6dc5;}
.new_list{padding-top: 1.8rem;margin-top: 2rem;border-top: 1px solid #d3d3d3;}
.new_list p{height: 2.8rem;line-height: 2.8rem;font-size: 1.2rem;color: #666;}
.new_list p a{display: block;color: #666;position: relative;}
.new_list p a:after{position: absolute;content: ">";right: 0;top: 0;}

/*honor*/
.honor{padding: 4rem 0;}
.honor h2{margin-bottom: 1rem;}
.hn_con li img{display: block;width: 13.6rem;margin: 0 auto;border: 1px solid #d1d1d1;}
.hn_con .prev{position: absolute;width: 1.3rem;left: 16%;top: 7.3rem;z-index: 10;}
.hn_con .next{position: absolute;width: 1.3rem;right: 16%;top: 7.3rem;z-index: 10;}

/*abt*/
.abt{padding: 0 3.1% 0;}
.abt dd{box-shadow: 0 5px 1rem #d9d9d9;padding: 3.5rem 1.5rem 2.5rem;}
.abt dd h3{font-weight: normal;text-align: center;}
.abt dd h3 i{display: block;font-size: 3.4rem;line-height: 3.4rem;color: #595758;}
.abt dd h3 span{display: block;font-size: 2.2rem;line-height: 2.2rem;color: #322c2c;padding-top: 0.7rem;}
.abt dd p{font-size: 1.2rem;color: #595758;line-height: 2.3rem;margin: 1.5rem 0 2rem;text-align: center;}
.abt dd .more{display: block;width: 9rem;height: 2.6rem;line-height: 2.6rem;text-align: center;font-size: 1.1rem;color: #0f6dc5;border: 1px solid #0f6dc5;border-radius: 0.2rem;margin: 0 auto;}


/*开屏秀*/
.pageShare img{ display:block; width:0px; height:0px;}
.loading{position:fixed;width:100%;height:100%; top:0;display:none; max-width:640px; min-width:320px; z-index:99999;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #0056b6; background:#0056b6; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}
.wrap{ opacity:0;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
@-webkit-keyframes fade {
  from 
  {
   opacity:1;
   display:block;
   
  }

  to {
    opacity: 0;
    display:none;
    height:0;
   
  }
}

@keyframes fade {
  from{
    opacity: 1;
   display:block;
  }

  to 
  {
    display:none;
    opacity: 0;
    height:0;
  }
}

.fade {
  -webkit-animation-name: fade;
  animation-name: fade;
}

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