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

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p,ul,ol{margin:0;padding:0;}
body{font:normal 100 13px "Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,tahoma,simsun,\5b8b\4f53;color:#232323;line-height:2;background:#fff}
ul,ol{list-style:none;}
a img{border:none;}
h1,h2,h3,h4,h5,h6,div,li,p{font-size:100%;font-weight:normal;}
a{color:#000;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover,a.current{outline:none;}
em,i{font-style:normal;}
img{vertical-align:middle}
html,body{height:100%;}
table{font-size:12px}


/**webkit取消textarea拖动调整大小**/
textarea {resize:none;}
/**webkit取消文本框聚焦时边框颜色不变**/
textarea:focus, input:focus{outline:none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}

.br{display:block;}
.Clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.f_Left{float:left}
.f_Right{float:right}
.mL5{margin-left:5px;}
.mL10{margin-left:10px;}
.mR5{margin-right:5px;}
.mR10{margin-right:10px;}
.mR20{margin-right:20px;}
.mT5{margin-top:5px;}
.mT7{margin-top:7px;}
.mT10{margin-top:10px;}
.mB10{margin-bottom:10px;}
.mT20{margin-top:20px;}
.mLR5{margin:0 5px}
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f24{font-size:24px}
.f700{font-weight:700}
.f400{font-weight:400}
a {text-decoration:none;color:#333; cursor:pointer}
a:hover{color:#e62d2d;text-decoration:none}
a{transition:background-color ease .3s;}
.c666{color:#666}
.c999{color:#999}
.tL{text-align:left}
.cf30{color:#da3610}
.green{color:#4cae4c}
.red{color:#e62d2d}
.blue{color:#1ba1e2}
.black{ clear:both;height:20px;}

.wrap{clear:both;width:1280px; margin:0 auto; overflow:hidden}


.header{background:#fff;height:147px;overflow:hidden}
a.logo{ display:block;margin-top:20px; float:left}

.nav{background:#fff;width:1280px;margin:0 auto 20px;height:40px;overflow:visible}
.nav li{float:left;line-height:40px;width:130px;text-align:center;position:relative;}
	.nav li a{display:block;color:#333;font-size:16px;background:#fff;}
		.nav li a:hover{color:#e62d2d}
        .nav li a.active{background:#fff;color:#e62d2d;}   
 		.nav li span:after,.nav ul li a.active span:after {width: 0;height: 0;border:5px solid transparent;border-bottom:none;border-top-color:#333;content:'';vertical-align:middle;display:inline-block;position:relative;right: -8px;}
		.nav li a.active  span:after{border-top-color:#e62d2d}
		.nav li a:hover span:after{border-top-color:#e62d2d}
		
            .nav li .active:hover{ background:#fff;color:#e62d2d;}
            .nav li:hover .sub_nav{display:block;}
            .nav li ul.sub_nav{ border-top:2px #e62d2d solid;background:#333;position:absolute;width:130px;display:none;z-index:99}
            .nav li ul.sub_nav li{text-align:left;text-align:center;background:#333;}
				.nav li ul li a{background:#efefef;color:#333;font-size:14px;}
				.nav li ul li a:hover{color:#fff; background:#e62d2d}


.nav li ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: -8px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #e62d2d;
}

.aboutBox p{ text-indent:2em}
.box{padding:10px 0}
.banner{ height:430px;background:#dedede; width:1060px; float:right;}
#navPro{height: 40px; width:210px;height:430px;position: relative;z-index:98; float:left;}
#categoryNav{width:210px;height:40px;position: absolute;left: 0;top: 0;z-index: 20;}
#categoryNav .ld{position: relative;width: 210px;height: 40px;line-height: 40px;background:#dedede;cursor: pointer;}
#categoryNav .ld h2{font-size: 14px;color:#e62d2d;padding-left:20px;}
#categoryNav #allsort{display:none;height: 402px;padding:3px 0;position: absolute;left: 0;top: 38px;background-color:#f5f7f8;}
#categoryNav #allsort .item{width:206px;height:32px;border-bottom: 1px solid #fff;float: left;}
#categoryNav #allsort .item span{height:32px;line-height:32px;width:210px;z-index: 30;}
#categoryNav #allsort .item span h3{width:180px;padding-left:30px;position:absolute;font-size:14px;font-weight: normal;color: #333;}
#categoryNav #allsort .item span h3 a{color: #333;text-decoration: none;}
#categoryNav #allsort .item span h3 a:hover{color: #E4393C;font-weight: bold;}
#categoryNav #allsort .item .i-mc{display:none;width:880px;height:400px;padding:10px; overflow:hidden;background:#fff;border:1px solid #ddd;position:absolute;left:210px;top:-38px;z-index: 25;}
#categoryNav #allsort .on h3{background: #fff;z-index:40;}
#categoryNav.on #allsort{display: block;} 
#categoryNav.on #allsort .on .i-mc{display: block;}
#navitems-2015{height: 40px;}
#navitems-2015 li{float: left;}
#navitems-2015 li a{display:inline-block;padding:0 30px;height: 40px;line-height: 40px;color: #fff;font:700 15px/40px "microsoft yahei";text-decoration: none;}
#navitems-2015 li a:hover{color:#fff;background: #a40000;}

.leftBanner{position:fixed;left:0;top:200px;width:300px;height:300px; overflow:hidden}



.title{height:40px;line-height:40px;font-size:24px;margin:30px 0 10px;color:#333; background:url(../images/smallLogo.jpg) 0 center no-repeat;padding-left:50px}
	.title span{font-size:12px;}
		.title span a{ color:#e62d2d}
.list4{width:1300px}
	.list4 li{float:left;width:305px;height:180px;background:#efefef url(../images/dk.png) center center no-repeat; margin-right:20px; position:relative}
	.list4 li a{ display:block}
	.list4 li a .txt{display:block;position:absolute;left:0;top:100%;width:305px;height:180px;background:rgba(0,0,0,.5);color:#fff;z-index:9;text-align:center;
	-webkit-transition: top .3s;
    -moz-transition: top .3s;
    -ms-transition: top .3s;
    transition: top .3s;}
	 .list4 li a:hover .txt{top:0}
	 .list4 li a .txt span{display:block;margin:40px 20px 5px;font-size:20px;border-bottom:1px solid #fff}
	 .list4 li a .txt h2{font-size:14px; }

.left{ width:955px;float:left}
.right{ width:305px;float:right;}

.mainLeft{ width:305px; float:left}
.mainRight{ width:955px;float:right;}

.vod{ height:43px;line-height:43px;border:1px #efefef solid; padding:0 10px; overflow:hidden; font-size:16px}
a.more{ float:right; font-size:12px; color:#666}

.hotNews {height:300px;position:relative}
.hotNews li{height:75px;background:#efefef}
.hotNews li label{display:block;width:535px;height:300px; background:#fff url(../images/dk.png) center center no-repeat;position:absolute;left:0;top:0;}
	.hotNews li a{display:block}
	.hotNews li a label{display:none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
     transition: 0.3s; }
	.hotNews li a:hover label{display:block}	
	.hotNews li .cur label{display:block}
	.hotNews li .cur span {border-left:3px #e62d2d solid; background:#f5f6f7}
	 

.hotNews li span{display:block;height:74px;width:397px;float:right;padding-left:20px; background:#fff;border-left:3px #fff solid;border-right:1px #efefef solid;border-bottom:1px #efefef solid}
	.hotNews li span.borT1{height:73px; border-top:1px #efefef solid} 
	.hotNews li a:hover span {border-left:3px #e62d2d solid; background:#f5f6f7}
	.hotNews li span h1{height:46px;line-height:46px;font-size:18px;overflow:hidden}
	.hotNews li span h2{height:16px;line-height:16px;overflow:hidden; color:#666}

.hotPro{ width:1300px; overflow:auto;padding:20px 0 40px}
.hotPro li{ float:left; width:205px; margin-right:10px;}
.hotPro li a p{display:block; height:30px; line-height:30px; overflow:hidden; margin-top:5px;padding-top:5px;border-top:2px #dedede solid;text-align:center}
.hotPro li a:hover p{border-top:2px #e62d2d solid;}

.topPro{padding:20px 0 40px}
.topPro li{ float:left; width:205px; margin-right:10px;}
.topPro li a p{display:block; height:30px; line-height:30px; overflow:hidden; margin-top:5px;padding-top:5px;border-top:2px #dedede solid;text-align:center}
.topPro li a:hover p{border-top:2px #e62d2d solid;}

.news li{ position:relative; background:#efefef; height:180px; overflow:hidden;margin-bottom:20px}
.news li a:hover{ color:#333}
.news li img{background:#fff url(../images/dk.png) center center no-repeat; display:block; position:absolute; left:0;top:0; width:305px; height:180px;}
.news li .newsInner{margin-left:325px; padding-right:20px;}
.news li .newsInner h1{color:#e62d2d; font-size:18px; margin-top:20px;}
.news li .newsInner h2{height:60px; line-height:20px;margin-top:10px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.news li .newsInner h3{ height:28px;line-height:28px;margin:10px 0 0 0;}
.news li .newsInner h3 div{ float:right;background:#e62d2d; color:#fff;width:100px; height:28px; line-height:28px; overflow:hidden; text-align:center}


	.newsTop {height:205px; border-bottom:1px #efefef solid;overflow:hidden}
	.newsTop h1{height:50px;text-align:center;line-height: 50px;font-size:22px;margin-top: 55px;}
	.newsTop h2{height: 25px;line-height:25px;font-size: 12px;text-align: center;color: #9f9f9f;}

.newsTop .share{width: 240px;float: right;margin-right: 30px; margin-top:15px;}

.newsContact{min-height: 600px;padding:45px 20px;background: #fff;line-height:26px;overflow:auto;zoom:1}
.newsContact img{
         max-width:900px;
     zoom:expression( function(elm) { 
         if (elm.width>900) { 
             var oldVW = elm.width; elm.width=900; 
             elm.height = elm.height*(900 /oldVW);
         }
         elm.style.zoom = '1';
     }(this));
} 


.pageBox{width:1190px;height:36px;margin:35px auto 30px; overflow:hidden}
	.pageBox ul { width:1200px;}
	.pageBox ul li{width:390px; margin-right:10px;float:left; }

a.upPage,a.nextPage,a.listPage{display:block;background:#efefef;color:#666;height:34px;line-height: 34px;}
.pageBox a i{display:block;width:34px;line-height:34px;text-align:center;background:#e62d2d;color:#fff;font-family: SimSun;}
.nextPage{float:right}

a.upPage{ padding-right:10px}
a.nextPage{padding-left:10px;}
a.listPage{padding:0 10px;width:100px; margin:0 auto; text-align:center}
a.upPage i{margin-right:10px}
a.nextPage i {margin-left:10px}

.productList{ width:970px}
.productList li{ float:left; width:309px; margin-right:14px; margin-bottom:14px}
.productList li a p{display:block; height:30px; line-height:30px; overflow:hidden; margin-top:5px;padding-top:5px;border-top:2px #dedede solid;text-align:center}
.productList li a:hover p{border-top:2px #e62d2d solid;}


/*page*/
.page{display:inline;clear:both;margin-top:20px;float:left;text-align:center;height:36px;line-height:36px;font-size:12px}
.page a{display:block;float:left;background:#dedede ;width:36px;height:36px;line-height:36px;margin-right:10px;color:#999;text-decoration:none; font-family:"SimSun";cursor:pointer}
.page a:hover {background:#c90028;color:#fff}
.page span{width:36px;height:36px;line-height:36px;color:#fff;float:left;display:block;background:#e62d2d ;margin-right:10px;}
.page a.now{background:#e62d2d ;color:#fff}



.footer{clear:both;background:#353535;padding:20px 0; overflow:auto }
.footNav{float:left;margin-right:30px;text-align:left;width:100px}
	.footNav dt{color:#fff;font-size:12px;height:40px;line-height:40px;margin-bottom:10px}
		.footNav dt a{ color:#fff}
	.footNav dt span{display:block;font-size:14px;border-bottom:2px #e62d2d solid;float:left}
	.footNav dt em{display:block;border-bottom:2px #fff solid;float:left;padding:0 5px}
	.footNav dd{height:26px;line-height:26px}
	.footNav dd a{color:#fff;font-size:12px}
	.footNav a:hover{color:#e62d2d}
	.weixin{float:right;color:#fff; margin-top:20px; text-align:center;font-size:12px}	
.footBottom{background:#232323;text-align:center;line-height:2;color:#999;padding:5px 10px}

.weixin{ width:150px; height:150px; float:right}
.weixin p{ text-align:center; color:#fff}