@charset "utf-8";

.w1200{width: 1200px;margin: 0 auto;overflow: hidden;}
.top{height: 120px;overflow: visible;background:url(../images/topbg.png) center 0 no-repeat;position: absolute;top: 0;left: 0;width: 100%; z-index: 10}
.top .logo{margin-left: 21px;margin-top: 32px;float: left;}
.top-right{width: 676px;float: right}
.top-right-hang{width: 100%;height: 46px;overflow: hidden}
.top-right-hang span{display: block;float: left;text-indent: 40px;height: 46px;line-height: 46px;color: #fff;font-size:18px}
.top-right-hang div{margin-left: 213px;line-height: 46px;font-size: 12px;color: #fff;float: left}
.top-right-hang div a{text-decoration: none}
.top-right-hang div .chinese{color: #fff}
.top-right-hang div .english{color: #999999}
.form{width: 150px;height: 30px;border-radius: 5px;float: right;margin-right: 28px;margin-top: 7px;background-color: #222223}
.form .i1{width: 122px;height: 28px;line-height: 28px;border:none;background-color: transparent;outline: none;text-indent: 10px;font-size: 12px;color: #797979}
.form .i2{width: 28px;height: 28px;background:url(../images/search.png) center center no-repeat;border:none;background-color: transparent;float: right}
.nav{width: 100%;height: 74px;float: right;}
.nav li{float: left;width: 112px;height: 74px;}
.nav li a{text-decoration: none;color: #333;}
.nav li .a1{color: #333;text-decoration: none;display: block;overflow: hidden;height: 74px;line-height: 74px;text-align: center;color: #fff;font-size: 16px}
.nav li .a1:hover{color:#e20613;}
.topsubnav{width: 100%;min-height: 154px;border-bottom: 1px solid #e20613;background-color: rgba(255,255,255,0.76);position: absolute;left: 0;top: 120px;z-index: 10;display: none}
.topsubnav img{width: 217px;height: 127px;float: left;margin-left: 68px;margin-top: 15px}
.topsubnav span{display: block;width: 295px;line-height:24px;margin-top: 49px;margin-left: 51px;;float: left;color: #666666;font-size: 12px}
.topsubnavlink{width: 548px;float: right;height:auto;overflow: hidden;box-sizing: border-box;padding-top: 25px}
.topsubnavlink a{display: block;width: 120px;height: 36px;text-align: center;line-height: 36px;margin-bottom: 15px; border:1px solid #666666;color: #666666;text-decoration: none;float: left;margin-right: 60px;overflow: hidden;}
.topsubnavlink a:hover{background-color: #e20613;border:1px solid #e20613;color: #fff;}


.banner{height: 918px;position: relative;overflow: hidden;}
.bannerprev{display: block;width:60px;height: 60px;background: url(../images/bannerleft.png) 0 0 no-repeat;position: absolute;left: 50%;margin-left: -840px;z-index: 99;top: 50%}
.bannernext{display: block;width:60px;height: 60px;background: url(../images/bannerright.png) 0 0 no-repeat;position: absolute;left: 50%;margin-left: 780px;z-index: 99;top: 50%}
.banner .pic{ height:918px;overflow: hidden;}
.banner .pic li{float: left;height:918px;width: 100%; position: absolute;left: 0;top: 0;z-index: 1; background-position: center 0;background-repeat: no-repeat;}


.box1{height: 904px;overflow: hidden;position: relative;background: url(../images/box1.jpg) center 0 no-repeat}
.box-title{width: 100%;height: 200px;overflow: hidden}
.box-title h1{display: block;width: 100%;height: 55px;line-height:55px;font-size: 36px;color: #e20613;font-weight: bold;text-align: center;margin-top: 31px}
.box-title h1 font{color: #333333;font-size: 26px}
.box-title span{display: block;width: 100%;height: 36px;line-height: 36px;text-align: center;margin-top: 10px;color: #666666;font-size: 16px}
.box-title a{display: block;margin: 22px auto 0 auto;width: 128px;height: 34px;border:1px solid #333333;color: #333333;text-align: center;line-height: 34px;text-decoration: none;font-size: 16px}

.prodlist{width: 1200px;height: auto;overflow: hidden;margin-top: 46px;}
.prodlist li{width: 374px;height: 279px;overflow: hidden;float: left;margin: 0 13px 25px 13px;position: relative}
.prodlist li a{display: block;width: 100%;height: 100%;text-decoration: none;color: #333}
.prodlist li img{width: 100%;height: 100%}
.prodlist li .zhedang{position: absolute;bottom: 0;height: 35px;box-sizing: border-box;padding: 0 33px;background-color: rgba(0, 0, 0, 0.6);width: 320px;left: 27px}
.prodlist li .zhedang h1{display: block;width: 100%;height: 35px;line-height: 35px;overflow: hidden;color: #fff;font-size: 16px;position: relative}
.prodlist li .zhedang h1:after{content: "";display: block;width: 12px;height: 7px;background:url(../images/movetop.png) 0 0 no-repeat;position: absolute;top: 16px;right: 0}
.prodlist li .zhedang span{color: #fff;font-size: 12px;line-height: 26px;margin-top: 16px;display: block}
.prodlist li .zhedang h1:hover{color: #ff0000;}


.box2{height: 579px;overflow: hidden;background: url(../images/box2.jpg) center 0 no-repeat}
.box2-content{width: 400px;height: auto;float: left;margin-left:30px;margin-top: 98px}
.box2-content h1{display: block;width: 100%;height: 55px;line-height:55px;font-size: 36px;color: #e20613;font-weight: bold;margin-top: 31px}
.box2-content h1 font{color: #fff;font-size: 26px}
.box2-content span{display: block;line-height: 25px;width: 100%;height: auto;color: #f7f7f7;font-size: 14px;margin-top: 30px}
.box2-content a{display: block;margin-top: 22px;width: 128px;height: 34px;border:1px solid #fff;color: #fff;text-align: center;line-height: 34px;text-decoration: none;font-size: 16px}


.box3{height: 788px;overflow: hidden;background: url(../images/box3.jpg) center 0 no-repeat}
.box3-title{width: 100%;height: 226px;overflow: hidden}
.box3-title h1{display: block;width: 100%;height: 55px;line-height:55px;font-size: 36px;color: #fff;font-weight: bold;text-align: center;margin-top: 31px}
.box3-title h1 font{color: #fff;font-size: 26px}
.box3-title span{display: block;width: 100%;height: 36px;line-height: 36px;text-align: center;margin-top: 10px;color: #fff;font-size: 16px}
.box3nav{width: 100%;height:36px;margin-top: 22px;text-align: center;}
.box3nav a{display: inline-block;width: 128px;height: 34px;border:1px solid #fff;color: #fff;text-align: center;line-height: 34px;text-decoration: none;font-size: 16px;margin:0 18px;}
.box3nav .active{background-color: #e20613;border:1px solid #e20613;}
.box3cont{width: 100%;height: 520px;margin-top: 10px;}
.box3contli{width: 100%;height: 100%;position: relative;display: none}
.prodleft2{display: block;width:33px;height: 58px;background: url(../images/box3left.png) center center no-repeat;top: 198px;left: 9px;position: absolute;}
.prodleft2:hover{background: url(../images/box3lefth.png) center center no-repeat;}
.prodright2{display: block;width:33px;height: 58px;background: url(../images/box3right.png) center center no-repeat;top: 198px;right: 9px;position: absolute;}
.prodright2:hover{background: url(../images/box3righth.png) center center no-repeat;}
.prodbrand{width: 1200px;height: 520px;overflow: hidden;margin-left: 50px;position: relative}
.piclist{width: 1200px;height: 520px;overflow: hidden;position: absolute;left: 0;top: 0}
.piclist li{width: 340px;height: 220px;float: left;margin-left: 23px;margin-bottom: 25px}

.box4{height:auto;overflow: hidden;background: url(../images/box4.jpg) center 0 no-repeat; padding-bottom:50px;}
.newslist{width: 100%;height: auto;overflow: hidden}
.newslist li{width: 560px;height: 80px;margin-left: 40px;margin-top:18px;float:left}
.newslist li .date{width: 80px;height: 80px;overflow: hidden;background-color: #e20613;color: #fff;float: left}
.newslist li .date h1{display: block;width: 100%;height: 38px;line-height: 38px;margin-top: 10px;font-size: 30px;color: #fff;text-align: center}
.newslist li .date span{display: block;width: 100%;height: 24px;line-height: 24px;font-size: 12px;color: #fff;text-align: center}

.newslist li a{display: block;width: 100%;height: 100%;text-decoration: none;color: #333;overflow: hidden}
.newslist li a:hover{color:#e20613}
.newslist li .cont{width: 416px;height: 80px;overflow: hidden;float: left;margin-left: 17px;}
.newslist li .cont h1{display: block;width: 100%;height: 26px;line-height: 26px;margin-top: 4px;text-overflow:ellipsis;
white-space: nowrap;overflow: hidden;font-size: 16px;}
.newslist li .cont span{display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;font-size: 12px;line-height: 16px;margin-top: 5px}

.bottom{height:auto;overflow: hidden;background-color:#efefef;border-top: 3px solid #e20613}
.bottom .left{width: 335px;height: 238px;float: left;margin-left: 37px;overflow: hidden}
.bottom .left h1{display: block;width: 100%;height: 38px;line-height: 38px;border-bottom: 1px solid #dbdbdb;margin-top: 25px;color: #333;font-size: 16px;font-weight: bold}
.bottom .left .sp1{display: block;height: 24px;margin-top: 11px;text-indent: 30px;color: #333333;font-size: 12px;line-height: 24px;background:url(../images/icon1.png) 3px center no-repeat;}
.bottom .left .sp2{display: block;height: 24px;margin-top: 11px;padding-left: 30px;color: #333333;font-size: 12px;line-height: 24px;background:url(../images/icon2.png) 3px 3px no-repeat;}
.bottom .left .sp3{display: block;height: 24px;margin-top: 11px;text-indent: 30px;color: #333333;font-size: 12px;line-height: 24px;background:url(../images/icon3.png) 3px center no-repeat;}
.bottom .left .sp4{display: block;height: 24px;margin-top: 11px;text-indent: 30px;color: #333333;font-size: 12px;line-height: 24px;background:url(../images/icon4.png) 3px center no-repeat;}

.bottom .center{width:500px;height: 196px;overflow: hidden;float: left;overflow: hidden;margin-left:100px}
.bottom .center h1{display: block;width: 100%;height: 38px;line-height: 38px;border-bottom: 1px solid #dbdbdb;margin-top: 25px;color: #333;font-size: 16px;font-weight: bold}

.btnav{width: 100%;height: auto;margin-top: 20px}
.btnav a{display: block;float: left;margin-right: 100px;text-decoration: none;color: #333;font-size: 14px;line-height: 44px;}
.btnav a:hover{display: block;float: left;margin-right:100px;text-decoration: none;color: #ff0000;font-size: 14px;line-height: 44px;}
.btnav a:nth-child(3){margin-right: 0}
.btnav a:nth-child(6){margin-right: 0}
.bottom .right{width: 198px;height: 196px;overflow: hidden;float: right; text-align:right; padding-top:50px;}


.footer{height:auto;font-size: 12px;color: #333333;text-align: center;line-height: 29px;border-top: 1px solid #dbdbdb}
.page{padding-bottom: 20px;height: auto;overflow: hidden;}
.page-main{min-height: 700px;}
.pagebanner{height: 580px;overflow: hidden;position: relative}
.pagebanner1{background:url(../images/pagebanner1.jpg) center 0 no-repeat;}
.pagebanner2{background:url(../images/pagebanner2.jpg) center 0 no-repeat;}
.pagebanner3{background:url(../images/pagebanner3.jpg) center 0 no-repeat;}
.pagebanner4{background:url(../images/pagebanner4.jpg) center 0 no-repeat;}
.pagebanner5{background:url(../images/pagebanner5.jpg) center 0 no-repeat;}
.subnav{width: 100%;min-height: 50px;overflow: hidden;border-bottom: 1px solid #d6d6d6;height: auto;}
.subnav a{display: block;width: 150px;height: 50px;margin-right: 50px;color: #333;text-align: center;line-height: 48px;text-decoration: none;font-size: 16px;float: left}
.subnav a:hover{background-color: #e20613;color: #fff}

.page-title{width: 100%;height: 78px;overflow: hidden;margin-top: 47px}
.page-title h1{display: block;width: 100%;height: 46px;line-height:46px;font-size: 30px;color: #e20613;font-weight: bold;text-align: center}
.page-title span{display: block;width: 100%;height: 37px;line-height:37px;font-size: 20px;color: #333333;text-align: center;font-weight: bold;}


.pagecontent{width: 100%;height: auto;overflow: hidden;font-size: 14px;color: #666666;box-sizing: border-box;margin-top: 45px}
.pagecontent p img{padding:0 10px 10px 0}
.newslist2{width: 100%;box-sizing: border-box;overflow: hidden;box-sizing: border-box}
.newslist2 li{width: 100%;height: 80px;margin-left: 40px;margin-top: 30px}
.newslist2 li .date{width: 80px;height: 80px;overflow: hidden;background-color: #e20613;color: #fff;float: left}
.newslist2 li .date h1{display: block;width: 100%;height: 38px;line-height: 38px;margin-top: 10px;font-size: 30px;color: #fff;text-align: center}
.newslist2 li .date span{display: block;width: 100%;height: 24px;line-height: 24px;font-size: 12px;color: #fff;text-align: center}

.newslist2 li a{display: block;width: 100%;height: 100%;text-decoration: none;color: #333;overflow: hidden}
.newslist2 li .cont{width:1100px;height: 80px;overflow: hidden;float: right;}
.newslist2 li .cont:hover{color:#e20613}
.newslist2 li .cont h1{display: block;width: 100%;height: 26px;line-height: 26px;margin-top: 4px;text-overflow:ellipsis;
white-space: nowrap;overflow: hidden;font-size: 16px;}
.newslist2 li .cont span{display: -webkit-box;-webkit-box-orient: vertical;
-webkit-line-clamp: 2;overflow: hidden;font-size: 12px;line-height: 25px;margin-top: 5px}

.newspage{width:100%;float:left;min-height:500px;}
.newshow-top{text-align:center;width:100%;height:auto;overflow:hidden;float:left; padding-top:50px;}
.newshow-top h1{font-size:24px;margin-top:18px;height:auto;display:block;width:100%;line-height:30px;float:left;color:#333333}
.newshow-top span{font-size:12px;color:#888888;line-height:26px;display:block;float:left;width:100%;margin-top:3px;margin-bottom:10px}
.fengexian1{border-bottom:1px solid #ebebeb;float:left;width:100%;}
.newshow-ct{padding-bottom:27px;color:#555555;float:left;margin-left:15px;margin-right:10px;padding-top:15px;overflow:hidden;}
.newshow-bot{width:100%;position:relative;margin-bottom:5px;float:left;overflow:hidden;margin-top:10px;margin-bottom:10px;}
.newshow-bot span{color:#666666;font-size:13px;display:block;width:550px;margin-top:3px;line-height:20px;margin-left: 15px;}
.newshow-bot span a{color:#666666;text-decoration:none;}
.newshow-bot span a:hover{color:#407aee;}


.prodlist2{width: 1230px;height: auto;overflow: hidden;margin-top: 39px}
.prodlist2 li{width:285px;height: 276px;float: left;margin-right: 18px;overflow: hidden;margin-bottom:18px;position: relative;border-bottom: 1px solid #e5e5e5}
.prodlist2 li a{text-decoration: none;color: #333;display: block;width: 100%;height:100%}
.prodlist2 li img{width: 100%;height: 238px}
.prodlist2 li span{display: block;width: 100%;height: 38px;line-height: 38px;text-align: center;font-size: 15px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}

.prodlist2 li a:hover{text-decoration: none;color: #ff0000;display: block;width: 100%;height:100%}





.prodpage{width: 1032px;min-height: 403px;background-color: #f6f6f6;border-radius: 5px;margin: 30px auto 0 auto;}
.prodpage-cont{width: 100%;height: auto;overflow: hidden;}
.prodpage .left{width: 372px;float: left;margin-left: 47px;height: 302px;margin-top: 54px}
.prodpage .left img{width: 372px;height: 302px}
.prodpage .right{width: 511px;float: right;margin-right: 47px;margin-top: 54px;}
.prodpage .right h1{display: block;width: 100%;line-height: 50px;color: #333;font-size: 24px;}
.prodpage .right span{display: block;width: 100%;line-height: 29px;margin-top: 10px;color: #686868}
.prodcontent{width: 946px;height: auto;padding-bottom: 20px;margin-left: 47px;overflow: hidden;margin-top: 30PX;}
.pageindex{text-align: center;line-height: 50px;width: 100%;overflow: hidden;}

.contact{width: 100%;height: auto;overflow: hidden;font-size: 14px;color: #666666;box-sizing: border-box;padding: 0 26px;margin-top: 45px}

.contact .map{height: 315px;}
.contact .contact-cont{height: auto;overflow: hidden}


/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
	display:flex;
	justify-content:center;
	margin-top:100px; margin-bottom:50px;
}
.pagination a {
	background:#fff;
	border:1px solid #ccc;
	color:#333;
	font-size: 14px;
	padding:5px 12px;
	margin:0 5px;
	border-radius:3px;
}
.pagination span {
	color: #333;
	font-size:14px;
	padding:5px 2px;
	margin:0 5px;
	border-radius:3px;
}
.pagination a:hover {
	color:#e20613;
	border:1px solid #e20613;
}
.pagination a.page-num-current {
	color:#fff;
	background:#e20613;
	border:1px solid #e20613;
}
/* ----- PB分页数字条效果 结束 ----- */