*{padding:0;margin:0;font-family: "Microsoft YaHei";list-style: none;text-decoration: none;border: none;}
.container{
	width: 1300px;
	margin:0 auto;
}
html{overflow-x:hidden;}
body{
	background: #fff;
	color: #999999;
	font-size: 14px;
	min-width: 1300px;
}
a{
	outline: none;
	color: #999999;
}
a:hover{
	color: #057fd6;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.df{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}

.pager .pagination{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	margin-top: 30px;
	align-items: center;
}
.pager .pagination li a,.pager .pagination span{
	padding: 0 10px;
	margin: 0 2px;
	line-height: 26px;
	display: block;
	background: #efefef;
	border-radius: 2px;
}
.pager .pagination span{
	color: #777;
}
.pager .pagination li a:hover,.pager .pagination .active span{
	background: #057fd6;
	color: #fff;
}

.head{
	align-items: center;
}
.head .logo{
	width: 300px;
	height: 100px;
	background: url(../image/logo.png) no-repeat center;
	text-indent: -99em;
	overflow: hidden;
	margin-left: -15px;
}
.nav{
	margin-left: 210px;
}
.nav li a{
	display: block;
	font-size: 16px;
	color: #333333;
	padding: 0 3px;
	line-height: 96px;
	margin-right: 52px;
	position: relative;
}
.nav li a::after{
	content: " ";
	display: block;
	width: 100%;
	height: 3px;
	background: #057fd6;
	border-radius: 5px;
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: -2px;
}
.nav li a.hover,.nav li a:hover{
	color: #057fd6;
}
.nav li a.hover::after{
	opacity: 1;
}
.head .lan{
	color: #666;
	font-size: 16px;
	background: url(../image/lan.png) no-repeat left center;
	padding-left: 30px;
	line-height: 30px;
}
.head .lan a{
	color: #666;
}
.head .lan a:hover{
	color: #057fd6;
}

.banner{width:100%; height:846px; overflow:hidden; position:relative;}
.banner .hd{height:14px; overflow:hidden; position:absolute;bottom:25px; z-index:1;width: 100%}
.banner .hd ul{overflow:hidden; zoom:1;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;align-items: center;}
.banner .hd ul li{margin: 0 8px;  width:10px; height:10px; cursor:pointer;border-radius: 100%;background: #d9d9d9;}
.banner .hd ul li.on{border: none;border: 2px solid #057fd6;background: none;}
.banner .bd{position:relative; height:100%; z-index:0;}
.banner .bd li{zoom:1; vertical-align:middle;width:100%; height:846px;}

.tit span{
	display: block;
	font-size: 50px;
	color: #303030;
	line-height: 60px;
}
.tit p{
	font-size: 18px;
	color: #838383;
}

.product{
	margin-top: 130px;
	height: 815px;
}
.product .picScroll-left{
	z-index: -1;
}
.product .picScroll-left.selected{
	z-index: 2;
}
.probox{
	position: relative;
}
.prosub{
	position: relative;
	margin-top: 30px;
}
.prosub::after{
	content: " ";
	display: block;
	width: 2000px;
	height: 1px;
	background: #e5e5e5;
	position: absolute;
	left: 0;
	top: 0;
}
.prosub a{
	display: block;
	color: #828282;
	margin-right: 60px;
	position: relative;
	padding-top: 18px;
}
.prosub a::after{
	content: " ";
	display: block;
	width: 100%;
	height: 1px;
	background: #057fd6;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: 9;
}
.prosub a.active{
	color: #057fd6;
}
.prosub a.active::after{
	opacity: 1;
}

.product .picScroll-left{width:2000px;position:absolute;left: -20px;top: 0;background: #fff;margin-top: 45px;height: 470px;}
.product .picScroll-left .hd{position: absolute;left: 50%;width:200px;top: -180px;margin-left: 120px;z-index: 99;display: none;}
.product .picScroll-left .hd ul{overflow:hidden; zoom:1;display: flex;justify-content: flex-end;align-items: center;}
.product .picScroll-left .hd ul li{width:6px; height:6px;margin-left:22px;cursor:pointer;background: #d9d9d9;border-radius: 100%;text-indent: -99em;}
.product .picScroll-left .hd ul li.on{width: 10px;height: 10px;border: 2px solid #057fd6;background: none;}
.product .picScroll-left .bd ul{zoom:1;padding: 20px !important;}
.product .picScroll-left .bd ul li{ margin-right:40px; float:left; _display:inline; overflow:hidden; text-align:center;width: 422px !important;height: 442px;background: #f7f7f7;padding: 0 15px;box-sizing: border-box;}
.product .picScroll-left .bd ul li:hover{box-shadow: 0 0 15px 2px rgba(0,0,0,.1);}
.product .picScroll-left .bd ul li img{width: 390px;height: 320px;display: block;margin: 0 auto;}
.product .picScroll-left .bd ul li p{font-size: 18px;color: #444444;display: flex;border-top: 1px solid #e3e3e3;padding-top: 25px;margin-top: 25px;align-items: center;justify-content: space-between;}
.product .picScroll-left .bd ul li p::after{content: " ";display: block;width: 22px;height: 9px;background: url(../image/arrow.png) no-repeat -28px 0;}
.product .picScroll-left .bd ul li:hover p{color: #057fd6;border-color: #057fd6;}
.product .picScroll-left .bd ul li:hover p::after{background: url(../image/arrow.png) no-repeat 0 0;}
.product .picScroll-left.selected .hd{display: block;}

.about{
	background: url(../image/ab.jpg) no-repeat right bottom;
	position: relative;
	height: 710px;
}
.about .abinfo{
	width: 830px;
	margin-top: 50px;
}
.about .abinfo p{
	font-size: 15px;
	line-height: 32px;
}
.about a.more{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 15px;
	width: 82px;
	position: relative;
	margin-top: 70px;
}
.about a.more::after{
	content: " ";
	display: block;
	width: 22px;
	height: 9px;
	background: url(../image/arrow.png) no-repeat -28px 0;;
}
.about a.more:hover{
	color: #057fd6;
}
.about a.more:hover::after{
	background: url(../image/arrow.png) no-repeat 0 0;;
}
.about::after{
	content: " ";
	display: block;
	width: 100%;
	height: 230px;
	background: #057fd6;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
.about ul{
	margin-top: 180px;
}
.about li{
	margin-right: 100px;
}
.about li span{
	display: block;
	color: rgba(255,255,255,.5);
}
.about li p{
	font-size: 46px;
	color: #fff;
	font-weight: bold;
}
.about li p small{
	font-weight: normal;
	font-size: 14px;
	color: rgba(255,255,255,.5);
	margin-left: 10px;
}

.adv{
	margin-top: 140px;
}
.adv ul{
	justify-content: space-between;
	border-top: 1px solid #e5e5e5;
	margin-top: 35px;
}
.adv li{
	width: 422px;
	text-align: center;
	box-sizing: border-box;
	padding: 0 40px;
	padding-top: 80px;
	padding-bottom: 80px;
}
.adv li .advtop{
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 32px;
}
.adv li .advtop p{
	display: block;
	font-size: 24px;
	color: #404040;
}
.adv li .advtop span{
	display: block;
	font-size: 12px;
	color: #bfbfbf;
	margin-top: 5px;
}
.adv li .advtop i{
	display: block;
	font-style: normal;
	font-size: 26px;
	color: #d9d9d9;
	font-weight: bold;
	margin-top: 10px;
}
.adv ul li .advinfo{
	padding-top: 190px;
}
.adv li .advinfo p{
	line-height: 26px;
}
.adv ul li:first-child .advinfo{
	background: url(../image/adv1.png) no-repeat center 45px;
}
.adv ul li:first-child+li .advinfo{
	background: url(../image/adv2.png) no-repeat center 45px;
}
.adv ul li:first-child+li+li .advinfo{
	background: url(../image/adv3.png) no-repeat center 45px;
}
.adv ul li:hover{
	background: #f7f7f7;
}
.adv ul li:hover .advtop i{
	color: #057fd6;
}

.news{
	margin-top: 140px;
	height: 750px;
}
.newsub{
	justify-content: flex-end;
	margin-top: -20px;
}
.newsub a{
	font-size: 15px;
	margin-left: 56px;
}
.newsub a.active{
	color: #057fd6;
}

.newpicbox{
	position: relative;
}
.news .picScroll-left{position:relative;border-top: 1px solid #e5e5e5;margin-top: 32px;padding-top: 48px;border-bottom: 1px solid #e5e5e5;padding-bottom: 60px;position: absolute;width: 100%;top: 0;left: 0;background: #fff;z-index: -1;}
.news .picScroll-left.select{z-index: 2;}
.news .picScroll-left .hd{ overflow:hidden;height:44px; position: absolute;bottom: -100px;width: 100%;align-items: center;justify-content: center;display: none;}
.news .picScroll-left.select .hd{display: flex;}
.news .picScroll-left .hd .prev,.news .picScroll-left .hd .next{ display:block; width:44px; height:44px;overflow:hidden;cursor:pointer;background: url(../image/arrow2.png) no-repeat center;margin: 0 20px;}
.news .picScroll-left .hd .prev{transform:rotate(180deg);}

.news .picScroll-left .hd ul{overflow:hidden; zoom:1;align-items: center;}
.news .picScroll-left .hd ul li{ float:left;width:6px; height:6px; overflow:hidden; margin: 0 11px; text-indent:-999px; cursor:pointer;border-radius: 100%;background: #d9d9d9;}
.news .picScroll-left .hd ul li.on{width: 10px;height: 10px;border: 2px solid #057fd6;background: none;}
.news .picScroll-left .bd{ overflow: hidden;}
.news .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.news .picScroll-left .bd ul li{ 
    margin-right:40px; float:left; _display:inline; overflow:hidden;width:406px;
    
}
.news .picScroll-left .bd ul li .box{
	width: 400px;
	height: 200px;
	overflow: hidden;
	display: block;
}
.news .picScroll-left .bd ul li img{
	width: 400px;
	height: auto;
	transition: .3s ease-out;
}
.news .picScroll-left .bd ul li img:hover{
	transform: scale(1.1, 1.1);
}
.news .picScroll-left .bd ul li h3 a{
	display: block;
	font-size: 24px;
	color: #404040;
	font-weight: normal;
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.news .picScroll-left .bd ul li span{
	display: block;
	font-size: 16px;
	color: #a6a6a6;
	margin-top: 12px;
}
.news .picScroll-left .bd ul li p{
	line-height: 26px;
	display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    margin-top: 16px;
    height: 50px;
    margin-bottom: 46px;
}

.footer{
	background: #212d37;
	color: #fff;
	margin-top: 60px;
	padding-top: 65px;
}
.footer .container{
	position: relative;
}
.fnav{
	border-bottom: 1px solid #394147;
	width: 1090px;
	padding-bottom: 25px;
}
.fnav li:first-child a{
	margin-left: 20px;
}
.fnav li a{
	color: #e5e5e5;
	font-size: 16px;
	margin-right: 85px;
}
.fcont{
	width: 1090px;
	margin-top: 55px;
}
.fcont li{
	margin-right: 140px;
	position: relative;
}
.fcont li::after{
	content: " ";
	display: block;
	width: 1px;
	height: 60px;
	background: #323b43;
	position: absolute;
	right: -80px;
	top: 5px;
}
.fcont li:last-child::after{
	display: none;
}
.fcont li p{
	color: #b9bbc0;
	line-height: 28px;
}
.fcont li:first-child{
	margin-left: 18px;
}
.fcont li:first-child p{
	font-size: 13px;
	color: #adaeb4;
}
.fcont li:first-child i{
	font-style: normal;
	font-size: 28px;
	font-weight: bold;
}
.fcont li p span{
	color: #fff;
}
.bottom{
	border-top: 1px solid #2f3840;
	position: relative;
	height: 84px;
	flex-direction: column;
	justify-content: center;
	margin-top: 66px;
}
.bottom span{
	display: block;
	font-size: 13px;
	color: #fff;
	opacity: .4;
}
.bottom span a{
	color: #fff;
}
.bottom p{
	font-size: 12px;
	color: #969696;
	opacity: .8;
	margin-top: 5px;
}
.bottom .gs{
	position: absolute;
	right: 7px;
	top: 16px;
}
.ewm{
	position: absolute;
	width: 100px;
	right: 36px;
	top: 13px;
	text-align: center;
}
.ewm p{
	font-size: 15px;
	color: #fff;
	opacity: .75;
	margin-top: 15px;
}

.kefu{
	position: fixed;
	width: 70px;
	z-index: 999;
	right: 0;
	top: 200px;
}
.kefu dl{
	width: 70px;
	height: 60px;
	margin-bottom: 1px;
	overflow: hidden;
	position: relative;
}
.kefu dl dt{
	width: 70px;
	height: 60px;
	cursor: pointer;
}
.kefu dl:first-child dt{
	background: url(../image/kf.png) no-repeat 0 0 #303847;
}
.kefu dl:first-child+dl dt{
	background: url(../image/kf.png) no-repeat 0 -61px #303847;
}
.kefu dl:first-child+dl+dl dt{
	background: url(../image/kf.png) no-repeat 0 -122px #303847;
}
.kefu dl:first-child+dl+dl+dl dt{
	background: url(../image/kf.png) no-repeat 0 -183px #303847;
}
.kefu dl:first-child+dl+dl+dl+dl dt{
	background: url(../image/kf.png) no-repeat 0 -244px #303847;
}

.kefu dl:first-child:hover dt{
	background: url(../image/kf.png) no-repeat -70px 0 #057fd6;
}
.kefu dl:first-child+dl:hover dt{
	background: url(../image/kf.png) no-repeat -70px -61px #057fd6;
}
.kefu dl:first-child+dl+dl:hover dt{
	background: url(../image/kf.png) no-repeat -70px -122px #057fd6;
}
.kefu dl:first-child+dl+dl+dl:hover dt{
	background: url(../image/kf.png) no-repeat -70px -183px #057fd6;
}
.kefu dl:first-child+dl+dl+dl+dl:hover dt{
	background: url(../image/kf.png) no-repeat -70px -244px #057fd6;
}

.kefu dl:hover{
	overflow: visible;
}
.kefu dl dd{
	position: absolute;
	top: 0;
	right: 70px;
	opacity: 0;
	transition: .3s ease-out;
}
.kefu dl dd.num{
	width: 140px;
	height: 60px;
	background: #057fd6;
	color: #fff;
	font-size: 17px;
	line-height: 60px;
	text-align: center;
}
.kefu dl dd.num a{
	color: #fff;
}
.kefu dl:hover dd{
	opacity: 1;
}
.kefu dl dd.img{
	width: 150px;
	height: 150px;
	background: #fff;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
}
.kefu dl dd.img img{
	width: 90%;
}

.ban{
	height: 400px;
	background: url(../image/ban.jpg) no-repeat center;
}
.loc{
	justify-content: space-between;
	border-bottom: 1px solid #ddd;
	height: 70px;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 30px;
}
.loc p{
	font-size: 20px;
	color: #057fd6;
	position: relative;
	padding-left: 15px;
	font-weight: bold;
}
.loc p::before{
	content: " ";
	display: block;
	width: 3px;
	height: 22px;
	position: absolute;
	left: 0;
	top: 3px;
	background: #057fd6;
	border-radius: 5px;
}
.submenu{
	justify-content: center;
}
.submenu a{
	font-size: 14px;
	display: block;
	background: #eee;
	line-height: 30px;
	color: #333;
	padding: 0 10px;
	margin-left: 20px;
	border-radius: 3px;
}
.submenu a.hover,.submenu a:hover{
	background: #057fd6;
	color: #fff;
}

.content{
	line-height: 26px;
}
.content img{
	max-width: 100%;
}

.list{
	margin-top: 40px;
}
.list li{
	justify-content: space-between;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	align-items: center;
}
.list li .list_left{
	width: 790px;
}
.list li .list_left h3 a{
	color: #057fd6;
	font-weight: normal;
}
.list li .list_left h3 a:hover{
	font-weight: bold;
}
.list li .list_left p{
	line-height: 22px;
	margin-top: 10px;
	display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}
.list li img{
	width: 100%;
	height: auto;
	transition: .3s ease-out;
}
.list li span{
	display: block;
	margin-top: 30px;
}
.list li .box{
	width: 400px;
	height: 200px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list li .box:hover img{
	transform: scale(1.1, 1.1);
}

.photo ul{
	margin-left: -30px;
}
.photo li{
	width: 300px;
	margin-left: 30px;
	margin-top: 15px;
}
.photo li .box{
	overflow: hidden;
}
.photo li img{
	width: 300px;
	height: 200px;
	transition: .3s ease-out;
}
.photo li:hover img{
	transform: scale(1.1, 1.1);
}
.photo li:hover p{
	color: #057fd6;
}
.photo li p{
	overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 50px;
    text-align: center;
}
.showtop{
	text-align: center;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 20px;
	margin-top: 40px;
}
.showtop h1{
	font-weight: normal;
	font-size: 22px;
	color: #057fd6;
}
.showtop p{
	font-size: 12px;
	line-height: 50px;
}
.prepage{
	line-height: 30px;
	margin-top: 30px;
}