@charset "utf-8";
/* CSS Document */

/*component*/
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#333;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
a {text-decoration: none; outline: none; color: #666; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul,ol {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;}
.w1200{width:1200px}
.center{margin:0 auto}

/*index-common start*/
.index-title{margin-bottom:25px;text-align:center}
.index-title1{width:250px;font-size:23px;display:block;line-height:40px;background:#E40000;color:#fff;margin:0 auto;}
.index-title2{font-size:18px;line-height:45px;color:#888;}

.distance{padding:45px 0}
/*index-common end*/

/*header start*/
.header{height:90px}
.logo{width:500px;height:90px;background:#E40000;text-align: center;float:left}
.logo img{margin-top: 15px}
.header .fl{ width:360px;line-height:90px;font-size:20px;margin-left:20px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.header .fr{ width:210px;background:url(../images/phone.png) no-repeat left;padding:25px 0 25px 63px;font-size:25px;color:#E40000}
.nav{width:200px;z-index: 10;position:relative;height:auto}
.nav li{width:100%;line-height:calc(450px / 7);background:rgba(52,55,66,0.70);text-align:center}
.nav li:last-child{height:150px;padding-top:15px;box-sizing: border-box}
.nav li a{display:block;width:100%;color:#fff;font-size:18px}
.nav li a:hover{background:#fff;color:#333}
/*header end*/

/*banner start*/
.shutter{overflow: hidden;width: 100%!important;height: 600px!important;position: relative;margin: 0px auto;max-width: 1920px}
.shutter-img{z-index:1}
.shutter-img,.shutter-img a {position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.shutter-img a{cursor: default}
.shutter-img a > img{width: 100%;height: 100%;}
.shutter-img .created {overflow: hidden;position: absolute;z-index: 20;}
.shutter-btn li {position: absolute;z-index: 2;top: 50%;width: 49px;height: 49px;margin-top: -25px;cursor: pointer}
.shutter-btn li.prev {left: 100px;background: url(../images/shutter_prevBtn.png) no-repeat 0 -49px;}
.shutter-btn li.next {right: 100px;background: url(../images/shutter_nextBtn.png) no-repeat 0 -49px}
.shutter-desc {position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;height: 36px;background: url(../images/shutter_shadow.png) repeat}
.shutter-desc p {padding-left: 20px;line-height: 36px;color: #fff;font-size: 14px}
/*banner end*/
	
/*recommand start*/
.recommand li{float:left;width:260px;height:195px;border:1px solid #ccc;position:relative;margin:0 18px;overflow: hidden}
.recommand li img{width:260px;height:195px;transition: 1s}
.recommand li div{position:absolute;top:0;left:0;width:100%;line-height:195px;text-align: center;background:rgba(90,90,90,0.30);color:#fff;display:none}
.recommand li:hover a div{display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis} 	
.recommand li:hover img{transform:scale(1.2)}
.recommand-more{display:block;width:100px;line-height: 32px;background:#e40000;text-align: center;color:#fff;margin-top:40px}
.recommand-more:hover{background:none;border:1px solid #e40000;color:#e40000;box-sizing: border-box;height: 32px}
/*recommand end*/

/*company start*/
.company{background:#5a5a5a}
.company .index-title2,.news .index-title2{color:#fff}
.company .fr{width:calc(1200px - 400px)}
.company .fr p{text-indent:32px;color:#fff;line-height:24px}
.company-more{margin-top:5px;color:#fff;display:block;width:100px;line-height: 32px;background:#e40000;float:right;text-align:center}
.company-more:hover{background:none;border:1px solid #e40000;color:#e40000;box-sizing: border-box;height: 32px}
/*company end*/

/*product start*/
.product-menu{width:200px;text-align:center;height:auto}
.product-menu dt{background:url(../images/product-center.png) center no-repeat;width:100%;line-height:72px;font-size:20px;font-weight: bold;color:#fff;}
.product-menu dd{background:#5A5A5A;line-height:35px;margin:2px 0;width:80%;display: inline-block}
.product-menu dd a{color:#fff;width:100%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.product-menu dd a:hover{background:#d4d4d4;color:#333}
.product-list{width:960px;height:auto}
.product-list li{width:300px;height:225px;float:left;margin-bottom:35px;margin-left:20px}
.product-list li img{width:300px;height:225px}
.product-list li p{line-height:30px;text-align: center;width:100%;color:#5A5A5A;border-top:4px solid #e40000;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.product-list li:hover p{background:#e40000;color:#fff;border:none}
/*product end*/

/*news start*/
.news{background:url(../images/news-background.jpg);color:#fff}
.news a{color:#fff}
.news a:hover{color:#E40000}
.news ul{width:610px;height:auto}
.news ul li{height:90px;width:100%;border-bottom:1px solid #fff;padding:11px 0}
.calendar{width:90px;height:90px;background:#8F8F8F;float:left}
.days{line-height:62px;font-size:30px;text-align: center;border-bottom:1px solid #fff}
.mouth{line-height:28px;width:100%;text-align: center}
.news-content{width:500px;margin-left:20px;float:right}
.news-content a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:16px;margin-bottom:9px}
.news dl{width:400px;height:auto}
.news dd{line-height:40px;width:100%;border-bottom:1px dotted #fff}
.news dd a{width:300px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:16px}
/*news end*/

/*footer start*/
.footer{background:#222222;padding:25px 0}
.footer a{color:#999}
.footer a:hover{color:#e40000}
.footer li{float:left;margin:0 30px;color:#fff}
.footer3 dd{color:#999}
.footer li dl{line-height:25px}
.footer1{width:100px;height:auto}
.footer2{width:300px;height:auto}
.footer2 dd{float:left;margin-right:30px;width:120px}
.footer3{width:320px;height:auto}		
.footer4 p{width:14px;float:left;margin-left:10px}
.footer4{padding-top:40px}
.end{background:#e40000;line-height:40px;color:#fff}
.end .fr a{color:#fff}
/*footer end*/