@charset "gb2312";
/* CSS Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
	padding: 0;
	margin: 0;
	font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial","sans-serif","Microsoft YaHei";

}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
a {
	text-decoration: none;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
table storng{font-weight: normal;color: aqua;}

table b{font-weight: normal;}
/* clearfix */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table strong{font-weight:lighter;color:#000;font-size: 16px;line-height: 30px;}

fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
*.clearfix {
	zoom: 1;
}
body {
}
/* global */
.menuBox{
	height: 100px;
		background-image: -webkit-linear-gradient(90deg,rgba(55,182,255,0.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(55,182,255,0.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(55,182,255,0.00) 0%,rgba(0,0,0,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(55,182,255,0.00) 0%,rgba(0,0,0,1.00) 100%);
}
.tempBanner{ background: url(banner1.jpg); height: 405px;}
.tempBanner2{ background: url(banner2.jpg); height: 405px;}
.tempBanner3{ background: url(banner3.jpg); height: 405px;}
.tempBanner4{ background: url(banner4.jpg); height: 405px;}
.tempBanner5{ background: url(banner5.jpg); height: 405px;}
.tempBanner6{ background: url(banner6.jpg); height: 405px;}


.tempContTxt{font-size: 16px;line-height: 32px; color: #434343;}
.indexBanner{background: url(banner.jpg) top center;height: 661px;}
.indexBanner1{height: 380px;background-image:url('banner1.jpg');
    background-size:100% 100%;
    width:100%;
    height:380px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='banner1.jpg',
    sizingMethod='scale');}


.indexBanner2{height: 380px;background-image:url('banner2.jpg');
 background-position: right;
	width:100%;
    height:380px;
}
.indexBanner4{height: 380px;background-image:url('banner4.jpg');
 background-position: right;
	width:100%;
    height:380px;
}

.indexBanner5{height: 380px;background-image:url('banner5.jpg');
 background-position: right;
	width:100%;
    height:380px;
}


.bannerTitle{font-size: 46px; color: #fff;padding-top:80px;padding-bottom: 30px;}
.bannerTxt{font-size: 18px; line-height: 33px; color: #fff;font-size: 24px; padding-right: 252px;}
.tempSlogan{font-size: 33px; color: #fff;padding-top: 30px;padding-left: 670px;font-size: 18px;line-height: 30px;padding-top: 60px;}
.tempSlogan span{color: #00d8ff;font-size: 56px;line-height: 100px;}
.tempBox{background: #fff;}
.tpCont{width: 1098px;margin:0 auto;overflow: hidden;zoom:1;}
.slogan{text-align: center;color: #fff;font-size: 32px;padding-top:50px;line-height: 62px;}
.slogan span{font-size: 56px; margin-bottom:  20px;}

.tempNav{font-size: 14px; color: #8B8B8B;padding-bottom: 15px;padding-top: 6px;}
.tempNav a{color: #8B8B8B;display: inline-block;padding: 0px 10px;}
.tempNav a:hover{color: #15b1fe;}

.productClassDl{}
/*.productClassDl dt{background: #15b1fe;font-size: 16px; color: #fff;line-height: 33px;padding-left: 20px;}
.productClassDl dd{border-bottom: 1px #dedede solid;line-height: 50px;font-size: 14px;padding-left: 20px;}*/
	.productClassDl dd {
		background: #15b1fe;
		border-bottom: 1px #dedede solid;
		font-size: 16px;
		line-height: 50px;
		padding-left: 20px;
	}
.productClassDl dd a{color: #fff;}
/*.productClassDl dd a:hover{color: #15b1fe;}*/

.indexCont{width:1085px;margin: 0 auto;}
.logo{float: left;padding-top: 10px;}
.menuUl{float: right;zoom:1}
.menuUl li{float: left;padding: 0px 15px; text-align: center;line-height: 60px;font-size: 16px;margin: 0px 10px;}
.menuUl li a{color: #fff;}
.menuUl .ahoverli{
	background-image: -webkit-linear-gradient(90deg,rgba(55,182,255,0.00) 0%,rgba(55,182,255,1.00) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(55,182,255,0.00) 0%,rgba(55,182,255,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(55,182,255,0.00) 0%,rgba(55,182,255,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(55,182,255,0.00) 0%,rgba(55,182,255,1.00) 100%);
}
.bodyBox{position: relative;}
.menuUl a:hover{color: #15b1fe;}


.caseBanner{background: url(casebg.png)top center no-repeat;height:1119px; }

.caseDiv{overflow: hidden;zoom:1; margin: 0 auto;position:absolute;top:500px;left:50%; margin-left:-580px;background: url(proBg.png); width: 1148px; height: 659px;}
.caseCont{padding: 22px 10px 10px 24px;}
.classUl{background: #f0f0f0;width: 200px; height: 611px;float: left;overflow: hidden;}
.classUl li{background: #f0f0f0; overflow: hidden;zoom:1;border-bottom: 1px #dedede solid;border-right: 1px #dedede solid;height: 87px;font-size: 14px;}
.classUl li a{color: #434343;}
.classUl .liimg{float: left;padding-top: 10px;}
.classUl .liTxt{float: left; height: inherit;line-height:82px;color: #15b1fe;}
.classUl .lihover{background: #fff;border-right: none;color: #15b1fe;}
.classUl .lihover a{color: #15b1fe;}


.caseBox .ptitle{font-size: 36px;color: #606060; font-size: 36px;text-align: center;padding-top:530px;}
.caseBox .ptitle span{font-size: 18px;}

.caseUl{width: 1120px; margin: 0 auto;padding-top: 30px;}
.caseUl li{width: 268px; height: 178px;float: left;position:relative;margin: 0px 10px 10px 0px;}
.caseUl img{width: 268px; height: 178px;}
.caseUl .caseTxt{position:absolute;left: 0;top: 0;text-align: center;width: 208px;color: #fff; font-size: 16px;padding: 70px 30px 10px 30px}
.caseUl .caseTxt a{color: #fff;}
.caseUl .caseBG{position:absolute;left: 0;top: 0;text-align: center;width: inherit;background-color:#000000; opacity: 0.6;height: inherit;}

.tempLeft{width: 195px; float: left;}
.tempRight{float: right;width: 880px;}



.aboutBox{background:url(aboutbg.jpg) top center no-repeat;height: 360px;}
.aboutBox .cont{width: 1099px;margin: 0 auto;padding-top: 30px;}
.aboutBox .title{font-size: 56px; text-align: center;line-height: 60px;}
.aboutBox .aboutImg{float: left;}


.divFoot{background: #18171e;}
.divFoot .footCont{width: 1257px;margin: 0 auto;overflow: hidden;zoom:1;padding-top: 20px;padding-bottom: 30px;}
.divFoot .footlogo{float: left;}
.divFoot .footTxt{color: #a8a7a9;line-height: 22px;text-align: center;}

.tempBox{background: #fff;padding-top: 10px;padding-bottom: 10px;}
.tempCont{width: 1085px; margin: 0 auto;overflow: hidden;zoom:1;}
.tempCont2{width: 1257px; margin: 0 auto;overflow: hidden;zoom:1;}

.tempTitle{font-size: 36px; color: #2F2F2F; text-align: center;line-height: 30px;padding-bottom: 30px;}
.tempTxt{font-size: 18px; color: #434343;line-height: 34px;padding-bottom: 20px;}

.pLeft{padding-right: 10px; width: 230px;float: left;}
.pRight{padding-left: 10px;float: right;width: 834px;}
.pRTitle{font-size: 32px; color:#434343;padding-left: 12px;padding-bottom: 30px;}
.producClassUl{}
.producClassUl li{font-size: 16px; line-height: 46px;border-bottom: 1px #dedede solid; background: url(dot1.png) left no-repeat}
.producClassUl li a{color: #434343;}
.producClassUl .ahoverli{ background: url(dot2.png) left no-repeat;color: #ed3b3b;}
.producClassUl .ahoverli a{color: #ed3b3b;}

.TempTitle{ background: url(titleIcon.png) 0px 0px no-repeat;
height: 26px;
padding-left: 37px;
font-size: 26px;
color: #434343;
line-height: 26px;
padding-bottom: 20px;}


.indexproductList{overflow: hidden;zoom:1;}
.indexproductList li{float: left;width: 225px; height: 208px;font-size: 14px; }
.indexproductList a{display: block; background-position:10px 10px; background-repeat: no-repeat;height: inherit;color: #434343;background-size: 201px 157px;}
.indexproductList a:hover{color: #15b1fe;}
.indexproductList2{overflow: hidden;zoom:1;padding-top: 30px;}
.indexproductList2 li{float: left;width: 283px; height: 216px;font-size: 14px;border: 1px #dedede solid;margin:0px 5px 10px 0px;}
.indexproductList2 a{display: block; background-position:0px 0px; background-repeat: no-repeat;height: inherit;color: #434343;background-size: 293px 229px;}
.indexproductList a:hover{color: #15b1fe;}
.ipTxt {text-align: center;font-size: 14px;padding:139px 10px 10px 10px;line-height: 20px;}
.ipTxt a:hover{color:#15b1fe; }
.ipTxt2 {text-align: center;font-size: 14px;padding:180px 10px 10px 10px;line-height: 20px;}
.ipTxt2 a:hover{color:#15b1fe; }

.moreBtn{width: 80px; margin: 0 auto;font-size: 14px; color: #2789ff;border-radius: 40px;padding: 10px 40px 10px 40px;height: 20px;text-align: center;border: 1px #2789ff solid;margin-top: 20px;}
.moreBtn a{color: #2789ff;}

.newsBox{float: left;margin-left: 30px;width: 350px;}
.newsBox .nTitle{ background: url(titleIcon.png) left no-repeat;
height: 26px;
padding-left: 37px;
font-size: 18px;
color: #434343;
line-height: 26px;}

.newsBox .nTitle span{float: right;font-size: 14px;}
.newsBox .nTitle span a{color: #434343;}
.newslistUl {
margin-top: 10px;
}
.newslistUl li {
	background: url(dot1.gif) left no-repeat;
	padding-left: 15px;
	border-bottom: 1px dotted #dedede;
	font-size: 14px;
	line-height: 37px;
}
.newslistUl span {
	float: right;
	color: #666666;
}
.newslistUl a {
	color: #666666;
}
.newslistUl a:hover {
	color: #15b1fe;
}


*{margin:0;padding:0;}
body{font-size:14px;font-family:"Microsoft YaHei";}
ul,li{list-style:none;}

#tab{position:relative;}
#tab .tabList ul{overflow: hidden;background: #eeeeee;padding-left: 20px;}
#tab .tabList ul li{
	float:left;
	padding:5px 0;
	width:144px;
	text-align:center;
	margin-left:-1px;
	position:relative;
	cursor:pointer;
	font-size: 16px;
	line-height: 36px;
}
#tab .tabCon{
	width: 834px;
	position:relative;
	padding: 20px;
	font-size: 16px;
	line-height: 36px;
	border-top:none;
	
}#tab .tabCon img{max-width: 100%;}
#tab .tabCon div{
	padding:10px;
	position:relative;

	filter:alpha(opacity=0);
}
#tab .tabList li.cur{
	background: #fff; border-top: 3px #15b1fe solid;
}
#tab .tabCon div.cur{
	opacity:1;
	filter:alpha(opacity=100);
}

.productinfo{overflow: hidden;zoom:1;}
.productinfo .pimg{float: left;}
.productinfo .pimg img{width: 450px;height: 350px;}
.productinfo .ptxt{font-size: 14px;line-height: 24px;color:#8B8B8B;float:right;width: 430px;}
.productinfo .ptxt span{font-weight: bold;display: block;font-size: 14px;padding-top: 10px;color: #434343;}


.newsUl {padding-top: 18px;}

.newsUl li {
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px #dedede solid;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-right: 10px;
}

.newsUl .newsimg {
	float: left;
	width: 201px;
	height: 133px;
	overflow: hidden;
	
}

.newsUl .newsimg img {
	width: 201px;
}

.newsUl .newstxt {
	float: right;
	width: 643px;
	padding-left: 0px;
}
.newsUl .newsTime{color: #939393;padding-bottom: 8px;}
.newsUl .newstxt .newsT1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	padding-bottom: 5px;
}

.newsUl .newstxt .newsT1 a {
	color:#2F2F2F;
}

.newsUl .newstxt .newsT1 span {
	float: right;
	font-size: 14px;
	color: #767676;
	line-height: 18px;
}

.newsUl .newstxt .newsT2 {
	font-size: 14px;
	line-height: 24px;
}

.newsUl .newstxt .newsT2 a {
	color: #454545;
}

.newsUl .newstxt .newsMore {
	text-align: right;
	font-size: 14px;
}

.newsUl .newstxt .newsMore a {
	color: #454545;
}





.newsUl3 {}

.newsUl3 li {
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px #dedede solid;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-right: 10px;
}

.newsUl3 .newsimg {
	float: left;
	width: 201px;
	height: 133px;
	overflow: hidden;
	
}

.newsUl3 .newsimg img {
	width: 201px;
}

.newsUl3 .newstxt {
	float: right;
	width: 863px;
	padding-left: 0px;
}
.newsUl3 .newsTime{color: #939393;padding-bottom: 8px;}
.newsUl3 .newstxt .newsT1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	padding-bottom: 5px;
}

.newsUl3 .newstxt .newsT1 a {
	color:#2F2F2F;
}

.newsUl3 .newstxt .newsT1 span {
	float: right;
	font-size: 14px;
	color: #767676;
	line-height: 18px;
}

.newsUl3 .newstxt .newsT2 {
	font-size: 14px;
	line-height: 24px;
}

.newsUl3 .newstxt .newsT2 a {
	color: #454545;
}

.newsUl3 .newstxt .newsMore {
	text-align: right;
	font-size: 14px;
}

.newsUl3 .newstxt .newsMore a {
	color: #454545;
}






.newsUl2 {}

.newsUl2 li {
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px #dedede solid;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-right: 10px;
}

.newsUl2 .newsimg {
	float: left;
	width: 201px;
	height: 133px;
	overflow: hidden;
	
}

.newsUl2 .newsimg img {
	width: 201px;
}

.newsUl2 .newstxt {
	float: right;
	width: 653px;
	padding-left: 0px;
}
.newsUl2 .newsTime{color: #939393;padding-bottom: 8px;}
.newsUl2 .newstxt .newsT1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	padding-bottom: 5px;
}

.newsUl2 .newstxt .newsT1 a {
	color:#2F2F2F;
}

.newsUl2 .newstxt .newsT1 span {
	float: right;
	font-size: 14px;
	color: #767676;
	line-height: 18px;
}

.newsUl2 .newstxt .newsT2 {
	font-size: 14px;
	line-height: 24px;
}

.newsUl2 .newstxt .newsT2 a {
	color: #454545;
}

.newsUl2 .newstxt .newsMore {
	text-align: right;
	font-size: 14px;
}

.newsUl2 .newstxt .newsMore a {
	color: #454545;
}

.tCont h1{ font-size:18px; font-weight:bold; text-align:center; line-height:44px;}
.tCont h2{ text-align:center; line-height:33px; font-size:12px;}
.tCont{ font-size:16px; line-height:33px; color:#333;padding: 10px;}


.pro-title-two { font-size: 16px; border-bottom: 1px solid #e3e3e3; color: #666666; line-height: 35px }
.pro-right-list {}
.pro-right-list li { border-bottom: 1px solid #e3e3e3; padding: 35px 25px; }
.pro-right-list li:before,.pro-right-list li:after {content: " "; display: table;}
.pro-right-list li:after {clear: both;}
.pro-right-title { font-size: 16px; color: #15b1fe; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro-cont { width: 540px; }
.pro-wz { margin-top: 25px; line-height: 20px; color: #666666 }
.pro-more { float: right; line-height: 25px}
.pro-more a {display: block; color: #15b1fe; }
/* message */
.message-form {margin: 0 auto; margin-top: 20px; width: 650px; position: relative;}
.message-form label { display: inline-block; width: 100px;  text-align: right;}
.message-form input { padding: 2px 5px; width: 250px; border-radius: 5px; border: 1px solid #ccc; height: 25px }
.message-form textarea { padding: 2px 5px; width: 250px; border-radius: 5px; }
.message-form button { width: 100px; height: 30px; background: #15b1fe; color: #fff; border: none; border-radius: 5px; cursor:pointer }
.code { position: absolute; height: 28px; border-radius: 5px; left: 310px; top: 1px; border-radius: 0 5px 5px 0; border-left: 1px solid #ccc; padding-left: 1px;}
.form_title {font-size: 18px; color: #15b1fe; }



.proSmallClass{width: 130px;font-size: 14px;line-height: 40px;background: rgba(0,0,0,.8);padding: 10px;display:none;position:absolute;left:-20px;}
.proSmallClass a{display: block;}
.menuUl li{position: relative}
li:hover .proSmallClass{display:block}





.newsUl4 {}

.newsUl4 li {
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px #dedede solid;
	padding-bottom: 10px;
	padding-top: 10px;
	margin-right: 10px;
}

.newsUl4 .newsimg {
	float: left;
	width: 201px;
	height: 133px;
	overflow: hidden;
	
}

.newsUl4 .newsimg img {
	width: 201px;
}

.newsUl4 .newstxt {
	float: right;
	width: 646px;
	padding-left: 0px;
}
.newsUl4 .newsTime{color: #939393;padding-bottom: 8px;}
.newsUl4 .newstxt .newsT1 {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	padding-bottom: 5px;
}

.newsUl4 .newstxt .newsT1 a {
	color:#2F2F2F;
}

.newsUl4 .newstxt .newsT1 span {
	float: right;
	font-size: 14px;
	color: #767676;
	line-height: 18px;
}

.newsUl4 .newstxt .newsT2 {
	font-size: 14px;
	line-height: 24px;
}

.newsUl4 .newstxt .newsT2 a {
	color: #454545;
}

.newsUl4 .newstxt .newsMore {
	text-align: right;
	font-size: 14px;
}

.newsUl4 .newstxt .newsMore a {
	color: #454545;
}

:root {
	--thumbnail-width: 20px;
	--thumbnail-height: 3px;
	--shadow: rgba(0, 0, 0, .25);
}
.indexBanner{position:relative;background:none;z-index:0;}
#sections-wrapper {
	position: absolute;
	overflow: hidden;
	height: 100%;
	width:100%;
	top:0;left:0;
	z-index:-1;
}

#sections-wrapper section {
	height: 100%;
	font-size: 0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.hide-bottom {
	transform: translateY(100%);
}

.hide-top {
	transform: translateY(-100%);
}

.segment {
	height: 100%;
	display: inline-block;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}

.segment-inner {
	position: absolute;
	top: 0;
	background: no-repeat center center / cover; 
	height: 100%;
	width: 100vw;
}

.sections-control {
	text-align: center;
	font-size: 0;
	position: fixed;
	right: 25px;
	bottom: 25px;
	box-sizing: border-box;;
}

.section-thumbnail {
	width: var(--thumbnail-width);
	height: var(--thumbnail-height);
	display: block;
	margin-top: 4px;
	padding: 4px 0;
	position: relative;
	transition: .3s all ease;
	opacity: .5;
	cursor: pointer;
	transform-origin: right top;
}

.section-thumbnail:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: var(--thumbnail-height);
	top: 50%;
	margin-top: calc(var(--thumbnail-height)/2 * -1);
	background: #fff;
}

.section-thumbnail:hover {
	opacity: 1;
}

.section-thumbnail.active {
	transform: scaleX(2);
	opacity: 1;
}