@charset "UTF-8";* {margin:0;padding:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

@font-face {
  font-family: "iconfont"; /* Project id 3925941 */
  src: url('../font/iconfont.woff2?t=1677723356354') format('woff2'),
       url('../font/iconfont.woff?t=1677723356354') format('woff'),
       url('../font/iconfont.ttf?t=1677723356354') format('truetype');
}
.iconfont{font-family:"iconfont"!important; font-style:normal;}

@font-face {
 font-family: "canaro bold";
 src: url('../font/canaro-bold.ttf'); 	
}
@font-face {
 font-family: "siyuan m";
 src: url('../font/siyuan-m.ttf'); 	
}
@font-face {
 font-family: "siyuan l";
 src: url('../font/siyuan-l.ttf'); 	
}
@font-face {
 font-family:"siyuan b";
 src: url('../font/siyuan-b.ttf'); 	
}
@font-face {
 font-family:"siyuan r";
 src: url('../font/siyuan-r.ttf'); 	
}

body {font-size:12px; font-family:"siyuan m",Helvetica,Arial,sans-serif; color:#333;-webkit-text-size-adjust:none;  }
a {color:#333;text-decoration:none;outline:none;}
a:active {star:expression(this.onFocus=this.blur());}
a:link {text-decoration:none;outline:none;}
a:visited {text-decoration:none;outline:none;}
a:hover {text-decoration:none;outline:none;}
li {list-style:outside none;}
h1 {font-size:16px;}
h2,h3,h4,h5 {font-size:14px;}
h5 {font-size:12px;}
textarea,input {background:transparent; color:#ddd;outline:none;border:0px;}
em {font-style:normal;}
img {max-width:100%;border:0;}
.fl {float:left;}
.fr {float:right;}
.clear {clear:both;height:0px;display:block;_display:inherit;}
.ellipsis,.indexPart2 .swiper-slide .name a,.footNav .list dd a,.news li .name,.honor .name,.project .name p {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.before {content:"";display:block;position:absolute;left:50%;top:0;}
.h10 {height:0.1rem;overflow:hidden;clear:both;}
.h50 {height:0.5rem;overflow:hidden;clear:both;}
.wal {max-width:14rem;margin:0 auto;}
.wrap {max-width:18.2rem; margin:0 auto; padding:.35rem 0}
a,.transition,.loading .logo,.head,.indexPart1 .box,.indexPart1 .name span,.indexPart2 .swiper-slide,.indexPart2 .swiper-slide .time,.indexPart3 .list a p,.news li,.news li .name,.honorLayer,.project .box,:before,img,.nav {transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.flex {display:flex;display:-webkit-flex;}
.flexColumn {flex-direction:column;-webkit-flex-direction:column;}
.itemsCenter {align-items:center;-webkit-align-items:center;}
.justifyCenter {justify-content:center;-webkit-justify-content:center;}
.flexAround {justify-content:space-around;-webkit-justify-content:space-around;}
.pcShow {display:block;}
.phoneShow {display:none;}
.ntop .head{ background:#fff}
.head{position:fixed; z-index:50; width:96%; left:2%; height:1.4rem; padding:0 3%; right:auto; top:0; bottom:auto; }
.head.hide{}.head.on{}
.head .logo{display:block; width:11%; float:left; margin-top:.4rem}
.head .logoo{display:block; width:30%; float:left; margin-top:.4rem}
.head .nav{width:60%; float:right; margin-top:.65rem}
.head .nav ul{width:89%; float:left}
.head .nav li{float:left; width:16%; height:.5rem; line-height:.5rem; text-align:center; }
.head .nav a{color:#666; font-size:.17rem;}
.head .nav li.on{}
.head .nav li.on a{color:#fff; background:#009569; border-radius:.15rem; display:block; height:.3rem; line-height:.3rem; margin-top:.1rem; width:80%; margin:0 auto; margin-top:.1rem}
.head .nav li:hover.on a{color:#fff;}
.head .nav li:hover a,.head .on a,.head .language .a:hover{color:#009569;}
.head .nav li:nth-child(7),.head .nav li:nth-child(8),.head .nav li:nth-child(9){display:none}
.head .nav dl {display:none;}
.head .language{width:11%; float:right; position:relative;}
.head .language .a,.head .language .b,.head .language i{float:left; display:block; width:33.333%; height:.5rem; line-height:.5rem; text-align:center}
.head .language .b{font-size:.17rem; color:#666; cursor:pointer}
.head .language .b ul{width:160px; position:absolute; left:30px; top:60px; opacity:0; transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.head .language .b:hover ul{top:30px; opacity:1;}
.head .language .b ul li{width:50%; float:left; text-align:center;}
.head .language .b ul li a{font-size:.15rem;}
.head .language i{font-size:.17rem;}

.sNav {position:fixed;z-index:49;left:0;right:auto;top:1.2rem;bottom:auto;width:100%;min-height:2rem;background:#0059aa;padding:0 3.45rem;opacity:0;visibility:hidden;}
.sNav.on {opacity:1;visibility:visible;}
.sNav ul {padding:0 .7rem;}
.sNav li {float:left;width:20%;min-height:2.25rem;border-right:#006bbb solid 1px;padding:.2rem 0 0 .2rem;position:relative;}
.sNav li:nth-child(1):hover,.sNav li:nth-child(1).on {background:none;}
.sNav dd {padding-bottom:.06rem;}
.sNav a {display:inline-block;font-size:.14rem;height:.26rem;line-height:.26rem;color:#fff;padding:0 .18rem;-moz-border-radius:0.26rem;-webkit-border-radius:0.26rem;border-radius:0.26rem;}
.sNav a:hover {color:#fff;background:#21a0c3;}
@media screen and (max-width:1920px) {
.head .logo{margin-top:.6rem; width:12%;}
.head .language .b ul{left:10px;}
}
@media screen and (max-width:1780px) {
.head .nav{width:65%;}	
}
@media screen and (max-width:1680px) {
.head .nav{width:70%;}	

}
@media screen and (max-width:1480px) {
.head .nav{width:68%;}	
.head .language .b ul{left:0;}
.head .language .b:hover ul{top:25px;}
}
@media screen and (max-width:1380px) {
.head{height:1.2rem;}
.head .logo{width:16%; margin-top:.35rem}
.head .nav{margin-top:.45rem}
.head .language .b ul{width:100px;}
}
@media screen and (max-width:1024px) {

.head .language .b:hover ul{top:20px;}
}
@media screen and (max-width:920px) {
.head{background: rgba(255,255,255,1);}
.head .logo{width:20%; margin-top:.25rem}	
.head .nav ul{width:100%;}
.head .nav li{height:1rem; line-height:1rem;}
.head .nav li:nth-child(7),.head .nav li:nth-child(8),.head .nav li:nth-child(9){display:block}
.head .language{display:none}
.head .nav li.on a{background:none; display: inline}
}
@media screen and (max-width:780px) {
.head .logo{width:25%;}		
}
@media screen and (max-width:540px) {
.head .logo{width:33%; margin-top:.28rem}		
}
@media screen and (max-width:420px) {
.head .logo{width:35%;}		
}



#index{height:100vh; position:relative; overflow:hidden;}
#index .indexbox{padding-top:1.4rem}

#index .dots0{position:fixed; z-index:10; right:0.1%; bottom:38%; font-size:0;text-align:center; background: rgba(255,255,255,0.5); padding:4px 0; border-bottom-left-radius:15px; border-bottom-right-radius:15px; border-top-left-radius:15px; border-top-right-radius:15px; display:none}
#index .dots0 span{display:block; margin:0 .09rem; width:.14rem; height:.14rem;background:rgba(0,0,0,.3);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; cursor: pointer; margin-top:5px; margin-bottom:5px}
#index .dots0 span.swiper-pagination-bullet-active{background:rgba(0,149,105,.8);}


.index_box{position:relative; width:96%; height:100%; margin:0 auto;  overflow:hidden; background-repeat:no-repeat; background-size: 110%; background-position:top; opacity:0; top:80%; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:1.6s; clip-path: inset(0 0 0 0 round 70px 70px 0 0);}
.swiper-slide-active .index_box{opacity:1; top:0}

.indexTitle{text-align:center; color:#FFF; letter-spacing:.04rem; margin-top:.65rem; font-family:"siyuan r";}
.indexTitle.black{color:#555;}
.indexTitle.grey{color:#a0aaab;}
.indexTitle.green{color:#009569;}
.indexTitle.greyy{color:#747374;}
.indexTitle.float{ position:absolute; top:0; z-index:999; width:100%}
.indexTitle div{font-size:.48rem; height:.65rem; position:relative; opacity:0; top:-50px; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; transition-delay:.5s}
.indexTitle span{font-size:.34rem; position:relative; opacity:0; text-transform:uppercase;  display:block; bottom:-50px; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; transition-delay:.8s}
.swiper-slide-active .indexTitle div{opacity:1; top:0}
.swiper-slide-active .indexTitle span{opacity:1; bottom:0}
.indexTitle.news{margin-top:160px}
.indexTitle.news div{opacity:1; top:0;}
.indexTitle.news span{opacity:1; bottom:0;}

.more_box{display:block; text-align:center; font-size:18px; width:110px; height:34px; line-height:30px; border-radius:17px; position:relative; opacity:0; bottom:-80px; transition:.8s; -webkit-transition:.8s;-moz-transition:.8s; -o-transition:.8s; transition-delay:.8s; font-family: "siyuan l";}
.more_box.about{width:120px; height:36px; line-height:34px;}
.swiper-slide-active .more_box{opacity:1; bottom:0}
.more_box.white{border:1px solid #fff; color:#FFF; margin:0 auto}
.more_box.black{border:1px solid #555; color:#666;}
.more_box.grey{border:1px solid #a9a9a9; color:#a9a9a9; margin:0 auto}

.box_foot{background:rgba(0,0,0,.2); width:100%; position:absolute; left:0; bottom:0; height:1.1rem; z-index:99; opacity:0; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; transition-delay:1.5s; clip-path: inset(0 0 0 0 round 70px 70px 0 0);}
.box_foot i{display:block; width:.5rem; height:.5rem; line-height:.5rem; border-radius:100%; border:1px solid #FFF; text-align:center; font-size:.35rem; color:#fff; margin:0 auto; margin-top:.3rem; 
animation:bounce 1.5s 1.5s infinite;}
.swiper-slide-active .box_foot{opacity:1; bottom:1.4rem;}
.box_foot.grey{background:rgba(0,0,0,.1);}
.box_foot.grey i{border:1px solid #595757; color:#595757;}
.ntop .box_foot{opacity:1; position:relative; bottom:0}

.foot_box{background:rgba(0,0,0,.8); color:#b5b5b5; padding-top:.2rem; height:1.2rem;}
.foot_box02{opacity:1; bottom:0; position:relative}
.foot_content{width:58%; margin:0 auto;}
.foot_content .footbox{width:23%; float:left}
.foot_content .foot_title{width:31%;}
.foot_content .foot_title b{font-size:.22rem; letter-spacing:.07rem; font-family:"siyuan b"; font-weight:normal; display:block}
.foot_content .foot_title b img{width:75%; margin-top:5px}
.foot_content .foot_title p{font-size:12px; display:block; margin:0 0 5px; letter-spacing:.007rem; font-family: "siyuan l";}
.foot_content .foot_title span{letter-spacing:0; font-family: "siyuan l";}
.foot_content .foot_cont b{font-size:12px; font-family:"siyuan b"; font-weight:normal}
.foot_content .foot_cont p{font-size:12px; display:block; margin:0; font-family: "siyuan l";}
.foot_content .foot_cont span{font-size:.16rem; font-family:"siyuan b"; font-weight:normal}
.foot_content .foot_cont img{ margin-right:10px}
.foot_content .foot_copyright b{font-size:12px; font-family:"siyuan b"; font-weight:normal}
.foot_content .foot_copyright p{font-size:14px; display:block; margin:0 0 5px; font-family: "siyuan l";}
.foot_content .foot_copyright span{font-size:12px; display:block; line-height:20px; font-family: "siyuan l";}
.foot_content .footbox a{color:#b5b5b5;}
@media screen and (max-width:2480px) {
.index_box{background-size:cover;}		

}
@media screen and (max-width:1920px) {
.index_box{background-size:104%;}		
.indexTitle{margin-top:.45rem}
.indexTitle div{font-size:.36rem; height:.5rem;}
.indexTitle span{font-size:.24rem;}
.more_box{font-size:12px; width:80px; height:25px; line-height:23px; border-radius:12px;}
.foot_content{width:85%; margin:0 auto;}
.foot_content .foot_title{width:25%;}
.foot_content .footbox{margin-right:2%}
.foot_content .foot_copyright{margin-right:0}
.foot_content .foot_title span{letter-spacing:0; }
}
@media screen and (max-width:1780px) {
.index_box{background-size:100%;}		
.indexTitle div{font-size:.32rem;}
.indexTitle span{font-size:.2rem;}
.foot_content{width:84%;}	
}
@media screen and (max-width:1680px) {
.index_box{background-size:110%; }	

}
@media screen and (max-width:1600px) {
.index_box{background-size:115%; }	
}
@media screen and (max-width:1440px) {
.index_box{background-size:105%;}	
.indexTitle div{font-size:.3rem;}
.indexTitle span{font-size:.2rem;}
.foot_content{width:90%;}	
}
@media screen and (max-width:1380px) {
.index_box{background-size:142%; clip-path: inset(0 0 0 0 round 60px 60px 0 0);}		
#index .indexbox{ padding-top:1.2rem}
#index .dots0{right:0}
#index .dots0 span{width:.12rem; height:.12rem;}
.swiper-slide-active .box_foot{bottom:1.21rem;}
.foot_content .foot_copyright .sj{display:none}
.box_foot{clip-path: inset(0 0 0 0 round 60px 60px 0 0);}
.foot_content .foot_cont p{margin:0;}
.foot_content .foot_title b img{width:80%;}
.foot_content .foot_title span{letter-spacing:0;}
}
@media screen and (max-width:1280px) {
.foot_content .footbox.foot_title{width:40%; display:none}
.foot_content .footbox{width:30%;}
.foot_content .foot_copyright{width:36%}
}
@media screen and (max-width:1180px) {
.index_box{background-size: cover;}		
}
@media screen and (max-width:1024px) {
.foot_box{height: 1.4rem;}	
.index_box,.box_foot{clip-path: inset(0 0 0 0 round 50px 50px 0 0);}		
}
@media screen and (max-width:920px) {
.page{ height: auto!important}
.home .index_box,.home .indexTitle div,.home .indexTitle span,.home .foot_box{opacity:0;}
.home .swiper-slide-active .index_box{opacity:1; top:0}
.home .swiper-slide-active .indexTitle div,.home .swiper-slide-active .indexTitle span,.home .swiper-slide-active .box_foot{opacity:1;}


.index_box,.indexTitle div,.indexTitle span,.foot_box{opacity:1;}
.indexbox{display:block !important}
.mobilebox{height:auto !important; overflow:hidden}
.indexTitle{margin-top: 0.6rem;}
.indexTitle div{top:0px; font-size:.36rem;background-size:2.5rem;}
.indexTitle span{bottom:0px; font-size:.24rem;}
.home .index_box{clip-path: inset(0 0 0 0 round  50px 50px 0 0); height:auto;}
.index_box{clip-path: inset(0 0 0 0 round 0); height:auto;}
.more_box{opacity:1; bottom:0;}

.foot_content .footbox{width:29%;}
.foot_content .foot_copyright{width:42%}

#index .swiper-slide:nth-child(1) .index_box{clip-path: inset(0 0 0 0 round 50px 50px 0 0);}

.foot_content .footbox{display:none}
.foot_content .footbox.foot_copyright{ display: block; text-align:center; width:100%}	
.foot_box{padding-top:.14rem;}
.foot_content .foot_copyright p{margin:0;}
}
@media screen and (max-width:540px) {
.indexTitle{margin-top: 0.4rem;}	
.indexTitle span{font-size:.14rem; padding-top:0}
#index .swiper-slide:nth-child(1) .index_box{clip-path: inset(0 0 0 0 round 40px 40px 0 0);}
.box_foot{clip-path: inset(0 0 0 0 round 40px 40px 0 0);}
}
@media screen and (max-width:420px) {
.mobile_box{}	

#index .swiper-slide:nth-child(1) .index_box{clip-path: inset(0 0 0 0 round 30px 30px 0 0);}
.box_foot{clip-path: inset(0 0 0 0 round 30px 30px 0 0);}
}



<!--banner-->
.index_box_qh{border-top-left-radius:0rem; border-top-right-radius:0rem; }
.indexFlash{border-top-left-radius:0rem; border-top-right-radius:0rem; clip-path: inset(0 0 0 0 round 70px 70px 0 0);}
.indexFlash .swiper-slide{background-repeat:no-repeat; background-size:cover; background-position:bottom;}
.indexFlash .swiper-slide .more{width:100%; height:100%; display:block}
.indexFlash .swiper-slide .slogan{position:absolute; opacity:0; top:48%; right:10%; width:44%; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; transition-delay:.8s; font-family:"siyuan b";}
.indexFlash .swiper-slide .slogan p:nth-child(1){font-size:40px; margin-bottom:20px}
.indexFlash .swiper-slide .slogan p{font-size:24px; line-height:50px; color:#FFF;}
.swiper-slide-active .indexFlash .swiper-slide .slogan{opacity:1; right:16%}

.indexFlash .dots2 {position:absolute;z-index:10;left:0;right:auto;top:auto;bottom:0.35rem;width:100%;font-size:0;text-align:center; display:none}
.indexFlash .dots2 span {display:inline-block;margin:0 .09rem;width:.16rem;height:.16rem;background:rgba(0,89,170,.3);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.indexFlash .dots2 span.swiper-pagination-bullet-active {background:#0059aa;border-color:#0059aa;}

.indexFlash a.arrow{display:block; width:.8rem; height:.8rem; position:absolute; z-index:10; left:auto; right:auto; top:40%; bottom:auto; text-align:center}
.indexFlash a.arrow i{font-size:.4rem; color:#FFF}
.indexFlash a.arrow.prev{left:-.7rem;}
.indexFlash a.arrow.prev:hover {}
.indexFlash a.arrow.next {right:-.7rem;}
.indexFlash a.arrow.next:hover {}
.indexFlash:hover a.arrow.prev {left:.6rem;}
.indexFlash:hover a.arrow.next {right:.6rem;}
@media screen and (max-width:1920px) {
.indexFlash .swiper-slide .slogan{top:45%; right:10%; width:42%}
.indexFlash .swiper-slide .slogan p:nth-child(1){font-size:32px; margin-bottom:20px}
.indexFlash .swiper-slide .slogan p{font-size:18px; line-height:40px}
.swiper-slide-active .indexFlash .swiper-slide .slogan{opacity:1; right:16%}
}
@media screen and (max-width:1380px) {
.indexFlash{clip-path: inset(0 0 0 0 round 60px 60px 0 0);}
.indexFlash .swiper-slide .slogan{top:50%; width:40%; right:4%;}
.indexFlash .swiper-slide .slogan p:nth-child(1){font-size:30px; margin-bottom:10px}
.indexFlash .swiper-slide .slogan p{font-size:20px; line-height:35px}
}
@media screen and (max-width:1024px) {
.indexFlash{clip-path: inset(0 0 0 0 round 50px 50px 0 0);}
.indexFlash .swiper-slide .slogan p:nth-child(1){font-size:24px; margin-bottom:10px}
.indexFlash .swiper-slide .slogan p{font-size:18px; line-height:30px}
}
@media screen and (max-width:920px) {
.home .indexFlash{height:100%; max-height:100%;}	
.home .indexFlash .banner01{background-size:cover; background-position:-920px 0}
.home .swiper-slide-active .indexFlash .swiper-slide .slogan{right:10%;}

.indexFlash{height:600px; max-height:600px}
.indexFlash .swiper-slide .slogan{opacity:1; top:48%;}
.indexFlash{clip-path: inset(0 0 0 0 round 0);}
.indexFlash .swiper-slide .slogan{width:50%; right:8%;}
.mobile_box_pro02{clip-path: inset(0 0 0 0 round 0) !important;}
}
@media screen and (max-width:780px) {
.indexFlash{height:550px; max-height:550px}	

.home .indexFlash .banner01{background-size:cover; background-position:-740px 0}
}
@media screen and (max-width:540px) {
.indexFlash{height:500px; max-height:500px; clip-path: inset(0 0 0 0 round 40px 40px 0 0);}	
.indexFlash .swiper-slide .slogan{right:7%;}
.indexFlash .swiper-slide .slogan p{font-size:.26rem; line-height:.5rem;}

.mobile_box_pro{height:240px; max-height:240px}	

.home .indexFlash .banner01{background-size:cover; background-position:-500px 0}
.indexFlash .swiper-slide .slogan { width:60%}
.indexFlash .swiper-slide .slogan p:nth-child(1){font-size:16px; margin-bottom:0px;}
.indexFlash .swiper-slide .slogan p{font-size:14px;}
.home .indexFlash .swiper-slide .slogan{right:-100px; opacity:0}
.home .swiper-slide-active .indexFlash .swiper-slide .slogan{right:3%; opacity:1}
}
@media screen and (max-width:420px) {
.indexFlash{clip-path: inset(0 0 0 0 round 30px 30px 0 0);}		

.home .indexFlash .banner01{background-size:cover; background-position:-480px 0}
.indexFlash .banner01{background-size:cover; background-position:-340px 0}

.indexFlash .swiper-slide .slogan{top:45%;}
.home .indexFlash .swiper-slide .slogan p{font-size:16px; line-height:30px; letter-spacing: .05rem;}
}

.inabout_box{background-image:url(../images/in_background01.jpg);}
.about_box{ padding-top:.5rem; width:98%; margin:0 auto;}
.about_box .about_data{width:100%; overflow:hidden; margin:.4rem 0 2.5rem;}
.about_box .about_data li{width:25%; float:left; text-align:center; position:relative; opacity:0; right:-80px; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;}
.about_box .about_data li .sz{font-weight:bold; margin-bottom:5px; font-family: "canaro bold";}
.about_box .about_data li .timer{font-size:.60rem; margin-right:5px}
.about_box .about_data li .timer02{font-size:.60rem;}
.about_box .about_data li font{font-size:.32rem;}
.about_box .about_data li p{font-size:.18rem; line-height:.3rem; letter-spacing:.01rem; font-family: "siyuan l";}
.swiper-slide-active .about_data li{opacity:1; right:0;}
.swiper-slide-active .about_data li:nth-child(1){transition-delay:.5s; color:#5a6277;}
.swiper-slide-active .about_data li:nth-child(2){transition-delay:.7s; color:#5f637c; width:20%;}
.swiper-slide-active .about_data li:nth-child(3){transition-delay:.9s; color:#696a7e; width:20%; margin-left:10%}
.swiper-slide-active .about_data li:nth-child(4){transition-delay:1s; color:#7f7985;}
.swiper-slide-active .about_data li:nth-child(5){transition-delay:1.2s; color:#8a8088;}
.swiper-slide-active .about_data li:nth-child(6){transition-delay:1.4s; color:#8b8589;}

.inhonor_box{background-image:url(../images/in_background02.jpg); text-align:center}
.honor_box{width:23%; position:absolute; left:15%; top:13%; opacity:0; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; transition-delay:.8s; z-index:40}
.honor_box p{font-size:.18rem; line-height:.45rem; color:#666; margin-bottom:.2rem; text-align:left; font-family: "siyuan l";}
.swiper-slide-active .honor_box{opacity:1; left:21.5%;}
.inhonor_box .img{width:60%; margin-top:40px; position:relative; bottom:-100px; opacity:0; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; transition-delay:.8s; z-index:39}
.swiper-slide-active .inhonor_box .img{opacity:1; bottom:0;}
.inhonor_box .img02{ display:none}

.inpartner_box{background-image:url(../images/in_background03.jpg);}
.partner_box{padding-top:10px; width:75%; margin:0 auto; text-align:center}
.partner_box h2{font-size:.5rem; text-align:center; color:#fff; text-shadow:#999 0 3px 0; position:relative; bottom:-80px; opacity:0; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; transition-delay:.8s; font-family:"siyuan b"; font-weight:normal}
.partner_box .box{position:relative; bottom:-80px; opacity:0; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; transition-delay:.8s; margin:0 auto;text-align:center}
.partner_box .box p{color:#a0aaab; text-transform:uppercase; font-size:28px; font-weight:bold; }
.swiper-slide-active .partner_box h2{opacity:1; bottom:0}
.swiper-slide-active .partner_box .box{opacity:1; bottom:0}
.partner_box .partner{padding:10px 0;}
.partner_box .img02{position:relative; bottom:-80px; opacity:0; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; transition-delay:.8s; text-align:center}
.swiper-slide-active .partner_box .img02{opacity:1; bottom:0}
.partner_box .img03{opacity:0; display:none}
.partner_box .img{width:70%; position:relative; opacity:0; bottom:-200px; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; transition-delay:1s}
.swiper-slide-active .partner_box .img{opacity:1; bottom:0;}
.partner_box .more_box{transition-delay:1.2s}
.swiper-slide-active .partner_box .more_box{bottom:45px}

.partner_box ul{overflow:hidden; padding:;  margin:0 auto; text-align:center}
.partner_box ul li{width:1.4rem; height:1.4rem; line-height:1.4rem; border-radius:100%; background:#eef0f2; box-shadow:6px 2px 8px #888888; overflow:hidden; text-align:center;  display:inline-block; margin:.15rem .12rem}
.partner_box ul li img{width:70%; vertical-align: middle}

.innews_box{background-image:url(../images/in_background04.jpg);}

.news_box{width:58%; margin:0 auto; overflow:hidden; padding-top:40px}
.news_box .box{width:48.5%; height:650px; float:left; background-repeat:no-repeat; background-size:cover; background-position:center; position:relative;  overflow:hidden; position:relative; bottom:-80px; opacity:0; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; transition-delay:.8s; clip-path: inset(0 0 0 0 round 20px);}
.swiper-slide-active .news_box .box{bottom:0px; opacity:1;}

.news_box .box p,.news_box .boxtwo li p{position:absolute; display:block; bottom:0; width:100%; font-size:.22rem; height:.6rem; line-height:.6rem; color:#FFF; padding-left:.3rem; background: linear-gradient(to top, black, transparent);}
.news_box .boxtwo{width:48.5%; float:right;}

.news_box .boxtwo a{ display:block; height:100%; width:100%}
.news_box .boxtwo li{width:100%; height:315px; background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; overflow:hidden; position:relative; bottom:-80px; opacity:0; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; clip-path: inset(0 0 0 0 round 20px);}
.swiper-slide-active .news_box .boxtwo li{bottom:0px; opacity:1;}
.news_box .boxtwo li:hover{background-size:120%;}
.news_box .boxtwo li:nth-child(1){transition-delay:1s}
.news_box .boxtwo li:nth-child(2){margin-top:20px; transition-delay:1.2s}
.news_box .img img{width:100%; transition: all 0.4s ease-out;}
.news_box .box:hover img,.news_box .boxtwo li:hover img{transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
.news_box .dots3{text-align:center; margin:30px 0}
.news_box .dots3 span{display: inline-block; margin:0 .07rem; width:.3rem; height:.05rem; background:rgba(0,0,0,.3);cursor: pointer;}
.news_box .dots3 span.swiper-pagination-bullet-active {background:rgba(0,149,105,.8);}

@media screen and (max-width:1920px) {
.about_box{padding-top:.3rem;}
.about_box .about_data li{padding:0 5px}
.about_box .about_data li .timer{font-size:.45rem; }
.about_box .about_data li .timer02{font-size:.45rem;}
.about_box .about_data li font{font-size:.28rem;}
.about_box .about_data li p{font-size:.14rem; line-height:.22rem;}
.honor_box{width:21%; left:20%; top:13%;}
.swiper-slide-active .honor_box{left:25.8%;}
.honor_box p{font-size:.14rem; line-height:.30rem;}
.inhonor_box .img{width:51%; margin-top:30px;}
.partner_box h2{font-size:.38rem; }
.partner_box .img{width:65%;}
.partner_box ul li{width:.9rem; height:.9rem; line-height:.9rem; margin:.05rem .12rem}
.news_box{width:53%; padding-top:20px}
.news_box .box{height:420px;}
.news_box .boxtwo li{height:200px;}
.news_box .dots3{margin:10px 0}	
.swiper-slide-active .partner_box .more_box{bottom:35px}
.partner_box .box p{font-size:20px;}

.partner_box .img02{ width:50%}
}
@media screen and (max-width:1780px) {
.about_box{width:90%;}
.honor_box{width:20%; top:14%;}	
.honor_box p{font-size:.12rem; line-height:.28rem;}
.inhonor_box .img{width:50%; margin-top:30px;}
.partner_box h2{font-size:.32rem;}
.partner_box .partner{padding:10px 0;}
.partner_box ul li{width:.79rem; height:.79rem; line-height:.79rem;}
.partner_box .img{width:55%;}
.swiper-slide-active .partner_box .more_box{bottom:40px}
.news_box .box{height:370px;}
.news_box .boxtwo li{height:175px;}
}
@media screen and (max-width:1680px) {
.about_box .about_data li p{font-size:.12rem; line-height:.2rem;}

.honor_box{width:23%;}	
.inhonor_box .img{width:56%; margin-top:36px;}
.swiper-slide-active .honor_box{left:23.5%;}
.partner_box ul li{width:.9rem; height:.9rem; line-height:.9rem;}
.news_box .box{height:390px;}
.news_box .boxtwo li{height:185px;}

.partner_box .img{width:60%;}
.swiper-slide-active .partner_box .more_box{bottom:40px}
}
@media screen and (max-width:1600px) {
.honor_box{width:24%;}	
.inhonor_box .img{width:56%; margin-top:30px;}
.swiper-slide-active .honor_box{left:22%;}
.news_box{width:55%;}
.news_box .box p,.news_box .boxtwo li p{font-size:.2rem; padding-left:.2rem; }
}
@media screen and (max-width:1440px) {
.about_box{padding-top:.3rem;}
.about_box .about_data li .timer{font-size:.4rem; }
.about_box .about_data li .timer02{font-size:.4rem;}
.about_box .about_data li font{font-size:.2rem;}

.honor_box{width:22%; left:10%;}
.swiper-slide-active .honor_box{left:25%;}
.honor_box p{font-size:.12rem; line-height:.25rem; margin-bottom:.05rem;}	

.inhonor_box .img{width:52%; margin-top:20px;}
.partner_box ul li{width:.7rem; height:.7rem; line-height:.7rem; margin:.03rem .08rem}
.news_box{ padding-top:10px}
.news_box .box{height:320px;}
.news_box .boxtwo li{height:150px;}
.news_box .box p,.news_box .boxtwo li p{font-size:.16rem; padding-left:.2rem; height:.45rem; line-height:.45rem;}

.partner_box .img{width:48%;}
.swiper-slide-active .partner_box .more_box{bottom:30px}
}
@media screen and (max-width:1380px) {
.honor_box{width:30%; left:8%; top:17%}
.swiper-slide-active .honor_box{left:15.5%; top:14%}
.honor_box p{font-size:.16rem; line-height:.3rem; margin-bottom:.1rem}
.inhonor_box .img{width:73%; margin-top:40px;}
.partner_box ul li{width:1rem; height:1rem; line-height:1rem; margin:.1rem .12rem}
.news_box{width:80%; padding-top:.2rem}
.news_box .box{height:480px;}
.news_box .boxtwo li{height:230px;}

.partner_box .img{width:85%;}
.swiper-slide-active .partner_box .more_box{bottom:30px}
}
@media screen and (max-width:1280px) {
.honor_box{left:10%; top:16%}
.swiper-slide-active .honor_box{left:16%; top:14%}	
.inhonor_box .img{width:71%; margin-top:30px;}
.partner_box ul li{margin:.09rem .12rem}
.news_box .box{height:400px;}
.news_box .boxtwo li{height:190px;}
.news_box .box p,.news_box .boxtwo li p{font-size:.2rem; padding-left:.2rem; height:.5rem; line-height:.5rem;}

.partner_box .img{width:76%;}
.swiper-slide-active .partner_box .more_box{bottom:30px}
}
@media screen and (max-width:1180px) {
.honor_box{width:36%; left:5%; top:14%}
.swiper-slide-active .honor_box{left:10%; top:14%}		
.honor_box p{font-size:.18rem; line-height:.4rem;}
.inhonor_box .img{width:85%; margin-top:30px;}
.partner_box ul li{width:1.2rem; height:1.2rem; line-height:1.2rem; margin:.1rem .12rem}
.news_box .box{height:420px;}
.news_box .boxtwo li{height:200px;}
.foot_content .foot_cont img{ width:18px}

.partner_box .img{width:90%;}
.swiper-slide-active .partner_box .more_box{bottom:30px}
}
@media screen and (max-width:1024px) {
.about_box{padding-top:.2rem;}
.about_box .about_data{margin-bottom:0;}
.about_box .about_data li:nth-child(3){ margin-left:0}
.about_box .about_data li .sz{margin-bottom:0;}
.about_box .about_data li .timer{font-size:.45rem; }
.about_box .about_data li .timer02{font-size:.45rem;}
.about_box .about_data li font{font-size:.25rem;}
.about_box .about_data li p{ line-height:.25rem;}

.honor_box{left:0;}
.swiper-slide-active .honor_box{left:11%; top:12%}	
.swiper-slide-active .honor_box{left:6%;}	
.inhonor_box .img{width:92%; margin-top:30px;}	
.partner_box ul li{width:1.3rem; height:1.3rem; line-height:1.3rem; margin:.1rem .12rem}
.news_box{width:90%;}
.news_box .box{height:410px;}
.news_box .boxtwo li{height:195px;}

.partner_box .img{width:100%;}
.swiper-slide-active .partner_box .more_box{bottom:30px}
}
@media screen and (max-width:920px) {
.home .inabout_box,.home .inhonor_box,.home .inpartner_box,.home .innews_box{height:100%; max-height:100%;}	
.home .about_box .about_data li{margin:30px 0;}
.home .inhonor_box .img{display:none}
.home .honor_box{left: auto; top:0; width:60%; position:relative; margin:0 auto; overflow:hidden; text-align: center; margin-bottom:80px}
.home .swiper-slide-active .honor_box{left: auto; top:20px;}
.home .inhonor_box .img02{display:block; width:90%}
.home .honor_box p{ font-size:18px; line-height:40px}
.home .partner_box .img02{display:none} 
.home .partner_box .img03{opacity:1; margin:50px 0}
.home .news_box{width:70%; margin-top:30px}
.home .news_box .box,.home .news_box .boxtwo{width:100%;}
.home .news_box .box{margin-bottom:20px; height:450px;}
.home .news_box .boxtwo li{height:230px;}
.home .news_box .box p, .home .news_box .boxtwo li p{ font-size:18px; height:45px; line-height:45px}

	
.inhonor_box,.inpartner_box,.innews_box{height:600px; max-height:600px;}
.inabout_box{height:720px; max-height:720px;}
.about_box{ width:90%}
.about_box .about_data li{opacity:1; right:0; height:90px}

.honor_box{opacity:1; left:6%; top:16%}
.inhonor_box .img02{opacity:1; bottom:0}	

.inhonor_box .img{opacity:1; bottom:0}	
.partner_box h2{opacity:1; bottom:0; margin-top:10px}
.partner_box .partner{opacity:1; right:0}
.partner_box .img{opacity:1; bottom:0}
.partner_box .img02{opacity:1; bottom:0; margin-top:10px}
.partner_box h2{font-size:.4rem; color:#029569; text-shadow:#999 0 0 0;}
.news_box .box{height:340px; bottom:0px; opacity:1;}
.news_box .boxtwo li{height:160px;}
.news_box .boxtwo li{bottom:0px; opacity:1;}

.inpartner_box01{ height:auto !important; max-height:none !important; padding-bottom:120px}

.partner_box .img{width:100%;}
.partner_box .more_box{bottom:30px}
.partner_box{ width:90%}
.partner_box .box{opacity:1; bottom:0}
.partner_box .box p{ font-size:18px}
}
@media screen and (max-width:820px) {
.honor_box{top:14%}	
.partner_box{ width:90%}
.partner_box ul li{width:1.5rem; height:1.5rem; line-height:1.5rem; margin:.12rem .12rem}
.news_box .box{height:330px;}
.news_box .boxtwo li{height:155px;}

.home .news_box{margin-top:10px;}
.home .news_box .box{margin-bottom:20px; height:350px;}
.home .news_box .boxtwo li{height:220px;}
}
@media screen and (max-width:780px) {
.inabout_box{height:680px; max-height:680px;}	
.inhonor_box,.innews_box{height:550px; max-height:550px;}	
.honor_box{width:38%;}	
.honor_box p{font-size:12px; line-height:23px;}
.partner_box h2{font-size:.35rem;}
.partner_box ul li{width:1rem; height:1rem; line-height:1rem; margin:.1rem}
.news_box .box{height:280px;}
.news_box .boxtwo li{height:130px;}

.home .news_box{margin-top:0px;}
.home .news_box .box{margin-bottom:10px; height:280px;}
.home .news_box .boxtwo li{height:180px;}
.home .news_box .boxtwo li:nth-child(2){margin-top:10px;}

.inpartner_box{height:620px; max-height:620px;}	
}
@media screen and (max-width:540px) {
.about_box .about_data li{height:130px}
.inhonor_box{height:560px; max-height:560px; background-image:url(../images/in_zm.jpg); background-size:100%; background-position:bottom; background-color:#cce4e6}	
.inhonor_box.mobile_box01{height:520px; max-height:520px;}	
.inpartner_box{height:450px; max-height:450px}
.innews_box{height:500px; max-height:500px}
.about_box .about_data li{margin-bottom:10PX}

.honor_box{width:88%; top:13%;}
.inhonor_box .img{opacity:0;}	
.partner_box{ padding-top:0}

.partner_box ul li{width:.8rem; height:.8rem; line-height:.8rem; margin:.1rem}
.news_box .box{height:210px; width:49%}
.news_box .boxtwo{width:49%}
.news_box .boxtwo li{height:100px;}
.news_box .boxtwo li:nth-child(2){margin-top:10px;}
.partner_box .img{width:100%;}
.partner_box .more_box{bottom:20px}

.home .about_box{padding-top:10px;}
.home .about_box .about_data li{margin:0;}

.home .inhonor_box{background-image:none;}
.home .honor_box{ width:90%; top:-100px; opacity:0; margin-bottom:30px;}
.home .swiper-slide-active .honor_box{top:10px; opacity:1}
.home .honor_box p{ font-size:16px; line-height:30px}

.home .partner_box .img03{margin:10px 0; width:70%}
.home .partner_box .partner{padding:0px 0 10px;}
.home .swiper-slide-active .partner_box .more_box{bottom:10px}

.home .news_box .box{ height:150px;}
.home .news_box .boxtwo li{height:100px;}
.home .news_box .box p, .home .news_box .boxtwo li p{font-size:16px; height:35px; line-height:35px}
.partner_box .box p{ font-size:14px}
}
@media screen and (max-width:420px) {
.inabout_box{height:500px; max-height:500px; background-image:url(../images/mobile01.jpg);}	
.inpartner_box{height:430px; max-height:430px}
.news_box .box{height:170px;}
.news_box .boxtwo li{height:80px;}
.inhonor_box{height:500px; max-height:500px;}
.honor_box{width:92%; top:12%; left:4%;}
.partner_box h2{margin-top:5px;}
.partner_box .partner{padding:0;}
.inpartner_box01{padding-bottom:100px}
.partner_box .img{ margin-top:10px}
.partner_box .more_box{bottom:0px}

.home .partner_box .img03{margin:30px 0 20px; width:80%}

.about_box{padding-top:10px;}
.about_box .about_data li {height:120px;}
.about_box .about_data li .timer{font-size:.4rem; }
.about_box .about_data li .timer02{font-size:.4rem;}
.about_box .about_data li font{font-size:.2rem;}
.about_box .about_data li p{ line-height:.2rem;}

.partner_box .img02{ display:none}
.partner_box .img03{opacity:1; width:80%; margin:0 auto; margin-top:10px}
.partner_box .img03{ display:block}
.innews_box{height:450px; max-height:450px}
}
@media screen and (max-width:390px) {
.inpartner_box{height:400px; max-height:400px}	
	
	}

/*page-----------------*/
.pageBanner {height:5.5rem;background:center no-repeat;background-size:cover;position:relative;}
.pageBg {background:#fff; position:relative; z-index:10; margin:0 auto; overflow:hidden;  padding:.5rem 0.7rem}
.pageBg02{background:#f7f5f4;}
.pageBg .nytitle h2{font-size: .25rem; color: #0052a7; font-weight:600; margin-bottom:.06rem}
.pageBg .nytitle span{font-size: .2rem; color: #e2e2e2; font-weight:400; text-transform:uppercase}

.pageTitle{position: absolute; z-index: 10; left: 0.7rem; right: auto; bottom:0.33rem;height: 1.33rem;line-height: 1.33rem;}
.pageTitle h2 {color:#FFF; font-size: .5rem; font-weight:bolder; letter-spacing: .1em;}

.nypagenav {border-bottom:1px solid #d8d8d8; min-height:.8rem; }
.nypagenav .nypagenavv{margin:0 auto; overflow:hidden; padding:0 0.7rem}
.nypagenav .curr {float:left;min-height:.8rem;line-height:.8rem; font-size: .16rem; width:30%}
.nypagenav .curr a{color:#8c8c8c; margin-right:.05rem}
.nypagenav .curr a:hover{color:#0052a7;}
.nypagenav .curr .home{display:block; height:.8rem; line-height:.8rem; float:left;}
.nypagenav .curr span img{ margin-right:.05rem}
.nypagenav.active{position:fixed;z-index:48;left:0;right:auto; top:1.2rem; bottom:auto;width:100%;background:#fff}

.pageNav {min-height:.8rem; float:right; width:50%; overflow:hidden}
.pageNav ul {}
.pageNav li{float:right; padding:0 3%}
.pageNav li:last-child{padding:0 3% 0 0}
.pageNav a {display:block; height:.8rem;line-height:.8rem; font-size:.16rem; border-bottom:rgba(0,0,0,0) solid 0.03rem; letter-spacing:.1em; color:#8c8c8c}
.pageNav a:hover,.pageNav a.on {background:#fff;border-color:#0052a7;color:#0052a7;}
.pageNav a.on {font-weight:bold;}



@media screen and (max-width:1400px) {
.nypagenav .curr{width:20%; font-size: .18rem;}
.pageNav{ width:75%}
.pageNav a{font-size: .2rem;}
.pageBg .nytitle h2{font-size: .38rem;}
}
@media screen and (max-width:1024px) {
.nypagenav .curr{width:20%; font-size: .2rem;}
.pageNav{ width:75%}
.pageNav a{font-size: .22rem;}
.pageBg .nytitle h2{font-size: .34rem;}
}
@media screen and (max-width:992px) {
.pageTitle{ width:100%; left:0; text-align:center; bottom:35%;}
.pageTitle h2{font-size:36px !important}
.nypagenav .curr{ display:none}
.pageNav{ width:100%}
.pageBg .nytitle { text-align:center}
.pageBg .nytitle h2{font-size:28px !important;}
.pageNav a{font-size: .25rem;}
}
@media screen and (max-width:780px) {
.pageNav a{letter-spacing:0em; font-size: .22rem;}	
.nav_four li{padding: 0 8.5% !important;}
.nav_tow li{padding: 0 20% !important;}
}
@media screen and (max-width:680px) {
.pageNav li{padding: 0 1.9% !important;}
.nav_four li{padding: 0 6.5% !important;}
.pageTitle{bottom:33%;}	
.pageTitle h2{font-size:32px !important}	
.nypagenav .nypagenavv{padding:0 0.2rem}
.pageBg .nytitle h2{font-size:22px !important;}
}
@media screen and (max-width:480px) {
.nav_tow li{padding: 0 18% !important;}	
}
@media screen and (max-width:375px) {
.pageNav li{padding: 0 1.2% !important;}	
.nav_four li{padding: 0 6% !important;}
.nav_tow li{padding: 0 17% !important;}	
}
@media screen and (max-width:320px) {
.pageNav li{padding: 0 0 !important;}	
.nav_four li{padding: 0 5% !important;}
.nav_tow li{padding: 0 17% !important;}	
}

@media screen and (max-width:920px) {
.wal {max-width:8rem;}
.pcShow {display:none;}
.phoneShow {display:block;}
body.navShow .navBg {display:block;}
body.navShow .head .nav {right:0;}
.navBg {position:fixed;z-index:49;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);display:none;}
.head .search {width:2.5rem;height:.56rem;margin-top:-.28rem;right:1rem;}
.head .search .input1 {height:.56rem;line-height:.56rem;font-size:.2rem;}
.head .search .btn1 {width:.56rem;height:.56rem;}
.head a.navA {display:block;width:1rem;height:1.2rem;position:absolute;z-index:10;left:auto;right:0;top:0;bottom:auto;background:url("../images/navA.png") center no-repeat;background-size:.45rem;}
.head .nav {height:100%;width:4.5rem;overflow-y:auto;border:0;padding:0;background:#000;position:fixed;top:0;right:-4.5rem;z-index:100; margin-top:0;}
.head .nav.on {right:0;}
.head .nav .close {display:block;height:1.2rem;position:relative;}
.head .nav .close i {display:block;width:1rem;height:1.2rem;position:absolute;z-index:10;left:auto;right:0;top:0;bottom:auto;background:url("../images/close.png") center no-repeat;background-size:.45rem;}
.head .nav li {float:none;width:100%;border-top:rgba(255,255,255,0.2) solid 1px;}
.head .nav a {height:1rem;line-height:1rem;font-size:.26rem;text-align:left;padding-left:.5rem;}
.head .nav dl {border-top:rgba(255,255,255,0.2) solid 1px;}
.head .nav dl a {font-size:.24rem;padding-left:.65rem;height:.8rem;line-height:.8rem;}
.sNav {display:none;}

/*index-----------*/  
.indexFlash .swiper-slide .layer {padding:0 .7rem;}
.indexFlash .swiper-slide .content {font-size:.2rem;}
.indexFlash:hover a.arrow.prev {left:.3rem;}
.indexFlash:hover a.arrow.next {right:.3rem;}


.footNav .list {padding-right:0;width:100%;overflow:hidden;position:relative;}

.footNav .list li {width:25%;}
.footNav .list li:nth-child(5) {clear:left;}
.footNav .list h2 {padding:.5rem 0 .1rem 0;}
.footNav .list h2 a {font-size:.24rem;}
.footNav .list dd a {font-size:.22rem;}
.footNav .h10 {height:.5rem;}
.footNav .tel {width:45%;padding:0;top:1rem;right:0.5rem;}
.footNav .tel .img {position:relative;}
.footNav .tel .name {font-size:.32rem;padding-top:.1rem;}
.footNav .tel h2 {font-size:.44rem; margin-top:10px}
.foot .wal {padding:.3rem 0;font-size:.24rem;}
.foot p {position:relative;top:0;}
/*page-----------------*/
.pageBg {padding:.5rem .3rem;}
.pageTitle {padding:0 .3rem;}
.pageTitle h2 {font-size:.28rem;}
.pageTitle h2 span {font-size:.24rem;}
.pageTitle .curr {display:none;}



.pageNum {height:2rem;}
.pageNum a {font-size:.24rem;height:.6rem;line-height:.58rem;padding:0 .22rem;}
}
@media screen and (max-width:550px) {
.wal {margin:0 .3rem;}

}
@media screen and (max-width:380px) {
.foot .wal{    padding: .15rem 0; }	
.footNav .tel{    right: 0.3rem;}
}


/*发展方针*/
.development_list {display:flex;justify-content:space-between; height:100%}
.development_list .list{flex:1; position:relative; padding-top:50.2%; transition:all .48s; cursor:pointer; background-repeat:no-repeat; background-size:cover; }
.development_list li:nth-child(1){ background-position:left -140px}
.development_list li:nth-child(2){ background-position:left -140px}
.development_list li:nth-child(3){ background-position:right bottom}
.development_list li:nth-child(4){ background-position:right bottom}
.development_list .list:after{content: ''; width: 100%; height: 100%; position:absolute; left:0; top:0; background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); z-index:9}

.development_list .list .text{position:absolute; left:0; top:0; width:100%; top:36%; color:#fff; z-index:10; transition: all .5s ease-out;}
.development_list .list .text .bt{width:100%; height:100%; text-align:center;}
.development_list .list .text i{display:block;}
.development_list .list .text i img{width:100px; transition: all .5s ease-out;}
.development_list .list .text span{display:block; font-size:35px; padding-top:30px; transition: all 0.5s ease-out; font-family:"siyuan b";}
.development_list .list .text .nr{opacity:0; text-align:left; margin-top:20px; transition:all .5s ease-out;}
.development_list .list .text .nr p{font-size:20px; line-height:32px; font-family:"siyuan r";}
.development_list .list .text .content{width:100%; overflow:hidden; border-top:1px solid #FFF; margin-top:20px; padding-top:20px}
.development_list .list .text .logoimg li{width:20%; float:left; text-align:center; margin-bottom:20px}
.development_list .list .text .logoimg li img{padding:0 10px; vertical-align: bottom;}
.development_list .list .text .wzjs li{width:15%; float:left;}
.development_list .list .text .wzjs01 li{width:100%;}
.development_list .list .text .wzjs li b{ display:block; font-size:40px; font-family:"siyuan b"; font-weight:normal}
.development_list .list .text .wzjs li p{ display:block; font-size:20px; font-family:"siyuan r";}

.development_list .list:hover{flex:5.5;}
.development_list .list:hover .text{top:28%; width:80%; left:5%}
.development_list .list:hover .text .bt{width:100%; text-align:left;}
.development_list .list:hover .text i img{width:120px; position:absolute; left:0px; top:-110px}
.development_list .list:hover .text span{font-size:45px; padding-top:10px;}
.development_list .list:hover .text .nr{opacity:1;}
.development_list li:nth-child(2):hover .text{top:39%;}
.development_list li:nth-child(3):hover .text{top:45%;}
.development_list li:nth-child(4):hover .text{top:42%;}
@media (max-width:1920px) {
.development_list .list:hover .text{left:8%}	
.development_list .list .text i img{width:90px;}
.development_list .list .text span{font-size:30px;}
.development_list .list:hover .text i img{width:110px; left:-10px; top:-110px}
.development_list .list:hover .text span{font-size:38px;}
.development_list .list .text .nr p{font-size:18px; line-height:30px; }
.development_list .list .text .wzjs li b{font-size:35px;}
.development_list .list .text .wzjs li p{font-size:18px;}
}
@media (max-width:1780px) {
.development_list li:nth-child(2):hover .text{top:34%;}
.development_list .list .text span{font-size:25px;}
.development_list .list:hover .text span{font-size:32px;}
.development_list li:nth-child(4):hover .text{top:38%;}
.development_list .list .text .wzjs li b{font-size:30px;}
.development_list .list .text .wzjs li p{font-size:16px;}
}
@media (max-width:1680px) {
.development_list li:nth-child(1):hover .text{top:34%;}	
.development_list li:nth-child(2):hover .text{top:42%;}	
.development_list li:nth-child(3):hover .text{top:48%;}
}
@media (max-width:1440px) {
.development_list .list .text i img{width:70px;}
.development_list .list .text span{font-size:22px; padding-top:20px;}
.development_list .list:hover .text i img{width:80px; left:-5px; top:-90px}
.development_list .list:hover .text span{font-size:28px; padding-top:0px;}
.development_list li:nth-child(1):hover .text{top:30%;}	
.development_list li:nth-child(2):hover .text{top:38%;}	
.development_list li:nth-child(3):hover .text{top:50%;}
.development_list li:nth-child(4):hover .text{top:37%;}
.development_list .list .text .nr{margin-top:10px;}
.development_list .list .text .nr p{font-size:16px; line-height:25px}
.development_list .list .text .wzjs li b{font-size:28px}
.development_list .list .text .wzjs li p{font-size:14px}
}
@media (max-width:1380px) {
.development_list .list .text span{font-size:20px;}
.development_list .list:hover .text span{font-size:24px;}
.development_list li:nth-child(1):hover .text{top:40%;}	
.development_list li:nth-child(2):hover .text{top:45%;}	
.development_list li:nth-child(3):hover .text{top:50%;}
.development_list li:nth-child(4):hover .text{top:46%;}	

.development_list li:nth-child(1){ background-position:left -100px}
.development_list li:nth-child(2){ background-position:left -100px}
}
@media (max-width:1180px) {
.development_list li:nth-child(1){ background-position:left -90px}
.development_list li:nth-child(2){ background-position:left -90px}
}
@media (max-width:1024px) {
.development_list .list .text span{padding-top:10px;}	

.development_list li:nth-child(1){ background-position:left -80px}
.development_list li:nth-child(2){ background-position:left -80px}
}
@media (max-width:920px) {
.development_box{height:600px; max-height:600px;}	
.development_list .list .text .nr p{ font-size:14px}
.development_list .list .text .wzjs li b{font-size:20px;}
.development_list li:nth-child(1){ background-position:left bottom}
.development_list li:nth-child(2){ background-position:left bottom}
}
@media (max-width:820px) {
.development_list .list .text span{font-size:18px;}
.development_list .list:hover .text span{font-size:20px;}
.development_list .list:hover .text i img{left:-10px; top:-85px}	
.development_list .list .text .nr p{line-height:25px}
.development_list .list .text .logoimg li,.development_list .list .text .wzjs li{width:25%;}
.development_list .list .text .wzjs01 li{width:100%;}
}
@media (max-width:780px) {
.development_box{height:550px; max-height:550px;}		
}
@media (max-width:540px) {
.development_box{height:auto; max-height:2000px;}	
.development_list{display:block; overflow:hidden}	
.development_list .list{padding-top:10%; height:500px; max-height:500px}
.development_list .list:after{background: linear-gradient(-90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.4) 100%);}
.development_list .list .text{top:12%; position:relative; width:92%; margin:0 auto}
.development_list .list .text i img{width:60px;}
.development_list .list .text span{font-size:22px; padding-top:5px;}	

.development_list .list:hover .text span{font-size:26px;}
.development_list .list .text .nr{opacity:1; text-align:center}
.development_list .list .text .nr p{font-size:14px; line-height:22px}
.development_list .list .text .logoimg li{width:25%; margin-bottom:20px}
.development_list .list .text .logoimg li img{padding:0;}
.development_list .list .text .wzjs li{width:50%; text-align:center}
.development_list .list .text .wzjs01 li{width:100%;}


.development_list .list:hover{flex:0;}
.development_list .list:hover .text{top:12%; position:relative; width:92%; margin:0 auto; left:0;}
.development_list .list:hover .text .bt{width:100%; text-align: center; display:block}
.development_list .list:hover .text i img{width:60px; position:relative; left:auto; top:auto}
.development_list .list:hover .text span{font-size:22px; padding-top:5px;}
.development_list .list:hover .text .nr{opacity:1;}
.development_list li:nth-child(1):hover .text,.development_list li:nth-child(2):hover .text,.development_list li:nth-child(3):hover .text,.development_list li:nth-child(4):hover .text{top:12%;}
}
/*企业文化*/
.culture_box{background-image:url(../images/ny_culture.jpg);}
.culture_list{color:#FFF; position:absolute; right:10%; top:20%; font-size:28px; width:38%}
.culture_list li{margin-bottom:100px; position:relative; opacity:0; right:-180px; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;}
.culture_list li b{letter-spacing:0px; font-weight:normal; display:block; margin-bottom:5px}
.culture_list li b.z{letter-spacing:0px;}
.culture_list li p{line-height:45px; font-family: "siyuan l";}
.swiper-slide-active .culture_list li{opacity:1; right:0}
.culture_list li:nth-child(1){transition-delay:.6s}
.culture_list li:nth-child(2){transition-delay:.8s}
.culture_list li:nth-child(3){transition-delay:1s}
@media (max-width:1920px) {
.culture_list{right:15%; top:20%; font-size:20px; width:30%}
.culture_list li{margin-bottom:60px;}
.culture_list li p{line-height:35px; }
}
@media (max-width:1780px) {
.culture_list li{margin-bottom:30px;}	
}
@media (max-width:1440px) {
.culture_list{right:15%; width:35%; font-size:16px; }
.culture_list li p{line-height:25px;}
}
@media (max-width:1380px) {
.culture_list li{margin-bottom:80px;}	
}
@media (max-width:1280px) {
.culture_list li{margin-bottom:70px;}	
}
@media (max-width:1024px) {
.culture_list{width:38%;}
.culture_list li{margin-bottom:60px;}	
}
@media (max-width:920px) {
.culture_box{height:600px; max-height:600px;}	
.culture_list{right:12%;}
.culture_list li{opacity:1; right:0px; margin-bottom:50px;}
}
@media (max-width:820px) {
.culture_list{right:6%; width:45%;}
}
@media (max-width:780px) {
.culture_box{height:550px; max-height:550px;}		
.culture_list{top:25%; font-size:14px;}
.culture_list li{margin-bottom:40px;}	
}
@media (max-width:540px) {
.culture_box{background-image:url(../images/mobile02.jpg);}
.culture_list{position:relative; top:0; right:0; width:100%; margin:0 auto; text-align:center}
.culture_list li{margin:30px 0 0;}	
.culture_list li b{letter-spacing:0px;}
.culture_list li p{ padding:0 8%}
}
@media (max-width:420px) {
.culture_list{line-height:20px}	
.culture_box{height:500px; max-height:500px;}
}

/*竞争优势*/
.advantage_box{background-image:url(../images/ny_advantage.jpg);}
.advantage_list{width:55%; margin:0 auto;}
.advantage_list li{width:50%; float:left; text-align:center; margin-top:100px; position:relative; opacity:0; right:-180px; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;}
.advantage_list li i{display:block; margin-bottom:20px}
.advantage_list li img{width:80px}
.advantage_list li b{font-size:30px; color:#009569; display:block; margin-bottom:15px;  font-family:"siyuan b"; font-weight:normal}
.advantage_list li p{font-size:20px; color:#666; display:block; line-height:40px; width:80%; margin:0 auto}
.swiper-slide-active .advantage_list li{opacity:1; right:0}
.advantage_list li:nth-child(1){transition-delay:.6s}
.advantage_list li:nth-child(2){transition-delay:.8s}
.advantage_list li:nth-child(3){transition-delay:1s}
.advantage_list li:nth-child(4){transition-delay:1.2s}
@media (max-width:1920px) {
.advantage_list li{margin-top:40px;}
.advantage_list li img{width:60px}
.advantage_list li b{font-size:20px; padding:0 50px; display:block}
.advantage_list li p{font-size:16px; line-height:30px;}
}
@media (max-width:1780px) {
.advantage_list{width:60%;}	
.advantage_list li{margin-top:30px;}
.advantage_list li i{margin-bottom:10px;}
.advantage_list li b{font-size:18px; display:block; margin-bottom:5px;}
.advantage_list li p{font-size:14px; line-height:25px;}
}
@media (max-width:1440px) {
.advantage_list{width:70%;}	
.advantage_list li{margin-top:20px;}
.advantage_list li i{margin-bottom:5px}
.advantage_list li b{font-size:16px; margin-bottom:5px;}
.advantage_list li p{font-size:14px; line-height:20px;}
}
@media (max-width:1380px) {
.advantage_list{width:80%;}	
.advantage_list li p{width:70%;}
.advantage_list li{margin-top:80px;}
}
@media (max-width:1280px) {
.advantage_list li{margin-top:60px;}
}
@media (max-width:1024px) {
.advantage_list li{margin-top:50px;}
.advantage_list li p{width:90%;}
}
@media (max-width:920px) {
.advantage_box{height:600px; max-height:600px;}
.advantage_list li{margin-top:40px; opacity:1; right:0}
}
@media (max-width:820px) {
.advantage_list{width:90%;}	
}
@media (max-width:780px) {
.advantage_list li{margin-top:30px;}
.advantage_list li p{font-size:14px;}
}
@media (max-width:540px) {
.advantage_list{width:94%;}
.advantage_box{height:600px; max-height:600px; background-image:url(../images/mobile03.jpg);}
.advantage_list li{margin-top:20px;}
.advantage_list li i,.advantage_list li b{margin-bottom:5px; padding: 0;}
.advantage_list li p{ line-height:20px; font-size:12px}
}
@media (max-width:420px) {
.advantage_box{height:640px; max-height:640px;}	
}


/*旗下品牌*/
.brand_box{background-image:url(../images/ny_brand.jpg);}
.brand_list{width:55%; margin:0 auto;}
.brand_list li{width:50%; float:left; text-align:center; margin-top:80px; position:relative; opacity:0; bottom:-180px; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;}
.brand_list li img{ padding:0 140px}
.swiper-slide-active .brand_list li{opacity:1; bottom:0}
.brand_list li:nth-child(1){transition-delay:.6s}
.brand_list li:nth-child(2){transition-delay:.8s}
@media (max-width:1920px) {
.brand_list li{margin-top:40px;}
.brand_list li img{ padding:0 110px}
}
@media (max-width:1680px) {
.brand_list li img{ padding:0 100px}
}
@media (max-width:1380px) {
.brand_list li img{ padding:0 60px}
}
@media (max-width:1180px) {
.brand_list{width:70%}
.brand_list li img{ padding:0 80px}
}
@media (max-width:1024px) {
.brand_list li img{ padding:0 60px}
}
@media (max-width:920px) {
.brand_box{height:600px; max-height:600px;}	
.brand_list li{margin-top:60px; opacity:1; bottom:0px;}
}
@media (max-width:780px) {
.brand_box{height:550px; max-height:550px;}	
.brand_list li{margin-top:40px;}	
}
@media (max-width:540px) {
.brand_box{height:500px; max-height:500px; background-image:url(../images/mobile04.jpg);}	
.brand_list{width:80%}
.brand_list li{margin-top:30px;}
.brand_list li img{ padding:0 20px}	
}
@media (max-width:420px) {
.brand_list li{margin-top:40px; width:100%}	
.brand_list li img{ padding:0 80px}	
}


/*发明专利*/
.invention_box{background-image:url(../images/ny_invention.jpg);}
.invention_list{width:70%; margin:0 auto; padding-top:90px}
.invention_list li{width:33.33%; float:left; padding:0 20px; position:relative; opacity:0; bottom:-180px; text-align: center; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;}
.invention_list li img{box-shadow:10px 10px 20px 0px rgba(0, 0, 0, 0.3);}
.swiper-slide-active .invention_list li{opacity:1; bottom:0}
.invention_list li:nth-child(1){transition-delay:.6s}
.invention_list li:nth-child(2){transition-delay:.8s}
.invention_list li:nth-child(3){transition-delay:1s}
@media (max-width:1920px) {
	.invention_list{width:65%;; padding-top:50px}
.invention_list li{padding:0 40px;}
}
@media (max-width:1780px) {
.invention_list{padding-top:40px}
.invention_list li{padding:0 45px;}
}
@media (max-width:1680px) {
.invention_list li{padding:0 20px;}
}
@media (max-width:1480px) {
.invention_list{padding-top:20px}
.invention_list li{padding:0 25px;}
}
@media (max-width:1380px) {
.invention_list{width:90%; padding-top:40px}
.invention_list li{padding:0 25px;}
}
@media (max-width:920px) {
.invention_box{padding-bottom:60px}	
.invention_list{padding-top:20px}
.invention_list li{opacity:1; bottom:0}
}
@media (max-width:840px) {
.invention_box{padding-bottom:40px}	
}
@media (max-width:540px) {
.invention_list li{padding:0 10px;}
}
@media (max-width:420px) {
.invention_list{width:92%; padding-top:10px;}
.invention_list li{padding:0 5px;}
}

/*新型专利*/
.practical_box{background-image:url(../images/ny_practical.jpg);}
.practical_list{text-align:center; margin-top: 20px}
.practical_list li{display:inline-block; width:11.8%; padding:10px; position:relative; opacity:0; bottom:-180px; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;}
.practical_list li img{box-shadow:0px 5px 5px 0px rgba(0, 0, 0, 0.3);}
.swiper-slide-active .practical_list li{opacity:1; bottom:0}
.practical_list01{margin-top:40px}
.practical_list01 li:nth-child(1){transition-delay:.6s}
.practical_list01 li:nth-child(2){transition-delay:.7s}
.practical_list01 li:nth-child(3){transition-delay:.8s}
.practical_list02 li:nth-child(1){transition-delay:.9s}
.practical_list02 li:nth-child(2){transition-delay:1s}
.practical_list02 li:nth-child(3){transition-delay:1.1s}
.practical_list02 li:nth-child(4){transition-delay:1.2s}
@media (max-width:1920px) {
.practical_list li{width:11%; padding:18px;}
.practical_list{margin-top:0px}
.practical_list01{margin-top:10px}
}
@media (max-width:1780px) {
.practical_list li{width:10%;}
}
@media (max-width:1680px) {
.practical_list li{width:12%;}
}
@media (max-width:1480px) {
.practical_list li{width:10.5%; padding:10px;}
}
@media (max-width:1380px) {
.practical_list li{width:16%;}
}
@media (max-width:1280px) {
.practical_list li{width:15%;}
}
@media (max-width:1180px) {
.practical_list li{width:17%;}
}
@media (max-width:920px) {
.practical_box{padding-bottom:60px}	
.practical_list li{opacity:1; bottom:0; width:20%;}
}
@media (max-width:840px) {
.practical_box{padding-bottom:40px}		
}
@media (max-width:540px) {
.practical_list li{width:21%; padding:5px; }
}
@media (max-width:420px) {
.practical_list li{width:22%; padding:2px; }
}

/*外观专利*/
.appearance_box{background-image:url(../images/ny_appearance.jpg);}
.appearance_list{width:65%; margin:0 auto; margin-top:50px}
.appearance_list li{width:20%; float:left; padding:10px 10px 30px; text-align: center; position:relative; opacity:0; bottom:-180px; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;}
.appearance_list li img{box-shadow:10px 10px 20px 0px rgba(0, 0, 0, 0.3);}
.swiper-slide-active .appearance_list li{opacity:1; bottom:0}
.appearance_list li:nth-child(1){transition-delay:.6s}
.appearance_list li:nth-child(2){transition-delay:.7s}
.appearance_list li:nth-child(3){transition-delay:.8s}
.appearance_list li:nth-child(4){transition-delay:.9s}
.appearance_list li:nth-child(5){transition-delay:1s}
.appearance_list li:nth-child(6){transition-delay:1.1s}
.appearance_list li:nth-child(7){transition-delay:1.2s}
.appearance_list li:nth-child(8){transition-delay:1.3s}
.appearance_list li:nth-child(9){transition-delay:1.4s}
.appearance_list li:nth-child(10){transition-delay:1.5s}
@media (max-width:1920px) {
.appearance_list{width:65%; margin-top:0px}
.appearance_list li{padding:20px 35px 10px;}	
}
@media (max-width:1780px) {
.appearance_list li{padding:10px 35px 10px;}	
}
@media (max-width:1680px) {
.appearance_list li{padding:20px 25px 10px;}		
}
@media (max-width:1480px) {
.appearance_list li{padding:10px 30px 10px;}		
}
@media (max-width:1380px) {
.appearance_list{width:90%; margin-top:20px}		
}
@media (max-width:1280px) {
.appearance_list{margin-top:10px}	
.appearance_list li{padding:10px 35px 10px;}	
}
@media (max-width:1180px) {
.appearance_list li{padding:10px 20px 10px;}	
}
@media (max-width:1024px) {
.appearance_list li{padding:10px 10px 10px;}	
}
@media (max-width:920px) {
.appearance_box{padding-bottom:60px}	
.appearance_list li{opacity:1; bottom:0}
}
@media (max-width:840px) {
.appearance_box{padding-bottom:40px}		
}
@media (max-width:540px) {
.appearance_list li{padding:5px;}	
}
@media (max-width:420px) {
.appearance_list li{padding:2px;}	
}

/*注册商标*/
.registered_box{background-image:url(../images/ny_registered.jpg);}
.registered_list{ padding:80px 0; overflow:hidden; position:relative; opacity:0; right:-50%; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s; transition-delay:.8s}
.registered_list .swiper-slide img{box-shadow:10px 10px 20px 0px rgba(0, 0, 0, 0.5);}
.registered_list .next{width:100%; text-align:center; display: block; margin-top:50px}
.registered_list .next i{ color:#FFF; font-size:30px; font-weight:bold}
.swiper-slide-active .registered_list{opacity:1; right:0}
.registered_list .dots4{text-align:center; margin:.1rem; display:none}
.registered_list .dots4 span{display: inline-block; margin:0 .07rem; width:.3rem; height:.05rem; background:rgba(0,0,0,.3);cursor: pointer;}
.registered_list .dots4 span.swiper-pagination-bullet-active {background:rgba(0,149,105,.8);}
@media (max-width:1920px) {
.registered_list{ padding:30px 0 60px;}	
.registered_list .next{margin-top:30px}
}
@media (max-width:1780px) {
.registered_list{padding:10px 0 60px;}
.registered_list .swiper-slide img{margin:10px}
.registered_list .next{margin-top:0px}
}
@media (max-width:1680px) {
.registered_list{padding:30px 0 60px;}	
.registered_list .next{margin-top:20px}
}
@media (max-width:1600px) {
.registered_list{padding:0px 0 60px;}	
.registered_list .next{margin-top:0px}
}
@media (max-width:1380px) {
.registered_list{padding:50px 0 60px;}	
.registered_list .swiper-slide img{margin:0px}
.registered_list .next{margin-top:30px}
}
@media (max-width:1280px) {
.registered_list{padding:30px 0 60px;}	
}
@media (max-width:1180px) {
.registered_list{padding:20px 0 60px;}	
.registered_list .next{margin-top:20px}
}
@media (max-width:920px) {
.registered_list{opacity:1; right:0; padding:30px 0 120px;}
}
@media (max-width:780px) {
.registered_list{padding:20px 0 120px;}
}
@media (max-width:420px) {
.registered_list{padding:10px 0 110px;}	
.registered_list .next{margin-top:10px}
.registered_list .next i{font-size:25px;}
}



/*全球业务*/
.business_box{background: linear-gradient(90deg, #cce1e3, #c0dfe1); background: -webkit-linear-gradient(-90deg #cce1e3,#c0dfe1)}
.businessbox{max-width:1380px; text-align:center; margin: 0 auto; position: relative}
.businessbox .introduce{color:#FFF; font-size:24px; line-height:45px; margin:10px 0 30px; font-family:"siyuan r";}
.businessbox .img{position:absolute; z-index:99;}
.businessbox .img02{right:10%; top:31%; z-index:98; opacity:0; transition-delay:1.4s; width:0}
.businessbox .img03{width:50px; opacity:0; }
.businessbox .ah{right:273px; top:190px; opacity:0; transition-delay:.4s}
.businessbox .rb{right:203px; top:195px; transition-delay:.5s}
.businessbox .ad{right:110px; top:420px; transition-delay:.6s}
.businessbox .yn{right:275px; top:340px; transition-delay:.7s}
.businessbox .hz{right:255px; top:340px; transition-delay:.7s}
.businessbox .el{right:448px; top:100px; transition-delay:.8s}
.businessbox .al{right:510px; top:240px; transition-delay:.9s}
.businessbox .dg{right:714px; top:137px;transition-delay:1s}
.businessbox .fg{right:760px; top:175px; transition-delay:1.1s}
.businessbox .jn{left:190px; top:120px; transition-delay:1.2s}
.businessbox .mg{left:220px; top:195px; transition-delay:1.3s}
.businessbox .bx{left:320px; top:360px; transition-delay:1.4s}
.businessbox .map p{position:absolute; z-index:99; color:#009569; font-size:16px;  opacity:0; transition-delay:.4s}
.businessbox .map .c{right:320px; top:390px;}
.businessbox .map .j{right:130px; top:370px;}
.businessbox .map .a{right:70px; top:500px;}
.businessbox .map .h{right:160px; top:400px;}
.businessbox .map .y{right:160px; top:430px;}
.swiper-slide-active .businessbox .img02{opacity:1; width: auto}
.swiper-slide-active .businessbox .ah{opacity:1; top:290px;}
.swiper-slide-active .businessbox .rb{opacity:1; top:295px;}
.swiper-slide-active .businessbox .ad{opacity:1; top:520px;}
.swiper-slide-active .businessbox .yn{opacity:1; top:440px;}
.swiper-slide-active .businessbox .hz{opacity:1; top:400px;}
.swiper-slide-active .businessbox .el{opacity:1; top:200px;}
.swiper-slide-active .businessbox .al{opacity:1; top:335px;}
.swiper-slide-active .businessbox .dg{opacity:1; top:237px;}
.swiper-slide-active .businessbox .fg{opacity:1; top:275px;}
.swiper-slide-active .businessbox .jn{opacity:1; top:220px;}
.swiper-slide-active .businessbox .mg{opacity:1; top:295px;}
.swiper-slide-active .businessbox .bx{opacity:1; top:460px;}
.swiper-slide-active .businessbox .c{opacity:1; top:340px;}
.swiper-slide-active .businessbox .j{opacity:1; top:340px;}
.swiper-slide-active .businessbox .a{opacity:1; top:600px;}
.swiper-slide-active .businessbox .h{opacity:1; top:380px;}
.swiper-slide-active .businessbox .y{opacity:1; top:380px;}
.businessbox .map02{display:none}
@media (max-width:1920px) {
.businessbox{max-width:1200px; }
.businessbox .introduce{font-size:16px; line-height:30px; margin:10px 0}
.businessbox .img02{right:10.5%; top:27%;}
.businessbox .ah{right:235px; top:101px;}
.businessbox .rb{right:180px; top:102px;}
.businessbox .ad{right:90px; top:320px;}
.businessbox .yn{right:242px; top:225px;}
.businessbox .hz{right:222px; top:225px;}
.businessbox .el{right:380px; top:30px;}
.businessbox .al{right:440px; top:135px;}
.businessbox .dg{right:620px; top:55px;}
.businessbox .fg{right:660px; top:90px;}
.businessbox .jn{left:160px; top:40px;}
.businessbox .mg{left:170px; top:105px;}
.businessbox .bx{left:280px; top:245px;}

.businessbox .map .c{right:300px; top:170px;}
.businessbox .map .j{right:80px; top:150px;}
.businessbox .map .a{right:65px; top:370px;}
.businessbox .map .h{right:120px; top:170px;}
.businessbox .map .y{right:160px; top:210px;}
.swiper-slide-active .businessbox .img02{opacity:1; width:74%}
.swiper-slide-active .businessbox .ah{opacity:1; top:201px;}
.swiper-slide-active .businessbox .rb{opacity:1; top:202px;}
.swiper-slide-active .businessbox .ad{opacity:1; top:400px;}
.swiper-slide-active .businessbox .yn{opacity:1; top:270px;}
.swiper-slide-active .businessbox .hz{opacity:1; top:230px;}
.swiper-slide-active .businessbox .el{opacity:1; top:130px;}
.swiper-slide-active .businessbox .al{opacity:1; top:235px;}
.swiper-slide-active .businessbox .dg{opacity:1; top:155px;}
.swiper-slide-active .businessbox .fg{opacity:1; top:190px;}
.swiper-slide-active .businessbox .jn{opacity:1; top:140px;}
.swiper-slide-active .businessbox .mg{opacity:1; top:205px;}
.swiper-slide-active .businessbox .bx{opacity:1; top:345px;}

.swiper-slide-active .businessbox .c{opacity:1; top:210px;}
.swiper-slide-active .businessbox .j{opacity:1; top:250px;}
.swiper-slide-active .businessbox .a{opacity:1; top:470px;}
.swiper-slide-active .businessbox .h{opacity:1; top:280px;}
.swiper-slide-active .businessbox .y{opacity:1; top:330px;}
}
@media (max-width:1440px) {
.businessbox .introduce{font-size:14px; line-height:25px;}	
.businessbox{width:70%}
.businessbox .img02{right:10%; top:27%;width:76%;}
.swiper-slide-active .businessbox .img02{width:76%;}
.businessbox .img04{width:60px;}
.businessbox .img03{width:40px;}
.businessbox .ah{right:184px; top:54px;}
.businessbox .rb{right:145px; top:68px;}
.businessbox .ad{right:80px; top:230px;}
.businessbox .yn{right:195px; top:170px;}
.businessbox .hz{right:180px; top:170px;}
.businessbox .el{right:320px; top:0px;}
.businessbox .al{right:357px; top:93px;}
.businessbox .dg{right:500px; top:30px;}
.businessbox .fg{right:530px; top:55px;}
.businessbox .jn{left:120px; top:15px;}
.businessbox .mg{left:140px; top:68px;}
.businessbox .bx{left:220px; top:290px;}
.businessbox .map .c{right:250px; top:140px;}
.businessbox .map .j{right:60px; top:100px;}
.businessbox .map .a{right:55px; top:280px;}
.businessbox .map .h{right:90px; top:150px;}
.businessbox .map .y{right:110px; top:180px;}
.swiper-slide-active .businessbox .ah{opacity:1; top:154px;}
.swiper-slide-active .businessbox .rb{opacity:1; top:168px;}
.swiper-slide-active .businessbox .ad{opacity:1; top:320px;}
.swiper-slide-active .businessbox .yn{opacity:1; top:215px;}
.swiper-slide-active .businessbox .hz{opacity:1; top:190px;}
.swiper-slide-active .businessbox .el{opacity:1; top:100px;}
.swiper-slide-active .businessbox .al{opacity:1; top:193px;}
.swiper-slide-active .businessbox .dg{opacity:1; top:130px;}
.swiper-slide-active .businessbox .fg{opacity:1; top:155px;}
.swiper-slide-active .businessbox .jn{opacity:1; top:115px;}
.swiper-slide-active .businessbox .mg{opacity:1; top:168px;}
.swiper-slide-active .businessbox .bx{opacity:1; top:280px;}
.swiper-slide-active .businessbox .c{opacity:1; top:170px;}
.swiper-slide-active .businessbox .j{opacity:1; top:200px;}
.swiper-slide-active .businessbox .a{opacity:1; top:380px;}
.swiper-slide-active .businessbox .h{opacity:1; top:230px;}
.swiper-slide-active .businessbox .y{opacity:1; top:270px;}
.businessbox .map p{font-size:14px;}
}
@media (max-width:1380px) {
.businessbox .map{display:none}
.businessbox .map02{display:block}
.businessbox{width:90%}
}
@media (max-width:420px) {
.businessbox{ width:96%}
.businessbox .introduce{ font-size:12px}
}

/*联系我们*/
.contact_box{background-image:url(../images/ny_contact.jpg);}
.contact_content{max-width:1380px; margin:0 auto; padding-top:10%; overflow:hidden}
.contactus{width:48%; float:left; color:#555;}
.contactus .title b{font-size:45px; height:58px; display: block; font-family:"siyuan b";}
.contactus .title p{font-size:18px; letter-spacing:1px;}
.contactus .cont{margin:10px 0 30px; overflow:hidden}
.contactus .cont b{font-size:24px; letter-spacing:0; margin:10px 0; display:block; font-weight:normal}
.contactus .cont .t{margin:20px 0 10px;}
.contactus .cont p{font-size:22px; letter-spacing:0; font-family: "siyuan l";}
.contactus .tel span{padding-right:20px;}
.contactus .tel img{padding-right:10px;}
.contactus .tel a{color:#555; font-size:24px; font-family:"siyuan b";}

/*在线留言*/
.message{width:50%; float:right}
.message span{font-size:24px; color:#999; margin-bottom:10px; display:block}
.feedback_form{width:100%; overflow:hidden;}
.feedback_form ul li{ margin-bottom:5px; width:100%; background:rgba(255,255,255,0.6); position:relative; padding-left:10px;}
.feedback_form ul li input{font-family: "SourceHanSansCN-Normal";border:none; background:none; background-color:transparent; width:100%; color:#888; font-size:18px; height:55px}
.feedback_form ul li textarea{font-family: "SourceHanSansCN-Normal";height:140px; border:none; background:none; background-color:transparent; width:100%; color:#888; font-size:18px; padding-top:10px}
.feedback_form ul li.yzm{ width:71%; float:left}
.feedback_form ul li .yzm_box{ float:left; width: calc(100% - 180px);}
.feedback_form ul li .yzm{ float:right; margin-top:15px; margin-right:10px;}
.feedback_form ul li:nth-child(5){ width:100%}
.feedback_form ul li:nth-child(6){float:left;}
.feedback_form .more-button{cursor:pointer; border: none; width:28%; height:55px; font-size:18px; color: #fff; background: #4c4948!important; float:right}
.feedback_form .more-button:hover{background:#009569!important;}
@media (max-width:1920px) {
.contact_content{max-width:1100px; padding-top:8%;}
.contactus .title img{width:82%}
.contactus .title b{font-size:35px; height:48px;}
.contactus .title p{font-size:12px; letter-spacing:2px;}
.contactus .cont b{font-size:18px; letter-spacing:0; margin:10px 0;}
.contactus .cont .t{margin:20px 0 10px;}
.contactus .cont p{font-size:18px; letter-spacing:0;}
.contactus .tel span{padding-right:20px;}
.contactus .tel img{padding-right:10px;}
.contactus .tel a{color:#555; font-size:20px;}
	
.message{width:50%; float:right}
.message span{font-size:18px; color:#999; margin-bottom:10px; display:block}
.feedback_form{width:100%; overflow:hidden;}
.feedback_form ul li{ margin-bottom:5px; width:100%; background:rgba(255,255,255,0.6); position:relative; padding-left:10px;}
.feedback_form ul li input{font-family: "SourceHanSansCN-Normal";border:none; background:none; background-color:transparent; width:100%; color:#888; font-size:14px; height:35px}
.feedback_form ul li textarea{font-family: "SourceHanSansCN-Normal";height:140px; border:none; background:none; background-color:transparent; width:100%; color:#888; font-size:14px; padding-top:10px}
.feedback_form ul li.yzm{ width:71%; float:left}
.feedback_form ul li .yzm_box{ float:left; width: calc(100% - 180px);}
.feedback_form ul li .yzm{ float:right; margin-top:5px; margin-right:10px}
.feedback_form ul li:nth-child(5){ width:100%}
.feedback_form ul li:nth-child(6){float:left;}
.feedback_form .more-button{cursor:pointer; border: none; width:28%; height:35px; font-size: 14px; color: #fff; background: #4c4948!important; float:right}
.feedback_form .more-button:hover{background:#009569!important;}
}
@media (max-width:1780px) {
.contact_content{padding-top:6%;}
}
@media (max-width:1380px) {
.contact_content{padding-top:10%}
}
@media (max-width:1280px) {
.contact_content{padding-top:8%}
}
@media (max-width:1024px) {
.contact_content{width:90%;}
.contactus .tel span{display:block; margin-top:10px} 
}
@media (max-width:920px) {
.contact_box{border-top-left-radius:.7rem; border-top-right-radius:.7rem;}
.contact_content{padding:60px 0 170px}
.contactus,.message,.feedback_form ul li.yzm,.feedback_form .more-button {width:100%;}
.message span{ margin-top:20px}
.Validform_checktip{ display:none !important}
}
@media (max-width:540px) {
.contact_box{background-image:url(../images/mobile05.jpg);}	
}
@media (max-width:420px) {
.contact_content{padding:50px 0 150px}
.contactus .title b{font-size:28px}	
.contactus .title p{letter-spacing:0;}
.contactus .cont{margin:10px 0 0;}
.contactus .cont b{margin:0;}
.contactus .cont .t{margin:10px 0 0;}
.contactus .cont p{font-size:16px; letter-spacing:0;}
.contactus .tel span{display:block;} 

.feedback_form ul li .yzm_box{width: calc(100% - 100px);}
}
@media (max-width:390px) {
.contact_content{padding:40px 0 140px}
.contactus .title b{font-size:24px}	
.contactus .title p{ display:none}	
}

/*新闻动态*/
.nybody{width:96%; margin:0 auto}
.nybanner{width:100%; height:450px; border-top-left-radius:.7rem; border-top-right-radius:.7rem; overflow:hidden; background-image:url(../images/ny_news.jpg); background-size:cover; background-position:center; margin-top:1.4rem;}

.news-box{width:78%; margin:100px auto;  overflow: hidden;}
.news-box li{float:left; width:49%; box-sizing:border-box; margin-bottom:30px}
.news-box li:nth-child(2n){ float:right}
.news-box li .xwlbnn{background: #f0f0f0;}
.news-box li .xwlbtp{overflow:hidden; height:400px;}
.news-box li .xwlbtp img{width:100%; transition: all .8s ease 0s;}
.news-box li .xwlb_text{ padding:4%}
.news-box li .xwlb_text h2{font-size:18px; color:#333; font-weight:bold; margin-bottom:10px}
.news-box li .xwlb_text p{font-size:14px; color:#666666; line-height:25px;}
.news-box li h4{transition: All 0.4s ease-in-out; padding: 0 4%; border-top: 1px solid #dadada; line-height:60px; color:#666; font-size:16px;}
.news-box li:hover h4{color:#fff; background:#009569;}
.news-box li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1);}

.news_show{width:100%; overflow:hidden;}
.news_show .title{font-size:28px; color:#333}
.news_show .title02{font-size:16px; color:#999; height:40px; line-height:40px;}
.news_show .title02 i{margin-right:5px}
.news_show .title02 span{margin-right:10px}
.news_show .content{ margin:10px 0 30px}
.news_show .content p{ font-size:14px; line-height:25px}
.news_show .return{ display:block; border:1px solid #999; width:160px; height:45px; line-height:45px; color:#999; margin:0 auto; text-align:center; font-size:16px; font-weight: 600; }
.news_show .return:hover{border:1px solid #009569; color:#fff; background:#009569}
@media (max-width:1680px) {
.news-box li .xwlbtp{height:350px;}	
}
@media (max-width:1600px) {
.news-box li .xwlbtp{height:320px;}	
}
@media (max-width:1380px) {
.nybanner{height:400px;}
.news-box{width:100%; margin:80px auto;}
}
@media (max-width:1180px) {
.nybanner{height:350px;}
.indexTitle.news{margin-top:130px;}
.news-box{margin:70px auto;}
}
@media (max-width:1024px) {
.nybanner{height:300px;}
.indexTitle.news{margin-top:110px;}
.news-box{margin:50px auto;}
.news-box li .xwlbtp{height:260px;}	
.news-box li{margin-bottom:20px;}
}
@media (max-width:580px) {
.nybanner{height:250px;}
.indexTitle.news{margin-top:90px;}
.news-box{margin:20px auto;}
.news-box ul{margin-left:0px;}
.news-box li{width:100%; padding:0; margin-bottom:10px;}	
.news_show .title{ font-size:20px}
.news_show .content{margin:0;}
}
@media (max-width:420px) {
.nybanner{height:220px;}
.indexTitle.news{margin-top:80px;}	


}


/*分页样式 开始*/
#fengye {overflow: hidden; margin-top:30px; height:80px}
#fengye{ clear:both; margin:auto 0; text-align:center;}
div.digg {text-align: left; font-size:14px; display:inline-block; height:50px; margin-top:20px}
div.digg a {border: #ccc 1px solid;  padding:12px 18px; margin: 2px; color: #666;text-decoration: none;}
div.digg a:hover {border:#2f3438 1px solid; color: #fff; background:#2f3438}
div.digg a:active {border: #e46015 1px solid; color: #000;}
div.digg span.current {border: #009569 1px solid;font-weight: bold; padding:12px 18px;margin: 2px; color: #fff;background-color: #009569;}
div.digg span.disabled {border: #ccc 1px solid; padding:12px 18px;margin: 2px;color: #999;}
div.digg .keng{ display:none}



.mobile_box_pro{border-top-left-radius:0rem; border-top-right-radius:0rem; clip-path: inset(0 0 0 0 round 70px 70px 0 0);}
.mobile_box_pro .swiper-slide{background-repeat:no-repeat; background-size:cover; background-position:bottom;}
.mobile_box_pro a.arrow{display:block; width:.8rem; height:.8rem; position:absolute; z-index:10; left:auto; right:auto; top:40%; bottom:auto; text-align:center}
.mobile_box_pro a.arrow i{font-size:.4rem; color:#FFF}
.mobile_box_pro a.arrow.prev{left:-.7rem;}
.mobile_box_pro a.arrow.prev:hover {}
.mobile_box_pro a.arrow.next {right:-.7rem;}
.mobile_box_pro a.arrow.next:hover {}
.mobile_box_pro:hover a.arrow.prev {left:.6rem;}
.mobile_box_pro:hover a.arrow.next {right:.6rem;}

.probanner03 a.arrow i,.probanner04 a.arrow i{color:#333}
@media screen and (max-width:1380px) {
.mobile_box_pro{clip-path: inset(0 0 0 0 round 60px 60px 0 0);}
}
@media screen and (max-width:1024px) {
.mobile_box_pro{clip-path: inset(0 0 0 0 round 50px 50px 0 0);}
}
@media screen and (max-width:920px) {
.mobile_box_pro{height:600px; max-height:600px}
.mobile_box_pro{clip-path: inset(0 0 0 0 round 0);}

}
@media screen and (max-width:780px) {
.mobile_box_pro{height:550px; max-height:550px}	
}
@media screen and (max-width:540px) {
.mobile_box_pro{height:500px; max-height:500px; clip-path: inset(0 0 0 0 round 40px 40px 0 0);}	

}
@media screen and (max-width:420px) {
.mobile_box_pro{clip-path: inset(0 0 0 0 round 30px 30px 0 0);}		
}





/*生产流程*/
.process_box{background-image:url(../images/ny_process.jpg);}
.process_list{width:80%; margin:0 auto; margin-top:80px}
.process_list li{position:relative; float:left; text-align:center; opacity:0; right:-10%; transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;}
.process_list li p{font-size:20px; position:absolute; color:#8c8c8c; top:3px; left:10px; font-family: "siyuan b";}
.process_list li:nth-child(odd){width:16%}
.process_list li:nth-child(even){width:5%}
.process_list li:nth-child(even) img{width:80%;}

.process_list01 li:nth-child(even) img,.process_list03 li:nth-child(even) img{width:80%; margin-top:100%}
.process_list02 li{ padding:50px 0}
.process_list02 li img{transform:rotate(90deg); width:25%}
.process_list02 li:nth-child(3) img,.process_list02 li:nth-child(7) img{transform:rotate(270deg);}

.swiper-slide-active .process_list li{opacity:1; right:0}
.process_list01 li:nth-child(1){transition-delay:.2s}
.process_list02 li:nth-child(1){transition-delay:.4s}
.process_list03 li:nth-child(1){transition-delay:.6s}
.process_list03 li:nth-child(2){transition-delay:.8s}
.process_list03 li:nth-child(3){transition-delay:1s}
.process_list02 li:nth-child(3){transition-delay:1.2s}
.process_list01 li:nth-child(3){transition-delay:1.4s}
.process_list01 li:nth-child(4){transition-delay:1.6s}
.process_list01 li:nth-child(5){transition-delay:1.8s}
.process_list02 li:nth-child(5){transition-delay:2s}
.process_list03 li:nth-child(5){transition-delay:2.2s}
.process_list03 li:nth-child(6){transition-delay:2.4s}
.process_list03 li:nth-child(7){transition-delay:2.6s}
.process_list02 li:nth-child(7){transition-delay:2.8s}
.process_list01 li:nth-child(7){transition-delay:3s}
.process_list01 li:nth-child(8){transition-delay:3.2s}
.process_list01 li:nth-child(9){transition-delay:3.4s}
.process_list02 li:nth-child(9){transition-delay:3.6s}
.process_list03 li:nth-child(9){transition-delay:3.8s}
.process_list04{display:none}

.process_list01 li:nth-child(2) img,.process_list01 li:nth-child(6) img,.process_list02 li:nth-child(2) img,.process_list02 li:nth-child(4) img,.process_list02 li:nth-child(6) img,.process_list02 li:nth-child(8) img,.process_list03 li:nth-child(4) img,.process_list03 li:nth-child(8) img{opacity:0}
@media (max-width:1920px) {
.process_list{margin-top:40px}
.process_list li p{font-size:16px; top:4px;}
.process_list02 li{ padding:30px 0}
}
@media (max-width:1780px) {
.process_list{margin-top:30px}
.process_list li p{top:3px;}
.process_list02 li{padding:20px 0}
}
@media (max-width:1680px) {
.process_list{width:90%;}
}
@media (max-width:1480px) {
.process_list{margin-top:20px}
.process_list li p{font-size:14px; top:0px;}
}
@media (max-width:1380px) {
.process_list{margin-top:100px}
}
@media (max-width:1280px) {
.process_list{margin-top:60px}
.process_list li p{font-size:13px; left:5px;}
}
@media (max-width:1180px) {
.process_list li p{font-size:12px; left:2px;}
}
@media (max-width:1024px) {
.process_list li p{font-size:12px;}
}
@media (max-width:920px) {
.process_box{height:600px; max-height:600px;}	
.process_list01,.process_list02,.process_list03{display:none}
.process_list04{display:block; width:96%; margin:0 auto}
.process_list04 li{float:left; width:25%; text-align:center; position:relative; margin-top:8px}
.process_list04 li p{font-size:14px; position:absolute; color:#8c8c8c; left:10px; top:2px; font-family: "siyuan b";}
.process_list04 li img{width:95%}
}
@media (max-width:780px) {
.process_box{height:550px; max-height:550px;}		
}
@media (max-width:540px) {
.process_box{height:1010px; max-height:1010px;}
.process_list04 li{width:50%;}
.process_list04 li p{font-size:18px;}
}
@media (max-width:420px) {
.process_box{height:800px; max-height:800px;}
.process_list04 li p{font-size:14px;}
}
@media (max-width:390px) {
.process_box{height:760px; max-height:760px;}
.process_list04 li p{font-size:13px;}
}