@charset "utf-8";
/* CSS Document */
body{ font-size:100%;line-height:1.1; width:100%; position:relative; font-family:"微软雅黑",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{ overflow: hidden;}
.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;}
.m1100{ width:1100px; margin:0 auto; display: block; position:relative;}
.m{ max-width: 1760px; height:100%;margin: 0 auto; padding:0 100px; display: block; position:relative;}
.pad_top{ padding-top:4.375rem;}
.pad_bot{ padding-bottom:4.375rem;}
.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: 2px 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: 2;
	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 .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s 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{ height:9rem; z-index:999; width:100%; position:fixed !important; top:0;  transition:.5s;}
#header .m{ max-width:1760px; display: flex; justify-content: space-between; }
#header .fr{display: flex; width: 63.333%; align-items: center; height: 9rem;transition:.5s;}
#logo{ float:left; height:100%;}
.tagpic img{ }
.tagpic img.img02{ display: none;}
#nav{ float:left; width: calc(100% - 80px); margin-left: 3rem; }
#nav ul{ display: flex;}
#nav ul li{ float:left; position:relative; z-index:0; flex-grow: 1; text-align: center;}
#nav ul li a{ text-transform:uppercase;}
#nav ul li h3{ font-size:1.125rem; color:#fff; text-align: center; display: inline-block; height: 100%; font-weight: bold; line-height:5rem; transition:.5s; overflow:hidden; position:relative;}
#nav ul li.on h3,#nav ul li:hover h3{ color:#202c5c; }
#nav ul li h3:before{ content: ""; display: block; width: 0; height: 3px; background:#202c5c; position: absolute; left: 0; bottom: 0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#nav ul li .sub{ position:absolute; top:100%;width:140px; left:50%; margin-left:-70px;  z-index: 10000; transform:translateY(-20px); visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
#nav ul li .sub:after{ content: ""; display: block; width: 100%; height:18px; margin-top: -3px;}
#nav ul li .sub .box{ padding:10px 10px; text-align: center; background:#202c5c; position: relative; z-index: 9;}
#nav ul li .sub a{ padding:0; line-height:2; display: block; transition:.3s; font-size:.9375rem; color: rgba(255,255,255,.8);}
#nav ul li .sub a:hover{ color:#fff;}
#nav ul li:hover h3:before{ content: ""; width: 100%;}
#nav ul li.on h3:before{ content: ""; width: 100%;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
.btn_oa:before {
    content: '';
    position: absolute;
    border: 9px solid transparent;
    border-bottom: 9px solid #fff;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    display: none;
}
.btn_oa:after {
    content: '';
    position: absolute;
    bottom: 50%; margin-bottom: -.75rem;
    left: -1.5rem;
    width: 2px; height: 1.25rem; background: rgba(255,255,255,.8);
}
.btn_oa.act:before,.btn_oa.act:before{ display: block;}
.tc_oa{ z-index: 1; display:inline-block;background: #fff; border-radius: 5px; position: absolute;right:50%; margin-right: -65px; top:98%; text-align:center; height:0; transition:height .4s ease-in-out;-webkit-transition:height .4s ease-in-out; overflow: hidden;}
.tc_oa .box{ width: 130px; height: 78px;}
.tc_oa.act{ height: 78px; }
.tc_oa ul li{ width: 50%; float: left; text-align: center; height: 78px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
.tc_oa p{ line-height:22px; font-size: 14px; color: #212121; font-weight: bold; display: block; width: 100%; margin-bottom: 2px;}
.tc_oa span{ display: block; width:22px; height: 22px; height: 0; margin: 0 auto; background: url(../images/ico_arr.png) center no-repeat; background-size: contain; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.btn_oa{ position: relative; line-height:5rem; cursor: pointer; margin-left: 2rem;}
.btn_oa .ico{ display: inline-block; vertical-align: middle;}
.tc_oa li:hover p{ color: #202c5c;}
.tc_oa li:hover span{ height: 22px;}
/* .tc_oa li.on p{ color: #202c5c;}
.tc_oa li.on span{ height: 22px;} */
#header.ny{ background:#fff; height: 8.75rem; box-shadow: 0 1px 2px rgba(0,0,0,.2);}
#header.ny .fr{ height: 8.75rem;}
#header.ny #nav ul li h3{ line-height: 8.75rem; color: #161616;}
#header.ny #nav ul li.on h3, #header.ny #nav ul li:hover h3{ color: #202c5c;}
#header.ny .tagpic .img02{ display: inline-block;}
#header.ny .tagpic .img01{ display: none;}
#header.ny .btn_oa{ line-height:8.75rem;}
#header.ny .btn_oa:before{  border-bottom: 9px solid #eee;}
#header.ny .tc_oa{ background: #eee;}
#header.ny .btn_oa:after{ background:#7f7f7f;}

#header.xg{ background:#fff; height: 7rem; box-shadow: 0 1px 2px rgba(0,0,0,.2);}
#header.xg .fr{ height: 7rem;}
#header.xg #nav ul li h3{ line-height: 7rem; color: #161616;}
#header.xg #nav ul li.on h3, #header.xg #nav ul li:hover h3{ color: #202c5c;}
#header.xg .tagpic .img02{ display: inline-block;}
#header.xg .tagpic .img01{ display: none;}
#header.xg .btn_oa{ line-height:7rem;}
#header.xg .btn_oa:before{  border-bottom: 9px solid #eee;}
#header.xg .tc_oa{ background: #eee;}
#header.xg .btn_oa:after{ background:#7f7f7f;}


/***********************/
/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:999; transition:0s 1.5s; 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%;}
#m_header .btn_oa{ line-height: 4.25rem; margin-left: 0; float: right; margin-right: 3.5rem; width: 20px;}
#m_header .btn_oa:before{  border-bottom: 9px solid #eee;}
#m_header .tc_oa{ background: #eee;}
/*导航按钮开始*/
#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.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:9998; 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: #939393;}
#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:#202c5c; width:20rem;  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;}
/*首页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:46.125rem; z-index:8; -webkit-transform: scale(1.1); transform: scale(1.1);}	
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1.1); transform: scale(1.1); }
to {-webkit-transform: scale(1); transform: scale(1); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1.1); transform: scale(1.1); }
to {-webkit-transform: scale(1); transform: scale(1); }
}
#banner .slick-active .img{ animation:bgscale 7s linear .3s; animation-fill-mode: 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: right; opacity: 0; transition: .8s; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; -o-transition: .8s; }
#banner .pic img{ display: inline-block; max-width: 60%;}
#banner li.slick-current{ z-index:999;}
/* #banner .remove .pic{ animation:quit 1s ease-in forwards; } */
#banner .slick-current .pic{ animation:enter 1.5s ease forwards; -webkit-animation:enter 1.5s 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 .slick-dots { top:50%; bottom: auto; }
#banner .slick-dots li{ margin:0; display: block;}
#banner .slick-dots li button:before{ content:""; position:relative; display:inline-block; width:.625rem; height:.625rem; border:1px solid #fff; box-sizing:border-box; opacity:1; }
#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); }
    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); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
@-webkit-keyframes enterleft {
    0% { opacity: 0; transform:translateX(-60%) scale(.5); }
    100% { opacity: 1;  transform: translateX(0px) scale(1); }
}
@keyframes enterleft {
    0% { opacity: 0; transform:translateX(-60%) scale(.5); }
    100% { opacity: 1; transform: translateX(0px) scale(1); }
}
@-webkit-keyframes quit {
	0% { opacity: 1;  transform: translateY(0px); }
    100% { opacity: 0; transform:translateY(100px); }
}
@keyframes quit {
   0% { opacity: 1;  transform: translateY(0px); }
    100% { opacity: 0; transform:translateY(100px); }
}
@-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_toutiao{ width: 100%; overflow: hidden;  margin-top: 4.875rem;}
#s_toutiao .box{ height:6.25rem; line-height: 6.25rem; display: block; background: #f4f7fc; border-radius: .75rem;}
#s_toutiao .tt{ float: left; width: 7.9375rem; text-align: center; position: relative; margin-right:1.875rem;}
#s_toutiao .tt img{ width: 3.5rem;}
#s_toutiao .tt:after{ content:""; display: block; width: 2px; height: 44px; background: #ced6d9; position: absolute; right: 0; top: 50%; margin-top: -22px;}
#s_toutiao ul{ float: left; width: calc(100% - 23.5rem);}
#s_toutiao ul li{}
#s_toutiao ul li h5{ font-size: 1.25rem; color: #333333; font-weight: bold; line-height: 6.25rem; float: left; width: calc(100% - 7rem);}
#s_toutiao ul li span{ font-size: 1.25rem; color: #a7adb8; float: right; font-family: BarlowCondensed-Regular; }

#s_toutiao .slick_arrow{ float: right; margin-right: 3.5rem; }
#s_toutiao .slick_arrow div{ width: 10px; float: left; cursor: pointer; margin-left: 3rem;}
#s_toutiao .slick_left{ }
#s_toutiao .slick_right{}


#s_mian{ width: 100%; overflow: hidden;  background:url(../images/index_bg.jpg) bottom center no-repeat #fff; }
#f01{ width: 100%; overflow: hidden; }
.s_new01{ width: 42.3%; float: left; position: relative;}
.s_new01 ul{}
.s_new01 ul li{ position: relative;}
.s_new01 ul li .time{ width: 5.625rem; height: 5.625rem; font-size: .875rem; background: #d73239; left: 1.875rem; top: 1.75rem; position: absolute; text-align: center; color: #fff;  font-family: BarlowCondensed-Regular; }
.s_new01 ul li .time span{ font-size: 2.5rem; display: block; font-family: BarlowCondensed-SemiBold;}
.s_new01 ul li .time i{ display: block; width: 2.25rem; height: 1px; background: #fff; margin: 0 auto; margin-bottom: .5rem;} 

.s_new01 ul li .img{ height: 30rem;}
.s_new01 ul li .img img{ object-fit: cover;}
.s_new01 ul li h5{ font-size: 1.125rem; color: #fff; background: #202c5c; text-align: center; height: 4.5rem; line-height: 4.5rem;}
.s_new01 .slick_arrow{ }
.s_new01 .slick_arrow div{ cursor: pointer; position: absolute; top: 50%; margin-top: -25px;}
.s_new01 .slick_left{ background:url(../images/banner_left.png) center no-repeat; background-size:2.5rem;opacity:.8; left:5%;}
.s_new01 .slick_right{ background:url(../images/banner_right.png) center no-repeat; background-size:2.5rem; opacity:.8; right:5%;}
.s_new01 .draw_h{ width: 40px !important; height: 40px !important; line-height: 38px !important;}

.s_news02{ width: 57.7%; float: right; height: 34.5rem; padding:2rem 2.25rem; background: #f4f7fc; position: relative;}
.s_news02 .hd{ position: relative; margin-bottom: 1.5rem; }
.s_news02 .hd:after{ content:""; width: 100%; height: 2px; background: #d6d8d8; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden;}
.s_news02 .hd ul{ width: calc(100% - 6.625rem); max-width: 550px; float: left; position: relative; z-index: 2; overflow: hidden;}
.s_news02 .hd ul li{ font-size: 1.5rem; color: #333333; font-weight: bold; line-height: 2.5rem; padding-right: 3rem;}
.s_news02 .hd ul li.slick-current{ color: #202c5c;}
.s_news02 .hd ul li a{ display: inline-block; position: relative; padding-bottom: 1.125rem; line-height: 1.5rem;}
.s_news02 .hd ul li span{ display: inline-block; width: 1.5625rem; height: 1.5625rem;}
.s_news02 .hd ul li p{ display: inline-block;}
.s_news02 .hd ul li img{ display: inline-block;}
.s_news02 .hd ul li .img02{ display: none;}
.s_news02 .hd ul li.slick-current .img01{ display: none;}
.s_news02 .hd ul li.slick-current .img02{ display: inline-block;}
.s_news02 .hd ul li a:before{ content:""; display: block; width: 0; height: 5px; background: #202c5c; position: absolute; right: 0; bottom: 0; transition: .5s;}
.s_news02 .hd ul li.slick-current a:before{ width: 100%; left: 0; right: auto;}
.s_news02 .hd ul li a:after{ content:""; display: block; width: 0; height: 0; border: 5px solid transparent; border-top: 5px solid #014099; position: absolute; right: 50%; margin-right: -5px; bottom: -10px; transition: .5s; opacity: 0;}
.s_news02 .hd ul li.slick-current a:after{ opacity: 1;}
.s_news02 .hd .slick-list{ overflow: visible;}
.s_news02 .bd .btn_r{ position: absolute; right: 0; top: -4.5rem;}
.s_news02 .bd>.slick-list{ overflow: visible;}
.s_news02 .bd{}
.s_news02 .bd ul{}
.btn_r{ float: right; font-size: 1.125rem; color: #1d1d1d; line-height: 2.5rem;}
.btn_r i{ margin-left: 10px;}
.btn_r:hover{ color: #202c5c;}
.s_dang_list{ }
.s_dang_list li{ overflow: hidden; height: 2.875rem; position: relative; z-index: 1;}
.s_dang_list li h5{ float: left;line-height: 3rem; font-size: 1.125rem; color: #333333; transition: .5s;}
.s_dang_list li h5:before{ content: ""; width: 6px; height: 6px; border-radius: 50%; background: #e81c1b; display: inline-block; margin-right: 1rem; vertical-align: middle;}
.s_dang_list li span{ float: right;line-height: 3rem; font-size: 1.125rem; color: #a7adb8;  font-family: BarlowCondensed-Regular; transition: .5s;}
.s_dang_list li:hover h5{ color: #202c5c; font-weight: bold;}
.s_dang_list li:hover h5:before{ background: #202c5c;}
 
#s_yewu{ width: 100%; overflow: hidden;}
.yewu_tt{ width: 20%; float: left; background: url(../images/s_yewu_tt.jpg) center no-repeat; height: 18.75rem; padding:2.75rem 2.5rem; color: #fff;}
.yewu_tt h4{ font-size: 1.625rem; font-weight: bold;}
.s_yewu_slide{ width: 80%; float: right;}
.slike_arr{ margin-top: 8rem;}
.slike_arr>div{ display: inline-block; cursor: pointer; margin-right: 1.75rem; opacity: .3; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; }
.slike_arr>div:hover{ opacity: 1;}
.s_yewu_slide ul{}
.s_yewu_slide ul li{ }
.s_yewu_slide ul li a{ display: block; background: #f4f7fc; border: 1px solid #e8eaef; border-left: 0; height: 18.75rem; padding:6.5rem 2.5rem 0; overflow: hidden; position: relative; z-index: 1; }
.s_yewu_slide ul li a:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/s_yewu_li.jpg) center no-repeat; z-index: -1; opacity: 0; visibility: hidden;}
.s_yewu_slide ul li font{ display: block; margin-bottom: 1rem; height: 2.25rem; width: 2.25rem;}
.s_yewu_slide ul li font img{}
.s_yewu_slide ul li h3{ font-size: 1.25rem; color: #000000; font-weight: bold; margin-bottom: 1.25rem;}
.s_yewu_slide ul li h3 span{ font-size: 1.125rem; font-weight: normal; margin-left: .75rem;}
.s_yewu_slide ul li p{ font-size: .875rem; line-height: 1.5rem; height: 3rem; overflow: hidden;}
.s_yewu_slide ul li .btn_xq{ font-size: .875rem; color: rgba(255,255,255,.7); margin-top: 5.75rem; line-height: 1.5rem;}
.s_yewu_slide ul li .btn_xq i{ display: inline-block; width: 13px; height: 9px; background: url(../images/btn_arr.png) center no-repeat; vertical-align: middle; margin-left: 1rem;}
.s_yewu_slide ul li a:hover{ padding-top: 2rem;}
.s_yewu_slide ul li a:hover:before{ opacity: 1; visibility: visible;}
.s_yewu_slide ul li a:hover font{ opacity: 0; visibility: hidden; height: 0; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.s_yewu_slide ul li a:hover h3{ color: #fff;}
.s_yewu_slide ul li a:hover p{ color: rgba(255,255,255,.7);}

#f05{ width: 100%; overflow: hidden; }
#f05 .ul{ margin: 0 -1.25rem; overflow: hidden; display: flex;}
#f05 .ul .li{ width: 50%; float: left; padding: 0 1.25rem;}
#f05 .item{ background: #f4f7fc; padding: 2rem; height: 100%;}
.s_dang .hd{ position: relative; margin-bottom: 2.25rem; margin-top: -.625rem; z-index: 1;}
.s_dang .hd:after{ content:""; width: 100%; height: 2px; background: #e6eaeb; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden; z-index: -1;}
.s_dang .hd ul{ width: calc(100% - 6.625rem); float: left; position: relative; z-index: 2;}
.s_dang .hd h3{ font-size: 1.5rem; line-height: 2.5rem;  color: #202c5c; font-weight: bold;  display: inline-block; position: relative; padding-bottom: 1.125rem;}
.s_dang .hd h3 img{ display: inline-block; margin-right: .5rem;}
.s_dang .hd h3:before{ content:""; display: block; width: 100%; height: 5px; background: #202c5c; position: absolute; right: 0; bottom: 0;  }
.s_dang .hd h3:after{ content:""; display: block; width: 0; height: 0; border: 5px solid transparent; border-top: 5px solid #202c5c; position: absolute; right: 50%; margin-right: -5px; bottom: -10px; }
.s_dang_nav{ margin: 0 -11px; margin-bottom: 2.75rem;}
.s_dang_nav li{ padding: 0 11px;}
.s_dang_nav li a{ display: block; text-align: center; background: #f6f6f6; border: 1px solid #e5e5e5; height: 3.75rem; line-height: 3.5rem; font-size: 1.125rem; color: #525252;}
.s_dang_nav li.slick-current a{ color: #fff; background: #202c5c; border: 1px solid #202c5c;}

.s_dang_pic{ overflow: hidden; background: #fff; margin-bottom: 1rem;}
.s_dang_pic .img{ width: 15rem; height: 9.6875rem; float: left; margin-right: 1.5rem;}
.s_dang_pic .img img{ object-fit: cover;}
.s_dang_pic .txt{ padding:1.25rem 1rem; padding-left: 0;}
.s_dang_pic .txt h5{ font-size: 1.125rem; color: #0c0c0c; font-weight: bold; line-height: 1.5rem; }
.s_dang_pic .txt p{ font-size: .875rem; color: #848484; line-height: 1.5rem; height: 3rem; overflow: hidden; margin: .75rem 0; }
.s_dang_pic .txt span{ font-size: 1.125rem; color: #e81c1b; font-family: BarlowCondensed-Regular; display: block; }

.s_dang_pic02{ overflow: hidden; margin-bottom: 2.5rem; }
.tip_b{ display: block; position: relative; float: left; width: 4.5rem; height: 4.5rem; background: #e81c1b; color: #fff; font-size: 1rem; line-height: 1.2; letter-spacing: 1px; font-weight: bold; display: flex; align-items: center; justify-content: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.tip_b:after{ content:""; display: block; width: 0; height: 0; border: 5px solid transparent; border-left: 5px solid #e81c1b; position: absolute; top: 50%; margin-top: -5px; right: -10px; }
.s_dang_pic02 .txt{ width: calc(100% - 6.75rem); float: right; margin-top: -3px; }
.s_dang_pic02 .txt h5{ font-size: 1.125rem; color: #0c0c0c; font-weight: bold; line-height: 1.5rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:.5rem;}
.s_dang_pic02 .txt p{ font-size: .875rem; color: #848484; line-height: 1.5rem; height: 3rem; overflow: hidden; }

#s_zhuanti{ width: 100%; overflow: hidden; }
#s_zhuanti .box{ border-bottom: 1px solid #e5e5e5; }
#s_zhuanti ul{ margin: 0 -1.125rem;}
#s_zhuanti ul li{ padding: 0 1.125rem;}
#s_zhuanti ul li .img{}
#s_zhuanti ul li .img img{}

#s_zhuanti .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-1.5rem; transform:translate(0,0); opacity:1;
	display:block; width:2.3125rem; height: 2.3125rem; background-size:2.3125rem !important;}
#s_zhuanti .slick-prev{ left:-4.375rem;background:url(../images/arr_left_gray.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
#s_zhuanti .slick-next{ right:-4.375rem; background:url(../images/arr_right_gray.png) right center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
#s_zhuanti .slick-arrow:before{ display:none;}
#s_zhuanti .s_btn_r{ display: block; width: 5.3125rem; height: 2.5rem; line-height: 2.5rem; background: #f2f5f6;}

#s_link{  width: 100%; }
#s_link .ul{ margin: 0 -1.5rem;}
#s_link .ul .li{ width:33.333%; float: left; padding: 0 1.5rem; }
.s_foot_link{cursor:pointer;overflow:visible;position: relative;text-align:left; }
.s_foot_link .tanchu{ overflow:auto;box-sizing:border-box;position:absolute;bottom:4rem;border-bottom:0;display: none;left:0;right:0; background: #e6eaf1;}
.s_foot_link .tanchu:before{ content:""; display:none; border:10px solid transparent; border-top:10px solid #e6eaf1; width:0px; height:0px; position:absolute; bottom:1px; left:50%; margin-left:-10px;}
.s_foot_link .tanchu>div{ max-height:12.5rem; background: #e6eaf1; display:block; margin:10px 13px; overflow:auto; }
.s_foot_link .tanchu>div::-webkit-scrollbar { width: 1px;}
.s_foot_link .tanchu a { color: #666; line-height: 2rem; display:block; font-size: .9375rem;}
.s_foot_link .tanchu a:hover{ color: #000; }
.s_foot_link .bnt_link.a {padding-left:1.75rem;color: #545454;background:#f4f7fc;font-size:1rem;line-height: 4rem;width: 100%;height:4rem;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:4rem;width:.9375rem;text-align:center;height:100%;margin-right:2rem;position: absolute;right: 0;top: 0;}

.s_tt{ overflow: hidden; margin-bottom: .875rem;}
.s_tt h3{ font-size: 1.125rem; color: #202c5c; font-weight: bold; line-height: 1.25rem;}
.s_tt h3 i{ display: inline-block; width: 3px; height: 1.1875rem; background: #202c5c; vertical-align: middle; margin-right: .875rem;}
 


#footer{ width: 100%; background: #2a2f46 url(../images/foot_bg.jpg) center bottom no-repeat; color: #fff; padding-bottom: 4rem; }
#footer>.m{ display: flex; justify-content: space-between;}
#footer .left_con{ float: left; }
#footer .right_con{ float: right; padding-left: 10%; flex-grow: 1; }
.foot_logo{ margin-bottom: 2.5rem; max-width: 30.0625rem;}
.foot_lianxi{ color: #000000; }
.foot_lianxi .left{ margin-right: 0rem;}
.foot_lianxi .right p{ font-size: 1rem; color: rgba(255,255,255,.6);}
.foot_lianxi .right p img{ opacity: .6; margin-left: 15px; }
.foot_lianxi .right h4{ font-size: 2.625rem; color: #e81c1b; font-family: BarlowCondensed-SemiBold; font-style: italic; }
.foot_lianxi .right .txt{ font-size: 1rem; color: rgba(255,255,255,.6); margin-top: .875rem; }
.foot_lianxi .right{ text-align: left;}
.foot_nav{ display: flex; justify-content: space-between; }
.foot_nav dl{ float: left;}
.foot_nav dl+dl{ }
.foot_nav dl dt{ font-size: 1rem; color: #fff; margin-bottom: 20px; font-weight: bold; }
.foot_nav dl dd{ font-size: .875rem; color:#9798a0; line-height: 1.875rem; }
.foot_ewm{}
.foot_ewm img{ width:111px;}
.foot_ewm p{ font-size: 13px; color: #000000; text-align: center; margin-top: 16px;}

#footer dl a:hover{ color: #e81c1b;}
.copyright a:hover{ color: #e81c1b;}
.copyright{ padding: 1.25rem 0; line-height: 1.875rem;text-align: center; font-size: .875rem; color: rgba(255,255,255,.4); background: #404459;}
.copyright p{ display:inline-block;}
#n_banner{ height: 33.75rem; margin-top: 8.75rem;}
/*内页导航*/
.n_nav_box{ position:relative; z-index: 9; border-bottom: 1px solid #e5e5e5; background: #fff; overflow: hidden; }
.n_nav{float:left;font-size: 0;width: 60%;display: flex;}
.n_nav::-webkit-scrollbar{ display:none;}
.n_nav a{font-size:1rem;line-height: 4rem;color:#080808;display:inline-block;padding: 0 .5rem; max-width: 260px; text-align:center;position:relative;z-index:1;transition: .5s;flex-grow: 1;}
.n_nav a+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: #202c5c;
}
.n_nav a:hover:before,.n_nav a.on:before{ width:100%; opacity: 1;}
.n_nav a:hover:after,.n_nav a.on:after{ height:0;}
.n_nav a:hover,.n_nav a.on{ color:#fff; font-weight: bold;}
.n_position{ text-align:right; float:right;  font-size:0; height: 4rem; line-height:4rem; color:#a6a6a6;display: flex; align-items: center; padding-right: 1.75rem; }
.n_position svg{ vertical-align: middle; width: 14px; height: 16px; display: inline-block; margin-right: 9px;}
.n_position a{ font-size:.875rem; color:#8a8a8a; position:relative; transition:.2s;}
.n_position i{font-size: .875rem;color:#98989a;display:inline-block;margin:0 .5rem;font-family:arial; position:  relative;top: -1px;}
.n_position span{ font-size:.875rem; color:#8a8a8a;}
.n_position a:hover{ color:#e81c1b;}


/* 手机端二级导航 */
#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 0;overflow:hidden;font-size:  0;text-align:  center;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: 13px;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: #e81c1b;}

#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}


#n_about{ width: 100%; overflow: hidden;}
#n_about .m{ display: flex;}
#n_about .left{ max-width: 33.25rem; float: left; flex-shrink: 1;}
#n_about .right{ max-width: calc(100% - 33.25rem); min-width: 300px; float: right; padding-left: 3.625rem; display: flex; flex-wrap: wrap; align-content: center;}
#n_about .tt{ margin-bottom: 3.625rem;}
#n_about .tt h3{ font-size: 1.625rem; color: #010101; font-weight: bold; margin-bottom: 2px;}
#n_about .tt span{ font-size: .875rem; color: #a3a3a3; font-family: arial;}
#n_about .tt i{ display: block; width: 35px; height: 5px; background: #e81f18; margin-top: 2rem;}


.ar_article{ font-size:.9375rem; color:#5e5e5e; line-height:1.875rem; text-align:justify; }
.ar_article h4{ font-size: 1.125rem;}
.ar_article p{font-size:.9375rem;color:#5e5e5e;line-height:1.875rem; padding-bottom:.75rem;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important;    font-family: "微软雅黑","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;}
video{ max-width: 100%; height: auto; min-height: 180px;}

#n_dangjian{}
#n_dangjian ul{ margin: 0 -.9375rem; margin-top: -2rem; overflow: hidden;}
#n_dangjian ul li{ width: 33.333%; float: left; padding: 0 .9375rem; margin-top:2rem;}
#n_dangjian ul li a{ display: block; position: relative; z-index: 1; }
#n_dangjian ul li a .img img{ height:364px; object-fit:cover;}
#n_dangjian ul li .txt{ padding-top: 1.875rem; }
#n_dangjian ul li h2{ font-size: 1.25rem; color: #212121; 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_dangjian ul li p{ font-size: .875rem; color: #737373; line-height: 1.5rem; height: 3rem; overflow: hidden;}
#n_dangjian ul li .btn_xx{ height: 2rem; line-height: 2rem; font-size: .875rem; color: #939498; margin-top: 1.25rem;transition: .5s;}
#n_dangjian ul li .btn_xx svg.ico_see{ width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-right: 1rem;}
#n_dangjian ul li .btn_xx svg.icon{ width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 5px;}
#n_dangjian ul li .btn_xx svg path{ transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s;}
#n_dangjian ul li a:hover h2{ color:#202c5c;}
#n_dangjian ul li a:hover .btn_xx{ color:#202c5c;}
#n_dangjian ul li a:hover svg path{ fill:#202c5c;}
 
/*翻页*/
.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:#919191; 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:#e81f18;  color:#fff; border:1px solid #e81f18; }
.page a:hover{ background:#e81f18;  color:#fff; text-decoration:none; border:1px solid #e81f18;}
.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:#919191; -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:#919191; background:none; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.page button:hover{ background:#e81f18;  color:#fff; text-decoration:none; border:1px solid #e81f18;}

#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 .txt{ height: 13.75rem; display: flex; flex-direction:column; align-content: center; flex-wrap: wrap; position: relative;}
#n_dongtai ul li .txt:after{ content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; bottom: 0;}
#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: #000000; vertical-align: middle; margin-right: .5rem;}
#n_dongtai ul li h2{ font-size: 1.25rem; width:100%; 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:#202c5c;}
#n_dongtai ul li a:hover .btn_xx{ color:#202c5c;}
#n_dongtai ul li a:hover svg path{ fill:#202c5c;}

#n_meiti{}
#n_meiti ul{ margin: -1.25rem; overflow: hidden;}
#n_meiti ul li{ width: 50%; float: left; padding:1.25rem; overflow: hidden;}
#n_meiti ul li a{ position: relative; z-index: 1; display: block; border: 1px solid #e5e5e5; padding: 2.75rem 2rem; }
#n_meiti ul li .txt{ position: relative;}
#n_meiti ul li .txt span{ font-size: .75rem; font-family: arial; display: block; width: 100%; margin-bottom: 1rem;}
#n_meiti ul li .txt span:before{ content: ""; display: inline-block; width: .9375rem; height: 2px; background: #000000; vertical-align: middle; margin-right: .5rem;}
#n_meiti 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_meiti ul li p{ font-size: .875rem; color: #737373; line-height: 1.5rem; height: 3rem; overflow: hidden;}
#n_meiti ul li .btn_xx{ height: 2rem; line-height: 2rem; font-size: .875rem; color: #939498; margin-top: 1.25rem;transition: .5s;}
#n_meiti ul li .btn_xx svg.ico_see{ width: 1.125rem; height: 20px; display: inline-block; vertical-align: middle; margin-right: 1rem;}
#n_meiti ul li .btn_xx svg.icon{ width: 8px; height: 8px; display: inline-block; vertical-align: middle; margin-left: 5px;}
#n_meiti ul li .btn_xx svg path{ transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s;}
#n_meiti ul li a:hover h2{ color:#202c5c;}
#n_meiti ul li a:hover .btn_xx{ color:#202c5c;}
#n_meiti ul li a:hover svg path{ fill:#202c5c;}

#n_qikan{}
#n_qikan ul{ margin: 0 -.875rem; margin-top: -2.25rem;}
#n_qikan ul li{ width: 20%; float: left; padding: 0 .875rem; margin-top: 2.25rem;}
#n_qikan ul li .pic{ border: 1px solid #e5e5e5; padding: .8125rem;}
#n_qikan ul li .pic .img{}
#n_qikan ul li .pic .img img{}
#n_qikan ul li h5{ text-align: center; font-size: 1.25rem; color: #2b2b2b; padding-top: 1.5rem;}

#n_zizhi{ position:relative; width:100%; overflow:hidden; }
#n_zizhi ul{ position:relative; margin: 0 -15px; margin-top: -3rem;}
#n_zizhi ul li{ padding:0 15px; width: 25%; float: left; margin-top: 3rem;}
#n_zizhi ul li .pic{ width:100%; height: 16.25rem; line-height: 16.25rem; background: #f4f7fc; text-align:center; overflow:hidden;}
#n_zizhi ul li .pic img{ display:inline-block; max-width:80%; max-height:90%;}
#n_zizhi ul li h2{ text-align:center; font-size:1rem; color:#080808; margin-top: 1.875rem; }

.ar_title{ padding-bottom: 2.25rem; border-bottom: 1px solid #e5e5e5; margin-bottom: 2.25rem;}
.ar_title h2{ font-size: 1.5rem; color: #000000; font-weight: bold; margin-bottom: 1.75rem; position: relative;}
.ar_title h2:before{ content: ""; display: block; width: 5px; height: 1.25rem; background: #e81f18; position: absolute; left: -1.25rem; top: 4px;}
.ar_title div span{ font-size: .875rem; color: #8d8d8d; margin-right: 1rem;}

.ar_bot{padding:1.875rem 0 0;border-top: #e5e5e5 1px solid;margin:2rem 0 2rem;}
.ar_bot a{ display:inline-block; line-height:2.5rem; font-size:.875rem; color: #999; transition:.5s; border-radius:1.25rem; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.ar_bot a svg{ width: 12px; height: 12px; vertical-align: middle; }
.ar_bot a svg path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

.ar_bot a:hover{  background:#3f4583; padding:0 1.5rem; color: #fff;}
.ar_bot a:hover svg path{ fill:#fff; }
 

#n_lianxi{}
#n_lianxi ul{ margin: 0 -1.25rem; overflow: hidden; margin-bottom: 2.5rem;}
#n_lianxi ul li{ padding: 0 1.25rem; float: left; width: 33.333%; text-align: center;}
#n_lianxi ul li .box{}
#n_lianxi ul li .ico{ width: 7rem; height: 7rem; position: relative; z-index: 1; margin: 0 auto; border: 1px solid #e6e6e6; background: #fff; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#n_lianxi ul li .ico h5{ width: 100%; font-size: .9375rem; position: relative; z-index: 3; color: #202c5c; font-weight: bold; margin-top: .5rem;}
#n_lianxi ul li .txt{ position: relative; z-index: 0; border: 1px solid #e6e6e6;  display: flex; flex-wrap: wrap; align-content: center; justify-content: center; background: #fff;  height: 9.875rem; margin-top: -3.5rem; padding: 1.5rem 1rem 0;}
#n_lianxi ul li .ico:before{ content: ""; display: block; height: 50%; position: absolute;  z-index: 2; left: -1px; bottom: -1px; right: -1px; background: #fff;}
#n_lianxi ul li .txt p{ font-size: 1rem; line-height: 1.75rem; color: #171616; font-weight: bold;}
#n_lianxi ul li .txt p b{ font-weight: normal; font-size: 1.5rem;  font-family: BarlowCondensed-SemiBold;}
#n_lianxi ul li:hover .ico{ border: 1px solid #202c5c; background: #202c5c;}
#n_lianxi ul li:hover .ico svg path{ fill: #fff;}
#n_lianxi ul li:hover .ico svg{ animation: jello 1s; -webkit-animation: jello 1s; }
#n_lianxi ul li:hover .ico h5{ color: #fff;}
#n_lianxi ul li:hover .ico:before{ display: none;}

#miso_map{ height:35rem; border:#d4d4d4 1px solid; }

#n_form .row{ margin: 0 -1rem;}
#n_form .col-lg-1{ padding: 0 1rem; float: left;}
#n_form .col-lg-4{ width: 33.333%; padding: 0 1rem; float: left;}
#n_form .col-lg-12{ width:100%; padding: 0 1rem; float: left;}

#n_form{}
#n_form .tt{ text-align: center; margin-bottom: 2.75rem;}
#n_form .tt h3{ font-size: 1.5rem; color: #202c5c; font-weight: bold;}
#n_form .tt i{ display: block; width: 1.875rem; height: 1px; background: #e81f18; margin: 0 auto; }
#n_form .tt span{ font-size: 1.125rem; color: #828282; text-transform: uppercase; margin-top: .75rem; margin-bottom: 1.5rem; display: block;}
#n_form .form-group{ margin: 0 ; padding: 0; margin-bottom: 1.5rem; position: relative;}
#n_form .form-group span{ display: block; height: 3.125rem; line-height: 3.125rem; font-size: 1.125rem; color: #000000; }
#n_form .form-group span i{ color: #da251d; font-size: 1rem; margin-right: 3px;}
#n_form .form-group input{ width: 100%;  height: 4rem; padding: 0 1.625rem; color:#666; font-size: 1rem; background: #f2f2f4;}
#n_form .form-group textarea{ line-height: 2rem; width: 100%; padding: 1rem 1.625rem;color:#666; background: #f2f2f4; font-size: 1rem; padding-right: 1rem; height: 13.5rem;}
#n_form .btn_submit{ height: 4rem; width: 9.125rem; background: #e81f18; z-index: 1; color: #fff; text-align: center; border: 0; font-size: 1rem; text-transform: uppercase; position: relative;}
.yzm{ width: auto; height:4rem; right: 0; bottom: 0; position: absolute;min-width: 60px; }
#n_form .btn_submit:before{ content: ""; display: block; width: 100%; bottom: 0; z-index: -1; position: absolute; left: 0; height: 0; background: #ca1610; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_form .btn_submit:hover:before{ height: 100%; top: 0; bottom: auto;}
.splitlist { line-height: 1.2; overflow: hidden; white-space: pre-wrap; }
.splitlist.flag span { -webkit-animation: fadeInRight 1.5s forwards; animation: fadeInRight 1.5s 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); }


.n_licheng{background:url(../images/n_licheng_bg.jpg) center bottom no-repeat; overflow: hidden;}
.n_licheng .slick_bd{ margin-bottom:4rem}
.n_licheng .slick_bd ul li .left{ width:54%}
.n_licheng .slick_bd ul li .left .img{ width:100%; height:36.5rem; overflow:hidden; }

.n_licheng .slick_bd ul li .right{ width:46%; position:relative; padding-top:2.5rem; padding-left: 3.625rem; min-height:28.4375rem;}
.n_licheng .slick_bd ul li .right font{font-size: 33.625rem;color:#f6f7f9;font-family: "Barlow Condensed";font-weight:bold;position: absolute;top: 0;left: 0;right: 0;text-align: center; letter-spacing: 6rem;padding-left: 10rem;line-height: 30rem;}
.n_licheng .slick_bd ul li .right h3{ font-size:3.125rem;color:#202c5c;font-family: "Barlow Condensed";font-weight:bold; margin-bottom: 2.5rem;}
.n_licheng .slick_bd ul li .right .con{ margin-bottom:5.625rem; position:relative}
.n_licheng .slick_bd ul li .right .con p{font-size:.9375rem;color:#5e5e5e; position:relative;margin-bottom:0.5rem;line-height: 1.875rem;}
.n_licheng .slick_bd ul li .right .anniu_con{ display:inline-block; width:31px; height:31px; background-size:100% 100% !important; cursor:pointer; transition:.6s; position:relative}
.n_licheng .slick_bd ul li .right .anniu_left{ background:url(../images/licheng_left.png) center no-repeat; margin-right:0.75rem}
.n_licheng .slick_bd ul li .right .anniu_right{ background:url(../images/licheng_right.png) center no-repeat}
.n_licheng .slick_bd ul li .right .anniu_left:hover{ background:url(../images/licheng_left_on.png) center no-repeat; }
.n_licheng .slick_bd ul li .right .anniu_right:hover{ background:url(../images/licheng_right_on.png) center no-repeat}
.n_licheng .content{ position:relative}
.n_licheng .content:before{ content:""; position:absolute; top:52px; width:100%; left:0; height:1px; background:rgba(0,0,0,0.1)}
.n_licheng .content .slick_hd ul{ margin:0 -5%}
.n_licheng .content .slick_hd ul li{ text-align:center; cursor: pointer;}
.n_licheng .content .slick_hd ul li h4{ font-size:1.875rem; color:#202c5c; font-family: BarlowCondensed-Regular; font-weight:bold; height:42px; transition:.6s}
.n_licheng .content .slick_hd ul li .yuan{position:relative;height: 20px;}
.n_licheng .content .slick_hd ul li .yuan:before{content:"";position:absolute;width: 0.75rem;height: 0.75rem;border:#202c5c 3px solid;border-radius:50%;background:#fff;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%); transition:.6s}
.n_licheng .content .slick_hd ul li .down_svg{ line-height:2.25rem; margin-bottom:0.5rem}
.n_licheng .content .slick_hd ul li .down_svg svg{ display:inline-block; width:16px; height:16px; fill:#202c5c; transition:.6s}
.n_licheng .content .slick_hd ul li .con{position:relative;}
.n_licheng .content .slick_hd ul li .con p{font-size:1rem; color:#080808;position:relative;margin-bottom:0.5rem;line-height: 1.7rem;padding: 0 0.5rem;}

.n_licheng .content .slick_hd ul li.slick-current h4{ color:#e81f18}
.n_licheng .content .slick_hd ul li.slick-current .yuan:before{ border:#e81f18 3px solid;}
.n_licheng .content .slick_hd ul li.slick-current .down_svg svg{ fill:#333; }

::-webkit-input-placeholder{
	color:#a6a6a6;
}
::-moz-placeholder{   /* Mozilla Firefox 19+ */
	color:#a6a6a6;
}
::-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
	color:#a6a6a6;
}
::-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
	color:#a6a6a6;
}

:focus::-webkit-input-placeholder {
    color: transparent;
    }
:focus:-moz-placeholder {
    color: transparent;
    }
:focus::-moz-placeholder {
    color: transparent;
    }
:focus:-ms-input-placeholder {
    color: transparent;
    }
#n_main{ min-height: 400px;}

.share{ color: #fff; font-size: .875rem; margin-top: 2rem; display: block;}
.social-share{ display: inline-block;}

/*搜索*/
#searchBtn{ height:100%; margin-left:10px;}
#searchBtn a{ display:block; width:42px; height:42px; line-height:39px; border-radius:50%; text-align:center; transition:.3s; overflow:hidden; }
#searchBtn svg{vertical-align:middle; display:inline-block;fill:#fff; width:25px; height:25px;  }
 #header.xg #searchBtn svg path{ fill:#333; }
 #header.ny #searchBtn svg path{ fill:#333; }
.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:9999; 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:#e13a39; 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:#016aaf; 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:1.5rem; 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(../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;}
/***********************/

/*顶部搜索*/
.wap_search{ font-size:16px;border-radius: 5px; color:#fff;text-align:center; font-family:arial;letter-spacing:2px;line-height:40px; transition:height .4s ease-in-out;-webkit-transition:height .4s ease-in-out;overflow:hidden; width: 100%;}
.wap_search form{height:40px;border-radius:20px; background:rgba(255,255,255,.25);position:relative;width: 18rem; margin: 20px auto; }
.wap_search .input{ font-size:.875rem; color:#fff; height:40px; line-height:40px; 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:0; right:0; width: 50px;height:40px; line-height:40px; border:0; background:url(../images/seach_white.svg) center no-repeat; background-size: 1.5rem;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff; color: rgba(255,255,255,.9); }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.9); }/* 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消失-结束 */