@charset "utf-8";
/* CSS Document */
@font-face{ font-family: "Geometr415 Blk BT"; src: url(../fonts/tt0524m_0.ttf);}
body{ font-size:100%;line-height:1.1; width:100%; position:relative; background:none; font-family:"微软雅黑","Microsoft YaHei", sans-serif; overflow-x:hidden;}
*{ margin:0; padding:0; outline:none; }
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%;}

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%;}
svg{ max-width:100%; max-height:100%;}
table{table-layout: fixed;}
.m1100{ width:1100px; margin:0 auto; display: block; position:relative;}
.m{ max-width: 1800px; height:100%;margin: 0 auto; padding:0 100px; display: block; position:relative;}
.m1280{max-width: 1280px; width:100%; height:100%; margin: 0 auto; padding:0 40px; display: block; position:relative;}
.m1360{max-width: 1360px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1400{max-width: 1540px; width:100%; height:100%; margin: 0 auto; padding:0 70px; display: block; position:relative;}
.m1600{max-width: 1600px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1689{max-width: 1689px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1900{max-width: 1900px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.pad_top{ padding-top:4.06rem;}
.pad_bot{ padding-bottom:4.06rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.draw_h{ width: 50px !important; height: 50px !important; line-height: 48px !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{ z-index:999; width:100%; transition:.6s; background:#fff;box-shadow: 0 1px 1px rgba(0,0,0,.1); border-radius:5px; padding-top:1rem; padding-bottom: 0; z-index: 999;}
#header #logo{ width: 28.4375rem; }
#logo{ float:left;  }
#logo img{ }
.top_tianqi{ float:left; margin-right: 2.25rem; margin-top:1.75rem; font-size: 15px; color: #7b7b7b; }
.top_tianqi #time{ margin-right: 1.125rem; line-height: 1.25rem;}
.top_search { float:left; margin: 1rem 0;
	position: relative; 
	overflow: hidden;
	width: 21.875rem;
	height: 43px;
	cursor: pointer;
	background: #003399;
	overflow: visible;
}
.top_search #keyword {
	padding-left: 15px; display:block; float:left; border-radius: 3px 0 0 3px;
	height: 45px;
	color: #fff !important;
	width: 15rem;
	box-sizing: border-box;
	font-size: 13px;
	
}
.top_search .btn_blue {
	width: 6.875rem; height: 45px; border-radius:0 3px 3px 0;
	background:#014099; display: block; float: right;
	color: #fff; font-size:14px;
	border: 0;
	cursor: pointer;
}
.box{ line-height: 30px;}
.btn_oa{ float: right; margin-left: 1.25rem; font-size: .875rem; color: #7b7b7b; text-transform: uppercase; margin-top: 1.75rem;}
.btn_oa img{ margin-right: .5rem;}
#nav{ background: #014099; text-align: center; position: relative; z-index: 999; margin-top: 1rem;}
#nav ul{  }
#nav ul li{ position:relative; z-index:0; height:100%; float: left; width: 11.1111%;}
#nav ul li+li:before{ content: ""; display: block; width: 2px; height:13px; background: rgba(255,255,255,.5); position: absolute; top: 50%; left: 0; margin-top: -6px;}
#nav ul li h3 a{ display:block; height:3.725rem;  text-transform:uppercase; overflow:hidden; position:relative; transition:.6s; text-align:center; z-index:1; transition:.8s;}
#nav ul li h3{ font-size:1.0625rem; color:#fff;transition:.8s; margin-bottom:2px; padding: 1.25rem; }
#nav ul li .sub{position:absolute;top:100%;background:#fff; background:rgba(255,255,255,.9); border-radius: 0 0 2rem 2rem; width: 45rem; padding: 1.5rem 2rem; padding-right: 0; left:0; z-index: 10000; transform:scaleY(0); transform-origin: top; visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0; transition:.5s;}
#nav ul li .sub .box{ }
#nav ul li .sub .pic{ width: 18.75rem; height: 10rem; float: left; margin-right: 2.5rem;}
#nav ul li .sub .txt{ text-align: left; }
#nav ul li .sub dd{ display: inline-block; margin-right: 2rem;  position: relative;}
#nav ul li .sub dd:before{ content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #014099; margin-right: .25rem; opacity: 0;}
#nav ul li .sub dd:hover:before{  opacity: 1;}
#nav ul li .sub dd a{ font-size: 1rem; color: #191919; }
#nav ul li .sub dt{ margin-bottom: 1rem;}
#nav ul li .sub dt a{ font-size: 1.25rem; color: #191919; border-bottom: 1px solid #bec3c9; padding-bottom: .5rem;}
#nav ul li .sub a{padding:0;line-height:2;transition:.3s;font-size: 1rem;color: #666;}
#nav ul li .sub a:hover{color: #014099;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible;  transform:scaleY(1); }
#nav ul li.on h3,#nav ul li:hover h3{ color:#fff; font-weight: bold;}
#nav ul li a:after{ content:""; display:block; width:0; height:100%; position:absolute; left:0; background:#0f8ee7; bottom:0px; transition:.5s; z-index:-1; }
#nav ul li:hover>a:after,#nav ul li.on>a:after{ width:100%;}
#nav ul li:nth-child(6) .sub,#nav ul li:nth-child(7) .sub,#nav ul li:nth-child(8) .sub,#nav ul li:nth-child(9) .sub,#nav ul li:nth-child(10) .sub{ left:auto; right: 0;}
/*手机头部开始*/
#m_header{ position: fixed;  z-index:999; width:100%; height:4.5rem; left:0; top:0; background:#fff; display:none; padding: 0 30px; }
#m_header #m_logo{ height:4.5rem; float: left; }
#m_header #m_logo img{ max-height:63%;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}
/*导航按钮开始*/
#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{ padding: 0 15px;}
#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: #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:#3f51b59c; width:17rem;  height:100vh; right: -400px; top: 0; display:none; padding:50px 0; padding-top:80px; 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:5rem; height: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:5rem; float:right; display:inline-block; background: url(../fonts/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:40px;height: 40px;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: 888;background-color: rgba(0,0,0,0.4);display: none;}
/*首页banner*/
#banner .swiper-container { height:46rem; }
#banner .swiper-slide { overflow: hidden;}
#banner .slide-inner { position: absolute;  width: 100%; height: 100%;left: 0; top: 0; background-size: cover; background-position: center;}
#banner .swiper-button-prev{ background:url(../images/banner_left.png) center no-repeat; background-size:3rem;opacity:.8; left:5%;}
#banner .swiper-button-next{ background:url(../images/banner_right.png) center no-repeat; background-size:3rem; opacity:.8; right:5%;}
#s_toutiao{ margin-top: 2.8125rem;}
#s_toutiao .box{ height:6.25rem; line-height: 6.25rem; display: block; background: #fff; 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: 4.0625rem;}
#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.625rem; color: #333333; font-weight: bold; line-height: 6.25rem; float: left; width: calc(100% - 11rem);}
#s_toutiao ul li span{ font-size: 1rem; color: #a7adb8; float: right; }
#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{ overflow: hidden;background:url(../images/s_main_bg.jpg) top center no-repeat #fff; }
#f01{ overflow: hidden;}
.s_new01{ width: 55%; 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: 12px; background: #2156a1; left: 1.875rem; top: 1.75rem; position: absolute; text-align: center; color: #fff; font-family: "Swis721 BlkCn BT"; display:none;}
.s_new01 ul li .time span{ font-size: 2.5rem; display: block;}
.s_new01 ul li .time i{ display: block; width: 1.875rem; height: 1px; background: #fff; margin: 0 auto; margin-bottom: .5rem;} 
.s_new01 ul li .img{}
.s_new01 ul li .img img{}
.s_new01 ul li h5{ font-size: 1.125rem; color: #fff; text-align: center; position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 2.5rem; padding-bottom: 1.4rem;background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.75));
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.75));
    background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.75));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.75));
    background: -moz-linear-gradient(top,transparent, rgba(0, 0, 0, 0.75));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.75)));
    FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=transparent, endColorStr=#111); }
.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: 43%; float: right;}
.s_news02 .hd{ position: relative; margin-bottom: 1.5rem; margin-top: -.625rem;}
.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); float: left; position: relative; z-index: 2;}
.s_news02 .hd ul li{ font-size: 1.5rem; color: #333333; font-weight: bold; line-height: 2.5rem;}
.s_news02 .hd ul li.slick-current{ color: #014099;}
.s_news02 .hd ul li a{ display: inline-block; position: relative; padding-bottom: 1.125rem;}
.s_news02 .hd ul li a:before{ content:""; display: block; width: 0; height: 5px; background: #014099; 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{}
.s_news02 .bd ul{}
.s_news02 .bd ul li{ height: 7.5rem; position: relative; margin-bottom: 6px; background: #fff; border: 1px solid #e5e5e5;}
.s_news02 .bd ul li .time{ width: 7.5rem; height: 100%; font-size: 12px; background: #fff; text-align: center; color: #515151; font-family: "Swis721 BlkCn BT"; float: left; transition: .5s; border-right: 1px solid #e5e5e5;}
.s_news02 .bd ul li .time span{ font-size: 2.5rem; display: block; color: #014099; transition: .5s;}
.s_news02 .bd ul li .time i{ display: block; width: 1.875rem; height: 1px; background: #e4a100; margin: 0 auto; margin-bottom: .5rem;} 
.s_news02 .bd ul li .txt{ padding: 1.5rem 2rem; width: calc(100% - 7.5rem); float: right;}
.s_news02 .bd ul li .txt h5{ font-size: 1.125rem; color: #3b3b3b; margin-bottom: .5rem;}
.s_news02 .bd ul li .txt p{ font-size: .875rem; color: #7f7f82; line-height: 1.25rem; height: 2.5rem; overflow: hidden;}
.s_news02 .bd ul li:hover{}
.s_news02 .bd ul li:hover .time{ background: #2156a1; color: #fff;}
.s_news02 .bd ul li:hover .time span{ color: #fff; }
.s_news02 .s_btn_r{ height: 2.5rem; line-height: 2.5rem; background: #fff; border-radius: 1.25rem;}
.s_btn_r{width: 6.625rem; background: #e4e4e4; height: 3.4375rem; line-height: 3.4375rem; border-radius: 1.75rem; text-align: center; display: block; font-size: .875rem; color: #686969; float: right;}
.s_btn_r .arrow{ display: inline-block; vertical-align: middle; width: 23px; height: 18px; position: relative; font-size: 0; margin-left: .5rem; line-height: .5rem; transition: 1s; }
.s_btn_r .arrow font{ width: 23px; display: inline-block; position: absolute; left: 0; top: 0; transition: 1.2s;}
.s_btn_r .arrow font.font1{left: -23px; }
.s_btn_r font svg{ width: 9px; height: 1rem; transition: .8s;}
.s_btn_r font svg.arrow01{ width: 5px; opacity: .4;}
.s_btn_r font svg.arrow02{ width: 6px; opacity: .8;}
.s_btn_r font svg.arrow03{ opacity:1;}
.s_btn_r font.font1 svg.arrow01{ width: 9px; opacity:0; }
.s_btn_r font.font1 svg.arrow02{ width: 6px;opacity:0; }
.s_btn_r font.font1 svg.arrow03{ width: 5px;opacity:0; }
.s_btn_r:hover font{  -webkit-transform: translate3d(15px, 0, 0px); }
.s_btn_r:hover font.font2 svg.arrow01{-webkit-transform: translate3d(6px, 0, 0px); opacity: 0; width: 9px; }
.s_btn_r:hover font.font2 svg.arrow02{-webkit-transform: translate3d(8px, 0, 0px); opacity: 0; width: 6px; }
.s_btn_r:hover font.font2 svg.arrow03{-webkit-transform: translate3d(10px, 0, 0px);  opacity: 0;width: 5px; }
.s_btn_r:hover font.font1 svg.arrow01{-webkit-transform: translate3d(6px, 0, 0px); opacity: .4;  width: 5px;}
.s_btn_r:hover font.font1 svg.arrow02{-webkit-transform: translate3d(8px, 0, 0px);  opacity: .8; width: 6px;}
.s_btn_r:hover font.font1 svg.arrow03{-webkit-transform: translate3d(10px, 0, 0px); opacity: 1; width: 9px; }






.s_btn_r .arrow font.font3{left: -23px; }
.s_btn_r font svg{ width: 9px; height: 1rem; transition: .8s;}
.s_btn_r font svg.arrow04{ width: 5px; opacity: .4;}
.s_btn_r font svg.arrow05{ width: 6px; opacity: .8;}
.s_btn_r font svg.arrow06{ opacity:1;}
.s_btn_r font.font3 svg.arrow04{ width: 9px; opacity:0; }
.s_btn_r font.font3 svg.arrow05{ width: 6px;opacity:0; }
.s_btn_r font.font3 svg.arrow06{ width: 5px;opacity:0; }
.s_btn_r:hover font{  -webkit-transform: translate3d(15px, 0, 0px); }
.s_btn_r:hover font.font4 svg.arrow04{-webkit-transform: translate3d(6px, 0, 0px); opacity: 0; width: 9px; }
.s_btn_r:hover font.font4 svg.arrow05{-webkit-transform: translate3d(8px, 0, 0px); opacity: 0; width: 6px; }
.s_btn_r:hover font.font4 svg.arrow06{-webkit-transform: translate3d(10px, 0, 0px);  opacity: 0;width: 5px; }
.s_btn_r:hover font.font3 svg.arrow04{-webkit-transform: translate3d(6px, 0, 0px); opacity: .4;  width: 5px;}
.s_btn_r:hover font.font3 svg.arrow05{-webkit-transform: translate3d(8px, 0, 0px);  opacity: .8; width: 6px;}
.s_btn_r:hover font.font3 svg.arrow06{-webkit-transform: translate3d(10px, 0, 0px); opacity: 1; width: 9px; }








.arrow_anim{ display: block; width: 2.5rem; height: 2.5rem; border: 2px solid #969798; border-radius: 50%; position: relative; margin-top: 1.5rem; overflow: hidden;}
.arrow_anim:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 2.5rem; transition: .5s;}
.arrow_anim:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 2.5rem; transition: .5s;}
.hover:hover .arrow_anim:before{ left: 0;}
.hover:hover .arrow_anim:after{ left: 100%;}
#f02{ background: url(../images/f02_bg.png) center bottom no-repeat;}
#f02 .item{ border-top: 2px solid #d8dee1; overflow: hidden;}
#f02 .item .tt{ float: left; margin-bottom: 2.75rem;}
#f02 .item .tt font{ display: block; display: none; width: 2.25rem; height: 1.625rem; background: url(../images/yinhao.png) center no-repeat; background-size: contain; margin-bottom: 3rem;}
#f02 .item .tt h3{ font-size: 1.875rem; color: #014099; letter-spacing: 3px; margin-bottom: .75rem;}
#f02 .item .tt p{ font-size: 1.5rem; color: #333333; font-weight: bold;}
#f02 .item .tt i{ display: block; width: 2.5rem; height: 2px; background: #000000; margin-top: 3rem;}
#f02 .item .s_tt{ float: right;}
#f02 .item .con{ font-size: .9375rem; color: #6c6c6d; line-height: 1.875rem;}
#f02 .item .con p{ margin-bottom: 1.25rem;}
#f02 .item .top{ overflow: hidden; padding-top: 1rem;}
#f02 .item .txt{ width: 52.8%; }
#f02 .item .img{ width:40.3125%; border-radius: 0 2.25rem 0 2.25rem;}
.s_tt{ overflow: hidden; margin-bottom: 2.5rem;}
.s_tt h3{ font-size: 1.875rem; color: #333333; font-weight: bold; line-height: 2.5rem;}
.s_tt h3 i{ display: inline-block; width: 5px; height: 1.875rem; background: #014099; vertical-align: middle; margin-right: .875rem;}
.s_tt .arrow_anim{ float:right;}
#s_about .img{ position:relative; z-index:9;cursor: none;}
#s_about .img a{ display: block;cursor: url(../images/play.ico),pointer;}
#s_about .img .mask{ position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; transition:.5s; text-align:center; opacity:1; }
#s_about .img .mask font{ display:block; width:3.0625rem; height:3.0625rem; transition:.5s; border-radius:50%; background:url(../images/play.png) center no-repeat; background-size: contain; margin:0 auto; }
#s_about .img:hover .mask{ opacity:0;}
.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc .j_tab{ table-layout: fixed;}
.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; transform: translateY(-10rem);transition: all 0.5s ease-out; opacity: 0;
  }
.tc.act .tc-box{ transform: translateY(0); opacity: 1;}
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right:15px; top: 15px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc_shipin{  width:48rem;  max-width: 90%; margin:0 auto;  background:none; position:relative; height: 28rem;}
.tc_shipin video{ width:100%; height:100%;}
.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%;}
.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }
.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.video-js{    width: 100% !important;
    height: 100% !important;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}
video{
    object-fit:fill;  
}
.vjs-poster{ background-size: cover !important;}
#s_yewu{}
#s_yewu .hd{  width: 100%; position: relative; z-index: 10;}
#s_yewu .hd ul{  }
#s_yewu .hd ul li{ text-align: center; padding-top: 1.5rem;}
#s_yewu .hd ul li .ico{ display: block; width: 9.375rem; height: 9.375rem; margin: 0 auto; line-height: 9.375rem; text-align: center; border-radius: 50%; position: relative; z-index: 1;}
#s_yewu .hd ul li .ico:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; border: 2px solid #014099; background: #fff; z-index: 0; transition: .7s;}
#s_yewu .hd ul li .ico:after{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%;  background:rgba(1,64,153,.15); z-index: -1; transform: scale(.5); z-index: -1; opacity: 0; visibility: hidden; transition: .7s .2s; }
#s_yewu .hd .ico img{ display: inline-block; max-height: 3.125rem; max-width: 3.125rem; position: relative; z-index: 3;}
#s_yewu .hd .ico .img01{}
#s_yewu .hd .ico .img02{ display: none;}
#s_yewu .hd .ico i{ display: block; width: 80%; height: 80%; border-radius: 50%; position: absolute; left: 10%; top: 10%; border: 1px dashed #678cc2; opacity: 0; visibility: hidden;  transition: 1s;  transform: rotate(-180deg);}
#s_yewu .hd .ico i:before{ content:""; display: block; width: .625rem; height: .625rem; border-radius: 50%; border: 1px solid #f4f7fb; background: #192d54; position: absolute; top: 10%; right: 10%;}
#s_yewu .hd .txt h5{ font-size: 1.5rem; color: #fff; margin-top: 2.5rem; margin-bottom: .375rem;}
#s_yewu .hd .txt span{ font-size: .75rem; color: #ffffff; opacity: .5; font-family: arial; text-transform: uppercase;}
#s_yewu .hd .txt svg{ display: block; margin: 0 auto; margin-top: 3rem; margin-bottom: 3rem; width: 1rem; height: .5rem; opacity: 0; visibility: hidden; transform: translateY(-20px); transition: .7s;}
#s_yewu .hd ul li:hover{}
#s_yewu .hd ul li:hover .ico:before,#s_yewu .hd ul li.slick-current .ico:before{ background:#014099; }
#s_yewu .hd ul li:hover .ico:after,#s_yewu .hd ul li.slick-current .ico:after{ transform: scale(1.25);opacity: 1; visibility: visible; }
#s_yewu .hd ul li:hover .ico .img01,#s_yewu .hd ul li.slick-current .ico .img01{ display: none;}
#s_yewu .hd ul li:hover .ico .img02,#s_yewu .hd ul li.slick-current .ico .img02{ display: inline-block; animation: jello 1s;}
#s_yewu .hd ul li:hover .ico i,#s_yewu .hd ul li.slick-current .ico i{ opacity: 1; visibility: visible;  transform: rotate(0deg);}
#s_yewu .hd ul li:hover .txt svg,#s_yewu .hd ul li.slick-current .txt svg{ opacity: 1; visibility: visible;  transform: translateY(0px); }
#s_yewu .slide_box{ position: relative; }
#s_yewu .bd{ margin-top: -16.25rem;}
#s_yewu .bd ul li{ position:relative;}
#s_yewu .bd .img{ height:51.0625rem;}
#s_yewu .bd .bg{ height:16.25rem; width: 100%; position: absolute; background: url(../images/yewu_hd.png) center bottom no-repeat; top: 0; z-index: 9;}
#s_yewu .bd .box{ position:relative;}
#s_yewu .bd .txt{ position: absolute; top: 6rem; left: 0; right: 0; bottom: 0; z-index: 11; text-align: center; color: #fff;}
#s_yewu .bd .txt h5{ font-size: 2rem; color: #fff; font-weight: bold; margin-bottom: 1.75rem;}
#s_yewu .bd .txt p{ max-width: 830px; padding: 0 15px; font-size: 1rem; line-height: 1.875rem; margin: 0 auto;}
#s_yewu .bd .txt font{ display: block; width: 5rem; height: 5rem; margin: 0 auto; border:1px solid rgba(255,255,255,.4); margin-top: 5.625rem; background: url(../images/jia.png) center no-repeat; background-size: 1.1875rem;}
#s_yeji{ width: 100%; overflow: hidden; background: url(../images/s_yeji_bg.jpg) center no-repeat; background-size: cover;}
.s_yeji_slide{width: 52.8%;float: left;}
.s_yeji_slide .txt{ background: #d1dbdb;}
.s_yeji_slide h5{height: 4rem;line-height: 4rem;font-size: 1.25rem;color: #1e1e1e;padding-left: 1.875rem;padding-right: 11rem;}
.s_yeji_slide h5:before{ content: ""; vertical-align: middle; margin-right: .75rem; display: inline-block; width: 3.125rem; height: 2px; background: #1e1e1e;}
.s_yeji_slide .slick-dots{bottom: 1.625rem;right: 2rem;text-align: right;width: 10rem;}
.s_yeji_slide .slick-dots li{ margin:0 2px;}
.s_yeji_slide .slick-dots li{ position:relative; display:inline-block; width:8px; height:8px; border-radius:4px; border:1px solid #a5a5a5; box-sizing:border-box; opacity:1; transition: .5s width; }
.s_yeji_slide .slick-dots li.slick-active{ border: 2px solid #03419a; width: 1.875rem; height:8px;  }
.s_yeji_slide .slick-dots li button{ display: none;}
.s_yeji_list{width: 47.2%;float: right;}
.s_yeji_list ul{}
.s_yeji_list ul li{ width: 50%; float: left; padding-left: 11px; margin-bottom: 10px; }
.s_yeji_list ul li a{ display: block; background: #d1dbdb;}
.s_yeji_list ul li .img{ position: relative; overflow: hidden;}
.s_yeji_list ul li .img img{}
.s_yeji_list ul li .img .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; z-index: 1; font-size: .875rem; line-height: 2rem;}
.s_yeji_list ul li .img .mask:before{ content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: rgba(1,64,153,.85); z-index: -1; transition: .7s; }
.s_yeji_list ul li .img .mask font{ width: 1.1875rem; height: 1.1875rem; display: inline-block; background: url(../images/jia.png) center no-repeat; background-size: contain; vertical-align: middle;margin: 0 1rem;}
.s_yeji_list ul li .img .mask span{ opacity: 0; visibility: hidden; transform: translateY(15px); transition: .3s; display: inline-block;}
.s_yeji_list ul li h5{ height: 4rem; line-height: 4rem; font-size: 1.125rem; color: #383838; text-align: center; padding: 0 10px;}
.s_yeji_list ul li:hover .img .mask:before{ width: 100%; left: 0; right: auto;}
.s_yeji_list ul li:hover .img .mask span{ opacity: 1; visibility: visible; transform: translateY(0); transition: .5s .3s; }
.arrow_anim2{ display: block; width: 2.5rem; height: 2.5rem; background: #fff; float: right; border-radius: 50%; position: relative;  overflow: hidden;}
.arrow_anim2:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: 2.5rem; transition: .5s;}
.arrow_anim2:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/arr.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: 2.5rem; transition: .5s;}
.arrow_anim2:hover:before{ left: 0;}
.arrow_anim2:hover:after{ left: 100%;}
#f05{ background: #f4f5f7; width: 100%; overflow: hidden;}
#f05 .left_con{ width: 77.8%; float: left;}
#f05 .right_con{ width: 20%; float: right;}
#f05 .left_con .item{ width:calc(50% - 1.25rem); margin-bottom: 4.5rem; }
.s_dang .hd{ position: relative; margin-bottom: 2.25rem; margin-top: -.625rem;}
.s_dang .hd:after{ content:""; width: 100%; height: 2px; background: #d6d8d8; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden;}
.s_dang .hd ul{ width: calc(100% - 6.625rem); float: left; position: relative; z-index: 2;}
.s_dang .hd ul li{ font-size: 1.5rem; color: #333333; line-height: 2.5rem;}
.s_dang .hd ul li.slick-current{ color: #014099; font-weight: bold;}
.s_dang .hd ul li a{ display: inline-block; position: relative; padding-bottom: 1.125rem;}
.s_dang .hd ul li a:before{ content:""; display: block; width: 0; height: 5px; background: #014099; position: absolute; right: 0; bottom: 0; transition: .5s;}
.s_dang .hd ul li.slick-current a:before{ width: 100%; left: 0; right: auto;}
.s_dang .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_dang .hd ul li.slick-current a:after{ opacity: 1;}
.s_dang .hd .slick-list{ overflow: visible;}
.s_dang_pic{ overflow: hidden; background: #fff;}
.s_dang_pic .img{ width: 15rem; float: left; margin-right: 1.5rem;}
.s_dang_pic .img img{}
.s_dang_pic .txt{ padding: 1rem; padding-left: 0;}
.s_dang_pic .txt h4{ font-size: 15px; color: #0c0c0c; font-weight: bold; line-height: 1.5rem; height: 3rem; overflow: hidden;}
.s_dang_pic .txt span{ font-size: 1rem; color: #014099; font-family: "Franklin Gothic Demi"; font-weight: bold; display: block; margin-top: 1rem; margin-bottom: .375rem;}
.s_dang_pic .txt p{ font-size: 14px; color: #848484; line-height: 1.5rem; overflow: hidden; }
.s_dang_pic02{ overflow: hidden; background: #fff;}
.s_dang_pic02 .txt{ padding:1.375rem 1rem; }
.s_dang_pic02 .txt h4{ font-size: 1.125rem; color: #0c0c0c; font-weight: bold; line-height: 1.5rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.s_dang_pic02 .txt span{ font-size: 1rem; color: #014099; font-family: "Franklin Gothic Demi"; font-weight: bold; display: block; margin-top: 1rem; margin-bottom: .375rem;}
.s_dang_pic02 .txt p{ font-size: .875rem; color: #848484; line-height: 1.5rem; height: 3rem; overflow: hidden; }
.s_dang_list{ margin-top: 5px;}
.s_dang_list li{ overflow: hidden; height: 40px; padding: 0 1.5rem; position: relative; z-index: 1;}
.s_dang_list li h5{ float: left;line-height: 40px; font-size: 14px; color: #5e5e5f; transition: .5s; width: calc(100% - 6.25rem);}
.s_dang_list li h5:before{ content: ""; width: 7px; height: 7px; border-radius: 50%; background: #bdc5cd; display: inline-block; margin-right: 1rem; vertical-align: middle;}
.s_dang_list li span{ float: right;line-height: 40px; font-size: 1rem; color: #a7adb8; font-family: arial; transition: .5s;}
.s_dang_list li:before{ content: ""; position: absolute; display: block; width: 100%; height: 0; background: #223a6c; left: 0; bottom: 0; z-index: -1; transition: .5s;}
.s_dang_list li:hover h5{ color: #fff;}
.s_dang_list li:hover span{ color: #fff;}
.s_dang_list li:hover:before{ top: 0; bottom: auto; height: 100%;}
.s_fengcai{ overflow: hidden;}
.s_fengcai ul{ margin: 0 -6px; overflow: hidden; display: flex; flex-wrap: wrap;}
.s_fengcai ul li{ width: 50%; float: left; padding: 0 6px; margin-bottom: 12px;}
.s_fengcai ul li a{ display: block; position: relative;}
.s_fengcai ul li .img{ }
.s_fengcai ul li .img img{ }
.s_fengcai ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; z-index: 1; font-size: .875rem; line-height: 2rem; padding: 1rem; }
.s_fengcai ul li .mask .j_tab{ table-layout: fixed;}
.s_fengcai ul li .mask:before{ content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: rgba(1,1,1,.6); z-index: -1; transition: .7s; }
.s_fengcai ul li .mask i{  display: block; width: 1.5rem; height: 1px; background: #fff; margin: 1rem auto; opacity:0; transition:440ms 0ms; transform: translateY(-3rem);}
.s_fengcai ul li .mask h5{ font-size: 1rem; }
.s_fengcai ul li .mask i:first-child{ transform: translateY(3rem);}
.s_fengcai ul li .mask .box{ opacity: 0; width: 100%; visibility: hidden; transform: translateY(15px); transition: .3s; display: inline-block;}
.s_fengcai ul li:hover .mask .box{ opacity: 1; visibility: visible; transform: translateY(0); transition: .5s .3s; }
.s_fengcai ul li:hover .mask:before{ width: 100%; left: 0; right: auto;}
.s_fengcai ul li:hover .mask i{transition:640ms 430ms; opacity: 1; transform: translateY(0);}
#s_shipin{}
#s_shipin .tt{ height: 4.0625rem; line-height: 4.0625rem; background:#7e899a; color: #fff; text-align: center; font-size: 1.25rem; }
#s_shipin .tt span{ font-size: 1rem; font-family: arial; text-transform: uppercase; margin-left: .5rem;}
#s_shipin ul li a{ position:relative; display: block; width: 100%; height: 100%;}
#s_shipin ul li a:before{ content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; background: url(../images/play2.png) center no-repeat; background-size: 2.5rem;}
#s_shipin ul li a img{ width: 100%;}
#s_shipin .slick-arrow{ z-index:99;}
#s_shipin .slick-prev{ left:1rem;}
#s_shipin .slick-next{ right:1rem;}
.slick-prev:before, .slick-next:before{ opacity: 1;}
#s_tongdao{ margin-top: 2.75rem; margin-bottom: 4rem;}
#s_tongdao .tt{ position: relative; margin-bottom: 2.25rem; }
#s_tongdao .tt:after{ content:""; width: 100%; height: 2px; background: #d6d8d8; position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden;}
#s_tongdao .tt h3{ display: inline-block; position: relative; padding-bottom: 1.125rem; z-index: 2; font-size: 1.5rem; color: #014099; font-weight: bold;}
#s_tongdao .tt h3:before{ content:""; display: block; width: 100%; height: 5px; background: #014099; position: absolute; bottom: 0; left: 0; }
#s_tongdao .tt h3: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; }
#s_tongdao ul{ display: block; overflow: hidden; background: #fff; border: 1px solid #e5e5e5;}
#s_tongdao ul li{ width: 50%; float: left; height:11.4375rem; text-align: center; padding:0 1rem;}
#s_tongdao ul li a{ display: block; height: 100%;}
#s_tongdao ul li+li+li a{ border-top: 1px dashed #d5dde7;}
#s_tongdao ul li font{ display: block; width: 5.625rem; height: 5.625rem; ; line-height: 5.625rem; border-radius: 50%; margin: 0 auto;}
#s_tongdao ul li:hover font img{ animation: jello 1s;}
#s_tongdao ul li p{ font-size: 1rem; color: #414141; margin-top: 1.125rem;}
#s_tongdao ul li:nth-child(odd){ border-right: 1px dashed #d5dde7;}
.s_tt{ position: relative;}
.s_tt .bg{ position: absolute; height: 4px; position: absolute; top: 50%; margin-top: -2px; left: 10rem; right: 8rem; background: url(../images/s_tt_bg.png) center repeat-x;}
#s_tongdao ul li:nth-child(1) font{ background: #ffebec !important;}
#s_tongdao ul li:nth-child(2) font{ background: #fff3e5 !important;}
#s_tongdao ul li:nth-child(3) font{ background: #eef1ff !important;}
#s_tongdao ul li:nth-child(4) font{ background: #fff4ee !important;}
#s_tongdao ul li:nth-child(5) font{ background: #f8f2ff !important;}
#s_tongdao ul li:nth-child(6) font{ background: #f0fff8 !important;}
#s_zhuanti{}
#s_zhuanti .box{  }
#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/zhuanti_left.png) left center no-repeat;
	transition:300ms;-webkit-transition:300ms;}
#s_zhuanti .slick-next{ right:-4.375rem; background:url(../images/zhuanti_right.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{ padding-bottom:2rem;  overflow:hidden; width:100%; }
#s_link .tt{ font-size:1.125rem; color:#014099; width:6.5rem; line-height:2.25rem;}
#s_link .tt i{display: inline-block; width: 3px; height: 1.1875rem; background: #014099; vertical-align: middle; margin-right: .5rem;}
#s_link .right{ width:calc(100% - 6.5rem); text-align: left;}
#s_link a{ line-height:2.25rem; font-size:1rem; color:#545454; margin-right:1rem; transition:.3s; }
#s_link a:hover{ color:#014099;}
#foot{ /*background: url(../images/foot_bg.png) center top no-repeat #f6f7f9;*/ background-size: auto 14.25rem;  padding-top:18rem; overflow: hidden; border-top: 1px solid #e3e5e8;}
.foot_nav{ width: 76%; float: left; display: flex; justify-content: space-between; position: relative;}
.foot_nav:before{ content:""; width: 100%; height: 1px; display: block; position: absolute; left: 0; top: 2.5rem; background: #d9dbdf;}
.foot_nav dl{ float: left;}
.foot_nav dt{ font-size: 1rem; color: #383838; font-weight: bold; margin-bottom: 2rem;}
.foot_nav dd{ font-size: .875rem; color: #6f6f6f; line-height: 1.875rem;}
.foot_lianxi{ width: 19%; float: right; text-align: right; border-left: 1px solid #e3e3e5;}
.foot_lianxi h3{ font-size: 16px; color: #707071; font-weight: bold; margin-bottom: .75rem;}
.foot_lianxi h4{ font-size: 1.625rem; color: #004d93; font-family: "OPPOSans"; margin-bottom: .375rem;}
.foot_lianxi p{ font-size: 16px; color: #3c3c3c;}
.foot_tel  font{ display: inline-block; width: .9375rem; height: 17px; background: url(../images/foot_tel.png) center no-repeat; background-size: contain; margin-right: .5rem; position: relative; top: 3px;}
.foot_ewm{ overflow: hidden; margin-top: 2.8125rem;}
.foot_ewm .ewm{ width: 5.9375rem; margin-right: 3rem; float: right;}
.foot_ewm .ewm img{ }
.copyright{ font-size: 0.875rem;
    color: #313335;
    text-align: center;
    background: #62acce8a;
    line-height: 1.5;
    padding: 1.5rem 1rem;
    margin-top: 2rem;}
#foot a:hover{ color: #ffffff;}
#gotop{ display:none; width:5.4375rem; height:5.4375rem; border-radius:50%; bottom:90px; right:2rem; position:fixed; z-index:999; overflow:hidden;}
#gotop img{ width:100%; height:100%;}
#m_header .btn_oa{ margin-right: 4rem; margin-top: 1.5rem;}
/*搜索*/
#searchBtn{ height:4.5rem;margin-right: 40px;}
#searchBtn a{ display:block; width:2.625rem; height:2.625rem; line-height:2.4375rem; border-radius:50%; text-align:center; transition:.3s; overflow:hidden; }
#searchBtn svg{vertical-align:middle; display:inline-block; }
#searchBtn:hover a{ background:#003399; border:1px solid #003399;}
#searchBtn:hover svg{ fill:#fff; animation:huadong .7s;}
@-webkit-keyframes huadong {
	0% { transform:translateY(0); opacity:1;}
	50%{ transform:translateY(-10px); opacity:0;}
	51%{ transform:translateY(10px); opacity:0;}
	100% { transform:translateY(0); opacity:1;}
}
@keyframes huadong {
	0% { transform:translateY(0); opacity:1;}
	50%{ transform:translateY(-10px); opacity:0;}
	51%{ transform:translateY(10px); opacity:0;}
	100% { transform:translateY(0); opacity:1;}
}
.top_menu .ico a{font-size:16px;color:#3c3c3c;text-transform:uppercase;display:  block;width:  100%;height:  40px;line-height: 38px;}
.top_menu .icon{ fill:#626262;vertical-align:middle; }
#tc_search{ width:100%; padding:3rem; background:#003399; 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.75rem; 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(../fonts/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,.6); }
#tc_search input::-moz-placeholder{ color:#fff; color: rgba(255,255,255,.6); }
#tc_search input:-moz-placeholder{ color:#fff; color: rgba(255,255,255,.6); }
#tc_search input:-ms-input-placeholder{  color:#fff; color: rgba(255,255,255,.6); }
#tc_search input:focus::-webkit-input-placeholder {color: transparent;}
#tc_search input:focus:-moz-placeholder {color: transparent;}
#tc_search input:focus::-moz-placeholder {color: transparent;}
#tc_search input:focus:-ms-input-placeholder {color: transparent;}
#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;}
/****************内页开始*****************/
/*内页banner*/
.n_banner {width: 100%; position: relative; text-align:center; height:31.25rem; overflow:hidden; margin-bottom: 2rem; }
.n_banner .txt{ color:#fff; text-align:center;}
.n_banner .txt small{ font-size:3rem; font-weight: bold; text-transform:uppercase; display:block; margin-bottom: 1rem;}
.n_banner .txt b{ font-size:1rem; font-family: arial; text-transform: uppercase; font-weight:normal;}
#n_mian{ padding-bottom: 3.5rem; overflow: hidden;}
.main_left{ width: 15.625rem; float: left;}
.main_right{ width: calc(100% - 18.75rem); float: right;}
#n_nav{}
#n_nav ul{}
#n_nav ul li{}
#n_nav ul li{ font-size: 1rem; color: #2b2b2c; font-weight: bold; line-height: 3.125rem; background: #f1f3f8; display: block; margin-bottom: 9px; border-radius: 1.6rem; position: relative; transition: .3s;}
#n_nav ul li a{ display: block; padding-left: 2rem;}
#n_nav ul li font{ display: block; width: 1.625rem; height: 1.625rem; border-radius: 50%; background: #fff; float: right; position: absolute; right: .875rem; top: .75rem; overflow: hidden;}
#n_nav ul li#open font{ transform: rotate(90deg);}
#n_nav ul li font:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/n_nav.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size: .4375rem; transition: .5s;}
#n_nav ul li font:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/n_nav.png) center no-repeat; position: absolute; left: 0; top: 0; background-size: .4375rem; transition: .5s;}
#n_nav ul li:hover font:before{ left: 0;}
#n_nav ul li:hover font:after{ left: 100%;}
#n_nav ul li.on,#n_nav ul li:hover{ background: #014099; color: #fff;}
#n_nav ul li .sub{ padding-bottom: 1rem; display: none;}
#n_nav ul li .sub a{ line-height: 2.5rem; font-weight: normal; position: relative; opacity: .7;}
#n_nav ul li .sub a.on{ opacity: 1;}
#n_nav ul li .sub a.on:before{ content: ""; display: block; width: 3px; height: 14px; position: absolute; top: 50%; margin-top: -7px; background: #fff; left: 1rem;}
#n_gg{ background: #f7faff; border: 1px solid #014099; border-radius: 1rem; padding: 2.25rem 1.375rem; margin-top: 1.5rem; display:none;}
#n_gg h3{ font-size: 2.25rem; color: #1662ce;font-family: "Franklin Gothic Demi";}
#n_gg p{ font-size: .875rem; color: #8f8f8f; margin-top: 5px; margin-bottom: 1.625rem;}
#n_gg i{ display: block; width: 100%; height: 2px; background: #014099; margin-bottom: 4.25rem;}
#n_gg h4{ font-size: 1.125rem; color: #014099; margin-bottom: .75rem; line-height: 1.5rem;}
#n_gg span{ font-size: 1.375rem; color: #a8a59d; text-transform: uppercase; line-height: 1.5rem;}
/*内页导航*/
.n_nav_box{ position:relative; height:4rem; line-height:4rem; z-index: 2; overflow: hidden; margin-bottom: 2.25rem; position: relative; z-index: 1;}
.n_nav_box:after{content:""; width:100%; height:2px; display:block; background:#dcdee4; position:absolute; bottom:0; left:0; transition: 0s; z-index:-1;}
.n_nav{ float:left; }
.n_nav a{ font-size:1.875rem; color:#014099; font-weight: bold; display:inline-block;  text-align:center; position:relative; z-index:1; transition: .5s;}
.n_nav a:after{ content:""; width:100%; height:2px; display:block; background:#014099; position:absolute; bottom:0; left:0; transition: 0s; z-index:0;}
.n_position{ text-align:right; float:right;  font-size:0; height: 4rem; line-height:4rem; color:#a6a6a6;    background: url(../images/home_ico.png) left center no-repeat;  padding-left:1.25rem; }
.n_position a{ font-size:.875rem; color:#ababab; position:relative; transition:.2s;}
.n_position i{font-size: 0;color:#ababab;display:inline-block;margin:0 .5rem;font-family:arial;border: 3px solid transparent;border-left: 4px solid #969696;position:  relative;top: -1px;}
.n_position em{ font-size:.875rem; color:#ababab;}
.n_position a:hover{ color:#014099;}
#n_dangqun{}
#n_dangqun ul{}
#n_dangqun ul li{ overflow: hidden; background: #f5f5f5; margin-bottom: .875rem;}
#n_dangqun ul li .img{ width: 18.4375rem; float: left; margin-right: 2.5rem;}
#n_dangqun ul li .img img{ transition: 1s;}
#n_dangqun ul li:hover .img img{ transform: scale(1.1);}
#n_dangqun ul li .txt{ padding: 2rem 3rem; }
#n_dangqun ul li .txt h5{ font-size: 1.375rem; color: #242424; font-weight: bold; margin-bottom: .75rem; transition: .5s;}
#n_dangqun ul li .txt p{ font-size: .875rem; line-height: 1.5rem; height: 3rem; overflow: hidden; color: #7a7a7a;}
#n_dangqun ul li .bot{ overflow:hidden; margin-top: 1rem;}
#n_dangqun ul li .time{font-family: "Franklin Gothic Demi"; font-size: .875rem; color: #cbcbcb; float: left; }
#n_dangqun ul li .time span{ font-size: 1.5rem; color: #014099; margin-right: 5px;}
#n_dangqun ul li .more{ float: right; font-size: .875rem; color: #605e5b; font-family: arial; text-transform: uppercase;}
#n_dangqun ul li:hover .txt h5{ color:#014099;}
/*翻页*/
.page { text-align:left; margin-top: 3.75rem;}
.page a{ padding:0 13px; min-width: 35px; height:35px; line-height:33px; display:inline-block; margin:0 0.1rem; border-radius: 2px; color:#66635f; font-size:.875rem; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.page .on{ background:#014099;  color:#fff;}
.page a:hover{ background:#014099; color:#fff;}
#n_about{}
#n_about .tt{ margin-bottom: 2.375rem; padding-top: 4.375rem; background: url(../images/n_about_tt.png) 253px 0 no-repeat;}
#n_about .tt h3{ font-size: 1.5rem; color: #014099;}
#n_about .tt span{ font-size: 1.875rem; color: #000c1c; font-weight: bold; display: block; margin-top: 2px;}
#n_about .tt h4{ font-size: 1.5rem; color: #333333; margin-top: 2rem; font-weight: normal; margin-left: -.875rem; margin-bottom: 1.875rem;}
#n_about .tt h4 b{ display: inline-block; margin: 0 .875rem; font-weight: bold;}
#n_about .tt i{ display: block; width: 2.5rem; height: 5px; background: #014099;}
.ar_article{ font-size:.9375rem; color:#686868; line-height:2.25rem; text-align:justify; }
.ar_article p{font-size:.9375rem;color:#686868;line-height:2.25rem; padding-bottom:1.75rem;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important;    font-family: "微软雅黑","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{ font-weight:bold;}
.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 .img{ position:relative; z-index:9;cursor: none;}
#n_about .img a{ display: block;cursor: url(../images/play.ico),pointer;}
#n_about .img .mask{ position:absolute; z-index:1; bottom:0; left:0; width:100%; height:100%; transition:.5s; text-align:center; opacity:1; }
#n_about .img .mask font{ display:block; width:3.0625rem; height:3.0625rem; transition:.5s; border-radius:50%; background:url(../images/play.png) center no-repeat; background-size: contain; margin:0 auto; }
#n_about .img:hover .mask{ opacity:0;}
.n_about_slide{ height: 19.4375rem; background: url(../images/n_about_slide.jpg) center no-repeat; background-attachment: fixed; background-size: cover;}
.n_about_slide .j_tab{ table-layout: fixed;}
.n_about_slide ul{ margin: 0 auto; color: #fff;}
.n_about_slide ul li{ text-align: center; padding: 50px 0;}
.n_about_slide ul li .txt{ width: 750px; max-width: 90%; display: inline-block; padding-bottom: 2rem;  }
.n_about_slide ul li h4{ font-size: 1.5rem; color: #fff; font-weight: bold; margin-bottom: 1rem;opacity: 0; }
.n_about_slide ul li p{ font-size: .875rem; color: #fff; opacity: .75; line-height: 1.5rem; max-height: 4.5rem; overflow: hidden;opacity: 0; }
.n_about_slide .remove h4{ animation:quit 1s ease-in forwards; }
.n_about_slide .remove p{ animation:quit 1s ease-in forwards; }
.n_about_slide .slick-current h4{ animation:enter 1s .8s ease-out forwards; }
.n_about_slide .slick-current p{ animation:enter 1s 1.4s ease-out forwards; }
@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(-100%); }
    100% { opacity: 1;  transform: translateY(0px); }
}
@keyframes enter {
    0% { opacity: 0; transform:translateY(-100%); }
    100% { opacity: 1; transform: translateY(0px); }
}
@-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); }
}
.n_about_slide .slick-dots{ bottom:-1rem;}
.n_about_slide .slick-dots li{ margin:0;}
.n_about_slide .slick-dots li button:before{ content:""; position:relative; display:inline-block; width:8px; height:8px; border-radius:50%; border:1px solid #fff; box-sizing:border-box; opacity:1; }
.n_about_slide .slick-dots li.slick-active button:before{ background:#fff;  }
.n_about_slide .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-2.7rem; transform:translate(0,0); opacity:1;
	display:block; width: 5.375rem; height: 5.375rem;  border-radius: 50%; border: 1px solid #eaf1f7;}
.n_about_slide .slick-prev{ display: none !important; left:0; 
	transition:300ms;-webkit-transition:300ms;}
.n_about_slide .slick-next:before{ display: none;}
.n_about_slide .slick-next{ right:0; font-size:.875rem; color: #fff; text-transform: uppercase;font-family: "Franklin Gothic Demi";
	transition:300ms;-webkit-transition:300ms;}
#n_leader{}
#n_leader ul{}
#n_leader ul li{ overflow: hidden; background: #f5f5f5; margin-bottom: .9375rem;}
#n_leader ul li .img{ width: 10.625rem; float: left; }
#n_leader ul li .img img{ transition: 1s;}
#n_leader ul li:hover .img img{ transform: scale(1.1);}
#n_leader ul li .txt{ padding: 2rem 2.5rem; height: 100%; width: calc(100% - 10.625rem); position: absolute; right: 0; top: 0;}
#n_leader ul li .txt h4{ font-size: 1.375rem; color: #242424; margin-bottom: .75rem; transition: .5s; position: relative; padding-left: 2rem;}
#n_leader ul li .txt h4 i{ display: inline-block; width: 1.25rem; height: 5px; background: #014099; margin-right: 1.125rem; vertical-align: middle; position: absolute; left: 0; top: .5rem;}
#n_leader ul li .txt h4 b{font-weight: bold; margin-left: 2.5rem;}
#n_leader ul li .txt p{ font-size: .875rem; line-height: 1.625rem; height: 4.875rem; overflow: hidden; color: #7a7a7a;}
#n_leader ul li:hover .txt h4{ color:#014099;}
#n_yeji{ }
#n_yeji ul{ margin: 0 -1.875rem;}
#n_yeji ul li{ width: 33.3333%; float: left; padding: 0 1.875rem; margin-bottom: 10px; }
#n_yeji ul li a{ display: block; background: #fff;}
#n_yeji ul li .img{ position: relative; overflow: hidden;}
#n_yeji ul li .img img{ transition: 1s;}
#n_yeji ul li:hover .img img{ transform: scale(1.1);}
#n_yeji ul li .img .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; z-index: 1; font-size: .875rem; line-height: 2rem;}
#n_yeji ul li .img .mask:before{ content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: rgba(1,64,153,.85); z-index: -1; transition: .7s; }
#n_yeji ul li .img .mask font{ width: 1.1875rem; height: 1.1875rem; display: inline-block; background: url(../images/jia.png) center no-repeat; background-size: contain; vertical-align: middle;margin: 0 1rem;}
#n_yeji ul li .img .mask span{ opacity: 0; visibility: hidden; transform: translateY(15px); transition: .3s; display: inline-block;}
#n_yeji ul li h5{ height: 3.75rem; line-height: 3.75rem; font-size: 1.125rem; color: #383838; text-align: center; padding: 0 10px;}
#n_yeji ul li:hover .img .mask:before{ width: 100%; left: 0; right: auto;}
#n_yeji ul li:hover .img .mask span{ opacity: 1; visibility: visible; transform: translateY(0); transition: .5s .3s; }
#n_yeji ul li:hover h5{ color: #014099;}
#n_staff{}
#n_staff ul{ margin: 0 -1.875rem; display: flex; flex-wrap: wrap;}
#n_staff ul li{ width: 33.3333%; float: left; padding: 0 1.875rem; margin-bottom: 10px; }
#n_staff ul li a{ display: block; background: #fff;}
#n_staff ul li .img{ position: relative; overflow: hidden;}
#n_staff ul li .img img{ transition: 1s;}
#n_staff ul li .img .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; z-index: 1; font-size: .875rem; line-height: 2rem;}
#n_staff ul li .img .mask:before{ content: ""; position: absolute; right: 0; top: 0; width: 0; height: 100%; background: rgba(1,64,153,.85); z-index: -1; transition: .7s; }
#n_staff ul li .img .mask span{ width: 3.3125rem; height:3.3125rem; display: inline-block; background: url(../images/n_jia.png) center no-repeat; background-size: contain; vertical-align: middle;margin: 0 1rem;}
#n_staff ul li .img .mask span{ opacity: 0; visibility: hidden; transform: translateY(15px); transition: .3s; display: inline-block;}
#n_staff ul li h5{ height: 3.75rem; line-height: 3.75rem; font-size: .9375rem; color: #616366; text-align: center; padding: 0 10px;}
#n_staff ul li:hover .img .mask:before{ width: 100%; left: 0; right: auto;}
#n_staff ul li:hover .img .mask span{ opacity: 1; visibility: visible; transform: translateY(0); transition: .5s .3s; }
#n_staff ul li:hover h5{ color: #014099;}
#n_video{}
#n_video ul{ margin: 0 -6px;}
#n_video ul li{ width: 33.3333%; float: left; padding: 0 6px; margin-bottom: 10px; }
#n_video ul li a{ display: block; background: #fff;}
#n_video ul li .img{ position: relative; overflow: hidden;}
#n_video ul li .img img{ transition: 1s;}
#n_video ul li .img .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; z-index: 1; font-size: .875rem; line-height: 2rem;}
 #n_video ul li .img .mask span{ width: 2.875rem; height:2.875rem; display: inline-block; vertical-align: middle;margin: 0 1rem; position: relative; z-index: 1;}
#n_video ul li .img .mask span:before{ content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 1px solid rgba(255,255,255,.7); background: rgba(0,0,0,.45); z-index: -1; border-radius: 50%; transition: .5s; }
#n_video ul li .img .mask span:after{ content:""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/n_play.png) center no-repeat; background-size: 9px;   z-index: 1; border-radius: 50%; }
#n_video ul li h5{ height: 3.75rem; line-height: 3.75rem; font-size: 1rem; color: #303033; text-align: center; padding: 0 10px;}
#n_video ul li:hover .img .mask span:before{ transform: scale(1.3);}
#n_video ul li:hover .img .mask span{   transition: .5s .3s; }
#n_video ul li:hover h5{ color: #014099;}
.j_n_tt{ font-size: 1.5rem; color: #383838; font-weight: bold; text-align: center;margin-bottom: 1.875rem;}
.branch_slide {
	margin-bottom: 30px;
}
.branch_slide .bd {
	margin-bottom: 8px;
}
.branch_slide .bd li {
}
.branch_slide .bd li img {width: 55.625rem; max-width: 100%;
	margin: 0 auto;
}
.branch_slide .hd {width: 55.625rem; max-width: 100%; margin: 0 auto;}
.branch_slide .hd ul{margin: 0 -5px;}
.branch_slide .hd li {
	padding: 5px;
	position: relative;
}
.branch_slide .hd li .img {
	transition: .5s;
	cursor: pointer;
	border: 2px solid transparent;
}
.branch_slide .hd li.slick-current .img {
	border: 2px solid #014099;
}
.branch_slide .hd li.slick-current:before {
	content: "";
	border: 7px solid transparent;
	border-bottom: 7px solid #014099;
	position: absolute;
	left: 50%;
	margin-left: -7px;
	top: -7px;}
.branch_slide .hd li img {max-width: 100%;}
.branch_slide .bd .slick-arrow{	width: 3rem;height: 3rem;display: block;position: absolute;z-index: 99;cursor: pointer;top: 50%;}
.branch_slide .bd .slick-prev {background: url(../images/branch_left.png) center no-repeat;left: 0;}
.branch_slide .bd .slick-next {background: url(../images/branch_right.png) center no-repeat; right: 0;}
.branch_slide .bd .slick-arrow:before {display: none;}
.branch_slide .bd .slick-arrow:hover {opacity: .7;}
#n_lianxi .box{ position: relative; z-index: 9; box-shadow: -11.658px 18.657px 38px 6px rgba( 40, 40, 40,.18 ); background: #fff url(../images/lianxi_box.png) center bottom no-repeat; float: right; padding: 3rem; margin-right: 2.5rem; padding-bottom: 6rem; margin-top: -30%;}
#n_lianxi .tt{ margin-bottom: 1.5rem;}
#n_lianxi .tt i{ display: block; width: 21px; height: 5px; background: #014099;}
#n_lianxi .tt h3{ font-size: 1.375rem; color: #3b3a3a; font-weight: bold; margin-top: 1.5rem;}
#n_lianxi ul{}
#n_lianxi ul li{font-size: .875rem; color: #787878; line-height: 1.625rem;}
.lianxi_ewm{ overflow: hidden; margin-top: 1.75rem; background: #014099; border-radius:1.125rem 0 1.125rem 0 ; padding: 2rem 0 1.75rem; text-align: center;}
.lianxi_ewm .ewm{ width: 95px; display: inline-block; margin: 0 .5rem; vertical-align: top;}
.lianxi_ewm .ewm img{ }
.lianxi_ewm p{ font-size: .75rem; color: #fff; opacity: .6; text-align: center;}
.n_news01{ position: relative;}
.n_news01 ul{}
.n_news01 ul li{ position: relative;}
.n_news01 ul li .time{ width: 5.625rem; height: 5.625rem; font-size: 12px; background: #2156a1; text-align: center; color: #fff; font-family: "Swis721 BlkCn BT"; margin-bottom: 2rem; }
.n_news01 ul li .time span{ font-size: 2.5rem; display: block;}
.n_news01 ul li .time i{ display: block; width: 1.875rem; height: 1px; background: #fff; margin: 0 auto; margin-bottom: .5rem;} 
.n_news01 .img{ width: 57%; float: left;}
.n_news01 ul li .img img{}
.n_news01 ul li .txt{ width: 43%; position: absolute; right: 0; top: 0; height: 100%;  padding:0 3rem; background: #f5f5f5;}
.n_news01 ul li h5{ font-size: 1.5rem; font-weight: bold; color: #242424; line-height: 2.25rem; height: 4.5rem; overflow: hidden; white-space: normal;}
.n_news01 ul li p{ font-size: .875rem; line-height: 1.5rem; color: #7a7a7a; margin-top: 1rem;}
.n_news01 .slick_arrow{ }
.n_news01 .slick_arrow div{ cursor: pointer; position: absolute; top: 50%; margin-top: -25px;}
.n_news01 .slick_left{ background:url(../images/banner_left.png) center no-repeat; background-size:2.5rem;opacity:.8; left:5%;}
.n_news01 .slick_right{ background:url(../images/banner_right.png) center no-repeat; background-size:2.5rem; opacity:.8; right:5%;}
.n_news01 .draw_h{ width: 40px !important; height: 40px !important; line-height: 38px !important;}
.n_btn{ display: block; width: 92px; height: 42px; line-height: 38px; text-align: center; border: 2px solid #aaaaaa; border-radius: 4px; font-size: .875rem; font-weight: bold; margin-top: 2.375rem; position: relative;}
.n_btn font{ display: inline-block; width: 1.25rem; height: .8rem; margin-left: 5px;  position: relative;  overflow: hidden;}
.n_btn font:before{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/n_btn.png) center no-repeat; position: absolute; left: -100%; top: 0; background-size:  1.0625rem; transition: .5s;}
.n_btn font:after{ content: ""; display: block; width: 100%; height: 100%; background: url(../images/n_btn.png) center no-repeat; position: absolute; left: 0; top: 0; background-size:  1.0625rem; transition: .5s;}
.n_btn:hover font:before{ left: 0;}
.n_btn:hover font:after{ left: 100%;}
.n_news01 .slick_arrow{ }
.n_news01 .slick_arrow div{ cursor: pointer; position: absolute; top: 50%; margin-top: -25px;}
.n_news01 .slick_left{ background:url(../images/banner_left.png) center no-repeat; background-size:2.5rem;opacity:.8; left:5%;}
.n_news01 .slick_right{ background:url(../images/banner_right.png) center no-repeat; background-size:2.5rem; opacity:.8; right:48%;}
.n_news01 .draw_h{ width: 40px !important; height: 40px !important; line-height: 38px !important;}
.n_news02 { padding-bottom: 4rem; background: #f6f7fb; padding-top: 3rem;}
.n_news02 ul{ margin-top: -1.125rem;}
.n_news02 ul li{ height: 7.5rem; position: relative; margin-top: 1.125rem; background: #fff; border: 1px solid #e5e5e5;}
.n_news02 ul li .time{ width: 7.5rem; height: 100%; font-size: 12px; background: #fff; text-align: center; color: #515151; font-family: "Swis721 BlkCn BT"; float: left; transition: .5s; border-right: 1px solid #e5e5e5;}
.n_news02 ul li .time span{ font-size: 2.5rem; display: block; color: #014099; transition: .5s;}
.n_news02 ul li .time i{ display: block; width: 1.875rem; height: 1px; background: #e4a100; margin: 0 auto; margin-bottom: .5rem;} 
.n_news02 ul li .txt{ padding: 1.5rem 2rem; width: calc(100% - 7.5rem); float: right;}
.n_news02 ul li .txt h5{ font-size: 1.25rem; color: #3b3b3b; font-weight: bold; margin-bottom: .5rem;}
.n_news02 ul li .txt p{ font-size: .875rem; color: #7f7f82; line-height: 1.25rem; height: 2.5rem; overflow: hidden;}
.n_news02 ul li:hover{}
.n_news02 ul li:hover .time{ background: #2156a1; color: #fff;}
.n_news02 ul li:hover .time span{ color: #fff; }
/*新闻详情*/
#n_news_xq{ width:100%; overflow:hidden;padding-left: 1rem; }
.ar_title{margin-bottom:2rem;border-bottom:1px solid #e5e5e5;padding-bottom: .6rem;position:relative; }
.ar_title h3{font-size:1.625rem;color:#404040;font-weight:bold;margin-bottom: 1.1rem;}
.ar_title h3 i{ display: inline-block; width: 5px; height: 20px; position: absolute; left: -1rem; top: .375rem;}
.ar_title h3 i:before{ content:""; display: block; width: 100%; height: 100%; background: #014099; left: 0; top: 0;}
.ar_title h4 { overflow: hidden;}
.ar_title .time{ font-size:.875rem; color:#404040; display: inline-block; margin-bottom:1rem; line-height:1rem;}
.ar_title .time font{ width:.9rem; height:1.125rem; float: left; margin-right:.5rem;}
.ar_title .time font svg{ max-width:100%; max-height:100%;}
.ar_title h4 span{ font-size:.875rem; color:#404040; margin-right:2.5rem; float: left; line-height: 35px;}
.ar_title .butie{ float:right; font-size:1.125rem; color:#383838; margin-top:-2rem;}
.ar_title .butie b{ font-size:3.375rem; color:#f5c237; font-family:"Geometr706 BlkCn BT"; font-weight:normal;}
.ar_title .butie font{ font-size:1.5rem; color:#f5c237;}
#ar_fot{ margin-top:10px; position:relative; padding-bottom:3rem; width:100%; overflow:hidden;}
#ar_fot .inbox{ position:relative;}
#ar_fot h3{ display:block; font-size:14px; line-height:30px; color:#676869;width:35px; height:35px; transition:.3s; margin:0;}
#ar_fot h3 a{ display:block; width:35px; height:35px;}
#ar_fot h3 a svg{ max-width:100%; max-height:100%; }
#ar_fot h3 a svg *{ fill:#ccc;}
#ar_fot h3 a:hover{ color:#d9353c;}
#ar_fot h3.prev{ position: absolute; left:0; top:0;}
#ar_fot h3.next{ position: absolute; right:0; top:0; }
#ar_fot h3 a:hover svg *{ fill:#15499a;}
#ar_fot .bnt_back{ font-size:14px; width:160px; height:35px; line-height:35px; margin:0 auto; text-align:center; border:1px solid #ccc; border-radius:20px; transition:.3s;}
#ar_fot .bnt_back a{ display:block; font-size:14px; color:#7f7f7f; transition:.3s;}
#ar_fot .bnt_back:hover{ border:1px solid #15499a;}
#ar_fot .bnt_back:hover a{ color:#15499a; }
/*==============分享插件=====================*/
.ar_fx{ margin:0 auto; text-align:center;}
#j_shart_s_240{ position:relative; white-space:nowrap;}
#j_shart_s_240 .fx{ position:relative; top:2px; cursor:pointer;}
.ar_fx h4{ font-size:.875rem; float: left; line-height: 35px;}
.ar_fx .shart_box2{ float: left;}
#j_shart_s_240 a{ width:2.25rem !important; height:2.25rem !important; border-radius:50%; display: inline-block !important; position:relative; cursor:pointer; float:none !important;}
#j_shart_s_240 a:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; top:0; left:0; z-index:2; background-size:auto 25px !important;}
#j_shart_s_240 a:after{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; top:0; left:0; background:#bbb; background:rgba(0,0,0,.05); transition:.5s; transform:scale(0); z-index:1;}
#j_shart_s_240 a:hover:after{ transform:scale(1);}
#j_shart_s_240 a.bds_weixin:before{ background:url(../images/share_weixin_gray.png) center no-repeat; background-size:auto 17px !important; }
#j_shart_s_240 a.bds_sqq:before{background:url(../images/share_qq_gray.png) center no-repeat; background-size:auto 13px !important; }
#j_shart_s_240 a.bds_tsina:before{ background:url(../images/share_sina_gray.png) center no-repeat; background-size:auto 17px !important; }
#j_shart_s_240 a.bds_count:hover{ font-size:12px;}
#j_shart_s_240 a:nth-child(1){ transition:.6s .1s;}
#j_shart_s_240 a:nth-child(2){ transition:.6s .2s;}
#j_shart_s_240 a:nth-child(3){ transition:.6s .3s;}
#j_shart_s_240 a:nth-child(4){ transition:.6s .4s;}
.ar_fot{ overflow: hidden; margin-bottom: 3.75rem; margin: 0 -1rem; margin-top: 1rem;}
.ar_fot h5{ line-height: 1.5; max-width: 50%; position: relative; font-size: 1rem; color: #363636; display: inline-block;}
.ar_fot h5 a{ display:block; padding: 1rem;}
.ar_fot h5:nth-child(2){ text-align: right;}
.ar_fot h5:before{ content:""; display:block; width:0; height:2px; background: #014099; position:absolute; left:0; top:0; transition:1s; z-index:2;}
.ar_fot h5:hover:before{ width:100%; }
.qwg1{position: absolute;right: 10px; top: 5px;}
.qwg2{position: absolute;right: 10px; top: 5px;}
.qwg{position: relative;float: right;}
.fy{z-index: 9;}



.db{ position: fixed; bottom: 15px; width: 96%; left: 2%;background-color: #3f51b5;border-radius: 8px;}
.db li{width: 33.3%;float: left;}
.sy{ width: 25px;display: block; margin: 0 auto; margin-bottom: 5px;}
.db li a{color: #fff;text-align: center;overflow: hidden;display: block;padding: 7px 0;}
.slick-initialized .slick-slide .img{height:200px}