.wrap{background: #fff;font-family: "Microsoft Yahei"}
.wrap img{width: 100%;display: block;}
.fl{float:left;}
.fr{float:right;}
/*广告*/
.ban{position: relative;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban img { line-height: 0}
.ban_j{position: absolute;bottom:0;left:36%;z-index: 9;font-size:0;line-height: 0}
.ban_j img{display:inline-block;width:4.05rem;}
.g_bd .ban .swiper-pagination{}
.g_bd .ban .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.3rem;}
.g_bd .ban .swiper-pagination-bullets{bottom:1rem;}
.g_bd .ban { overflow:unset; z-index:2;}
.ban .swiper-pagination-bullet{width:3rem; height:0.1rem;background:rgba(255,255,255,0.5);opacity: 1;border-radius:0;vertical-align: middle;}
.ban .swiper-pagination-bullet-active{background: #008fe5;width:5rem;}
/*导航*/
.titis{text-align: center;box-sizing: border-box;height:5.35rem;}
.titis h2{height:2.55rem;line-height:2.55rem;font-size:2.22rem;color: #333333;font-weight: bold;}
.titis h2 a{color: #333333}
.titis p{font-size:1.22rem;color: #737373;height:1.65rem;line-height:1.65rem; padding-top: 0.25rem;}

.yz_c{padding:3rem 0 0rem;background: url(../images/yz_bj.jpg) no-repeat center bottom;height:32.5rem;background-size: 100% 32.5rem;box-sizing: border-box; margin-bottom: 2.3rem;}
.yz_c h3{ text-align: center; height:5.7rem; line-height: 100%; color: #333333; font-size: 1.9rem;}
.yz_c h3 img{ vertical-align: middle; width:7.4rem; display: inline-block; padding-left: 0.35rem; }

.yz_w{font-size:1.32rem;color: #737373;line-height: 2.2rem;text-align: center;padding:0 4%;}
.yz_c ul{position: relative;overflow: hidden;}
.yz_c li{float: left;padding:1.8rem 0 0 3%;}
.yz_c li p{height:2.85rem;line-height:2.85rem;font-size:1.2rem;color: #333333}
.yz_c li p em{font-size:2.9rem;display: inline-block;line-height:2.85rem;vertical-align: text-top; letter-spacing: -0.1rem;font-weight: bold;}
.yz_c li p span{font-weight: bold;}
.yz_c li span{font-size:1.1rem;color: #342c2a; padding-top: 0.1rem;}
.yz_c li i{font-size:1.1rem;color: #342c2a; padding-top: 0.8rem; display: block;}

.titis h2 span{ padding-left: 6.2rem;background: url(../images/ys_h.png) no-repeat 0 0.2rem;background-size: 5.8rem 2rem; display: inline-block;line-height: 100%;}
.pro{padding:0 4% 0.8rem;}
.pro_qh{height: 7.9rem;overflow: hidden;}
.pro_qh li{width:33.33%;height: 4rem;border:1px solid #d6d6d6;margin-right:-1px;float:left;box-sizing: border-box;text-align: center;line-height: 3.55rem;font-size:1.3rem;color: #333333;position: relative; margin-bottom: -1px;}
.pro_qh li.active{ background: linear-gradient(to right, #1eb7f8, #008fe5);border-color: #41c8ff;color: #fff;z-index: 2}
.pro_nr dt{font-size: 0;line-height: 0;}
.pro_nr dl{ background: #f5f5f5; margin-bottom: 1.7rem;}
.pro_nr dl dt{ position: relative;}
.pro_nr dl dt em{ display: block; position: absolute; left: 0; bottom: 0;background: url(../images/pro_t1.png) no-repeat;background-size: 18.4rem 6.3rem; z-index: 5; height: 6.3rem; width: 18.4rem; font-size: 1.6rem; color: #fff; box-sizing: border-box; padding-top: 2rem; line-height: 4.2rem; }
.pro_nr dl dt em b{ padding-right: 0.35rem;background: url(../images/pro_t1a.png) no-repeat 1.3rem 0.38rem;background-size:2.4rem 2.6rem;  display: inline-block;padding-left: 4.4rem;}
.pro_nr dl dd p{ overflow: hidden; margin-top: 3rem; height: 7rem;}
.pro_nr dl dd p a{ display: inline-block; width: 33.33%; float: left; position: relative; line-height: 100%; color: #333333; font-size: 1.32rem; margin-bottom: 1.5rem; box-sizing: border-box; padding-left:5%;}
.pro_nr dl dd p a:before{ position: absolute; left:0.85rem; top: 0.5rem; content: ""; background: #333; height: 0.4rem; border-radius: 0.4rem; width: 0.4rem;}
.pro_nr dl dd h4{ overflow: hidden; height: 5.4rem; text-align: center;}
.pro_nr dl dd h4 a{ display: inline-block; margin: 0 0.62rem;}
.pro_nr dl dd h4 a:first-child{ height: 3.2rem; line-height: 3.2rem; background: #343434; border-radius: 3.2rem; color: #fff; font-size: 1.2rem; width: 9.6rem;}
.pro_nr dl dd h4 a:last-of-type{ height: 3.2rem; line-height: 3.2rem; width: 9.3rem; text-align: left; padding-left: 3.1rem; box-sizing: border-box; color: #4c4c4c; font-size: 1.22rem;background: url(../images/pro_btn.png) no-repeat; background-size: contain;}
.pro h6{ text-align: center; height: 8rem;}
.pro h6 a{ display: inline-block;background: url(../images/p_btn2.png) no-repeat center 0;height: 5.9rem;background-size: 15.2rem 5.9rem; width: 15.2rem; box-sizing: border-box; padding: 2.3rem 0 0 1.8rem; text-align: left; line-height:3.4rem; color: #fff; font-size: 1.3rem;}

.dz_c{padding:0 4% 4rem;overflow: hidden;}
.dz_nr li{float:left;width:49.27%;height: 9.4rem;box-sizing: border-box;border:1px solid #f2f2f2;text-align: center;padding-top:3.1rem;background: #f7f7f7;margin:0 1.46% 0.55rem 0;}
.dz_nr li i{width:3.4rem;display: inline-block;vertical-align:top;padding:0.8rem 0.4rem 0 0;}
.dz_nr li i img{display: inline-block;}
.dz_nr li span {display: inline-block;text-align: left;vertical-align: top;}
.dz_nr li span em{font:1.8rem "Georgia";color: #a8a8a8;display: block;}
.dz_nr li span strong{font-weight: normal;font-size:1.3rem;color: #333333;}
.dz_nr li:nth-child(2n){margin:0 0 0.55rem 0;}


.anl{background: url(../images/al_bj.jpg) no-repeat center top;height: 54.8rem;background-size: 100% 54.8rem;padding-top:3.95rem;box-sizing: border-box;}
.al_nr{padding-bottom: 3.1rem;}
.al_nr dt{font-size:0;line-height: 0;}
.al_nr dd{height: 15.35rem;background: #fff;box-shadow: 0 0 1rem rgba(0,0,0,0.15);padding:2rem 5.54% 0;box-sizing: border-box;}
.al_nr dd h4 a{display: block;height: 2.3rem;line-height: 2.3rem;font-size:1.3rem;color: #262626;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.al_nr dd p{font-size:1.3rem;color: #333333;line-height: 1.9rem;padding-top: 0.5rem;}
.al_btn1 a{display: block;width:10.15rem;height: 2.95rem;background: #64dcff;text-align: center;line-height: 2.95rem;font-size:1.3rem;color: #fff;border-radius:1.45rem;margin:0 auto;}




.yous{box-sizing: border-box; padding-bottom: 2.4rem;}
.ys_qh{height: 6rem;overflow: hidden;padding:0 4%;}
.ys_qh li{float:left;margin-right:8%;text-align: center;}
.ys_qh li i{display: block;width:2.6rem;height: 2.2rem;overflow: hidden;margin:0 auto;}
.ys_qh li i img{transition: all 0.5s}
.ys_qh li span{display: block;font-size:1.6rem;color: #fff;height:2.75rem;box-sizing: border-box;line-height: 2.55rem}
.ys_qh li:last-child{margin:0;}
.ys_qh li.active span{color: #41c8ff;font-weight: bold;border-bottom:0.2rem solid #41c8ff;border-radius:0.3rem 0.3rem 0 0}
.ys_qh li.active i img:first-child{margin-top:-2.2rem;}

.ys_nr{width:102%;padding-bottom: 2.7rem;overflow: hidden;}
.ys_nr dt{font-size:0;line-height: 0;}
.ys_nr dd{background: #fff;box-sizing: border-box;}
.ys_nr dd h4{height:3.7rem; padding-left: 9.6rem; padding-top: 1.35rem;background:url(../images/ys_img1a.jpg) no-repeat;background-size: 8.6rem 3.5rem; font-size: 1.3rem;color: #333; box-sizing: border-box;}
.ys_nr dd h4 span{font-weight: bold; color: #333333;font-size: 1.9rem; padding-right: 0.7rem; }

.ys_nr dd p{font-size:1.3rem;color: #737373;line-height: 2.1rem;padding-top:0.8rem; margin: 0 4% 1.5rem;}
.g_bd .ys_nr .swiper-pagination{}
.g_bd .ys_nr .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.3rem;}
.g_bd .ys_nr .swiper-pagination-bullets{bottom:0rem;}
.ys_nr .swiper-pagination-bullet{width:0.7rem; height:0.7rem;background:#c9caca;opacity: 1;}
.ys_nr .swiper-pagination-bullet-active{background: #64dcff;width:2.1rem;border-radius: 0.35rem}



.lc_c{padding:3.9rem 0 4rem;overflow: hidden;}
.lc_nr{overflow: hidden;padding-top:2.4rem;height: 7.45rem}
.lc_nr li{float:left;width:25%;text-align: center;background:url(../images/lc_a1.jpg) no-repeat right;background-size: 0.7rem 1rem;}
.lc_nr li i{display: block;width:3.05rem;margin:0 auto;}
.lc_nr li:last-child{background: none}
.lc_tel {text-align: center;font-size:1.1rem;color: #333333;}
.lc_tel span{padding-left:2.65rem;height: 2.2rem;display:inline-block;}
.lc_tel span em{display: inline-block;font-size:1.6rem;color: #333333;}
.lc_btn1 a{display: block;width:12.15rem;height: 2.95rem;background: #41c8ff;text-align: center;margin:1rem auto 0;line-height: 2.95rem;border-radius: 1.45rem;font-size:1.3rem;color: #fff;}
.lc_btn1 a em{padding-right:2.85rem;}


.fuw{ overflow: hidden; margin: 0 4%;background: url(../images/fw_h2.jpg) no-repeat 91% 0.7rem;background-size:6rem 7.7rem; padding-top: 4.1rem; padding-bottom: 3.7rem;}
.fuw .titis{ padding-bottom: 0.75rem;}
.fuw ul{ overflow: hidden;}
.fuw ul li{ float: left; width: 39.8%; font-size: 0;line-height: 0; position: relative;}
.fuw ul li:first-of-type{    margin-right: 2.4%;  width: 57.2%;}
.fuw ul li:nth-child(2){    margin-bottom: 0.7rem;}
.fuw ul li i{ display: block; position: absolute; left: 0; bottom: 1rem;color: #fff; width:100%; box-sizing: border-box; font-size: 1.22rem; line-height: 1.65rem; box-sizing: border-box; padding: 0 5%;}




.news{background: url(../images/ns_bj.jpg) no-repeat center top;height: 41.7rem;background-size:100% 41.7rem;box-sizing: border-box;padding:3.85rem 4% 0;}
.ns_qh{height: 2.6rem;border-bottom: 1px solid #d3d3d3;line-height: 2.6rem;margin-bottom: 0.9rem;}
.ns_qh li{float:left;font-size:1.4rem;color: #333333;background: url(../images/ns_ico1.jpg) no-repeat right;background-size: 1px 1.25rem;margin-right:1rem;padding-right:1rem;}
.ns_qh li:last-child{background: none;background:none}
.ns_qh a{float: right;font-size:1.2rem;color: #333333;display:none}
.ns_qh a.ne_db{display: block;}
.ns_qh li.active{color: #008fe5;font-weight: bold;}
.ns_nr dl{overflow: hidden;padding-bottom: 1.8rem;}
.ns_nr dt{float: left;font-size:0;line-height: 0;width:46.95%;}
.ns_nr dd{float: left;width:46.86%;padding-left:5.79%;padding-top:1rem;}
.ns_nr dd h4 a{font-size:1.3rem;color: #333333;line-height: 1.9rem;}
.ns_nr dd em{display: block;font:1.2rem arial;color: #6b6b6b;margin-top:1rem;}
.ns_nr li a{display: block;height:3rem;line-height: 3rem;font-size:1.1rem;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


.about{overflow: hidden;background: url(../images/about.jpg) no-repeat center top;background-size:100% 38.9rem;box-sizing: border-box;padding:4.9rem 6% 0;}
.about .titis  p{ color: #333; font-size: 1.22rem;}
.about .tex{ padding-top: 1.2rem; line-height: 2.2rem; text-align:center; font-size: 1.32rem; color: #333; height: 10rem;}
.about h3{ padding-bottom: 0.5rem; overflow: hidden;}
.about h3 span{ display: inline-block; float: right; padding-right: 1.7rem; font-size: 1.12rem; color: #181818;background: url(../images/a_ico2.jpg) no-repeat right 0.2rem;background-size:1.3rem;}
.about h3 i{ display: inline-block;float: left; padding-left: 2rem; font-weight: bold; font-size: 1.3rem; font-weight: bold;color: #333;background: url(../images/a_ico1.jpg) no-repeat 0 0.2rem;background-size:1.7rem 1.6rem;}
.about ul li{ float: left; width: 48.5%; text-align: center;}
.about ul li:nth-child(2){ float: right;}
.about ul li i{ display: block; font-size: 1.22rem; color: #222; padding-top: 0.4rem; height: 6.8rem;}

/*html{ background:#f7f7f7;}
.wrap{ opacity:0;}
.loading{position:fixed;width:100%;height:100%; top:0; z-index:51; display:none; max-width:750px; min-width:320px; z-index:99999;}
.loading img{ display:none;}
.loading #showNext{ line-height:1.8rem; display:none; color:#fff; border:0.05rem solid #fff; border-radius:5%; padding-left:1rem; padding-right:1rem; text-align:center; position:absolute; right:1rem; top:1rem; z-index:99;}
.homeShow{ animation: fade 0.8s ease both;-webkit-animation: fade 0.8s ease both; }
.homeShow #showNext{display: none!important }

@-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:8.533px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:393px){html{font-size:10.48px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}