@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1140{width: 1140px;margin:0 auto;}

/*header start*/
.header{height: 80px;padding:10px 0;background: rgba(255, 255, 255, 0);color: #FFF;position: fixed;top: 0;left: 0;z-index: 999}
.header .logo{width: 335px;height: 80px;}

.nav{ width: 800px; height:80px; line-height:80px; position:relative;z-index:999;}
.nav .nLi{width: 100px; float:left; position:relative; display:inline;}
.nav .nLi{ float:left;}
.nav .nLi > a{ display:block; width: 100px; font-size:16px;font-weight: normal;text-align: center;color: #333;font-weight: bold;}
.nav .sub{ display:none; width:100px; left:0; top:80px;position:absolute;z-index: 9999;background:url(../images/hoverbg.png);line-height:35px;padding:5px 0;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; padding:0 10px;text-align: center;font-size: 15px;color: #fff}
.nav .sub a:hover{ background:#0066B3; color:#fff;}
.nav .on > a{ background:url(../images/navhover.png) no-repeat center;color: #B7120E}

.scrolledDown{background: #fff;color: #333;box-shadow: 0 0 10px 0 #666;}
.scrolledDown .nav .nLi h3 a{color: #333}
.scrolledDown .nav .sub a{color: #333}
.scrolledDown .sub a:hover{ background:#0066B3; color:#fff;}
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height:650px;
	overflow: hidden;
	zoom: 1;
}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}

.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 0;
}

.flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: #aaa;
	display: block;
	height: 10px;
	overflow: hidden;
	text-indent: -99em;
	width: 10px;
	cursor: pointer;
	-webkit-transition: all 0s ease;
	border-radius: 10px;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background: #b7120e;
}

.flexslider .slides a img {
	width: 100%;
	height: 650px;
	display: block;
}
/*banner end*/

.title{text-align: center;height: 80px;background: url(../images/titleline.png) no-repeat center;}
.title b{font-size: 38px;color: #ddd;line-height: 50px;text-transform:uppercase;font-family: 'Arial','Microsoft YaHei';}
.title strong{text-align: center;font-size: 28px;color: #B7120E;line-height: 30px;}

/*product start*/
.product{padding:50px 0;}
.product .pro_nav{margin: 30px auto 0;height: 40px;border:1px solid #ccc;border-width: 1px 0 1px 0}
.product .pro_nav ul li{float: left;}
.product .pro_nav ul li a{display:block;text-align: center;font-size: 16px;height: 40px;line-height: 40px;border-right: 1px solid #ccc;width: 170px;color: #333}
.product .pro_nav ul li:nth-child(1) a{border-left: 1px solid #ccc;}
.product .pro_nav ul li:hover a{background: #B7120E;color: #fff}

.product .pro_body ul li{width: 270px;margin-left: 40px;float: left;margin-top: 30px}
.product .pro_body ul li:nth-child(4n+1) {margin-left: 0px;}
.product .pro_body ul li .img{width: 270px;height: 202.5px;overflow: hidden;}
.product .pro_body ul li img{ width: 270px; height: 202.5px; display: block;-moz-transition:.5s ease-in;-webkit-transition:.5s ease-in;-o-transition:.5s ease-in;-ms-transition:.5s ease-in;transition:.5s ease-in;}
.product .pro_body ul li img:hover { transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.product .pro_body ul li .zi{height: 68px;background: #dfdfdf;text-align: center;}
.product .pro_body ul li .zi p{width:270px;text-align: center;line-height: 35px;font-size: 15px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .pro_body ul li .zi font{display: block;width: 80px;height: 25px;line-height: 25px;font-size: 12px;background: #B7120E;color: #fff;margin: 0 auto;}
.product .pro_body ul li:hover .zi{background: #B7120E;color: #fff}
/*product end*/

/*company start*/
.company{padding: 50px 0;background: url(../images/com_body.jpg) no-repeat center;}
.company .com_body{margin-top: 30px}
.company .com_l{width: 760px;height: 344px;background: rgba(255,255,255,0.6);padding: 20px}
.company .com_l .gsjj{height: 310px;overflow: hidden;}
.company .com_l img{padding-right: 20px;}
.company .com_l .zi{width: 760px;}
.company .com_l .zi b{font-size: 18px;color: #333;line-height: 200%}
.company .com_l .zi em{display: block;width: 50px;height: 3px;background: #B7120e}
.company .com_l .zi p{text-indent: 2em;line-height: 180%;}
.company .com_l a{color:#CB1A00;font-size: 16px;font-weight: bold;float: right;line-height: 30px}

.company .zzry{width: 360px;height: 384px;background: rgba(255,255,255,0.6)}

.picScroll-top{ margin:0 auto;  width:360px;  overflow:hidden; position:relative;}
.picScroll-top .hd{ overflow:hidden;  height:57px;padding:0 10px;  }
.picScroll-top .hd .prev,.picScroll-top .hd .next{ display:block;  width:340px; height:57px;overflow:hidden;cursor:pointer; background:url("../images/prebg.png") no-repeat center 35px;}
.picScroll-top .hd .next{ background:url("../images/nextbg.png") no-repeat center 5px}
.picScroll-top .hd .prevStop{ background-position:-60px -100px;  }
.picScroll-top .hd .nextStop{ background-position:-60px -140px;  }

.picScroll-top .bd{ padding:10px;   }
.picScroll-top .bd ul{ overflow:hidden; zoom:1; }
.picScroll-top .bd ul li{ text-align:center; zoom:1; }
.picScroll-top .bd ul li .pic{ text-align:center;padding:0px 20px; }
.picScroll-top .bd ul li .pic img{ width:298px; height:224px; display:block; border:1px solid #fff; }
.picScroll-top .bd ul li .pic a:hover img{ border-color:#b7120e;  }
.picScroll-top .bd ul li a{ line-height:24px; }
/*company end*/

/*case start*/
.case{padding: 50px 0}
.case .case-title{ height:85px; padding-top:15px; background: url("../images/about_title.jpg") no-repeat center top; text-align: center; font-size: 30px; color: #30a333; font-weight: bold; margin-bottom: 39px;}
.case-title span{ display: block; font-size: 12px; color: #666666; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.case-title i{ color: #333; font-weight: normal; }
.case-wrap{ height: 544px; position:relative;margin-top: 30px}
.case .case-big{ width: 714px; height: 536px; position:absolute; top:0; left:243px; z-index:5;}
.caset{ position:absolute; top:0; left:0; width:1200px;}
.caset .li4{ position:absolute; top:0; right:0;}
.caset .li5{ position:absolute; top:184px; right:0;}
.caset .li6{ position:absolute; top:368px; right:0;}
.case ul li{ width: 224px; height: 168px; margin-bottom: 16px; position: relative; }
.case ul li img{ display: block; width: 224px; height: 168px;}
.case ul li span{ background-color: rgba(183,18,14,.8); position: absolute; left: 0; top: 0; width: 224px; height: 168px; line-height: 156px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; display: none;}
.case ul li:hover span{ display: block; }
.case-big .case-one img{ display: block; width: 714px; height: 536px;}
.case-big .case-desc{ background-color: rgba(0,0,0,.6); height: 50px; position: absolute; left: 0; bottom: 0; width: 641px; color: #fff; padding: 20px 40px 0 33px;}
.case-big .case-desc p{ font-size: 16px; line-height: 29px; }
.case-big .case-desc i{ color: #B7120E; font-weight: bold; }
.case-big .case-two{ position: absolute; left: 30px; bottom: 20px; }
.case-big .case-two img{ display: block; width: 156px; height: 150px; border: 10px solid #fff;}
/*case end*/

/*new start*/
.new{padding: 50px 0;background: #efefef}
.new .new_body{padding-top: 40px;}
.new .new_body .new_top{height:240px;background: url(../images/newbg.png) repeat-y center;}
.new .new_body .new_top img{margin: 20px 0}
.new .new_body .new_top .new_con{width: 730px;padding-top: 35px;padding-right: 30px}
.new .new_body .new_top .new_con b{font-size: 16px;color: #eee;}
.new .new_body .new_top .new_con i{display: block;color: #999;margin: 10px 0}
.new .new_body .new_top .new_con p{line-height: 160%;color: #bbb}
.new .new_body .new_top .new_con a{display: block;width: 120px;height: 30px;line-height: 30px;text-align: center;background: #B7120E;color: #fff;margin-top: 10px}
.new .new_bot {margin-top: 15px}
.new .new_bot ul li{width: 366px;margin:15px 0 0px 50px;float: left;border-bottom: 1px dashed #dfdfdf;padding-bottom: 15px}
.new .new_bot ul li:nth-child(3n+1) {margin-left: 0px;}
.new .new_bot ul li .num{width: 60px;font-size: 40px;line-height: 50px;font-family: Arial;font-weight: bold;color: #B7120E}
.new .new_bot ul li .con b{display:block;width: 306px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 25px;font-size: 16px;color: #777}
.new .new_bot ul li .con p{display:block;width: 306px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;line-height: 25px;color: #999}
.new .new_bot ul li:hover {border-bottom: 1px dashed #B7120E}
.new .new_bot ul li:hover b{color: #B7120E}
.new .new_bot ul li:hover p{color: #777}
/*new end*/

/*footer start*/
.footer{background: #333}
.footer .foot_top{background: url(../images/footbg.jpg) repeat-x center bottom;}
.footer .foot_nav{position: relative;text-align: center;height: 40px;background: #B7120E;line-height: 40px;color: #fff;}
.footer .foot_nav a{display: inline-block;padding:0 40px;color: #fff;font-size: 16px;}

.footer .footbody{padding: 30px 0;}
.footer .footbody .footlogo{padding: 26px 0 26px 0px}
.footer .footbody dl{padding-left: 100px;}
.footer .footbody dt{color: #fff;font-size: 16px;line-height: 30px;font-weight: bold;}
.footer .footbody dd{color: #999;line-height: 25px;}
.footer .footbody .ewm{margin-left: 100px;}
.footer .footbody .ewm p{color: #fff;writing-mode:tb-rl;font-size: 16px;letter-spacing: 4px;margin-left: 5px;}
.footer .footbody .ewm p:nth-child(2) {padding-top: 50px;}
.footer .footbody .ewm p:nth-child(3) {padding-top: 10px;}
.foot_bot{height:35px;background: #222;line-height: 35px;color: #fff}
.foot_bot a{color: #fff}
/*footer end*/