@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{box-shadow: 0 0 10px 0 #dfdfdf}
.header .head_top{height: 35px;background: #333;color: #fff}
.header .head_top p{color: #fff;line-height: 35px;}
.header .head_top a{display: inline-block;line-height: 35px;color: #fff;padding: 0 4px}
.header .head_top span{padding-left:30px;background: url(../images/tel.png) no-repeat center left;line-height: 35px}
.header .head_bot{height: 100px;background: url(../images/navbg.jpg) no-repeat center;}
.header .head_bot img{padding: 10px 0;}
.header .head_bot ul{position: relative;}
.header .head_bot ul li{float: left;}
.header .head_bot ul li a{display:block;width: 110px;height: 100px;text-align: center;font-size: 16px;line-height: 100px;}
.header .head_bot ul li a:hover {background: url(../images/red.jpg) no-repeat center;}
/*header end*/

/*banner start*/
.flexslider {
	margin: 0px auto 0px;
	position: relative;
	width: 100%;
	height: 500px;
	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: 1px;
	text-align: center;
}

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

.flex-control-paging li a {
	background: #E8E8E8;
	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:#D11A1A;
}

.flexslider .slides a img {
	width: 100%;
	height: 500px;
	display: block;
}
/*banner end*/
.title{text-align: center;padding-bottom: 40px}
.title b{font-size: 30px}
.title p{text-align: center;text-transform: uppercase;line-height: 35px;color: #999}

/*company start*/
.company{padding: 50px 0;background: url(../images/combg.jpg) no-repeat center;}
.company .com_l{width: 650px;padding-top: 10px}
.company .com_l b{font-size: 16px;}
.company .com_l p{font-size: 15px;line-height: 160%;text-indent: 2em;}
.company .com_l a{display: block;width: 120px;height: 35px;background: #CC262A;text-align: center;line-height: 35px;color: #fff;margin-top: 30px}
.company .com_r{width: 500px}
/*company end*/

/*product start*/
.product{padding: 50px 0 22px 0;}
.product .pro_l{width: 270px;}
.product .pro_l .pro_top{width: 270px;height: 120px;background: url(../images/pro_top.jpg) no-repeat center;text-align: center;line-height: 120px;color: #fff;font-size: 36px;letter-spacing: 2px}
.product .pro_l ul{width: 270px;background: #eee;padding: 10px 0 20px 0}
.product .pro_l ul li a{display:block;width: 220px;height: 48px;line-height: 48px;margin: 0px auto;font-size: 16px;border-bottom: 1px dashed #ccc;padding-left: 10px}
.product .pro_l ul li em{display:inline-block;width: 48px;height: 48px;background: url(../images/jt.png) no-repeat center;vertical-align: top;;float: right;}
.product .pro_l ul li:hover {background: #CC262A;}
.product .pro_l ul li:hover a{color: #fff}
.product .pro_l ul li:hover em {background: url(../images/jt1.png) no-repeat center;}
.product .pro_r{width: 930px;}
.product .pro_r ul li{width: 260px;margin-left: 50px;float: left;margin-bottom: 28px;position: relative;}
.product .pro_r ul li .img{width: 260px;height: 195px;overflow: hidden;}
.product .pro_r ul li .img img{ width:260px;height: 195px; 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_r ul li:hover img{ 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_r ul li p{display: block;width: 260px;height: 30px;line-height: 30px;text-align: center;background: rgba(0,0,0,0.3);color: #fff;font-size: 15px;transition: all 0.2s ease-in;position: absolute;bottom: 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product .pro_r ul li:hover p{background: #CC262A;color: #fff}
/*product end*/

/*new start*/
.new{padding: 50px 0;background: url(../images/newbg.jpg) no-repeat center;}
.news,.wd{ width:725px; font-size:0;}
.news dl{ width:725px; padding:0 0 25px 0; display:inline-block; overflow:hidden;}
.news dt{ width:300px; height:150px;float: left;overflow: hidden;}
.news dt img{ width:300px; height:150px;}
.news dd{ float:left; overflow:hidden; width:400px; padding:0 0 0 20px;}
.news dd > a{display: block; font-size:18px; color:#333;height:30px; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news dd > a:hover,.news ul li a:hover,.wd dt a:hover{color: #CC262A;}
.news .news_desc{ font-size:14px; color:#888; height:66px; line-height:22px;overflow: hidden; padding:5px 0 0;}
.news dd span{ display:block;width: 100px; padding:15px 0 0;}
.news dd span a{font-size: 14px;color: #fff;display: block; width:100px; height:30px;background: #CC262A;text-align: center;line-height: 30px;overflow: hidden;}
.news dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear;}
.news ul li{ height:50px; overflow:hidden; width:362px; float:left; padding:0 0 16px;}
.news ul li em{display: block;float: left;width: 50px;height: 50px;text-align: center;line-height: 50px;background: #c5c5c5;font-size: 20px;color: #fff; font-family:"Times New Roman", Times, serif;}
.news ul li a{display: block;height: 48px;line-height: 48px; border:#ddd 1px solid; font-size:14px; color:#555; padding:0 5px 0 10px;width: 280px;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.wd{width:410px;}
.wd ul li a{display:inline-block;width:390px;height: 40px;line-height: 40px;color: #888;border-bottom: 1px dashed #dfdfdf;font-size: 15px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;float: left;}
.wd ul li::before {content:'';display:inline-block;width: 5px;height: 5px;border-radius: 3px;background: #CC262A;margin:18px 10px 18px 0;vertical-align:middle;float: left;}
.wd ul li a:hover {color: #CC262A}
/*new end*/

/*footer start*/
.footer .foot_top{height: 50px;background: #CA1A1D}
.footer .foot_top ul li a{display:block;width: 199px;text-align: center;line-height: 16px;float: left;font-size: 16px;color: #fff;margin: 17px 0;border-right: 1px solid #fff}
.footer .foot_top ul li:nth-child(1)  a{width: 198px;border-left: 1px solid #fff}
.footer .foot_mid{background: #2C2C2C;padding: 30px 0}
.footer .foot_mid dd{font-size: 16px;color: #fff;color: #fff;padding-bottom: 15px}
.footer .foot_mid dt a,.footer .foot_mid dt{color: #999;line-height: 30px}
.footer .foot_mid .f_pro,.footer .foot_mid .f_pro dd{width: 400px}
.footer .foot_mid .f_pro dt{width: 200px;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.footer .foot_mid .ewm p{writing-mode: tb-rl;letter-spacing: 3px;padding-left: 8px;color: #fff;font-size: 16px;}
.footer .foot_bot{height: 35px;background: #000;}
.footer .foot_bot span{width: 50%;display: inline-block;color: #fff;line-height: 35px}
.footer .foot_bot span.bah{text-align: right;}
.footer .foot_bot span a{color: #fff}
/*footer end*/