@charset "UTF-8";
body{
	--index-height:calc(100vh);
	--index-width:calc(100vw);
}
.pc{
	display:none  !important; 
}
.base{
	margin:0 auto;  max-width:1200px;
}
.base.base_1400{
	max-width:1500px; padding:0px 50px;
}
.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%; height:auto !important;
}
.header{
	background:white; height:100px; width:100%;
}
.top-dh{
	width:100%; height:100%; position:relative; padding:0px 300px;  
}
.top-dh a.mulu{
	display:none;
}
.top-dh a.logo{
	position:absolute; height:100px; width:200px; left:60px; top:0px; line-height:100px;
}
.top-dh .navs{
	text-align:right;
}
.top-dh .navs ul li{
	width:130px; display:inline-block; position:relative; text-align:center; 
}
.top-dh .navs ul li>a{
	display:inline-block; line-height:100px; height:100px; border-bottom:solid 2px #fff; padding:0px 2px; text-decoration:none; color:#666666; font-size:16px;
}
.top-dh .navs ul li.cur>a,.top-dh .navs ul li:hover>a{
	border-color:#1D1D1F;
}
.top-dh .navs ul li>div{
	position:absolute; height:0px; top:120px; left:0px; padding:0px 0px; width:100%; z-index:2000; overflow:hidden; transition: all 0.6s;  
}
.top-dh .navs ul li>div .linksa{
	background:white; position:relative;  padding-top:10px;
}
.top-dh .navs ul li>div .linksa a{
	display:block; height:35px; line-height:35px; color:#777; font-size:12px; text-decoration:none; text-align:center;
}
.top-dh .navs ul li>div .linksa a:hover{
	color:#fff; background:black;
}
.top-dh .navs ul li:hover>div{
	height:auto; top:100px;  
}

.search-t{
	width:285px; padding:0px 60px; height:100px; position:absolute; right:0px; top:0px; color:#999; font-size:16px; line-height:100px;
}
.search-t a{
	color:#999; text-decoration:none; display:inline-block; margin:0px 8px;
}
.search-t a.en{
	font-family:Arial, Helvetica, sans-serif;  
}
.search-t a.cur{
	color:#666;
}
.search-t a:last-child{
	font-size:16px; margin-left:20px;
}
.search-t a:last-child span{
	position:relative; top:2px;
}

.search-k{
	width:285px; padding:30px 30px; height:100px; position:absolute; right:0px; top:0px; color:#999; font-size:16px; line-height:40px; display:none; z-index:200;
}
.search-k input{
	width:165px; display:inline-block; height:40px; line-height:30px; padding:5px 8px; outline:none; border:none; background:#eee;
}
.search-k a{
	width:38px; line-height:40px; text-align:center; display:inline-block; text-decoration:none; color:white; background:black; height:40px; margin-left:-5px; position:relative; top:1px;
}
.header.s .search-k{
	display:block;
}
 

.index-main{
	height:calc(var(--index-height) - 100px); overflow:hidden; width:100%;
}
.index-body{
	padding-top:100px; width:100%; height:100%; overflow:hidden;
}
.index-body .header{
	position:fixed; left:0px; top:0px; z-index:3000;
}
.index-boxs{
	height:calc(var(--index-height) - 100px); position:relative; overflow:hidden;
}
.ppt-word{
	position:absolute; left:5%; bottom:37%; opacity:0;  transition: all 1.5s; 
}
.carousel-inner .cur .ppt-word{
	opacity:1; left:12%;
}
.index-product1{
	background:url(../images/index1.jpg) no-repeat center center; padding:0px 120px;
}
.index-product1 .product-tit{
	position:absolute; width:190px; left:0px; top:90px; opacity:0; line-height:30px; color:#999; transition: all 0.6s; 
}
.index-product1.ons .product-tit{
	left:50px; opacity:1;
}
.index-product1 .product-tit span{
	display:block; height:32px; line-height:32px; color:#333; font-size:24px;
}
.index-product1 .base{
	max-width:1250px;
}
.indexpleft{   overflow:hidden; position:relative; padding:0px 43px;
--indexleft-width:calc((100vw - 240px - 90px) / 3); transition: all 0.6s; opacity:0;
  }
.index-product1.ons .indexpleft{
	opacity:1;
}
.indexpleft .hd{ overflow:hidden;   }
.indexpleft .hd .prev,.indexpleft .hd .next{ position:absolute; width:40px; top:46%; height:40px; line-height:40px; text-align:center; font-size:24px; }
.indexpleft .hd .prev{left:0px;}
.indexpleft .hd .next{right:0px;}
.indexpleft .hd .prevStop{ display:none;}
.indexpleft .hd .nextStop{ display:none; }
.indexpleft .hd ul{ display:none; }
.indexpleft .bd{  }
.indexpleft .bd ul{ overflow:hidden; zoom:1; }
.indexpleft .bd ul li{ margin:0 0px; float:left; _display:inline; overflow:hidden; text-align:center; border-right:solid 1px #ccc; }
.indexpleft .bd ul li:last-child{ border-right:none;}
.indexpleft .bd ul li .box{
	width:375px; text-align:center; height:calc(var(--index-height) - 100px); padding:0px 20px; overflow:hidden;
}
.indexpleft .bd ul li .box a{
	  height:inherit; padding:0px 0px; width:335px; display:table-cell; vertical-align:middle; text-align:center; text-decoration:none; overflow:hidden;
}
.indexpleft .bd ul li .box a .rys{
	height:500px;
}
.rys .img{
	height:0px; line-height:345px; overflow:hidden;   opacity:0;  transition: all 0.6s; position:relative;  
}
.rys .num{
	height:100px; line-height:100px; color:#999999; font-size:48px; font-weight:bold; overflow:hidden;  transition: all 0.6s;  
}
.indexpleft .bd ul li:hover .box a .rys .img{
	height:345px; opacity:1;
}
.indexpleft .bd ul li:hover .box a .rys .num{
	height:0px; opacity:0;
}

.rys .img img{
	max-height:345px; max-width:100%;
}
.rys .txt{
	height:48px; line-height:48px; margin-top:10px; margin-bottom:50px; color:#333; font-size:16px;
}
.rys .more{
	line-height:35px; color:#999; font-size:14px;
}
.rys .more:hover{
	color:black;
}
.index-long{
	position:relative;
}
.index-newproduct{
	background:url(../images/index2.jpg) no-repeat right top; padding:0px 60px;
}
.index-newproduct .newproduct-index{
	 padding-left:245px; position:relative; padding-top:70px;
}
.index-newproduct .newproduct-index .new-pcat{
	width:168px; position:absolute; height:480px; top:70px; left:10px; transition: all 1.1s; opacity:0;
}
.index-newproduct.ons .newproduct-index .new-pcat{
	opacity:1;  left:60px;
}
.index-newproduct .newproduct-index .new-pcat .title{
	margin-bottom:22px; line-height:30px; font-size:14px; color:#999999; text-transform:uppercase;
}
.index-newproduct .newproduct-index .new-pcat .title span{
	display:block; height:40px; line-height:40px; color:#333333; font-size:24px;
}

.catpps{
}
.catpps a{
	display:block; color:#999; font-size:14px; text-decoration:none; height:40px; margin-bottom:12px; line-height:40px;
}
.catpps a font{
	display:inline-block; line-height:40px;
}
.catpps a.cur,.catpps a:hover{
	color:#333333; font-size:14px;  
}
.catpps a.cur font,.catpps a:hover font{
	border-bottom:solid 1px #666;  
}


.new-products{  overflow:hidden; position:relative; padding-bottom:58px; width:100%; opacity:0; transition: all 0.8s;}
.index-newproduct.ons .new-products{
	opacity:1;
}
.new-products{
	--np-width:calc(100vw - 120px - 245px - 60px);
}
.new-products .hd{ overflow:hidden; width:50%; left:25%; height:36px; bottom:0px; line-height:36px; text-align:center;  position:absolute;}
.new-products .hd .prev,.new-products .hd .next{ color:#333; font-size:16px; margin:0px 12px; display:inline-block; line-height:35px; text-decoration:none; }
.new-products .hd .next{  }
.new-products .hd .prevStop{}
.new-products .hd .nextStop{  }
.new-products .hd ul{ display:none; }
.new-products .bd{ padding:0px;   }
.new-products .bd ul{ overflow:hidden; zoom:1; }
.new-products .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.new-products .bd ul li a.snimg{
	display:block; background:#F6F4F7; height:470px; line-height:390px; width:calc(var(--np-width) * 0.33); overflow:hidden;
	padding:10px 0px;
}
.new-products .bd ul li a.snimg img{
	max-width:100%; max-height:390px;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent) , to(rgba(250, 250, 250, 0.8)));
	box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(80%, transparent) , to(rgba(250, 250, 250, 0.8)));
}
.new-products .bd ul li a.txt{
	display:block; height:70px; line-height:70px; padding-right:45px; border-bottom:solid 1px #f0f0f0; padding-left:12px; text-align:left; text-decoration:none; position:relative;
}
.new-products .bd ul li:hover a.txt{
	border-color:#EEEEEE; 
}
.new-products .bd ul li a.txt span{
	position:absolute; top:28px; right:15px; color:white;
}
.new-products .bd ul li:hover a.txt span{
	color:#333;
}
.index-brands{
	background:url(../images/index3.jpg) no-repeat center center; color:white; color:#ffffff; font-size:16px; padding:120px 0px;  position:relative;
}
.index-brand-boxs{
	position:relative; padding:90px 0px; position:relative; height:100%; padding-bottom:120px;
}
.index-brand-boxs .lines{
	position:absolute; background:white;
}
.index-brand-boxs .lines.db2{
	width:1px; height:1px; left:49.8%; bottom:0px; transition: all 1.3s; 
}
.index-brand-boxs .lines.db1{
	width:1px; height:1px; left:49.8%; top:0px; transition: all 1.3s; 
}
.index-brands.ons .index-brand-boxs .lines.db2{
	height:45px;
}
.index-brands.ons .index-brand-boxs .lines.db1{
	height:45px;
	
}

.index-brand-boxs .lines.left{
	width:1%; height:1px; left:0px; bottom:60px; transition: all 1.3s; 
}
.index-brand-boxs .lines.right{
	width:1%; height:1px; right:0px; bottom:60px; transition: all 1.3s; 
}
.index-brands.ons .index-brand-boxs .lines.left{
	width:35%;
}
.index-brands.ons .index-brand-boxs .lines.right{
	width:35%;  
}

.index-brand-title{
	color:#999999; text-align:center; line-height:26px; text-transform:uppercase; margin-bottom:30px;
}
.index-brand-title span{
	display:block; height:38px; line-height:36px; color:white; font-size:24px;
}
.index-brand-center{
	width:1000px; margin:0 auto; line-height:43px; font-size:16px; text-align:center; position:relative;  top:50px; opacity:0; transition: all 0.9s; 
}
.index-brand-center .mores{
	margin-top:30px;
}
.index-brand-center .mores a{
	display:inline-block; text-decoration:none; height:40px; line-height:40px; padding:0px 24px; border:solid 1px #fff;
	text-decoration:none; color:white; font-size:15px; transition: all 0.6s;  
}
.index-brand-center .mores a:hover{
	background:#fff; color:#777; border-radius:4px;
}

.index-brands.ons .index-brand-center{
	top:0px; opacity:1;
}
.index-news{
	background:#F5F5F7;
}
.index-news-box{
	position:relative; padding:0px 100px; padding-top:80px;
}
.index-news-box .le1{
	width:19%; float:left; padding-right:35px; position:relative; left:-50px; opacity:0; transition: all 0.9s;  
}
.index-news.ons .index-news-box .le1{
	 left:0px; opacity:1;
}

.index-news-box .le2{
	width:50%; float:left;   opacity:0; position:relative; transition: all 0.9s; bottom:50px;
}
.index-news-box .le3{
	width:31%; float:left; padding-left:35px; left:50px; opacity:0; position:relative; transition: all 0.9s;  
}

.index-news.ons .index-news-box .le3{
	left:0px; opacity:1;
}
.index-news.ons .index-news-box .le2{
	bottom:0px; opacity:1;
}

.le1 .title{
	margin-bottom:25px; line-height:30px; color:#999999; font-size:14px;
}
.le1 .title span{
	display:block; color:#333333; font-size:24px; line-height:30px;
}
.le2 a{
	display:block; text-decoration:none;   color:#666666; width:48.5%; float:left;
}
.le2 a:nth-child(even){
	float:right;
}
.le2 a .img{
	height:350px; overflow:hidden; text-align:center; line-height:350px; margin-bottom:18px;
}
.le2 a font{
	display:block;
}
.le2 a .title{
	height:40px; line-height:40px; font-size:18px; color:#666; margin-bottom:5px; overflow:hidden;
}
.le2 a:Hover .title{
	color:black;
}
.le2 a .desc{
	height:54px; line-height:27px; margin-bottom:10px; overflow:hidden; color:#999999;
}
.le2 a .rq{
	height:30px; line-height:30px; color:#ccc; margin-top:10px;
}
.le3 a{
	display:block; margin-bottom:25px; text-decoration:none;
}
.le3 a:last-child{
	margin-bottom:0px;
}
.le3 a font{
	display:block; color:#999;
}
.le3 a .title{
	color:#666; font-size:18px; margin-bottom:3px; line-height:30px;
}
.le3 a .desc{
	height:60px; line-height:30px; overflow:hidden; font-size:14px; margin-bottom:15px;
}
.le3 a .rq{
	height:30px; line-height:30px; color:#cccccc;
}
.le3 a:hover .title{
	color:black;
}
.index-news .more{
	text-align:center; margin-top:30px;
}
.index-news .more a{
	display:inline-block; width:120px; height:42px; line-height:42px; border:solid 1px #999; color:#999; text-decoration:none; font-size:14px; transition: all 0.6s;
}
.index-news .more a:hover{
	background:#999; color:white; border-radius:4px;
}
.index-msg{
	background:url(../images/index5.jpg) no-repeat center center;
}
.index-msg .boxs{
	padding-left:130px; width:700px; padding-top:100px; color:white; font-size:16px; position:relative; left:-50px; opacity:0; transition: all 0.9s;  
}
.index-msg.ons .boxs{
	opacity:1; left:0px; 
}

.i-msg .title{
	line-height:24px; color:#999999; margin-bottom:30px; text-transform:uppercase;
}
.i-msg .title font{
	display:block; height:40px; line-height:40px; color:#f5f5f7; font-size:24px;
}
.i-msg .jiangyi{
	line-height:35px; font-size:16px; margin-bottom:10px;
}
.i-msg ul li{
	margin-bottom:22px;
}
.i-msg ul li input{
	width:100%; border:solid 1px #888887; height:60px; padding:10px 15px; line-height:40px; outline:none; background:none;
}
.i-msg ul li textarea{
	width:100%; border:solid 1px #888887; height:150px; padding:12px 15px; line-height:30px; outline:none;  background:none;
}
.i-msg ul li input::placeholder{
	color:#666666;
}
.i-msg ul li button{
	width:120px; color:white; outline:none; background:none; text-align:center; height:48px; line-height:47px; border:solid 1px #888887; font-size:14px;
}
.index-foot{
	background:#1D1D1F;
}
.footer{
	background:#1D1D1F; color:white; padding-top:65px; padding-bottom:8px;
}
.footer .base{
	max-width:1265px;
}
.footer a{
	color:#999999;
}
.footer .mcl{
	margin-bottom:15px; padding-bottom:50px; 
}
.footer .mcl .left{
	width:84%; float:left;
}
.footer .mcl .left ul li{
	width:13%; margin-right:0.5%;  float:left;
}
.footer .mcl .left ul li:nth-child(even){
	width:15%;
}
.footer .mcl .left ul li:last-child{
	width:27%; margin-right:0px;
}
.footer .mcl .left ul li>a{
	display:block; color:white; margin-bottom:12px; line-height:30px; height:30px; font-size:16px; text-decoration:none;
}
.footer .mcl .left ul li div a{
	display:block; line-height:32px; color:#999999; font-size:14px; text-decoration:none;
}
.footer .mcl .left ul li div a:hover{
	color:#fff;
}
.footer .mcl .right{
	width:13%; float:right; text-align:right;
}
.footer .mcl .right .codebox{
	width:120px; text-align:center; display:inline-block; color:#999999;
}
.footer .mcl .right .codebox img{
	display:block; max-width:100%;
}
.footer .mcl .right .codebox span{
	display:block; line-height:22px; text-align:center; margin-top:5px;
}
.footer .dibus{
	border-top:solid 1px #333333; text-align:right; line-height:40px; padding-top:5px; color:#999;
}
.footer .dibus .lefs{
	width:600px; float:left; display:inline-block; color:#999999; text-align:left;
}
.footer .dibus a{
	text-decoration:none;
}
.page-main{
	padding-bottom:0px; background:#F5F5F7;
}
.page-ppt{
	height:450px; position:relative;
}
.page-ppt>img{
	display:none;
}
.page-ppt .page-pptxt{
	position:absolute; left:13%; bottom:70px; color:white; line-height:45px; text-transform:uppercase; font-size:30px; transition: all 1.1s; opacity:0;
}
.page-ppt.ons .page-pptxt{
	opacity:1; left:17%;
}
.page-ppt .page-pptxt span{
	display:block; font-size:42px;
}
.page-ppt.page-news{
	background:url(../images/page_news.jpg) no-repeat center center;
}
.page-ppt.page-about{
	background:url(../images/page_about.jpg) no-repeat center center;
}
.page-ppt.page-sp{
	background:url(../images/page_sp.jpg) no-repeat center center;
}
.page-ppt.page-contact{
	background:url(../images/page_contact.jpg) no-repeat center center;
}
.page-ppt.page-product{
	background:url(../images/page_product.jpg) no-repeat center center;
}

.s-nav{
	height:80px; line-height:80px; border-bottom:solid 1px #EEEEEE; text-align:center; margin-bottom:40px;
}
.s-nav a{
	display:inline-block; height:80px; line-height:80px; padding:0px 6px; border-bottom:solid 1px #EEEEEE; text-decoration:none; color:#999999; font-size:16px; margin:0px 35px;
}
.s-nav a.cur,.s-nav a:hover{
	color:#333333; border-color:#333;
}
.s-nav a span{
	display:none;
}
.page-title{
	text-align:center; margin-bottom:30px; color:#cccccc; font-size:14px; line-height:25px; text-transform:uppercase;
}
.page-title span{
	display:block; height:45px; line-height:42px; font-size:30px; color:#333333;
}
.tj-newsbox{
	background:#F5F5F7;padding:35px 35px;   padding-left:470px; position:relative; height:315px; padding-top:50px;
}
.tj-newsbox a.img{
	width:425px; height:315px; position:absolute; left:0px; top:0px; overflow:hidden; text-align:left;
}
.tj-newsbox a.img img{
	height:315px;
}
.tj-newsbox a.tit{
	display:block; height:42px; margin-bottom:10px; position:relative; line-height:42px; padding-right:110px; overflow:hidden; font-size:20px; text-decoration:none; color:#333;
}
 
.tj-newsbox a.tit span{
	position:absolute; right:10px; height:42px; line-height:42px; width:100px; text-align:right; color:#999; top:0px; font-size:14px;
}
.tj-newsbox .desc{
	line-height:28px; height:56px; overflow:hidden; color:#999; margin-bottom:25px;
}
.tj-newsbox a.more{
	display:inline-block; line-height:30px; color:#666; text-decoration:none; text-transform:uppercase; height:30px;
}
.tj-newsbox a.tit:hover{
	color:black;
}
.tj-newsbox a.more:hover{
	color:black;
}
.nlist li{
	width:49%; float:left; border-right:solid 1px #EEEEEE; border-bottom:solid 1px #EEEEEE; padding:45px 0px; position:relative;    
}
.nlist li:nth-child(even){
	width:50.9%; float:left; border-right:none; padding-left:50px;
}
.nlist li .box{
	height:180px;  padding-left:270px; line-height:180px; position:relative; padding-right:55px;
}
.nlist li .box a.img{
	width:245px; position:absolute; left:0px; top:0px; height:180px; overflow:hidden; text-align:left;
}
.nlist li .box a.img img{
	height:100%;
}
.nlist li .box a.title{
	display:block; font-size:18px; color:#333333; text-decoration:none; height:50px; line-height:50px; margin-bottom:5px; overflow:hidden;
}
.nlist li .box a.title:hover{
	color:#000;
}
.nlist li .box .desc{
	height:48px; line-height:24px; margin-bottom:21px; color:#999; font-size:13px; overflow:hidden;
}
.nlist li .box .rq{
	line-height:30px; color:#ccc; 
}
.about-bg{
	background:#F5F5F7;
}
.about1{
	padding:90px 0px;
}
.about1_1{
	position:relative; text-align:right;
}
.about1_1 img{
	max-width:100%;
}
.about1_1 .txt-box{
	position:absolute; left:0px; top:10%; height:80%; width:60%; padding:50px 45px; background:white; color:#666666; line-height:33px; text-align:left;
}
.about2{
	background:url(../images/index3.jpg) no-repeat center center; padding:90px 0px; height:840px; color:#ffffff;
}
.about2 .base{
	max-width:1000px;
}

.about2 .page-title span{
	color:#ffffff;
}
.about2 ul{
	padding-top:15px;
}
.about2 ul li{
	width:280px; float:left; margin-right:80px; text-align:center; height:500px; padding:65px 25px; position:relative; overflow:hidden;
}
.about2 ul li:last-child{
	margin-right:0px;
}
.about2 ul li .img{
	height:125px; text-align:center;
}
.about2 ul li .txt{
	font-size:24px; line-height:40px; margin-bottom:5px;
}
.about2 ul li .desc{
	line-height:30px; font-size:14px;
}
.about2 ul li .bg{
	background:black; opacity:0.35; border:solid 1px white; z-index:0; position:absolute; left:0px; top:-50px; width:100%; height:100%; opacity:0; transition: all 0.3s;  
}
.about2 ul li:hover .bg{
	 opacity:0.3; top:0px;
}
.about3{
	padding:80px 0px;
}
.about3 .zhsl1{
	padding-bottom:50px; position:relative; margin-bottom:80px;
}
.about3 .zhsl1 .boxs{
	height:230px;  padding:25px; position:relative; background:#333333 url(../images/alogos.png) no-repeat right 11px;
}
.about3 .zhsl1 .boxs ul{
	padding-left:24px; background:url(../images/tiao.png) no-repeat left 11px; width:445px; float:left; margin-right:45px;  
}
.about3 .zhsl1 .boxs ul li{
	line-height:43px;  font-size:16px; color:#ffffff;
}
.about3 .zhsl1 .zhyy{
	width:70%; left:15%; position:absolute; text-align:center; bottom:0px;
}
.about3 .zhsl1 .zhyy span{
	width:100px; height:100px; background:white; border:dashed 1px #333333; border-radius:50%; display:inline-block; margin:0px 32px; line-height:100px; font-size:24px; color:#333333;
}
.about3 .zhsl2{
	padding:0px 60px; font-size:16px; color:#666666; line-height:38px; text-align:center;
}
.about3 .zhsl3{
	height:352px; background:url(../images/lc.png) no-repeat center center; margin-top:55px;
}
.about4{
	padding:80px 0px;
}
.a-zerts{
	padding:0px 150px;
}

.zlefts{ overflow:hidden; position:relative; padding:0px 80px;}
.zlefts .hd{   }
.zlefts .hd .prev,.zlefts .hd .next{ width:50px; font-size:18px; height:50px; top:40%; border-radius:50%; background:black; color:white; text-decoration:none; text-align:center; line-height:50px; position:absolute;}
.zlefts .hd .next{right:0px;}
.zlefts .hd .prev{left:0px;}
.zlefts .hd .prevStop{ display:none;}
.zlefts .hd .nextStop{display:none;}
.zlefts .hd ul{ display:none; }
.zlefts .bd{ padding:10px;   }
.zlefts .bd ul{ overflow:hidden; zoom:1; }
.zlefts .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.zlefts .bd ul li a.zimg{
	width:calc((100vw - 200px - 300px - 180px) / 6); display:block; height:300px; line-height:300px; margin-bottom:12px; overflow:hidden;
}
.zlefts .bd ul li a.txt{
	color:#999; font-size:14px; display:block; text-align:center; height:36px; line-height:36px; text-decoration:none;
}
.zlefts .bd ul li a.zimg img{
	max-width:100%; max-height:300px;
}
.sps li{
	width:32%; margin-right:2%; margin-bottom:25px;  float:left; text-align:center;
}
.sps li:nth-child(3n+0){
	margin-right:0px;
}
.sps li a.img{
	display:block; text-decoration:none; height:250px; background:black; line-height:250px; overflow:hidden; text-align:center; position:relative;
}
.sps li a.img font{
	position:absolute; width:100%; height:100%; left:0px; top:0px; background:url(../images/sp.png) no-repeat center center;
}
.sps li:hover a.img font{
	background-color:black; opacity:0.5;
}
.sps li a.txt{
	height:35px; line-height:35px; text-align:center; display:block; text-decoration:none;
}

.contact-m{
	padding-bottom:130px; margin-bottom:65px; position:relative;
}
.contact-m .maps{
	height:480px; width:100%;
}
.contact-m .conts{
	height:260px; width:100%; position:absolute; left:0px; bottom:0px;
}
.contact-m .conts ul{
	width:1200px; margin:0 auto;
}
.contact-m .conts ul li{
	width:380px; margin-right:30px; float:left; height:260px; background:white; padding:50px 40px; text-align:center; color:#999;
}
 
.contact-m .conts ul li .img{
	height:85px; line-height:85px;
}
.contact-m .conts ul li span{
	display:block; line-height:40px; color:#333333; font-size:18px;
}
.contact-m .conts ul li font{
	display:block; line-height:35px;
}
.contact-m .conts ul li:last-child{
	margin-right:0px;
}
.contact-m .conts ul li:first-child{
	display:none;
}

.liuyan{
	margin-top:0px;
}
.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:#F5F5F7; 
}
.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:#F5F5F7; 
}
.lybox{
	padding:80px 0px; background:white;
}
.pps li{
	width:32%; margin-bottom:30px; margin-right:2%; float:left;
}
.pps li:nth-child(3n+0){
	margin-right:0px;
}
.pps li a.img{
	display:block; height:430px;  background:#F6F4F7; border:solid 1px #F6F4F7; text-align:center; overflow:hidden; padding:10px 10px;
}
.pps li:hover a.img{
	background:#fff; 
}
.pps li a.img img{
	max-width:100%; max-height:320px;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
	box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
	transition: all 0.6s;
}
.pps li:hover a.img img{
	transform: scale(1.05);
}
.pps li a.txt{
	height:60px; color:#333333; line-height:60px; position:relative; padding:0px 8px; padding-right:35px; font-size:16px; text-decoration:none; position:relative; display:block;
}
.pps li a.txt font{
	position:relative; transition: all 0.6s; left:0px;
}
.pps li:hover a.txt font{
	left:25px;
}
.pps li a.txt span{
	position:absolute; right:5px; top:22px; font-size:12px; color:white;
}
.pps li:hover a.txt span{
	color:#666;
}
.page-main.page-bgproduct{
	background:white; margin-bottom:70px;
}

.kf1{
	margin-bottom:68px; padding-top:85px;
}
.kf1 .left{
	width:50%; float:left;
}
.kf1 .right{
	width:46%; float:right; padding-top:50px;
}
.kf1 .left a{
	display:block; overflow:hidden;
}
.kf1 .left a img{
	width:100%;
}
.kf1 .right .title{
	margin-bottom:36px; color:#333333; line-height:40px; font-size:26px;
}
.kf1 .right .title span{
	line-height:42px; margin-top:3px; display:block;
}
.kf1 .right .desc{
	line-height:34px; color:#999999; font-size:16px; margin-bottom:35px; padding-right:80px;
}
.kf1 .more a{
	display: inline-block;
    height: 45px;
    line-height: 45px;
    padding: 0px 35px;
    border: solid 1px #333333;
    font-size: 16px;
    color: #666666;
    text-decoration: none;
    border-radius: 4px;
}
.kf1 .more a:hover{
	color:white; background:#333;
}

.kf2{
	padding-bottom:25px;  
}
.kf2 ul li{
	width:32%; margin-right:2%; float:left; position:relative; color:white;
}
.kf2 ul li a{
	display:block; color:white; text-decoration:none;
}
.kf2 ul li:last-child{
	margin-right:0px;
}
.kf2 ul li a img{
	width:100%;
}
.kf2 ul li:hover a img{
	opacity:0.85;
}
.kf2 ul li .txt-box{
	position:absolute; width:340px; height:auto; left:16px; bottom:15px; font-size:18px; line-height:32px;
}
.kf2 ul li .txt-box font{
	display:block; height:30px; font-size:14px;
}
.tj-products{
	padding:65px 0px;
}
.tj-p{ 
overflow:hidden; 
position:relative;
padding:0px 60px;
padding-bottom:70px;
}
#tj-p{
	--tj-width:1300px;
}
.tj-p .hd{ }
.tj-p .hd .prev,.tj-p .hd .next{ position:absolute; width:50px; height:50px; line-height:50px; text-align:center; text-decoration:none; top:40%; font-size:22px;}
.tj-p .hd .prev{ left:0px;}
.tj-p .hd .next{ right:0px;}
.tj-p .hd .prevStop{ display:none;}
.tj-p .hd .nextStop{ display:none; }
.tj-p .hd ul{ display:none; }
.tj-p .bd{ padding:10px;   }
.tj-p .bd ul{ overflow:hidden; zoom:1; }
.tj-p .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; background:white;}
.tj-p .bd ul li a.tjimg{
	width:calc((var(--tj-width) - 120px - 80px) / 4); display:block; height:340px; padding:10px; overflow:hidden;
}
.tj-p .bd ul li a.tjimg img{
	max-width:100%; max-height:280px;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.4)));
	box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.4)));
	 transition: all 0.6s;  
}
.tj-p .bd ul li:hover a.tjimg img{
	transform: scale(1.05);
}
.tj-p .bd ul li a.txt{
	height:50px; line-height:50px; text-decoration:none; color:#333333;
}

.wi-product{
	background:white; padding:70px 0px;
}
.product-left{
	width:42%; float:left;
}
.product-right{
	width:53%; float:right;
}
.product-img{
	border:solid 1px #EEEEEE; height:515px; line-height:515px; padding:0px 35px; text-align:center; overflow:hidden; margin-bottom:35px;
}
.product-img img{
	max-width:100%; max-height:455px;
	
}
.slipics{
	height:90px; line-height:90px; overflow:hidden;
}
.slipics a{
	display:inline-block; text-decoration:none; width:88px; height:88px; border:solid 1px #eee; line-height:88px; text-align:center; margin-right:17px; border:solid 1px #eee; overflow:hidden;
}
.slipics a.cur{
	border-color:#FB8411;
}
.slipics a img{
	width:100%; height:100%;
}
.slipics a:last-child{
	margin-right:0px;
}
.product-tit{
	height:115px; border-bottom:solid 1px #eee; padding:25px 0px; margin-bottom:20px;
}
.product-tit span{
	display:block; height:40px; margin-bottom:5px; line-height:40px; color:#333333; font-size:30px;
}
.product-tit font{
	display:block; height:30px; line-height:25px; color:#FB8411; font-size:16px;
}
.product-cs{
	border-bottom:solid 1px #eee; padding-bottom:17px; margin-bottom:35px; color:#999; line-height:40px; 
}
.product-cs ul li{
	width:48%; float:left; position:relative;   height:40px; line-height:40px; overflow:hidden;
}
.product-cs ul li:nth-child(even){
	float:right;
}
.product-cs ul li span{
	  height:40px; line-height:40px; text-align:left;  
}
.product-buy{
	margin-bottom:60px; line-height:45px;
}
.product-buy a{
	display:inline-block; height:42px; line-height:42px; border:solid 1px #000; text-decoration:none; margin-right:28px; color:#333333; padding:0px 28px; border-radius:3px;
}
.product-buy a.cur{
	background:#333333; color:white;
}
.cpxq{
	margin-top:70px;
}
.shares{
	margin-top:20px; color:#999; height:20px; position:relative; padding-left:90px;
}
.shares>font{
	font-size:16px; margin-right:8px; position:absolute; left:0px; top:0px; height:18px; line-height:18px;
}
.p-content.ncontent{
	padding-bottom:55px;
}
.carousel-inner>.item img{
	max-width:100%;
}


.le2 a .img img{
	height:100%;
}

.sp-boxs{
	width:690px; margin:0 auto; padding:10px 0px;
}
.sp-boxs video{
	width:100%;
}
.index-video{
background:#F5F5F7;
}
.video-box{
padding-top:130px;
}
.index-video .page-title{
	opacity:0; position:relative; top:100px; transition: all 1.3s;  
}
.index-video.ons .page-title{
	top:0px; opacity:1;
}
.index-video ul{
padding:0px 30px; margin-bottom:45px;
}
.index-video ul li{
width:23.5%; margin-right:2%; float:left;
}
.index-video ul li:nth-child(4n+0){
margin-right:0px;
}
.index-video ul li a.img{
display:block; position:relative; text-decoration:none; height:250px; overflow:hidden; line-height:250px; text-align:center;
}
.index-video ul li a.img img{
height:250px;
}
.index-video ul li a.tit{
display:block; height:50px; text-decoration:none; line-height:50px; color:#666666; text-align:center;
}
.index-video ul li a.img font{
position:absolute; left:25%; width:50%; height:40%; top:30%; background:url(../images/video.png) no-repeat center center; display:none;
}
.index-video ul li:hover a.img font{
display:block;
}
.index-video .more{
	text-align:center; 
}
.index-video .more a{
	display:inline-block; text-decoration:none; border:solid 1px #999; height:38px; line-height:38px; padding:0px 20px; border-radius:3px; color:#999; transition: all 1.3s;  position:relative; opacity:0; left:85px;
}
.index-video.ons .more a{
	opacity:1; left:0px;
}
.index-video .more a:hover{
	color:white; background:#999;
}
.sabouts-img{
text-align:center; margin-bottom:32px;
}
.sabouts-img img{
max-width:100%;
}
.sabouts-desc{
padding:0px 50px; line-height:33px; color:#666666; font-size:16px;
}
@media (max-width:1780px){
	
	.index-brands{
	padding:100px 0px;
	}
	
}
@media (max-width:1680px){
	.video-box{
padding-top:100px;
}
	
	.index-brand-boxs{
		padding:85px 0px;
	}
	
	.index-brand-center{
		line-height:40px;
	}
}

@media (max-width:1600px){
	
	.video-box{
		padding-top:90px;
	}
	.index-video ul li a.img{
		height:230px;
	}
	.index-video ul li a.img img{
		height:230px;
	}
	.index-msg{
		background-size:100% 100%;
	}
	
	.index-msg .boxs{
		padding-left:100px; padding-top:80px; width:600px;
	}
	
	.i-msg .title{
		margin-bottom:20px;
	}
	
	.i-msg ul li{
		margin-bottom:18px;
	}
	
	.index-brand-center{
		line-height:38px;
	}
	 
}


@media (max-width:1500px){
	
	.index-video ul li a.img{
		height:220px;
	}
	.index-video ul li a.img img{
		height:220px;
	}
	
	
	.top-dh .navs ul li{
		width:115px;
	}
	
	.carousel-inner>.item .ppt-word img{
		max-width:75%;
	}
	
	.index-product1 .product-tit{
		top:65px;
	}
	
	.rys .txt{
		    margin-bottom: 40px;
	}
	
	.rys .img{
		line-height: 320px;
	}
	
	.indexpleft .bd ul li:hover .box a .rys .img{
		height:320px;
	}
	
	.rys .num{
		height:80px; line-height: 80px;
	}
	
	.index-newproduct{
		background-size: auto 420px;
	}
	
	.new-products .bd ul li a.snimg{
		height:450px; line-height:450px;
	}
	
	.new-products .bd ul li a.snimg img{
		max-height:360px; transition: all 0.6s;
		
	}
	
	.new-products .bd ul li:hover a.snimg img{
		transform: scale(1.05);
	}
	
	.index-newproduct .newproduct-index{
		padding-top:50px;
	}
	
	.index-brands{
		padding:90px 0px;
	}
	
	
.index-brands.ons .index-brand-boxs .lines.left{
		width:22%;
	}
	
.index-brands.ons .index-brand-boxs .lines.right {
		width: 22%;
	}
	
	.index-brand-boxs{
		padding:70px 0px; padding-bottom:100px;
	}
	
.index-brands.ons .index-brand-boxs .lines.db2{
		height:35px;
	}
.index-brands.ons .index-brand-boxs .lines.db1{
		height:35px;
	}
	
	.index-brand-center{
		line-height:38px;
	}
	
	.le2 a .img{
		height:300px; line-height:300px;
	}
	
	.le2 a .title {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
	}
	
	.le3 a .desc{
		    height: 50px;
			line-height: 25px;
			font-size: 12px;
			margin-bottom:5px;
	}
	
	.le2 a .desc {
    height: 50px;
    line-height: 25px;
    margin-bottom: 0px; 
	font-size:12px;
	}
	
	.index-msg .boxs{
	  width:500px;
	}
	
	.i-msg ul li input {
    height: 50px;
    padding: 10px 12px;
    line-height: 30px;
	font-size:16px;
	}
	
	.i-msg ul li input::placeholder{
	font-size:16px;
	}
	
	.i-msg ul li textarea{
		height:130px;
	}
	
	.i-msg .title font {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
	}
	
	
	.nlist li .box a.img{
		    width: 200px; height:175px;
	}
	.nlist li .box{
		padding-left:220px;
	}
	
	.nlist li .box .desc{
		font-size:12px; height:44px; line-height:22px;
	}
}

@media (max-width:1400px){
	.top-dh .navs ul li{
		width:105px;
	}
	
	.top-dh .navs ul li>div .linksa a{
		font-size:12px;
	}
	
	.carousel-inner>.item .ppt-word img{
		max-width:70%;
	}
	
	.rys .txt{
		    margin-bottom: 30px;
	}
	
	.new-products .bd ul li a.snimg{
		height:410px; line-height:410px;
	}
	
	.new-products .bd ul li a.snimg img{
		max-height:340px;
	}
	
	
	.index-brands{
		padding:80px 0px;
	}
	
	.index-brand-center{
		line-height:36px;
	}
	
	.le2 a .rq{
		margin-top:3px;
	}
	
	
	.i-msg ul li textarea{
		height:110px;
	}
	
	.index-msg .boxs{
		padding-top:65px;
	}
	
	
	.nlist li .box a.img{
		    width: 180px; height:160px;
	}
	.nlist li .box{
		padding-left:200px;
	}
	
	.nlist li .box a.title{
		height:45px; line-height:40px; padding-top:4px;
	}
	
}