﻿*{padding:0;margin:0;list-style: none;font-family: "微软雅黑";}
img{ border:none;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
/* ::-webkit-scrollbar {width:5px;height:5px;}
::-webkit-scrollbar-track,  
::-webkit-scrollbar-thumb{border-radius:999px;border: 5px solid transparent;}  
::-webkit-scrollbar-track {box-shadow: 0px 0px 5px rgba(0,0,0,.0) inset;}  
::-webkit-scrollbar-thumb {min-height: 20px;background-clip: content-box;box-shadow: 0 0 0 5px rgba(0,0,0,.4) inset;}  
::-webkit-scrollbar-corner {background: transparent;} */
.top{height:70px; line-height:70px;}
.topbox{width:100%; z-index:9999; background:#fff;}
.header{width:1292px;margin:0 auto;}
.header{/*border-bottom:1px solid #d7d7d7*/}
.header .centerbox{width:1292px;margin:0 auto;height:70px; line-height:70px;}
.header .centerbox>*{display: inline-block;vertical-align: middle;}
.header .centerbox .ul01{padding-left:7%; padding-right:3%;}
.header .centerbox .ul01>li{display: inline-block;vertical-align: middle;line-height:78px;padding:0 20px}
.header .centerbox .ul01>li a{font-size:14px; color:#666;}
.header .centerbox .ul01>.active{/*background:#f7f7f7;*/}
.header .centerbox .ul01>.active>a{color:#666;}
.header .rightbox{} 
.header .rightbox>*{display: inline-block;vertical-align: middle;line-height:70px}
.header .rightbox:after{content: '';height:100%;display: inline-block;vertical-align: middle;}
.contentbox{position:relative;top:70px;opacity: 0;}
.slidedownbox{position:relative;top:70px;opacity: 0;}
.fenlei{width:100%;position:absolute; top:70px;border-top:1px #eee solid; z-index: 3;left:0;background:rgba(238,238,238,0.9);display: none;}
.fenlei ul{width:80%;margin:0 10%;background:rgba(238,238,238,0.0);}
.fenlei ul li{display: inline-block;vertical-align: middle;padding:0 15px; padding-top:10px;}
.fenlei ul li a{color:#333;font-size:14px ;padding-left:0; line-height:50px; display:block; float:right;}
.erlou{text-align: center;padding-top:60px;padding-bottom:60px}
.erlou .box{display: inline-block;vertical-align: top;margin:0 15px;width:410px;overflow: hidden;}
.erlou .box .pic{height:280px;width:100%;overflow: hidden;}
.erlou .box .pic img{width:100%;}
.erlou .box p{line-height:48px;font-size:16px;color:#333;text-align: left;}
.sanlou{position:relative;height:630px;}
.sanlou .imgbox{opacity: 0;position:absolute;}
.sanlou .imgbox img{width:100%;height:630px;position:absolute;z-index: -1;}
.index_banner {
	height:740px;
	position:relative;
	z-index:1;
}
.overbox{position:relative;display: inline-block;width:44px;height:44px;overflow: hidden; cursor:pointer;}
.hoverbox{top:0;position:absolute;width:44px;height:100px;background:url(../img/hoverlogo.png) no-repeat top center;transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;}
.overbox:hover .hoverbox{top:-44px}
.overbox2{position:relative;display: inline-block;width:44px;height:44px;overflow: hidden; cursor:pointer;}
.hoverbox2{top:0;position:absolute;width:44px;height:100px;background:url(../img/hoverlogo2.png) no-repeat top center;transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;}
.overbox2:hover .hoverbox2{top:-44px;}
.overbox3{position:relative;display: inline-block;width:44px;height:44px;overflow: hidden; cursor:pointer;}
.hoverbox3{top:0;position:absolute;width:44px;height:100px;background:url(../img/hoverlogo3.png) no-repeat top center;transition:0.3s;-moz-transition:0.3s;-o-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;}
.overbox3:hover .hoverbox3{top:-44px;}
/*首页*/
.index_banner img{
	display: block;
	width:100%;
	height:100%;
	z-index:1;
}
.index_banner .banner_box{
	position:relative;
}
.index_banner .banner_box li{
	position:absolute;
	overflow: hidden;
	display: none;
	width:100%;	
	background:#CCCCCC	
}

.index_banner .banner_box li a{
	display: block;
	width: 100%;
	height: 100%;
}
.index_banner .tab{
	position:absolute;
	bottom:40px;
	overflow: hidden;
	width:225px;
	left:50%;
	margin-left:-112px;
}
.index_banner .tab li{
	width:35px;
	height:3px;
	background-color:#ddd;
	/*border:1px #fff solid;*/
	/*border-radius:8px;*/
	float:left;
	margin:0 5px;
	transition:0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;	
	-ms-transition: 0.5s;	
	-o-transition: 0.5s;
}
.index_banner .tab .tab_active{
	background:#E81122;
	/*border:1px #fff solid;*/
}
.hide{font-size:0px;}
.sanlou .p01{padding-top:360px;font-size:50px;color:#FFF}
.sanlou .p02{font-size:16px;color:#FFF;padding-top:10px;padding-bottom:100px;}
.sanlou .p03{font-size:14px;color:#FFF;margin:0 auto; border:1px #fff solid; line-height:38px;width:140px;text-align: center;}
.sanlou .contentbox{height:100%;overflow: hidden;}
.sanlou .imgbox{height:100%;width:100%}
.sanlou p{text-align: center;}
.silou p{text-align: left;}
.silou{text-align: center;margin-top:70px;margin-bottom:90px}
.silou .box .text{margin-top:30px;}
.silou .box{display: inline-block;vertical-align: top;width:440px;}
.silou .box .p01{font-size:14px;color:#333;text-align: left;margin-bottom:10px}
.silou .box .p02{color:#999;font-size:12px;padding-bottom:10px}
.silou .box .p03{color:#999;font-size:14px;text-align: right;}
.silou .box .btn{background:#e60012;color:#FFF;font-size:14px;height:30px;line-height:30px;width:160px;margin-top:46px}
.footer{background:#fafafa;padding-top:35px;}
.footer dl{height:310px;border-lefT:1px solid #ccc;padding-left:30px;padding-right:30px;display: inline-block;vertical-align: top;}
.footer dt{color:#333;font-size:14px;padding-bottom:15px;}
.footer dd{color:#999; line-height:26px; font-size:14px; width:90px; margin:0px; padding:0px;}
.footer dd a{ color:#999; font-size:12px;}
.footer dd a:hover{ color:#333;}
.footer .centerbox{width:1300px;margin:0 auto}
.dibubox .centerbox{width:1300px;margin:0 auto;padding-bottom:25px}
.dibubox .centerbox>*{display: inline-block;}
.dibubox .centerbox .left{}
.dibubox .centerbox .left .t{padding-bottom:10px}
.dibubox .centerbox .left .t>*{display: inline-block;vertical-align: middle;color:#999;}
.dibubox .centerbox .left .t p{margin-left:5px}
.dibubox .centerbox .left li{display: inline-block;vertical-align: middle;color:#999}
.dibubox .centerbox .right>*{display: inline-block;}
.dibubox .centerbox .right p{color:#666;font-size:14px}
.dibubox .centerbox .right .p01{margin-right:20px;}
i{font-style: normal;margin:0 4px}
.product{overflow: hidden;}
.product dd{float:left;margin:0; line-height:28px;}

.fenlei02{width:100%;position:absolute;top:70px;z-index: 555;opacity: 0;}
.fenlei02 ul{width:1400px;margin:0 auto;padding-top:50px}
.fenlei02 ul li{display: inline-block;vertical-align: middle;text-align: center;margin:0 44px}
.fenlei02 ul li p{color:#fff;font-size:14px;}
.erlou img{transition:1s;-moz-transition:1s;-o-transition:1s;-moz-transition:1s;-ms-transition:1s;}
.silou img{transition:1s;-moz-transition:1s;-o-transition:1s;-moz-transition:1s;-ms-transition:1s;}


.fenlei03{width:100%; position:fixed; z-index:555; left:0; background:rgba(255,255,255,0.7); top:0; display: none;}
.fenlei03 ul{width:99%;margin:0 0.5%;text-align: center;}
.fenlei03 ul li{display:block; float:left;vertical-align: middle;line-height:40px; width:10%;position:relative;}
.fenlei03 ul li>*{display: inline-block;vertical-align: middle;}
.fenlei03 ul li .pic img{vertical-align: middle;width:100%;position:absolute;margin:auto;top:7px;bottom:0;display: block;left:0;right:0}
.fenlei03 ul li .pic .img02{width:80px!important;position:absolute;margin:auto;top:0;bottom:0;display: block;left:0;right:0}
.fenlei03 ul li .pic{width:80px;height:30px;position:relative}
.fenlei03 ul li a{font-size:14px ;padding-left:0; display:block;}
.fenlei03 li:hover{ background:#fff;}

.nav{overflow: hidden;width: 1340px;margin: 0px auto;}
.nav ul{}
.nav ul li>* {display: inline-block;vertical-align: middle;}
.nav ul li{display:block; float:left;vertical-align: middle;line-height:40px; width:10%;position:relative;}
.nav ul li a{font-size:14px ;padding-left:0; display:block;}
.nav ul li .pic {width: 80px;height: 30px;position: relative;}
.nav ul li .pic img{vertical-align: middle;width:100%;position:absolute;margin:auto;top:7px;bottom:0;display: block;left:0;right:0}
.nav ul li .pic .img02{width:80px!important;position:absolute;margin:auto;top:0;bottom:0;display: block;left:0;right:0}

.xg_mid{width: 100%;text-align: center;}
.xg_mid .xg_box1{width: 410px;height: 280px;display: inline-block;position: relative;overflow: hidden;margin: 0 20px;}
.xg_mid .xg_box1 img{width: 100%;height: 100%;}
.xg_blk{width: 410px;height: 280px;background-color: black;opacity: 0;position: absolute;top: 0;left: 0;transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-ms-transition: 1s;}
.xg_line{width: 260px;height: 1px;background-color: white;opacity: 0;margin: 0 auto;margin-top: 120px;transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-ms-transition: 1s;}
.xg_box1 p{position: absolute;color: white;}
.xg_p1{left: 153px;top: -50px;transition: 1.5s;-moz-transition: 0.8s;-webkit-transition: 0.8s;-ms-transition: 0.8s; font-size:26px; font-weight:bold;}
.xg_p2{left: 160px;font-size: 12px; line-height:180%; bottom: -40px;transition: 1.5s;-moz-transition: 0.8s;-webkit-transition: 0.8s;-ms-transition: 0.8s;}
.xg_mid .xg_box1:hover .xg_blk{opacity: 0.4;}
.xg_mid .xg_box1:hover .xg_blk .xg_line{opacity: 1;}
.xg_mid .xg_box1:hover .xg_p1{top: 74px;}
.xg_mid .xg_box1:hover .xg_p2{bottom: 108px;}

.silou .box .pic{height:248px;overflow: hidden;position:relative}
.silou .box .dwbox{opacity:0;position:absolute;top:0;left:0;width:405px;height:248px;background:rgba(0,0,0,0.4);transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;-ms-transition: 0.4s;}
.silou .box .pic:hover .dwbox{opacity: 1;}
.silou .box .pic img{width:100%}
.silou .box .pic .dwbox img{margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;width:auto}

.sanlou .switchbox .tab_switch{text-align: center;display: block;width:100%}
.sanlou .switchbox .tab_switch p{display: inline-block;width:170px;border-radius: 38px;margin:0 20px;transition:1s;-moz-transition:1s;-o-transition:1s;-moz-transition:1s;-ms-transition:1s; cursor:pointer; font-size:18px;}
.sanlou .switchbox .tab_switch p:hover{background:#FFF;color:#000000;}
.sanlou .switchbox .tab_switch .active{background:#FFF;color:#000000}
.sanlou .switchbox .showimg{display: none;}
.sanlou .switchbox .showimg:nth-child(1){display: block;}

/*新加的css*/
html,body{width: 100%;height: 100%;}
@keyframes chang_ys {
	0%{
		background-color: #c60a0a;
	}
	50%{
		background-color:#666;
	}
	100%{
		background-color: #c60a0a;
	}
}
.tk_tk{position: fixed;top: 80px;left: 0;z-index: 999;width: 60px;height: 60px;background-color: #c60a0a;display: none; cursor:pointer;}

.tk_tk{
	animation: chang_ys 3s;
	animation-iteration-count: infinite;
}
.tk_dh{position: fixed;top: 80px;left: 0;z-index: 998;width: 260px;height: 462px;left:-260px;}
.tk_black{position: fixed;top: 80px;left: 0;z-index: 996;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);display: none;}
.tk_tkpic{width: 36px;height: 20px;margin: 0 auto;margin-top: 18px;position: relative}
.tk_dhtop{width: 100%;height: 60px;background-color: #666;}
.tk_dhtop .tk_xx{width: 24px;height: 24px;margin-top: 16px;margin-left: 16px;float: left;}
.tk_dhtop .tk_xx img{width: 100%;height: 100%;}
.tk_dhtop p{float: left;padding-left: 28px;line-height: 60px;font-size: 10px;color: white;font-weight: bold;}
.tk_dh ul{width: 100%;height: 398px;}
.tk_dh ul li{width: 100%;height: 60px; cursor:pointer;}
.tk_tb1{width: 100%;height: 100%;background-color: rgba(255,255,255,0.9);}
.tk_tb2{width: 100%;height: 100%;background-color: rgba(255,255,255,0.9);}
.tk_tb3{width: 100%;height: 100%;background-color: rgba(255,255,255,0.9);}
.tk_tb4{width: 100%;height: 100%;background-color: rgba(255,255,255,0.9);}
.tk_tb5{width: 100%;height: 100%;background-color: rgba(255,255,255,0.9);}
.tk_tb6{width: 100%;height: 100%;background-color: rgba(255,255,255,0.9);}
.tk_tb7{width: 100%;height: 100%;background-color: rgba(255,255,255,0.9);}
.tk_tb1 img{width: 24px;height: 20px;display: block;float: left;margin-top: 18px;margin-left: 28px;}
.tk_tb2 img{width: 20px;height: 22px;display: block;float: left;margin-top: 18px;margin-left: 28px;}
.tk_tb3 img{width: 24px;height: 22px;display: block;float: left;margin-top: 18px;margin-left: 28px;}
.tk_tb4 img{width: 22px;height: 24px;display: block;float: left;margin-top: 18px;margin-left: 28px;}
.tk_tb5 img{width: 22px;height: 22px;display: block;float: left;margin-top: 18px;margin-left: 28px;}
.tk_tb6 img{width: 20px;height: 20px;display: block;float: left;margin-top: 18px;margin-left: 28px;}
.tk_tb7 img{width: 22px;height: 22px;display: block;float: left;margin-top: 18px;margin-left: 28px;}
.tk_dh ul li div p{font-size: 14px;color: #666; font-weight:bold; line-height: 60px;float: left;padding-left: 26px;}
.tk_dh ul li:hover div p{color: white;}
.tk_dh ul li:hover div{background-color: #c60a09;}
.tk_cd{position: fixed;top: 80px;left: 0;z-index: 997;width: 260px;height: 770px;left:-260px}
.tk_jt{float: right;width: 10px;margin-top: 18px;margin-right: 20px;overflow: hidden;}
.tk_jt img{width: 100%;height: 100%;}
.tk_cdxx{width: 100%;height: 714px;}
.tk_nr{width: 100%;border-bottom: 1px solid #b6b6b3;font-size:0}
.tk_nr>div{width: 50%;height: 118px;background-color: rgba(255,255,255,0.9);display: inline-block;vertical-align: middle;text-align: center;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.tk_nr>div:after{content:'';vertical-align: middle;height:100%;display: inline-block;}
.tk_l1{border-right: 1px solid #b6b6b3;}
.tk_l1 div{margin: 0 auto;display: inline-block;vertical-align: middle;text-align: center;}
.tk_nr>div p{font-size: 12px;color: #333333;padding-top: 22px;text-align: center;}
.tk_r1 div{margin: 0 auto;text-align: center;display: inline-block;vertical-align: middle;}
.tk_nr .box:hover{background:#c60a0a;transition: 1s;}
.tk_nr .box:hover p{color:#FFF}
/*修改 2-15*/
.tk_tk_hei{
	border-top-color: black;
}

.sycp02_top ul {
	text-align: center;
	padding-top: 40px;
	margin-bottom: 50px
}
.sycp02_top ul li {
	margin: 0 4px;
	text-align: center;
	width: 92px;
	display: inline-block;
}
.sycp02_top .pic {
	width: 84px;
	height: 84px;
	background: #fff;
	border-radius: 50%;
	line-height: 92px;
	font-size: 0
}
.sycp02_top .pic img {
	display: inline-block;
	vertical-align: middle;
}
.sycp02_top p {
	font-size: 14px;
	margin-top:px;
	color: #666;
}

/*修改*/
.line_wt{
	display: inline-block;
	width: 33px;
	height: 4px;
	background-color: #fff;
	border-radius: 2px;
	position: absolute;
	left: 0px;
}
.line-fir{
	top: -2px;
	-webkit-transform-origin: left top 0;
	-ms-transform-origin: left top 0;
	transform-origin: left top 0;
}
.line-sec{
	top: 9px;
}
.line-thi{
	top: 20px;
	-webkit-transform-origin: left bottom 0;
	-ms-transform-origin: left bottom 0;
	transform-origin: left bottom 0;
}
.line-sec_gb{
	display: none;
}

