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

/*===========================header=============================*/
#header,#nav ul li h3,.top_menu{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header{ position: relative; z-index:999; width:100%; background: #fff; top: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header>.m{ max-width: 1700px; display: flex; justify-content: space-between; position: static; align-items: center; }
#header .fr{  display: flex; justify-content: space-between; align-items: center; }
#logo{ width: 12%;}
#logo a{ display: flex; height: 100%; align-items: center; }
#logo img{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#nav{ display: flex; flex-grow: 1; align-items: center; justify-content: space-between; width: 830px; border-right: 1px solid #d8d8d8; height: 100%; padding-right: 1rem; }
#nav ul{display: flex; flex-grow: 1;}
#nav ul li{ float:left; position:relative; z-index:0; flex-grow: 1; text-align: center; list-style:none;}
#nav ul li a{ display:block; text-transform:uppercase; font-size: 0;}
#nav ul li h3{ font-size:1rem; color:#343434; line-height:6.25rem; height: 6.25rem;  text-align: center; position:relative; z-index: 1; display: inline-block;}
#nav ul li.on h3,#nav ul li:hover h3{ font-weight: bold; }
#nav ul li h3:before{ content: ""; display: block; width: 5px; height: 5px; background-color: #999999; border-radius: 5px;position: absolute; top:calc(3.175em - 2.5px);left: -15px;}
#nav ul li:hover h3:before{background-color: #000;}
#nav ul li.on h3:before,#nav ul li:hover h3:before{ opacity: 1; visibility: visible;}
#nav ul li:hover h3:before{ animation: rolls 3s linear infinite forwards; -webkit-animation: rolls 3s linear infinite forwards; }
@-webkit-keyframes rolls {
  0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
  100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
@keyframes rolls {
  0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); }
  100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
#nav ul li .sub{
    position:absolute;
    top:100%;
    min-width: 100%;
    left: 50%;
    z-index: 10000;
    display: none;
    overflow: hidden;
    line-height: 30px;
    white-space: nowrap;
    border-radius:10px;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    ​background: -moz-linear-gradient(left, #fe871e 0%, #ffa82d 100%);
    background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#fe871e), color-stop(100%,#ffa82d));
    background: -webkit-linear-gradient(left, #fe871e 0%,#ffa82d 100%);
    background: -o-linear-gradient(left, #fe871e 0%,#ffa82d 100%);
    background: -ms-linear-gradient(left, #fe871e 0%,#ffa82d 100%);
    background: linear-gradient(to right, #fe871e 0%,#ffa82d 100%);
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
}
#nav ul li .sub .box{ text-align: center; padding: 10px 10px; }
#nav ul li .sub a{ padding:0; line-height:2.5; color: #fff; transition:.4s; font-size:.875rem; font-weight: 400; white-space: nowrap; -webkit-transition:.4s; -moz-transition:.4s; -ms-transition:.4s; -o-transition:.4s; }
#nav ul li .sub a:hover{ padding-left: 10px;}
 
.sub.sub_pro ul{ display: flex; align-items: flex-start; justify-content: center;}
.sub.sub_pro ul li{ flex-grow: 0 !important; padding: 0 2.5rem; text-align: left !important;}
.sub.sub_pro ul li a{ background: none !important;}
.sub.sub_pro ul li h5{ font-size: 1rem; line-height: 1.25rem; letter-spacing: -.02em; font-weight: 600; color: rgba(0,0,0,.85); transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.sub.sub_pro ul li span{ font-size: 12px;line-height: 16px; display: block; height: 16px; overflow: hidden; letter-spacing: -.02em;color: rgba(0,0,0,.65);}
.sub.sub_pro ul li .pic{ background: #eee; width: 150px; height: 150px; margin-top: 1rem; display: flex; align-items: center; justify-content: center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.sub.sub_pro ul li .pic img{ max-width: 100px; max-height: 100px;}
.sub.sub_pro ul li:hover .pic{ background: #f9f9f9;}
.sub.sub_pro ul li:hover .pic img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.sub.sub_pro ul li:hover h5{ color: #50a7c2;}

.sub.sub_pro ul li .img{ background: #eee; width: 150px; height: 200px; margin-top: 1rem; display: flex; align-items: center; justify-content: center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.sub.sub_pro ul li .img img{ }
.sub.sub_pro ul li:hover .img{ background: #f9f9f9;}
.sub.sub_pro ul li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
 
path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.top_ico{ display: block; width: 2.8125rem; height: 2.8125rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.top_search{ display: flex; align-items: center; justify-content: center; margin-left: 3rem; position: relative; z-index: 1; overflow: hidden;}
.top_search svg{ width: 1.125rem; height: 1.125rem;}
.top_search:before{ content: ""; display: block; z-index: -2; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:1px solid #d1d1d1; border-radius: 2rem; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.top_search:after{
   content: "";
   display: block;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   transition: .5s;
   -webkit-transition: .5s;
   -moz-transition: .5s;
   -ms-transition: .5s;
   -o-transition: .5s;
   ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
   background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
   background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
   -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
   opacity: 0; visibility: hidden;
}
.top_search:hover svg path{ fill: #fff; }
.top_search:hover:before{ border: 2px solid #ee791b;}
.top_search:hover:after{ opacity: 1; visibility: visible;}


.top_tel{ display: flex; align-items: center; margin-left: 1.25rem;}
.top_tel img{ margin-right: .75rem;}
.top_tel div{ font-size: 12px; color: rgba(50, 50, 50, 0.6); font-family: arial; text-transform: capitalize;} 
.top_tel p{ font-size: 1.5rem; font-family: "BarlowCondensed-SemiBold"; color: #e21f27;  white-space: nowrap; }

#header.xg{ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);}
/***********************/
#tc_search{ width:100%; padding:2rem 2rem 4rem; background:#fff; position:relative; transform:translateY(-100%); transition:.5s .5s ease-out;  z-index:1;overflow:  hidden;}
.act #tc_search{ transform:translateY(0);  transition:.5s ease-in;}
/*弹窗内容样式*/
#tc_search .innerbox{ width:900px; max-width:90%; margin:0 auto;}
#tc_search form{ height:5rem;position:relative; display: flex; align-items: center;justify-content: space-between; }
#tc_search form:after{ content:""; width:0; height:2px; background:#595959; transition:.5s; display:block; position:absolute; bottom:0; left:0;}
.act #tc_search form:after{ width:100%; transition: ease-in-out .5s .5s;}
#tc_search #keyword{width: 90%;height:5rem; font-size:1.25rem; color:#999;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#tc_search .btn_blue{ width: auto;height:5rem; border:0; line-height:4.25rem;  cursor:pointer;text-transform:uppercase; background: none; border: 0; }
#tc_search .btn_blue svg{ width: 1.75rem; height: 1.75rem;}
#tc_search .btn_blue svg path{ fill: #333;}
#tc_search input::-webkit-input-placeholder{color: rgba(0,0,0,.5); }
#tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */  color: rgba(0,0,0,.5); }
#tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color: rgba(0,0,0,.5);}
#tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color: rgba(0,0,0,.5);}/* WebKit browsers */
#tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
#tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
#tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
#tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
#tc_search .draw_h:before{ border:1px solid rgba(0,0,0,.2);}
#tc_search .draw_h:hover svg.drawcircle circle { stroke:#bbb;}
#tc_search .draw_h img {position:absolute;top:50%;margin-top: -8px;left:50%;margin-left: -8px;transition:.3s;width: 16px;}
#tc_search .tc_close{ position: static; width: auto !important; height: auto !important;}
#tc_search .tc_close svg path{ fill: #999;}

.hotsearch{ margin-top: 2rem;}
.hotsearch .tt{ font-size: .9375rem; color: #999; margin-top: 1rem; margin-bottom: 1rem;}
.hotsearch .box{ margin:0 -.5rem; display: flex; flex-flow: wrap;}
.hotsearch .box a{ display:block; margin:.5rem; color: #333; font-size: .9375rem; padding: .75rem 2rem; border-radius: 3px; border: 1px solid #eee; transition: .5s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.hotsearch .box a:hover{ background: #eee;}


/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:996; transition:0s 1.5s; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}
#m_header .m{ position:relative; height:100%;}
.m_user{ height:4.5rem; line-height: 4.5rem; margin-right: 4rem; color: #999;}
.m_user a{ display: inline-block; margin: 0 .625rem; color: #666;}
.m_user a svg{ width: 16px;}
.m_user a:hover{ color: #ff0000;}
.m_user a:hover svg path{ fill: #ff0000;}
#m_logo{ transition:0s 1.5s; height:100%; visibility:visible; float: left;}
#m_logo img{ display:block; max-height: 30px; }
/*导航按钮开始*/
/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:1001; margin-left:20px; position:fixed; height:4.5rem; right:0; top: 0; display:none; }
#nav_btn_box .m{ height: 100%; display: flex; align-items: center;}
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{background: #a0a0a0;}
#nav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #999;}
.ny #nav_btn .navbtn::after,
.ny #nav_btn .navbtn::before{ background: #999;}
#nav_btn .navbtn::after{top: -5px;}
#nav_btn .navbtn::before{top: 5px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
/*导航按钮结束*/
.m_nav_list{/* flex-direction:column; *//* justify-content: flex-start; */width:100%;/* overflow: auto; */}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {
    z-index: -1;
    position: fixed;
    background: #f7f7f7;
    width: 100%;
    height:100vh;
    right: 0;
    top: 0;
    display:none;
    padding:50px 0;
    overflow:hidden;
    pointer-events: none;
    transition: opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: opacity 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
}
#m_nav::-webkit-scrollbar{ display: none;}
#m_nav.act{pointer-events: auto;top:0; visibility: visible; opacity: 1;z-index: 1000;}
#m_nav>ul>li{width: 80%;overflow:hidden; margin: 0 auto;}
#m_nav>ul>li+li{border-top: 1px solid rgb(111 111 111 / 10%);}
#m_nav li .a{  }
#m_nav li .a h3{line-height:4.5rem;height:4.5rem;color: #3d3d3d;padding:0;font-size:1.25rem;float:left; font-weight: bold;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{opacity:1;filter:alpha(opacity=100);display:inline-block;width: 16px;height:4.5rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1.125rem;color: #666;text-align:left;line-height:35px;height: 35px;border:0; }
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}
/* .nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 997;background-color: rgba(0,0,0,0.4);display: none;} */

/*顶部搜索*/
.wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;height: 80px;display: block;}
.wap_search form{ height:3.5rem; border-radius:25px; background: rgb(255 255 255); border: 1px solid #ff731d; position:relative; width: 26rem; margin: 20px auto; -webkit-border-radius:25px; -moz-border-radius:25px; -ms-border-radius:25px; -o-border-radius:25px; }
.wap_search .input{font-size:1.0625rem;color: #646464;height:3.5rem;line-height:3.5rem;padding-left:1.5rem;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;}
.wap_search .btn_blue{ position:absolute; cursor:pointer; top:-1px; right:-1px; width: 3.5rem; height:3.5rem; line-height:3.5rem; border:0; background: url(../images/top_search.png) center no-repeat #ff731d; background-size: 1.5rem; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; }
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#999; }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#999; }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */

/*首页banner*/

/*首页banner*/
#banner .swiper-container { height:49rem;  }
#banner .swiper-slide { overflow: hidden;}
#banner .slide-inner { position: absolute;  width: 100%; height: 100%;left: 0; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat !important;}
#banner .txt{ color: #fff;}
#banner .txt h3{ font-size: 1.875rem; color: #fff; font-weight: bold; }
#banner .txt h4{ font-size: 3.875rem; font-weight: bold; margin-top: 1rem;  }
#banner .txt span{ font-size: .93758rem; text-transform: uppercase; display: block; margin-top: 1.125rem;font-family: bahnschrift; }
#banner .txt a{ font-size: .75rem; color: #3e3e3e; display: block; width: 104px; height: 43px; line-height: 43px; text-align: center; background: #fff; border-radius: 22px; font-weight: bold; margin-top: 2.875rem; 
/*	opacity: 0; transition: 1s; transform: translateX(5rem);*/
}

#banner .swiper-button-prev{ background:url(../images/banner_left.png) center no-repeat !important; background-size:1.5rem !important; opacity:.8; left:5%;}
#banner .swiper-button-next{ background:url(../images/banner_right.png) center no-repeat !important; background-size:1.5rem !important; opacity:.8; right:5%;}
.rongyu{
  position: relative;
}
.rongyu .swiper-button-prev{ background:url(../images/zuo.fw.png) center no-repeat !important; background-size:60px !important; ; left:5%;width: 60px;height: 60px;}
.rongyu .swiper-button-next{ background:url(../images/you.fw.png) center no-repeat !important; background-size:60px !important;  right:5%;width: 60px;height: 60px;}

@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
@keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
 
@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
} 



.btn_flashcenter { 
    position: relative;
    overflow: hidden; 
    transition: 0.52s;
  }

  

  .btn_flashcenter .anim {
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
  }

  .btn_flashcenter .anim:before {
    position: relative;
    content: '';
    display: block;
    margin-top: 100%;
  }

  .btn_flashcenter .anim:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
  }

  .btn_flashcenter:hover .anim {
    -moz-animation: anim-out 0.75s;
    -webkit-animation: anim-out 0.75s;
    animation: anim-out 0.75s;
  }

  .btn_flashcenter:hover .anim:after {
    -moz-animation: anim-out-pseudo 0.75s;
    -webkit-animation: anim-out-pseudo 0.75s;
    animation: anim-out-pseudo 0.75s;
  }
 

.tc{ position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%;  overflow: hidden; opacity: 0; visibility: hidden; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.tc.act{ opacity: 1; visibility: visible;}
.tc.center{ display: flex; align-items: center; justify-content: center;}
.tc_bg{ position: absolute;left: 0; top: 0; z-index: -1; width: 100%; height: 100%; background: rgba(0, 0, 0, .8);}
.tc_close{ position: absolute; cursor: pointer; right: 1rem; top: 1rem; width: 3rem !important; height: 3rem !important; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.tc_btn{ cursor: pointer;}
 .tc_ewm{ width: 14rem; height: auto; background: #fff; border-radius: .625rem; padding: 1.5rem; display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
 .tc_ewm img{ width: 11rem; height: 11rem; margin-bottom: 1rem;}
 .tc_ewm p{ font-size: 1rem !important; color: #333 !important; font-weight: bold;}
 .tc_ewm div{ font-size: .875rem !important; color: #999 !important;}

.s_tt{ text-align: center; margin-bottom: 3.25rem;}
.s_tt h3{ font-size: 2.125rem; color: #201f1f; font-weight: bold; margin-bottom: 1.125rem;}
.s_tt p{ font-size: .9375rem; color: #6f6f6f; line-height: 1.5;}

.hotprojecta{ background-color: #F2F2F2; }
.hotprojecta .hd{ margin-bottom: 1.875rem;}
.hotprojecta .hd ul{ display: flex; justify-content: space-between; position: relative; z-index: 1; width: 1000px; max-width: 100%; margin: 0 auto;padding: 0 200px;}
.hotprojecta .hd ul:before{ content: ""; display: block; width: 100%; height: 1px; border-top: 1px dashed #bababc; position: absolute; top: 50%; left: 0;}
.hotprojecta .hd ul li{ padding: 1rem;}
.hotprojecta .hd ul li a{width: 7rem; height: 7rem; display: block; position: relative; z-index: 1;}
.hotprojecta .hd ul li .img{ display: block; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.hotprojecta .hd ul li .img img{}
.hotprojecta .hd ul li .mask{ position: absolute; display: flex; align-items: center; justify-content: center; color: #fff; overflow: hidden; font-size: 1.125rem; font-weight: bold; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.hotprojecta .hd ul li .mask:before{ content: ""; display: block; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden; height: 0; transition: .5s; ​background: -moz-linear-gradient(left, #fe871e 0%, #ffa82d 100%); background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#fe871e), color-stop(100%,#ffa82d)); background: -webkit-linear-gradient(left, #fe871e 0%,#ffa82d 100%); background: -o-linear-gradient(left, #fe871e 0%,#ffa82d 100%); background: -ms-linear-gradient(left, #fe871e 0%,#ffa82d 100%); background: linear-gradient(to right, #fe871e 0%,#ffa82d 100%); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;
}
.hotprojecta .hd ul li .mask p{}
.hotprojecta .hd ul li a:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px dashed #bababc; background: #fff; z-index: -1; transform: scale(1.25); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); }
.hotprojecta .hd ul li.on{}
.hotprojecta .hd ul li.on .mask:before{ opacity: 1; visibility: visible; height: 100%; bottom: 0; top: auto;}
.hotprojecta .bd{}
.hotprojecta .bd ul{ display: flex; flex-flow: wrap;}
.hotprojecta .bd ul li{ padding: .5rem;}
.hotprojecta .bd ul li:nth-child(1){ width: 60%;}
.hotprojecta .bd ul li:nth-child(2){ width: 40%;}
.hotprojecta .bd ul li:nth-child(3){ width: 40%;}
.hotprojecta .bd ul li:nth-child(4){ width: 60%;}
.hotprojecta .bd ul li .img{ position: relative; border-radius: 3px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.hotprojecta .bd ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 1.75rem 2.5rem; color: #fff; display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: column;
  background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); 
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); 
  background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); 
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); 
  background: -moz-linear-gradient(top,transparent, rgba(0, 0, 0, 0.5)); 
  background: -webkit-linear-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.5))); 
  FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=transparent, endColorStr=#111); 
}
.hotprojecta .bd ul li span{ font-size: 1.375rem; font-family: "BarlowCondensed-SemiBold"; text-transform: uppercase; display: block; margin-bottom: 5px;}
.hotprojecta .bd ul li h4{ font-size: 1.25rem; font-weight: bold;}




.hotproject{ background-color: #F2F2F2; background-image: url(../images/jsbj.fw.png); background-repeat: no-repeat; background-position: right bottom;}
.hotproject .hd{ margin-bottom: 1.875rem;}
.hotproject .hd ul{ display: flex; justify-content: space-between; position: relative; z-index: 1; width: 1000px; max-width: 100%; margin: 0 auto;padding: 0 200px;}
.hotproject .hd ul:before{ content: ""; display: block; width: 100%; height: 1px; border-top: 1px dashed #bababc; position: absolute; top: 50%; left: 0;}
.hotproject .hd ul li{ padding: 1rem;}
.hotproject .hd ul li a{width: 7rem; height: 7rem; display: block; position: relative; z-index: 1;}
.hotproject .hd ul li .img{ display: block; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.hotproject .hd ul li .img img{}
.hotproject .hd ul li .mask{ position: absolute; display: flex; align-items: center; justify-content: center; color: #fff; overflow: hidden; font-size: 1.125rem; font-weight: bold; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;  border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.hotproject .hd ul li .mask:before{ content: ""; display: block; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; opacity: 0; visibility: hidden; height: 0; transition: .5s; ​background: -moz-linear-gradient(left, #fe871e 0%, #ffa82d 100%); background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#fe871e), color-stop(100%,#ffa82d)); background: -webkit-linear-gradient(left, #fe871e 0%,#ffa82d 100%); background: -o-linear-gradient(left, #fe871e 0%,#ffa82d 100%); background: -ms-linear-gradient(left, #fe871e 0%,#ffa82d 100%); background: linear-gradient(to right, #fe871e 0%,#ffa82d 100%); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;
}
.hotproject .hd ul li .mask p{}
.hotproject .hd ul li a:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px dashed #bababc; background: #fff; z-index: -1; transform: scale(1.25); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); }
.hotproject .hd ul li.on{}
.hotproject .hd ul li.on .mask:before{ opacity: 1; visibility: visible; height: 100%; bottom: 0; top: auto;}
.hotproject .bd{}
.hotproject .bd ul{ display: flex; flex-flow: wrap;}
.hotproject .bd ul li{ padding: .5rem;}
.hotproject .bd ul li:nth-child(1){ width: 60%;}
.hotproject .bd ul li:nth-child(2){ width: 40%;}
.hotproject .bd ul li:nth-child(3){ width: 40%;}
.hotproject .bd ul li:nth-child(4){ width: 60%;}
.hotproject .bd ul li .img{ position: relative; border-radius: 3px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.hotproject .bd ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 1.75rem 2.5rem; color: #fff; display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: column;
  background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); 
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); 
  background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); 
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); 
  background: -moz-linear-gradient(top,transparent, rgba(0, 0, 0, 0.5)); 
  background: -webkit-linear-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.5))); 
  FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=transparent, endColorStr=#111); 
}
.hotproject .bd ul li span{ font-size: 1.375rem; font-family: "BarlowCondensed-SemiBold"; text-transform: uppercase; display: block; margin-bottom: 5px;}
.hotproject .bd ul li h4{ font-size: 1.25rem; font-weight: bold;}

.s_fangan{ background: #f2f2f2;}
.s_fangan .tt{ margin-bottom: 1.625rem;}
.s_fangan .tt h3{ text-align: center; font-size: 2.875rem; font-weight: 100; line-height: 3.7rem; color: #202020; }
.s_fangan .tt h3:after{ content: ""; display: inline-block; width: 3.125rem; height: 3.5rem; opacity: 0; background: url(../images/fangzn_arrow.png) center no-repeat; background-size: contain; mix-blend-mode: multiply; vertical-align: bottom; margin-left: 1.25rem;}
.s_fangan .con{ max-width: 1024px; margin: 0 auto; text-align: center; font-size: 1.03rem; line-height: 2.0625rem; color: #686868; margin-bottom: 2.5rem;font-weight: 250;}
.s_fangan .tt h3.splitlist.flag:after{-webkit-animation: fadeInRight 0s forwards;
  animation: fadeInRight 0s forwards;animation-delay: 2600ms;}
.s_fangan{}
.s_fangan ul{ display: flex; width: 100%; justify-content: space-around;}
.s_fangan ul li{ display: flex; flex-direction: column; align-items: center; width: 25%; text-align: center;}
.s_fangan ul li .ico{ width: 7.75rem; height: 7.75rem; font-size: 2.375rem; margin-bottom: 1.125rem; font-family: "Swis721_BlkCn_BT_Black"; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.s_fangan ul li p{ font-size: 1rem; color: #38383b; line-height: 1.5;}
.s_fangan ul li:nth-child(1) .ico{ background: #cf2626;}
.s_fangan ul li:nth-child(2) .ico{ background: #338acb;}
.s_fangan ul li:nth-child(3) .ico{ background: #ff731d;}
.s_fangan ul li:nth-child(4) .ico{ background: #179f53;}

.hotproject .jianjie{ display: flex; width: 100%; justify-content: space-around;}
.hotproject .jianjie li{ display: flex; flex-direction: column; align-items: center; width: 25%; text-align: center;}
.hotproject .jianjie li .ico{ width: 7.75rem; height: 7.75rem; font-size: 2.375rem; margin-bottom: 1.125rem; font-family: "Swis721_BlkCn_BT_Black"; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.hotproject .jianjie li p{ font-size: 1rem; color: #38383b; line-height: 1.5;}
.hotproject .jianjie li:nth-child(1) .ico{ background: #cf2626;}
.hotproject .jianjie li:nth-child(2) .ico{ background: #338acb;}
.hotproject .jianjie li:nth-child(3) .ico{ background: #ff731d;}
.hotproject .jianjie li:nth-child(4) .ico{ background: #179f53;}

.s_manage{}
.s_manage .hd{ margin-bottom: 3rem;}
.s_manage .hd ul{ max-width: 780px; margin: 0 auto; } 
.s_manage .hd ul li{ padding: 0 .625rem;}
.s_manage .hd ul li a{ display: block; text-align: center; position: relative; z-index: 1; overflow: hidden; transition:.5s ; font-size: 1rem; color:#494949; display: block; width: 100%; height: 3.125rem; line-height: 3.125rem; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.s_manage .hd ul li a:before{ content: ""; display: block; z-index: -2; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:2px solid #d1d1d1;border-radius: 2rem; }
.s_manage .hd ul li a:after{
   content: "";
   display: block;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   z-index: -1;
   transition: .5s;
   -webkit-transition: .5s;
   -moz-transition: .5s;
   -ms-transition: .5s;
   -o-transition: .5s;
   ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
   background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
   background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
   -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
}
.s_manage .hd ul li.slick-current a{ color: #fff; }
.s_manage .hd ul li.slick-current a:before{ border: 2px solid #ee791b;}
.s_manage .hd ul li.slick-current a:after{ width: 100%;}

.s_manage .bd{}
.s_manage .bd ul{}
.s_manage .bd ul li>div{ position: relative; z-index: 1;}
.s_manage .bd ul li>div:before{ content: ""; display:block; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; top: 0; border: 1px solid #e5e5e5; border-right: 0;}
.s_manage .bd ul li:last-child>div:before{ border-right: 1px solid #e5e5e5;}
.s_manage .bd ul li .box1{}
.s_manage .bd ul li .box2{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: .5s; ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%); background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b)); background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%); background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%); background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%); background: linear-gradient(to right, #f59125 0%,#ee791b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 ); -webkit-filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 ); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;
}
.s_manage .bd ul li .tt{ height: 8.625rem; display: flex; align-items: center; justify-content: center;}
.s_manage .bd ul li .tt .ico{ margin-right: 1.75rem; max-height: 3rem; max-width: 3rem;}
.s_manage .bd ul li .tt .ico img{ max-width: 100%; max-height: 100%;}
.s_manage .bd ul li .tt h5{ font-size: 1.25rem; color: #333333; margin-bottom: 4px;}
.s_manage .bd ul li .tt span{ font-size: 1.125rem; color: #caced8; font-family: POPPINS-LIGHT; text-transform: uppercase; }

.s_manage .bd ul li .box2 .tt h5{ color: #fff;}
.s_manage .bd ul li .box2 .tt span{ color:#fbc58e}
.s_manage .bd ul li .box2 .line{ width: 107px; height: 1rem; background: url(../images/s_manage_line.png) center no-repeat; background-size: contain; margin: 0 auto; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.s_manage .bd ul li .box2 .btnbox{ padding: 2.25rem; display: flex; flex-flow: wrap; justify-content: space-between; transform: translateY(2rem); transition: .7s; -webkit-transform: translateY(2rem); -moz-transform: translateY(2rem); -ms-transform: translateY(2rem); -o-transform: translateY(2rem); -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }
.s_manage .bd ul li .box2 .btnbox a{ display: block; width: calc(50% - 5px); display: flex; align-items: center; margin-bottom: 9px; justify-content: center; color: #fff; color: rgba(255,255,255,.8); transition: .4s; font-size: .875rem; height: 2.5rem; border: 1px solid rgba(255,255,255,.4); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; -o-transition: .4s; }
.s_manage .bd ul li:hover .box2{ opacity: 1; visibility: visible;} 
.s_manage .bd ul li:hover .box2 .btnbox{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.s_manage .bd ul li .box2 .btnbox a:hover{ background: #fff; color: #ee791b;}

.s_manage .bd ul li .box2 .btnbox .btn_more{ width: 100%; height: 3rem; margin-top: 3rem;}


.s_case .hd{ margin-bottom: 3rem;}
.s_case .hd ul{ max-width: 780px; margin: 0 auto; } 
.s_case .hd ul li{ padding: 0 .625rem;}
.s_case .hd ul li a{ display: block; text-align: center; position: relative; z-index: 1; overflow: hidden; transition:.5s ; font-size: 1rem; color:#494949; display: block; width: 100%; height: 3.125rem; line-height: 3.125rem; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.s_case .hd ul li a:before{ content: ""; display: block; z-index: -2; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:2px solid #d1d1d1;border-radius: 2rem; }
.s_case .hd ul li a:after{
   content: "";
   display: block;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   z-index: -1;
   transition: .5s;
   -webkit-transition: .5s;
   -moz-transition: .5s;
   -ms-transition: .5s;
   -o-transition: .5s;
   ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
   background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
   background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
   -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
}
.s_case .hd ul li.slick-current a{ color: #fff; }
.s_case .hd ul li.slick-current a:before{ border: 2px solid #ee791b;}
.s_case .hd ul li.slick-current a:after{ width: 100%;}

*{ min-width: 0;}

.pic05{ }
.pic05 ul{ }
.pic05 ul li a .img_db:after{ padding-top: 65%;}
.pic05 ul li{ padding: 6px;}
.pic05 ul li a{ display:block; width:100%; height:100%; position:relative; background:#000; overflow:hidden}
.pic05 ul li a .img,.pic05 ul li a .img img{ width:100%; height: 100%; overflow:hidden; position:absolute}
.pic05 ul li a .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.pic05 ul li a .img:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background: rgba(0,0,0,0.4);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
:root .pic05 ul li a .img:after{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/ 
:root .pic05 ul li a .img:after{filter:none;}/*for IE9*/
.pic05 ul li a .con{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.pic05 ul li a .con h3{position:relative; margin-top: 1rem; display: flex; align-items: center; justify-content: center; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;font-size: 1.375rem;line-height: 2.125rem;color: #fff;padding: 0 2.5rem;}
.pic05 ul li a .con h3 img{ max-width:100%; max-height: 5rem;}
.pic05 ul li a .con h6{ height:0; overflow:hidden; font-size: 1rem; line-height: 1.5rem; position:relative; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.pic05 ul li a .con h6 span{ display:inline-block; font-size:1rem; color:#fff; margin:0 0.5rem}
.pic05 ul li a .con h4{ height:0; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.pic05 ul li a .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%;  
  ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
  background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
  background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
  -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.pic05 ul li:hover a .img:after{ left:0; width:0}
.pic05 ul li:hover a .con:before{ left:0; width:100%}
.pic05 ul li:hover a .con h4{ height:1.875rem}
.pic05 ul li:hover a .con h6{ height:4rem; padding-top: 1rem; }

.s_case{ background: #f2f2f2;}
.s_case .m{ max-width: 1700px;}
.s_case .bd ul{ display: flex; flex-flow: wrap;}
.s_case .bd ul li{ width: 25%;}
.btn_more2{ display: block; margin: 0 auto; margin-top: 2.5rem; width: 10.9375rem; height: 3.4375rem; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 30px; ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%); 
  background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b)); background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%); 
  background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%); 
  background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%); background: linear-gradient(to right, #f59125 0%,#ee791b 100%); 
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 ); 
  -webkit-filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 ); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;
}


.btn_flashcenter {
  position: relative;
  overflow: hidden;
  transition: 0.52s;
}
.btn_flashcenter .anim {
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}

.btn_flashcenter .anim:before {
  position: relative;
  content: '';
  display: block;
  margin-top: 100%;
}

.btn_flashcenter .anim:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
}

.btn_flashcenter:hover .anim {
  -moz-animation: anim-out 0.75s;
  -webkit-animation: anim-out 0.75s;
  animation: anim-out 0.75s;
}

.btn_flashcenter:hover .anim:after {
  -moz-animation: anim-out-pseudo 0.75s;
  -webkit-animation: anim-out-pseudo 0.75s;
  animation: anim-out-pseudo 0.75s;
}

@-webkit-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }

  100% {
    background: transparent;
  }
}

@-moz-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }

  100% {
    background: transparent;
  }
}

@-ms-keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }

  100% {
    background: transparent;
  }
}

@keyframes anim-out-pseudo {
  0% {
    background: rgba(0, 0, 0, 0.25);
  }

  100% {
    background: transparent;
  }
}

@-webkit-keyframes anim-out {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes anim-out {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@-ms-keyframes anim-out {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}

@keyframes anim-out {
  0% {
    width: 0%;
  }

  100% {
    width: 100%;
  }
}


.s_active{ background: url(../images/s_active_bg.jpg) center no-repeat; background-size: cover; width: 100%; overflow: hidden;}
.s_active .m{ display: flex; justify-content: space-between;}
.s_active .center{ position: relative;}
.s_active .center .img01{ position: relative; object-fit: contain; z-index: 2;}
.s_active .center .img02{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; }
.s_active ul{ display: flex; flex-direction: column; justify-content: space-around; padding: 4rem 0;}
.s_active ul li{ display: flex; align-items: center;}
.s_active ul li .ico{ display: block;  box-shadow: 0px 2px 19.11px 1.89px rgba(0, 0, 0, 0.15); flex-shrink: 0; margin: 0 .9375rem; width: 5.3125rem; height: 5.3125rem; position: relative; z-index: 1; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.s_active ul li .ico:before{ content: ""; display:block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #78bd96; transform: scale(.8); border-radius: 50%; -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.s_active ul li .ico img{ max-width: 36%; max-height: 36%;}
.s_active ul li .txt{ margin: 0 .9375rem;}
.s_active ul li h5{ font-size: 1.25rem; color: #383838; font-weight: bold; margin-bottom: .875rem;}
.s_active ul li p{ font-size: .9375rem; color: #787878; line-height: 1.5;}
.s_active ul li:nth-child(2) .ico:before{ background: #f4a575;}
.s_active ul li:nth-child(3) .ico:before{ background: #7bb7e4;}
.s_active ul li:nth-child(4) .ico:before{ background: #ef8888;}
.s_active ul:nth-child(3) li:nth-child(1) .ico:before{ background: #ef8888;}
.s_active ul:nth-child(3) li:nth-child(2) .ico:before{ background: #7bb7e4;}
.s_active ul:nth-child(3) li:nth-child(3) .ico:before{ background: #f4a575;}
.s_active ul:nth-child(3) li:nth-child(4) .ico:before{ background: #78bd96;}

.s_active ul.ul01 li{ flex-direction: row-reverse;}
.s_active ul.ul01 .txt{ text-align: right;}

.s_process{ width: 100%; overflow: hidden; background: url(../images/s_liucheng_bg.jpg) center no-repeat; background-attachment: fixed; background-size: cover;}
.s_process .s_tt{}
.s_process .s_tt h3{ color: #fff;}
.s_process .s_tt p{ color: rgba(255,255,255,.6); line-height: 1.5;}
.s_process ul{}
.s_process ul li{ }
.s_process ul li .box{ overflow: hidden; position: relative; background: #fff;}
.s_process ul li .box1{ display: flex; flex-direction: column; align-items: center; justify-content: center; height: 30.25rem; }
.s_process ul li .box2{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: -webkit-linear-gradient(linear, top, bottom, color-stop(0%,#f59125), color-stop(100%,#ee791b));
  background: -webkit-linear-gradient(top, #f59125 0%,#ee791b 100%);
  background: -o-linear-gradient(top, #f59125 0%,#ee791b 100%);
  background: -ms-linear-gradient(top, #f59125 0%,#ee791b 100%);
  background: linear-gradient(to bottom, #f59125 0%,#ee791b 100%);
  filter:
  progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
  -webkit-filter:
  progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  padding: 0 2rem;
}
.s_process ul li .num{ font-size: 4.125rem; color: rgba(69, 71, 73, 0.3);font-family: "BarlowCondensed-Thin"; }
.s_process ul li:nth-child(even) .box{ background: #f3f3f3;}
.s_process ul li .tt{ text-align: center; padding: 2.75rem 0;}
.s_process ul li .tt h4{ font-size: 1.125rem; color: #454749;}
.s_process ul li .tt span{ font-family: "BarlowCondensed-Light"; font-size: .875rem; color: #a0a1a1;}
.s_process ul li .img{ width: 9.375rem; height: 6.875rem; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.s_process ul li .box2 .num{ color: rgba(255,255,255,.3);}
.s_process ul li .box2 .tt h4{ color: #fff;}
.s_process ul li .box2 .tt span{ color: rgba(255,255,255,.6);}
.s_process ul li .box2 .con{ font-size: .875rem; color: #fff; text-align: center; line-height: 1.625rem; height: 6.875rem; transform: translateY(-1rem); -webkit-transform: translateY(-1rem); -moz-transform: translateY(-1rem); -ms-transform: translateY(-1rem); -o-transform: translateY(-1rem); }
.s_process ul li:hover .box2{ opacity: 1; visibility: visible;}

#certify {
	position: relative;
	width: 100%;
	margin: 0 auto
}
#certify  .swiper-slide {
	width: 62.5rem; 
}
#certify  .swiper-slide img{ opacity: .65; display: block;
	display:block;
}
#certify  .swiper-slide.swiper-slide-prev img{ opacity: .85;}
#certify  .swiper-slide.swiper-slide-next img{ opacity: .85;}
#certify  .swiper-slide.swiper-slide-active img{ opacity: 1;}
#certify .pic{ background: #000; overflow: hidden; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev {
	left: -5rem;
	width: 4.0625rem;
	height: 4.0625rem;
	background: url(../images/s_resource_left.png) no-repeat !important;
	background-position: 0 0;
	background-size: 100% !important;
	transition:.5s ;
	-webkit-transition:.5s ;
	-moz-transition:.5s ;
	-ms-transition:.5s ;
	-o-transition:.5s ;
}
#certify .swiper-button-prev:hover{ background: url(../images/s_resource_left_on.png) !important;	background-size: 100% !important;}
#certify .swiper-button-next {
	right: -5rem;
	width: 4.0625rem;
	height: 4.0625rem;
	background: url(../images/s_resource_right.png) no-repeat; 
	background-size: 100% !important;
  transition:.5s ;
	-webkit-transition:.5s ;
	-moz-transition:.5s ;
	-ms-transition:.5s ;
	-o-transition:.5s ;
}
#certify .swiper-button-next:hover{ background: url(../images/s_resource_right_on.png) !important;	background-size: 100% !important;}
 
.s_resource{ width: 100%; background: url(../images/s_resource_bg.jpg) center no-repeat !important;}
.s_resource .hd{ margin-bottom: 3rem;}
.s_resource .hd ul{}
.s_resource .hd ul li{ padding: 0 .625rem;}
.s_resource .hd ul li a{ display: block; text-align: center; position: relative; z-index: 1; overflow: hidden; transition:.5s ; font-size: 1rem; color:#494949; display: block; width: 100%; height: 3.125rem; line-height: 3.125rem; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.s_resource .hd ul li a:before{ content: ""; display: block; z-index: -2; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:2px solid #d1d1d1;border-radius: 2rem; }
.s_resource .hd ul li a:after{
   content: "";
   display: block;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   z-index: -1;
   transition: .5s;
   -webkit-transition: .5s;
   -moz-transition: .5s;
   -ms-transition: .5s;
   -o-transition: .5s;
   ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
   background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
   background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
   -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 ); opacity: 0; visibility: hidden;
}
.s_resource .hd ul li.swiper-slide.swiper-slide-active a{ color: #fff; }
.s_resource .hd ul li.swiper-slide.swiper-slide-active a:before{ border: 2px solid #ee791b;}
.s_resource .hd ul li.swiper-slide.swiper-slide-active a:after{ width: 100%; opacity: 1; visibility: visible;}

.s_news{}
.newslist{
  flex: 0 33.3%;height: 260px;padding: 10px 30px;
}
.newslist:hover{
  background-color: #F0811E;
}
.newslist .title{
  font-size: 22px;color: #333333;font-weight: bold;line-height: 28px;margin: 10px 0;
}
.newslist .ri{
  color: #929292;font-size: 40px;font-weight: bold;
}

.newslist .yue{
  color: #929292;font-size: 14px;
}

.newslist .context{
  font-size: 14px;color: #929292;line-height: 22px;
}

.newslist:hover .title,.newslist:hover .ri,.newslist:hover .yue,.newslist:hover .context{
  color: #fff;
}


.newslista{
  height: 260px;
  border-bottom: 1px solid #E5E5E5;
}

.newslista .title{
  font-size: 22px;color: #333333;font-weight: bold;line-height: 28px;margin: 10px 0;
}
.newslista .ri{
  color: #929292;font-size: 40px;font-weight: bold;
}

.newslista .yue{
  color: #929292;font-size: 14px;
}

.newslista .context{
  font-size: 14px;color: #929292;line-height: 22px;
}




.s_news .hd{ display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 3.75rem;}
.s_news .hd ul{}
.s_news .hd ul li{ padding: 0 .625rem;}
.s_news .hd ul li a{ display: block; text-align: center; position: relative; z-index: 1; overflow: hidden; transition:.5s ; font-size: 1rem; color:#494949; display: block; width: 10.875rem; height: 3.125rem; line-height: 3.125rem; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.s_news .hd ul li a:before{ content: ""; display: block; z-index: -2; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:2px solid #d1d1d1;border-radius: 2rem; }
.s_news .hd ul li a:after{
   content: "";
   display: block;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   z-index: -1;
   transition: .5s;
   -webkit-transition: .5s;
   -moz-transition: .5s;
   -ms-transition: .5s;
   -o-transition: .5s;
   ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
   background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
   background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
   -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
}
.s_news .hd ul li.slick-current a{ color: #fff; }
.s_news .hd ul li.slick-current a:before{ border: 2px solid #ee791b;}
.s_news .hd ul li.slick-current a:after{ width: 100%;}


.s_news .s_tt{ text-align: center; margin-bottom: 3.25rem;}
.s_news .s_tt h3{ font-size: 2.125rem; color: #201f1f; font-weight: bold; margin-bottom: 1.125rem;}
.s_news .s_tt p{ font-size: .9375rem; color: #6f6f6f; line-height: 1.5;}
.s_news .bd{}
.s_news .bd .itembox{ display: flex; justify-content: space-between;}
.s_news .bd .itembox .item{ width: calc(50% - 1.125rem);}
.news01{}
.news01 ul{}
.news01 ul li{ margin-bottom: 1.875rem;}
.news01 ul li a{ display: block; position: relative;}
.news01 ul li .img{}
.news01 ul li .img img{}
.news01 ul li .mask{ color: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 2.25rem 2.5rem; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end;
  background: linear-gradient(180deg,transparent 50%,rgba(0, 0, 0, 0.5) 100%);
}
.news01 ul li .mask span{ font-size: .875rem; font-family: "BarlowCondensed-Medium"; }
.news01 ul li .mask h4{ font-size: 1.25rem; color: #fff; font-weight: bold; margin-top: 11px;}
.news02{}
.news02 ul{}
.news02 ul li{ margin-top: 1.25rem;}
.news02 ul li a{ display: flex; align-items: center; min-width: 0;}
.news02 ul li .img{ margin-right: 1.25rem; flex-shrink: 0; width: 15.25rem;}
.news02 ul li .img img{}
.news02 ul li .txt{ min-width: 0; flex-grow: 1;}
.news02 ul li .txt h5{ font-size: 1.25rem; color: #343434; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.news02 ul li .txt p{ margin-top: 1rem; margin-bottom: 2rem; font-size: .875rem; line-height: 1.375rem; color: #909090; height: 2.75rem; overflow: hidden;}
.news02 ul li .txt span{font-size: .875rem; font-family: "BarlowCondensed-Medium"; color: #808080;}
.news02 ul li:hover .txt h5{ color: #ee791b;}
.s_news ul li .img.img_db:after{ padding-top: 54%;}
.s_news .news02 ul li .img.img_db:after{ padding-top: 65%;}
.s_news{
  background: url(../images/newbg.fw.png) no-repeat; background-position: bottom;
}
.foot_bg{ position: absolute; height: 1040px; left: 0; bottom: 0; width: 100%; z-index: -1; overflow: hidden;}
/* .foot_bg_sky{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/foot_bg_sky.jpg) center top no-repeat; z-index: 1; mix-blend-mode: multiply;} */
.foot_bg_grassland{ position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/foot_bg_grassland2.jpg) center top no-repeat; background-size: cover !important; z-index: 2;}
.foot_logobox{ position: absolute;left: 0; top: 38%; width: 100%; z-index: 3;}
.foot_logobox img{ width: 15.125rem;}
.foot_cloud_left{ position: absolute;left: 0; top: 45%;  z-index: 4;}
.foot_cloud_right{ position: absolute; right: 0; top: 22%; z-index: 5;}

#foot{  display: flex; align-items: flex-end; padding-bottom: 2.125rem; background: url(../images/foolbg.fw.png) repeat-x;}
#foot .outbox{ width: 100%;}
#foot .right{ display: flex; flex-direction: column; align-items: flex-end;}
.foot_form{ margin-bottom: 3rem;}
.foot_form form{ width: 100%; display: flex; margin: 0 -5px; flex-flow: wrap;}
.foot_form .tt{text-align: center;color: #656565;font-size: 1rem;line-height: 1.5;margin-bottom: 2.5rem;margin-bottom: 2.5rem;}
.foot_form .group{ flex-grow: 1; display: flex; margin: 0 5px; position: relative; margin-bottom: 1rem;}
.foot_form .group .input,.foot_form .group input.select-button{padding: 0 1.25rem;width: 100%;min-width: 150px;color: #797979;flex-grow: 1;background: none;height: 3.125rem;border: 1px solid rgb(94 94 94 / 50%);}
.foot_form .group .yzm{ position: absolute; right:3px; top: 0; height: 100%; display: flex; align-items: center;}
.btn_submit{ border: 0; outline: 0; cursor: pointer; display: block; font-size: 1rem; font-weight: bold; width: 8.125rem; height: 3.125rem; display: flex; align-items: center; justify-content: center; color: #fff; ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%); 
  background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b)); background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%); 
  background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%); 
  background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%); background: linear-gradient(to right, #f59125 0%,#ee791b 100%); 
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 ); 
  -webkit-filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 ); 
}
.foot_form .group .input::-webkit-input-placeholder{ color:rgba(0,0,0,.5);}
.foot_form .group .input::-moz-placeholder{ color:rgba(0,0,0,.5);}
.foot_form .group .input::-moz-placeholder{ color:rgba(0,0,0,.5);}
.foot_form .group .input::-ms-input-placeholder{ color:rgba(0,0,0,.5);}
.foot_form .group .input:focus::-webkit-input-placeholder {color: transparent;}
.foot_form .group .input:focus:-moz-placeholder { color: transparent;}
.foot_form .group .input:focus::-moz-placeholder { color: transparent;}
.foot_form .group .input:focus:-ms-input-placeholder {color: transparent;}
.foot_box{ border-top: 1px solid rgba(0,0,0,.2); padding-top: 3.125rem;}
.foot_box .left>p{line-height: 1.5;color: #888;}
.foot_box .m{ display: flex; justify-content: space-between; color: #fff;}
.foot_share{ display:flex; align-items: center; margin-top: 1.5rem;}
.foot_share .tt{ font-size: .8125rem; display: flex; white-space: nowrap; align-items: center;}
.foot_share .tt svg{ width: 1.25rem; flex-shrink: 0;}
.foot_share ul{ display: flex;}
.foot_share ul li{ position: relative; margin-right: .625rem;}
.foot_share ul li .ico{ width: 2.3125rem; height: 2.3125rem; display: flex; align-items: center; justify-content: center; cursor: pointer; opacity: .7; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.foot_share ul li .ewmbox{ position: absolute; opacity: 0; visibility: hidden; width: 8rem; left: 0;  bottom: calc(100% + 1rem); }
.foot_share ul li:hover .ewmbox{ opacity: 1; visibility: visible;}
.foot_share ul li .ewm{ position: relative; background: #fff; padding: 5px; border: 1px solid #ddd; padding-bottom: .25rem; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.foot_share ul li .ewm img{ width: 100%;}
.foot_share ul li .ewm p{ font-size: .8125rem; text-align: center; color: #666; line-height: 1.25; padding-bottom: .5rem; }
.foot_share ul li .ewm:before{ content: ""; display: block; width: 10px; height: 10px; transform: rotate(45deg); border: 1px solid #ddd; border-top: 0; border-left: 0;  position: absolute; left: .75rem; top: 100%;  }
.foot_share ul li:hover .ico{ opacity: 1;}
.foot_tel{ display: flex; align-items: center; margin-bottom: .875rem;}
.foot_tel img{ margin-right: .8125rem; width: 2.8125rem;}
.foot_tel span{font-size: .75rem;color: rgb(82 82 82);font-family: arial;}
.foot_tel p{font-size: 1.5rem;color: #ef7c1c;font-family: "BarlowCondensed-Regular";}
.foot_nav{color: #b1b1b1;display: flex;font-size: .8125rem;margin-bottom: 1.75rem;padding-top: .875rem;}
.foot_nav a{font-size: .9375rem;margin: 0 1rem;color: #fff;}
.copyright{font-size: .8125rem;line-height: 1.5;text-align: right;color: rgb(0 0 0 / 50%);}
.s_foot_link{ height:38px; width:203px; cursor:pointer;overflow:visible;position: relative;text-align:left; float: left; margin-top: 1.875rem; }
.s_foot_link .tanchu{ overflow:auto;box-sizing:border-box;position:absolute;bottom:40px;border-bottom:0;display: none;left:0;right:-1px;}
.s_foot_link .tanchu>div{max-height:200px;background: #b7b7b7;display:block;border:1px solid rgba(255,255,255,.2);padding:10px 1.25rem;overflow:auto;box-shadow:0px 1px 4px 0px rgba(0, 0, 0, 0.3);}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a { color: #fff; color: rgba(255, 255, 255, 0.9); line-height: 27px; display:block; font-size: 13px;}
.s_foot_link .tanchu a:hover{ color: #fff; }
.s_foot_link #bnt_link1.a {color: #4c4c4c;display: flex;justify-content: space-between;align-items: center;border: 1px solid rgb(76 76 76 / 30%);font-size:13px;padding: 0 1.25rem;text-align:left;line-height: 38px;width: 100%;height:38px;box-sizing:border-box;text-decoration:none;position:absolute;z-index:1;}
.s_foot_link .a span{ width: 14px; height: 14px; line-height: 14px; display: block;}
.s_foot_link .a span svg{ display: block;}
.s_foot_link .a span svg path{ fill: #666;}
.s_foot_link #bnt_link1.a.icon_un svg{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.splitlist { line-height: 1.2; overflow: hidden; white-space: pre-wrap; }
.splitlist.flag span { -webkit-animation: fadeInRight 0s forwards; animation: fadeInRight 0s forwards; }
.splitlist span { font-family: inherit; width: auto; font-size: inherit; color: inherit; font-weight: inherit; text-transform: inherit; opacity: 0; display: inline-block; }
.splitlist span.letters { color: #0054A3; }
.photoActives { position: relative; overflow: hidden; }
.photoActives .photoActive { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; z-index: 3; }
.photoActives.reset_photoActive .photoActive { bottom: -100%; -webkit-transition: 1.6s; transition: 1.6s; -webkit-transition-timing-function: var(--ease-in-out-b); transition-timing-function: var(--ease-in-out-b); }


.slick-prev, .slick-next{ z-index: 9; width: 36px; height: 36px;}


.n_banner{ height: 28.75rem; background-size: cover !important;}
.n_banner .m{ height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.n_banner .txt{ text-align: center;}
.n_banner h3{ font-size: 1.75rem; color: #fff; margin-bottom: .5rem; }
.n_banner span{ font-size: 2.125rem; font-family: "BarlowCondensed-Medium"; text-transform: uppercase; color: #fff; opacity: .3; }

.n_title {padding: 0;position: relative; z-index: 99; margin-bottom: 3.125rem;}
.n_title .m { position: relative; display: flex; justify-content: space-between; align-items: center; }
.n_title:after{ content: ""; display: block; width: 100%; height: 2px; background: #e5e5e5; position: absolute; left: 0; bottom: 0; z-index: -1;}
.position { left: 0;bottom: 0; font-size: .9375rem;color: #747679;}
.position img{ vertical-align: middle; margin-bottom: 3px; margin-right: 5px; width: 13px;}
.position span, .position a, .position i {font-size: .8125rem;color: #838486;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin: 0px .5rem;font-style: normal; width: 4px; height: 6px; }
.position em { color: #fd7f32;font-style: normal;}
.position a:hover {color: #fd7f32;}

#n_main{ width: 100%; overflow: hidden; }
 
.n_nav { position: relative; flex-grow: 1; }
.n_nav li{display: block; font-size: .9375rem; color: #373941; float: left;line-height: 4.75rem; margin-right: 2.5rem; z-index: 1; position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.n_nav li a{ display: block; }
.n_nav li:after{ content: ""; width: 0; height: 0; position: absolute; border: 5px solid transparent; border-bottom: 5px solid #fd7f32; left: 50%; margin-left: -5px; bottom: 0; opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_nav li:before{ content: ""; display: block; width: 100%; transform: scaleX(0); height: 2px; background: #fd7f32; position: absolute; left: 0; bottom: 0; z-index: -1; opacity: 1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); }
.n_nav li.on:before{ width: 100%; opacity: 1; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); }  
.n_nav li.on:after{ opacity: 1;}

.n_news{}
.n_news ul{ display: flex; flex-flow: wrap; margin: 0 -1.25rem; margin-top: -2.5rem;}
.n_news ul li{ width: 33.333%; padding: 0 1.25rem; margin-top: 2.5rem;}
.n_news ul li a{}
.n_news ul li .img{ border-radius: 1.875rem 0 0 0; -webkit-border-radius: 1.875rem 0 0 0; -moz-border-radius: 1.875rem 0 0 0; -ms-border-radius: 1.875rem 0 0 0; -o-border-radius: 1.875rem 0 0 0; }
.n_news ul li .img img{}
.n_news ul li .txt{ background: #fff; padding: 2.1875rem; border-radius: 0 0 1.875rem 0; -webkit-border-radius: 0 0 1.875rem 0; -moz-border-radius: 0 0 1.875rem 0; -ms-border-radius: 0 0 1.875rem 0; -o-border-radius: 0 0 1.875rem 0; }
.n_news ul li .tag{ display: block; margin-bottom: 1.875rem; width: 90px; height: 27px; font-size: 13px; color: #9d9d9d; text-align: center; line-height: 25px; border: 1px solid #cdcdcd; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; -o-border-radius: 14px; }
.n_news ul li .txt h5{ font-size: 1.125rem; color: #3b3c3c; font-weight: bold; margin-bottom: .875rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_news ul li .txt p{ font-size: .8125rem; line-height: 1.375rem; height: 2.75rem; overflow:hidden; color: #8d8d8d; margin-bottom: 1rem;}
.n_news ul li .txt span{ font-size: .8125rem; color: #808080; font-family: "BarlowCondensed-Medium"; display: flex; align-items: center;}
.n_news ul li .txt span svg{ width: 1.125rem; margin-right: 3px;}
.n_news ul li:hover .txt h5{ color: #ff731d;}

/*翻页*/
.page { text-align:center; margin-top:3rem; font-size: 0; color:#919191;}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 9px; min-width: 2.5rem; line-height:2.375rem; height: 2.5rem; display:inline-block; border:1px solid #d7d7d7; margin:0 0.375rem; color:#393939; font-size:.875rem; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; }
.page .on{ background:#ff731d;  color:#fff; border:1px solid #ff731d; }
.page a:hover{ background:#ff731d;  color:#fff; text-decoration:none; border:1px solid #ff731d;}
.page span{  display:inline-block; margin:0 8px; }
 
.n_subnav{ margin-bottom: 4.375rem;} 
.n_subnav .gallery-thumbs{ overflow: hidden;}
.n_subnav .swiper-slide{background: #fff; position: relative; z-index: 1;}
.n_subnav .swiper-slide a{ display: flex; height: 100%;  flex-direction: column; align-items: center; justify-content: center; z-index: 1; padding: 2rem 1rem; border: 1px solid #e5e5e5; border-left: 1px solid #fcfcfc;}
.n_subnav .swiper-slide .ico_tgl{ position: relative; align-items: flex-start; margin-bottom: .5rem;}
.n_subnav .swiper-slide .ico_tgl .img01{ display: block !important;}
.n_subnav .swiper-slide .ico_tgl .img02{ display: none !important;}
.n_subnav .swiper-slide h5{ text-align: center; font-size: 1.125rem; line-height: 1.2; color: #333333; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; white-space: inherit; }
.n_subnav .swiper-slide:before{ content: ""; position: absolute; z-index: -1;
  right: 0;
  top: 0;
  width:0;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
  background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
  background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;}

  .n_subnav .swiper-slide.on::before{ opacity: 1; visibility: visible; width: 100%; left: 0; right: auto;}
  .n_subnav .swiper-slide.on h5{ color: #fff;}
  .n_subnav .swiper-slide.on .ico_tgl .img01 { display: none !important;}
  .n_subnav .swiper-slide.on .ico_tgl .img02 { display: block !important;}
  .n_subnav .slick-list{ padding: 0 1px;}

  .n_subnav .swiper-button-prev,.n_subnav .swiper-button-next{ background: none !important; display: flex; align-items: center; justify-content: center;}
  .n_subnav .swiper-thumbs{ position: relative;}
  /* .n_subnav .swiper-slide:last-child:after{ content: ""; display: block; width: 1px; height: 100%; background: #e5e5e5; position: absolute; right: 0; top: 0; }  */
  .n_subnav .swiper-wrapper{ justify-content: center;}
  .swiper-button-disabled{ display: none !important;}
.n_manage{}
.n_manage ul{ margin-top: -2.5rem;}
.n_manage ul li{ border-bottom: 1px solid #eaeaea; padding: 2.5rem 0;}
.n_manage ul li a{ display: flex;  }
.n_manage ul li .img{ width: 44%; margin-right: 3rem; flex-shrink: 0; border-radius: 4.375rem 0 4.375rem 0; -webkit-border-radius: 4.375rem 0 4.375rem 0; -moz-border-radius: 4.375rem 0 4.375rem 0; -ms-border-radius: 4.375rem 0 4.375rem 0; -o-border-radius: 4.375rem 0 4.375rem 0; }
.n_manage ul li .img img{ object-fit: cover;}
.n_manage ul li .txt{ min-width: 0;}
.n_manage ul li .txt .tagbox{ margin-bottom: .875rem; }
.n_manage ul li .txt h5{ font-size: 1.75rem; color: #3f3f3f; line-height: 1.5; margin-bottom: 1.5rem;}
.n_manage ul li .txt .con{ font-size: .9375rem; line-height: 1.625rem; color: #5c5c5c;margin-bottom: 2.5rem; }
.n_manage ul li .txt .con p{ margin-bottom: 5px;}

.tagbox{ margin: -3.5px;font-size: 0;}
.tagbox .span{ font-size: .8125rem; padding: 0 5px; margin: 3.5px; display: inline-block; height: 25px; line-height: 23px; text-align: center; min-width: 4.6875rem; color: #3bbd99; border: 1px solid #38ba96; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.tagbox .span:nth-child(5n+1){ color: #3bbd99; border: 1px solid #38ba96;}
.tagbox .span:nth-child(5n+2){ color: #e5871c; border: 1px solid #e5871c;}
.tagbox .span:nth-child(5n+3){ color: #3b86bc; border: 1px solid #3b86bc;}
.tagbox .span:nth-child(5n+4){ color: #f1b145; border: 1px solid #f1b145;}
.tagbox .span:nth-child(5n+5){ color: #dd6060; border: 1px solid #dd6060;}

.btn_more3{ height: 3.125rem; width: 9.25rem; font-size: .875rem; position: relative; z-index: 1; transition: .5s; border-radius: 2rem; overflow: hidden; display: flex; align-items: center; justify-content: center; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.btn_more3:before{ content: ""; display: block; z-index: -2; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:2px solid #d1d1d1;border-radius: 2rem; }
.btn_more3:after{
   content: "";
   display: block;
   box-sizing: border-box;
   position: absolute;
   right: 0;
   top: 0;
   width: 0;
   height: 100%;
   z-index: -1;
   transition: .5s;
   -webkit-transition: .5s;
   -moz-transition: .5s;
   -ms-transition: .5s;
   -o-transition: .5s;
   ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
   background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
   background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
   -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
}
.btn_more3:hover{ color: #fff; }
.btn_more3:hover:before{ border: 2px solid #ee791b;}
.btn_more3:hover:after{ width: 100%; left: 0; right: auto;}
li:hover .btn_more3{ color: #fff; }
li:hover .btn_more3:before{ border: 2px solid #ee791b;}
li:hover .btn_more3:after{ width: 100%; left: 0; right: auto;}

.n_case{}
.n_case ul{ display: flex; flex-flow: wrap; margin: 0 -1.25rem; margin-top: -1.875rem;}
.n_case ul li{ width: 33.333%; padding: 0 1.25rem; margin-top: 1.875rem;}
.n_case ul li a{}
.n_case ul li .imgbox{ position:relative; background:#000; overflow:hidden}
.n_case ul li .txt{ background: #fff; padding: 2.5rem;}
.n_case ul li .txt .time{ font-size: .875rem; color: #808080; font-family: "BarlowCondensed-Medium";}
.n_case ul li .txt h5{ font-size: 1.125rem; color:#3b3c3c; font-weight: bold; margin-top: .9375rem; margin-bottom: .8125rem;}
.n_case ul li .txt p{ font-size: .8125rem; line-height: 1.375rem; color: #8d8d8d; height: 2.75rem; overflow: hidden;}
.n_case ul li .txt .tag{ font-size: .875rem; color: #4f4f4f; border-top: 1px solid #e2e2e2; padding-top: 1.5rem; line-height: 1.5; margin-top: 1.5rem;}

 
.n_case ul li .img,.n_case ul li .img img{ width:100%; overflow:hidden; }
.n_case ul li .img img{ -moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.n_case ul li .img:after{content:"";position:absolute;right:0;top:0;width:100%;height:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background: rgba(0,0,0,0.4);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
:root .n_case ul li .img:after{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000', endColorstr='#00000000');}/*for IE9*/ 
:root .n_case ul li .img:after{filter:none;}/*for IE9*/
.n_case ul li .con{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.n_case ul li .con h3{position:relative; margin-top: 1rem; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;font-size: 1.375rem;line-height: 2.125rem;color: #fff;padding: 0 2.5rem;}
.n_case ul li .con h3 img{ max-width:100%} 
.n_case ul li .con:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%;  
  ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
  background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
  background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
  -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_case ul li:hover a .img:after{ left:0; width:0}
.n_case ul li:hover a .con:before{ left:0; width:100%} 

.n_tt{}
.n_tt span{ font-size: 1.875rem; color: #fd7f32; font-family: "BarlowCondensed-Medium"; text-transform: uppercase;}
.n_tt h3{ font-size: 1.875rem; color: #3e3e3e; font-weight: bold; margin: 0; margin-bottom: 0; margin-top: .625rem; }

.n_qicai{} 
.n_qicai .hd{ display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 3.75rem;}
.n_qicai .hd ul{ display: flex; justify-content: flex-end;}
.n_qicai .hd ul li{ padding: 0 .625rem;}
.n_qicai .hd ul li a{ display: block; text-align: center; position: relative; z-index: 1; overflow: hidden; transition:.5s ; font-size: 1rem; color:#494949; display: block; width: 9rem; height: 3.125rem; line-height: 3.125rem; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.n_qicai .hd ul li a:before{ content: ""; display: block; z-index: -2; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:2px solid #d1d1d1;border-radius: 2rem; }
.n_qicai .hd ul li a:after{
   content: "";
   display: block;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   z-index: -1;
   transition: .5s;
   -webkit-transition: .5s;
   -moz-transition: .5s;
   -ms-transition: .5s;
   -o-transition: .5s;
   ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
   background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
   background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
   -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
}
.n_qicai .hd ul li.on a{ color: #fff; }
.n_qicai .hd ul li.on a:before{ border: 2px solid #ee791b;}
.n_qicai .hd ul li.on a:after{ width: 100%;}

.n_qicai .bd{}
.n_qicai .bd ul{ display: flex; flex-flow: wrap; margin: 0 -.625rem; margin-top: -1.5rem;}
.n_qicai .bd ul li{ width: 25%; padding: 0 .625rem; margin-top: 1.5rem;}
.n_qicai .bd ul li a{ border-radius: 20px 0 20px 0; display: block; overflow: hidden; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; -ms-border-radius: 20px 0 20px 0; -o-border-radius: 20px 0 20px 0; }
.n_qicai .bd ul li .img{}
.n_qicai .bd ul li .img img{}
.n_qicai .bd ul li .txt{ background: #fff; padding: 1.5rem;}
.n_qicai .bd ul li .txt h5{ font-size: 1.125rem; color: #3b3c3c; font-weight: bold; margin-bottom: .75rem;}
.n_qicai .bd ul li .txt span{ display: block; font-size: .9375rem; color: #4f4f4f; display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.n_qicai .bd ul li .txt span:before{ content: ""; display: block; width: 1.625rem; height: 1.625rem; background: url(../images/ico_zu.png) center no-repeat; background-size: contain; margin-right: .75rem;}


.n_team{}
.n_team ul{ display: flex; flex-flow: wrap; margin: 0 -1.25rem; margin-top: -2.125rem;}
.n_team ul li{ width: 50%; margin-top: 2.125rem; padding: 0 1.25rem;}
.n_team ul li a{ display: flex; background: #fff; border-radius: 3.75rem 0 3.75rem 0; overflow: hidden; -webkit-border-radius: 3.75rem 0 3.75rem 0; -moz-border-radius: 3.75rem 0 3.75rem 0; -ms-border-radius: 3.75rem 0 3.75rem 0; -o-border-radius: 3.75rem 0 3.75rem 0; }
.n_team ul li .img{ flex-shrink: 0; margin-right: 2.5rem; width: 16.875rem;}
.n_team ul li .img img{ object-fit: cover;}
.n_team ul li .txt{ display: flex; flex-direction: column; justify-content: center; padding-right: .875rem;}
.n_team ul li .txt h5{ font-size: 1.375rem; color: #343434; font-weight: bold; margin-bottom: .75rem;}
.n_team ul li .txt span{ font-size: .9375rem; color: #686868;}
.n_team ul li .txt i{ display: block; margin-bottom: 1.25rem; margin-top: 1.125rem; width: 14px; height: 14px; background: url(../images/nav_hover.png) center no-repeat; background-size: contain;}
.n_team ul li .txt p{ font-size: .875rem; color: #787878; line-height: 1.5rem; height: 4.5rem; overflow: hidden; margin-bottom: 3rem;}
.n_team ul li .txt .btn_more3{ width: 7.1875rem; height: 2.5rem;}

.tc_team{ width: 1090px; position: relative; max-width: 90%; padding: 5rem 4.75rem; padding-right: 2.625rem; border-radius: 3.75rem 0 3.75rem 0; display: flex; align-items: flex-start; background: #fff; overflow: hidden;  -webkit-border-radius: 3.75rem 0 3.75rem 0; -moz-border-radius: 3.75rem 0 3.75rem 0; -ms-border-radius: 3.75rem 0 3.75rem 0; -o-border-radius: 3.75rem 0 3.75rem 0; }
.tc_team .img{ flex-shrink: 0; margin-right: 2.5rem; width: 16.875rem;}
.tc_team .img img{ object-fit: cover;}
.tc_team .txt{ padding-right: 2.5rem; overflow: auto; height: 23.375rem;}
.tc_team .txt h5{ font-size: 1.375rem; color: #343434; font-weight: bold; margin-bottom: .75rem;}
.tc_team .txt span{ font-size: .9375rem; color: #686868;}
.tc_team .txt i{ display: block; margin-bottom: 1.25rem; margin-top: 1.125rem; width: 14px; height: 14px; background: url(../images/nav_hover.png) center no-repeat; background-size: contain;}
.tc_team .txt .con{ font-size: .9375rem; color: #787878; line-height: 1.5rem; margin-bottom: 3rem; text-align: justify;}
.tc_team .txt .con p+p{ margin-top: 1.5rem;}

.tc_team .tc_close svg{ width: 2rem; transition: .7s; transform-origin: center; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s;  }
.tc_team .tc_close:hover svg{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.n_source{}
.n_source ul{ }
.n_source ul li{ margin-top: 3.125rem;}
.n_source ul li a{ display: flex; background: #f0f0f0; border-radius: 4.375rem 0 4.375rem 0; overflow: hidden; -webkit-border-radius: 4.375rem 0 4.375rem 0; -moz-border-radius: 4.375rem 0 4.375rem 0; -ms-border-radius: 4.375rem 0 4.375rem 0; -o-border-radius: 4.375rem 0 4.375rem 0; }
.n_source ul li .img{ width: 54.5%; flex-shrink: 0; }
.n_source ul li .img img{}
.n_source ul li .txt{ display: flex; flex-direction: column; justify-content: center; padding:3rem 2.5rem 3rem 1rem; position: relative; z-index: 1;}
.n_source ul li .txt h5{ font-size: 1.75rem; color: #333333; margin-bottom: 1.625rem;}
.n_source ul li .txt .dw{ display: flex; font-size: .875rem; color: #484848; display: flex; align-items: flex-start; margin: 1.125rem 0; line-height: 1.375rem;}
.n_source ul li .txt .dw svg{ width: 1.25rem; height: 1.375rem; margin-right: 3px;}
.n_source ul li .txt .tagbox2{ margin-bottom: 1.25rem;}
.n_source ul li .txt .con{ font-size: .875rem; line-height: 1.5rem; height: 3rem; overflow: hidden; color: #6d6d6d; margin-bottom: 2.5rem;}
.n_source ul li .txt .btn_more3 { width: 7.1875rem; height: 2.5rem;}
.n_source ul li .txt::before{ content: ""; display: block; width: 100%; height: 101%; background: #f0f0f0; position: absolute; z-index: -1; left: -27px; top: 0; transform-origin: left top; transform: skew(-9deg); -webkit-transform: skew(-9deg); -moz-transform: skew(-9deg); -ms-transform: skew(-9deg); -o-transform: skew(-9deg); }

.n_source ul li:nth-child(even) a{ flex-direction: row-reverse;}
.n_source ul li:nth-child(even) a .txt{ padding:3rem 1rem 3rem 3.5rem;}
.n_source ul li:nth-child(even) .txt::before{ right: -27px; transform-origin: right top; left: auto; transform: skew(9deg); -webkit-transform: skew(9deg); -moz-transform: skew(9deg); -ms-transform: skew(9deg); -o-transform: skew(9deg); }

.tagbox2{ display: flex; flex-flow: wrap; margin-left: -1.875rem;}
.tagbox2 .li{ margin-left: 1.875rem; margin-bottom: .75rem; display: flex; flex-direction: column; align-items: center; transition: .3s;}
.tagbox2 .li .ico{ display: flex; width: 2.25rem; height: 2.25rem; margin-bottom: 9px; background: #38ba96; align-items: center; justify-content: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.tagbox2 .li .ico img{ max-width: 70%; max-height: 70%;}
.tagbox2 .li p{ font-size: .75rem; color: #6b6b6b;}
.tagbox2 .li:nth-child(5n+1) .ico{ background: #38ba96;}
.tagbox2 .li:nth-child(5n+2) .ico{ background: #e5871c;}
.tagbox2 .li:nth-child(5n+3) .ico{ background: #db5e32;}
.tagbox2 .li:nth-child(5n+4) .ico{ background: #3b86bc;}
.tagbox2 .li:nth-child(5n+5) .ico{ background: #45a2f1;}
.tagbox2 .li:nth-child(5n+6) .ico{ background: #7d73e0;}
.tagbox2 .li:hover{ transform: translateY(-5px);}
.xq_jidi .m{ max-width: 1380px;}
.xq_jidi .hd{ display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px dashed #d5d5d5; padding-bottom: 2.5rem; margin-bottom: 2.375rem;}
.xq_jidi .hd .n_tt{ margin-bottom: 0; text-align: left;}
.xq_jidi .hd .n_tt h3{ font-weight: normal;}
.xq_jidi .tagbox2{ margin-bottom: 1rem;}
.xq_jidi .xq_add{ font-size: 1rem; color: #575757; margin-bottom: 1rem; display: flex; align-items: center;}
.gomap{ display: inline-block; width: 6rem; flex-shrink: 0; height: 1.875rem; color: #fff; border-radius: 1.5rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; -ms-border-radius: 1.5rem; -o-border-radius: 1.5rem; display: flex; align-items: center; justify-content: center; position: relative; font-size: .8125rem;
  background: linear-gradient(90deg,#f59025 50%,#ee781b 100%); margin-left: 1rem; display: inline-flex;}
.xq_jidi .gomap:before{ content: ""; display:block; border: 6px solid transparent; border-right: 9px solid #f59025; position: absolute; left: -12px; top: 50%; margin-top: -6px;}

.xq_qicai .hd{ display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid #e5e5e5; padding-bottom: 2.5rem; margin-bottom: 2.375rem;}
.xq_qicai .hd .n_tt{ margin-bottom: 1.125rem; text-align: left;}
.xq_qicai .hd .n_tt h3{ font-weight: normal; margin-top: 0; line-height: 1.5;}
.xq_qicai .hd .price{ margin-top: 1.125rem; font-size: .9375rem; color: #747474;}
.xq_qicai .hd .price span{ font-size: 1.625rem; color: #fd7f32;}
.xq_qicai .hd .tel{}
.xq_qicai .hd .tel p{ font-size: 1rem; color: #555555; margin-bottom: .75rem; }
.xq_qicai .hd .tel span{ font-size: 1.75rem; color: #fd7f32; font-family: "BarlowCondensed-SemiBold";}


.xq_qicai .m{ display: flex; align-items: flex-start;}
.xq_qicai .m .left_con{ padding-right: 3rem; flex-grow: 1;}
.xq_qicai .m .right_con{ width: 22.375rem; flex-shrink: 0; padding-left: 2.5rem; border-left: 2px solid #e5e5e5; position: sticky; top: 0; z-index: 99;}

.right_tuijian{ }
.right_tuijian .tt{ font-size: 1.5rem; color: #393939; margin-bottom: 1.25rem; }
.right_tuijian ul{}
.right_tuijian ul li{}
.right_tuijian ul li a{ display: flex; padding: .9375rem 0; border-bottom: 1px solid #d5d5d5; align-items: center;}
.right_tuijian ul li .img{ width: 8.75rem; flex-shrink: 0; border-radius: .5rem 0 .5rem 0; -webkit-border-radius: .5rem 0 .5rem 0; -moz-border-radius: .5rem 0 .5rem 0; -ms-border-radius: .5rem 0 .5rem 0; -o-border-radius: .5rem 0 .5rem 0; }
.right_tuijian ul li .img img{}
.right_tuijian ul li .txt{ padding: 1rem;min-width: 0;}
.right_tuijian ul li .txt h5{ font-size: 1rem; color: #252525; margin-bottom: .875rem;}
.right_tuijian ul li .txt span{ display: block; font-size: .8125rem; color: #4f4f4f; display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.right_tuijian ul li .txt span:before{ content: ""; display: block; width: 1.0625rem; height: 1.0625rem; background: url(../images/ico_zu.png) center no-repeat; background-size: contain; margin-right: 6px;}

.right_tuijian ul li .txt2{ padding: 1rem; min-width: 0;}
.right_tuijian ul li .txt2 p{ font-size: 1rem; line-height: 1.5rem; color: #252525; max-height: 3rem; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.right_tuijian ul li .txt2 span{ font-size: .8125rem; color: #808080; font-family: "BarlowCondensed-Regular"; display: flex; align-items: center; margin-bottom: .875rem;}
.right_tuijian ul li .txt2 span svg{ width: 1rem; margin-right: 5px;}
.right_tuijian ul li .img.img2{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.right_tuijian ul li .txt3{ padding: 1rem;min-width: 0;}
.right_tuijian ul li .txt3 h5{ font-size: 1.125rem; line-height: 1.5rem; color: #252525; max-height: 3rem; overflow: hidden; margin-bottom: .625rem;}
.right_tuijian ul li .txt3 p{font-size: .8125rem; line-height: 1.25rem; color: #7f7f7f; height: 2.5rem;overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
 


.ar_title{ display: flex; padding-bottom: 2.5rem; align-items: flex-start; border-bottom: 2px solid #e5e5e5; margin-bottom: 2.25rem;}
.ar_title .time{ background: #ededed; margin-right: 1.875rem; padding: 1rem 1.75rem 1.375rem; border-radius: .5rem; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 1.125rem; color: #fd7f32; font-family: "BarlowCondensed-SemiBold"; -webkit-border-radius: .5rem; -moz-border-radius: .5rem; -ms-border-radius: .5rem; -o-border-radius: .5rem; }
.ar_title .time span{ font-size: 3.125rem; color: #515151;}
.ar_title .n_tt{ text-align: left; margin-bottom: 0 !important;}
.ar_title .n_tt h3{ font-weight: normal; margin-top: 0; line-height: 1.5;}

.shart_box{display:inline-block; cursor:pointer}
#share-21.social-share{ margin-top: 1rem;}
#share-21.social-share .social-share-icon{ display:inline-block; border:#dbdcdf 1px solid; color:#a0a0a0 !important; font-size: 1.125rem; width: 2.25rem; height: 2.25rem; line-height: 2.125rem; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
#share-21.social-share .social-share-icon:hover{border: #ff7f31 1px solid !important; background: #fff !important; color:#ff7f31 !important;}
#share-21.social-share .icon-wechat .wechat-qrcode .qrcode{ height: 105px;}

.xq_qicai.yetai .hd .n_tt{ margin-bottom: 0;}
.xq_qicai.yetai .tagbox{ margin-bottom:0;}

.case_xq{ background: #2f3b71;  color: #fff; padding-top: 5.5rem; width: 100%; overflow: hidden;}
.case_xq .flex{ display: flex;}
.case_xq .right{ align-self: flex-end; margin-right: -154px;}
.case_xq .left{ flex-shrink: 0; padding-bottom: 2rem;}
.case_xq .tt{ margin-bottom: 2.25rem;}
.case_xq .tt span{ font-size: 4.25rem; font-family: "BarlowCondensed-Bold"; }
.case_xq .tt h3{ font-size: 2rem; margin-top: .625rem; margin-bottom: 1.75rem;}
.case_xq .tt i{ display: block; width: 35px; height: 3px; background: #fff;}
.case_xq .detail{ margin-bottom: 3rem;}
.case_xq .detail dl{ display: flex; margin-bottom: 1.25rem;}
.case_xq .detail dt{ margin-right: 7px; width: 1.5rem;}
.case_xq .detail dd{}
.case_xq .detail dd span{  font-size: 1rem;font-family: "BarlowCondensed-Regular";}
.case_xq .detail dd p{ font-size: .9375rem; color: rgba(255,255,255,.8); margin-bottom: .375rem; line-height: 1.5;}
.case_xq .telbox{ display: flex;}
.case_xq .btn_more2{ margin: 0;}
.telbox .tel{ display: flex; align-items: center; margin-left: 1.25rem;}
.telbox .tel img{ margin-right: .75rem; width: 3.4375rem; height: 3.4375rem;}
.telbox .tel div{ font-size: 12px;  font-family: arial; text-transform: capitalize; color: rgba(255,255,255,.6);} 
.telbox .tel p{ font-size: 1.5rem; font-family: "BarlowCondensed-SemiBold";  white-space: nowrap; margin-top: 4px; color: #fff; }
.case_xq .ewm{ width: 9.375rem; margin-top: 1.5rem; }
.case_xq .ewm .pic{ border: 1px solid rgba(255,255,255,.4); overflow: hidden; padding: 9px; margin-bottom: .625rem;}
.case_xq .ewm .pic img{}
.case_xq .ewm p{ font-size: .875rem; color: rgba(255,255,255,.7); text-align: center;}

.case_video{ position: relative; z-index: 1;}
.case_video .computer{ position: relative;}
.case_video .mask{position: absolute;height: 81%;width: 71%;z-index: 9;position: absolute;left: 47.3%;top: 47%;display: flex;align-items: center;justify-content: center;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);-moz-transform: translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);-o-transform: translateX(-50%) translateY(-50%);}
.video_poster{ position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%;}
.btn_play{ position: relative; z-index: 10; width: 5rem; height: 5rem;}

.xq_qicai .right_con .hd{ margin-bottom: 1rem; padding-bottom: 0; border: 0; align-items: center;}
.xq_qicai .right_con .hd .tt{ margin-bottom: 0;}
.arrbox{ display: flex;}
.arrbox>div{ display: block; width: 2.25rem; height: 2.25rem; background-size: contain !important; margin-right: 10px; cursor: pointer; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.arrbox .arr_l{ background: url(../images/case_xq_l.png) center no-repeat;}
.arrbox .arr_r{ background: url(../images/case_xq_r.png) center no-repeat;}
.arrbox .arr_l:hover{ background: url(../images/case_xq_l_on.png) center no-repeat;}
.arrbox .arr_r:hover{ background: url(../images/case_xq_r_on.png) center no-repeat;}

.n_qingdian{ width: 100%; overflow: hidden;}
.n_qingdian .flex{ display: flex; }
.n_qingdian .n_tt{ flex-shrink: 0; margin-right: 3rem; text-align: left; margin-top: -5px;}
.n_qingdian .n_tt h3{ margin: 0 !important;}
.ar_article{ font-size:.9375rem; color:#757575; line-height:1.5; text-align:justify;  font-family: "BarlowCondensed-Medium","微软雅黑", sans-serif !important;}
.ar_article p{font-size:.9375rem;color:#757575;line-height:2; }	
.ar_article p+p{ margin-top: 1.75rem; }
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important;  font-family:"微软雅黑", sans-serif !important;}
.ar_article td *,.ar_article th *{ font-size:0.95rem !important;  font-family:"微软雅黑", sans-serif !important;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;height: auto; mix-blend-mode:multiply;}
.ar_article a{ color:#363636;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:1.2rem;list-style: disc;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}
 
.ar_article h3{ font-size: 1.875rem; color: #3e3e3e; margin-bottom: 1.75rem;}
.ar_article h4{ font-size: 1.25rem; color: #222222; margin-bottom: 1.75rem;margin-top: 2rem;}
.ar_article h5{ font-size: 1.1rem;color: #ff731d;font-weight: bold;margin-bottom: 1.5rem;margin-top: 1.5rem;white-space: inherit;}
.ar_article h6{ font-size: 1.75rem; color: #fd7f32; text-transform: uppercase; font-family: "BarlowCondensed-Medium"; }

.saishi_liucheng ul{ display: flex; margin: 0 -5px;}
.saishi_liucheng ul li{ width: 15.25%; float: left; padding: 0 5px; transition: .5s; overflow: hidden;}
.saishi_liucheng ul li.on{ width:39%;}
.saishi_liucheng ul li a{ display: block; padding-left: 1px; border-radius: .625rem; overflow:hidden; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.saishi_liucheng ul li .box{height: 462px; color: #fff;position: relative;transition: .5s;}
.saishi_liucheng ul li .txt:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.2); transition: .5s; z-index: -2;}
.saishi_liucheng ul li .txt:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: .5s; z-index: -1; opacity: 0; visibility: hidden; transition: .5s; ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%); background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b)); background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%); background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%); background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%); background: linear-gradient(to right, #f59125 0%,#ee791b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 ); -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 ); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;}
.saishi_liucheng ul li .txt{ position: absolute; display: flex;  justify-content: flex-start; bottom: 0; left: 0; width: 100%; height: 100%; padding: 0 3rem; padding-top: 21.25rem; transition: .5s; z-index: 1; }
.saishi_liucheng ul li .tt{ margin-bottom: 1rem;}
.saishi_liucheng ul li .tt span{ font-size: 2rem; color: #fff; margin-bottom: .5rem; display: block; font-family: "BarlowCondensed-Regular";}
.saishi_liucheng ul li .tt h4{ font-size: 1.375rem; color: #fff; white-space: nowrap;}
.saishi_liucheng ul li .con2{ color: rgba(255,255,255,.8); font-size: .9375rem; line-height: 1.5rem; height: 0; transition: opacity .5s .5s; opacity: 0; visibility: hidden; -webkit-transition: opacity .5s .5s; -moz-transition: opacity .5s .5s; -ms-transition: opacity .5s .5s; -o-transition: opacity .5s .5s; }
.saishi_liucheng ul li .con p{ }
.saishi_liucheng ul li.on .box .txt{ height: 100%; transition-delay: .4s; padding-top: 2rem; }
.saishi_liucheng ul li.on .box .txt:before{ opacity: 1; visibility: visible; }
/* .saishi_liucheng ul li.on .tt span{ display: none;} */
.saishi_liucheng ul li.on .box .con2{ opacity: 1; height:11.25rem; visibility: visible; height: auto;} 
.saishi_liucheng{}
.saishi_liucheng .n_tt{ text-align: center; margin-bottom: 3rem;}
.saishi_liucheng .n_tt span{}
.saishi_liucheng .n_tt h3{ font-weight: normal;}

.n_about{}
.n_about .m{ display: flex;}
.n_about .left{ flex-shrink: 0; margin-right: 6rem; width: 35.875rem; max-width: 100%;}
.n_about .left img{}
.n_about .tt{ margin-bottom: 1.625rem;}
.n_about .tt span{ font-size: 3rem; color: #fd7f32; font-family: "BarlowCondensed-Light"; text-transform: uppercase; display: block; margin-bottom: 1rem;}
.n_about .tt h3{ font-size: 1.375rem; color: #252525; line-height: 1.5;}
.n_about .con{ font-size: .9375rem; color: #6c6c6d; line-height: 1.875rem;}
.n_about .con p{}

.n_tt2{ text-align: center; margin-bottom: 4rem;}
.n_tt2 span{ font-size: 1.875rem; color: #fd7f32; font-family: "BarlowCondensed-Medium"; text-transform: uppercase; display: block; margin-bottom: .5rem;}
.n_tt2 h3{ font-size: 1.75rem; color: #303030;}

.n_wenhua{ position: relative; z-index: 1; width: 100%; overflow: hidden;}
.n_wenhua ul{ display: flex; flex-flow: wrap;}
.n_wenhua ul li{ width: 25%; padding: 0 .4rem;}
.n_wenhua ul li .box{ position: relative; z-index: 1; background: #f3f3f3; padding: 2.5rem 1.875rem; border-radius: 5px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.n_wenhua ul li .img{ width: 11.25rem; height: 11.25rem; margin-bottom: 1.75rem; border-radius: 50%; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.n_wenhua ul li .img img{}
.n_wenhua ul li .txt{}
.n_wenhua ul li .txt h5{ font-size: 1.25rem; color: #4e4e4e; margin-bottom: .9375rem;}
.n_wenhua ul li .txt p{ font-size: .9375rem; color: #707070; line-height: 1.5rem; height: 3rem;}
.n_wenhua ul li .box:before{ content: ""; display: block; width: 100%; height: 8.125rem; background: #78bd96; position: absolute; left: 0; top: 0; z-index: -1;}

.n_wenhua:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; bottom: 15.25rem; background: url(../images/n_wenhua_bg.jpg) center no-repeat; background-size: cover; z-index: -1;}

.n_wenhua ul li:nth-child(2) .box:before{ background: #ef8888;}
.n_wenhua ul li:nth-child(3) .box:before{ background: #9cc3e0;}
.n_wenhua ul li:nth-child(4) .box:before{ background: #f4a575;}

.n_zizhi{}
.n_zizhi .m{ display: flex; justify-content: space-between; align-items: center;}
.n_zizhi .left h3{ font-weight:normal; font-size: 1.75rem; color: #353535; margin-bottom: 2.25rem;}
.n_zizhi .left h4 { font-size: 1.375rem; color: #484848; margin-bottom: 1.25rem;}
.n_zizhi .left p{ font-size: .9375rem; line-height: 1.625rem; color: #727272; margin-bottom: 2rem;}
.n_zizhi .left .span{ color: #fbf6e8; font-size: 4.3125rem; text-transform: uppercase; font-family: "BarlowCondensed-SemiBold"; }


#certify2 {
	position: relative;
	width: 46rem; padding: 0 3rem;
}
#certify2 .swiper-slide:before{ content: ""; width: 140%; height:.9375rem; background: url(../images/zizhi_shadow.png) center no-repeat; background-size: 100% 100%; display: flex; position: absolute; left: -20%; bottom:-.5rem;}
#certify2 .swiper-container { 
overflow: visible;
}

#certify2  .swiper-slide {
	width: 23.75rem; 
	background: #fff;
	box-shadow: 0 8px 30px #ddd; position: relative; z-index: 1;
}
#certify2  .swiper-slide .box{ background: url(../images/kuang.jpg) center no-repeat; background-size: 100% 100%; padding: .9375rem;}
#certify2  .swiper-slide img{
	display:block; width: 100%; height: 100%;
}
 

#certify2 .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify2 .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}
#certify2 .swiper-button-prev,#certify2 .swiper-button-next{ width: 3.75rem; height: 3.75rem;	background-size: 100% !important;	background-position: 0 0;}
#certify2 .swiper-button-prev {
	left: 0; 
	background: url(../images/zizhi_left.png) no-repeat !important; 	background-size: 100% !important;
}

#certify2 .swiper-button-prev:hover {
	background-position: 0 -46px;
	background-size: 100%
}

#certify2 .swiper-button-next {
	right: 0; 
	background: url(../images/zizhi_right.png) no-repeat !important;  	background-size: 100% !important;
}

#certify2 .swiper-button-next:hover {
	background-position: 0 -139px;
	background-size: 100%
}


.n_coop01{ background: url(../images/s_resource_bg.jpg) center no-repeat; background-size: cover;}
.n_coop01 ul{ display: flex; flex-flow: wrap; margin-top: 8rem; margin-bottom: 3rem;}
.n_coop01 ul li{ width: 16.666%; padding: 0 2.375rem; margin-top: -2rem; }
.n_coop01 ul li .box{position: relative;}
.n_coop01 ul li .box:before{ content: ""; display: block; width: 100%; height: 0; padding-top: 100%;}
.n_coop01 ul li .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; display: flex; align-items: center; justify-content: center;}
.n_coop01 ul li .pic img{ max-width:90%; max-height: 60%;}
.n_coop01 ul li .pic:before{ content: ""; display: block; width: 100%; height: 100%; transition: .5s; background: #fff; position: absolute; z-index: -1; left: 0; top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_coop01 ul li:nth-child(1),.n_coop01 ul li:nth-child(12),.n_coop01 ul li:nth-child(23),.n_coop01 ul li:nth-child(34),.n_coop01 ul li:nth-child(45){ margin-left: 8.333%;}
.n_coop01 ul li:hover .pic:before{ box-shadow: 0 5px 9px rgba(0, 0, 0, .15);}

.n_coop02{ padding: 2rem 0;}
.n_coop02 .m{ display: flex; align-items: center;}
.n_coop02 .n_tt2{ text-align: left;}
.n_coop02 .con{ font-size: .9375rem; color: #5c5c5c; line-height: 1.7;}
.n_coop02 .tel{ margin-top: 2.5rem;}
.n_coop02 .tel span{ font-size: .875rem; color: #555555; opacity: .8;}
.n_coop02 .tel p{ font-size: 1.75rem; color: #fd7f32; font-family: "BarlowCondensed-Bold"; margin-top: .375rem;}
.n_coop02 .left{  padding: 2rem 0; padding-right: 2.5rem;}
.n_coop02 .right{}

.join_bot{}
.join_bot ul{ margin:0 -20px; display: flex; flex-flow: wrap;}
.join_bot ul li{ margin-bottom:1.875rem; padding:0 20px; width: 50%;}
.join_bot ul li .box{
  background:#f3f3f4;
  padding:2.75rem;
  position:relative;
  z-index:1;
  background: -webkit-linear-gradient(top, #f7f7f7 0%,#fdfaf5 100%);
  background: -o-linear-gradient(top, #f5f5f5 0%,#fdfaf5 100%);
  background: -ms-linear-gradient(top, #f5f5f5 0%,#fdfaf5 100%);
  background: linear-gradient(to bottom, #f5f5f5 0%,#fdfaf5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fdfaf5',GradientType=0 );
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fdfaf5',GradientType=0 ); 
}
.join_bot ul li .tt{ padding-bottom:2rem; border-bottom:1px solid rgba(0, 0, 0, .15); transition:.7s; margin-bottom:1.2rem; position:relative; padding-left:6.18rem; background:url(../images/ren.svg) left top no-repeat; background-size:4.25rem !important;}
.join_bot ul li .tt h5{ font-size:1.125rem; color:#474747; padding-top:.5rem;transition:.7s;}
.join_bot ul li .tt .time{transition:.7s;font-size:.8rem;color:#7e7e7e;background:url(../images/ar_title_ico2.svg) left center no-repeat;background-size: 1.1rem !important;line-height:30px;padding-left:1.5rem;display:block;padding-top: 3px;}
.join_bot ul li .btn_toudi{ opacity:0; transition:.7s; position:absolute; text-align:center; right:0; top:0;display:block; width:7.5rem; height:2.1875rem; font-size:.875rem; line-height:2.1875rem; background:#fff; color:#555; border-radius:1.25rem; top:1rem;}
.join_bot ul li .con{ height:10.6rem; overflow:auto; font-size:.8rem; color:#808080; line-height:2;transition:.7s;}
.join_bot ul li .con .tt2{ font-size:.9375rem; color:#515151; margin-bottom:.6rem;transition:.7s;}
.join_bot ul li .box:before{ content:""; width:100%; height:0; display:block; position:absolute; left:0; bottom:0;  z-index:-1; transition:.7s;
  ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
  background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
  background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 ); 
}
/* .join_bot ul li .box:hover:before{ height:100%; top:0; bottom: auto;}
.join_bot ul li .box:hover .tt{ border-bottom:1px solid rgba(255, 255, 255, 0.2);background:url(../images/ren_white.svg) left top no-repeat;}
.join_bot ul li .box:hover .tt h5{ color:#fff;}
.join_bot ul li .box:hover .tt .time{ color:rgba(255,255,255,.7); background:url(../images/time_white.svg) left center no-repeat;}
.join_bot ul li .box:hover .con{color:rgba(255, 255, 255, 0.8);}
.join_bot ul li .box:hover .con .tt2{color:#fff;}
.join_bot ul li .box:hover .btn_toudi{ opacity:1; } */
.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(0,0,0,.15) !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ff731d !important;}
.n_join{ border-top: 1px solid #dcdcdc;}
.n_join .n_tt2{ text-align: left;}
.n_join .hd{ display: flex; justify-content: space-between;}
.n_join .arrbox>div{ width: 4rem; height: 4rem;}
.n_join .arrbox>div.arr_l{ background: url(../images/s_resource_left.png) center no-repeat; background-size: contain;}
.n_join .arrbox>div.arr_r{ background: url(../images/s_resource_right.png) center no-repeat; background-size: contain;}
.n_join .arrbox>div.arr_l:hover{ background: url(../images/s_resource_left_on.png) center no-repeat;}
.n_join .arrbox>div.arr_r:hover{ background: url(../images/s_resource_right_on.png) center no-repeat;}
#miso_map{ height:33.125rem; border:#e1e1e1 1px solid}
.n_contact .fl01{ padding:0 0 6.25rem}
.n_contact .fl01 .content{ position:relative}
.n_contact .fl01 .content .top{ background:url(../images/n_contact_fl01.png) left center no-repeat; pointer-events: none; background-size:auto 100%; position:absolute; top:0; right:0; bottom:0; left:0; z-index:10; }
.amap-logo, .amap-toolbar, .amap-copyright{ display:none !important}
.n_contact .fl01 .content .top{ display:flex; align-items:center;}
.n_contact .fl01 .content .top .box{width: 34%;padding: 0 0 0 4%;}
.n_contact .fl01 .content .top .box .tt{ margin-bottom: 2rem;}
.n_contact .fl01 .content .top .box .tt span{ font-size: 1.375rem; color: #fff; font-family: "BarlowCondensed-Light";  font-style:italic; text-transform: uppercase; display: block; margin-bottom: 5px;}
.n_contact .fl01 .content .top .box h3{ font-size:1.375rem; color:#fff; line-height:1.5; font-weight:bold; font-style:italic}
.n_contact .fl01 .content .top .box hr{width:1.375rem;height:4px;background:#ff602a;border: none;transform: skewX(-20deg);margin: .75rem 0 2rem;}
.n_contact .fl01 .content .top .box dl{display:flex;font-size:.9375rem;color:#fff;max-width: 19rem;margin-bottom: .5rem;}
.n_contact .fl01 .content .top .box dl dt{ white-space: nowrap; line-height:1.75rem;}
.n_contact .fl01 .content .top .box dl dd{ line-height:1.75rem;color:#fff;}
.n_contact .fl01 .content .top .box .ewm{ margin:1.5rem 0 0}
.n_contact .fl01 .content .top .box .ewm h3{ border:rgba(215,215,215,.3) 1px solid; width:8.125rem; height:8.125rem; padding:.5rem}
.n_contact .fl01 .content .top .box .ewm h3 img{ width:100%; height:100%}
.n_contact .fl01 .content .top .box .ewm h5{font-size: .8125rem;color:#f3f2f7;opacity:.9;line-height:1.5;text-align:center;margin:.75rem 0 0;width:8.125rem;}

.n_ys{}
.n_ys{ width: 100%; overflow: hidden;}
.n_ys .flex01{ display: flex; justify-content: space-between; margin-bottom: 3.5rem; }
.n_ys .n_tt{ flex-shrink: 0; margin-right: 3rem; text-align: left;}
.n_ys .n_tt span{ font-size: 1.875rem;}
.n_ys .n_tt h3{ font-weight: normal;}
.n_ys .flex01 .txt{font-size:.9375rem; color:#707070; line-height:1.875rem; text-align:justify;  font-family: "BarlowCondensed-Medium","微软雅黑", sans-serif !important; max-width: 1085px;}
.n_ys .flex01 .txt h4{ font-size: 1.125rem; color: #434343; margin-bottom: 1.75rem; font-weight: bold;}
 


.n_ys ul{ display: grid; height: 48rem; grid-column-gap: 1.125rem;
  grid-row-gap: 1.125em; }
.n_ys ul li:nth-child(1){
  grid-column-start: 1;
  border-radius:7.5rem 0 0;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  z-index: 2;
  -webkit-border-radius:7.5rem 0 0;
  -moz-border-radius:7.5rem 0 0;
  -ms-border-radius:7.5rem 0 0;
  -o-border-radius:7.5rem 0 0;
}
.n_ys ul li:nth-child(2){
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 2;
  z-index: 2;
}
.n_ys ul li:nth-child(3){
  grid-column-start: 2;
  grid-column-end: 4;
  grid-row-start: 2;
  grid-row-end: 3;
  z-index: 2;
}
.n_ys ul li{  float: left; transition: .5s; overflow: hidden;}
.n_ys ul li a{ display: block; padding-left: 1px; border-radius: .625rem; overflow:hidden; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.n_ys ul li .box{height: 100%; color: #fff;position: relative;transition: .5s; background-size: cover !important;}
.n_ys ul li .txt:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.2); transition: .5s; z-index: -2;}
.n_ys ul li .txt{ position: absolute; display: flex; justify-content: flex-start; align-items: flex-end; bottom: 0; left: 0; width: 100%; height: 100%; padding: 3rem; transition: .5s; z-index: 1; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_ys ul li .tt{ margin-bottom: 2rem;}
.n_ys ul li .tt span{ display: block; max-width: 2.75rem; max-height: 2.75rem;}
.n_ys ul li .tt h4{ font-size: 1.375rem; color: #fff; white-space: nowrap; font-weight: normal; margin-top: 1rem; margin-bottom: .8rem;}
.n_ys ul li .tt p{ font-size: .875rem; color: #fff; line-height: 1.5;}
.n_ys ul li .tt i{ display: block; width: 17px; height: 3px; background: #fff; margin-top: 1.75rem;}
.n_ys ul li .con2{ color: rgba(255,255,255,.8); font-size: .9375rem; line-height: 1.875rem; }
.n_ys ul li .con p{ } 


.n_ys ul li .mask{ position: absolute; padding: 3rem; padding-top: 5rem; display: flex; align-items: center; justify-content: center; z-index: 9; width: 100%; height: 100%; left: 0; top: 0; opacity: 0; visibility: hidden; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_ys ul li .mask:before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: .5s;
  z-index: -1;
  transition: .5s;
  background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
  background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
  background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
}

.n_ys ul li:hover .txt{ padding-bottom:4rem; opacity: 0;  } 
.n_ys ul li:hover .mask{ opacity: 1; visibility: visible; padding-top: 3rem; } 

.tx_liucheng{ background: #f6f6f6; margin-bottom:2rem;}
.tx_liucheng ul{ display: flex; flex-flow: wrap;}
.tx_liucheng ul li{ width: 16.666%; position: relative; }
.tx_liucheng ul li .box{ position: relative;  }
.tx_liucheng ul li .box1{ display: flex; flex-direction: column; align-items: center; justify-content: center; height: 30.25rem; }
.tx_liucheng ul li .box2{
  position: absolute; z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
  padding: 0 2rem;
}
.tx_liucheng ul li .num{ font-size: 4.125rem; color: rgba(69, 71, 73, 0.3);font-family: "BarlowCondensed-Thin"; } 
.tx_liucheng ul li .tt{ text-align: center; padding: 2.75rem 0;}
.tx_liucheng ul li .tt h4{ font-size: 1.125rem; color: #454749;}
.tx_liucheng ul li .tt span{ font-family: "BarlowCondensed-Light"; font-size: .875rem; color: #a0a1a1;}
.tx_liucheng ul li .img{ width: 9.375rem; height: 6.875rem; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.tx_liucheng ul li .box2 .num{ color: rgba(255,255,255,.3);}
.tx_liucheng ul li .box2 .tt h4{ color: #fff;}
.tx_liucheng ul li .box2 .tt span{ color: rgba(255,255,255,.6);}
.tx_liucheng ul li .box2 .con{ font-size: .875rem; color: #fff; text-align: center; line-height: 1.625rem; height: 6.875rem; transform: translateY(-1rem); -webkit-transform: translateY(-1rem); -moz-transform: translateY(-1rem); -ms-transform: translateY(-1rem); -o-transform: translateY(-1rem); }
.tx_liucheng ul li:hover .box2{ opacity: 1; visibility: visible;}
.tx_liucheng ul li .box2:before{ content: ""; display: block; width: 100%; height: calc(100% + 6.25rem); position: absolute; left: 0; top: 0; background: url(../images/liucheng_hover.png) center no-repeat; background-size: 100% 100%; z-index: -1;}
.tx_liucheng ul li+li:after{ content: ""; transition: .5s; display: block; width: 29px; height: 24px; background: url(../images/lc_arr.png) center no-repeat; background-size: contain; position: absolute; left: 0; margin-left: -15px; top: 50%; margin-top: -12px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.tx_liucheng ul li:hover:after{ opacity: 0;}
.tx_liucheng ul li:hover+li:after{ opacity: 0;}

.n_zuling{}
.n_zuling .con{ text-align: center; font-size: .9375rem; color: #7f7f7f; margin-bottom: 2.25rem; line-height: 1.5rem;}
.n_zuling ul{ display: flex; justify-content: space-between; width: 973px; max-width: 100%; margin: 0 auto; position: relative; z-index: 1;}
.n_zuling ul li{ text-align: center; width: 152px;}
.n_zuling ul li .box{}
.n_zuling ul li .ico{ width: 8.75rem; height: 8.75rem; margin: 0 auto;}
.n_zuling ul li .ico img{}
.n_zuling ul li h5{ font-size: 1.25rem; color: #545454; font-weight: bold; margin: .875rem 0;}
.n_zuling ul li p{ font-size: .9375rem; color: #616161; line-height: 1.5rem;}

.n_zuling ul:before{ content: ""; display: block; width: 95%; height: 1px; border-top: 1px dashed #bababc; position: absolute; top: 4.375rem; left: 0; z-index: -1;}

.zuling_bg{ background: url(../images/zuling_bg.jpg) center bottom no-repeat #f2f2f2; background-size: cover;}

.tx_qicai{ margin-top: 3.75rem;} 
.tx_qicai .hd{ display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.375rem;}
.tx_qicai .hd ul{ width: 100%;}
.tx_qicai .hd ul li{ padding: 0 .625rem;}
.tx_qicai .hd ul li a{ display: block; text-align: center; position: relative; z-index: 1; overflow: hidden; transition:.5s ; font-size: 1rem; color:#494949; display: block; width: 100%; height: 3.125rem; line-height: 3.125rem; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.tx_qicai .hd ul li a:before{ content: ""; display: block; z-index: -2; box-sizing: border-box; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:2px solid #d1d1d1;border-radius: 2rem; }
.tx_qicai .hd ul li a:after{
   content: "";
   display: block;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 100%;
   z-index: -1;
   transition: .5s;
   -webkit-transition: .5s;
   -moz-transition: .5s;
   -ms-transition: .5s;
   -o-transition: .5s;
   ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
   background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
   background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
   background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
   filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
   -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
}
.tx_qicai .hd ul li.slick-current a{ color: #fff; }
.tx_qicai .hd ul li.slick-current a:before{ border: 2px solid #ee791b;}
.tx_qicai .hd ul li.slick-current a:after{ width: 100%;}

.tx_qicai .bd{}
.tx_qicai .bd ul{ display: flex; flex-flow: wrap; margin: 0 -.625rem; margin-top: -1.5rem;}
.tx_qicai .bd ul li{ width: 25%; padding: 0 .625rem; margin-top: 1.5rem;}
.tx_qicai .bd ul li a{ border-radius: 20px 0 20px 0; display: block; overflow: hidden; -webkit-border-radius: 20px 0 20px 0; -moz-border-radius: 20px 0 20px 0; -ms-border-radius: 20px 0 20px 0; -o-border-radius: 20px 0 20px 0; }
.tx_qicai .bd ul li .img{}
.tx_qicai .bd ul li .img img{}
.tx_qicai .bd ul li .txt{ background: #fff; padding: 1.5rem;}
.tx_qicai .bd ul li .txt h5{ font-size: 1.125rem; color: #3b3c3c; font-weight: bold; margin-bottom: .75rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.tx_qicai .bd ul li .txt span{ display: block; font-size: .9375rem; color: #4f4f4f; display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tx_qicai .bd ul li .txt span:before{ content: ""; display: block; width: 1.625rem; height: 1.625rem; background: url(../images/ico_zu.png) center no-repeat; background-size: contain; margin-right: .75rem;}
.tx_qicai .bd ul li:hover .txt h5{ color: #ff731d;}
.tx_qicai .btn_more2{ width: 14rem;}

.tx_coop .hd{ display: flex; justify-content: space-between;}
.tx_coop .hd .n_tt2{ text-align: left;}
.tx_coop .arrbox>div{ width: 4rem; height: 4rem;}
.tx_coop .arrbox>div.arr_l{ background: url(../images/s_resource_left.png) center no-repeat; background-size: contain;}
.tx_coop .arrbox>div.arr_r{ background: url(../images/s_resource_right.png) center no-repeat; background-size: contain;}
.tx_coop .arrbox>div.arr_l:hover{ background: url(../images/s_resource_left_on.png) center no-repeat;}
.tx_coop .arrbox>div.arr_r:hover{ background: url(../images/s_resource_right_on.png) center no-repeat;}

.tx_coop{}
.tx_coop .bd ul{ margin: 0 -.875rem; margin-top: -1.75rem;}
.tx_coop .bd ul li{ width: 16.666%; float: left; padding:0 .875rem;margin-top:1.75rem;}
.tx_coop .bd ul li a{ display: block; position: relative; background: #fff; text-align: center; border: 1px solid #dedede; overflow: hidden; transition:.5s ; border-radius:5px; overflow: hidden; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.tx_coop .bd ul li .img_db{ overflow: hidden; }
.tx_coop .bd ul li .img_db:after{ padding-top: 45%;}
.tx_coop .bd ul li .img_db img{ max-width: 100%; width: auto; height: auto; max-height: 100%; object-fit: contain; position: static;}
.tx_coop .bd ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; z-index: 1; font-size: .875rem; line-height: 2rem; display: flex; align-items: center; justify-content: center;}
.tx_coop .bd ul li .mask:before{ content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; z-index: -1; transition: .7s; 
  ​background: -moz-linear-gradient(left, #f59125 0%, #ee791b 100%);
  background: -webkit-linear-gradient(linear, left, right, color-stop(0%,#f59125), color-stop(100%,#ee791b));
  background: -webkit-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: -o-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: -ms-linear-gradient(left, #f59125 0%,#ee791b 100%);
  background: linear-gradient(to right, #f59125 0%,#ee791b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
  -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f59125', endColorstr='#ee791b',GradientType=0 );
}
.tx_coop .bd ul li .mask h4{ opacity: 0; visibility: hidden; transform: translateY(15px); transition: .3s; display: inline-block; font-size: 1rem;}
.tx_coop .bd ul li a:hover .mask:before{ width: 100%; left: 0; right: auto;}
.tx_coop .bd ul li a:hover .mask h4{ opacity: 1; visibility: visible; transform: translateY(0); transition: .5s .3s; }
.tx_coop .bd ul li .pic{ position: absolute; left: 0; top: 0;display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }



.online_q {  position: fixed; right: 2rem; bottom: 10%; z-index: 999; transition:.5s; -webkit-transition:.5s;}
.online_q .close{ position:absolute; right: -1rem; font-size: 1rem; color: #969797; opacity: 1; font-weight: normal; cursor: pointer;}
.online_q .btn2{width:4.25rem; height:4.25rem; cursor:pointer; position:relative; margin-bottom:5px; }
.online_q .btn-top{ padding:0; transition:.5s; overflow:hidden;}
.online_q .btn-top span{ background: #179f53 !important;}
.online_q .btn2 a{  font-size:12px; color:#fff;}
.online_q .btn2 span{display:flex;float:left;text-align: center;width:4.25rem;height:4.25rem;justify-content: center;align-items: center;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;background: #cf2626;border-radius: 50%;overflow: hidden;flex-shrink: 0;}
.online_q .btn2:nth-child(2) span{ background: #338acb;}
.online_q .btn2:nth-child(3) span{ background: #ff731d;}
.online_q .btn2:hover span{ }
.online_q .open.pic{ position:absolute; background:#ddd; width:100px; height:100px; right:80px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:5rem;visibility:visible;}
.online_q .open.phone{ display:inline-block; height:4.25rem; line-height: 4.25rem; z-index:0; color:#fff; font-family:arial; font-size:18px; transition:width 0s; -webkit-transition:width 0s; text-align:left;  width:150px;}
.online_q .btn2:hover .open.phone{transition:.5s; -webkit-transition:.5s; opacity:1; visibility:visible;}
.btn-tel a{ display:block; width:4.25rem; white-space:nowrap; position:absolute; right:0;transition:.5s; -webkit-transition:.5s; overflow:hidden;}
.btn-tel:hover a{ width:200px;}
.btn2.btn-tel a{ z-index: 1;}
.btn2.btn-tel a:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:#338acb; z-index: -1; border-radius: 2.5rem; transition: .5s; }
.online_q .btn-02.btn-tel:hover span{ background:url(../images/piaofu_tel.png) center no-repeat #fff; border:2px solid #037ccf;}

.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #ddd; position:absolute; right:-15px; top:50%; margin-top:-10px;}

#gotop.hide{height:0; overflow:hidden; display:block !important;}

.tc_center .tc{ transition:all ease 300ms; position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc.act{ pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box;
  z-index:999;
  display: block;
  position:relative;
  transform: translateY(-3rem);
  transition: all 0.5s ease-out;
  opacity: 0;
  -webkit-transform: translateY(-3rem);
  -moz-transform: translateY(-3rem);
  -ms-transform: translateY(-3rem);
  -o-transform: translateY(-3rem);
}
.tc.act .tc-box{ transform: translateY(0); opacity: 1;}
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right:15px; top: 15px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc_shipin{ width:90%; max-width: 800px; margin:0 auto; background:none;}
.tc_shipin #my-video{ position:relative; height: 0; padding-top:60%; border-radius: 10px; overflow: hidden;}
.tc_shipin #my-video video{ width:100%; height:100%; position: absolute; left: 0; top: 0;}
.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%;}
.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }
.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.video-js{    width: 100% !important;
    height: 100% !important;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}
video{ object-fit:fill; }
.vjs-poster{ background-size: cover !important;}

.n_qingdian .louceng{ border-top: 1px solid #e5e5e5; padding: 3rem 0;}

.slick-prev:before, .slick-next:before{ display: none;}

.fenxiang_box1{ position: relative; z-index: 100;}



/*微信弹窗*/

#wxnr {

	width: 100%;

	height: 100%;

	max-width: 640px;

	min-width: 320px;

	position: fixed;

	top: 0;

	z-index: 1000;

	display: none;

	background: rgba(0,0,0,.6);

}

#wxnr .nrdf {margin: auto;position: absolute;top: 50%;left: 0;right: 0;width: 255px;/* height: 155px; */padding: 20px 10px;padding-top: 20px;margin-top: -2.5rem;text-align: center;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius: 10px;}

#wxnr img {

	width: 135px;

	height: 135px;

	display: block;

	margin: 0 auto;

}

#wxnr p {font-size: 14px;line-height: 1.5;text-align: center;}

#wxnr i {position: absolute;top: 10px;right: 10px;font-size: 0.2rem;line-height: 20px;width: 20px;text-align: center;color: #fff;font-weight: bold;font-style: normal;background: #333;border-radius: 1rem;cursor: pointer;}

#wxnr span {display: inline-block;padding: 3px 10px;line-height: 1.5;background-color: #dc0000;color: #fff;border-radius: 0.05rem;cursor: pointer;}

#wxnr span.wx {

	padding-left: 0.4rem;

	background-image: url(../images/wx.png);

	background-size: 0.28rem;

	background-position: 0.1rem center;

	background-repeat: no-repeat;

}

/*复制提示*/

#weixin {

	position: fixed;

	top: 50%;

	margin-top: -0.4rem;

	z-index: 9999999;

	font-size: 0.26rem;

	color: #fff;

	width: 90%;

	right: 5%;

	line-height: 0.8rem;

	text-align: center;

	background: rgba(0, 0, 0, 0.8);

	border: 2px solid #333;

	border-radius: 0.1rem;

	display: none;

}



/* 工具栏 */

#toolbar {position: fixed;bottom: 0;width: 100%;z-index: 888;left: 0;background: #CC0000; display: none;}
@media (max-width: 480px){
  #toolbar{display:block;} 
  body{ padding-bottom: 64px;}
}
#toolbar .list {

	width: 100%;

	max-width: 640px;

	min-width: 320px;

	margin: 0 auto;

	background: #dc0000;

}

#toolbar .list li {float: left;width: 25%; border-right: 1px solid rgba(0, 0, 0, .15); text-align: center;border-left: 0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}

#toolbar .list li:first-child {}

#toolbar .list a {font-size: 14px;height: 64px;display: flex;flex-direction: column;align-items: center;justify-content: center;}

#toolbar .list a span {text-align: center;color: #fff;display: block;font-size: 14px;}

#toolbar .list a s {margin-left: auto;margin-right: auto;display: block;}

#toolbar .list li:nth-child(2) s {

background-position: -.0rem -.2rem;

}

#toolbar .list li:nth-child(3) s {

background-position: -.38rem -.2rem;

}

#toolbar .list li:nth-child(4) s {

background-position: -1.2rem -.2rem;

width:.34rem;

height:.34rem;

}

#toolbar .list li:hover {

	background: #e47419;

}
#toolbar .list li svg path{ fill: #fff;}

/* #foot{ padding-bottom:0; }
#foot .outbox{ background: #787f81; background: #315823;  padding: 4rem 0; }
 */

 *{ -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;}

  .cpbanner{
    background: url(../images/cp.png) no-repeat center;
    height: 699px;
    width: 100%;
  }

  .abbanner{
    background: url(../images/gy.png) no-repeat center;
    height: 699px;
    width: 100%;
  }

  .mabbanner{
    background: url(../images/mgy.png)  no-repeat center;
    background-size: 100% 100%;
    height: 20em;
    width: 100%;
  }

  .mcpbanner{
    background: url(../images/mcp.png) no-repeat center;
    background-size: 100% 100%;
    height: 20em;
    width: 100%;
  }

  .xwbanner{
    background: url(../images/xw.png) no-repeat center;
    height: 699px;
    width: 100%;
  }

  .mxwbanner{
    background: url(../images/mxw.png) no-repeat center;
    background-size: 100% 100%;
    height: 20em;
    width: 100%;
  }
  .lxbanner{
    background: url(../images/lx.png) no-repeat center;
    height: 699px;
    width: 100%;
  }

  
  .mlxbanner{
    background: url(../images/mlx.png) no-repeat center;
    background-size: 100% 100%;
    height: 20em;
    width: 100%;
  }

  .neidh a{
    margin-right: 25px;
    color: #333333;
  }
  .neidh a:hover{
    color: #000;
  }
  .mb{
    font-size: 15px;
    color: #969696;
  }
  .mb a{
    color: #969696;
  }
  .mb a:last-child{
    color: #FD7F32;
  }
  .neidh a{
    position: relative;
    display: inline-block;
    height: 75px;
    line-height: 75px;
    
  }
  .neidh a.cli{
    border-bottom: 2px solid #FD7F32;
  }
  .neidh a.cli::after{
    position: absolute;
    bottom: 0px;
    left: calc(50% - 4px);
    content: '';
    border-bottom: 4px solid #FD7F32;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
  }
  .cplist a{ flex: 0 500px;display: flex;margin-top: 50px;}

 
  .wenhua{
    background: url(../images/abbg.fw.png) no-repeat top center;
   
    
  }

  .wenhua1{
    background: url(../images/wh1.fw.png) no-repeat; width: 480px; height: 530px;
    flex: 0 480px;
  }

  .wenhua2{
    background: url(../images/wh2.fw.png) no-repeat; width: 480px; height: 530px;
    flex: 0 480px;
  }

  .wenhua3{
    background: url(../images/wh3.fw.png) no-repeat; width: 480px; height: 530px;
    flex: 0 480px;
  }
  .whtitle{
    color: #333333;
    font-size: 20px;
    text-align: center;
    margin-top: 360px;
  }

  .whcontent{
    color: #666666;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    margin-top: 10px;
  }

  .lxwm{
    height: 530px;
    background: url(../images/lx.fw.png) no-repeat center;

    margin: 30px 0;
  }
  .lwmdz{
    color: #fff;
    padding: 180px 0 0 10px;
    width: 320px;
    line-height: 26px;
  }


.pagination-container ul li a, .pagination-container ul li span{
    margin-top: 0px;
}
.pagination-container select{
    margin-top: 7px;
}

.pagination-container ul li.active span {
  color: #fff;
  border-color: #e21f27;
  background: #e21f27 !important;
}
.pagination-container ul li a:hover{
  border-color: #e21f27;
}

.daohang{
  height: 4em;
  background-color: #fff;
  width: 100%;
  display: flex;
  align-items: center;
}
.dhtitle{
  flex: 1;
  position: relative;
  padding-left: 1em;
  color: #333333;
  font-weight: bold;
  font-size: 1.2em;
}
.dhtitle::before{
  content: "";
  background-color: #FF6600;
  width: 3px;
  height: 1.1em;
  display: inline-block;
  position: absolute;
  left: 0.5em;
}

.dhmore{
  background-color: #E4E4E4;
  height: 1.8em;
  display: flex;
  align-items: center;
  padding: 0 1.2em;
  margin-right: 1em;
  border-radius: 2em;
  font-size: 1em;
}

.ywfw{
  background: url(../images/ywbg.fw.png) center 100% no-repeat;
}

.coimg img{
  max-width: 36%;
  max-height: 36%;
  z-index: 2;
}
.coimg::before{
  content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #78bd96;
    border-radius: 100%;
    -webkit-transform: scale(.8);
}
.coimg{
  width: 4.5rem;
  height: 4.5rem;
  position: relative;
  display: flex;
  align-items: center;
  align-self: center;
  justify-content: center;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0px 2px 19.11px 1.89px rgba(0, 0, 0, 0.15);
}
.col1{
  flex: 0 25%;
  display: flex;
  justify-content: center;
  margin-top: 1em;
}
.col1 .coimg::before{
  background: #78bd96;
}
.col2 .coimg::before{
  background: #f4a575;
}
.col3 .coimg::before{
  background: #7bb7e4;
}
.col4 .coimg::before{
  background: #ef8888;
}
.col5 .coimg::before{
  background: #ef8888;
}
.col6 .coimg::before{
  background: #7bb7e4;
}
.col7 .coimg::before{
  background: #f4a575;
}
.col8 .coimg::before{
  background: #78bd96;
}

.biaoqian{
  display: none;
}