*{padding:0;margin:0;font-family: "Microsoft YaHei";list-style: none;text-decoration: none;border: none;}
.container{
	width: 1200px;
	margin:0 auto;
}
html{overflow-x:hidden;}
body{
	background: #fff;
	color: #3c3c3c;
	font-size: 14px;
	min-width: 1200px;
}
a{
	outline: none;
	color: #3c3c3c;
}
a:hover{
	color: #018fdc;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clear{
	clear: both;
}
.df{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
/*
===================
分页
>>	pages_pre		上一页
>>	pages_next	下一页
>>	strong			激活状态
>>	a:hover			鼠标悬停状态
===================
*/
.pages {
	margin: 50px auto 20px auto;
	font-size: 14px;
	text-align: center;
}
.pages ul{display: inline-block;}
.pages a,
.pages strong{
	display:inline-block;
	line-height:28px;
	padding:0 10px;
	border:1px solid #d9d9d9;
	background-color:#ffffff; 
	text-decoration:none;
	color:#666;
	font-family:Simsun;
	-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
	margin-right:3px;
}
.pages .current{
	display:inline-block;
	line-height:28px;
	padding:0 10px;
	border:1px solid #d9d9d9;
	background-color:#ffffff; 
	text-decoration:none;
	font-family:Simsun;
	-webkit-transition: all 0.2s ease-out;transition: all 0.2s ease-out;
	margin-right:3px;
	
	color:#fff;
	background-color:#018fdc;
	border-color:#fff;
}
.pages a:hover{
	color:#fff !important;
	background-color:#018fdc;
	border-color:#fff;
	text-decoration:none;
}
.pages strong{
	color:#fff;
	background-color:#24557d;
	border-color:#fff;
}
.pages span{
	padding:0 10px;
	line-height:23px;
}

/* index top */
.head{
	height: 125px;
}
.head .logo{
	display: block;
	width: 160px;
	height: 125px;
	background: url(../images/logo.png) no-repeat center;
}
.head .nav{
	margin-top: 70px;
}
.head .nav li{
	float: left;
	margin-left: 46px;
}
.head .nav li a{
	font-size: 18px;
	color: #1d1d1d;
}
.headtell{
	margin-left: auto;
	display: flex;
}
.headtell span{
	font-size: 15px;
	color: #3c3c3c;
	position: relative;
	padding-left: 25px;
	margin-left: 25px;
	display: flex;
    align-items: center;
}
.headtell span::before{
	content: " ";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.headtell span:first-child::before{
	background: url(../images/tell.png) no-repeat 0 0;
}
.headtell span:first-child+span::before{
	background: url(../images/tell.png) no-repeat -22px 0;
}

.menu{
	height: 46px;
	overflow: hidden;
	line-height: 46px;
	background: #0095dc;
}
.menu ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;

}
.menu li{
	flex-grow:1;
	text-align: center;
}
.menu li a{
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: bold;
}
.menu li:first-child{
	background: #182833;
}
.menu li:nth-child(2){
	background: #12b7ed;
}
.menu li:nth-child(3){
	background: #7b7e84;
}
.menu li:nth-child(4){
	background: #87cc20;
}
.menu li:nth-child(5){
	background: #333e57;
}
.menu li:nth-child(6){
	background: #713777;
}
.menu li:nth-child(7){
	background: #29404b;
}
.menu li:nth-child(8){
	background: #ff8811;
}
.menu li:nth-child(9){
	background: #2b4669;
}
.menu li:nth-child(10){
	background: #41bebb;
}
.menu li:nth-child(11){
	background: #333e57;
}
.menu li:nth-child(12){
	background: #000;
}

.slideBox{ width:100%; height:542px; overflow:hidden; position:relative;}
.slideBox .hd{ height:12px; overflow:hidden; position:absolute;bottom:25px; z-index:1;width: 100%;}
.slideBox .hd ul{ overflow:hidden; zoom:1;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: center;}
.slideBox .hd ul li{margin: 0 5px;width:12px; height:12px;background:rgba(255,255,255,.43); cursor:pointer;border-radius: 100%;}
.slideBox .hd ul li.on{ background:#fff;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul{margin: 0 auto;}
.slideBox .bd li{ zoom:1; vertical-align:middle;width:100%; height:542px;}

.about{
	text-align: center;
	margin-top: 75px;
}
.abtit{
	font-size: 45px;
	color: #018fdc;
	font-weight: 200;
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}
.abtit::after{
	content: " ";
	display: block;
	width: 90px;
	height: 2px;
	background: #018fdc;
	position: absolute;
	left: 50%;
	margin-left: -45px;
	bottom: 0;
}
.about p{
	font-size: 15px;
	line-height: 24px;
	width: 1020px;
	margin: 0 auto;
	margin-top: 30px;
	font-weight: 200;
}
.about a.more{
	display: block;
	width: 30px;
	height: 30px;
	background: url(../images/m1.png) no-repeat center;
	margin: 0 auto;
	margin-top: 16px;
}

.product{
	background: #f7f7f7;
	margin-top: 60px;
	padding-top: 80px;
	padding-bottom: 88px;
	min-height: 450px;
}
.ptit{
	text-align: center;
	font-weight: 200;
}
.ptit span{
	display: block;
	font-size: 39px;
	color: #018fdc;
}
.ptit p{
	font-size: 15px;
	color: #3c3c3c;
	margin-top: 20px;
}
.picMarquee-left{position:relative;margin-top: 35px;}
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{display:block;width:19px; height:33px;overflow:hidden;cursor:pointer;position: absolute;top: 110px;}
.picMarquee-left .hd .prev{background: url(../images/m2.png) no-repeat 0 0;left: -116px;}
.picMarquee-left .hd .next{background: url(../images/m2.png) no-repeat -19px 0;right: -116px;}
.picMarquee-left .hd .prev:hover{background: url(../images/m2.png) no-repeat 0 -33px;}
.picMarquee-left .hd .next:hover{background: url(../images/m2.png) no-repeat -19px -33px;}
.picMarquee-left .bd{overflow:hidden;}
.picMarquee-left .bd ul{overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;width: 277px;}
.picMarquee-left .bd ul li a{
	display: block;
	background: #fff;
	height: 300px;
}
.picMarquee-left .bd ul li .box{
	width: 277px;
	height: 200px;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
.picMarquee-left .bd ul li .box img{
	max-width: 100%;
	transition: .3s ease-out;
}
.picMarquee-left .bd ul li a:hover img{
	transform: scale(1.1, 1.1);
}
.picMarquee-left .bd ul li p{
	font-size: 15px;
	margin-top: 20px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	padding: 0 20px;
}
@media (max-width: 1200px){
	.picMarquee-left .hd .prev{left: 0;}
	.picMarquee-left .hd .next{right: 0;}
}

.footer{
	background: #333;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 24px;
}
.footer .container{
	justify-content: space-between;
	box-sizing: border-box;
	padding-left: 10px;
	padding-right: 14px;
}
.fleft .fnav{
	position: relative;
	padding-bottom: 20px;
}
.fleft .fnav::after{
	content: " ";
	display: block;
	width: 103px;
	height: 1px;
	background: #7a7a7a;
	position: absolute;
	left: 2px;
	bottom: 0;
}
.fleft .fnav a{
	color: #fff;
	font-size: 20px;
	margin-right: 56px;
}
.ftell{
	margin-top: 30px;
}
.ftell p{
	font-size: 17px;
	line-height: 28px;
	position: relative;
	padding-left: 30px;
	font-weight: 200;
}
.ftell p::before{
	content: " ";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 0;
	top: 4px;

}
.ftell p:first-child::before{
	background: url(../images/tell.png) no-repeat 0 0;
}
.ftell p:first-child+p::before{
	background: url(../images/tell.png) no-repeat -22px 0;
}
.copy{
	font-size: 13px;
	color: #a2a2a2;
	margin-top: 80px;
}
.fright{
	margin-top: 55px;
}
.fright a{
	display: block;
	font-size: 17px;
	color: #fff;
	line-height: 41px;
	position: relative;
	padding-left: 45px;
}
.fright a::before{
	content: " ";
	display: block;
	width: 34px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 5px;
}
.fright a:first-child::before{
	background: url(../images/share.png) no-repeat 0 0;
}
.fright a:first-child+a::before{
	background: url(../images/share.png) no-repeat 0 -42px;
}

.fly{
	position: fixed;
	top: 368px;
	left: 50%;
	margin-left: 217px;
	z-index: 999;
}
.fly img{
	width: 380px;
}
.fly .close{
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background: rgba(0,0,0,.3);
	color: #fff;
	right: 10px;
	top: 10px;
	text-align: center;
	line-height: 38px;
	font-size: 30px;
	font-weight: 200;
	transition: .3s ease-out;
}
.fly .close:hover{
	background: rgba(0,0,0,.5);
}

.banner{
	height: 400px;
	background: url(../images/banner.jpg) no-repeat center;
}
.main{
	margin-top: 50px;
	margin-bottom: 50px;
}
.content{
	line-height: 24px;
	margin-top: 30px;
}
.content img{
	max-width: 100%;
}

.list{
	margin-top: 80px;
}
.list li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	border-bottom: 1px dashed #ddd;
	padding-bottom: 30px;
}
.list li .box{
	display: block;
	width: 300px;
	height: 200px;
	overflow: hidden;
}
.list li img{
	width: 300px;
	height: 200px;
	transition: .3s ease-out;
}
.list li .box:hover img{
	transform: scale(1.1, 1.1);
}
.list li .lr{
	width: 830px;
	padding-top: 10px;
}
.list li .lr h3{
	font-size: 18px;
	line-height: 40px;
}
.list li .lr p{
	line-height: 24px;
	margin-top: 10px;
}
.list li .lr span{
	display: block;
	color: #999;
	font-size: 16px;
	font-weight: 200;
	margin-top: 30px;
}

.photo ul{
	margin-left: -26px;
}
.photo li{
	float: left;
	width: 280px;
	margin-left: 26px;
}
.photo li p{
	text-align: center;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.photo li .box{
	width: 280px;
	height: 200px;
	overflow: hidden;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	border: 1px solid #ddd;
	box-sizing: border-box;
	align-items: center;
}
.photo li .box img{
	height: 100%;
	width: auto;
	transition: .3s ease-out;
}
.photo li .box:hover img{
	transform: scale(1.1, 1.1);
}
.photo li p{
	line-height: 40px;
	margin-bottom: 20px;
}

.showtop{
	text-align: center;
	border-bottom: 1px solid #ddd;
}
.showtop h1{
	font-weight: normal;
}
.showtop p{
	color: #999;
	line-height: 50px;
	font-size: 13px;
}
.prepage{
	line-height: 30px;
	margin-top: 50px;
}

.showcon img{
    max-width: 600px;
    display: block;
    margin: 0 auto;
}