.slidedownbox{position:relative;top:70px;opacity: 0;}
.fenlei{width:100%;position:absolute; top:70px; height: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); height:70px;}
.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;
}


/*Home*/

.dibubox .centerbox{width:1300px;margin:0 auto;padding-bottom:25px}
.dibubox .centerbox>*{display: inline-block;}
.dibubox .centerbox .left{width:56%}
.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;}

.xg_mid{width: 100%;text-align: center;}
.xg_mid .xg_box1{width: 100%;height: auto;display: inline-block;position: relative;overflow: hidden;margin: 0 20px;}
.xg_mid .xg_box1 img{max-width: 100%;height: 100%;}
.xg_blk{width: 100%;height: 520px;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: 80%;height: 1px;background-color: white;opacity: 0;margin: 0 auto;margin-top: 180px;transition: 1s;-moz-transition: 1s;-webkit-transition: 1s;-ms-transition: 1s;}
.xg_box1 p{position: absolute;color: white;}
.xg_p1{left:20%;top: -100px;transition: 1.5s;-moz-transition: 0.8s;-webkit-transition: 0.8s;-ms-transition: 0.8s; font-size:26px; font-weight:bold;}
.xg_p2{left:80px;display:none; 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.8; background-color:#fff;}
.xg_mid .xg_box1:hover .xg_blk .xg_line{opacity: 0.5;background-color:#000;display:none;}
.xg_mid .xg_box1:hover .xg_p1{top: 30%;}
.xg_mid .xg_box1:hover .xg_p2{bottom: 50px;color:#555;}

.silou .box .pic{height:248px;width:405px;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;
}
.contentbox > div a{ color:#888;}

.contentbox > div{width:32%;margin-left:1%; cursor:pointer;}


@media(max-width: 1400px){
.xg_mid .xg_box1{width:auto;height:auto;margin:0px;}
.contentbox > div{width:33%;margin-left:0px;}

}


@media(max-width: 1250px){
.xg_mid .xg_box1{width:95%;height:auto;margin:0px;}
.contentbox > div{width:33%;margin-left:0px;}
.erlou{padding-top:5%;padding-bottom:2%;}
.main-opo{height:auto;}
}

@media(max-width: 800px){
.xg_mid .xg_box1{width:90%;height:auto;}
.contentbox > div{width:50%;margin-left:0px;}
.main-opo{height:auto;}
.erlou{padding-top:5%;padding-bottom:2%;}
}
@media(max-width: 640px){
.xg_p1{display:none;}
.xg_blk{display:none;}

}


@media(max-width: 600px){
	.xg_mid .xg_box1 img{width:100%;}
	.xg_blk{height:auto;}
.xg_mid .xg_box1{width:80%;height:auto;}
	
.contentbox > div{width:50%;margin-left:0px;}
	
	}