@charset "utf-8";
/* CSS Document */
body{ font-size:100%;line-height:1.1; width:100%; position:relative; font-family: ALIBABA-PUHUITI-REGULAR,"微软雅黑",arial,sans-serif; overflow-x:hidden; background: #fff;  }
*{ padding:0; margin:0;}
img{ max-width:100%;}
#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
*{ margin:0; padding:0; outline:none; }
a{ color:inherit;}
a:focus{ outline: none !important;}
h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{ margin:0;}
h5{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
h5 a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
img{ max-width:100%; max-height:100%;}
.img img{ width:100%; height:100%; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
li:hover .img img{ transform: scale(1.05) rotate(.1deg); -webkit-transform: scale(1.05) rotate(.1deg); -moz-transform: scale(1.05) rotate(.1deg); -ms-transform: scale(1.05) rotate(.1deg); -o-transform: scale(1.05) rotate(.1deg); }
svg{ max-width:100%; max-height:100%;}
table{table-layout: fixed;}
.m{ max-width: 1500px; margin: 0 auto; padding:0 50px; display: block; }
.pad_top{ padding-top:4.06rem;}
.pad_bot{ padding-bottom:4.06rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.draw_h{ width: 67px !important; height: 67px !important; line-height: 65px !important; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 1px solid rgba(100%,100%,100%,.5); border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 1;
	stroke: none;
	stroke-dasharray: 0 , 188.49;
	stroke-dashoffset:188.49;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle {
	stroke:#fff;
	stroke-dasharray:188.49 , 0;
	stroke-dashoffset:188.49;
	-webkit-transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1);
	-moz-transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1);
	-ms-transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1);
	-o-transition: all 1.5s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover .icon{ fill:#0081cc;}
/*===========================header=============================*/
#header{ position: absolute; height:8rem; z-index:999; width:100%; top:0; }
.fp-viewing-page2 #header,.fp-viewing-page3 #header,.fp-viewing-page4 #header,.fp-viewing-page5 #header,.fp-viewing-page6 #header,.fp-viewing-page7 #header{ opacity:0; visibility: hidden;}
#header .m{ height:100%; display: flex; justify-content: space-between;}
#logo{ float:left; height:100%;}
#logo img{ }
#header .fr{ max-width: 1000px; flex-grow: 1; display: flex; justify-content: space-between;}
#nav{ float:left; flex-grow: 1; }
#nav ul{display: flex; }
#nav ul li{ float:left; flex-grow: 1; height:8rem; line-height:8rem; position:relative; z-index:0;}
#nav ul li a{ display:block; text-transform:uppercase;}
#nav ul li h3{ font-size:1.125rem; color:#fff; line-height:8rem; overflow:hidden; position:relative; text-align: center;}
#nav ul li.on h3,#nav ul li:hover h3{ color: #1f77e4 !important; }
#nav ul li .sub{ position:absolute; top:100%; background:rgba(59,136,228,.9); width:120px; left:50%; margin-left:-60px; z-index: 10000; display: none;  }
#nav ul li .sub .box{ text-align: center; padding: 10px;}
#nav ul li .sub a{ padding:0; line-height:2; color: #fff; transition:.3s; font-size:15px;}
#nav ul li .sub a:hover{ color:#fff; padding-left: 10px;}
body.ny{ padding-top: 8rem;}
.ny #header{ background: #fff; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; width: 100%;}
.ny #nav ul li h3{ color: #0e0e0e;}
 
.menu-handler{display:block;z-index:1000000;background: rgba(0,0,0,0.35);width: 48px;height: 45px;cursor:pointer;position:fixed;right: 5rem;top: 3rem;transition:all .3s cubic-bezier(.445,.145,.355,1);-webkit-transition:all .3s cubic-bezier(.445,.145,.355,1);-moz-transition:all .3s cubic-bezier(.445,.145,.355,1);}
.menu-handler .box{display:block;height:45px;overflow:hidden;position:  relative;}
.menu-handler::after{width:48px;height:45px;box-sizing:border-box;content:'';display:block;position:absolute;top:0;left:0;pointer-events:none;border:5px solid rgba(0,0,0,.3);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:intervalHamburgerBorder;animation-name:intervalHamburgerBorder;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
@-webkit-keyframes intervalHamburgerBorder{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.6);transform:scale(1.6)}100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}
@keyframes intervalHamburgerBorder{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}80%{-webkit-transform:scale(1.6);transform:scale(1.6)}100%{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}}
.hamburger{width:45px;height:45px;display:block;position:relative;cursor:pointer;float:right;z-index:110;margin-top:50px;margin-right:20px;border:1px solid #fff;pointer-events:auto;-webkit-tap-highlight-color:transparent}
.fp-viewing-page1 .menu-handler {
    display: none;
}
.menu-handler .burger{width: 26px;height: 2px;background: #fff;display:block;position:absolute;z-index:5;top: 13px;left:50%;margin: 0 0 0 -13px;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;}
.menu-handler .burger-2{top: 21px;}
.menu-handler .burger-3{top: 29px;}
.menu-handler.active .burger-1{top: 22px;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg);}
.menu-handler.active .burger-2{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{top: 22px;-webkit-transform:rotate(-225deg);-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);transform:rotate(-225deg);}

.menuBox{position:fixed;z-index: 100000;left:0;right:0;top:0;height:100%;visibility:hidden;}
.menuBox:after,.menuBox:before{content:"";position:absolute;width:100%;height:50%;background:#1261c1;-webkit-transition:.8s cubic-bezier(.77,0,.175,1);-moz-transition:.8s cubic-bezier(.77,0,.175,1);transition:.8s cubic-bezier(.77,0,.175,1)}
.menuBox:before{top:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
.menuBox:after{bottom:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.menuBox .navMobile{padding-top:18%;opacity:0;visibility:hidden;-webkit-transition:.45s;-moz-transition:.45s;transition:.45s;}
.menuBox.show{visibility:visible}
.menuBox.show:after,.menuBox.show:before{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none}
.menuBox.show .navMobile{opacity:1;visibility:visible;-webkit-transition:.76s .6s;-moz-transition:.76s .6s;transition:.76s .6s}
.menuBox .lang{display:none}
.navMobile{text-align:center;position:relative;z-index:1;    display: flex;
    justify-content: center;}

.navMobile dl{ margin-right:4rem; display:inline-block; margin-bottom:1.25rem}
.navMobile dt{font-size:1.125rem;color:#fff;margin-bottom:1.25rem;}
.navMobile dt a{ color:#fff}
.navMobile dd{font-size:0.9375rem;color: rgba(255, 255, 255, .5);line-height:1.875rem;}
.navMobile dd:hover a{color: rgba(255, 255, 255, 1);}


/***********************/
/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:999; transition:0s 1.5s; }
.ny #m_header{ background: #fff;}
#m_header .m{ position:relative; height:100%;}
#m_logo{ transition:0s 1.5s; height:100%; visibility:visible; float: left;}
#m_logo img{ display:block; max-height: 60%;}
/*导航按钮开始*/
#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:#fff;}
#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: #fff;}
.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: 99999; position: fixed; background:#0071ef; width:17rem;  height:100vh; right: -400px; 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: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;}
#m_nav.act{ pointer-events: auto; right:0;}
#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{  }
#m_nav li .a h3{ line-height:4.5rem; height:4.5rem; color:#fff; padding:0; font-size:1.125rem; float:left;}
#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:10px; height:4.5rem; float:right; display:inline-block; background: url(../images/arrow_down.svg) center no-repeat; background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:35px;height: 35px;border:0;font-weight:300;}
/*三级导航 开始*/
#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;}

 .section{ overflow: hidden;}
/*首页banner*/
/*首页banner*/		
#banner{  width:100%; overflow: hidden; position: relative; top:0; left:0; z-index:9; background:#fff; }
#banner .banner_slider{ margin: 0; }
#banner li{ position:relative; }
#banner li .img{ width:100%; height:100vh; background-size: cover !important; z-index:8; -webkit-transform: scale(1.2); transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }	
@-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 6s linear forwards; -webkit-animation:bgscale 6s 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; color:#fff; text-align:center; margin-top:0rem; text-align: center; 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; }
#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 .swiper-pagination{ position: absolute; bottom: 3rem; left: 50%; margin-left: -680px; text-align: left;}
#banner .swiper-pagination span{ display: inline-block; width: 11px; height: 11px; margin-bottom: 24px; position: relative; background: url(../images/bot.png) center 11px no-repeat; opacity: 1 !important; transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
#banner .swiper-pagination span:before{ content: ""; display: block; width: 11px; height: 11px; position: absolute; left: 0; top: 0; border: 1px solid rgba(255,255,255,1); transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
#banner .swiper-pagination span.swiper-pagination-bullet-active:before{ background: #fff; }

#banner .slickdotbox{ top:50%; margin-top: -100px; bottom: auto; width: 5px; height: 120px; position: absolute; right: 50%; margin-right: -700px; }
#banner .slick-dots ul{ }
#banner .slick-dots li{ margin:0; display: block; margin-top: 10px;}
#banner .slick-dots li button:before{ content:""; position:relative; display:inline-block; width:5px; height:1.25rem; border:1px solid rgba(255,255,255,.6); border-radius: 3px; box-sizing:border-box; opacity:1; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
#banner .slick-dots li.slick-active button:before{ background:#fff;  }


@-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%; }
}


.mouse_down { position: absolute; left:50%; bottom: 100px; margin-left:-700px; width: 1rem; text-align: center; z-index: 50; opacity:.9; }
.mouse_down span { display: inline-block; width:1rem; height:3.125rem; margin: auto; position: relative; }
.mouse_down span img{ width: 11px; height:23px; display: block; margin: 0 auto; animation-delay: 0ms; animation-duration: 1500ms; animation-iteration-count: infinite; animation-name: arrow; animation-play-state: running; animation-timing-function: linear; }
.mouse_down b { display: block; text-align: center; color: #fff; font-size: .875rem; width: 1rem; font-weight: normal; margin-bottom: 15px;}
@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 5px, 0px); }
}
@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 5px, 0px); }
}


.splitlist { line-height: 1.2; overflow: hidden; white-space: pre-wrap; }

.splitlist.flag span { -webkit-animation: fadeInRight 1s forwards; animation: fadeInRight 1s forwards; }

.splitlist span { font-family: inherit; width: auto; font-size: inherit; color: inherit; font-weight: inherit; text-transform: inherit; opacity: 0; display: inline-block; }

.splitlist span.letters { color: #0054A3; }

.photoActives { position: relative; overflow: hidden; }

.photoActives .photoActive { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; z-index: 3; }

.photoActives.reset_photoActive .photoActive { bottom: -100%; -webkit-transition: 1.6s; transition: 1.6s; -webkit-transition-timing-function: var(--ease-in-out-b); transition-timing-function: var(--ease-in-out-b); }
 
 .slide{ position: relative;}

 .s_tt{ text-align: center; margin-bottom: 3rem;}
 .s_tt h3{ font-size: 2.125rem; color: #fff; font-weight: bold; margin-bottom: 10px;}
 .s_tt span{ font-size: 1.25rem; color: rgba(255, 255, 255, .5);font-family: BarlowCondensed-Regular; text-transform: uppercase;}
 .s_tt h3:before{ content: ""; display: inline-block; width: 5.625rem; height: 1px; background: rgba(255, 255, 255, .5); vertical-align: middle; margin-right: 1.25rem;}
 .s_tt h3:after{ content: ""; display: inline-block; width: 5.625rem; height: 1px; background: rgba(255, 255, 255, .5); vertical-align: middle; margin-left: 1.25rem;}
#s_fangan{ width: 100%; background: url(../images/s_fangan_bg.jpg) center no-repeat; background-size: cover;}
#s_fangan ul{ overflow: hidden;}
#s_fangan ul li{ text-align: center;}
#s_fangan ul li a{ padding: 1.75rem; display: block; position: relative; height: 28.75rem;  margin-right: -1px; display: flex; align-items: center; flex-wrap: wrap;}
#s_fangan ul li a:before{ content: ""; display: block; width: 1px; height: 70%; position: absolute; top: 15%; right: -1px; background: rgba(255, 255, 255, 0.2); opacity: 1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_fangan ul li a font{ width: 2.875rem; height: 2.875rem; display: block; margin: 0 auto; margin-bottom: 1.25rem;}
#s_fangan ul li a h4{ font-size: 1.5rem; color: #fff; font-weight: bold; width: 100%;}
#s_fangan ul li a p{ font-size: .875rem; line-height: 1.625rem; height: 3.25rem; overflow: hidden; color: #fff; margin-top: 1.875rem;}
#s_fangan ul li a .btn_more{ font-size: .875rem; height: 0; color: #fff; width: 100%; opacity: 0; margin-top: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_fangan ul li a .btn_more b{ display: block; width: 22px; height: 22px; margin: 0 auto; background: url(../images/btn_more.png) center no-repeat; margin-top: .75rem;}
#s_fangan ul li a:hover .btn_more{ margin-top: 4.6875rem; opacity: 1; height: 3rem;}
#s_fangan ul li a:hover{ background: url(../images/s_fangan_li.png) center top no-repeat; background-size: cover; }
#s_fangan ul li a:hover:before{ opacity: 0;}
#s_fangan ul li a.on:before{ opacity: 0;}

.s_tt2{ margin-bottom: 3rem;}
.s_tt2 h3{ font-size: 2.125rem; color: #fff; font-weight: bold; margin-bottom: 10px;}
.s_tt2 span{ font-size: 1.25rem; color: rgba(255, 255, 255, .5);font-family: BarlowCondensed-Regular; text-transform: uppercase;}

#s_about{ width: 100%; background: url(../images/s_about_bg.jpg) center no-repeat; background-size: cover;}
#s_about .left{ width: 50%; color: #fff;}
#s_about .txt{ font-size: 1rem; line-height: 1.875rem; overflow: hidden; margin-bottom: 4.375rem; text-align: justify;}
.btn_xq{ display: block; width: 8.75rem; height: 37px; line-height: 37px; text-align: center; padding-left: 1.875rem; font-size: .875rem; color: #0082d1; background: url(../images/btn_xq.png) left center no-repeat; background-size: contain !important; border-radius: 19px; overflow: hidden; -webkit-border-radius: 19px; -moz-border-radius: 19px; -ms-border-radius: 19px; -o-border-radius: 19px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.btn_xq i{ opacity: 0; font-family: simsun; transition: .3s  margin; -webkit-transition: .3s  margin; -moz-transition: .3s  margin; -ms-transition: .3s  margin; -o-transition: .3s  margin; }
.btn_xq:hover{ color: #fff; background: url(../images/btn_xq_on.png) left center no-repeat;}
.btn_xq:hover i{ opacity: 1; margin-left: .5rem;}
.s_shuzi{ margin-top: 6rem;}
.s_shuzi ul{ display: flex; justify-content: space-between;}
.s_shuzi ul li{}
.s_shuzi ul li span{ font-size: 2.5rem;font-family: BarlowCondensed-Regular; }
.s_shuzi ul li font{ font-size: 1.25rem; display: inline-block; margin-left: 5px;}
.s_shuzi ul li:first-child font{ font-size: 12px;}
.s_shuzi ul li p{ font-size: 1rem; margin-top: 5px;}

#s_case{ width: 100%; background: url(../images/s_case_bg.jpg) center no-repeat; background-size: cover;}
.hd,.ovh{ overflow: hidden;}
#s_case .hd .s_tt2{ float: left;}
#s_case .hd .btn_xq{ float: right; }
#s_case ul{ margin: 0 -.625rem; margin-top: -1.875rem;}
#s_case ul li{ width: 25%; float: left; margin-top: 1.875rem; padding: 0 .625rem; }
#s_case ul li a{ display: block; position: relative;}
#s_case ul li .img{ width: 100%; height: 15.5rem; position: relative; }
#s_case ul li .img img{ width: 100%; height: 100%; display: block; object-fit: cover;}
#s_case ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(29, 141, 227, 0.9); text-align: center; opacity: 0;visibility:hidden ; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_case ul li .mask h5{ font-size: 1.125rem; font-weight: bold; color: #fff; text-align: center; margin-bottom: 1.25rem; padding: 0 1rem; }
#s_case ul li .mask span{ font-size: 1.25rem; color: #fff; font-weight: bold;}
#s_case ul li .txt{ text-align: center; padding-top: 20px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_case ul li .txt h5{ font-size: 1.125rem; font-weight: bold; color: #fff;}
#s_case ul li .box{transform:translateY(30px); width: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); -ms-transform:translateY(30px); -o-transform:translateY(30px); }
#s_case ul li:hover .mask{ opacity: 1; visibility: visible;}
#s_case ul li:hover .box{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
#s_case ul li:hover .txt{ opacity: 0; visibility:hidden ; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); }

#s_coop{ width: 100%; background: url(../images/s_coop_bg.jpg) center no-repeat; background-size: cover;}
#s_coop ul{}
#s_coop ul li{ width: 16.666%; float: left; padding: .625rem 0;}
#s_coop ul li a{ display: block; position: relative; padding: 1rem; z-index: 1;}
#s_coop ul li a:before{ content: ""; opacity: 0; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; left: 0; top: 0; transition: opacity .5s; background: url(../images/coop_hover.png) center no-repeat; background-size: 12.625rem !important; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; }
#s_coop ul li .pic{ width: 11.125rem; height: 11.125rem; margin: 0 auto; background: #fff; 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%; }
#s_coop ul li .pic img{ max-width: 90%; max-height: 90%;}
#s_coop ul li a:hover:before{ opacity: 1; animation: rotate 5s infinite linear; -webkit-animation: rotate 5s infinite linear; }


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

#s_news{ width: 100%; background: url(../images/s_news_bg.jpg) center no-repeat; background-size: cover;}
#s_news .s_tt2{ float: left;}
#s_news .hd{ padding-right: 4.5rem; }
#s_news .hd ul{ text-align: left; float: right; width: 22rem; }
#s_news .hd .slick-track{ margin-right: 0;}
#s_news .hd ul li{ float: left; padding: 0 .5rem; text-align: center;}
#s_news .hd ul li a{ display: block; position: relative; z-index: 1; overflow: hidden; transition:.5s ; font-size: 1.25rem; color:#fff; display: block; width: 100%; height: 3.125rem; line-height: 3.125rem; border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
#s_news .hd ul li a:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:1px solid #fff;border-radius: 2rem; }
#s_news .hd ul li a:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff; z-index: -1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#s_news .hd ul li.slick-current a{ color: #1f77e4; }
#s_news .hd ul li.slick-current a:before{ border: 1px solid #fff;}
#s_news .hd ul li.slick-current a:after{ width: 100%;}
#s_news .bd>.slick-list{ overflow: visible;}
#s_news .bd ul{ margin: 0 -1rem;}
#s_news .bd ul li{ padding: 0 1rem;}
#s_news .bd ul li .img{}
#s_news .bd ul li .img img{}
#s_news .bd ul li .txt{ background: #fff; padding: 1.125rem 1.875rem; position: relative; z-index: 1;}
#s_news .bd ul li .txt:before{ content: ""; display: block; width: 100%; height: 0; position: absolute; left: 0; top: 0; background: #1f77e4; z-index: -1;}
#s_news .bd ul li .txt h5{ font-size: 1.125rem; color: #000000; font-weight: bold;}
#s_news .bd ul li .txt p{ font-size: .875rem; line-height: 1.5rem; height: 3rem; overflow: hidden; color: #9a9a9a; margin-top: 1rem; margin-bottom: 2rem;}
#s_news .bd ul li .txt .time{ float: left; font-size: .9375rem; color: #9c9c9c; font-family: BarlowCondensed-Regular;}
#s_news .bd ul li .txt .time svg{ width: 1rem; height: 1.25rem; display: inline-block; vertical-align: middle; margin-right: .375rem; position: relative; top: -1px; }
#s_news .bd ul li .txt .btn_xq2{ float: right; font-size: .75rem; color: #a2a2a2; }
#s_news .bd ul li .txt .btn_xq2 i{ font-family: simsun; margin-left: .5rem;}
#s_news .bd ul li:hover .txt:before{ height: 100%;}
#s_news .bd ul li:hover .txt h5{ color: #fff;}
#s_news .bd ul li:hover .txt p{ color: #fff; color: rgba(255,255,255,.63);}
#s_news .bd ul li:hover .txt .time{ color: #fff;}
#s_news .bd ul li:hover .txt .time svg path{ fill: #fff;}
#s_news .bd ul li:hover .txt .btn_xq2{ color: rgba(255,255,255,.5);}

#s_news .bd .btn_r{ position: absolute; right: 0; top: -7.375rem; height: 3.125rem; line-height: 3.125rem; text-align: center; color: #fff; border: 1px solid #fff; font-family: simsun; border-radius: 50%; transition: .3s; width: 3.125rem; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#s_news .bd .btn_r:hover{background: url(../images/btn_r_on.png) left center no-repeat; }

#footer{ width: 100%; background: url(../images/foot_bg.jpg) center no-repeat; background-size: cover; padding: 4rem 0; color: #fff;}
#footer .m{ display: flex;}
#footer .left{ float: left; padding-right: 4.5rem;}
#footer .right{ float: right; flex-grow: 1; position: relative;}
#footer .foot_nav:before{ content: ""; display: block; width: 1500px; height: 1px; background: rgba(255, 255, 255, 0.1); position: absolute; left: 8px; top: 3rem;}
#footer .foot_nav:after{ content: ""; display: block; width: 8px; height: 8px; background: rgba(255, 255, 255, 0.1); position: absolute; left: 0; top: 3rem; margin-top: -4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.foot_tel{}
.foot_tel h4{ font-size: 2.125rem; font-family: BarlowCondensed-Medium; margin-bottom: 5px;}
.foot_tel p{ font-size: .8125rem; color: rgba(255,255,255,.5); margin-bottom: 5px;}
.foot_tel p svg{ width: 1rem; height: 1rem; display: inline-block; vertical-align: middle;}
.foot_txt{ font-size: .9375rem; color: rgba(255,255,255,.5); line-height: 1.875rem;}
.foot_ewm{ text-align: center; width: 6.9375rem; margin-top: 4rem;}
.foot_ewm img{ }
.foot_ewm p{font-size: .875rem; color: rgba(255,255,255,.5); margin-top: .875rem; }
.foot_nav{ display: flex; width: 100%; justify-content: space-between; padding-left: 4.5rem; position: relative;}
.foot_nav dl{ float: left; }
.foot_nav dl dt{ font-size: 1.125rem; margin-bottom: 2.375rem;}
.foot_nav dl dd{ font-size: 1rem; line-height: 2.125rem; color: rgba(255, 255, 255, .5);}
.copyright{ color: rgba(255, 255, 255, .5); font-size:.875rem; margin-top: 2.75rem; background: rgba(19,19,19,.1); padding: .75rem 0; padding-left: 2rem; border-radius: 3rem; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; -ms-border-radius: 3rem; -o-border-radius: 3rem; }
.copyright .fl{ line-height: 1.75rem;}
.s_foot_link{cursor:pointer;overflow:visible;position: relative;text-align:left;}
.s_foot_link .tanchu{ box-sizing:border-box;position:absolute;bottom:2.5rem;border-bottom:0;display: none;left:0;right:0;}
.s_foot_link .tanchu:before{content:"";width:0px;height:0px;position:absolute;bottom:1px;left:50%;margin-left:-10px;}
.s_foot_link .tanchu>div{max-height:200px;background: #038c9c;display:block;padding:10px 1.5rem;overflow:auto;border: 1px solid rgba(255,255,255,.1);}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a {color: rgba(255, 255, 255, .7);line-height: 2rem;display:block;font-size: .875rem;}
.s_foot_link .tanchu a:hover{ color: #fff !important; }
.s_foot_link .bnt_link.a {padding-left:1.75rem;color: #fff; color: rgba(255, 255, 255, .5); font-size:.875rem; line-height: 1.75rem;width: 100%;height:1.75rem;box-sizing:border-box;text-decoration:none;position: relative;z-index:1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 3.5rem;}
.s_foot_link .bnt_link.a>img{ height: .9375rem; margin-right: .625rem; position: relative; top: -1px;}
.s_foot_link .bnt_link.a.icon_un img{ transform: rotate(180deg);}
.s_foot_link .a span{display:inline-block;float:right;color:#919397;line-height:1.75rem;width:.9375rem;text-align:center;height:100%;margin-right:2rem;position: absolute;right: 0;top: 0;}
#footer a:hover{ color: #fff;}


/*内页开始*/
#n_banner{ width:100%; height:31.25rem; overflow:hidden; position:relative; text-align:left; background:#000; z-index: 8; }
#n_banner .con{ height:100%; position: absolute; top:0; left:0; z-index:99; width:100%; padding-bottom: 5rem;}
#n_banner .img{ height:100%; opacity:1; fiter:alrha(opacity=100); }
#n_banner .txt{ text-align: center;}
#n_banner .txt i{ display: block; width: 25px; height: 3px; background: #fff; margin: 0 auto; margin-bottom: 1.75rem;}
#n_banner .txt h3{ text-transform:uppercase; font-size:2.125rem; color:#fff; margin-bottom:.625rem; }
#n_banner .txt span{ display: block; font-size:1.5rem; color:#fff; font-family: BarlowCondensed-Regular; text-transform: uppercase; opacity: .2; }
 
/*内页导航*/
.n_nav_box{ margin-top: -5rem; position: relative; z-index: 10; border-bottom: 1px solid #e5e5e5;}
.n_nav{ }
.n_nav::-webkit-scrollbar{ display:none;}
.n_nav ul{ text-align: center; display: flex; justify-content: center; width: 100%;}
.n_nav ul li{ display: inline-block; background: #fff; flex-grow: 1;}
.n_nav a{font-size:1.25rem;line-height: 5rem;color:#000000;display:inline-block;padding: 0 .5rem; width: 100%; text-align:center;position:relative;z-index:1;transition: .5s;flex-grow: 1;}
.n_nav li+li a:after{ content:""; width:1px; height:16px; display:block; background:#cccccc; position:absolute; top:50%; margin-top:-8px; left:0; transition: 0s; z-index:0;}
.n_nav a:before{ content:""; width:0; height:100%; display:block; position:absolute; bottom:0px; left:0; transition: .5s; z-index:-1; opacity: 0;
    background: #1f77e4;
}
.n_nav a:hover:before,.n_nav li.on a:before{ width:100%; opacity: 1;}
.n_nav a:hover:after,.n_nav li.on a:after{ height:0;}
.n_nav a:hover,.n_nav li.on a{ color:#fff; }


/* 手机端二级导航 */
#nav_slide{ background: #fff;line-height: 50px; position: relative; z-index: 88; }
#nav_slide #bnt_back{ position:absolute; left: 1rem; top:-2px;  }
#nav_slide #bnt_back img{ height: 15px;}
#nav_slide .n_title{ height: 50px; border-bottom:1px solid #d9d9d9; }
#nav_slide h1{ font-size: 16px; color: #333; text-align: center; line-height: 50px;}
#bnt_sub_nav{ position: absolute; right: 1rem; top: 17.5px; cursor: pointer; }
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #fff; display: block; z-index: 9;width: 100%;}
#sub_nav_content ul{padding: 5px 10px 10px;overflow:hidden;font-size:  0; line-height: 20px;}
#sub_nav_content ul li {display: inline-block;width:33.333%;text-align:center;margin-top:  10px;}
#sub_nav_content ul li a{display:block;height: 30px;line-height: 30px;font-size: 12px;margin: 0 5px;color: #2d2d2d;background: #e4e4e4;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;}
#sub_nav_content ul li.on a{color: #ffffff;background: #2ea5e0;}

#sub_nav_content dt{height:30px;line-height:30px;position:relative;background:#fafafb;  border-top:1px solid #e7e7e7; z-index: 999; }
#sub_nav_content dt a{ margin:0 10px; display:block;color:#5b5349; height: 30px; font-size:13px; font-weight: 400;  }
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color:#fff; border-top:1px solid #fff;}
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.title_on.on{  }
#sub_nav_content dt.title_on a{ color:#5b5349;}
#sub_nav_content dd{  display:block;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color:#b7863e}


.ar_article{ font-size:1rem; color:#787878; line-height:1.875rem; text-align:justify; }
.ar_article h4{ font-size: 1.125rem;}
.ar_article p{font-size:1rem;color:#787878;line-height:1.875rem; padding-bottom:1.75rem;}	
.ar_article p:last-child{ padding-bottom: 0;}
.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:0.95rem !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%;}
.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_about{ width: 100%; overflow: hidden;}
#n_about .tt{ position: relative; margin-bottom: 2.5rem; z-index: 1;}
#n_about .tt h3{ font-size: 1.875rem; color: #2a2a2a; font-weight: bold; line-height: 4.25rem;}
#n_about .tt span{ font-size: 4rem; color: #dfe8fa; font-family: BarlowCondensed-Bold; position: absolute; z-index: -1; top: 0; text-transform: uppercase;}

#n_shuzi{ width: 100%; overflow: hidden; background: url(../images/n_shuzi_bg.jpg) center no-repeat; background-size: cover; padding: 3.75rem 0; color: #fff;}
#n_shuzi ul{ margin: 0 -3rem;}
#n_shuzi ul li{ width: 25%; float: left; text-align: center;}
#n_shuzi ul li span{ font-size: 3.75rem;font-family: BarlowCondensed-Bold; }
#n_shuzi ul li font{ font-size: 1.25rem; display: inline-block; margin-left: 5px;}
#n_shuzi ul li p{ font-size: 1.25rem; margin-top:5px;}

#n_rencai{ width: 100%; overflow: hidden; background: url(../images/n_rencai_bg.jpg) center bottom no-repeat;}
#n_rencai .left{ width: calc(100% - 40rem); float: left; padding-right: 3rem; max-width: 650px; padding-top: 1.5rem;}
#n_rencai .left .tt{ margin-bottom: 3.25rem;}
#n_rencai .left .tt h3{ font-size: 1.875rem; color: #060606; font-weight: bold; margin-bottom: 4px;}
#n_rencai .left .tt span{ color: #bbbfbf; font-size: 1.625rem; font-family: BarlowCondensed-Regular; text-transform: uppercase;}
#n_rencai .left .txt{ font-size: 1rem; line-height: 2.375rem;}
#n_rencai .left .txt p{ margin-bottom: 2rem;}
#n_rencai .right{ width: 38.75rem; float: right; padding-top: 15px; padding-right: 15px; background: #1f77e4; margin-bottom: 2rem;}
#n_rencai .right ul{ margin-left: -15px; margin-bottom: -15px;}
#n_rencai .slick-arrow{ width: 3.375rem; height: 3.375rem; top: 50%; margin-top: -.5rem; z-index: 99; background-size: contain !important;}
#n_rencai .slick-prev{ left: 0; background: url(../images/renli_left.png) center no-repeat;}
#n_rencai .slick-next{ right: 0; left: auto; background: url(../images/renli_right.png) center no-repeat;}

#n_coop{ width: 100%; overflow: hidden;}
#n_coop ul{ margin-top: -2rem;}
#n_coop ul li{ width: 16.666%; float: left; margin-top: 2rem;}
#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; transition: opacity .5s; background: url(../images/coop_hover2.png) center no-repeat; background-size: contain !important; -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -ms-transition: opacity .5s; -o-transition: opacity .5s; }
#n_coop ul li .pic{ width: 11.125rem; height: 11.125rem; margin: 0 auto; 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 img{ max-width: 90%; max-height: 90%;}
#n_coop ul li .picbox:hover:before{ opacity: 1; animation: rotate 5s infinite linear; -webkit-animation: rotate 5s infinite linear; }
#n_coop ul li h5{ font-size: 1.1rem; color: #0c0c0c; text-align: center; margin-top: .5rem;}
/*翻页*/
.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: 34px; line-height:32px; height: 34px; display:inline-block; border:1px solid #e2e2e2; border-radius: 2rem; margin:0 0.375rem; color:#868686; font-size:.875rem; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.page .on{ background:#1f77e4;  color:#fff; border:1px solid #1f77e4; }
.page a:hover{ background:#1f77e4;  color:#fff; text-decoration:none; border:1px solid #1f77e4;}
.page span{ line-height:32px; display:inline-block; margin:0 8px; font-size:.875rem;  border-radius: 2rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.page input{ height:34px; line-height: 32px;  font-size: .875rem; display:inline-block; border:1px solid #e2e2e2; border-radius: 2rem; background:none; width:2.5rem; text-align:center; color:#868686; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.page button{ width:65px; cursor:pointer; height:34px; line-height: 32px; display:inline-block; border-radius: 2rem; border:1px solid #e2e2e2; font-size:.875rem; color:#868686; background:none; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.page button:hover{ background:#1f77e4;  color:#fff; text-decoration:none; border:1px solid #1f77e4;}

#n_case{ width: 100%; }
#n_case ul{ margin: 0 -.625rem; margin-top: -2.5rem;}
#n_case ul li{ width: 33.333%; float: left; margin-top: 2.5rem; padding: 0 .625rem; }
#n_case ul li a{ display: block; position: relative;}
#n_case ul li .img{ width: 100%; position: relative; height: 340px; }
#n_case ul li .img img{ width: 100%; height: 100%; display: block; object-fit: cover;}
#n_case ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(31, 119, 228, 0.9); text-align: center; opacity: 0;visibility:hidden ; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_case ul li .mask h5{ font-size: 1.125rem; font-weight: bold; color: #fff; text-align: center; margin-bottom: 1.25rem; padding: 0 1rem; }
#n_case ul li .mask span{ font-size: 1.25rem; color: #fff; font-weight: bold;}
#n_case ul li .txt{ text-align: center; padding-top: 1.75rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_case ul li .txt h5{ font-size: 1.125rem; font-weight: bold; color: #525252;}
#n_case ul li .box{transform:translateY(30px); width: 100%; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transform:translateY(30px); -moz-transform:translateY(30px); -ms-transform:translateY(30px); -o-transform:translateY(30px); }
#n_case ul li:hover .mask{ opacity: 1; visibility: visible;}
#n_case ul li:hover .box{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
#n_case ul li:hover .txt{ opacity: 0; visibility:hidden ; transform: translateY(-30px); -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); }

#n_zizhi{ overflow: hidden;}
#n_zizhi ul{ margin: 0 -3rem;  margin-top: -2.625rem;}
#n_zizhi ul li{ width: 25%; 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{ display: none; font-size: .9375rem; width: 100%; color: #232323; 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_dongtai{}
#n_dongtai ul{ margin: 0 -.9375rem; margin-top: -2rem; overflow: hidden;}
#n_dongtai ul li{ padding: 0 .9375rem; margin-top:2rem; overflow: hidden;}
#n_dongtai ul li a{ position: relative; z-index: 1; }
#n_dongtai ul li .img{ width: 18.375rem; height: 13.75rem; float: left; margin-right: 3.75rem; flex-shrink: 0;}
#n_dongtai ul li .img img{ object-fit: cover;}
#n_dongtai ul li .txt{ height: 13.75rem; display: flex; align-content: center; flex-wrap: wrap; position: relative;}
#n_dongtai ul li .txt:before{ content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; bottom: 0;}
#n_dongtai ul li .txt:after{ content: ""; display: block; width: 0; height: 1px; background: #1f77e4; position: absolute; left: 0; bottom: 0; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
#n_dongtai ul li .txt span{ font-size: .75rem; font-family: arial; display: block; width: 100%; margin-bottom: 1rem;}
#n_dongtai ul li .txt span:before{ content: ""; display: inline-block; width: .9375rem; height: 2px; background: #1f77e4; vertical-align: middle; margin-right: .5rem;}
#n_dongtai ul li h2{ font-size: 1.25rem; color: #000000; font-weight: bold; margin-bottom: 1.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_dongtai ul li p{ font-size: .875rem; color: #737373; line-height: 1.5rem; height: 3rem; overflow: hidden;}
#n_dongtai ul li .btn_xx{ height: 2rem; line-height: 2rem; font-size: .875rem; color: #939498; margin-top: 1.25rem;transition: .5s;}
#n_dongtai ul li .btn_xx svg.ico_see{ width: 1.25rem; height: 20px; display: inline-block; vertical-align: middle; margin-right: 1rem;}
#n_dongtai ul li .btn_xx svg.icon{ width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 5px;}
#n_dongtai ul li .btn_xx svg path{ transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s;}
#n_dongtai ul li a:hover h2{ color:#1f77e4;}
#n_dongtai ul li a:hover .btn_xx{ color:#1f77e4;}
#n_dongtai ul li a:hover svg path{ fill:#1f77e4;}
#n_dongtai ul li a:hover .txt:after{ width: 100%;}

 
#n_join{ width: 100%; height: 100%; overflow: hidden; padding-bottom: 66px; }
#n_join #list_slide{  position:relative; margin-top: -1.875rem; }
#n_join #list_slide dl{ position: relative; margin-top: 1.875rem; margin-bottom: 0; z-index: 1;}
#n_join #list_slide dt{ position:relative; cursor:pointer; height:5.625rem; transition:.5s; padding: 0 2.25rem; background: #f9f9f9;  }
#n_join #list_slide dt h3{  color:#505050; font-size:1rem; line-height:5.625rem; overflow:hidden; display:flex; justify-content: space-between; }
#n_join #list_slide dt h3 b{ display:block; float:left; font-weight:bold; font-size: 1.25rem; color: #000000; background: url(../images/n_join.png) left center no-repeat; padding-left: 39px; }
#n_join #list_slide dt h3 span{ font-size:14px; color: #6e6e6e; float: left; }
#n_join #list_slide dt h3 span svg{height:5.625rem; width: 1.25rem; margin-right: 1.25rem;}
#n_join #list_slide dt h3 span svg path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_join #list_slide .on dt{ background: #1f77e4;}
#n_join #list_slide .on dt h3 span{ color:#fff; }
#n_join #list_slide .on dt b{ color:#fff; background: url(../images/n_join_on.png) left center no-repeat; }
#n_join #list_slide .on dt span svg path{fill: #fff;} 
#n_join #list_slide dd{ display:none; line-height:32px; padding: 35px; background: #f9f9f9 url(../images/join_bg.jpg) right bottom no-repeat; border-bottom: 0; }
#n_join #list_slide dd p{  margin-bottom:0;}
#n_join #list_slide dd p:last-child{ padding-bottom:0;}
#n_join #list_slide dd .content{ }
#n_join #list_slide dd .content { color:#6e6e6e; line-height: 2.25rem; font-size: 1rem;  }
#n_join #list_slide dd .content p{  color:#6e6e6e; line-height: 2.25rem; font-size: 1rem;   }
#n_join #list_slide dt h3 span.span04{ background: url(../images/n_join_ico01.png) right center no-repeat; padding-right: 26px;}
#n_join #list_slide .on dt h3 span.span04{ background: url(../images/n_join_ico02.png) right center no-repeat; }
#n_join #list_slide .btn_toudi{ width:100px; height:35px; display:block; text-align:center; line-height:35px; color:#fff; font-size:13px; border-radius:3px; background:#0e4da1; margin-bottom:20px;}
#n_join #list_slide .btn_toudi:hover{ }


.btn_arr3{ display: block; width: 2.5rem; height: 2.5rem; flex-shrink: 0; overflow: hidden; position: relative; border-radius: 50%; -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; }
.btn_arr3 font{ display: block; width: 100%; height: 100%; line-height: 40px; text-align: center; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.btn_arr3:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #1f77e4; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.btn_arr3 font:nth-child(1){ left: -50px;}
.btn_arr3 font:nth-child(2){ left:0;}
.btn_arr3 font svg path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.btn_arr3 font svg{ display: inline-block; width: 1.25rem; height: 1.25rem; vertical-align: middle;}
.btn_arr3:hover{ background: #1f77e4; }
.btn_arr3:hover font:nth-child(1){ left:0;}
.btn_arr3:hover font:nth-child(2){ left:50px;}
.btn_arr3:hover font svg path{ fill:#fff;}

#n_zhiwei{ width: 100%; overflow: hidden; background: url(../images/n_pin.jpg) center no-repeat; background-size:cover; margin-top: -1px; position: relative; z-index: 99; color: #fff;}
#n_zhiwei .m{ display: flex; justify-content: space-between; align-items: center;}
#n_zhiwei .m .tt{}
#n_zhiwei .m .tt h3{ font-size: 1.875rem; font-weight: bold; margin-bottom: 1.625rem;}
#n_zhiwei .m .tt p{ font-size: 1.125rem; line-height: 2.125rem;}
#n_zhiwei .m .item{ text-align: center; float: left;}
#n_zhiwei .m .item .ico{ margin-bottom: 1.25rem;}
#n_zhiwei .m .item .ico img{}
#n_zhiwei .m .item p{ font-size: 1.125rem; color: #fff; }
#n_zhiwei .m .item span{ font-family: 'BarlowCondensed-Regular'; font-weight: normal;font-size: 1.25rem; }
.btn_link{ background: #fff; float: right; padding: 1.625rem 1.875rem; border-radius: 3px; display: flex; align-items: center; justify-content: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.btn_link img{ float: left; margin-right: 2.5rem; flex-shrink: 1;}
.btn_link:hover .btn_arr3 font:nth-child(1){ left:0;}
.btn_link:hover .btn_arr3 font:nth-child(2){ left:50px;}

#n_lianxi{ background: #f8f9fb url(../images/n_lianxi_bg.jpg) center top no-repeat; overflow: hidden;}
#n_lianxi .tt{ text-align: center; position: relative; padding-top: 1.5rem; z-index: 1; margin-bottom: 5rem; }
#n_lianxi .tt h3{ font-size: 1.875rem; color: #2a2a2a; font-weight: bold; }
#n_lianxi .tt span{ font-size: 4rem; color: #d9e3f7; font-family: BarlowCondensed-Bold; text-transform: uppercase;position: absolute; top: 0; width: 100%; left: 0; z-index: -1;}
#n_lianxi .tt p{ font-size: 1rem; color: #6f6f6f; margin-top: 1.5rem; line-height: 1.5;}
#n_lianxi ul{ overflow: hidden; position: relative; z-index: 1;}
#n_lianxi ul li{ width: 33.3333%; float: left; text-align: center;}
#n_lianxi ul li .ico{ display: block; width: 5.5625rem; height: 5.5625rem; line-height: 5.5625rem; background: #fff; text-align: center; margin: 0 auto; margin-bottom: 1.75rem; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; }
#n_lianxi ul li .ico svg{ width: 2.5rem; height: 2.5rem; display: inline-block; vertical-align: middle;}
#n_lianxi ul li .ico svg path{ fill: #1f77e4;}
#n_lianxi ul li h5{ font-size: 1.375rem; color: #000000; font-weight: bold;}
#n_lianxi ul li p{ font-size: 1.125rem; color: #000000; margin-top: .75rem; line-height: 1.5;}
#n_lianxi ul li p span{ font-family: BarlowCondensed-Regular; font-size: 1.5rem;}
#n_lianxi ul:before{ content: ""; display: block; width: 66.666%; position: absolute; top: 2.75rem; height: 2px; left: 16.666%; background: #dfe0e1; z-index: -1;}
#n_lianxi ul li:hover .ico svg{ animation: jello 1s; -webkit-animation: jello 1s; }
#miso_map{ height:34rem; border:#d9d9d9 1px solid; }
@-webkit-keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@-moz-keyframes jello {
    from, 11.1%, to { -moz-transform: none; transform: none }
    22.2% { -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

#n_fangan{}
#n_fangan ul{ margin-top: -2rem; overflow: hidden;}
#n_fangan ul li{ padding: 1.25rem; margin-top:2rem; overflow: hidden; background: #f6f7f6 url(../images/n_fangan_bg.jpg) center no-repeat;}
#n_fangan ul li a{ position: relative; z-index: 1; }
#n_fangan ul li .img{ width: 32.5rem; height: 21rem; object-fit: cover; float: left; margin-right: 2.5rem; flex-shrink: 0;}
#n_fangan ul li .txt{  height: 21rem; display: flex; align-content: center; flex-wrap: wrap; position: relative; padding: 0 .75rem;}
#n_fangan ul li .txt span{ font-size: .75rem; font-family: arial; display: block; width: 100%; margin-bottom: 1rem;}
#n_fangan ul li .txt span:before{ content: ""; display: inline-block; width: .9375rem; height: 2px; background: #1f77e4; vertical-align: middle; margin-right: .5rem;}
#n_fangan ul li h2{ font-size: 1.25rem; color: #2d2d2d; margin-bottom: 1.375rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_fangan ul li p{ font-size: .875rem; color: #737373; line-height: 1.5rem; height: 3rem; overflow: hidden;}
#n_fangan ul li .btn_xx{ height: 2rem; line-height: 2rem; font-size: .875rem; color: #939498; margin-top: 3rem;transition: .5s;}
#n_fangan ul li .btn_xx svg.ico_see{ width: 1.25rem; height: 20px; display: inline-block; vertical-align: middle; margin-right: 1rem;}
#n_fangan ul li .btn_xx svg.icon{ width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 5px;}
#n_fangan ul li .btn_xx svg path{ transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s;}
#n_fangan ul li a:hover h2{ color:#1f77e4;}
#n_fangan ul li a:hover .btn_xx{ color:#1f77e4;}
#n_fangan ul li a:hover svg path{ fill:#1f77e4;}
#n_fangan ul li:nth-child(even) .img{ float: right; margin-right: 0; margin-left: 2.5rem;}
#n_fangan ul li:nth-child(add) .txt{ float: left;}

#n_licheng{ padding-bottom: 2.5rem; overflow: hidden;}
#n_licheng .tt{ text-align: center; position: relative; padding-top: 1.25rem; z-index: 1; margin-bottom: 8rem; }
#n_licheng .tt h3{ font-size: 1.875rem; color: #2a2a2a; font-weight: bold; }
#n_licheng .tt span{ font-size: 4rem; color: #d9e3f7; font-family: BarlowCondensed-Bold; text-transform: uppercase;position: absolute; top: 0; width: 100%; left: 0; z-index: -1;}
#n_licheng .tt p{ font-size: 1rem; color: #6f6f6f; margin-top: 1.5rem; line-height: 1.5;}
#n_licheng ul{ position: relative; display: block; z-index: 1; }
#n_licheng ul:before{ content: ""; display: block; width: 2.125rem; height: 2.5rem; background: url(../images/licheng_ico.png) center no-repeat; background-size: contain; position: absolute; z-index: 9; top: -3rem;}
#n_licheng ul:after{content:""; width:2px; height:calc(100% + 90px); background:#e5e5e5; display:block; position:absolute; top:-30px; left:1.1875rem; z-index: -1;}
#n_licheng ul li{ position: relative; margin-bottom:1.25rem;}
#n_licheng ul li .year{ position:absolute; z-index:9; width:5.9375rem; top:50%; height:30px; line-height:30px; margin-top: -15px; text-align:center; }
#n_licheng ul li .year span{font-size:2.5rem;color:#1f77e4;font-family: "BarlowCondensed-Bold";transition:.2s;position: absolute;left: 7.75rem;}
#n_licheng ul li .year:before{content:"";width:16px;height:16px;background:#fff;border:3px solid #e2e2e2;display:block;border-radius:50%;position:absolute;top:50%;margin-top:-8px; margin-left: -8px; left: 1.1875rem;}
#n_licheng ul li:hover .year:before{ border:3px solid #136bce;}
#n_licheng ul li.slick-current .year span{ color:#d9000f; font-size:1.625rem;}
/* #n_licheng ul li:after{ content:""; width:1px; height:calc(100% + 90px); background:#d0d1d3; display:block; position:absolute; top:-30px; left:19px;} */
#n_licheng ul li .txt{ margin-left:18rem; font-size:1.25rem;  line-height: 2.875rem; background: #f8f9fb; border: 1px solid #d1d1d1; padding: 2rem 3.5rem; color:#080808; position:relative; }
#n_licheng ul li .txt dl{ margin:0; overflow: hidden; padding: 0; display: flex;}
#n_licheng ul li .txt dt{ float: left; margin-right: 10px; position: relative;line-height: 2.875rem; }
#n_licheng ul li .txt dd{ float: left; line-height: 2.875rem; }
#n_licheng ul li:hover .txt{ }
#n_licheng ul li:hover .year span{ } 
#n_licheng ul li .year:after{ content: ""; display: block; width: 7px; height: 13px; background: url(../images/ico_ar.png) center no-repeat; position: absolute; left: 55px; top: 10px;}

#n_wenhua{ width: 100%; background: url(../images/n_wenhua_bg.jpg) center bottom  no-repeat; background-size: cover;}
#n_wenhua .tt{ display: block; width: 30.125rem; margin: 0 auto; position: relative;}
#n_wenhua .tt .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; color: #fff; }
#n_wenhua .tt .mask img{}
#n_wenhua .tt .mask h3{ font-size: 2.125rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: .5rem;}
#n_wenhua .tt .mask span{ font-size: 1.75rem; color: rgba(255, 255, 255, .4); text-transform: uppercase; font-family: BarlowCondensed-Regular;}
#n_wenhua .con{ position: relative;}
#n_wenhua .tt_pic{ display: none;}
#n_wenhua .tt_pic.on{ display: block;}
#n_wenhua ul{}
#n_wenhua ul li{ position: absolute; cursor: pointer;}
#n_wenhua ul li.li_1{ right: 50%; margin-right: 18rem; top: 0; text-align: right;}
#n_wenhua ul li.li_2{ left: 50%; margin-left: 18rem; top: 0;  }
#n_wenhua ul li.li_3{ left: 50%; margin-left: 18rem; bottom: 0; }
#n_wenhua ul li.li_4{ right: 50%; margin-right: 18rem; bottom: 0; text-align: right;}

#n_wenhua ul li .ico{ margin-bottom: 1rem;}
#n_wenhua ul li .ico .img01{}
#n_wenhua ul li .ico .img02{ display: none;}
#n_wenhua ul li h5{ font-size: 1.125rem; }
#n_wenhua ul li span{ font-size: 1rem; font-family: BarlowCondensed-Medium;}
#n_wenhua ul li p{ font-size: 1.375rem; margin-top: 2.375rem; line-height: 2.625rem;}

#n_wenhua ul li:hover .ico .img01{ display: none;}
#n_wenhua ul li:hover .ico .img02{ display: inline-block;}

#n_fuli{ width: 100%; position: relative; overflow: hidden; background: #f8f9fb url(../images/n_fuli_bg.jpg) center bottom no-repeat;}
#n_fuli .tt{ text-align: center; position: relative; padding-top: 1.25rem; z-index: 1; margin-bottom: 4rem; }
#n_fuli .tt h3{ font-size: 1.875rem; color: #2a2a2a; font-weight: bold; }
#n_fuli .tt span{ font-size: 4rem; color: #d9e3f7; font-family: BarlowCondensed-Bold; text-transform: uppercase;position: absolute; top: 0; width: 100%; left: 0; z-index: -1;}
#n_fuli .tt p{ font-size: 1rem; color: #6f6f6f; margin-top: 1.5rem; line-height: 1.5;}
#n_fuli ul{ margin:0 -1.625rem; }
#n_fuli ul li{ width: 14.285%; height: 13.125rem; float: left; text-align: center; padding: 0 .5rem; margin-bottom: 2rem;}
#n_fuli ul li a{ display: inline-block; position: relative;}
#n_fuli ul li .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 1rem;}
#n_fuli ul li .pic .j_tab{ table-layout: fixed;}
/* #n_fuli ul li .pic img{mix-blend-mode: multiply;} */
#n_fuli ul li .pic p{ color:#1a1a1a; font-size: 1.25rem; margin-top: 1rem;}
#n_fuli ul li:nth-child(8){ margin-left: 7.1428%;}
#n_fuli ul li .img02{ display: none;}
#n_fuli ul li:hover .img01{ display: none !important;}
#n_fuli ul li:hover .img02{ display: block !important; margin: 0 auto;}
#n_fuli ul li:hover .pic p{ color: #fff;}

.ar_fot{ border: 2px solid #e5e5e5; overflow: hidden; margin-top: 3rem;}
.ar_fot ul{ width: calc(100% - 4.5rem); display: flex; align-items: center; justify-content: space-between; float: left; position: relative;}
.ar_fot ul li{ float: left; height: 4.25rem; line-height: 4.25rem; padding: 0 2rem;}
.ar_fot ul li:nth-child(2){ text-align: right;}
.ar_fot ul li a{ display: flex; align-items: center; justify-content: space-between;}
.ar_fot ul li svg{ width: 1rem; height: 1rem; margin: 0 .5rem;}
.btn_golist{ width: 4.5rem; float: right;height: 4.25rem; line-height: 4rem; text-align: center; border-left: 2px solid #e5e5e5;}
.ar_fot ul:before{ content: ""; display: block; width: 2px; height: 15px; position: absolute; top: 50%; margin-top: -7.5px; left: 50%; background: #cccccc;}
svg{ display: inline-block; vertical-align: middle;}
.ar_fot a:hover{ color: #1f77e4;}
.ar_fot a:hover svg path{ fill: #1f77e4;}

#n_news_xq{ width: 100%; background: #f8f9fb;}
#n_news_xq .left_con{ width: calc(100% - 27.25rem); float: left; background: #fff; padding: 2.5rem 2.5rem 3.5rem;}
#n_news_xq .right_con{ width: 24.25rem; float: right; position: sticky; top: 9rem;}

.social-share{ display: inline-block;}
.ar_title{ border-bottom: 2px solid #e5e5e5; padding-bottom: 1.5rem; margin-bottom: 2.25rem;}
.ar_title h3{ font-size: 1.625rem; color: #2c2c2c; font-weight: bold; margin-bottom: 1.5rem;}
.ar_title h4 span{ margin-right: 1.5rem; font-size: .9375rem; color: #979797; line-height: 2rem; display: inline-block;}
.ar_title h4 span.time{ font-family: BarlowCondensed-Regular; font-size: 1.25rem;}
.ar_title h4 span.time svg{ height: 1rem; float: left; margin-top: .625rem; margin-right: 6px;}

.news_tuikjian01{ margin-bottom: .5rem;}
.news_tuikjian01 ul{}
.news_tuikjian01 ul li{}
.news_tuikjian01 ul li .img{}
.news_tuikjian01 ul li h5{ height: 3.875rem; line-height: 3.75rem; border: 2px solid #d8d9db; border-top: 0; text-align: center; font-size: 1.125rem; color: #000000;}

#news_tuikjian02{}
#news_tuikjian02 ul{ }
#news_tuikjian02 ul li{ overflow: hidden;}
#news_tuikjian02 ul li a{ position: relative; z-index: 1; padding: 2rem 0; display: block; }
#news_tuikjian02 ul li .txt{ display: flex; align-content: center; flex-wrap: wrap; }
#news_tuikjian02 ul li .txt:before{ content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; bottom: 0;}
#news_tuikjian02 ul li .txt:after{ content: ""; display: block; width: 0; height: 1px; background: #1f77e4; position: absolute; left: 0; bottom: 0; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; }
#news_tuikjian02 ul li .txt span{ font-size: .75rem; font-family: arial; display: block; width: 100%; margin-bottom: 1rem;}
#news_tuikjian02 ul li .txt span:before{ content: ""; display: inline-block; width: .9375rem; height: 2px; background: #1f77e4; vertical-align: middle; margin-right: .5rem;}
#news_tuikjian02 ul li h2{ font-size: 1.25rem; color: #000000; font-weight: bold; margin-bottom: 1.25rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#news_tuikjian02 ul li p{ font-size: .875rem; color: #737373; line-height: 1.5rem; height: 3rem; overflow: hidden;}
#news_tuikjian02 ul li .btn_xx{ height: 2rem; line-height: 2rem; font-size: .875rem; color: #939498; margin-top: 1.25rem;transition: .5s;}
#news_tuikjian02 ul li .btn_xx svg.ico_see{ width: 1.25rem; height: 20px; display: inline-block; vertical-align: middle; margin-right: 1rem;}
#news_tuikjian02 ul li .btn_xx svg.icon{ width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 5px;}
#news_tuikjian02 ul li .btn_xx svg path{ transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s;}
#news_tuikjian02 ul li a:hover h2{ color:#1f77e4;}
#news_tuikjian02 ul li a:hover .btn_xx{ color:#1f77e4;}
#news_tuikjian02 ul li a:hover svg path{ fill:#1f77e4;}
#news_tuikjian02 ul li a:hover .txt:after{ width: 100%;}

.hot_tt{ padding-bottom: 1.5rem; border-bottom: 1px solid #e4e4e6; margin-bottom: 1.75rem;}
.hot_tt h3{ display: inline-block; font-size: 1.875rem; color: #2c2c2c; font-weight: bold;}
.hot_tt span{ font-size: 1.25rem; color: #949495; font-family: BarlowCondensed-Regular; text-transform: uppercase; display: inline-block; margin-left: .75rem;}

.nav_sanji{ margin-top: 4rem;}
.nav_sanji ul{ width: 400px; max-width: 100%; text-align: center; display: flex; justify-content: space-around; margin: 0 auto;}
.nav_sanji ul li{ padding: 0 1.25rem; display: inline-block; flex-grow: 1;}
.nav_sanji ul li a{ display: block; font-size: 1.25rem; color: #222222; overflow: hidden; padding: 0 1rem; height: 3.25rem; line-height: 3.25rem; text-align: center; position: relative; z-index: 1; border-radius: 1.625rem; -webkit-border-radius: 1.625rem; -moz-border-radius: 1.625rem; -ms-border-radius: 1.625rem; -o-border-radius: 1.625rem; }
.nav_sanji ul li a:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; border: 1px solid #e5e5e5; border-radius: 1.625rem; -webkit-border-radius: 1.625rem; -moz-border-radius: 1.625rem; -ms-border-radius: 1.625rem; -o-border-radius: 1.625rem; }
.nav_sanji ul li a:after{ content: ""; display: block; width: 0; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #1f77e4;  }
.nav_sanji ul li a:hover:before,.nav_sanji ul li.on a:before{border: 1px solid #1f77e4;}
.nav_sanji ul li a:hover:after,.nav_sanji ul li.on a:after{ width: 100%;}
.nav_sanji ul li a:hover,.nav_sanji ul li.on a{ color: #fff;}
.nav_sanji ul li a,.nav_sanji ul li a:before,.nav_sanji ul li a:after{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
li h2{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

 
.n_licheng{padding:4rem 0 8rem;background:url(../images/n_licheng_bg.jpg) center repeat-x;overflow:hidden;position: relative;background-size: contain;}
.n_licheng .bg01{position:absolute;top:50%;left:50%; width:1450px; height:1450px; transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%); }
.n_licheng .bg01 img{ -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 100s linear infinite; -moz-animation:play 100s linear infinite; animation:play 100s linear infinite;}
@-webkit-keyframes play{
    0% {
        -webkit-transform:rotate(0deg);
    }
    100% {
        -webkit-transform:rotate(360deg);
    }
}
@-moz-keyframes play{
    0% {
        -moz-transform:rotate(0deg);
    }
    100% {
        -moz-transform:rotate(360deg);
    }
}
@keyframes play{
    0% {
        transform:rotate(0deg);
    }
    100% {
        transform:rotate(360deg);

    }
}

.nianf{width: 145px;height: 50px;line-height: 46px;border:#15569d 2px solid;position:relative;z-index:0;background:none !important;/* border-radius: 15px; */text-align: center;font-size: 22px;color: #fff;border-radius: 5px;}
.nianf:hover{ color:#15569d !important;}
.nianf:after {position: absolute;z-index:-1;top: 0px;right: 0;left: 0;height: 100%;display: block;background:#15569d;content: "";/* z-index: -1; */-webkit-transition: height .5s ease;-moz-transition:height .5s ease;-o-transition:height .5s ease;transition:height .5s ease;height: 101%;}
.nianf:hover:after { top:auto; bottom:0; height:0; }
.n_licheng .table{ margin-bottom: 0;}
.n_licheng .content_box{ position:relative; padding:50px 0}
.n_licheng .content_box:before{ content:""; position:absolute; left:216px; width:4px; top:0; bottom:0; background:#15569d}
.n_licheng .content_box .bg{ position:absolute; top:0; bottom:0; width:4px; left:216px;}
.n_licheng .content_box .bg:before{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#15569d 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;top: 0;margin-left: -12px;}
.n_licheng .content_box .bg:after{content:"";position:absolute;left: 56%;width:24px;height:24px;border:#15569d 4px solid;border-radius:50%;background:#d4e3f5;box-sizing:border-box;bottom: 0;margin-left: -12px;}
.n_licheng ul{ overflow:hidden}
.n_licheng ul li{position:relative; padding:1.5rem 0;}
.n_licheng ul li .left{position:absolute;top:0; bottom:0;z-index: 100;}
.n_licheng ul li .point{position:absolute;left: 205px;width:24px;height:24px;border:#ffffff 4px solid;border-radius:50%;background:#d6e5f5;box-sizing:border-box;top: 50%;margin-top: -12px;}
.n_licheng ul li .point b{position:absolute;left: -64px;width: 64px;background: #fff;height: 4px;top: 50%;margin-top: -2px;}
.n_licheng ul li .right{width:calc(100% - 288px);background:rgba(255,255,255,0.75);min-height: 110px;border-radius:8px;position:relative;}
.n_licheng ul li .right .box{height:100%;padding: 25px 20px;}
.n_licheng ul li .right .box .table .table_cell{ text-align:left; font-size:17px; line-height:30px;}
.n_licheng ul li .right:before{ content:""; position:absolute; left:-10px; border-right:rgba(255,255,255,0.75) 10px solid; border-top:transparent 8px solid; border-bottom:transparent 8px solid; top:50%; margin-top:-8px;}
@media(max-width: 768px){
	.nianf{width: 67px;height: 34px;line-height: 30px;font-size: 12px;}
	.n_licheng ul li{ padding:10px 0}
	.n_licheng ul li .right{ width:calc(100% - 108px)}
	.n_licheng ul li .right .box .table .table_cell{ font-size:12px; line-height:26px;}
	.n_licheng .content_box:before{left: 84px;width: 2px;}
	.n_licheng .content_box .bg{left: 84px;width: 2px;}
	.n_licheng ul li .point{left: 78px;border: #fff 2px solid;width: 16px;height: 16px;margin-top: -8px;}
	.n_licheng .content_box .bg:before{width:16px;height:16px;border: #15569d 2px solid;margin-left: -8px;}
	.n_licheng .content_box .bg:after{width:16px;height:16px;border: #15569d 2px solid;margin-left: -8px;}
	.n_licheng ul{ height:auto !important}
	.n_licheng ul li{ margin-top:0 !important}
	.n_licheng ul li .left{ left:0 !important}
	.n_licheng ul li .point{left: 78px !important}
	.n_licheng ul li .right{ right:0 !important}	 
    #content{ height: auto !important;}
} 
.piaofu {
	position: fixed; z-index: 999;
	bottom: 16rem;
	right: 2rem;
}
.piaofu a {
	cursor: pointer; display: block;
	display: none
}
.piaofu img{
	pointer-event: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.piaofu .close{position:fixed;bottom: 32rem;right:1rem;font-size: 22px;color:#333; cursor:pointer}
.kaiguan{position:fixed;bottom: 32rem;right: -60px;width: 60px;line-height: 60px;border-radius:50%;background:#15569d;line-height: 60px;font-size: 25px;color:#fff;cursor:pointer;padding: 0 12px;font-family: simsun;z-index: 100000;}
.kaiguan.on{right: -30px;}
.fp-viewing-page1 .piaofu {
    display: none;
}

#n_wenhua2{ width: 100%; background: url(../images/n_wenhua_bg.jpg) center bottom  no-repeat; background-size: cover; padding-top: 1rem;}
#n_wenhua2 .tt{ display: block; width: 30.125rem; margin: 0 auto; position: relative;}
#n_wenhua2 .tt .mask{ position: absolute; padding-top: 6rem; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; color: #fff; }
#n_wenhua2 .tt .mask img{}
#n_wenhua2 .tt .mask h3{ font-size: 2.125rem; font-weight: bold; margin-top: 1.5rem; margin-bottom: .5rem;}
#n_wenhua2 .tt .mask span{ font-size: 1.75rem; color: rgba(255, 255, 255, .4); text-transform: uppercase; font-family: BarlowCondensed-Regular;}
#n_wenhua2 .con{ position: relative;}
#n_wenhua2 .tt_pic{ display: none;}
#n_wenhua2 .tt_pic.on{ display: block;}
#n_wenhua2 ul{}
#n_wenhua2 ul li{ position: absolute; cursor: pointer;}
#n_wenhua2 ul li.li_1{ right: 50%; margin-right: 16rem; top:20%; text-align: right;}
#n_wenhua2 ul li.li_2{ left: 50%; margin-left: 16rem; top:20%;  }
#n_wenhua2 ul li.li_3{  position: static; text-align: center; margin-top: 3.5rem;}
#n_wenhua2 ul li.li_4{ right: 50%; margin-right: 18rem; bottom: 0; text-align: right;}

#n_wenhua2 ul li .ico{ margin-bottom: 1rem;}
#n_wenhua2 ul li .ico .img01{}
#n_wenhua2 ul li .ico .img02{ display: none;}
#n_wenhua2 ul li h5{ font-size: 1.125rem; }
#n_wenhua2 ul li span{ font-size: 1rem; font-family: BarlowCondensed-Medium;}
#n_wenhua2 ul li p{ font-size: 1.375rem; margin-top: 2.375rem; line-height: 2.625rem;}

#n_wenhua2 ul li:hover .ico .img01{ display: none;}
#n_wenhua2 ul li:hover .ico .img02{ display: inline-block;}