@charset "UTF-8";
body{
	--wd-h:calc(100vh);
}
.pc{
	display:none  !important; 
}
.base{
	margin:0 auto; width:1200px;
}
.base.base1600{
	width:100%; max-width:1700px; padding:0px 50px;
}
.base.base1500{
	width:100%; max-width:1500px; padding:0px 50px;
}
.base.base1280{
	width:1280px;
}
.ntitle {
    line-height: 40px;
    height: 40px;
    text-align: center;
    font-size: 20px;
    color: black;
    margin-bottom: 12px;
}

.ncontent {
    line-height: 25px;
    padding-bottom: 55px;
}
.ninfo {
    color: #999;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-bottom: 15px;
}
.ncontent img{
	max-width:100%; 
}
.index-header{
	background:#282828; padding-left:360px; position:relative;  
}
.index-menus{
	width:360px; position:absolute; left:0px; top:0px; height:100%; border-right:solid 1px #8892A3; padding-left:85px; background:url(../pics/header.jpg) no-repeat left center;
}
.index-menus a.logo{
	display:block; margin-bottom:50px;
}
.index-menus a.logo div{
	display:none;
}
.index-menus a.logo img{
	max-width:100%; position:relative; 
}
.index-menus ul.navs{
	overflow:hidden; margin-bottom:55px;
}
.index-menus ul.navs li{
	border-bottom:solid 1px #696969;
}
.index-menus ul.navs li>a{
	display:block; height:55px; line-height:55px; text-decoration:none; padding-left:21px; height:55px; line-height:55px; font-size:16px; color:#ABABAB;
}
.index-menus ul.navs li>a:hover,.index-menus ul.navs li>a.cur{
	background:url(../pics/li2.png) no-repeat left center; color:#ffffff; 
}
.index-menus .cha-box{
	height:46px; position:relative;
}
.index-menus .cha-box input{
	width:100%; outline:none; border:none; background:none; font-size:16px; color:white; padding:8px 12px; padding-right:45px; line-height:30px; height:45px; border-bottom:solid 1px #FFFFFF;
}
.index-menus .cha-box input::-webkit-input-placeholder{
	color:white; font-size:16px;
}
.index-menus .cha-box a{
	width:20px; position:absolute; right:12px; top:13px; line-height:20px; height:20px; text-align:center; color:white; font-size:16px;
}
.top-navs{
	display:none;
}
.index-ad1{
	background:#F7F7F7; height:140px; color:#999999; font-size:16px;  
}
.carousel-inner>.item>img.ppt-img{
	width:auto; height:100% !important; max-width:none;
}
.index-ad1 ul li{
	border-right:solid 1px #EEEEEE; float:left; padding:35px 10px; width:170px;
}
.index-ad1 ul li.tel{
	width:255px; 
}
.index-ad1 ul li.tel span{
	display:block; height:26px; line-height:26px; color:#333333; font-size:16px;
}
.index-ad1 ul li.tel font{
	display:block; font-size:30px; color:#a60b13; height:43px; line-height:43px; font-weight:bold;
}
.index-ad1 ul li.txt{
	text-align:center; width:435px;
}
.index-ad1 ul li.txt span{
	display:block; height:26px; line-height:26px; color:#666666;  
}
.index-ad1 ul li.txt font{
	display:block; height:44px; line-height:44px; color:#333333; font-size:22px;
}
.index-ad1 ul li .img{
	height:42px; line-height:45px; margin-bottom:3px; text-align:center;
}
.index-ad1 ul li .shuoming{
	line-height:24px; font-size:16px; text-align:center;
}
.index1{
	padding:60px 0px;
}
.index-title{
	text-align:center; margin-bottom:30px;
}
.index-title .tit{
	margin-bottom:10px; display:inline-block; padding:0px 17px; line-height:53px; height:53px; position:relative; text-align:center;
}
.index-title .tit img{
	max-width:100%; position:relative; bottom:2px;
}
.index-title .tit span{
	position:absolute; height:50px; line-height:50px; left:0px; top:0px; font-size:30px; color:#282828; width:100%;
}
.index-title .t-desc{
	height:46px; line-height:46px; font-size:18px; color:#666666; text-align:center; background:url(../pics/title-index.png) no-repeat center center; width:490px; margin:0 auto;
}
.index1 ul{
	padding-top:20px;  margin-bottom:30px;
}
.index1 ul li{
	width:23.8%; margin-right:1.593%; float:left; background:#F5F7F6;
}
.index1 ul.index-nproduct li.last-p{
	display:none; margin-top:35px;
}
.index1 ul.index-nproduct.ons li.last-p{
	display:block;
}
.index1 ul li:nth-child(4n+0){
	margin-right:0px;
}
.index1 ul li a{
	height:480px; line-height:480px; display:block; text-decoration:none; position:relative; width:100%; overflow:hidden; background:#F5F7F6; text-align:center;
}
.index1 ul li a>img{
	max-width:100%; max-height:100%; 
}
.index1 ul li a font{
	height:38px; line-height:38px; padding:0px 15px; position:absolute; left:0px; top:15px; color:#666666; z-index:10; text-align:left; z-index:60;
}
.index1 ul li:hover a font{
	color:white;
}
.index1 ul li a .boxs{
	position:absolute; z-index:50; width:100%; height:100%; left:0px; top:0px; overflow:hidden; display:none;
}
.index1 ul li:hover a .boxs{
	display:block;
}
.index1 ul li a .boxs img{
	width:100%; height:100%;
}
.index1 .more{
	text-align:center; line-height:60px;
}
.index1 .more a{
	display:inline-block; text-decoration:none; color:#666666; padding:0px 35px; line-height:60px; background:#F5F7F6; font-size:16px;
}
.index1 .more a:hover{
	background:#A60B13; color:white;
}
.index2{
	height:auto; position:relative;
}
.index2 .left{
	width:50%; float:left; overflow:hidden;
}
.index2 .left a{
	display:block;
}
.index2 .left  img{
	max-width:100%;
}
.index2 .right{
	width:50%;   color:white; background:url(../pics/index2.jpg) no-repeat center center; padding:70px 85px; height:100%; position:absolute; right:0px; top:0px; padding-top:120px;
}
.index2 .right .title{
	height:60px; line-height:60px; font-size:30px; color:white; line-height:30px; margin-bottom:10px;
}
.index2 .right .title font{
	color:#ACACAC; display:inline-block; margin-left:20px; font-size:18px;
}
.index2 .right .content{
	line-height:35px; font-size:16px; color:#ffffff; margin-bottom:40px;
}
.index2 .right .more{
	text-align:left;
}
.index2 .right .more a{
	display:inline-block; padding:0px 45px; height:42px; line-height:42px; color:white; font-size:16px; text-decoration:none; border:solid 1px #FFFFFF; text-transform:uppercase;
}
.index2 .right .more a:hover{
	background:white; color:#2E2E2E;
}
.index3{
	padding:75px 0px; background:url(../pics/index3.jpg) no-repeat center center; padding-top:90px;
}
.index3 .x-index-title{
	width:500px; margin:0 auto; height:60px; line-height:60px; background:url(../pics/x-title.png) no-repeat center center; text-align:center; font-size:30px; color:white; margin-bottom:25px;
} 
.zert-left{  overflow:hidden; position:relative; padding:0px 50px;}
.zert-left .hd{ overflow:hidden;  }
.zert-left .hd .prev,.zert-left .hd .next{ width:40px; height:60px; top:42%; position:absolute; text-align:center; line-height:60px; color:##CCCCCC; font-size:28px;}
.zert-left .hd .prev{
	left:0px;
}
.zert-left .hd .next{
	right:0px;
}
.zert-left .hd .prevStop{ display:none;}
.zert-left .hd .nextStop{ display:none;}
.zert-left .hd ul{ display:none;}
.zert-left .bd{ padding:0px;   }
.zert-left .bd ul{ overflow:hidden; zoom:1; }
.zert-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.zert-left .bd ul li a{
	display:block; width:275px; text-decoration:none; height:420px; overflow:hidden; line-height:420px; text-align:center;
}
.zert-left .bd ul li a img{
	max-width:100%; max-height:100%;
}
.index4{
	background:#F5F7F6; padding:80px 0px; padding-bottom:0px;
}
.index4 ul li{
	position:relative;
}
.index4 ul li .left{
	width:50%; padding-top:65px;
}
.index4 ul li .right{
	width:50%; 
}
 

.index4 ul li:nth-child(odd) .left{
	position:absolute; left:0px; top:0px; height:100%; padding-right:calc(100vw * 0.5 * 0.08); padding-left:calc(100vw * 0.5 * 0.35);  
}
.index4 ul li:first-child .left{
	background:url(../pics/l1.jpg) no-repeat center center; background-size:100% auto;
}
.index4 ul li:nth-child(even) .left{
	background:url(../pics/l2.jpg) no-repeat center center; background-size:100% auto; 
}
.index4 ul li:nth-child(3n+0) .left{
	background:url(../pics/l3.jpg) no-repeat center center; background-size:100% auto; 
}
.index4 ul li:nth-child(odd) .left .title{
	height:108px; padding-bottom:18px; background:url(../pics/t1.png) no-repeat left bottom; margin-bottom:18px;
}
.index4 ul li:nth-child(odd) .left .title font{
	height:90px; display:inline-block; padding-top:30px; line-height:60px; background:url(../pics/t2.png) no-repeat left top; color:#282828; font-size:36px;
}
.index4 ul li:nth-child(odd) .left .title span{
	display:inline-block; height:90px; padding-top:30px; line-height:60px; color:#cccccc; font-size:24px; text-transform:uppercase; margin-left:25px;
}
.index4 ul li:nth-child(odd) .left .kcontent{
	line-height:28px; color:#666666;
}
.index4 ul li:nth-child(odd) .left .kcontent p{
	padding-left:22px; background:url(../pics/li.png) no-repeat left 8px; margin-bottom:12px;
}
.index4 ul li:first-child .left .title font{
	 background:url(../pics/m1.png) no-repeat left top;
}
.index4 ul li:nth-child(3n+0) .left .title font{
	 background:url(../pics/m3.png) no-repeat left top;
}
.index4 ul li .right{
	width:50%; float:right; overflow:hidden;
}
.index4 ul li .right a{
	display:block;
}
.index4 ul li .right  img{
	max-width:100%; transition: all 0.6s;  
}
.index4 ul li .right:Hover  img{
	transform: scale(1.08); 
}
.index4 ul li:nth-child(even) .right{
	float:left;
}
.index4 ul li:nth-child(even) .left{
	position:absolute; right:0px; top:0px; height:100%; padding-left:calc(100vw * 0.5 * 0.08); padding-right:calc(100vw * 0.5 * 0.35);  
}
.index4 ul li:nth-child(even) .left.l2{
	background:url(../pics/l2.jpg) no-repeat center center; background-size:100% auto; 
}
.index4 ul li:nth-child(even) .left .title{
	height:108px; padding-bottom:18px; background:url(../pics/t1.png) no-repeat left bottom; margin-bottom:18px;
}
.index4 ul li:nth-child(even) .left .title font{
	height:90px; display:inline-block; padding-top:30px; line-height:60px; background:url(../pics/t2.png) no-repeat left top; color:#282828; font-size:36px;
}
.index4 ul li:nth-child(even) .left .title span{
	display:inline-block; height:90px; padding-top:30px; line-height:60px; color:#cccccc; font-size:24px; text-transform:uppercase;  margin-left:25px;
}
.index4 ul li:nth-child(even) .left .kcontent{
	line-height:28px; color:#666666;
}
.index4 ul li:nth-child(even) .left .kcontent p{
	padding-left:22px; background:url(../pics/li.png) no-repeat left 8px; margin-bottom:12px;
}
.index5{
	padding:70px 60px;
}
.hot-left{overflow:hidden; position:relative; padding:0px 80px; padding-top:10px;}
.hot-left .hd{ overflow:hidden;  }
.hot-left .hd .prev,.hot-left .hd .next{ position:absolute; width:50px; height:50px; top:42%; line-height:52px; text-align:center; font-size:16px; color:#f0f0f0;}
.hot-left .hd .prev{left:0px;}
.hot-left .hd .next{ right:0px;}
.hot-left .hd .prevStop{ display:none; }
.hot-left .hd .nextStop{ display:none;}
.hot-left .hd ul{ display:none; }
.hot-left .bd{ padding:0px;   }
.hot-left .bd ul{ overflow:hidden; zoom:1; }
.hot-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.hot-left .bd ul li a{
	display:block; text-decoration:none; width:calc((100vw - 340px) * 0.33); height:calc((100vw - 340px) * 0.33); color:white; position:relative; overflow:hidden;
}
.hot-left .bd ul li a>img{
	max-width:100%; transition: all 0.6s;  
}
.hot-left .bd ul li:hover a>img{
	transform: scale(1.08); 
}
.hot-left .bd ul li a>div{
	background:url(../pics/opacity1.png) repeat left top; overflow:hidden; width:0px; height:100%; position:absolute; left:0px; bottom:0px; transition: all 0.6s; text-align:center; padding-top:calc((100vw - 340px) * 0.33 * 0.35);
}
.hot-left .bd ul li:hover a>div{
	width:100%;
}
.hot-left .bd ul li a>div .tit{
	height:65px; opacity:0; transition: all 0.6s;
}
.hot-left .bd ul li:hover a>div .tit{
	opacity:1;
}
.hot-left .bd ul li a>div .tit span{
	display:block; height:25px; font-size:18px; line-height:25px;
}
.hot-left .bd ul li a>div .tit font{
	height:35px; line-height:35px; color:white; font-size:24px;
}
.index5 .more{
	text-align:center; margin-top:40px; line-height:45px;
}
.index5 .more a{
	display:inline-block; text-decoration:none; padding:0px 25px; line-height:45px; height:45px; color:#666666; font-size:16px; text-transform:uppercase; background:#F5F7F6;
}
.index5 .more a:hover{
	color:white; background:#A60B13;
}
.index6{
	background:#F5F7F6; padding:90px 0px;
}
.index-case-navs{
	text-align:center; margin-bottom:30px;
}
.index-case-navs a{
	display:inline-block; margin:0px 15px; color:#666666; font-size:18px; text-decoration:none;
}
.index-case-navs a span{
	display:block; height:26px; line-height:26px;
}
.index-case-navs a font{
	display:block; height:20px; line-height:20px; color:#cccccc; font-size:12px; text-transform:uppercase;
}
.index-case-navs a.cur span,.index-case-navs a:hover span{
	color:#a60b13;
}
.index-case-tabs .index-case-tab{
	display:none; position:relative; padding-bottom:110px; display:none; min-height:400px;
}
.index-case-tabs .index-case-tab.cur{
	display:block;
}
.index-case-tabs .index-case-tab .case-slides-boxs{
	height:222px; position:absolute; width:100%; left:0px; bottom:0px;
}
.index-case-tabs .bigcase-img{
}
.index-case-tabs .bigcase-img img{
	max-width:100%;
}
.case-slides-boxs ul{
	width:1200px; margin:0 auto; height:220px; border:solid 1px #ccc; background:white; padding:20px;
}
.case-slides-boxs ul li{
	width:372px; margin-right:20px; height:180px; float:left; overflow:hidden;
}
.case-slides-boxs ul li:last-child{
	margin-right:0px;
}
.case-slides-boxs ul li a{
	display:block; text-decoration:none; color:white; line-height:180px; font-size:18px; height:180px; position:relative; text-align:center; overflow:hidden;
}
.case-slides-boxs ul li a img{
	width:100%; height:100%;
}
.case-slides-boxs ul li a font{
	height:0px; background:url(../pics/opacity1.png) repeat; transition: all 0.6s; width:100%; left:0px; bottom:0px; position:absolute; overflow:hidden;
}
.case-slides-boxs ul li.ons a font{
	height:100%; line-height:180px;
}
.index-ad2{
	height:294px; background:url(../pics/ad2.jpg) no-repeat center center; padding-top:100px; text-align:right;
}
.index-ad2 a{
	height:90px; padding:15px 0px; position:relative; width:535px; display:inline-block; text-decoration:none; color:white; text-align:left; border-left:solid 4px #A60B13; background:url(../pics/opacity1.png) repeat; padding-right:95px; padding-left:30px;
}
.index-ad2 a:hover{
	background:#333; opacity:0.9;
}
.index-ad2 a .ja{
	width:95px; height:90px; position:absolute; right:0px; top:0px; background:url(../pics/a.png) no-repeat center center; 
}
.index-ad2 a span{
	line-height:40px; display:block; font-size:30px;
}
.index-ad2 a font{
	display:block; line-height:20px; font-size:16px;
}
.index7{
	padding:75px 0px;
}
.index-news{
	margin-top:25px; position:relative;
}
.index-news .left{
	width:48.2%; height:100%; left:0px; top:0px; position:absolute; overflow:hidden;
}
.index-news .right{
	width:50%; float:right;
}
.index-news .right a{
	display:block; font-size:18px; color:#000000; text-decoration:none;  padding:55px 15px; padding-right:35px;
}
.index-news .right a .tnews{
	padding-left:130px; position:relative;
}
.index-news .right a .tnews .rq{
	width:100px; height:80px; position:absolute; left:0px; top:0px; text-align:center; border-right:solid 1px #EEEEEE;
}
.index-news .right a .tnews .rq span{
	display:block; line-height:57px; font-size:48px;
}
.index-news .right a .tnews .rq font{
	display:block; line-height:28px; font-size:16px;
}
.index-news .right a .tnews>span{
	display:block; font-size:18px;  height:28px; line-height:28px; overflow:hidden; margin-bottom:2px;
}
.index-news .right a .tnews .desc{
	color:#999; height:46px; line-height:23px; overflow:hidden; font-size:14px; margin-top:6px;
}
.index-news .right a:hover{
	color:white; background:#282828;
}
.index-news .right a:hover .tnews .desc{
	color:white;
}
.news-left{ overflow:hidden; position:relative; }
.news-left .hd{ overflow:hidden; }
.news-left .hd .prev,.news-left .hd .next{ width:50px; z-index:500; font-size:20px; height:125px; line-height:125px;  text-align:center; color:#CFCFCD; top:38%; position:absolute; background:url(../pics/opacity1.png) repeat;}
.news-left .hd .prev{left:0px;}
.news-left .hd .next{right:0px;}
.news-left .hd .prevStop{ display:none;}
.news-left .hd .nextStop{ display:none;}
.news-left .hd ul{ display:none; }
.news-left .bd{ padding:0px;   }
.news-left .bd ul{ overflow:hidden; zoom:1; }
.news-left .bd ul li{ margin:0 0px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.news-left .bd ul li a{
	position:relative; display:block; text-decoration:none; color:white;
}
.news-left .bd ul li a img{
	max-width:100%;
}
.news-left .bd ul li a span{
	position:absolute; height:52px; width:100%; line-height:52px; font-size:18px; text-align:center; left:0px; bottom:0px; background:url(../pics/opacity1.png) repeat; overflow:hidden;
}
.news-left .bd ul li:hover a span{
	background:#840000; opacity:0.8;
}
.footer{
	background:#333333; padding-top:48px; color:white;
}
.footer a{
	color:white; text-decoration:none;
}
.foo{
	padding-bottom:50px;
}
.foo .title{
	height:41px; background:url(../pics/foo.png) no-repeat left bottom; line-height:34px; font-size:18px; margin-bottom:17px;
}
.foo .left{
	width:32%; float:left; margin-right:3%;
}
.foo .left ul li{
	width:33%; float:left; 
}
.foo .left ul li a{
	display:block; height:35px; line-height:35px; margin-bottom:3px;
}
.foo .mid{
	width:32%; float:left; margin-right:8%;
}
.foo .mid p{
	line-height:35px;
}
.foo .mid p font{
	font-size:36px; color:#a60b13; font-weight:bold;
}
.foo .right{
	width:130px; float:right; text-align:center;
}
.foo .right span{
	display:block; text-align:center; line-height:50px;
}
.flinks{
	padding-bottom:25px; line-height:34px;
}
.flinks a{
	display:inline-block; margin-right:23px;
}
.dbs{
	background:#000000; height:50px; line-height:50px; color:#999999; text-align:right;
}
.dbs .dkua{
	width:600px; float:left; text-align:left;
}
.dbs .dkua a{
	color:#999;
}
.page-headers{
	position:relative;
}
.page-ppt{
	text-align:center; color:white; position:relative;
}
.page-ppt img{
	max-width:100%;
}
.page-ppt .word{
	position:absolute; left:0px; bottom:33%; height:130px; width:100%; text-align:center;
}
.page-ppt .word span{
	display:inline-block; line-height:80px; position:relative; font-size:60px; opacity:0; left:100px; transition: all 0.9s;  
}
.page-ppt .word font{
	display:inline-block; line-height:50px; position:relative; font-size:30px; color:#828282; text-transform:uppercase; opacity:0; top:100px; transition: all 0.9s;  
}
.page-ppt.ons .word span{
	opacity:1; left:0px;
}
.page-ppt.ons .word font{
	opacity:1; top:0px;
}
.page-navs{
	height:80px; position:absolute; left:0px; top:0px; background:url(../pics/opacity1.png) repeat; width:100%;
}
.page-navs .base{
	position:relative; padding-left:215px; padding-right:295px; height:80px; position:relative;
}
.page-navs a.logo{
	width:140px; position:absolute; left:0px; top:0px;
}
.page-navs a.logo div{
	display:none;
}
.page-navs a.logo img{
	max-width:140px;
}

.page-navs ul.navs{
	overflow:hidden;  
}
.page-navs ul.navs li{
	width:14.22%; float:left; text-align:center; line-height:80px;
}
.page-navs ul.navs li>a{
	display:inline-block; text-decoration:none; color:#8B8B8A; font-size:16px; line-height:80px; padding:0px 5px;
}
.page-navs ul.navs li.cur>a,.page-navs ul.navs li:hover>a{
	color:white;
}
.page-navs .cha-box{
	height:40px; position:absolute; width:235px; top:20px; right:0px;
}
.page-navs .cha-box input{
	width:100%; outline:none; border:none; background:none; font-size:16px; color:#888888; padding:5px 12px; padding-right:45px; line-height:30px; height:40px; border:solid 1px #888888;
}
.page-navs .cha-box input::-webkit-input-placeholder{
	color:#888888; font-size:16px;
}
.page-navs .cha-box a{
	width:20px; position:absolute; right:12px; top:13px; line-height:20px; height:20px; text-align:center; color:#888888; font-size:16px;
}
.page-subnavs{
	height:80px; background:#F7F7F7; margin-bottom:65px; text-align:center;
}
.page-subnavs .cat{
	display:none;
}
.page-subnavs>a{
	display:inline-block; text-decoration:none; padding:0px 10px; line-height:80px; font-size:18px; margin:0px 30px;
}
.page-subnavs>a:hover,.page-subnavs>a.cur{
	color:#a60b13;
}
.cases li{
	width:48.8%; margin-bottom:37px; float:left;  
}
.cases li:nth-child(even){
	margin-right:0px; float:right;
}
.cases li a{
	display:block; color:white; overflow:hidden; text-decoration:none; position:relative; font-size:16px; overflow:hidden;
}
.cases li a>img{
	width:100%;
}
.cases li a div{
	position:absolute; left:0px; bottom:0px; width:100%; height:0px; background:url(../pics/opacity1.png) repeat; opacity:0; padding:50px 65px; padding-top:80px; overflow:hidden; transition: all 0.6s;
}
.cases li:hover a div{
	height:100%; opacity:0.85;
}
.cases li a div span{
	display:block; height:50px; line-height:50px; font-size:22px; margin-bottom:7px;
}
.cases li a div font{
	display:block; line-height:27px; font-size:16px; height:54px; overflow:hidden;
}
.about1{
	padding-top:18px;
}
.page-title{
	line-height:45px; line-height:45px; margin-bottom:23px; font-size:30px; color:#282828; text-align:center;
}
.about-content{
	line-height:35px; color:#666666; margin-bottom:45px; text-align:center;
}
.about1 .img{
}
.about1 .img img{
	width:100%;
}
.about3{
	padding:75px 0px;
}
.about3 .more{
	text-align:center; margin-top:35px;
}
.about3 .more a{
	display:inline-block; background:#F5F7F6; height:42px; line-height:42px; text-decoration:none; padding:0px 29px; color:#666666; font-size:16px;
}
.about3 .more a:Hover{
	background:#840000; color:white; text-transform:uppercase;
}
.about4{
	background:#F5F7F6; padding:90px 0px;;
}
.hzlist li{
	width:285px; margin-right:20px; margin-bottom:20px; float:left; background:white; height:100px; line-height:80px; border:solid 1px #ccc; text-align:center; padding:10px; 
}
.hzlist li:nth-child(4n+0){
	margin-right:0px;
}
.hzlist li img{
	max-width:100%; max-height:100%;
}
.join1{
	padding:65px 0px;
}
.join1 ul li{
	width:285px; margin-right:20px; border:solid 1px #EEEEEE; padding:38px 20px; float:left; padding-right:90px; 
}
.join1 ul li:first-child{
	background:url(../pics/01.png) no-repeat 95% 90%; background-size:55px auto;
}
.join1 ul li:nth-child(2n+0){
	background:url(../pics/02.png) no-repeat 95% 90%; background-size:55px auto;
}
.join1 ul li:nth-child(3n+0){
	background:url(../pics/03.png) no-repeat 95% 90%; background-size:55px auto;
}
.join1 ul li:last-child{
	margin-right:0px; background:url(../pics/04.png) no-repeat 95% 90%; background-size:55px auto;
}
.join1 ul li .title{
	line-height:35px; margin-bottom:5px; font-size:18px; color:#333;
}
.join1 ul li .desc{
	line-height:20px; height:40px; overflow:hidden; color:#999999; font-size:14px;
}
.join2{
	padding:75px 0px; height:625px; background:url(../pics/join_bg1.jpg) no-repeat center center;
}
.join2 ul li{
	width:48%; float:left; margin-bottom:40px; margin-right:4%; background:#565656; padding:25px 23px;  
}
.join2 ul li:nth-child(even){
	margin-right:0px;
}
.join2 ul li:hover{
	background:#808080;
}
.join2 ul li .dbox{
	position:relative; padding-left:68px; height:65px;
}
.join2 ul li .dbox .img{
	width:50px; height:65px; line-height:65px; text-align:center; position:absolute; left:0px; top:0px;
}
.join2 ul li .dbox .tit{
	height:35px; line-height:35px; font-size:20px; margin-bottom:4px; color:white;
}
.join2 ul li .dbox .desc{
	line-height:25px; height:25px; color:#999999;
}
.join2 .index-title .tit span{
	color:white;
}
.join3{
	padding:80px 0px;
}
.join3 .img{
	position:relative; padding-bottom:80px;
}
.join3 .img>img{
	max-width:100%;
}
.join3 .cek{
	width:1080px; left:60px; position:absolute; bottom:0px; height:160px; background:#F5F7F6; padding-top:40px;
}
.join3 .cek ul li{
	float:left; width:20%; text-align:center; background:url(../pics/l.png) no-repeat right center; 
}
.join3 .cek ul li:last-child{
	background:none;
}
.join3 .cek ul li .tb{
	height:56px; width:56px; border:solid 1px #ccc; border-radius:50%; display:inline-block; line-height:56px;
}
.join3 .cek ul li span{
	display:block; line-height:30px; color:#333333;
}
.join4{
	background:#F5F7F6; padding:60px 0px;
}
.join4 .wbox{
	background:white;
}
.join4 .wbox .left{
	width:660px; float:left; overflow:hidden;
}
.join4 .wbox .left img{
	max-width:100%; display:none; height:421px;
}
.join4 .wbox .left img.cur{
	display:block;
}
.join4 .wbox .right{
	width:540px; float:right; border:solid 1px #EEEEEE; border-left:none;
}
.join4 .wbox .right ul li{
	height:84px; border-bottom:solid 1px #eee; color:#666666;  padding:0px 25px; line-height:84px; font-size:18px;
}
.join4 .wbox .right ul li.cur,.join4 .wbox .right ul li:hover{
	background:#282828; color:white;
}
.join5{
	padding:70px 0px;
}
.join5 ul li{
	width:14.22%; text-align:center; float:left;
}
.join5 ul li .img{
	height:70px; line-height:70px; 
}
.join5 ul li span{
	display:block; height:33px; line-height:32px; color:#666666;
}
.join6{
	padding:70px 0px; padding-bottom:80px; background:#F5F7F6;
}
.ffs li{
	width:48%; float:left; margin-bottom:20px; margin-right:4%;
}
.ffs li:nth-child(even){
	margin-right:0px;
}
.ffs li input{
	width:100%; height:50px; line-height:36px; padding:7px 12px; border-radius:4px; color:#333; font-size:16px; outline:none; border:none; background:#fff; 
}
.ffs li:last-child{
	width:100%; margin-right:0px;
}
.ffs li textarea{
	width:100%; height:130px; line-height:28px; padding:7px 12px; border-radius:5px; color:#333; font-size:14px; outline:none; border:none; background:#fff; 
}
button.btns-tjs{
	height:44px; line-height:44px; padding:0px 40px; border:none; outline:none; background:#282828; color:white; font-size:16px; display:inline-block; margin-right:50px;
}
button.btns-tjs:hover{
	background:#a60b13;
}
button.btns-res{
	height:44px; line-height:44px; padding:0px 30px; border:none; outline:none; background:#fff; color:#999; font-size:16px; display:inline-block;
}
.maps{
	height:680px; padding-top:80px; position:relative;
}
.maps>iframe{
	height:600px;
}
.maps .map-box{
	width:80%; left:10%; top:0px; background:white; padding:40px 5px; position:absolute;
}
.conts li{
	width:25%; float:left; text-align:center; border-right:solid 1px #eee; text-align:center; padding:0px 15px;
}
.conts li:last-child{
	border-right:none;
}
.conts li .img{
	height:70px; line-height:70px;
}
.conts li .txt{
	line-height:30px; color:#666666;
}

.news-g{
	margin-top:40px; margin-bottom:50px;
}
.news li{
	width:24.25%; margin-right:1%; float:left; margin-bottom:31px; padding:12px; border:solid 1px #ccc;
}
.news li:nth-child(4n+0){
	margin-right:0px;
}
.news li a.img{
	display:block; overflow:hidden; margin-bottom:7px;
}
.news li a.img img{
	width:100%;
}
.news li a.txt{
	height:33px; line-height:33px; margin-bottom:5px; text-decoration:none; overflow:hidden; font-size:18px; color:black; text-decoration:none; font-size:18px; display:block;
}
.news li a.desc{
	height:52px; overflow:hidden; line-height:26px; color:#999; display:block; text-decoration:none; overflow:hidden; margin-bottom:7px;
}
.news li .rq{
	line-height:32px; color:#ccc;
}
.news li:hover a.txt,.news li:hover a.desc,.news li:hover .rq{
	color:white;
}
.news li:hover{
	background:#282828;
}
.tjproduct{
	padding:80px 0px;
}
.cha-p{
	width:1080px; margin:0 auto; padding-bottom:50px; padding-top:35px;
}
.cha-p .title{
	text-align:center; line-height:75px; font-size:24px; color:#333333;
}
.cha-kuan{
	position:relative; height:55px; 
}
.cha-kuan input{
	width:100%; height:55px; padding:7px 12px; padding-right:68px; border:solid 1px #EEEEEE; color:#999; outline:none; font-size:16px;
}
.cha-kuan a{
	height:55px; width:60px; text-align:center; color:white; text-decoration:none; line-height:55px; background:#A60B13; font-size:18px; position:absolute; top:0px; right:0px;
}
.pcats{
	background:#F5F7F6; padding:30px 20px; line-height:38px; color:#333333; margin-bottom:40px;
}
.pcats a{
	display:inline-block; text-decoration:none; color:#999999; height:24px; line-height:24px; padding:0px 8px; margin:0px 10px; font-size:12px;
}
.pcats a:hover,.pcats a.cur{
	background:#A60B13; color:white; border-radius:2px;
}
.p-s li{
	width:32.5%; margin-right:1.25%; float:left; margin-bottom:28px;
}
.p-s li:nth-child(3n+0){
	margin-right:0px;
}
.p-s li a.img{
	display:block; margin-bottom:10px; position:relative; text-decoration:none; color:white;
}
.p-s li a.img img{
	width:100%;
}
.p-s li a.img .detail{
	position:absolute; left:0px; bottom:0px; height:0px; width:100%; overflow:hidden; background:url(../pics/opacity1.png) repeat;  text-align:center; transition: all 0.6s;  
}
.p-s li a.img .detail font{
	display:inline-block; line-height:35px; border-bottom:solid 1px #fff; border-top:solid 1px #fff; padding:0px 6px;
}
.p-s li:hover a.img .detail{
	height:100%;  padding-top:43%;
}
.p-s li a.txt{
	display:block; text-decoration:none; text-align:center; color:#666666; line-height:25px;
}
.p-s li a.txt font{
	display:block; line-height:20px; color:#cccccc;
}
.p-s li a.txt:hover{
	color:#A60B13;
}
.p-s li a.txt:hover font{
	color:#A60B13;
}
.tjproduct ul li{
	width:32.5%; margin-right:1.25%; float:left; position:relative;
}
.tjproduct ul li:last-child{
	margin-right:0px;
}
.tjproduct ul li a.img{
	display:block;
}
.tjproduct ul li a.img img{
	max-width:100%;
}
.tjproduct ul li a.txt{
	background:url(../pics/opacity1.png) repeat; width:100%; height:0px; position:absolute; left:0px; bottom:0px; overflow:hidden; color:white; text-decoration:none; text-align:center; transition: all 0.6s;
}
.tjproduct ul li:hover a.txt{
	height:100%; padding-top:44%; color:white; 
}
.tjproduct ul li  a.txt span{
	display:block; height:25px; font-size:18px; line-height:25px; margin-bottom:2px;
}
.tjproduct ul li  a.txt font{
	display:block; line-height:32px; height:32px; font-size:24px;
}
.page-zert{
	padding-top:220px; padding-bottom:120px; background:url(../pics/page_zert.jpg) no-repeat center center;
}
.zert-left.zz-zert{
	padding-left:0px; padding-right:0px;
}
.zert-left.zz-zert .hd .prev,.zert-left.zz-zert .hd .next{
	display:none;
}
.zert-left.zz-zert .hd ul{
	display:block; text-align:center; height:40px; padding-top:22px; line-height:18px;
}
.zert-left.zz-zert .hd ul li{
	height:12px; width:12px; margin:0px 10px; border-radius:50%; background:#CBCBCB; display:inline-block; line-height:40px; overflow:hidden;
}
.zert-left.zz-zert .hd ul li.on{
	background:#A60B13;
}
.dt-product{
	 padding-bottom:110px;
}
.product1{
	padding-top:150px; padding-bottom:50px;
}
.product1 .left{
	width:500px; float:left;
}
.product1 .right{
	width:600px; float:right; padding-top:35px;
}
.show-img{
	margin-bottom:20px; height:500px; line-height:500px; text-align:center; border:1px solid #f0f0f0; overflow:hidden;
}
.show-img img{
	max-width:100%;
}
.slis{
	height:82px;  line-height:82px; overflow:hidden;
}
.slis a{
	display:inline-block; height:80px; width:80px; text-decoration:none; border:solid 1px white; margin-right:8px; overflow:hidden;
}
.slis a.cur{
	border-color:#840000;
}
.slis a img{
	width:80px; height:80px;
}
.product1 .right .title{
	height:100px; border-bottom:solid 1px #eee; padding-bottom:35px; margin-bottom:30px;
}
.product1 .right .title span{
	display:block; height:40px; line-height:40px; font-size:24px; color:#333333;
}
.product1 .right .title font{
	display:block; height:25px; line-height:25px; color:#cccccc; font-size:16px;
}
.product1 .right .desc{
	line-height:26px; color:#999999; margin-bottom:28px;
}
.product1 .right .consk{
	height:42px; line-height:42px;
}
.product1 .right .consk a{
	display:inline-block; text-decoration:none; margin-right:15px; height:42px; line-height:42px; padding:0px 22px; font-size:16px;
}
.product1 .right .consk a:first-child{
	background:#282828; color:white;  
}
.product1 .right .consk a:first-child:hover{
	background:#840000;
}
.product1 .right .consk a:last-child{
	border:solid 1px #ccc; color:#333;
}
.product1 .right .consk a:last-child:hover{
	border-color:black;
}
.product1 .right .shaares{
	margin-top:50px;
}
.product2{
	background:#F7F7F7; padding:70px 0px;
}
.product3{
	background:#F7F7F7; padding:70px 0px;
}
.vop{
	margin-top:40px;
}
.videos li{
	width:380px; margin-right:30px; height:415px; margin-bottom:25px;float:left;
}
.videos li:nth-child(3n+0){
	margin-right:0px; 
}
.videos li a.sp{
	display:block; position:relative; width:380px; height:380px; line-height:380px; overflow:hidden; color:white; text-decoration:none; text-align:center;
}
.videos li a.sp img{
	width:100%; height:100%;
}
.videos li a.sp span{
	height:60px; width:60px; top:160px; left:160px; background:url(../pics/bo.png) no-repeat center center; position:absolute;
}
.videos li a.txt{
	height:35px; line-height:35px; overflow:hidden; color:#333; text-align:center; text-decoration:none; display:block;
}
.nvideo{
	width:650px; margin:0 auto; padding-bottom:50px;
}
.nvideo iframe{
	width:100%; min-height:480px;
}
.zert-nav{
	text-align:center; line-height:25px; margin-bottom:20px;
}
.zert-nav a{
	display:inline-block; text-decoration:none;  margin:0px 22px; color:#333; font-size:18px;
}
.zert-nav a.cur,.zert-nav a:hover{
	color:#840000;
}
@media (max-width:1680px){
	.index-news .right a{
		padding: 40px 15px;
	}
	.index4 ul li .left{
		padding-top:28px;
	}
	
	.index2 .right{
	padding:60px 70px; padding-top:60px;
	}
	
}

@media (max-width:1600px){
	.page-navs .cha-box{
		width:210px; right: 30px;
	}
	.page-navs .base{
		padding-right:255px; padding-left:190px;
	}
	.page-navs a.logo{
		left:30px; width:120px;
	}
	.page-navs a.logo img{
		max-width:120px;
	}
	
	.index4 ul li:nth-child(even) .left .title,.index4 ul li:nth-child(odd) .left .title{
	height:88px; margin-bottom:15px;
	}
	
	.index4 ul li:nth-child(even) .left .title font,.index4 ul li:nth-child(odd) .left .title font{
	height:70px; padding-top:30px; line-height:40px;  font-size:26px; background-size: auto 20px;
	}
	
	.index4 ul li:nth-child(even) .left .title span,.index4 ul li:nth-child(odd) .left .title span{
	height:70px; padding-top:30px; line-height:40px; font-size:18px;
	}
	
	.index2 .right .content{
		line-height:32px; font-size:14px;
	}
}


@media (max-width:1480px){
	.index-news .right a{
		padding: 35px 15px;
	}
	 
	
	.index4 ul li:nth-child(odd) .left .kcontent p{
		margin-bottom:6px;
	}
	.index4 ul li:nth-child(even) .left .kcontent p{
		margin-bottom:6px;
	}
	
	.page-navs .base{
		padding-right:250px; padding-left:180px;
	}
	
	.index4 ul li:nth-child(even) .left .title,.index4 ul li:nth-child(odd) .left .title{
	height:75px; padding-bottom:10px;
	}
	
	.index4 ul li:nth-child(even) .left .title font,.index4 ul li:nth-child(odd) .left .title font{
	height:65px; padding-top:25px;   font-size:20px; background-size: auto 18px;
	}
	
	.index4 ul li:nth-child(even) .left .title span,.index4 ul li:nth-child(odd) .left .title span{
	height:65px; padding-top:25px;   font-size:16px; margin-left:10px;
	}
	
	.index4 ul li:nth-child(even) .left {
    padding-right: calc(100vw * 0.5 * 0.32); padding-top:34px;
	}
	.index4 ul li:nth-child(odd) .left {
    padding-left: calc(100vw * 0.5 * 0.32); padding-top:34px;
	}
	
	.index4 ul li:nth-child(even) .left .kcontent{
		line-height:24px;
	}
	
	.index4 ul li:nth-child(odd) .left .kcontent{
		line-height:24px;
	}
	
}