@charset "utf-8";
/* CSS Document @woniu*/

@media screen and (max-width: 768px) {
  .pl02{padding-left: .2rem;}
  .pall02{padding: .4rem;}
  .cp01{ font-size:21px; font-weight:bold;}
}

.layui-col-space30 {margin: -0.325rem}
.layui-col-space30>* {padding: 0.325rem}
.layui-input-inline{
  width: 96%;
  margin: 0 0 .3rem 0;
}

/**/
.toptel{ width:100%; height:35px; background:#df1d1d;}
.wtop-nsnav-bg{
  width: 100%;
  position: fixed;
  background-color: rgba(0,0,0,.5);
  left: 0;
  top: 0;
  box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index:20;
}
.logo-box{display: inline-block;}
.wtop-nsnav-usbg{
  line-height: 1.4rem;
  color:#fff;
}
.sjhead{ 
  width:100%; 
  background:#fff; 
  position: fixed;
  left: 0;
  top: 0;
  box-shadow: 0px 0px 8px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index:20;}
@media screen and (min-width:992px) {
  .logo-box,.logoimg,.logotxt{float: left;}
  .logo-box img{margin-top:1em;}
  .cp01{ font-size:38px; font-weight:bold;}
}
@media screen and (max-width:992px) {
  .logo-cont{
    width: 100%;
    padding: 0 0 .3rem .3rem;
  }
  .logoimg img{margin-top: -1.625rem;}
  .wtop-nsnav-usbg{padding-right: .5rem;}
  .banner{ margin-top:4rem;}
}

/**/
.toggle-btn{
  height: 2rem;
  width: 2rem;
  display: inline-block;
  position:absolute;
  border: 1px solid #00a494;
  cursor:pointer;
  float: right;
  top: .5rem;
  right: .5rem;
  border-radius: .25rem;
}
.toggle-btn *{transition:.3s ease-in-out}
.toggle-btn span{
  width:1rem;
  height:.125rem;
  position:absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background:#00a494;
  opacity:1;
  z-index: 16;
}
.toggle-btn span.one{top:.5rem}
.toggle-btn span.two{top:1rem}
.toggle-btn span.three{top:1.5rem}
.toggle-btn.on{
  position:fixed;
  z-index: 22;
  background-color: var(--white-color);
}
.toggle-btn.on .one{transform:translateY(.475rem) rotate(45deg);}
.toggle-btn.on .two{opacity:0}
.toggle-btn.on .three{transform:translateY(-.475rem) rotate(-45deg);}
.float-menu-box{
  position: fixed;
  width: 100%;
  height: 0;
  overflow: hidden;
  background: #f5f5f5;
  top: 3.2rem;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11;
}
.float-menu{
  padding-top: 1rem;
  background-color: #f5f5f5;
}
.float-menu li{
  padding: 0 2rem;
  line-height: 3rem;
  font-size: 1rem;
  border-bottom: 1px solid #dcdcdc;
}

/**/
.nav{
  height: 3.5rem;
  display: flex;
  justify-content: space-between;
}
.nav .navli{
  flex: 1;
  margin-top: .825rem;
  display: inline-block;
  position:relative;
}
.nav .navli .nav_a{
  display:block; 
  width:100%; 
  text-align:center; 
  height:2rem; 
  line-height:2rem; 
  font-size: 18px; 
  position:relative; 
  overflow:hidden;
  z-index: 2;
  color:#fff;
}


.nav .navli:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #00a494;
    left: 0%;
    right: 0;
    width: 0%;
    bottom: 0;
    height: 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.nav .navli:hover:before {
	width: 100%;
}

.sycplb{ background:url(../images/r14.png) center top no-repeat;}
.cp1260{ text-align:center;}
.cp1260 h2{ margin-top:20px; line-height:30px; font-size:16px; color:#808080;}
.list-img{ display:inline-block; padding:5px;}
.list-img-box{ width:100%; overflow:hidden; position:relative;}
.list-img-box img{ width:100%;}


@media screen and (min-width:992px) {
 .list-img-box img{ height:220px;}
 .list-img:nth-child(2){ width:50%; height:450px; float:left;}
 .list-img:nth-child(2) img{ width:100%; height:450px;}
 .list-img:nth-child(4){ position:absolute; left:0; top:230px;}
 .list-img-box h3{
    font-weight: 100;
    z-index: -1;
    display: block;
    width: 100%;
	height:100%;
	background: rgba(0,163,147,.5);
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
	font-weight:bold;
    color: #fff;
	text-align:center;
	line-height:220px;
}
.list-img-box h4{
    font-weight: 100;
    z-index: 1;
    display: block;
    width: 100%;
	height:100%;
	background: rgba(0,163,147,.5);
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 16px;
	font-weight:bold;
    color: #fff;
	text-align:center;
	line-height:220px;
}
.list-img:nth-child(2) h3{ line-height:450px;}
.list-img-box a:hover h3{ z-index:1;}

.htgg2{ background:url(../images/ylzl3.jpg) center no-repeat fixed; height:530px;}
.htgg2 h2{ margin-top:120px; color:#fff; font-size:16px; line-height:30px;}
.htgg2 h3{ font-size:34px; color:#fff; margin-top:40px; font-weight:bold;}
.htgg2 h4{ margin-top:60px; color:#fff; font-size:16px; line-height:30px;}

.synews{ padding-left:330px; overflow:hidden;}
.synews li{ width:168px; height:60px; line-height:60px; text-align:center; overflow:hidden; float:left; font-size:16px; color:#000;}

.abfl{ background:url(../images/servicerbg.jpg) left bottom no-repeat; padding:50px;}
.abfl h2{ font-size:30px; font-weight:bold; color:#fff; line-height:45px;}
.abfl h3{ font-size:30px; color:#B22222; line-height:45px;}

.abfr{ background:url(../images/servicnfbg.jpg) center no-repeat; padding:28px 50px;}

}
@media screen and (max-width: 768px) {
  .list-img-box h3{ line-height:30px; text-align:center;}
}

.limin_x{ height:309px; background:url(../images/htgg.jpg) center no-repeat;}
.htgg h2{ font-size:34px; font-weight:bold; color:#fff;}
.htgg h3{ font-size:14px; color:#fff; line-height:28px;}
.htgg h4 a{ width:180px; height:45px; line-height:45px; text-align:center; border:1px solid #fff; float:left; color:#fff; font-size:16px;}

.syys{ background:url(../images/bg_about.jpg) center bottom no-repeat;}
.sdys{ background:url(../images/ll1a.jpg) center top no-repeat; overflow:hidden;}

.col_left .item {
	width:100%;
	float:left;
	color: #fff;
    border: none;
	display:none;
}
.col_left .big_title {
	margin-left:140px;
	margin-top:150px;
    font-size: 30px;
    font-weight: 700;
    line-height: 50px;
}
.col_left .big_content {
	width:290px;
    font-size: 14px;
    line-height: 30px;
    margin: 20px 0;
	padding-left:140px;
}
.col_right .list {
	width:100%;
    height: 154px;
    margin-bottom: 1px;
    overflow: hidden;
    background: rgba(0, 0, 0, .2);
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.col_right .on {
    background: rgba(0, 0, 0, .4);
}
.col_right .icon {
    float: left;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin-top: 58px;
    margin-left: 100px;
}
.col_right .right {
    margin-left: 180px;
    padding-top: 46px;
}
.col_right .line {
    display: block;
    width: 15px;
    height: 1px;
    margin-bottom: 6px;
    background: #b22222;
}
.col_right .title {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    font-weight: normal;
    margin: 0;
    padding: 0;
}
.col_right .sumury {
    padding-right: 50px;
	font-size: 14px;
    line-height: 24px;
    color: rgba(255, 255, 255, .6);
}
.col_right .bao {
    display: block;
}
@media screen and (max-width: 768px) {
 .col_left {
    width: 100%;
    height: 220px;
}
 .col_left .item {
    margin: 20px;
}
 .col_left .big_title {
    margin: 0;
    padding: 0;
}
 .col_left .big_content {
	 width:90%;
	 padding-left:0;
    font-size: 14px;
    line-height: 30px;
    margin: 20px 0;
}
.sdys{
    overflow: hidden;
    background-size: cover;
}
.col_right .icon{ margin-left: 30px;}
.col_right .right {
    margin-left: 100px;
    padding-top: 20px;
}
.yyds{ padding-top:50px;}

.htgg2{ background:url(../images/ylzl3.jpg) center no-repeat fixed; height:330px; padding-left:15px;}
.htgg2 h2{ margin-top:30px; color:#fff; font-size:16px; line-height:30px;}
.htgg2 h3{ font-size:34px; color:#fff; margin-top:30px; font-weight:bold;}
.htgg2 h4{ margin-top:30px; color:#fff; font-size:16px; line-height:30px;}
.synews{overflow:hidden;}
.synews li{ width:33%; height:60px; line-height:60px; text-align:center; overflow:hidden; float:left; font-size:16px; color:#000;}
}

.cpxxh{ display:none;}
.cpsxh span{ width:99.3%; height:50px; float:left; line-height:50px; border:1px solid #e0e0e0;}
.cpxxhs{ width:96%; height:auto; background:#f0f0f0; padding:2%; overflow:hidden;}
.cpxhimg{ width:100%; overflow:hidden; display:inline-block;}
.cpxxhs img{ width:100%; transition: all .8s ease 0s;}
.cpxxhs:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.cpxxhs span{ width:100%; height:40px; line-height:40px; font-size:16px; overflow:hidden; float:left;}

.curr{ background:#353535; color:#fff;}
.curr::after {
    content: "";
    border: 8px solid transparent;
    border-top-color: #353535;
    float: left;
    position: absolute;
    left: 47%;
    top: 50px;
}


.newstit{ display:none;}
.newsdiv{ 
    width:94%;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.3);
    border-radius: 6px;
    background: #fff;
	padding:3%;
}
.jax{ border-bottom:2px solid #060606;}
.newsdiv img{ width:100%; height:176px;}
.newsdiv span{ height:40px; line-height:40px; float:left; width:100%; overflow:hidden; font-size:16px; color:#333;}
.newsdiv h2{ font-size:14px; color:#878787; font-weight:100; line-height:25px;}
.newsdiv:hover span{ color:#f00;}
.synews .zjx{ width:1px; height:16px; float:right; background:#9b9b9b; margin-top:22px;}

/*footer*/
.c-footer { background:url(../images/btmbg.jpg) center repeat-y;}
.c-footer a{ color:#707070; }
.c-footer .mt { overflow:hidden; padding:30px 0 10px 0; }

.foot-top{padding:30px 0;}
.footl{ width:30%;float:left;display:inline;}
.footc{ width:30%;float:left;display:inline;}
.footk{ width:calc(40% - 150px);float:left;}
.footr{float:left;width:150px;}

.footl h3,.footc h3,.footk h3,.footr h3{font-size:30px;color:#707070;margin-bottom:15px;width:25px;white-space:nowrap;padding-bottom:14px;border-bottom:1px solid #242f35;}
.footl h3 span,.footc h3 span,.footk h3 span,.footr h3 span{font-size:12px;display:block;color:#fff;opacity:0.2;font-weight:lighter;line-height:100%;}
.footl p a{display:block;width:50%;color:#707070;float:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}
.footl p a:hover{text-decoration:underline;color:#00a494;}
.footc p{color:#707070;background-position:left center;line-height:40px;font-size:16px;}
.footc p span{margin-left:18px;}
.footc p.btel{background:url(../images/foot_icon1.png) no-repeat left center }
.footc p.ren{background:url(../images/foot_icon2.png) no-repeat left center;}
.footc p.add{background:url(../images/foot_icon4.png) no-repeat left center;}

.footr em i{display:block;float:left;width:150px;}
.footr em i:last-child{float:right;}
.footr em i img{width:140px;height:140px; border:3px #fff solid}
.footr em i span{display:block;font-size:16px;color:#F4F4F4;background:url(../images/foot_ss.png) left center no-repeat;line-height:20px;padding-left:32px;margin-top:16px;}

.footk p a{display:block;width:100%;color:#707070;float:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}
.footk p a:hover{text-decoration:underline;color:#00a494;}

.c-footer .mc { border-top:1px solid #333; padding:13px 0; overflow:hidden; font-size:14px; line-height:28px; color:#fff; margin-top:20px;}
.c-footer .mc span { float:left; }
.c-footer .mc dl { float:left; }
.c-footer .mc dt { float:left; padding:0 10px; }
.c-footer .mc dd { float:left; }
.c-footer .mc dd a { color:#fff; }
.c-footer .mc dd a:hover { color:#00a494; }

.c-copy { padding:11px 0; text-align:center; font-size:16px; line-height:30px; color:#707070; background:#13191d; }
.c-copy a{ color:#707070; }
@media screen and (max-width:1280px){
.footl{ width:25%;}
.footc{ width:35%;}
}
@media screen and (max-width:1024px){
.footl{ display:none;}
.footc{ width:calc(100% - 150px);}
.footk{display:none;}
.c-footer .mc { display:none;}
}
@media screen and (max-width:767px){
.footr{ display:none;}
.footc{width:50%;padding-left:20px;}
.footk{ width:calc(50% - 20px);}
.c-copy .fl,.c-copy .fr{ float:none;}
.c-copy font{ display:block } 
}
@media screen and (max-width:640px){
.footc{width:100%;padding-left:9px;}
.footk{ display:none;}
.c-copy { padding-bottom:75px;}
.c-copy .my{ display:none} 
}

.fxdb{display:none}
@media screen and (max-width:640px) {
.fxdb{display:block;height:60px;position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+440));}
.fxdb li{float:left;list-style:none; height:55px; text-align:center;box-sizing:border-box; width:50%;}
.fxdb li a{display:block;width:94%; text-align:center; margin:0px auto; background:#00a393; border-radius:50px; height:50px;box-shadow:0 0 5px #fff;}
.fxdb li img{height:30px; margin-top:10px}
}
.vipb{ position:absolute; bottom:3px; right:5px; height:30px; background:url(../images/vip.png) no-repeat center right; padding-right:68px; font-size:20px; color:#e7b144; line-height:35px; text-align:right; z-index:99}
.vipb a{color:#e7b144;font-size:20px; }
@media screen and (max-width:640px) {
.vipb{ bottom:62px; right:5px;}	
.bottomf{ margin-bottom:60px;}
.abfl{ background:url(../images/servicerbg.jpg) left bottom no-repeat; padding:20px;}
.abfl h2{ font-size:21px; font-weight:bold; color:#fff; line-height:45px;}
.abfl h3{ font-size:21px; color:#B22222; line-height:45px;}
.abfr{ background:url(../images/servicnfbg.jpg) center no-repeat; padding:20px;}
.aboutsl li{ margin-right:0 !important;}
.ly{ display:none;}
.sxfyr{ text-align:left !important;}
.newtit{ font-size:20px;}
.cpnmb{ overflow:hidden; padding:5px;}
}
.animate-tel { animation:tada 1s linear infinite; transform-origin:50% 50%; -webkit-animation:tada 1s linear infinite; -webkit-transform-origin:50% 50%; -moz-animation:tada 1s linear infinite; -moz-transform-origin:50% 50%; -o-animation:tada 1s linear infinite; -o-transform-origin:50% 50%; -ms-animation:tada 1s linear infinite; -ms-transform-origin:50% 50%; }
.bottomf{ border-top:1px solid #333; height:50px; line-height:50px; overflow:hidden; color:#707070;}
.bottomf a{ color:#707070;}

.daohang{ height:60px; line-height:60px; background:rgba(238, 238, 238, 1); overflow:hidden;}
.dw a{ color:#00a494; font-size:14px;}
.aboutsl li{ width:90px; float:left; text-align:center; position:relative; margin-right:30px;}
.aboutsl li a{ font-size:18px; color:#333;}
.aboutsl li:before {
    content: "";
    position: absolute;
    z-index: 10;
    background: #00a494;
    left: 0%;
    right: 0;
    width: 0%;
    bottom: 2px;
    height: 2px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.aboutsl li:hover:before {
	width: 100%;
}
.aboutsl li:hover a{ color:#00a494;}

.nyabout{ font-size:16px; color:#333; line-height:2.2; text-indent:2em;}
.nyabout p{ text-indent:2em;}
.nyabout h2{ text-align:center; font-size:38px; color:#B22222; line-height:42px;}
.nyabout h3{ text-align:center; font-size:30px; color:#2c2827; font-weight:bold;}
.nyabout h4{ width:100%; height:1px; float:left; background:#dcdcdc;}


.abfl h4{ font-size:16px; color:#d3d3d3; line-height:27px; margin-top:20px; overflow:hidden;}
.abfl h5{ width:60px; height:2px; background:rgba(178, 34, 34, 1); margin-top:20px;}

.abfr_t{ width:50%; height:auto; overflow:hidden; float:left; margin-bottom:30px;}
.abfrt_t1{ width:90%; height:auto; float:left; overflow:hidden;}
.abfrt_t2{ width:90%; height:46px; line-height:46px; float:left; overflow:hidden; font-size:16px; font-weight:bold; color:#333;}
.abfrt_t3{ width:90%; height:auto; float:left;}
.abfrt_t3 span{ width:16px; height:2px; background:#b22222; float:left;}
.abfrt_t4{ width:90%; height:auto; line-height:30px; padding-top:15px; overflow:hidden; font-size:14px; color:#696969;}

.aboutbgimg{ background:url(../images/ylzl3.jpg) center no-repeat fixed; height:365px;}
.newscon{ width:96%; overflow:hidden; float:left; padding:2%;}
.newscon h2{ font-size:14px; line-height:25px;}
.cpxxhs:hover .newscon{ background:#00a494; color:#fff;}


.newtit{ font-size:26px; color:#262626; line-height:60px;}
.newfenl{ width:100%; height:60px; line-height:60px; border-top:1px solid #ddd; background:#fafafa; text-indent:2em; font-size:14px;}
.nynewcon{ width:100%; overflow:hidden; margin-top:20px; font-size:16px; line-height:30px; text-indent:2em;}
.nynewcon p{ text-indent:2em;}
.nynewcon img{ max-width:100%;}
.gjc{ width:100%; height:auto; margin-top:20px; overflow:hidden;}
.gjc a{ margin-right:10px;}
.sxfy{ width:100%; border-bottom:1px solid #ddd; margin-top:25px; padding-bottom:15px;}

.cpzxxh{ border:1px solid #eee; transition: all .5s ease; padding:10px; border-radius:6px; overflow:hidden;}
.cpzxxh:hover{ box-shadow: 0 0 15px 0 rgba(0,0,0,.1);}
.cpzxxh img{ width:100%; transition: all .8s ease 0s;}
.cpzxxh:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgBox{ overflow:hidden; margin:15px 0;}
.titleBox{
    padding: 10px 0px 5px;
    border-top: 1px solid #eee;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align: center;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	position:relative;
}
.titleBox:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 1px;
    background: #00a494;
    z-index: 1;
    transition: all .5s ease;
}
.cpzxxh:hover .titleBox:before{ width:100%;}

.cpnyt{ width:100%; overflow:hidden;}
.cpnyt img{ width:100%;}
.pro_name{ padding-left:30px;}
.pro_name h2{font-size:20px;padding:22px 0;border-bottom:1px dashed #ddd;}
.pro-canshu{padding:0;}
.pro-canshu p{line-height:30px;color:#666;}
.pro_name a.nm{display:block;width:172px;height:40px;border:1px solid #5F5F5F;background:#5F5F5F;color:#fff;text-align:center;line-height:40px;}
.pro_name a.nm:hover{display:block;background:none;color:#5F5F5F;}
#textarea img{ max-width:100%}
@media screen and (min-width:768px){
	.pro_name h2{font-size:22px;}
	.pro-canshu{padding:0;}
	.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (min-width:1200px){
	.pro_name h2{font-size:24px;}
	.pro-canshu{padding:0;}
	.info_title h3{padding:48px 0 24px 0;}
}
.xgcp_title {
    padding: 10px;
    background-color: #fafafa;
    margin: 15px 0;
	overflow:hidden;
	width:100%;
	float:left;
}
.xgcp_title h3 {
    color: #bc1717;
    border-left: 2px solid #bc1717;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 20px;
}
.newcontents{ line-height:30px; font-size:16px; padding:0 10px; overflow:hidden;}
.newcontents img{ max-width:100%;}
.ny-page {
    border-top: 1px solid #ddd;
    line-height: 36px;
    padding: 10px 0 0;
    font-size: 14px;
	overflow:hidden;
}
.txtW {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.tr{ text-align:right;}
@media screen and (max-width: 1024px){
.ny-page .txtW {
    font-size: 15px;
}
.tr{ text-align:left;}
}
.xgxw {
    border-bottom: 1px dotted #ccc;
    height: 25px;
    line-height: 25px;
    text-align: left;
    overflow: hidden;
	padding-bottom:10px;
}
.xwzx ul li span {
    float: right;
}
.xgxw{ width:100%;}
.xgcp{ width:100%; overflow:hidden; text-align:center; line-height:30px;}
.xgcp img{ width:100%;}

.cplxwm{ width:100%; overflow:hidden;}
.cplxwm li{ line-height:30px; font-size:16px;}
.cplxwm li strong{ color:#f00;}