/*头部样式*/
.head-bg{background: #e50012;height: 50px;}
.wel{line-height: 50px;color: #fff;font-size: 14px;}
.k2{font-size: 18px;color: #fdf205;font-weight:bold;line-height: 50px;}
#header{width:1200px;margin:0 auto;}
.top{height: 100px;}
.logo{float:left;line-height: 100px;}

.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1{line-height:32px;padding-top:5px;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}



/*热门搜索*/
.search{width:1200px;margin: 15px auto;}
#formsearch{float:right;}
.hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;}
.k1{line-height: 24px;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*主体样式*/
#container{width:1200px;margin:0 auto;margin-top:10px;}
.container{width:1200px;margin:0 auto;}

.tt1{
    background: url(../images/t1.png) no-repeat top center;
    height: 88px;
    text-align: center;
    font-size: 36px;
    color: #000000;
    line-height: 75px;
}
.tt1 span{
    display: block;
    width:60px;
    height: 4px;
    background: #e50012;
    margin: 0 auto;
}
.product-index{
    padding: 90px 0;
}
.product-index .content{position: relative;margin-top: 65px;}
.l_btn,.r_btn{position:absolute;top:37%;cursor:pointer;}
.l_btn{left:-72px;}
.r_btn{right:-72px;}




.about-bg{
    background: url(../images/about.jpg) no-repeat top center;
    height: 620px;
    overflow: hidden;
}

.about-index{
    padding-top: 80px;
}
.about-title{
    color:#fff;
    background: url(../images/t2.png) no-repeat top center;
}
.about-title span{
    background: #fff;
}

.about-index .content{
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 0 30px;
    letter-spacing: 1px;
    line-height: 27px;
    padding-top: 30px;
}
.about-index .tu{
    padding: 0 30px;
}
.about-list{
    margin: 0 -35px;
    margin-top: 52px;
}
.about-list li{
    float: left;
    text-align: center;
    width:224px;
    border:3px solid #b4b6b7;
    margin: 0 35px;
    height: 154px;
}
.about-list li img{
    padding-top: 35px;
}
.about-list li p{
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 18px;
}



.news-bg{
    background: #f5f5f5;
    padding: 35px 0;
}

.news-left{
    width:570px;
    padding: 17px 35px;
    background: #fff;
}

.news-title{
    font-size: 26px;
    color: #333333;
    font-weight:normal;
    background: url(../images/t3.png) no-repeat left center;
    padding-left: 50px;
    height: 73px;
    line-height: 73px;
}
.news-title a{
    float: right;
}

.news-right{
    position: relative;
}

.news-more{
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/more2.png) no-repeat top center;
    height: 70px;
    width:560px;
    line-height: 70px;
    color:#fff;
}

.news-more a{
    font-size: 16px;
    font-weight: bold;
    color:#fff;
    text-indent:36px;
    display: block;
}


.case-bg{
    background: url(../images/case.jpg) no-repeat top center #fff;
    height: 493px;
    overflow: hidden;
    margin: 80px 0;
}

.picScroll-left{width:1200px;margin:0 auto;position: relative;}
.picScroll-left .hd{ }
.picScroll-left .hd .prev{display:block;width:80px;height:70px;position: absolute;left: 353px;top: 212px;background: url(../images/left.jpg) no-repeat;z-index: 999;}
.picScroll-left .hd .next{ display:block;  width:80px; height:70px;position: absolute;right:673px;top:212px;background: url(../images/right.jpg) no-repeat;z-index: 999;}
.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; zoom:1; }
.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0; }		
.picScroll-left .bd ul{}
.picScroll-left .bd{width:1200px;margin:0 auto;position: relative;display: block;}
.picScroll-left .bd ul li img{width:760px;height: 491px;}
.picScroll-left .bd ul li .c-wen{width:290px;padding-right: 150px;}
.picScroll-left .bd ul li .c-wen .case-title{background: url(../images/case.png) no-repeat top left;height: 87px;margin-top: 50px;}
.picScroll-left .bd ul li .c-wen h3{font-weight:normal;font-size: 24px;margin-top: 60px;color: #333333;}
.picScroll-left .bd ul li .c-wen h3 a{color: #333333;}
.picScroll-left .bd ul li .c-wen span{font-size: 14px;color: #848484;padding-bottom: 26px;display: block;padding-top: 24px;line-height: 30px;}
.picScroll-left .bd ul li .c-wen span p:nth-of-type(1){font-size: 16px;color: #464646;}
.picScroll-left .bd ul li .c-wen h2 a{font-weight:normal;font-size: 14px;color: #002e80;line-height: 22px;}









.navigation{float:right;width:100px;}
.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*品牌列表*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*前台多页签*/
/* .news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} */




/*友情链接*/
.f_link{width:1200px;margin:10px auto;line-height:30px;}

/*页面底部*/
.foot-bg{background: url(../images/foot.png) no-repeat top center;height: 200px;overflow: hidden;color: #fff;}
#footer{position:relative;width:1200px;margin:0 auto;padding-top: 30px;}
#footer a{color:#fff;}
#footer a:hover{color:#e87518;text-decoration:none;}

.foot-left{
    width:565px;
    font-size: 14px;
    line-height: 29px;
}

.f-title{
    font-size: 18px;
    font-weight:bold;
    padding-bottom: 10px;
}
.copyright{line-height:24px;}

.foot-right{
    margin-left: 144px;
    font-size: 18px;
}


.foot-right .bdsharebuttonbox{margin-top:28px;}
.foot-right .bdsharebuttonbox a{display:inline-block;width:56px;height:56px;margin:0 17px;padding:0;background-position:center;}
.foot-right .bdshare-button-style0-16 a{padding-left: 0 !important;}

.foot-right .bdsharebuttonbox a.bds_sqq{background:url(../images/f2.png)no-repeat center;width:56px;height:56px;}

.foot-right .bdsharebuttonbox a.bds_tsina{background:url(../images/f3.png)no-repeat center;width:56px;height:56px;margin-left: 0;}

.foot-right .bdsharebuttonbox a.bds_weixin{background:url(../images/f1.png)no-repeat center;width:56px;height:56px;}


/*左侧工具条*/
#toolbar {
	position: fixed;
	z-index: 9999;
	right: 33px;
	bottom: -4px;
}

#toolbar li {
	margin-bottom: 1px;
	font-size: 0;
	width: 49px;
	height: 50px;
	right: 0;
	position: relative;
}

#toolbar li a {
	display: block;
	position: absolute;
	z-index: 9;
	right: 0;
	top: 0;
	width: 49px;
	height: 50px;
	overflow: hidden;
	background: #ab001a;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	white-space: nowrap;
	font-size: 0;
}

#toolbar li .iconfont{
	display: inline-block;
	vertical-align: middle;
	width: 49px;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	line-height: 57px;
	color: #2b2b2b;
    font-size: 26px;
}
#toolbar li .iconfont.icon-arrowup{
    background: url(../images/tt4.png) no-repeat center center;
}
#toolbar li .iconfont.icon-iconfontphone{
    background: url(../images/tt1.png) no-repeat center center;
}
#toolbar li .iconfont.icon-iconfontconsloge{
    background: url(../images/tt2.png) no-repeat center center;
}
#toolbar li .iconfont.icon-iconfontadress{
    background: url(../images/tt3.png) no-repeat center center;
}


#toolbar li .wz {
	display: inline-block;
	line-height: 57px;
	font-size: 14px;
	color: #fff;
	vertical-align: middle;
	padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
	position: absolute;
	z-index: 1;
	padding: 5px;
	background: #ab001a;
	width: 150px;
	right: 120%;
	bottom: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100%);
	        transform: translateX(100%);
	-webkit-transition: all .7s;
	transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
	margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
	max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
	content: '';
	position: absolute;
	right: -5px;
	bottom: 20px;
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
	border-width: 5px;
	cursor: pointer;
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #ab001a;
	border-right: none;
}

#toolbar li.ewm:hover .icon {
	background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

#toolbar li.backtop {
	cursor: pointer;
}

#toolbar li.backtop .iconfont {
	color: #fff;
	background-color: #ab001a;
}

#toolbar li:hover a {
	width: 350px;
}

#toolbar li:hover .iconfont {
	background-color: #ab001a;
	color: #fff;
}





/*------------内页-------------------*/
.left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:1920px;position: relative;left: 50%;margin-left: -960px;}
.n_banner img{width:1920px;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:960px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;}
