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

/*===========================header=============================*/
body{ padding-top: 6.75rem;}
#header,#nav ul li h3,.top_menu{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header{ z-index:999; width:100%; display: flex; align-items: center; top: 0; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); justify-content: center; position:fixed; z-index: 998; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header .m{ height:100%; display: flex; justify-content: space-between; position: static; }
#header .fr{max-width: 78rem;display: flex;justify-content: space-between;flex-grow: 1;}
#logo{ }
#logo a{ display: flex; height: 100%; align-items: center;}
#logo img{ height:32px; 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; }
#nav ul{display: flex; flex-grow: 1;}
#nav ul li{ float:left; position:relative; z-index:0; flex-grow: 1; text-align: center; }
#nav ul li a{ display:block; font-size: 0;}
#nav ul li h3{ font-size:1.125rem; color:#000000; line-height:6.75rem; overflow:hidden; text-align: center; position:relative; z-index: 1; display: inline-block; font-weight: bold;}
#nav ul li.on h3,#nav ul li:hover h3{ font-weight: bold; color: #e60012;}
#nav ul li h3:before{content: "";display: block;width: 100%;position: absolute;z-index: -1;left: 0;bottom: 0;height: 3px;opacity: 0;visibility: hidden;transform: scaleX(0);background: #e60012;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);}
#nav ul li.on h3:before,#nav ul li:hover h3:before{ opacity: 1; visibility: visible; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); }
#nav ul li .sub{
    position:absolute;
    top:100%;
    min-width: 100%;
    left: 50%;
    z-index: 10000;
    display: none;
    overflow: hidden;
    box-shadow: 0 8px 16px rgba(0,0,0,.1);
    line-height: 20px;
    letter-spacing: -.02em;
    white-space: nowrap;
    text-align: center;
    border-radius: 4px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
#nav ul li .sub .box{ text-align: center; }
#nav ul li .sub a{padding:0 15px;color: #2f2f2f;white-space: nowrap;display: block;height: 2.75rem;font-size: .9rem;line-height: 2.75rem;transition: .3s;background: #fff;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;font-weight:normal!important;}
#nav ul li .sub a+a{ border-top: 1px dotted rgba(255, 255, 255, 0.3);}
#nav ul li .sub a:hover{color: #e60012;}
#nav ul li.nav_pro{ position: static;}
#nav ul li .sub.sub_pro{ position: absolute; left: 0; width: 100%; padding: 2.5rem 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
 

.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: #082558;}

.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); }
.top_menu{ float:left; }
.top_menu .ico{ float:left; margin-left:1.5rem; }
/*语言切换*/
.top_menu #yuyanBtn{ position:relative; height:100%;}
.top_menu #yuyanBtn .dt{ height:100%; display: flex; align-items: center;}
.top_menu #yuyanBtn i{ display:inline-block; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:3px;}
.top_menu #yuyanBtn i svg{ display: block;}
.top_menu #yuyanBtn i svg path{ fill:#0e0e0e;}
.top_menu #yuyanBtn .dd{ position:absolute; top:100%; background:#fff; width:100px; left:50%; margin-left:-50px; border-radius:5px; z-index: 10000; transform:translateY(-20px); visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.top_menu #yuyanBtn:hover .dd{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
.top_menu #yuyanBtn .dd .box{  background:#fff; border-radius:5px; overflow: hidden; }
.top_menu #yuyanBtn .dd:before {
    content: "";
    position: absolute;
    top: -3px;
    right: 50%; margin-right:-10px;
    height: 20px;
    width: 20px;
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    z-index: -1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.top_menu #yuyanBtn .dt a{ display:block; text-align:center; line-height:32px; height:35px; padding: 0 20px; color: #000000; font-size: 1rem; font-family: BarlowCondensed-Regular; border: 1px solid #cccccc;  border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; }
.top_menu #yuyanBtn .dd a{ display:block; text-align:center; line-height:35px; height:35px; color: #333; }
.top_menu #yuyanBtn .dd a:hover{  background: #082558; color: #fff;}
/*搜索*/
#searchBtn{ height:100%; display: flex; align-items: center;}
#searchBtn a{ display:block; width:35px; height:35px; line-height:35px; border-radius:50%; text-align:center; background: #082558; transition:.3s; overflow:hidden; }
#searchBtn svg path { fill:#fff; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
 
.top_menu .ico a{font-size:14px;color:#fff; font-family: arial; text-transform:capitalize;display:  block;width:  100%;height:  40px;line-height: 38px;}
.top_menu .icon{ fill:#626262;vertical-align:middle; }
 

.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box; z-index:999;
  display: block;
  position:relative;

  }
/*.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}*/
.tc_close{ position: absolute; cursor:pointer; color:#fff; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
#tc_search{ width:100%; padding:3rem; background:#082558; 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 form{ height:5rem; position:relative; width:900px; max-width:90%; margin:0 auto;}
#tc_search form:after{ content:""; width:0; height:1px; background:#fff; 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:2rem; color:#fff;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:5rem; border:0; line-height:4.25rem;background:url(/static/style/pc/images/seach_white.svg) center center no-repeat; background-size:1.8rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }
#tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
#tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
#tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }
#tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }
#tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* 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(255,255,255,.3);}
#tc_search .draw_h:hover svg.drawcircle circle { stroke:#fff;}
#tc_search .draw_h img {position:absolute;top:50%;margin-top: -8px;left:50%;margin-left: -8px;transition:.3s;width: 16px;}
/***********************/
#header.xg #nav ul li h3{ line-height: 4.5rem;}
#header.xg #logo img{ }
 
/*手机导航最先*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:999; 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;height: 21px;}
/*导航按钮最先*/
/*导航按钮最先*/
#nav_btn_box{ height:100%; z-index:999999999; 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: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 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: 99999;}
#m_nav>ul>li{width: 80%;overflow:hidden;padding: 0 1rem;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(/static/style/pc/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: 1000;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:3rem; border-radius:25px; background: rgb(255 255 255); border: 1px solid #4eade2; position:relative; width: 23rem; 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:3rem;line-height:3rem;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: 3rem; height:3rem; line-height:3rem; border:0; background: url(/static/style/pc/images/seach_white.svg) center no-repeat #4eade2; 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{  width:100%; overflow: hidden; position: relative; top:0; left:0; z-index:1; background:#fff; }
.linebox{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: space-between; z-index: 9;}
.linebox div{ width: 1px; height: 100%; background: rgba(255, 255, 255, 0.1);}
#banner .banner_slider{ margin: 0; }
#banner li{ position:relative; }
#banner li .img{ width:100%; height:calc(100vh - 6.75rem); background-size: cover !important; z-index:8; -webkit-transform: scale(1.5); transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }	
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
to { -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
to { -webkit-transform: scale(1); transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
}
#banner .slick-active .img{ animation:bgscale 7.2s linear forwards; -webkit-animation:bgscale 7.2s linear forwards; }
#banner .m{ height:100%;}
#banner li.slick-current{ z-index:999;}
#banner .con{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:999; }
#banner .pic{ margin:0 auto; margin-bottom: 2rem; color:#fff; margin-top:0rem; opacity: 0; transform:translateY(-100px); transition: .8s; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; -o-transition: .8s; -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -ms-transform:translateY(-100px); -o-transform:translateY(-100px); }
#banner .pic img{display: inline-block;/* max-width: 53%; */}
#banner li.slick-current{ z-index:999;}
#banner .slick-current .pic{ opacity: 1; animation:enter 1.3s ease forwards; -webkit-animation:enter 1.3s ease forwards; }
 
#banner .slick-dots{bottom:5rem;display: inline-block !important;left: 0;width: auto;transform: none;margin: 0; padding-left: 6.5rem;}
#banner .slick-dots li{ margin:0 .5rem;}
#banner .slick-dots li button{ border-radius: 50%; border: 1px solid transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; padding: 0; }
#banner .slick-dots li button:before{ content:""; position:relative; display:inline-block; width:6px; height:6px; border-radius:50%; background: #fff; box-sizing:border-box; opacity:1; }
#banner .slick-dots li.slick-active button{ border-top: 1px solid #fff; border-left: 1px solid #fff; animation:roll 4s infinite linear; -webkit-animation:roll 4s infinite linear; }
 

 #banner .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-24px; transform:translate(0,0); opacity:.4;
	display:block; width: 3rem; height: 3rem; background-size:contain !important;}
#banner .slick-prev{ left:55px;background:url(/static/style/pc/images/banner_left.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
#banner .slick-next{ right:55px; background:url(/static/style/pc/images/banner_right.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.slick-prev:before, .slick-next:before{ display:none;}
#banner .slick-arrow:hover{ opacity: 1;}
@-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%; }
}
 
 

.s_tt{ text-align: center; margin-bottom: 4.125rem; }
.s_tt h3{ font-size: 2.125rem; color: #040404; font-weight: bold; margin-bottom: .5rem; }
.s_tt h4{ font-size: .9rem; color: rgba(4,4,4,.6); line-height: 2;}
.s_yewu{ padding-top: 6rem;}
.s_yewu .relative{ position: relative;}
.s_yewu .bd{background: #fbfaff; position: relative;}
.s_yewu .bd .left{ background: url(/static/style/pc/images/pro_txt_bg.jpg) left bottom no-repeat;  }
.s_yewu .bd .right{ position: absolute; left: 50%; top: 0; width: 50%; height: 100%;}
.s_yewu .hd{ position: absolute; left: 0; bottom: 60px; width: 100%;}
.s_yewu .hd ul{ width: 980px; display: flex; max-width: 100%; border-radius: 1.125rem 0 1.125rem 0; overflow: hidden; -webkit-border-radius: 1.125rem 0 1.125rem 0; -moz-border-radius: 1.125rem 0 1.125rem 0; -ms-border-radius: 1.125rem 0 1.125rem 0; -o-border-radius: 1.125rem 0 1.125rem 0; }
.s_yewu .hd ul li{ width: 33.333%; }
.s_yewu .hd ul li a{ text-align: center; height: 195px; background: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_yewu .hd ul li .ico{ display: block; width: 1.875rem; height: 1.875rem; opacity: 1; margin: 0 auto; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_yewu .hd ul li .ico img{ width: 29px; height: auto; max-height: inherit;}
.s_yewu .hd ul li h5{ font-size: 1.1rem; color: #1b1b1b; margin-bottom: 5px;margin-top: 1rem;}
.s_yewu .hd ul li span{ font-size: 1.125rem; color: #1b1b1b; opacity: .3; font-family: BarlowCondensed-Thin; text-transform: capitalize;  }
.s_yewu .hd ul li .arr{ display: block; width: 12px;  height: 0; opacity: 0; background: url(/static/style/pc/images/s_yewu_arr.png) center bottom no-repeat; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_yewu .hd ul li.slick-current a{ background: #082558 url(../images/s_pro_li.jpg) center bottom no-repeat; background-size: 100% 100%;}
/* .s_yewu .hd ul li.slick-current a:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/static/style/pc/images/ico_wurenji.png) center no-repeat; background-size: 60%;} */
.s_yewu .hd ul li.slick-current .ico{ opacity: 0; margin-top: -1.75rem;}
.s_yewu .hd ul li.slick-current h5{ color: #fff;}
.s_yewu .hd ul li.slick-current span{ color: #fff;}
.s_yewu .hd ul li.slick-current .arr{ opacity: 1;  height: 2.25rem;}

.s_yewu .hd ul li:hover a{ background: #082558 url(../images/s_pro_li.jpg) center bottom no-repeat; background-size: 100% 100%;}
/* .s_yewu .hd ul li:hover a:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/static/style/pc/images/ico_wurenji.png) center no-repeat; background-size: 60%;} */
.s_yewu .hd ul li:hover .ico{ opacity: 0; margin-top: -1.75rem;}
.s_yewu .hd ul li:hover h5{ color: #fff;}
.s_yewu .hd ul li:hover span{ color: #fff;}
.s_yewu .hd ul li:hover .arr{ opacity: 1;  height: 2.25rem;}

.s_yewu_slide1{ width: 50%;}
.s_yewu_slide2 .img img{ height: 53rem;}
.s_yewu .bd .txt{padding-right: 6.25rem;height: 51rem;padding-top: 4.375rem;}
.s_yewu .bd .txt .tt{}
.s_yewu .bd .txt .tt h3{font-size: 1.75rem;color: #000000;display: inline-block;font-weight: bold;}
.s_yewu .bd .txt .tt .fenshi{ display: inline-block; margin-left: 1.5rem;}
.s_yewu .bd .txt .tt .fenshi span{font-size: 1.875rem;font-family: BarlowCondensed-Bold; color: #000000;}
.s_yewu .bd .txt .tt .fenshi{ font-size: 1.375rem; color: #8b8b8b; font-family: BarlowCondensed-Regular;}
.s_yewu .bd .txt .tt i{display: block;width: 30px;height: 3px;background: #e60012;margin:2.25rem 0 2.5rem;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;}
.s_yewu .bd .txt .con{ font-size: 1rem; line-height: 1.875rem; color: #3e3e3e;}
.s_yewu .bd .btn_xq{margin-top: 3.75rem;}
.btn_xq {
    width: 9.25rem;
    height: 2.8125rem;
    line-height: 2.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: .9375rem;
    color: #7a7a7a;
    border-radius: 20px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: all ease 600ms;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.btn_xq svg{ width: 1.125rem; height: 1.125rem; margin-right: .5625rem;}
.btn_xq svg path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
  .btn_xq:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    box-sizing: border-box;
    border: 1px solid #d7dddf;
    transition: all ease 600ms;
    z-index: -1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

  .btn_xq:hover:before {
    border: 1px solid #082558;
  }
  .btn_xq:hover svg path{ fill:#fff;}
  .btn_xq:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 0;
    background: #082558;
    transition: all ease 600ms;
    z-index: -1;
  }

  .btn_xq:hover:after {
    width: 100%;
    left: 0;
    right: auto;
  }

  .btn_xq:hover {
    color: #fff;
  }
.s_yewu_slide1{}
.s_yewu_slide1 .slick-arrow{ z-index:99; position:absolute; opacity:1; top: auto; bottom: 254px; transform: none; display:block; width:3.75rem; height: 3.75rem; background-size:contain !important; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;
}
.s_yewu_slide1 .slick-prev{ right:0; left: auto; background:url(/static/style/pc/images/pro_left.jpg) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
.s_yewu_slide1 .slick-next{ right:-3.75rem; background:url(/static/style/pc/images/pro_right.jpg) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
/* .s_yewu_slide1 .slick-prev:hover{ background:url(/static/style/pc/images/s_coop_left_on.png) left center no-repeat; }
.s_yewu_slide1 .slick-next:hover{ background:url(/static/style/pc/images/s_coop_right_on.png) right center no-repeat; } */



  .arrow_anim2 {
      display: block;
      opacity: .2;
      transition: .5s;
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      position: relative;
      overflow: hidden;
      border: 2px solid #fff;
      -webkit-transition: .5s;
      -moz-transition: .5s;
      -ms-transition: .5s;
      -o-transition: .5s;
}

    .arrow_anim2:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: url(/static/style/pc/images/bn_nav_ico.png) center no-repeat; background-size: 1.9375rem;
      position: absolute;
      left: -100%;
      top: 0;
      background-size: 2.5rem;
      transition: .5s;
    }

    .arrow_anim2:after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background: url(/static/style/pc/images/bn_nav_ico.png) center no-repeat; background-size: 1.9375rem;
      position: absolute;
      left: 0;
      top: 0;
      background-size: 2.5rem;
      transition: .5s;
    }
    .arrow_anim2:hover{ opacity: 1;}
    .arrow_anim2:hover:before {
      left: 0;
    }

    .arrow_anim2:hover:after {
      left: 100%;
    }

.banner_nav{ margin-top: -9.25rem; position: relative; z-index: 99; color: #fff;}
.banner_nav ul{}
.banner_nav ul li{ padding: 0 2.5rem; height: 9.25rem; width: 25%; padding-top: 1.75rem; float: left; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; cursor: pointer;}
.banner_nav ul li .box{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 1.625rem; position: relative; }
.banner_nav ul li .box:before{ content: ""; display: block; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); position: absolute; left: 0; bottom: 0;}
.banner_nav ul li .box:after{ content: ""; display: block; width: 0; height: 1px; background: #fff; position: absolute; right: 0; left: auto; bottom: 0; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
.banner_nav ul li .tt{ display: flex; align-items: center;}
.banner_nav ul li .tt i{ font-size: 2.5rem; font-family: BarlowCondensed-Regular; margin-right: 1rem; }
.banner_nav ul li .tt h4{ font-size: 1rem;}
.banner_nav ul li .tt span{ font-size: .875rem; opacity: .5;}
.banner_nav ul li .ico{ flex-shrink: 0;}
.banner_nav ul li.slick-current{ padding-top: 0;}
.banner_nav ul li.slick-current .box:after{ width: 100%; left: 0; right: auto;}

.s_jishu{ padding-top: 6.25rem;}
.s_jishu ul{ overflow: hidden;}
.s_jishu ul li{ width: 33.333%; float: left; position: relative; background: #000;}
.s_jishu ul li .img{ opacity:1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_jishu ul li .img img{ display: block;}
.s_jishu ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 6rem 3rem;}
.s_jishu ul li .mask h5{ font-size: 1.375rem; color: #fff; font-weight: bold; margin-bottom: 2.5rem; overflow: visible;}
.s_jishu ul li .mask h5 span{ display: inline-block; position: relative; z-index: 1;}
.s_jishu ul li .mask h5 span:before{ content: ""; display: block; height: 10px; background: #e60012; position: absolute; left: 1.875rem; right: 7px; bottom: -5px; z-index: -1;}
.s_jishu ul li .mask p{ font-size: .9rem; color: #fff; line-height: 1.875rem;}
.s_jishu ul li .mask i{ display: block; width: 34px; height: 10px; background: url(/static/style/pc/images/s_jishu_arr.png) center no-repeat; margin-top: 8rem;}
.s_jishu ul li:hover .img{ opacity: .8;}

.s_fangan{ width: 100%; background: url(/static/style/pc/images/s_fangan_bg.jpg) center no-repeat; background-size: cover; padding-top: 6.25rem; padding-bottom: 6.125rem;}
.s_fangan ul{ display: flex; justify-content: space-between;}
.s_fangan ul li{ width: 18.6%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_fangan ul li.on{ width: 38.9%;}
.s_fangan ul li a{ display: block; position: relative;}
.s_fangan ul li .img img{ height: 485px; object-fit: cover;}
.s_fangan ul li .txt{ position: absolute; left: 0; bottom: 0; width: 100%;}
.s_fangan ul li .txt>div{ margin: 1.375rem; background: #fff; height: 92px; padding: 1.875rem 2.25rem; display: flex; flex-direction: column; justify-content: center;  transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_fangan ul li .txt .tt{ display: flex; justify-content: center;}
.s_fangan ul li .tt{ width: 100%;}
.s_fangan ul li .tt>div{ display: flex;}
.s_fangan ul li .tt h4{ margin-left: 10px; font-size: 1.375rem; color: #082558; font-weight: bold;}
.s_fangan ul li .tt i{ display: block; width: 0; height: 10px; background: url(/static/style/pc/images/s_jishu_arr.png) right center no-repeat; opacity: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_fangan ul li .txt p{ opacity: 0; height: 0; font-size: .85rem; line-height: 1.75rem; overflow: hidden; color: #fff; color: rgba(255, 255, 255, 0.8); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.ico_tgl{ display: block; width: 1.375rem; height: 1.375rem;}
.ico_tgl img{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
 
.s_fangan ul li.on{}
.s_fangan ul li.on .txt>div{ background: #082558 url(../images/s_fangan_li.jpg) center bottom no-repeat; background-size: 100% 100%; height: 144px;}
.s_fangan ul li.on .tt{ justify-content: space-between;}
.s_fangan ul li.on .txt .tt h4{  color: #fff; margin-bottom: .5rem;}
.s_fangan ul li.on .tt i{ width: 2.125rem; opacity: 1; transition-delay: .8s;}
.s_fangan ul li.on .txt p{ height: 3.75rem; opacity: 1; transition-delay: .5s;}
li.on .ico_tgl .img01{ display: none;}
li.on .ico_tgl .img02{ display: block;}

.s_case{ padding-top: 6.25rem; padding-bottom: 6.25rem;}
.s_hd{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 3.125rem;}
.s_hd .s_tt{ text-align: left; margin-bottom: 0;}
.s_hd .btn_xq{ color: #fff;}
.s_hd .btn_xq:before{ border: 1px solid #082558; background: #082558;}
.s_hd .btn_xq:after{ background: #e60012;}
.s_hd .btn_xq svg path{ fill: #fff;}

.s_case ul{ display: flex; flex-flow: wrap; margin: -1.25rem; }
.s_case ul li{ width: 33.33%; float: left; padding: 1.25rem;}
.s_case ul li .img{}
.s_case ul li .img img{ display: block;}
.s_case ul li .txt{ padding: 1.875rem 1.625rem; background: #f4f8fd;}
.s_case ul li .txt h5{ font-size: 1.2rem; color: #333333; margin-bottom: .75rem;}
.s_case ul li .txt p{ font-size: .9rem; line-height: 1.875rem; color: rgba(0,0,0,.6);}

.s_news{ width: 100%; background: url(/static/style/pc/images/s_news_bg.jpg) center no-repeat; background-size: cover; padding-top: 5.25rem; padding-bottom: 5rem;}
.s_news01{}
.s_news01 ul{}
.s_news01 ul li{}
.s_news01 ul li a{ display: flex; background: #fff; position: relative;}
.s_news01 ul li .img{ width: 52.9%; flex-shrink: 0; height: 478px;}
.s_news01 ul li .img img{ display: block; object-fit: cover;}
.s_news01 ul li .txt{ padding-left: 3.5rem; padding-right: 4rem; display: flex; flex-direction: column; justify-content: center;}
.s_news01 ul li .txt .tag{ font-size: .875rem; color: #e60012; margin-bottom: .75rem;}
.s_news01 ul li .txt h4{ font-size: 1.35rem; color: #000000; line-height: 2.25rem; overflow: hidden;  margin-bottom: 2.25rem; font-weight:bold;}
.s_news01 ul li .txt p{ font-size: .9rem; line-height: 1.875rem; color: #6e6e6e; margin-bottom: 5.25rem;}
.s_news01 ul li .txt .time{ font-size: .875rem; color: #000000;font-family: BarlowCondensed-Regular; }
.s_news01 ul li .txt .time span{ font-size: 3.125rem; font-family: BarlowCondensed-Bold; display: block;}
.more_jia{ position: absolute; right: 0; bottom: 0; width: 3.5625rem; height: 3.5625rem; display: flex; align-items: center; justify-content: center; background: #e60012;}
.more_jia svg{ width: 1.25rem; height: 1.25rem;}
.s_news01 .slick-dots{bottom:63px;display: inline-block !important;left: 52.9%;width: auto;transform: none;margin: 0; padding-left: 12rem;}
.s_news01 .slick-dots li{ margin:0 .5rem;}
.s_news01 .slick-dots li button{ border-radius: 50%; border: 1px solid transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; padding: 0; }
.s_news01 .slick-dots li button:before{ content:""; position:relative; display:inline-block; width:6px; height:6px; border-radius:50%; background: #000000; box-sizing:border-box; opacity:1; }
.s_news01 .slick-dots li.slick-active button{ border-top: 1px solid #e60012; border-left: 1px solid #e60012; animation:roll 4s infinite linear; -webkit-animation:roll 4s infinite linear; }
.s_news01 .slick-dots li.slick-active button:before{ background:#e60012;  }
@keyframes roll{
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); }
}

.s_news02{ margin-top: 2.5rem; overflow: hidden;}
.s_news02 ul{ margin: 0 -15px;}
.s_news02 ul li{ width: 33.333%; float: left; padding: 0 15px;}
.s_news02 ul li a{ display: block; position: relative; box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.08);}
.s_news02 ul li .img{}
.s_news02 ul li .img img{}
.s_news02 ul li .txt{ background: #fff; padding: 3.125rem 2.5rem;}
.s_news02 ul li .txt h4{ font-size: 1.2rem; color: #000000; line-height: 2rem; height: 4.4rem; overflow: hidden; margin-bottom: 1.5rem;}
.s_news02 ul li .txt p{}
.s_news02 ul li .txt span{ font-size: 1.25rem; color: rgba(0, 0, 0, 0.4);font-family: BarlowCondensed-Regular;}


.online_q {  position: fixed; right: 0; bottom: 30%; z-index: 9999; transition:.5s; -webkit-transition:.5s;}
.online_q .close{ position:absolute; right: -1rem; font-size: 1rem; color: #969797; opacity: 1; font-weight: normal; display: block;}
.online_q .btn2{width:4.875rem; height:4.875rem; cursor:pointer; position:relative; margin-bottom:5px; }
.online_q .btn-top{ padding:0; transition:.5s; overflow:hidden;}
.online_q .btn-top span{ }
.online_q .btn2 a{  font-size:12px; color:#fff;}
.online_q .btn2 span img{ max-width: 25px; max-height: 25px; margin-bottom: .5rem;}
.online_q .btn2 span{ display:block; float:left; text-align: center; width:4.875rem; height:4.875rem; display: flex; color: #fff; font-size: .875rem; flex-direction: column; align-items: center; justify-content: center; position:relative; z-index:999; transition:.3s; -webkit-transition:.3s; background: #1b51a8; border-radius: 3px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.online_q .btn2:nth-child(2) span{ background: #082558;}
.online_q .btn2:nth-child(3) span{ background: #082558;}
.online_q .btn2:nth-child(4) span{ background: #082558;}
.online_q .btn2:nth-child(5) span{ background: #224685;}
.online_q .btn2:hover span{background: #224685; }
.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 .open.pic h5{ font-size: 12px; color: #777; text-align: center; line-height: 25px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:5.5rem;visibility:visible;}
.online_q .open.phone{ display:inline-block; height:4.875rem; line-height:4.875rem; 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.875rem; white-space:nowrap; position:absolute; right:0;transition:.5s; -webkit-transition:.5s; overflow:hidden;}
.btn-tel:hover a{ width:15rem;}
.online_q .btn-02.btn-tel:hover span{ background:url(/static/style/pc/images/piaofu_tel.png) center no-repeat #fff; border:2px solid #082558;}
.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;}
.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:#082558; z-index: -1; border-radius: 3px; transition: .3s; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.online_q .btn2.btn-tel:hover a:before{background: #224685;}
#gotop.hide{height:0; overflow:hidden; display:block !important;}



 
#foot{ background: #082558; color: #fff; padding-top: 3.5rem; overflow: hidden;}
#foot .m{ display: flex; justify-content: space-between;}
#foot .left{ flex-grow: 1; border-right: 1px solid #213b69;}
#foot .right{ display: flex; flex-direction: column; justify-content: space-between; padding-left: 50px; width: 411px; padding-top: 2.75rem; }
#foot .tt{ margin-bottom: 2.5rem;}
#foot .tt h3{ font-size: 1.375rem; margin-bottom: 2rem;}
#foot .tt i{ display: block; width: 20px; height: 1px; background: #fff;}
.foot_nav{ display: flex; flex-grow: 1; justify-content: space-between; padding-right: 5.75rem;}
.foot_nav dl{ }
.foot_nav dt{ font-size: 1.375rem; margin-bottom: 2rem;}
.foot_nav dt:after{ content: ""; display: block; display: block; width: 20px; height: 1px; background: #fff; margin-top: 2rem;}
.foot_nav dd{ font-size: .9rem; line-height: 2.25rem; color: rgba(255, 255, 255, 0.5);}
.foot_nav dd a:hover{ color: #fff;}
.foot_lianxi{ font-size: .9rem; line-height: 2.2rem; color: rgba(255, 255, 255, 0.5);}
.foot_lianxi dl{ display: flex;}
.foot_lianxi dl dt{ white-space:nowrap;}
.foot_ewm{ display: flex; align-items: center; margin-top: 1.75rem; margin-left: 3px;}
.foot_ewm .pic{ position: relative; padding: 10px;}
.foot_ewm .pic:before{ content: ""; display: block; position: absolute; left: -3px; top: -3px; width: 100%; height: 100%; border: 1px solid #395179; }
.foot_ewm .pic:after{ content: ""; display: block; position: absolute; left: 3px; top: 3px; width: 100%; height: 100%; border: 1px solid #395179; }
.foot_ewm .pic img{ display: block;}
.foot_ewm p{ width: 1rem; font-size: .9375rem; color: rgba(255, 255, 255, 0.5); margin-left: 1.25rem;}

.foot_bot{ background: #213b69; margin-top: 3rem;}
.copyright{ display: flex; justify-content: space-between; font-size: .875rem; color: rgba(255, 255, 255, 0.5); line-height: 1.5; padding: 1.5rem 0; width: 100%; }
 
.foot_top{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 3.75rem; border-bottom: 1px solid #213b69; margin-bottom: 3.375rem; padding-right: 5.75rem;}

.foot_share{ }
.foot_share .font{ display:inline-block; width:35px; height:35px; line-height:33px; border-radius:50%; border: 1px solid #cac7c4; text-align:center; transition:.3s; font-size:0; margin-right:.8rem; }
.foot_share .font svg{ max-width:70%; max-height:55%; vertical-align:middle; opacity: 1; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.foot_share .font:hover{ background:#e60012; border: 1px solid #e60012;}
.foot_share .font:hover svg{ opacity: 1; -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);}
@media (max-width: 480px)
{
.foot_share .font.hidden-xs{ display:none;}
}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{ position:absolute; background: #d9d9d9; border-radius: 2px; overflow: hidden; top:50%; z-index:9999; width: 11rem; left:50%; margin-left: -5.5rem; margin-top: -5.5rem; padding: 1rem; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width:100%; margin: 0 auto;display: block;}
.tc1 .tc-box h5{ padding-top: 1rem; font-size: .875rem; color: #6c6c6c;text-align:center;}

.n_banner{ height: 33.5rem; 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 span{ font-size: 1.875rem; color: #fff; font-family: BarlowCondensed-Bold; text-transform: uppercase;}
.n_banner h3{ font-size: 1.875rem; color: #fff; margin-top: 1rem; margin-bottom: 1.5rem;}
.n_banner p{ font-size: 1.125rem; color: #fff; letter-spacing: .75rem; line-height: 1.5;}

.n_title {padding: 0;position: relative; z-index: 99; border-bottom: 1px solid #e5e5e5; }
.n_title .m { position: relative; display: flex; justify-content: space-between; align-items: center;}
.n_nav { position: relative; }
.n_nav li{display: block; font-size: 1rem; color: #393939; float: left;line-height: 5.625rem; padding: 0 2rem; 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+li:after{ content: ""; display: block; width: 1px; height: 18px; background: #cccccc; position: absolute; left: 0; top: 50%; margin-top: -9px;}
.n_nav li:before {content: "";width: 0;height: 100%;position: absolute; bottom:0; left: 0; background: #082558;transition: 0.3s ease-in-out; opacity: 0; z-index: -1;}
.n_nav li.on,.n_nav li:hover{ color: #fff;}
.n_nav li.on:before, .n_nav li:hover:before { width: 100%; opacity: 1;}  
.n_nav li.on:after,.n_nav li:hover:after{ opacity: 0;}

.n_nav .sub{position: absolute;top: 100%;min-width: 100%;left: 0;display: none;}
.n_nav .sub a{display: block;height: 2.75rem;font-size: .9rem;line-height: 2.75rem;transition: .3s;background: #fff;text-align: center;text-transform: uppercase;-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;-o-transition: .3s;white-space: nowrap;padding: 0 15px; font-weight:normal!important;color: #2f2f2f;}
.n_nav .sub a:hover{ color: #e70012;}
.position { left: 0;bottom: 0; font-size: .9375rem;color: #747679;}
.position img{ vertical-align: middle; margin-bottom: 3px; margin-right: 5px;}
.position span, .position a, .position i {font-size: .8125rem;color: #828386;-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: #e60012;font-style: normal;}
.position a:hover {color: #e60012;}


.n_tt{ text-align: center; margin-bottom: 3.5rem;}
.n_tt h3{ font-size: 2.25rem; color: #000000; font-weight: bold;}
.n_tt p{ font-size: 1rem; line-height: 1.5; color: #5f5f5f; margin-top: 2.5rem;}

.kuozhan01{ padding-top: 4.75rem; padding-bottom: 5rem;}
.kuozhan01 .ul01{ display: flex; justify-content: center; margin-bottom: 4.125rem; flex-flow: wrap;}
.kuozhan01 .ul01 li{ display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 1rem 2.75rem; }
.kuozhan01 .ul01 li .ico{ height: 2.75rem; max-width: 2.75rem; margin-bottom: .875rem;}
.kuozhan01 .ul01 li .ico img{}
.kuozhan01 .ul01 li h4{ font-size: 1rem; color: #e60012; font-weight: bold; margin-bottom: .75rem;}
.kuozhan01 .ul01 li p{ font-size: 1rem; color: #5f5f5f;}

.kuozhan01 .ul02{}
.kuozhan01 .ul02 li{ padding: 0 10px; cursor: pointer;}
.kuozhan01 .ul02 li .img{ position: relative;}
.kuozhan01 .ul02 li .img img{}
.kuozhan01 .ul02 li .mask{ position: absolute; left: 0; width: 100%;height: 100%; background: rgba(8, 37, 88, 0.6); top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; display:none; }
.kuozhan01 .ul02 li .mask p{ font-size: 1.375rem; color: #fff; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

.slickbox{ position: relative;}
.slickbox .slick_arr>div{ width: 3.75rem; height: 3.75rem; cursor: pointer; transition: .5s; display: block; position: absolute; top: 50%; background-size: contain !important; z-index: 99; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.slickbox .slick_left{ left: 0; background: url(/static/style/pc/images/slick_left.png) center no-repeat;}
.slickbox .slick_right{ right: 0; background: url(/static/style/pc/images/slick_right.png) center no-repeat;} 
.slickbox .slick_left:hover{ background: url(/static/style/pc/images/slick_left_on.png) center no-repeat;}
.slickbox .slick_right:hover{ background: url(/static/style/pc/images/slick_right_on.png) center no-repeat;}

.kuozhan01 .mask .button_play{ width: 4.375rem; height: 4.375rem; margin-bottom: 1rem; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; z-index: 1; border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.kuozhan01 .mask .button_play img{ width: .625rem; height: auto;}
.kuozhan01 .mask .button_play span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; display: block; background: url(/static/style/pc/images/play_bg.png) center no-repeat; background-size: contain; }
/* .kuozhan01 .ul02 li:hover .mask .button_play{ height: 0; margin: 0; opacity: 0;} */
.kuozhan01 .ul02 li:hover .mask .button_play span{ animation: rolls 2s linear infinite; -webkit-animation: rolls 2s linear infinite; }

.mask_play{ height: 100% !important;background: rgba(8, 37, 88, 0.6) !important;}
.mask_play p{ color: #fff !important;}

.n_line{ display: block; width: 100%; height: 9px; background: url(/static/style/pc/images/n_line.png) center repeat-x;}

.kuozhan02{ padding-top: 4rem; padding-bottom: 4.875rem;}
.kuozhan02 ul{}
.kuozhan02 ul li{ padding: 0 1.25rem; padding-top: 2rem;}
.kuozhan02 ul li .box{}
.kuozhan02 ul li .ico{ width: 8.125rem; height: 8.125rem; position: relative; z-index: 2; background: #082558; display: flex; 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%; }
.kuozhan02 ul li .ico img{ max-width: 2.75rem; max-height: 2.75rem;}
.kuozhan02 ul li .ico:before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(8, 37, 88, 0.2); position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; 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); }
.kuozhan02 ul li .ico:after{ content: ""; display: block; width: 100%; height: 100%; background: rgba(244, 248, 253, 0.2); opacity: 0;  position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; transform: scale(0); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); }
.kuozhan02 ul li .txt{ height: 30rem; padding:3.5rem 1.5rem 2rem; position: relative; z-index: 1; margin-top: -4rem; background: #f4f8fd; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.kuozhan02 ul li .txt:before{ content: ""; display: block; background: url(/static/style/pc/images/cptd_txt.jpg) center no-repeat; transition: .5s; background-size: 100% 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.kuozhan02 ul li .txt h4{ font-size: 1.2rem; color: #000000; line-height: 2rem; height: 4rem; margin-bottom: .5rem; text-align: center;}
.kuozhan02 ul li .txt i{ display: block; width: 30px; height: 3px; background: #e60012; margin-bottom: 2rem;}
.kuozhan02 ul li .txt p{ font-size: .9rem; color: #5f5f5f; line-height: 1.7rem; height: 6rem; text-align: center;}
.kuozhan02 ul li:hover .ico{ background: #f4f8fd;}
.kuozhan02 ul li:hover .ico:before { transform: scale(1.5); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); } 
.kuozhan02 ul li:hover .ico:after{ transform: scale(1.25); opacity: 1; -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); }
.kuozhan02 ul li:hover .txt:before{ opacity: 1; visibility: visible;}
.kuozhan02 ul li:hover .txt h4{ color: #fff;}
.kuozhan02 ul li:hover .txt p{ color: #fff;}
.kuozhan02 *,.kuozhan02 ul li .ico:before,.kuozhan02 ul li .ico:after{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

.kuozhan03{ background: url(/static/style/pc/images/kuozhan03_bg.jpg) center no-repeat; background-size: cover;}
.kuozhan03 ul{ margin: -1.875rem; display: flex; flex-flow: wrap;}
.kuozhan03 ul li{ padding: 1.875rem; width: 50%;}
.kuozhan03 ul li .box{ background: #fff; padding: 2.25rem 1rem; height: 100%; display: flex; align-items: center; justify-content: flex-end;}
.kuozhan03 ul li p{ font-size: 1.2rem; color: #000000; line-height: 1.5;}
.kuozhan03 ul li .txt{ margin: 0 1rem; text-align: right;}
.kuozhan03 ul li .ico{ width: 6.75rem; height: 6.75rem; flex-shrink: 0; margin:0 1.5rem; transition: .7s; background: #082558; display: flex; 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%; -webkit-transition: .7s; -moz-transition: .7s; -ms-transition: .7s; -o-transition: .7s; }
.kuozhan03 ul li .ico img{ max-width: 2.625rem; max-height: 2.625rem;}
.kuozhan03 ul li:hover .ico{ transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.kuozhan03 ul li:nth-child(even) .box{ display: flex; flex-direction: row-reverse; justify-content: flex-end;}
.kuozhan03 ul li:nth-child(even) .txt{ text-align: left;}
/*====移动端导航====*/
#m_n_nav{background: #3d75c0;display: none;line-height: 50px;position: relative;z-index: 99; width: 100%;}
#bnt_back{position:absolute;left: 1rem;top:0;}
#bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}
#m_n_nav i{}
#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}
#bnt_sub_nav svg{fill: #fff;height: 30px;vertical-align: middle;width: 19px;}
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px rgb(153 153 153 / 34%); z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #3d75c0; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #3d75c0;}
#sub_nav_content dl{font-size:0;overflow: hidden;background: #fff;padding: 10px 0; margin: 0;}
#sub_nav_content dt{position:relative;background:#fff;z-index: 999; margin-bottom: 0;border-top:1px solid #e7e7e7; }
#sub_nav_content dt:first-child{ border: 0;}
#sub_nav_content dt a{margin:0 2px;display:block;color:#5b5349;line-height: 3rem;font-size:1.125rem; vertical-align: top; font-size: 1rem; padding: 0 2rem;} 
#sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;}
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color: #3d75c0; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #3d75c0; }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #3d75c0;}
#sub_nav_content dd{ }
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 3rem;  line-height:30px; font-size:1rem;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color: #3d75c0;}

.subnav{  margin-top:2rem; overflow: hidden; margin-bottom: 2.125rem;}
.subnav ul{ text-align: center;}
.subnav ul li{ position:relative; display: inline-block; margin-bottom: 1rem;}
.subnav ul li a{ display:block; width:9.375rem; height:2.8125rem; line-height:2.6875rem; border-radius:2rem; transition:.5s; text-align:center; border:1px solid #d9d9d9; font-size:1rem; color:#424242; margin:0 1.25rem; position:relative; z-index:1; overflow:hidden;}
.subnav ul li a:before{ content:""; width:0; height:100%; display:block; background:#71c32b; transition:.5s; position: absolute; z-index:-1; top:0; right:0;}
.subnav ul li:hover a,.subnav ul li.on a{ border:1px solid #71c32b; color: #fff;}
.subnav ul li:hover a:before,.subnav ul li.on a:before{ width:100%; right:auto; left:0;}

.n_jiankong{}
.n_jiankong .m{ display: flex; align-items: center;}
.n_jiankong .left{ width: 25.375rem; height: 25.375rem; position: relative; flex-shrink: 0; border-radius: 50%; margin-right: 3.75rem; background: #f2f4f6; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.n_jiankong .left .dots{ position: absolute; right: 0; bottom: 0;}
.n_jiankong .right{}
.n_jiankong .img{ position: relative; width: 21.625rem; height: 21.625rem; border-radius: 50%; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.n_jiankong .img>img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.n_jiankong .mask{ position: absolute; cursor: pointer; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.25); display: flex; align-items: center; justify-content: center;}
.n_jiankong .mask .button_play{ width: 4.375rem; height: 4.375rem; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; z-index: 1; border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.n_jiankong .mask .button_play img{ width: .625rem; height: auto;}
.n_jiankong .mask .button_play span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; display: block; background: url(/static/style/pc/images/play_bg.png) center no-repeat; background-size: contain; animation: rolls 2s linear infinite; -webkit-animation: rolls 2s linear infinite; }

@keyframes rolls{
  0%{ transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
  100%{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
}
     
.n_jiankong .txt{ font-size: 1rem; line-height: 2rem; color: #5f5f5f;}
.n_jiankong .txt h3{ font-size: 2.25rem; color: #000000; font-weight: bold; margin-bottom: 1.5rem;}
.n_jiankong .txt h4{ font-size: 1.375rem; color: #3a3a3a; margin-bottom: 1.25rem; line-height: 1.5; padding-top: 1rem;}
.n_jiankong .txt p{ font-size: 1rem; line-height: 2rem; color: #5f5f5f;}

.n_jiankong02{}
.n_jiankong02 .m{ background: url(/static/style/pc/images/diaogou.png) 7.5rem top no-repeat; padding-top: 4.6875rem !important; padding-bottom: 5rem; display: flex; align-items: flex-end;}
.n_jiankong02 .left{ width: 52%; flex-shrink: 0; position: relative; z-index: 99;}
.n_jiankong02 .right{ width: 48%;}
.n_jiankong02 .txt{ margin-bottom: 1.5rem; margin-right: -3rem;}
.n_jiankong02 .txt h3{ font-size: 1.5rem; color: #3a3a3a; padding: 1.125rem 3rem; background: #f4f8fd; display: inline-block;}
.n_jiankong02 .txt .con{ font-size: 1rem; color: #5f5f5f; line-height: 2rem; background: #f4f8fd; padding: 2.25rem 3rem;}
.n_line02{ height: 2.5rem; background: url(/static/style/pc/images/yinhao.png) right center no-repeat; position: relative; }
.n_line02:before{ content: ""; display: block; width: 80%; height: 1px; background: #dbdfe3; position: absolute; left: 0; bottom: 0;}

.n_jiankong02 ul{ border: 1px solid #e5e5e5;}

.videobox{ position: relative; overflow: hidden;}
.videobox .mask{ position: absolute; cursor: pointer; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: flex; align-items: center; justify-content: center;}
.videobox .button_play{ width: 4.375rem; height: 4.375rem; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; z-index: 1; border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.videobox .button_play img{ width: .625rem; height: auto;}
.videobox .button_play span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; display: block; background: url(/static/style/pc/images/play_bg2.png) center no-repeat; background-size: contain; animation: rolls 2s linear infinite; -webkit-animation: rolls 2s linear infinite; }
.n_jiankong02 .slick-arrow{ z-index: 9;}
.n_jiankong02 .slick-prev{ background: url(/static/style/pc/images/diaogou_left.png) center no-repeat; left: 3rem;}
.n_jiankong02 .slick-next{ background: url(/static/style/pc/images/diaogou_right.png) center no-repeat; right: 3rem;}

.n_jiazhi{ position: relative; }
.n_jiazhi .n_tt h3{ margin: 0;}
.relative{ position: relative;}
.n_jiazhi .n_tt{ display: flex; align-items: flex-end; justify-content: space-between; margin-left: 7.5rem; }
.n_jiazhi .m{ position: static; display: flex; justify-content: flex-end;}
.n_jiazhi .left{  position: absolute; left: 5%; right: 50%; margin-right: -189px; top: .5rem;width: calc(72% - 15rem);}
.n_jiazhi .right{ width: calc(50% - 27rem); align-self: flex-end;} 
.n_jiazhi .left ul li{}
.n_jiazhi .left ul li .img{ background: #8e909b; height: 34rem; display: flex; align-items: center; justify-content: center;}
/* .n_jiazhi .left ul li .img img{ width: auto; height: auto; max-width: 80%; max-height: 90%;} */
.n_jiazhi .left ul li .img img{ object-fit: cover; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; }
.n_jiazhi .slide01{}
.n_jiazhi .right{ }
.n_jiazhi .right ul{ margin: 0 -15px;}
.n_jiazhi .right ul li{ padding: 15px;}
.n_jiazhi .right ul li .txt{ padding: 1.75rem;background: #f4f8fd;}
.n_jiazhi .right ul li.slick-current .txt{ background:#082558; color:#fff;}
.n_jiazhi .right ul li .txt h4{ font-size: 1.2rem; color: #333333; margin-bottom: 1rem; display: flex;}
.n_jiazhi .right ul li .txt h4:before{ content: ""; display: block; width: 12px; height: 12px; border-radius: 50%; border: 2px solid #082558; margin-right: .75rem; margin-top: .5rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.n_jiazhi .right ul li.slick-current .txt h4:before{  border: 2px solid #e60012; }
.n_jiazhi .right ul li.slick-current .txt h4{ color: #fff;}
.n_jiazhi .right ul li.slick-current .txt .con{ color: rgba(255, 255, 255, .8);}
.n_jiazhi .right ul li .txt .con{ font-size: .9rem; line-height: 1.6rem; height: 6rem; overflow: auto; color: #a5a7a9; overflow: auto; padding-right: .5rem; margin-right: -.5rem;}
.n_jiazhi .right ul li .txt .con::-webkit-scrollbar {width: 2px;height: 8px;background-color: #F5F5F5;}
.n_jiazhi .right ul li .txt .con::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
.n_jiazhi .right ul li .txt .con::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);background-color: #082558;}

.fenshu{ display: flex; align-items: flex-end; font-size: 3.125rem; color: #6f6f6f; font-family: BarlowCondensed-Regular; }
.fenshu .fenzi{ font-size: 3.125rem; color: #e60012; font-family: BarlowCondensed-Bold; margin-right: 10px; }
.fenshu .fenmu{ font-size: 1.875rem; margin-bottom: 3px; margin-left: 3px;}
.n_jiazhi .arrbox{ position: absolute; height: 100%; right: -7.5rem; top: 0; padding-top: 6.875rem; background: url(/static/style/pc/images/n_line2.png) center 17rem no-repeat;}
.n_jiazhi .arrbox>div{ width: 3.75rem; height: 3.75rem; cursor: pointer; background-size: contain !important; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_jiazhi .arr_top{ background: url(/static/style/pc/images/slick_top.png) center no-repeat;}
.n_jiazhi .arr_bot{ background: url(/static/style/pc/images/slick_bot.png) center no-repeat;}
.n_jiazhi .arr_top:hover{ background: url(/static/style/pc/images/slick_top_on.png) center no-repeat;}
.n_jiazhi .arr_bot:hover{ background: url(/static/style/pc/images/slick_bot_on.png) center no-repeat;}
.n_anzhuang{ background: #f4f8fd; overflow: hidden; width: 100%;}
.n_anzhuang .n_tt{ text-align: right; display: flex; align-items: center; justify-content: space-between;}
.n_anzhuang .n_tt h3{ margin: 0;}
.n_anzhuang ul{ margin: 0 -1.25rem;}
.n_anzhuang ul li{ padding: 0 1.25rem;}
.n_anzhuang ul li .img{}
.n_anzhuang ul li .img img{}
.n_anzhuang ul li .txt{ text-align: left; padding: 1.875rem; background: #fff;}
.n_anzhuang ul li .txt h5{ font-size: 1.3rem; color: #333333; margin-bottom: 1rem;}
.n_anzhuang ul li .txt p{ font-size: 1rem; line-height: 1.875rem; color: #9a9a9a;}
.slickbox_right{ display: flex;}
.slickbox_right>div{ width: 3.75rem; height: 3.75rem; cursor: pointer; transition: .5s; display: block;  background-size: contain !important; z-index: 99;  -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.slickbox_right .slick_left{ left: 0; background: url(/static/style/pc/images/slick_left_on.png) center no-repeat;}
.slickbox_right .slick_right{ right: 0; background: url(/static/style/pc/images/slick_right.png) center no-repeat; margin-left: 10px;} 
/* .slickbox_right .slick_left:hover{ background: url(/static/style/pc/images/slick_left_on.png) center no-repeat;}
.slickbox_right .slick_right:hover{ background: url(/static/style/pc/images/slick_right_on.png) center no-repeat;} */
.form_zixun{}
.form_zixun .row{ display: flex; flex-flow: wrap;}
.form_zixun .formgroup{ width: 25%; padding: 1rem; flex-grow: 1;}
.form_zixun .formgroup.yzmbox{ flex-grow: 0;}
.form_zixun .group{ border: 1px solid #e5e5e5; display: flex; align-items: flex-start; padding: 0 1.75rem; position: relative; overflow: hidden;}
.form_zixun .span{ line-height: 3.625rem; font-size: 1rem; color: #a3a3a3; white-space: nowrap;}
.form_zixun .input{ height: 3.625rem; background: none; font-size: 1rem; color: #333; flex-grow: 1;font-family:"Microsoft YaHei","微软雅黑", Arial, Helvetica, sans-serif; }
.form_zixun textarea{ background: none; padding: 1rem 0; font-size: 1rem; line-height: 1.7; font-size: 1rem; color: #333; flex-grow: 1;font-family:"Microsoft YaHei","微软雅黑", Arial, Helvetica, sans-serif; }
.form_zixun .yzm{ position: absolute; right: 0; top: 0; height: 100%;  object-fit: none;mix-blend-mode: multiply;}
.n_zixun{ padding-top: 4.25rem; padding-bottom: 4rem; background: url(/static/style/pc/images/n_consult_bg.jpg) right bottom no-repeat;}
.button_submit{ display: block; width: 10.625rem; height: 3.75rem; background: #e60012; color: #fff; font-size: 1rem; border: 0; outline: 0; cursor: pointer; position: relative; z-index: 1;}
.button_submit:before {
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  width: 0;
  height: 100%;
  background: #082558;
  z-index: -1;
  -webkit-transition: .6s;
  -moz-transition: .6s;
  transition: .6s;
  -ms-transition: .6s;
  -o-transition: .6s;
}

.button_submit:hover:before {
  left: 0;
  right: auto;
  width: 100%
}



.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; z-index: 99;}
.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;}

.s_video .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.s_video{ position: relative;}

.n_jiankong.n_status .left{ display: block; width: 551px; height: 441px; padding: 14px 15px; background: url(/static/style/pc/images/status_videobox.png) center no-repeat; background-size: contain; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.n_jiankong.n_status .left .img{ width: 460px; height: 347px; border-radius: 13px; -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; }
.n_jiankong.n_status .left .img>img{ border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.n_jiankong.n_status .right{ position: relative; z-index: 1; margin-top: 2rem;}
.n_jiankong.n_status .right .dots{ position: absolute; left: 0; top: -5rem; z-index: -1;}
.n_jiankong.n_status .txt{ background: #f4f8fd; padding: 2.75rem 1.875rem; position: relative; }

.kuozhan01.n_status{ padding-top: 0;}

.n_gongneng{ padding-top: 3.75rem; padding-bottom: 5.25rem; overflow: hidden; width: 100%;}
.n_gongneng ul{ margin: 0 5rem;}
.n_gongneng ul li{}
.n_gongneng ul li .ico_tgl{ position: relative; max-width: 85%; background: url(/static/style/pc/images/polo01.png) center no-repeat; transition: .5s; width: 140px; height: 160px; background-size: contain; display: flex; align-content: center; justify-content: center; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_gongneng ul li .ico_tgl img{ max-width: 35%; max-height: 35%;}
.n_gongneng ul li h5{ text-align: center; font-size: 1rem; line-height: 1.5rem; margin: 0 .5rem; margin-top: 1.75rem; color: #5f5f5f; white-space: normal;}
.n_gongneng ul li:hover .ico_tgl{ background: url(/static/style/pc/images/polo02.png) center no-repeat;}
.n_gongneng .slickbox .slick_arr>div{ background-size: 13px !important; top: 40%;}
.n_gongneng .slickbox .slick_left{ left: 0; background: url(/static/style/pc/images/diaogou_left.png) center no-repeat;}
.n_gongneng .slickbox .slick_right{ right: 0; background: url(/static/style/pc/images/diaogou_right.png) center no-repeat;} 
.n_gongneng .slickbox .slick_left:hover{ background: url(/static/style/pc/images/diaogou_left_on.png) center no-repeat;}
.n_gongneng .slickbox .slick_right:hover{ background: url(/static/style/pc/images/diaogou_right_on.png) center no-repeat;}

.kuozhan02.n_status{ background: #f4f8fd;} 
.kuozhan02.n_status ul li .txt{ background: #fff;}

/*翻页*/
.page { text-align:center; margin-top:3rem; font-size: 0; color:#919191;}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 11px; min-width: 2.75rem; line-height:2.625rem; height: 2.75rem; display:inline-block; border:1px solid #e5e5e5; border-radius: 3px; margin:0 0.375rem; color:#919191; font-size:1rem; -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; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.page .on{ background:#e60012;  color:#fff; border:1px solid #e60012; }
.page a:hover{ background:#e60012;  color:#fff; text-decoration:none; border:1px solid #e60012;}
.page span{ line-height:32px; display:inline-block; margin:0 8px; font-size:1rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.page input{ height: 2.75rem; line-height: 2.625rem; font-size: 1rem; display:inline-block; border:1px solid #e5e5e5; border-radius: 3px; background:none; width:2.5rem; text-align:center; color:#868686; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.page button{ width:65px; cursor:pointer; height: 2.75rem; line-height: 2.625rem; display:inline-block; border-radius: 3px; border:1px solid #e5e5e5; font-size:1rem; color:#868686; background:none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.page button:hover{ background:#e60012;  color:#fff; text-decoration:none; border:1px solid #e60012;}

.n_fuwu{  overflow: hidden; width: 100%;}
.n_fuwu ul{ margin: 0 -2.375rem;}
.n_fuwu ul li .flex{ display: flex; padding: 5rem 0;}
.n_fuwu ul li .left{ width: 50%; padding: 0 2.375rem; padding-top: 4.25rem;}
.n_fuwu ul li .txt{ height: 100%; background: url(/static/style/pc/images/n_line.png) center bottom no-repeat;}
.n_fuwu ul li .txt h3{ font-size: 2.25rem; color: #000000; font-weight: bold; margin-bottom: 3rem;}
.n_fuwu ul li .txt .con{ font-size: 1rem; line-height: 2rem; color: #5f5f5f;}
.n_fuwu ul li .txt .con p{ margin-bottom: 2rem;}
.n_fuwu ul li .txt .con .dot{ color: #e60012; margin-right: .875rem;}
.n_fuwu ul li .right{ width: 50%; padding: 0 2.375rem; flex-shrink: 0;}
.n_fuwu ul li .img img{}
.n_fuwu ul li:nth-child(even){ background: #f4f8fd;} 
.n_fuwu ul li:nth-child(even) .flex{ flex-direction: row-reverse; } 

.n_dingzhi{}
.n_dingzhi .img02{ display: none;}
.n_dingzhi .box{ position: relative;}
.n_dingzhi .box .txt{ position: absolute; left: 35%; top: 0; height: 100%; display: flex; align-items: center; justify-content: flex-end; padding-right: 3.25rem; font-size: 1rem; line-height: 2rem; color: #5f5f5f; }
.n_dingzhi .box .txt .con{ padding-bottom: 7%;}

.form_download{  }
.form_download .row{ display: flex; align-items: center; justify-content: space-between; margin: 0 -.9375rem;}
.form_download .groupbox{ flex-grow: 1;}
.form_download .groupbox,.form_download .groupbox2{ padding: 0 .9375rem;} 
.form_download input,.form_download .select-wrapper,.form_download select{ height: 5.625rem !important; width: 100% !important; font-size: 1.5rem; color: #3e3e3e; }
.form_download select{ border: 0; background: #f4f8fd; padding: 0 3rem;-webkit-appearance: none; outline:none; background-image:url(/static/style/pc/images/select_arrow.svg) !important; background-position:95% center !important; background-repeat:no-repeat !important; background-size:1rem !important;}
.form_download .select-down{ top: 50% !important; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.form_download .btn_search{ width: 16.875rem; height: 5.625rem; cursor: pointer; border: 0; background: #e60012; color: #fff; font-size: 1.375rem; display: flex; align-items: center; justify-content: center;}
.form_download .btn_search svg{ margin-right: 1.25rem;}
.form_download .select-list{ top: 5.625rem !important;}
input,button,textarea{ border:0; box-shadow:0; outline:0; -webkit-appearance:none; border-radius:0;}

.n_hd{ display: flex; justify-content: space-between; align-items: center; padding-bottom: 2.5rem;}
.n_tt2{}
.n_tt2 h3{ font-size: 1.875rem; color: #404040; font-weight: bold; display: inline-block; position: relative; z-index: 1;}
.n_tt2 h3:before{ content: ""; display: block; width: 58px; height: 10px; background: #e60012; position: absolute; z-index: -1; right: 2px; bottom: -4px;}

.duoxuan{ display: flex;}
.duoxuan label {font-size:1rem;cursor:pointer;color:#404040; display: flex; align-items: center;}
.duoxuan label+label{ margin-left:5rem; }
.duoxuan label i {font-size:18px;font-style:normal;display:inline-block; width:1.25rem;height:1.25rem; margin-right: .9375rem; text-align:center; color:#fff;border:#e60012 2px solid;vertical-align:middle; display: flex; align-items: center; justify-content: center; color:#7d7d7d; position:relative;}
.duoxuan label i:before{ content:""; width:.625rem; height:.625rem; display:block; }
.duoxuan input[type="checkbox"],input[type="radio"] {display:none;}
.duoxuan input[type="radio"] + i {border-radius:50%;}
.duoxuan input[type="checkbox"]:checked + i:before { background:#e60012;}
.duoxuan input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}
.duoxuan input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;}

.n_inquiry_handbook{ overflow: hidden; width: 100%;}
.n_inquiry_handbook ul{ margin: -.9375rem; padding-top: 3.125rem; display: flex; flex-wrap: wrap; margin-bottom: 3rem;}
.n_inquiry_handbook ul li{ width: 50%; padding:.9375rem;}
.n_inquiry_handbook ul li .box{ display: flex;align-items: center; justify-content: space-between; border: 1px solid #e5e5e5; padding: 2.125rem 2.5rem;}
.n_inquiry_handbook ul li .ico_book{ width: 2.25rem; height: 2.25rem; margin-top: -.5rem; margin-right: .375rem;}
.n_inquiry_handbook ul li .left{ position: relative; display: flex;}
.n_inquiry_handbook ul li .left h4{  font-size: 1.2rem; margin-bottom: 1rem; }
.n_inquiry_handbook ul li .time{ display: flex; align-items: center; font-size: 1.125rem; color: #5f5f5f; font-family: BarlowCondensed-Regular;}
.n_inquiry_handbook ul li .time svg{ width: 1.5rem; margin-right: 5px;}

.btn_down{ width: 5.125rem; height: 5.125rem; display: block; border-radius: 50%; border: 1px solid #e8e8e8; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s;  }
svg path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_inquiry_handbook ul li:hover .btn_down{ background: #e60012; border: 1px solid #e60012; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.n_inquiry_handbook ul li:hover .btn_down svg path{ fill:#fff;}

.loadmore{ display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 1rem; color: #3e3e3e;}
.loadmore svg{ margin-bottom: .75rem;}

.n_inquiry_video{ background: #f4f8fd; overflow: hidden; width: 100%;}
.n_inquiry_video ul{ display: flex; flex-flow: wrap; margin: -.9375rem; padding-top: 3.125rem; margin-bottom: 2.5rem;}
.n_inquiry_video ul li{ width: 33.333%; padding: .9375rem;}
.n_inquiry_video ul li .box{ display: flex; border: 1px solid #dbdfe3; padding: 1.125rem; height: 100%;}
.n_inquiry_video .img{ position: relative; overflow: hidden; width: 50%; margin-right: 2rem; flex-shrink: 0;   }
.n_inquiry_video .img:before{ content: ""; display:block; width: 100%; height: 0; padding-top: 71.7%;}
.n_inquiry_video .img>img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;  overflow: hidden;  }
.n_inquiry_video .mask{ position: absolute; cursor: pointer; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: rgba(0, 0, 0, 0.25); display: flex; align-items: center; justify-content: center;}
.n_inquiry_video .mask .button_play{ width: 4.375rem; height: 4.375rem; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; z-index: 1; border-radius: 50%;-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.n_inquiry_video .mask .button_play img{ width: .625rem; height: auto;}
.n_inquiry_video .mask .button_play span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; display: block; background: url(/static/style/pc/images/play_bg.png) center no-repeat; background-size: contain; animation: rolls 2s linear infinite; -webkit-animation: rolls 2s linear infinite; }
.n_inquiry_video .txt{ flex-grow: 1; min-width: 0; display:flex; flex-direction: column; justify-content: center;}
.n_inquiry_video .txt h4{ font-size: 1rem; color: #3e3e3e; line-height: 1.5;}
.n_inquiry_video .btn_down02{ margin-top: 1.5rem;}



.btn_down02 {
  width: 8rem;
  height: 3.125rem;
  line-height: 3.125rem;
  display: flex; align-items: center; justify-content: center;
  text-align: center;
  font-size: .9375rem;
  color: #7a7a7a; 
  position: relative;
  z-index: 0;
  overflow: hidden;
  transition: all ease 600ms; 
}
.btn_down02 svg{ width: 1rem; height: 1rem; margin-right: .5625rem;}
.btn_down02 svg path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.btn_down02:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 100%; 
  box-sizing: border-box;
  border: 1px solid #d7dddf;
  transition: all ease 600ms;
  z-index: -1; 
}

.btn_down02:hover:before {
  border: 1px solid #e60012;
}
.btn_down02:hover svg path{ fill:#fff;}
.btn_down02:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 0;
  background: #e60012;
  transition: all ease 600ms;
  z-index: -1;
}

.btn_down02:hover:after {
  width: 100%;
  left: 0;
  right: auto;
}

.btn_down02:hover {
  color: #fff;
}

.n_client_serve{ overflow: hidden; width: 100%;}
.n_client_serve ul{ display: flex; align-items: center; justify-content: center; flex-flow: wrap;}
.n_client_serve ul li{ width: 50%; max-width: 40rem; padding: 0 1.875rem; margin-bottom: 1rem;}
.n_client_serve ul li .box{ border: 1px solid #e5e5e5; padding: 2.5rem; display: flex; align-items: center;justify-content: center;}
.n_client_serve ul li .box .ico{ width: 4.625rem; height: 4.625rem; margin-right: 2.5rem; flex-shrink: 0; border-radius: 50%; display: flex; align-items: center;justify-content: center; background: #082558; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.n_client_serve ul li .box .ico img{ max-width: 50%; max-height: 50%;}
.n_client_serve ul li .box .txt{ }
.n_client_serve ul li .box .txt h4{ font-size: 1.375rem; color: #444444;}
.n_client_serve ul li .box .txt p{ font-size: 2.5rem; color: #e60012; font-family: BarlowCondensed-Medium;}


#n_licheng{ overflow: hidden; background: url(/static/style/pc/images/n_licheng_bg.jpg) right bottom no-repeat; }
#n_licheng .m{ }
#n_licheng .con{ padding-left:4.875rem; font-size: 1rem; line-height: 2rem; margin-bottom: 3.75rem; color: #262627; font-weight:bold; margin-top: -.5rem;}
#n_licheng .left{ width:660px; padding-bottom: 64px; float: left; overflow: hidden;  position: sticky;position: -webkit-sticky; top: 100px;  }
#n_licheng .right{ width: calc(100% - 660px); float: right; border-left: 1px solid #e5e5e5; padding-bottom: 3rem; }
#n_licheng .left .box{overflow: hidden; display: flex;}
#n_licheng .left .img{ width: 480px; float: left; margin-right: 3.75rem;}
#n_licheng .left .img img{ object-fit: cover;}
#n_licheng .left .tt{ float: left; width:85px; display: flex;}
#n_licheng .left .tt img{ float: left;align-self: flex-start;}
#n_licheng .left .tt .h3box{ float: left; width: 100px; font-size: 1.5rem; color: #35383a;}
#n_licheng .left .tt .h3{ padding-bottom: 1.5rem; }
#n_licheng .left .tt .h3 h3{ font-family: PingFangSC-Bold; width: 1.75rem; margin-left: 2.25rem; font-weight: bold; font-size: 2.25rem; font-weight: bold; height: 400px;}
#n_licheng .left .tt .h3 span{position: absolute;font-size: 1.625rem;color: #e60012;font-family: Bebas,BarlowCondensed-Medium;text-transform: uppercase;white-space: nowrap;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform-origin: left top;margin-left: 29px;}
#n_licheng dl{ padding-left: 4.875rem; margin-bottom: 1.25rem; font-size: 1rem; line-height: 2rem; color: #7a7a7a;}
#n_licheng dt{ font-size: 1rem; line-height: 2rem; position: relative; color: #7a7a7a;}
#n_licheng dt:before{ content: ""; display: block; width: 8px; height: .8125rem; background: url(/static/style/pc/images/sanjiao.png) center no-repeat; background-size: contain; position: absolute; left: -2.5rem; top: .625rem; opacity: 0; transform: translateX(20px); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); }
#n_licheng dd{ font-size: 1rem; line-height: 2rem; color: #7a7a7a; position: relative;}
#n_licheng dl.on dt{ color: #e62129;color: #e60012; font-weight: bold;}
#n_licheng dl.on dt:before{ opacity: 1; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }

#n_licheng .hd{ text-align: center;}
#n_licheng .hd ul{ max-width:880px; margin: 0 auto;}
#n_licheng .hd ul li{ margin-bottom: 3.625rem; padding: 0 .9375rem;}
#n_licheng .hd ul li a{ display: block; height: 3.75rem; width: 100%; border: 1px solid #d6dbe6; position: relative; line-height: 3.75rem; font-size: 1.25rem; color: #35383a; font-weight: bold; font-family: PingFangSC-Bold; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
#n_licheng .hd ul li a:before{ content: ""; width: 14px; height: 8px; background: url(/static/style/pc/images/licheng_ico.png) center no-repeat; position: absolute; left: 50%; margin-left: -7px; bottom: -17px; opacity: 0; transition: .5s; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_licheng .hd ul li.slick-current a{ border: 1px solid #e62129; background: #e62129; color: #fff;}
#n_licheng .hd ul li.slick-current a:before{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
#n_licheng .right ul{ min-height: 570px;}

#n_chuxin{}
#n_chuxin .box01{ display: flex;}
.n_tt3{ display: inline-block; padding-bottom: 7rem; flex-shrink: 0; margin-right: 9.375rem; position: relative;}
.n_tt3 span{ color: #e60012; font-size: 3.625rem; font-family: BarlowCondensed-Bold; text-transform: uppercase; }
.n_tt3 h3{ font-size: 2.25rem; color: #000000; font-weight: bold; line-height: 3.125rem; }
.n_tt3 i{ display: block; position: absolute; left: 0; bottom: 0; width: 16.875rem; height: 1px; background: #082558;}

.ar_article{ font-size:1rem; color:#5f5f5f; line-height:2rem; text-align:justify; }
.ar_article h4{ font-size: 1.125rem;}
.ar_article p{font-size:1rem;color:#5f5f5f;line-height:2rem; }	
.ar_article p+p{ margin-top: 2rem;}
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important;    font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}
.ar_article td *,.ar_article th *{ font-size:1rem !important; font-family: "微软雅黑","Microsoft YaHei", 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%; margin-bottom: 1.5rem;}
.ar_article a{ color:#363636;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6,.ar_article b{ font-weight:bold; color:#232323;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.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;}


.n_shuzi{ padding-top: 1rem;}
.n_shuzi ul{ display: flex; justify-content: space-between; flex-flow: wrap;}
.n_shuzi ul li{ text-align: center; margin-top: 2rem;}
.n_shuzi ul li>div{}
.n_shuzi ul li span{ font-size: 2.5rem; color: #082558; font-family: BarlowCondensed-Bold;}
.n_shuzi ul li i{}
.n_shuzi ul li p{}


#n_coop{ width: 100%; overflow: hidden;}
#n_coop .m>ul{ margin-top: -2rem; overflow: hidden;}
#n_coop .m>ul li{ width: 14.28%; float: left; margin-top: 1.5rem;}
#n_coop ul li .picbox{ display: block; position: relative; padding: 1rem; z-index: 1;}
#n_coop ul li .picbox:before{ content: ""; opacity: 0; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; background: url(/static/style/pc/images/coop_hover2.png) center no-repeat; background-size: contain !important;   opacity:0;  }
#n_coop ul li .pic{ width: 11.125rem; max-width: 100%; margin: 0 auto; position: relative; z-index: 1; background: #fff; border: 1px solid #e7e7e7; overflow: hidden; display: flex; justify-content: center; align-items: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#n_coop ul li .pic:before{ content: ""; display: block; width: 100%; height: 0; padding-top: 100%;}
#n_coop ul li .pic img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; transform: scale(.7); -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); }
#n_coop ul li .picbox:hover:before{ opacity:1; animation: rolls 5s infinite linear; -webkit-animation: rolls 5s infinite linear; }
#n_coop ul li h5{ font-size: 1.1rem; color: #0c0c0c; text-align: center; display: none;}

#n_coop .hd{ text-align: center;}
#n_coop .hd ul{ margin: 0 auto; display: flex; justify-content: center; flex-flow: wrap;}
#n_coop .hd ul li{ margin-bottom: 3.625rem; padding: 0 .9375rem;}
#n_coop .hd ul li a{ display: block; height: 3.75rem; width:11.875rem; border: 1px solid #d6dbe6; position: relative; line-height: 3.75rem; font-size: 1.25rem; color: #35383a; font-weight: bold; font-family: PingFangSC-Bold; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
#n_coop .hd ul li a:before{ content: ""; width: 14px; height: 8px; background: url(/static/style/pc/images/licheng_ico.png) center no-repeat; position: absolute; left: 50%; margin-left: -7px; bottom: -17px; opacity: 0; transition: .5s; transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_coop .hd ul li.on a,
#n_coop .hd ul li:hover a{ border: 1px solid #e62129; background: #e62129; color: #fff;}
#n_coop .hd ul li.on a:before,
#n_coop .hd ul li:hover a:before{ opacity: 1; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }

#n_zizhi{ overflow: hidden;}
#n_zizhi ul{ margin: 0 -.9375rem;  margin-top: -2.625rem; display: flex; flex-flow: wrap;}
#n_zizhi ul li{ width: 20%; float: left; padding: 0 .9375rem; padding-top: 2.625rem !important; text-align: center;}
#n_zizhi ul li a{ display: block; position: relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_zizhi ul li .imgbox{ position: relative; display: inline-block; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_zizhi ul li .pic{ position: absolute; left: 7%; top: 7%; width: 86%; height: 86%; text-align: center;}
#n_zizhi ul li h2{ font-size: 1rem; width: 100%; color: #636363; text-align: center; padding-top: 1.125rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_zizhi ul li a:hover{  }
#n_zizhi ul li a:hover h2{ }
#n_zizhi ul li .pic img{ display: inline-block; max-height: 15rem; max-width: 90%;}

#n_wenhua2{ width: 100%; background: url(/static/style/pc/images/n_wenhua_bg.jpg) center bottom  no-repeat; background-size: cover;}
#n_wenhua2 .tt{ display: block; position: relative; text-align: center; margin-bottom: 4.6875rem;}
#n_wenhua2 .tt h3{ font-size: 2.125rem; font-weight: bold;  margin-bottom: .5rem;}
#n_wenhua2 .tt span{ font-size: 1rem; color: #646464; }
#n_wenhua2 .tt_picbox{ text-align: center;}
#n_wenhua2 .tt_picbox .tt_pic{ width: 28.375rem;}
#n_wenhua2 .con{ position: relative;} 
#n_wenhua2 ul{}
#n_wenhua2 ul li{ position: absolute; cursor: pointer; max-width: 646px;}
#n_wenhua2 ul li.li_1{ right: 50%; margin-right: 17rem; top: 40%; text-align: right;}
#n_wenhua2 ul li.li_2{ left: 50%; margin-left: 17rem; top:40%;  }
#n_wenhua2 ul li.li_3{  position: static; text-align: center; margin: 0 auto; margin-top: 3.5rem;}
#n_wenhua2 ul li.li_4{ right: 50%; margin-right: 18rem; bottom: 0; text-align: right;}
#n_wenhua2 ul li h5{ font-size: 1.375rem; font-weight: bold; color: #082558; display: none;}
#n_wenhua2 ul li p{ font-size: 1rem; color: #646464; line-height: 2rem; }
 
#n_yewu{}
#n_yewu .m{ display: flex;}
#n_yewu .m .left{ flex-grow: 1; width: calc(100% - 27.625rem); padding-right: 5rem;}
#n_yewu .m .right{ width: 27.625rem; flex-shrink: 0; background: #f4f8fd url(../images/n_yewu_r_bg.jpg) right bottom no-repeat;box-shadow: 0px 2px 19.11px 1.89px rgba(0, 0, 0, 0.02);}
#n_yewu .img{ border-radius: 15px 0 15px 0; overflow: hidden; -webkit-border-radius: 15px 0 15px 0; -moz-border-radius: 15px 0 15px 0; -ms-border-radius: 15px 0 15px 0; -o-border-radius: 15px 0 15px 0; }
#n_yewu .tt{ height: 16.8758rem; background: url(/static/style/pc/images/n_yewu_r.jpg) center no-repeat; background-size: cover; position: relative;}
#n_yewu .tt .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 4.375rem; padding-left: 3.75rem; color: #fff;}
#n_yewu .tt .mask h3{ font-size: 1.375rem; color: #fff; font-weight: bold; margin-bottom: 7px;}
#n_yewu .tt .mask span{ font-size: 1.125rem; text-transform: uppercase; font-family: BarlowCondensed-Thin; }
#n_yewu .box{ padding-top: 2.5rem; padding-bottom: 3rem;}
#n_yewu .box ul{}
#n_yewu .box ul li{ display: flex; align-items: flex-end; padding: 10px 0; padding-left: 3.125rem; padding-right: 2.5rem; background: #fff; margin-bottom: 1rem; max-width: 375px; margin-right: 2rem; border-radius: 0 2rem 2rem 0; -webkit-border-radius: 0 2rem 2rem 0; -moz-border-radius: 0 2rem 2rem 0; -ms-border-radius: 0 2rem 2rem 0; -o-border-radius: 0 2rem 2rem 0; }
#n_yewu .box ul li span{ font-size: 2.125rem; color: #e60012; font-family: BarlowCondensed-Bold; display: block; margin-right: .875rem; }
#n_yewu .box ul li p{ font-size: .875rem; color: #7f7f7f; margin-bottom: 6px;}
#n_yewu .box ul li:hover{ background: #082558;} 
#n_yewu .box ul li:hover span{ color: #fff;} 
#n_yewu .box ul li:hover p{ color: #fff;} 
#n_yewu .box ul li,#n_yewu .box ul li span,#n_yewu .box ul li p{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

#n_jishu01{ width: 100%; overflow: hidden;}
#n_jishu01 ul{ display: flex; margin: -1.25rem; flex-flow: wrap;}
#n_jishu01 ul li{ width: 50%; padding: 1.25rem; padding-top: 4rem;}
#n_jishu01 ul li .box{ display: flex;}
#n_jishu01 ul li .txt{ background: #f4f8fd; padding: 2rem; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 1;}
#n_jishu01 ul li .txt:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; top: -3.5rem; right: -12.5rem; background: #f4f8fd; z-index: -1;}
#n_jishu01 ul li .txt h3{ font-size: 1.375rem; color: #000000; font-weight: bold; margin-bottom: 2rem;}
#n_jishu01 ul li .txt .con{ font-size: 1rem; line-height: 2rem; color: #9fa1a3; height: 22rem; overflow: auto; margin-bottom: 5px;}
#n_jishu01 ul li .txt .con::-webkit-scrollbar {width: 2px;height: 8px;background-color: #F5F5F5;}
#n_jishu01 ul li .txt .con::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
#n_jishu01 ul li .txt .con::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);background-color: #082558;}
#n_jishu01 ul li .txt .n_line{}
#n_jishu01 ul li .img{ flex-shrink: 0; max-width: 55%; position: relative; z-index: 2;}
#n_jishu01 ul li .img img{ object-fit: cover;}

#n_jishu02{ background: #f4f8fd url(../images/n_jishu02_bg.jpg) left bottom no-repeat; position: relative; width: 100%; overflow: hidden; z-index: 1;}
#n_jishu02 .m{ position: static;}
#n_jishu02 .dots{}
.n_jishu02_bg2{ position: absolute; right: 0; top: 0; left: 64%; height: 100%; z-index: -1; object-fit: cover; width: 36%;}
#n_jishu02 ul{ }
#n_jishu02 ul li{ display: flex; align-items: center; padding-bottom: 3rem;} 
#n_jishu02 ul li .txt{}
#n_jishu02 ul li .tt{ text-align: right; display: flex; flex-direction: column; align-items: flex-end; margin-bottom: 3.5rem;}
#n_jishu02 ul li .tt span{ font-size: 4.125rem;font-family: BarlowCondensed-Bold; color: #e4e9f0; text-transform: uppercase;}
#n_jishu02 ul li .tt h3{ font-size: 2.25rem; color: #000000; font-weight: bold; margin-top: -2.75rem; margin-bottom: 2rem; }
#n_jishu02 ul li .tt i{ display: block; width: 30px; height: 3px; background: #e60012; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
#n_jishu02 ul li .con{ text-align: right; font-size: 1rem; line-height: 2rem; color: #5f5f5f; margin-bottom: 8rem;}
#n_jishu02 ul li .imgbox{ padding: .75rem; background: #f3f7fc; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#n_jishu02 ul li .img{ border-radius: 50%; border: 5px solid #fff;  box-shadow: -7.118px 17.616px 20.58px 0.42px rgba(4, 0, 0, 0.06);}
#n_jishu02 .slickbox{ display: flex; justify-content: flex-end; bottom: 6rem; position: absolute; width: 100%;}
#n_jishu02 .slick-arrow{ z-index:99;  opacity:1; transform: none; display:block; cursor: pointer; width:3.75rem; height: 3.75rem; background-size:contain !important; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none;
}
#n_jishu02 .slick_left{  background:url(/static/style/pc/images/jishu_left.png) left center no-repeat; margin-right: .75rem; margin-left: 0 !important;
	transition:300ms;-webkit-transition:300ms;}
#n_jishu02 .slick_right{  background:url(/static/style/pc/images/jishu_right.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
 .innerbox{ position: relative;}
#n_jishu02 ul li .txt,#n_jishu02 .slickbox{ width: 43.5rem; padding-right: 4rem;}
#n_jishu02 .slick_left:hover{ background:url(/static/style/pc/images/jishu_left_on.png) left center no-repeat; }
#n_jishu02 .slick_right:hover{ background:url(/static/style/pc/images/jishu_right_on.png) left center no-repeat; }

.n_join{}
.n_join ul{ margin: -1.25rem; display: flex; flex-flow: wrap;}
.n_join ul li{ padding: 1.25rem; width: 25%;}
.n_join ul li .box{ background: #f4f8fd; padding: 2.25rem 2.25rem; height: 100%;}
.n_join ul li .box h3{ display: flex; align-items: flex-start; font-size: 1.25rem; line-height: 1.5; color: #333333; margin-bottom: 1.5rem;}
.n_join ul li .box h3 svg{ border-radius: 3px; flex-shrink: 0; margin-right: 1.25rem; margin-top: .125rem; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.n_join ul li .box h4{ color: #7f8183; line-height: 2; display: flex; flex-flow: wrap; margin-right: -2rem;}
.n_join ul li .box h4 span{ display: block; margin-right:2rem; font-size: .9375rem;}
.n_join ul li .box .ico{ margin-top: 1.625rem;}

.tc .flexcenter{ height: 100%; display: flex; align-items: center; justify-content: center;}
.tc_join{ background: #fcfdfd url(../images/tc_join_bg.jpg) center no-repeat; position: relative; z-index: 2; width: 1162px; max-width: 90%; padding: 4rem 3.125rem; display: flex; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.tc_join .left{ padding-right: 4.5rem; position: relative; z-index: 1;}
.tc_join .left:before{  content: ""; display: block; width: 1px; height: 100%; background:#e3dfdf;position: absolute; right: 1px; top: 0;}
.tc_join .left:after{  content: ""; display: block; width: 3px; height: 40px; background:#e60012;position: absolute; right: 0; top: 0;}
.tc_join .left .tt{}
.tc_join .left .tt h3{ font-size: 1.65rem; color: #333333; font-weight: bold; margin-bottom: 1.625rem;}
.tc_join .left .tt p{ font-size:.9rem; line-height: 2rem; color: #848484;}
.tc_join .left .tel{ width: 15rem; height: 4.6875rem; margin-top: 6.75rem; border-radius: 6px; font-size: .875rem; line-height: 1.25rem; border: 1px solid #e5e5e5; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.tc_join .btn_toudi{ margin-top: 20px; display: block; width: 15rem; height: 4.6875rem; display: flex; align-items: center; color: #fff; font-size: 1rem; justify-content: center; background: #082558; border-radius: 6px; -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; }
.tc_join .right{ padding-left: 4.375rem;}
.tc_join .right .con{}
.tc_join .right .con h4{ font-size: 1.3rem; color: #e60012; margin-bottom: 1.125rem;}
.tc_join .right .con p{ font-size: .9375rem; line-height: 2.125rem; color:#7a7a7f; margin-bottom: 2.125rem;}

.n_zhizao .n_tt{ text-align: left;}

.n_lianxi{}
.n_lianxi .left{ padding: 4.25rem 2.5rem; width: 34rem; background: url(/static/style/pc/images/n_lianxi_bg.jpg) left bottom no-repeat;}
.n_lianxi .left .n_tt3{ padding-bottom: 2.25rem; margin-bottom: 3.5rem; margin-right: 0;}
.n_lianxi .left .n_tt3 i{ width: 30px;}
.n_lianxi .left ul{ margin-bottom: 4rem;}
.n_lianxi .left ul li{ display: flex; font-size: 1rem; line-height: 2rem;}
.n_lianxi .left ul li svg{ flex-shrink: 0; width: 1.25rem; height: 2rem; margin-right: .875rem;}
.n_lianxi .left ul li span{ flex-shrink: 0;}
.n_lianxi .left ul li p{ font-size: 1rem;}
.n_lianxi .right{ flex-grow: 1;}
.lx_ewm{ display: flex; align-items: center; margin-left: 3px;}
.lx_ewm .pic{ position: relative; padding: 10px;}
.lx_ewm .pic:before{ content: ""; display: block; position: absolute; left: -3px; top: -3px; width: 100%; height: 100%; border: 1px solid #cccccc; }
.lx_ewm .pic:after{ content: ""; display: block; position: absolute; left: 3px; top: 3px; width: 100%; height: 100%; border: 1px solid #cccccc; }
.lx_ewm .pic img{ display: block; width: 96px; height: 96px;}
.lx_ewm p{ width: 1rem; font-size: 1rem; line-height: 1.2; color: #a3a3a3; margin-left: 1.25rem;}

.borderbox{ border: 1px solid #e2e2e2; display: flex;  border-radius: 1rem 0 1rem 0; -webkit-border-radius: 1rem 0 1rem 0; -moz-border-radius: 1rem 0 1rem 0; -ms-border-radius: 1rem 0 1rem 0; -o-border-radius: 1rem 0 1rem 0; }


#my_map {
  height: 100%; width: 100%; border-left: 1px solid #e2e2e2;
}



.form_fuwu{ margin: -.9375rem;}
.form_fuwu .row{ display: flex; flex-flow: wrap;}
.form_fuwu .groupbox{ display: flex; padding: .9375rem; width: 25%; flex-grow: 1;  }
.form_fuwu .groupbox .group{border: 1px solid #dfe0e1; overflow: hidden; display: flex; width: 100%; position: relative; }
.form_fuwu .groupbox .group .span{  white-space: nowrap; width: 8.625rem; text-align: center; border-right: 1px solid #dfe0e1; font-size: 1rem; background: #f4f8fd; color: #444444; font-weight: bold; display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
.form_fuwu .groupbox .group .span i{ color: red;}
.form_fuwu .groupbox .group .span img{ padding-right: .625rem;}
.form_fuwu .groupbox .group .yzm{ position: absolute; right: 0; top: 0; bottom: 0; height: 100%; object-fit:none; width: 100px;}
.form_fuwu .input{height: 3.9375rem; padding: 0 1.25rem; flex-grow: 1; padding-left: 1.25rem; color: #262626; font-size: .875rem; font-family:"微软雅黑", sans-serif;}
.form_fuwu .btnbox{ width: calc(100% - 345px); font-family:"微软雅黑", sans-serif;}
.form_fuwu textarea{ width: 100%; height: 100%; padding-left: 1.25rem; font-size: .875rem; padding-top: 1.25rem; line-height: 1.5; color: #262626;font-family:"微软雅黑", sans-serif; }
.form_fuwu .btn_tijiao{font-family:"微软雅黑", sans-serif;
  display: block;
  width: 8.625rem;
  height: 3.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; font-size: 1rem; font-weight: bold;
  background: #e60012; border: 0;
  color: #fff; 
  transition: .3s;
}

.n_liuyan{ border-top: 1px solid #e5e5e5;}
.n_liuyan .hd{ display: flex; justify-content: space-between; margin-bottom: 2.125rem;}
.n_liuyan .hd .s_tt{ flex-shrink: 0; margin-bottom: 0;}
.n_liuyan .hd .tt{ font-size: .875rem; line-height: 1.5rem; color: #6f6f6f; max-width: 542px; margin-left: 1.5rem;}

.form_fuwu input::-webkit-input-placeholder{ color:#fff; color: #a2a2a3; }
.form_fuwu input::-moz-placeholder{ color:#fff; color: #a2a2a3; }
.form_fuwu input:-moz-placeholder{ color:#fff; color: #a2a2a3; }
.form_fuwu input:-ms-input-placeholder{ color:#fff; color: #a2a2a3; }
.form_fuwu input:focus::-webkit-input-placeholder {color: transparent;}
.form_fuwu input:focus:-moz-placeholder {color: transparent;}
.form_fuwu input:focus::-moz-placeholder {color: transparent;}
.form_fuwu input:focus:-ms-input-placeholder {color: transparent;}

.form_fuwu textarea::-webkit-input-placeholder{ color:#fff; color: #a2a2a3; }
.form_fuwu textarea::-moz-placeholder{ color:#fff; color: #a2a2a3; }
.form_fuwu textarea:-moz-placeholder{ color:#fff; color: #a2a2a3; }
.form_fuwu textarea:-ms-input-placeholder{ color:#fff; color: #a2a2a3; }
.form_fuwu textarea:focus::-webkit-input-placeholder {color: transparent;}
.form_fuwu textarea:focus:-moz-placeholder {color: transparent;}
.form_fuwu textarea:focus::-moz-placeholder {color: transparent;}
.form_fuwu textarea:focus:-ms-input-placeholder {color: transparent;}

.n_news{}
.n_news ul{}
.n_news ul li{ margin-bottom: 2.8125rem;}
.n_news ul li a{ display: flex; }
.n_news ul li .img{ width: 30.3125rem; flex-shrink: 0; margin-right: 2.25rem;}
.n_news ul li .img img{}
.n_news ul li .txt { min-width: 0; border-bottom: 1px solid #e5e5e5;}
.n_news ul li .txt h5{ font-size: 1.5rem; line-height: 1.5; color: #1c1c1c; font-weight: bold; margin-bottom: 2rem;}
.n_news ul li .txt p{ font-size: 1rem; line-height: 1.875rem; height: 3.75rem; overflow: hidden; margin-bottom: 3.125rem;}
.n_news ul li .txt span{ display: flex; align-items: center; font-size: 1.125rem; color: #5f5f5f; font-family: BarlowCondensed-Regular;}
.n_news ul li .txt span svg{ margin-right: 8px; width: 1.25rem;}
.n_news ul li .jia{ position: relative; z-index: 1; flex-shrink: 0; max-width: 34px; background: #082558; margin-left: 2.5rem; display: flex; align-items: center; justify-content: center; padding: .5rem;}
.n_news ul li .jia:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #e60012; z-index: -1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_news ul li .jia:hover:before{ height: 100%; top: 0; bottom: auto;}
.n_news ul li:hover .jia:before{ height: 100%; top: 0; bottom: auto;}

.n_news_xq{}
.n_news_xq .m{ display: flex; align-items: flex-start;}
.n_news_xq .left{ flex-grow: 1;}
.n_news_xq .right{ width: 25rem; flex-shrink: 0; background: #f0f5f9; padding:3rem 1.25rem;}
.n_news_xq .ar_tt{ display: flex; align-items: center; margin-bottom: 2.25rem;}
.n_news_xq .ar_tt .time{ width: 6.375rem; height: 6.375rem; flex-shrink: 0; margin-right: 1.75rem; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #e60012;font-family: BarlowCondensed-Bold; background: #f4f8fd;}
.n_news_xq .ar_tt .time span{ font-size: 3.25rem; }
.n_news_xq .ar_tt .time p{ font-size: 1.125rem;}
.n_news_xq .ar_tt h3{ font-size: 1.875rem; color: #303137; font-weight: bold; margin-bottom: .75rem; line-height: 1.5;}
.n_news_xq .ar_tt h4{ font-size: 1rem; color: #828282;}
.n_news_xq .ar_tt h4 span{ display: inline-block; margin-right: 2.5rem;}

.search_xq{ margin-bottom: 2.5rem;}
.search_xq form{ background: #fff; display: flex;}
.search_xq form .input{ flex-grow: 1; height: 3.75rem; padding-left: 1.75rem; font-size: .9375rem; color: #787b7d;}
.search_xq form .button{ border: 0; outline: 0; background: none; width: 5rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.search_xq form .button svg{ width: 1.25rem; height: 1.25rem;}

.search_xq input::-webkit-input-placeholder{ color:#fff; color: #a2a2a3; }
.search_xq input::-moz-placeholder{ color:#fff; color: #a2a2a3; }
.search_xq input:-moz-placeholder{ color:#fff; color: #a2a2a3; }
.search_xq input:-ms-input-placeholder{ color:#fff; color: #a2a2a3; }
.search_xq input:focus::-webkit-input-placeholder {color: transparent;}
.search_xq input:focus:-moz-placeholder {color: transparent;}
.search_xq input:focus::-moz-placeholder {color: transparent;}
.search_xq input:focus:-ms-input-placeholder {color: transparent;}

.n_news_xq .left{ padding-right: 3.125rem;}
.n_news_xq .right .tt{ margin-bottom: 1.875rem;}
.n_news_xq .right .tt h3{ font-size: 1.5rem; color: #303137; font-weight: bold;}
.n_news_xq .right .tt span{ font-size: 1.25rem; color:#e60012;font-family: BarlowCondensed-Regular; text-transform: uppercase;  }
.n_news_xq .right .box{ padding: 0 10px;}
.news_tuijian{}
.news_tuijian ul{}
.news_tuijian ul li{ margin-bottom: 1.5rem;}
.news_tuijian ul li a{}
.news_tuijian ul li p{ font-size: 1.125rem; color: #6e6f78; line-height: 1.875rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.news_tuijian ul li:hover p{ color: #082558;}
.ar_fot{ display: flex; justify-content: space-between;}
.ar_fot a{ width: 48%; height: 3.125rem; text-align: center; background: #fff; display: flex; align-items: center; justify-content: center; font-size: .9375rem; color: #878787; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.ar_fot a svg{ margin: 0 4px;width: 1.25rem;}
.ar_fot a span{ margin: 0 4px;}
.ar_fot a:hover{ background: #004173 !important; color: #fff;}
.ar_fot a:hover svg path{ fill: #fff;}

.n_fangan01{}
.n_fangan01 .n_tt{ text-align: left;}
.n_fangan01 .ar_article{ padding-bottom: 1.875rem; border-bottom: 1px solid #e5e5e5; }
.n_fangan02{ text-align: center;}
.computer_box{ text-align: center; display: inline-block; position: relative; max-width: 67%;}
.computer_box ul{}
.computer_box ul li{ position: absolute;}
.computer_box ul li .box{ position:relative; z-index: 1; width: 9.375rem; height: 9.375rem; display: flex; 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%; }
.computer_box ul li .box p{ font-size: 1rem; line-height: 1.5rem; color: #fff;}
.computer_box ul li .box:before{ content: ""; position: absolute; z-index: -1; display: block; width: 100%; height: 100%; background:#01559b; left: 0; top: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.computer_box ul li .box:after{ content: ""; position: absolute; z-index: -1; display: block; width: 100%; height: 100%; transform: scale(1.2);  background:#01559b; opacity: .2; left: 0; top: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.computer_box ul li.li_1{ top: 4.6875rem; left: -15.5rem;}
.computer_box ul li.li_2{ top: 4.6875rem; right: -15.5rem;}
.computer_box ul li.li_3{ bottom: 20%; left: -9.25rem;}
.computer_box ul li.li_4{ bottom: 20%; right: -9.25rem;}

.computer_box ul li.li_2 .box:before,.computer_box ul li.li_2 .box:after{background:#072557;}
.computer_box ul li.li_3 .box:before,.computer_box ul li.li_3 .box:after{background:#ff4200;}
.computer_box ul li.li_4 .box:before,.computer_box ul li.li_4 .box:after{background:#48b5e9;}

.n_fangan03{ background: #f4f8fd; position: relative; z-index: 1;}
.n_fangan03 .box{ text-align: center;}

.n_fangan04{}
.n_fangan04 ul{ margin: -1.25rem -1.5rem; display: flex; flex-flow: wrap;}
.n_fangan04 ul li{ width: 50%; float: left; padding: 1.25rem 1.5rem;}
.n_fangan04 ul li a{ border: 1px solid #fbfaff; display: block; display: flex; background: #f4f8fd; overflow: hidden;}
.n_fangan04 ul li .txt{display: flex;align-items: center;justify-content: center;padding: 0 1.875rem;position: relative;z-index: 1;width: 42%;flex-shrink: .5;}
.n_fangan04 ul li .txt:before{content: "";display: block;width: 120%;height: 100%;position: absolute;right:0;top: 0;background: #f4f8fd;z-index: -2;transition: .5s;transform: skewX(15deg);-webkit-transform: skewX(15deg);-moz-transform: skewX(15deg);-ms-transform: skewX(15deg);-o-transform: skewX(15deg);-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.n_fangan04 ul li .txt h5{ font-size: 1.5rem; color: #404040; margin-bottom: 1.875rem;}
.n_fangan04 ul li .txt .ico_tgl{ margin: 0; margin-bottom: 1.75rem;}
.n_fangan04 ul li .txt p{ font-size: .875rem; color: #404040; line-height: 1.5rem; height: 3rem; overflow: hidden; margin-bottom: 3.75rem;}
.n_fangan04 ul li .btn_more{ display: block; width: 115px; height: 35px; line-height: 35px; font-size: .75rem; text-align: center; text-transform: uppercase; background: #082558; border-radius: 5px; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.n_fangan04 ul li .pic{height: 23rem;display: flex;align-items: center;justify-content: center;mix-blend-mode: multiply;margin-left: -60px;}
.n_fangan04 ul li .pic img{ width: 100%; height: 100%;}

.n_fangan04 ul li .txt:after{content: "";display: block;width: 150%;height: 100%;position: absolute;right: 130%;top: 0;background: #082558;z-index: -1;transition: .5s;transform: skewX(15deg);-webkit-transform: skewX(15deg);-moz-transform: skewX(15deg);-ms-transform: skewX(15deg);-o-transform: skewX(15deg);-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;}
.n_fangan04 ul li:hover .txt:after{ right: 0; }

.n_fangan04 ul li .txt h5,.n_fangan04 ul li .txt p,.n_fangan04 ul li .btn_more{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_fangan04 ul li:hover .txt h5{ color: #fff;}
.n_fangan04 ul li:hover .txt p{ color: #fff;}
.n_fangan04 ul li:hover .btn_more{ background: #00aa5b;}
.n_fangan04 ul li:hover svg path{ fill:#fff;}


canvas {
	display:block;
}
.waves {
	position:absolute; z-index:0;
	left:0; height: 300px;
	right:0;
	bottom:0;
}

.cloud_features{ text-align: center;}
.cloud_features .n_tt p{ max-width: 1260px; margin-left: auto; margin-right: auto;}
.computerslide{ display: inline-block; position: relative;}
.computerslide .box{ position: absolute; left: 1.25rem; top: 1.25rem; right: 1.25rem; padding-top: 60%; height: 0;}
.computerslide .box ul{ position: absolute; left: 0; top: 0; right: 0; height: 100%;}
.computerslide .box .img img{ transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; }
.computerslide .slick_left{ left: -7.75rem; background:url(/static/style/pc/images/jishu_left.png) left center no-repeat; }
.computerslide .slick_right{ right: -7.75rem; background:url(/static/style/pc/images/jishu_right.png) right center no-repeat; } 
.computerslide .slick_left:hover{ background:url(/static/style/pc/images/jishu_left_on.png) left center no-repeat; }
.computerslide .slick_right:hover{ background:url(/static/style/pc/images/jishu_right_on.png) left center no-repeat; }

.plat_features{ border-bottom: 1px solid #c4ceda; background: url(/static/style/pc/images/plat_feature_bg.jpg) center bottom no-repeat; background-size: cover;}
.plat_features ul{ display: flex; background: rgba(255,255,255,.5);}
.plat_features ul li{ width: 15rem; padding: 3rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.plat_features ul li+li{ border-left: 1px solid #c4ceda;}
.plat_features ul li.on{ width: calc(100% - 45rem);}
.plat_features ul li .box{ position: relative; height: 100%;}
.plat_features ul li .box1{ height: 100%; position:absolute; visibility: visible; transition: 0s; left: 0; top: 0; width: 100%; padding-bottom: 3rem; display: flex; align-items: center; flex-direction: column; justify-content: space-between; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; }
.plat_features ul li .ico{ display: block; position: relative; transition: 0s; display: flex; align-items: center; justify-content: center; z-index: 1; margin-top: 2.25rem; width: 5.875rem; height: 5.875rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: 0s; -moz-transition: 0s; -ms-transition: 0s; -o-transition: 0s; }
.plat_features ul li .ico:before{ content: ""; display: block; transition: .3s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #e60012; z-index: -1; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.plat_features ul li .ico:after{ content: ""; display: block; transition: .3s; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #e60012; z-index: -1; transform: scale(1.3); opacity: .2; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.plat_features ul li h5{ font-size: 1.375rem; transition: .5s; color: #1e1e1e; display: inline-block; position: relative; z-index: 1; line-height: 1.5; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.plat_features ul li h5 i{ display: block; width: 3rem; height: .625rem; background: #e60012; position: absolute; z-index: -1; right: 0; bottom:0px;}
.plat_features ul li .box2{ height: 100%; opacity: 0; visibility: hidden; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.plat_features ul li .box2 h5{ margin-bottom: 2.25rem;}
.plat_features ul li .box2 p{ font-size: 1rem; line-height: 2rem; height: 6rem; overflow: auto; color: #5f5f5f; margin-bottom: 2rem;}
.plat_features ul li .box2 p::-webkit-scrollbar {width: 2px;height: 8px;background-color: #F5F5F5;}
.plat_features ul li .box2 p::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
.plat_features ul li .box2 p::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #555;}

.plat_features ul li .box2 .img{ height: 21.75rem;}
.plat_features ul li .box2 .img img{ object-fit: cover;}
.plat_features ul li.on .ico{ opacity: 0; }
/* .plat_features ul li.on .ico:before{ transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); opacity: 0; }
.plat_features ul li.on .ico:after{ transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); opacity: 0;} */
.plat_features ul li.on .box1{ opacity: 0; visibility: hidden; }
.plat_features ul li.on .box1 h5{  opacity: 0; visibility: hidden; }
.plat_features ul li.on .box2{ opacity: 1; visibility: visible;}

.plat_function{}
.plat_function ul{ margin: 0 -1.25rem;}
.plat_function ul li{ padding: 0 1.25rem;}
.plat_function ul li .box{ background: #f4f8fd; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3.625rem 0; position: relative; z-index: 1;}
.plat_function ul li .box .ico{ display: block; width: 8.125rem; height: 8.125rem; margin-bottom: 2rem; background: #e60012; display: flex; 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%; }
.plat_function ul li .box .ico img{}
.plat_function ul li .box h5{ font-size: 1.375rem; color: #5f5f5f; margin-bottom: .75rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.plat_function ul li .box span{ font-size: 1.25rem; text-align: center; color: #a3a5a8; font-family: BarlowCondensed-Regular; text-transform: uppercase; letter-spacing: 5px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.plat_function ul li .box i{ display: block; width: 30px; height: 3px; background: #e60012; margin-top: 3rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.plat_function ul li .box:before{ content: ""; display: block; background: url(/static/style/pc/images/cptd_txt.jpg) center no-repeat; transition: .5s; background-size: 100% 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; visibility: hidden; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.plat_function ul li:hover .box:before{ opacity: 1; visibility: visible;}
.plat_function ul li:hover .box h5{ color: #fff;}
.plat_function ul li:hover .box span{ color: rgba(255,255,255,.5);}
.plat_function ul li:hover .box i{ background: #fff;}
.plat_function .slick_left{ background: url(/static/style/pc/images/jishu_left.png) center no-repeat;}
.plat_function .slick_right{ background: url(/static/style/pc/images/jishu_right.png) center no-repeat;}

.plat_ys{}
.plat_ys .n_tt{ text-align: left;}
.plat_ys .m{ display: flex;}
.plat_ys .left{ flex-grow: 1; padding-right: 7rem; min-width: 0; position: relative;}
.plat_ys .right{ width: 720px; max-width: 50%; position: relative; z-index: 1;}
.plat_ys .right:after{ content: ""; position: absolute; right: -10px; top: 3rem; width:20px; bottom: 0; background: #e60012; z-index: -1; }
.plat_ys .txt{}
.plat_ys .txt h4{ font-size: 1.375rem; margin-bottom: 2rem;}
.plat_ys .txt .con{ font-size: 1rem; line-height: 2rem; color: #5f5f5f;}
.plat_ys .img{ height: 100%;}
.plat_ys .img img{ object-fit: cover; }
.plat_ys .slick_arr{ position: absolute; left: 0; bottom: 0; display: flex;}
.plat_ys .slick_arr>div{ position: static; margin-right: 10px;}
.plat_ys .slick_left{ background: url(/static/style/pc/images/jishu_left.png) center no-repeat;}
.plat_ys .slick_right{ background: url(/static/style/pc/images/jishu_right.png) center no-repeat;}






















<!--耗时1758037513.8535秒-->