@charset "utf-8";
@import url(//at.alicdn.com/t/font_979849_xu3gu19pk5.css);
/* CSS Document */
/*公用*/
*{margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none;}
body{font-size:13px;color:#333;background:#fff url(../images/header.png) repeat-x; font-family:"微软雅黑";}
ol li,ul li{list-style-type:none; vertical-align:middle;}
img{border:none;vertical-align:middle;}
input{vertical-align:middle;outline: none;}
font{font-size:12px;}
table{border-collapse: collapse;border-spacing: 0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration:none;}

.fl{float:left;}
.fr{float:right;}

/* clear float */
.clear, .clearfix:after {clear: both;}
.clear, .clearfix:before, .clearfix:after {display: block;overflow: hidden;visibility: hidden;width: 0; height: 0;}
.clearfix:before, .clearfix:after {content: '';}
.clearfix {*zoom: 1;}

.w1200{width:1200px;margin:0 auto;position: relative;}

.bannerAd{ background: url(../images/bannerAd.jpg) no-repeat center top;height:380px;width:100%;}

.ban{height:42px;line-height:42px;}
.ban a{display: inline-block;color:#fff;font-size:12px;padding:0 10px;}
.ban img{margin-top:-3px;margin-right:6px;}

.yu{height:42px;line-height:42px;color:#fff;font-size:12px;}
.yu a{display: inline-block;color:#fff;font-size:12px;padding:0 10px;}

.logo{height:75px;padding-top:25px;}
.header{position: relative;}
.menu li{float:left;font-size:16px;padding:30px;height:40px;line-height:40px;position: relative; z-index: 999;}
.menu li strong{display: block;height:40px;line-height:40px;}
.menu li a.main_a,.menu li a.sub_a{color:#fff;display: block;}
.menu li a.main_a:hover,.menu li a.sub_a:hover,.menu li a.hover{color:#e71f19;}
.menu li p{display: none;position: absolute;left:0;top:80px;right:0;padding:15px 0;text-align:center; background: #2f353b; z-index: 999;border:1px solid #414a52;box-shadow: 0 5px 15px rgba(47,53,59,0.5);}
.menu li p a{display: block;line-height:36px;font-size:15px;}

.header .nav_pro{
	width: 1170px;
	height: auto;
	overflow: hidden;
	background: #2f353b; z-index: 999;border:1px solid #414a52;box-shadow: 0 5px 15px rgba(47,53,59,0.5);
	display: none;position: absolute;left:-828px;
	top:80px;
	padding:15px 15px 30px 15px;
	font-size: 14px;
	color: #fff;
	line-height: 100%;
}
.nav_pro dl{
	display: inline-block;
	float: left;
	font-size: 14px;
}
.nav_pro dl dt{
	color: #333;
	padding: 10px 0;
	font-size:18px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}

.nav_pro dl dd{
	float: left;
	margin-bottom: 20px;
}

.nav_pro dl dd .cat_txt{
	font-weight: bold;
	line-height: 20px;
	padding: 5px 0;
	border-bottom: 1px #555 dotted;
}
.nav_pro dl dd a{
	line-height: 20px;
	padding: 5px 0;
	display: block;
	border-bottom: 1px #555 dotted;
}

.nav_pro a{
	color: #fff;
}
.nav_pro a:hover{
	color: #e71f19;
}



.footer{ background: url(../images/footer.png) repeat-x;height:259px;}

.copy{height:49px;line-height:49px;}
.copy p{color:#c0c0c0;font-size: 12px;float:left;}
.copy span{display: block;float:right;color:#c0c0c0;font-size: 12px;}
.copy span a{
	color: #fff;
}

.flogo{padding-top:85px;height:210px;box-sizing: border-box;padding-right:60px;margin-right:60px;position:relative;}
.flogo::after{content: "";position: absolute;right:0;top:50px;height:120px;border-right:1px solid #3b3b3b;}

.address{width:330px;font-size:14px;color:#c0c0c0;line-height:30px;padding-top:45px;position: relative;padding-left:60px;}
.address::after{content: "";position: absolute;left:0;top:50px;height:120px;border-left:1px solid #3b3b3b;}

.help{width:136px;padding-top:40px;}
.help h3{color:#878787;font-size:16px;line-height:36px;}
.help p a{display: block;font-size:14px;color:#878787;line-height:24px;}
.help p a:hover{color:#fff;}

.side{width:270px;padding-bottom:20px;}
.side h3{color:#fff; background: #ee4547;text-align:center;height:170px;line-height:170px;margin-top:-100px;font-size:30px;}
.side ul{ background: #2f353b;padding:20px 18px 40px;}
.side li{border-bottom: 1px solid #767a7d;height:47px;line-height:47px;}
.side li a{display: block;color:#fff;font-size:18px;padding:0 12px; background: url(../images/ico_3.png) no-repeat 160px center;}
.side li a:hover,.side li a.hover{ background:#ee4547 url(../images/ico_3.png) no-repeat 160px center;}
.side strong{display: block;font-size:24px;color:#353535;height:50px;line-height:50px;padding:20px 0 5px;}
.side p{color:#353535;font-size:14px;line-height:45px;}
.side p img{margin-top:-3px;margin-right:8px;}

.side dl,.side dl a{
	color: #fff;
}
.side dl dd{
	height: auto;
	overflow: hidden;
	line-height: 20px;
	padding: 5px 0 5px 10px;
}
.side dl dd.thi{
	padding-left: 20px;
}

.side dl dd.on a.sec{
	color: #ee4547;
}

.side dl dd.thion a{
	color: #ee4547;
}


.w910{width:870px;}

.site{padding-top:30px;height:42px;line-height:42px;border-bottom:1px solid #eee8e7;}
.site h3{float:left;color: #3d3d3d;font-size:18px;}
.site p{float:right;color:#7a7a7a;font-size:14px;}
.site a{
	color: #666;
}


.list{padding:20px 0 60px;}
.list li{border-bottom:1px dashed #dbd4cd;padding:24px 0 24px 100px;position: relative;}
.list li strong{display: block;color:#fff; background: #ee4547;width:60px;height:65px;position: absolute;left:0;top:25px;text-align: center;font-size:12px;}
.list li b{display: block;font-weight: bold;font-size:17px;padding-top:10px;}
.list li h3{font-size:22px;line-height:24px;}
.list li h3 a{color:#333;}
.list li p{line-height:20px;font-size:14px;color:#5f5f5f;padding-top:5px;}


.title{text-align:center;font-size:36px;color:#1a1a1a;height:80px;line-height:80px;position: relative;margin-top:50px;}
.title::before{content: "";position: absolute;left:50%;top:0;width:60px;border-top:4px solid #e71f19;margin-left:-30px;}

.title1{text-align:center;font-size:36px;color:#fff;height:80px;line-height:80px;position: relative;margin-top:50px;}
.title1::before{content: "";position: absolute;left:50%;top:0;width:60px;border-top:4px solid #e71f19;margin-left:-30px;}


.more{text-align:center;padding:60px 0;}
.more a{display: block;color:#fff; background: #df4c4d;width:188px;height:44px;line-height:44px;margin:0 auto;border-radius: 5px;font-size:16px;}
.more a:hover{color:#fff; background: #9e0d10;}

.pic ul{margin-left:-40px;padding-top:30px;}
.pic li{float: left;width:270px;margin-left:40px;text-align:center;}
.pic li img{border:1px solid #dbdbdb;}
.pic li p{font-size:16px;color:#333;line-height:24px;padding-top:15px; height: 24px; overflow: hidden; display: inline-block;}



.about{ background: #2d3e4e;color:#fff;position: relative;padding:70px 0;}
.about h3{position: absolute;left:50%;top:40px;margin-left:-40px;;color:#fff; background: rgba(210,0,1,.8);padding:40px 80px 20px 30px;font-size:30px;line-height:40px;}
.about h3::after{content: "";position: absolute;left:30px;top:25px;width:50px;border-top:4px solid #fff;}
.about span{display: block;font-size:14px;line-height:24px;}
.about p{width:510px;font-size:14px;color:#fff;line-height:24px;float:left;}
.about em{display: block;float:right;}
.about a.more{
	display: inline-block;
	padding: 5px 10px;
	background: #df4c4d;
	color: #fff;
	border-radius: 5px;
	margin-top: 10px;
}

.case_bg{ background: url(../images/bg_1.jpg) no-repeat center center;height:544px;position: relative; overflow: hidden;}
.mt50{margin-top:50px;}
.case{width:570px;}
.case em{display: block;float:left;}
.case div{width:280px;float:right;}
.case h3{font-size:18px;line-height:40px;}
.case h3 a{color:#fff;}
.case p{color:#c5c4c4;font-size:14px;padding:3px 0 15px;line-height: 24px;}
.case span{display: block;}
.case span a{display: block;width:94px;height:34px;line-height:34px;text-align:center;border:1px solid #727579;color:#888888;font-size:14px;}
.case span a:hover{color:#fff; background: #888888;}

.news_time{text-align:center;width:130px;color:#656565;font-size:14px;line-height:20px;}
.news_time strong{display: block;color:#e71f19;font-size:44px;font-weight: bold;line-height:50px;}

.news{width:350px;}
.news h3{font-size:20px;line-height:40px;}
.news h3 a{color:#333;}
.news p{color:#4b4b4b;font-size:14px;line-height:24px;padding:10px 0 20px;}
.news span{display: block;}
.news span a{display: block;width:94px;height:34px;line-height:34px;text-align:center;border:1px solid #e6e6e6;color:#888888;font-size:14px;}
.news span a:hover{color:#fff; background: #888888;}

.news_list{width:400px;}
.news_list li{height:40px;line-height:40px;border-bottom:1px solid #e5e5e5;}
.news_list li a{display: block;float:left;font-size:14px;color:#333;}
.news_list li a:hover{color:#e71f19;}
.news_list li span{display: block;float:right;font-size:14px;color: #7b7b7b;}


.banner{position: relative;width:100%; height: 550px;}

.banner .swiper-slide{
	height: 550px;
	width: 100%;
	overflow: hidden;
}

.banner .swiper-pagination{bottom:20px;}
.banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;
}
.banner .swiper-pagination-bullet-active {opacity: 1;background: #e71f19;}


.case_bg .swiper-button-prev {left:-40px;}
.case_bg .swiper-button-next {right:-40px;}



.content-page{
	width: 870px;
	height: auto;
	overflow: hidden;
	min-height: 500px;
	padding: 20px 0 60px 0;
	font-size: 14px;
	line-height: 28px;
	color: #444;

}
.content-page p{
	margin: 14px 0 0 0px;
}

.content-page h2{ color:#ee4547; line-height:20px; font-size:16px; font-weight:bold; width:670px; text-align:left; margin-top:25px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px #eaeaea dotted;}
.content-page h3{ color:#ee4547; line-height:20px; font-size:14px; font-weight:bold; width:670px; text-align:left; margin-top:15px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px #eaeaea dotted;}
.content-page table{ width:100%; margin-top:15px;}
.content-page table th{ color:#FFFFFF; font-weight:bold; background:#ee4547; border:1px #ee4547 solid;padding:4px 8px; }
.content-page table td{ padding:3px 8px; border:1px #eaeaea solid;}






/*CSS jogger style pagination*/
.pagecode{
	margin-bottom: 50px;
}
DIV.jogger {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; MARGIN: 7px; PADDING-TOP: 2px; FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif
}
DIV.jogger A {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #ee4e4e; TEXT-DECORATION: none
}
DIV.jogger A:hover {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818
}
DIV.jogger A:active {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #fff; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #de1818
}
DIV.jogger SPAN {
	PADDING-RIGHT: 0.64em; PADDING-LEFT: 0.64em; PADDING-BOTTOM: 0.43em; MARGIN: 2px; COLOR: #6d643c; PADDING-TOP: 0.5em; BACKGROUND-COLOR: #f6efcc
}
DIV.jogger SPAN.disabled {
	DISPLAY: none
}

.article_title{
	font-size: 26px; color: #333;
	line-height: 33px;
	padding: 40px 0 10px 0;
	font-weight: bold;
}
.desc{
	font-size: 12px; color: #666;
	border-bottom: 1px #eaeaea solid;
	display: inline-block;
	width: 100%;
	padding-bottom: 10px;
}



.pic-list{
	width: 910px;
	height: auto;
	overflow: hidden;
	padding: 20px 0 60px 0;
}
.pic-list ul{
	width: 1000px;
}
.pic-list ul li{
	float: left;
	display: inline-block;
	margin-right: 91px;
	margin-top: 20px;
}
.pic-list ul li a{
	display: block;
	width: 242px;
	height: 240px;
}
.pic-list ul li a .img{
	width: 240px;
	height: 178px;
	border:1px #dddddd solid;
	overflow: hidden;
}
.pic-list ul li a .img img{
	width: 100%;
	min-height: 178px;
}

.pic-list ul li a .img img{
	width: 100%;
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.pic-list ul li a:hover .img img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
	transform: scale(1.1);
}


.pic-list ul li a span{
	display: inline-block;
	font-size: 14px;
	color: #555;
	font-size: 14px;
	line-height: 20px;
	margin-top: 5px;
	text-align: center;
	width: 100%;
	height: 40px;
	overflow: hidden;
}

.pro_tab{
	border-bottom: 2px #ee4547 solid;
}
.pro_tab a{
	display: inline-block;
	background: #eaeaea;
	color: #333;
	padding: 6px 30px;
	font-size: 14px;
	margin-right: 6px;
}
.pro_tab a.on{
	background: #ee4547;
	color: #fff;
}

.pro_c{
	margin-top: 20px;
}
.pro_c .c{
	display: none;
}

.pro_c .rollpic{
	width: 320px;
	height: 410px;
	overflow: hidden;
	position: relative;
	float: left;
}
.pro_c .rollpic .mainpic{
	width: 320px;
	height: 320px;
	overflow: hidden;
}
.pro_c .rollpic .mainpic img{
	width: 320px;
	height: 320px;
}
.pro_c .rollpic .rollthumb{
	width: 270px;
	height: 80px;
	overflow: hidden;
	margin-top: 10px;
	margin-left: 25px;
}
.pro_c .rollpic .rollthumb .bd{
	width: 270px;
	height: 80px;
	overflow: hidden;
}
.pro_c .rollpic .rollthumb .bd ul{
	float: left;
	overflow: hidden;
}
.pro_c .rollpic .rollthumb .bd ul li{
	width: 80px;
	height: 80px;
	overflow: hidden;
	display: inline-block;
	margin-right: 5px;
}
.pro_c .rollpic .rollthumb .bd ul li img{
	width: 80px;
	height: 80px;
}
.pro_c .rollpic .rollthumb a.prev{
	display: block;
	width: 18px;
	height: 66px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 6px;
	background: url(../images/left.gif) top center no-repeat;
}
.pro_c .rollpic .rollthumb a.next{
	display: block;
	width: 18px;
	height: 66px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	bottom: 6px;
	background: url(../images/right.gif) top center no-repeat;
}

.pro_c .baseinfo .infos{
	background: #f9f9f9;
	width: 470px;
	min-height: 350px;
	overflow: hidden;
	float: right;
	padding: 30px;
}
.pro_c .baseinfo .infos .protitle{
	font-size: 24px;
	font-weight: bold;
}
.pro_c .baseinfo .infos .prodesc{
	font-size: 12px;
	color: #555;
	border-bottom: 1px #ccc dotted;
	line-height: 20px;
	display: block;
	padding: 10px 0;
}

.pro_c .baseinfo .infos .lianxi{
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}
.pro_c .baseinfo .infos .lianxi i{
	font-size: 30px;
	color: #ee4547;
	height: 40px;
	line-height: 40px;
	margin-right: 10px;
	display: inline-block;
	float: left;
}
.pro_c .baseinfo .infos .lianxi span{
	line-height: 40px;
	display: inline-block;
	color: #000;
	float: left;
}
.pro_c .baseinfo .infos .lianxi_btn{
	padding: 0px 0;
}
.pro_c .baseinfo .infos .lianxi_btn a{
	display: inline-block;
	padding: 6px 60px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background: #ee4547;
	border-radius: 5px;
}

.pro_c .baseinfo .txtinfo{
	margin-top: 40px;
	width: 655px;
	height: auto;
	overflow: hidden;
}
.pro_c .baseinfo .txtinfo .proh2{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	border-bottom: 3px #aaa solid;
	height: 35px;
	line-height: 35px;
	position: relative;
}
.pro_c .baseinfo .txtinfo .proh2 span{
	border-bottom: 3px #ee4547 solid;
	display: inline-block;
	height: 35px;
	position: absolute;
	bottom: -3px;
	padding: 0 10px;
}
.pro_c .baseinfo .txtinfo .txtcontent{
	font-size: 14px;
	line-height: 26px;
	color: #666;
}
.pro_c .baseinfo .peijian{
	width: 200px;
	height: 600px;
	overflow: hidden;
	background: #f9f9f9;
	margin-top: 40px;
}
.pro_c .baseinfo .peijian .peijiantitle{
	background: #ee4547;
	text-align: center;
	height: 36px;
	line-height: 36px;
	color: #fff;
	font-size: 16px;
	margin: 10px;
}
.pro_c .baseinfo .peijian .peijian-c{
	padding: 10px;
	width: 180px;
	height: 544px;
	overflow: hidden;
}
.pro_c .baseinfo .peijian .peijian-c li{
	width: 180px;
	height: 140px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
}
.pro_c .baseinfo .peijian .peijian-c li img{
	width: 180px;
	height: 140px;
}
.pro_c .baseinfo .peijian .peijian-c li span{
	display: inline-block;
	height: 25px;
	line-height: 25px;
	width: 100%;
	text-align: center;
	font-size: 14px; color: #fff;
	background: #ee4547;
	opacity: 0.8;
	position: absolute;
	bottom: 0;
	left: 0;
}

.caselist ul li a{
	padding: 20px 0;
	border-bottom: 1px #ccc dashed;
	display: block;
	height: auto;
	overflow: hidden;
}
.caselist ul li a img{
	border:1px #ccc solid;
	padding: 1px;
	background: #fff;
	float: left;
	margin-right: 20px;
	width: 230px;
	height: 140px;
}
.caselist ul li .info{
	color: #333;
}
.caselist ul li .info .case-title{
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.caselist ul li .info .casedesc{
	font-size: 12px;
	line-height: 18px;
	color: #666;
}
.caselist ul li .info .btn{
	background: #f9f9f9;
	border:1px #ccc solid;
	font-size: 12px;
	color: #ee4547;
	padding: 7px 30px;
	float: left;
	line-height: 100%;
	margin-top: 10px;
}