@charset "utf-8";
/* CSS Document */
@font-face{ font-family: "Geometr706 BlkCn BT"; src: url(../fonts/tt0663m.ttf);}
@font-face{ font-family: PingFangSC-Regular; src: url(../fonts/pingfang.ttf);}
@font-face{ font-family: PingFangSC-Medium; src: url(../fonts/pingfang medium.ttf);}

body{ font-size:100%;line-height:1.1; width:100%; position:relative; background:none; font-family:"鑻规柟", PingFangSC-Regular,"寰蒋闆呴粦", sans-serif; overflow-x:hidden;}
*{ 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%;}
svg{ max-width:100%; max-height:100%;}
.m1100{ width:1100px; margin:0 auto; display: block; position:relative;}
.m{width: 1200px;margin: 0 auto; display: block; position:relative;}
.m1280{max-width: 1280px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1360{max-width: 1360px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1500{max-width: 1500px; width:100%; height:100%; margin: 0 auto; 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;}

.draw_h{ width: 42px; height: 42px; line-height: 40px; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border: 1px solid #bcbcbc; border-radius: 50%;}
svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
svg.drawcircle circle {
	fill: none; box-sizing:border-box;
	stroke-width: 1;
	stroke: none;
	stroke-dasharray: 0 , 62.5;
	stroke-dashoffset:31.25;
	transition: all .3s linear 0s;	
}
.draw_h:hover svg.drawcircle circle { 
    stroke:#fac943;
	stroke-dasharray:62.5 , 0;
	stroke-dashoffset:31.25;
	-webkit-transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.draw_h:hover .icon{ fill:#fac943;}

/*===========================header=============================*/
.top01{background:#283d5c; color:#fff; line-height:36px; font-size:14px; overflow:hidden;}
.top02{margin-right:4rem; overflow:hidden;}
.top01 a{color:#fff; margin:0 1.2rem; cursor:pointer; float:right; padding:0 10px;}
.top01 a:hover{ font-weight:bold;}
#header{ position: relative; z-index:999; background:#fff; width:100%;}
#header .container{ height:100%;}
#header #logo{ margin-left:4rem;}
#logo{ float:left; height:100%;}
#logo a{ }
#logo img{ margin-top:4%; }
#nav{ float:left; margin-right:4rem;}
#nav ul{}
#nav ul li{ float:left; position:relative; z-index:0;}
#nav ul li a{ display:block; padding:0 1.2rem; text-transform:uppercase;}
#nav ul li h3{ font-size:1.0625rem; color:#3c3c3c; line-height:7.75rem; padding:0 10px; overflow:hidden; position:relative;}
#nav ul li.on h3{ color:#283d5c; font-weight:bold;}
#nav ul li:hover h3{ color:#283d5c;}
#nav ul li h3:before{ content:""; display:block; width:100%; height:2px; background:#283d5c; position:absolute; left:0; bottom:0; opacity:0; transition:.4s;}
#nav ul li h3:after{content:""; display:block; border:5px solid transparent; border-bottom:7px solid #283d5c; position:absolute; left:50%; margin-left:-5px; bottom:-7px; opacity:0; transition:.4s;}
#nav ul li:hover h3:before{ opacity:1;}
#nav ul li:hover h3:after{ opacity:1; bottom:0px;}
#nav ul li.on h3:before{ opacity:1;}
#nav ul li.on h3:after{ opacity:1; bottom:0px;}

#nav ul li a i{ display:inline-block; background:url(../images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
#nav ul li .sub{position:absolute;top:100%;width:100%;left:0; z-index: 10000;transform:translateY(-20px);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;}
#nav ul li .sub .box{padding:10px 6px;background: rgba(27, 27, 27, 0.5);}
#nav ul li .sub a{padding:0;line-height:2;transition:.3s;font-size:1rem;text-align:center;color:  #fff; font-size:.9rem;}
#nav ul li .sub a:hover{color: #fff; background:#283d5c}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
#nav ul li .sub:before {
    /* content: ""; */
    position: absolute;
    top: -5px;
    right: 50%;
    margin-right:-20px;
    height: 40px;
    width: 40px;
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    z-index: -1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}

.top_menu{ float:left; height:7.75rem;}
.top_menu .ico{ float:left; margin-left:1.5rem; }
/*璇█鍒囨崲*/
.top_menu #yuyanBtn{ position:relative; height:100%;}
.top_menu #yuyanBtn .dt{ height:100%;}
.top_menu #yuyanBtn img{ margin-right:.5rem;}
.top_menu #yuyanBtn i{ display:inline-block; background:url(../images/nav_down.png) center no-repeat; width:9px; height:6px; background-size:contain; vertical-align:middle; margin-left:8px;}
.top_menu #yuyanBtn .dd{ position:absolute; top:100%; background:#fff; width:130px; left:50%; margin-left:-65px;border:1px solid #bbb; border-bottom:5px solid #fac943; z-index: 10000; transform:translateY(-20px); visibility:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.top_menu #yuyanBtn:hover .dd{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; transform:translateY(0px);}
.top_menu #yuyanBtn .dd .box{ padding:10px 20px; background:#fff; }
.top_menu #yuyanBtn .dd:before {
    content: "";
    position: absolute;
    top: -5px;
    right: 50%; margin-right:-20px;
    height: 40px;
    width: 40px;
    background-color: #FFFFFF;
    border: 1px solid #bbb;
    z-index: -1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
.top_menu #yuyanBtn .dd a{ display:block; text-align:left; line-height:35px; height:35px;}
.top_menu #yuyanBtn .dd img{ vertical-align:middle;}
.top_menu #yuyanBtn .dd p{ float:right;}
/*鎼滅储*/
#searchBtn{ height:100%; width:7.25rem; background:#fac943; text-align:center;}
#searchBtn a{ display:block; width:42px; height:42px; margin:0 auto; line-height:39px; border-radius:50%; text-align:center; transition:.3s; overflow:hidden; }
#searchBtn svg{vertical-align:middle; width:17px; }
#searchBtn:hover svg{ 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{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box; z-index:999;
  display: block;
  position:relative;

  }
.tc_close{ position: absolute; cursor:pointer; color:#999; font-size:1rem; right: 1rem; top: 1rem;}
.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:#fac943; 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:rgba(0,0,0,.3); transition:.5s; display:block; position:absolute; bottom:0; left:0;}
.act #tc_search form:after{ width:100%; transition: ease-in-out .5s .5s;}
#tc_search #keyword{width: 90%;height:5rem; font-size:2rem; color:#000;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/search.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:#000; color: rgba(0,0,0,.7); }
#tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#000; color: rgba(0,0,0,.7); }
#tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#000; color: rgba(0,0,0,.7); }
#tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#000; color: rgba(0,0,0,.7); }/* WebKit browsers */
#tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent鏄叏閫忔槑榛戣壊(black)鐨勯€熻娉曪紝鍗充竴涓被浼紃gba(0,0,0,0)杩欐牱鐨勫€ */}/* Mozilla Firefox 4 to 18 */
#tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
#tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
#tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 鐐瑰嚮鎼滅储妗嗚幏鍙栫劍鐐 placeholder娑堝け-缁撴潫 */
#tc_search .draw_h:before{ border:1px solid rgba(0,0,0,.3);}
#tc_search .draw_h:hover svg.drawcircle circle { stroke:rgba(0,0,0,.5);}
#tc_search .draw_h img {position:absolute;top:50%;margin-top: -8px;left:50%;margin-left: -8px;transition:.3s;width: 16px;}
/***********************/

/*鎵嬫満瀵艰埅寮€濮?/
#m_header{ display:none; height:70px;}
#m_header .container{ position:relative; height:100%;}
#m_header #logo{ width:120px;}
#m_header .fr{ height:100%;}
#m_header #searchBtn{float:left; height:100%; width: 4.5rem; }
#m_header #searchBtn a{font-size:16px;color:#3c3c3c;text-transform:uppercase;display:  block;width:  100%;height:  40px;line-height: 38px; width:40px; }

#nav_btn{ float:left; height:100%; width:40px; padding-left:20px;}
svg, svg * {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#ac-menu-opener { box-sizing:border-box;
    position: relative; display:block;
    height: 20px;
    width: 20px;
    cursor: pointer;
    z-index: 3000;
}
#ac-menu-opener .ac-menu-hamburger .st0 {
    fill: none;
    stroke: #3a3c48;
    stroke-width: 5.2094;
    stroke-miterlimit: 10;
    stroke-dasharray: 68;
}
#ac-menu-opener svg{ width:20px; height:20px; position:absolute; top:0; left:0;}
#ac-menu-opener .ac-menu-hamburger .st0:nth-child(1) {
    -webkit-transition: .4s .95s;
    transition: .4s .95s;
}
#ac-menu-opener .ac-menu-hamburger .st0:nth-child(2) {
    -webkit-transition: .4s 1.05s;
    transition: .4s 1.05s;
}
#ac-menu-opener .ac-menu-hamburger .st0:nth-child(3) {
    -webkit-transition: .4s 1.15s;
    transition: .4s 1.15s;
}
#ac-menu-opener .ac-menu-x {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    height: 20px;
    width: 20px;
}
#ac-menu-opener .ac-menu-x .st0 {
    fill: none;
    stroke: #3a3c48;
    stroke-width: 5.2094;
    stroke-miterlimit: 10;
    stroke-dasharray: 68;
    stroke-dashoffset: 68;
}
#ac-menu-opener .ac-menu-x .st0:nth-child(1) {
    -webkit-transition: .4s .1s;
    transition: .4s .1s;
}
#ac-menu-opener .ac-menu-x .st0:nth-child(2) {
    -webkit-transition: .4s .2s;
    transition: .4s .2s;
}


#ac-menu-opener.ac-open .ac-menu-hamburger line {
    stroke-dashoffset: 68;
}
#ac-menu-opener.ac-open .ac-menu-hamburger line:nth-child(1) {
    -webkit-transition: .4s .1s;
    transition: .4s .1s;
}
#ac-menu-opener.ac-open .ac-menu-hamburger line:nth-child(2) {
    -webkit-transition: .4s .2s;
    transition: .4s .2s;
}
#ac-menu-opener.ac-open .ac-menu-hamburger line:nth-child(3) {
    -webkit-transition: .4s .3s;
    transition: .4s .3s;
}
#ac-menu-opener.ac-open .ac-menu-x line {
    stroke-dashoffset: 0;
}
#ac-menu-opener.ac-open .ac-menu-x line:nth-child(1) {
    -webkit-transition: .4s .85s;
    transition: .4s .85s;
}
#ac-menu-opener.ac-open .ac-menu-x line:nth-child(2) {
    -webkit-transition: .4s .95s;
    transition: .4s .95s;
}


/*鎵嬫満瀵艰埅灞曞紑*/
body.fixed{ position:fixed; overflow:hidden;}
#nav_fixed{ position:fixed; z-index:999; height:100%; width:100%; text-align:center;  visibility:hidden; left:0; top:0;}
#nav_fixed:before{ content:""; width:0; height:100%; display:block; position:absolute; z-index:-1; right:0; top:0; background:#fff; transition:.6s cubic-bezier(.165,.84,.44,1) 1.4s}
#nav_fixed:after{ content:""; width:0; height:100%; display:block; position:absolute; z-index:-1; left:0; top:0; background:#f3f3f3; transition:.6s cubic-bezier(.165,.84,.44,1) .6s;}
#nav_fixed.ac-open{ visibility:visible;}
#nav_fixed.ac-open:before{ width:100%;  transition:.8s cubic-bezier(.165,.84,.44,1)}
#nav_fixed.ac-open:after{ width:100%;  transition:.6s cubic-bezier(.165,.84,.44,1) .8s;}
#nav_fixed .left_box{ width:100%; height:100%; position:absolute; left:0; top:0;}
#nav_fixed .right_box{ width:50%; height:100%; position:absolute; right:0; top:0;}

#m_nav{position: relative; padding:2rem 0; padding-left: 4rem; height:90%; overflow:auto;}
#m_nav ul li a{overflow:hidden;display:block;text-align:  left;padding: 2px 0;}
#m_nav ul li h3{line-height:1.6;font-size: 1.6rem;}
#m_nav .sub{ line-height:1.6; margin-bottom:.5rem;}
#m_nav .sub a{display:block;font-size: 1.1rem;color:#888;}
#m_nav ul li.on h3{ color:#fac943;}
#m_nav ul li.on a.on{ color:#fac943;}

#m_yuyan{}
#m_yuyan a{font-size:1.2rem;margin: 1rem auto;line-height:25px;display:  block;overflow:  hidden;width: 60px;}
#m_yuyan a div{ overflow:hidden;}
#m_yuyan a font{ display: block; height:25px; line-height:25px; width:30px; float:left;}
#m_yuyan a font img{ vertical-align:middle;}
#m_yuyan a p{ float: right;}

#m_nav ul li h3,#m_nav ul li span,#m_yuyan a div{ opacity: 0; display:block;
    -webkit-transform: translateY(105%) translateZ(0);
    transform: translateY(105%) translateZ(0);
    transition:1s cubic-bezier(.165,.84,.44,1);
/*    transition: opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1) .1s;
    transition: opacity .4s cubic-bezier(.165,.84,.44,1),transform .5s cubic-bezier(.165,.84,.44,1) .1s,-webkit-transform .5s cubic-bezier(.165,.84,.44,1) .1s;*/}
#nav_fixed.ac-open #m_nav ul li h3,#nav_fixed.ac-open #m_nav ul li span,#nav_fixed.ac-open #m_yuyan a div{opacity: 1;
    transform: translateY(0); transition: -webkit-transform .8s cubic-bezier(.165,.84,.44,1) 1.4s;
    transition: transform .8s cubic-bezier(.165,.84,.44,1) 1.4s;
    transition: transform .8s cubic-bezier(.165,.84,.44,1) 1.4s,-webkit-transform .8s cubic-bezier(.165,.84,.44,1) 1.4s;  }

/*棣栭〉banner*/
#banner{ height:calc(80vh - 124px); width:100%; position:relative; background:#000; overflow:hidden;}
#banner .banner_slider{ position:absolute; top:0; left:0; width:100%; height:100%;}
#banner li{ position:relative;}
#banner li .img{ width:100%; height:calc(80vh - 124px); background-size:cover !important; z-index:8;  }	
#banner li .img img{ display:inline-block; margin-bottom:100px;}
#banner .con{ position:absolute; width:100%; height:calc(80vh - 124px); top:0; left:0; z-index:999; }
#banner .txt{ margin:0 auto; color:#fff; }
#banner .txt h3{ font-size:4.75rem; font-family:"Geometr706 BlkCn BT"; text-transform:uppercase; }
#banner .txt p{ font-size:2.25rem; text-transform:uppercase; display:block; margin-bottom:6.625rem; margin-top:1rem; }
#banner .txt .bn_btn{ display: inline-block; width:8.75rem; height:2.75rem; margin-right:25px; line-height:2.75rem; text-align:center; border-radius:30px; background:#283d5c; color:#fff; font-size:1rem; }
#banner .txt .bn_btn.white{ background:#fff; color:#283d5c;}
#banner li.slick-current{ z-index:999;}
#banner .con .txt .dd1{  width:100%; transition:1.5s .6s; opacity:0;/* transform:translateX(100px);*/}
#banner .con .box .dd2{ white-space:nowrap; transition:1.5s .6s; opacity:0;/* transform:translateX(150px);*/}
#banner .slick-current .txt .dd1{ transform:translateX(0px); opacity:1;}
#banner .slick-current .txt .dd2{ transform:translateX(0px); opacity:1;}
#banner .letter span{ display: inline-block; opacity: 0; filter: blur(10px); -webkit-filter: blur(10px); transform: translateY(-16px); min-width: 16px;}
#banner .slick-current .letter span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}


#banner li .img{  background-size:cover !important; }
#banner li .img img.img01{ display:none}
#banner li.slick-current .img{visibility: visible !important; -webkit-animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93); animation: bgscale 5s forwards cubic-bezier(0.4, 0, 0.49, 0.93);}
@-webkit-keyframes bgscale {
from { opacity:.8; -webkit-transform: scale(1.1); transform: scale(1.1); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes bgscale {
from { opacity:.8; -webkit-transform: scale(1.1); transform: scale(1.1); }
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
#banner .slick-dots{ bottom:61px; display:inline-block !important; width:auto; right:50%; margin-right:8rem;}
#banner .slick-dots li button:before{ content:""; width:9px; height:9px; border-radius:50%; background:#fff; opacity:1; left:50%; margin-left:-3px; top:50%; margin-top:-3px;}
#banner .slick-dots li.slick-active button:before{ background:#fac943;}

#banner .line{ position: absolute; left: 50%; bottom: 69px; margin-left:-100px; background-color: rgba(255,255,255,.3); width:106px; height:1px; overflow: hidden; z-index:9;}
#banner .line:before{ content:""; display:block; width:0; height:1px; position:absolute; left:0; top:0; background:#fac943;}
#banner .slick-active .line:before { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
#banner .num{ font-family:"Geometr706 BlkCn BT"; font-size:1.5rem; color:#fff; position:absolute; left:50%; margin-left:130px; bottom:58px; overflow:hidden; padding-left:5px;}
#banner .num i{ margin-right:10px; font-size:1.3rem;}
#banner .num font{ display: block; opacity: 0;transform:translateY(-50px); }
#banner .slick-current .num font{ opacity: 1; animation:huadong 1s; transform:translateY(0px);}
#banner .txt .bn_btn{ opacity:0;transition: 700ms 900ms; transform:translateY(-30px);}
#banner .txt .bn_btn.white{ transition: 700ms 1200ms;}
#banner .slick-current .txt .bn_btn{ opacity: 1; transform:translateY(0px); }
#banner .slick-arrow{ margin-left:-750px; left:50%; top:50%; margin-top:-125px; background-size:8px !important;}
#banner .slick-prev{ z-index:999;
	background:url(../images/left_arrow.png) center no-repeat;
	}
#banner .slick-next{
	background:url(../images/right_arrow.png) center no-repeat;
	margin-top:-80px;
	}
.slick-prev:before, .slick-next:before{ display:none;}



/* 涓讳綋寮€濮?/
#s_mian{  }
.s_tt{ margin-bottom:1.5rem; position:relative;}
.s_tt .fl{ position:relative;}
.s_tt .font{ width:1.125rem; height:1.125rem; display:block; background:url(../images/yinhao.png) center no-repeat; background-size:contain; position: absolute; left:-2rem;}
.s_tt span{ font-family:"Geometr706 BlkCn BT"; font-size:1.875rem; color:#283d5c; text-transform:uppercase; }
.s_tt h3{ font-size:1.375rem; color:#2d2e32; line-height:1.625rem; font-weight:bold; margin-top:.5rem;}
.s_tt h3 i{ display:inline-block; width:18px; height:1px; background:#2d2e32; position:relative; margin-left:1rem; top:-.45rem;}

.s_tt.black{ margin-bottom:0;}
.s_tt.black span{ color:#0d1518;}
.s_tt.black h3{ font-size:1rem; color:#0d1518;}


.s_more{ font-size:12px; text-transform:uppercase; color:#a0a0a1;}
.s_more i{ display:inline-block; width:3.5rem; height:1px; background:#a0a0a1; position:relative; margin-right:1rem; top:-.3rem;}

.more_arrow{ display:block; width:28px; height:28px; position:relative; border-radius:50%; border:1px solid #1b201b;}
.more_arrow i{ display:block; width:15px; height:10px; background: url(../images/more_arrow.svg) center no-repeat; background-size:15px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;}

.more_arrow:hover i{ animation:huadong_right .7s;}
@-webkit-keyframes huadong_right {
	0% { transform:translateX(0); opacity:1;}
	50%{ transform:translateX(10px); opacity:0;}
	51%{ transform:translateX(-10px); opacity:0;}
	100% { transform:translateX(0); opacity:1;}
}

@keyframes huadong_right {
	0% { transform:translateX(0); opacity:1;}
	50%{ transform:translateX(10px); opacity:0;}
	51%{ transform:translateX(-10px); opacity:0;}
	100% { transform:translateX(0); opacity:1;}
}

#s_about{ background:#f5f5f7; overflow:hidden; width:100%; }
#s_about .m1280{ background:#fff; overflow:hidden;}
.s_about{ float:left;  padding:4rem;}
.s_about .txt{ font-size:.875rem; line-height:1.875rem; color:#2d2e32;}



.s_rukou{ overflow:hidden; margin-top:1rem; width:100%;}
.s_rukou ul{}
.s_rukou ul li{ width:25%; float:left; text-align:center; margin-top:1.875rem; position:relative; margin-bottom:1rem;border-right:#ddd 1px dashed;}
.s_rukou ul li:nth-child(4){border-right:none;} 
.s_rukou ul li:nth-child(8){border-right:none;} 
.s_rukou ul li font{ display:block; width:30px; height:30px; margin:0 auto;}
.s_rukou ul li font img{}
.s_rukou ul li h5{ margin-top:.75rem; font-size:1.2rem; color:#333;}
.s_rukou ul li span{ font-size:.75rem; color:#c7c8cc;}
.s_rukou ul li:hover font,#s_yuanqu .hd ul li:hover font{ -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}

.s_jiaru{ width:354px; float:right;}
.s_jiaru .slick-dotted.slick-slider{ margin-bottom:0;}
.s_jiaru .slick-dots{ bottom:22px; display:inline-block !important; width:auto; left:10%}
.s_jiaru .slick-dots li{ margin:0;}
.s_jiaru .slick-dots li button:before{ content:""; width:9px; height:9px; border-radius:50%; border:2px solid #fff;  opacity:1; left:50%; margin-left:-3px; top:50%; margin-top:-3px;}
.s_jiaru .slick-dots li.slick-active button:before{ background:#fff;}
.s_jiaru .txt{ background:#fac943; padding:1.8rem 3rem;}

.btn_more { width:105px; position: relative; z-index:1; display:block; margin-top:2rem; overflow: hidden; height: 38px; line-height:38px; transition: all .3s ease; transition:.3s;
 color: #000; text-align:center; border: 1px solid #dddddf; font-size: 12px; }
.btn_more:before{ content:""; display:block; width:0; height:100%; position:absolute; left:0; top:0; background:#dddddf; z-index:-1; transition:.3s;}
.btn_more > svg {
  margin-left: 15px;
  fill: #1c1c1c; }
.btn_more:hover:before{ width:100%;}
.btn_more:hover{ }
.btn_more.black{ color:#fff; border:0; background:#424242;}
.btn_more.black:before{ content:""; display:block; width:0; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.2); z-index:-1; transition:.3s;}
.btn_more.black:hover:before{ width:100%; }



.pad_top{ padding-top:5rem;}
.pad_bot{/* padding-bottom:5rem;*/}

#s_shuzi{ background:url(../images/s_shuzi_bg.jpg) center no-repeat; width:100%; overflow:hidden; }
#s_shuzi ul{ overflow:hidden; padding-top:1rem; }
#s_shuzi ul li{ text-align:center; float:left; margin-bottom:1rem;}
#s_shuzi ul li h5{ color:#fff; margin-bottom:18px; line-height:1.7; overflow:visible; position:relative;}
#s_shuzi ul li h5 span{ font-size:2.25rem; font-weight:bold; font-family:Geometr706 BlkCn BT;}
#s_shuzi ul li h5 i{ font-size:.95rem; position:relative; top:-1.5rem; left:.33rem;}
#s_shuzi ul li p{ font-size:1rem; color:#fff; opacity:.6; line-height:1.5;}

@media (min-width: 768px)
{
#s_shuzi ul li+li h5:before{ content:""; width:50%; height:1px; background:#fff; background:rgba(255,255,255,.25); position:absolute; left:-34%; top:65%; }

}
#s_yuanqu{ background:#f5f5f7; width:100%; overflow:hidden;}
#s_yuanqu .s_tt{ background:#fff; padding-left:4.8rem; margin-bottom:0;}
#s_yuanqu .s_tt .fl{ padding-top:1.3rem;}
#s_yuanqu .hd{ float:right;}
#s_yuanqu .hd ul{ width:22.625rem;}
#s_yuanqu .hd ul li{ height:6.9rem; float:left; border-left:1px solid #eee; position:relative; text-align:center; display:table;}
#s_yuanqu .hd ul li:before{ content:""; width:0; height:3px; display:block; background:#fac943; transition:.5s; position: absolute; top:0; right:0;}
#s_yuanqu .hd ul li.slick-current:before,#s_yuanqu .hd ul li:hover:before{ width:100%; right:auto; left:0;}
#s_yuanqu .hd ul li a{ display:table-cell; vertical-align:middle; height:6.9rem; width:100%; }
#s_yuanqu .hd ul li font{ display:block; width:1.6rem; height:1.6rem; margin:0 auto;}
#s_yuanqu .hd ul li font img{ max-width:1.6rem; max-height:1.6rem; display:block;}
#s_yuanqu .hd ul li p{ font-size:1rem; color:#424242; margin-top:10px;}

#s_yuanqu .bd{ overflow:hidden;}
#s_yuanqu .bd .item{ padding-bottom:4rem; overflow:hidden;}
#s_yuanqu .bd ul{ background:#fff; float:left;}
#s_yuanqu .bd ul li{ position:relative; background:#f4f4f6;}
#s_yuanqu .bd ul li .img img{ width:100%; height:100%;}
#s_yuanqu .bd ul li.li_1 .img{ width:30rem; height:36rem;}
#s_yuanqu .bd ul li .txt{ position:absolute; right:0; bottom:0; z-index:999; padding:0 2.8rem; }
#s_yuanqu .bd ul li .txt span{ font-size:25px; font-family: "Geometr706 BlkCn BT"; font-size:1.56rem; margin-bottom:1rem; display:block;}
#s_yuanqu .bd ul li .txt h5{ font-size:1.25rem; white-space:normal;}
#s_yuanqu .bd ul li.li_1 .txt{ width:16.9rem; height:17.9rem; background:rgba(250,201,67,.9); color:#fff;}
#s_yuanqu .bd ul li.li_2 .txt{ background:#f4f4f6;}
#s_yuanqu .bd ul li.li_3 .txt{ background:#fff;}
#s_yuanqu .bd ul li.li_2 .txt{ right:auto; left:0;}
#s_yuanqu .bd ul li.li_2 .img{  float:right;}
#s_yuanqu .bd ul.ul_2{ width:calc(100% - 30rem);}
#s_yuanqu .bd ul.ul_2 li .img{ width:30rem; height:18rem;}
#s_yuanqu .bd ul.ul_2 li .txt{ width:calc(100% - 30rem); height:100%; min-width:16rem;}
#s_yuanqu .bd ul li.li_2 .txt:before{ content: ""; border:10px solid transparent; display: block; border-left:12px solid #f4f4f6; position: absolute; top: 50%; margin-top: -5px; right: -20px; }
#s_yuanqu .bd ul li.li_3 .txt:before{ content: ""; border:10px solid transparent; display: block; border-right:12px solid #fff; position: absolute; top: 50%; margin-top: -5px; left: -20px; }

.more_jia{ width:4rem; height:4rem; display:block; position:absolute; left:100%; overflow:hidden; background:#fff;}
.more_jia:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(../images/more_jia.jpg) center no-repeat; background-size:contain; transition:.7s; }
.more_jia:hover:before{ transform:rotate(180deg);}
#s_news{ width:100%; overflow:hidden; width:100%; overflow:hidden;}
#s_news .s_tt{ margin-bottom:3.3rem;}
#s_news .s_tt .fl{ padding-top:1.3rem;}
.s_hd{ float:right; margin-top:2.3rem;}
.s_hd ul{}
.s_hd ul li{ float:left; position:relative;}
.s_hd ul li a{ display:block; width:7rem; height:2.5rem; line-height:2.5rem; transition:.5s; text-align:center; border:1px solid #d9d9d9; border-radius:2px; font-size:.9375rem; color:#424242; margin-left:1rem; position:relative; z-index:1;}
.s_hd ul li a:before{ content:""; width:0; height:100%; display:block; background:#283d5c; transition:.5s; position: absolute; z-index:-1; top:0; right:0; color:#fff;}
.s_hd ul li.slick-current a,.s_hd ul li:hover a{ border:1px solid #283d5c; color:#fff;}
.s_hd ul li.slick-current a:before,.s_hd ul li:hover a:before{ width:100%; right:auto; left:0;}
.news_pic{ padding-right:3.5rem;}
.news_pic ul{}
.news_pic ul li{ position:relative;max-height:24rem;}
.news_pic ul li img{  width:100%;}
.news_pic ul li h5{ font-size:1rem; color:#fff; position:absolute; z-index:9; left:0; bottom:0; width:100%; height:3.375rem; line-height:3.375rem; background:rgba(0,0,0,.5); padding:0 1.5rem; padding-right:5rem;}
.news_pic .slick-dots{ bottom:1.3rem; right:0; text-align:right; padding-right:1rem; display:inline-block; width:auto;}
.news_pic .slick-dots li{ width:7px; height:7px; margin:0 3px; border-radius:3.5px; background:#fff; opacity:1; transition:.3s; }
.news_pic .slick-dots li.slick-active { background:#fac943; }
.news_pic .slick-dots li button:before{ display:none;}
.news_pic .slick-dots li button{ display:none;}

.news_list{}
.news_list ul{}
.news_list ul li{ padding:1.375rem 0; border-bottom:1px solid #e8e8e8;}
.news_list ul li h5{ font-size:1.125rem; color:#393838; margin-bottom:.875rem;}
.news_list ul li .time{ font-size:.8rem; width:1rem; height:1rem; background:url(../images/time.svg) left center no-repeat; background-size:contain; padding-left:1.5rem;}


.ab-more { display: block; width: 120px; height: 40px; line-height: 40px; text-align: center; background: #283d5c; color: #fff; font-size:.875rem; overflow: hidden; transition: 300ms; margin:0 auto; margin-top:2rem; margin-bottom:2rem; }
.ab-more i { line-height: 24px; }
.ab-more .aw { position: relative; margin-left: 10px; display:inline-block;}
.ab-more:hover .aw{ animation:huadong2 .7s;}
@-webkit-keyframes huadong2 {
	0% { transform:translateX(0); opacity:1;}
	50%{ transform:translateX(10px); opacity:0;}
	51%{ transform:translateX(-10px); opacity:0;}
	100% { transform:translateX(0); opacity:1;}
}

@keyframes huadong2 {
	0% { transform:translateX(0); opacity:1;}
	50%{ transform:translateX(10px); opacity:0;}
	51%{ transform:translateX(-10px); opacity:0;}
	100% { transform:translateX(0); opacity:1;}
}


#s_huiyuan{ background:#f5f5f7; width:100%; overflow:hidden;}
#s_huiyuan .s_tt{ margin-bottom:5.5rem;}
.s_dangan{}
.s_dangan ul{ margin:0 -20px; text-align:center; font-size:0;}
.s_dangan ul li{ display:inline-block; margin-bottom:2.6rem;}
.s_dangan ul li .img{ width:400px; border:3px solid #e9e9ea; text-align:center; overflow:hidden; background:#fff; margin:0 20px;}
.s_dangan ul li .img img{ display: inline-block;}

.s_dangan1{}
.s_dangan1 ul{ margin:0 -20px; text-align:center; font-size:0;}
.s_dangan1 ul li{ display:inline-block; margin-bottom:2.6rem; width:50%;}
.s_dangan1 ul li .img{  border:3px solid #e9e9ea; text-align:center; overflow:hidden; background:#fff; margin:0 20px;}
.s_dangan1 ul li .img img{ display: inline-block; width:100%;}


.form_box{ width:733px; max-width:100%; margin:0 auto;}
.form_box input{ height:45px; line-height:45px; border-radius:3px; width:100%; padding:0 1rem; font-size:1.0625rem; color:#5e5e5e;}
.form_box textarea{ width:100%; padding:1rem 1rem; border-radius:3px; height:6.25em; font-size:1.0625rem; color:#5e5e5e;}
.form_box .btn_tijiao{ width:11.25rem; height:45px; border-radius:3px; background:#008ce8; color:#fff; border:0; font-size:1.25rem;}
.form_box .yzm{ position:absolute; right:0; top:0; max-height:100%; height: 40px;}
.form_box .yzm img{ max-width:100%; max-height:100%;}

input::-webkit-input-placeholder{color:#5e5e5e; }
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#5e5e5e;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#5e5e5e;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#5e5e5e;}/* WebKit browsers */
input:focus::-webkit-input-placeholder {color: transparent;/* transparent鏄叏閫忔槑榛戣壊(black)鐨勯€熻娉曪紝鍗充竴涓被浼紃gba(0,0,0,0)杩欐牱鐨勫€ */}/* Mozilla Firefox 4 to 18 */
input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
input:focus:-ms-input-placeholder {color: transparent;}/* 鐐瑰嚮鎼滅储妗嗚幏鍙栫劍鐐 placeholder娑堝け-缁撴潫 */
textarea::-webkit-input-placeholder{color:#5e5e5e;}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#5e5e5e;}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#5e5e5e;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#5e5e5e;}/* WebKit browsers */
textarea:focus::-webkit-input-placeholder {color: transparent;/* transparent鏄叏閫忔槑榛戣壊(black)鐨勯€熻娉曪紝鍗充竴涓被浼紃gba(0,0,0,0)杩欐牱鐨勫€ */}/* Mozilla Firefox 4 to 18 */
textarea:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
textarea:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
textarea:focus:-ms-input-placeholder {color: transparent;}/* 鐐瑰嚮鎼滅储妗嗚幏鍙栫劍鐐 placeholder娑堝け-缁撴潫 */
textarea::-webkit-scrollbar {width: 1px; }

/*搴曢儴*/
#foot{ background:#2d2e30; width:100%; overflow:hidden;}
.foot_top{ padding-bottom:1rem; margin-bottom:2rem; }
.foot_logo{ }
.foot_logo img{}
.foot_nav{ position:relative;}
.foot_nav:after{ content:url(../images/foot_map.png); position:absolute;}
.foot_nav dl{ float:left; margin-right:2.6rem; }
.foot_nav dl dt{ font-size:1rem; color:#fff; margin-bottom:1rem; position:relative; padding-bottom:1rem;}
.foot_nav dl dt:after{ content:""; width:100%; height:2px; display:block; background:#c0c1c1; position:absolute; left:0; bottom:0;}
.foot_nav dl dd{ font-size:.875rem; color:#949495; line-height:1.75rem; transition:.3s;}
.foot_nav dl dd:hover{color:#fac943;}

.foot_ewm{ float:left; }
.foot_ewm .ewm{ float:left; margin-left:1.9rem;}
.foot_ewm .ewm img{ width:120px; height:120px;}
.foot_ewm .ewm p{ font-size:13px; color:#fff; color:rgba(255,255,255,.5); text-align:center; margin-top:.875rem;}

.foot_lianxi{ float:left; margin-left:3.2rem;}
.foot_lianxi p{ font-size:.875rem; color:rgba(255,255,255,.54); }
.foot_tel{ position:relative; color:#fff; padding-left:3.2rem; text-align:right;}
.foot_tel font{ position:absolute; left:0; bottom:3px; display:block; width:33px; height:33px; border-radius:50%; border:1px solid #969798; text-align:center; line-height:31px;m}
.foot_tel font img{ max-width:15px; vertical-align:middle;}
.foot_tel p{ font-size:.875rem; color:rgba(255,255,255,.54); margin-bottom:.7rem;}
.foot_tel b{ font-size:1.5rem; font-weight:bold; font-family:arial; margin-bottom:.7rem; display:block;}

.foot_share{ margin-top:1.25rem; float:right;}
.foot_share .font{ display:inline-block; width:2.375rem; height:2.375rem; line-height:2.375rem; border-radius:50%; background:#666; text-align:center; transition:.3s; font-size:0; margin-left:.8rem; }
.foot_share .font:hover{ background:#d9a925;}
.foot_share .font img{ max-width:60%; max-height:60%; vertical-align:middle;}
@media (max-width: 480px)
{
.foot_share .font.hidden-xs{ display:none;}
}
.s_foot_link{ height:40px; width:203px; cursor:pointer;overflow:visible;position: relative;text-align:left; }
.s_foot_link .tanchu{ overflow:auto;box-sizing:border-box;position:absolute;bottom:30px;border-bottom:0;display: none;left:0;right:-1px;}
.s_foot_link .tanchu:before{ content:""; display:block; border:10px solid transparent; border-top:10px solid #ebf8fa; width:0px; height:0px; position:absolute; bottom:1px; left:50%; margin-left:-10px;}
.s_foot_link .tanchu>div{ max-height:200px; margin-bottom:20px; background: #f3f3f3; display:block; border:1px solid #bbb; padding:10px 13px; overflow:auto;box-shadow:0px 6px 12px 0px rgba(0, 0, 0, 0.44);}
.s_foot_link .tanchu>div::-webkit-scrollbar {display:none}
.s_foot_link .tanchu a { color: #2d2e32; line-height: 27px; display:block; font-size: 12px;}
.s_foot_link .tanchu a:hover{ color: #000; }
.s_foot_link #bnt_link1.a {padding-left:12px;color: #2d2e32; background:#fff;font-size:13px; text-align:left;line-height: 35px;width: 100%; height:35px; box-sizing:border-box;text-decoration:none;position:absolute;z-index:1; }
.s_foot_link .a span{ display:inline-block; float:right; color:#919397; line-height:31px; width:10px; text-align:center; height:100%; margin-right:20px; }

.copyright{ line-height:35px; padding:1rem; background:#35363a; font-size:.8rem; color:#818181;}
.copyright a:hover{ color:#fff;}

#gotop{ display:none; width:2.9rem; height:2.9rem; border-radius:50%; overflow:hidden; position:absolute; bottom:6rem; right:4rem; position:fixed; z-index:999; background:#fac943;}
#gotop img{ animation: hide-dt-f 3s infinite; }
@keyframes hide-dt-f{
	0% { opacity: 0; -webkit-transform: translate3d(0px, 10px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }

    100% { opacity: 0; -webkit-transform: translate3d(0px, -10px, 0px); }
}

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

/****************鍐呴〉寮€濮?****************/
/*鍐呴〉banner*/
.n_banner {width: 100%; position: relative; text-align:center; height:22rem; overflow:hidden; }
.n_banner .txt{ color:#fff; text-align:center;margin-top:6%;}
.n_banner .txt small{ font-size:2.5rem; font-family: "Geometr706 BlkCn BT"; text-transform:uppercase; display:block;}
.n_banner .txt b{ font-size:2rem; font-weight:normal;}

/*鍐呴〉瀵艰埅*/
.n_nav_box{ position:relative; height:4rem; line-height:4rem; z-index: 2; background: #fbfbfb; border-bottom:1px solid #f1f1f1;}
.n_nav{ float:left;}
.n_nav a{ font-size:1rem; color:#414141; display:inline-block; margin-right:3rem; text-align:center; position:relative;}
.n_nav a:before{ content:""; width:0; height:2px; display:block; background:#283d5c; position:absolute; bottom:0px; transition: .5s;}
.n_nav a:hover:before{ width:100%;}
 .n_nav a.on:before{ width:100%;}
.n_position{ text-align:right; float:right;  font-size:13px; color:#6a6a6a; background:url(../images/home_ico.svg) left center no-repeat; background-size:.9rem; padding-left:1.25rem; }
.n_position a{ font-size:13px; color:#7b7b7b; position:relative; line-height:44px; transition:.2s;}
.n_position i{font-size: 0;color:#7b7b7b;display:inline-block;margin:0 12px;font-family:arial;border: 3px solid transparent;border-left: 4px solid #969696;position:  relative;top: -5px;}
.n_position em{ font-size:13px; color:#000000;}
.n_position a:hover{ color:#283d5c;}

/*鍏充簬*/
#n_about1{ overflow:hidden; border-bottom:1px solid #e9e9e9;}

#n_about1 .txt .tt{ font-size:1.375rem; color:#292929; margin-bottom:1.6rem;}
#n_about1 .con{ font-size:.875rem; line-height:1.875rem; color:#292929;}
#n_about1 .con p{ margin-bottom:1.7rem;}
#n_about1 .tip{ font-size:1rem; color:#666; margin-top:3.6rem;}
#n_about1 .tip i{ margin:0 1.25rem;}
#n_about1 .img img{}
@media (min-width: 768px)
{
#n_about1 .txt{ /*position:absolute;*/ height:100%;}
#n_about1 .img{ text-align:right; float:right;}
}

#n_about2{ padding-bottom:2rem;}
#n_about2 ul{display: flex; justify-content: space-between; flex-wrap:wrap; margin:0 -1rem;}
#n_about2 ul li{ width:20rem; padding:0 1rem; max-width:50%; text-align:center; margin-bottom:4.3rem;}
#n_about2 ul li font{ display:block; width:6.875rem; height:6.875rem; line-height:6.875rem; border-radius:50%; border:1px solid #b7b7b7; text-align:center; margin:0 auto;}
#n_about2 ul li font svg{ max-width:36px; max-height:40px; fill:#666; vertical-align:middle;}
#n_about2 ul li:hover font{ border:1px solid #c82126;}
#n_about2 ul li:hover font svg{ fill:#c82126;}
#n_about2 ul li:hover font svg{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}
@keyframes doudong {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
#n_about2 ul li h5{ font-size:1rem; color:#666; margin:1.625rem 0;}
#n_about2 ul li p{ font-size:.875rem; color:#676767; line-height:1.875rem; text-align:justify; }

#n_about3 .con{ font-size:.875rem; line-height:1.875rem; color:#292929;}
#n_about3 .con p{ margin-bottom:1.7rem;}

/*鍥尯灞曠ず*/
#n_yuanqu{}
#n_yuanqu ul{}
#n_yuanqu ul li{ margin-bottom:2.5rem;}
#n_yuanqu ul li a{ display:block; }
#n_yuanqu ul li .img{}
#n_yuanqu ul li .img img{ width:100%; transition:1s;}
#n_yuanqu ul li a:hover .img img{ transform:scale(1.05); display:block;}
#n_yuanqu ul li .txt{ background:#f1f1f1; padding:0.5rem 1.5rem 0.5rem; line-height:1.5; position:relative; z-index:1;}
#n_yuanqu ul li .txt h5{ font-size:1.25rem; color:#404042; margin-bottom:.8rem;}
#n_yuanqu ul li .txt p{ font-size:.875rem; color:#818285;}
#n_yuanqu ul li .txt:before{ content:""; width:100%; height:0; position:absolute; left:0; bottom:0; z-index:-1; background:#eaf2ff; display:block; transition:.7s; }
#n_yuanqu ul li a:hover .txt:before{ height:100%; top:0; bottom:auto;}
/*瑙嗛灞曠ず*/
#n_video{}
#n_video ul{}
#n_video ul li{ margin-bottom:2.5rem;}
#n_video ul li a{ display:block; max-width:406px;}
#n_video ul li .img{}
#n_video ul li .img img{ width:100%; transition:1s;}
#n_video ul li a:hover .img img{ transform:scale(1.05); display:block;}
#n_video ul li .txt{ background:#f1f1f1; padding:0.5rem 1.5rem 0.5rem; line-height:1.5; position:relative; z-index:1;}
#n_video ul li .txt h5{ font-size:1.25rem; color:#404042; margin-bottom:.8rem;}
#n_video ul li .txt p{ font-size:.875rem; color:#818285;}
#n_video ul li .txt:before{ content:""; width:100%; height:0; position:absolute; left:0; bottom:0; z-index:-1; background:#eaf2ff; display:block; transition:.7s; }
#n_video ul li a:hover .txt:before{ height:100%; top:0; bottom:auto;}
/*浼氬憳妗ｆ*/
#n_dangan{}
#n_dangan ul{ margin:0 -1.3rem;}
#n_dangan ul li{ text-align: center; padding:0 1.3rem; margin-bottom:2.5rem;}
#n_dangan ul li>div{ background:#f6f6f6; padding-bottom:2rem;}
#n_dangan ul li .top_con{ position:relative; padding:2rem;}
#n_dangan ul li .img{display: inline-block; width: 9.68rem; height: 9.68rem; line-height: 9.68rem; background:#fff; border: 1px solid #e9e9ea; border-radius: 50%;}
#n_dangan ul li .img i{}
#n_dangan ul li .img img{ max-width:70%;}
#n_dangan ul li .top_con>h5{ font-size:1.25rem; color:#373737; font-family: PingFangSC-Medium; margin-top:2.15rem; margin-bottom:1.3rem;}
#n_dangan ul li .intro{ font-size:.875rem; color:#656565; line-height:1.5rem; height:3rem; overflow:hidden;}
#n_dangan ul li .con{position: absolute; background-color: #f6f6f6; text-align: left; top: 0; left: 0;
    width: 100%; height: 100%; overflow: hidden; padding: 2.25rem 1.875rem; font-size: .875rem; color: #666; line-height:1.8rem; letter-spacing: .1px;
    -webkit-transform-origin: center; transform-origin: center; -webkit-transform: scale(.2);  transform: scale(.2); visibility: hidden;}
#n_dangan ul li .top_con:hover>.con { -webkit-transition: all .2s; transition: all .2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; visibility: visible; 
	-webkit-transform: scale(1); transform: scale(1);}
.btn_dot{ width:2.15rem; height:2.15rem; border-radius:50%; border:1px solid #dbdbdb; text-align:center; display:inline-block; line-height:2.15rem; transition:.3s;}
#n_dangan ul li>div:hover .btn_dot,#n_read ul li>div:hover .btn_dot,#n_news li:hover .btn_dot, .btn_dot:hover{ border:1px solid #c82126; background:#c82126; color:#fff;}
@media (min-width: 768px)
{
#n_dangan .tc{ display:none !important;}
}
#tc_dangan{position:fixed; width:18rem; min-height:18rem; z-index:999; top:50%; margin-top:-10rem; left:50%; margin-left:-9rem; padding:2rem; background:#fff;}
#tc_dangan .tt{ font-size:1.25rem; color:#373737; font-family: PingFangSC-Medium; margin-bottom:1.3rem;}
#tc_dangan .con{ font-size: .875rem; color: #666; line-height:1.8rem; }

/*鏂伴椈*/
#n_news ul{ margin-top:-1.8rem;}
#n_news ul li{ overflow:hidden; border-bottom:1px solid #ebebeb; padding:1.8rem 0; position:relative;}
#n_news ul li a{ display:block; position:relative;}
#n_news ul li .img{ padding:0;}
#n_news ul li .img img{ max-width:100%; transition:1s;}
#n_news ul li:hover .img img{ transform:scale(1.05);}
#n_news ul li .txt{ padding:0;}
#n_news ul li .txt .j_tab{table-layout: fixed}
#n_news ul li .txt .box{ padding:2rem 3rem; height:100%;}
#n_news ul li .txt .time{ font-size:.875rem; color:#6b6b6d; font-family:"Microsoft New Tai Lue"; display:block; margin:1.2rem 0;}
#n_news ul li h5{ font-size:1.25rem; color:#3f3f3f; }
#n_news ul li p{ font-size:13px; color:#808082; line-height:1.5rem; height:3rem; overflow:hidden; margin-bottom:1.5rem;}
#n_news ul li .btn_more{ margin:0; width:11.8rem;}
@media (min-width: 768px)
{
	#n_news ul li .txt{ position:absolute; height:100%; right:0;}
	#n_news ul li .img{ text-align:center;}
}

#piaofu_news{ position: absolute; left:50%; margin-left:-670px;top:800px; z-index:9999;}
#piaofu_news.xg{ position:fixed; left:50%; margin-left:-670px; top:50px;}
@media (max-width: 1360px)
{
.m1280 { max-width: 1100px;}
#piaofu_news{  margin-left:-620px; }
#piaofu_news.xg{  margin-left:-620px;}
}
#piaofu_news ul{}
#piaofu_news ul li{ position:relative; z-index:0;width:50px; height:50px; border:1px solid #c6c6c6; border-radius:50%; cursor:pointer; margin-bottom:11px; }
#piaofu_news ul li font{ display:block; width:50px; height:50px; border-radius:50%; text-align:center; display:table-cell; vertical-align:middle;}
#piaofu_news ul li .txt{ position:absolute; white-space:nowrap; height:50px; background:#fac943; color:#222222; line-height:50px; font-size:14px; top:-1px; left:-2px; padding-left:50px; padding-right:20px; border-radius:24px; z-index:-1; opacity:0; transform:scaleX(.8); transition:.5s; transform-origin:left;}
#piaofu_news ul li:hover .txt{ opacity:1; transform:scaleX(1);}

/*==============鍒嗕韩鎻掍欢=====================*/
.shart_box{ display:inline-block; float:left; padding-top:11px;}
#j_shart_s_24 .fx{ position:relative; top:2px; cursor:pointer;}
#j_shart_s_24 .bds_count{ font-size:12px;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{ float:none !important; display: inline-block; margin-right:2px;}
#j_shart_s_24{ position:relative; white-space:nowrap; overflow:hidden; height:30px;}
#j_shart_s_24:hover{ width:auto;}
#j_shart_s_24 .bds_sqq {
    background: url(../images/j_shart2.png) 0px 0px no-repeat;
}
#j_shart_s_24 .bds_tsina {
    background: url(../images/j_shart2.png) -35px 0px no-repeat;
}
#j_shart_s_24 .bds_weixin {
    background: url(../images/j_shart2.png) -73px 0px no-repeat;
}
/*浜у搧*/
#n_product ul{ margin-top:-1.8rem;}
#n_product ul li{ overflow:hidden; border-bottom:1px solid #ebebeb; padding:1.8rem 0; position:relative;}
#n_product ul li a{ display:block; position:relative;}
#n_product ul li .img{ padding:0; background:#df0000;}
#n_product ul li .img img{ max-width:100%; transition:1s;}
#n_product ul li:hover .img img{ transform:scale(1.05);}
#n_product ul li .txt{ padding:0;}
#n_product ul li .txt .j_tab{table-layout: fixed}
#n_product ul li .txt .box{ padding:2rem 3rem; height:100%;}
#n_product ul li .txt .time{ font-size:.875rem; color:#6b6b6d; font-family:"Microsoft New Tai Lue"; display:block; margin:1.2rem 0;}
#n_product ul li h5{ font-size:1.25rem; color:#3f3f3f; }
#n_product ul li p{ font-size:1.5rem; color:#fff; line-height:3rem; height:3rem; overflow:hidden; margin-bottom:1.5rem;}
#n_product ul li .btn_more{ margin:0; width:11.8rem;}
@media (min-width: 768px)
{
	#n_product ul li .txt{ position:absolute; height:100%; right:0;}
	#n_product ul li .img{ text-align:center;}
}

#piaofu_news{ position: absolute; left:47%; margin-left:-670px;top:800px; z-index:9999;}
#piaofu_news.xg{ position:fixed; left:50%; margin-left:-670px; top:50px;}

/*鏂伴椈璇︽儏*/
#n_news_xq{ width:100%; overflow:hidden;}
.ar_title{ margin-bottom:2rem; border-bottom:1px solid #dfdfdf; padding-bottom:2rem;}
.ar_title h3{ font-size:1.7rem; color:#000; margin-bottom:1.5rem;}
.ar_title .time{ font-size:13px; color:#818181; display:block; margin-bottom:1rem; line-height:1rem;}
.ar_title .time font{ width:1rem; 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:13px; color:#818181; margin-right:1rem;}
.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;}
.right_con{ max-width:390px; float:right;}
.left_con{ max-width:890px;}
#right_search form{ position:relative; width:100%; margin:0 auto; background:#fff; border:2px solid #eee; height:60px;}
#right_search #keyword{width: 90%; height:56px; padding:0 20px; font-size:1.125rem; color:#696969;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#right_search .btn_blue{ position:absolute; top:0; right:0; width: 40px; height:56px; border:0; line-height:4.25rem;background:url(../images/search.svg) center center no-repeat; background-size:1.125rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }

.news_tuijian{ width:100%; overflow:hidden;}
.news_tuijian ul{}
.news_tuijian ul li{ overflow:hidden; margin-bottom:1.7rem;}
.news_tuijian ul li .img{ }
.news_tuijian ul li .img img{}
.news_tuijian ul li .txt{ padding-top:1rem; }
.news_tuijian ul li .txt h5{ font-size:1.125rem; }
.news_tuijian ul li .txt .time{font-size:.875rem; color:#6b6b6d; display:block; height:1rem; line-height:1rem; margin-top:10px;}

.ar_article{ font-size:.875rem; color:#767676; line-height:1.75rem; text-align:justify; }
.ar_article p{font-size:.875rem;color:#767676;line-height:1.75rem; padding-bottom:1.75rem;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1.125rem;}
.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;}

#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:#f5c237;}
#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 #f5c237;}
#ar_fot .bnt_back:hover a{ color:#f5c237; }

.zhengce_tuijian{ width:100%; overflow:hidden;}
.zhengce_tuijian ul{}
.zhengce_tuijian ul li{ background:#f5f5f5; border-radius:3px; border:1px solid #e3e3e3; padding:3rem 1.5rem; margin-bottom:1.1875rem;}
.zhengce_tuijian ul li .tt{ font-size:1.375rem; font-weight:bold; color:#303030; margin-bottom:1.3rem;}
.zhengce_tuijian ul li .con{ overflow:hidden;}
.zhengce_tuijian ul li .tag{ white-space: pre-line; float:left; max-width:60%; font-size:0;}
.zhengce_tuijian ul li .tag span{ display:inline-block; font-size:.875rem; color:#5e5e5e; border:1px solid #d7d7d7; border-radius:2px; line-height:25px; padding:0 7px; }
.zhengce_tuijian ul li .tag span+span{ margin-top:10px;}
.zhengce_tuijian ul li .price{ float:right; text-align:center; max-width:40%;}
.zhengce_tuijian ul li .price b{ display:block; font-size:2.5rem; color:#f5c237; font-family:"Geometr706 BlkCn BT"; font-weight:normal; margin-bottom:.5rem;}
.zhengce_tuijian ul li .price font{ font-size:2rem; color:#f5c237;}
.zhengce_tuijian ul li .price span{ display:block; width:60px; height:25px; line-height:25px; text-align:center; border-radius:13px; background:#fac943; margin:0 auto; font-size:.875rem; color:#444;}

.n_tt{ margin-bottom:2.375rem; overflow:hidden;}
.n_tt.center{ text-align: center;}
.n_tt span{ font-size:1.75rem; color:#000; font-family:"Geometr706 BlkCn BT"; text-transform:uppercase; letter-spacing:-1px; display:block;}
.n_tt h3{ font-size:1.625rem; color:#000; margin-top:.5rem;}
.n_tt.white span{ color:#fff;}
.n_tt.white h3{ color:#fff;}

#n_apply{ background:#f5f5f7; width:100%; overflow:hidden;}
#n_apply ul{ overflow:hidden;}
#n_apply ul li{ margin-bottom:1.5rem;}
#n_apply ul li .box{ background:#fff; padding:3rem; overflow:hidden;}
#n_apply ul li .txt{ float:left; padding-top:.8rem; width:calc(100% - 7.2rem);}
#n_apply ul li .txt h5{ font-size:1.125rem; color:#4e4e4e; white-space:normal; line-height:1.5rem; height:3rem;}
#n_apply ul li .txt p{ font-size:0.9375rem; color:#626262; line-height:1.5rem; height:3rem; overflow:hidden;}
#n_apply ul li .img{ border:1px solid #eaeaea; display:inline-block; width:7.2rem; height:7.2rem; float:right;}
#n_apply ul li .img img{ width:100%; height:100%;}

#n_zhengce{ width:100%; overflow:hidden;}
#n_zhengce ul{ }
#n_zhengce ul li{ margin-bottom:1.5rem;}
#n_zhengce ul li .box{ background:#f5f5f5; border-radius:3px; border:1px solid #e3e3e3; padding:3rem 1.5rem; height:15.3rem;}
#n_zhengce ul li .tt{ font-size:1.275rem; font-weight:bold; color:#303030; margin-bottom:1.3rem;}
#n_zhengce ul li .con{ overflow:hidden;}
#n_zhengce ul li .tag{ white-space: pre-line; float:left; max-width:60%; font-size:0;}
#n_zhengce ul li .tag span{ display:inline-block; font-size:.875rem; color:#5e5e5e; border:1px solid #d7d7d7; border-radius:2px; line-height:25px; padding:0 7px; }
#n_zhengce ul li .tag span+span{ margin-top:10px;}
#n_zhengce ul li .price{ float:right; text-align:center; max-width:40%;}
#n_zhengce ul li .price b{ display:block; font-size:2.5rem; color:#f5c237; font-family:"Geometr706 BlkCn BT"; font-weight:normal; margin-bottom:.5rem;}
#n_zhengce ul li .price font{ font-size:2rem; color:#f5c237;}
#n_zhengce ul li .price span{ display:block; width:60px; height:25px; line-height:25px; text-align:center; border-radius:13px; background:#fac943; margin:0 auto; font-size:.875rem; color:#444;}
.slick_arrow_right .slick-arrow{ z-index:99; position:absolute; left:auto; right:15px; transform:translate(0,0); top:-6rem; background-size:.9rem !important;
	display:block;border-radius:50%;
    width: 3.1rem;
    height: 3.1rem;}
.slick_arrow_right .slick-arrow:before{ display:block; content:"";border:1px solid #c3c3c3; opacity:1;}
.slick_arrow_right .slick-arrow:hover:before{ opacity:0;}
.slick_arrow_right .slick-prev{ right:5rem;
	background:url(../fonts/left_gray.svg) center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
.slick_arrow_right .slick-next{
	background:url(../fonts/right_gray.svg) center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
.slick_arrow_right svg.drawcircle circle {
	stroke-dasharray: 0 , 76.5;
	stroke-dashoffset:38.25;
	transition: all .3s linear 0s;	
}
.slick_arrow_right .draw_h:hover svg.drawcircle circle { 

	stroke-dasharray:76.5 , 0;
	stroke-dashoffset:38.25;
	-webkit-transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.slick_arrow_right .slick-prev:hover{
	background:url(../fonts/left_yellow.svg) center no-repeat;
	}
.slick_arrow_right .slick-next:hover{
	background:url(../fonts/right_yellow.svg) center no-repeat;
	}


/*鏂伴椈*/
#n_read{ background:#fbfbfb; width:100%; overflow:hidden;}
#n_read ul{}
#n_read ul li{ overflow:hidden; position:relative; margin-bottom:1.25rem;}
#n_read ul li a{ display:block; position:relative;}
#n_read ul li .box{ padding:2rem 3rem; height:100%; border:1px solid #e3e3e3; border-radius:3px; background:#fff;}
#n_read ul li h5{ font-size:1.25rem; color:#3f3f3f; margin-bottom:1.2rem; font-weight:bold;}
#n_read ul li p{ font-size:13px; color:#808082; line-height:1.5rem; height:3rem; overflow:hidden; margin-bottom:1.7rem;}
#n_read ul li .btn_more{ margin:0; width:11.8rem;}

.n_hd{ float:right; margin-top:2rem;}
.n_hd ul{}
.n_hd ul li{ float:left; position:relative;}
.n_hd ul li a{ display:block; width:9.6875rem; height:2.875rem; line-height:2.875rem; border-radius:2rem; transition:.5s; text-align:center; border:1px solid #d9d9d9; font-size:1.125rem; color:#424242; margin-left:1rem; position:relative; z-index:1; overflow:hidden;}
.n_hd ul li a:before{ content:""; width:0; height:100%; display:block; background:#fac943; transition:.5s; position: absolute; z-index:-1; top:0; right:0;}
.n_hd ul li:hover a,.n_hd ul li.on a{ border:1px solid #fac943;}
.n_hd ul li:hover a:before,.n_hd ul li.on a:before{ width:100%; right:auto; left:0;}


/*鏂囧績娲诲姩*/
#n_huodong{ width:100%; overflow:hidden;}
#n_huodong ul{ margin:0 -2.75rem;}
#n_huodong ul li{ }
#n_huodong ul li .box{ margin:0 2.75rem;}
#n_huodong ul li .img{}
#n_huodong ul li .img img{ width:100%;}
#n_huodong ul li .txt{ background:#f1f1f1; padding:2.6rem 3rem 2.8rem; line-height:1.5;}
#n_huodong ul li h5{ font-size:1.25rem; color:#404042; margin-bottom:.8rem;}
#n_huodong ul li p{ font-size:.875rem; color:#818285; line-height:1.75rem; height:3.5rem; overflow:hidden;}
#n_huodong .btn_more{ font-size:12px; color:#6e6b6b; height:30px; line-height:28px; width:95px;}
#n_huodong.slick_arrow_right .slick-arrow{ right:2.75rem;}
#n_huodong.slick_arrow_right .slick-prev{ right:7rem;}

/*寰€鏈熸椿鍔?/
#n_huodong2{ background:#f5f5f7; width:100%; overflow:hidden;}
#n_huodong2 ul{ margin:0 -1rem;}
#n_huodong2 ul li{ }
#n_huodong2 ul li .box{ margin:0 1rem;}
#n_huodong2 ul li .img{}
#n_huodong2 ul li .img img{ width:100%;}
#n_huodong2 ul li .txt{ padding:1.6rem 0 0; line-height:1.5;}
#n_huodong2 ul li h5{ font-size:1.25rem; color:#404042; margin-bottom:.8rem;}
#n_huodong2 ul li p{ font-size:.875rem; color:#818285; line-height:1.75rem; height:3.5rem; overflow:hidden;}


#n_apply.type2{ background:#fff;}
#n_apply.type2 ul li .box{ background:#f5f5f7;}

/*鍥尯鍚堜綔*/
#n_yuanqu_coop{ background:#fbfbfb; overflow:hidden; width:100%;}
#n_yuanqu_coop>ul{ overflow:hidden}
#n_yuanqu_coop>ul>li{ position:relative; overflow: hidden;}
#n_yuanqu_coop>ul>li .txt{ padding:0;}
#n_yuanqu_coop>ul>li .box{ max-width:640px; width:100%;}
#n_yuanqu_coop>ul>li.li_1 .txt{ position:absolute; left:0; top:0; height:100%; }
#n_yuanqu_coop>ul>li.li_2 .txt{ position:absolute; right:0; top:0; height:100%; }
#n_yuanqu_coop>ul>li.li_1 .pic{ float:right;}
#n_yuanqu_coop>ul>li.li_1 .pic img{ }
#n_yuanqu_coop>ul>li .box.fr{ padding-right:5.5rem;}
#n_yuanqu_coop>ul>li .box.fl{ padding-left:5.5rem;}
#n_yuanqu_coop>ul>li .pic{ padding:0; height:32rem;}
#n_yuanqu_coop>ul>li.li_2 .pic{ height:34.5rem;}

.wangluo{ width:854px; height:374px; position: relative; margin-left:3.125rem;}
.wangluo .bg{ position:absolute; top:0; left:0;}
.wangluo .cc{ position:absolute; background:#fff; border-radius:50%; color:#000; display: table; text-align:center; align-items:center; line-height:1.5;}
.wangluo .cc:hover{ background:#fac943;}
.wangluo .box1{ font-size:15px;}
.wangluo .box2{ font-size:13px;}
.wangluo .cc01{  width:123px; height:123px; left:105px; top:12px;}
.wangluo .cc02{  width:123px; height:123px; left:273px; top:88px;}
.wangluo .cc03{  width:70px; height:70px; left:385px; top:0px;}
.wangluo .cc04{  width:123px; height:123px; left:506px; top:0px;}
.wangluo .cc05{  width:88px; height:88px; left:473px; top:160px;}
.wangluo .cc06{  width:67px; height:67px; left:0px; top:202px;}
.wangluo .cc07{  width:70px; height:70px; left:95px; bottom:16px;}
.wangluo .cc08{  width:72px; height:72px; left:195px; bottom:100px;}
.wangluo .cc09{  width:95px; height:95px; left:281px; bottom:0px;}
.wangluo .cc10{  width:60px; height:60px; left:394px; bottom:101px;}
.wangluo .cc11{  width:71px; height:71px; right:295px; bottom:13px;}
.wangluo .cc12{  width:95px; height:95px; left:580px; bottom:92px;}
.wangluo .cc13{  width:65px; height:65px; left:690px; bottom:20px;}
.wangluo .cc14{  width:72px; height:72px; right:0px; bottom:100px;}

.serve_slide_nav{ margin-top:-1rem;}
.serve_slide_nav li div{ color:#fff; line-height:4.1rem; height:4.1rem; width:227px; max-width:100%; border-bottom:1px solid rgba(255,255,255,.25); position:relative; cursor:pointer;}
.serve_slide_nav li i{ width:1rem; height:4.1rem; position:absolute; top:0; right:0; background:url(../fonts/right_white.svg) center no-repeat; background-size:.8rem; transition:.5s;}
.serve_slide_nav li.slick-current i,.serve_slide_nav li:hover i{ right:-1rem;}

.serve_slide_for{}
.serve_slide_for li>div{ transform:translateY(50px); transition:1s; height:34.5rem; display:table-cell; vertical-align:middle;}
.serve_slide_for li font{ display:block; width:3rem;}
.serve_slide_for li h5{ font-size:1.625rem; color:#000; margin:1.8rem 0;}
.serve_slide_for li p{ font-size:.875rem; color:#676767; line-height:1.875rem;}
.serve_slide_for li.slick-current>div{ transform:translateY(0px);}


#n_case{ width:100%; overflow:hidden;}
#n_case ul{}
#n_case ul li .box{ text-align:center; max-width:950px; width:100%; margin:0 auto;}
#n_case ul li .img{ position:relative;}
#n_case ul li .mask{ position:absolute; width:100%; height:100%; opacity:0; padding-top:50px; transition:.5s; z-index:99; left:0; top:0; background:rgba(0,0,0,.1);}
#n_case ul li .mask span{ display:inline-block; padding:.7rem 1.5rem; background:#fac943; font-size:.875rem; color:#333; border-radius:3px;}
#n_case ul li .img:hover .mask{ opacity:1; padding-top:0;}
#n_case ul li .tt{ font-size:1.5rem; color:#444; margin-bottom:1rem; margin-top:2rem;}
#n_case ul li .con{}
#n_case .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); top:35%; background-size:.9rem !important;
	display:block;border-radius:50%;
    width: 3.1rem;
    height: 3.1rem;}
#n_case .slick-arrow:before{ display:block; content:"";border:1px solid #c3c3c3; opacity:1;}
#n_case .slick-arrow:hover:before{ opacity:0;}
#n_case .slick-prev{ left:2rem;
	background:url(../fonts/left_gray.svg) center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
#n_case .slick-next{ right:2rem;
	background:url(../fonts/right_gray.svg) center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
#n_case svg.drawcircle circle {
	stroke-dasharray: 0 , 76.5;
	stroke-dashoffset:38.25;
	transition: all .3s linear 0s;	
}
#n_case .draw_h:hover svg.drawcircle circle { 

	stroke-dasharray:76.5 , 0;
	stroke-dashoffset:38.25;
	-webkit-transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
}
#n_case .slick-prev:hover{
	background:url(../fonts/left_yellow.svg) center no-repeat;
	}
#n_case .slick-next:hover{
	background:url(../fonts/right_yellow.svg) center no-repeat;
	}

#n_lianxi{ background:#fbfbfb; text-align:center; font-size:.875rem; color:#373737; line-height:1.87rem;}

#n_touzi01{ background:#fff; width:100%; overflow:hidden;}
#n_touzi01 ul{ text-align: center; font-size:0;}
#n_touzi01 ul li{ background: #fac943; position: relative; text-align:center; padding:2rem 0 1rem; }
#n_touzi01 ul li font{ display:block; width:3.62rem; height:3.62rem; margin:0 auto;}
#n_touzi01 ul li h5{ font-size:1.125rem; color:#2a2a2a; margin-top:10px; margin-bottom:10px; text-transform:uppercase; }
#n_touzi01 ul li p{ font-size:.8rem; line-height:1.25rem; height: 2.5rem; color: #b5912e; }
#n_touzi01 ul li+li:before{ content: ""; width: 1px; height: 100%; background: #fff; position: absolute; left: 0; top: 0;}

#n_touzi01 ul li:hover font{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}
@keyframes doudong {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

#n_touzi02{ background:#fff; width:100%; overflow:hidden;}
#n_touzi02 ul{ text-align: center; font-size:0;}
#n_touzi02 ul li{ float: left; position: relative; text-align:center;vertical-align:top;}
#n_touzi02 ul li span{ display:block; position:relative; z-index: 1; transition:.5s; width:8.125rem; height:8.125rem; line-height: 8.125rem; font-size: 1.125rem; margin:0 auto; border-radius: 50%; background: #bebebe; color: #fff; text-align: center;}
#n_touzi02 ul li+li:before{ content: ""; width: 12px; height: 18px; display: block; background: url(../fonts/right_gray.svg) center no-repeat; background-size: contain; position: absolute; left: -6px; top: 50%; margin-top: -9px;}
#n_touzi02 ul li span:before{ content: ""; width: 100%; height: 100%; display:block; background: #fac943; transform:scale(.8); opacity: 0; position: absolute; z-index: -1; left: 0; top: 0; border-radius: 50%; transition:.5s;}
#n_touzi02 ul li span:after{ content: ""; width: 100%; height: 100%; display:block; background: #fac943; transform:scale(.3); opacity: 0; position: absolute; z-index: -1; left: 0; top: 0; border-radius: 50%; transition:.5s;}
#n_touzi02 ul li span:hover:before{ opacity: 1; transform:scale(.85);}
#n_touzi02 ul li span:hover:after{ opacity: .35; transform:scale(1);}
#n_touzi02 ul li span:hover{ background: #fff; color: #38352b;}

#n_jigou{ background: #f3f3f3; width: 100%; overflow: hidden;}
#n_jigou ul{}
#n_jigou ul li .box{ display: block; background: #fff; margin-bottom: 1.75rem;}
#n_jigou ul li .pic{ text-align: center; height: 8.75rem; display: table; width: 100%; overflow:hidden;}
#n_jigou ul li .pic img{ transition:1s;}
#n_jigou ul li .box:hover img{ transform:scale(1.1);}
#n_jigou ul li .txt{ padding:0 1.75rem 1.75rem;}
#n_jigou ul li .txt h5{ font-size: 1.25rem; color: #373737; margin-bottom: .8rem; font-weight: bold;}
#n_jigou ul li .txt p{ font-size: 0.9375rem; color: #373737; line-height: 1.3rem; height: 2.6rem;}
#n_jigou ul li .tag{ font-size: .875rem; color: #686868;}

#n_yinghang{ width: 100%; overflow: hidden; border-bottom: 1px solid #eaeaea;}
#n_yinghang ul{}
#n_yinghang ul li .box{ display: block; padding: .625rem;}
#n_yinghang ul li .pic{ text-align: center; height: 7.375rem; display: table; width: 100%; background: #fff; border:1px solid #e2e2e2; overflow:hidden;}
#n_yinghang ul li .pic img{ margin:0 auto; transition:1s;}
#n_yinghang ul li .box:hover .pic img{ transform:scale(1.1);}

#n_danbao{ width: 100%; overflow: hidden; border-bottom: 1px solid #eaeaea;}
#n_danbao ul{}
#n_danbao ul li .box{ display: block; padding: .625rem;}
#n_danbao ul li .pic{ text-align: center; height: 5.875rem; display: table; width: 100%; background: #fff; border:1px solid #e2e2e2; overflow:hidden;}
#n_danbao ul li .pic img{ margin:0 auto; transition:1s;}
#n_danbao ul li .box:hover .pic img{ transform:scale(1.1);}

#n_zhengfu{ background: #f3f3f3; width: 100%; overflow: hidden;}
#n_zhengfu ul{}
#n_zhengfu ul li .box{ display: block; background: #fff; margin-bottom: 1.75rem;}
#n_zhengfu ul li .pic{ text-align: center; height: 8.75rem; display: table; width: 100%; overflow:hidden;}
#n_zhengfu ul li .pic img{ transition:1s;}
#n_zhengfu ul li .box:hover .pic img{ transform:scale(1.1);}
#n_zhengfu ul li .txt{ padding:0 1.75rem 1.75rem; text-align: center;}
#n_zhengfu ul li .txt h5{ font-size: 1.25rem; color: #373737; margin-bottom: .8rem; font-weight: bold;}
#n_zhengfu ul li .txt p{ font-size: 0.9375rem; color: #373737; line-height: 1.3rem;}

#n_case_prev{ width:100%; overflow:hidden;}
#n_case_prev ul{ margin:0 -1.25rem;}
#n_case_prev ul li{  }
#n_case_prev ul li .box{ margin:0 1.25rem; background: #f3f3f3; display: block; }
#n_case_prev ul li .img{}
#n_case_prev ul li .img img{ width:100%; transition:1s;}
#n_case_prev ul li .box:hover .img img{ transform:scale(1.05);}
#n_case_prev ul li .txt{ background:#f1f1f1; padding:1.5rem 1.5rem 1.8rem; line-height:1.5;}
#n_case_prev ul li .txt h5{ font-size:1.25rem; color:#404042; margin-bottom:.8rem; transition:.5s;}
#n_case_prev ul li .box:hover .txt h5{ }
#n_case_prev ul li .txt p{ font-size:.875rem; color:#818285;}

.btn_shenqing{ line-height:3rem; padding:2rem 0; text-align:center; display:block; background:#bebebe; font-size:1.5rem; color:#fff; border-radius:6px; position:relative; z-index:1; overflow:hidden;}
.btn_shenqing:before{ content:""; width:100%; height:0; display:block; position:absolute; z-index:-1; bottom:0; left:0; background:#fac943; transition:1s;}
.btn_shenqing:hover:before{ height:100%; top:0; bottom: auto;}

.btn_shenqing font{ display:inline-block; width:1.875rem; height:1.875rem; line-height:1.5rem; border:1px solid #fff; border-radius:50%;vertical-align:middle; margin-left:1.5rem; position:relative; top:-2px;}
.btn_shenqing font img{ width:1rem; vertical-align:middle;}
#n_shalong{ width:100%; overflow:hidden;}
#n_shalong ul{ margin:0 -1.25rem;}
#n_shalong ul li{ }
#n_shalong ul li .box{ margin:0 1.25rem; background: #f3f3f3; display: block; }
#n_shalong ul li .img{}
#n_shalong ul li .img img{ width:100%; transition:1s;}
#n_shalong ul li .box:hover .img img{ transform:scale(1.05);}
#n_shalong ul li .txt{ background:#f1f1f1; padding:1.5rem 1.5rem 1.8rem; line-height:1.5;}
#n_shalong ul li .txt h5{ font-size:1.25rem; color:#404042; margin-bottom:.8rem;}
#n_shalong ul li .txt .bot{ font-size:.875rem; color:#626262; position:relative; line-height:26px;}
#n_shalong ul li .txt .dw{ padding-left:20px; background:url(../fonts/map_black.svg) left center no-repeat; background-size:18px; margin-right:.5rem;}
#n_shalong ul li .txt .time{ padding-left:20px; background:url(../fonts/time_black.svg) left center no-repeat; background-size:15px; margin-right:.5rem;}
#n_shalong ul li .txt .tag{ position:absolute; height:26px; line-height:26px; display:inline-block; padding:0 10px; background:#f75757; border-radius:3px; color:#fff; right:0;}
#n_shalong ul li .txt .tag.gray{ background:#b0b0b0;}


/*==============鏂囧績鐗堝浘====================*/
#n_picker{ text-align:center;}
#n_picker .box{ display:inline-block;}
#n_picker label{ margin:5px;}
select{-webkit-appearance: none; outline:none; background-image:url(../fonts/select_arrow.svg) !important; background-position:95% center !important; background-repeat:no-repeat !important; background-size:13px !important;}
#n_picker .form-control{ display:inline-block; width:290px; height:50px; padding:0 12px; border-radius:0px; border:2px solid #e6e6e6; height:50px; line-height:46px; font-size:1rem; color:#666666; font-weight:normal;box-shadow:none;}
.btn_anniu.fl input{ height:50px; line-height:50px; padding:0 20px;}
#n_space .content{ position: relative; min-height: 880px;}
#j_map{ position: absolute; right: 0; top: 0; width: 600px; height:880px;  }
#j_map.fix{ position: fixed; top: 160px; right: 50%; margin-right: -640px;}
#j_map.m_fix{ position: fixed; top: 50px; right: 0%; z-index: 9999;}
.location-map{position:relative;float:right;width:100%; min-height:35.875rem; }
.location-map .inner{position:absolute;top:0;right:0;bottom:0;left:0}
#maps{height:880px}
#maps img{max-width:inherit!important}
#maps .anchorBL{display:none!important}

/*==============鐗堝浘鍒楄〃=====================*/
#page_space{ padding-top:3rem; width:100%; overflow:hidden;}
#n_space .content{   width: 48%; overflow:hidden;}
#n_space .content.m_fix{ position: fixed; top: 270px; left: 0; width: 100%;}
#n_space .swiper-slide{height: auto;-webkit-box-sizing: border-box;  box-sizing: border-box; padding: 0 30px 0 0;}
#n_space ul{  }
#n_space li{ background: #f9f9f9; position: relative; padding: 10px; border-radius: 2px; margin-bottom: 26px; }
#map_list{ height:880px; }
#n_space li:last-child{margin-bottom: 0px;}
#n_space li a{ display: block; position: relative;}
#n_space li .pic_box{ position: relative; float:left; width:45%;}
#n_space li img{ display: block; margin: 0 auto; width: 100%; }
#n_space li .text_box{ width: 55%; float: right; padding-left:1.8rem; }
#n_space li .text_box .box{ padding-top: 1rem; height:6rem;}
#n_space li h1{  color: #3a3a3a; height: 1.3rem; line-height: 1.3rem; font-size: 1.125rem; margin-bottom: 1rem; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_space li span{ margin-top: .3rem; display: block; height: 1.375rem; line-height: 1.375rem; padding-left: 22px; font-size: 12px; color: #717171;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_space li span.li1{ background: url(../fonts/tel_black.svg) left center no-repeat; background-size:18px;}
#n_space li span.li2{ background: url(../fonts/map_black.svg) left center no-repeat; background-size:18px;}
#n_space li:hover,#n_space li.active { background: #fac943;}

.btn_xq{ display:block; width:6.875rem; height:2.2rem; line-height:2.2rem; text-align:center; margin-top:1.5rem; border:1px solid #bcbcbc; border-radius:3px; font-size:12px; color:#575757;}
#n_space li:hover .btn_xq,#n_space li.active .btn_xq{ border:1px solid #717171;}


.main_con2{ position:relative; overflow:hidden; padding-bottom:3rem}
/*#j_map.right_con2.fixed{ position: fixed; top: 100px; right: 50%; margin-right: -640px;}
#j_map.right_con2.absolute{ position: absolute; left: auto; top: auto; bottom: 5.2rem; right: 0;}
*/
/*瀹ｄ紶鎺ㄥ箍*/
#n_hotactive{ width:100%; overflow:hidden;}
.hot_pic{ height:375px; float:left; width:calc(100% - 430px); position:relative;}
.hot_pic .tag{ color:#fff; font-size:.9375rem; position:absolute; top:2rem; left:0; background:#f75757; height:2.5rem; line-height:2.5rem; padding:0 1.5rem 0 1rem; z-index:99; border-radius:0 1.25rem 1.25rem 0;}
.hot_pic ul{}
.hot_pic ul li{}
.hot_pic ul li .img{ height:375px;}
.hot_pic ul li .img img{ height:100%; max-width:inherit;}
.hot_pic .slick-dots{ bottom:30px;}
.hot_pic .slick-dots li{ width:10px; height:10px; border-radius:6px; border:1px solid #fff; opacity:1; transition:.3s; }
.hot_pic .slick-dots li.slick-active { background:#fac943; border:1px solid #fac943; }
.hot_pic .slick-dots li button:before{ display:none;}


.hot_right_list{ width:430px; height:375px; float:right; background:#343437; color:#fff; overflow: auto;}
.hot_right_list::-webkit-scrollbar {width: 3px;height: 8px;background-color: #343437;}
.hot_right_list::-webkit-scrollbar-track {border-radius: 10px;background-color: #343437;}
.hot_right_list::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #fbd05b;}
.hot_right_list ul{}
.hot_right_list ul li{ height:125px; position:relative;}
.hot_right_list ul li a{ display:block; height:100%;}
.hot_right_list ul li .time{ position:absolute; width:68px; padding-top:1.87rem; padding-left:25px; height:125px; font-size:1.125rem; }
.hot_right_list ul li .time:before{ content:""; width:1px; height:100%; display:block; background:rgba(255,255,255,.13); position:absolute; right:0; top:0;}
.hot_right_list ul li .time:after{ content:""; display:block; width:10px; height:10px; border-radius:50%; background:#fbd05b; position:absolute; top:2.1rem; right:-5px;}

.hot_right_list ul li .txt{ border-bottom:1px solid #4e4e51; height:100%; padding-left:86px; padding-top:1.87rem; padding-bottom:1.87rem; padding-right:15px;}
.hot_right_list ul li .tt{ position:relative;}
.hot_right_list ul li .tt h5{ font-size:1rem; line-height:1.375rem; height:2.75rem; white-space:normal; margin-right:50px;}
.hot_right_list ul li .txt p{ font-size:12px; color:rgba(255,255,255,.55); margin-top:10px; line-height:1.3rem;}
.hot_right_list ul li:hover{ background:#3f4044;}
.tag02{ position:absolute; top:0; right:0; font-size:11px; height:18px; overflow:hidden; padding-left:16px;}
.tag02 font{ width:45px; height:18px; line-height:18px; text-align:center; display:block; background:#f75757; position:relative;}
.tag02 font:before{ content:""; display: inline-block; border:6px solid transparent;border-left:8px solid transparent; border-right:8px solid #f75757; position:absolute; bottom:-8px; left:-16px;}
.tag02.gray font{ background:#a9a9a9; }
.tag02.gray font:before{ border-right:8px solid #a9a9a9;}

/*浼氬鍘?/

#n_huike{ background:#f4f4f4; width:100%; overflow:hidden;}
#n_huike .hd{ width:100%; max-width:1028px; margin:0 auto; overflow:hidden; height:5rem; margin-bottom:1.875rem; background:#fff;}
#n_huike .hd ul{ float:left; }
#n_huike .hd ul.all{ display:inline-block; width:auto;}
#n_huike .hd ul li{ padding:0 2rem; height:5rem; line-height:5rem; display:inline-block; cursor:pointer;}
#n_huike .hd ul li span{ white-space:nowrap; display:block; font-size:1.125rem; color:#2d2d2d; position:relative; display:block; height:100%; overflow:hidden;}
#n_huike .hd ul li span:before{ content:""; display:block; width:100%; height:2px; background:#fac943; position:absolute; left:0; bottom:0; opacity:0; transition:.4s;}
#n_huike .hd ul li span:after{content:""; display:block; border:5px solid transparent; border-bottom:7px solid #fac943; position:absolute; left:50%; margin-left:-5px; bottom:-7px; opacity:0; transition:.4s;}
#n_huike .hd ul li:hover span:before{ opacity:1;}
#n_huike .hd ul li:hover span:after{ opacity:1; bottom:0px;}
#n_huike .hd ul li.slick-current span:before{ opacity:1;}
#n_huike .hd ul li.slick-current span:after{ opacity:1; bottom:0px;}
#n_huike .bd{ width:100%; max-width:1028px; margin:0 auto; }
#n_huike .bd ul li{}
#n_huike .bd ul li .box{ position:relative;}
#n_huike .bd ul li .tag{ color:#292929; font-size:1.125rem; position:absolute; top:2rem; left:0; background:#fac943; height:3.125rem; line-height:3.125rem; padding:0 1.5rem; z-index:99;}
#n_huike .bd ul li .img{}
#n_huike .bd ul li .img img{}
#n_huike .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); top:40%; background-size:.9rem !important;
	display:block;border-radius:50%;
    width: 3.1rem;
    height: 3.1rem;}
#n_huike .slick-arrow:before{ display:block; content:"";border:1px solid #c3c3c3; opacity:1;}
#n_huike .slick-arrow:hover:before{ opacity:0;}
#n_huike .slick-prev{ left:-6rem;
	background:url(../fonts/left_gray.svg) center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
#n_huike .slick-next{ right:-6rem;
	background:url(../fonts/right_gray.svg) center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
#n_huike svg.drawcircle circle {
	stroke-dasharray: 0 , 76.5;
	stroke-dashoffset:38.25;
	transition: all .3s linear 0s;	
}
#n_huike .draw_h:hover svg.drawcircle circle { 

	stroke-dasharray:76.5 , 0;
	stroke-dashoffset:38.25;
	-webkit-transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
}
#n_huike .slick-prev:hover{
	background:url(../fonts/left_yellow.svg) center no-repeat;
	}
#n_huike .slick-next:hover{
	background:url(../fonts/right_yellow.svg) center no-repeat;
	}

#n_huoban{ width: 100%; overflow: hidden; }
#n_huoban ul{ margin:0 -.5rem;}
#n_huoban ul li .box{ display: block; padding: .5rem;}
#n_huoban ul li .pic{ text-align: center; height: 12.5rem; display: table; width: 100%; background: #fff; border:1px solid #e2e2e2; overflow:hidden;}
#n_huoban ul li .pic img{ margin:0 auto; transition:1s;}
#n_huoban ul li .pic:hover img{ transform:scale(1.1);}

#n_yinxiang{ width:100%; overflow:hidden;}
#n_yinxiang ul{}
#n_yinxiang ul li{margin-bottom: 5px;width:  50%;float:  left;padding: 9px;}
#n_yinxiang ul li .box{ position: relative; display:block;}
#n_yinxiang ul li .img{ position:relative; overflow: hidden;}
#n_yinxiang ul li .img>img{ width:100%; transition:1s;}
#n_yinxiang ul li:hover .img>img { transform:scale(1.05);}
#n_yinxiang ul li .txt .j_tab{table-layout: fixed}
#n_yinxiang ul li .txt{ position:absolute; bottom:0; left:0;  background:rgba(6, 6, 6,.55); padding:0 1.8rem; width:100%; height:4.375rem; font-size:.875rem; color:#ffffff; line-height:1.7; transition:.7s;}
#n_yinxiang ul.ul_1 li.li_1 .txt p,#n_yinxiang ul.ul_2 li.li_3 .txt p{ font-size:1rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#n_yinxiang ul.ul_1 li.li_1 .txt,#n_yinxiang ul.ul_2 li.li_3 .txt{ height:50px;}
#n_yinxiang ul.ul_1 li.li_1,#n_yinxiang ul.ul_2 li.li_3{
    width:  100%;
}
#n_yinxiang ul li .img:hover .txt{ top:0; background:rgba(182, 152, 95, .9);}
#n_yinxiang .tag{ color:#333333; font-size:.875rem; position:absolute; top:2rem; left:0; width:67px; text-align:center; background:#fac943; height:2.5rem; line-height:2.5rem; z-index:99; border-radius:0 1.25rem 1.25rem 0;}
#n_yinxiang .tag.red{ color:#fff; background:#f75757;}

#n_yinxiang .mask{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.3);}
#n_yinxiang .mask i{ width:55px; height:55px; border-radius:50%; display:block; cursor:pointer; text-align:center; margin:0 auto; top:50%; margin-top:-27px; opacity:.9; position:relative; z-index:0; 
background:rgba(0,0,0,.1);}
#n_yinxiang .mask i img{ width:3rem; display:inline-block;}

#n_yinxiang .mask i{ position:relative; }
#n_yinxiang .mask i:after,#n_yinxiang .mask i:before { width:100%; height:100%; content:''; display:block;
-webkit-box-sizing:border-box; box-sizing:border-box; position:absolute; top:0; left:0; border-style:solid; border-color:#fff; border-radius:50%; border-width:1px;-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1); transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transition-property:opacity,-webkit-transform; transition-property:opacity,-webkit-transform; transition-property:transform,opacity; transition-property:transform,opacity,-webkit-transform;}
#n_yinxiang .mask i:after { opacity:0; -webkit-transform:scale(.8); transform:scale(.8);}
#n_yinxiang .mask i:hover:after,#n_yinxiang .mask i:hover:before { -webkit-transition-duration:1.2s;transition-duration:1.2s}
#n_yinxiang .mask i:hover:before {opacity:0; -webkit-transform:scale(1.4);transform:scale(1.4);}
#n_yinxiang .mask i:hover:after { opacity:1; -webkit-transform:scale(1); transform:scale(1);}

#n_yinxiang .tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:999999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; overflow: auto; }
#n_yinxiang .tc .tc-box{ max-width:800px; width:90%; margin:0 auto; transform:translateY(-60px); transition:.7s ease-in-out;}
#n_yinxiang .tc.act .tc-box{ transform:translateY(0);}
#n_yinxiang .tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto;}
#n_yinxiang .tc_video_xq{ width:100%; height:0; box-sizing: content-box; padding-bottom: 56%; position: relative; 
   margin:0 auto; display: block; position:relative; z-index:1; }
#n_yinxiang .tc_video_xq .video-js{ position:absolute; width:100%; height:100%; left:0; top:0;}
#n_yinxiang .tc.act .tc_video_xq{ transform:scale(1);}
#n_yinxiang .tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:22px; right: -3rem; top: -2rem; z-index:999; width:1.5rem; height:1.5rem; transition:1s; font-size:0; }
#n_yinxiang .tc_close img{}
#n_yinxiang .tc_close:hover{ transform:rotate(180deg);}
.vjs-poster{ display:none !important;}
#n_yinxiang .video-js .vjs-tech{ height:auto;}
video{
    object-fit:fill;  
}

#n_huodong_prev{ border-top:1px solid #e6e6e6; width:100%; overflow:hidden;}
#n_huodong_prev ul{ margin:0 -1.25rem;}
#n_huodong_prev ul li{  }
#n_huodong_prev ul li .box{ margin:1.25rem; display: block; }
#n_huodong_prev ul li .img{}
#n_huodong_prev ul li .img img{ width:100%; transition:1s;}
#n_huodong_prev ul li:hover .img img{ transform:scale(1.05);}
#n_huodong_prev ul li .txt{ line-height:1.5; padding-top:1.5rem;}
#n_huodong_prev ul li .txt h5{ font-size:1.25rem; color:#404042; margin-bottom:.8rem; transition:.5s;}
#n_huodong_prev ul li:hover .txt h5{ color:#fac943;}
#n_huodong_prev ul li .txt p{ font-size:.875rem; color:#818285; line-height:1.75rem; height:3.5rem; overflow:hidden;}

#huodong_coop{ width:100%; overflow:hidden; background:url(../images/huodong_coop_bg.jpg) center no-repeat; background-attachment:fixed; background-size:cover;}
#huodong_coop ul{ text-align:center; font-size:0; padding-top:1rem;}
#huodong_coop ul li{ color:#fff; text-align:center; float:left;}
#huodong_coop ul li font{ display:block; width:6.875rem; height:6.875rem; line-height:6.875rem; border-radius:50%; background:#fff; margin:0 auto;}
#huodong_coop ul li font img{ max-width:2rem; max-height:2rem; vertical-align:middle; display:inline-block;}
#huodong_coop ul li h5{ font-size:1.25rem; margin-top:1.7rem; margin-bottom:.8rem; text-transform:uppercase;}
#huodong_coop ul li .con{ position:relative;border:1px solid #bbb; border-top:0; max-width:13.125rem; margin:0 auto; height:6rem; margin-top:2rem;}
#huodong_coop ul li .con:before {
    content: "";
    position: absolute;
    top: -7px;
    left: 50%; margin-left:-15px;
    height: 1px;
    width: 18px;
    border-top: 1px solid #bbb;
    z-index: -1;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
#huodong_coop ul li .con:after {
    content: "";
    position: absolute;
    top: -7px;
    right: 50%; margin-right:-15px;
    height: 1px;
    width: 18px;
    border-top: 1px solid #bbb;
    z-index: -1;
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
}
#huodong_coop ul li .con .j_tab:before{content: "";
    position: absolute;
    top: 0;
    left: 0; 
    height: 1px;
    width: calc(50% - 12px);
    border-top: 1px solid #bbb;
    z-index: -1;
}
#huodong_coop ul li .con .j_tab:after{content: "";
    position: absolute;
    top: 0;
    right: 0; 
    height: 1px;
    width: calc(50% - 12px);
    border-top: 1px solid #bbb;
    z-index: -1;
}

#huodong_coop ul li p{ font-size:.875rem; line-height:1.25rem;padding:0 1.5rem;  }
#huodong_coop ul li:hover font{ background:#fac943;}
#huodong_coop ul li:hover font img{ animation:huadong3 .7s ease-in-out;}
@-webkit-keyframes huadong3 {
	0% { transform:translateX(0); opacity:1;}
	50%{ transform:translateX(-100%); opacity:0;}
	51%{ transform:translateX(100%); opacity:0;}
	100% { transform:translateX(0); opacity:1;}
}

@keyframes huadong3 {
	0% { transform:translateX(0); opacity:1;}
	50%{ transform:translateX(-100%); opacity:0;}
	51%{ transform:translateX(100%); opacity:0;}
	100% { transform:translateX(0); opacity:1;}
}

/*鐗堝浘璇︽儏*/
#xq_box1{ width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5;}
#xq_box1 .txt{ max-width:620px;}
#xq_box1 .txt .tt{ font-size:1.5rem; padding-bottom:1.7rem; margin-bottom:1.3rem; border-bottom:1px solid #e5e5e5;}
#xq_box1 .txt ul{ padding-left:25px;}
#xq_box1 .txt ul li{ line-height:2rem; font-size:.875rem; color:#818181; position: relative;}
#xq_box1 .txt ul li .h5{line-height:2rem; color:#4e4e4e; font-size:.875rem;}
#xq_box1 .txt ul li .ico{ max-width:16px; max-height:16px; position: absolute; left:-25px; top:.4rem;}
#xq_box1 .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-1.4rem; border-radius:50%; transform:translate(0,0); opacity:1;
	display:block; width: 2.8rem; height: 2.8rem; border:1px solid rgba(255,255,255,.5); background-size:16px !important;}
#xq_box1 .slick-prev{ left:25px;background:url(../images/left_white.svg) center no-repeat rgba(0,0,0,.4);
	transition:300ms;-webkit-transition:300ms;}
#xq_box1 .slick-next{ right:25px; background:url(../fonts/right_white.svg) center no-repeat rgba(0,0,0,.4);
	transition:300ms;-webkit-transition:300ms;}
.slick-prev:before, .slick-next:before{ display:none;}

#ruzhu_qiye{ overflow:hidden; background:#f5f5f7; width:100%; }	
#ruzhu_qiye .s_tt p{ width:auto;}
#ruzhu_qiye ul{ margin-top:-2rem;}
#ruzhu_qiye ul li{ float:left; text-align:center; margin-top:2.8rem;}
#ruzhu_qiye ul li .box{ display:block;}
#ruzhu_qiye ul li .img{width:10.3rem; height:10.3rem; margin:0 auto; border-radius:50%; overflow:hidden; margin:0 auto;  transition:.5s; position:relative; border:1px solid #eaeaeb; background:#fff;}
#ruzhu_qiye ul li .img img{ transition:1s;}

#ruzhu_qiye ul li .mask{position:absolute; z-index:1; width:100%; height:100%; left:0; top:0;  }
#ruzhu_qiye ul li .mask:before{ content:""; display:block;position:absolute; z-index:-1; width:100%; height:100%; left:0; top:-100%; background:#fac943;transition:.5s;}
#ruzhu_qiye ul li .mask p{ font-size:1rem; color:#2e2e2e; transform:translateY(20px);transition:.5s; opacity:0;}
#ruzhu_qiye ul li:hover .mask:before{ top:0; }
#ruzhu_qiye ul li:hover .mask p{ transform:translateY(0px); opacity:1;}

#yuanqu_peitao{ width:100%; overflow:hidden;}
#yuanqu_peitao .tt{ font-size:1.5rem; color:#000; margin-bottom:2rem;}
.pubuliu{ margin-bottom:3rem;}
.chrg-item{ max-width:310px;}
.chrg-item img{  }
.chrg-description {
font-size: 1em; color:#fff; position:absolute; width:100%; height:3rem; line-height:3rem; left:0; bottom:0; padding:0 15px; transition:.3s;  
	background: linear-gradient(top, transparent, #111);
    background: -o-linear-gradient(top, transparent, #111);
    background: -ms-linear-gradient(top, transparent, #111);
    background: -webkit-linear-gradient(top, transparent, #111);
    background: -moz-linear-gradient(top,transparent, #111);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#111));
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#000000, endColorStr=#111111);
}


#n_peitao{ background:#f5f5f7; width:100%; overflow:hidden;}
#n_peitao .tt{font-size:1.5rem; color:#000;}
#n_peitao .hd{ margin-top:2.5rem; margin-bottom:2.5rem;}
#n_peitao .hd ul{}
#n_peitao .hd ul li{}
#n_peitao .hd ul li span{ display:block; width:8.125rem; height:2.625rem; line-height:2.625rem; position:relative; z-index:1; overflow:hidden; border:1px solid #cecece; font-size:1rem; color:#000; text-align:center; border-radius:22px; }
#n_peitao .hd ul li span:before{ content:""; display:block; width:0; height:100%;  position:absolute; z-index:-1; left:0; top:0; transition:.3s; }
#n_peitao .hd ul li.slick-current span:before{ width:100%; color:#fff;}
#n_peitao .hd ul li.slick-current span{ border:1px solid #283d5c;}
#n_peitao .bd{}
#n_peitao .bd ul{}
#n_peitao .bd ul li{ padding:5px;}
#n_peitao .bd ul li .box{ display:block; width:100%; max-width:409px; margin:0 auto;}
#n_peitao .bd ul li .img{}
#n_peitao .bd ul li .img img{ width:100%;}
#n_peitao .bd ul li h5{ font-size:1rem; color:#000; text-align:center; background:#fff; line-height:3.5rem;}


#xiangshou_zhengce{ width:100%; overflow:hidden; border-bottom:1px solid #e3e3e3;}
#xiangshou_zhengce ul{}
#xiangshou_zhengce ul li{ margin-top:1rem;}
#xiangshou_zhengce ul li .box{ height:8.4rem; text-align:center; border-radius:5px; background:#f5f5f7; padding:0 2rem; position:relative; z-index:1; overflow:hidden;}
#xiangshou_zhengce ul li p{ font-size:1.125rem; color:#373737; line-height:1.75rem;}
#xiangshou_zhengce ul li .box:before{ content:""; display:block; width:0; height:100%; background:#fac943; position:absolute; z-index:-1; right:0; top:0; transition:.3s;}
#xiangshou_zhengce ul li .box:hover:before{ width:100%; left:0; right:auto;}


#n_zizhi{ width:100%; overflow:hidden; }
#n_zizhi ul{ }
#n_zizhi ul li{ padding:0 1rem;}
#n_zizhi ul li .box{ width:90%; max-width:380px;}
#n_zizhi ul li .pic{background:#f0f0f0;width:100%;text-align:center;padding:1.5rem 0;height: 17.5rem;overflow:hidden;}
#n_zizhi ul li .pic .j_tab{table-layout: fixed;}
#n_zizhi ul li .pic img{ display:inline-block; max-height:15rem;}
#n_zizhi ul li h5{ text-align:left; font-size:1.06rem; color:#575757; line-height:3; margin-top:.5rem;}
#n_zizhi ul li i{ display:block; width:15px; height:2px; background:#575757; position:relative; z-index:1; overflow:hidden;}
#n_zizhi ul li i:before{ content:""; display:block; width:0; height:100%; background:#fac943; position:absolute; z-index:-1; right:0; top:0; transition:.3s;}
#n_zizhi ul li:hover i:before{ width:100%; left:0; right:auto;}
#n_zizhi .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); top:30%; background-size:.9rem !important;
	display:block;border-radius:50%;
    width: 3.1rem;
    height: 3.1rem;}
#n_zizhi .slick-arrow:before{ display:block; content:"";border:1px solid #c3c3c3; opacity:1;}
#n_zizhi .slick-arrow:hover:before{ opacity:0;}
#n_zizhi .slick-prev{ left:-4rem;
	background:url(../fonts/left_gray.svg) center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
#n_zizhi .slick-next{ right:-4rem;
	background:url(../fonts/right_gray.svg) center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
#n_zizhi svg.drawcircle circle {
	stroke-dasharray: 0 , 76.5;
	stroke-dashoffset:38.25;
	transition: all .3s linear 0s;	
}
#n_zizhi .draw_h:hover svg.drawcircle circle { 

	stroke-dasharray:76.5 , 0;
	stroke-dashoffset:38.25;
	-webkit-transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
}
#n_zizhi .slick-prev:hover{
	background:url(../fonts/left_yellow.svg) center no-repeat;
	}
#n_zizhi .slick-next:hover{
	background:url(../fonts/right_yellow.svg) center no-repeat;
	}


/*绌轰綑闈㈢Н*/
#n_kongyu{ width:100%; overflow:hidden; }
#n_kongyu ul{ }
#n_kongyu ul li{ padding:0 1rem;}
#n_kongyu ul li .box{ width:90%; max-width:380px;}
#n_kongyu ul li .pic{background:#f0f0f0;width:100%;text-align:center;padding:1.5rem 0;height: 17.5rem;overflow:hidden;}
#n_kongyu ul li .pic .j_tab{table-layout: fixed;}
#n_kongyu ul li .pic img{ display:inline-block; max-height:15rem;}
#n_kongyu ul li h5{ text-align:left; font-size:1.06rem; color:#575757; line-height:3; margin-top:.5rem;}
#n_kongyu ul li i{ display:block; width:15px; height:2px; background:#575757; position:relative; z-index:1; overflow:hidden;}
#n_kongyu ul li i:before{ content:""; display:block; width:0; height:100%; background:#fac943; position:absolute; z-index:-1; right:0; top:0; transition:.3s;}
#n_kongyu ul li:hover i:before{ width:100%; left:0; right:auto;}
#n_kongyu .slick-arrow{ z-index:99; position:absolute; transform:translate(0,0); top:30%; background-size:.9rem !important;
	display:block;border-radius:50%;
    width: 3.1rem;
    height: 3.1rem;}
#n_kongyu .slick-arrow:before{ display:block; content:"";border:1px solid #c3c3c3; opacity:1;}
#n_kongyu .slick-arrow:hover:before{ opacity:0;}
#n_kongyu .slick-prev{ left:-4rem;
	background:url(../fonts/left_gray.svg) center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
#n_kongyu .slick-next{ right:-4rem;
	background:url(../fonts/right_gray.svg) center no-repeat;
	transition:300ms;
	-webkit-transition:300ms;
	}
#n_kongyu svg.drawcircle circle {
	stroke-dasharray: 0 , 76.5;
	stroke-dashoffset:38.25;
	transition: all .3s linear 0s;	
}
#n_kongyu .draw_h:hover svg.drawcircle circle { 

	stroke-dasharray:76.5 , 0;
	stroke-dashoffset:38.25;
	-webkit-transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .5s cubic-bezier(0.11, 0.57, 0.58, 1);
}
#n_kongyu .slick-prev:hover{
	background:url(../fonts/left_yellow.svg) center no-repeat;
	}
#n_kongyu .slick-next:hover{
	background:url(../fonts/right_yellow.svg) center no-repeat;
	}

#n_kongyu ul li p{ line-height:1.5; font-size:.875rem; margin-top:1rem;}

#n_lianxi_bot{ background:#f5f5f7; width:100%; overflow:hidden;}
#n_lianxi_bot ul{max-width:100%;margin:0 auto;text-align: center;font-size: 0;}
#n_lianxi_bot ul li{width:25%;display: inline-block;text-align:center;vertical-align: top;}
#n_lianxi_bot ul li .box{}
#n_lianxi_bot ul li font{ width:6.56rem; height:6.56rem; border-radius:50%; line-height:6.56rem; text-align:center; border:1px solid #d2d2d2; display:block; margin:0 auto; transition:.3s;}
#n_lianxi_bot ul li font img{max-width: 3rem;max-height: 3rem;vertical-align:middle;transition:.3s;}
.n_dangan01 ul{text-align: left !important;}
#n_lianxi_bot ul li font svg{ max-width:2.5rem; max-height:2.5rem; vertical-align:middle; transition:.3s;}
#n_lianxi_bot ul li h5{font-size:.9375rem;color:#525252;margin-top:1.4rem;margin-bottom:.6rem;white-space: normal;line-height: 20px;height: 40px;padding: 0 10px;}
#n_lianxi_bot ul li p{ font-size:.9375rem; color:#000;}
#n_lianxi_bot ul li:hover font svg{  -webkit-animation: doudong 1s; -moz-animation: doudong 1s; animation: doudong 1s;}


.btn_flashcenter {  position: relative; overflow: hidden; transition: 0.52s; }
.btn_flashcenter:hover { box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225); }
.btn_flashcenter .anim { -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); position: absolute; top: 50%; left: 50%; }
.btn_flashcenter .anim:before { position: relative; content: ''; display: block; margin-top: 100%; }
.btn_flashcenter .anim:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; }
.btn_flashcenter:hover .anim { -moz-animation: anim-out 0.75s; -webkit-animation: anim-out 0.75s; animation: anim-out 0.75s; }
.btn_flashcenter:hover .anim:after { -moz-animation: anim-out-pseudo 0.75s; -webkit-animation: anim-out-pseudo 0.75s; animation: anim-out-pseudo 0.75s; }


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

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

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

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

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

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

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

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





.ui-dark-background {
    background: #191b1d;
}


.page-transition-content {
	position: fixed!important;
	left: 0!important;
	top: 0;
	width: 100vw!important;
	min-height: 100vh!important;
	z-index: 12!important
}
.page-transition-overlay {
	position: fixed;
	z-index: 13;
	left: 0;
	top: 0;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	contain: strict;
	transform: translateY(0);
	will-change: transform
}
.is-mac .page-transition-overlay {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.page-transition-overlay__content {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	contain: strict;
	transform: translateY(0);
	will-change: transform
}
.is-mac .page-transition-overlay__content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.page-transition-overlay__a, .page-transition-overlay__b {
	position: absolute;
	overflow: hidden;
	left: 50%;
	top: 50%;
	margin: -82px 0 0 -82px;
	transform: rotate(0deg);
	transform-origin: center;
	-webkit-animation: page-transition-a 3s linear infinite;
	animation: page-transition-a 3s linear infinite;
	will-change: transform;
	pointer-events: none
}
.page-transition-overlay__a svg, .page-transition-overlay__b svg {
	display: block
}
.page-transition-overlay__b {
	-webkit-animation-name: page-transition-b;
	animation-name: page-transition-b
}
@-moz-document url-prefix() {
.is-mac .page-transition-overlay__a svg {
display:none
}
.is-mac .page-transition-overlay__a:before {
content:"";
display:block;
width:164px;
height:164px;
background:url(../images/loader-fallback-top.png) 0 0 no-repeat;
background-size:cover
}
}
@-moz-document url-prefix() {
.is-mac .page-transition-overlay__b svg {
display:none
}
.is-mac .page-transition-overlay__b:before {
content:"";
display:block;
width:164px;
height:164px;
background:url(../images/loader-fallback-bottom.png) 0 0 no-repeat;
background-size:cover
}
}
.no-js .page-transition-overlay {
	pointer-events: none;
	-webkit-animation: fade-out 1s cubic-bezier(.745, .065, .17, 1);
	animation: fade-out 1s cubic-bezier(.745, .065, .17, 1);
	/*-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards*/
}
@-webkit-keyframes page-transition-a {
0% {
transform:rotate(0deg)
}
to {
	transform: rotate(1turn)
}
}
@keyframes page-transition-a {
0% {
transform:rotate(0deg)
}
to {
	transform: rotate(1turn)
}
}
@-webkit-keyframes page-transition-b {
0% {
transform:rotate(0deg)
}
to {
	transform: rotate(-1turn)
}
}
@keyframes page-transition-b {
0% {
transform:rotate(0deg)
}
to {
	transform: rotate(-1turn)
}
}
.animation--overlay-in, .animation--overlay-in .page-transition-overlay__content, .animation--overlay-out, .animation--overlay-out .page-transition-overlay__content {
	transition-duration: .8s;
	transition-property: transform;
	will-change: transform
}
.animation--overlay-in--inactive {
	transform: translateY(100%)
}
.animation--overlay-in--inactive .page-transition-overlay__content, .animation--overlay-out--active {
	transform: translateY(-100%)
}
.animation--overlay-out--active .page-transition-overlay__content {
	transform: translateY(100%)
}
@-webkit-keyframes fade-out {
0% {
opacity:1
}
to {
	opacity: 0
}
}
@keyframes fade-out {
0% {
opacity:1
}
to {
	opacity: 0
}
}

.tc_btn{ cursor:pointer;}
#tc_ewm{ width:340px; margin:0 auto; max-width:90%; padding:3rem 2rem 1rem; background:#fac943; position:relative; transform:translateY(-100px); transition:.5s .5s ease-out;  z-index:1;overflow:  hidden; text-align:center;}
.act #tc_ewm{ transform:translateY(0);  transition:.5s ease-in;}
/*寮圭獥鍐呭鏍峰紡*/
#tc_ewm h5{ font-size:1.5rem; font-weight:bold; margin-bottom:1.5rem;}
#tc_ewm .draw_h:before{ border:1px solid rgba(0,0,0,.3);}
#tc_ewm .draw_h:hover svg.drawcircle circle { stroke:rgba(0,0,0,.5);}
#tc_ewm .draw_h img {position:absolute;top:50%;margin-top: -8px;left:50%;margin-left: -8px;transition:.3s;width: 16px;}
#tc_ewm .ewm{ display:inline-block; width:110px; margin:0 10px 20px;}
#tc_ewm .ewm p{ margin-top:10px; font-size:.9rem;}
.chroma-screen{ display:none;}

#n_dangan01 ul{ font-size:0; margin:0 -15px;}
.n_dangan01 ul li{ margin-bottom:2rem}
#n_dangan01 ul li .img{display: inline-block;width: 9.68rem;height: 9.68rem;line-height: 9.68rem;background:#fff;border: 1px solid #e9e9ea;border-radius: 50%;text-align: center;}
#n_dangan01 ul li .img img{max-width: 5rem;max-height: 5rem;display: inline-block;}
#n_dangan01 ul li .con{display: inline-block;color: #999;font-size: 16px;vertical-align: top;padding: 3rem 2rem;width: calc(100% - 9.68rem);line-height: 24px;}

/*鍒嗛〉鏍峰紡*/
.pagelist{float:left;width:100%;padding-top:30px;}
.pagelist ul{text-align:center;}
.pagelist li{display:inline-block;margin:0 2px;border-bottom: 0px !important;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:6px 15px;}
.pagelist li a:hover{border-color:#283d5c;background:#283d5c;color:#fff;}
.pagelist li.active a{border-color:#283d5c;background:#283d5c;color:#fff;}