@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900|Roboto:300,400,500,600,700,800,900&display=swap');
html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

body {
	font-family:'Poppins', sans-serif;
	font-size: 16px;
	color: #000;
	line-height: 20px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	background: #fff;
	overflow-x: hidden;
}

a {
	text-decoration: none;
	font-family: 'Poppins', sans-serif;
	color: #000;
	font-size: 16px;
/* 	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-ms-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all 0.3s ease-in;
	cursor:pointer; */
	-webkit-transition: 0.3s;
	transition: 0.3s;

}

a:hover,a:focus,a:visited {	
	text-decoration: none;
	outline: none;
	color: #000;
	
/* 	-webkit-transition:all 0.2s ease-in;
	-moz-transition:all 0.2s ease-in;
	-ms-transition:all 0.2s ease-in;
	-o-transition:all 0.3s ease-in;
	transition:all 0.3s ease-in; */

}

input{  
	background:none;  
	outline:none;  
	border:1px solid #ccc;
}
input:focus{   
	border:none;
}
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

i,
span,
a {
	display: inline-block;
}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li {
	display: inline-block;
}
.clear{clear: both;width: 100%;}
.container{min-width: 1300px;}

/* 头部 */
.headbox {}
.headbox .logo{display: block;float: left;width: 495px;height:118px;}
.headbox li{float: left;height: 118px;line-height: 118px;text-align: center;position: relative;}

.naboxx{ background: #00a0ea;height: 60px;}
.headnav{width:100%;display: block;height: 60px;line-height: 60px;float: right;position: relative; background: #00a0ea;}
.headnav>ul>li>a{padding:0 40px;color: #fff;}
.headnav li a:hover{color: #fff;}
.headnav>ul>li::after{
	content:"";
	position: absolute;
	top:0;left:0;width:0;height:60px;background:#078bc9 ;
	z-index: 99;
	-o-transition:all 0.2s ease-in;
	transition:all 0.2s ease-in;
}
.headnav>ul>li:hover::after{
	content:"";
	position: absolute;
	top:0;left:0;width: 100%;height:60px;background:#078bc9 ;
	z-index: 99;
}
.headnav>ul .active::after{
	content:"";
	position: absolute;
	top:0;left:0;width:100%;height:60px;background:#078bc9 ;	
	z-index:99;
}
.headbox ul > li > a{
	  background: #fff; /**/
}
.headbox ul>li>ul>li{height:41px;line-height: 40px;width:250px;background: #f6f6f6;text-align: left;}
.headbox ul>li>ul>li>a{border-bottom:1px #dedede dotted;padding-left: 10px;}
.headbox ul>li>ul>li>a>i{font-size: 12px;}

.headbox .lj{float: right;width:120px;height: 118px;line-height: 118px;text-align: center;position: relative;background: #fff;z-index: 300;}
.headbox .lj a{width: 100%;line-height: 118px;background: #fff;position: relative;z-index: 300;}
.headbox .lj>a::after{
	    content: "";
	    position: absolute;
	    top: 57px;
	    right: 0;
	    background: url(../images/jiao.png) no-repeat;
	    width: 5px;
	    height: 6px;
}
.headbox .lj ul{
	position: absolute;
    top: -118px;
    right: 0;
    background: #fff;
    z-index: 320;
	height:80px;
	overflow: hidden;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	z-index: 100;
}
.headbox .lj:hover ul{
	position: absolute;
    top:118px;
    right: 0;
    background: #fff;
    z-index: 320;
	height:120px;	
	
}
.headbox .lj ul li{width:120px;height: 60px;line-height: 60px;text-align: left;}
.headbox .lj ul li a{background:#f6f6f6 ;color: #000;height: 60px;line-height: 60px;border-bottom:1px #dedede dotted;padding-left: 10px;}
.headbox .lj ul li a:hover{background:#078bc9;color: #fff;}
.headbox .lj ul li img{height: 20px;}


.telbox{width: 192px;float: right;margin-top: 32px;margin-right: 29px;}
.telbox img{display: block;float: left;}
.telbox span{line-height:28px;display: block;float: right;}
/* 头部结束 */

/* 首页ABOUT */
.abbox{background: url(../images/anli.jpg) no-repeat;background-position: center;background-size: 100% 100%;margin-top: 35px;position: relative;padding-top: 30px;padding-bottom: 50px;}
.abnybox h1{width: 100%;color: #fff;font-weight: 600;display: block;text-align: center;}
.abnybox h2{width: 100%;color: #fff;display: block;text-align: center;font-size:18px;text-transform:Uppercase}

.abtxt h3{font-weight:600;margin-top:15px;color: #fff;}
.abtxt .abtxt{display: block;width: 95%;color: #fff;line-height: 30px;padding-top: 25px;}
.abtxt a{position:absolute;bottom:15px;left:15px; width: 150px;height:40px; line-height: 40px;border-radius: 50px;border: 1px #fff solid;text-align: center;color: #fff;}
.abtxt a:hover{background: #00a0ea;color: #fff;}


/* 产品与服务 */
.probox{position: relative;margin-top:40px;}
.pronybox h1{width: 100%;color: #00a0ea;font-weight: 600;display: block;text-align: center;}
.pronybox h2{width: 100%;color: #00a0ea;display: block;text-align: center;font-size:18px;text-transform:Uppercase}
.pronybox span{width: 100%;display: block;color: #666;text-align: center;}
#myTabs {width:360px;margin: 0 auto;clear: both;}
.nav-tabs{border: 0;}


.tab-content{margin-top:80px;position: relative;}
#myscroll{width: 100%;position:relative}
.tabbox{width: 100%;}
.sbox{text-align: center;line-height: 80px;}
.sbox img{width: 100%;border: 2px #ececec solid;}
.sbox:hover img{border: 2px #00a0ea solid;box-shadow: 0px 4px 14px #e2e2e2}
.sbox:hover span{color: #00a0ea;}




/* 四大理由 */
.xzboxxx{box-shadow: 0px 0 14px #e2e2e2;width: 100%;height: 427px;}
.xzboxxx .zx1{width: 33.3%;float: left;}
.xzboxxx .zx2 h5{width: 100%;color: #00a0ea;margin-top: 20px;line-height: 35px;height: 35px;border-bottom: 1px #eee solid;}
.xzboxxx .zx2{width: 33.3%;float: left;padding: 0 10px;}
.xzboxxx .zx2 p{line-height:40px;margin-top: 20px;}
.xzttt{width: 100%;background: #eeeeee;height: 57px;line-height: 57px;margin-top: 20px;}
.xzspp{display: block;float: left;background: #00a0ea;height: 57px;line-height: 57px;width: 57px;text-align: center;color: #fff;font-size: 40px;}
.xzboxxx .zx3{width: 33.3%;float: right;background: #00a0ea;height: 100%;padding: 35px;}
.xzboxxx .zx3 h4{width:100%;margin-top: 25px;display: block;padding-bottom: 20px;color: #fff;}
.xzboxxx .zx3 input{display: block;width: 100%;height:50px;line-height: 50px;border: 0;background: #fff;margin-top: 15px;padding-left: 15px;}
.lyan{display:block;margin: 0 auto;margin-top: 20px;width:250px;cursor: pointer;height: 50px;line-height: 50px;text-align: center;background: #000;border-radius: 50px;color: #fff;}
/* 媒体中心 */
.mttxt{position: relative;}
.mttxt h3{font-size:20px; font-weight:600;height: 40px;line-height: 20px;display:block;width: 100%; overflow: hidden;}
.mttxt p{display: block;width: 100%;color: #7d7d7d;line-height: 30px;}
.mttxt a{display: block;border: 1px #c7c6c6 solid;width: 119px;text-align: center;height: 40px;line-height: 40px;margin-top:20px;}
.mttxt a:hover{background: #078bc9;color: #fff;border: 1px #078bc9 solid;}


/* .案例 */
.newbcbbox{width: 100%; background: #ededed;text-align: center; line-height: 40px;}
.nnpoimg{overflow: hidden;}
.newbcbbox:hover{ background: #000;}
.newbcbbox:hover a{color: #fff;}
.newsssbcbbox{width: 100%;text-align: center; line-height: 40px; padding-bottom:50px;}
.nnpoimg img{transition:all ease-out .3s;}
.newbcbbox:hover .nnpoimg  img{transform:scale(1.15);}
.newsssbcbbox:hover .nnpoimg  img{transform:scale(1.15);}


.holist{padding: 10px;line-height: 40px;}
.holist img{transition:all ease-out .5s;}
.holist:hover img{transform:scale(1.15);}
.holist:hover{box-shadow: 0px 4px 14px #e2e2e2}

/* 加入我们 */
.jrwm{height: 251px;background: url(../images/bobj.jpg) no-repeat; margin-top: 80px;}
.jrwmb1 h3{color: #333333;font-size:28px;font-weight:500;margin-top: 100px;}
.jrwmb1 span{display:block;margin-top:20px;}
.jrwmb2 a{width: 170px;text-align: center;height: 60px;line-height: 60px;color: #fff;background: #a0a0a0;margin-top: 100px;float: right;}
.jrwmb2 a:hover{background:  #078bc9;color: #fff;}


/* 底部 */
.footbx{background: #00a0ea;padding:75px 0;}
.foot1{width:45%;float: left;}
.foot2{width:25%;float: left;}
.foot1 h4,.foot2 h4,.foot3 h4{color: #fff;font-size:20px;font-weight: 550; padding-bottom:40px;}
.foot3{width:29%;text-align: right;float: right;}
.foot3 .ewm{width: 142px;text-align: center;color: #fff;float: right;}
.foot3 .ewm span{line-height: 40px;font-size: 14px;}
.foot3 .ewm h4{text-align: left;}

.foot1 li{color: #fff;line-height: 40px;width: 100%;}
.foot1 a{color: #fff;}
.foot2 li{width: 50%;line-height: 40px;float: left;}
.foot2 li a{color: #fff;}
.foot2 li a:hover{padding-left: 5px;color: #007eca;}
.foocop{background: #282828;height: 56px;text-align: center;color: #fff;line-height: 56px;}
.foocop a{color: #fff;}



/* 内页 */
.nytop{background: url(../images/nyhb.jpg) no-repeat;height: 524px;}
.nytop h3{text-align: center;padding-top:150px;font-size:60px;font-weight: bold;color: #fff;position: relative;}
.nytop h3::after{
	content: "";
	position: absolute;
	bottom:-27px;left: 50%;
	width:83px;height: 5px;background: #fff;
	transform: translate(-50%, -50%); 
}

/* //新闻列表 内页 */
 .newtu{width: 330px;float: left;overflow: hidden;}
/* .newtu img{transition:all ease-out .5s;}
  .prin2:hover .newtu img{transform:scale(1.15);} */
 .pptitleab{width:730px;float: left;}
 .stspan1b{font-size:1.2rem;display: block;width:90%;padding-left: 20px;padding-bottom: 20px;}
 .stspan2b{display: block;width: 90%;padding-left: 20px;line-height: 40px;font-size: 14px;color: #c4c4c4;}
 .tupimg1{display: block;position: absolute;right: 20px;bottom: 70px;background: url(../images/m-a.jpg); width: 48px; height: 27px;}
 .prin2{width: 100%;display: block; border-bottom:2px #eee solid;padding-top: 20px;padding-bottom:40px;}
 .prin2:hover{border-bottom: 2px #078bc9 solid; color: #078bc9;background: #f9f9f9;padding-left:20px;}
 .prin2:hover .stspan1a{color: #078bc9;}
 .prin2:hover .stspan2a{}
 .prin2:hover .tupimg1{background: url(../images/m-h.jpg);}
 
 /* 内页产品列表./ */
  .proback{line-height: 20px;margin-top:20px;position: relative;padding-left:35px;}
 .proback i{height: 20px;width: 10px;background: #078bc9;position: absolute;top: 0;left:15px;}
 .pleft h3{margin: 0;height: 58px;text-align: center;color: #fff;background: #007eca;line-height: 58px;font-size: 20px;font-weight: bold;}
  .pleft ul{border:  1px #e1e1e1 solid;border-top: 0;}
 .pleft li{width: 100%;}
  .pleft li a{width: 100%;padding:20px 0;line-height: 20px;padding-left: 20px;border-top:1px #e1e1e1 solid; }

.pleft li a:hover{font-weight: bold;color: #078bc9; font-size: 18px;}
.pleft li a.ptactive{font-weight: bold;color: #078bc9; font-size: 18px;}
.cplist{margin-bottom: 15px; width: 100%;height: auto;}
.cplist img{width: 100%;-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;}
.cplist span{height: 50px;line-height: 50px;text-align: center;;width: 100%;}
.cplist a{border: 1px #fff solid;overflow: hidden;
	-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.cplist a:hover{border: 1px #cecece solid;box-shadow: 1px 6px 5px #cecece;-webkit-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;}
.cplist a:hover img{transform: scale(1.02);
	transform-origin: center center;
	transition: transform .35s;}
	
	
 /* 详情,上一页,下一页 */
 .clear{clear: both;width: 100%;}
 .two{  padding: 10px 0;  border-top: 1px dotted #a5a7aa;  border-bottom: 1px dotted #a5a7aa;width: 100%;  }
 .page_left{  float: left;  width: 435px;  border-right: 1px solid #d5d8dc;  }
  .page_left p{padding: 0;margin: 0;}
 .page_left a{  display: block;  padding: 20px;  margin-right: 25px;  }
 .page_left a:hover{  background: #078bc9;  }
 .page_left a .page1{  width: 40px;  height: 40px;  background: url(../images/com/proprevious1.png) no-repeat;  float: left;  margin-right: 20px;  }
 .page_left a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
 .page_left a:hover .page2{  color: #fff;  }
 .page_left a .page3{  font-size: 14px;  color: #808488;  }
 .page_left a:hover .page3{  color: #fff;  }
 .page_right {  float: left;  width: 435px;  }
   .page_right p{padding: 0;margin: 0;}
 .page_right a {  display: block;  padding: 20px;  margin-left: 25px;  text-align: right;  }
 .page_right a:hover{  background: #078bc9;  }
 .page_right a .page1{  width: 40px;  height: 40px;  background: url(../images/com/pronext1.png) no-repeat;  float: right;  margin-left: 20px;  }
 .page_right a .page2{  font-size: 18px;  color: #808488;  padding:1px;  }
 .page_right a:hover .page2{  color: #fff;  }
 .page_right a .page3{  font-size: 14px;  color: #808488;  }
 .page_right a:hover .page3{  color: #fff;  }