﻿@charset "utf-8";/*通用*/
.ys-banner-wrap { color: #fff;  width: 1200px; margin: 0 auto; font-size: 16px; line-height: 2 }
.ys-banner-wrap h1{font-size: 36px; font-weight: bolder}
.ys-banner-wrap p{font-size: 16px; line-height: 1.2; margin: 10px 0 0 }
/*----------------------*/
.bt3{ width:1200px; display: table; margin: 0 auto; padding: 60px 0 40px}
.bt3 span{ width: 60px; height: 8px; background: #008482; display: table; margin: 0 0 15px }
.bt3 h1{ font-size: 34px; color:#333; font-weight: bolder;text-transform: uppercase; }
.bt3 time{ float: right; font-size:16px; margin: 23px 0 0;   font-weight: bold;  color: 878787;}
.bt3 p{ font-size: 20px; line-height: 1.5; padding: 10px 0 0}
.bt3 .bt3-1{ float:left}
.wrap-ab p{ font-weight:200;}

.zhongduann{display: none;}
.zhongduan{max-width: 1200px;margin: 0 auto;width: 100%;overflow: hidden;box-sizing: border-box;position: relative;height: 222px;}
.zhongduan img{box-sizing: border-box;width: 100%;}
.zhongduan .fudongwenzi{position: relative;z-index: 1;top: -174px;float: right;padding-right: 50px;color: white;font-size:18px;line-height: 1;font-family: ''; width: 60%;}
.zhongduan .fudongwenzi p{ font-size:18px;line-height: 1; color: #fff; font-weight: bolder}
.zhongduan .fudongwenzi .dzbt{font-size: 14px;line-height: 1.2;font-family: '';font-weight: bold;display: block;padding-bottom: 10px;color: #fff; font-weight: 100 }

.zhongduan .fudongwenzi .anniu a{color: #FFFFFF;}
.zhongduan .fudongwenzi .anniu a{background-color: #e94709;  font-size:16px;  text-transform: uppercase;font-family: '';letter-spacing: 2px; padding: 0px 8px; display: table; height: 30px; line-height: 30px; text-align: center; color: #fff;}


@media (max-width: 768px){
.zhongduan { display: none}
.zhongduan{height: 150px;}
.zhongduan .fudongwenzi{top: -105px!important;}
.zhongduan .fudongwenzi .anniu{/* padding: 6px 12px 11px 20px;*/height: 15px;display: block;margin-top: -10px;}
.zhongduann{ display: table}
 .zhongduann{margin: 0 auto;width: 100%;overflow: hidden;box-sizing: border-box;position: relative;top: -21px;}
.zhongduann img{box-sizing: border-box;width: 100%;padding: 15px 0;}
.zhongduann .fudongwenzi{color: #444;font-size: 1.2rem;line-height: 1.2;font-family: '';padding: 0 ;}
.zhongduann .fudongwenzi .dzbt{font-size: 0.9rem;line-height: 1.2;font-family: '';/* font-weight: bold;*/}
.zhongduann .fudongwenzi .anniu{padding: 4px 10px;width: 50%;height: 30px;background-color: #e94709;color: #ffffff;text-align: center;}

}


.pinpaiInfo{ width: 1200px; display: table; margin: 0 auto}
.pinpaiInfo .tibt{font-size:30px;color:#000000;text-align:center;font-weight:bold; padding: 30px 0}
.pinpaiInfo ul{width:100%;margin:0 auto;padding-bottom:1rem;}
.pinpaiInfo ul li{float:left;width:25%;font-size:16px;height: 80px;margin: 0 0 10px;}
.pinpaiInfo ul a{color: #444;}
.pinpaiInfo ul a:visited{color: #444;}
.pinpaiInfo ul li.ppaaa{padding-left:16%;}
.pinpaiInfo ul li span{float:left;margin-right: 10px; font-size: 14px; display:block;height:40px;line-height:20px;}
.pinpaiInfo ul li .wzys{display: table;float: left;width:60%;}

/*about*/

.ab-k1{ width: 1200px; display: block; margin: 0 auto}
.ab-zj .slick-slide{ height: auto}

.ab-zj .slick-arrow{width:53px;height: 138px;background-size: 100% !important;z-index: 10; opacity: 1}
.ab-zj .slick-prev{background: url(../images/ico-left-slick01.png) no-repeat center center;left:0; top: 200px;
     border-radius: 0;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px; background-size: auto 100%
}
.ab-zj .slick-next{background: url(../images/ico-right-slick01.png) center center;right: 0;top:200px;
    border-radius: 0;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px; background-size: auto 100%

}
.ab-zj .slick-next:hover{background:  url(../images/ico-right-slick01.png) center center #fff;}
.ab-zj .slick-prev:hover{background: url(../images/ico-left-slick01.png) center center #fff;}

.ab-zj .slick-dots li{font-family: "iconfont" !important; width:12px; height: 12px;opacity: 1;border: 1px solid rgba(255, 255, 255, 1);  padding: 5px; background: none; box-sizing: border-box; border-radius: 50%; }
.ab-zj .slick-dots li.slick-active{opacity: 1; background: #fff; border: 1px solid #fff;}
.ab-zj .slick-dots{top: 360px;}
.zb-zj-1{ width: 100%; position: relative}
.zb-zj-1 .ab-zj-1-w{ width: 100%; position:absolute;top:50%;left:50%;transform:translate(-50%,-50%); z-index: 99}
.ab-zj-1-ww{display:flex;flex-direction:column; color: #fff; text-align: center}
.ab-zj-1-ww h1{ font-size:32px; font-weight: bolder;text-shadow: 1px 1px 10px #666; margin: 0 auto 20px;}
.ab-zj-1-ww h2{font-size: 100px; font-weight: bolder;text-shadow: 1px 1px 10px #666;}
.ab-zj-list{ width: 92%; margin: 0 auto; display: block; padding: 5% 0 0}
.ab-zj-list dl{ width: 100%; display: table;border-top: 1px solid #e1e1e1; padding: 5% 0 4%}
.ab-zj-list dl h1{ width:170px; float: left; font-size: 60px; color: #333; font-weight: bolder; line-height: 1}
.ab-zj-list dl .ab-zj-list-w{width: calc(100% - 170px); float: right}
.ab-zj-list dl .ab-zj-list-w p,.ab6 p{ font-size: 16px; line-height: 1.5; margin: 0 0 10px}
.ab6{ padding: 30px 0;}


.ab-k{ width: 1200px; display: table; margin: 0 auto;}
.ab1{ width: 100%; padding: 30px 0}
.ab1 h1{ width: 68%; float: left; font-size:22px; line-height: 1.5; font-weight: 300}
.ab1 img{ width: 29%; float: right;}
.ab2{ width: 100%; display: table}
.ab2-l{ width: 50%; float: left; padding: 0 3% 0 0; box-sizing: border-box}
.ab2-l li{ width: 100%; vertical-align: middle;    display: inline-block; margin: 0 0 30px}
.ab2-l li h1{ width: 30%; display: inline-block; vertical-align: middle; font-size: 16px; text-align: center; padding:3% 0 0}
.ab2-l li time{ display: table; font-size: 32px; color: #000; font-weight: bolder; margin: 0 auto 10px}
.ab2-l li p{ width: 70%; float: right; font-size: 16px; line-height: 1.5;    vertical-align: middle;
    border-left: 1px solid #ddd;padding:10px 0 10px 4%; box-sizing: border-box}
.ab2-r{ width: 50%; float: right}

.ab3{ width: 100%; display: table; padding:20px 0; font-size: 18px; line-height: 1.5}
.ab3 p{ line-height: 1.5;}
.ab4-a{ display: table; width: 100%; text-align: right}


/*yw*/
.ywk{max-width:1200px; display: table; margin: 0 auto; padding:0 0 60px;}
.yw1{ font-size: 18px; color:#444; line-height: 2; margin: 0 0 30px}
.yw1 p{line-height: 1.8; font-weight:200}
.yw2{flex-wrap: wrap;max-width:1200px; margin: 0 auto; }
.yw2 li{margin:0 0 2% 0; float: left;width:49%;position: relative;min-height: 1px;flex-grow: 1; display: table;border: 1px solid #c8c8c8;}
.yw2 .boxs{position: relative;height: 100%;}
.yw2 .boxs .xw1-t{display: block;-webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;overflow: hidden;position: relative;padding-top: 57%;}
.yw2 .boxs .xw1-t img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;-webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;}
.yw2 li:nth-child(2n){ float: right}
.yw2 a h1{ font-size: 22px; width:100%; display: table;padding:25px 5%; box-sizing: border-box}
.yw2 a h1 time{ float: right;}

.yw3{ width:1200px;margin: 60px auto; padding:60px 0 0; display: table;border-top: #eeeeee solid 1px;  }
.yw3 h1{ font-size:28px; margin:0 auto 20px; text-transform: uppercase; font-weight:bolder; text-align:center;}
.yw3 ul{width:100%;margin:0 auto;text-align:center}
.yw3 ul li{ width:33%;font-size:18px; display:inline-block; text-align:center}
.yw3 ul a{color:#444}
.yw3 ul a:visited{color:#444}
.yw3 ul li span{float:left;margin-right:5%;width:12%;display:block;}
.yw3 ul li span img{ width:100%}
.yw3 ul li .wzys{padding-top:1%;width:70%; float:left; text-align:left}
.yw3 ul li:nth-child(2){ width:20%; line-height:2}
.yw3 ul li:nth-child(2) span,.yw3 ul li:nth-child(3) span{ line-height:30px}
.yw3 ul li:nth-child(3) span{width:15%;    margin-right: 3%;}
.yw3 ul li:nth-child(3) .wzys{width:70%; }

/*join*/
.ab-ln{ width: 1200px; margin: 0 auto; display: table}
.ab-ln .ln-wap{ display: none}
.ab-ln-1{ width: 100%; position: relative; }
.ab-ln-1 .ab-ln-1-w{ background: rgba(255, 255, 255, 0.8); position: absolute;top: 50%; right: 0;
    transform: translate(-0%, -50%); padding:20px 30px; box-sizing: border-box; font-size: 16px; line-height: 1.5; width: 60%}
.ab-ln-1 .ab-ln-1-w li{ padding: 10px 0}	
.ab-ln-1 .ab-ln-1-w h1{ font-size: 24px; color: #000; margin: 0 0 10px}	

.join{ max-width:1200px; background: #f2f3f5; display: table; margin: 0 auto; text-align: center; padding: 4% 8%; box-sizing: border-box; font-size: 18px; line-height: 1.4}
.ab-dw2{ padding: 0 0 80px;}
.join p{font-size: 18px; line-height:1.4}
.join h1{ color: #333; font-size: 28px;font-weight: bolder; margin: 0 auto 20px;}
.join h1 a{ color: #008d8b}

/*xw*/
.xw1{flex-wrap: wrap;width:1200px; margin: 0 auto;display:table}
.xw1 li{margin:0 0 2% 0;width:100%;position: relative;min-height: 1px;flex-grow: 1; display: table}
.xw1 .row{/*display: flex!important;flex-wrap: wrap;*/}
.xw1 .boxs{position: relative;height: 100%;}
.xw1 .boxs .xw1-t{display: block;-webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;overflow: hidden;position: relative;padding-top: 26%;}
.xw1 .boxs .xw1-t{ width: 38%; float: left}
.xw1 .boxs .xw1-t img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;-webkit-transition: all .6s ease 0s;transition: all .6s ease 0s;}
.xw1 .boxs .xw1-w{ width: 56%; float: right;font-size: 16px; font-weight: 400; line-height: 1.4; color: #555}
.xw1 .boxs .xw1-w h1{ font-size:28px; color: #000; line-height: 35px; height: 70px;}
.xw1 .boxs .xw1-w time{ margin: 40px 0 20px; display: table}
.xw1 .boxs .xw1-w p{font-size: 16px; font-weight: 400; line-height: 1.4;  }
.xw1 .boxs .xw1-w span{ margin: 40px 0 0; font-weight: bolder; display: table}
.xw1 .boxs:hover .xw1-w h1,.xw1 .boxs:hover .xw1-w span,.lx-nav li h2 a:hover,.lx-nav li a:hover{ color: #008482}

.xw-n{ width: 1200px; margin: 0 auto; font-size: 15px; line-height: 2; color: #333;    border-top: 1px solid #f6f6f6; padding: 40px 0}
.bt4{ font-size: 32px; line-height: 1.4; color:#333; font-weight: bolder;text-transform: uppercase; margin: 0 0 30px}
.xw-n p,.yw-n-xx p,.bq-xx p{font-size: 15px; line-height: 2; color: #333; }
.about-n-fy{ width: 1200px; display: table;margin: 40px auto 0; padding: 20px 0 80px;border-top: 1px solid #666;}
.about-n-fy ul{padding: 0 0; width: 90%; float: left}
.about-n-fy li{width: 100%;display: inline-block; padding: 5px 0}
.about-n-fy li a{font-size: 14px;color: #444;}
.about-n-fy li a .about-n-fy-w{line-height: 1.6;width: 70px;display: inline-block;float: left}
.about-n-fy li a .about-n-fy-w1{line-height: 1.6;width: calc(100% - 75px);display: inline-block}
.about-n-fy li a:hover .about-n-fy-w1{color: var(--color);}
.fy-a{ float: right; padding: 10px 0 0}
.fy-a a{color: #008d8b; position: relative; font-size: 20px; width: 36px; height: 36px; }
.fy-a a:before {content:"\e628"; color: #008d8b; font-size: 36px;   font-family: "iconfont" !important;}


/*yw*/
.yw-n{ width:1200px; margin:0 auto; }
.yw-n-nav{ line-height:64px;  width:100%; display:table;  margin:0 auto;border-bottom: 1px solid #f6f6f6;}
.yw-n-nav ul{width:1200px; margin:0 auto;display:table}
.yw-n-nav ul li{ display:inline-block; margin-right:40px}
.yw-n-nav ul li a{ color:#444; padding:0 10px; font-size:20px;line-height:62px; display:table; border-bottom:2px solid rgb(255,255,255,0); height:62px  }
.yw-n-nav ul li a.on,.yw-n-nav ul li a:hover{ color:#008d8b; border-bottom:2px solid #008d8b}
.yw-n-t{ width:100%; }
.yw-n-t img{ width:100%;}
.yw-n-t-wap{ display:none}
.yw-n-xx{ font-size: 15px;  line-height: 2; color: #333;padding:40px 0}

.yw-n-t1{ width:100%; display:table; text-align:center; padding: 0 0 40px }
.yw-n-t1 img{ width:49%; margin-right:2%; display:inline-block}
.yw-n-t1 img:nth-child(2){ margin-right:0}

/*lx*/
.lxk{ width:1200px; margin:0 auto; display:table}
.lx-dt{ width:100%; padding:0 0 60px}
.lx-w{width:100%; padding:60px 0 10px}
.lx-w ul{ padding:0 0 60px; width:100%; display:table}
.lx-w h1{ color:#000; font-size:26px; font-weight:bolder; margin:0 0 20px}
.lx-w ul li{ width:50%; font-weight:200; display:table; float:left; font-size:18px; line-height:2}
.lx-w .lx-w-1 li{ width:100%}
.lx-nav{ width:100%; padding:10px 0 60px; display:table}
.lx-nav li{ width:20%; display:inline-block; float:left}
.s { float:left;width: 8px; height: 8px; margin:6px 12px 0 0; display:block; background:#00716f; }
.lx-nav li a{display: block;font-size: 20px; font-weight:bolder; line-height:20px;color: #5e6267; font-family: Microsoft YaHei;}	
.lx-nav li h2{ margin-left:20px; padding:10px 0}	
.lx-nav li h2 a{display: block;font-weight:200;font-size: 16px;color: #5e6267; padding:8px 0; line-height:1.2 }	
.lx-nav li h2 a:hover{}
.lx-nav li:nth-child(2){width:25%;}
.lx-nav li:nth-child(5){ width:15%}
/*bq*/
.bq-xx{width:1200px; margin:0 auto; display:table; padding: 0 0 10px}


/*行隐藏*/
.xw1 .boxs .xw1-w h1,.xw1 .boxs .xw1-w p{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }



@media screen and (max-width:1199px){
.ys-pos-center{ width: 100%}
.ys-banner-wrap{ width:96%; margin: 0 auto; text-align: center; }
.ys-banner-wrap h1{font-size: 1.4rem; line-height: 1.5}
.xw1,.bt3,.xw-n{ width: 94%;}
.xw1 .boxs .xw1-w time{margin:30px 0 15px;}
.xw1 .boxs .xw1-w span{    margin: 30px 0 0;}
.xw1 .boxs .xw1-w h1{ font-size: 24px; line-height: 30px; height: 60px}
.xw1 .boxs .xw1-w,.xw1 .boxs .xw1-w p { font-size: 15px}
.xw-n{ padding: 20px 0; }
.bt4{font-size: 24px; }
.about-n-fy{ width:94%;    padding: 20px 0 50px; }
.about-n-fy ul{ width: 100%}
.fy-a{ float: inherit; margin: 0 auto; display: table}
.xw-n p, .yw-n-xx p, .bq-xx p{ line-height: 1.6}
.bt3 h1{ font-size: 32px;}
.ab-ln{ width: 94%;}
.join{width: 94%;    padding: 8% 8%;}
.ywk,.yw-n,.bq-xx{ width: 94%;}
.yw1 p{ line-height: 1.5}
.yw1{ font-size: 16px;}
.yw2{ width: 100%}
.yw2 a h1{ font-size:20px;}
.yw-n-nav{ border-bottom:none}
.yw-n-nav ul,.lxk { width:94%; display: block}
.yw-n-nav ul li{ margin-right:2%}
.yw-n-nav ul li a{font-size:18px;}
.lx-w{    padding:8% 0 1%;}
.lx-w ul li{ width:100%}
.lx-w ul{ padding: 0 0 8%;}
.lx-w h1{    margin: 0 0 10px;}
.ab-k{ width: 94%;}
.ab1 h1{ width: 100%; font-size: 20px}
.ab1 img{ float: inherit; width: 50%; padding: 10px 0 0}
.ab2-r{ float: inherit;; width: 100%; margin: 0 0 5%}
.ab2-r img{ width: 100%}
.ab2-l{ width: 100%; float: inherit; padding: 0}
.ab2-l li h1{ padding: 3% 2% 0}
.ab3{ padding: 10px 0}
.ab4-a{ text-align: center}
.ab-k1{ width: 94%}
.ab-zj-1-ww h2{ font-size: 80px;}
.ab-zj-1-ww h1{ font-size: 26px;}
.ab-zj .slick-dots{top: 16%;}
.ab-zj .slick-next{ top: 7%; width: 40px; height: 80px;}
.ab-zj .slick-prev{ top: 7%; width: 40px; height: 80px;}
.newslist{ width: 94%}
.pinpaiInfo { width: 94%}
.pinpaiInfo ul li{ width: 50%}

}
@media screen and (max-width:760px){
.xw1 .boxs .xw1-t{ width: 100%;    padding-top: 70%;}
.xw1 .boxs .xw1-w{ width: 100%; padding: 5% 0 8%}
.xw1 .boxs .xw1-w h1{ font-size: 1.2rem; line-height: 1.2;  height: auto}
.xw1 .boxs .xw1-w time{margin: 15px 0 10px;}
.xw1 .boxs .xw1-w p{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.xw1 .boxs .xw1-w span{  margin: 15px 0 0;}
.bt3 h1{  font-size: 1.6rem;}
.bt4{  font-size: 1.2rem;}
.bt3{ padding:45px 0 25px;}
.ab-ln .ln-wap,.yw-n-t-wap{ display: table}
.ab-ln .ln-pc,.yw-n-t-pc{ display: none}
.ab-ln-1 .ab-ln-1-w{ width: 100%; background: none; top: 5%; padding:15px 20px;   transform: translate(-0%, -5%);font-size: 14px;}
.ab-ln-1 .ab-ln-1-w li{ padding: 5px 0}
.ab-ln-1 .ab-ln-1-w h1{ font-size: 1.2rem;}
.join h1{  font-size: 1.3rem;}
.join p{ font-size: 15px; }
.yw2 a h1 time{ display: none}
.yw2 a h1{ font-size: 1rem; width: 100%; text-align: center; padding: 8% 3%}
.yw3{ max-width: 1200px; width:100%;margin: 40px auto 0;    padding: 40px 0 0;}
.yw3 h1{ font-size: 1.4rem;}
.yw3 ul li{ width:33%; float:left}
.yw3 ul li span{ float:inherit; width:100%; margin:0 auto}
.yw3 ul li:nth-child(2){ width:33%}
.yw3 ul li:nth-child(3) span{float:inherit; width:100%; margin:0 auto}
.yw3 ul li span img{ width:auto; height:40px;}
.yw3 ul li .wzys{ width:100%; text-align:center; padding-top:3%; font-size:0.9rem; line-height:1.5}
.yw3 ul li:nth-child(3) .wzys{ width:100%}
.yw3 ul li:nth-child(2) span, .yw3 ul li:nth-child(3) span{line-height:1.5}
.yw-n-nav ul { width:100%; padding:3% 0 0 2%; box-sizing:border-box}
.yw-n-nav ul li a,.yw-n-nav ul li a.on,.yw-n-nav ul li a:hover{border-bottom:none}
.yw-n-nav ul li{ margin:0  0 2% 2%; width:46%; text-align:center; }
.yw-n-nav ul li a{ text-align:center; width:100%; line-height:2; height:auto;box-sizing:border-box;  font-size:1.1rem;border:1px solid #f6f6f6}
.yw-n-nav ul li a.on{border:1px solid #008d8b}
.yw-n .bt3{padding: 25px 0 25px;}
.yw-n-xx{ padding:6% 0}
.yw-n-t1{    padding: 0 0 2%;}
.lx-w h1{font-size:1.5rem;}
.lx-w ul li{font-size:1rem; line-height:1.5; padding:5px 0}
.lx-nav li,.lx-nav li:nth-child(2),.lx-nav li:nth-child(5){ width:100%}
.lx-nav li h2 a{ display:inline-block; margin-right:4%}
.zb-zj-1 img{ height:250px;         max-width: inherit;}
.ab-zj-1-ww h2{ font-size: 2.4rem}
.ab-zj-1-ww h1{ font-size: 1.6rem}
.ab-zj .slick-next{ top: 120px; width: 40px; height: 80px;}
.ab-zj .slick-prev{ top: 120px; width: 40px; height: 80px;}
.ab-zj-list dl h1{ width: 100%;font-size: 2.4rem; margin: 0 0 2%}
.ab-zj-list dl .ab-zj-list-w{ width: 100%}
.ab-zj-list dl .ab-zj-list-w p{ font-size: 15px}
.ab-zj-list{ width: 100%}
.pinpaiInfo{ display: none}
.pinpaiInfo ul li{ width: 100%}

}










