/* CSS Document */
@font-face{ font-family:b_MediumItalic; src:url(/static/BarlowCondensed-MediumItalic.ttf);}
@font-face{ font-family:b_BoldItalic; src:url(/static/BarlowCondensed-BoldItalic.ttf);}
@font-face{ font-family:Roboto; src:url(../font/Roboto-Medium-12.ttf);}
@font-face{ font-family:"Roboto Light"; src:url(../font/Roboto-Light-10.ttf);}
@font-face{font-family:"Barlow Condensed"; src:url(../font/BarlowCondensed-Medium.ttf);}
@font-face{font-family:"YouSheBiao TiHei"; src:url(../font/YouSheBiao-TiHei.TTF);}
body{ font-size:100%;line-height:1.1; width:100%; position:relative; background:none; font-family:"微软雅黑","Microsoft YaHei", 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%;}
.img img{ width:100%; 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;}
.m1400{max-width: 1540px; width:100%; height:100%; margin: 0 auto; padding:0 70px; display: block; position:relative;}
.m1600{max-width: 1600px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1689{max-width: 1689px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.m1900{max-width: 1900px; width:100%; height:100%; margin: 0 auto; display: block; position:relative;}
.pad_top{ padding-top:4.06rem;}
.pad_bot{ padding-bottom:4.06rem;}
.margin_top{ margin-top:3rem;}
.margin_bot{ margin-bottom:3rem;}
.pad_aside{ padding-left:45px; padding-right:45px;}
.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:#0081cc;
    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:#0081cc;}

/*===========================header=============================*/

#header{ position: fixed; height:6rem; top:0; z-index:999; width:100%; transition:.6s; background:#fff;box-shadow: 0 1px 1px rgba(0,0,0,.1);}
#header .m1600{ height:100%; position:static;}
.line_bot{ display:block; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.2);}
#header #logo{ }
#logo{ float:left; height:100%;}
#logo img{ max-width:18rem; }
#nav{ float:right;}
#nav ul{ float:left;}
#nav ul li{ float:left; position:relative; z-index:0; height:100%;}
#nav>ul>li>a{ display:block; height:6rem; display:table-cell; vertical-align:middle; padding:0 1.7rem; text-transform:uppercase; overflow:hidden; position:relative; transition:.6s; text-align:center; z-index:1; transition:.8s;}
#nav ul li h3{ font-size:.9375rem; color:#4f4f4f;transition:.8s; margin-bottom:2px; }
#nav ul li span{ font-size:12px; color:#aeaeae; text-transform:uppercase;transition:.8s;}
#nav ul li.on h3{ font-weight:bold;}
#nav ul li a i{ display:inline-block; background:url(/static/image/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%;background:#fff; width: 100%;left:0; z-index: 10000;   visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.2s;}
#nav ul li .sub .box{padding:10px 20px; text-align:center;}
#nav ul li .sub a{padding:0;line-height:2;transition:.3s;font-size: .9rem;color: #666; display:block;}
#nav ul li .sub a:hover{color: #0869ac !important;}
#nav ul li:hover .sub{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; }
#nav>ul>li.on h3,#nav ul li:hover h3{ color:#fff; }
#nav>ul>li.on span,#nav ul li:hover span{ color:#b0b8d6; }
#nav>ul>li>a:after{ content:""; display:block; width:100%; height:0; position:absolute; left:0; background:#0a7eca; bottom:0px; transition:.5s; z-index:-1; }
#nav>ul>li:hover>a:after,#nav ul li.on>a:after{ height:6rem;}

#nav ul li .sublist{ position:fixed; top:6rem; width:100%; left:0; right:0; background:#fff; margin:0;} 
#nav ul li .sublist:before{ content:""; display:block; width:100%; height:1px; background:#e7e7e7;}
#nav ul li .sublist .box{ overflow:hidden; padding:3rem 0; display: flex; flex-wrap: wrap;  }
#nav ul li .sublist .item{ overflow:hidden; text-align:left; width:25%; float:left; display:block; vertical-align:top;}
#nav ul li .sublist .item .img{ width:100px; height:100px; float:left;}
#nav ul li .sublist .item dl{ width:calc(100% - 120px); float:right;}
#nav ul li .sublist .item dl dt a{ font-size:1rem; font-weight:bold; color:#3b3b3d; display:block; border-bottom:1px solid #e9e9e9; padding-bottom:.5rem; margin-bottom:1rem; width:80%;}
#nav ul li .sublist .item dl dd a{ font-size:.875rem; color:#7b7b7e; line-height:1.75rem;} 
 
.md{ position:fixed; top:6rem; width:100%; left:0; right:0; background:#fff; margin:0; padding:2rem 0; z-index:998;   visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.2s; border-bottom:1px solid #f3f3f3;} 
#nav ul li:hover .md{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible; }
.md a{ width:20%; float:left; margin:1rem 0; font-size:.875rem; color:#3b3b3d; font-weight:bold;}
.md a p{ margin-bottom:.8rem;}
.md a img{ width:230px; height:145px;}
.md a:hover{ color:#003399;}


/*改造关于我们*/
.n_about .fl01{ padding:5rem 0; overflow: hidden;}
.n_about .fl01 .m1400{ display:flex; flex-wrap:wrap; max-width:1540px;}
.n_about .fl01 .m1400 .left{ width:32.5%}
.n_about .fl01 .m1400 .left h3{ font-family:BEBAS; font-size:2.375rem; color:#001f86}
.n_about .fl01 .m1400 .left h5{ font-size:1.5rem; color:#414141; font-weight:600; margin:.5rem 0 0}
.n_about .fl01 .m1400 .right{ width:calc(100% - 32.5%)}

.list_box_10{display:flex;width:42.75rem;justify-content:space-between;padding:0 1.25rem;margin:3.25rem 0 0;max-width: 100%;}
.list_box_10 li{ text-align:center}
.list_box_10 li h6{ font-size:.875rem; color:#565656; line-height:1.5}
.list_box_10 li h3{display:flex;align-items:flex-start;text-align: center;justify-content: center;}
.list_box_10 li h3 big{ font-family:BEBAS; font-size:2.75rem; color:#001f86; line-height:1.5}
.list_box_10 li h3 small{font-size:1.125rem;color:#001f86;line-height:1.5;font-weight: bolder;margin-left: .5rem;}

.n_about .fl02{ position: relative;}
.n_about .fl02:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/static/image/n_about_fl03_bg1.png) center bottom no-repeat; background-size: 100% auto;}
/*.n_about .fl02 .img .img_hezi{ padding-bottom: 42.60% !important;}*/

.n_about .fl03{background: url(/static/image/n_about_fl03_bg.jpg) center top no-repeat;background-size: 100% 100%;padding: 0 0 6.25rem;overflow: hidden;}


ul#n_team{font-size:0;margin: 0 -10px;margin-bottom: -3.5rem;}
ul#n_team li{display:inline-block;width:25%;text-align:center;margin-bottom: 3.5rem;padding: 0 10px;overflow:hidden;}
ul#n_team li:nth-child(3n){ border-right:none;}
ul#n_team li a{ display:block}
ul#n_team li a>.img,ul#n_team li a>.img img{width: 100%;object-fit:cover;overflow:hidden;display:inline-block;/*border-radius:50%;*/position:relative;max-width: 290px;}
ul#n_team li a>.img .top{ position:absolute; top:0; right:0; bottom:0; left:0; transform:translateY(100%); transition:.6s; display: none;}
ul#n_team li a>.img .top h5{ font-size:16px; color:#fff; margin-bottom:12px;}
ul#n_team li a .con h4{display: flex;flex-direction: column;}
ul#n_team li a .con h4 big, ul#n_team li a .con h4{font-size: 1.375rem;color: #434343;}
ul#n_team li a .con h4 big{margin: 1.75rem 0 .75rem;}
ul#n_team li a .con h4 small{font-size: .9375rem;color: #606060;}
ul#n_team li a .con p{ font-size:12px; line-height:22px; color:#8a8a8a; margin-bottom:22px}
ul#n_team li .ar_article{ display:none}

ul#n_team li a:hover .con h6 span{ background:#73305e; transform:rotate(180deg); border:#73305e 1px solid; color:#fff}
.title002 {
    margin-bottom: 3.75rem;
}
.title002 h3 {
    font-size: 2rem;
    color: #303131;
    font-weight: bold;
}

.title002 p {
    font-size: .9375rem;
    color: #5b5b5b;
    line-height: 1.875rem;
    margin: 1.75rem 0 0;
}

.n_licheng .fl01 {
	background: url(/static/image/n_licheng_fl01_bg.jpg) center no-repeat;
	height: 31.25rem;
	background-size: cover;
}
.n_licheng .fl01 .m1400 {
	padding: 9.125rem 0 0 6.25rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.title003 h3 {
	font-size: 2.625rem;
	color: #fff;
	line-height: 1;
	text-transform: uppercase;
	font-family: BarlowCondensed-Regular;
}
.title003 h4 {
	font-size: 2rem;
	color: #fff;
	font-weight: 600;
	margin: 1rem 0 0;
}

.n_licheng .fl01 .miso_hd {
	width: 74%;
	align-self: flex-end;
	padding: 0 7%;
}

.n_licheng .fl01 .miso_hd .miso-list {padding-bottom: 50px;margin-bottom: -50px;}

.n_licheng .fl01 .miso_hd li {
	position: relative;
	text-align: center
}

.n_licheng .fl01 .miso_hd li:before {
	content: "";
	position: absolute;
	width: 21px;
	height: 0;
	background: url(/static/image/jiantou.png) center no-repeat;
	border-radius: 50%;
	left: 50%;
	margin-left: -11px;
	bottom: -32px;
	transition: 0.6s;
	overflow: hidden;
}

.n_licheng .fl01 .miso_hd li h4 {
	font-size: 2.625rem;
	color: rgba(255,255,255,0.65);
	text-transform: uppercase;
	position: relative;
	padding-bottom: 48px;
	font-family: 'BarlowCondensed-Medium';
}

.n_licheng .fl01 .miso_hd li h4:before {
	content: "";
	position: absolute;
	width: 24px;
	height: 24px;
	background: #ffffff;
	border-radius: 50%;
	left: 50%;
	margin-left: -12px;
	bottom: -12px;
	transform: scale(0);
	transition: 0.6s;
}

.n_licheng .fl01 .miso_hd li h4:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	background: #001f86;
	border-radius: 50%;
	left: 50%;
	margin-left: -6px;
	bottom: -6px;
	transform: scale(0);
	transition: 0.6s;
}

.n_licheng .fl01 .miso_hd .miso-prev, .n_licheng .fl01 .miso_hd .miso-next {
	width: 60px;
	height: 60px;
	left: -285px;
	top: 22px;
}

.n_licheng .fl01 .miso_hd .miso-prev {
	background: url(/static/image/left03.png) center no-repeat;
}

.n_licheng .fl01 .miso_hd .miso-next {
	background: url(/static/image/right03.png) center no-repeat;
	left: -205px;
}

.n_licheng .fl01 .miso_hd li.miso-current h4 {
	color: #fff
}

.n_licheng .fl01 .miso_hd li.miso-current:before {
	height: 10px;
}

.n_licheng .fl01 .miso_hd li.miso-current h4:before {
	transform: scale(1)
}

.n_licheng .fl01 .miso_hd li.miso-current h4:after {
	transform: scale(1)
}

.n_licheng .fl02 {
	overflow: hidden;
	position: relative;
}

.n_licheng .fl02 .miso_bd h4 {
	float: left;
	font-size: 5.5rem;
	color: #001f86;
	text-transform: uppercase;
	padding: 70px 0;
	padding-left: 6.25rem;
	font-family: BarlowCondensed-Medium;
}

.n_licheng .fl02 .miso_bd .right {
	width: 74%;
	border-left: #dedede 2px solid;
	padding: 80px 0;
	padding-left: 30px;
	min-height: 228px;
}

.n_licheng .fl02 .miso_bd .right p {
	font-size: 18px;
	line-height: 1.875rem;
	color: #6e6e6e;
	position: relative;
	margin-bottom: 1.25rem;
}

.n_licheng .fl02 .miso_bd .right p:before {
	content: "";
	position: absolute;
	left: -25px;
	width: 10px;
	height: 2px;
	top: 50%;
	margin-top: -1px;
	background: #dedede;
}

.n_licheng .fl02 .miso_bd .right p:after {
	content: "";
	position: absolute;
	left: -38px;
	width: 10px;
	height: 10px;
	top: 50%;
	margin-top: -7px;
	background: #fff;
	border: #dedede 2px solid;
	border-radius: 50%;
}

.title004{ margin-bottom:3rem; text-align:center}

.title004 h3{ font-size:2.5rem; color:#303131; font-weight:600}

.img_zd {
    position: relative;
    width: 100%;
}

.slow {
    overflow: hidden;
}

/*Slider 开始*/
.miso_qh{ opacity:0; visibility:hidden; transition:0.6s}
.miso_qh.miso-initialized{ opacity:1; visibility:visible;}
.miso-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:0}
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; min-width: 100%;}
.miso-list:focus{outline: none;}
.miso-list.dragging{ cursor: pointer; cursor: hand;}
.miso-slider .miso-track{ min-width:100%}
.miso-slider .miso-track,
.miso-slider .miso-list{ -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.miso-track {position: relative;left: 0;top: 0;display:inline-block;zoom: 1;margin-left: auto;margin-right: auto;vertical-align: top;}
.miso-track:before,
.miso-track:after{ display: table; content: '';}
.miso-track:after{ clear: both;}
.miso-loading .miso-track{ visibility: hidden;}
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; -moz-user-select:text; -khtml-user-select: text; user-select:text;}
[dir='rtl'] .miso-slide{ float: right;}
.miso-slide img{ display: block;}
.miso-slide.miso-loading img{ display: none;}
.miso-slide.dragging img{ pointer-events: none;}
.miso-initialized .miso-slide{ display: block;}
.miso-loading .miso-slide{ visibility: hidden;}
.miso-vertical .miso-slide{ display: block; height: auto;}
.miso-arrow.miso-hidden {display: none;}

.miso-loading .miso-list{ background: #fff url('../images/ajax-loader.gif') center center no-repeat;}
.miso-prev,
.miso-next{font-size: 0;line-height: 0;  position: absolute; top: 50%; display: block; width: 20px; height: 20px;padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}
.miso-prev:hover,
.miso-prev:focus,
.miso-next:hover,
.miso-next:focus{ color: transparent; outline: none; background: transparent;}
.miso-prev:hover:before,
.miso-prev:focus:before,
.miso-next:hover:before,
.miso-next:focus:before{ opacity: 1;}
.miso-prev.miso-disabled:before,
.miso-next.miso-disabled:before{ opacity: .25;}

.miso-prev:before,
.miso-next:before{ font-size:2rem; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight:bold; cursor:pointer}

.miso-prev{ left: 0px;}
[dir='rtl'] .miso-prev{ right: 0px; left: auto;}
.miso-prev:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-prev:before{ content: ''; font-family:simsun;}

.miso-next{ right: 0px;}
[dir='rtl'] .miso-next{ right: auto; left: 0px;}
.miso-next:before{ content: ''; font-family:simsun;}
[dir='rtl'] .miso-next:before{ content: ''; font-family:simsun;}

/* Dots */
.miso-dots { position: absolute; bottom:0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus{ outline: none; }
.miso-dots li.miso-active a{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size:0; cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%;z-index: 1;}
.miso-prev{ left:0}
.miso-next{ right:0}
.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:32px; height:32px; display:block}
.miso-lightbox .miso-prev:before{ content: ''; background: url(../images/left_svg.svg) center no-repeat;}
.miso-lightbox .miso-next:before{ content: ''; background: url(../images/right_svg.svg) center no-repeat;}
@media(max-width: 768px){
	.miso-prev, .miso-next{ width:20px; height:20px;}
	.miso-lightbox .miso-prev:before,.miso-lightbox .miso-next:before{ width:20px; height:20px; background-size:20px 20px}
} 
/*Slider 结束*/

.list_box_huoban{ display:flex; flex-wrap:wrap; margin-top:50px;}
.list_box_huoban li{ width:20%; text-align:center;}
.list_box_huoban li .img{ display:inline-block; width:165px; max-width:90%}
.list_box_huoban li .img .img_hezi{ padding-bottom:100% !important}
.img_zd>img {
    /*position: absolute;*/
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list_box_xuanchuan{ display:flex; flex-wrap:wrap; margin:50px -2.4375rem}
.list_box_xuanchuan li{ padding:0 2.4375rem; width:50%; border-bottom:#f2f2f2 1px solid; margin-bottom:4.375rem}
.list_box_xuanchuan li a{ display:block; position:relative;}
.list_box_xuanchuan li a .img_box{ position:relative}
.list_box_xuanchuan li a .img{ border-radius:11.25rem 0 11.25rem 0}
.list_box_xuanchuan li a .img_hezi{ padding-bottom:56.91% !important}
.list_box_xuanchuan li a .img_box .top{position:absolute;width: 5.625rem;height: 5.625rem;background: #001f86;display:flex;justify-content:center;align-items:center;bottom: 0;right: 1.875rem;border-radius: 50%;transition:.5s;}
.list_box_xuanchuan li a .img_box.top img.img2{ display:none}


.list_box_xuanchuan li a .con .time{height:36px;line-height:36px;background:rgba(255,255,255,.9);font-size:.875rem;color: #2f343d;transition:.5s;border-radius: 18px;}
.list_box_xuanchuan li a .con .time svg{width:14px;height:14px;fill:#9ba7b9;transition:.5s;vertical-align:middle;margin: 0px .5rem 0 0;}
.list_box_xuanchuan li a .con{padding: 1.5rem .25rem 2.375rem;}
.list_box_xuanchuan li a .con h5{font-size: 1.5rem;color: #000000;line-height: 1.5;transition:.5s;} 
.list_box_xuanchuan li a .con span{font-size: .875rem;color: #000000;text-decoration:underline;transition:.5s;}

.list_box_xuanchuan{ margin-bottom:0}
.list_box_xuanchuan li:nth-child(3){ margin-bottom:0; border:none}
.list_box_xuanchuan li:nth-child(4){ margin-bottom:0; border:none}
.list_box_xuanchuan li:nth-child(3){ margin-bottom:0}
.list_box_xuanchuan li:nth-child(4){ margin-bottom:0}



/*改造首页视频*/
.deegao h5 {
    color: #fff;
    font-weight: bold;
    font-size: 3rem;
    line-height: 1.25;
}

.deegao p {
    color: #fff;
    font-size: 1.625rem;
    line-height: 1.25;
    margin: 1.25rem auto;
}

.deegao .mask3 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.deegao .mask3 img {
    animation: rotate0 3s infinite linear;
}


.deegao {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 100px 0;
    
}

.deegao .btn_video2 {
    width: 6.875rem;
    height: 6.875rem;
    position: relative;
    border-radius: 50%;
    display: flex
;
    align-items: center;
    justify-content: center;
}


        .vwrap {
            display:none;
            z-index: 1040000;
            width: 100%;
            position: fixed;
        }

        .vwrap .videobtg {
            z-index: 900;
            position: fixed;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            background: #000;
            opacity: 0.8;
            filter: alpha(opacity=80);
            overflow: hidden;
        }

        .vwrap .videobox {
            z-index: 1200;
            width: 1000px;
            position: fixed;
            left: 50%;
            top: 50%;
            margin-left: -500px;
            object-fit: cover;
            transform: translateY(-50%)
        }

        .vwrap .videobox #videobox {
            width: 100%;
            display: inline-block;
            background: #000;
        }

        .vwrap .videobox #videobox .img_hezi {
            padding-bottom: 60% !important
        }

        .vwrap .videobox #videobox video {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        #videobox_wrapper {
            height: 100% !important;
        }

        .vwrap .close {
            z-index: 999;
            width: 31px;
            height: 31px;
            cursor: pointer;
            position: absolute;
            top: 0px;
            right: -42px;
            text-align: center;
        }

        .vwrap .close i {
            display: block;
            width: 31px;
            height: 31px;
            -webkit-transition: 400ms;
            transition: 400ms;
        }

        .vwrap .close i svg {
            transition: .6s
        }

        .vwrap .close:hover i svg {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }


        @media(max-width: 992px) {
            .vwrap .videobox {
                width: 94%;
                left: 3%;
                margin-left: 0;
            }

            .vwrap .close {
                right: 0;
                top: -35px;
            }

            .vwrap .videobox video {}
        }


@keyframes rotate0 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(359deg); } 
}



 /*顶部搜索*/
.top_search{margin: 0 1.3rem; margin-right:0; width:215px; float:left; height:6rem;}
.top_search form{ height:35px; border-radius:20px; background:#e5e6eb; position:relative; width:100%; }
.top_search #keyword{font-size:.8rem;color:#6d6d6d;height:35px;line-height:35px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width:  100%;}
.top_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(/static/image/search.png) center center no-repeat; }
.top_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.top_search input::-webkit-input-placeholder{ color:#fff; color:#6d6d6d; }
.top_search input::-moz-placeholder{ color:#fff; color:#6d6d6d; }
.top_search input:-moz-placeholder{ color:#fff; color:#6d6d6d; }
.top_search input:-ms-input-placeholder{  color:#fff; color:#6d6d6d; } 
.top_search input:focus::-webkit-input-placeholder {color: transparent; }
.top_search input:focus:-moz-placeholder {color: transparent;} 
.top_search input:focus::-moz-placeholder {color: transparent;} 
.top_search input:focus:-ms-input-placeholder {color: transparent;} 


/*搜索*/
#searchBtn{ height:4.5rem;}
#searchBtn a{ display:block; width:2.625rem; height:2.625rem; line-height:2.2rem; border-radius:50%; border:1px solid #bcbcbc; text-align:center; transition:.3s; overflow:hidden; }
#searchBtn svg{vertical-align:middle; display:inline-block; }
#searchBtn:hover a{ background:#003399; border:1px solid #003399;}
#searchBtn:hover svg{ fill:#fff; animation:huadong .7s;}
@-webkit-keyframes huadong {
    0% { transform:translateY(0); opacity:1;}
    50%{ transform:translateY(-10px); opacity:0;}
    51%{ transform:translateY(10px); opacity:0;}
    100% { transform:translateY(0); opacity:1;}
}

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

.top_menu .ico a{font-size:16px;color:#3c3c3c;text-transform:uppercase;display:  block;width:  100%;height:  40px;line-height: 38px;}
.top_menu .icon{ fill:#626262;vertical-align:middle; }

.tc{ 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:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
#tc_search{ width:100%; padding:3rem; background:#003399; position:relative; transform:translateY(-100%); transition:.5s .5s ease-out;  z-index:1;overflow:  hidden;}
.act #tc_search{ transform:translateY(0);  transition:.5s ease-in;}
/*弹窗内容样式*/
#tc_search form{ height:5rem; position:relative; width:900px; max-width:90%; margin:0 auto;}
#tc_search form:after{ content:""; width:0; height:1px; background:#fff; transition:.5s; display:block; position:absolute; bottom:0; left:0;}
.act #tc_search form:after{ width:100%; transition: ease-in-out .5s .5s;}
#tc_search #keyword{width: 90%;height:5rem; font-size:2rem; color:#fff;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:5rem; border:0; line-height:4.25rem;background:url(/static/image/seach_white.svg) center center no-repeat; background-size:1.8rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase; }
#tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
#tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.6); }
#tc_search input::-moz-placeholder{ color:#fff; color: rgba(255,255,255,.6); }
#tc_search input:-moz-placeholder{ color:#fff; color: rgba(255,255,255,.6); }
#tc_search input:-ms-input-placeholder{  color:#fff; color: rgba(255,255,255,.6); }
#tc_search input:focus::-webkit-input-placeholder {color: transparent;}
#tc_search input:focus:-moz-placeholder {color: transparent;}
#tc_search input:focus::-moz-placeholder {color: transparent;}
#tc_search input:focus:-ms-input-placeholder {color: transparent;}
#tc_search .draw_h:before{ border:1px solid rgba(255,255,255,.3);}
#tc_search .draw_h:hover svg.drawcircle circle { stroke:#fff;}
#tc_search .draw_h img {position:absolute;top:50%;margin-top: -8px;left:50%;margin-left: -8px;transition:.3s;width: 16px;}

/***********************/

/*手机头部开始*/
#m_header{ position: fixed;  z-index:999; width:100%; height:4.5rem; left:0; top:0; padding:0 10px;background:#fff; display:none;}
#m_header #logo{ height:4.5rem; }
#m_header #logo img{ max-height:63%;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}
 


/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}

#nav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 1.5rem;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #888;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #888;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}
#m_nav { z-index: 99999; position: fixed; background:#003399; width:17rem;  height:100vh; right: -400px; top: 0; display:none; padding:50px 0; padding-top:80px; overflow:hidden; 
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;}
#m_nav.act{ pointer-events: auto; right:0;}
#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{  }
#m_nav li .a h3{ line-height:5rem; height:5rem; color:#fff; padding:0; font-size:1.125rem; float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100); display:inline-block; width:10px; height:5rem; float:right; display:inline-block; background: url(/static/image/arrow_down.svg) center no-repeat; background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}


/*首页banner*/
 
        
.banner{ height:700px; width:100%; position:relative; z-index:0; background:#000; overflow:hidden; margin-top:6rem;}
.banner .banner_slider{ position:absolute; top:0; left:0; width:100%; height:100%;}
.banner li{ position:relative;}
.banner li .img{ width:100%; height:700px; z-index:8;  }    
.banner li .img img{ }
@-webkit-keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.05) rotate(0.1deg); transform: scale(1.05) rotate(0.1deg); }
}
@keyframes bgscale {
from { -webkit-transform: scale(1); transform: scale(1); }
to {-webkit-transform: scale(1.05) rotate(0.1deg); transform: scale(1.05) rotate(0.1deg); }
}
@-webkit-keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}
@keyframes letter {
from { letter-spacing:10px; opacity:0;}
to { letter-spacing:0px; opacity:1;}
}

.banner .slick-current .img{ animation:bgscale 6s linear; animation-fill-mode: forwards; }


.banner .con{ position:absolute; width:100%; height:700px; top:0; left:0; z-index:999; }
#banner .txt{ margin:0 auto; color:#fff;}
#banner .txt p{ font-size:1.8rem; text-transform:uppercase; margin-bottom:2rem; font-weight:bold;}
#banner .txt h3{ font-size:3.6rem; color:#fff; display:block; line-height:1.05; font-family:"YouSheBiao TiHei";}
#banner .txt h4{ font-size:.9375rem; font-family:"Roboto Light"; line-height:1.7; opacity:.6;}
#banner .txt .tt2{ margin-top:1.5rem;}
#banner .txt .bn_btn{ display: inline-block; width:17rem; height:3.125rem; line-height:3.125rem; text-align:center; background:#e27a3e; color:#fff; font-size:1.125rem; margin-top:3rem; }
#banner .txt .bn_btn.white{ background:#fff;}
#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);}

.appendArrows{ padding-top:23rem;}
#banner .banner-arrow{ left:50%; top:50%; margin-top:0; width:46px; height:46px; background-size:46px !important; z-index:999; float:left; margin-right:10px; cursor:pointer; display:none !important;}
#banner .banner-prev{
    background:url(/static/image/banner_left.png) center no-repeat;
    }
#banner .banner-next{ 
    background:url(/static/image/banner_right.png) center no-repeat;
    }

@-webkit-keyframes arrow {
    0% { opacity: 0; -webkit-transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translate3d(0px, 5px, 0px); }
}
@keyframes arrow {
    0% { opacity: 0; transform: translate3d(0px, 0px, 0px); }
    33% { opacity: 1; }
    66% { opacity: 1; }
    100% { opacity: 0; transform: translate3d(0px, 5px, 0px); }
}
.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%; }
}

#rect{ position:absolute; top:0; right:0; height:100%; z-index:999; visibility:visible; opacity: .5;}
.cls-1, .cls-2, .cls-3, .cls-5, .cls-6, .cls-7, .cls-8, .cls-9 {fill: #fff; opacity:0;}
.cls-1{opacity: 0.1;}
.cls-2{opacity: 0.7;}
.cls-3{opacity: 0.9;}
.cls-4{fill: #e27a3e;}
.cls-5{opacity: 0.5;}
.cls-6{opacity: 0.4;}
.cls-7{opacity: 0.3;}
.cls-8{opacity: 0.05;}
.cls-9{opacity: 0.2;}
    .act .cls-1 {animation: anim1 1.8s .5s forwards;}
    .act .cls-2 {animation: anim7 1s .4s forwards;}
    .act .cls-3 {animation: anim9 1s .6s forwards;}
    .act .cls-4 {animation: anim 2s .8s forwards; }
    .act .cls-5 {animation: anim5 1.5s .6s forwards;}
    .act .cls-6 {animation: anim4 1.9s  .2s forwards;}
    .act .cls-7 {animation: anim3 1.2s  .3s forwards;}
    .act .cls-8 {animation: anim05 1.6s .3s forwards;}      
    .act .cls-9 {animation: anim2 1.7s .1a forwards;}
      @keyframes anim {
            0% { opacity:0; }
            100% { opacity:1; }
        }
          @keyframes anim1 {
            0% { opacity:0; }
            100% { opacity:.1; }
        }
          @keyframes anim2 {
            0% { opacity:0; }
            100% { opacity:.2; }
        }
          @keyframes anim3 {
            0% { opacity:0; }
            100% { opacity:.3; }
        }
          @keyframes anim4 {
            0% { opacity:0; }
            100% { opacity:.4; }
        }
          @keyframes anim5 {
            0% { opacity:0; }
            100% { opacity:.5; }
        }
        @keyframes anim05 {
            0% { opacity:0; }
            100% { opacity:.05; }
        }
          @keyframes anim7 {
            0% { opacity:0; }
            100% { opacity:.7; }
        }
         @keyframes anim9 {
            0% { opacity:0; }
            100% { opacity:.9; }
        }

.s_tt{ margin-bottom:3rem; overflow:hidden;}
.s_tt h3{ font-size:2.125rem; color:#010101; font-weight:bold; float:left; line-height:3.125rem;}
.s_tt h3 span{ font-size:2.25rem;  margin-left:10px; }
.s_tt .btn_r{ float:right; width:9.625rem; height:3.125rem; line-height:3.125rem; text-align:center; display:block; font-size:1.0625rem; color:#fff; background:#0869ac; border-radius:3px;}

/* 主体开始*/
#s_mian{  }
#s_pro{ width:100%; overflow:hidden; border-bottom:1px solid #e5e6e8; }
#s_pro .hd{ height:10.3rem; background:#f6f7fa; overflow:hidden; margin-bottom:3.125rem;}
#s_pro .hd ul{}
#s_pro .hd ul li{ height:10.3rem; text-align:center; position:relative; z-index:1; cursor:pointer;}
#s_pro .hd ul li font{}
#s_pro .hd ul li font img{ max-width:3.25rem; max-height:3.25rem; margin:0 auto;}
#s_pro .hd ul li font .img01{}
#s_pro .hd ul li font .img02{ display:none;}
#s_pro .hd ul li h5{ font-size:1rem; color:#47474a; margin-top:1rem; transition:.8s; padding:0 2rem; white-space:normal;}
#s_pro .hd ul li.slick-current font .img01,#s_pro .hd ul li:hover font .img01{ display:none;}
#s_pro .hd ul li.slick-current font .img02,#s_pro .hd ul li:hover font .img02{ display:block;}
#s_pro .hd ul li.slick-current h5,#s_pro .hd ul li:hover h5{ color:#fff;}
#s_pro .hd ul li:after{ content:""; display:block; width:0; height:100%; position:absolute; left:15%; background:#0a7eca; bottom:0; transition:.5s; z-index:-1; box-shadow:4px 2px 5px #dadbdf;}
#s_pro .hd ul li:hover:after,#s_pro .hd ul li.slick-current:after{ width:70%;}
#s_pro .hd .slick-arrow{z-index:99;position:absolute;top:50%;margin-top:-22px;transform:translate(0,0);background-repeat:no-repeat;background-position:center;display:block;background-size:contain;transition:.3s;opacity:1;width: 3.4375rem;height: 3.4375rem;background-color: rgba(140,140,140,.55);border-radius: 50%;background-size: 1.5rem !important;}
#s_pro .hd .slick-prev{background-image: url(/static/image/left_white.svg);left:-3rem;}
#s_pro .hd .slick-next{background-image:url(/static/image/right_white.svg); right:-3rem; left:auto;}
#s_pro .hd .slick-arrow:hover{ opacity:.8; }
#s_pro .hd .slick-arrow:before{ display:none;}
#s_pro .bd{position:relative; }
#s_pro .bd:before{ content:""; }
#s_pro .bd:after{ content:""; }
#s_pro .bd .slick-list{ overflow:visible;}
#s_pro .bd ul{ position:relative;/*  margin:0 14vw;*/ }
#s_pro .bd ul li{ padding:0 1rem;}
#s_pro .bd ul li .box{ border:1px solid #e4e4e4; display:block;}
#s_pro .bd ul li .topbox{ display:block; background:#f6f7fa; overflow:hidden; padding:1.8rem 2rem 1.8rem 0; }
#s_pro .bd ul li .topbox .rel{ position:relative; overflow:hidden; width:100%; height:100%; }
#s_pro .bd ul li .img{ float:left;  width:55%; height:15rem; line-height:15rem; text-align:center; background:#f6f7fa; padding-left:2rem; }
#s_pro .bd ul li .img img{ transition:1s; width:100%; margin:0 auto; height:auto;display:inline-block;}
#s_pro .bd ul li .tt{ float:right; width:40%; position:absolute; height:100%; right:0; display: inline-block;}
#s_pro .bd ul li .tt h5{ font-size:1.25rem; color:#2f2f31; font-weight:bold; margin-bottom:3px; white-space:normal;}
#s_pro .bd ul li .tt span{ font-size:.875rem; color:#6f6f75; text-transform:uppercase;}
#s_pro .bd ul li:hover .img img{ transform:scale(1.1) rotate(0.1deg);}
#s_pro .bd ul li .txt{ margin-top:1.5rem; }
#s_pro .bd ul li .txt .con{ overflow:hidden; margin:0 -5px; overflow:hidden;}
#s_pro .bd ul li .txt .p{ width:100%; font-size:.875rem; color:#58585a; line-height:1.875rem; padding:0 5px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#s_pro .bd ul li .txt .p:before{ content:""; width:6px; height:6px; border-radius:50%; background:#58585a; display: inline-block; margin-right:.6rem; position:relative; top:-3px;}
#s_pro .bd ul li .txt .p:hover{ color:#1a3a9d;}
#s_pro .bd ul li .txt .p:hover:before{ background:#1a3a9d;}
#s_pro .bd ul li .txt .btn_more{ display:block; width:16.875rem; height:2.5rem; line-height:2.5rem; font-size:.875rem; color:#fff; margin:0 auto; background:#4c4e52;}
#s_pro .bd ul li .txt .btn_more:hover{}
#s_pro .bd .slick-arrow{width:12rem; z-index:99; position:absolute; margin-top:0; background:none !important;}
#s_pro .bd .slick-prev{ height:100%; position:absolute; left:0; z-index:999;  
    background: -webkit-linear-gradient(to right,rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(to right,rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(to right,rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background: linear-gradient(to right,rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));}
#s_pro .bd .slick-next{ height:100%; position:absolute; right:0; z-index:999;  
    background: -webkit-linear-gradient(to left,rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(to left,rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(to left,rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    background: linear-gradient(to left,rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));}
#s_pro .bd .slick-prev:before{background-image:url(/static/image/left_white.svg); float:right; margin-right:3rem;}
#s_pro .bd .slick-next:before{background-image:url(/static/image/right_white.svg); margin-left:3rem; }
#s_pro .bd .slick-arrow:hover{ opacity:.8; }
#s_pro .bd .slick-arrow:before{ font-size:0; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width:3.4375rem;height: 3.4375rem; background-color:rgba(140,140,140,.55); border-radius:50%; background-size:1.5rem !important; transition:.3s; opacity:1;}
.page__btn {
    background-color: transparent;
    display: inline-block;
    -webkit-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    overflow: hidden;
    position: relative;
    text-transform: capitalize;
    z-index: 1;
}
.page__btn span {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: #e27a3e;
    -webkit-transition: width .5s ease-in-out,height .5s ease-in-out;
    transition: width .5s ease-in-out,height .5s ease-in-out;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
}
.page__btn:hover span {
    width: 550px;
    height: 550px
}


#s_case { width:100%; overflow:hidden; }
#s_case .tt{ font-size:38px; height:13rem; line-height:13rem; color:#3b3c3d; font-weight: bold;  text-align:center; position:relative; }
#s_case ul{ margin-right:-10px;}
#s_case ul li{ width:25vw; float:left;  transition:.5s; overflow:hidden; position:relative; z-index:0;}
#s_case ul li .img{ width:100%; transition:.5s;}
#s_case ul li .txt{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:999; padding-top:80px; }
#s_case ul li .txt .con{ display:block; max-width:80%; margin:0 auto; text-align:center;}
#s_case ul li a{ display:block; width:100%; height:100%; overflow:hidden;}
#s_case ul li span{ font-size:1.5rem; font-family:arial; color:#fff; display:block; margin-bottom:.8rem; transition:.5s;}
#s_case ul li h5{ font-size:1.125rem; color:#fff; margin-bottom:4rem; transition:.5s;}
#s_case ul li .more{ width:3rem; height:5px; display:block; margin:0 auto; background:url(/static/image/s_more.png) center no-repeat; background-size:contain;}
#s_case ul li p{ max-width:300px; margin:0 auto; color:#fff; line-height:1.6rem; font-size:.875rem; overflow:hidden; margin-top:2rem; text-align:left;}
#s_case ul li .img:before{ content:""; display:block; width:0; height:100%; position:absolute; top:0; right:0; background:rgba(0,0,0,.3); transition:.7s;}
#s_case ul li:hover .img:before{ width:100%; left:0; right:auto;}
#s_case .slick-arrow{ z-index:999; background-size:contain !important; margin-top:-2rem;}
#s_case .slick-prev{ width:4rem; height:4rem; display:block; background:url(/static/image/s_yingyong_left.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:50%; left:2rem; }
#s_case .slick-next{ width:4rem; height:4rem; display:block; background:url(/static/image/s_yingyong_right.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:50%; right:2rem; }
#s_case .slick-arrow:before{ display:none;}
#s_case .slick-arrow:hover{ opacity:.7;}

#s_news{ width:100%; overflow:hidden; background:#eeeff1;}
#s_news ul{ margin:0 -.32rem;}
#s_news ul li{ margin-bottom:.625rem; padding:0 .32rem;}
#s_news ul li a{ display:block; position:relative;}
#s_news ul li .img{ background:#000;}
#s_news ul li .img img{ opacity:.7;}
#s_news ul li .txt{ position:absolute; width:100%; height:100%; left:0; top:0; color:#fff; padding:2.2rem 2.5rem; transition:.5s;}
#s_news ul li .txt div{ position: relative; width:100%; height:100%;}
#s_news ul li .time{ font-size:.9375rem; padding-left:2.4rem; display:block; line-height:30px; background:url(/static/image/time_white.svg) left center no-repeat; background-size:1.7rem !important;}
#s_news ul li .txt h5{ position:absolute;  bottom:0; }
#s_news ul li h5{ white-space: normal; font-size:1.25rem; font-weight:bold; line-height:2.1rem; height:4.2rem; overflow: hidden;}
#s_news ul li .mask{ position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; opacity:0; visibility:hidden; border:1px solid #d3d4d7; padding:2.2rem 2.5rem; transition:.5s .2s;}
#s_news ul li .mask h5{ color:#3b3b3b; transition:.8s;}
#s_news ul li .mask .time{ background:url(/static/image/time_gray.svg) left center no-repeat; font-size:.8rem; color:#777; margin-top:.7rem; margin-bottom:.9rem;}
#s_news ul li .mask p{ color:#7c7c7c; font-size:.8rem; line-height:1.6rem; height:3.2rem; overflow:hidden;}
#s_news ul li .btn_more{ display:block; width:16.875rem; height:2.5rem; line-height:2.5rem; font-size:.875rem; color:#fff; text-align:center; background:#4c4e52; margin-top:3rem;}
#s_news ul li .btn_more:hover{}
#s_news ul li a:hover .mask{ opacity:1; visibility:visible;}
#s_news ul li .mask {-webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-transform: perspective(600px) rotateX(-90deg);
    -moz-transform: perspective(600px) rotateX(-90deg);
    -ms-transform: perspective(600px) rotateX(-90deg);
    -o-transform: perspective(600px) rotateX(-90deg);
    transform: perspective(600px) rotateX(-90deg);
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;}
#s_news ul li a:hover .mask{ 
    -webkit-transform: perspective(600px) rotateX(0deg);
    -moz-transform: perspective(600px) rotateX(0deg);
    -ms-transform: perspective(600px) rotateX(0deg);
    -o-transform: perspective(600px) rotateX(0deg);
    transform: perspective(600px) rotateX(0deg);}


#s_news .slick-prev{ width:50px; height:50px; display:block; background:url(/static/image/n_licheng_left.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:55%; left:-5rem; }
#s_news .slick-next{ width:50px; height:50px; display:block; background:url(/static/image/n_licheng_right.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:55%; right:-5rem; }
#s_news .slick-arrow:before{ display:none;}
#s_news .slick-arrow:hover{ opacity:.7;}
 



#s_link{ width:100%; overflow:hidden; background: url(videobg.jpg) center no-repeat; background-size:cover; background-attachment:fixed; color:#fff;}
#s_link ul{ overflow:hidden; margin:0 -3px;}
#s_link ul li{ text-align:center; position:relative; z-index:1; margin-top:2rem; margin-bottom:2rem; padding:0 3px;}
#s_link ul li font{}
#s_link ul li font img{ max-width:4.1rem; max-height:4.1rem; margin:0 auto;}
#s_link ul li h5{ font-size:1.125rem; font-weight:bold; margin-top:2.2rem; margin-bottom:.2rem; transition:.8s;}
#s_link ul li span{ font-size:.75rem; color:#c3ceea; text-transform:uppercase;}
#s_link ul li:hover font img{ animation:huadong3 .7s ease-in-out;}
@-webkit-keyframes huadong3 {
    0% { transform:translateX(0); opacity:1;}
    50%{ transform:translateX(-60%); opacity:0;}
    51%{ transform:translateX(60%); opacity:0;}
    100% { transform:translateX(0); opacity:1;}
}

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



#s_coop img{ display:inline-block; margin:0 auto; vertical-align:middle; max-width:100%; max-height:100%;}
#s_coop .pic{ height:80px; line-height:88px; text-align:center; margin:10px; }
#s_coop h5{ text-align:center; margin:10px; margin-bottom:0; font-size:.75rem; white-space: normal; overflow:visible; line-height:1.3;}
/*底部*/
#foot{ background:#f6f6f6; width:100%; overflow:hidden; color:#7f7f7f;}

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

.foot_nav{ position:relative; float:left; margin-top:1.19rem; padding:0; width:66%; display:flex; justify-content:space-between;}
.foot_nav dl{ display:inline-block; vertical-align:top; }
.foot_nav dl dt{ font-size:.9375rem; color:#454545; font-weight:bold; margin-bottom:1.2rem; position:relative; }
.foot_nav dl dd{ font-size:.8rem; color:#7f7f7f; line-height:1.875rem; transition:.3s;}
.foot_nav dl dd:hover{color:#1a3a9d;}

.foot_lianxi{ float:right; margin-top:1.19rem; margin-bottom:2rem; padding-left:0; width:30%; padding-left:3rem; border-left:1px solid #ddd; }
.foot_lianxi .box{ }
.foot_lianxi .tt{ font-size:.9375rem; color:#454545; font-weight:bold; margin-bottom:1.6rem; }
.foot_lianxi ul li{font-size:.875rem;line-height:1.5rem;color:#5a5a5c;margin-bottom:.6rem;position:relative;padding-left: 0;}
.foot_lianxi ul li span{position: static;left:0;}

.foot_share{ float:left;}
.foot_c{ float:right;}
#foot .ewm{ width:7.1875rem; height:7.1875rem; border:1px solid #e4e4e4; margin-right:10px;}
 #foot .ewm img{ width:100%; height:100%;}
.foot_share ul{ font-size:0; }
.foot_share ul li{ display:inline-block; margin-right:.625rem; position:relative;}
.foot_share ul li a{ display:inline-block; width:1.875rem; height:1.875rem; line-height:1.75rem; text-align:center; border-radius:50%; cursor:pointer;}
.foot_share ul li a img{ transition:.3s; max-width:50%; max-height:50%;}
.foot_share ul li a .img02{ display:none;}
.foot_share ul li a{ position: relative; z-index:1; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.foot_share ul li a:before{ content:""; width: 100%; height: 100%; border-radius: 50%; border:1px solid #cecece; display: block; position: absolute; z-index:-1; left: 0px; top: 0px; transition: all 0.5s ease 0s; -webkit-transform: all 0.5s ease 0s;}
.foot_share ul li a:after{ content:""; width: 100%; height: 100%; border-radius: 50%; display: block; background-color:#0869ac; position: absolute; z-index:-1; left: 0px; top: 0px; transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0; -moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
  -o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);
  -ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);
  transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1); visibility: hidden;}
.foot_share ul li a:hover:before{ opacity: 0; transform: scale(1.3) rotate(0.1deg); -webkit-transform: scale(1.3) rotate(0.1deg); }
.foot_share ul li a:hover:after{ transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible;}
.foot_share ul li a:hover .img01{ display:none;}
.foot_share ul li a:hover .img02{ display: inline-block;}

#tc_ewm{ left:0; margin-top:-10rem;}
.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1) rotate(0.1deg);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.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:3px; left:50%;margin-left: -6rem;margin-top: -7.5rem; padding-top:0;}
.tc1 .tc-box{
   margin:0 auto; box-sizing:border-box; display: block; position:relative; z-index:1;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;  -webkit-animation-name: anim-close-2; animation-name: anim-close-2;}
.tc1 .tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
.tc1 .tc.act{display: block; }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-box h3 img{ width:12rem; height:12rem;}
.tc1 .tc-box h5{ width:12rem; height:3rem; line-height:3rem; font-size:1rem; color:#fff; background:#0869ac; text-align:center}

.copyright{ text-align:center; font-size:.75rem; color:#939393; background:#ececec; line-height:1.75; padding-top:1.5rem; margin-top:.5rem; padding-bottom:1.5rem; }
.copyright a:hover{color:#1a3a9d;}

footer .qrcode{
    width: 120px;
    position: absolute;
    left: -44px;
    bottom: 50px;
    z-index: 9;
    background: #ddd;
    border-radius: 5px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
}
footer .qrcode:before{ content:""; position:absolute; bottom:-8px; left:50%; margin-left:-8px; border-left:transparent 8px solid; border-right:transparent 8px solid; border-top:#ddd 8px solid}
footer .qrcode .pic{
    width: 110px;
    height: 110px;
    padding: 5px;
    display:  inline-block;
}
footer .qrcode img{
    width: 100%;
    display: block;
}
footer .qrcode .txt1{
    line-height: 20px;
    font-size: 14px;
    color: #666;
} 
 #gotop { cursor: pointer; }
 


#n_banner{ width:100%; height:20.6rem; overflow:hidden; position:relative;}
#n_banner .con{ height:20.6rem;}
#n_banner .img{ height:20.6rem;}
#n_banner .txt p{ text-transform:uppercase; font-size:2.5rem; font-family:"Roboto Light"; color:#fff; opacity:.55; fiter:alrha(opacity=55); margin-bottom:.5rem;}
#n_banner .txt h3{ font-size:1.75rem; color:#fff;}
#n_rect{ position:absolute; left:0; bottom:0; z-index:999; max-height:100%;}


/*内页导航*/
.n_nav_box{position:relative;/* height:4rem; */line-height:4rem;z-index: 2;padding-top: 1.5rem;border-bottom:1px solid #f1f1f1;overflow:  hidden;}
.n_nav{ float:left; }
.n_nav::-webkit-scrollbar{ display:none;}
.n_nav a{ font-size:.9375rem; color:#333333; display:inline-block; margin-right:3rem; text-align:center; position:relative;}
.n_nav a:before{ content:""; width:0; height:2px; display:block; background:#ed9335; position:absolute; bottom:0px; transition: .5s;}
.n_nav a:hover:before{ width:100%;}
 .n_nav a#navon:before{ width:100%;}
.n_position{ text-align:right; float:right;  font-size:13px; color:#6a6a6a; background:url(/static/image/home_ico.png) left center no-repeat; padding-left:1.25rem; }
.n_position a{ font-size:12px; color:#707070; 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:12px; color:#acacac;}
.n_position a:hover{ color:#acacac;}

.ar_article{ font-size:.875rem; color:#6f7173; line-height:1.75rem; text-align:justify; }
.ar_article p{font-size:.875rem;color:#6f7173;line-height:1.75rem; padding-bottom:1.75rem;} 
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:12px 15px; border: 1px solid #c6c5c5; font-size:.875rem !important;    font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}
.ar_article td *,.ar_article th *{ font-size:0.95rem !important; font-family: "微软雅黑","Microsoft YaHei", sans-serif !important;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#363636;}
.ar_article hr{ margin-top:0; margin-bottom:1.75rem;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}

.n_bg{background:url(/static/image/n_about_bg.jpg) center bottom no-repeat #fff; background-size: 100% auto;}
#n_about{ width:100%; overflow:hidden; }
#n_about .left{ width:300px; float:left;}
#n_about .left .tt{}
#n_about .left .tt h3{ font-size:2rem; color:#333; font-weight:bold; margin-bottom:2.5rem;}
#n_about .left .tt p{ font-size:1rem; color:#5e5f63; margin-bottom:.9rem;}
#n_about .left .tt span{ font-size:.875rem; color:#bcbcbc; font-family:Roboto; text-transform:uppercase;}
#n_about .left .tt .i{ margin-top:2rem;}
#n_about .right{ width:calc(100% - 21.9375rem); float:right;}

#n_shuzi{ overflow:hidden;}
#n_shuzi ul{}
#n_shuzi ul li{ float:left; width:23%;}
#n_shuzi ul li p{ font-family:"Barlow Condensed"; font-size:3.375rem; color:#ed9335; font-weight:600; margin-bottom:.8rem;}
#n_shuzi ul li h5{ font-size:.875rem; color:#76797c;}


.about_slide .slick-dots{ bottom:1rem;}
.about_slide .slick-dots li{ }
.about_slide .slick-dots li button:before{ width:.625rem; height:.625rem; margin-left:-.3125rem; margin-top:-.3125rem; border-radius:50%; background:#a0a7ab; opacity:1; transition:.3s; padding:0; font-size:0; box-sizing:border-box; position:absolute; left:50%; top:50%;}
.about_slide .slick-dots li.slick-active button:before{ background:#ed9335; }

.bot_box{ text-align:center; margin-top:1rem; margin-bottom:1rem;}
.n_bot_btn{ display:inline-block; margin:0 16px;}
.n_bot_btn font{ width:3.75rem; height:3.75rem; border-radius:50%; border:1px solid #c2c7c9; display:inline-block; transition:.3s; position:relative; z-index:0; background-size:1.2rem !important;}
.n_bot_btn p{ font-size:.875rem; color:#727376; margin-top:15px;}
.n_bot_btn:hover font{}
#gotop2 font:before { background-image:url(/static/image/ico_gotop_on.svg) !important; background-position:center; background-repeat:no-repeat; background-size:1.2rem;}
#n_bot_nav font:before { background-image:url(/static/image/ico_xiangmu_on.svg) !important; background-position:center; background-repeat:no-repeat; background-size:1.2rem;}
.n_bot_btn font:before {
    content: "";
    position: absolute; z-index:-1; background-color:#828b91 !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    transform: rotateX(-60deg);
    opacity: 0;
    visibility: hidden;
    transition: 400ms;
}
.n_bot_btn:hover font:before { transform: rotateX(0deg); opacity: 1; visibility: visible; }

#n_licheng{ width:100%; overflow:hidden;}
#n_licheng .m{ overflow:hidden; }
#n_licheng .hd{ margin:0 -9rem; }
#n_licheng .hd li{ text-align:center; background:url(/static/image/lc_dashed.png) center no-repeat; cursor:pointer;}
#n_licheng .hd li span{ font-size:3.875rem; color:#cdced0;}
#n_licheng .hd li.slick-center span{ color:#333;}
#n_licheng .bd{  margin:0 auto; width:900px; max-width:100%;}
#n_licheng .bd ul{ margin:0 -50px; }
#n_licheng .bd li{ text-align:center; padding-top:70px; visibility:hidden; }
#n_licheng .bd li.slick-active{ visibility:visible;}
#n_licheng .bd li .box{ padding:120px 0;}
#n_licheng .bd li .txt{ font-size:1rem; color:#525252; line-height:1.6; margin-bottom:2.5rem; position:absolute; top:0; opacity:0; left:-300px; right:-300px;}
#n_licheng .bd li .img{ border:2px solid #cdced0; margin:10px; transform:scale(1.7) rotate(0.1deg); transition:.5s; overflow:hidden;}
#n_licheng .bd li .img img{ }
#n_licheng .bd li.slick-center{ z-index:999; position:relative;}
#n_licheng .bd li.slick-center .txt{ position:absolute; top:0; opacity:1;}
#n_licheng .bd li.slick-center .img{ transform:scale(2.5) rotate(0.1deg);}

#n_licheng .bd .slick-prev{ width:50px; height:50px; display:block; background:url(/static/image/n_licheng_left.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:55%; left:-10%; }
#n_licheng .bd .slick-next{ width:50px; height:50px; display:block; background:url(/static/image/n_licheng_right.png) center no-repeat; position:absolute; z-index:99; cursor:pointer; top:55%; right:-10%; }
#n_licheng .bd .slick-arrow:before{ display:none;}
#n_licheng .bd .slick-arrow:hover{ opacity:.7;}
#n_licheng .bd .slick-list{ margin: 0px 50px; overflow: hidden; padding: 0 !important;}

#n_news{ background: url(/static/image/n_news_bg.jpg) center bottom no-repeat #f3f4f7 !important;
    background-size: 100% auto !important;  }
#n_news .tt{ height:42px; margin-bottom:30px;}
#n_news .tt h3{ float:left; line-height:42px; font-size:32px; color:#141414; font-weight:bold;}
#n_news .tt .more{ float:right; display:block; width:142px; height:42px; line-height:40px; text-align:center; border:1px solid #c3c5c7; border-radius:3px; font-size:14px; color:#465159;}
#n_news .tt .more img{ margin-right:10px;}
#n_news ul{  overflow:hidden;}
#n_news ul li a{  margin-bottom:2rem; display:block; position:relative; z-index:0; background:#000; overflow:hidden;}
#n_news ul li img{ opacity:.7; transition:.5s;width:450px; height:318px;}
#n_news ul li .con{ position:absolute; top:0; left:0; width:100%; height:100%; padding:2rem; padding-top:1.5rem; }
#n_news ul li .txt{ position: relative; top:0; left:0; width:100%; height:100%;}
#n_news ul li .time{ background:url(/static/image/time_white.svg) left center no-repeat;background-size: 1.7rem !important; line-height:30px; padding-left:40px; display:block; color:#fff;font-family:"Roboto Light",arial; font-size:.9375rem;}
#n_news ul li h5{ font-size:1.25rem; color:#fff; margin-top:6rem; line-height:1.75rem; height:3.5rem; white-space:normal;}
#n_news ul li p{ font-size:.875rem; line-height:24px; color:#fff; color:rgba(255,255,255,.7); transition:.7s; transform:translateY(100%); position:absolute; bottom:0rem; opacity:0;}
#n_news ul li:hover p{ transform:translateY(0); opacity:1;}
#n_news ul li:hover img{ transform:scale(1.05) rotate(0.1deg);}
#n_news_xq{background:url(/static/image/n_news_bg.jpg) center bottom no-repeat #f1f3f5; background-size: 100% auto;}
.ar_con{ width:calc(100% - 21.875rem); background:#fff; padding:4.25rem 3.125rem 2.5rem; float:left; margin-bottom:2rem;}
.ar_title{ margin-bottom:2.5rem;}
.ar_title h3{ font-size:1.875rem; line-height:1.5; color:#404142; font-weight:bold; margin-bottom:1rem;}
.ar_title h5{ font-size:.8rem; color:#808080; line-height:30px;}
.ar_title h5 *{ color:#808080;}
.ar_title h5 span+span{ margin-left:25px;}
.ar_title_tag{ background:url(/static/image/ar_title_ico1.svg) left center no-repeat; background-size:1rem; padding-left:25px;}
.ar_title_time{ background:url(/static/image/ar_title_ico2.svg) left center no-repeat; background-size:1rem; padding-left:23px;}

.ar_list{ width:18.75rem; float:right;}
.ar_list ul li a{  margin-bottom:2rem; display:block; position:relative; z-index:0;}
.ar_list ul li .img{ position:relative; background:#000;}
.ar_list ul li img{ transition:.5s; opacity:.7;}
.ar_list ul li .time{ position:absolute; top:0; left:1.125rem; width:100%; padding:1rem; background:url(/static/image/time_white.svg) left center no-repeat;background-size: 1.7rem !important; line-height:30px; padding-left:40px; display:block; color:#fff;font-family:'Roboto Light',arial; font-size:.9375rem;}
.ar_list ul li p{ font-size:1.125rem; line-height:1.81rem; color:#4b4b4b; height:3.62rem; overflow:hidden; margin-top:.8rem;  }

#n_gonggao{}
#n_gonggao ul{ margin:0 -1.56rem;}
#n_gonggao ul li{ margin-bottom:1.8rem; padding:0 1.56rem;}
#n_gonggao ul li .box{ border:1px solid #dfdfdf; display:block; padding:2.68rem; position:relative; z-index:1;}
#n_gonggao ul li h5{transition:.7s; font-size:1.125rem; color:#3f3f3f; margin-bottom:.5rem;}
#n_gonggao ul li .time{transition:.7s; font-size:.8rem; color:#7e7e7e; font-family:"Roboto Light","微软雅黑"; background:url(/static/image/ar_title_ico2.svg) left center no-repeat;background-size: 1.1rem !important; line-height:30px; padding-left:1.5rem; display:block; }
#n_gonggao ul li p{ font-size:.8rem; color:#7e7e7e; line-height:1.5rem; height:3rem; overflow:hidden; margin-top:1rem;transition:.7s;}
#n_gonggao ul li .more_arrow{font-size:.8rem;  color:#7e7e7e; line-height:1.5rem;height:1.5rem; margin-top:1.5rem; display:inline-block;transition:.7s;}
#n_gonggao ul li .more_arrow svg{ width:1.3rem;height:.7rem; margin-left:1rem;  transition:.7s; }
#n_gonggao ul li .more_arrow svg path{stroke-dasharray: 200 , 200; stroke-dashoffset:400; transition:1s; }
#n_gonggao ul li .box:hover .more_arrow svg path{ stroke-dasharray: 200 , 200; stroke-dashoffset:0;  }
#n_gonggao ul li .box:before{ content:""; width:100%; height:0; display:block; position:absolute; left:0; top:0; background:#003399; z-index:-1; transition:.7s; }
#n_gonggao ul li .box:hover:before{ height:100%; top:0; bottom: auto;}
#n_gonggao ul li .box:hover h5{ color:#fff;}
#n_gonggao ul li .box:hover p{ color:#fff;}
#n_gonggao ul li .box:hover .time{ color:#fff;background:url(/static/image/time_white.svg) left center no-repeat;}
#n_gonggao ul li .box:hover .more_arrow{ color:#fff;}
#n_gonggao ul li .box:hover .more_arrow svg path{stroke:#fff;}

#n_join{ padding-bottom:55px; width:100%; overflow:hidden;}
#n_join .hd{ margin:0 -1.375rem;}
#n_join .hd ul li{ padding:0 1.375rem;}
#n_join .hd ul li .box{ text-align:center;border-radius:5px; padding:5rem 1rem 5rem; background:#003399; color:#fff;font-size:1.125rem;  cursor:pointer;position:relative;position:relative; z-index:1; }
#n_join .hd ul li font{ display:block; width:3rem; height:3rem; margin:0 auto; background:url(/static/image/join.svg) center no-repeat; background-size: contain; margin-bottom:1rem;}
#n_join .hd ul li i{ width:80%; height:1px; background: rgba(255,255,255,.2); display:inline-block; margin:1.5rem 0 1rem; position:relative; }
#n_join .hd ul li i:before{content:""; width:7px; height:7px; display:block; position:absolute; left:50%; margin-left:-3.5px; top:50%; margin-top:-3.5px; background:#fff; transition:.7s; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
#n_join .hd ul li h5{ font-size:1.25rem; text-align:center; margin-bottom:5px; }
#n_join .hd ul li span{ font-size:.875rem; margin:0 auto; display:block;}
#n_join .hd ul li .box:before{content:""; width:0; height:100%; display:block; position:absolute; right:0; top:0; background:#ed9335; z-index:-1; transition:.7s;}
#n_join .hd ul li.slick-current .box:before{ width:100%; right:auto; left: 0;}
#n_join .hd ul li.on h5{ color:#fff;}
#n_join .hd ul li.on span{ color:#a5bce0;}
#n_join .bd{ border-radius:5px;margin:0 auto;margin-top:1.875rem; margin-bottom:2rem;background: #fff;}
#n_join .bd ul li{}
#n_join .bd ul li .tt{ margin-bottom:1.5rem; }
#n_join .bd ul li .tt h3{ font-size:1.25rem; color:#333333; margin-bottom:.7rem;}
#n_join .bd ul li .tt p{ font-size:.875rem; color:#747474;}
#n_join .bd ul li .box .ar_article{ font-size:.875rem; color:#6e6e6e; line-height:1.9rem;}
#n_join .bd ul li .box{ margin:2.5rem;}
.scrollbox{ overflow:auto;height:14.3rem;}

#n_join .hd .slick-arrow{ z-index:99; position:absolute; top:50%; margin-top:-1.3rem; transform:translate(0,0); background-repeat:no-repeat; background-position:center;  display:block;width: 34px;height: 24px; transition:.3s; }
#n_join .hd .slick-prev{background-image:url(/static/image/arrow_left.png); background-size:34px; left:-3rem;}
#n_join .hd .slick-next{background-image:url(/static/image/arrow_right.png); background-size:34px; right:-3rem; left:auto;}
#n_join .hd .slick-prev:hover{ background-image:url(/static/image/arrow_left_on.png); }
#n_join .hd .slick-next:hover{ background-image:url(/static/image/arrow_right_on.png); }
#n_join .hd .slick-arrow:before{ display:none;}
 
#n_lianxi{}
#n_lianxi .tt{ text-align:center; font-size:1.375rem; line-height:2.375rem; color:#525252; margin-bottom:2rem;}
#n_lianxi .tt2{ text-align:center; font-size:1.1rem; line-height:2.375rem; color:#525252; margin-bottom:2rem;}
#n_lianxi ul{ overflow:hidden;}
#n_lianxi ul li{ width:33.333%; float:left; text-align:center;}
#n_lianxi ul li font{ display:block; width:5rem; height:5rem; margin:0 auto; border-radius:50%; text-align:center; line-height:5rem; background:#003399; margin-bottom:1rem;}
#n_lianxi ul li font img{ max-width:2.5rem; max-height:2.5rem;}
#n_lianxi ul li h5,#n_lianxi ul li p{ font-size:.9375rem; color:#565656; line-height:1.75rem;}
#n_lianxi ul li:hover font{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.lianxi_line{ width:100%; height:1px; background:#bbb; margin:2rem 0;}
@-webkit-keyframes jello {
    from, 11.1%, to { -webkit-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}

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

@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
#n_map{ height:38.125rem; overflow:hidden; background:url(../image/map.jpg) center no-repeat; position:relative; z-index:1;}
#n_map2{ height:38.125rem; overflow:hidden; background:url(../image/map1.jpg) center no-repeat; position:relative; z-index:1;}
.btn_circle{ width:1rem; height:1rem; border-radius:50%; background:#fff; margin:0 auto; position:absolute; left:50%; bottom:12%; margin-left:-.5rem; margin-top:-.5rem; z-index:1;}
.btn_circle:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#fff; border-radius:50%;  z-index:2;}
.btn_circle:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#ed9335; border-radius:50%; transform:scale(2) rotate(0.1deg); z-index:1;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-animation: circleScale 2s linear infinite;
  -moz-animation: circleScale 2s linear infinite;
  -ms-animation: circleScale 2s linear infinite;
  animation: circleScale 2s linear infinite;
}

@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    -moz-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
  }
}

.map_info{ width:20rem; height:26rem; background:#fff; position:absolute; left:50%; bottom:20%; margin-left:-10rem; }
.map_info .txt{ text-align:center; padding:2rem; padding-top:3rem; position:relative;}
.map_info .txt font{ width:2.5rem; height:2.5rem; display:block; text-align:center; margin:0 auto;}
.map_info .txt h5{ font-size:1.0rem; font-weight:bold; color:#494949; margin-bottom:1rem; margin-top:.5rem;}
.map_info .txt p{ font-size:.9375rem; color:#494949; line-height:1.6;}
.btn_map{ display:block; width:7.5rem; height:2.5rem; margin:0 auto; font-size:.875rem; line-height:2.5rem; position:absolute; left:50%; margin-left:-3.75rem; top:-1.25rem; background:#003399; color:#fff; border-radius:1.25rem;}
.map_info:before{ content:""; width:0; height:0; border:.8rem solid transparent; border-top:1.1rem solid #fff; display:block; position:absolute; bottom:-1.8rem; left:50%; margin-left:-.8rem;}

.btn_primary01:hover, .btn_primary01:focus {
  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: gelatine 0.5s 1;
  animation: gelatine 0.5s 1;
}
s
@keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }

  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }

  from, to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}

.sy-v { display: inline-block; position: relative; }
.sy-v .dot { position: relative; border-radius: 100%; width: 6.875rem; height: 6.875rem; margin: 0 auto; border:1px solid #e7e7e7; }
.sy-v .dot .ico { position: relative; height: 100%; transition: 400ms; display:block; text-align:center; line-height:6.875rem;  }
.sy-v .dot .ico img{ max-width:30%; max-height:30%; vertical-align:middle;}
.sy-v .dot:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; transform: rotateX(-60deg); opacity: 0; visibility: hidden; transition: 400ms; border: 1px solid #003399; }
.sy-v:hover .dot:before { transform: rotateX(0deg); opacity: 1; visibility: visible; }
.sy-v:hover .dot .ico { transform: translateY(-5px); }

.join_top{ padding:2.5rem; border:1px solid #e6e6e6; overflow:hidden; background:#fff;}
.join_top ul{}
.join_top ul li{ width:25%; float:left; text-align:center; position:relative;}
.join_top ul li p{ font-size:.875rem; color:#404040; margin-top:1.25rem;}
.join_top ul li+li:before{ content:""; width:39px; height:15px; display:block; background:url(../image/join_arrow.jpg) center no-repeat; position:absolute; left:0; margin-left:-19px; top:50%; margin-top:-1.5rem;}

.join_bot{}
.join_bot ul{ margin:0 -20px;}
.join_bot ul li{ margin-bottom:1.875rem; padding:0 20px;}
.join_bot ul li .box{ background:#f3f3f4; padding:2.75rem; position:relative; z-index:1;
​background: -moz-linear-gradient(top, #f5f5f5 0%, #e2e6eb 100%);
background: -webkit-gradient(linear, top, bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e2e6eb));
background: -webkit-linear-gradient(top, #f5f5f5 0%,#e2e6eb 100%);
background: -o-linear-gradient(top, #f5f5f5 0%,#e2e6eb 100%);
background: -ms-linear-gradient(top, #f5f5f5 0%,#e2e6eb 100%);
background: linear-gradient(to bottom, #f5f5f5 0%,#e2e6eb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e2e6eb',GradientType=0 );
}
.join_bot ul li .tt{ padding-bottom:2rem; border-bottom:1px solid #cccdd1; transition:.7s; margin-bottom:1.2rem; position:relative; padding-left:6.18rem; background:url(../image/ren.svg) left top no-repeat; background-size:4.25rem !important;}
.join_bot ul li .tt h5{ font-size:1.125rem; color:#474747; padding-top:.5rem;transition:.7s;}
.join_bot ul li .tt .time{transition:.7s;font-size:.8rem;color:#7e7e7e;background:url(/static/image/ar_title_ico2.svg) left center no-repeat;background-size: 1.1rem !important;line-height:30px;padding-left:1.5rem;display:block;padding-top: 3px;}
.join_bot ul li .btn_toudi{ opacity:0; transition:.7s; position:absolute; text-align:center; right:0; top:0;display:block; width:7.5rem; height:2.1875rem; font-size:.875rem; line-height:2.1875rem; background:#ed9335; color:#fff; border-radius:1.25rem; top:1rem;}
.join_bot ul li .con{ height:10.6rem; overflow:auto; font-size:.8rem; color:#808080; line-height:2;transition:.7s;}
.join_bot ul li .con .tt2{ font-size:.9375rem; color:#515151; margin-bottom:.6rem;transition:.7s;}
@media (min-width: 1200px)
{
.join_bot ul li .box:before{ content:""; width:100%; height:0; display:block; position:absolute; left:0; bottom:0; background:#003399; z-index:-1; transition:.7s; }
.join_bot ul li .box:hover:before{ height:100%; top:0; bottom: auto;}
.join_bot ul li .box:hover .tt{ border-bottom:1px solid #7088b8;background:url(../image/ren_white.svg) left top no-repeat;}
.join_bot ul li .box:hover .tt h5{ color:#fff;}
.join_bot ul li .box:hover .tt .time{ color:#dde0ed; background:url(/static/image/time_white.svg) left center no-repeat;}
.join_bot ul li .box:hover .con{color:#dde0ed;}
.join_bot ul li .box:hover .con .tt2{color:#fff;}
.join_bot ul li .box:hover .btn_toudi{ opacity:1; }

}
.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(255,255,255,.3) !important;}
#n_subnav{ text-align:center; margin-bottom:3rem;}
#n_subnav ul li{ display: inline-block; padding:0 .625rem; margin-bottom:10px;}
#n_subnav ul li .btn_more{ width:12.5rem; height:3.125rem; line-height:3rem; font-size:.9375rem; color:#595959;  }
.btn_more { width: 12.5rem; position: relative; display:block; 
    overflow: hidden;
    height: 44px; line-height:40px;
    transition: all .3s ease;
    text-transform: uppercase;
    color: #000; text-align:center;
    border: 1px solid #c5c5c7;
    border-radius: 25px;
    font-size: 1rem;font-family:b_Medium; 
  background: linear-gradient(to left, transparent 50%, #ed9335 50%);
  background-position: right bottom;
  background-size: 200% 100%; }
.btn_more:hover,#n_subnav ul li.on .btn_more{ background-position: left bottom;border: 1px solid #ed9335; color:#fff !important;}

#n_down{}
#n_down ul{ margin-top:-1.25rem;}
#n_down ul li{ margin-top:1.25rem;}
#n_down ul li .box{ background:#fff; border:1px solid #e5e6e8; height:7.18rem; position:relative; padding-left:7rem; padding-right:7rem;}
#n_down ul li .pic{ width:4.25rem; height:4.25rem; line-height:4.25rem; position:absolute; left:1.5rem; top:50%; margin-top:-2.125rem;}
#n_down ul li .txt{  height:4rem; margin:1.5rem 0; vertical-align:middle; line-height:2rem; font-size:1rem; color:#474747; transition:.5s; overflow:hidden;}
#n_down ul li .btn_down{ width:5.3125rem; height:100%; line-height:7rem; position:absolute; right:0; top:0; background:#e3e5e8; display:block; text-align: center; z-index:1;}
#n_down ul li .btn_down i{ display:inline-block; width:1.25rem; height:1.25rem; vertical-align:middle; background:url(../image/down.svg) center no-repeat; background-size:contain;transition:.7s;}
#n_down ul li .btn_down:before{ content:""; width:100%; height:0; display:block; position:absolute; left:0; bottom:0; background:#003399; z-index:-1; transition:.7s; }
#n_down ul li .btn_down:hover:before{ height:100%; top:0; bottom: auto;}
#n_down ul li .btn_down:hover i{ background:url(../image/down_white.svg) center no-repeat; background-size:contain;}



.danxuan label { cursor:pointer; margin-right:1rem; font-size:.875rem; color:#4f4f4f; font-weight:normal;}
.danxuan label i {font-size:18px;font-style:normal;display:inline-block;width:18px;height:18px;text-align:center;line-height:18px;color:#fff;border:#ed9335 1px solid;vertical-align:middle;margin:-2px 5px 1px 0px; color:#7d7d7d; position:relative;}
.danxuan label i:before{ content:""; width:8px; height:8px; display:block; border-radius:50%; background:none; position:absolute; top:4px; left:4px; }
.danxuan input[type="checkbox"],input[type="radio"] {display:none;}
.danxuan input[type="radio"] + i {border-radius:50%;}
.danxuan input[type="checkbox"]:checked + i,input[type="radio"]:checked + i:before{ background:#ed9335;}
.danxuan input[type="checkbox"]:disabled + i,input[type="radio"]:disabled + i {border-color:#ccc;}
.danxuan input[type="checkbox"]:checked:disabled + i,input[type="radio"]:checked:disabled + i {background:#ccc;}


input::-webkit-input-placeholder{color:#6f6f6f; text-transform:uppercase; }
input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#6f6f6f;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#6f6f6f;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#6f6f6f;}/* WebKit browsers */
input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(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:#6f6f6f;}
textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */color:#6f6f6f;}
textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#6f6f6f;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#96f6f6f99;}/* WebKit browsers */
textarea:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(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; }

.j_form{ margin:0 -7px;}
.j_form .form-group{ width:50%; overflow:hidden; margin-bottom:10px; position:relative; }
.j_form .form-group>input{height:60px;width: calc(100% - 7.5rem);float: right;padding:0 10px;font-size:.875rem;color:#4f4f4f;background:none;background:#fff;border:1px solid #e5e5e5;border-left:0;}
.j_form .form-group .input{ height:60px; line-height:58px; width: calc(100% - 7.5rem); background:#fff; border:1px solid #e5e5e5; border-left:0;  padding:0 10px; float:right; font-size:.875rem; color:#4f4f4f; }
.j_form .form-group textarea{ background:#fff;  border:1px solid #e5e5e5; border-left:0; width: calc(100% - 7.5rem);  float:right; height:15.6rem; font-family:"微软雅黑"; line-height:26px; padding:15px 17px 15px 17px; font-size:.875rem; color:#4f4f4f; }
.j_form .form-group .file_r{background:#fff;border:1px solid #e5e5e5;border-left:0;width: calc(100% - 7.5rem);float:right;min-height: 8rem;font-family:"微软雅黑";line-height:26px;padding:15px 17px 15px 17px;font-size:.875rem;color:#4f4f4f;}
.j_form .form-group .yzm{ position:absolute; right:20px; top:10px; max-height:100%; height: 58px; background:none !important;}
.j_form .form-group .yzm img{ max-width:100%; max-height:100%; mix-blend-mode: multiply;}
.j_form .btn_tijiao{ display:block; width:100%; height:60px; font-size:14px; text-align: center; background:#ed9335; color:#fff; border:0; outline: none; clear:both; transition:.5s; cursor:pointer; margin-top:0px;}
.j_form .btn_tijiao:hover{background:#ffaf00;}
.j_form .form-group select{ width:100%; height:50px;  border:0; -webkit-appearance: none; background-image:url(/static/image/select_arrow.png); background-position:510px center; background-repeat:no-repeat; }
.j_form .form-group select option{ padding-top:10px; padding-bottom:10px;}
.j_form .span{display:block;width:7.5rem;height:100%;float:left;background:#fff;border:1px solid #e5e5e5;border-right:0;line-height:58px;font-size:.875rem;color:#4f4f4f;text-align:center;position:  absolute;}
 

.j_form .span i{ display:inline-block; vertical-align:middle; width:18px; height:22px; background-size:contain !important; margin-right:.5rem;}
.f_name{ background:url(../image/f_name.svg) center no-repeat;}
.f_email{ background:url(../image/f_email.svg) center no-repeat;}
.f_tel{ background:url(../image/f_tel.svg) center no-repeat;}
.f_company{ background:url(../image/f_company.svg) center no-repeat;}
.f_add{ background:url(../image/f_add.svg) center no-repeat;}
.f_sort{ background:url(../image/f_sort.svg) center no-repeat;}
.f_message{ background:url(../image/f_message.svg) center no-repeat;}
.f_vcode{ background:url(../image/f_vcode.svg) center no-repeat;}
.f_file{ background:url(../image/f_file.svg) center no-repeat;}
#n_tousu .j_form .form-group{ float:left; padding:0 7px; margin:0; margin-bottom:14px;}
#n_tousu { overflow:hidden;}
#n_tousu .tt{ margin-bottom:3rem;}
#n_tousu .tt span{ font-size:2.25rem; text-transform:uppercase; font-family:"Roboto Light"; color:#575757;}
#n_tousu .tt h3{ font-size:1.5rem; color:#3f3f3f; margin-bottom:2.5rem; margin-top:.2rem;}
#n_tousu .tt p{ font-size:.875rem; line-height:1.75rem}
#n_tousu .left{ width:285px;}
#n_tousu .right{width: calc(100% - 340px); max-width:1015px;}


.n_pro_box.m1280{ background:#fff; padding:4.3rem 3.2rem;}
#n_pro01{ overflow:hidden; border-bottom:1px solid #e8e8e8; padding-bottom:3.125rem;}
#n_pro01 .img{ width:24.375rem; float:left; margin-right:30px; height: 24rem;}
#n_pro01 .txt{}
#n_pro01 .txt h5{ font-size:1.625rem; color:#333; margin-bottom:.9rem;}
#n_pro01 .txt .fubiaoti{ font-size:.875rem; color:#707070;}
#n_pro01 .txt .miaoshu p{ font-size:.875rem; color:#707070; line-height:1.75rem; height:10.25rem; overflow:hidden; margin-top:1.125rem; margin-bottom:2.6rem;}
#n_pro01 .n_btn{ transition:.7s; text-align:center; display: inline-block; width:12.5rem; height:2.8125rem; font-size:.875rem; line-height:2.8125rem; background:#ed9335; color:#fff; border-radius:1.5rem; }
#n_pro01 .n_btn img{ width:1.5rem; display: inline-block; vertical-align:middle; margin-right:.5rem;}

#n_pro03{ padding-top:2.5rem; border-top:1px solid #e8e8e8; }
#n_pro03 .hd{ max-width:22rem; margin:0 auto; margin-bottom:2.1875rem;}
#n_pro03 .hd .box{ margin:0 auto; width:7.5rem; height:7.5rem; display:block; cursor:pointer; border:1px solid #c1c1c1; border-radius:50%; text-align:center; position:relative; z-index:1; transition: 400ms;}
#n_pro03 .hd font{}
#n_pro03 .hd font img{ max-width:2rem; max-height:1.6rem; display:inline-block; transition: 400ms;}
#n_pro03 .hd .img01{}
#n_pro03 .hd .img02{ display:none;}
#n_pro03 .hd p{ margin-top:.5rem; font-size:.9375rem; color:#5f5f5f; transition: 400ms;}
#n_pro03 .hd .box:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; transform: rotateX(-60deg); opacity: 0; visibility: hidden; transition: 400ms; background:#e27a3e; z-index:-1;}
#n_pro03 .hd .box:hover:before,#n_pro03 .hd .slick-current .box:before{ transform: rotateX(0deg); opacity: 1; visibility: visible; }
#n_pro03 .hd .box:hover,#n_pro03 .hd .slick-current .box{ border:1px solid #e27a3e;}
#n_pro03 .hd .box:hover .img01,#n_pro03 .hd .slick-current .box .img01{ display:none;}
#n_pro03 .hd .box:hover .img02,#n_pro03 .hd .slick-current .box .img02{ display:inline-block;}
#n_pro03 .hd .box:hover p,#n_pro03 .hd .slick-current .box p{ color:#fff; margin-bottom:10px;}
#n_pro03 .bd{ overflow:hidden;}
#n_pro03 .bd ul { margin:0 -.75rem;}
#n_pro03 .bd ul li{ padding:0 .75rem;}
#n_pro03 .bd ul li h5{ font-size:.9375rem; color:#666; text-align:center; padding-top:1rem;}

#n_pro03 .bd .slick-arrow{ z-index:999; position:absolute; width:23px; height:50px; margin-top:-12px; background-repeat:no-repeat; background-position:center;  background-color:rgba(0,0,0,.4); background-size:1.5rem !important;}
#n_pro03 .bd .slick-prev{ left:.75rem;}
#n_pro03 .bd .slick-next{ right:.75rem;}
#n_pro03 .bd .slick-prev{background-image:url(/static/image/left_white.svg); float:right; margin-right:3rem;}
#n_pro03 .bd .slick-next{background-image:url(/static/image/right_white.svg); margin-left:3rem; }
#n_pro03 .bd .slick-arrow:hover{ opacity:.8; }
#n_pro03 .bd .slick-arrow:before{ font-size:0; transform:translate(0,0); display:block; transition:.3s; opacity:1;}

.fangan_left{ width:17.5rem; background:#fff; float:left;}
.fangan_left ul li a{ display:block; text-align:left; overflow:hidden; padding:1.2rem 1.5rem; border-bottom:1px solid #e7e7e7; position:relative; z-index:1; transition:.5s;}
.fangan_left ul li font{ width:3.125rem; height:3.125rem; border:1px solid #e8e8e8; line-height:3rem; display: inline-block; border-radius:50%; float:left; text-align:center; margin-right:15px; display:none;}
.fangan_left ul li font img{ max-width:2rem; max-height:1.6rem; display:inline-block; transition: 400ms;}
.fangan_left ul li .img01{}
.fangan_left ul li .img02{ display:none;}
.fangan_left ul li p{  font-size:.9375rem; color:#333333; transition: 400ms; line-height:3.125rem;}
.fangan_left ul li i{ display:inline-block; width:14px; height:9px; background:url(../image/arrow01.png) center no-repeat; position:absolute; right:1.5rem; top:50%; margin-top:-4.5px;}
.fangan_left ul li a:before{ content:""; width:100%; height:0; display:block; position:absolute; left:0; bottom:0; background:#003399; z-index:-1; transition:.7s; }
.fangan_left ul li a:hover:before,.fangan_left ul li.on a:before{ height:100%; top:0; bottom: auto;}
.fangan_left ul li a:hover .img01,.fangan_left ul li.on a .img01{ display:none;}
.fangan_left ul li a:hover .img02,.fangan_left ul li.on a .img02{ display:inline-block;}
.fangan_left ul li a:hover p,.fangan_left ul li.on a p{ color:#fff;}
.fangan_left ul li a:hover i,.fangan_left ul li.on ai{ background:url(../image/arrow02.png) center no-repeat;}

.fangan_right{ width:calc(100% - 20.625rem); float:right; margin-bottom:1.5rem;}
.fangan_right ul{}
.fangan_right ul li{ border:1px solid #dedede; overflow:hidden; margin-bottom:1.5rem;}
.fangan_right ul li .img{ width:16rem; float:left; margin-right:1.875rem; border-right:1px solid #dedede;}
.fangan_right ul li .txt{ padding:3rem 3rem 0 0; }
.fangan_right ul li .txt h5{ font-size:1.1875rem; color:#3b3b3b; margin-bottom:1rem;}
.fangan_right ul li .txt p{ font-size:.8rem; line-height:1.5rem; height:3rem; overflow:hidden; color:#868686;}
.fangan_right ul li .n_btn{ display:block; width:6.875rem; height:1.875rem; line-height:1.875rem; text-align:center; border-radius:1rem; font-size:.75rem; color:#fff; background:#aaaaaa; margin-top:1.8rem;}
.n_btn.page__btn span{ background-color:#003399;}

.fangan_xq{ padding:3.75rem 3.1rem;}
.fangan_xq.fangan_right ul li .img{ float:none;}

#pro_re { overflow:hidden; padding-top:2.5rem; border-top:1px solid #e8e8e8; margin-top:3rem;}
#pro_re .tt{ margin-bottom:2.5rem; font-size:1.375rem; color:#333333;}
#pro_re ul { margin:0 -.75rem;}
#pro_re ul li{ padding:0 .75rem; border:0;}
#pro_re ul li h5{ font-size:.9375rem; color:#666; text-align:center; padding-top:1rem;}

#pro_re .slick-arrow{z-index: 994;position:absolute;width:23px;height:50px;margin-top:-20px;background-repeat:no-repeat;background-position:center;background-color:rgba(0,0,0,.4);background-size:1.5rem !important;}
#pro_re .slick-prev{ left:.75rem;}
#pro_re .slick-next{ right:.75rem;}
#pro_re .slick-prev{background-image:url(/static/image/left_white.svg); float:right; margin-right:3rem;}
#pro_re .slick-next{background-image:url(/static/image/right_white.svg); margin-left:3rem; }
#pro_re .slick-arrow:hover{ opacity:.8; }
#pro_re .slick-arrow:before{ font-size:0; transform:translate(0,0); display:block; transition:.3s; opacity:1;}


.pro_left{ width:17.5rem; float:left;}
.pro_left ul li{ border-bottom:1px solid #e7e7e7;}
.pro_left ul li a{display:block;text-align:left;overflow:hidden;padding: 0.85rem 1.2rem;position:relative;z-index:1;transition:.5s;}
.pro_left ul li .dt{background:#FFF; position:relative; z-index:1;}
.pro_left ul li .dt a{ width:calc(100% - 60px);}
.pro_left ul li font{ width:3.125rem; height:3.125rem; border:1px solid #e8e8e8; line-height:3rem; display: inline-block; border-radius:50%; float:left; text-align:center; margin-right:15px;}
.pro_left ul li font img{ max-width:2rem; max-height:2rem; display:inline-block; transition: 400ms;}
.pro_left ul li .img01{}
.pro_left ul li .img02{ display:none;}
.pro_left ul li p{  font-size:1.0rem; color:#333333; transition: 400ms; line-height:3.125rem; font-weight:bold;}
.pro_left ul li .dt i{ display:inline-block; cursor:pointer; width:30px; height:3.125rem; background:url(../image/pro_arr_bot.png) center no-repeat; position:absolute; right:1rem; top:.85rem;  z-index:99;}
.pro_left ul li .dt:before{ content:""; width:100%; height:0; display:block; position:absolute; left:0; bottom:0; background:#039; z-index:-1; transition:.7s; }
.pro_left ul li .dt:hover:before,.pro_left ul li.on .dt:before{ height:100%; top:0; bottom: auto;}
.pro_left ul li .dt:hover .img01,.pro_left ul li.on .dt .img01{ display:none;}
.pro_left ul li .dt:hover .img02,.pro_left ul li.on .dt .img02{ display:inline-block;}
.pro_left ul li .dt:hover p,.pro_left ul li.on .dt p{ color:#fff;}
.pro_left ul li .dt:hover i,.pro_left ul li.on .dt i{ background:url(../image/pro_arr_top.png) center no-repeat !important;}
.pro_left ul li .dd{ padding: .5rem 0; background: #e7ecf4;}
.pro_left ul li .dd a{ padding-top:3px; padding-bottom:3px; background: #e7ecf4; margin:0 8px;}
.pro_left ul li .dd .li:hover>a,.pro_left ul li .dd .li.on>a{ background:#cad2de;}
.pro_left ul li .dd font{width: 1.5rem;height: 1.5rem;border:0;overflow:hidden;display:none; margin-top: .5rem;margin-left: 1.5rem;}
.pro_left ul li .dd font img{ display:block; width:100%; height:100%; max-width:inherit; max-height:inherit;}
.pro_left ul li .dd p{line-height:2.5rem;font-size:0.95rem;font-weight:400;color: #333 !important;padding-left: 0.7rem;}
.pro_left ul li .dd p:before{content:"◇";font-size:1.0rem;border-radius:50%;font-family:arial;display:block;position:absolute;left: 0.9rem;color:#039;}
.pro_left ul li .dd i{ display:inline-block; width:14px; height:9px; position:absolute; right:1.5rem; top:50%; margin-top:-4.5px; display:none;}
.pro_left ul li .dd .li a:hover i,.pro_left ul li .dd .on a i{ background:url(../image/arrow02.png) center no-repeat;}
.pro_left ul li .sanji{ padding:0px 0;}
.pro_left ul li .sanji a{display:block;font-size:.84rem;line-height:1.5;color:#666; border:1px solid transparent; margin:2px rem; margin-left: 1.6rem;}
.pro_left ul li .sanji a:before{ content:""; display:inline-block; width:4px; height:4px; border-radius:50%; background:#039; margin-right:5px;    vertical-align: middle;}
.pro_left ul li .sanji a.on,.pro_left ul li .sanji a:hover{ color:#039; border:1px solid #bbb;}
.pro_left ul li .sanji a.on:before,.pro_left ul li .sanji a:hover:before{ background:#da8836;}
.pro_right{ width:calc(100% - 20.625rem); float:right; margin-bottom:1.5rem;}

.pro_right ul{margin:0 -1rem;margin-top: -.8rem;}
.pro_right ul li{width:50%;float:left;padding: 0 1rem;}
.pro_right ul li a{display:block;overflow:hidden;margin: .8rem 0;border: 1px solid #ddd;}
.pro_right ul li .img{width:17rem;float:left;margin-right: 1rem;border-right:1px solid #dedede;height: 17rem;}
.pro_right ul li .txt{padding: 1rem;}
.pro_right ul li .txt h5{font-size:1.125rem;color:#154b7e;margin-bottom:1rem;background:#c2e8fc;border-radius:5rem;font-weight:bold;padding: .5rem .5rem;}
.pro_right ul li .txt p{ font-size:.8rem; line-height:1.5rem; height:3rem; overflow:hidden; color:#868686;}
.pro_right ul li .n_btn{height:1.875rem;line-height:1.875rem;font-size:.8rem;color:#666666;transition:.4s;display:inline-block;}
.pro_right ul li .n_btn:hover{ padding:0 10px; color:#fff;}
.pro_wap{ overflow:hidden; position:relative; top:-3rem;}
.pro_wap .li{ width:25%; float:left; line-height:4; text-align:center;}
#n_fangan{ margin-top:-4rem; padding-top:5rem;}

@media (max-width: 1360px)
{
    .pro_right ul li{ width:100%;}
}

#nav .list{ white-space:nowrap;  height:0; background:#fefefe url(/static/image/nav_bg.jpg) center top no-repeat; padding-top:30px; position:absolute;top:5.9rem; left:0; opacity:0; visibility:hidden; transition:.7s; overflow:hidden; box-shadow:0 1px 1px rgba(0,0,0,.1);}
#nav .list .con{ display:inline-block; margin-left:20px; margin-right:20px; vertical-align:top;}
#nav .list .img{ width:290px; display:inline-block; height:200px; margin-right:30px;}
#nav .list a{ color:#574f42; line-height:26px; display:block;font-size:.875rem;text-decoration:none; font-weight:normal; transition:.5s; }
#nav .list a:hover{ margin-right:0; color:#e27a3e;}
#nav .list a:before{ content:""; display: inline-block; margin-right:6px; width:8px; height:8px; border:1px solid #e27a3e; transform:scale(0); border-radius:50%; opacity:0; filter:alpha(opacity=0); position:relative; top:-6px; transition:.5s;}
#nav .list a:hover:before{opacity:.8; filter:alpha(opacity=80);  transform:scale(1); }
#nav li:focus .list,#nav li:hover .list{ opacity:1; visibility:visible; height:270px;}
#nav li:focus .list a,#nav li:hover .list a{ }
#nav ul li:nth-child(5) .list{ right:0; left:auto; }
#nav ul li:nth-child(6) .list{ right:0; left:auto; }
#nav ul li:nth-child(7) .list{ right:0; left:auto; }
#pro{ position:absolute; top:-8rem;}
.gobank{width: 8rem;height: 35px;line-height: 33px;display:block;float:right;border-radius:2rem;text-align:center;position:relative;z-index:1;transition:.5s;overflow:hidden;margin:0 auto;margin-top:1rem;margin-bottom:1rem;border:1px solid #7b7b7b;font-size: .875rem;}
.gobank:before{content:"";display: inline-block;width: 1rem;height: 1rem;margin-right:.5rem;background:url(../image/fanhui.svg) center no-repeat;background-size: 1.3rem !important;vertical-align:middle;}
.gobank:hover{background:#039; color:#fff; border:1px solid #039;}
.gobank:hover:before{ background:url(../image/fanhui_on.svg) center no-repeat; background-size:1.3rem !important; }

.ar_pro{}
.ar_pro dl{ padding:3rem 0 1rem; margin:0; border-bottom:1px solid #ddd;}
.ar_pro dt h3{ margin-bottom:2rem; font-size:1.25rem; color:#333;}
.ar_pic_list img{ display:block; margin:0 auto; margin:1rem 0; width:100%;}
.ar_pic_list div{ margin-bottom:2rem;}
.ar_pic_list div h5{ font-weight:normal; white-space:normal; overflow:visible;}

@media (max-width: 480px)
{
    .ar_pic_list{ margin:0 -5px;}
    .ar_pic_list div{ padding:0 5px;}
    .ar_pic_list div h5{ font-size:10px;}
}

/*====翻页效果====*/
.j_pages{ margin:2rem;  }
.j_pages .box{display:inherit;width:100%;text-align: center; font-size:0; }
.j_pages a{padding: 0px 11px; min-width:32px; height: 32px;line-height: 32px;display:inline-block; font-family:arial; margin:0 5px; background:#eee; color: #646466;font-size: 14px; box-sizing: border-box;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.j_pages .on{background:#039;color:#fff!important; }
.j_pages a.an{font-family:simsun;  }
.j_pages i{ display:inline-block; }
.j_pages a:hover{background:#039;color:#fff!important;text-decoration:none;}
.j_pages a.an:hover{border:1px solid #039;}

.online_q {  position: fixed; right: 0; bottom: 10%; z-index: 999; transition:.5s; -webkit-transition:.5s; border-radius: 2.5rem; padding: 1.25rem 0;  }
.online_q .close{ position:absolute; right: -1rem; font-size: 1rem; color: #969797; opacity: 1; font-weight: normal; cursor: pointer;}
.online_q .btn2{width:4.25rem; height:4.25rem; margin-bottom: 4px; background: #0a7eca; transition: .5s; border-radius: 3px; cursor:pointer; position:relative; }
.online_q .btn-top{ padding:0; transition:.5s; overflow:hidden;} 
.online_q .btn2 a{  font-size:12px; color:#fff;}
.online_q .btn2 span{display:flex;float:left; color: #fff; flex-direction: column; font-size: .75rem;  text-align: center;width:4.25rem;height:4.25rem;justify-content: center;align-items: center;position:relative;z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s; overflow: hidden;flex-shrink: 0;}
.online_q .btn2 span svg{ margin-bottom: 4px;} 
.online_q .open.pic{position:absolute;background:#eef2f6;border-radius: 3px;width:110px;height:auto;right:80px;top: 0;text-align:right;opacity:0;transition: .6s;-webkit-transition: .6s;visibility:hidden;padding: 10px;}
.online_q .open.pic img{}
.online_q .open.pic .txt1{text-align: center;font-size: 12px;color: #666;margin-top: 8px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:5rem;visibility:visible;}
.online_q .open.phone{ position:absolute; background:#eef2f6; width:150px; height:4.25rem; border-radius: 3px; right:80px; display: flex; align-items: center; justify-content: center; color: #529de1;
top:0;  transition: .6s; -webkit-transition: .6s; opacity:0; visibility:hidden; }
.online_q .open.phone p{ color: #2b4886; font-family: BarlowCondensed-Medium; font-size: 1.25rem; }
.online_q .btn2:hover .open.phone{transition:.5s; -webkit-transition:.5s; opacity:1; visibility:visible;}
.online_q .open.pic:before{content:"";display:block;width:0;height:0;border:10px solid transparent;border-left:10px solid #eef2f6;position:absolute;right:-15px;top: 1.75rem;margin-top: 0;}
.online_q .open.phone:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #eef2f6; position:absolute; right:-15px; top:50%; margin-top:-10px;}
.online_q .btn2:hover{ background: #203d7a;}
#gotop.hide{height:0; overflow:hidden; display:block !important;}
#banner{position: relative;}
.dgmb {display:none;}
#banner .jt{position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;display: flex;align-items: center;justify-content: center;width: 3.125rem;height: 3.125rem;border-radius: 50%;z-index: 5;background-color: #fff;}
#banner .jt svg{width: 1rem;height: 1rem;}
#banner .jt svg path{fill: #003399;}
#banner .prev{left: 10rem;}
#banner .next{right: 10rem;}

@media screen and (max-width: 680px) {
  #n_news ul li img {height:130px;}
  .dgpc {display:none;}
  .dgmb {display:block;}
}