@charset "utf-8";html{font-family:"思源黑体 CN Bold", "Microsoft YaHei UI";font-size:12px}
b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}
img,input{border:0;vertical-align:middle}
li,ul{list-style:none;margin:0;padding:0}
form{padding:0;margin:0}
td{FONT-SIZE:12px}
i{font-style:normal}
img{border:0}
a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:focus{outline:0}
input,textarea{outline:0}
body{ overflow-X:hidden;}
a:hover{color:#000;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.content{width:1200px;overflow:hidden;margin:0px auto; }


@media screen and (min-width:320px){blockquote,body,button,code,dd,div,dl,dt,fieldset,form,input,legend,lipre,ol,p,td,textarea,th,ul{font-size:14px;font-family:"思源黑体 CN Normal", "Microsoft YaHei UI";}}

/* 新版本 */
.indexbox{width:1400px;overflow:hidden;margin:0px auto;text-align: center; }
.btitle{margin-top: 100px;}
.btitle h1{font-size: 53px;color: #000;text-align: center;padding: 10px 10px;font-weight: 400;letter-spacing: 0.04rem;font-family: "黑体";}
.bimg{width: 1350px;overflow: hidden;margin: auto;z-index: 9;margin-top: 32px;margin-bottom: 20px;position: relative;}
.bimg .swiper-container{width: 1100px;overflow: hidden;margin: auto;z-index: 1;cursor: pointer;}
.bimg .bimgSwiper{width: 1560px;overflow: hidden;margin: auto;padding: 10px 300px;z-index: 8;}
.bimgtip{margin: 48px 0;}
.bimgwx{margin-bottom: 50px;}

.abanner{margin:0px auto;text-align: center;margin-bottom: 50px;}
.abanner img{margin-top: -7%;z-index: 999;width: 80%;}

.abanner1{margin:0px auto;text-align: center;margin-bottom: 50px;}
.abanner1 img{width: 80%;}
.abanner2{margin:0px auto;text-align: center;margin-bottom: 50px;}
.abanner2 img{width: 80%;}
.abanner3{margin:0px auto;text-align: center;margin-bottom: 50px;}
.abanner3 img{width: 80%;}


.startpro{width: 1400px;overflow:hidden;margin:0 auto;}
.startpro1{width: 1038px;overflow:hidden;margin:0 auto;padding: 50px 50px;}
.n_contact{width: 100%;margin: 0px auto;}



.title{ overflow:hidden; background:url(../images/xx.png) no-repeat center bottom; padding-bottom:20px; margin:50px auto;}
.title h3{ font-size:40px; text-align:center; font-weight:400;}
.title span{ color:#da251c;}
.title p{ font-size:15px; color:#666; text-align:center; margin-top:10px; text-transform:uppercase; }
.title span a{color:#fff;}
.w50{ margin-top:50px;}



.n-list{width: 11rem;margin: 0 auto;overflow: hidden;margin-bottom: 80px;}
.n-item{width: 100%;margin-bottom: .4rem;}
.n-item:last-child{margin-bottom: 0;}
.n-left{float: right;width: 50%;height: 4rem;background-size: cover;background-position: center center;}
.n-right{float: right;width: 50%;height: 4rem;/* line-height: 4rem; */background-color: #f9f9f9;overflow: hidden;}
.n-inner{
	    display: inline-block;
		vertical-align: middle;
		width: auto;
		padding:80px 122px;
		overflow: hidden;
	}
.n-title{font-size: 0.28rem;margin-bottom: .1rem;}
.n-zh{color: #000;font-family: "黑体";/* font-weight: bold; */}
.n-en{color: #000;font-size: 0.20rem;letter-spacing: 0.02rem;}
.n-intro{color: #333;line-height: 1.75;letter-spacing: 0.02rem;}
.n-intro *{color: #333;line-height: 1.75;font-size: 0.13rem;}
.n-intro span{font-size: 12px;}
.n-item:nth-child(2n) .n-left{float: left;}


@media(max-width: 420px){
    .n-left{width: 100%;height: 0;padding-top: 66.67%;}
	.n-right{float: none;width: 100%;height: auto;line-height: 1;padding: 10px 0;}
	.n-item:nth-child(2n) .n-left{float: none;}
	.n-inner{padding: 10px 10px;}
	.startpro{ margin: 70px auto 0;width: auto;}
	.startpro1{width: auto;padding: 30px 30px;}
	.startpro1 img,.startpro img{width: 100%;}
	.abanner,.abanner1,.abanner2{margin-bottom: 20px;}
	.abanner img{width: 95%;}
	.abanner1 img,.abanner2 img,.abanner3 img{width: 95%;}
	.n-list{padding: 10px 10px;width: auto;margin-bottom: 30px;}
	.n-intro p{font-size: .19rem!important;}
	.n_contact{margin: 70px auto 0;}
	.n_contact img{width: 100%;height: 168px;}
	.footer-top ul li.li1 h3 a{font-size: .20rem!important;}
}



.layout {
	width: 1200px;
	margin: 0 auto;
}

.head {
	position: sticky;
	top: 0;
	z-index: 100;
	background: #fff;
	border: 1px solid #eee;
}
.headBox2{
	margin: auto;
	text-align: center;
	
}
.headBox2 img{
	padding-top: 0.26rem;
	width: 2.38rem;
	
}
.headBox1 {
	display: flex;
	height: 0.8rem;
	align-items: center;
    margin-right: 1.23rem;
	
}

.headBox3 {
	width: 0;
	flex-grow: 1;
	
}

.headBox4 {
	margin-left: .63rem;
	display: flex;
	align-items: center;
}
.logo img {
	width: 2.03rem;
}
.f_txt dt a{color:#fff}
.nav{ position: relative; z-index: 99; }
.nav ul{  display: flex;align-items: center;justify-content: flex-end;margin-right: 2%;}
.nav ul li{color:#fff;font-size:16px;width: 17%;display:block;text-align:center;float:left;position:relative;}
.nav ul li a{
	color: #000;
    position: relative;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-family: "黑体";
    font-weight: 600;}
.nav ul li:hover>a,.nav ul li.on>a {
    color:#fa81b4;;
    /* background: #000; */
    /* padding: 8px 20px; */
    /* font-weight: bold; */
}

/* .nav ul li a:hover{color:#000; font-weight:600;-webkit-transition:all .5s;transition:all .5s; }
.nav ul li a:after{ content:""; width:0%; height:2px; background:#000; display:block;-webkit-transition:all .5s;transition:all .5s; position:absolute;bottom: -12px;  left: 50%; }
.nav ul li a:hover:after{ content:""; width:100%; height:2px; background:#000; display:block;-webkit-transition:all .5s;transition:all .5s; position:absolute;bottom: -12px;  left: 0px; }
.nav ul li ul{ position:absolute; width:100%; overflow:hidden; background:#fff; visibility:hidden; padding-bottom:15px; top:200px; opacity:0;-webkit-transition:all .5s;transition:all .5s;}
.nav ul li ul li{ width:100%; float:none; height:40px; line-height:40px;}
.nav ul li:hover ul{ top:100px; opacity:1;-webkit-transition:all .5s;transition:all .5s; visibility:inherit;} */


.headBox4  dl{display: grid;grid-auto-flow: column;justify-content: space-between;align-content: center;}
.headBox4  dl>dt{height: 70px;position: relative;display: grid;align-content: center;margin-right: 20px;}
.headBox4 dl>dt>a{color: #000;font-size: 15px;}
.headBox4 dl>dt .fitlead{box-shadow: 0 0 5px 2px rgb(203 196 196 / 62%);position: absolute;top: 56px;margin-left: -51px;background-color: #fff;display: none;grid-template-columns: 132px;gap: 22px;}
.headBox4 dl>dt:hover .fitlead{display: grid;}
.headBox4 dl>dt .fitlead i{position: absolute;top: -17px;left: 0%;margin-left: 55px;height: 0;font-size: 0;line-height: 0;}
.headBox4 dl>dt .fitlead i:after,.headBox4 dl>dt .fitlead i:before{position:absolute;top:0;left:0;display:block;width:0;height:0;border-style:solid;border-width:8px;content:"";}
.headBox4 dl>dt .fitlead i:after{top:1px;border-color:transparent transparent #fff transparent;}
.headBox4 dl>dt .fitlead i:before{border-color:transparent transparent #ddd transparent;}
.headBox4  .fitlead .eisil img{width: 100%;}
.headBox4  .fitlead .eisil p{margin-top: 10px;color: #222;line-height: 1.5; text-align: justify;text-indent: 2em;}


.pc_banner{ width:100%; overflow:hidden; margin:0px auto;}
.ban{ width:100%; overflow:hidden; margin:0px;}
.ban img{ width:100%;}

.m_banner{ width:100%; overflow:hidden; margin:0px auto; display:none;}

.sp_header{height:100px;overflow:hidden;background:#ffffff;position:fixed;z-index:10;width:100%;display:none;text-align:center;top:0}
/*.sp_header img{ width:72px}  */
.sp_msy{ position:absolute; left:0px; top:0px;}
.sp_msy span svg{width:50px;margin: 18px;}
.sp_nav{width:85px;position:absolute; top:0px ; right:0px;cursor:pointer;height:100px; }

.sp_nav span{transition:all ease 0.35s;display: block;background: #000;width: 42px;height: 5px;border-radius: 40px;position: absolute;left: 26px;transition: all ease 0.35s;}
.sp_nav span:nth-of-type(1){top:30px}
.sp_nav span:nth-of-type(2){top:45px}
.sp_nav span:nth-of-type(3){top:60px}
.sp_nav_se span:nth-of-type(1){top:45px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:45px;transform:rotate(-45deg)}


.nlogo{ margin:38px 0 30px 30px}

.sjj_nav{position:fixed;z-index:10;background: #fff;width: 218px;height:calc(100% - 58px);font-size:14px;line-height: 40px;right:0px;top:100px;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;transform: translateX(100%);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;box-shadow: 0 0 5px 2px rgb(14 14 14 / 18%);}
.nav_show{transform: translateX(0);
-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.sjj_nav::-webkit-scrollbar{width:0px;height:10px}
.sjj_nav::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.05);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}
.sjj_nav:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}
.sjj_nav::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}
.sjj_nav::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px transparent;background-color:#fff}
.sjj_nav::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset006pxrgba(0,0,0,.4);background-color:rgba(0,0,0,.01)}



.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{ display:block;/*float:left;width:calc(100% - 70px)*/}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #888888 solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px; text-indent:0em;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top: 1px #ccc solid;text-indent:2em;position:relative;line-height: 40px;font-size:16px;left: 10px;}
.sjj_nav>ul >li:last-child{/* border-bottom: 1px #f1f1f1 solid; */}
.sjj_nav ul li ul{display:none; background:#555555}
.sjj_nav ul li a{color:#666;width:100%;color: #000;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left; padding-left:20px;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#fff;margin: 5px;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{ border-top:none;}
.eew{ background:#0b9b6d;}
.sjj_nav ul li ul li a:hover{color:#fff}

.shipin{ width:1020px; overflow:hidden; margin:0px auto;}


.footertop{ background:url(../images/j_08.jpg) repeat-x; background-color: #000;height:54px;  overflow:hidden; margin:0px auto; width:100%;margin-top:40px;}
.shike{ background:url(../images/shike.png) no-repeat center top; background-size:cover; height:621px;  overflow:hidden; margin:0px auto; width:100%;}
.contet{  margin:0px auto; width:1200px; position:relative;}
.jieshao{ width:500px; margin:0px 0px  0px 60px  ; float:left;}
.jieshao h3{ overflow:hidden; margin-top:120px;}
.jieshao dd{ margin-top:20px; font-size:16px; color:#ecc78b; line-height:32px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.jieshao dt{ width:230px; border-radius:7px; text-align:center; height:50px; line-height:50px;  background-color: #f1d6a5;  background-image: linear-gradient(to right, #f1d6a5 , #bb9e7d); font-size:18px; margin-top:60px; }
.jieshao dt a{color:#000; font-size:18px; font-weight:bold;}

.jieshao dt:hover{ width:230px; border-radius:7px; text-align:center; height:50px; line-height:50px;  background-color: #f1d6a5;  background-image: linear-gradient(to right, #bb9e7d , #f1d6a5); font-size:18px; margin-top:60px; }


.js_img{ float:right; position:absolute; right:-13%; top:50px;}

.index_ditu{ overflow:hidden; position:relative; margin:60px auto 40px 0px;}
.d_img{ width:65%; float:left;}
.d_img h3{ font-size:40px; font-family:Arial; color:#525051; text-transform:uppercase; font-weight:400; margin-bottom:20px;}
.d_img h3 span{ color:#000; font-weight:bold; font-size:36px; }
.d_img img{ width:100%;}
.d_txt{ width:46%; float:right; position:absolute; top:0px; right:0px;}
.ms_txt{ overflow:hidden; margin:50px 0 0 50px;}
.ms_txt h3{ font-size:18px; color:#000; background:url(../images/img1.png) no-repeat center left; padding-left:30px;}
.ms_txt dd{ font-size:16px; line-height:30px; color:#666; margin:15px 0 0 10px}
.product-number-info{position:relative}
.product-number-info .product-number-inner{ overflow:hidden;margin:0 auto 30px;}
.product-number-info ul{padding:85px 0}
.q{zoom:1}
.product-number-info li{float:left;width:30%; box-sizing:border-box;color:#333;padding-top:1px; text-align:center}
.product-number-info li:last-child{ width:40%}

.product-number-info li:first-child{border:none}
.product-number-info li b{font-weight:400;font-size:60px; font-family:Impact; color:#000;display:inline-block;position:relative;margin:15px 0 10px}
.product-number-info li p{font-size:18px;}
.product-number-info li b i{font-style:normal}
.product-number-info li b sup{position:absolute;font-size:20px;right:-15px;top:-3px}

.product-number-info li b em{font-style:normal;font-size:28px;font-weight:100;padding-left:2px;position:relative;top:-4px}

.product-number-info li.li-5{text-align:right}


.ys{ overflow:hidden; margin:0px auto; background:url(../images/ysbj.jpg)  no-repeat center; height:594px; margin:40px auto 0; }

.ys ul{ overflow:hidden; }

.ys .swiper-container{ overflow:hidden; padding-top:80px; padding-bottom: 50px;}
.ys .swiper-scrollbar{ display:none;}
.ys .swiper-slide{height:420px;  overflow:hidden; background:#fff;}
.ys .swiper-slide h3{overflow:hidden; margin-top:50px; font-size: 26px; color:#000; padding:0 40px; line-height:30px;}
.ys .swiper-slide h3 p{ font-family:Galyon-Bold; text-transform:uppercase; font-size:26px; font-weight:bold; color:#9fa0a0}
.ys .swiper-slide dl{ margin:30px 40px 0; background:url(../images/ios1.png) no-repeat left bottom; height:230px}
.ys .swiper-slide:nth-child(2) dl{  background:url(../images/ios2.png) no-repeat left bottom; }
.ys .swiper-slide:nth-child(3) dl{  background:url(../images/ios3.png) no-repeat left bottom; }
.ys .swiper-slide:nth-child(4) dl{  background:url(../images/ios4.png) no-repeat left bottom; }
.ys .swiper-slide dl dd{ font-size: 18px; height:36px; line-height:36px; color:#666}
.ys .swiper-slide dl dd:before{ content:"●"; font-size:18px; color:#9fa0a0; margin-right:5px;}
.ys .swiper-slide:hover{ background:#000 url(../images/hoverios.png) no-repeat  90% 22px; }
.ys .swiper-slide:hover h3,.ys .swiper-slide:hover h3 p,.ys .swiper-slide:hover dl dd{ color:#f8d288;}
.ys .swiper-slide:hover dl dd:before{ color:#f8d288;}
.ys .swiper-slide:hover dl{ background:url(../images/ios11.png) no-repeat left bottom;}
.ys .swiper-slide:nth-child(2):hover dl{ background:url(../images/ios22.png) no-repeat left bottom;}
.ys .swiper-slide:nth-child(3):hover dl{ background:url(../images/ios33.png) no-repeat left bottom;}
.ys .swiper-slide:nth-child(4):hover dl{ background:url(../images/ios44.png) no-repeat left bottom;}
.ys .swiper-pagination { display:none;}






.zhaopin{ font-size:15px; line-height:28px; height:300px; line-height:300px; text-align:center;}


.lx{ width:245px; float:left; margin-top:80px; }
.video{ width:70%; float:right; margin-top:80px; }

.vid{ overflow:hidden;}
.vid dl{ display:none;}

.mat{ height:80px; line-height:80px; text-align:center;}
.mat a{ font-size:18px;}
.mat a:after{ content:"|"; color:#666; margin:0 5%}
.mat a:last-child:after{ content:""; display:none;}

.footer{overflow:hidden;background: url(../images/r_06.jpg) repeat-x;height: 253px;}

.logo1{ float:left;}
.f_txt{ float:right; color:#ffffff;  margin-top:15px;margin-right:100px;}
.f_txt dd{ font-size:30px; line-height:30px; }
.f_txt dt{ line-height:25px; font-size:16px;/* margin-top:10px;*/}
.f_txt dt img{width: 50%;margin-top: 6px;}
.f_rwm{ overflow:hidden; float:left;margin-left:100px;}
.f_rwm ul{ overflow:hidden;}
.f_rwm ul li{overflow:hidden;width:25%;float:left;box-sizing:border-box;border: 15px #000 solid;}
.f_rwm ul li p{ text-align:center; height:36px; line-height:36px;color:#ffffff;}
.f_rwm ul li p img{ text-align:center; height:32px; width: 32px;line-height:32px;}


.n_banner{ width:100%; overflow:hidden; margin:0px auto;z-index: 98;}
.n_banner img{ width:100%;}


.lx img.m_bt{ display:block;}
.lx img.m_bb{ display:none;}
.f_rwm ul li img{ width:100%}

.wenhua{ margin:100px auto;}
.wh_txt{ width:40%; float:left; overflow:hidden;}
.wh_txt ul{ overflow:hidden;}
.wh_txt ul li{ overflow:hidden; border-left:2px #ecc78b solid; margin-bottom:40px; padding-left:20px;}
.wh_txt ul li h3{ font-size:20px; color:#000; overflow:hidden; }
.wh_txt ul li p{ color:#666; font-size:14px; }
.wh_txt ul li dd{ width: 48px; height:48px; display:none;}
.wh_txt ul li dd img{ width: 100%;}

.wh_img{ width:55%; float:right; overflow:hidden;}
.wh_img img{ width:100%;}


.licheng{ width:100%; margin:0px auto; padding-bottom:50px; background:url(../images/licheng.png) no-repeat center; background-size:cover; background-attachment:fixed;}

.title3{padding:20px 0; }
.title3 .title3-ch{font-size: 38px;color: #666;font-family: Galyon-Regular;/* text-transform:uppercase; */font-weight: normal;vertical-align: middle;font-family: "黑体";padding-left: 122px;}
.title3 .title3-ch3{font-size: 0.24rem;color: #333;font-family: "黑体";padding-left: 122px;font-weight: normal;} 
.title3 i img{padding-bottom:10px;}



.title2{padding: 40px 0;}
.title2 .title-en{font-size: 26px; color: #fff; font-family: Galyon-Regular; text-align:center; text-transform:uppercase;  font-weight: normal;}
.title2 .title-ch{font-size: 22px; color: #fff; margin: 0px; font-weight: 600; text-align:center; }
.title2 i{display: block; width: 42px; height: 1px; background-color: #b5b5b5;}

.title1{padding: 40px 0;}
.title1 .title-en{font-size: 22px;color: #666;font-family: Galyon-Regular; text-align:center;/* text-transform:uppercase; */font-weight: normal;vertical-align: middle;margin-top: 30px;}
.title1 .title-ch{font-size: 38px;color: #676767;margin: 0px;font-weight: 400;text-align:center;font-family: "黑体";/* margin-top: 100px; */}
.title1 .title-ch2{font-size: 32px;color: #333;margin: 0px;font-weight: 400;text-align:center;font-family: "黑体";/* margin-top: 100px; */}

.title1 .ytitle-en{font-size: 22px;color: #666;font-family: Galyon-Regular; text-align:center;/* text-transform:uppercase; */font-weight: normal;vertical-align: middle;margin-top: 30px;}
.title1 .ytitle-ch{font-size: 38px; color: #525051; margin: 0px; font-weight: 400; text-align:center; }

.title1 .gtitle-en{font-size: 22px;color: #666;font-family: Galyon-Regular; text-align:center;/* text-transform:uppercase; */font-weight: normal;vertical-align: middle;margin-top: 30px;}
.title1 .gtitle-ch{font-size: 44px; color: #525051; margin: 0px; text-align: center;font-family: "黑体"; text-align:center; }

.title1 i{/* display: block; width: 42px; height: 1px; background-color: #b5b5b5; */}
.title1 i img{padding-bottom:10px;}

.jdyf{width: 1200px;}
.jdyf p{font-size: 21px;color: #666;font-family: "黑体";line-height: 36px;letter-spacing:2px;padding: 0px;}
.jdyf2 p{font-size: 22px;color: #666;font-family: "黑体";line-height: 36px;letter-spacing:2px;padding-left: 436px;width: 438px;height: 536px;/* border: 1px solid; */}
.content1{width: 1200px;overflow: hidden;/* border: 1px solid #111; */margin: auto;padding-left: 360px;padding-top: 90px;}

.titleimg{text-align: center;}
.titleimg img{width: 58%;}
.contentimg{margin: 0 auto;}
.footpic{width: 100%;}


@media screen and (max-width: 420px){
	
.indexbox,.bimg{width: 100%;margin: 0;padding: 0;}
.btitle{margin-top: 20px;}
.btitle h1{font-size: 0.30rem;}
.bimg .swiper-container,.bimg .bimgSwiper{width: 100%;padding: 0;}
.bimg .swiper-container .swiper-slide{margin-right: 0!important;width: 100%!important;}
.bimg .swiper-container .swiper-slide img{padding: 10px 6px;}
.bimgtip img{width: 60%;}
.bimgwx{width: auto;}
.indexbox img{width: 100%;}
.friendlink {
    background-color: #fff;
    padding: 10px 0 10px 10px!important;
	text-align: left!important;
	 }

.jdyf{width: 100%;}
.jdyf p {
    font-size: 0.22rem;
    padding: 10px 8px;
    height: inherit;
    line-height: 0.35rem;
}

.title1{
	padding: 20px 0;
}
.titleimg img{width: 80%;}
.content1{width: auto;padding: 0;}
.jdyf2{width: auto;}
.jdyf2 p{font-size: 0.22rem;padding: 10px 6px;width: 100%;height: inherit;line-height: 26px;}
.title3 .title3-ch{font-size: 0.3rem;padding-left: 22px;}
.title3 .title3-ch3{font-size: 0.22rem;color: #333;padding-left: 22px;} 
.title1 i img,.title3 i img {
    padding-bottom: 4px;
    width: 4%;
}
}

@media screen and (max-width:420px){	
	.footer{/* padding: 40px 0 0 0; */background: url(../images/r_06s.jpg) repeat-x;height: 226px;background-color: #000;}
	.footpic img,.contentimg img{height: 160px; width:100%}
    .footertop{height: 12px;background: url(../images/j_08s.jpg) repeat-x;overflow: hidden;margin: 0px auto;width: 100%; margin-top: 20px;}
	.sp_header img{/* float: left; *//* padding: 12px 12px; */width: 65%;}
	.contact #allmap { height: 298px;}
}

.jznq {width: 1200px;margin-bottom: 40px;}
.jznq p{font-size: 21px;color: #666;font-family: "黑体";line-height: 38px;letter-spacing:2px;padding: 0 120px}
.title1 .ytitle-ch::after{content: "";display: block;width: 0.35rem;height: 0.02rem;margin-left: -0.25rem;background-color: #333;position: absolute;left: 50%;bottom: 79px;}

.tyg{width: 1200px;font-family: "黑体";font-weight: 600; }
.tyg p{font-size: 22px;color: #666;font-family: "黑体";line-height: 36px;font-weight: 400;  padding-left: 90px; }
.title1 .gtitle-ch::after{content: "";display: block;width: 0.35rem;height: 0.03rem;margin-left: -0.25rem;background-color: #333;position: absolute;left: 50%;bottom: 79px;}
.tyg .tleft{ width: 65%; float: left;margin-top: 20px;}
.tyg .tright{ width: 35%; float: right;margin-top: 20px;}
.tyg .tright img{width: 40%;margin-left: 120px;}

.contact{width: 1200px;font-family: "黑体";font-weight: 600; margin-bottom: 30px;}
.contact p{padding-top: 16px;font-size: 17px;color: #666;/* font-family: "黑体"; */line-height: 36px;font-weight: 400;padding-left: 72px;}
.contact .tleft{width: 65%;float: left;margin-top: 66px;}
.contact .tleft img{padding-left: 65px;/* padding-bottom: 30px; */width: 24%;margin: auto;}
.contact .tright{ width: 35%; float: right;margin-top: 20px;}
.contact .tright img{width: 40%;margin-left: 120px;}
.contact #allmap {
    width: 100%;
    height: 400px;
   
}

/* ipad */
@media screen and (min-width: 768px) and (max-width: 959px){
	.footer-top{padding-top: 42px!important;}
	
	.bimg .swiper-container,.indexbox,.bimgwx{width: 100%;margin: 0px auto;}
	.bimgwx img{width: 100%;}
	.startpro{width: auto;margin: 100px auto 0;}
	.startpro1{width: auto;margin:auto 0px;}
	.startpro img,.startpro1 img{width: 100%;}
	.n-left{width: auto;margin:auto 0px;float: none;width: 65%;}
	.n-right{width: 100%;float: none;}
	.n-intro p{font-size: 0.16rem;}
	.n_contact{width: auto;margin: 100px auto 0;padding-bottom: 100px;}
	.n_contact img{width:100%;}
	
	.sp_header img{padding-top: 21px;}
	.content1{width: auto;padding: 0;}
	.title1{/* margin-left: 25%; */padding: 23px 10px;}
	.title2 .title-ch,.title1 .title-ch,.title1 .title-ch2{font-size:0.3rem;margin: auto;}
	.jdyf,.jznq{width: auto;padding: 10px 16px;}
	.jdyf2 p{
				width: auto;
				height: auto;
				padding-left: 30%;
				padding-bottom: 76px;
				padding-right: 84px;
		}
	.jznq p{width: auto;padding: 0;}
	.footpic img{width: 100%;}
	.footertop {
	    background: url(../images/j_08m.jpg) repeat-x;
	    background-color: #000;
	    height: 27px;
	    overflow: hidden;
	    margin: 0px auto;
	    width: 100%;
	    margin-top: 40px;
	}
	.f_rwm ul li img{width: 75%;}
	.f_txt dt{font-size: 0.18rem;color: #fff;line-height: 40px;}
	.f_txt dt img{width: 20%;}
	.contact{width: auto;}
	.contact #allmap { height: 398px;}
	.contact .tright{margin-top: 65px;}
}
@media screen and (min-width: 540px) and (max-width: 720px){
	.contact{width:auto;text-align:center;padding:0}
	.contact .tleft,.contact .tright{width:100%}
	.contact #allmap { height: 298px;}
	.contact p{padding:0;text-align:center}
	.contact .tleft img{padding:0}
	.contact .tright img{padding:0;margin:0;width:25%}
	}
	



@media screen and (max-width: 420px){
.jznq{width: 100%;margin-bottom: 20px;}
.jznq p{
    font-size: 0.22rem;
    padding: 10px 8px;
    height: inherit;
    line-height: 0.28rem;
}
.tyg{width: 100%;}
.tyg p{
    font-size: 0.22rem;
    padding: 10px 8px;
    height: inherit;
    line-height: 0.28rem;
}
.title1{
	padding: 20px 0;
}
.title1 .ytitle-ch
{
		font-size: 20px;
		position: absolute;
		margin: 0 auto;
		width: 100%;
		padding: 0 0 10px;
}
.title1 .ytitle-ch::after{content: "";display: block;width: 0.35rem;height: 0.02rem;margin-left: -0.25rem;background-color: #333;/* position: fixed; */left: 50%;bottom: 0;}
.title1 .ytitle-en{
		font-size: 16px;
		padding-top: 12px;
}

.title1 .gtitle-ch
{
		font-size: 20px;
		position: absolute;
		margin: 0 auto;
		width: 100%;
		padding: 0 0 10px;
}
.title1 .gtitle-ch::after{content: "";display: block;width: 0.35rem;height: 0.02rem;margin-left: -0.25rem;background-color: #333;/* position: fixed; */left: 50%;bottom: 0;}
.title1 .gtitle-en{
		font-size: 16px;
		padding-top: 32px;
}

.tyg .tleft{ width: 100%; float: none;margin: 20px auto 0;}
.tyg .tright{ width: 100%; float: right;margin-top: 20px;}
.tyg .tright img{width: 30%;margin-left: 145px;}

.contact #allmap { height: 298px;}
.contact{width: 100%;float: none;}
.contact .tleft img{width: 38%;padding: 0;margin-bottom: 15px;}
.contact .tleft{width: 100%;padding: 0;margin: auto;text-align: center;}
.contact .tright{width: 100%;}
.contact p {
    font-size: 16px;
    color: #666;
    font-family: "黑体";
    line-height: 28px;
    font-weight: 400;
    padding: 0;
    width: 100%;
	text-align: center;
	
   
}	

}

.lc_box{ overflow:hidden; width:1300px; margin:0px auto; position:relative;}

.licheng_box{width:1200px;overflow:hidden;margin:0 auto; position:relative; }
.licheng_box:after{content:""; background:url(../images/lcbjd.png) repeat-x; width:100%; height:2px; position:absolute;    bottom: 50%;  margin-bottom: -10px;}

.lc_box .swiper-container{ position:relative; overflow:hidden; }

.lc_box .swiper-slide:before{ content:"●"; position:absolute;    bottom: 50%;  margin-bottom: -32px; color:#d1a366; font-size:40px;}
.lc_box .swiper-slide{ overflow:hidden; position:relative} 
.lc_box .swiper-slide .lc_com { overflow:hidden;}
.lc_box .swiper-slide .lc_com img{ width:100%; height:100%; overflow:hidden;}
.lc_box .swiper-slide .lc_txt{ width:auto; color:#fff; height:170px; margin-top:60px ; overflow-y:scroll;}

.lc_box .swiper-slide .lc_txt::-webkit-scrollbar{width:2px;height:10px}
.lc_box .swiper-slide .lc_txt::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0)}
.lc_box .swiper-slide .lc_txt:hover::-webkit-scrollbar-thumb{background-color:#ecc78b;border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0)}
.lc_box .swiper-slide .lc_txt::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0)}
.lc_box .swiper-slide .lc_txt::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px transparent;background-color:none}
.lc_box .swiper-slide .lc_txt::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:rgba(0,0,0,0)}


.lc_box .swiper-slide .lc_txt h3{ font-size:30px;  font-family: Galyon-Regular; font-weight:400; }
.lc_box .swiper-slide .lc_txt dd{ line-height:24px; font-size:14px; font-weight: 300;}
.lc_box .swiper-button-next{ background-image:url(../images/right.png); width: 40px;
    height: 62px; background-size: 40px 60px;}
.lc_box .swiper-button-prev{ background-image:url(../images/left.png); width: 40px;
    height: 62px; background-size: 40px 60px;}


.zizhi{ overflow:hidden;}
.zizhi ul{ overflow:hidden; text-align:center;}
.zizhi ul li{ overflow:hidden; width:16%; box-sizing:border-box; border:20px #fff solid; display:inline-block;   position:relative; padding-top:30px;}
.zizhi ul li div{ overflow:hidden}
.zizhi ul li div img{ overflow:hidden ; width:100%}
.zizhi ul li:before{content:""; width:80%; height:2px; background:#000; position:absolute; top:0px; left:10%;}
.zizhi ul li p{  display: -webkit-box; font-size:15px; color:#666; -webkit-box-orient: vertical;-webkit-line-clamp:2; height:50px; line-height:24px;overflow: hidden; margin-top:10px;}



.zizhi1{ overflow:hidden;}
.zizhi1 ul{ overflow:hidden; text-align:center;}
.zizhi1 ul li{ overflow:hidden; width:20%; box-sizing:border-box; border:20px #fff solid; display:inline-block;   position:relative;}
.zizhi1 ul li div{ overflow:hidden}
.zizhi1 ul li div img{ overflow:hidden ; width:100%}
.zizhi1 ul li p{  display: -webkit-box; font-size:15px; color:#666; -webkit-box-orient: vertical;-webkit-line-clamp:2; height:50px; line-height:24px;overflow: hidden; margin-top:10px;}


.fll{ background:#f3f3f3; overflow:hidden; margin:0px auto; padding:30px 0;}
.jiameng{ overflow:hidden;}
.jiameng ul{ overflow:hidden;}
.jiameng ul li{ overflow:hidden; width:50%; border:40px #f3f3f3 solid; float:left; box-sizing:border-box;}
.jiameng ul li div{ overflow:hidden;}
.jiameng ul li div img{ width:100%; overflow:hidden;}
.jiameng ul li dd{ height:100px; line-height:26px; font-size:15px; color:#666;
 display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;margin-bottom: 20px;margin-top: 20px; }

.ppai{ overflow:hidden;}
.ppai ul{ overflow:hidden;}
.ppai ul li{ width:25%; float:left; border:20px #fff solid; box-sizing:border-box; overflow:hidden; text-align:center;}
.ppai ul li div{ width:80px; height:80px; overflow:hidden; margin:0px auto;}
.ppai ul li div img{ width:100%;}
.ppai ul li div img.pp_img1{ display:block;-webkit-transition:all .5s;transition:all .5s;}
.ppai ul li div img.pp_img2{ display:none;-webkit-transition:all .5s;transition:all .5s;}
.ppai ul li h3{ font-size:20px; font-weight:bold; border-bottom:2px #898989 solid; margin-top:15px; padding-bottom:20px; margin-bottom:20px; overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}
.ppai ul li  p{ font-size:15px; color:#666; line-height:24px; text-align:left;-webkit-transition:all .5s;transition:all .5s;}
.ppai ul li:hover img.pp_img1{ display:none;-webkit-transition:all .5s;transition:all .5s;}
.ppai ul li:hover img.pp_img2{ display:block;-webkit-transition:all .5s;transition:all .5s;}
.ppai ul li:hover h3,.ppai ul li:hover p{ color:#000;-webkit-transition:all .5s;transition:all .5s;}
.ppai ul li:hover h3 {border-bottom:2px #000 solid;-webkit-transition:all .5s;transition:all .5s;}


.zhichi{ margin:60px auto 0; width:100%; background:url(../images/zhichi.jpg)  repeat-Y center; background-size:100% 100%}
.zz_left{ width:35%; float:left; overflow:hidden;}
.zz_left ul{ width:90%  ;}
.zz_left ul li{  background:#efefef;  padding:12%; position:relative; margin-bottom:1px; font-size:20px; font-weight:600; color:#9fa0a0}
.zz_left ul li div{ width:50px;/*margin: auto;*/ }
.zz_left ul li div img{ width:100%;float: left;margin: 0 20px;}
.zz_left ul li span{ overflow:hidden;/*text-align: center; */ }
.zz_left ul li span h3{ margin-top:4px;}
.zz_left ul li span p{ text-transform:uppercase; font-size:12px; font-weight:400;}
.zz_left ul li:hover{ background:#000 ; cursor:pointer;}
.zz_left ul li:hover h3{ color:#fff;}
.zz_left ul li:hover p{ color:#fff;}
.zz_left ul li:hover::after{content: "";background: url(../images/jtysnav.png) no-repeat;width: 38px;height: 100%;position: absolute;right: -36px;top: 0px;  background-size: 36px 100%;}
.zz_left ul li div img.pp_img1{ display:block;}
.zz_left ul li div img.pp_img2{ display:none;}
.zz_left ul li:hover div img.pp_img1{ display:none;}
.zz_left ul li:hover div img.pp_img2{ display:block;}
.zz_left ul li.thistab{background:#d1a366 ;}
.zz_left ul li.thistab::after{content: "";background: url(../images/jtysnav.png) no-repeat;width: 38px;height: 100%;position: absolute;right: -36px;top: 0px;  background-size: 36px 100%;}
.zz_left ul li.thistab span h3{ color:#fff;}
.zz_left ul li.thistab span p{ color:#fff;}
.zz_left ul li.thistab div img.pp_img1{ display:none;}
.zz_left ul li.thistab div img.pp_img2{ display:block;}




.zz_right{ float:right; width:60%; overflow:hidden;}
.zz_right ul{ overflow:hidden;}
.zz_right ul li{ overflow:hidden; padding:7% 0 0; display:none;}

.zz_right ul li div{ width:47%; margin:0 3% 0 0 ; float:left; background:#fff;}
.zz_right ul li h3{ background:#000; text-align:center; color:#d1a366; height:50px; line-height:50px; font-size:18px;}
.zz_right ul li dl { padding:20px; height:150px;}
.zz_right ul li dl dd{ line-height:22px; font-size:14px; color:#666;}

.faq { overflow:hidden; margin:0px auto 30px; position:relative;}
.faq:before{ content:""; background:#000; height:45px; position:absolute; top:0px; width:100%;}
.faq ul { margin:20px; background:#fff; overflow:hidden; padding:0px; padding:0px; position:relative; z-index:1; border:1px #ecc78b solid; box-shadow:0 3px 5px #ccc}
.faq ul li { overflow:hidden; float:left; width:50%; position:relative; border:20px #fff solid; box-sizing:border-box; padding-left:30px;}
.faq ul li:before{ content:""; width:1px; height:100%; background:#d1a366; position:absolute; left:5px; top:8px;}
.faq ul li:after{ content:"●"; font-size:20px; color:#d1a366; position:absolute; left:0px; top:-4px;}
.faq ul li h3 { overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:0px auto 10px;; font-size:18px; font-weight:bold;}
.faq ul li p{ font-size:15px; height:50px; line-height:26px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 2;*/overflow: hidden}
.faq ul li h3  a{ color:#000;}




.yingxiao{ overflow:hidden;}
.yingxiao ul{ overflow:hidden;}
.yingxiao ul li{ width:33.33%; float:left; border:20px #fff solid; box-sizing:border-box; overflow:hidden; text-align:center;}
.yingxiao ul li div{ width:80px; height:80px; overflow:hidden; margin:0px auto;}
.yingxiao ul li div img{ width:100%;}

.yingxiao ul li h3{ font-size:20px; font-weight:bold;padding-bottom:10px; color:#d1a366;margin-top: 20px; margin-bottom:30px; overflow:hidden;-webkit-transition:all .5s;transition:all .5s;}
.yingxiao ul li  p{ font-size:15px; color:#666; line-height:24px; text-align:left;-webkit-transition:all .5s;transition:all .5s;}

.peixun{ overflow:hidden; margin:30px auto 0}
.peixun ul{ overflow:hidden;}
.peixun ul li{ width:25%; height:60px; text-align:center; font-size:20px; font-weight:bold; line-height:60px;background-color: #268e6d;  background-image: linear-gradient(#268e6d, #71b59f); overflow:hidden; float:left; border-right:2px #fff solid; box-sizing:border-box; color:#fff; cursor:pointer;}
.peixun ul li.thistab{ background-color: #dab484;  background-image: linear-gradient(#dab484, #e8d0b3); color:#000}


.ppxun{ overflow:hidden;}
.ppxun ul{ overflow:hidden;}
.ppxun ul li{ overflow:hidden;}
.ppxun ul li h3{ overflow:hidden; margin-top:60px; color:#525051; font-size:22px; }
.ppxun ul li h3:after{content:""; width:80px; background:#525051; height:2px; display:block; margin:20px 0 20px; }
.ppxun ul li p{ height:200px; font-size:14px; line-height:26px; color:#fff; overflow:hidden; width:400px; }

.ppxun{ overflow:hidden;}
.ppxun ul{ overflow:hidden;}
.ppxun ul li{ display:none; overflow:hidden;}

.xiti{ overflow:hidden; margin-top:40px; margin-bottom:30px;}
.xiti ul{ overflow:hidden;}
.xiti ul li{ width:33.33%; padding:30px; float:left; border:20px #fff solid; overflow:hidden; background:#f0f0f0; box-sizing:border-box; position:relative;}
.xiti ul li h3{ font-size:20px; overflow:hidden; text-align:right; color:#7b7b7b }
.xiti ul li h3 b{ display:block; margin-top:10px; margin-bottom:5px;}
.xiti ul li h3 p{ font-weight:400;}
.xiti ul li div{ width:70px; float:left; position:absolute; top:20px; left:20px;}
.xiti ul li div img{ width:100%;}
.xiti ul li div img.pp_img1{ display:block;}
.xiti ul li div img.pp_img2{ display:none;}
.xiti ul li dd{ margin-top:20px; overflow:hidden; display:none; line-height:28px;-webkit-transition:all .5s;transition:all .5s;}
.xiti ul li:hover dd{ display:block; color:#fff;-webkit-transition:all .5s;transition:all .5s;}
.xiti ul li:hover { background:#d4a972;-webkit-transition:all .5s;transition:all .5s;}
.xiti ul li:hover h3 b{  color:#fff;}
.xiti ul li:hover h3 p{ color:#fff;}
.xiti ul li:hover div img.pp_img1{ display:none;}
.xiti ul li:hover div img.pp_img2{ display:block;}

.pic_nav{ overflow:hidden; height:60px; line-height:60px; background:#000; border-bottom:2px #525051 solid; margin:60px auto;}
.pic_nav ul{ overflow:hidden;}
.pic_nav ul li{ overflow:hidden; width:12.5%; text-align:center; float:left; font-weight:600;}
.pic_nav ul li a{ color:#525051; font-size:18px;}
.pic_nav ul li.thistab{ background:#525051; color:#fff;}
.pic_nav ul li.thistab a{ color:#fff;}

.pic_com{ overflow:hidden; width:1200px; margin:0px auto; }
.pic_com ul{ overflow:hidden; }
.pic_com ul li{ overflow:hidden; display:none;}
.pic_com ul li .pc-img{ overflow:hidden; width:35%; float:left;}
.pic_com ul li .pc-img img{ width:100%;}
.pic_com ul li .m-img{ overflow:hidden; width:100%; display:none;}
.pic_com ul li .m-img img{ width:100%;}

.pic_com ul li .pic_content{ overflow-Y:scroll; height:663px; width:62%; float:right;}
.pic_com ul li .pic_content::-webkit-scrollbar{width:2px;height:10px}
.pic_com ul li .pic_content::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0)}
.pic_com ul li .pic_content:hover::-webkit-scrollbar-thumb{background-color:#ecc78b;border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0)}
.pic_com ul li .pic_content::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,0);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0)}
.pic_com ul li .pic_content::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px transparent;background-color:#fff}
.pic_com ul li .pic_content::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,1);background-color:#ecc78b}


.pic_com ul li .pic_content ul{ overflow:hidden;}
.pic_com ul li .pic_content ul li{ width:33.33%; border:10px #fff solid; box-sizing:border-box; float:left; display:block; position:relative;}
.pic_com ul li .pic_content ul li dd{ width:100%;}
.pic_com ul li .pic_content ul li dd img{ width:100%;}
.pic_com ul li .pic_content ul li dt{ height:40px; line-height:40px; text-align:center;}
.pic_com ul li .pic_content ul li:after{content:""; width:100%; height:2px; background:#0b7f5a; position:absolute; bottom:0px;}



.box_fy{background:#0b7f5a;margin:0px auto;padding-bottom:40px}
#certify{position:relative;width:1200px;margin:0px auto; padding-top:40px;}
#certify .swiper-container{padding:20px 0}
#certify .swiper-slide{width:800px;}
#certify .swiper-slide img{width:800px;height:450px;display:block; border-radius:10px; opacity:0.7;}
#certify .swiper-slide h3{ text-align:center; color:#d1a366; margin-bottom:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 24px; }
#certify .swiper-slide p{font-size:16px;color:#d1a366;text-align:center;margin-top:10px; padding:0 30px; display:none ;}
#certify .swiper-slide-active p{ display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
#certify .swiper-slide-active  img{ opacity:1}
#certify .swiper-pagination{width:100%;bottom:20px}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff}
#certify .swiper-button-prev{left:0%;width:20px;height:111px;top:50%;background:url(../images/right1.png) no-repeat;background-size:100%}
#certify .swiper-button-next{right:0%;width:20px;height:111px;top:50%;background:url(../images/left1.png) no-repeat;background-size:100%}
.newsbox{background:url(../images/anlibj.png);background-size:cover;margin:30px auto 0}


.news{ overflow:hidden; margin-bottom:30px;}
.news ul{ overflow:hidden;}
.news ul li{ width:33.33%; float:left; border:10px #fff solid; background:#f1f1f1; box-sizing:border-box; overflow:hidden; position:relative}
.news ul li i{-webkit-transition:all .5s;transition:all .5s; font-size:20px;  color:#666;font-style:normal; overflow:hidden; padding:20px 20px; display:block;}
.news ul li h3{ -webkit-transition:all .5s;transition:all .5s;margin:20px; font-size:18px; font-weight:bold; height:70px; line-height:33px; display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news ul li div{ width:100%; overflow:hidden;}
.news ul li div img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.news ul li:hover div  img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.news ul li:hover{background:#000;-webkit-transition:all .5s;transition:all .5s;}
.news ul li:hover a i,.news ul li:hover a h3 { color:#f8d288; -webkit-transition:all .5s;transition:all .5s;}
.news ul li:hover:after{content:""; background:url(../images/hoverios.png) no-repeat; position:absolute; right:20px; top:10px; width:50px; height:50px;}




.gongyi{ overflow:hidden; position:relative; margin:15px auto 30px; z-index:1;}
.gongyi:before{ content:""; position:absolute; top:0px; width:100%; height:50px; overflow:hidden;background-color: #64ae96;  background-image: linear-gradient(#64ae96, #ffffff); z-index:-1; left:0;}
.g_left{ width:25%; float:left; overflow:hidden; margin-top:50px;}
.g_top{ width:100%; overflow:hidden;}
.g_top img{ width:100%; overflow:hidden;}
.g_txt{ font-size:20px; font-weight:bold; color:#9fa0a0; border-bottom:2px #525051 solid; margin-top:50px; padding-bottom:15px;}
.g_img{ overflow:hidden; margin-top:30px;}
.g_img ul{ overflow:hidden;}
.g_img ul li{ width:100%; overflow:hidden; margin-bottom:20px;}

.g_img ul li  img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.g_img ul li:hover  img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.g_right{ width:70%; float:right; margin-top:50px;}
.g_right img{ display:block; max-width:100%; text-align:center; margin:0px auto;}
.g_right p{ font-size:15px; color:#555; line-height:30px;} 
.g_right h3{ color:#028355;  font-size:18px; margin-top:20px;}

.wrap {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.news_list02{padding-bottom:30px; margin:30px auto }
.news_list02 .rect-5665{padding-bottom:20%;}
.news_list02 ul{position:relative;}
.news_list02 ul:after{content:''; background:#bcbcbc; position:absolute; top:0; left:13%; height:100%; width:1px; z-index:3;}
.news_list02 ul .item{height:205px; margin-bottom:15px;}
.news_list02 ul .item_l{width:20%; float:left; position:relative; height:100%;}
.news_list02 ul .item_l:after{content:''; position:absolute; top:0; right:84px; width:0; height:206px; background:#028355; transition:all .5s ease; -webkit-transition:all .5s ease;}
.news_list02 ul .item_r{width:80%; float:left; height:100%; background:#fafafa; position:relative;}
.news_list02 ul .item_r:after{content:''; position:absolute; top:0; right:0; background:#fafafa; height:100%; width:0; transition:all .5s ease; -webkit-transition:all .5s ease;}
.news_list02 ul .item_l .time{width:65%; float:left; font-family:'Arial'; line-height:1; text-align:center; position:absolute; height:64px; top:50%; margin-top:-32px; color:#028355; z-index:5; font-size:14px}
.news_list02 ul .item_l .time .d{font-size:52px; margin-bottom:3px;}
.news_list02 ul .item_l .time:after{content:''; background:#bcbcbc; position:absolute; width:46px; height:1px; top:50%; right:-46px;transition:all .5s ease; -webkit-transition:all .5s ease;}
.news_list02 ul .item_r .box{padding:30px 40px;}
.news_list02 ul .item_r .intro_box .tit{font-size:20px; font-weight:bold; color:#000; line-height:24px; margin-bottom:20px;}
.news_list02 ul .item_r .intro_box .tit a{display:block;}
.news_list02 ul .item_r .intro_box .list_tool{margin-bottom:10px; color:#c9c9c9; font-size:14px;}
.news_list02 ul .item_r .intro_box .list_tool span{display:inline-block;}
.news_list02 ul .item_r .intro_box .list_tool .share_more{margin-left:10px; vertical-align:middle;}
.news_list02 ul .item_r .intro_box .list_tool .time{margin-left:10px;}
.news_list02 ul .item_r .intro_box .con{font-size:14px; color:#444; height:60px; line-height:30px; display: -webkit-box;  -webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; }
/*.news_list02 ul .item_r .intro_box{width:75%; float:left;}*/
.news_list02 ul .item_r .img_box{float:right; width:24%; margin-left:2%;}
.news_list02 ul .item_r .img_box img{ width:100%;}
.news_list02 ul .item.hover{background:#fafafa;}
.news_list02 ul .item.hover .item_l .time{color:#fff;}
.news_list02 ul .item.hover .item_l .time:before{content:''; position:absolute; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #028355; right:-15px; top:50%; margin-top:-15px; z-index:3;}
.news_list02 ul .item.hover .item_l .time:after{background:#028355;}
.news_list02 ul .item.hover .tit{color:#028355;}
.news_list02 ul .item.hover .item_l:after{width:520px}
.news_list02 ul .item.hover .item_r:after{width:330px;right:-330px;}
.news_list02 ul .item:last-child{margin-bottom:0;}


.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}

.el {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fenye{overflow:hidden;clear:both;width:100%;text-align:center;margin:20px auto 40px;}
.fenye{overflow:hidden;text-align:center}
.fenye ul li{overflow:hidden;width:auto;display:inline-block;min-width:40px;height:40px;line-height:40px;margin:1px 5px;background:#eee;float:none}
.fenye ul li.on{background:#000;color:#fff}
.fenye ul li .disabled{width:70px}
.fenye ul li:first-child{width:70px}
.fenye ul li:last-child{width:70px}
.fenye ul li:hover{background:#000;color:#fff;transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);-webkit-transform:translate(0,0);transition:transform .4s;-moz-transition:transform .4s;-ms-transition:transform .4s;-o-transition:transform .4s;-webkit-transition:transform .4s}
.fenye ul li:hover a{color:#fff}
.fenye ul li a{display:block}
.fenye ul li.on a{color:#fff}

.w30{margin:30px auto 30px;overflow:hidden}

.prc_intro{overflow:hidden;margin:30px auto;padding:20px 40px;border:15px #f1f1f1 solid}
.prc_intro .img{float:left;width:450px;height:auto;overflow:hidden}
.prc_intro .img img{display:block;width:450px;height:395px}
.prc_intro .info{float:right;width:428px;height:395px;box-sizing:border-box;overflow:hidden;border:1px solid #d2d2d2;border-left:none}
.prc_intro .info p{color:#555;font-size:20px;border-bottom:1px solid #d9d9d9;height:45px;margin-top:60px;text-indent:20px}
.prc_intro .info .tel{width:100%;height:160px;border-bottom:1px solid #d9d9d9}
.prc_intro .info .tel img{display:block;margin-top:25px;margin-left:25px}
.prc_intro .info .tel b{width:100%;display:block;color:#1c71c8;margin-left:25px;font-size:36px;margin-top:10px;line-height:36px;font-weight:400}
.prc_intro .data{width:100%;height:auto;overflow:hidden}
.prc_intro .info .btn{width:100%;height:auto;overflow:hidden;margin-top:30px;margin-left:25px}
.prc_intro .info .btn a{display:block;width:165px;height:48px;background:#1c71c8;color:#fff;float:left;margin-right:15px;line-height:48px;font-size:16px;text-indent:30px;border-radius:10px;position:relative}
.prc_intro .info .btn a:after{content:url(../images/kf.png);position:absolute;top:13px;right:29px}
.prc_intro h2{font-size:28px;color:#333;font-weight:400;margin-bottom:5px;text-align:center;margin-top:20px}
.prc_intro .share{width:100%;height:46px;line-height:46px;border-bottom:1px #e7e7e7 solid;text-align:center}
.prc_intro .share p span{display:inline-block;font-size:12px;color:#999;padding:0 8px}
.prc_intro .info .btn a:last-child{background:#595757;text-indent:0;text-align:center}
.prc_intro .info .btn a:last-child::after{content:""}
.prc_intro .info .btn a:hover{background:#25b240}
.prc_intro .intro{width:100%;height:auto;overflow:hidden;margin-top:40px;min-height:500px}
.prc_intro .intro .t{width:100%;height:30px;border-bottom:1px solid #d2d2d2}
.prc_intro .intro .t p{color:#fff;font-size:18px;background:#1c71c8;width:180px;height:30px;line-height:30px;text-align:center}
.prc_intro .text{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin:20px 0 20px}
.prc_intro .textxq{width:100%;height:auto;overflow:hidden;color:#666;font-size:16px;line-height:30px;margin-top:20px}
.prc_intro .textxq img{display:block;max-width:100%;margin:0 auto}
.article-detailed{overflow:hidden;margin-top:20px}
.get{overflow:hidden;margin:50px auto 0;font-size:16px;padding-bottom:20px;color:#666}
.get a{padding:5px 10px;margin:5px}
.get span{display:inline-block;float:left;width:80px}
.get div{float:left;width:90%}
.xwfy{height:auto;overflow:hidden;margin-top:0;border-top:1px #ccc solid;position:relative;padding-top:12px}
.xwfy p{width:60%;height:30px;line-height:30px;color:#666;font-size:16px;text-align:left;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.xwfy p:last-child{border:none;width:150px;border:1px #ccc solid;text-align:center;position:absolute;right:0;top:20px;height:45px;line-height:45px}
.xwfy p a{color:#666}
.xwfy p a:hover{color:#000}
.xwfy p:last-child img{vertical-align:middle;margin:0 5px}



.jmzc{ display:block;}
.jmzc img{ width:100%; display:block;}
.jmzz{ display:block;}
.jmzz p{ font-size:16px; margin-top:30px; color:#fff;}
.jmzz p:before{ content:"●"; font-size:16px; color:#d4a972;}


.dizz-box{ overflow:hidden; border-top:2px #000 solid; margin-bottom:40px; }
.dizz{ overflow-X:hidden;  height:500px; padding:15px 0; margin:15px auto 0;}
.dizz ul{ overflow:hidden; margin:15px  auto;}
.dizz ul li{ overflow:hidden; margin-bottom:15px;}
.dizz ul li div{ width:20%; float:left; margin-right:3%;}
.dizz ul li div img{ width:100%}
.dizz ul li span{ overflow:hidden}
.dizz ul li span h3{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:20px; color:#333; }
.dizz ul li span dd{ overflow:hidden; font-size:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:15px auto;  color:#666}
.dizz ul li span dt{ overflow:hidden; font-size:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#666}
.dizz ul li span h3 b{ margin-left:30px;}

.dizz::-webkit-scrollbar{ width:10px; background:#000; border-radius:10px;}
.dizz::-webkit-scrollbar-thumb{ background:#d1a366; border-radius:10px; }





@media screen and (max-width:1300px){
.lc_box{  width:auto; }
.lc_box .licheng_box{ margin:0 60px; }
.licheng_box{ width:auto;}
}
@media screen and (max-width:1280px){

 .news_list02{padding-bottom:60px;}
    .news_list02 ul .item_l:after{right:66px;}
    .news_list02 ul .item_r .img_box{margin-top:3%;}
}

@media screen and (max-width:1200px){
	
	.content,.contet,.pic_com,#certify  { width:auto; padding:0%;}
	
.wrap, .mwrap {
    width: 940px;
}
	.nav ul{ width:auto;}
	.shike {
    background:#000 url(../images/shike.png) no-repeat center top; height:inherit; padding-bottom:40px; }
	.jieshao{ width:40%; margin:0px 0 0 2%;}
	.js_img { width:58%;  position:relative;    right: 0%; top: 50px;}
	.js_img img { width:100%;}
	.jieshao dt { float:left; margin-top: 30px;}
	
	.jieshao dd{ margin-top:20px; font-size:16px; color:#ecc78b; line-height:32px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.f_txt {
    float: left;
    color: #ecc78b;
    margin-left: 50px;
    margin-top: 25px;
}	

.index_ditu{margin: 60px 20px 0;}
.ys .swiper-container,.gywm{ margin:0 20px;}
.pic_com ul li .pic_content{ overflow:hidden; height:inherit; width:100%; float:none;  }

.pic_com ul li .pc-img{ overflow:hidden; width:35%; float:left; display:none}
.gongyi{ padding:0 10px;}

}
	
@media screen and (max-width:1060px){
	.f_txt {
    float: left;
    color: #ecc78b;
    margin-left: 10px;
    margin-top: 25px;
    font-family: "黑体";
}	
}
@media screen and (max-width:1020px){
 .news_list02 ul .item_l:after{right:52px;}}
@media screen and (max-width:1020px){
	.f_txt {
    float: left;
    color: #000;
    margin-left: 10px;
    margin-top: 25px;
    font-family: "黑体";
}	
.logo1{ display:none}
}
	
@media screen and (max-width:950px){
	.gongyi{ margin-top:100px;}
		#certify .swiper-slide{width:100%;}
#certify .swiper-slide img{width:100%;height:100%;}

#certify .swiper-button-prev{top:50%;background:#000 url(../images/right1.png) no-repeat 10px; background-size: 50%; padding: 8px; height: 44px;}
#certify .swiper-button-next{background:#000 url(../images/left1.png) no-repeat 10px; background-size: 50%; padding: 8px; height: 44px;}
	.zz_left{ width:100%; float:none; overflow:hidden;}	
	.zz_left ul{ width:auto;}
	.zz_left ul li{  background:#efefef;  padding:2% 0; width:25%; float:left; border:1px #ccc solid; overflow:hidden; position:relative; margin-bottom:0px; font-size:20px; font-weight:600; color:#9fa0a0; box-sizing:border-box;}
	
	.zz_right {
    float: none;
    width: auto; margin:0 10px;
    overflow: hidden; padding-bottom: 50px;
}
	
	.zz_left ul li div{ margin:0 10px 0 15px;}  
	
	.n_banner{ margin:100px auto 0;}
	.nav{ display:none;}
	.sp_header{ display:block;}
	.pc_banner{ width:100%; overflow:hidden; margin:100px auto 0;}
	.shike{ width:auto;  background:#000; /*border-top:50px #ecc78b solid;*/ padding-bottom:0px;}
	.jieshao{ width:auto; padding:0 20px; float:none; margin:0px; text-align:justify;}
	.jieshao h3{ margin-top: 50px;}
	
	
.js_img {
    width: auto;
    position: relative;
    right: 0%;
    top: 0px; float:none;
}

.d_img {
    width: auto;
    float: none; margin:0 10px;
}
.index_ditu{ margin-top:30px;}

.d_txt {
    width: auto;
    float: none;
    position:relative;
    top: 0px;
    right: 0px;
}


.ms_txt { background:#f1f1f1; border:1px #ccc solid; padding:15px;
    overflow: hidden;
    margin: 10px 0;
}
.product-number-info ul{ padding:20px 0}

.ys .swiper-pagination { display:block;}
.lx img.m_bt{ display:none;}
.lx img.m_bb{ display:block;}
.lx{ float:none; text-align:center; width:auto; margin:20px auto 0}
.video{ width:auto; float:none;margin:20px auto 0 }

.lx img.m_bb {
    display: block;
    text-align: center;
    margin: auto;
}
.f_txt{width:auto;text-align:center;float:none;margin-right: 0;font-family: "黑体";}
.f_rwm{ width:auto; float:none; text-align:center; margin:20px auto 0}
.f_rwm ul li{border: 5px #000 solid;}
.wh_img{ display:none;}
.wh_txt{ width:100%}
.wh_txt ul li{ width:33.33%; border:6px #fff solid; box-sizing:border-box; float:left; text-align:center; padding-left:0px; }
.wh_txt ul li div{ border:1px #ccc solid; padding:20px 10px;}
.wh_txt ul li dd{ width: 48px; display:block; margin:0px auto;}
.wh_txt ul li p{  margin-top:0px; line-height:26px; height:75px; }
.wh_txt ul li h3{ margin:15px auto}
.lc_box .swiper-slide .lc_txt {
   
    margin-top: 90px;
}
.zizhi ul li{ width:32%}
.zizhi1 ul li{ width:32%}
.d_img h3{ text-align:center;}

.dizz ul li span dd{  margin:5px auto;  }

}
@media only screen and (max-width: 992px){
.wrap {
    width: 740px;
}
}

@media screen and (max-width:850px){
	.lc_box .swiper-slide:before {
  
    margin-bottom: -20px;
}

.licheng_box:after {

    margin-bottom: 4px;
}

.lc_box .swiper-button-next, .lc_box .swiper-button-prev {
   
    margin-top: -35px;
}
.zizhi ul li,.zizhi1 ul li{ border:6px #fff solid;}
}

@media screen and (max-width:800px){
	.zz_left ul li div{ width:50px;}
	.zz_left ul li span h3{ font-size:16px;}
	}

@media screen and (max-width:760px){
	.news_list02 .rect-5665{   padding-bottom:0%;}
 .news_list02{padding-bottom:30px;}
    .news_list02 ul:after{display:none;}
    .news_list02 ul .item{height:auto;}
    .news_list02 ul .item_l{display:none;}
    .news_list02 ul .item_r{width:100%;}
    .news_list02 ul .item_r .box{padding:25px}
    .news_list02 ul .item_r .intro_box{width:100%;}
    .news_list02 ul .item_r .intro_box .con{height:auto; line-height:25px;}
    .news_list02 ul .item_r .img_box{width:100%; float:none; margin:0px; margin-bottom:20px; }
	.news_list02 ul .item.hover .item_r:after {
    width: auto;
    right: 0px;
}
.news_list02 ul .item_r{ float:none;}	

.wrap {
    width: auto;
}
}

@media screen and (max-width:750px){
    .pc_banner{display:none;}

.m_banner{ display:block; margin-top:70px;}

	.prc_intro{
		    overflow: hidden;
    margin: 10px auto;
    padding: 20px 10px;
    border: 15px #f1f1f1 solid;

		}
		.faq ul li:after{  left:-1px; }
.prc_intro .share p span{display:block;background:#f0f0f0;font-size:.18rem;color:#999;padding:3px 0}
.prc_intro .share{width:100%;height:inherit;line-height:inherit;border-bottom:1px #e7e7e7 solid;text-align:center}
.xwfy{padding-bottom:30px}
.xwfy p{width:100%;height:30px;line-height:30px;color:#666;font-size:16px;text-align:left;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.xwfy p:last-child{border:1px #ccc solid;width:100%;border:1px #ccc solid;text-align:center;position:relative;height:45px;line-height:45px}

.wztj ul li h3{font-size:.25rem}
.wztj ul li dd{font-size:.18rem}
.prc_intro .textxq{font-size:.22rem;line-height:.35rem}

.prc_intro .textxq p{ font-size:0.22rem; line-height:0.35rem;}
.xwfy p{font-size:.22rem}
.prc_intro h2{ font-size:0.3rem;}

	.news_list02 ul .item_r .intro_box .tit a{ font-size:0.25rem}
	.news_list02 ul .item_r .intro_box .con{ font-size:0.2rem;}
	.news_list02 {
    padding-bottom: 0px;
}
.jmzz p{ font-size0.22rem;}
.g_left{ width:100%; float:none; text-align:center; overflow:hidden; margin-top:50px;}
.g_top{ width:100%; overflow:hidden; background:#028355}
.g_top img{ width:50%; margin:0px auto; overflow:hidden;}
.g_txt{ font-size:0.3rem;; font-weight:bold; color:#9fa0a0; border-bottom:2px #525051 solid; margin-top:20px; padding-bottom:15px;}
.g_img{ overflow:hidden; margin-top:30px;}
.g_img ul{ overflow:hidden;}
.g_img ul li{ width:50%; float:left; border:6px #fff solid; box-sizing:border-box; overflow:hidden; margin-bottom:20px;}

.g_img ul li  img{-webkit-transition:all .5s;transition:all .5s;width:100%;}
.g_img ul li:hover  img{-webkit-transform:scale(1.1);transform:scale(1.1)}

.g_right{ width:100%; float:none;}
.g_right img{ display:block; max-width:100%; text-align:center; margin:0px auto;}
.g_right p{ font-size:15px; color:#555; line-height:30px;} 
.g_right h3{ color:#028355;  font-size:18px; margin-top:20px;}


	
	
	
	
	
	
	
	#certify .swiper-slide p{ font-size:0.22rem; padding:0 15px;}
	.pic_nav ul li a{ font-size:0.25rem;}
	.pic_com ul li .pic_content ul li dt{ font-size:0.22rem;}
	#certify .swiper-slide h3{ font-size:0.3rem;}
	.zz_right ul li h3{ height:inherit; line-height:inherit; padding:5% 0; font-size:0.25rem;}
	.zz_right ul li dl {
    padding: 20px;
    height:inherit;
}
.news ul li{ width:auto;}
.news ul li i { font-size:0.25rem;    padding: 20px 20px 0;}
.news ul li h3{ font-size:0.25rem;  height:inherit; line-height:0.35rem; margin: 15px;}
.yingxiao ul li{ width:100%;}
.yingxiao ul li h3{ font-size:0.3rem;}
.yingxiao ul li p {
    font-size: 0.22rem;;
    line-height: 0.35rem;
}
.peixun ul li{ font-size:0.3rem; width:50%;}
.ppxun ul li h3{ padding:0 30px; font-size:0.25rem;}
.ppxun ul li p{ font-size:0.22rem; padding:0 30px; height:inherit; width:70%;line-height:0.35rem;}
.ppxun ul li { padding-bottom:40px; }
.xiti ul li h3 b{ font-size:0.25rem;}
.xiti ul li h3 p{ font-size:0.2rem;}
.xiti ul li{ width:auto; float:none; border:8px #fff solid;}
.xiti ul li dd {
    margin-top: 20px;
    overflow: hidden;
    display: block;
    line-height: 0.35rem; font-size:0.22rem;
    -webkit-transition: all .5s;
    transition: all .5s; color: #666;
}

	.zz_right ul li dl dd{ font-size:0.2rem; line-height:0.35rem;}
	.zz_right ul li div{ float:none; width:auto; margin:0px 0px 20px;}
	.zz_left ul li span h3{ font-size:0.2rem; margin:0px;}
	.zz_left ul li span p{ font-size:0.18rem}
	.zz_left ul li div{ width:20%} 
	.zz_left ul li{ width:50%}
	.ms_txt h3{ font-size:0.22rem; padding:2% 0 2% 30px; }
	.ppai ul{ margin:0 20px;}
.ppai ul li{ width:auto ; border:1px #ccc solid; margin-bottom:20px; padding:5% ;}

.ppai ul li h3{ font-size:0.3rem; border:none; padding-bottom: 0px;
    margin-bottom: 0px;}
.ppai ul li h3:after{content:""; width:120px; background:#000; height:3px; margin:15px auto; display:block;}
.ppai ul li p { font-size:0.22rem; line-height:0.35rem; text-align:justify}

.ms_txt dd{ font-size:0.2rem; line-height:0.35rem; margin:0px; }
.yss{ width:8rem;overflow-x:scroll;}


.ys .swiper-slide h3 p{ font-size:0.2rem;}
.ys .swiper-slide dl { margin: 20px 30px 0;}
.ys .swiper-slide h3{ line-height:0.35rem;}
.ys .swiper-slide dl dd{ font-size:0.23rem; height:initial}

	.product-number-info li b{ font-size:0.5rem;}
.product-number-info li p{ font-size:0.22rem;}
	.d_img h3{ text-align:center; font-size:0.3rem;}
.d_img h3 span{ font-size:0.3rem;}
	.title2 .title-ch,.title1 .title-ch,.title1 .title-ch2{ font-size:0.3rem;}
	.title2 .title-en,.title1 .title-en{ font-size:0.2rem}
	.jiameng ul li{ width:auto; }
	
	.jiameng ul li dd {
    height:inherit;
    line-height: 0.35rem;
    font-size: 0.22rem;
    color: #666;
    display:inherit;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    overflow: hidden;
}
	
	.jieshao dd {
    margin-top: 20px;
    font-size: 0.22rem;
    color: #ecc78b;
    line-height: 0.4rem;
    display:inherit;
    -webkit-box-orient: inherit;
    -webkit-line-clamp: inherit;
    overflow: hidden;
}
	
	
.jieshao dt { margin:30px auto ;
    width: 70%;
    border-radius: 7px;
    text-align: center;
    height:inherit;
    line-height: inherit;
    background-color: #f1d6a5;
    background-image: linear-gradient(to right, #f1d6a5 , #bb9e7d);
     padding:3% 0;    float: none;
   
}
.jieshao dt a{ font-size:0.22rem; display:block}

.jieshao dt:hover{  height:inherit; line-height:inherit; margin:30px auto; }

.ys .swiper-slide:hover {
    background: #000 url(../images/hoverios.png) no-repeat 90% 6px;
}
	.mat a:after{ margin:0 3%}
.mat a{ font-size:0.22rem;}
		.ys .swiper-slide h3{ font-size:0.3rem; padding:0 30px;}
.ys .swiper-slide h3 p{ font-size:0.2rem;}
		.ys .swiper-slide dl {
    margin: 20px 30px 0;
}
.ys .swiper-slide h3{ line-height:0.3rem;}
.ys .swiper-slide dl dd{ font-size:0.22rem; height:initial}
.f_txt dd{ font-size:0.4rem; line-height:0.4rem;}
.f_txt dt{ font-size:0.22rem;  line-height:0.35rem;color: #ffffff;}
.f_txt dt img{width: 30%;}
.f_rwm ul li p{ font-size:0.2rem;}

.wh_txt ul li{border:5px #fff solid;}
.wh_txt ul li h3{ font-size:0.22rem;}
.wh_txt ul li p{ font-size:0.2rem; line-height:0.35rem; height:1.5rem}
.wh_txt ul li div{ padding:20px 10px;}
.licheng .ny-title .title-ch{ font-size:0.25rem;}
.licheng .ny-title .title-en{ font-size:0.22rem;}
.lc_box .swiper-slide .lc_txt h3{ font-size:0.3rem;}
.lc_box .swiper-slide .lc_txt dd{ font-size:0.2rem; line-height:0.35rem;}
.zizhi ul li p,.zizhi1 ul li p{ font-size:0.22rem; height: .8rem; line-height:0.37rem;}
.faq ul li { width:auto; float:none;}
.faq ul li h3{ font-size:0.22rem;}
.faq ul li p{ height:inherit; font-size:0.22rem; line-height:0.35rem;}
.pic_com ul li .m-img{ display:block; margin:0 15px; width:auto}
.pic_nav{ margin:20px auto}
.pic_nav ul li{ width:25%; padding:3% 0; font-size:0.22rem; border-right:1px #525051 solid; border-bottom:1px #525051 solid; box-sizing:border-box;}
.pic_nav {height:inherit;
    line-height: inherit;
	}
	
	

.dizz{ overflow-X:hidden;  height:300px; padding:15px 0; margin:15px;}
.dizz ul{ overflow:hidden; margin:15px  auto;}
.dizz ul li{ overflow:hidden; margin-bottom:15px; border-bottom:1px #ccc solid; padding-bottom:15px;}
.dizz ul li div{ width:100%; float:none; margin-right:0%; display:none;}
.dizz ul li div img{ width:100%}
.dizz ul li span{ overflow:hidden}
.dizz ul li span h3{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:0.25rem; color:#333; }
.dizz ul li span dd{ overflow:hidden; font-size:0.22rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin:15px auto;  color:#666}
.dizz ul li span dt{ overflow:hidden; font-size:0.18rem;overflow: hidden;white-space: inherit;text-overflow: inherit; color:#666}
.dizz ul li span h3 b{ margin-left:30px;}

.dizz::-webkit-scrollbar{ width:10px; background:#000; border-radius:10px;}
.dizz::-webkit-scrollbar-thumb{ background:#d1a366; border-radius:10px; }


	
		}
@media screen and (max-width:540px){	
	.pic_com ul li .pic_content ul li{ width:50%;}
	.jieshao h3  img{ width:100%}	
	.lx img.m_bb{ display:block; width:60%}
		
	.n_banner{ margin:100px auto 0;}
	
.n_banner img{ height:220px; width:100%}
.lc_box .swiper-slide:before { display:none;
}
.licheng_box:after { display:none;
}

.sp_header img{padding: 17px;}
.title3 .title3-ch{font-size: 0.3rem;}
.jznq,.jdyf,.content1,.jdyf2 {width: auto;padding: 0;}
.jznq p,.jdyf p{font-size: 0.22rem;padding: 10px 6px;}
.jdyf2 p{
	font-size: 0.22rem;
	    color: #666;
	    font-family: "黑体";
	    line-height: 28px;
	    letter-spacing: 2px;
	   height: 240px;
		width: auto;
		padding: 10px 6px;
	}
.footpic img{width: 100%;}
.contentimg img{width: 100%;}
.f_txt dt{font-size: 0.18rem;}
.contact p {
    padding-top: 16px;
    font-size: 17px;
    color: #666;
    /* font-family: "黑体"; */
    line-height: 36px;
    font-weight: 400;
    
	}
	.contact .tleft img {
	   
	}
	.contact .tright img {
	   
	}
	.contact .tleft {
	    
	}
	.contact .tright {
    
}


.lc_box .swiper-button-next, .lc_box .swiper-button-prev {
   top: 20%;
    margin-top: 22px;
}
.lc_box .licheng_box {
    margin:  0 10px;
}
.lc_box .swiper-slide .lc_txt {
    margin-top: 20px;
}

	}
	
@media screen and (max-width:500px){	
	.wh_txt ul li{ width:100%; }
	.wh_txt ul li p{ height:inherit;}
	.wh_txt ul li{ margin-bottom:15px;}
	.lc_box .swiper-slide .lc_txt h3{ font-size:0.35rem;}
.lc_box .swiper-slide .lc_txt dd{ font-size:0.22rem; line-height:0.4rem;}

.zz_left ul li div {
    width: 100%;
    display: block; overflow: hidden; margin: 5px auto; text-align: center;
}
.zz_left ul li div img {
    width: 20%; float: none;
    display: block; margin: 0px auto;
}
.zz_left ul li span { overflow:hidden; text-align:center; display:block;}
	}
	
	
@media screen and (max-width:420px){	
	
.n_banner{ margin:70px auto 0;}
	.gongyi{ margin:70px auto 0;}
.n_banner img{ height:210px; width:100%}
/*	.sp_header img{ width:50px;}  */
	.sp_msy span svg{ width:30px;} 
	.sp_nav span:nth-of-type(1){top:20px}
.sp_nav span:nth-of-type(2){top:32px}
.sp_nav span:nth-of-type(3){top:45px}
.sp_nav span { width:30px; height:2px;}
.sp_nav {width: 70px;}
.sp_header {
    height: 70px;
    text-align: center;
    }
	.pc_banner{ margin:70px auto 0; }
	.sjj_nav{top:70px;}
	.sp_nav_se span:nth-of-type(1){top:30px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:30px;transform:rotate(-45deg)}
.wh_txt ul li h3{ font-size:0.3rem;  }
.wh_txt ul li p{ font-size:0.22rem;}
.lc_box .swiper-button-next, .lc_box .swiper-button-prev {
   top: 10%;
  
}
	}	
	
	
	
.dpq_box,.statement-wrap{position:fixed;left:0;top:0;width:100%;height:100%;font-size:20px}
.statement-wrap{z-index:1000}
.statement-wrap::after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:10}
.statement-wrap .title{color:#000;font-weight:700;text-align:center;margin-bottom:1.3em}
.statement-wrap .st-btn{display:inline-block;width:160px;height:40px;line-height:40px;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;background-color:#000;border-radius:26px}
.statement-box{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;max-width:870px;border-radius:10px;padding:2.6em 3.3em;z-index:60}
.statement-box .txt{display:inline-block}
body.no-scroll,html.no-scroll{overflow-y:hidden}
.dpq_box{z-index:1200;pointer-events:none;background-color:#fae9d0}
.dpq_box .dec{position:absolute;left:-50%;bottom:0;width:100%;height:100%;background-size:cover;z-index:40;animation:decmove 3.5s 10;transform:translateZ(0)}
@-webkit-keyframes decmove{0%{transform:translateX(0)}
100%{transform:translateX(120%)}
}
@keyframes decmove{0%{transform:translateX(0)}
100%{transform:translateX(120%)}
}
.wave-ani{position:absolute;background-color:#000;width:100%;height:100%;z-index:100}
.dpq_div1{position:absolute;left:50%;top:30%;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.dpq_div2{display:inline-block;background:url(../fonts/7409305a05f84f548849e49302e2b6e2.woff){-webkit-animation-delay:-2s;animation-delay:-2s}
.dpq_div5 .parallax>use:nth-child(2){-webkit-animation-delay:-2s;animation-delay:-2s;-webkit-animation-duration:5s;animation-duration:5s}
.dpq_div5 .parallax>use:nth-child(3){-webkit-animation-delay:-4s;animation-delay:-4s;-webkit-animation-duration:3s;animation-duration:3s}
@-webkit-keyframes move-forever{0%{-webkit-transform:translate(-90px,0);transform:translate(-90px,0)}
100%{-webkit-transform:translate(85px,0);transform:translate(85px,0)}
}
@keyframes move-forever{0%{-webkit-transform:translate(-90px,0);transform:translate(-90px,0)}
100%{-webkit-transform:translate(85px,0);transform:translate(85px,0)}
}

@media (max-width:1024px){
	
.dpq_div4 svg{height:280px;left:-10%}
.dpq_box .dec{width:60%;height:60%}
}

/* 新footer */
@media (min-width: 1260px) {
    .commonweb {
        margin: 0px auto;
        max-width: 1200px;
        padding: 0;
    }
}
.footer-top {
    padding-top: 10px;
}

.footer-top ul li.li1 h3 {
    padding: 10px 0 10px 20px;
    position: relative;
    /* border-bottom: 1px solid #eee; */
}

.footer-top ul li.li1 h3 a {
    color: #fff;
    font-family: "黑体";
    font-size: 0.14rem;
}

.footer-sub {
    /* padding-bottom: 5px; */
    /* display: none; */
    padding-left: 20px;
    /* padding-top: 5px; */
}

.footer-sub a {
    display: block;
    color: #999999;
    font-size: 13px;
    padding: 5px 0;
}

.footer-top ul li.li2 {
    padding-top: 20px;
    text-align: center;
}

.footer-top ul li.li2 h3 {
    margin-bottom: 20px;
}

.footer-top ul li.li2 img {
    max-width: 100%;
}

.footer-top ul li.li2 .telnum {
    padding-top: 14px;
    font-size: 13px;
    color: #34364b;
    opacity: 0.7;
}

.footer-top ul li.li2 .telnum a {
    color: #34364b;
    display: inline-block;
}

.footer-top ul li.li2 .telnum a:hover {
    color: #d82019;
    opacity: 1;
}

.plus.icon {
    position: absolute;
    right: 15px;
    top: 11px;
    color: #fff;
    position: absolute;
    margin-left: 3px;
    margin-top: 10px;
}

.plus.icon:before {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: #333;
}

.plus.icon:after {
    content: '';
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: #333;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.footer-top ul li h3.cur .plus.icon:after {
    opacity: 0;
}

@media (min-width: 1024px) {
    .footer-top {
        padding-top: 106px;
        padding-bottom: 48px;
    }

    .footer-top ul li {
        padding-right: 1.2%;
        float: left;
    }

    .footer-top ul li.li1 h3 {
        border-bottom: 0;
        padding-top: 0;
    }

    .footer-sub {
        padding-bottom: 0;
        display: block;
    }

    .footer-sub a {
        padding-top: 0;
        color: #abacb7;
    }

    .footer-sub a:hover {
        color: #C61B2B;
    }

    .footer-top ul li.li2 {
        padding: 0;
        text-align: right;
    }

    .plus.icon:after, .plus.icon:before {
        opacity: 0;
    }

    .footer-top ul li.li2 .telnum a {
        padding: 0 0 0 2px;
    }
	 .friendlink {
			width: 1200px;
			margin: auto;
	        padding: 17px 0;
			
	    }
	
	    .friendlink a {
	        padding-right: 10px;
	    }
}

@media (min-width: 1199px) {
    .footer-top ul li {
        padding-right: 15.2%;
    }
}

@media (min-width: 1260px) {
    .footer-top ul li {
        padding-right: 16.1%;
    }

    .footer-top ul li.li2 {
        padding: 0 0 0 2%;
    }
}	
.friendlink {
	    background-color: #fff;
	    padding: 30px 0;
	    /* margin: auto; */
	    text-align: center;
    
}

.friendlink a, .friendlink span {
    color: #34364b;
    opacity: .7;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}