/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;    color: #fff;}
body{ font-size:12px;font-family:'';background: #000000;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

.header{display: none;}

.head.on{height: 90px;line-height: 90px;transition: all ease 0.3s;}
.head.on .logo {line-height: 90px;transition: all ease 0.3s;}
.head.on .logo img {max-height: 90px;transition: all ease 0.3s;}
.head.on .menu{margin-top: 2%;transition: all ease 0.3s;}

.head{height: 120px;line-height: 120px;background: #000000;transition: all ease 0.3s;}
.head .logo{width: 20%;float: left;line-height: 120px;transition: all ease 0.3s;}
.head .logo img{max-width: 100%;vertical-align: middle;max-height: 120px;transition: all ease 0.3s;}
.head .menu{width: 80%;float: right;margin-top: 3%;transition: all ease 0.3s;}


/*menu*/
.menu{height:40px;line-height:40px;}
.menu ul{text-align: right;}
.menu ul li{ display: inline-block;  position:relative; background:url(../images/line.jpg) right center no-repeat;border-bottom: 1px solid transparent;margin: 0 2%;}
.menu ul li:hover{border-bottom: 1px solid #FFFFFF;}
.menu ul li dl{ background:#000; width:200%; padding:0 10px; position:absolute; left:0px; top:41px;display:none; z-index: 999; box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.menu ul li dl dd{ line-height:3em;text-align: left;}
.menu ul li dl dd a{ font-size:14px; color:#ccc; font-weight:normal; display:inline; padding:0; text-align:left;}
.menu ul li dl dd:hover a{ color:#FFFFFF;}
.menu a{ font-size:16px;color:#E2E2E2; text-decoration:none; display:block;text-align:center;}
.menu a:hover{color:#FFFFFF;font-weight: bold;}
a.menu_hover{ background:;color:#FFFFFF;}


.lbt{position: relative;margin-top: 120px;}
.lbt .lbtdwzi{position: absolute;top: 30%;left: 0;width: 100%;z-index: 8;}
.lbt .lbtdwzi h2{font-size: 30px;color: #DDDDDD;line-height: 2em;text-align: center;}
.lbt .lbtdwzi .an{width: 80%;margin: 0 auto;border: 1px solid #CCCCCC;text-align: center;}
.lbt .lbtdwzi .an:hover{background: #CCCCCC;}
.lbt .lbtdwzi .an a{font-size: 18px;color: #ddd;line-height: 2.5em;font-weight: bold;}
.lbt .lbtdwzi .an:hover a{color: #333;}

.con1{padding: 3% 0;}
.con1 .con1bt{}
.con1 .con1bt h2{font-size: 40px;color: #CCCCCC;line-height: 2em;text-align: center;}
.con1 .con1nr{margin-top: 3%;}
.con1 .con1nr .left{width: 49%;float: left;}
.con1 .con1nr .left img{max-width: 100%;}
.con1 .con1nr .right{width: 49%;float: right;}
.con1 .con1nr .right p{font-size: 14px;color: #DDDDDD;line-height: 1.5em;}

.con2{padding: 3% 0;}
.con2 .con2bt{}
.con2 .con2bt h2{font-size: 40px;color: #CCCCCC;line-height: 2em;text-align: center;}
.con2 .con2nr{margin-top: 3%;overflow: hidden;} 
.con2 .con2nr ul{width: 105%;}
.con2 .con2nr ul li{width: 29.75%;float: left;margin: 0 3% 3% 0;}
.con2 .con2nr ul li .bt{}
.con2 .con2nr ul li .bt h2{font-size: 18px;color: #FFFFFF;line-height: 2em;font-weight: normal;overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap}
.con2 .con2nr ul li .img{text-align: center;}
.con2 .con2nr ul li .img img{max-width: 100%;}
.con2 .con2nr ul li .nr{}
.con2 .con2nr ul li .nr p{font-size: 14px;color: #CCCCCC;line-height: 1.5em;}

.con3{padding: 3% 0;}
.con3 .con3bt{}
.con3 .con3bt h2{font-size: 40px;color: #CCCCCC;line-height: 2em;text-align: center;}
.con3 .con3nr{margin-top: 3%;}
.con3 .con3nr .swiper-slide{}
.con3 .con3nr .swiper-slide .img{position: relative;}
.con3 .con3nr .swiper-slide .img img{ width: 100%;
    height: 330px;
    object-fit: contain;}
.con3 .con3nr .swiper-slide .img .zi{text-align: center;position: absolute;bottom: 0;left: 0;width: 100%;}
.con3 .con3nr .swiper-slide .img .zi h2{font-size: 30px;color: #FFFFFF;line-height: 3em;}

.con4{padding: 3% 0;}
.con4 .con4bt{}
.con4 .con4bt h2{font-size: 40px;color: #CCCCCC;line-height: 2em;text-align: center;}
.con4 .con4nr{margin-top: 3%;padding: 0 16%;}
.con4 .con4nr ul{}
.con4 .con4nr ul li{padding: 2% 0;}
.con4 .con4nr ul li h2{font-size: 18px;color: #FFFFFF;line-height: 2em;font-weight: normal;}
.con4 .con4nr ul li p{font-size: 14px;color: #CCCCCC;line-height: 1.5em;}

.con5{}
.con5 ul{}
.con5 ul li{width: 25%;float: left;text-align: center;}
.con5 ul li a{}
.con5 ul li a img{max-width: 100%;}

.foot{padding: 0 0 3% 0;}
.foot .f1{padding: 3% 0;}
.foot .f1 .f1bt{}
.foot .f1 .f1bt h2{font-size: 40px;color: #CCCCCC;line-height: 2em;text-align: center;}
.foot .f1 .f1nr{margin-top: 3%;}
.foot .f1 .f1nr .left{width: 45%;float: left;}
.foot .f1 .f1nr .left h2{font-size: 18px;color: #FFFFFF;line-height: 2em;font-weight: normal;}
.foot .f1 .f1nr .left p{font-size: 14px;color: #CCCCCC;line-height: 1.5em;}
.foot .f1 .f1nr .left .an{width: 60%;background: #FFFFFF;text-align: center;margin: 3% 0;}
.foot .f1 .f1nr .left .an a{font-size: 16px;color: #333333;font-weight: bold;line-height: 3em;}
.foot .f1 .f1nr .left .an a img {max-width: 100%;vertical-align: middle;}
.foot .f1 .f1nr .right{width: 50%;float: right;}
.foot .f1 .f1nr .right .img{text-align: center;}
.foot .f1 .f1nr .right .img img{max-width: 100%;}
.foot .f1 .f1nr .right .ewm{}
.foot .f1 .f1nr .right .ewm ul{}
.foot .f1 .f1nr .right .ewm ul li{width: 50%;float: left;}
.foot .f1 .f1nr .right .ewm ul li img{max-width: 100%;vertical-align: middle;float: left;}
.foot .f1 .f1nr .right .ewm ul li p{font-size: 16px;color: #FFFFFF;vertical-align: middle;padding: 0;float: left;text-align: left;margin-top: 20%;padding: 0 5px;}
.foot .f1 .f1nr .right .ewm ul li:nth-child(2) img{float: right;}
.foot .f1 .f1nr .right .ewm ul li:nth-child(2) p{float: right; text-align: right;}
.foot .footshare{padding:1% 0;}
.foot .footshare ul{text-align: center;}
.foot .footshare ul li{padding: 0 0.3%;display: inline-block;}
.foot .footshare ul li a{}
.foot .footshare ul li a img{max-width: 100%;}
.foot .fbq{}
.foot .fbq p{font-size: 14px;color: #CCCCCC;line-height:2em;text-align: center;}

.nytop{margin-top: 120px;}

.news1{padding: 3% 0;}
.news1 .news1bt{}
.news1 .news1bt h2{font-size: 40px;color: #CCCCCC;line-height: 2em;text-align: center;}
.news1 .news1nr{margin-top: 3%;padding: 0 15%;}
.news1 .news1nr ul{}
.news1 .news1nr ul li{padding: 3% 0;}
.news1 .news1nr ul li .left{width: 30%;float: left;}
.news1 .news1nr ul li .left img{max-width: 100%;}
.news1 .news1nr ul li .right{width: 68%;float: right;}
.news1 .news1nr ul li .right span{font-size: 16px;color: #FFFFFF;line-height: 2em;}
.news1 .news1nr ul li .right h2{font-size: 18px;color: #FFFFFF;line-height: 1.5em;font-weight: normal;}
.news1 .news1nr ul li .right p{font-size: 14px;color: #999;line-height: 1.5em;text-align: left;}
.news1 .news1nr ul li .right h3{font-size: 16px;color: #999;line-height: 1.5em;font-weight: normal;}

.products1{padding: 3% 0;}
.products1 .products1bt{}
.products1 .products1bt h2{font-size: 40px;color: #CCCCCC;line-height: 2em;text-align: center;}
.products1 .products1nr{margin-top: 3%;overflow: hidden;}
.products1 .products1nr ul{width: 105%;}
.products1 .products1nr ul li{width: 30%;float: left;margin: 0 1% 1% 0;text-align: center;    border: 1px solid #ddd;}
.products1 .products1nr ul li .img{}
.products1 .products1nr ul li .img img{max-width: 100%;     height: 400px; width:100%; object-fit: contain;}

.lxwm1{padding:0 0 3% 0;}
.lxwm1 .lxwm1nr{}
.lxwm1 .lxwm1nr .left{width: 40%;float: left;padding-left: 10%;}
.lxwm1 .lxwm1nr .left h1{font-size: 40px;color: #CCCCCC;line-height: 2em;text-align: left;font-weight: bolder;}
.lxwm1 .lxwm1nr .left h2{font-size: 22px;color: #FFFFFF;line-height: 2em;font-weight: normal;}
.lxwm1 .lxwm1nr .left p{font-size: 18px;color: #CCCCCC;line-height: 1.5em;}
.lxwm1 .lxwm1nr .left .an{width: 60%;background: #FFFFFF;text-align: center;margin: 3% 0;}
.lxwm1 .lxwm1nr .left .an a{font-size: 16px;color: #333333;font-weight: bold;line-height: 3em;}
.lxwm1 .lxwm1nr .left .an a img {max-width: 100%;vertical-align: middle;}
.lxwm1 .lxwm1nr .right{width: 50%;float: right;}
.lxwm1 .lxwm1nr .right .map{}
.lxwm1 .lxwm1nr .right .map img{max-width: 100%;}

.lxwm2{padding: 3% 0;}
.lxwm2 .lxwm2bt{}
.lxwm2 .lxwm2bt h2{font-size: 40px;color: #CCCCCC;line-height: 2em;font-weight: normal; text-align: center;}
.lxwm2 .lxwm2nr{margin-top: 3%;overflow: hidden;}
.lxwm2 .lxwm2nr ul{width: 105%;}
.lxwm2 .lxwm2nr ul li{width: 14.2%;text-align: center; float: left;margin:0 2% 0 0;}
.lxwm2 .lxwm2nr ul li img{max-width: 100%;}

.inside1{padding: 3% 0;}
.inside1 .inside1bt{text-align: center;}
.inside1 .inside1bt h2{font-size: 40px;color: #CCCCCC;line-height: 2em;font-weight: normal;}
.inside1 .inside1nr{margin-top: ;}
.inside1 .inside1nr p{font-size: 16px;color: #CCCCCC;line-height: 1.5em;text-align: left;}
.inside1 .inside1nr img{max-width: 100%;    width: 100%;
    height: 287px;
    object-fit: contain;}

.newsxq1{padding: 3% 0;}
.newsxq1 .newsxq1bt{}
.newsxq1 .newsxq1bt h2{font-size: 40px;color: #CCCCCC;line-height: 2em;text-align: center;}
.newsxq1 .newsxq1nr{background: #F3F3F3;padding: 2% 5%;}
.newsxq1 .newsxq1nr .news_left{width: 60%;float: left;padding-right: 3%;border-right: 1px solid #DDDFDD;}
.newsxq1 .newsxq1nr .news_left .fanhui{}
.newsxq1 .newsxq1nr .news_left .fanhui a{font-size: 18px;color: #999999;}
.newsxq1 .newsxq1nr .news_left .xqbt{margin-top: 3%;}
.newsxq1 .newsxq1nr .news_left .xqbt h2{font-size: 40px;color: #666;line-height: 1.5em;font-weight: normal;}
.newsxq1 .newsxq1nr .news_left .xqbt p{font-size: 16px;color: #666;line-height: 2em;}
.newsxq1 .newsxq1nr .news_left .xqnr{margin-top: 10px;}
.newsxq1 .newsxq1nr .news_left .xqnr p{font-size: 14px;color: #666;line-height: 1.5em;}
.newsxq1 .newsxq1nr .news_left .xqnr img{max-width: 100%;}
.newsxq1 .newsxq1nr .news_right{width: 33%;float: right;}
.newsxq1 .newsxq1nr .news_right h1{font-size: 24px;color: #666666;line-height: 2em;font-weight: normal;}
.newsxq1 .newsxq1nr .news_right ul{}
.newsxq1 .newsxq1nr .news_right ul li{padding: 3% 0;}
.newsxq1 .newsxq1nr .news_right ul li .img{width: 30%;float: left;}
.newsxq1 .newsxq1nr .news_right ul li .img img{max-width: 100%;}
.newsxq1 .newsxq1nr .news_right ul li .zi{width: 68%;float: right;}
.newsxq1 .newsxq1nr .news_right ul li .zi h2{font-size: 20px;color: #666666;line-height: 1.5em;font-weight: normal;
-webkit-line-clamp: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    white-space: normal;}
.newsxq1 .newsxq1nr .news_right ul li .zi span{font-size: 16px;color: #666666;line-height: 1.5em;display: block;text-align: left;}

.cpxiangqing1{background: rgba(126,126,126,0.8);height: 100vh;padding: 0 0 3% 0;}
.cpxiangqing1 .cpxiangqing1nr{width: 50%;margin: 0 auto;}
.cpxiangqing1 .cpxiangqing1nr .fanhui{padding: 3% 0;}
.cpxiangqing1 .cpxiangqing1nr .fanhui a{font-size: 16px;color: #FFFFFF;display: inline-block;padding: 5px 10px;border-radius: 3px;border: 1px solid #DDDDDD;}
.cpxiangqing1 .cpxqimg{height: 60vh;text-align: center;}
.cpxiangqing1 .cpxqimg img{max-width: 100%;}
.cpxiangqing1 .cpxqzi{height: 27vh;overflow-y: scroll;}
.cpxiangqing1 .cpxqzi p{font-size: 14px;color: #FFFFFF;line-height: 2em;height: 100%;padding: 5px;}

@media only screen and (max-width: 768px) {
	
	.wapper{width: 90%;}
	
	.header{display: block;}
	
	.head .logo{width: 100%;text-align: center;}
	.head .menu{display: none;}
	
	.head.on{height: 70px;line-height: 70px;transition: all ease 0.3s;}
	.head.on .logo {width: 100%;text-align: center; line-height: 70px;transition: all ease 0.3s;}
	.head.on .logo img {max-height: 70px;transition: all ease 0.3s;}
	.head.on .menu{margin-top: 2%;transition: all ease 0.3s;}
	
	.lbt .lbtdwzi{top: 0;}
	
	.cpxiangqing1 {padding: 5% 0;}
	.cpxiangqing1 .cpxiangqing1nr{width: 100%;}
	.cpxiangqing1 .cpxqimg{height: auto;}
	.cpxiangqing1 .cpxqzi{height: 30vh;margin-top: 20px;}

}

@media only screen and (max-width: 480px) {
	
	.lbt .lbtdwzi h2{font-size: 22px;line-height: 1.25em;}
	
	.con1{padding: 10% 0;}
	.con1 .con1bt h2{font-size: 28px;line-height: 1.5em;}
	.con1 .con1nr{margin-top: 10%;}
	.con1 .con1nr .left{width: 100%;}
	.con1 .con1nr .right{width: 100%;}
	
	.con2{padding: 10% 0;}
	.con2 .con2bt h2{font-size: 28px;line-height: 1.5em;}
	.con2 .con2nr{margin-top: 10%;}
	.con2 .con2nr ul {width: 100%;}
	.con2 .con2nr ul li{width: 100%;margin:  5% 0;}
	
	.gallery-thumbs{display: none;}
	
	.con4{padding: 10% 0;}
	.con4 .con4bt h2{font-size: 28px;line-height: 1.5em;}
	.con4 .con4nr{margin-top: 10%;padding: 0;}
	
	.con5 ul li{width: 50%;}
	
	.foot{padding: 0 0 10% 0;}
	.foot .f1 .f1bt h2{font-size: 28px;}
	
	.foot .f1 .f1nr .left{width: 100%;margin-top: 3%;}
	.foot .f1 .f1nr .right{width: 100%;}
	.foot .f1 .f1nr .right .ewm ul li img{max-width: 60%;}
	.foot .footshare{margin-top: 5%;}
	.foot .fbq p{font-size: 12px;}
	
	.inside1 .inside1bt h2{font-size: 28px;}
	
	.lxwm1 .lxwm1nr .left{width: 90%;padding: 0 5%;}
	.lxwm1 .lxwm1nr .right{width: 100%;}
	
	.news1{padding: 10% 0;}
	.news1 .news1bt h2{font-size: 28px;line-height: 1.5em;}
	.news1 .news1nr{margin-top: 10%;padding: 0;}
	.news1 .news1nr ul li{padding: 5% 0;}
	.news1 .news1nr ul li .left{width: 100%;}
	.news1 .news1nr ul li .right{width: 100%;}
	
	.products1{padding: 10% 0;}
	.products1 .products1bt h2{font-size: 28px;line-height: 1.5em;}
	.products1 .products1nr{margin-top: 10%;}
	.products1 .products1nr ul li{width: 46.6%;margin: 0 2% 2% 0;}


	.newsxq1 .newsxq1bt h2{font-size: 28px;}
	.newsxq1 .newsxq1nr{margin-top: 7%;}
	
	.newsxq1 .newsxq1nr .news_left{width: 100%;padding-right: 0;border-right: none;}
	.newsxq1 .newsxq1nr .news_left .xqbt h2{font-size: 28px;}
	.newsxq1 .newsxq1nr .news_right{width: 100%;margin-top: 3%;border-top: 1px solid #DDDFDD;}
	
	.inside1 .inside1nr img {
    height: 100px;
    object-fit: contain;
}
	
}


@media only screen and (max-width: 320px) {


}

@media(max-width: 768px) {

}

@media(max-width: 650px) {

}

@media(max-width: 540px) {

}

@media(max-width: 480px) {

}

@media(max-width: 414px) {

}

@media(max-width: 375px) {

}

@media(max-width: 320px) {

}