.box{

	width:1200px;

	margin:0 auto

}

.header{

	background:#eaf7fd;

	height:100px;

	line-height:100px;

	font-size:20px;

	position:fixed;

	top:0;

	width:100%;

	z-index:9999999999999999999999999;

	box-shadow:0 0 10px #cecece;

}

.header .logo{

	margin-right:110px;

	padding-top:22px

}

.header .nav a{

	margin-right:75px;

	color:#000

}

.header .nav a.cur,.header .nav a:hover{

	font-weight:bold

}

.header .language{

	float:right

}

.header .language i{

	margin:0 8px

}

.pub_tit,.abput_cont .tit{

	font-size:40px;

	font-weight:bold;

	text-align:center;

	padding-top:80px

}

.pub_tit em,.pub_tit i,.abput_cont em,.abput_cont i{

	display:block

}

.pub_tit i{

	font-weight:bolder;

	margin-top:-50px

}

.abput_cont em{

	font-weight:bolder;

}

.pub_tit em{

	text-transform: uppercase;

	color:#f7f7f7;

	font-size:100px;

	font-family:Arial, Helvetica, sans-serif

}

.abput_cont em{

	text-transform: uppercase;

	color:#999;

	font-size:26px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:normal;

	margin-top:15px

}

.h_one{

	margin-top:80px

}

.h_one .img{

	width:410px;

}

.h_one .txt{

	width:740px;

}

.h_one .txt p{

	font-size:20px;

	color:#333;

	line-height:36px;

	margin-bottom:50px;

	opacity:0.6

}

.h_one .txt a{

	width:120px;

	height:40px;

	line-height:40px;

	text-align:center;

	color:#fff;

	background:#00a2ea;

	font-size:16px;

	font-weight:lighter;

	display:block;

	float:right;

	 -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;

}

.h_tow{

	margin-top:55px

}

.h_tow  dl{

	width:360px;

	margin:60px auto

}

.h_tow  dt img{

	width:100%;

	height:250px;

	 -moz-border-radius: 8px 8px 0 0;

  -webkit-border-radius: 8px 8px 0 0;

  border-radius: 8px 8px 0 0;

}

.h_tow  dt {

	position:relative;

	 -moz-border-radius: 8px 8px 0 0;

  -webkit-border-radius: 8px 8px 0 0;

  border-radius: 8px 8px 0 0;

}

.h_tow  dt span{

	display:block;

	position:absolute;

	top:0;

	left:0;

	background-color:#000000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */

  background-color:rgba(0,0,0,0.2); /* IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂，但解析为透明 */

	width:100%;

	height:250px;

}



.h_tow  dt span i{

	position:absolute;

	color:#fff;

	font-size:24px;

	font-weight:bolder;

	 top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.h_tow  dd{

	background:#f7f7f7;

	padding:20px 15px;

	font-size:18px;

	font-weight:lighter;

	line-height:32px;

	-moz-border-radius:  0 0 8px 8px;

  -webkit-border-radius: 0 0 8px 8px;

  border-radius: 0 0 8px 8px;

}

.h_tow  dd p{

	display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp:4;

overflow: hidden;

}

.h_tow dl.cur dd{

	background:#00a2ea;

	color:#fff

}

.h_tow dl.cur dt i{

	display:none

}

.h_tow a.more{

	width:120px;

	height:40px;

	line-height:40px;

	text-align:center;

	color:#fff;

	background:#00a2ea;

	font-size:16px;

	font-weight:lighter;

	display:block;

	 -moz-border-radius: 6px;

  -webkit-border-radius: 6px;

  border-radius: 6px;

  margin:0 auto

}

.h_there{

	margin-top:50px;

	margin-bottom:100px

}

.h_there .txt p{

	font-size:20px;

	line-height:44px;

	color:#333

}

.h_there .txt{

	width:480px;

	padding-top:50px

}

.footer .box{

	width:980px;

	display:flex

}

.footer .box dl{

	width:20%

}

.footer{

	background:#7c7c7c;

	padding:35px 0

}

.footer a{

	font-size:16px;

	color:#fff;

}

.footer dd a{

	font-size:14px;

	line-height:26px

}

.footer dt{

	margin-bottom:8px

}

.c-banner {

	width: 100%;

	position: relative;

}



.c-banner img {

	width: 100%;

}



.c-banner .banner ul {

	list-style: none;

	padding-left: 0px;

	margin-bottom: 0px;

}



.c-banner .banner ul li {

	position: absolute

	display: none;

	opacity: 0;

}



.c-banner .banner ul li:nth-child(1) {

	opacity: 1;

	display: block;

}



.c-banner .banner ul li img {

	width: 100%;

	position: absolute;

	top: 0px;

}



.c-banner .banner ul li:first-child img {

	position: relative;

}



.c-banner .nexImg,.c-banner .preImg {

	padding: 25px 10px 25px 10px;

	position: absolute;

	top: 50%;

	margin-top: -53px;

	background: #000000;

	opacity: 0.5;

	border-radius: 5px;

	z-index: 10;

}



.c-banner .nexImg:hover,.c-banner .preImg:hover {

	opacity: 0.8;

}



.c-banner .nexImg {

	right: 0px;

}



.c-banner .nexImg img,.c-banner .preImg img {

}



.c-banner .jumpBtn {

	width: 100%;

	position: absolute;

	bottom: 20px;

	text-align: center;

}



.c-banner .jumpBtn ul {

	margin-bottom: 0px;

	padding: 0px;

}



.c-banner .jumpBtn ul li {

	width: 17px;

	height: 17px;

	border-radius: 50%;

	display: inline-block;

	background-color: #e7e7ec;

	margin-left: 10px;

}



.c-banner .jumpBtn ul li:first-child {

	margin-left: 0px;

}



.banner{

	margin-top:100px

}

.abput_one .where,.abput_one .where a{

	font-size:20px;

	color:#333;

	opacity:0.9

}

.abput_one .where{

	height:80px;

	line-height:80px

}

.abput_one .where img.address{

	margin-right:10px;

	position:relative;

	top:-3px

}

.abput_one .where img.to{

	margin-right:10px;

	position:relative;

	top:-3px

}

.abput_one .where a:hover{

	color:#00a2ea

}

.abput_nav{

	background:#f5f5f5;

	height:130px;

	text-align:center

}

.abput_nav a{

	display:inline-block;

	width:240px;

	height:56px;

	line-height:56px;

	background:#e6e6e6;

	color:#333333;

	font-size:24px;

	  -moz-border-radius: 100px;

  -webkit-border-radius: 100px;

  border-radius: 100px;

  margin:37px 50px	

}

.abput_nav a.cur,.abput_nav a:hover{

	background:#0da3e9;

	color:#fff

}

	

.abput_cont  .tit{

	padding:60px 0

}

.abput_cont .h_one .txt{

	width:545px;

	

}

.abput_cont .h_one .img{

	width:575px;

	position:relative;

	z-index:9989

}

.abput_cont .h_one .txt p{

	opacity:0.9

}

.abput_cont .ab_line{

	width:400px;

	height:115px;

	background:#0da3e9;

	position:absolute;

	top:430px;

	right:0;

	z-index:0

}

.abput_cont{

	position: relative

}

.about_one dl{

	width:25%;

	display:flex;

	font-size:32px;

	font-weight:normal;

	background:#fff;

	height:150px;

	line-height:150px;

	justify-content:  center;

	cursor:pointer

}

.about_one dt{

	margin-right:25px;

	position:relative;

	top:-2px

}

.about_one dl.cur{

	box-shadow:5px 0 10px #f3f3f3;

}

.about_tow{

	text-align:center;

	margin-bottom:100px

}

.about_tow p{

	font-size:26px;

	color:#999;

	line-height:60px;

}

.quality{

	padding:65px 0	

}

.quality h2{

	font-size:20px;

	line-height:44px;

	text-align:center;

	color:#666

}

#J_AboutVideo{

	text-align:center

}

#home-video {

    width: 800px;

    height: 400px;

    object-fit: fill;

	margin:75px auto 65px auto

}

.quality_img ul{

	display:flex;

	flex-wrap:wrap

}

.quality_img ul li{

	margin-left:20px;

	margin-bottom:20px;

	cursor:pointer

}

.quality_img ul li:nth-child(4n+1){

	margin-left:0

}

.product .pro_left{

	width:250px;

}

.product .pro_right{

	width:850px;

}

.product{

	margin:50px 0 80px 0

	

}

.product .pro_left h1{

	height:80px;

	line-height:80px;

	background:#00a2ea;

	color:#fff;

	font-size:20px;

	text-align:center;

	font-weight:bold	

}

.abput_one{

		box-shadow:0 0 10px #f3f3f3;

}

.product .pro_left li{

	height:50px;

	line-height:50px;

	border-bottom:1px #cccccc solid;

}

.product .pro_left li a{

	font-size:18px;

	color:#999;

	display:block;

	text-align:center;

}

.product .pro_left li.cur a,.product .pro_left li:hover a{

	color:#00a2ea

}

.product .pro_left ul{

	border-left:1px #cccccc solid;

	border-right:1px #cccccc solid

}

.product .pro_right p{

	font-size:20px;

	line-height:38px;

	margin-bottom:50px;

	color:#333;

	opacity:0.7

}

.product .pro_right h2{

	font-size:20px;

	margin-bottom:8px

}

.neirong {

    line-height: 60px;

	

}

.neirong tr,.neirong  td,.neirong  th{

	font-size:16px;

	border-bottom:2px #fff solid

}

.neirong  th,.neirong  td{

	color:#666;

	border-left:2px #fff solid

}



#p_cont .tit{

	text-align:center;

	border-bottom:1px solid #cccccc;

	padding-bottom:35px;

	margin-bottom:45px;

	font-size:20px

}

.product #p_cont.pro_right p{

	margin-bottom:15px

}

.img_pic {

	margin-top:45px

}

.img_pic img{

	width:280px;

	height:280px;

}

.img_pic ul{

	display:flex

}

.img_pic li{

	width:30.333%

}

#protect{

	margin:50px 0 80px 0	

}

#protect .img{

	width:530px;

}

#protect .txt{

	width:600px;

	position:relative

}

#protect .txt p{

	font-size:20px;

	line-height:50px;

	position:absolute;

	 top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

	width:100%

}