﻿body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,form,input{margin:0;padding:0}

em,i,s{font-style:normal;text-transform:uppercase;}li{list-style:none}a,s,a:hover{text-decoration:none}

img{-webkit-box-sizing:border-box;box-sizing:border-box;height:auto;border:0;vertical-align:middle;max-width: 100%;}

table{border-collapse:collapse;border-spacing:0}input,textarea{border:none;outline: none;}

body,button,input,select,textarea{font:14px/1.5 'microsoft yahei',Tahoma,arial,'Hiragino Sans GB',\5b8b\4f53}

input,textarea{resize:none;border:none; outline: none;}a,a:focus{outline:none}

.clearfix:after{content:'\20';display:block;height:0;clear:both}

.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}

.noBg{background:none!important}.noBd{border:0!important}.noMg { margin: 0!important; }

.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}

.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}

/*项目*/

body { background: #f9f9f9; color:#666; /*margin-bottom: 400px;*/overflow-x: hidden;}

a { color:#666;text-decoration:none; transition: all 0.5s ease 0s; }

a:hover{ color: #a32024; }

dt { font-weight: normal; }




/*头部样式*/

.wrapper{ height: auto;}

.header{ width: 100%; position: relative;z-index: 9; }

.g-in{ width:1300px; margin: 0 auto; }


/*楼层颜色*/
.adc { color:#fff;text-decoration:none; transition: all 0.5s ease 0s; }

.adc:hover{ color: #ff6347; }




/*.fx{position: fixed !important;top: 0; background: #f4f5f0;}*/

.wrapper { position:relative; width:100%; margin:0 auto; }

.topArea{background: #282828;font-size: 14px;color: rgba(255,255,255,0.5);}

.topArea .fl{height: 38px;line-height: 38px;}

.topArea .lan{display: block; width: 110px;margin-top: 6px;height: 22px;border: 1px solid rgba(255, 255, 255,0.5);line-height: 22px;text-align: center;

background:url(/style/images/a01.png)no-repeat 5% center rgba(151, 151, 151 ,0.5);font-size: 14px;color: rgba(255,255,255,0.5);text-transform: uppercase;margin-right: 5px;}

.topArea .zhu{display: block; width: 65px;margin-top: 4px;height: 22px;line-height: 22px;text-align: center;}



.head_box{position: relative;z-index: 5;box-shadow: 0 0 9px #999;}

.logo{height:94px;line-height: 94px;margin-right: 56px;}

.nav { width:700px; }

.nav>ul>li{ position:relative; float:left;text-align:center;}

.nav>ul>li>a{color:#333;font-size:16px;display: block; height: 94px;line-height: 94px;position: relative;padding:0 10px;}

.nav>ul>li .line{position: absolute;width: 0%;height: 4px;background: #fff;left: 0%;background: #bd3a0b;bottom: 0px;transition: 1s;}

.nav>ul>li:hover>a,

.nav>ul>li.current>a {background: #a32024;color: #fff; }

.nav>ul>li:hover .line,

.nav>ul>li.current .line {width: 100%;}



.nav .sub { position:absolute; top:94px; width:100%; display:none; background:#a32024; z-index:999; }

.nav .sub dt { width:100%; text-align:center; padding:5px 0; /*border-bottom:1px solid #eee;*/line-height: 32px; }

.nav .sub dt a { color:#fff; }

.nav .sub dt:hover { background:#fff; }

.nav .sub dt:hover a { color:#a32024; }

.YuYan{width: 100px;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-content: center;}

.YuYan .lan{height:94px;line-height: 94px;font-size: 22px;color: #e42021;padding-left: 10px;display:block;

text-transform: uppercase;}

.navBox .form{margin-top: 31px;}

.header-search {position:relative;z-index:999;width:190px;height:32px;background:#fff;overflow:hidden;border:1px solid #979797}

.hs-input {width:130px;height:30px;line-height:30px;padding:0 10px;float:left}

.hs-submit {width:34px;height:30px;background:url(/style/images/find.png) no-repeat left center;float:right;cursor:pointer;}

.model-search {position:relative;z-index:999;width:600px;height:32px;background:#fff;overflow:hidden;border:1px solid #979797;margin: auto;margin-bottom: 100px;}

.mod-input {width:500px;height:30px;line-height:30px;padding:0 10px;float:left}

.mod-submit {width:34px;height:30px;background:url(/style/images/find.png) no-repeat left center;float:right;cursor:pointer;}



/*banner css */

.banner{ width: 1920px; position: relative; margin-left: -960px;left: 50% }

.bannerI{ width: 1200px; position: relative; margin-left: -600px;left: 50% }

.banner .slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }

.banner .slideBox .hd{ position:absolute; bottom:20px;z-index:1; width: 100% ;text-align: center;}

.banner .slideBox .hd ul{display: inline-block;}

.banner .slideBox .hd ul li{ float:left; margin:0 6px; width:50px; height:1px;text-align:center; background:#fff; cursor:pointer;text-indent: -9999px;}

.banner .slideBox .hd ul li.on{ background:#a32024;}

.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }

.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }

.banner .slideBox .bd img{width: 100%; height:auto; display:block;  }

.banner .slideBox .prev,

.banner .slideBox .next{ position:absolute;  top:50%; margin-top:-35px; display:block; width:38px; height:71px; }

.banner .slideBox .next{ background:url(/style/images/banner_next.png) left center no-repeat;right:14%;}

.banner .slideBox .prev{ background:url(/style/images/banner_prev.png) left center no-repeat;left:14%;}





.i_column{background: rgba(0,0,0,0.8);width: 250px;position: absolute;top: 0;left: 300px;height: 100%;}

.i_column ul{padding: 20px 0;}

.i_column ul li{padding: 0 30px;background: url(/style/images/a02.png) no-repeat 80% center;position: static;font-size: 16px;}

.i_column ul>li>a{color: #fff;height: 50px;line-height: 50px;display: block;}

.i_column ul li.active,

.i_column ul li:hover{background: url(/style/images/a02.png) no-repeat 80% center #a32024;}



.i_column ul li .subNav{display: none;position: absolute;left: 250px;top: 0;background: rgba(255,255,255,0.8);width: 250px;height: 100%;}

.i_column ul li:hover .subNav,

.i_column ul li.active .subNav{display: block;}

.i_column ul li .subNav dl{padding: 20px;}

.i_column ul li .subNav dt{width: 100%;color: #333;height: 50px;line-height: 50px;float: left;text-align: center;position: relative;}

.i_column ul li .subNav dt .line{position: absolute;width: 0%;height: 4px;background: #fff;left: 50%;background: #bd3a0b;

bottom: 0px;transition: 1s;margin-left: -25%;}

.i_column ul li .subNav dt:hover .line{width: 50%;}

.i_column ul li .subNav dt a{color: #333;}





/*友情链接*/









/*底部样式*/

.footer{position: relative;z-index: 5; top: 20px;}

.footerT{padding: 18px 0 20px;background: #4c4c4c;}

.logoF{margin-right: 90px;font-size: 16px;color: #fff;}

.logoF .img{margin-bottom: 12px;}

.logoF .wx p{margin-top: 15px;margin-left: 80px;}

.logoF .wx img{margin-left: 65px;}

.footerT .contactBox{margin-top: 40px;}

.footerT .phone {line-height: 50px;padding-left: 68px;height: 90px;font-size: 40px;color: #fff;font-weight: bold;font-family: arial;

background: url(/style/images/b_phone.png) no-repeat left center;margin-bottom: 26px;}

.footerT .content{font-size: 14px;color: #fff;line-height: 30px;} 

.footerT .menu_B{margin-top: 50px;}

.footerT .menu_B dl{padding-left: 40px;float: left;}

.footerT .menu_B dl:first-child{padding-left: 0;}

.footerT .menu_B dl dt{font-size: 16px;color: rgba(255,255,255,0.8);margin-bottom: 22px;}

.footerT .menu_B dl dd{font-size: 14px;line-height: 32px;}

.footerT .menu_B dl dd a{color: rgba(255,255,255,0.5);}



.footerB{background: #0f0f0f;height: 50px;line-height: 50px;font-size: 14px;color: #fff;}

.footerB a{color: #fff;}

.footerB a:hover{color: #af2d31;}



.back-to { position:fixed; bottom:110px; right:50%; margin-right:-666px; display:none; z-index:999; }

.back-to .back-top { display:block; width:60px; height:60px; background:url(/style/images/top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }

.back-to .back-top:hover { background-position:0 0; }



.banner img,.g-network img { vertical-align:top; }



@media only screen and (min-width: 1440px){

    /*.g-in{ width:1300px; margin: 0 auto; }*/

    .bannerI{ width: 1920px; position: relative; margin-left: -950px; }



}



.ms{width: 500px;}

.ms .msca{width: 300px;padding:0 15px;height: 36px;font-size: 14px;}

.ms .msc div{margin-bottom: 10px;}

.ms .msc div .mscb{width: 200px;height: 36px;background: #a32024;font-size: 14px;color: #fff;}



.fixb{position: fixed;bottom: 0;width: 100%;z-index: 10;transition:all 0.3s ease 0s;height: 102px;}

.fixb .fixba{position: absolute;top:5px;left:1560px;z-index: 15;}

.fixb .fixbb{padding-top: 11px; position: absolute; right: -40px; top: 0; width:40px; height: 91px; background:#f60 url(/style/images/icon_arr_clear.png) no-repeat center; transition:all 0.6s ease 0s; display: none; cursor: pointer;}

.fixb .fixbc{position: absolute;width: 1920px;left:50%;margin-left: -960px;}









.i-sale-con { margin: 0 auto; text-align: center; width: 1300px; overflow: hidden; height: 343px;}

.i-sale-con .tabs-panel {width: 1215px; overflow: hidden;}

.i-sale-con .tabs-panel ul li{background: #fff; float: left; height: 277px; overflow: hidden; width: 228px; margin-right: 15px;}

.i-sale-con .tabs-panel dl{margin: 0 auto auto; position: relative; z-index: 1;}

.i-sale-con .tabs-panel dl dt.goods-name{color: #666; font-family: Tahoma,Geneva,sans-serif; font-size: 14px; padding: 0 16px; height: 36px; left: 15px; line-height: 18px; overflow: hidden; position: absolute; text-align: left; top: 220px; width: 195px;}

.i-sale-con .tabs-panel dl dd.goods-thumb{width: 207px; height: 207px; overflow: hidden; margin: 10px 10px 10px; left: 0; position: absolute; top: 0;z-index: auto;}

.i-sale-con .tabs-panel dl dd.goods-thumb a{display: table-cell; overflow: hidden; text-align: center; vertical-align: middle;}

.i-sale-con .tabs-panel dl dd.goods-thumb img{max-height: 100%; max-width: 100%;}

.i-sale-con .tabs-panel dl dd.goods-thumb img:hover img{transform: scale(1.1);}





/* é¦–é¡µæ ‡å‡†å†…å®¹æ¨¡å—*/











/*产品详细*/



.inner_m {

	width:1200px;

}

.innerm_t {

	background:url(../images/inner_bg1.png) repeat-y right 2px #fff;

	padding:30px 22px 30px 20px;

	color:#666;

	font:13px/28px "微软雅黑";

}

.innerm_b, .protbb {

	height:4px;

	background:url(../images/inner_bbg.png) no-repeat left top;

	overflow:hidden;

}

.pro_tit {

	height:10px;

	width:100%;

}



.prod {

	padding-bottom:20px;

	border-bottom:1px solid #f1f3f8;

}

.prod .slideBox {

	width:417px;

	height:535px;

	overflow:hidden;

	position:relative;

}

.prod .slideBox .hd {

	overflow:hidden;

	position:absolute;

	left:15px;

	top:425px;

	z-index:1;

	width:387px;

	padding-top:6px;

}

.prod .slideBox .hd ul {

	zoom:1;

	width:100000%;

}

.prod .slideBox .hd ul li {

	float:left;

	margin-right:10px;

	text-align:center;

	cursor:pointer;

	width:87px;

	height:87px;

	border:1px solid #ececec;

	position:relative;

	z-index:1;

}

.prod .slideBox .hd ul li span {

	width:13px;

	height:6px;

	display:none;

	background:url(../images/prod_ico.png) no-repeat left top;

	position:absolute;

	left:50%;

	margin-left:-6px;

	top:-6px;

	z-index:3;

}

.prod .slideBox .hd ul li.on {

	border-color:#ccd7e8;

}

.prod .slideBox .hd ul li.on span {

	display:block;

}

.prod .slideBox .bd {

	position:relative;

	height:417px;

	z-index:0;

}

.prod .slideBox .bd li {

	zoom:1;

	vertical-align:middle;

}

.prod .slideBox .bd img {

	width:417px;

	height:417px;

	display:block;

}

.prod .slideBox .prev, .prod .slideBox .next {

	position:absolute;

	display:block;

	width:20px;

	height:69px;

	top:180px;

}

.prod .slideBox .prev {

	left:0px;

	background:url(../images/prod_prev1.png) no-repeat left top;

}

.prod .slideBox .next {

	right:0px;

	background:url(../images/prod_next1.png) no-repeat left top;

}

.prodr_tit {

	border-bottom:1px solid #bdd3ed;

}

.prodr_tit li {

	float:left;

	width:152px;

	height:36px;

	background:url(../images/prodt_bg1.png) no-repeat left top;

	text-align:center;

	margin-right:2px;

	cursor:pointer;

}

.prodr_tit li.select {

	background:no-repeat left top #a61b20;width: 1170px;height: 50px;

}

.prodr_tit li.select h3, .prodr_tit li.select h4 {

	color:#fff;

}

.prodr_tit li h3 {

	font:20px/28px "微软雅黑";

	color:#666;

}

.prodr_tit li h4 {

	font:16px/20px "微软雅黑";

	color:#999;

}

.prodrm_tit {

	height:28px;

	padding-left:8px;

	background:#eaeaea;

	margin-top:15px;

	margin-bottom:15px;

}



.prod_r {

	width:1140px;

	padding-right:28px;

}

.prodrm_tit h3, .prodrm_tit h4 {

	float:left;

}

.prodrm_tit h3 {

	color:#6582a7;

	font:16px/28px "微软雅黑";

}

.prodrm_tit h4 {

	color:#f7312c;

	font:13px/28px "微软雅黑";

	padding-left:8px;

}

.pro_p p {

	padding-left:24px;/* background:url(../images/p_ico.png) no-repeat 11px center;*/

}

.pro_pag a {

	color:#666;

	font:14px/34px "微软雅黑";

}

.pro_pag a:hover {

	text-decoration:underline;

}









/*浮动客服*/

#floatDivBoxs{width:180px;background:#fff;position:fixed;top:100px;right:0;z-index:999;}

#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#a32126;color:#fff;font-size:18px;text-indent:22px;position:relative;}

#floatDivBoxs .floatDqq{padding:0 14px;}

#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}

#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}

#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}

#floatDivBoxs .floatDtel img{display:block;}

#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}

.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}

#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:100px;right:180px;z-index:999;}

#rightArrow a{display:block;height:45px;}