@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;font-family:Tahoma;}
body,ul,ol,li,a,h1,h2,h3,h4,h5,h6,dl,dd,dt,mark,p,img,section{list-style:none;text-decoration:none;background:none;font-weight:normal;}
.wrap{width:100%;}
.container{width:1200px;margin:0 auto;}
.pull-left{float:left;}
.pull-right{float:right;}
header{width:100%;height:100px;background:#0d0805;}
header h3{margin-top:34px;margin-left:16px;}
header nav{margin-left:98px;}
header h3,nav,nav ul li{float:left;}

nav ul{width:100%;height:100%;}
nav ul li{padding:0 16px;line-height:100px;position:relative;}
nav ul li a{color:#FFF;font-size:16px;font-family:Tahoma;display:block;}
nav ul li.hover a,nav ul li:hover a{color:#ff0800;font-weight:500;}
nav ul>li+li+li+li+li {border-right:0;}
#subnav{width:100%;height:100%;z-index:99;left:0;opacity:1;visibility:hidden;position:absolute;}
#subnav li{width:99.5%;line-height:20px;padding:5px 0;border:1px solid #e60213;border-top:none;background:#e6e6e6;}
/**显示**/
nav ul li:hover #subnav,#subnav li:hover ul{visibility:visible;opacity:1;}
#subnav ul li.active,#subnav li.active{border-top:1px solid #e60213;}

nav ul li ul li a,nav ul li:hover ul li a{color:#333;text-align:center;}
#subnav li:hover,#submenunav li:hover{background:#b22923;}
#subnav li:hover #submenunav li a{color:#666;}
#subnav li:hover a,#subnav li #submenunav li:hover a{color:#fffe18;}

/**三级导航**/
#subnav li{position:relative;}
#subnav ul{left:100%;top:0;position:absolute;visibility:hidden;}
#subnav ul li{border-top:}

.indexEnd{width:296px;height:20px;float:right;margin-top:40px;}
.indexEnd h4{float:left;height:100%;}
.indexEnd h4 img{margin:0 9px;}
.search{width:140px;height:20px;border:1px solid #999;border-radius:3px;float:right;}
.search input{width:124px;height:20px;display:block;border:none;float:left;color:#FFF;font-size:12px;background:none;}
.search a{width:13px;height:13px;display:block;float:left;color:#FFF;}


.main{background:#2c2c2c;float:left;padding:30px 0;}
#main{padding:0;}

/**侧栏**/
aside{width:265px;float:left;}
/**分类**/
aside .nav li{width:265px;border-radius:5px;margin-bottom:10px;font-family:Arial;}
aside .nav li a{display:block;line-height:56px;padding-left:20px;background:#646464;border-radius:5px;color:#b5b5b5;font-size:16px;text-transform:uppercase;}
aside .nav ul li{width:238px;height:40px;margin-bottom:5px;margin-left:5px;}
aside .nav ul li a{line-height:40px;font-size:14px;background:none;border-bottom:1px dashed #646464;color:#777;}
aside .nav li:hover a,aside li.active a{background:#9966FF;background:url(../images/asideImgImg.png) no-repeat center top;background:#;color:#FFF;}
aside .nav li:hover li a,aside .nav li.active li a{background:none;color:#777;}
aside .nav ul li:hover a,aside .nav ul li.hover a{background:#000;background:url(../images/asideImgImg2.png) no-repeat center top;color:#e60012;}

.subnav{display:none;}
aside .active .subnav{display:block;}

/**产品**/
aside .asideProduct li h3{width:265px;text-align:center;font-size:16px;border-bottom:none;}
aside .asideProduct li img{border:5px solid #5f5f5f;}
/**字体颜色**/
aside ol li a{color:#ccc;font-size:12px;}
aside ol li:hover a,.asideRightTop h3 mark:hover a,.asideRightCont ul li h3:hover a,.asideRightNews h5:hover a,.asideRightNews .sideRightNewsListCont:hover a,.asideRightProduct li:hover a,.Bbotton .page li:hover a{color:#e60012;}
/**新闻**/
aside .asideNews li{width:100%;height:30px;border-bottom:1px dashed #646464;line-height:30px;font-size:12px;overflow:hidden;}
aside .asideNews li span{width:6px;height:6px;border:1px solid #999;display:block;margin:11px;border-radius:5px;float:left;}
/**电话**/
.asideTel{width:255px;border:5px solid #646464;border-radius:3px;font-family:Arial;color:#8c8c8c;font-size:14px;line-height:30px;}
address{width:230px;font-style:normal;margin:10px 0 5px 20px;}


/**头部**/
.sideTop h3,.asideRightTop h3{height:40px;border-bottom:3px solid #646464;line-height:40px;margin-bottom:15px;font-size:20px;color:#bcbcbc;text-transform:uppercase;font-family:Arial;}
.sideTop h3 span,.sideTop h3 mark{min-width:50%;display:block;float:left;color:#bcbcbc;font-family:Arial;}
.sideTop h3 mark{text-transform:uppercase;text-align:right;font-family:Arial, Helvetica, sans-serif;color:#777;font-size:14px;}
/**右边头部**/
.asideRightTop h3 mark{float:right;font-size:12px;margin-right:10px;color:#999;text-transform:capitalize;font-family:Arial;}
.asideRightTop h3 mark a{color:#999;font-family:Arial;}
.asideRightTop h3 span{height:40px;float:left;padding-right: 10px;font-family:Arial;}



/**头部边框**/
.sideTop h3 span,.asideRightTop h3 span{border-bottom:3px solid #e60012;}


/**右边内容**/
.asideRight{width:900px;float:right;overflow:hidden;}
.asideRightCont ul{width:100%;float:left;border-bottom:1px solid #646464;}
.asideRightCont ul li h3,.asideRightContNewShow h3{font-size:16px;line-height:40px;color:#333;}
.asideRightCont ul li h3 a{display:block;color:#b5b5b5;float:left;font-family:Arial;}
/**新闻列表**/
.asideRightNews h3,.asideRightContNewShow h3{width:100%;border-bottom:1px solid #646464;float:left;color:#dbdbdb;}
.asideRightNews li{margin-bottom:30px;}
.asideRightNews h5,.asideRightNews h5 a,.asideRightContNewShow h5,.asideRightContNewShow h5 a{font-size:12px;color:#999;line-height:40px;font-family:Arial;}
.sideRightNewsListCont a{width:100%;height:60px;overflow:hidden;display:block;font-size:12px;color:#b5b5b5;line-height:30px;font-family:Arial;}
/**新闻详情**/
.asideRightNewShow,.asideRightNewShow p{font-size:14px;color:#b5b5b5;line-height:35px;}
.asideRightContNewShow{border-bottom:1px solid #646464;padding-bottom:20px;}
/**产品列表**/
.asideRightProduct li{width:290px;float:left;margin:0 0 0 15px;overflow:hidden;}
.asideRightProduct li #listContImg{width:280px;height:208px;overflow:hidden;display:block;border:5px solid #5f5f5f;}
.asideRightProduct li:hover #listContImg{border:5px solid #e60012;transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;}
.asideRightProduct li img{width:100%;height:100%;transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;}
.asideRightProduct li h3 a{width:100%;text-align:center;color:#ccc;font-size:14px;line-height:48px;transition:all 0.3s ease-in 0s; -webkit-transition:all 0.3s ease-in 0s;-ms-transition:all 0.3s ease-in 0s;}
.asideRightProduct li:hover img{width:120%;height:120%;margin:-10%;}
.asideRightProduct li.active{margin-left:0;}
/**产品详情**/
#productShowTop{width:100%;height:415px;margin:0 0 50px;float:left;}
#productShowTop .pull-left{width:549px;height:413px;border:1px solid #bebebe;}
#productShowTop .pull-right{width:332px;float:right;}
#productShowTop .pull-right h3{width:312px;padding:11px 0 11px 20px;background:#e60012;color:#FFF;font-family:Arial;font-size:21px;margin-bottom:27px;}

#productShowTop ol li{width:100%;line-height:27px;font-size:14px;color:#9f9f9f;margin-bottom:15px;float:left;line-height:24px;border-bottom:1px solid #444;}
#productShowTop ol li img{float:left;margin-right:10px;}
#productShowTop ol li mark{width:100px;float:left;display:block;color:#FFF;}
#productShowTop ol li p{width:220px;float:right;color:#FFF;float:right;}

#productShowTop ul{width:100%;margin-top:20px;float:left;}
#productShowTop ul li{width:150px;height:113px;border:1px solid #bebebe;float:left;margin:0 0 28px 28px;overflow:hidden;}
#productShowTop ul li.active{margin-left:0;}
#productShowTop ul li:hover,#productShowTop ul li.hover{border:1px solid #e60012;}

/*****产品详细内容***/
.productShowTop{width:100%;height:42px;background:#646464;float:left;}
.productShowTop span{width:12%;height:42px;display:block;text-align:center;line-height:42px;font-size:20px;color:#b5b5b5;text-transform:uppercase;}
.productShowCont{width:865px;float:left;line-height:45px;color:#acacac;margin-top:20px;font-size:14px;}

#asideRightProductShow{width:100%;margin-top:40px;float:left;}
#asideRightProductShow .productShowTop span{width:18%;}
#asideRightProductShow ul.asideRightProduct li h3 a{text-align:center;float:left;}
#asideRightProductShow .productShowTop{margin-bottom:40px;}

/****关于我们**/
.asideRightAbout h3{width:884px;height:56px;float:left;font-size:24px;color:#d9d9d9;font-family:Arial;border:8px solid #e60012;border-top:none;border-bottom:none;text-transform:uppercase;text-align:center;background:#222;line-height:56px;margin-bottom:30px;}
.asideRightAboutUpper img{max-width:900px;margin:20px 0;}
.asideRightAboutUpper p{width:884px;font-size:14px;color:#c2c2c2;line-height:35px;/*word-break:break-all;*/}
.asideRightAboutUpper span{font-size:16px;color:#eee;line-height:35px;}

.asideRightAboutMiddle{margin: 45px 0 25px;float:left;}
.asideRightAboutMiddle ul{width:100%;display:block;float:left;margin-top:15px;}
.asideRightAboutMiddle ul li{width:272px;height:191px;background:url(../images/aboutMiddenImgTop.jpg) no-repeat center top;float:left;margin-bottom:22px;}
.asideRightAboutMiddle ul li img{margin:14px 0 0 15px;}
.asideRightAboutMiddle ul li.active{margin: 0 42px 22px;}

.asideRightAboutLowerCont h3{width:100%;height:56px;float:left;background:url(../images/Strength_shows.png) center top no-repeat;margin-bottom:22px;}

.asideRightAboutLowerCont dl{width:400px;float:left;font-family:Arial;text-align:center;}
.asideRightAboutLowerCont dl h4{font-size:18px;color:#e60012;margin-top:30px;}
.asideRightAboutLowerCont dl dd{width:90%;margin:0 auto;font-size:14px;color:#999;line-height:24px;}
.asideRightAboutLowerCont dl span{width:100px;height:2px;background:#c0c0c0;display:block;margin:10px auto;}
.asideRightAboutLowerCont dl.active{margin:0 0;}
/***联系我们**/
.asideRightContact p{width:800px;text-transform:uppercase;font-size:16px;margin-top:15px;line-height:30px;color:#b5b5b5;margin-left:15px;}

/***列表分页**/
.Bbotton{width:100%;text-align:right;margin-top:20px;float:left;}
.Bbotton .botton{hight:45px;display:inline-block;}
.Bbotton .botton li{width:45px;height:45px;float:left;border:1px solid #ccc;background:#aaa;line-height:45px;text-align:center;margin:0px 3px 0px 6px}
.Bbotton .botton li a{font-size:18px;color:#444;font-family:Arial;}
.Bbotton .botton li:hover,.Bbotton .botton li:hover a,.Bbotton .botton li.hover,.Bbotton .botton li.hover a{ background:#e60012;color:#FFF;}
.Bbotton .botton li:hover,.Bbotton .botton li.hover{border:1px solid #e8e5ce;}
/***详情分页**/
.Bbotton .page li,.Bbotton .page li a{font-size:12px;color:#999;font-family:Arial;}


.clear{clear:both;}


/**页尾**/
footer{height:437px;background:url(../images/footerImg.jpg) no-repeat center top;font-family:Arial, Helvetica, sans-serif;color:#9e9e9e;}

.footerLeft{width:700px;padding-top:77px;float:left;}
.footerRight{width:480px;padding-top:60px;float:right;}
.footerCopy{height:27px;float:left;}
.footerStar{width:100%;float:left;}

.footerStar {height:36px;font-size:16px;text-transform:uppercase;line-height:36px;margin:0 0 50px;overflow:hidden;}
.footerTitle{display:block;float:left;color:#9e9e9e;line-height:36px;}
.footerStar input{width:350px;height:36px;line-height:36px;background:#e1dfdf;color:#b8b4b4;border:none;font-size:12px;padding-left:10px;display:block;float:left;margin-left:25px;}
.footerStar a{width:150px;height:36px;line-height:36px;display:block;float:left;text-align:center;font-size:14px;color:#FFF;font-weight:bold;background:#ff0000;}

.footerCopy,.footerCopy a{font-size:14px;color:#9f9f9f;}
.footerCopy mark{font-size:30px;font-family:Arial;float:;color:#9f9f9f;line-height:27px;letter-spacing:5px;}
.footerCopy span{text-transform:uppercase;}

.SocialMedia{width:100%;float:left;}
.SocialMedia ul li{width:240px;height:48px;margin:15px 0 0;line-height:24px;float:left;}
.SocialMedia a,.SocialMedia span{display:block;color: #9f9f9f;font-size:12px;}
.SocialMedia img{width:24px;margin-right:8px;float:left;}
.SocialMedia a.OneTwo{width:220px;float:right;}
.SocialMedia span{display:block;float:left;}
.SocialMedia .opacityTwo{margin-left:98px;}
.SocialMedia a.phTwo{margin-left:98px;}


@media screen and (min-width:1200px){
	.wrap{width:100%;}
	}
@media screen and (max-width:1200px){
	.wrap{width:1200px;}
	}
	@media screen and (max-width:800px){
	.wrap{width:1200px;}
	}	
@media screen and (max-width:600px){
	.wrap{width:1200px;}
	}