html,body{background:#F4F5F6;font-family: SourceHanSans, "Microsoft YaHei", 微软雅黑, Arial, sans-serifinherit;}

.container,.container-fluid{width:70%;min-width: 100rem}

.transall{transition: .3s;}

#home-slide,.sub-content{margin-top:134px;position: relative;}




.rouner{border-radius: 20px;overflow: hidden;}



#home_slide{position:relative;margin:0 auto;}
.slider-hss{position:relative;z-index:0;}
.slider-hss li img{width:100%;vertical-align:top;} 
.slider-hol{position:absolute; z-index:1;background: rgba(0,0,0,.1);left:0;right:0;bottom: 0;}
.slider-hol ul{text-align:center;font-size:0;}
.slider-hol ul li{cursor:pointer;display:inline-block;width:1.4rem; height:1.4rem;margin:.9rem .4rem;overflow:hidden;background: rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.8);transition: .5s;border-radius:50%}
.slider-hol ul .on{background:#FF5F00;border:1px solid #FF5F00;box-shadow: inset 0px 0px 1px 2px rgba(255,255,255,.6)}
.slider-hprev,.slider-hnext{z-index:2;width:6rem!important;height:8rem!important;border-radius: 5px;}


#home-content{}

.head-one{position: relative;height:15rem;margin-top: 5rem}
.head-one span,.head-one .pdiv,.head-one p,.head-one em{position: absolute;left:0;top:0;right:0;text-align: center;}
.head-one em{font-size:11rem;color:rgba(0,0,0,.1);line-height: 1;font-family: Impact}
.head-one p{font-size:4rem;color: #000;font-weight:bold;top:1.7rem;transition:.5s;z-index: 2}
.head-one p:hover{color: #127AEF;}
.head-one span{top:7rem;font-size:2rem;color: #555;z-index: 3}



#home-products{background: #f7f7f7 url("ypzj_bg.png") center 0 no-repeat;padding:3rem 0;}
#home-products .col-3{flex: 0 0 35rem;max-width:35rem;}
#home-products .col-9{flex: 0 0 calc(100% - 36rem);max-width:calc(100% - 36rem);margin-left:.5rem;}
#products-tab{padding-top: 10rem}
#products-tab .wrapper{background: #fff;border-radius: 2rem;padding:2rem;box-shadow: 1px 1px 5px rgba(0,0,0,0.2);}
#products-tab .wrapper:before{
	position: absolute;left:3rem;top:.5rem;right:0;height:9rem;content: '';
	background:url(wujian.png) 0 0 no-repeat;
}
#products-tab .cate{background: #127AEF;border-radius:1rem;padding: 1.5rem;}
#products-tab .cate ul{}
#products-tab .cate ul li{ display: block;margin-bottom: 1px}
#products-tab .cate  a{
	padding: 1.2rem 3.3rem 1.4rem;
	border-radius: 1rem;
	font-size:1.8rem;
	display: block;
	background-image: linear-gradient(#fff, #ddd);
	color:#000;
}
#products-tab .cate  a:hover{background-image: linear-gradient(#0AB962, #055E32);color:#fff;}
.cate-contact{text-align:center;background: #127AEF;border-radius:1rem;padding: 1.5rem;margin-top: 2rem;color: #fff;}
.cate-contact p{font-size:1.8rem;}
.cate-contact p:last-child{font-size:1.5rem;line-height: 2}
.cate-contact span{background:url(wujian.png) 0 -200px no-repeat;border-radius:10px;display: inline-block;padding:1rem 2rem 1rem 5rem;color: #fff;font-family: "times New Roman";font-weight: bold;font-size: 3rem;margin-top:1.5rem;position: relative;transition: .3s;cursor: pointer;}
.cate-contact span:before{content: '';position: absolute;
left:2rem;top:2rem;width:3rem;height:3rem;
	background: url(wujian.png) -100px -120px no-repeat;

}
.cate-contact span:after{content: '';position: absolute;
left:-1rem;top:0;width:0;height:10rem;
	background: url(../images/wxewm.jpg)  0 0 no-repeat;
	background-size: cover;
	transition: .3s;
}
.cate-contact span:hover{background:url(wujian.png) 0 -280px no-repeat;}
.cate-contact span:hover:after{left:-11rem;width:10rem;height:10rem;}

#products-tab-content{
	background: #fff;border-radius: 2rem;padding:1.5rem;position: relative;overflow: hidden;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}
.scroll-left-two{
	border-radius:1rem;padding: 1.5rem;
}
.scroll-top-mq{
	position: relative;overflow: hidden;
}
#home-products .list_image ul{overflow:hidden}
#home-products .list_image li{width:33.333%;padding:1.5rem;}
#home-products .list_image li p{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#home-products .list_image li a{border-radius: 5px}





#home-liucheng{background: #C3DEFF url(liucheng-bg.png);position: relative;overflow: hidden;height:45rem;}
#home-liucheng::before{position: absolute;left:0;top:0;right:0;bottom:0;content: '';
	background-color: rgba(0,0,0,.05);
	clip-path: polygon(25% 0,95% 0,85% 100%,15% 100%);
	z-index: 2;
}
#home-liucheng .container{position: absolute;z-index: 2;
	left:15%;right:15%;top:0;bottom:0;
	z-index: 3;
}
#home-liucheng .head-one em{color: rgba(255,255,255,.3)}


.hlc ul li{width:16rem;height:16rem;
	border-radius: 50%;
	color:#fff;
	position: relative;
	background-color: rgba(255,255,255,.4);
	float: left;
	margin-right:calc(100% / 6 - 16rem);
	overflow: hidden;
}
.hlc ul li:last-child{margin-right:0;}
.hlc ul li:before{position: absolute;
	left:1rem;top:1rem;right:1rem;bottom:1rem;content: '';
	background-image: linear-gradient(#fff, #ccc);
	border-radius: 50%;
	transition: .2s;
	opacity:1;
	z-index: 2;
}
.hlc ul li:after{position: absolute;
	left:1rem;top:1rem;right:1rem;bottom:1rem;content: '';
	background-image: linear-gradient(#DBECFF, #A3CEFF);
	border-radius: 50%;
	transition: .2s;
	z-index: 1
}
.hlc ul li:hover:before{
	/*left:-15rem;right:17.5rem;*/
	opacity: 0;
	
}
.hlc ul li:hover:after{
	/*left:1rem;right:1rem;*/
	
	
}
.hlc ul li a{z-index: 2;font-weight: bold;
	color:#333;
	position: absolute;
	left:2rem;top:1rem;right:2rem;bottom:1rem;content: '';
	padding-top: 45%;
	text-align:center;font-size: 2rem;line-height: 1.2
}
.hlc ul li a:before{position: absolute;
	content: '1';width:4rem;height:4rem;
	font-weight: bold;font-size: 3.4rem;line-height: 1;
	font-family: "Times New Roman";
	left:calc(50% - 2rem);top:2.5rem;
	border-radius: 50%;border:2px solid #000;
	text-align:center;
}
.hlc ul li:first-child a:before{content: '1';}
.hlc ul li:nth-child(2) a:before{content: '2';}
.hlc ul li:nth-child(3) a:before{content: '3';}
.hlc ul li:nth-child(4) a:before{content: '4';}
.hlc ul li:nth-child(5) a:before{content: '5';}
.hlc ul li:nth-child(6) a:before{content: '6';}

#home-who{position: relative;background: url(zj_bg) center center no-repeat;height:59rem;}
#home-who .container{position: absolute;z-index: 2;
	left:15%;right:15%;top:5rem;bottom:5rem;
	z-index: 3;
background: #fff;border-radius: 2rem;padding:3rem;box-shadow: 0 0 2rem #aaa;

}
#home-who::before{position: absolute;left:0;top:0;right:0;bottom:0;content: '';
	background-color: rgba(0,0,0,.05);
	clip-path: polygon(15% 0,85% 0,70% 100%,0 100%);
	z-index: 2;
}
.head-two{position: relative;height:15rem;}
.head-two span,.head-two .pdiv,.head-two p,.head-two em{position: absolute;left:0;top:0;right:0;text-align: left;}
.head-two em{font-size:10rem;color:rgba(0,0,0,.07);line-height: 1;font-family: Impact}
.head-two p{font-size:4rem;color: #333;font-weight:bold;top:3rem;left:2rem;transition:2s;z-index: 2}
.head-two p:hover{color: #1251AE;}
.head-two span{top:9rem;left:2rem;font-size:2rem;color: #555;z-index: 3}
.hw_content{font-size: 1.6rem;line-height: 1.5;height:26rem;overflow:hidden;}
.hw_content p{text-indent: 2em;}

.slider-img{padding: 5rem 0 0}
.slider-imgbody {border-radius: 2rem;overflow: hidden;}
.slider-imgbody  img{display: block;}




#home-fangan{height:30rem;}
#home-fangan{background: #BEFBDE url(liucheng-bg.png);position: relative;overflow: hidden;}
#home-fangan::before{position: absolute;left:0;top:0;right:0;bottom:0;content: '';
	background-color: rgba(0,0,0,.05);
	clip-path: polygon(0% 0,70% 0,85% 100%,15% 100%);
	z-index: 2;
}
#home-fangan .container{position: absolute;z-index: 2;
	left:15%;right:15%;top:0;bottom:0;
	z-index: 3;
}

.hfac p{font-size: 3.4rem;font-weight: bold;margin:8rem 0 3rem 0;color: #127AEF}
.hfac span{font-size:1.6rem;background: #127AEF;padding: 1rem 2rem;margin-right: 1rem;border-radius: 5px;color:#fff;cursor:hand;cursor:pointer}
.hfac span:nth-child(2){background: #FFDD00;color:#333}

.hfap img{
	border-radius: 2rem;background: #ccc;margin-top: 3rem;
}
.hfac span:last-child{transition: .3s;position: relative;cursor:pointer;}
.hfac span:last-child:after{content: '';position: absolute;
top:0;right:-5rem;width:10rem;height:10rem;
	background: url(../images/wxewm.jpg)  0 0 no-repeat;
	background-size: cover;
	transition: .3s;
	opacity: 0
	
}
.hfac span:last-child:hover{}
.hfac span:last-child:hover:after{width:10rem;right:-10rem;opacity: 1}



#home-hao{background: url("zj_bg.jpg") center center no-repeat;padding:0 0 6rem 0;}
.hh_ul{}
.hhul2{margin-top:4rem;}
.hh_ul li{}
.hh_ul li a{width:100%;display: block;border-radius: 10rem;overflow:hidden;background: rgba(0,0,0,.4);position: relative;padding: 2rem;margin-top: 2rem;}
.hh_ul li a:before{
	content: '';position: absolute;left:0;top:0;width: 14rem;bottom:0;
	background:rgba(255,255,255,.7) url(wujian.png) 15px -405px no-repeat;
	border:4px solid rgba(0,0,0,.3);
	border-radius: 50%;
}
.hh_ul li:nth-child(2) a:before{background-position: -160px -405px}
.hhul2 .hh_ul li:first-child a:before{background-position: -335px -405px}
.hhul2 .hh_ul li:last-child a:before{background-position: -510px -405px}
.hh_ul a p{font-size:2.4rem;font-weight: bold;margin-left:7rem;border-bottom: 1px solid rgba(255,255,255,.7);margin:0 0 1rem 17rem;padding:0 0 1rem 0;color:#fff;}
.hh_ul a span{font-size:1.5rem;margin:0 0 0 17rem;display: block;color:#fff;}
.hfadex{padding-top:4rem;position: relative;height:28rem;}
.hfadex img{width:100%;}
.hfadexa{
	position: absolute;content: '';
	box-shadow: 1rem 1rem 1rem rgba(44,44,44,.5);
	border-radius: 2rem;
}
.hfadexx{width:38rem;height:25rem;
	z-index:2;
	left:0;top:0;
}
.hfadexy{width:42.5rem;height:25rem;
	top:7rem;right:0;
	z-index: 1;
}

.faidea{padding: 2rem}
.faidea img{border-radius: 2rem}




#home-news{padding:0 0 3rem 0;background: url("ypzj_bg.png");position: relative;overflow: hidden;height:80rem;}

#home-news::before{position: absolute;left:0;top:0;right:0;bottom:0;content: '';
	background-color: rgba(255,255,255,.6);
	z-index: 2;
}
#home-news::after{position: absolute;left:0;top:0;right:0;bottom:0;content: '';
	background-color: rgba(0,0,0,.05);
	clip-path: polygon(50% 50%,51% 50%,100% 100%, 0 100%);
	z-index: 3;
}
#home-news .container{position: absolute;z-index: 2;
	left:15%;right:15%;top:0;bottom:0;
	z-index: 9;
}



.news-tabs{width:100%;}
.news-tabs a{width:48%;float: left;line-height:3;font-size:1.5rem;border:3px solid #127AEF;text-align: center;background:#fff;font-size:2rem;border-radius:1.5rem;}
.news-tabs a:last-child{float:right;}
.news-tabs a:hover{;color: #127AEF;}
.news-tabs a.active{background:#127AEF;color: #fff;}
.news-tabs a.active:hover{color: #fff;}
.inews-big{margin-top: 2rem;}
.inews-big a{float: left;padding: 2rem;border-radius: 1rem;background:rgba(0,0,0,.051);}
.inews-img{width:30%;}
.inews-img img{width:100%;max-height: 200px;border-radius: 1rem;}
.inews-big .right{width:67%;}
.inews-intitle{font-size:1.8rem;line-height: 2;font-weight: bold;color:#333;}
.inews-indesc{font-size:1.4rem;line-height: 1.5;padding-top: 1rem;color: #555;margin-bottom: 1rem;}
.inews-inmore{background:#127AEF;border-radius:.5rem;padding: 1rem 2rem;color: #fff;display: inline-block;font-size: 1.8rem}
.inews-big a:hover{background:rgba(0,0,0,.2);}
.inews-big a:hover .inews-indesc{}
.inews-big a:hover .inews-inmore{background:#127AEF;color: #fff;}
.inews-big a:hover .inews-intitle{color:#127AEF}
.inews-big a:hover .inews-indesc{color:#127AEF}


.news-container .list_text{padding:0 0 2rem 2rem;}
.news-container .list_text li{width:50%;float: left;border:none;padding: 0}
.news-container .list_text a{width:95%;float: left;border-bottom: 1px dashed #ccc;text-indent:.5rem;padding:0;display: block;font-size: 1.6rem;padding-top: 1rem;padding-bottom:.8rem;}
.news-container .list_text span{color:rgba(0,0,0,.5);}
.news-container .list_text li:hover{background:none;}
.news-container .list_text a:hover{color: #127AEF}
.news-container .list_text a:hover span{color: #127AEF}
.news-container .list_text a:hover:before{color: #127AEF}


.inews-asnser{overflow: hidden;}
.inews-asnser .title{width:100%;float: left;line-height:3;font-size:1.5rem;border:3px solid #127AEF;text-align: center;background:#127AEF;color: #fff;font-size: 2rem;border-radius:1.5rem;}
.inews-asnser .title span{font-size:1rem;}
.inews-scroll{padding:2.2rem 2rem;background: #fff;border-radius: 1.5rem;}
.inews-scroll a p{font-weight: bold;font-size:1.6rem;padding-top: .5rem;}
.inews-scroll a p:before{content:'Q';padding-right:2px;font-weight:bold;color:#127AEF}
.inews-scroll a span{font-size:1.4rem;padding: .5rem 0;color: #666}
.inews-scroll a span:before{content:'A';padding-right:2px;font-weight:bold;color:#000}

.inews-scroll a{padding:.5rem 0 0;float: left;}
.inews-scroll a:hover{background: rgba(0,0,0,.07);border-radius: .5rem;}






/* sub sub sub*/
.sub-content{font-size: 1.6rem}
.sub-content .first-row.fenge{flex-direction:row-reverse;}
.sub-slider{height: 30rem;background: rgba(0,0,0,.05) url(../images/bg8.jpg) center center no-repeat}
.view-style{padding-top: 4rem;padding-bottom: 4rem;line-height: 2}
.view-style p{text-indent: 2em;line-height: 2}

.contents{position: relative;}
.contents:before{content: '';left:0;top:0;right:0;bottom: 0;position: absolute;
	background:rgba(0,0,0,.04);
	clip-path: polygon(14% 0,14% 30rem,0 60rem, 0 30rem);
}
.contents:after{content: '';left:0;top:0;right:0;bottom: 0;position: absolute;
	background:rgba(0,0,0,.04);
	clip-path: polygon(100% 60%,100% 30%,86% 60%, 86% 90%);
}

.crumb{position: relative;}
.crumb:before{content: '';left:0;top:0;right:0;bottom: 0;position: absolute;
	background:rgba(0,0,0,.04);
	clip-path: polygon(17% 0,35% 0,32% 85%, 14.5% 85%);
}

#products-crumb.crumb .ccm-map{border:none;margin:0;}
#products_cate{background:#fff;border:1px solid rgba(0,0,0,.2);border-left:none;border-right: none;}
.categories ul{font-size: 0}
.categories li{width: calc(100% /6);margin:0;padding: 0;border-radius: 0;border-left:1px solid rgba(0,0,0,.2);}
.categories li:last-child{border-right:1px solid rgba(0,0,0,.2);}
.categories a{background:#fff;color:#000;position: relative;padding-top:9rem;border-radius: 0;border-bottom:6px solid transparent}
.categories a:before{
	content: '';position: absolute;left:50%;top:.5rem;
	height:8rem;margin-left: -5rem;width:10rem;
	background:url(wujian.png) 0 -550px no-repeat
}

.categories a:hover{background-color:rgba(0,0,0,.2);border-color:#127AEF}
.categories li.selected a{background-color:#D7E2EF;border-color:#127AEF}
.categories li:nth-child(2) a:before{background-position:  -150px -550px}

.list-style > .list_text li{margin: 1rem 0;padding:2rem 0;border-bottom:2px solid #e4e4e4;background: #fff;transition: .3s;}
.list-style > .list_text li a{width:96%;margin-left:2%}
.list-style > .list_text li h3{transition:.3s;border-bottom:1px dashed #ccc;color:#333;}
.list-style > .list_text li p{font-size:1.4rem;line-height:1.5;margin-top:1rem;color: #555}
.list-style > .list_text li span{font-size:1.2rem;margin-top:-9rem;color: #777}
.list-style > .list_text li:nth-child(even){background: #f9f9f9;}
.list-style > .list_text li:hover {background: #127AEF;}
.list-style > .list_text li:hover h3{color:#fff;}
.list-style > .list_text li:hover span{color:#fff;}
.list-style > .list_text li:hover p{color:#fff;}

.list-style > .list_text_image li{margin:2rem 0;padding:2rem 0;border-bottom:2px solid #d8d8d8;background: #fff;transition: .3s;}
.list-style > .list_text_image li a{width:96%;margin-left:2%}
.list-style > .list_text_image li h3{transition:.3s;border-bottom:1px dashed #ccc;color:#333;font-size: 1.8rem}
.list-style > .list_text_image li span{font-size:1.2rem;margin-top:-2.8rem;color: #ccc;float: right;font-weight: normal;padding-right: 1rem}
.list-style > .list_text_image li p{font-size:1.4rem;line-height:1.5;margin-top:1rem;color: #555}

.list-style > .list_text_image li:hover {background: #127AEF;}
.list-style > .list_text_image li:hover h3{color:#fff;}
.list-style > .list_text_image li:hover span{color:#fff;}
.list-style > .list_text_image li:hover p{color:#fff;}


.view-style h1{line-height: 1.;font-size: 3rem;font-weight:normal;text-align:center;}
.view-style .txt-time{margin:2rem 0;padding:2rem 0;text-align:center;border:1px dashed rgba(0,0,0,.2);border-left: none;border-right:none;color:rgba(0,0,0,.7);}
.view-style .txt-content{}
.view-style .txt-info{}
.view-style .txt-info .txt-click{color: rgba(255,255,255,.001)}


/* 内容导航*/
.txt-nav{font-size: 0;background:rgba(255,255,255,.5);}
.txt-nav a{color:rgba(0,0,0,.5);}
.txt-pre,.txt-next{width:50%;display: inline-block;font-size:1.6rem;overflow: hidden;padding:1rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: .3s}
.txt-next{text-align: right;border-left: 1px solid #eee;}
.txt-next:after{content: ' >';color:rgba(0,0,0,.5);}
.txt-pre:before{content: '< ';color:rgba(0,0,0,.5);}
.txt-pre:hover,.txt-next:hover{background: #127AEF;}
.txt-pre:hover a,.txt-next:hover a{color:#fff;}
.txt-pre:hover:before,.txt-next:hover:after{color:#fff;}

.txt-content .zh{width:100%;}
.txt-content .zc{width:100%;}

.fenge {padding-top: 4rem;}
.fenge > .col-9{padding-left:4rem;padding-top: 0}
.sidebar{background:rgba(0,0,0,.05);}
.sb-title{padding:3rem 1.5rem 0}
.sb-title p{border-left: .8rem solid #127AEF;font-size: 3rem;padding-left: 1rem;line-height: 1}
.sb-title span{color:rgba(0,0,0,.5);}


.sidebar .list_text_image li{padding:2rem 1.5rem 1.5rem;border-bottom: 1px dashed #888}
.sidebar .list_text_image li:last-child{border-bottom:none}
.sidebar .list_text_image i{width:100%;height:auto;}
.sidebar .list_text_image i img{padding: 0}
.sidebar .list_text_image b{width:100%;}
.sidebar .list_text_image b p{text-indent: 0;font-size: 1.6rem;color:#000}
.sidebar .list_text_image b span{font-size: 1.2rem;color:rgba(0,0,0,.7)}


@media screen and (min-width: 1640px) {
	.smenu.show{height:34rem;}
/*	.container{min-width:1600px;}*/
	#home-products .list_image li { width: 25%;}

}
@media screen and (max-width: 1639px) and (min-width:1240px) {
	.smenu.show{height:30rem;}
/*	.container{min-width:1200px;}*/
/*	#home-products .list_image li { width: 25%;}*/

}
@media screen and (max-width: 1239px) {
	.smenu.show{height:28rem;}
/*	.container{max-width:1000px;width:1000px;}*/
}