*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition: all 0.5s;-webkit-transition: all 0.5s;}
ul,ol,dl,table,th,tr,td,input,textarea,li,a,div,span,em,i,h1,h2,h3,h4,h5,p{margin: 0;padding: 0;	border: 0;}
img {margin: 0;padding: 0;	border: 0;}
li {list-style: none;}
html,body {font-size:62.5%; width: 100%;	margin: 0 auto;height: 100%;}
.clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;overflow: hidden;display: block;}
.clearfix:after {content: "";display: block;height: 0px;clear: both;visibility: hidden;font-size: 0px;}
:focus{outline:0}
a, button, input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
/* End hide from IE-mac */
* + html .clearfix {min-height: 0%;}
* + html .clearfix {min-height: 0%;}
.w100 {width: 100%;}
.fl {float: left;}
.fr {float: right;}
input[type=button], input[type=submit], input[type=file], button {
    cursor: pointer;
    -webkit-appearance: none;
	border:0px;
}
.center{
  text-align: center;
}
.center img{
  width: 100%;
}
@font-face{
  font-family:pingfang;src:url(font/xiao.ttf);
}

body {overflow-x: hidden; color: #333;background: #ffffff;
  font: 14px/28px '微软雅黑';
  font-size: 14px;
  color: #272727;
  margin: 0;
  padding: 0;

}
a {color: #272727;text-decoration: none;}
a:hover {color: #1e60c4;text-decoration: none;}
.transition{
  -webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all 1.5s
}

header{
  display: flex;
  justify-content: space-between;
  height: 95px;
  padding: 0px;
  align-items: center;
}
nav{
   width: 950px;
   float: left;
 
}
nav ul{
 display: flex;
 justify-content: space-between;
 width: 100%;

}
nav ul li{

height: 85px;
width: 100%;
margin: 0px;
position: relative;
z-index: 999;

}
nav ul li span a{
 height: 35px;
 line-height: 35px;
 display: block;
 width: 100%;
 text-align: center;
 font-size: 17px;

 margin-top: 25px;

}
nav ul li:hover span a{


 border-radius: 35px;
}
nav ul li:hover .cbp-hrsub{
 display: block;
}

header .logo{

  height: 95px;
  display: flex;
  align-items: center;
  background: transparent;

  transition: all .36s;
}
header .logo img{
 width: 100%;
}


.dhbtn{width: 40px;z-index: 9999;background: url(../images/menu.svg);background-size: 100% 100%;height: 40px;}
.dhbtn.on{background: url(../images/dm2.png) no-repeat center center;background-size: ;}
.dhbtn img{width: 100%;}
.wapnav{
  position: fixed; z-index: 80;  top: 0; width: 100%; height: 100%;background: #000;left: -100%;
   }
    .wapnav ul{
   padding-top: 120px;
   }
   .wapnav li{
     padding:10px  0; font-size:26px; color:#ffffff;
     width:100%;
    
   }
   .wapnav li a{
     color:#ffffff; display: block;font-size:26px; 
   }
   .wapnav dl{
     padding-left:30px;  display:none;
   }
   .wapnav dl dd{
     line-height:35px; font-size:14px;
   }
   .wapnav span{
      display:block; line-height:35px; text-align: center; font-size: 15px;
   }
   .wapnav .navmoon{
      background-color:#E6E6E6;
}
#top{
  display: none;
}
.header.on {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
position: fixed;
width: 100%;
z-index: 999;
background: rgba(255, 255, 255, 1);
height: 55px;
}
.header.on header{
  height: 55px;
}


.header nav ul li{




}




.header.on nav ul li{

  height: 45px;


}



.header.on nav ul li span a{
   height: 45px;
   line-height: 45px;
 
   margin-top: 0px;

  
}

.header.on header .logo{

  height: 55px;


}

nav ul li:hover .xia{
 
  
 

  
}
nav ul li .xia{
  
  -webkit-transition:all .5s; -moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;
 	display:none;

  position: absolute;

  top: 65px;

  left: 0;
  text-align: left;
background: rgba(255, 255, 255, .7);

  box-shadow: 0 0 4px rgba(0, 0, 0, .5);
  width: 200px;
  border-radius: 15px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.header.on nav ul li .xia{
  


  top: 45px;

}




nav ul li:nth-child(3) .xia{
 width: 285px;
}


nav ul li .xia a{
  display: block;
  margin-left: 15px;
  font-size: 15px;
  margin-top: 10px;
  line-height: 1;

}

nav ul li .xia a:hover{
 font-weight: bold;
 color: rgba(0,0,0,1);

}


.mc_hd_xlsj {

  position: relative;

  padding: 15px 20px;

  width: 100%;

}



.mc_hd_xlsj:before {

  content: "";

  display: block;

  bottom: 100%;

  left: 40px;

  position: absolute;

  border: solid transparent;

  border-bottom-color: #fff;

  border-width: 10px;

  z-index: 2;

  transition: all .36s;

}



.mc_hd_xlsj:after {

  content: "";

  display: block;

  bottom: 100%;

  left: 40px;

  position: absolute;

  border: solid transparent;

  border-bottom-color: #ddd;

  margin-left: -2px;

  border-width: 12px;

  z-index: 1;

  transition: all.36s;

}
.header.on nav ul li .xia{
  top:40px; 
}
/*头部*/


.banner .swiper-slide{
  width: 100%;
}

.banner .swiper-slide img{
  width: 100%;
}
.banner .swiper-pagination-bullet{ width:12px; height:12px; border-radius:12px; transition:all linear .2s; background:#fff;}
.banner .swiper-pagination-bullet-active{ background:rgba(255,255,255,.8); width:32px;}



.number{
  min-width:100%;
  background-size:cover;
  background-attachment:fixed;
  overflow:hidden;

}
.number .clearfix:after{
  content:".";display:block;height:0;clear:both;visibility:hidden
}
.number ul{
  padding:50px 0
}
.number ul li{
  float:left;
  width:20%;
  height:auto;color:#000543;text-align:center;
  border-right: 1px  solid #8789a7;
}

.number ul li:nth-child(6){
  border: 0px;
}
.number ul li b{
  position:relative;
  display:inline-block;
  margin:15px 0 10px;
  font-size:48px;line-height:1
}
.number ul li p{
  margin:0;font-size:16px;
  line-height: 1;

}
.number ul li span{
  margin:0;font-size:16px;
  display: block;
}
.number ul li b i{
  font-style:normal;
  font-size: 65px;
  font-weight: 100;
  font-family: pingfang;
}
.number ul li b em{
  position:relative;padding-left:6px;
  font-style:normal;font-size:58px;
  font-weight:400;

}

.mk1{
  background-color: #d9dade;
}
.mk1 img{
  width: 100%;
}
.mk2{
  background-color: #e4e5e8;
  padding: 15px 0 15px 0;
}
.mk2 .tit{
  text-align: center;
  margin-bottom: 35px;
}
.mk2 .tit h2{
  font-size: 50px;
  line-height: 2.5;
 
}
.mk2 .tit p{
  font-size: 20px;
  line-height: 2;
 
}
.jiazhi{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
}

.jiazhi .list{
  width: 350px;
  height: 228px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;

  overflow: hidden;
  

}
.jiazhi .list img{
 width: 100%;
 height: 100%;
}
.jiazhi .list span{
  position: absolute;
  bottom: 20px;
  left: 35px;
  font-size: 18px;
  color: #ffffff;
  z-index: 2;
  transition:all .5s
 }
 .jiazhi .list dl{
   color: #ffffff;
   position: absolute;
   width: 100%;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background: rgba(39, 39, 39, .8);
   left: -100%;
   transition:all .5s
   
 }
 .jiazhi .list dl div{

   padding: 35px;

 }


 .jiazhi .list dl h5{
  font-size: 27px;
  line-height: 2;

}
.jiazhi .list dl p{
  font-size: 15px;
  line-height: 1.5;
}
.jiazhi .list .mb{
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  left: -100%;
  transition:all .5s
}
.jiazhi .list:hover dl{
left: 0px;

}

.jiazhi .list:hover span{
  display: none;
  
  }


.tit_p{
  font-size: 45px;
  letter-spacing: 5px;
  line-height: 2;
}
.about-us dl{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.about-us  dt{
  width: 69%;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 100;
}
.about-us dd{
  width: 30%;
}
.about-us dd img{
  width: 100%;
}
.mtp15{
  margin-top: 35px;
}

.mk3{
  background: #5a64f8;
  padding: 55px 0;
  display: flex;
  justify-content: center;
  color: #ffffff;
  font-size: 25px;
  margin-top: 15px;
}
.mk3 dl{
  display: flex;
  line-height: 3;
}
.mk3 dl dt{
  width: 86px;
  font-weight: 100;

}
.prolist{
  position: relative;
}
.prolist img{
  width: 100%;
}
.pro_pf{
  position: absolute;
  width: 100%;
  
  top: 0px;
}
.pro_pf_tit{

  width: auto;
  float: left;
  border-bottom: 30px solid #908b84;
  border-right: 30px solid transparent; 
  height: 0; 
  line-height: 2;
  position: relative;
  padding: 0 30px;

}
.pro_pf_tit dl{
  position: absolute;
  top: 0px;
}
.hid{
  opacity: 0;
}
.line{
  border-bottom: 2px solid #5a5753;
   overflow: hidden;
   margin-top: 15px;
}
.prolist .more{
 position: absolute;
 right: 15px;
 bottom: 15px;
}
.prolist .more a{
  font-size: 18px;
}
.yyml{
  background-color: #f5f5f7;
  padding: 25px 0;
}
.yyml .list{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.yyml .list dl{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
  flex-wrap: wrap;
}
.yyml .list dd{
  width: 25%;
}


.yyml .list dl a{
  font-size: 15px;
  line-height: 1.6;
}
.news{
  margin-top: 25px;
}
.tjnews {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
  border-bottom: 1px solid #bababa;
  padding-bottom: 15px;
  flex-wrap: wrap;
}
.tjnews  dt{
  width: 40%;
}
.tjnews  dt img{
  width: 100%;
}
.tjnews  dd{
  width: 58%;
  display: flex;
  align-items: center;
}
.tjnews  dd h5{
  line-height: 2;
}
.tjnews  dd h5 a{
  font-size: 25px;
  color: #7fc9e8;
}
.tjnews  dd p{
  line-height: 1.5;
}
.news .list2 dl{
  border-bottom: 1px solid #bababa;
  padding-bottom: 15px;
  margin-top: 10px;

}
.news .list2 .n2{
  display: none;
}
.news .list2 dl{
  display: flex;
  justify-content: space-between;
}
.news .list2:hover .n1{
  display: none;
}

.news .list2:hover .n2{
  display: block;
}


.form{ width:100%; margin:0 auto; padding:20px 0;}
.form ul{ display:flex; flex-wrap:wrap; width:102.74%;}
.form ul li{ margin:0 2.74% 23px 0; width:47.26%;}
.form ul li.big{ width:100%; text-align:right;display:flex;  justify-content: flex-end;}
.f_intxt{ background:#fff; border:none; font-size:24px; color:#212121; line-height:31px; padding:6px 15px; box-sizing:border-box; resize:none; width:100%; border: 1px solid #dfdfdf;}
.f_inbut{ color:#272727; text-align:center; font-size:20px; width:102px; height:45px; line-height:45px; background-size:100%; cursor:pointer; display:block; 
border:1px solid #272727;

 }

.ctitle{
  text-align: center;
  font-size: 35px;
  line-height: 3;
}
.content{
  font-size: 15px;
  line-height: 1.8;
  padding:35px 0
}
.content img{
  max-width: 100%;
}
.khal{
  background-color: #eff6fd;
}
#case{
  position: relative;
  width: 100%;
  height: 700px;
}
#case dl{
  position: absolute;
}
#case dl img{
  width: 100%;
  height: 100%;


}

#case div{
  position: absolute;
  border-radius: 100% 100%;
  overflow: hidden;transition:all 1.5s;
  cursor: pointer;
}
#case div img{
  width: 100%;
  height: 100%;


}
#case div:hover{
  transform: scale(2);
  z-index: 1000;
}
.ad{
  text-align: center;
}
.ad img{
  max-width: 100%;
}
.shiyong{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 5px;
}
.shiyong dl{
  width: 32%;
  margin-top: 10px;
}
.shiyong dl img{
  width: 100%;
}


/*底部*/
.footer-nav{padding:30px 0;overflow:hidden;
background: #373737
;}
.footer-nav-left{float:left;width:85%;
  padding:10px 0 15px
}
.footer-nav-left:after{content:"";
  display:table;clear:both
}
.footer-nav-left dl{
  float:left;
  width:33.3%;font-size:14px;line-height:30px
}
.footer-nav-left dl dt{
  margin-bottom:20px;font-size:18px;
  color:#fff;
  font-family: 微软雅黑;
  font-weight: 200;
}


.footer-nav-left dl dd{
  font-size:14px;line-height:36px;


}
.footer-nav-left dl dd a{
  color: #ffffff;
}


.footer-nav-right{
  float:left;width:10%;padding:10px 0 15px;

}
.footer-contact{
  color: #ffffff;
  position: relative;
}
.qr-code{
  margin-top: 35px;
}
.qr-codem{
  display: none;
}