.main{ line-height: 30px; padding: 5% 0;}

@media screen and (max-width:768px){
    .row{ margin: 0;}
    .video-box .has-video .play-btn svg{ width: 50px !important;; height: 50px !important;}
}
.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
/*.shuiyin{ position: absolute; left: 0; top: 0; z-index: 1; background: url("../images/shuiyin.png") no-repeat center; width: 100%; height: 100%; background-size: 50%;}*/

.my-button-disabled{opacity: 1!important;pointer-events:visible!important; cursor: pointer!important;}
.jw-controlbar { width: 100% !important;}

#dituContent label {
    max-width: unset!important;
    text-align: center;
}

@media screen and (max-width:1200px){
}

@media screen and (max-width:991px){
    .layui-layer{ width: 94% !important; left: 3% !important;}
    .p15{ padding-left: 15px; padding-right: 15px;}
}


/*头部*/
#top_index{ height: auto; margin: 0 auto; transition: 0.3s; width: 100%; z-index: 99; position: fixed;}
#top_index_zy{ height: auto; margin: 0 auto; position: fixed; z-index: 12; top: 0; left: 0; transition: 0.3s; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#logo{ text-align: center; transition: 0.3s;}
#logo a{ display: block;}
#logo a img{ max-width: 100%; transition:0.5s;}
.top_tel{ color: #fff; font-size: 24px;}
.top_tel i{ font-size: 25px; margin-right: 10px;}

#nav{ height: auto; transition:0.3s; text-align: center;}
#nav li{ display: inline-block; font-size: 16px; color: #fff; text-align: center; width: 14%; transition:0.5s; position: relative; padding: 2% 0;}
#nav li .big{ display: block; color: #fff; position: relative; z-index: 1; line-height: 22px; transition: 0.3s; }
#nav li .big p{ text-transform: uppercase; font-size: 12px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#nav li:before{ position: absolute; left: 50%; bottom: 0; content: ''; background: #fff; height: 3px; width: 0; transition: 0.3s;}
#nav li:hover:before{ width: 20%; left: 40%;}

#top_index_zy #nav li .big{ color: #666;}
#top_index_zy #nav li .big p{ color: #bdbdbd;}
#top_index_zy #nav li:before{ background: #29a45e;}
#top_index_zy #nav li:hover .big,#top_index_zy #nav li:hover .big p{ color: #29a45e;}
#top_index_zy .top_tel{ color: #00ab71;}
#top_index_zy .menu .menu_button>.line{ background: #333 !important;}

.top_bj_active{ width: 100%; z-index: 20; background: rgba(0,0,0,0.7) !important; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: fixed !important;}
.top_bj_active #logo{ padding: 0.2% 0;}
.top_bj_active #logo img{ transform: scale(0.8);}
.top_bj_active #nav li{ padding: 1% 0 !important;}
.top_bj_active #nav li .big{ color: #fff !important;}

.top_zy_active{ width: 100%; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.top_zy_active #nav li{ padding: 1% 0;}
.top_zy_active #logo{ padding: 0.2% 0;}
.top_zy_active #logo img{ transform: scale(0.9);}

@media screen and (max-width:1800px){
    .top_tel{ font-size: 20px;}
}
@media screen and (max-width:1700px){
}
@media screen and (max-width:1600px){
    #nav li .big p{ display: none;}
    #nav li{ padding: 3% 0;}
    .top_tel{ font-size: 18px;}
    .top_tel i{ display: none;}
}
@media screen and (max-width:1440px){
    #logo a img{ max-width: 100%;}
    #nav li{ font-size: 14px;}
    .top_tel{ font-size: 14px;}
}
@media screen and (max-width:1350px){
}
@media screen and (max-width:1300px){
}
@media screen and (max-width:1200px){
    #nav li{ font-size: 14px;}
    #nav li .navson .more{ width: 20%;}
}
@media screen and (max-width:991px){
    #top_index{ padding: 0; width: 100%;}
    #top_index .row{ margin: 0 !important;}
    #logo{ text-align: left; padding: 2%;}
}
@media screen and (max-width:768px){
    #logo{ padding: 2%;}
    .top_bj_active #logo{ padding: 2%;}
    .top_bj_active #logo img{ transform: scale(1);}
}



.flash img{ width: 100%;}
.banner {position: relative;height: auto !important;z-index: 1;top:0;}
.banner .swiper-wrapper{height: auto !important;}
.banner .swiper-slide {position: relative;height: auto !important;float: left;}
/*.banner .swiper-slide a{display:block;width:100%;height: auto !important;}*/
/*.banner .swiper-slide a img{ width: 100%; height: auto;}*/
.banner .swiper-pagination{ bottom: 5% !important; width: auto !important;; left: 15% !important;;}
.banner .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 100%; transition:0.3s; margin-right: 30px !important;; background: #fff; opacity: 1; position: relative;}
.banner .swiper-pagination-bullet:before{ position: absolute; left: -10px; top: -10px; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 100%; content: ''; opacity: 0; transition: 0.3s;}
.banner .swiper-pagination-bullet-active:before{ opacity: 1;}

.banner .swiper-container #swiper-slide1{text-align: center !important; position: relative;}
.banner .swiper-container #swiper-slide1:before{ position: absolute; width: 100%; height: 15%; background-image: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(255,255,255,0.01)); content: ''; left: 0; top: 0; z-index: 2;}

.banner .swiper-container .swiper-slide .swiper-slide-content {position: absolute;text-align: left;width: 1360px;height: auto;left: 50%;top: 40%;-webkit-transform: translate(-50%,-30%);transform: translate(-50%,-30%);z-index: 2;}
.banner .swiper-container .swiper-slide .swiper-slide-title {opacity: 0; margin-bottom: 30px;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .4s;}
.banner .swiper-container .swiper-slide .swiper-slide-subtitle {opacity: 0; margin-bottom: 50px; -webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;}
.banner .swiper-container .swiper-slide .swiper-slide-subtitle1 {opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .6s;}
.banner .swiper-container .swiper-slide.swiper-slide-active .swiper-slide-title {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: .8s ease 0.8s;}
.banner .swiper-container .swiper-slide.swiper-slide-active .swiper-slide-subtitle {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: .8s ease 1s;}
.banner .swiper-container .swiper-slide.swiper-slide-active .swiper-slide-subtitle1 {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: .8s ease 1.2s;}

.banner .swiper-container #swiper-slide1 .swiper-slide-content{ text-align: center !important; top: 30% !important;}
.banner .swiper-container #swiper-slide3 .swiper-slide-content{ text-align: center !important; top: 25% !important;}
@media screen and (max-width:1440px){
    .banner .swiper-container .swiper-slide .swiper-slide-content{ width: 90%;}
    .banner .swiper-container .swiper-slide .swiper-slide-content img{ max-width: 30%;}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:768px){
}

#mobile_banner img{ width: 100%;}
#mobile_banner .swiper-pagination-bullet-active{ background: #d33f23;}


/*@media screen and (max-width:1200px){*/
/*    #banner .gallery-thumbs .swiper-slide span{ font-size: 12px;}*/
/*}*/




.lh-nav-btn{margin-left:18px; display:flex; align-items:center; position:relative; z-index:100;}
.lh-nav-btn span{display:block; width:52px; height:52px; border-radius:50%; background:#00ab71; margin-right:14px; position:relative;}
.lh-nav-btn span:before,.lh-nav-btn span:after{content:''; display:block; width:22px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-7px 0 0 -11px;transition: all .8s cubic-bezier(.77,0,.175,1);}
.lh-nav-btn i:after{content:'';display:block; width:18px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin:-1px 0 0 -11px; transform-origin:left center;transition: all .8s cubic-bezier(.77,0,.175,1);}
.lh-nav-btn em{transition:cubic-bezier(0.215,.61,.355,1) .45s; color: #fff;}
.Nav .lh-nav-btn i:after{transform:scaleX(0);}
.Nav .lh-nav-btn span:before{transform:translate(0,6px) rotate(45deg);}
.Nav .lh-nav-btn span:after{transform:translate(0,-6px) rotate(-45deg);}
.lh-nav-btn span:after{margin:5px 0 0 -11px;}

.lh-nav-btn b{width:52px; height:52px; position:absolute; left:0; top:0;}
.lh-nav-btn b:before{content:''; display:block; width:200vh; height:200vh; margin:-100vh 0 0 -100vh; border-radius:50%; background:#fff; z-index:-1; position:absolute; left:50%; top:50%;transition: all .8s cubic-bezier(.77,0,.175,1); transform:scale(0);}
.Nav .lh-nav-btn b:before{transform:scale(1);}

.layer-shadow{position:fixed; left:0; top:0; width:100vw; height:100vh; z-index:98; background:rgba(0,0,0,.7); opacity:0; visibility:hidden; transition: cubic-bezier(0.215,.61,.355,1) .45s;}
.nav-layer{position:fixed; right:0; top:150px; bottom:0; z-index:101; padding:0 3.4375000000000004vw 0 0;pointer-events: none; opacity:0;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.Nav .nav-layer{opacity:1; transition-delay:.8s;pointer-events:initial;}

.Nav .lh-nav-btn{color:#000;}
.Nav .layer-shadow{opacity:1; visibility:visible;}

.nav-item-box{text-align:right; height:calc(100vh - 250px); display:flex;flex-direction:column;}
.nav-item-box>*{flex:1; transform:translateY(60px); opacity:0;}
.Nav .nav-item-box>*{animation:navItem cubic-bezier(0.215,.61,.355,1) 1s forwards; animation-delay:.45s;}
@keyframes navItem{
    to{transform:translateY(0); opacity:1;}
}
.Nav .nav-item-box>*:nth-child(1){animation-delay:.55s;}
.Nav .nav-item-box>*:nth-child(2){animation-delay:.65s;}
.Nav .nav-item-box>*:nth-child(3){animation-delay:.75s;}
.Nav .nav-item-box>*:nth-child(4){animation-delay:.85s;}
.Nav .nav-item-box>*:nth-child(5){animation-delay:.95s;}
.Nav .nav-item-box>*:nth-child(6){animation-delay:1.05s;}
.Nav .nav-item-box>*:nth-child(7){animation-delay:1.15s;}
.Nav .nav-item-box>*:nth-child(8){animation-delay:1.25s;}
.nav-item dt{margin-top:2vh;}
.nav-item dt:first-child{margin-top:0;}
.nav-item dt a{position:relative; white-space:nowrap; line-height:36px;}
.nav-item dt a:hover{color:#00ab71;}
.nav-item dt a:before{content: ''; display: block; width: 110%; height: 3px; background: #344154; position: absolute; left: -5%; top: 50%; margin-top: -1px; transform-origin: left center; transition: transform .8s; transform: scaleX(0); z-index: 2;}
.nav-item dt a:hover:before{transform:scaleX(1); transition-duration: .3s;}
.nav-item dt a em{opacity:1; font-size: 30px; font-weight: bold;}
.nav-item dt span{position:absolute; left:0; top:0; width:100%; height:50%; overflow:hidden;transition: transform .8s;}
.nav-item dt a span,.nav-item dt a:before{display:none;}
.nav-item dt span:last-child{top:50%;}
.nav-item dt span:last-child:before{transform:translateY(-50%);display: block;}
.nav-item dt a:hover span:nth-child(2){transform: translateX(-5px) skew(-20deg);transition-duration: .3s;}
.nav-item dt a:hover span:nth-child(3){transform: translateX(5px) skew(-20deg);transition-duration: .3s;}
.nav-item dt span:before{content:attr(data-text);}
.nav-item dd{overflow:hidden;}
.nav-item dd>a{margin-left:2.083333333333333vw; position:relative; color:#666;margin-top:10px; z-index:1; display:inline-block; font-size: 16px;}
.nav-item dd>a:before{content:''; display:block; width:30px; height:30px; border-radius:50%; background:#00ab71;background: -webkit-radial-gradient(#00ab71,rgba(245,171,0,0),rgba(245,171,0,0)); position:absolute; right:0; bottom:0; z-index:-1; opacity:0;    transition: cubic-bezier(0.215,.61,.355,1) .45s; transform:translateX(-40px);}
.nav-item dd>a:hover:before{opacity:1; transform:translateX(0);}
.nav-item dd>a:first-child{margin-left:0;}

@media screen and (max-width:1440px){
    .nav-item dt a em{ font-size: 20px;}
    .lh-nav-btn{margin-left:10px;}
    .lh-nav-btn span{width:32px; height:32px; margin-right:0;}
    .lh-nav-btn em{display:none;}
    .lh-nav-btn span:before, .lh-nav-btn span:after{width:18px; height:1px; margin:-4px 0 0 -9px;}
    .lh-nav-btn span:after{margin:5px 0 0 -9px;}
    .lh-nav-btn i:after{width:14px; height:1.2px; margin:0 0 0 -9px;}
    .Nav .lh-nav-btn span:before{transform: translate(0,5px) rotate(45deg);}
    .Nav .lh-nav-btn span:after{transform: translate(0,-5px) rotate(-45deg);}
    .lh-nav-btn i:before{width:250vh; height:250vh;}
    .nav-item-box{height:calc(100vh - 80px);}
    .nav-layer{top:80px;}
    .nav-item dt a{line-height:22px;}
}

















/*底部*/
#end_bj{ width: 100%; text-align: left; position: relative; color: #8b8b8b; background:#26292e;}
#end_bj a{ color: #8b8b8b; transition: 0.3s; position: relative;}
#end_bj a:hover{ color: #fff;}
#end_bj .main{ padding: 3% 0;}


.end_lxwm .tel{ line-height: 35px; padding: 5% 0 3%;}
.end_lxwm .tel p{ color: #fff; font-size: 18px;}
.end_lxwm .tel p i{ font-size: 22px; margin-right: 10px;}
.end_lxwm .tel span{ font-size: 36px; color: #00ab71; font-weight: bold; }
.end_lxwm .tel .tel_dz{ font-size: 16px; color: #fff; font-weight: normal;}
.ewm{ max-width: 35%; text-align: center; margin-right: 5%;}
.ewm p{ display: inline-block; padding: 20px 0 10px;  }
.ewm p img{ max-width: 100%;}


.end_nav ul li.big{ color: #fff; font-size: 18px; position: relative; height: 40px; margin-bottom: 20px;}
.end_nav ul li{ font-size: 14px; color: #666666; height: 35px; line-height: 35px;}


#end_line{ height: auto; padding: 20px 0 0; margin-top: 3%; background: #26292e; line-height: 30px; color: #4b4d51; border-top: 1px solid rgba(255,255,255,0.1); text-align: right; }
#end_line a{ color: #4b4d51;}
#end_line a:hover{ color: #fff;}
@media screen and (max-width:1500px){
}
@media screen and (max-width:1440px){
    .end_lxwm .tel p{ font-size: 16px;}
    .end_lxwm .tel span{ font-size: 30px;}
    .end_nav ul li.big{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    .end_nav ul li{ font-size: 12px;}
    .end_lxwm .tel p{ font-size: 14px;}
    .end_lxwm .tel span{ font-size: 24px;}
}
@media screen and (max-width:991px){
    .ewm{ margin-top: 3% !important; width:20% !important;}
    .end_lxwm .tel{ padding: 2% 0;}
}
@media screen and (max-width:768px){
    .ewm{ width: 35% !important;}
}



.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 50; width:100%; line-height: 25px; position: fixed; background-color:#26292e;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#26292e;}
.footer_zx a:last-of-type{ background: #00ab71;}
.footer_zx i{ font-size: 28px; padding: 2% 0 1%; font-weight: normal;}
.footer_zx p{font-size: 13px;}
.kb50{ height: 60px;}

@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
    .footer_zx i{ padding: 2% 0 1%;}
}




/*首页*/
.tit_in p{ color: #000000; font-size: 36px;}
.tit_in p span{ font-size: 24px; text-transform: uppercase;}
.more_in{ position: relative; z-index: 1; height: 45px; line-height: 45px; border: 1px solid #666666; border-radius: 3px; width: 10%; padding: 0 20px; transition: 0.3s;}
.more_in i{ transform:rotate(-45deg); transition: 0.3s;}
.more_in:hover{ background: #00ab71; color: #fff; border: 1px solid #00ab71;}
.more_in:hover i{ transform:rotate(180deg);}
.more_in:hover a{ color: #fff;}
@media screen and (max-width:1440px){
    .tit_in p{ font-size: 30px;}
    .tit_in p span{ font-size: 20px;}
    .more_in{ width: 13%;}
}
@media screen and (max-width:991px){
    .tit_in p{ font-size: 26px;}
    .tit_in p span{ font-size: 16px;}
    .more_in{ width: 17%; height: 35px; line-height: 35px;}
}
@media screen and (max-width:768px){
    .tit_in p{ font-size: 22px;}
    .tit_in p span{ font-size: 12px;}
    .more_in{ width: 22%; text-align: center; padding: 0 5px; font-size: 12px;}
    .more_in i{ display: none;}
}

.xingcai{ margin-top: 3%;}
.xingcai .xccp{ background: #f5f5f5; margin-bottom: 5%; text-align: center;}
.xingcai .xccp:before{ position: absolute; left: 0; top: 0; width: 120%; height: 120%; content: ''; background: url("../images/cp_hover1.jpg") no-repeat center; background-size: auto 100%; opacity: 0; transition: 0.5s;}
.xingcai .col-lg-12 .row .col-md-6:nth-of-type(1) .xccp:before{  background: url("../images/cp_hover2.jpg") no-repeat center; background-size: 100% 100%; }
.xingcai .col-lg-12 .row .col-md-6:nth-of-type(2) .xccp:before{  background: url("../images/cp_hover3.jpg") no-repeat center; background-size: 100% 100%; }
.xingcai .col-lg-12 .row .col-md-6:nth-of-type(3) .xccp:before{  background: url("../images/cp_hover4.jpg") no-repeat center; background-size: 100% 100%; }
.xingcai .col-lg-12 .row .col-md-6:nth-of-type(4) .xccp:before{  background: url("../images/cp_hover5.jpg") no-repeat center; background-size: 100% 100%; }
.xingcai .col-md-3 .xccp:before{  background: url("../images/cp_hover1.jpg") no-repeat center; background-size: 100% auto; }
.xingcai .col-md-6 .xccp:before{  background: url("../images/cp_hover5.jpg") no-repeat center; background-size: 100% 100%; }
.xingcai .col-md-12 .xccp:before{  background: url("../images/cp_hover6.jpg") no-repeat center; background-size: 100% 100%; }
.radio_1{ width: 100%; height: 0; position: relative; overflow: hidden; padding-bottom: calc( 34.5 / 24 * 100%); }
.radio_2{ width: 100%; height: 0; position: relative; overflow: hidden; padding-bottom: calc( 25 / 36 * 100%);}
.radio_3{ width: 100%; height: 0; position: relative; overflow: hidden; padding-bottom: calc( 48 / 141 * 100%);}
.xingcai .xccp .tit{ color: #2d2d2d; font-size: 24px; margin-top: 13%; position: relative; z-index: 1;}
.xingcai .xccp .nr{ color: #757575; font-size: 16px; margin: 8% 0 15%; height: 36px; line-height: 36px; border: 1px solid #d6d6d6; display: inline-block; padding: 0 10px; position: relative; z-index: 1;}
.xingcai .xccp .pic{ margin-top: 3%; height: 75%; position: relative; z-index: 1;}
.xingcai .xccp .pic img{ max-width: 100%; max-height: 100%;}
.xingcai .radio_1 .pic{ height: auto !important;}
.xingcai .radio_1 .pic img{ max-height: 260px;}
.xingcai .xccp:hover:before{ opacity: 1; top: -10%;}
.xingcai .xccp:hover .tit{ color: #fff;}
.xingcai .xccp:hover .nr{ color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.3);}
.xingcai .on:before{ opacity: 1; top: -10%;}
.xingcai .on .tit{ color: #fff;}
.xingcai .on .nr{ color: rgba(255,255,255,0.8); border: 1px solid rgba(255,255,255,0.3);}
.xingcai .radio_2 .pic,.xingcai .radio_3 .pic{ position: absolute; left: 7%; top: 8%;}
.xingcai .radio_4 .pic{ height: 45%; left: 5%; top: 22%;}
.xingcai .radio_2 .float-start,.xingcai .radio_3 .float-start{ position: absolute; right: 5%; top: 23%;}
@media screen and (max-width:1500px){
    .xingcai .radio_1 .pic img{ max-height: 220px;}
    .xingcai .xccp .nr{ font-size: 14px;}
    .xingcai .xccp .tit{ font-size: 22px;}
}
@media screen and (max-width:1400px){
    .xingcai .radio_1 .pic img{ max-height: 180px;}
    .xingcai .xccp .nr{ font-size: 12px;}
    .xingcai .xccp .tit{ font-size: 20px;}
}
@media screen and (max-width:1200px){
    .xingcai .radio_1 .pic img{ max-height: 140px;}
    .xingcai .xccp .nr{ font-size: 12px; padding: 0 5px;}
    .xingcai .xccp .tit{ font-size: 20px;}
    .xingcai .radio_2 .float-start, .xingcai .radio_3 .float-start{ right: 2%;}
    .xingcai .radio_2 .pic, .xingcai .radio_3 .pic{ left: 3%;}
}
@media screen and (max-width:991px){
    .radio_1{ padding-bottom: calc( 17 / 24 * 100%);}
    .xingcai .xccp .tit{ margin-top: 5%;}
    .xingcai .xccp .nr{ margin: 4% 0;}
    .xingcai .radio_1 .pic img{ max-height: 280px;}
}
@media screen and (max-width:768px){
    .m15{ margin: 0 -10px !important;}
    .xingcai .radio_1 .font{ float: right; margin-right: 5%; padding-top: 20%;}
    .xingcai .radio_1 .pic{ float: left; margin-left: 5%; padding-top: 7%;}
    .xingcai .radio_2 .float-start, .xingcai .radio_3 .float-start{ right: 5%;}
    .xingcai .radio_2 .pic, .xingcai .radio_3 .pic{ left: 5%; width: 55%; text-align: left;}
    .xingcai .xccp .pic img{ height: 100%;}
    .radio_3{padding-bottom: calc( 25 / 36 * 100%);}
    .xingcai .radio_1 .pic{ width: 35%;}
    .xingcai .radio_3 .pic{ padding-top: 13%;}
    .xingcai .radio_3 .pic img{ max-height: 100% !important; height: auto !important;}
}

#jjbj{ background: url("../images/jjbj.png") no-repeat right bottom #f3f7f6;  position: relative; overflow: hidden;}
/*#jjbj:before{ position: absolute; left: 0; bottom: 0; width: 50%; height: 200%; content: ''; background: url("../images/jj_hover.png") no-repeat bottom left; background-size: 100%; transition: 0.7s;}*/
#jjbj .gsjj{ width: 40%; position: relative; z-index: 1;}
#jjbj .tit_in p{ color: #333;}
#jjbj .tit_in p span{ color: #666;}
#jjbj .line{ width: 13px; height: 31px; background: #00ab71; transform: skewX(-20deg) !important; margin: 7% 0;}
#jjbj .jjnr{ color: #00ab71; line-height: 45px;}
#jjbj .jjnr h2{ font-weight: bold !important; font-size: 42px;}
#jjbj .jjnr p{ font-size: 30px; font-weight: 100; color: #141414;}
#jjbj .con{ margin: 6% 0 !important; line-height: 35px; color: #333333; font-size: 15px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
#jjbj dl{ margin-top: 12% !important;}
#jjbj dl p{ color: #333333; font-size: 24px;}
#jjbj dl dd{ margin: 5% 15% 0 0;}
#jjbj ul{ color: #fff; margin: 12% 0 !important; width: 100%;}
#jjbj ul .line1{ width: 1px; height: 60px; background: rgba(255,255,255,0.2); transform: skewX(-20deg); }
#jjbj ul li h2{ font-size: 48px;}
#jjbj ul li h2 sub{ font-size: 16px; padding-left: 10px; color: rgba(255,255,255,0.5);}
#jjbj ul li p{ font-size: 16px;}
#jjbj .more{ background: #00ab71; height: 48px; line-height: 48px; border-radius: 5px; text-align: center; color: #fff; float: right; width: 25%; transition: 0.3s;}
/*#jjbj:hover:before{ bottom: -100%;}*/
#jjbj .more:hover{ background: #fff; color: #00ab71;}

.tul { display: flex; column-gap: 22px; row-gap: 22px; margin-top: 3%;}
.tli { background: #f5f5f5; overflow: hidden; padding: 20px; flex: 1; position: relative; display: flex; flex-direction: column; justify-content: flex-end; transition: all 1s;}
.tli .pic{ width: 100%; height: 300px; position: relative; overflow: hidden; margin-top: 20px;}
.tli .pic img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.5s;}
.tli .mctit h2{ color: #000000; font-size: 24px; position: relative;}
.tli .mctit h2:before{ position: absolute; left: 0; bottom: -3px; content: ''; width: 100%; height: 12px; background: #00ab71; transform: skewX(-40deg);}
.tli .mctit h2 p{ position: relative; z-index: 1;}
.tli .mctit span{ display: block; color: #909090; font-size: 14px; text-transform: uppercase; padding-left: 20px;}
.tli .mc_icon{ text-align: right;}
.tli .mc_icon img{ max-width: 100%;}
.tli .more{ color: #878787; font-size: 16px; margin: 30px 0 20px; height: 45px; position: relative;}
.tli .more:before{ position: absolute; left: 2px; bottom: 0; content: ''; width: 15px; height: 2px; background: #006a46;}
.tli.active { flex: 2;}
@media screen and (max-width:1700px){
    #jjbj:before{ width: 55%;}
    #jjbj .jjnr h2{ font-size: 34px;}
    #jjbj .jjnr p{ font-size: 26px;}
    #jjbj{ background-size: 60%;}
}
@media screen and (max-width:1500px){
    .tli .mctit h2{ font-size: 22px;}
    .tli .mctit span{ font-size: 12px;}
}
@media screen and (max-width:1440px){
    #jjbj ul li h2{ font-size: 38px;}
    #jjbj ul li p,#jjbj ul li h2 sub{ font-size: 14px;}
    #jjbj .jjnr h2{ font-size: 30px;}
    #jjbj .jjnr p{ font-size: 22px;}
    .tli .mctit h2{ font-size: 20px;}
    .tli .mctit span{ font-size: 12px;}
    .tli .mc_icon img{ max-width: 60%;}
    .tli .mctit span{ display: none;}
}
@media screen and (max-width:1200px){
    #jjbj:before{ width: 62%;}
    #jjbj .gsjj{ width: 50%;}
}
@media screen and (max-width:991px){
    #jjbj{ background-size: 50%;}
    #jjbj:before{ width: 70%;}
    #jjbj .jjnr h2{ font-size: 26px;}
    #jjbj .jjnr p{ font-size: 16px;}
    #jjbj .line{ width: 7px; height: 20px;}
    #jjbj ul li h2{ font-size: 28px;}
    #jjbj ul li p,#jjbj ul li h2 sub{ font-size: 12px;}
    #jjbj .more{ width: 35%; height: 35px; line-height: 35px;}
    .tul { display: flex; column-gap: 22px; padding: 15px;}
    .tli { background: #FFFFFF; border: 1px solid #E6E6E6; border-radius: 20px; overflow: hidden; flex: 0 1 auto !important; height: 350px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; transition: all 1s; }
    .tli.active { flex: 2;}
    .tli .pic{ height: 300px;}
    .tli{ height: auto;}
    .lr-tb { display: flex; flex-direction: column; }
}
@media screen and (max-width:768px){
    #jjbj:before{ width: 104%;}
    #jjbj .gsjj{ width: 90%; padding-left: 15px;}
    #jjbj .jjnr h2{ font-size: 20px;}
    #jjbj .jjnr p{ font-size: 14px;}
    .tli .pic{ height: 230px;}
    #jjbj dl dd{ width: 40%;}
    #jjbj dl dd img{ max-width: 100%;}
    #jjbj dl p{ font-size: 20px;}
}


#hzal{ background: #f7f7f7;}
.demo-honor-k{ position: relative; overflow: hidden; border-radius: 10px;}
.demo-honor-k .honor-img{ position: relative; width: 100%; height: 0; padding-bottom: 55%; overflow: hidden;}
.demo-honor-k .honor-img1{ padding-bottom: 112% !important;}
.demo-honor-k .honor-img2{ padding-bottom: 60% !important;}
.demo-honor-k .honor-img img{ transition: all 0.5s; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
.demo-honor-k .tit{ position: absolute; left: 30px; top: 30px; z-index: 2; height: 40px; background: #00ab71; line-height: 40px; padding: 0 20px; border-radius: 5px; color: #fff; font-size: 16px; transition: all 0.5s;}
.demo-honor-k .con{ position: absolute; left: 0; bottom: 0; z-index: 2; height: 80px; line-height: 80px; border-top: 1px solid rgba(255,255,255,0.5); color: #fff; font-size: 18px; padding: 0 5%; width: 100%; transition: all 0.5s;}
.demo-honor-k .endTitBg{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; text-align: center; color: #fff; z-index: 1; transition:.5s; background: linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0 ,0) 100%); background: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0) 100%);background: -ms-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0) 100%);background: -moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0) 100%);}
.demo-honor-k .font{ position: absolute; left: 0; top: 0; z-index: 3; line-height: 35px; color: #fff; width: 100%; height: 100%; text-align: center; font-size: 22px; opacity: 0; transition: all 0.5s;}
.demo-honor-k .font .font_nr{ position: relative; padding: 5px 0;}
.demo-honor-k .font .font_nr:before{ position: absolute; left: 0; top: 0;  height: 1px; width: 100%; content: ''; background: #fff; transition: all 0.8s;}
.demo-honor-k .font .font_nr:after{ position: absolute; left: 0; bottom: 0;  height: 1px; width: 100%; content: ''; background: #fff; transition: all 0.8s;}
.demo-honor-k .font p{ font-size: 18px;}
.demo-honor-k .font span{ display: block; font-weight: bold;}
.demo-honor-k:hover .honor-img img{transform: scale(1.05);}
.demo-honor-k:hover .tit,.demo-honor-k:hover .con{ opacity: 0;}
.demo-honor-k:hover .endTitBg{ height: 140%;}
.demo-honor-k:hover .font{ opacity: 1;}
.demo-honor-k:hover .font .font_nr:before,.demo-honor-k:hover .font .font_nr:after{ left: 50%; width: 0;}
@media(max-width: 1440px){
    .demo-honor-k .con{ font-size: 16px; height: 60px; line-height: 60px;}
    .demo-honor-k .tit{ height: 30px; line-height: 30px; font-size: 14px;}
}
@media(max-width: 1200px){
    .demo-honor-k .con{ font-size: 14px; height: 40px; line-height: 40px;}
    .demo-honor-k .tit{  left: 10px; top: 10px; font-size: 12px;}
    .demo-honor-k .font p{ font-size: 16px;}
    .demo-honor-k .font{ font-size: 18px;}
}
@media(max-width: 991px){
    .demo-honor-k .honor-img1{ padding-bottom: 55% !important; }
    .yincang:last-of-type{ display: none;}
}




.comc {height: auto; padding-bottom: 5%; position: relative; }
.comc .swiper-slide {
    flex-direction: column;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.85) !important;
}
.comc .pic{ display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden; background: #000;}
.comc .pic:before{ position: absolute; left: 5%; bottom: 8%; content: ''; background: url("../images/al_font.png") no-repeat left bottom; width: 30%; height: 30%; z-index: 1;}
.comc .pic img{ display: block; width: 100%; height: 100%; text-align: center; background: #fff; object-fit: cover; left: 0; position: absolute; transition:0.3s; opacity: 0.8;}
.comc .swiper-slide .font{ position: absolute; right: 20%; bottom: -5%; z-index: 2; box-shadow: 0 0 15px rgba(0,0,0,0.2); background: #fff; width: 80%; padding: 4% 3%; border-radius: 10px; opacity: 0; transition: all 0.5s; font-size: 24px;}
.comc .swiper-slide .font p{ color: #00ab71; font-weight: bold;}
.comc .swiper-slide .font span{ display: block; color: #535353;}
.comc .swiper-slide-active{transform: scale(1) !important;}
.comc .swiper-slide-active .font{ opacity: 1; right: -5%;}
.comc .swiper-button-next,.comc .swiper-button-prev{ width: 70px; height: 70px; line-height: 70px; border-radius: 100%; text-align: center; background: rgba(0,0,0,0.5);}
.comc .swiper-button-next:after,.comc .swiper-button-prev:after{ color: #fff; font-size: 24px;}
.comc .swiper-button-next{ right: 17%;}
.comc .swiper-button-prev{ left: 17%;}
@media(max-width: 1440px){
    .comc .swiper-slide .font{ font-size: 20px;}
}
@media(max-width: 1200px){
    .comc .swiper-button-next{ right: 5%;}
    .comc .swiper-button-prev{ left: 5%;}
}
@media(max-width: 991px){
    .comc .swiper-slide .font{ position: relative; width: 100%; right: 0;}
    .comc .swiper-slide .font{ font-size: 16px;}
}
@media(max-width: 768px){
    .comc .swiper-button-next{ right: 1%; top: 35%;}
    .comc .swiper-button-prev{ left: 1%; top: 35%;}
}









.piclb{ position: relative;}
.piclb .pic{ width: 100%; background: #000; overflow: hidden;}
.piclb .pic img{ width: 100%; opacity: 0.5; transition: 0.3s;}
.piclb .font{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff;}
.piclb .tit{ padding-top: 22%; transition: 0.5s; line-height: 40px;}
.piclb .tit p{ font-size: 36px;}
.piclb .tit span{ text-transform: uppercase; font-size: 24px;}
.piclb .con{ font-size: 18px; padding: 2% 25% 4%; transition: 0.5s;}
.piclb .more{ height: 40px; line-height: 40px; background: #00ab71; border-radius: 5px; width: 20%; color: #fff; font-size: 16px; margin: 0 auto; transition: 0.5s;}
.piclb:hover{ cursor: pointer;}
.piclb:hover .tit{ transform: translateY(-50px);}
.piclb:hover .con{ transform: translateY(-35px);}
.piclb:hover .more{ transform: translateY(-20px);}
.piclb:hover .pic img{transform: scale(1.05);}
.piclb:hover .more{ background: #fff; color: #00ab71;}
@media screen and (max-width:1440px){
    .piclb .tit p{ font-size: 30px;}
    .piclb .tit span{ font-size: 20px;}
    .piclb .con{ font-size: 16px; padding: 2% 20% 4%;}
    .piclb .more{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    .piclb .tit p{ font-size: 24px;}
    .piclb .tit span{ font-size: 14px;}
    .piclb .con{ font-size: 14px; padding: 0 20% 4%;}
}
@media screen and (max-width:768px){
    .piclb .tit{ padding-top: 15%; line-height: 30px;}
    .piclb .tit p{ font-size: 20px;}
    .piclb .tit span{ font-size: 12px;}
    .piclb .con{ font-size: 12px; padding: 0 10% 4%;}
    .piclb .more{ width: 30%; height: 30px; line-height: 30px;}
    .piclb:hover .tit{ transform: translateY(-30px);}
    .piclb:hover .con{ transform: translateY(-20px);}
    .piclb:hover .more{ transform: translateY(-10px);}
}



#indexNews{ }
#indexNews li{ width: 100%;height: auto; margin:0 auto; padding: 3.2% 2%; transition: 0.3s; border-bottom: dashed 1px #e2e2e2; }
#indexNews li .news_title{ text-align: left; color: #333333; font-size: 18px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height: 30px;}
#indexNews li .col-10{ padding: 0 3%;}
#indexNews li .news_info{ color: #999999; font-size: 14px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
#indexNews li .news_time{ line-height: 30px; text-align: center; font-weight: normal !important; border-left:solid 1px #e9e9e9; color: #666666;font-size: 14px; padding: 0 !important; margin: 0 !important;}
#indexNews li .news_time span{display: block; margin:0 auto; line-height: 45px; width: 100%; text-align: center; color: #00ab71; font-size: 48px; transition: 0.3s; font-family: Bahnschrift; font-weight: bold;}
#indexNews li:last-of-type{ border-bottom: none;}
#indexNews li:hover .news_time span{ color: #fff;}
#indexNews li:hover{ background: #00ab71;}
#indexNews li:hover .news_time{ border-left: 1px solid rgba(255,255,255,0.2);}
#indexNews li:hover .news_title{ color: #fff;}
#indexNews li:hover .news_info,#indexNews li:hover .news_time{ color: rgba(255,255,255,0.5);}

#xwpicnr_in{ position: relative;}
#xwpicnr_in .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#xwpicnr_in .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#xwpicnr_in .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 64%; position: relative; overflow: hidden;}
#xwpicnr_in .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
#xwpicnr_in .swiper-slide .font{ position: absolute; left: 0; bottom: 0; z-index: 2; padding: 0 4% 8%; color: #fff; width: 100%; height: auto; font-size: 16px;}
#xwpicnr_in .swiper-slide .font p{ font-size: 16px;}
#xwpicnr_in .swiper-slide .font p span{ font-size: 48px; font-weight: bold; font-family: Bahnschrift;}
#xwpicnr_in .swiper-slide .font h2{ font-size: 20px; font-weight: bold !important; padding: 2% 0;}
#xwpicnr_in .swiper-slide .font .content{ color: rgba(255,255,255,0.5); display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
#xwpicnr_in .swiper-slide .endTitBg{ position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; text-align: center; color: #fff; z-index: 1; transition:.4s; background: linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0 ,0) 100%); background: -o-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);background: -ms-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);background: -moz-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%);}
#xwpicnr_in .swiper-pagination{ right: 3%; bottom: 3%; left: auto; height: 30px; text-align: right;}
#xwpicnr_in .swiper-pagination .swiper-pagination-bullet{ background: #fff; width: 10px; height: 10px;}
@media screen and (max-width:1440px){
    #indexNews li{ padding: 2% 2%;}
    #indexNews li .news_time span{ font-size: 40px;}
}
@media screen and (max-width:1200px){
    #indexNews li .news_title{ font-size: 16px;}
    #indexNews li .news_info{ font-size: 12px; line-height: 25px;}
    #indexNews li .news_time{ font-size: 12px; line-height: 15px;}
    #indexNews li .news_time span{ font-size: 30px;}
    #indexNews li i{ width: 30px; height: 30px; line-height: 27px;}
    #indexNews li i svg{ width: 16px;}
    #xwpicnr_in .swiper-slide .font span{ font-size: 36px;}
    #xwpicnr_in .swiper-slide .font{ font-size: 14px; line-height: 20px; }
    #xwpicnr_in .swiper-slide .font h2{ font-size: 18px;}
    #xwpicnr_in .swiper-slide .font p{ font-size: 14px;}
    #xwpicnr_in .swiper-slide .font p span{ font-size: 36px;}
}
@media screen and (max-width:991px){
    #xwpicnr_in .swiper-slide .font h2{ font-size: 16px;}
    #xwpicnr_in .swiper-slide .font p span{ font-size: 30px;}
    #indexNews li .news_title{ font-size: 14px;}
}
@media screen and (max-width:768px){
}




/*公司简介*/
.tit_zy{ color: #333333; font-size: 36px; position: relative; height: 65px;}
.tit_zy:before{ position: absolute; left: 5px; bottom: 0; content: ''; width: 25px; height: 4px; background: #00ab71;}

.gsjj_zy:before{ position: absolute; right: -5%; top: 13%; content: 'Company profile'; font-size: 120px; text-transform: uppercase; color: #FFFFFF !important; text-shadow: 1px 1px #ececec,-1px -1px #ececec,1px -1px #ececec,-1px 1px #ececec;}
.gsjj_zy .row{ position: relative; z-index: 1;}
.gsjj_zy .big_bt{ color: #333333; font-size: 48px; line-height: 60px;}
.gsjj_zy .big_bt_en{ color: #717171; font-size: 18px; width: 80%; line-height: 25px; padding: 3% 0 7%;}
.gsjj_zy .big_bt_pic .yuan{ position: absolute; right: -50px; bottom: -50px; color: #fff; width: 150px; height: 150px; border-radius: 100%; transition: 0.68s;}
.gsjj_zy .big_bt_pic .yuan p{ width: 135px; height: 135px; text-align: center; color: #00ab71; display: none; font-size: 22px; padding-top: 36px;}
.gsjj_zy .font{ padding-left: 8%; padding-top: 4%; position: relative;}
.gsjj_zy .con{ margin: 3% 0 0; color: #666666; font-size: 16px; line-height: 40px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;}
.gsjj_zy .more{ text-align: right; color: #00ab71; font-size: 16px;}
.gsjj_zy .tit_fu{ color: #333333; font-size: 24px; margin-top: 5%;}
.gsjj_zy dl dd{ border-bottom: 1px solid #e8e8e8; padding: 4% 0;}
.gsjj_zy dl dd:last-of-type{ border-bottom: none;}
.gsjj_zy dl dd p{ width: 45%;}
.gsjj_zy dl dd p img{ max-width: 100%;}
.gsjj_zy dl dd span{ display: block; width: 25%;}
.gsjj_zy dl dd span:hover a{ color: #00ab71;}

.circlar path{
    fill: none;
}
.circlar{
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 150px;
    text-transform: uppercase;
    margin: 0;
}
.circlar svg{
    display: block;
    overflow: visible;
}
.circlar textPath{ fill: #a9a9a9; font-size: 9px; letter-spacing: 1px;}

@-webkit-keyframes rotation{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
.circlar{
    -webkit-transform: rotate(360deg);
    animation: rotation 12s linear infinite;
    -moz-animation: rotation 12s linear infinite;
    -webkit-animation: rotation 12s linear infinite;
    -o-animation: rotation 12s linear infinite;
}

@media screen and (max-width:1600px){
    .gsjj_zy .big_bt{ font-size: 40px;}
    .gsjj_zy .font{ padding-top: 2%;}
}
@media screen and (max-width:1440px){
    .gsjj_zy .big_bt{ font-size: 30px; line-height: 40px;}
    .gsjj_zy .con{-webkit-line-clamp: 3;}
    .tit_zy{ font-size: 30px;}
    .gsjj_zy:before{ font-size: 100px; right: 0;}
}
@media screen and (max-width:1200px){
    .gsjj_zy dl dd p{ width: 35%;}
    .gsjj_zy dl dd span{ width: 30%; text-align: center;}
    .gsjj_zy .big_bt_en{ width: 100%;}
    .gsjj_zy:before{ font-size: 80px;}
}
@media screen and (max-width:991px){
    .gsjj_zy:before{ font-size: 60px; right: auto; left: 0; top: 3%;}
    .gsjj_zy .font{ padding: 5% 0 0;}
}
@media screen and (max-width:768px){
    .gsjj_zy .con{ font-size: 14px; line-height: 30px;}
    .tit_zy{ font-size: 24px; height: 50px;}
    .gsjj_zy .font{ padding: 5% 15px 0;}
    .gsjj_zy .big_bt{ font-size: 24px;}
    .gsjj_zy .big_bt_en{ font-size: 14px; padding: 2% 0;}
    .gsjj_zy:before{ font-size: 40px;}
    .gsjj_zy dl dd span{ font-size: 12px;}
    .gsjj_zy .tit_fu{ font-size: 20px;}
    .gsjj_zy .big_bt_pic .yuan{ display: none;}
}


.green{ background: #edf4fa;}
.green .tit{ color: #333333; font-size: 36px; writing-mode: vertical-rl; position: relative; width: 65px;}
.green .tit:before{ position: absolute; left: 0; top: 0; content: ''; width: 4px; height: 100%; background: #00ab71;}
.green .content{ background: #fff; width: 80%; margin-left: 5%; border-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 5% 3% 3%; position: relative;}
.green .content:before{position: absolute; right: 0; top: 9%; text-align: center; width: 100%; content: 'Chairman speech'; font-size: 110px; text-transform: uppercase; color: #FFFFFF !important; text-shadow: 1px 1px #ececec,-1px -1px #ececec,1px -1px #ececec,-1px 1px #ececec;}
.green .content .pic,.green .content .font{ position: relative; z-index: 1;}
.green .font i{ color: #00ab71; font-size: 40px;}
.green .font .con{ color: #666666; font-size: 18px; padding-left: 30%; line-height: 40px;}
.green .font i:last-of-type{ float: right;}
.green .font .qianming{ margin-top: 5%;}
@media screen and (max-width:1600px){
    .green .content:before{ font-size: 90px;}
    .green .tit{ font-size: 30px;}
}
@media screen and (max-width:1200px){
    .green .content:before{ font-size: 70px;}
    .green .font .con{ font-size: 16px; padding-left: 15%; line-height: 32px;}
    .green .font i{ font-size: 30px;}
}
@media screen and (max-width:991px){
    .green .content .font{ margin-top: 5%;}
    .green .content:before{ display: none;}
}
@media screen and (max-width:768px){
    .green .tit{ writing-mode: revert; margin: 0 auto; width: 35%; text-align: center; height: 50px; font-size: 25px;}
    .green .tit:before{ position: absolute; left: 0; bottom: 0; top: auto; content: ''; width: 100%; height: 4px; background: #00ab71;}
    .green .content{ width: 100%; margin: 5% 0 0;}
}







#fzlc_bj{ background: url("../images/lcbj.jpg") no-repeat center top; position: relative;}
#fzlc_bj:before{ position: absolute; left: 2%; top: 10%; content: 'Development course'; font-size: 120px; text-transform: uppercase; color: rgba(255,255,255,0.01) !important; -webkit-text-stroke: 1px #e8e8e8; text-stroke: 1px #e8e8e8;}

#qyfz{ margin-top: 5% !important; overflow: hidden;}
#qyfz .swiper {
    width: 100%;
    height: 100%;
}

#qyfz .swiper-slide {
    text-align: center;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#qyfz .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#qyfz .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

#qyfz .swiper-slide {
    background-size: cover;
    background-position: center;
}
#qyfz .mySwiper2 .swiper-slide .row{ width: 100%;}
#qyfz .mySwiper2 .swiper-slide{ padding: 0 8%; text-align: center;}
#qyfz .mySwiper2 .swiper-slide .con{ padding: 3%; position: relative;}
#qyfz .mySwiper2 .swiper-slide .bt{ position: relative; z-index: 1; height: 70px; color: #00ab71; font-size: 70px; text-align: left; font-family: Arial;}
#qyfz .mySwiper2 .swiper-slide .font{ position: relative; z-index: 1; color: #999; font-size: 18px; line-height: 35px; text-align: left; padding-top: 5%;}
#qyfz .mySwiper2 .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden; border-radius: 10px; border: 5px solid #fff; border-top-right-radius: 40px; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
#qyfz .mySwiper2 .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#qyfz .mySwiper2 .swiper-button-next,#qyfz .mySwiper2 .swiper-button-prev{ width: 60px; height: 60px; background: #00ab71; border-radius: 100%; opacity: 1;}
#qyfz .mySwiper2 .swiper-button-next:after,#qyfz .mySwiper2 .swiper-button-prev:after{ color: #fff; font-size: 20px;}
#qyfz .mySwiper2 .swiper-button-next{ right: 0;}
#qyfz .mySwiper2 .swiper-button-prev{ left: 0;}

#qyfz .mySwiper2 {
    height: 80%;
    width: 100%;
    padding: 0 0 3% !important;
    z-index: 10;
    overflow: inherit;
}

#qyfz .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 5% 0;
    position: relative;
}

#qyfz .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    position: relative;;
}
#qyfz .mySwiper:before{ position: absolute; content: ''; left: 0; top: 8px; height: 1px; width: 100%; border-bottom: 1px solid #dedede;}
#qyfz .mySwiper .swiper-slide { height: auto; font-size: 14px; cursor: pointer; height: 70px; transition: 0.3s; text-align: center;}
#qyfz .mySwiper .swiper-slide .bz{ display: inline-block; width: 15px; height: 15px; top: -10px; background: #d0d0d0; border-radius: 100%; position: absolute;}
#qyfz .mySwiper .swiper-slide h4{ font-size: 24px; color: #999999; transition: 0.3s; margin-top: 10% !important;}
#qyfz .mySwiper .swiper-slide-thumb-active h4{ color: #00ab71; font-size: 30px; font-weight: bold !important;}
#qyfz .mySwiper .swiper-slide-thumb-active .bz{ background: #00ab71; width: 20px; height: 20px;}

#qyfz .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

#qyfz .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width:1700px){
    #fzlc_bj:before{ font-size: 90px;}
}
@media screen and (max-width:1440px){
    #fzlc_bj:before{ font-size: 80px;}
    #qyfz{ margin: 2% !important;}
    #qyfz .mySwiper2 .swiper-slide .bt{ font-size: 50px;}
    #qyfz .mySwiper2 .swiper-slide .font{ font-size: 16px;}
    #qyfz .mySwiper .swiper-slide h4{ font-size: 20px;}
    #qyfz .mySwiper .swiper-slide-thumb-active h4{ font-size: 24px;}
    #qyfz .mySwiper2 .swiper-button-next,#qyfz .mySwiper2 .swiper-button-prev{ width: 50px; height: 50px;}
    #qyfz .mySwiper2 .swiper-button-next:after,#qyfz .mySwiper2 .swiper-button-prev:after{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    #fzlc_bj:before{ font-size: 70px;}
    #qyfz .mySwiper2 .swiper-slide .bt{ font-size: 40px;}
    #qyfz .mySwiper2 .swiper-slide .font{ font-size: 14px;}
    #qyfz .mySwiper2{ width: 97%;}
    #qyfz .mySwiper2 .swiper-button-next,#qyfz .mySwiper2 .swiper-button-prev{ width: 40px; height: 40px; bottom: -27px; }
    #qyfz .mySwiper2 .swiper-button-next:after,#qyfz .mySwiper2 .swiper-button-prev:after{ font-size: 16px;}
}
@media screen and (max-width:991px){
    #fzlc_bj:before{ font-size: 50px; left: 10%;}
    #qyfz .mySwiper2 { padding: 0 0 3% !important; }
    #qyfz .mySwiper2 .swiper-slide .con{ margin-top: 5%;}
    #qyfz .mySwiper2 .swiper-button-next,#qyfz .mySwiper2 .swiper-button-prev{ display: none;}
}
@media screen and (max-width:768px){
    #fzlc_bj:before{ font-size: 40px;}
    #qyfz .mySwiper2 .swiper-slide{ padding: 0 15px 5%;}
}
@media screen and (max-width:550px){
    #fzlc_bj:before{ font-size: 30px; left: 0;}
}


#whbj{ background: url("../images/whbj.jpg") no-repeat center bottom; position: relative;}
#whbj:before{ position: absolute; left: 2%; top: 10%; content: 'Corporate culture'; font-size: 120px; text-transform: uppercase; color: rgba(255,255,255,0.01) !important; -webkit-text-stroke: 1px #e3e7e7; text-stroke: 1px #e3e7e7;}

#qywh{ margin-top: 3%; overflow: hidden}
#qywh .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#qywh .swiper-slide {
    text-align: left;
    transition:0.3s;
    padding: 3% 0;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#qywh .swiper-slide .pic{ width: 425px; height: 425px; border-radius: 100%; transition: 0.3s; border: 2px solid rgba(255,255,255,0.01); position: relative;}
#qywh .swiper-slide .pic .picpic{ width: 100%; height: 100%; border-radius: 100%; overflow: hidden;}
#qywh .swiper-slide .pic .picpic img{ width: 100%; height: 100%;}
#qywh .swiper-slide .pic p{ position: absolute; right: -20px; bottom: 0; width: 170px; height: 170px; background: #e7e7e7; border-radius: 100%; line-height: 170px; text-align: center; color: #666666; font-size: 24px; transition: 0.3s;}
#qywh .swiper-slide:hover .pic{ transform: scale(1.1); border: 2px solid #fff; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
#qywh .swiper-slide:hover .pic p{ background: #00ab71; color: #fff;}
#qywh .swiper-slide .font{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border-radius: 100%; background: rgba(0,171,113,0.9); text-align: center; color: #fff; padding-top: 30%; transform: scale(0); transition: all 0.5s; opacity: 0; z-index: 99;}
#qywh .swiper-slide .font i{ font-size: 50px; height: 50px;}
#qywh .swiper-slide .font h2{ font-size: 30px; height: 50px; line-height: 50px; margin-bottom: 3% !important;}
#qywh .swiper-slide .font span{ display: block; padding: 0 10%; font-size: 16px; color: rgba(255,255,255,0.8);}
#qywh .swiper-slide:hover .font{transform: scale(1); opacity: 1;}
#qywh .swiper-slide:hover .pic p{ opacity: 0;}

@media screen and (max-width:1700px){
    #whbj:before{ font-size: 90px;}
    #qywh .swiper-slide .pic{ width: 350px; height: 350px;}
    #qywh .swiper-slide .pic p{ width: 150px; height: 150px; line-height: 150px; font-size: 22px;}
    #qywh .swiper-slide .font h2{ font-size: 24px; margin: 0 !important;}
}
@media screen and (max-width:1440px){
    #whbj:before{ font-size: 80px;}
    #qywh .swiper-slide .pic{ width: 300px; height: 300px;}
    #qywh .swiper-slide .pic p{ width: 120px; height: 120px; line-height: 120px; font-size: 18px;}
    #qywh .swiper-slide .font h2{ font-size: 20px;}
    #qywh .swiper-slide .font i{ font-size: 38px; height: 40px;}
    #qywh .swiper-slide .font span{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #whbj:before{ font-size: 70px;}
    #qywh .swiper-slide .pic{ width: 260px; height: 260px;}
    #qywh .swiper-slide .pic p{ width: 100px; height: 100px; line-height: 100px; font-size: 16px; bottom: 30px;}
    #qywh .swiper-slide .font{ padding-top: 20%;}
    #qywh .swiper-slide .font h2{ font-size: 18px;}
    #qywh .swiper-slide .font i{ font-size: 38px; height: 40px;}
    #qywh .swiper-slide .font span{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #whbj:before{ font-size: 50px; left: 10%;}
}
@media screen and (max-width:768px){
    #whbj:before{ font-size: 40px;}
}
@media screen and (max-width:550px){
    #whbj:before{ font-size: 30px; left: 0;}
}


#zzrybj{ background: url("../images/rybj.jpg") no-repeat center; position: relative;}
#zzrybj:before{ position: absolute; left: 2%; top: 10%; content: 'Qualification honor'; font-size: 120px; text-transform: uppercase; color: rgba(255,255,255,0.01) !important; -webkit-text-stroke: 1px rgba(255,255,255,0.1); text-stroke: 1px rgba(255,255,255,0.1);}
#zzrybj .tit_zy{ color: #fff;}
#zzrybj .tit_zy:before{ background: #fff;}
#zzrybj .more_in{ border: 1px solid #fff;}
#zzrybj .more_in a{ color: #fff;}

#zzry{ position: relative; margin-top: 5%; overflow: hidden;}
#zzry .swiper-container {
    width: 100%;
    height: 100%;
}
#zzry .swiper-slide {
    text-align: center;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#zzry .swiper-slide p{ width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden;}
#zzry .swiper-slide p img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
/*#zzry .swiper-slide span{ display: none; height: 60px; line-height: 40px; font-size: 16px; width: 100%; padding-top: 3%;}*/
/*#zzry .swiper-slide-active span{ display: block}*/
#zzry .swiper-button-next,#zzry .swiper-button-prev{ width: 50px; height: 50px; background: rgba(0,0,0,0.2); border-radius: 100%; transition: 0.3s;}
#zzry .swiper-button-next:after,#zzry .swiper-button-prev:after{ color: #fff; font-size: 20px;}
#zzry .swiper-button-next:hover,#zzry .swiper-button-prev:hover{ background: #fff;}
#zzry .swiper-button-next:hover:after,#zzry .swiper-button-prev:hover:after{ color: #00ab71;}
@media screen and (max-width:1700px){
    #zzrybj:before{ font-size: 90px;}
}
@media screen and (max-width:1440px){
    #zzrybj:before{ font-size: 80px;}
}
@media screen and (max-width:1200px){
    #zzrybj:before{ font-size: 70px;}
}
@media screen and (max-width:991px){
    #zzrybj:before{ font-size: 50px; left: 10%;}
}
@media screen and (max-width:768px){
    #zzrybj:before{ font-size: 40px;}
}
@media screen and (max-width:550px){
    #zzrybj:before{ font-size: 30px; left: 2%;}
}


.huanjing:before{ position: absolute; left: -5%; top: 10%; content: 'Qualification honor'; font-size: 120px; text-transform: uppercase; color: rgba(255,255,255,0.01) !important; -webkit-text-stroke: 1px #e9e9e9; text-stroke: 1px #e9e9e9;}

.shili_pic{position: relative;}
.shili_pic .swiper-container {padding-bottom: 2%; overflow: hidden;}
.shili_pic .swiper-container-horizontal>.swiper-scrollbar{left:0;}
.shili_pic .swiper-slide { display: flex; flex-direction: column;  position: relative; padding: 3% 0;}
.shili_pic .swiper-slide .inimg{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.shili_pic .swiper-slide .inimg img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s;}
.shili_pic .swiper-slide p{ height: 70px; line-height: 70px; background: #f0f0f0; text-align: center; color: #626262; font-size: 16px;}
.shili_pic .swiper-horizontal>.swiper-scrollbar{ height: 5px !important; left: 8%; bottom: 10px; background: #e0e0e0; z-index: 1 !important; width: 50%;}
.shili_pic .swiper-scrollbar-drag{ background: #00ab71 !important; height: 5px !important; margin-top: 0;}
.shili_pic .swiper-pagination{ left: 0; bottom: 0; width: auto; color: #999; font-size: 36px;}
.shili_pic .swiper-pagination .swiper-pagination-current{ color: #00ab71; font-size: 60px;}
@media screen and (max-width:1700px){
    .huanjing:before{ font-size: 90px;}
}
@media screen and (max-width:1440px){
    .huanjing:before{ font-size: 80px;}
}
@media screen and (max-width:1200px){
    .huanjing:before{ font-size: 70px; left: -2%;}
    .shili_pic .swiper-horizontal>.swiper-scrollbar{ left: 12%;}
    .shili_pic .swiper-pagination .swiper-pagination-current{ font-size: 46px;}
    .shili_pic .swiper-container{ padding-bottom: 4%;}
}
@media screen and (max-width:991px){
    .huanjing:before{ font-size: 50px;}
    .shili_pic .swiper-pagination{ font-size: 26px;}
    .shili_pic .swiper-pagination .swiper-pagination-current{ font-size: 30px;}
    .shili_pic .swiper-slide p{ height: 50px; line-height: 50px;}
}
@media screen and (max-width:768px){
    .huanjing:before{ font-size: 40px; left: 0;}
    .shili_pic .swiper-horizontal>.swiper-scrollbar{ left: 15%;}
    .shili_pic .swiper-container{ padding-bottom: 10%;}
}
@media screen and (max-width:550px){
    .huanjing:before{ font-size: 30px;}
}



.tianhe{ padding-top: 3%;}
.tianhe:before{ position: absolute; right: 0; top: 0; content: 'Company profile'; font-size: 115px; text-transform: uppercase; color: #FFFFFF !important; text-shadow: 1px 1px #ececec,-1px -1px #ececec,1px -1px #ececec,-1px 1px #ececec;}
.tianhe .content{ padding-top: 3%; color: #666666; font-size: 16px; line-height: 35px;}
.th_sp ul{ margin: 0 auto -50px !important; position: relative; z-index: 5; background: #fff; width: 70%; padding: 0 3% !important; border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.th_sp ul li{ width: 20%; text-align: center; padding: 3% 0; cursor: pointer;}
.th_sp ul li h2{ color: #313131; font-size: 60px; transition: 0.3s;}
.th_sp ul li h2 sub{ font-size: 18px;}
.th_sp ul li p{ color: #8e8e8e; font-size: 16px;}
.th_sp ul li:hover h2{ color: #00ab71;}

#yewu{ background: url("../images/th_ywbj.jpg") no-repeat center; position: relative;}
#yewu:before{ position: absolute; left: 2%; top: 10%; content: 'Business system'; font-size: 120px; text-transform: uppercase; color: rgba(255,255,255,0.01) !important; -webkit-text-stroke: 1px #e8e8e8; text-stroke: 1px #e8e8e8;}
#yewu ul{ margin-top: 3% !important;}
#yewu ul li{ width: 49%; position: relative;}
#yewu ul .pic{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden; background: #000;}
#yewu ul .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s; opacity: 0.5;}
#yewu ul .tit{ color: #fff; font-size: 30px; position: absolute; left: 5%; top: 10%; z-index: 1;}
#yewu ul .more{ color: #fff; font-size: 16px; position: absolute; left: 5%; bottom: 10%; z-index: 1;}
#yewu ul .yuan{ position: absolute; right: 35%; bottom: 20%; z-index: 2; text-align: center; width: 250px; height: 250px; line-height: 250px; background: #fff; border-radius: 100%; transition: 0.5s;}
#yewu ul .yuan img{ vertical-align: middle; max-width: 90%;}
#yewu ul li:hover .yuan{ right: 5%; bottom: 5%; width: 150px; height: 150px; line-height: 150px;}
#yewu ul li:hover .pic img{ opacity: 1; transform: scale(1.1);}
#yewu ul li:hover .tit,#yewu ul li:hover .more{ text-shadow: 0 2px 5px rgba(0,0,0,0.7);}
@media screen and (max-width:1800px){
    .tianhe:before{ font-size: 100px;}
}
@media screen and (max-width:1600px){
    .tianhe:before{ font-size: 90px;}
    .th_sp ul{ width: 90%;}
    #yewu ul .yuan{ width: 200px; height: 200px; line-height: 200px;}
}
@media screen and (max-width:1440px){
    .tianhe:before{ font-size: 75px;}
    .tianhe .content{ font-size: 14px; line-height: 30px;}
    .th_sp ul li h2{ font-size: 48px;}
    #yewu:before{ font-size: 100px;}
    #yewu ul .yuan{ width: 160px; height: 160px; line-height: 160px;}
}
@media screen and (max-width:1200px){
    .tianhe:before{ font-size: 65px;}
    .th_sp ul li h2{ font-size: 40px;}
    .th_sp ul li p,.th_sp ul li h2 sub{ font-size: 14px;}
    #yewu:before{ font-size: 80px;}
    #yewu ul .yuan{ width: 120px; height: 120px; line-height: 120px;}
}
@media screen and (max-width:991px){
    .tianhe{ padding-top: 7%;}
    .th_sp ul li h2{ font-size: 32px;}
    #yewu ul li{ width: 100%; margin-bottom: 3%;}
    #yewu:before{ left: 11%; top: 7%; font-size: 65px;}
    #yewu ul .yuan{ right: 40%; bottom: 30%;}
    #yewu ul li:hover .yuan{ width: 100px; height: 100px; line-height: 100px;}
}
@media screen and (max-width:768px){
    .th_sp ul{margin: 0 auto 5% !important;}
    .th_sp ul li{ float: left; width: 33%; margin-top: 2%;}
    .th_sp ul li h2{ font-size: 22px;}
    .th_sp ul li p,.th_sp ul li h2 sub{ font-size: 12px;}
    .tianhe:before{ font-size: 36px;}
    #yewu:before{ left: 11%; top: 7%; font-size: 50px;}
    #yewu ul .tit{ font-size: 22px;}
    #yewu ul .more{ font-size: 12px;}
    #yewu ul .yuan{ width: 90px; height: 90px; line-height: 90px;}
    #yewu ul li:hover .yuan{ width: 70px; height: 70px; line-height: 70px;}
}
@media screen and (max-width: 500px){
    .th_sp ul{margin: 0 auto 5% !important;}
    .th_sp ul li{ float: left; width: 33%;}
    #yewu:before{ left: 0; font-size: 35px;}
    #yewu ul .tit{ font-size: 22px;}
    #yewu ul .more{ font-size: 12px;}
    #yewu ul .yuan{ width: 90px; height: 90px; line-height: 90px;}
    #yewu ul li:hover .yuan{ width: 70px; height: 70px; line-height: 70px;}
}



/*产品中心*/
#cphome{ background: #00ab71; height: 65px; line-height: 65px; border-bottom-left-radius: 30px; position: relative; margin-top: -32px; box-shadow: 0 0 10px rgba(0,0,0,0.5); position: relative;}
#cphome:before{ position: absolute; left: 0; top: 0; width: 200%; height: 100%; content: ''; background: #00ab71; border-bottom-left-radius: 30px;}
#cphome i{ color: #fff; font-size: 24px; padding: 0 2%; position: relative; z-index: 1;}
#cphome ul{ width: 65%; position: relative; z-index: 1;}
#cphome ul li{ width: 20%; text-align: center;}
#cphome ul li a{ color: #fff; font-size: 18px;}
@media screen and (max-width:1200px){
    #cphome ul{ width: 100%;}
    #cphome ul li{ float: left; width: 16%;}
}
@media screen and (max-width:991px){
    #cphome i{ display: none;}
    #cphome ul li{ float: left; width: 14%;}
}
@media screen and (max-width:768px){
    #cphome ul li a{ font-size: 12px;}
}


#cpclass li .pic,#cpclass li .font{ width: 50%;}
#cpclass li .font{ float: left; padding: 3%;}
#cpclass li .pic{ float: right; position: relative;}
#cpclass li:nth-of-type(2n) .pic{ float: left;}
#cpclass li:nth-of-type(2n) .font{ float: right;}
#cpclass li .pic .more{ position: absolute; left: -40px; top: 40%; z-index: 1; width: 80px; height: 80px; background: #00ab71; border-radius: 100%; color: #fff; line-height: 80px; text-align: center;}
#cpclass li .pic .more i{ font-size: 35px; transform:rotate(-45deg); transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); }
#cpclass li:hover .pic .more i{ transform:rotate(180deg);}
#cpclass li:hover .pic .more{ background: #333;}
#cpclass li:nth-of-type(2n) .pic .more{ left: auto; right: -40px;}
#cpclass li .pic .bj{width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; background: #000;}
#cpclass li .pic .bj img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s; opacity: 0.5;transition: 0.5s;}
#cpclass li .pic .cppic{ position: absolute; left: 0; top: 0; width: 100%; text-align: center; color: #fff; height: 100%; z-index: 1;}
#cpclass li .pic .cppic h2{ font-size: 20px;}
#cpclass li .pic .cppic p{ padding-top: 10%;}
#cpclass li .pic .cppic p img{ max-width: 100%;transition: 0.5s;}
#cpclass li .pic:hover .cppic p img{transform: scale(0.95);}
#cpclass li .pic:hover .bj img{transform: scale(1.1);}
#cpclass li .font .tit{ line-height: 40px;}
#cpclass li .font .tit p{ color: #00ab71; font-size: 36px;}
#cpclass li .font .tit span{ color: #7f7f7f; font-size: 20px;}
#cpclass li .font .tit_en{ padding: 3% 0; line-height: 40px;}
#cpclass li .font .tit_en p{ color: #000000; font-size: 24px; text-transform: uppercase;}
#cpclass li .font .tit_en span{ display: block; color: #969696; font-size: 20px; font-family: Arial; width: 80%;}
#cpclass li .font dl dd { width: 33%; text-align: center;}
#cpclass li .font dl dd p{width: 100%; height: auto;  overflow: hidden; border: 1px solid #f3f3f3; transition: 0.5s;  }
#cpclass li .font dl dd p img{ max-width: 100%; height: 100%; transition: 0.5s; }
#cpclass li .font dl dd span{ display: inline-block; position: relative; font-size: 16px; height: 40px; line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#cpclass li .font dl dd span:before{ position: absolute; left: 0; bottom: 8px; content: ''; width: 0; height: 10px; background: rgba(0,171,113,0.5); transform: skewX(-40deg); transition: 0.5s;}
#cpclass li .font dl dd:hover p{ border: 1px solid #00ab71; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#cpclass li .font dl dd:hover p img{transform: scale(0.95);}
#cpclass li .font dl dd:hover span:before{ width: 100%;}
@media screen and (max-width:1700px){
    #cpclass li .font .tit_en p{ font-size: 22px;}
    #cpclass li .font .tit_en span{ width: 100%; font-size: 18px;}
    #cpclass li .font .tit p{ font-size: 32px;}
}
@media screen and (max-width:1440px){
    #cpclass li .font dl dd{ width: 30%;}
    #cpclass li .font dl dd span{ font-size: 14px;}
    #cpclass li .font .tit_en span{ font-size: 16px; line-height: 25px;}
    #cpclass li .font .tit p{ font-size: 26px;}
    #cpclass li .font .tit span{ font-size: 18px;}
    #cpclass li .pic .cppic p img{ max-width: 65%;}
    #cpclass li .font{ padding: 2%;}
    #cpclass li .pic .more{ width: 60px; height: 60px; line-height: 60px; left: -30px;}
    #cpclass li .pic .more i{ font-size: 30px;}
    #cpclass li:nth-of-type(2n) .pic .more{ left: auto; right: -30px;}
}
@media screen and (max-width:1200px){
    #cpclass li .font .tit_en span{ display: none;}
    #cpclass li .pic .cppic p img{ max-width: 50%;}
    #cpclass li .pic .cppic h2{ font-size: 18px;}
    #cpclass li .font .tit p{ font-size: 22px;}
    #cpclass li .font .tit_en p{ font-size: 18px;}
}
@media screen and (max-width:991px){
    #cpclass li .pic, #cpclass li .font{ width: 100%;}
    #cpclass li .font{ padding: 5% 15px 2%;}
    #cpclass li .pic .cppic p img{ max-width: 70%;}
}
@media screen and (max-width:768px){
    #cpclass li .pic .more{ display: none;}
    #cpclass li .pic .cppic p img{ max-width: 45%;}
}




.cptit h2{ color: #00ab71; font-size: 30px; font-weight: bold !important;}
.cptit h2 span{ color: #999999; font-size: 18px; text-transform: uppercase; font-weight: normal !important;}
.cptit p{ color: #999999; font-size: 16px;}
.cptit p i{ display: inline-block; color: #dc2322;}
.cptit em{ cursor: pointer; height: 55px; background: #00ab71; line-height: 55px; width: 10%; color: #fff; border-radius: 30px; border-bottom-right-radius: 0; transition: 0.3s;}
.cptit em:hover{ background: #217d52;}
.canshu_nr{ padding: 15px;}
.canshu_nr img{ max-width: 100%; margin: 2% 0;}
@media screen and (max-width:1440px){
    .cptit p{ width: 60%; font-size: 14px;}
    .cptit em{ width: 13%;}
    .cptit h2{ font-size: 26px;}
}
@media screen and (max-width:991px){
    .cptit p{ display: none;}
    .cptit em{ width: 20%;}
}
@media screen and (max-width:768px){
    .cptit h2{ font-size: 20px;}
    .cptit h2 span{ font-size: 14px;}
    .cptit em{ width: 40%; height: 45px; line-height: 45px;}
}





#cp_list li{ background: #ececec; border: 13px solid #ececec; cursor: default; border-radius: 10px; margin-bottom: 5%; position: relative; overflow: hidden;}
#cp_list li .pic{ width: 100%; border-radius: 10px; overflow: hidden; text-align: center; background: #fff;}
#cp_list li .pic img{ max-width: 100%;}
#cp_list li .title{ height: 50px; line-height: 60px; text-align: center; font-size: 16px;}
#cp_list li .content{ position: absolute; left: -100%; top: 0; width: 100%; height: 100%; border-radius: 10px; z-index: 2; background: rgba(0,171,113,0.9); color: #fff; text-align: center; transition: 0.5s;}
#cp_list li .content p{ font-size: 24px;}
#cp_list li .content table{ width: 100%; margin-top: 10%; border-top: 1px solid rgba(255,255,255,0.3);}
#cp_list li .content table tr{ border-bottom: 1px solid rgba(255,255,255,0.3); height: 40px; line-height: 40px;}
#cp_list li .content table tr td{ width: 50%;}
#cp_list li .content table tr td:first-of-type{ border-right: 1px solid rgba(255,255,255,0.3);}
#cp_list li .more{ position: absolute; right: -50px; bottom: 0; z-index: 3; width: 80px; height: 80px; background: rgba(0,0,0,0.8); border-radius: 100%; text-align: center; line-height: 80px; color: #fff; text-transform: uppercase; font-size: 16px; opacity: 0; transition: 0.5s;}
#cp_list li:hover .content{ left: 0;}
#cp_list li:hover .more{ opacity: 1; right: 0;}
@media screen and (max-width:1700px){
    #cp_list li .more{ width: 60px; height: 60px; line-height: 60px; font-size: 14px;}
}
@media screen and (max-width:1440px){
    #cp_list li .more{ display: none;}
    #cp_list li .content p{ font-size: 20px;}
    #cp_list li .content table{ margin-top: 2%; font-size: 13px;}
    #cp_list li .content table tr{ height: 30px; line-height: 30px;}
}

#proclass_lb{ padding-top: 5%; border-bottom: 1px solid #ebebeb;}
#proclass_lb .container{ margin: 0 auto; height: 90px; line-height: 90px;}
#proclass_lb ul{}
#proclass_lb li{ width: 14%; font-size: 18px; color: #666666; text-align: center; position: relative;}
#proclass_lb li:before{ position: absolute; left: 50%; bottom: 0; content: ''; width: 0; height: 3px; background: #00ab71; transition: 0.3s;}
#proclass_lb li:hover:before,#proclass_lb li#li-on:before{ left: 0; width: 100%;}
#proclass_lb li:hover a,#proclass_lb li#li-on a{ color: #00ab71;}
#proclass_lb .pro_home{ color: #666666; font-size: 16px;}
#proclass_lb .pro_home a{ padding: 0 7px;}
#proclass_lb .pro_home i{ font-size: 22px;}
#proclass_lb .pro_home a:last-of-type,#proclass_lb .pro_home a:hover{ color: #00ab71;}
@media screen and (max-width:1440px){
    #proclass_lb li{ font-size: 16px;}
    #proclass_lb .pro_home{font-size: 14px;}
}
@media screen and (max-width:1200px){
    #proclass_lb{ padding-top: 6%;}
    #proclass_lb li{ width: 17%;}
}
@media screen and (max-width:991px){
    #proclass_lb{ padding-top: 10%;}
}
@media screen and (max-width:768px){
    #proclass_lb li{ font-size: 12px;}
    #proclass_lb .container{ height: 50px; line-height: 50px;}
    #proclass_lb{ padding-top: 18%;}
}

#pro_infobj{ background: url("../images/pro_info_bj.jpg") repeat-y left center;}
.cp_right{ padding-left: 10%;}
.cp_right h2{ color: #333333; font-size: 48px;}
.cp_right dl{ margin-top: 10%;}
.cp_right dl dd{ float: left; width: 50%; position: relative; text-align: left; padding-bottom: 5%; }
.cp_right dl dd:before{ position: absolute; right: 40%; top: 0; content: ''; background: #cccccc; width: 1px; height: 50%;}
.cp_right dl dd p{ color: #333333; font-size: 18px; font-weight: bold;}
.cp_right dl dd span{ color: #666666; font-size: 16px;}
.cp_right dl dd:nth-of-type(2n):before{ display: none;}
.cp_right ul li{cursor: pointer; height: 55px; background: #00ab71; line-height: 55px; width: 25%; color: #fff; border-radius: 30px; border-bottom-right-radius: 0; transition: 0.3s; margin-right: 30px !important;}
.cp_right ul li a{ color: #fff;}
.cp_right ul li:hover{ background: #217d52; letter-spacing: 3px;}
.cp_right ul li:nth-of-type(2){ background: #000;}
@media screen and (max-width:1440px){
    .cp_left img{ max-width: 60% !important;}
    .cp_right h2{ font-size: 40px;}
    .cp_right ul li{ width: 35%;}
}
@media screen and (max-width:991px){
    .cp_left { margin-top: 5%; }
    .cp_left img{ max-width: 40% !important;}
    .cp_right h2{ font-size: 30px;}
}
@media screen and (max-width:768px){
    .cp_right ul li{ width: 40%;}
    .cp_right dl dd p{ font-size: 16px;}
    .cp_right dl dd span{ font-size: 14px;}
    .cp_right h2{ font-size: 26px;}
    .cp_right{ padding: 3% 15px;}
    .cp_right dl dd:before{ right: 25%;}
}


.pro_info_font{ padding-left: 10%;}
.pro_info_font .tit{ line-height: 70px;}
.pro_info_font .tit h2{ color: #3e3e3e; font-size: 48px; font-weight: 100 !important;}
.pro_info_font .tit p{ color: #00ab71; font-size: 48px; font-weight: bold; padding-top: 10px;}
.pro_info_font ul{ padding-top: 5% !important;}
.pro_info_font ul li i{ color: #3e3e3e; font-size: 12px; margin-right: 10px;}
.pro_info_font ul li{ color: #3e3e3e; font-size: 20px; height: 40px; line-height: 40px; font-weight: 100 !important;}

.pro_info_pic img{ max-width: 100%;}
#pro_info_bj2{ background: url("../images/pro_info_pic2.jpg") no-repeat center; padding: 5% 0;}
#pro_info_bj2 .pro_info_font .tit h2{ color: #fff;}
#pro_info_bj2 .pro_info_font ul li,#pro_info_bj2 .pro_info_font ul li i{ color: #fff;}

#pro_info_bj3{ background: url("../images/pro_info_pic3.jpg") no-repeat center; padding: 7% 0;}
#pro_info_bj3 ul{ padding-top: 8% !important;}

#pro_info_bj4{ background: url("../images/pro_info_pic4.jpg") no-repeat center; padding: 7% 0;}
#pro_info_bj4 ul{ padding-top: 8% !important;}

.pro_info_tit{ text-align: center; font-weight: 100 !important; line-height: 46px;}
.pro_info_tit p{ color: #222222; font-size: 48px;}
.pro_info_tit span{ display: block; text-transform: uppercase; font-size: 16px; color: #222222;}


.hxgy{ margin: 3% 0 5% !important;}
.hxgy li{ width: 12%; text-align: center;}
.hxgy li span{ display: block; margin: 0 auto; width: 140px; height: 140px; line-height: 138px; border: 1px solid #e5e5e5; border-radius: 20px; transition: 0.3s; position: relative; overflow: hidden;}
.hxgy li span:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: #00ab71; transform: scale(0); transition: all 0.5s; opacity: 0; z-index: 1;}
.hxgy li span i{ color: #2c2c2c; font-size: 50px; position: relative; z-index: 2;transition: all 0.5s;}
.hxgy li p{ color: #222222; font-size: 18px; height: 50px; line-height: 50px;}
.hxgy li:hover span:before{ transform: scale(1); opacity: 1;}
.hxgy li:hover span i{ color: #fff;transform:rotate3d(1,1,1,360deg);-webkit-transform:rotate3d(1,1,1,360deg);}
@media screen and (max-width:1440px){
    .hxgy li span{ width: 120px; height: 120px; line-height: 118px;}
    .hxgy li p{ font-size: 16px;}
    .pro_info_font .tit h2,.pro_info_font .tit p{ font-size: 40px;}
    .pro_info_font .tit{ line-height: 50px;}
    .pro_info_pic img{ max-width: 70%;}
}
@media screen and (max-width:1200px){
    .hxgy li span{ width: 100px; height: 100px; line-height: 98px;}
    .hxgy li p{ font-size: 16px;}
    .hxgy li span i{ font-size: 40px;}
    .pro_info_font .tit h2,.pro_info_font .tit p{ font-size: 30px;}
    .pro_info_font ul li{ font-size: 18px;}
}
@media screen and (max-width:991px){
    .hxgy li{ float: left; width: 25%;}
    #pro_info_bj4,#pro_info_bj2{ background-size: 150%; padding: 3% 0;}
    #pro_info_bj3{ padding: 5% 0; background-size: 200%;}
    .pro_info_pic img{ max-width: 80%;}
}
@media screen and (max-width:768px){
    .hxgy li{ width: 33%;}
    .pro_info_font .tit h2,.pro_info_font .tit p{ font-size: 18px;}
    .pro_info_font .tit p{ padding: 0;}
    .pro_info_font .tit{ line-height: 25px;}
    .pro_info_font ul li{ font-size: 14px; height: auto; line-height: 30px;}
    .pro_info_font{ padding: 0;}
}




.por_con{ text-align: center; margin-top: 3%;}
.por_con img{ max-width: 100%; margin-bottom: 10px;}


.lyline{ border-top: 1px solid #eaeaea;}
.lyline .pro_info_tit p{ font-size: 36px;}
.lyline .pro_info_tit span{ font-size: 18px; color: #666;}


.mes-form3 { margin: 3% auto 0; overflow: hidden; width: 100%; padding: 0;}
.mes-form3 .row{ margin: 0;}
.mes-form3 .form-tr { padding: 0; overflow: hidden;}
.mes-form3 .form-tr input { display: block; width: 94%; padding: 0 2%; height: 45px; line-height: 45px; background: #fff; color: #333; border-radius: 5px; border: 1px solid #000;}
.mes-form3 .form-tr .code { overflow: hidden;}
.mes-form3 .form-tr .code input { width: 60%; float: left;}
.mes-form3 .form-tr .code .verify { cursor: pointer; float: left; margin-left: 2%; width: 35%; height: 35px; line-height: 35px; text-align: center; font-size: 0;}
.mes-form3 .form-tr .code .verify img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.mes-form3 .form-tr .submit2 { display: block; width: 90%; height: 45px; text-align: center; line-height: 45px; background: #000; color: #fff; font-size: 16px; border-radius: 5px; transition:0.3s;}
.mes-form3 .form-tr .submit2:hover { background: #00ab71;}
.mes-form3 .form-tr .error { height: 1rem; line-height: 1rem;}

@media screen and (max-width:1440px){
    .pro_info_tit p{ font-size: 40px;}
    .pro_info_tit span{ }
}
@media screen and (max-width:991px){
    .pro_info_tit{ line-height: 35px;}
    .pro_info_tit p,.lyline .pro_info_tit p{ font-size: 30px;}
    .pro_info_tit span,.lyline .pro_info_tit span{ font-size: 14px !important; }
    .mes-form3 .form-tr .submit2{ margin-top: 2%; width: 94%;}
}
@media screen and (max-width:768px){
    .mes-form3{ width: 90%;}
    .mes-form3 .form-tr{ padding-left: 15px;}
    .mes-form3 .form-tr input,.mes-form3 .form-tr .submit2{ height: 40px; line-height: 40px;}
    .pro_info_tit p,.lyline .pro_info_tit p{ font-size: 22px;}
}









/*技术实力*/
.tit_sl{ color: #333333; font-size: 36px; position: relative; height: 65px; text-align: center;}
.tit_sl:before{ text-transform: uppercase; content: attr(data-title); position: absolute; left: 0; top: -10px; width: 100%; font-family: Arial; font-size: 120px; color: rgba(255,255,255,0.01) !important; -webkit-text-stroke: 1px #efefef; text-stroke: 1px #efefef; font-weight: bold;}
.tit_sl p{ position: relative; z-index: 1;}

.pz_nr{ text-align: center; padding: 2% 12%; color: #333333; font-size: 16px; line-height: 35px;}
.pz_pic{ margin-bottom: 7%;}

.fuwu{ height: auto; overflow: hidden; text-align: center; margin-top: 2% !important; padding: 15px 0 !important;}
.fuwu li{ float: left; width: 21%; margin: 0 2%; overflow: hidden; height: auto; position: relative; transition: all 0.5s; border: 1px solid #efefef; padding: 20px; }
.fuwu li i{ font-size: 70px; color: #000000; height: 70px; line-height: 70px; margin: 70px 0 50px; transition: 0.3s;}
.fuwu li .content{ border-top: 1px solid #e6e6e6; color: #999; font-size: 15px; padding-top: 20px; line-height: 35px;}
.fuwu li .content p{ color: #3d3d3d; font-size: 20px;}

.fuwu li:hover i{ color: #00ab71;}

.fuwu .fuwu_li{ width: 19%;}
.fuwu .fuwu_li_active{ width: 27%; box-shadow: 0 0 15px rgba(0,0,0,0.1);}

@media screen and (max-width:1600px){
    .fuwu li .content{ font-size: 14px;}
    .fuwu li{ padding: 10px;}
}
@media screen and (max-width:1440px){
    .tit_sl:before{ font-size: 90px;}
    .fuwu li{ margin: 0 1%; width: 23%;}
    .fuwu .fuwu_li{ width: 23%;}
}
@media screen and (max-width:1200px){
    .pz_nr{ padding: 0 15px 3%;}
    .tit_sl:before{ font-size: 74px;}
    .fuwu li .content{ font-size: 12px;}
    .fuwu li .content p{ font-size: 18px;}
    .fuwu li i{ font-size: 60px;}
}
@media screen and (max-width:991px){
    .tit_sl:before{ font-size: 50px;}
    .tit_sl{ font-size: 28px; height: auto; margin-bottom: 10px;}
    .pz_nr{ font-size: 14px; line-height: 30px;}
    .fuwu{ margin: 0 !important;}
    .fuwu li{ margin-bottom: 5%;}
    .fuwu li,.fuwu .fuwu_li{ width: 48%;}
}
@media screen and (max-width:768px){
    .tit_sl:before{ font-size: 40px;}
}
@media screen and (max-width:500px){
    .tit_sl:before{ font-size: 28px;}
}

#zlzs_bj{ background: url("../images/sl_zl.jpg") no-repeat center bottom; padding-top: 2%;}
#zlzs_bj .tit_sl{ color: #fff;}
#zlzs_bj .tit_sl:before{ -webkit-text-stroke: 1px rgba(255,255,255,0.3); text-stroke: 1px rgba(255,255,255,0.3);}
#zlzs_bj ul{ padding: 3% 0 0 !important;}
#zlzs_bj ul li{ color: #fff; text-align: center;}
#zlzs_bj ul li h2{ display: inline-block; margin: 0 auto; font-size: 54px; position: relative; height: 50px; line-height: 50px; text-align: center;}
#zlzs_bj ul li h2 sup{ position: absolute; right: -20px; top: 10px; font-size: 16px;}
#zlzs_bj ul li h2 sub{ position: absolute; right: -20px; bottom: 10px; font-size: 14px;}
#zlzs_bj ul li p{ text-align: center; font-size: 16px;}
@media screen and (max-width:991px){
    #zlzs_bj ul li h2{ font-size: 38px;}
    #zlzs_bj ul li p{ font-size: 14px;}
}
@media screen and (max-width:768px){
    #zlzs_bj ul li{ width: 33%; float: left; margin-bottom: 3%;}
    #zlzs_bj ul li h2{ font-size: 30px;}
    #zlzs_bj ul li h2 sub{ font-size: 12px;}
}




#zlzs{ position: relative; margin-top: 3%;}
#zlzs .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#zlzs .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#zlzs .swiper-slide .pic{ width: 100%; background: #fff; padding: 10px; border-radius: 20px;}
#zlzs .swiper-slide .pic a{ display: block; width: 100%; height: 0; background: #fff; padding-bottom: 145%; position: relative; overflow: hidden;}
#zlzs .swiper-slide .pic a img{ display: block; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;  transition: 0.5s;}
#zlzs .swiper-slide p{ width: 100%; text-align: center; color: #fff; font-size: 16px; height: 50px; line-height: 50px; position: relative;}
#zlzs .swiper-slide:hover .pic a img{transform: scale(1.05);}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
}



#scsl_bj{ background: url("../images/sl_scl.jpg") no-repeat center top; padding-bottom: 100px;}
.scsl_pic{position: relative;}
.scsl_pic .swiper-container {padding-bottom: 2%;}
.scsl_pic .swiper-container-horizontal>.swiper-scrollbar{left:0;}
.scsl_pic .swiper-slide { display: flex; flex-direction: column;  position: relative; padding: 3% 0;}
.scsl_pic .swiper-slide .inimg{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.scsl_pic .swiper-slide .inimg img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s;}
.scsl_pic .swiper-slide p{ height: 70px; line-height: 70px; background: #f0f0f0; text-align: center; color: #626262; font-size: 16px; transition: 0.3s;}
.scsl_pic .swiper-slide:hover .inimg img{transform: scale(1.1);}
.scsl_pic .swiper-slide:hover p{ background: #00ab71; color: #fff;}
.scsl_pic .swiper-horizontal>.swiper-scrollbar{ height: 5px !important; left: 0; bottom: 10px; background: #e0e0e0; z-index: 1 !important; width: 100%;}
.scsl_pic .swiper-scrollbar-drag{ background: #00ab71 !important; height: 5px !important; margin-top: 0;}
.scsl_pic .swiper-button-next,.scsl_pic .swiper-button-prev{ width: 75px; height: 75px; border-radius: 100%; background: rgba(0,0,0,0.1); line-height: 75px; text-align: center; color: #fff; top: auto; bottom: -90px; opacity: 1; transition: 0.3s;}
.scsl_pic .swiper-button-next{ right: auto; left: 100px;}
.scsl_pic .swiper-button-next:hover,.scsl_pic .swiper-button-prev:hover{ background: #00ab71;}
.scsl_pic .swiper-button-next:after,.scsl_pic .swiper-button-prev:after{ font-size: 30px;}
@media screen and (max-width:991px){
    .scsl_pic .swiper-button-next,.scsl_pic .swiper-button-prev{ width: 50px; height: 50px; line-height: 50px;}
    .scsl_pic .swiper-button-next:after,.scsl_pic .swiper-button-prev:after{ font-size: 20px;}
}






/*珀莱雅首页*/
.top_bly{ background: rgba(0,0,0,0.2);}
.top_bly #nav li:before{ background: #d9271e;}
.top_bly #nav li:hover .big{ color: #d9271e;}
.top_bly .top_tel{ color: #d9271e;}

.quote-btn{position:relative;float:right;cursor:pointer;padding-left:28px;padding-right:35px;background:url('../images/icon07-1.png') no-repeat right center; color: #fff;}
.quote-btn span{ color: #fff !important;}
.drop-wrap{background-color:#eb1111;width:18px;height:18px;border-radius:50%;position:absolute;top:0;left:0;bottom:0;margin:auto}
.drop{color:#fff;width:150px;height:150px;line-height:150px;background-color:#eb1111;border-radius:50%;text-align:center;position:absolute;top:-100px;bottom:-100px;right:-100px;left:-100px;margin:auto; transform: scale(0); transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: 0; z-index: 99;}
.quote-btn:hover .drop{transform: scale(1); opacity: 1;}




#end_bly{ background: url("../images/bly/end_bj.jpg") no-repeat center;}
#end_bly .main{ padding: 2% 0;}
#end_bly #end_line{ background: rgba(0,0,0,0.3); text-align: center; color: #fff; padding: 15px 0; border: none; color: rgba(255,255,255,0.5); margin: 0 !important;}
#end_bly #end_line a{ color: rgba(255,255,255,0.5);}
#end_bly .end_lxwm #end_nav{ margin-top: 3% !important;}
#end_bly .end_lxwm #end_nav li{ text-align: center; width: 16%;}
#end_bly .end_lxwm #end_nav a{ color: rgba(255,255,255,0.5); font-size: 16px;}
#end_bly .tel{ line-height: 28px; padding: 0 0 3%;}
#end_bly .tel i{ font-size: 34px; color: #d9271e; margin-right: 10px;}
#end_bly .tel p{ color: rgba(255,255,255,0.5); font-size: 14px;}
#end_bly .tel span{ font-size: 30px; color: #fff; font-weight: bold; }
#end_bly .tel_lx p{ color: #fff; padding-left: 45px;}
#end_bly .ewm p img{ border: 12px solid #fff; border-radius: 5px;}
#end_bly .ewm span{ display: block; color: rgba(255,255,255,0.5); font-size: 15px;}
@media screen and (max-width:1440px){
    #end_bly .end_lxwm #end_nav a{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #end_bly .end_lxwm #end_nav{ display: none;}
}


#bly_jj{ background: url("../images/bly/jjpic.jpg") no-repeat center ; background-size: 100%;}
#bly_jj .row{ margin: 0 !important; color: #fff;}
#bly_jj .con{ background: rgba(0,0,0,0.7); padding: 5% 3% 3%;}
#bly_jj .con .tit{ font-size: 36px; position: relative; height: 60px;}
#bly_jj .con .tit:before{ position: absolute; left: 0; bottom: 0; width: 5%; height: 3px; background: #fff; content: '';}
#bly_jj .con .tit:after{ position: absolute; left: 0; top: -25px; content: 'Company profile'; font-size: 60px; font-weight: bold; text-transform: uppercase; color: rgba(255,255,255,0.01) !important; -webkit-text-stroke: 1px rgba(255,255,255,0.2); text-stroke: 1px rgba(255,255,255,0.2);}
#bly_jj .con .content{ font-size: 16px; margin: 5% 0; line-height: 40px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
#bly_jj .con .more{ height: 56px; line-height: 56px; background: #da271e; border-radius: 30px; float: right; width: 28%; border-bottom-right-radius: 0; text-align: center; font-size: 16px; color: #fff; transition: all 0.3s;}
#bly_jj .con .more:hover{ letter-spacing: 3px;}
#bly_jj .con ul{ margin-top: 7% !important;}
#bly_jj .con ul li{ cursor: default; transition: 0.3s;}
#bly_jj .con ul li h2{ font-size: 48px; transition: 0.3s;}
#bly_jj .con ul li h2 sub{ font-size: 16px;}
#bly_jj .con ul li p{ font-size: 16px; text-align: center;}
#bly_jj .con ul li:hover h2,#bly_jj .con ul li:hover p{ color: #da271e;}
#bly_jj .con ul li:hover{transform: translateY(-10%);}
#bly_jj .font{ padding: 3%;}
#bly_jj .font .bt h5{ writing-mode: vertical-rl; font-size: 16px; letter-spacing: 5px;}
#bly_jj .font .bt p{ height: 150px; width: 1px; background: #fff; margin: 10px auto 0 !important; position: relative;}
#bly_jj .font .bt p:before{ position: absolute; content: ''; right: -2px; bottom: 0; height: 5px; width: 5px; border-radius: 100%; background: #fff;}
#bly_jj .font .nr{ font-size: 16px; text-transform: uppercase; writing-mode: vertical-rl; letter-spacing: 3px;}


.bly_tit{ font-size: 36px; position: relative; height: 60px; color: #333333;}
.bly_tit:before{ position: absolute; left: 0; bottom: 0; width: 30px; height: 3px; background: #da271e; content: '';}
.bly_tit:after{ text-transform: uppercase; content: attr(data-title); position: absolute; left: 0; top: -20px; width: 100%; font-family: Arial; font-size: 100px; color: rgba(255,255,255,0.01) !important; -webkit-text-stroke: 1px #efefef; text-stroke: 1px #efefef;}
.bly_tit p{ position: relative; z-index: 1;}


#bly_mc{ margin: 2% auto 0; overflow: hidden;}
#bly_mc .swiper-container {
    width: 100%;
    height: 100%;
}
#bly_mc .swiper-slide {
    transition:0.3s;
    position: relative;
    background: #000;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#bly_mc .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 120%; position: relative;}
#bly_mc .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
#bly_mc .swiper-slide .con{ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; color: #fff; text-align: center; padding: 30% 0 0; transition: 0.3s;}
#bly_mc .swiper-slide .con:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,0.7); transition: 0.3s;}
#bly_mc .swiper-slide .con p{ transition: 0.5s; position: relative; z-index: 2;}
#bly_mc .swiper-slide .con .tit{ margin: 5% 0 7%; transition: 0.5s; position: relative; z-index: 2;}
#bly_mc .swiper-slide .con .tit h4{ font-size: 30px;}
#bly_mc .swiper-slide .con .tit span{ font-size: 16px; text-transform: uppercase;}
#bly_mc .swiper-slide .con i{ position: relative; z-index: 2; width: 115px; height: 115px; border-radius: 100%; border: 1px solid #fff; line-height: 115px; text-align: center; font-size: 30px; margin: 3% auto 0 !important; transition: 0.5s;}
#bly_mc .swiper-slide:hover .con i{ transform: translateY( 50px);}
#bly_mc .swiper-slide:hover .con p,#bly_mc .swiper-slide:hover .con .tit{ transform: translateY( -50px);}
#bly_mc .swiper-slide:hover .con{ opacity: 0;}

#bly_mc .swiper-slide .font{ position: absolute; z-index: 2; left: 0; top: 0; color: #fff; width: 100%; padding: 8%; height: 100%; opacity: 0; transition: 0.3s;}
#bly_mc .swiper-slide .font:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: url("../images/bly/mc_bj.png") no-repeat center; background-size: 100% 100%;}
#bly_mc .swiper-slide .font p,#bly_mc .swiper-slide .font .tit,#bly_mc .swiper-slide .font i{ position: relative; z-index: 3; transition: 0.5s;}
#bly_mc .swiper-slide .font p,#bly_mc .swiper-slide .font .tit{ transform: translateY( -50px); opacity: 0;}
#bly_mc .swiper-slide .font p{ transition: 0.5s; position: relative; z-index: 2;}
#bly_mc .swiper-slide .font .tit{ margin: 7% 0 0; transition: 0.5s; position: relative; z-index: 2;}
#bly_mc .swiper-slide .font .tit h4{ font-size: 30px;}
#bly_mc .swiper-slide .font .tit span{ font-size: 16px; text-transform: uppercase;}
#bly_mc .swiper-slide .font i{ width: 100%; font-size: 16px; text-transform: uppercase; writing-mode: vertical-rl; transform: translateY( 50px); opacity: 0;}
#bly_mc .swiper-slide:hover .font{ opacity: 1;}
#bly_mc .swiper-slide.on .font p,#bly_mc .swiper-slide.on .font .tit{ transform: translateY( 0); opacity: 1;}
#bly_mc .swiper-slide.on .font i{ transform: translateY( 0); opacity: 1;}

#bly_mc .swiper-slide.on .con{ opacity: 0;}
#bly_mc .swiper-slide.on .font{ opacity: 1;}



.ipart02{ height:780px; background:url('../images/bly/zsjm_bj.jpg') no-repeat center; position:relative; color: #fff;}
.ipart02 .left,.ipart02 .right{position:absolute; top:0; height:100%; width:260px; background:#fff;}
.ipart02 .left{left:0;}
.ipart02 .right{right:0;}
.ipart02 .main{ padding: 5% 0;}
.ipart02 .main .bly_tit{ color: #fff;}
.ipart02 .main .bly_tit:after{ -webkit-text-stroke: 1px rgba(255,255,255,0.2); text-stroke: 1px rgba(255,255,255,0.2);}
.ipart02 .main .con{ text-align: center; padding: 4% 0 0;}
.ipart02 .main .con h2{ font-size: 77px;}
.ipart02 .main .con h2 span{ color: #da271e; font-size: 115px; font-weight: bold !important; font-family: cursive;}
.ipart02 .main .con p{ font-size: 60px; padding: 3% 0;}
.ipart02 .main ul{ margin-top: 2% !important;}
.ipart02 .main ul li{ width: 135px; height: 135px; line-height: 135px; font-size: 20px; margin: 0 20px; border-radius: 100%; background: #da271e; transition: 0.3s; cursor: pointer; color: #fff;}
.ipart02 .main ul li:hover{transform: scale(1.15);}
@media screen and (max-width:1600px){
    .bly_tit:after{ font-size: 80px;}
    #bly_mc .swiper-slide .con i{ width: 100px; height: 100px; line-height: 100px;}
    .ipart02 .main .con h2{ font-size: 60px;}
    .ipart02 .main .con p{ font-size: 50px;}
    .ipart02 .main .con h2 span{ font-size: 100px;}
}
@media screen and (max-width:1440px){
    .ipart02{ height: 620px;}
    #bly_jj .con ul li h2{ font-size: 36px;}
    #bly_jj .con ul li h2 sub,#bly_jj .con ul li p{ font-size: 14px;}
    #bly_jj .con .tit:after{ font-size: 46px;}
    #bly_jj .con .tit{ font-size: 32px;}
    #bly_jj .con .more{ height: 45px; line-height: 45px; font-size: 14px;}
    .bly_tit:after{ font-size: 70px;}
    #bly_mc .swiper-slide .con .tit h4,#bly_mc .swiper-slide .font .tit h4{ font-size: 26px;}
    #bly_mc .swiper-slide .con .tit span,#bly_mc .swiper-slide .font .tit span,#bly_mc .swiper-slide .font i{ font-size: 14px;}
    .ipart02 .main .con h2{ font-size: 50px;}
    .ipart02 .main .con p{ font-size: 40px;}
    .ipart02 .main .con h2 span{ font-size: 90px;}
    .ipart02 .main ul li{ width: 120px; height: 120px; line-height: 120px; font-size: 18px;}
}
@media screen and (max-width:1200px){
    .ipart02{ height: 525px;}
    #bly_jj .con ul li h2{ font-size: 32px;}
    #bly_jj .con ul li h2 sub,#bly_jj .con ul li p{ font-size: 12px;}
    #bly_jj .con .tit:after{ font-size: 40px;}
    #bly_jj .con .tit{ font-size: 28px;}
    #bly_jj .con .content{ font-size: 14px; line-height: 28px;}
    .bly_tit:after{ font-size: 60px;}
    #bly_mc .swiper-slide .con p img,#bly_mc .swiper-slide .font p img{ max-width: 20%;}
    #bly_mc .swiper-slide .con i{ width: 80px; height: 80px; line-height: 80px;}
    #bly_mc .swiper-slide .con .tit h4,#bly_mc .swiper-slide .font .tit h4{ font-size: 22px;}
    #bly_mc .swiper-slide .con .tit span,#bly_mc .swiper-slide .font .tit span,#bly_mc .swiper-slide .font i{ font-size: 12px;}
    .ipart02 .main .con h2{ font-size: 40px;}
    .ipart02 .main .con p{ font-size: 30px;}
    .ipart02 .main .con h2 span{ font-size: 70px;}
    .ipart02 .main ul li{ width: 100px; height: 100px; line-height: 100px; font-size: 16px;}
}
@media screen and (max-width:991px){
    #bly_jj .con{ padding: 10% 3% 8%;}
    #bly_jj{ background-size: 100% 100%;}
    .bly_tit:after{ font-size: 45px;}
    .bly_tit{ font-size: 30px;}
}
@media screen and (max-width:768px){
    .bly_tit:after{ font-size: 35px;}
    .bly_tit{ font-size: 26px;}
    #bly_jj .con .tit:after{ font-size: 30px;}
    .ipart02 .main{ padding-top: 15%;}
    .ipart02 .main .con{ padding-top: 10%;}
    .ipart02 .main .con h2{ font-size: 26px;}
    .ipart02 .main .con p{ font-size: 20px;}
    .ipart02 .main .con h2 span{ font-size: 50px;}
    .ipart02 .main ul li{ width: 80px; height: 80px; line-height: 80px; font-size: 14px;}
}
@media screen and (max-width:500px){
    .bly_tit:after{ font-size: 26px;}
}


.bly_hui{ background: #eaeaea;}
.bly_hui .bly_tit:after{ -webkit-text-stroke: 1px rgba(255,255,255,0.5); text-stroke: 1px rgba(255,255,255,0.5);}

.other-title {
    display: flex;
    justify-content: center;
}

.other-cont {
    margin-top: 70px;
}

.other-banner {
    margin-top: 50px;
}

.other-banner:first-child {
    margin-top: 0;
}

.other-banner .bd li {
    width: 33.3%;
    margin: 0 12px;
}

.case-item li .img {
    height: 16.666666666666664vw;
    min-height: 210px;
    overflow: hidden;
}

.case-item li .text {
    margin-top: 20px;
}

.case-item li .text p {
    display: none;
}

.case-item li .text .name {
    margin-top: 10px;
}

.other-banner .bd {
    transition-timing-function: linear !important;
}

.other2 {
    transform: rotate(180deg);
}

.other2 .bd li {
    transform: rotate(180deg);
}

.other-banner .bd li a:hover .l-imgs {
    transform: scale(1.2);
}

.custom-title > * {
    flex: 1;
    text-align: center;
}

.custom-title .name {
    margin-top: 8px;
}

.custom-banner .bd li {
    width: 20%;
}

.custom-banner .bd li dt {
    margin-bottom: 40px;
}

.custom-banner .bd li dd {
    position: relative;
    margin-top: 10px;
    padding-left: 10px;
}

.custom-banner .bd li dd:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #999;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -3px;
}

.custom-banner .bd li:before {
    content: '';
    display: block;
    width: 39px;
    height: 7px;
    background: url(../img/icon10.png) no-repeat center;
    position: absolute;
    left: -40%;
    top: 17px;
    margin-top: -3px;
}

.custom-banner .bd li:first-child:before {
    display: none;
}

.banner-btn > * {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 1px solid #000;
    margin: 0 20px;
    font-size: 20px;
}

.custom-btn {
    margin-top: 100px;
    justify-content: center;
}

.banner-btn > *:hover {
    background: #000;
    color: #fff;
}

li .l-imgs {
    height: 100%;
    width: 100%;
    transition: cubic-bezier(0.215, .61, .355, 1) .45s;
}

.l-imgs {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width:1440px){
    .case-item li .text .name{ font-size: 18px;}
}
@media screen and (max-width:1200px){
    .case-item li .text .name{ font-size: 16px;}
    .case-item li .img{ min-height: 165px;}
}
@media screen and (max-width:768px){
    .case-item li .text .name{ font-size: 12px;}
    .other-cont{ margin-top: 20px;}
    .bly_hui{ padding-top: 5%;}
}

/*珀莱雅产品*/
#bly_cp_bj1{ background: url("../images/bly/pro_bj1.jpg") no-repeat center;}
#bly_cp_bj1 .font .tit{ border-bottom: 1px solid #a3a3a3; line-height: 50px; padding-bottom: 10px;}
#bly_cp_bj1 .font .tit h2{ color: #282828; font-size: 60px;}
#bly_cp_bj1 .font .tit p{ color: #282828; font-size: 24px;}
#bly_cp_bj1 dl{ padding: 5% 0; margin: 0 !important;}
#bly_cp_bj1 dl dt{ color: #282828; font-size: 30px; font-weight: 100 !important; margin-bottom: 5%;}
#bly_cp_bj1 dl dd{ text-align: center;}
#bly_cp_bj1 dl dd p{ width: 65px; height: 65px; line-height: 61px; border: 2px solid #1f1a17; border-radius: 100%;}
#bly_cp_bj1 dl dd p i{ color: #1f1a17; font-size: 33px;}
#bly_cp_bj1 dl dd span{ color: #1f1a17; font-size: 14px; display: block; height: 50px; line-height: 50px;}
#bly_cp_bj1 .con{ color: #282828; font-size: 22px; font-weight: 100 !important;}


#bly_cp_bj2{ background: #0d1018; padding: 3% 0;}
.bly_pro_nr{ color: #fff;}
.bly_pro_nr .tit{ font-size: 72px; height: 80px;}
.bly_pro_nr .tit_en{ padding: 20px 0 50px;}
.bly_pro_nr .con{ font-size: 36px; padding-bottom: 30px;}
.bly_pro_nr .nr{ color: rgba(255,255,255,0.5); font-size: 24px; font-weight: 100 !important; line-height: 40px;}


#bly_cp_bj3{ background: url("../images/bly/pro_bj3.jpg") repeat-y center top;}
#bly_cp_bj3 .bly_pro_nr{ color: #151515;}
#bly_cp_bj3 .bly_pro_nr .nr{ color: #333333;}

#bly_cp_bj4{ background: url("../images/bly/pro_bj4.jpg") no-repeat center; padding: 3% 0;}
#bly_cp_bj5{ background: url("../images/bly/pro_bj5.jpg") no-repeat center top;}
#bly_cp_bj5 .bly_pro_nr{ color: #151515;}
#bly_cp_bj5 .bly_pro_nr .nr{ color: #333333;}

.bly_pro_tit h2{ color: #333333; font-size: 36px; font-weight: 100 !important;}
.bly_pro_tit h2 i{ color: #d7251d; font-size: 12px; margin-right: 10px;}
.bly_pro_tit p{ color: #5a5a5a; font-size: 18px; margin-left: 30px !important; font-weight: 100 !important;}
.bly_pro_tit p span{ color: #d7251d;}
.sx_class{ margin: 4% 0 2% !important;}
.sx_class dd{ width: 30%; font-weight: 100 !important;}
.sx_class dd p{ width: 20%; color: #333333; font-size: 24px;}
.sx_class dd span{ width: 78%; color: #666666; font-size: 18px;}
.sx_lb li{ text-align: center; padding: 20px; transition: 0.3s;}
.sx_lb li p img{ max-width: 100%;}
.sx_lb li span{ display: block; height: 50px; line-height: 50px; color: #333333; font-size: 20px;}
.sx_lb li:hover{transform: scale(1.1);}

.line{ width: 100%; height: 1px; background: #eaeaea;}

#azjd{ margin-top: 3%; overflow: hidden}
#azjd .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#azjd .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#azjd .swiper-slide p{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#azjd .swiper-slide p img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#azjd .swiper-slide span{ display: block; padding-top: 20px; color: #000000; font-size: 22px; font-weight: 100 !important;}
#azjd .swiper-slide:hover img{ transform: scale(1.1);}
@media screen and (max-width:1800px){
    #bly_cp_bj1 .font .tit h2{ font-size: 48px;}
    #bly_cp_bj1 .font .tit p{ font-size: 22px;}
    #bly_cp_bj1 dl dt{ font-size: 26px;}
    #bly_cp_bj1 .con{ font-size: 18px;}
    .sx_class dd p{ font-size: 22px;}
    .sx_class dd span{ font-size: 16px;}
}
@media screen and (max-width:1600px){
    #bly_cp_bj1 .font .tit h2{ font-size: 40px;}
    #bly_cp_bj1 .font .tit p{ font-size: 18px;}
    #bly_cp_bj1 dl dt{ font-size: 22px;}
    #bly_cp_bj1 .con{ font-size: 16px;}
    .bly_pro_nr .tit{ font-size: 60px;}
    .bly_pro_nr .con{ font-size: 30px;}
    .sx_class dd p{ font-size: 18px;}
    .bly_pro_tit h2{ font-size: 30px;}
    .sx_lb li span{ font-size: 16px;}
    .sx_class dd span{ font-size: 14px;}
}
@media screen and (max-width:1440px){
    #bly_cp_bj1 .font .tit h2{ font-size: 32px;}
    #bly_cp_bj1 .font .tit p{ font-size: 16px;}
    #bly_cp_bj1 .con{ font-size: 14px;}
    #bly_cp_bj1 dl dd p{ width: 50px; height: 50px; line-height: 46px;}
    #bly_cp_bj1 dl dd p i{ font-size: 24px;}
    #bly_cp_bj1 dl dd span{ font-size: 12px;}
    #bly_cp_bj1 dl dt{ margin-bottom: 3% !important;}
    #bly_cp_bj1 dl dd{ margin: 0 !important;}
    #bly_cp_bj1 dl{ padding: 5% 0 1%;}
    .bly_pro_nr .tit{ font-size: 50px;}
    .bly_pro_nr .con{ font-size: 26px;}
    .bly_pro_nr .nr{ font-size: 18px;}
    .sx_class dd p{ font-size: 16px;}
    .bly_cp_pic img{ max-width: 55%;}
}
@media screen and (max-width:1200px){
    .bly_pro_nr .tit{ font-size: 40px;}
    .bly_pro_nr .con{ font-size: 22px;}
    .bly_pro_nr .nr{ font-size: 16px;}
    .bly_pro_nr .tit_en img{ max-width: 80%;}
    #bly_cp_bj5{ background-size: 125%;}
    .sx_class dd p{ font-size: 14px;}
    .sx_lb li span{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #bly_cp_bj2,#bly_cp_bj3,#bly_cp_bj4{ background-size: 180%;}
    .bly_cp_pic img{ max-width: 50%;}
    .bly_pro_nr .tit{ height: auto;}
    .bly_pro_nr .tit_en{ padding: 20px 0;}
    .sx_class dd{ width: 100%;}
    .sx_class dd p{ width: 10%;}
    .sx_class dd span{ width: 88%;}
    .bly_pro_tit h2{ font-size: 24px; width: 100%;}
    .bly_pro_tit p{ display: none;}
    .sx_lb li{ float: left; width: 25%;}
    .bly_cp_pic img{ max-width: 30%;}
}
@media screen and (max-width:768px){
    #bly_cp_bj1 .font .tit h2{ font-size: 28px;}
    #bly_cp_bj1 .font .tit p{ font-size: 12px;}
    #bly_cp_bj1 .con{ font-size: 12px;}
    .bly_pro_nr .tit{ font-size: 30px; height: auto;}
    .bly_pro_nr .con{ padding-bottom: 0;}
    #bly_cp_bj2,#bly_cp_bj3,#bly_cp_bj4{ background-size: 200%;}
    #bly_cp_bj5{ background-size: 380%;}
    .bly_pro_tit h2{ font-size: 20px; width: 100%;}
    .sx_class dd p{ width: 15%;}
    .sx_class dd span{ width: 80%;}
    .sx_lb li{ padding: 10px;}
}
@media screen and (max-width:600px){
    .bly_pro_nr .tit{ font-size: 24px;}
    .bly_pro_nr .con{ font-size: 20px;}
    .bly_pro_nr .nr{ font-size: 14px; line-height: 25px;}
    .bly_pro_nr .tit_en{ padding: 10px 0;}
}


.bly_pro_bt{ text-align: center; color: #333333; font-size: 30px; font-weight: 100 !important; margin-top: 3%;}
#azlc_1{ padding: 4% 0 3% !important;}
#azlc_1 li{ height: 90px; border-radius: 20px; border: 1px solid #e8e8e8; line-height: 90px; width: 12%; text-align: center; color: #333333; font-size: 18px; position: relative; overflow: hidden; cursor: pointer;}
#azlc_1 li:before{ position: absolute; left: 50%; bottom: 0; width: 0; height: 4px; background: #d7251d; content: ''; transition: all 0.5s;}
#azlc_1 i,#azlc_1 em{ color: #cccccc; font-size: 36px;}
#azlc_1 em{ width: 12%; text-align: center; padding: 1% 0;}
#azlc_1 li:hover:before{ left: 0; width: 100%;}

#azlc_2{ padding: 4% 0 0 !important; width: 70%; margin: 0 auto !important;}
#azlc_2 li{ width: 200px; height: 200px; border: 1px solid #e8e8e8; border-radius: 100%; color: #333333; font-size: 18px; text-align: center; line-height: 200px; position: relative;}
#azlc_2 i{ margin: 0 2%;}
#azlc_2 i,#azlc_2 em{ color: #cccccc; font-size: 46px;}
#azlc_2 em{ width: 200px; text-align: center; padding: 2% 0;}
#azlc_2 li span{ display: block; position: absolute; width: 15px; height: 15px; background: #e21e1e; border-radius: 100%; content: ''; left: 20px; top: 20px; opacity: 0; transition: 0.3s;}
#azlc_2 li:hover span {
    opacity: 1;
    -webkit-animation: clockwise 3.0s linear infinite;
    animation: clockwise 3.0s linear infinite;
    transform-origin: 80px 80px;
}

@-webkit-keyframes clockwise{
    0%  { -webkit-transform: rotate(0deg) ;  }
    100%{ -webkit-transform: rotate(360deg); }
}

@keyframes clockwise {
    0%  { transform: rotate(0deg) ; }
    100%{ transform: rotate(360deg); }
}

@-webkit-keyframes counter-clockwise {
    0%  { -webkit-transform: rotate(360deg) ;  }
    100%{ -webkit-transform: rotate(0deg); }
}

@keyframes counter-clockwise {
    0%  { transform: rotate(360deg) ;  }
    100%{ transform: rotate(0deg); }
}


#bly_anli{ margin-top: 3%; overflow: hidden}
#bly_anli .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#bly_anli .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#bly_anli .swiper-slide p{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; border-radius: 20px;}
#bly_anli .swiper-slide p img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#bly_anli .swiper-slide span{ display: block; padding-top: 20px; color: #000000; font-size: 22px; font-weight: 100 !important;}
#bly_anli .swiper-slide:hover img{ transform: scale(1.1);}
@media screen and (max-width:1600px){
    #azlc_1 li{ font-size: 16px;}
    #azlc_2{ width: 85%;}
    #azlc_2 li{ font-size: 16px;}
}
@media screen and (max-width:1440px){
    #azlc_1 li{ font-size: 14px;}
    .bly_pro_bt{ font-size: 26px;}
    #azlc_2{ width: 100%;}
    #azlc_2 li{ font-size: 14px;}
    #bly_anli .swiper-slide span{ font-size: 18px;}
}
@media screen and (max-width:1200px){
    #azlc_1 li{ font-size: 12px;}
    .bly_pro_bt{ font-size: 22px;}
    #azlc_2 li{ height: 175px; line-height: 175px;}
    #azlc_2 li span{ display: none;}
}
@media screen and (max-width:991px){
    #azlc_1 li,#azlc_1 i,#azlc_2 li,#azlc_2 i{ float: left;}
    #azlc_1 li{ width: 28%; font-size: 14px; margin-bottom: 20px;}
    #azlc_1 i,#azlc_2 i{ margin-top: 40px;}
    .bly_pro_bt{ font-size: 20px;}
    #azlc_2 li{ width: 123px; height: 123px; line-height: 123px;}
    #azlc_2 li:first-of-type,#azlc_2 li:nth-of-type(4){ padding: 30px 0 !important;}
    #azlc_2 .big{ line-height: 25px !important;}
    #azlc_2 .small{ line-height: 62px !important;}
}
@media screen and (max-width:768px){
    #azlc_1 i,#azlc_2 i{ display: none;}
    #azlc_1 li{ width: 30%; margin: 0 1% 2%; font-size: 12px;}
    .bly_pro_bt{ font-size: 16px;}
    #azlc_2 li{ width: 110px; height: 110px; line-height: 110px; margin: 0 5px 20px; font-size: 12px;}
    #azlc_2 .small{ line-height: 50px !important;}
}
@media screen and (max-width:450px){
    #azlc_2 li{ width: 100px; height: 100px; line-height: 100px; margin: 0 5px 20px; font-size: 12px;}
    #azlc_2 .big{ line-height: 20px !important;}
}





/*珀莱雅招商加盟*/
#bly_jm_bj1{ background: url("../images/bly/jm_bj1.jpg") no-repeat center;}
.jm_tit{ text-align: center; color: #fff; line-height: 40px;}
.jm_tit h2{ font-size: 48px; font-weight: 100 !important;}
.jm_tit p{ font-size: 24px; text-transform: uppercase; font-weight: 100 !important;}
.jm_tit span{ font-size: 20px; display: block; font-weight: 100 !important; margin-top: 20px;}

#saidao{ margin-top: 3%; overflow: hidden}
#saidao .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#saidao .swiper-slide {
    text-align: center;
    transition:0.3s;
    background: rgba(0,0,0,0.2);
    border-radius: 10px;
    padding: 3%;
    color: #fff;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#saidao .swiper-slide i{ color: #d9271e; font-size: 50px; height: 60px; line-height: 60px; transition: 0.5s;}
#saidao .swiper-slide p{ font-size: 22px; position: relative; height: 50px; margin: 3% 0 5% !important; transition: 0.5s;}
#saidao .swiper-slide p:before{ position: absolute; content: ''; left: 40%; bottom: 0; width: 20%; height: 1px; background: rgba(255,255,255,0.5);}
#saidao .swiper-slide span{ display: block; font-size: 16px; transition: 0.5s;}
#saidao .swiper-slide:hover{ background: rgba(0,0,0,0.4);}
#saidao .swiper-slide:hover i{ transform: translateY(-20px);}
#saidao .swiper-slide:hover p{ transform: translateY(-15px);}
#saidao .swiper-slide:hover span{ transform: translateY(-10px);}
@media screen and (max-width:1800px){
    #saidao .swiper-slide span{ font-size: 14px;}
}
@media screen and (max-width:1600px){
    .jm_tit h2{ font-size: 42px;}
    #saidao .swiper-slide{ padding: 2%;}
}
@media screen and (max-width:1440px){
    .jm_tit h2{ font-size: 36px;}
    .jm_tit p{ font-size: 20px;}
    #saidao .swiper-slide i{ font-size: 40px;}
}
@media screen and (max-width:1200px){
    .jm_tit span{ font-size: 16px;}
}
@media screen and (max-width:991px){
    .jm_tit h2{ font-size: 28px;}
    .jm_tit p{ font-size: 16px;}
}
@media screen and (max-width:768px){
    .jm_tit h2{ font-size: 22px;}
    .jm_tit p{ font-size: 14px;}
    .jm_tit span{ font-size: 14px; padding: 0 15px; line-height: 25px;}
}



#bly_jm_bj2{ background: url("../images/bly/jm_bj2.jpg") no-repeat center;}
#jm_qj{ margin-top: 5% !important; }
#jm_qj li{ text-align: center; color: #fff;}
#jm_qj li h4{ font-size: 16px;}
#jm_qj li .pic{ margin: 3% 0;}
#jm_qj li .pic img{ max-width: 100%;}
#jm_qj li p{ font-size: 20px;}
#jm_qj li p span{ font-size: 60px; color: #d9271e; font-weight: bold; padding: 0 10px;}
@media screen and (max-width:1440px){
    #jm_qj li p{ font-size: 18px;}
    #jm_qj li p span{ font-size: 45px;}
}
@media screen and (max-width:1200px){
    #jm_qj li p{ font-size: 16px;}
    #jm_qj li p span{ font-size: 30px;}
    #jm_qj li h4{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #jm_qj li p{ font-size: 14px;}
    #jm_qj li p span{ font-size: 26px;}
}
@media screen and (max-width:768px){
    #jm_qj li{ margin-top: 5%;}
}




.hui .jm_tit{ color: #333333;}
.hui .jm_tit p{ color: rgba(0,0,0,0.4);}

#jm_zc{ margin-top: 5% !important;}
#jm_zc li{ width: 100%; text-align: center; cursor: default;}
#jm_zc li i{ color: #2c2c2c; font-size: 40px; height: 50px; line-height: 50px; transition: all 0.3s;}
#jm_zc li p{ color: #252525; font-size: 18px; padding: 10px 0 20px;}
#jm_zc li span{ display: block; color: rgba(217,39,30,0.5); font-size: 18px;}
#jm_zc li:hover i{ color: #d9271e;transform:rotate3d(1,1,1,360deg);-webkit-transform:rotate3d(1,1,1,360deg);}
#jm_zc .line{ width: 100%; height: 1px; border-bottom: 1px dashed #e58c88; position: relative; margin: 20px 0;}
#jm_zc .line:before{ animation: fwzcline1 4s infinite; position: absolute; top: -6px; left: 0; z-index: 3; content: ''; width: 12px; height: 12px; background: #d9271e; border-radius: 100%;}
@keyframes fwzcline1 {
    0% {
        left: 0;
    }
    50% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}

#jm_zc .tit_line{ width: 1px; height: 100px; border-right: 1px dashed #e58c88; position: relative; margin: 30px 92px 30px 0;}
#jm_zc .tit_line:before{ animation: fwzcline 4s infinite; position: absolute; top: 25px; right: -7px; z-index: 3; content: ''; width: 12px; height: 12px; background: #d9271e; border-radius: 100%;}
@keyframes fwzcline {
    0% {
        top: 0;
    }
    50% {
        top: 90%;
    }
    100% {
        top: 0;
    }
}


#bly_jm_bj3{ background: url("../images/bly/jm_bj3.jpg") no-repeat center;}
#jmtj{ width: 90%; margin: 2% auto 0 !important;}
#jmtj li{ width: 45%; float: left; color: #fff; margin-top: 1%; padding: 3%; position: relative; transition: 0.3s;}
#jmtj li i{ position: absolute; right: 50px; bottom: 30px; color: rgba(255,255,255,0.2); font-size: 60px; font-family: cursive; opacity: 0; transition: all 0.5s;}
#jmtj li:nth-of-type(2n){ float: right;}
#jmtj li .pic{ background: url("../images/bly/jm_icon2.png") no-repeat left top; width: 40px; height: 37px; padding-left: 8px; text-align: center; line-height: 37px; color: #fff; font-size: 16px; transition: 0.3s;}
#jmtj li p{ font-size: 18px; padding-left: 20px;}
#jmtj li span{ display: block; font-size: 16px; padding-top: 20px;}
#jmtj li:hover{ background: #d9271e;}
#jmtj li:hover .pic{ background: url("../images/bly/jm_icon1.png") no-repeat left top; color: #000;}
#jmtj li:hover i{ opacity: 1; right: 20px; bottom: 30px;}


#bly_jm_bj4{ background: url("../images/bly/jm_bj4.jpg") no-repeat center;}
#bly_jm_bj4 .jm_tit{ color: #333333;}
#bly_jm_bj4 .jm_tit p{ color: rgba(0,0,0,0.4);}

#jmlc{ margin-top: 5% !important;}
#jmlc li{ width: 100%; text-align: center;}
#jmlc li p{ width: 110px; height: 110px; line-height: 108px; border: 1px solid #d81e06; border-radius: 100%; margin: 0 auto !important; background: #fff; box-shadow: 0 0 30px rgba(217,39,30,0.3); position: relative; transition: 0.3s;}
#jmlc li p:before{ position: absolute; left: -20px; top: -20px; content: ''; width: 150px; height: 150px; border: 1px dashed #d81e06; border-radius: 100%;}
#jmlc li p i{ font-size: 40px; color: #d81e06;}
#jmlc li h3{ color: #313131; font-size: 22px; padding: 50px 0 20px; position: relative;}
#jmlc li h3:before{ position: absolute; left: 40%; bottom: 0; content: ''; width: 20%; height: 2px; background: #d81e06;}
#jmlc li:hover p{transform: scale(1.15);}
#jmlc .line{ width: 60%; height: 1px; border-bottom: 1px dashed #e58c88; position: relative; margin: 60px 0 0;}
#jmlc .line:before{ animation: fwzcline1 4s infinite; position: absolute; top: -6px; left: 0; z-index: 3; content: ''; width: 12px; height: 12px; background: #d9271e; border-radius: 100%;}
@keyframes fwzcline1 {
    0% {
        left: 0;
    }
    50% {
        left: 100%;
    }
    100% {
        left: 0;
    }
}


#bly_jm_bj5{ background: url("../images/bly/jm_bj5.jpg") no-repeat center;}
#bly_jm_bj5 .jm_tit{ margin-bottom: 5%;}
#ly_tel{ color: #fff; font-size: 20px; font-weight: 100 !important;}
#ly_tel i{ font-size: 30px;}
#ly_tel p{ padding: 0 10px;}
#ly_tel span{ font-size: 40px; font-family: cursive;}


.jm_ly{ width: 50%; margin: 0 auto;}
@media screen and (max-width:1800px){
    #jm_zc .tit_line{ margin-right: 83px;}
}
@media screen and (max-width:1600px){
    #jm_zc .tit_line{ margin-right: 70px;}
}
@media screen and (max-width:1500px){
    #jmlc .line{ width: 33%;}
}
@media screen and (max-width:1440px){
    #jmlc li p{ width: 90px; height: 90px; line-height: 90px;}
    #jmlc li p:before{ width: 130px; height: 130px; line-height: 130px;}
    #jmlc li h3{ font-size: 20px;}
    .jm_ly{ width: 70%;}
}
@media screen and (max-width:1200px){
    #ly_tel span{ font-size: 30px;}
    #ly_tel{ font-size: 16px;}
    #ly_tel i{ font-size: 20px;}
    #jmtj{ width: 100%;}
    #jm_zc .tit_line{ margin-right: 50px;}
    #jmlc li h3{ font-size: 16px;}
    #jmlc li p{ width: 80px; height: 80px; line-height: 80px;}
    #jmlc li p:before{ width: 120px; height: 120px; line-height: 120px;}
}
@media screen and (max-width:991px){
    #jm_zc li p{ font-size: 16px;}
    #jm_zc li i{ font-size: 30px; height: 30px; line-height: 30px;}
    #jm_zc li{ margin-bottom: 20px;}
    #jm_zc .line{ margin-bottom: 40px;}
    #jmlc .line{ display: none;}
    #jmlc li{ float: left; width: 33%; margin-top: 50px;}
    .jm_ly{ width: 90%;}
}
@media screen and (max-width:768px){
    #jmtj li{ width: 100%;}
    #jm_zc .line{ display: none;}
    #jm_zc li p{ padding: 5px 0 0; font-size: 14px;}
    #jmlc li p{ width: 60px; height: 60px; line-height: 60px;}
    #jmlc li p:before{ width: 100px; height: 100px; line-height: 100px;}
    #jmlc li p i{ font-size: 30px;}
    #jmlc li h3{ font-size: 14px;}
}







/*合作案例*/
#anli_lb{ margin: 2% 0 3% !important;}
#anli_lb li{ height: 55px; line-height: 55px; border-radius: 7px; background: #f5f5f5; width: 12%; margin: 0 10px; text-align: center; font-size: 16px;}
#anli_lb li#li-on{ background: #00ab71; color: #fff;}
#anli_lb li#li-on a{ color: #fff;}

#anli li{ margin-top: 4%;}
#anli .img{ float: left; width: 62%; height: 0; padding-bottom: 35%; position: relative; overflow: hidden; border-radius: 30px; transition: all 0.3s;}
#anli .img img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#anli .box{ float: right; width: 35%; padding: 6% 5%; color: #333333; position: relative;}
#anli li:nth-of-type(2n) .img{ float: right;}
#anli li:nth-of-type(2n) .box{ float: left;}
#anli .box:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 200%; height: 1px; background: #e7e7e7;}
#anli li:nth-of-type(2n) .box:before{ left: auto; right: 0;}
#anli .box p{ font-size: 18px;}
#anli .box h4{ font-size: 36px; padding-top: 10px; transition: all 0.3s;}
#anli .box i{ width: 56px; height: 56px; margin-top: 100px; line-height: 56px; text-align: center; background: #333; font-size: 20px; color: #fff;  border-radius: 100%; transition: all 0.3s; transform:rotate(-45deg);}
#anli li:hover .box h4{ transform: translateY(20px); color: #29a45e;}
#anli li:hover .box i{ transform: translateY(-20px) translateX(20px) rotate(-45deg); background: #29a45e;}
#anli li:hover .img{ border-radius: 120px;}
@media screen and (max-width:1600px){
    #anli .box h4{ font-size: 32px;}
}
@media screen and (max-width:1200px){
    #anli_lb li{ width: 20%;}
    #anli .box h4{ font-size: 30px;}
}
@media screen and (max-width:991px){
    #anli .box{ padding: 3%;}
    #anli .box p{ font-size: 16px;}
    #anli .box h4{ font-size: 22px;}
    #anli .box i{ margin-top: 50px; width: 40px; height: 40px; line-height: 40px;}
    #anli li:hover .box i{ transform: translateY(-10px) translateX(10px) rotate(-45deg);}
    #anli li:hover .box h4{ transform: translateY(10px);}
    #anli li:hover .img{ border-radius: 100px;}
}
@media screen and (max-width:768px){
    #anli .img{ padding-bottom: 60%;}
    #anli .img,#anli .box{ width: 100%; float: none;}
    #anli_lb{ margin-top: 5% !important;}
    #anli_lb li{ width: 30%; height: 45px; line-height: 45px; font-size: 14px;}
}




/*新闻中心*/
#xw_tj{ margin: 3% 0 0 !important; border: 1px solid #f1f1f1;}
#xw_tj .col-12{ padding: 0;}
#xw_tj .swiper { width: 100%; height: 100%; }
#xw_tj .swiper-slide {
    color: #333;
    text-align: left;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
#xw_tj .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
#xw_tj .swiper-slide { background-size: cover; background-position: center;}
#xw_tj .mySwiper2 { height: 100%; width: 100%; position: relative;}
#xw_tj .mySwiper2 .swiper-slide{ overflow: hidden; padding: 5%;}
#xw_tj .mySwiper2 .swiper-slide .tit{ font-size: 30px; color: #333333; height: auto; line-height: 55px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#xw_tj .mySwiper2 .swiper-slide .content{ font-size: 16px; margin: 5% 0; color: #545454; line-height: 35px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#xw_tj .mySwiper2 .swiper-slide .time{ color: #999; margin-right: 10px;}
#xw_tj .mySwiper2 .swiper-slide .time i{ margin-right: 10px; font-size: 20px;}
#xw_tj .mySwiper { height: 100%; box-sizing: border-box;}
#xw_tj .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.5; overflow: hidden;}
#xw_tj .mySwiper .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden; transition: 0.3s;}
#xw_tj .mySwiper .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#xw_tj .mySwiper .swiper-slide:hover .pic img{ transform: scale(1.15);}
#xw_tj .mySwiper .swiper-slide-thumb-active { opacity: 1;}
#xw_tj .mySwiper2 .swiper-button-next,#xw_tj .mySwiper2 .swiper-button-prev{ width: 60px; height: 60px; background: #f1f1f1; border-radius: 5px; transition: 0.3s;}
#xw_tj .mySwiper2 .swiper-button-next:after,#xw_tj .mySwiper2 .swiper-button-prev:after{ display: none;}
#xw_tj .mySwiper2 .swiper-button-next i,#xw_tj .mySwiper2 .swiper-button-prev i{ color: #999999; font-size: 24px; transition: 0.3s;}
#xw_tj .mySwiper2 .swiper-button-next{ top: auto; bottom: 20px; left: 130px;}
#xw_tj .mySwiper2 .swiper-button-prev{ top: auto; bottom: 20px; left: 50px;}
#xw_tj .mySwiper2 .swiper-button-next:hover,#xw_tj .mySwiper2 .swiper-button-prev:hover{ background: #29a45e;}
#xw_tj .mySwiper2 .swiper-button-next:hover i,#xw_tj .mySwiper2 .swiper-button-prev:hover i{ color: #fff;}
@media screen and (max-width:1700px){
    #xw_tj .mySwiper2 .swiper-slide{ padding-right: 5%;}
    #xw_tj .mySwiper2 .swiper-slide .tit{ font-size: 26px; line-height: 40px;}
}
@media screen and (max-width:1440px){
    #xw_tj .mySwiper2 .swiper-slide .tit{ font-size: 22px; line-height: 30px;}
    #xw_tj .mySwiper2 .swiper-slide .content{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #xw_tj .mySwiper2 .swiper-slide .tit{ font-size: 18px;}
    #xw_tj .mySwiper2 .swiper-slide .content{ line-height: 25px;}
    #xw_tj .mySwiper2 .swiper-button-next,#xw_tj .mySwiper2 .swiper-button-prev{ width: 40px; height: 40px;}
    #xw_tj .mySwiper2 .swiper-button-next i,#xw_tj .mySwiper2 .swiper-button-prev i{ font-size: 18px;}
    #xw_tj .mySwiper2 .swiper-button-next{ left: 80px;}
    #xw_tj .mySwiper2 .swiper-button-prev{ left: 25px;}
}
@media screen and (max-width:991px){
    #xw_tj .mySwiper2 .swiper-slide{ padding-bottom: 10%;}
}
@media screen and (max-width:768px){
    #xw_tj .mySwiper2 .swiper-button-next,#xw_tj .mySwiper2 .swiper-button-prev{ bottom: 10px;}
}


#cydt{ margin-top: 3%;}
#cydt .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#cydt .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#cydt .swiper-slide:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 0; height: 2px; background: #29a45e; transition: all 0.3s;}
#cydt .swiper-slide .p-3{ width: 100%;}
#cydt .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden;}
#cydt .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
#cydt .swiper-slide .news_title{ width: 100%; color: #333333; margin-bottom: 30px; min-height: 65px; font-size: 20px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#cydt .swiper-slide .news_time,#cydt .swiper-slide .click{ color: #bfbfbf; font-size: 14px;}
#cydt .swiper-slide .news_time i,#cydt .swiper-slide .click i{ color: #696969; font-size: 20px; margin-right: 10px;}
#cydt .swiper-slide:hover .news_title{ color: #29a45e;}
#cydt .swiper-slide:hover:before{ width: 100%;}
@media screen and (max-width:1440px){
    #cydt .swiper-slide .news_time{ font-size: 14px;}
    #cydt .swiper-slide .news_title{ font-size: 18px;}
    #cydt .swiper-slide .content{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #cydt .swiper-slide .news_time{ font-size: 14px !important;}
    #cydt .swiper-slide .news_title{ font-size: 16px;}
}
@media screen and (max-width:768px){
    #cydt .swiper-slide .news_title{ font-size: 16px;}
}

.hui{ padding: 3% 0 2%;}
.hui .tit_sl:before{ -webkit-text-stroke: 1px #eaeaea; text-stroke: 1px #eaeaea;}

#hyzx{ position: relative; margin-top: 5%; padding: 0 100px;}
#hyzx .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#hyzx .swiper-slide {
    text-align: left;
    transition: 0.3s;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
#hyzx .swiper-slide p{ color: #999999; font-size: 16px;}
#hyzx .swiper-slide .tit{ color: #333333; font-size: 20px; min-height: 65px; margin: 3% 0 5%; transition: 0.3s; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#hyzx .swiper-slide .con{ color: #848484; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#hyzx .swiper-slide .more{ margin-top: 10%; height: 48px; line-height: 48px; border: 1px solid #cccccc; border-radius: 5px; width: 30%; text-align: center; transition: 0.3s;}
#hyzx .swiper-slide:hover .tit{ color: #29a45e;}
#hyzx .swiper-slide:hover .more{ background: #29a45e; color: #fff; letter-spacing: 3px;}
#hyzx .swiper-button-next,#hyzx .swiper-button-prev{ width: 75px; height: 75px; background: #00ab71; border-radius: 100%; color: #fff;}
#hyzx .swiper-button-next:after,#hyzx .swiper-button-prev:after{ font-size: 20px;}
#hyzx .swiper-button-next{ right: 0;}
#hyzx .swiper-button-prev{ left: 0;}

#gyhd_bj{ background: url("../images/gyhd_bj.jpg") no-repeat left bottom #00ab71;}
#gyhd_bj .tit_sl{ color: #fff;}
#gyhd_bj .tit_sl:before{ -webkit-text-stroke: 1px rgba(255,255,255,0.2); text-stroke: 1px rgba(255,255,255,0.2);}

#gongyi{ position: relative; margin-top: 5%;}
#gongyi .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#gongyi .swiper-slide {
    text-align: left;
    transition: 0.3s;
    background: #fff;
    padding: 40px;
    border-radius: 10px;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
#gongyi .swiper-slide .pic{ height: 0; padding-bottom: 33%; position: relative; overflow: hidden;}
#gongyi .swiper-slide .pic img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
#gongyi .swiper-slide .font{ padding-left: 3%;}
#gongyi .swiper-slide p{ color: #999999; font-size: 16px;}
#gongyi .swiper-slide .tit{ color: #333333; font-size: 20px; min-height: 65px; margin: 3% 0 5%; transition: 0.3s; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#gongyi .swiper-slide .con{ color: #848484; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#gongyi .swiper-slide .more{ margin-top: 10%; height: 48px; line-height: 48px; border: 1px solid #cccccc; border-radius: 5px; width: 30%; text-align: center; transition: 0.3s;}
#gongyi .swiper-slide:hover .tit{ color: #29a45e;}
#gongyi .swiper-slide:hover .more{ background: #29a45e; color: #fff; letter-spacing: 3px;}
#gongyi .swiper-button-next,#gongyi .swiper-button-prev{ bottom: 50px; top: auto;}
#gongyi .swiper-button-next i,#gongyi .swiper-button-prev i{ color: #dfdfdf; font-size: 40px;}
#gongyi .swiper-button-next:after,#gongyi .swiper-button-prev:after{ display: none;}
#gongyi .swiper-button-next{ right: 28%;}
#gongyi .swiper-button-prev{ left: 66%;}
#gongyi .swiper-button-next:hover i,#gongyi .swiper-button-prev:hover i{ color: #00ab71;}
@media screen and (max-width:1800px){
    #gyhd_bj .tit_sl:before{ font-size: 100px;}
}
@media screen and (max-width:1500px){
    #gyhd_bj .tit_sl:before{ font-size: 80px;}
}
@media screen and (max-width:1440px){
    #hyzx .swiper-slide .tit{ font-size: 18px;}
}
@media screen and (max-width:1200px){
    #gyhd_bj .tit_sl:before{ font-size: 60px;}
    #gongyi .swiper-button-prev{ left: 63%;}
    #gongyi .swiper-slide .more{ width: 40%;}
}
@media screen and (max-width:991px){
    #gongyi .swiper-button-prev{ left: auto; right: 13%;}
    #gongyi .swiper-button-next{ right: 5%;}
    #gongyi .swiper-slide .tit,#hyzx .swiper-slide .tit{ margin-bottom: 0;}
    #gongyi .swiper-slide .more{ margin-top: 5%;}
    #gongyi .swiper-slide .font{ padding: 3% 0 0;}
    #gyhd_bj .tit_sl:before{ font-size: 45px;}
    #gongyi .swiper-slide .pic{ padding-bottom: 60%;}
    #hyzx{ padding: 0;}
    #hyzx .swiper-button-next,#hyzx .swiper-button-prev{ display: none;}
}
@media screen and (max-width:768px){
    #hyzx{ padding: 15px;}
    #gongyi .swiper-slide{ padding: 25px;}
    #gyhd_bj .tit_sl:before{ font-size: 35px;}
    #gongyi .swiper-button-prev{ right: 16%;}
}
@media screen and (max-width:500px){
    #gyhd_bj .tit_sl:before{ font-size: 25px;}
}



#xwclass li { margin-top: 7%; text-align: left; transition:0.3s; position: relative; background: #fff; overflow: hidden; border-bottom: 1px solid #e6e6e6;}
#xwclass li:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 0; height: 2px; background: #29a45e; transition: all 0.3s;}
#xwclass li .p-3{ width: 100%;}
#xwclass li .pic{ display: block; width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden;}
#xwclass li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: all 0.5s;}
#xwclass li .news_title{ width: 100%; color: #333333; min-height: 65px; margin-bottom: 30px; font-size: 20px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#xwclass li .news_time,#xwclass li .click{ color: #bfbfbf; font-size: 14px;}
#xwclass li .news_time i,#xwclass li .click i{ color: #696969; font-size: 20px; margin-right: 10px;}
#xwclass li:hover .news_title{ color: #29a45e;}
#xwclass li:hover:before{ width: 100%;}
#xwclass li:hover .pic img{transform: scale(1.2);}


.xwinfo{ padding-top: 7%;}
.xwlb{ padding-bottom: 2% !important;}
.xwlb li{ height: 68px; line-height: 68px; color: #333333; font-size: 16px; width: 190px; text-align: center; border-radius: 5px;}
.xwlb li#li-on{ background: #29a45e; color: #fff;}
.xwlb li#li-on a{ color: #fff;}


.xwinfo .bai .p5{ padding: 3%;}
.xwinfo .bai .news-detail-title{ border-bottom: 1px solid #e5e5e5; padding-bottom: 3%;}
.xwinfo .bai .news-detail-title .h3{ border-bottom: none !important; color: #333333; font-size: 30px; font-weight: bold !important; padding: 0;}
.xwinfo .bai .news-detail-title .b{ color: #999999; font-size: 16px; margin-top: 2%;}
.xwinfo .bai .more{ height: 60px; line-height: 60px; background: #29a45e; text-align: center; width: 210px; border-radius: 30px;}
.xwinfo .bai .more p{ color: #fff; font-size: 18px;}
.xwinfo .bai .more i{ margin-right: 20px; font-size: 20px;}
.xwinfo .bai .news-detail{ color: #666666; font-size: 18px; line-height: 40px; padding: 2% 0 5%;}
.xwinfo .bai .news-detail img{ max-width: 100%; margin: 15px auto; display: block;}

.xwinfo .newsPage{ background: #29a45e; height: 100px; line-height: 100px; padding: 0 3%;}
.xwinfo .newsPage .page-a{ color: rgba(255,255,255,0.5); font-size: 16px;}
.xwinfo .newsPage .page-a a{ color: rgba(255,255,255,0.5); text-decoration: underline !important;}
@media screen and (max-width:1440px){
    #xwclass li .news_title{ font-size: 16px;}
    .xwinfo .bai .news-detail-title .h3{ font-size: 24px;}
    .xwinfo .bai .news-detail-title .h3{ font-size: 22px;}
    .xwinfo .newsPage{ line-height: 40px; padding-top: 10px;}
}
@media screen and (max-width:1200px){
    .xwinfo{ padding-top: 9%;}
    .xwlb li{ height: 50px; line-height: 50px;}
}
@media screen and (max-width:991px){
    .xwinfo .newsPage .page-a{ font-size: 14px;}
    .xwinfo .newsPage{ line-height: 30px; padding: 10px; height: auto;}
    .xwinfo .bai .news-detail-title .h3{ font-size: 18px; line-height: 25px;}
    .xwinfo .bai .more{ height: 45px; line-height: 45px;}
    .xwinfo .bai .more p{ font-size: 14px;}
    .xwinfo .bai .news-detail-title .b{ font-size: 14px;}
    .xwinfo .bai .news-detail{ font-size: 14px;}
    .xwinfo{ padding-top: 12%;}
}
@media screen and (max-width:768px){
    .xwinfo{ padding-top: 15%;}
    .xwinfo .bai .more{ float: right; margin-top: 3%;}
}
@media screen and (max-width:500px){
    .xwinfo{ padding-top: 20%;}
}



/*党建工作*/
#dangjian{ margin: 3% 0 0 !important; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.1); border-top-right-radius: 20px;}
#dangjian .col-12{ padding: 0;}
#dangjian .swiper { width: 100%; height: 100%; }
#dangjian .swiper-slide {
    color: #333;
    text-align: left;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
#dangjian .swiper-slide { background-size: cover; background-position: center;}
#dangjian .mySwiper { height: 100%; width: 100%; position: relative; background: url("../images/dj_bj2.png") no-repeat right bottom;}
#dangjian .mySwiper:before{ position: absolute; left: 0; top: 0; content: ''; background: url("../images/dj_bj1.png") no-repeat left top; width: 100%; height: 100%;}
#dangjian .mySwiper .swiper-slide{ overflow: hidden; padding: 13% 5% 0;}
#dangjian .mySwiper .swiper-slide .tit{ font-size: 30px; line-height: 40px; color: #333333; height: auto; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#dangjian .mySwiper .swiper-slide .content{ font-size: 16px; margin: 3% 0; color: #333333; line-height: 35px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
#dangjian .mySwiper .swiper-slide .time{ margin-top: 2%; color: #999999; margin-right: 10px;}
#dangjian .mySwiper .swiper-slide .time i{ margin-right: 10px; font-size: 20px;}
#dangjian .mySwiper .swiper-slide .more{ width: 165px; height: 50px; line-height: 50px; background: #d82519; text-align: center; color: #fff; border-radius: 25px; font-size: 16px;}
#dangjian .mySwiper .swiper-slide .more i{ margin-left: 10px; font-size: 20px;}

#dangjian .mySwiper2 { height: 100%; box-sizing: border-box;}
#dangjian .mySwiper2 .swiper-slide { width: 25%; height: 100%; opacity: 1; overflow: hidden;}
#dangjian .mySwiper2 .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden; transition: 0.3s;}
#dangjian .mySwiper2 .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#dangjian .mySwiper2 .swiper-slide:hover .pic img{ transform: scale(1.15);}
#dangjian .mySwiper2 .swiper-pagination{ width: 20%; left: 40%; bottom: 30px; height: 30px; padding: 0 20px; background: rgba(0,0,0,0.3); border-radius: 20px;}
#dangjian .mySwiper2 .swiper-pagination .swiper-pagination-bullet{ width: 10px; height: 10px; background: rgba(255,255,255,0.5); opacity: 1;}
#dangjian .mySwiper2 .swiper-pagination .swiper-pagination-bullet-active{ background: #d82519;}
#dangjian .mySwiper2 .swiper-slide-thumb-active { opacity: 1;}

@media screen and (max-width:1700px){
    #dangjian .mySwiper .swiper-slide{ padding-right: 5%;}
    #dangjian .mySwiper .swiper-slide .tit{ font-size: 24px; line-height: 40px;}
}
@media screen and (max-width:1600px){
    #dangjian .mySwiper .swiper-slide .tit{ font-size: 22px;}
    #dangjian .mySwiper .swiper-slide .content{ -webkit-line-clamp: 2;}
}
@media screen and (max-width:1440px){
    #dangjian .mySwiper .swiper-slide .tit{ font-size: 18px; line-height: 30px;}
    #dangjian .mySwiper .swiper-slide .content{ font-size: 14px; }
    #dangjian .mySwiper .swiper-slide .more{ height: 40px; line-height: 40px; font-size: 14px;}
}
@media screen and (max-width:1200px){
    #dangjian .mySwiper .swiper-slide{ padding-top: 10%;}
    #dangjian .mySwiper:before{ background-size: 45%;}
    #dangjian .mySwiper .swiper-slide .tit{ font-size: 18px;}
    #dangjian .mySwiper .swiper-slide .content{ line-height: 25px;}
    #dangjian .mySwiper .swiper-button-next{ top: auto; bottom: 0; right: 20px; left: auto;}
    #dangjian .mySwiper .swiper-button-prev{ top: auto; bottom: 0; right: 70px; left: auto;}
}
@media screen and (max-width:991px){
    #dangjian .mySwiper .swiper-slide .pic{ margin-top: 5%;}
    #dangjian .mySwiper .swiper-slide{ padding: 10% 15px 5%;}
    #dangjian .mySwiper2 .swiper-pagination{ width: 30%; left: 35%;}
}




#dj_lb li { margin-bottom: 7%; text-align: left; transition:0.3s; background: #fff; border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.2); overflow: hidden; border-bottom: 1px solid #e6e6e6;}
#dj_lb li .p-4{ width: 100%;}
#dj_lb li .pic{ display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden;}
#dj_lb li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: all 0.5s;}
#dj_lb li .news_title{ width: 80%; color: #333333; font-size: 18px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#dj_lb li .news_time{ width: 15%; text-align: center; line-height: 20px; font-weight: bold;}
#dj_lb li .news_time span{ display: block; height: 48px; line-height: 48px; color: #333333; font-size: 48px; font-family: cursive;}
#dj_lb li .news_time p{ color: #979797; font-size: 14px; font-family: cursive;}
#dj_lb li .line1{ border-bottom: 1px solid #f1f1f1; padding: 2% 0 3%; margin-bottom: 10px;}
#dj_lb li .click{ color: #999999; font-size: 16px;}
#dj_lb li .click i{ font-size: 20px; margin-right: 5px;}
#dj_lb li:hover .news_title{ color: #cf0315;}
#dj_lb li:hover .icon-changjiantou{ color: #cf0315;}
#dj_lb li:hover .pic img{transform: scale(1.2);}

.djinfo{ padding-top: 8%;}
.djinfo .bai .p5{ padding: 3%;}
.djinfo .bai .news-detail-title{ border-bottom: 1px solid #e5e5e5; padding-bottom: 3%;}
.djinfo .bai .news-detail-title .h3{ border-bottom: none !important; color: #333333; font-size: 30px; font-weight: bold !important; padding: 0;}
.djinfo .bai .news-detail-title .b{ color: #999999; font-size: 16px; margin-top: 2%;}
.djinfo .bai .more{ height: 60px; line-height: 60px; background: #d82519; text-align: center; width: 210px; border-radius: 30px;}
.djinfo .bai .more p{ color: #fff; font-size: 18px;}
.djinfo .bai .more i{ margin-right: 20px; font-size: 20px;}
.djinfo .bai .news-detail{ color: #666666; font-size: 18px; line-height: 40px; padding: 2% 0 5%;}


.djinfo .newsPage{ background: #d82519; height: 100px; line-height: 100px; padding: 0 3%;}
.djinfo .newsPage .page-a{ color: rgba(255,255,255,0.5); font-size: 16px;}
.djinfo .newsPage .page-a a{ color: rgba(255,255,255,0.5); text-decoration: underline !important;}
@media screen and (max-width:1600px){
    #dj_lb li .news_title{ font-size: 16px;}
    #dj_lb li .news_time span{ font-size: 40px; height: 40px; line-height: 40px;}
    #dj_lb li .line1{ padding-top: 0;}
}
@media screen and (max-width:1440px){
    #dj_lb li .news_time{ width: 20%;}
    #dj_lb li .news_title{ width: 77%;}
    .djinfo .bai .news-detail-title .h3{ font-size: 22px;}
    .djinfo .newsPage{ line-height: 40px; padding-top: 10px;}
}
@media screen and (max-width:991px){
    .djinfo .newsPage .page-a{ font-size: 14px;}
    .djinfo .newsPage{ line-height: 30px; padding: 10px; height: auto;}
    .djinfo .bai .news-detail-title .h3{ font-size: 18px; line-height: 25px;}
    .djinfo .bai .more{ height: 45px; line-height: 45px;}
    .djinfo .bai .more p{ font-size: 14px;}
    .djinfo .bai .news-detail-title .b{ font-size: 14px;}
    .djinfo .bai .news-detail{ font-size: 14px;}
    .djinfo{ padding-top: 12%;}
}
@media screen and (max-width:768px){
    .djinfo{ padding-top: 15%;}
    .djinfo .bai .more{ float: right; margin-top: 3%;}
}
@media screen and (max-width:500px){
    .djinfo{ padding-top: 20%;}
}



/*联系我们*/
.lxwm{ position: relative; margin-top: -250px;}
.lxwm .font{ background: url("../images/lx_pic.jpg") no-repeat center; color: #fff; padding: 5% 3% 7%;}
.lxwm .font .tit{ font-size: 32px; margin-bottom: 5% !important;}
.lxwm .font ul{ width: 70%;}
.lxwm .font ul li{ font-size: 16px; height: 40px; line-height: 40px;}
.lxwm .font .lx_ewm{ width: 30%; text-align: center;}
.lxwm .font p img{ max-width: 100%;}
.lxwm .font .lx_ewm span{ display: block; font-size: 16px; height: 50px; line-height: 50px;}
.lxwm .zxly{ background: #fff; padding: 3%;}
.lxwm .zxly .tit{ line-height: 50px; position: relative;}
.lxwm .zxly .tit:before{ position: absolute; content: 'CONTACT US '; width: 100%; height: 100%; color: #f8f8f8; font-size: 130px; font-weight: bold;}
.lxwm .zxly .tit p{ color: #343434; font-size: 36px; position: relative; z-index: 1;}
.lxwm .zxly .tit span{ color: #666666; font-size: 18px; position: relative; z-index: 1;}

.mes-form1 input,.mes-form1 textarea{ border-bottom: 1px solid #333 !important; border-radius: 10px !important;}

#lx_lb{ margin-top: 5% !important;}
#lx_lb dd{ width: 30%; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1); padding: 3%; position: relative; transition: 0.3s;}
#lx_lb dd:before{ position: absolute; left: 0; top: 10%; width: 100%; height: 100%; content: ''; background: url("../images/lx_hover.png") no-repeat right bottom; transition: all 0.5s; background-size: 100%;}
#lx_lb dd em{ position: absolute; right: 30px; top: 30px; width: 70px; height: 70px; line-height: 70px; background: #fff; border-radius: 100%; text-align: center; transition: all 0.5s;}
#lx_lb dd em i{ color: #999999; font-size: 40px; transition: all 0.5s;}
#lx_lb dd em:before{ position: absolute; left: -10px; top: -10px; content: ''; width: 90px; height: 90px; border: 10px solid #f8f8f8; border-radius: 100%; transition: all 0.5s;}
#lx_lb dd em:after{ position: absolute; left: -15px; top: -15px; content: ''; width: 100px; height: 100px; border: 1px solid #f8f8f8; border-radius: 100%; transition: all 0.5s;}
#lx_lb dd .tit{ font-size: 24px; position: relative; height: 50px; transition: all 0.5s;}
#lx_lb dd .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 25px; height: 2px; background: #00ab71;}
#lx_lb dd .con{ color: #666666; font-size: 16px; padding-top: 8%; transition: all 0.3s;}
#lx_lb dd:hover{ background: #00ab71;}
#lx_lb dd:hover:before{ top: 0;}
#lx_lb dd:hover .tit{ color: #fff;}
#lx_lb dd:hover .con{ color: rgba(255,255,255,0.7);}
#lx_lb dd:hover em{ background: #fff; }
#lx_lb dd:hover em i{ color: #00ab71;}
#lx_lb dd:hover em:before{ border: 10px solid rgba(255,255,255,0.2);}
#lx_lb dd:hover em:after{border: 1px solid rgba(255,255,255,0.5);}
@media screen and (max-width:1800px){
    .lxwm .zxly .tit:before{ font-size: 110px;}
}
@media screen and (max-width:1600px){
    .lxwm .zxly .tit:before{ font-size: 100px;}
}
@media screen and (max-width:1440px){
    .lxwm .zxly .tit:before{ font-size: 80px;}
    .lxwm .zxly .tit p,.lxwm .font .tit{ font-size: 30px;}
    .lxwm{ margin-top: -150px;}
}
@media screen and (max-width:1200px){
    .lxwm .zxly .tit:before{ font-size: 65px;}
    .lxwm .font ul{ width: 100%; margin-bottom: 5% !important;}
    .lxwm .font ul li{ font-size: 14px;}
    .lxwm .zxly .tit p,.lxwm .font .tit{ font-size: 26px;}
    .lxwm .zxly .tit span{ font-size: 16px;}
    #lx_lb dd{ width: 32%;}
}
@media screen and (max-width:991px){
    #lx_lb dd{ width: 100%; margin-bottom: 3%;}
}
@media screen and (max-width:768px){
    .lxwm{ margin: 0; padding: 0 15px;}
    .lxwm .zxly .tit:before{ font-size: 45px;}
    .lxwm .zxly .tit span{ display: block; font-size: 14px; line-height: 25px !important;}
    #lx_lb{ padding: 15px;}
    #lx_lb dd .tit{ font-size: 18px; height: 40px;}
    #lx_lb dd .con{ font-size: 14px;}
}



/*公共*/
#zi_banner{ width: 100%; height: auto; position: relative;}
#zi_banner .pic{ text-align: center; overflow: hidden;}
#zi_banner .pic img{ width: 100%;}
#zi_banner .main{ position: absolute; left: 0; top: 0; width: 100%; z-index: 1; color: #fff; padding-top: 15%; line-height: 70px; text-align: left; font-weight: 100 !important;}
#zi_banner .main .tit h2{ font-size: 48px; font-weight: 100 !important;}
#zi_banner .main .tit p{ font-size: 30px; }

#zi_banner .main1{ line-height: 40px; padding-top: 13%;}
#zi_banner .main .tit1{ position: relative; padding-bottom: 30px;}
#zi_banner .main .tit1:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 30px; height: 5px; background: #00ac72;}
#zi_banner .main .tit1 h2{ font-size: 36px; font-weight: bold !important;}
#zi_banner .main .tit1 p{ font-size: 18px; }

#zi_banner .main .tit2{ position: relative; }
#zi_banner .main .tit2 h2{ font-size: 36px;}
#zi_banner .main .tit2 p{ font-size: 18px; letter-spacing: 7px; }

#zi_banner .main .tit_jm h4{ font-size: 30px;}
#zi_banner .main .tit_jm h2{ font-size: 60px; font-weight: bold !important; margin-top: 1% !important;}
#zi_banner .main .tit_jm h2 span{ color: #d9271e;}
#zi_banner .main .tit_jm p{ float: left; margin-top: 5% !important; font-size: 30px; height: 60px; line-height: 60px; border: 1px solid rgba(255,255,255,0.5); border-radius: 30px; padding: 0 30px;}
@media screen and (max-width:1600px){
    #zi_banner .main .tit_jm h2{ font-size: 50px;}
    #zi_banner .main .tit_jm p{ font-size: 20px;}
}
@media screen and (max-width:1440px){
    #zi_banner .main h2{ font-size: 30px;}
    #zi_banner .main p{ font-size: 16px; height: 40px; line-height: 40px;}
    #zi_banner .main .tit h2{ font-size: 40px;}
    #zi_banner .main .tit p{ font-size: 24px; margin-top: 10px !important;}
    #zi_banner .main .tit_jm h2{ font-size: 40px;}
    #zi_banner .main .tit_jm h4{ font-size: 24px;}
    #zi_banner .main .tit_jm p{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    #zi_banner .main .tit h2{ font-size: 30px;}
    #zi_banner .main .tit p{ font-size: 20px;}
    #zi_banner .main .tit_jm h2{ font-size: 30px;}
    #zi_banner .main .tit_jm h4{ font-size: 20px;}
    #zi_banner .main .tit_jm p{ font-size: 14px; height: 40px; line-height: 40px;}
}
@media screen and (max-width:991px){
    #zi_banner .pic img{ width: 140%; margin-left: -15%;}
    #zi_banner .main{ padding-top: 20%;}
    #zi_banner .main .tit h2{ font-size: 28px;}
    #zi_banner .main .tit p{ font-size: 16px; margin-top: 0 !important;}
    #zi_banner .main .tit1 h2{ font-size: 24px;}
    #zi_banner .main .tit1 p{ font-size: 15px;}
}
@media screen and (max-width:768px) {
    #zi_banner .pic img { width: 155%; margin-left: -25%;}
    #zi_banner .pic1 img { width: 205% !important;}
    #zi_banner .main{ padding-top: 27%;}
    #zi_banner .main .tit h2{ font-size: 20px;}
    #zi_banner .main .tit p{ font-size: 14px;}
    #zi_banner .main .tit_jm h2{ font-size: 20px;}
    #zi_banner .main .tit_jm h4{ font-size: 16px;}
    #zi_banner .main .tit_jm p{ display: none;}
    #zi_banner .main .tit1{ padding-bottom: 15px;}
    #zi_banner .main .tit1 h2{ font-size: 20px;}
    #zi_banner .main .tit1 p{ font-size: 13px;}
    #zi_banner .main .tit2 h2{ font-size: 20px;}
    #zi_banner .main .tit2 p{ font-size: 13px;}
}
@media screen and (max-width:560px) {
    #zi_banner .main{ padding-top: 30%;}
    #zi_banner .pic img { width: 155%;}

}




#homebj{ width: 100%; height: 80px; line-height: 80px; color: #333; background: #f4f4f4; border-top: 1px solid rgba(255,255,255,0.5);}
#homebj ul li{ margin-right: 8%; position: relative; font-size: 16px; text-align: center; position: relative;}
#homebj ul li:before{ position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #00ab71; content: ''; transition: 0.3s;}
#homebj ul li a{ color: #666666;}
#homebj ul li:hover a{ color: #00ab71;}
#homebj ul li:hover:before{ width: 100%; left: 0;}
.home{ text-align: right; color: #666666;}
.home i{ display: inline-block; font-size: 18px;}
.home a{ padding: 0 8px; color: #666666;}
.home a:last-of-type{ color: #00ab71;}

@media screen and (max-width:1500px) {
}
@media screen and (max-width:1440px) {
    .home{ font-size: 12px;}
    .home i{ display: none;}
}
@media screen and (max-width:991px) {
    #homebj ul li{ float: left; width: 17%; text-align: center; margin: 0 !important; font-size: 14px;}
    #homebj{ height: auto !important; line-height:50px;}
}
@media screen and (max-width:768px) {
    #homebj ul li{ width: 25%;}

}

.hui{ background: #f4f4f4;}
.bai{ background: #fff !important;}
.blue{ background: #f3f7fc;}


.endlb{ text-align: center;}
.endlb li{ position: relative; width: 25%; cursor: pointer;}
.endlb li:before{ position: absolute; right: 0; top: 20%; content: ''; width: 1px; height: 60%; background: #d6d6d6;}
.endlb li:last-of-type:before{ display: none;}
.endlb i{ margin: 0 auto; width: 85px; height: 85px; border: 1px solid #00ab71; border-radius: 100%; color: #00ab71; font-size: 40px; line-height: 85px; transition: 0.3s;}
.endlb p{ color: #333333; font-size: 18px; padding: 10px 0 5px; transition: 0.3s;}
.endlb span{ display: block; color: #999999; font-size: 16px; min-height: 60px; transition: 0.3s;}
.endlb li:hover i{ background: #00ab71; color: #fff; transform: translateY(-10px);}
.endlb li:hover p,.endlb li:hover span{ transform: translateY(-10px);}
@media screen and (max-width:1440px) {
    .endlb i{ width: 70px; height: 70px; line-height: 70px; font-size: 32px;}
    .endlb p{ font-size: 16px;}
    .endlb span{ font-size: 14px; line-height: 25px;}
}
@media screen and (max-width:1200px) {
    .endlb i{ width: 50px; height: 50px; line-height: 50px; font-size: 26px;}
    .endlb p{ font-size: 16px;}
    .endlb span{ font-size: 12px; line-height: 25px;}
}
@media screen and (max-width:991px) {
    .endlb li{ float: left; width: 50%; margin: 1% 0;}
    .endlb li:nth-of-type(2n):before{ display: none;}
}



.news_pic { padding: 0 !important;}
.news_pic li{ margin-bottom: 7%;}
.news_pic .imgbox { width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden; border-radius: 10px;}
.news_pic .imgbox img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
.news_pic .imgbox1 { width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden; border-radius: 10px;}
.news_pic .imgbox1 p{ object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%;}
.news_pic .imgbox1 p img{ max-width: 100%; height: 100%; transition: 0.3s;}
.news_pic .imgbj{ position: absolute; z-index: 1; padding: 4%; color: #fff; left: 0; bottom: 0; width: 100%; height: 100%; }
.news_pic .imgbj .tit{ position: relative; z-index: 5; font-weight: bold; font-size: 18px; transition: 0.5s;}
.news_pic .imgbj i{ position: relative; z-index: 5; font-size: 30px; transition: 0.5s;}
.news_pic .imgbj:after {
    content: " ";
    z-index: 4;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    background-image: url('../images/mask-md-fc.png');
    background-size: 100% auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}
.news_pic li:hover .imgbox img{ transform: scale(1.05) rotate(-1deg); }
.news_pic li:hover .imgbox1 p img{ transform: scale(1.05) rotate(-1deg); }





/*翻页*/
.page {
 font-size: 0;
 text-align: center;
}
.page .center {
 display: inline-block;
 overflow: hidden;
}
.page .center .page-span {
 float: left;
 font-size: 14px;
 color: #c3c3c3;
 line-height: 32px;
 margin-right: 30px;
}
.page .center .page-list {
 float: left;
 overflow: hidden;
}
.page .center .page-list ul li {
 float: left;
 width: auto;
 min-width: 30px;
 height: 32px;
 text-align: center;
 line-height: 30px;
 font-size: 14px;
 margin: 0 4px;
 padding: 0;
 border: none;
 background: transparent;
}
.page .center .page-list ul li a {
 min-width: 20px;
 padding: 0 5px;
 border: 1px solid #eee;
 display: block;
 color: #333;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 overflow: hidden;
 background: #fff;
}
.page .center .page-list ul li:hover a {
 color: #f3c04b;
}
.page .center .page-list ul li.active a {
 background: #f3c04b;
 color: #fff;
}