@charset "utf-8";
/* CSS Document */

body {
	font-size: 100%;
	line-height: 1.1;
	width: 100%;
	position: relative;
	font-family: "微软雅黑", sans-serif;
	overflow-x: hidden;
	background: #fff;
}
* {
	padding: 0;
	margin: 0;
}
img {
	max-width: 100%;
}
#bdshare_weixin_qrcode_dialog *, #bdshare_weixin_qrcode_dialog {
	box-sizing: content-box;
}
.j_tab {
	display: table;
	width: 100%;
	height: 100%;
}
.j_tab_cel {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
* {
	margin: 0;
	padding: 0;
	outline: none;
}
a {
	color: inherit;
}
a:focus {
	outline: none !important;
}
h4, .h4, h5, .h5, h6, .h6, h1, .h1, h2, .h2, h3, .h3, p {
	margin: 0;
}
h5 {
}
h5 a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
img {
	max-width: 100%;
	max-height: 100%;
}
.img img {
	width: 100%;
	height: 100%;
	transition: 1s;
        object-fit: cover;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	-o-transition: 1s;
}
li:hover .img img {
	transform: scale(1.05) rotate(.1deg);
	-webkit-transform: scale(1.05) rotate(.1deg);
	-moz-transform: scale(1.05) rotate(.1deg);
	-ms-transform: scale(1.05) rotate(.1deg);
	-o-transform: scale(1.05) rotate(.1deg);
}
svg {
	max-width: 100%;
	max-height: 100%;
}
table {
	table-layout: fixed;
}
.ovh {
	overflow: hidden;
	width: 100%;
}
.m {
	max-width: 1740px;
	height: 100%;
	margin: 0 auto;
	padding: 0 70px;
	display: block;
	position: relative;
}
.pad_top {
	padding-top: 4.625rem;
}
.pad_bot {
	padding-bottom: 4.625rem;
}
.pad_aside {
	padding-left: 45px;
	padding-right: 45px;
}
.draw_h {
	width: 67px !important;
	height: 67px !important;
	line-height: 65px !important;
	display: block;
	border-radius: 50%;
	text-align: center;
	position: relative;
}
.draw_h:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid rgba(100%,100%,100%,.5);
	border-radius: 50%;
}
svg.drawcircle {
	position: absolute;
	top: 0;
	left: 0;
	overflow: inherit;
	display: block;
	pointer-events: none;
}
svg.drawcircle circle {
	fill: none;
	box-sizing: border-box;
	stroke-width: 2;
	stroke: none;
	stroke-dasharray: 0, 188.49;
	stroke-dashoffset: 188.49;
	transition: all .3s linear 0s;
}
.draw_h:hover svg.drawcircle circle {
	stroke: #fff;
	stroke-dasharray: 188.49, 0;
	stroke-dashoffset: 188.49;
	-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);
}
.draw_h .icon {
	fill: #626262;
	vertical-align: middle;
	transition: .3s;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.draw_h:hover .icon {
	fill: #0081cc;
}
/*===========================header=============================*/

svg {
	display: inline-block;
	vertical-align: middle;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}
svg path {
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}
/* html *, html *:before, html *:after {

    box-sizing: border-box;

    -webkit-transition: 0.5s;

    transition: 0.5s;

} */

[class^="btn_"] {
	position: relative;
	z-index: 1;
	font-size: .9375rem;
	display: block;
	width: 12.1875rem;
	height: 3.75rem;
	line-height: 3.75rem;
	text-transform: uppercase;
	overflow: hidden;
	text-align: center;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
[class^="btn_"]:before, [class^="btn_"]:after, [class^="bg_"]:before, [class^="bg_"]:after {
	box-sizing: border-box;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
/*===========================header=============================*/



#header {
	height: 6.25rem;
	z-index: 999;
	background: none;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 998;
}
#header .m {
	height: 100%;
	display: flex;
	justify-content: space-between;
}
#logo {
	float: left;
	height: 100%;
}
#logo img {
}
#logo img.img02 {
	display: none;
}
#header .fr {
	display: flex;
	flex-grow: 1;
	max-width: 80%;
}
#nav {
	float: left;
	margin-right: 1.875rem;
	flex-grow: 1;
}
#nav ul {
	display: flex;
}
#nav ul li {
	float: left;
	height: 6.25rem;
	position: relative;
	z-index: 0;
	flex-grow: 1;
	text-align: center;
}
#nav ul li a {
	display: block;
	text-transform: uppercase;
}
#nav ul li h3 {
	font-size: 1rem;
	color: #fff;
	line-height: 6.25rem;
	height: 6.25rem;
	overflow: hidden;
	text-align: center;
	position: relative;
	display: inline-block;
}
#nav ul li h3:before {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	background: #86c127;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	transform: scaleX(0);
	transition: .5s;
}
#nav ul li.on h3 {
}
#nav ul li.on h3:before, #nav ul li:hover h3:before {
	transform: scaleX(1);
	opacity: 1;
}
#nav ul li h3 svg {
	width: 12px;
	height: 12px;
	display: inline-block;
}
#nav ul li a i {
	display: inline-block;
	background: url(../images/nav_down.png) center no-repeat;
	width: 9px;
	height: 6px;
	background-size: contain;
	vertical-align: middle;
	margin-left: 8px;
}
#nav ul li .sub {
	position: absolute;
	top: 100%;
	background: #fff;
	width: 120px;
	left: 50%;
	margin-left: -60px;
	z-index: 10000;
	transform: translateY(20px);
	visibility: hidden;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: .5s;
}
#nav ul li .sub .box {
	background: #fff;
	text-align: center;
}
#nav ul li .sub a {
	padding: 0;
	line-height: 2;
	transition: .3s;
	font-size: .875rem;
	padding: 8px 20px;
}
#nav ul li .sub a:hover {
	color: #fff;
	background: #86c127;
}
#nav ul li:hover .sub {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.top_menu {
	float: left;
	height: 6.25rem;
}
.top_menu .ico {
	float: left;
	margin-left: 1.5rem;
}
#top_tel {
	height: 100%;
	display: flex;
	align-items: center;
	font-family: BEBASNEUE_BOLD;
	color: #fff;
	font-size: 1.5rem;
}
/*语言切换*/

.top_menu #yuyanBtn {
	position: relative;
	height: 100%;
}
.top_menu #yuyanBtn .dt {
	height: 100%;
}
.top_menu #yuyanBtn i {
	display: inline-block;
	width: 9px;
	height: 6px;
	background-size: contain;
	vertical-align: middle;
	margin-left: 8px;
}
.top_menu #yuyanBtn i svg {
	display: block;
}
.top_menu #yuyanBtn .dd {
	position: absolute;
	top: 100%;
	background: #fff;
	width: 130px;
	left: 50%;
	margin-left: -65px;
	border: 1px solid #bbb;
	border-bottom: 5px solid #016aaf;
	z-index: 10000;
	transform: translateY(-20px);
	visibility: hidden;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: .5s;
}
.top_menu #yuyanBtn:hover .dd {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}
.top_menu #yuyanBtn .dd .box {
	padding: 10px 20px;
	background: #fff;
}
.top_menu #yuyanBtn .dd:before {
	content: "";
	position: absolute;
	top: -3px;
	right: 50%;
	margin-right: -20px;
	height: 40px;
	width: 40px;
	background-color: #FFFFFF;
	border: 1px solid #bbb;
	z-index: -1;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}
.top_menu #yuyanBtn .dd a {
	display: block;
	text-align: center;
	line-height: 35px;
	height: 35px;
	color: #333;
}
/*搜索*/

#searchBtn {
	height: 100%;
}
#searchBtn a {
	display: block;
	width: 42px;
	height: 42px;
	line-height: 39px;
	border-radius: 50%;
	text-align: center;
	transition: .3s;
	overflow: hidden;
}
#searchBtn svg {
	vertical-align: middle;
	display: inline-block;
	fill: #fff;
}
.top_menu .ico a {
	font-size: 14px;
	color: #fff;
	font-family: arial;
	text-transform: capitalize;
	display: block;
	width: 100%;
	height: 40px;
	line-height: 38px;
}
.top_menu .icon {
	fill: #626262;
	vertical-align: middle;
	width: 27px;
	height: 27px;
}
#header:hover {
	background: #fff;
}
#header:hover #logo .img01 {
	display: none;
}
#header:hover #logo .img02 {
	display: block;
}
#header:hover #nav ul li h3 {
	color: #333;
}
#header:hover #nav ul li h3 svg path {
	stroke: #777;
}
#header:hover #searchBtn svg {
	fill: #757678;
}
#header:hover .top_menu .ico a {
	color: #666;
}
#header:hover .top_menu #yuyanBtn i svg path {
	stroke: #666;
}
#header:hover .top_menu .icon path {
	fill: #757678;
}
#header:hover #top_tel {
	color: #014590;
}
#header:hover #top_tel path {
	fill: #014590;
}
#header.xg {
	background: #fff;
	height: 6rem;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
}
#header.xg #logo .img01 {
	display: none;
}
#header.xg #logo .img02 {
	display: block;
}
#header.xg #nav ul li {
	height: 6rem;
}
#header.xg #nav ul li h3 {
	color: #333;
	line-height: 6rem;
	height: 6rem;
}
#header.xg #nav ul li h3 svg path {
	stroke: #777;
}
#header.xg #searchBtn svg {
	fill: #757678;
}
#header.xg .top_menu {
	height: 6rem;
}
#header.xg .top_menu .ico a {
	color: #666;
}
#header.xg .top_menu #yuyanBtn i svg path {
	stroke: #666;
}
#header.xg .top_menu .icon path {
	fill: #757678;
}
#header.xg #top_tel {
	color: #014590;
}
#header.xg #top_tel path {
	fill: #014590;
}
.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.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}*/

.tc_close {
	position: absolute;
	cursor: pointer;
	color: #e13a39;
	font-size: 30px;
	right: 30px;
	top: 30px;
}
.tc_bg {
	height: 100%;
	background: rgba(0,0,0,.85);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	transition: .5s;
}
.tc.act .tc_bg {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transition: .5s;
}
#tc_search {
	width: 100%;
	padding: 3rem;
	background: #016aaf;
	position: relative;
	transform: translateY(-100%);
	transition: .5s .5s ease-out;
	z-index: 1;
	overflow: hidden;
}
.act #tc_search {
	transform: translateY(0);
	transition: .5s ease-in;
}
/*弹窗内容样式*/

#tc_search form {
	height: 5rem;
	position: relative;
	width: 900px;
	max-width: 90%;
	margin: 0 auto;
}
#tc_search form:after {
	content: "";
	width: 0;
	height: 1px;
	background: #fff;
	transition: .5s;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}
.act #tc_search form:after {
	width: 100%;
	transition: ease-in-out .5s .5s;
}
#tc_search #keyword {
	width: 90%;
	height: 5rem;
	font-size: 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(../images/seach_white.svg) center center no-repeat;
	background-size: 1.8rem;
	font-size: 1.125rem;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
}
#tc_search .btn_blue.fr {
	background: #e9edef;
	color: #4e4f53;
}
 #tc_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.7);
}
 #tc_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.7);
}
 #tc_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
c color:#fff;
color: rgba(255,255,255,.7);
}
 #tc_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.7);
}/* WebKit browsers */
 #tc_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */
 #tc_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 #tc_search input:focus::-moz-placeholder {
color: transparent;
}/* Internet Explorer 10+ */
 #tc_search input:focus:-ms-input-placeholder {
color: transparent;
}/* 点击搜索框获取焦点 placeholder消失-结束 */
#tc_search .draw_h:before {
	border: 1px solid rgba(255,255,255,.3);
}
#tc_search .draw_h:hover svg.drawcircle circle {
	stroke: #fff;
}
#tc_search .draw_h img {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	left: 50%;
	margin-left: -8px;
	transition: .3s;
	width: 16px;
}
/***********************/



/*手机导航开始*/

#m_header {
	display: none;
	height: 4.5rem;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	transition: 0s 1.5s;
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
#m_header .m {
	position: relative;
	height: 100%;
}
.m_user {
	height: 4.5rem;
	line-height: 4.5rem;
	margin-right: 4rem;
	color: #999;
}
.m_user a {
	display: inline-block;
	margin: 0 .625rem;
	color: #666;
}
.m_user a svg {
	width: 16px;
}
.m_user a:hover {
	color: #ff0000;
}
.m_user a:hover svg path {
	fill: #ff0000;
}
#m_logo {
	transition: 0s 1.5s;
	height: 100%;
	visibility: visible;
	float: left;
}
#m_logo img {
	display: block;
	height: 40px;
}
/*导航按钮开始*/

#nav_btn_box {
	height: 100%;
	z-index: 999999999;
	margin-left: 20px;
	position: fixed;
	height: 4.5rem;
	right: 0;
	top: 0;
	display: none;
}
#nav_btn_box.on {
	background: none;
}
#nav_btn {
}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {
	background: #fff;
}
#nav_btn {
	cursor: pointer;
	text-align: center;
	z-index: 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.375rem;
	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.375rem;
}
#nav_btn .navbtn {
	position: absolute;
	top: 12px;
	left: 0;
	display: inline-block;
	width: 1.375rem;
	height: 1px;
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;/* background: #333; */
}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {
	position: absolute;
	left: 0;
	display: inline-block;
	width: 1.375rem;
	height: 3px;
	content: '';
	-webkit-transition: all .3s ease-out 0s;
	-moz-transition: all .3s ease-out 0s;
	-ms-transition: all .3s ease-out 0s;
	-o-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
	background: #939393;
}
#nav_btn .navbtn::after {
	top: -5px;
}
#nav_btn .navbtn::before {
	top: 5px;
}
#nav_btn .point.on .navbtn {
	background: transparent;
}
#nav_btn .point.on .navbtn::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
}
#nav_btn .point.on .navbtn::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
}
/*导航按钮结束*/

.m_nav_list {
	flex-direction: column;
	justify-content: flex-start;
	width: 100%;
	overflow: auto;
}
 .m_nav_list::-webkit-scrollbar {
display:none
}
#m_nav {
	z-index: 99999;
	position: fixed;
	background: #00316b;
	width: 20rem;
	height: 100vh;
	right: -400px;
	top: 0;
	display: none;
	padding: 50px 0;
	overflow: hidden;
	pointer-events: none;
	transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	-ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
	display: block;
	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 {
	display: block;
}
#m_nav li .a h3 {
	line-height: 4.5rem;
	height: 4.5rem;
	color: #fff;
	padding: 0;
	font-size: 1.125rem;
	float: left;
	width: 13rem;
}
#m_nav li .a span {
	display: block;
	position: absolute;
	top: 0;
	right: 10px;
	width: 20px;
	height: 50px;
	text-align: center;
}
#m_nav li .a span i {
	font-size: 0;
}
#m_nav .title .a i {
	opacity: 1;
	filter: alpha(opacity=100);
	display: inline-block;
	width: 10px;
	height: 4.5rem;
	float: right;
	display: inline-block;
	background: url(../images/arrow_down.svg) center no-repeat;
	background-size: contain;
}
#m_nav li.on.title .a i {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
}
#m_nav .on.title .a i {
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
}
#m_nav li {
	display: block;
	width: 100%;
}
.slide_nav {
	position: absolute;
	left: 0;
	height: 70px;
	z-index: 998;
	padding: 15px;
	top: 0;
	width: 100%;
}
#m_nav .title .list {
	display: none;
	position: relative;
	width: 100%;
	z-index: 9;
	left: 0;
	margin-left: 0;
	background: none;
	border: 0;
	clear: both;
	padding-bottom: 10px;
}
#m_nav .title .list span {
	background: none;
}
#m_nav .title .list span a:hover {
	color: #014085;
}
#m_nav .title .list a {
	display: block;
	font-size: 1rem;
	color: #fff;
	text-align: left;
	line-height: 35px;
	height: 35px;
	border: 0;
	font-weight: 300;
}
/*三级导航 开始*/

#m_nav .title .list .void>a {
	background-size: 10px;
	position: relative;
}
#m_nav .title .list .void>a:before {
	content: "·";
	position: absolute;
	left: -1em;
	font-size: 12px;
	font-weight: bold;
}
#m_nav .title .list span {
	position: relative;
	display: block;
}
#m_nav .title .list span .sub {
	position: static;
	width: 100%;
	display: block !important;
	overflow: hidden;
}
#m_nav .title .sub a {
	background: none;
	font-size: .875rem;
	opacity: .8;
	min-width: 50%;
	float: left;
	display: inline-block;
	color: #999;
}
.nav_mask {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: rgba(0,0,0,0.4);
	display: none;
}
/*顶部搜索*/

.wap_search {
	font-size: 16px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	font-family: arial;
	letter-spacing: 2px;
	line-height: 40px;
	transition: height .4s ease-in-out;
	-webkit-transition: height .4s ease-in-out;
	overflow: hidden;
	width: 100%;
}
.wap_search form {
	height: 40px;
	border-radius: 20px;
	background: rgba(255,255,255,.15);
	position: relative;
	width: 18rem;
	margin: 20px auto;
}
.wap_search .input {
	font-size: .875rem;
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding-left: 1.5rem;
	box-shadow: none;
	-webkit-appearance: none;
	float: left;
	border-right: 0;
	background: none;
}
.wap_search .btn_blue {
	position: absolute;
	cursor: pointer;
	top: 0;
	right: 0;
	width: 50px;
	height: 40px;
	line-height: 40px;
	border: 0;
	background: url(../images/seach_white.svg) center no-repeat;
	background-size: 1.5rem;
}
.wap_search .btn_blue.fr {
	background: #e9edef;
	color: #4e4f53;
}
 .wap_search input::-webkit-input-placeholder {
color:#fff;
color: rgba(255,255,255,.9);
}
 .wap_search input::-moz-placeholder {   /* Mozilla Firefox 19+ */
color:#fff;
color: rgba(255,255,255,.9);
}
 .wap_search input:-moz-placeholder {    /* Mozilla Firefox 4 to 18 */
color:#fff;
color: rgba(255,255,255,.9);
}
 .wap_search input:-ms-input-placeholder {  /* Internet Explorer 10-11 */
color:#fff;
color: rgba(255,255,255,.9);
}/* WebKit browsers */
 .wap_search input:focus::-webkit-input-placeholder {
color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}/* Mozilla Firefox 4 to 18 */
 .wap_search input:focus:-moz-placeholder {
color: transparent;
}/* Mozilla Firefox 19+ */
 .wap_search input:focus::-moz-placeholder {
color: transparent;
}/* Internet Explorer 10+ */
 .wap_search input:focus:-ms-input-placeholder {
color: transparent;
}/* 点击搜索框获取焦点 placeholder消失-结束 */
/*首页banner*/



/*首页banner*/

#banner {
	width: 100%;
	overflow: hidden;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	background: #fff;
}
#banner .banner_slider {
	margin: 0;
}
#banner li {
	position: relative;
	overflow: hidden;
}
#banner li .img {
	width: 100%;
	height: 59.375rem;
	background-size: cover !important;
	z-index: 8;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
 @-webkit-keyframes bgscale {
 from {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
}
 to {
-webkit-transform: scale(1);
transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
}
 @keyframes bgscale {
 from {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
}
 to {
-webkit-transform: scale(1);
transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
}
#banner .slick-active .img {
	animation: bgscale 6s linear forwards;
	-webkit-animation: bgscale 6s linear forwards;
}
#banner .m {
	height: 100%;
}
#banner li.slick-current {
	z-index: 999;
}
#banner .con {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}
#banner .pic {
	margin: 0 auto;
	color: #fff;
	margin-top: 0rem;
	opacity: 0;
	transform: translateY(-100px);
	transition: .8s;
	-webkit-transition: .8s;
	-moz-transition: .8s;
	-ms-transition: .8s;
	-o-transition: .8s;
	-webkit-transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
}
#banner .pic img {
	display: inline-block;
}
#banner li.slick-current {
	z-index: 999;
}
#banner .slick-current .pic {
	opacity: 1;
	animation: enter 1.3s ease forwards;
	-webkit-animation: enter 1.3s ease forwards;
}
#banner .swiper-pagination {
	position: absolute;
	bottom: 3rem;
	left: 50%;
	margin-left: -680px;
	text-align: left;
}
#banner .swiper-pagination span {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-bottom: 24px;
	position: relative;
	background: url(../images/bot.png) center 11px no-repeat;
	opacity: 1 !important;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}
#banner .swiper-pagination span:before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid rgba(255,255,255,1);
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
#banner .swiper-pagination span.swiper-pagination-bullet-active:before {
	background: #fff;
}
#banner .slickdotbox {
	bottom: 12.5rem;
	top: auto;
	position: absolute;
	width: 100%;
	text-align: center;
	padding-right: 2.875rem;
}
#banner .slickdotbox ul {
	text-align: center;
}
#banner .slickdotbox li {
	width: 1.375rem;
	height: 1.375rem;
	margin: 0 2px;
	cursor: pointer;
	padding: 1px;
}
#banner .slickdotbox li .draw_h {
	width: 100% !important;
	height: 100% !important;
	line-height: 1.25rem !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
#banner .slickdotbox li i {
	display: block;
	position: relative;
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	opacity: 1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}
#banner .slickdotbox li.slick-current {
}
#banner .slickdotbox li .draw_h:before {
	display: none;
}
#banner svg.drawcircle circle {
	stroke-width: 1px;
	stroke-dasharray: 0, 62.8;
	stroke-dashoffset: 62.8;
}
#banner li.slick-current .draw_h svg.drawcircle circle {
	stroke: #fff;
	stroke-dasharray: 62.8, 0;
	stroke-dashoffset: 62.8;
	-webkit-transition: all 7s cubic-bezier(0.11, 0.57, 0.58, 1);
	transition: all 7s cubic-bezier(0.11, 0.57, 0.58, 1);
}
@-webkit-keyframes enter {
 0% {
opacity: 0;
transform:translateY(100px);
-webkit-transform:translateY(100px);
-moz-transform:translateY(100px);
-ms-transform:translateY(100px);
-o-transform:translateY(100px);
}
 20% {
opacity: 0;
transform:translateY(100px);
-webkit-transform:translateY(100px);
-moz-transform:translateY(100px);
-ms-transform:translateY(100px);
-o-transform:translateY(100px);
}
 100% {
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
}
}
 @keyframes enter {
 0% {
opacity: 0;
transform:translateY(100px);
-webkit-transform:translateY(100px);
-moz-transform:translateY(100px);
-ms-transform:translateY(100px);
-o-transform:translateY(100px);
}
 20% {
opacity: 0;
transform:translateY(100px);
-webkit-transform:translateY(100px);
-moz-transform:translateY(100px);
-ms-transform:translateY(100px);
-o-transform:translateY(100px);
}
 100% {
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
}
}
 @-webkit-keyframes anim-out-pseudo {
 0% {
background: rgba(0, 0, 0, 0.25);
}
 100% {
background: transparent;
}
}
 @-moz-keyframes anim-out-pseudo {
 0% {
background: rgba(0, 0, 0, 0.25);
}
 100% {
background: transparent;
}
}
 @-ms-keyframes anim-out-pseudo {
 0% {
background: rgba(0, 0, 0, 0.25);
}
 100% {
background: transparent;
}
}
 @keyframes anim-out-pseudo {
 0% {
background: rgba(0, 0, 0, 0.25);
}
 100% {
background: transparent;
}
}
 @-webkit-keyframes anim-out {
 0% {
width: 0%;
}
 100% {
width: 100%;
}
}
 @-moz-keyframes anim-out {
 0% {
width: 0%;
}
 100% {
width: 100%;
}
}
 @-ms-keyframes anim-out {
 0% {
width: 0%;
}
 100% {
width: 100%;
}
}
 @keyframes anim-out {
 0% {
width: 0%;
}
 100% {
width: 100%;
}
}
.btn_ts {
	display: block;
	color: #fff;
	overflow: visible;
	margin-top: 4rem;
}
.btn_bg {
	position: absolute;
	overflow: hidden;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #86c127;
	z-index: -1;
}
.btn_bg:before {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent transparent transparent #0066b2;
	position: absolute;
	bottom: 0;
	left: 0;
}
.btn_bg:after {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent #0066b2 transparent transparent;
	position: absolute;
	top: 0;
	right: 0;
}
.btn_ts:hover .btn_bg:before {
	border-width: 165px 0 0 165px;
}
.btn_ts:hover .btn_bg:after {
	border-width: 0 165px 165px 0;
}
.tc1 .tc {
	pointer-events: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 99999;
}
.tc1 .tc.act {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	pointer-events: auto;
}
.tc1 .close:hover {
	transform: rotate(180deg);
}
.tc1 .close, .tc {
	transition: all ease 400ms;
	-moz-transition: all ease 400ms;
	-ms-transition: all ease 400ms;
	-o-transition: all ease 400ms;
	-webkit-transition: all ease 400ms;
}
.tc1 .tc-box {
	position: absolute;
	background: #d9d9d9;
	border-radius: 2px;
	overflow: hidden;
	top: 50%;
	z-index: 9999;
	width: 11rem;
	left: 50%;
	margin-left: -5.5rem;
	margin-top: -5.5rem;
	padding: 1rem;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
}
.tc1 .tc.act .tc-box {
	transform: scale(1);
}
.tc1 .tc.act {
	display: block;
}
.tc1 .close {
	position: absolute;
	cursor: pointer;
	font-size: 20px;
	right: 30px;
	top: 30px;
}
.tc1 .tc_bg {
	height: 100%;
	background: rgba(0,0,0,.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}
.tc1 .tc-box h3 img {
	width: 100%;
	margin: 0 auto;
	display: block;
}
.tc1 .tc-box h5 {
	padding-top: 1rem;
	font-size: .875rem;
	color: #6c6c6c;
	text-align: center;
}
#s_jishu {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5rem;
	position: relative;
	z-index: 2;
}
#s_jishu ul {
}
#s_jishu ul li {
	background: #014590;
	color: #fff;
}
#s_jishu ul li a {
	display: block;
	padding: 3.75rem 3.75rem;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
#s_jishu ul li .txt {
	float: left;
}
#s_jishu ul li font {
	float: right;
	display: block;
	width: 4rem;
	height: 4rem;
	overflow: hidden;
	transition: .7s;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
}
#s_jishu ul li span {
	font-size: 1rem;
	font-family: BEBASNEUE_BOLD;
	line-height: 1.875rem;
	color: #fff;
	white-space: nowrap;
	text-transform: uppercase;
	transition: .7s;
}
#s_jishu ul li h3 {
	font-size: 1.5rem;
	color: #fff;
	margin-top: 1rem;
	margin-bottom: 1.75rem;
	transition: .7s;
}
#s_jishu ul li .txt svg {
	width: 2.5rem;
	height: 2.5rem;
}
#s_jishu ul li:nth-child(even) {
	background: #0066b2;
}
#s_jishu ul li:hover font, #s_jishu ul li:hover h5, #s_jishu ul li:hover p, #s_jishu ul li:hover .btn_arrow {
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
}
#s_jishu ul li:hover font img {
	animation: jello 1s;
}
#s_video {
	width: 100%;
	overflow: hidden;
}
#s_video .img {
	position: relative;
	z-index: 9;
	cursor: none;
}
#s_video .img a {
	display: block;
	cursor: url(../images/play.ico), pointer;
}
#s_video .img .mask {
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .5s;
	text-align: center;
	opacity: 1;
}
#s_video .img .mask font {
	display: block;
	width: 5rem;
	height: 5rem;
	transition: .5s;
	border-radius: 50%;
	background: url(../images/play.png) center no-repeat;
	background-size: contain;
	margin-left: 20%;
	position: relative;
}
#s_video .img .mask font:before, #s_video .img .mask font:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 1px solid #fff;
	-webkit-transform: scale(.9);
	-moz-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9);
	transition: 1.5s;
	opacity: 0.1;
}
#s_video .img .mask font:hover:before {
	opacity: .5;
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}
#s_video .img .mask font:hover:after {
	opacity: .3;
	-webkit-transform: scale(1.7);
	-moz-transform: scale(1.7);
	-ms-transform: scale(1.7);
	transform: scale(1.7);
}
.tc {
	transition: all ease 300ms;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999999999;
	pointer-events: none;
	visibility: hidden;
	opacity: 0;
	transition: .5s;
}
.tc .j_tab {
	table-layout: fixed;
}
.tc[name=tc_search] {
	opacity: 1;
}
.tc.act {
	display: block;
	pointer-events: auto;
	visibility: visible;
	opacity: 1;
}
.tc-box {
	box-sizing: border-box;
	z-index: 999;
	display: block;
	position: relative;
	transform: translateY(-3rem);
	transition: all 0.5s ease-out;
	opacity: 0;
	-webkit-transform: translateY(-3rem);
	-moz-transform: translateY(-3rem);
	-ms-transform: translateY(-3rem);
	-o-transform: translateY(-3rem);
}
.tc.act .tc-box {
	transform: translateY(0);
	opacity: 1;
}
.tc_close {
	position: absolute;
	cursor: pointer;
	color: #e13a39;
	font-size: 30px;
	right: 15px;
	top: 15px;
}
.tc_bg {
	height: 100%;
	background: rgba(0,0,0,.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}
.tc.act .tc_bg {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	transition: .5s;
}
.tc_shipin {
	width: 90%;
	max-width: 800px;
	margin: 0 auto;
	background: none;
}
.tc_shipin #my-video {
	position: relative;
	height: 0;
	padding-top: 60%;
}
.tc_shipin #my-video video {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.tc_shipin .tc_close {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	position: absolute;
	top: -2rem;
	right: -3rem;
	border-radius: 50%;
}
.tc_shipin .tc_close img {
	display: block;
	position: absolute;
	width: 1rem;
	height: 1rem;
	left: 50%;
	top: 50%;
	margin-top: -.5rem;
	margin-left: -.5rem;
}
.tc_shipin .tc_close:hover img {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-moz-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.video-js {
	width: 100% !important;
	height: 100% !important;
}
.video-js .vjs-big-play-button {
	left: 50% !important;
	top: 50% !important;
	margin-left: calc(-1.6rem - 5px);
	margin-top: calc(-1.6rem - 5px);
	background-color: rgba(0, 0, 0, 0) !important;
}
video {
	object-fit: fill;
}
.vjs-poster {
	background-size: cover !important;
}
#s_video .m {
}
#s_video .txt {
	height: 18.5rem;
}
#s_video .box {
	position: relative;
	padding-top: 14rem;
}
#s_video .box .img {
	margin: 0 auto;
}
#s_video .txt {
	font-family: "BebasNeue";
	font-size: 25rem;
	text-align: center;
	color: #f2f4f7;
	text-shadow: #f2f4f7 1px 0 0, #f2f4f7 0 1px 0, #f2f4f7 -1px 0 0, #f2f4f7 0 -1px 0;
	position: absolute;
	top: 0rem;
	left: 0;
	right: 0;
	text-align: center;
}
.bg-cover {
	position: absolute;
	left: 0;
	top: 4rem;
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
	background-position: left top !important;
	-webkit-animation: play 50s linear infinite;
	animation: play 50s linear infinite;
}
 @-webkit-keyframes play {
 from {
 background-position: 0% 0;
}
 to {
 background-position: 100% 0;
}
}
 @keyframes play {
 from {
 background-position: 0% 0;
}
 to {
 background-position: 100% 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)
}
}
.bg_anim {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.bg_anim:before {
	content: '';
	width: 0;
	height: 0;
	/* -webkit-transform: rotate(360deg); */

	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent transparent transparent #86c127;
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
}
.bg_anim:after {
	content: '';
	width: 0;
	height: 0;
	/* -webkit-transform: rotate(360deg); */

	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent #86c127 transparent transparent;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
}
.bg_anim:hover:before {
	border-width: 400px 0 0 400px;
}
.bg_anim:hover:after {
	border-width: 0 400px 400px 0;
}
.video_bot {
	width: 75%;
	height: 15px;
	background: url(../images/video_bot.png) left top no-repeat;
	background-size: contain;
	margin-top: 1.875rem;
}
.video_txt {
	padding: 6rem 3.5rem;
	padding-bottom: 4rem;
	color: #fff;
	width: 50%;
	max-width: 100%;
	position: absolute;
	right: 0;
	z-index: 99;
	bottom: 0;
	background: url(../images/video_txt.png) left bottom no-repeat;
	background-size: 100% auto;
}
.video_txt h2 {
	font-size: 1.625rem;
	color: #fff;
	font-weight: bold;
	margin-bottom: 2.125rem;
}
.video_txt .con {
	font-size: .9375rem;
	line-height: 1.875rem;
	opacity: .8;
}
.video_txt .con p {
}
.video_txt .btn_arr {
}
.btn_arr {
	display: block;
	color: #fff;
	overflow: hidden;
	width: 6.5rem;
	height: 2.8125rem;
	line-height: 2.8125rem;
	margin-top: 4rem;
	background: #86c127;
	position: relative;
	z-index: 1;
}
.btn_arr svg {
	width: 1.25rem;
	height: 1.25rem;
	margin-bottom: 2px;
}
.btn_arr:before {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent transparent transparent #0066b2;
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
}
.btn_arr:after {
	content: '';
	width: 0;
	height: 0;
	-webkit-transform: rotate(360deg);
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: transparent #0066b2 transparent transparent;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
}
.btn_arr:hover:before {
	border-width: 165px 0 0 165px;
}
.btn_arr:hover:after {
	border-width: 0 165px 165px 0;
}
#s_pro {
		background: url(../images/pro_bg.jpg) center top no-repeat;
	width: 100%;
	background-size: cover;
	background-attachment: fixed;
}
.s_hd {
	color: #fff;
	margin-bottom: 3rem;
	overflow: hidden;
}
.s_hd h3 {
	float: left;
	font-size: 2.1875rem;
	line-height: 3.125rem;
	color: #fff;
	font-weight: bold;
}
.s_hd .btn_r {
	float: right;
	width: 9rem;
	height: 3.125rem;
	line-height: 3.125rem;
	background: #fff;
	font-size: .9375rem;
	color: #4f4f4f;
}
.s_hd .btn_r:before {
	content: "";
	display: block;
	width: 5px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #86c127;
	z-index: -1;
}
.s_hd .btn_r:hover:before {
	width: 100%;
}
.s_hd .btn_r:hover {
	color: #fff;
}
#s_pro ul {
	margin: 0 -1.625rem;
}
#s_pro ul li {
	padding: 0 1.625rem;
	font-size: 3rem;
	color: #fff;
}
#s_pro ul li .btn_arr2 {
	width: 6.25rem;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	border-left: 1px solid #e2e2e2;
	display: flex;
	align-items: center;
	justify-content: center;
}
#s_pro ul li .btn_arr2 svg {
	width: 1.25rem;
}
#s_pro ul li .btn_arr2 svg path {
	fill: #000000;
}
#s_pro ul li .btn_arr2:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	background: #86c127;
}
#s_pro ul li:hover .btn_arr2:before {
	width: 100%;
}
#s_pro ul li:hover .btn_arr2 svg path {
	fill: #fff;
}
#s_pro ul li a {
	display: block;
	background: #fff;
	position: relative;
}
#s_pro ul li .sort {
	height: 5rem;
	line-height: 5rem;
	padding-left: 2rem;
	border-bottom: 1px solid #e2e2e2;
	position: relative;
	font-size: 1.125rem;
	color: #0e0e0e;
}
#s_pro ul li h5 {
	padding: 2rem;
	font-size: 0.8rem;
	color: #0e0e0e;
	line-height: 2rem;
}
#s_pro .slick-arrow {
	z-index: 99;
	position: absolute;
	top: 40%;
	margin-top: -13px;
	transform: translate(0, 0);
	opacity: 1;
	display: block;
	width: 3.0625rem;
	height: 3.0625rem;
	background-size: 3.0625rem !important;
}
#s_pro .slick-prev {
	left: -6.25rem;
	background: url(../images/pro_left.png) center no-repeat;
	transition: 300ms;
	-webkit-transition: 300ms;
}
#s_pro .slick-next {
	right: -6.25rem;
	background: url(../images/pro_right.png) center no-repeat;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.slick-prev:before, .slick-next:before {
	display: none;
}
.s_hd.black h3 {
	color: #333333;
}
.s_hd.black .btn_r {
	background: #f2f4f7;
}
#s_wenhua {
	width: 100%;
	background: url(../images/s_wenhua_bg.jpg) center no-repeat;
	overflow: hidden;
	background-size: cover;
	position: relative;
}
#s_wenhua .left {
	width: 29.5rem;
	position: relative;
	float: right;
	height: 41.875rem;
	background: #014590;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
#s_wenhua .right {
	width: calc(100% - 29.5rem);
	float: left;
}
#s_wenhua .right li .img {
	height: 41.875rem;
}
#s_wenhua .right li .img img {
	object-fit: cover;
}
#s_wenhua .left h5 {
	font-size: 1.5rem;
	color: #fff;
	line-height: 2rem;
	margin-bottom: 1.25rem;
}
#s_wenhua .left span {
	font-size: 1.875rem;
	font-family: BEBASNEUE_BOLD;
	color: #fff;
	text-transform: uppercase;
	line-height: 1.1;
	display: block;
}
#s_wenhua .left .box {
	width: 100%;
}
#s_wenhua .hd {
	width: 100%;
	padding: 3.75rem;
}
.s_wenhua_nav {
	width: 100%;
}
.s_wenhua_nav li {
	text-align: left;
	padding: 1px;
}
.s_wenhua_nav li p {
	font-size: .9375rem;
	color: #fff;
	line-height: 1.625rem;
}
#s_wenhua .btn_more.bigsize {
	margin: 0 auto;
}
.btn_more.bigsize {
	height: 3rem;
	line-height: 2.75rem;
	border: 2px solid #e5e5e5;
	width: 11.5rem;
	font-size: .875rem;
}
#s_wenhua .slick_arrow_right {
	position: static;
	float: none;
	clear: both;
	margin-top: 5.625rem;
	margin-left: .5rem;
}
#s_wenhua .slick_arrow_right .slick-arrow {
	z-index: 99;
	float: left;
	margin-right: 8px;
	background: none;
	display: block;
	font-size: 0;
	cursor: pointer;
	position: relative;
	width: 6rem;
	line-height: 2.8125rem;
	text-align: center;
	height: 2.8125rem;
}
#s_wenhua .slick_arrow_right .slick-arrow svg {
	width: 1rem;
	vertical-align: middle;
}
#s_wenhua .slick_arrow_right .slick-prev2 {
}
#s_wenhua .slick_arrow_right .slick-next2 {
}
.slick-arrow .btn_bg {
	background: none;
	border: 2px solid #fff;
}
.slick-arrow:hover .btn_bg {
	border: 2px solid #86c127;
}
.slick-arrow .btn_bg:before {
	border-color: transparent transparent transparent #86c127;
}
.slick-arrow .btn_bg:after {
	border-color: transparent #86c127 transparent transparent;
}
.dotbox {
	float: none;
	clear: both;
	overflow: hidden;
}
#s_wenhua .slick-dots {
	position: static;
	display: block;
}
#s_wenhua .slick-dots li {
	display: block;
	width: 8px;
	height: 8px;
	opacity: .8;
	float: left;
	margin-right: 8px;
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}
#s_wenhua .slick-dots li.slick-active {
	background: #fff;
	opacity: 1;
}
#s_case {
	background: url(../images/case_bg.jpg) center top no-repeat;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-attachment: fixed;
}
#s_case ul {
	margin: 0 -13px;
}
#s_case ul li {
	padding: 0 13px;
}
#s_case ul li .img {
}
#s_case ul li .img img {
}
#s_case ul li .txt {
	background: #fff;
	padding: 2.5rem;
	text-align: center;
}
#s_case ul li .txt span {
	font-size: 1rem;
	color: #444444;
	font-family: BEBASNEUE_BOLD;
}
#s_case ul li .txt h5 {
	font-size: 1.1875rem;
	color: #373737;
	text-align: left;
	margin-bottom: 1rem;
}
#s_case ul li .txt p {
	margin-bottom: 1.5rem;
	font-size: .875rem;
	color: #6f6f6f;
	line-height: 1.5rem;
	text-align: left;
}
.btn_xq {
	position: relative;
	overflow: visible;
	width: 6.625rem;
	height: 2.8125rem;
	line-height: 2.8125rem;
	font-size: .875rem;
	color: #747474;
}
.btn_xq .btn_bg {
	background: none;
}
.btn_xq .btn_bg i {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border: 2px solid #c4c6c9;
	box-sizing: border-box;
	z-index: -1;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}
.btn_xq .btn_bg:before {
	border-color: transparent transparent transparent #86c127 !important;
}
.btn_xq .btn_bg:after {
	border-color: transparent #86c127 transparent transparent !important;
}
.btn_xq:hover .btn_bg:before {
	border-width: 165px 0 0 165px;
}
.btn_xq:hover .btn_bg:after {
	border-width: 0 165px 165px 0;
}
.btn_xq:hover {
	color: #fff;
}
.btn_xq:hover .btn_bg i {
	border: 2px solid #fff;
}
#s_news {
	background: url(../images/news_bg.jpg) center top no-repeat;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-attachment: fixed;
}
#s_news .s_hd {
	margin-bottom: 2.375rem;
}
#s_news .s_hd .btn_r {
	background: #fff;
}
#s_news .bd {
}
#s_news .bd ul {
	display: flex;
	margin: 0 -10px;
}
#s_news .bd ul li {
	padding: 10px;
	float: left;
	width: 22.5%;
}
#s_news .bd ul li:first-child {
	width: 32.5%;
}
#s_news .bd ul li a {
	display: block;
	position: relative;
	z-index: 1;
	background: #fff;
	height: 100%;
	display: flex;
	flex-direction: column;
}
#s_news .bd ul li:first-child .img {
	width: 100%;
	height: 100%;
}
#s_news .bd ul li .img img {
}
#s_news .bd ul li .mask {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 2.125rem;
	padding-top: 3rem;
	padding-bottom: 1.875rem;
	background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.75));
	background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.75));
	background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.75));
	background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.75));
	background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.75));
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.75)));
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=transparent, endColorStr=#111);
}
#s_news .bd ul li .mask h5 {
	font-size: 1.1875rem;
	color: #fff;
	font-weight: bold;
	margin-bottom: .625rem;
}
#s_news .bd ul li .mask span {
	font-size: .875rem;
	font-family: BEBAS;
	color: #fff;
}
#s_news .bd ul li .txt {
	padding: 2rem;
	height: 13rem;
}
#s_news .bd ul li .txt h5 {
	font-size: 1.1875rem;
	color: #2f2f2f;
	font-weight: bold;
	margin-bottom: .75rem;
}
#s_news .bd ul li .txt p {
	font-size: .8125rem;
	color: #767676;
	line-height: 1.5rem;
	height: 3rem;
	overflow: hidden;
	margin-bottom: 2.5rem;
}
#s_news .bd ul li .txt span {
	font-size: .875rem;
	color: #676767;
	font-family: BEBAS;
}
#foot {
	background: url(../images/foot_bg.jpg) center no-repeat;
	background-size: cover;
	color: #fff;
}
#foot>.m {
	display: flex;
	justify-content: space-between;
}
.foot_nav {
	display: flex;
	justify-content: space-between;
	flex-grow: .7;
}
.foot_nav dl {
	flex-grow: 1;
	float: left;
}
.foot_nav dt {
	font-size: 1.0625rem;
	color: #fff;
	margin-bottom: 1.5rem;
}
.foot_nav dd {
	font-size: .875rem;
	color: rgba(255, 255, 255, 0.5);
	line-height: 2rem;
}
.foot_nav dd:hover {
	color: #fff;
}
#foot .fr {
	display: flex;
	justify-content: space-between;
}
.foot_ewm {
	text-align: center;
	margin-left: 3rem;
}
.foot_ewm .pic {
	border: 1px solid #59626e;
	width: 9.6875rem;
	height: 9.6875rem;
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: .5rem;
	margin-bottom: .75rem;
}
.foot_ewm .pic img {
	width: 100%;
	height: 100%;
}
.foot_ewm p {
	font-size: .75rem;
	color: rgba(255, 255, 255, 0.6);
}
.foot_lianxi {
}
.foot_lianxi dl {
}
.foot_lianxi dt {
	color: rgba(255, 255, 255, 0.5);
	margin-bottom: .5rem;
}
.foot_lianxi dd {
	font-size: .9375rem;
}
.foot_lianxi dd a {
	color: #b2b2b2;
	font-size: .875rem;
	text-decoration: underline;
}
.foot_tel {
	font-size: 1.875rem;
	font-family: BEBASNEUE_BOLD;
}
.foot_share {
	margin-top: 1.25rem;
}
.foot_share .font {
	display: inline-block;
	border: 1px solid #7b8086;
	width: 2.375rem;
	height: 2.375rem;
	line-height: 2.375rem;
	border-radius: 50%;
	text-align: center;
	transition: .3s;
	font-size: 0;
	margin-right: .75rem;
}
.foot_share .font:hover {
	background: #86c127;
	border: 1px solid #86c127;
}
.foot_share .font:hover svg path {
	fill: #eee;
}

@media (max-width: 480px) {
.foot_share .font.hidden-xs {
	display: none;
}
}
.s_foot_link {
	height: 3.125rem;
	width: 203px;
	cursor: pointer;
	overflow: visible;
	position: relative;
	text-align: left;
}
.s_foot_link .tanchu {
	overflow: auto;
	box-sizing: border-box;
	position: absolute;
	bottom: 3.125rem;
	border-bottom: 0;
	display: none;
	left: 0;
	right: -1px;
}
.s_foot_link .tanchu:before {
	content: "";
	display: block;
	border: 10px solid transparent;
	border-top: 10px solid #ebf8fa;
	width: 0px;
	height: 0px;
	position: absolute;
	bottom: 1px;
	left: 50%;
	margin-left: -10px;
}
.s_foot_link .tanchu>div {
	max-height: 200px;
	margin-bottom: 20px;
	background: #f3f3f3;
	display: block;
	border: 1px solid #bbb;
	padding: 10px 13px;
	overflow: auto;
	box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.44);
}
 .s_foot_link .tanchu>div::-webkit-scrollbar {
display:none
}
.s_foot_link .tanchu a {
	color: #2d2e32;
	line-height: 27px;
	display: block;
	font-size: 12px;
}
.s_foot_link .tanchu a:hover {
	color: #86c127 !important;
}
.s_foot_link #bnt_link1.a {
	padding-left: 12px;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.3);
	font-size: .875rem;
	text-align: left;
	line-height: 3rem;
	width: 100%;
	height: 3.125rem;
	box-sizing: border-box;
	text-decoration: none;
	position: absolute;
	z-index: 1;
}
.s_foot_link .a span {
	display: inline-block;
	float: right;
	color: #919397;
	line-height: 3rem;
	width: 10px;
	text-align: center;
	height: 100%;
	margin-right: 20px;
}
.copyright {
	line-height: 3.125rem;
	padding-top: 1.875rem;
	padding-bottom: 2.75rem;
	font-size: .8125rem;
	color: #818181;
	border-top: 1px solid rgba(255,255,255,.3);
	margin-top: 3.125rem;
}
.copyright .m {
	display: flex;
	justify-content: space-between;
}
.copyright a:hover {
	color: #db9763;
}
#foot a:hover {
	color: #fff;
}
.online_q {
	position: fixed;
	right: .25rem;
	bottom: 10%;
	z-index: 9999;
	transition: .5s;
	-webkit-transition: .5s;
}
.online_q .btn2 {
	width: 3.4375rem;
	height: 3.4375rem;
	cursor: pointer;
	position: relative;
	margin-bottom: 5px;
}
.online_q .btn-top {
	padding: 0;
	transition: .5s;
	overflow: hidden;
}
.online_q .btn-top span {
	background: #86c127 !important;
}
.online_q .btn2 a {
	font-size: 12px;
	color: #fff;
}
.online_q .btn2 span {
	display: block;
	float: left;
	text-align: center;
	width: 3.4375rem;
	height: 3.4375rem;
	line-height: 3.4375rem;
	position: relative;
	z-index: 999;
	overflow: hidden;
	transition: .3s;
	-webkit-transition: .3s;
	background: #014590;
}
.online_q .btn2:hover span {
	background: #86c127;
}
.online_q .open.pic {
	position: absolute;
	background: #ddd;
	width: 100px;
	height: 100px;
	right: 80px;
	top: 50%;
	margin-top: -50px;
	text-align: right;
	opacity: 0;
	transition: .6s;
	-webkit-transition: .6s;
	visibility: hidden;
}
.online_q .open.pic img {
	width: 80px;
	height: 80px;
	margin-top: 10px;
	margin-right: 10px;
}
.online_q .btn2:hover .open.pic {
	opacity: 1;
	right: 4.5rem;
	visibility: visible;
}
.online_q .open.phone {
	display: inline-block;
	height: 3.4375rem;
	line-height: 3.4375rem;
	z-index: 0;
	background: #eee;
	color: #86c127;
	font-family: arial;
	font-size: 18px;
	transition: width 0s;
	-webkit-transition: width 0s;
	text-align: center;
	width: 150px;
}
.online_q .btn2:hover .open.phone {
	transition: .5s;
	-webkit-transition: .5s;
	opacity: 1;
	visibility: visible;
}
.btn-tel a {
	display: block;
	width: 3.4375rem;
	white-space: nowrap;
	position: absolute;
	right: 0;
	transition: .5s;
	-webkit-transition: .5s;
	overflow: hidden;
}
.btn-tel:hover a {
	width: 205px;
}
.online_q .btn-02.btn-tel:hover span {
	background: url(../images/piaofu_tel.png) center no-repeat #fff;
	border: 2px solid #037ccf;
}
.online_q .open.pic:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left: 10px solid #ddd;
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -10px;
}
#gotop.hide {
	height: 0;
	overflow: hidden;
	display: block !important;
}
.ar_article {
	font-size: 1rem;
	color: #787878;
	line-height: 1.875rem;
	text-align: justify;
	margin: 20px;
}
.ar_article h4 {
	font-size: 1.125rem;
}
.ar_article p {
	font-size: 1rem;
	color: #5b5b5b;
	line-height: 2rem;
}
.ar_article p:last-child {
	padding-bottom: 0;
}
.ar_article strong {
	font-weight: bold;
}
.ar_article td, .ar_article th {
	padding: 15px;
	border: 1px solid #c6c5c5;
	font-size: 1rem !important;
	font-family: "微软雅黑", "Microsoft YaHei", sans-serif !important;
}
.ar_article td *, .ar_article th * {
	font-size: 0.95rem !important;
	font-family: "微软雅黑", "Microsoft YaHei", sans-serif !important;
}
.ar_article td p, .ar_article th p {
	padding-bottom: 0;
	margin-bottom: 0;
	text-align: inherit;
}
.ar_article img {
	max-width: 100%;
}
.ar_article a {
	color: #363636;
}
.ar_article h1, .ar_article h2, .ar_article h3, .ar_article h4, .ar_article h5, .ar_article h6, .ar_article b {
	font-weight: bold;
	color: #232323;
}
.ar_article ul li, .ar_article ol li {
	padding-bottom: 0 !important;
	margin-bottom: 20px;
	
}
.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_container {
	overflow: hidden
}
.n_container .m {
	max-width: 1500px;
}
.n_banner {
	height: 31.25rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}
.n_banner h3 {
	font-size: 2.5rem;
	color: #fff;
	font-weight: bold;
	margin: 1.25rem 0
}
.n_banner h5 {
	font-size: 1.125rem;
	color: #fff;
	line-height: 1.5;
}
.mianbao {
	line-height: 1.5;
	padding: 1.5rem 0 3rem;
	font-size: 13px;
	color: #595959;
	transition: .5s
}
.mianbao * {
	transition: .5s
}
.mianbao .m {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.mianbao img {
	margin: 0 .75rem 0 0
}
.mianbao span {
	margin: 0 .25rem
}
.mianbao em {
}
.mianbao a:hover {
	color: #86c127
}
.title001 {
	margin-bottom: 2.25rem
}
.title001 h3 {
	font-size: 2.125rem;
	color: #b8babd;
	font-family: BEBASNEUE_BOLD;
}
.title001 h2 {
	font-size: 1.5rem;
	color: #414141;
	font-weight: bold;
	line-height: 1.375
}
.n_about .fl01 {
	padding: 0 0 4.375rem
}
.n_about .fl01 .m {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap
}
.n_about .fl01 .m .left {
	width: 50%;
	padding: 0 4.5rem 0 0;
}
.n_about .fl01 .m .left .ar_article {
}
.n_about .fl01 .m .right {
	width: 50%;
	position: relative;
	z-index: 1
}
.n_about .fl01 .m .right img {
	width: 100%
}
.n_about .fl01 .m .right:before {
	content: "";
	position: absolute;
	top: .625rem;
	right: -.625rem;
	bottom: -.625rem;
	left: 1.875rem;
	border: #dddddd 1px solid;
	z-index: -1;
	border-radius: 4rem 0 0 0
}
.n_about #s_video .img .mask font {
	background: url(../images/play1.png) center no-repeat;
	background-size: contain;
}
#s_video .img .mask font:before, #s_video .img .mask font:after {
	opacity: 0
}
.n_about .fl02 {
	padding: 7.5rem 0;
	background:#f2f4f7;
	background-size: cover;
	background-attachment: fixed
}
.title002 {
	text-align: center;
	margin-bottom: 2.5rem
}
.title002 h3 {
	font-size: 2.1875rem;
	color: #fff;
	line-height: 1.25
}
.title002 h4 {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1.25rem 0 0
}
.list_box_01 {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}
.list_box_01 li {
	flex: 1;
	padding: 0 7px;
}
.list_box_01 li h3 img {
	transition: .5s
}
.list_box_01 li h5 {
	font-size: 1.125rem;
	color: #002d66;
	margin: 1.5rem 0 .75rem;
	font-weight: 600;
}
.list_box_01 li h6 {
	font-size: .9375rem;
	color: #333;
	line-height: 1.5;
}
.list_box_01 li:hover h3 img {
	transform: rotateY(180deg)
}
.title003 h3 {
	color: #333333;
}
.slick-list {
	min-width: 100%
}
.n_about .fl03 {
	padding: 6rem 0;
}
.opacity {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1
}/*透明代码*/
.overfloat-dot {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}/*文本超出 小圆点显示*/
.overfloat-dot-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.overfloat-dot-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.overfloat-dot-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.overfloat-dot-5 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
}
.overfloat-dot-6 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
}
.overfloat-dot-7 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
}
.list_box_03 {
	margin: 0 -.5rem;
}
.list_box_03 .slick-slide {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.list_box_03 li {
	width: 33.333333%;
	padding: 0 .5rem;
	margin: .625rem 0
}
.list_box_03 .slick-arrow {
	z-index: 99;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	opacity: 1;
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	background-size: 100% !important;
	cursor: pointer
}
.list_box_03 .slick-prev {
	left: -6.25rem;
	background: url(../images/pro_left1.png) center no-repeat;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.list_box_03 .slick-next {
	right: -6.25rem;
	background: url(../images/pro_right1.png) center no-repeat;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.n_zizhi {
	padding: 0 0 1.625rem;
}
.list_box_04 {
	margin: 0 -.625rem;
	display: flex;
	flex-wrap: wrap
}
.list_box_04 li {
	width: 50%;
	padding: 0 .625rem;
	margin-bottom: 1.75rem
}
.list_box_04 li a {
	display: flex;
	padding: 2.5rem;
	background: #f2f4f7;
	align-items: center;
	justify-content: space-between
}
.list_box_04 li a .img {
	width: 13.75rem;
	height: 14.375rem;
	display: flex;
	align-items: center;
	justify-content: center
}
.list_box_04 li a .img img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 14.375rem
}
.list_box_04 li a .con {
	width: calc(100% - 13.75rem);
	padding: 0 0 0 3.125rem
}
.list_box_04 li a .con h6 {
	font-size: 13px;
	color: #454545;
	line-height: 1.25
}
.list_box_04 li a .con h5 {
	font-size: 1.25rem;
	color: #303030;
	line-height: 1.25;
	margin: .75rem 0 2rem
}
.list_box_04 li a .con .btn_xq, .list_box_04 li a .con .btn_xq .btn_bg {
	margin: 0;
	transform: skewX(0);
	-webkit-transform: skewX(0);
	-moz-transform: skewX(0);
	-ms-transform: skewX(0);
	-o-transform: skewX(0);
}
.list_box_04 li a .con .btn_xq {
	width: 7.1875rem
}

.n_peixun {
}
.list_box_peixun {
	margin-bottom: 4rem;
}
.list_box_peixun li {
	margin-bottom: 3.5rem;
}
.list_box_peixun li a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	padding-bottom: 2.5rem;
	overflow: hidden;
}
.list_box_peixun li a::before {
	content: "";
	position: absolute;
	top: 3.125rem;
	right: 0;
	bottom: 0;
	left: 15%;
	z-index: -1;
	background: #f2f4f7;
	transform: skewX(-15deg) translateX(8%);
}
.list_box_peixun li a .img_box {
	width: 45.625rem;
}
.list_box_peixun li a .img {
	border-radius: 0
}
.list_box_peixun li a .img_box h6 {
	margin-top: 2.375rem;
}
.list_box_peixun li a .img_box h6 img {
	width: 100%;
}
.list_box_peixun li a .img .img_hezi {
	padding-bottom: 54.79% !important;
}
.list_box_peixun li a .con {
	width: calc(100% - 45.625rem);
	padding: 3.125rem 4rem 0 4.375rem;
}
.list_box_peixun li a .con .zuixin {
	display: flex;
	justify-content: flex-end;
	opacity: 0;
	visibility: hidden;
}
.list_box_peixun li a .con .zuixin.on {
	opacity: 1;
	visibility: visible;
}
.list_box_peixun li a .con .zuixin .zuixin_box {
	background: url(../images/zuixin_bg.png) center no-repeat;
	width: 5.8125rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	font-size: 1.125rem;
	color: #fff;
	margin-right: -4rem;
	padding: 0 0 0 1rem;
	background-size: 100% 100% !important;
}
.list_box_peixun li a .con h4 {
	font-size: 1.875rem;
	color: #014590;
	font-family: BEBASNEUE_BOLD;
	line-height: 1;
}
.list_box_peixun li a .con h5 {
	font-size: 1.5rem;
	color: #4a4a4a;
	font-weight: bold;
	margin: .5rem 0 2rem;
}
.list_box_peixun li a .con p {
	font-size: .9375rem;
	color: #707172;
	line-height: 1.75rem;
	max-height: 5.25rem;
	transition: .5s;
	opacity: .8;
	margin: 0;
}
.list_box_peixun li:nth-child(2n) a .img_box {
	order: 2;
}
.list_box_peixun li:nth-child(2n) a::before {
	left: 0;
	right: 15%;
	transform: skewX(15deg) translateX(-8%);
}
.list_box_peixun li:nth-child(2n) a .img_box h6 img {
	transform: rotateY(180deg);
}
.list_box_peixun li:nth-child(2n) a .con .zuixin {
	justify-content: flex-start;
}
.list_box_peixun li:nth-child(2n) a .con .zuixin .zuixin_box {
	background: url(../images/zuixin_bg1.png) center no-repeat;
	padding: 0 1rem 0 0;
	margin-left: -4.375rem;
	margin-right: 0;
}
@font-face {
	font-family: OpenSans-Bold;
	src: url(../fonts/OpenSans-Bold.ttf);
}
.list_box_05 {
	margin: 0 -1.25rem;
	display: flex;
}
.list_box_05 li {
	width: 50%;
	padding: 0 1.25rem
}
.list_box_05 li a {
	display: block;
	position: relative
}
.list_box_05 li a .top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../images/list_box_05_top.png) left center no-repeat;
	background-size: auto 100%;
	display: flex;
	align-items: center
}
.list_box_05 li a .top .box {
	width: 34%;
	padding: 0 0 0 3rem;
}
.list_box_05 li a .top .box h6 {
	font-size: 13px;
	color: #fff;
	font-family: OpenSans-Bold;
}
.list_box_05 li a .top .box h5 {
	font-size: 1.1875rem;
	color: #fff;
	line-height: 1.875rem;
	height: 3.75rem;
	white-space: normal;
	margin: 1rem 0 2rem;
}
.n_case {
	padding: 0 0 5.625rem
}
.list_box_05 li a .top .box .btn_xq {
	margin: 0;
	margin-top: 0;
	color: #fff
}
.list_box_05 li a .top .box .btn_xq .btn_bg {
	margin: 0;
	transform: skewX(0);
	-webkit-transform: skewX(0);
	-moz-transform: skewX(0);
	-ms-transform: skewX(0);
	-o-transform: skewX(0);
}
.list_box_05 li a .top .box .btn_xq .btn_bg i {
	border: rgba(255,255,255,.5) 2px solid
}
.list_box_05 .slick-arrow {
	z-index: 99;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	opacity: 1;
	display: block;
	width: 3.5rem;
	height: 3.5rem;
	background-size: 100% !important;
	cursor: pointer
}
.list_box_05 .slick-prev {
	left: -5rem;
	background: url(../images/pro_left1.png) center no-repeat;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.list_box_05 .slick-next {
	right: -5rem;
	background: url(../images/pro_right1.png) center no-repeat;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.list_box_06 {
	padding-top: 1rem;
	padding-left: 1rem;
	display: flex;
	flex-wrap: wrap;
}
.list_box_06 li {
	padding-right: 1rem;
	width: 50%;
	margin-bottom: 1.875rem
}
.list_box_06 li .img {
}
.list_box_06 li .img img {
}
.list_box_06 li .txt {
	background: #fff;
	padding: 2rem;
	text-align: center;
}
.list_box_06 li .txt span {
	font-size: .8125rem;
	color: #444444;
	font-family: OpenSans-Bold;
}
.list_box_06 li .txt h5 {
	font-size: 1.1875rem;
	color: #373737;
	margin-top: 1.25rem;
	margin-bottom: 1rem;
}
.list_box_06 li .txt p {
	margin-bottom: 2.5rem;
	color: #6f6f6f;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list_box_06 li .btn_xq {
	color: #fff
}
.list_box_06 li .btn_xq .btn_bg i {
	border: #014590 2px solid;
	background: #014590
}




.list_box_05 li .img {
}
.list_box_05 li .img img {
}
.list_box_05 li .txt {
	background: #f2f4f7;
	padding: 1rem;
	text-align: left;
}
.list_box_05 li .txt span {
	font-size: .8125rem;
	color: #444444;
	font-family: OpenSans-Bold;
}
.list_box_05 li .txt h5 {
	font-size: 1.1875rem;
	color: #373737;
	margin-top: 1.25rem;
	margin-bottom: 1rem;
}
.list_box_05 li .txt p {
	margin-bottom: 1.5rem;
	color: #6f6f6f;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list_box_05 li .btn_xq {
	color: #fff
}
.list_box_05 li .btn_xq .btn_bg i {
	border: #014590 2px solid;
	background: #014590
}

.n_case_detail {
	padding: 0 0 4.375rem
}
.n_case_detail .title004 h3 {
	font-size: 1.75rem;
	color: #3c3c3c;
	line-height: 1.5;
	margin-bottom: 1.75rem;
	font-weight: bold
}
.list_box_07 {
	margin: 0 -5px;
	margin-top: 2.5rem
}
.list_box_07 li {
	padding: 0 5px
}
.list_box_07 li .img img {
	height: 23.625rem
}
.list_box_07 .owl-nav {
	display: flex;
	justify-content: center;
	margin: 3.125rem 0 0
}
.list_box_07 .owl-nav .owl-prev, .list_box_07 .owl-nav .owl-next {
	opacity: 1;
	display: block;
	width: 3.125rem;
	height: 3.125rem;
	background-size: 100% !important;
	cursor: pointer;
	font-size: 0;
	margin: 0 6px;
}
.list_box_07 .owl-nav .owl-prev {
	left: -5rem;
	background: url(../images/pro_left1.png) center no-repeat;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.list_box_07 .owl-nav .owl-next {
	right: -5rem;
	background: url(../images/pro_right1.png) center no-repeat;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.list_box_07 .owl-nav .owl-prev:hover {
	background: url(../images/pro_left1_on.png) center no-repeat;
}
.list_box_07 .owl-nav .owl-next:hover {
	background: url(../images/pro_right1_on.png) center no-repeat;
}
.n_erji {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 3.75rem
}
.n_erji li {
	padding: 0 .375rem;
}
.n_erji li .btn_xq {
	width: auto;
	height: 3.4375rem;
	line-height: 3.4375rem;
	padding: 0 1.5rem;
	font-size: 1rem;
	color: #333333;
}
.n_erji li .btn_xq .btn_bg {
	transform: skewX(-10deg);
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
}
.n_erji li.on .btn_xq {
	color: #fff
}
.n_erji li.on .btn_xq .btn_bg:before {
	border-width: 165px 0 0 165px;
}
.n_erji li.on .btn_xq .btn_bg:after {
	border-width: 0 165px 165px 0;
}
.list_box_08 li a {
	display: flex;
	flex-wrap: wrap;
}
.list_box_08 li a .img {
	position: relative;
	width: 50%
}
.list_box_08 li a .img:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: #e8ebee 1px solid
}
.list_box_08 li a .con {
	position: relative;
	width: 50%;
	background: #f2f4f7;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 1.5rem
}
.list_box_08 li a .con h5 {
	font-size: 1.625rem;
	color: #444546;
	font-weight: bold
}
.list_box_08 li a .con p {
	font-size: .9375rem;
	color: #707070;
	line-height: 1.875rem;
	max-height: 7.5rem;
	max-width: 31.875rem;
	margin: 1.5rem auto 3rem;
	text-align: center
}
.list_box_08 li a .con .btn_xq .btn_bg {
	transform: skewX(-10deg);
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
}
.list_box_08 li a .con .btn_xq .btn_bg i {
	border: #014590 2px solid;
	background: #014590
}
.list_box_08 li a .con .btn_xq {
	color: #fff
}
.list_box_08 li:nth-child(2n) a .img {
	order: 2
}
.img_zd {
	position: relative;
	width: 100%;
	overflow: hidden
}
.img_zd .img_hezi {
	padding-bottom: 60% !important
}
.img_zd>img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.list_box_n_news {
	margin: 0 -1.25rem;
	margin-bottom: 2rem
}
.list_box_n_news li {
	float: left;
	width: 50%;
	padding: 0 1.25rem;
	margin-bottom: 1.875rem
}
.list_box_n_news li a {
	display: block;
	overflow: hidden
}
.list_box_n_news li a .img .img_hezi {
	padding-bottom: 50% !important
}
.list_box_n_news li a .img .time {
	width: 7.5rem;
	height: 2.5rem;
	text-align: center;
	background: rgba(255,255,255,.9);
	font-size: .9375rem;
	color: #63666a;
	position: absolute;
	top: 1.875rem;
	left: 1.875rem;
	transition: .5s;
	font-family: BEBASNEUE_BOLD;
	display: flex;
	justify-content: center;
	align-items: center;
}
.list_box_n_news li a .img .time img {
	width: auto;
	height: auto;
	fill: #9ba7b9;
	transition: .5s;
	vertical-align: middle;
	margin: -3px .5rem 0 0;
}
.list_box_n_news li a .con {
	background: #fff;
	padding: 2.25rem 2rem;
}
.list_box_n_news li a .con h5 {
	font-size: 1.25rem;
	color: #303030;
	line-height: 1.875rem;
	height: 3.75rem;
	transition: .5s;
	white-space: normal;
}
.list_box_n_news li a .con p {
	font-size: .875rem;
	color: #787878;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin: .5rem 0 1.375rem;
}
.list_box_n_news li a .con span {
	font-size: 13px;
	color: #343637;
	text-decoration: underline;
	transition: .5s
}
.list_box_n_news li a .con .btn_xq .btn_bg {
	transform: skewX(0);
	-webkit-transform: skewX(0);
	-moz-transform: skewX(0);
	-ms-transform: skewX(0);
	-o-transform: skewX(0);
}
.list_box_n_news li a .con .btn_xq .btn_bg i {
	border: #014590 2px solid;
	background: #014590
}
.list_box_n_news li a .con .btn_xq {
	color: #fff;
	font-family: BEBASNEUE_BOLD;
	font-size: .875rem;
	margin: 0;
}
.n_news {
	padding: 0 0 5.625rem
}
/*新闻详情*/

.n_news_detail {
	padding: 0;
}
.n_news_detail .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.n_news_detail .left {
	width: calc(100% - 28.25rem);
	background: #fff;
}
.n_news_detail .ar_title {
	margin-bottom: 2rem;
	border-bottom: #dedfe2 1px solid;
	padding-bottom: 1.5rem;
}
.n_news_detail .ar_title h3 {
	font-size: 1.875rem;
	color: #38393b;
	line-height: 1.5;
	margin: 2rem;
    text-align: center;
}
.n_news_detail .ar_title h6 span {
	position: relative;
	font-size: 1rem;
	color: #63666a;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	margin-right: 30px;
	vertical-align: top;
	font-family: BEBASNEUE_BOLD;
}
.n_news_detail .ar_title h6 span img {
	margin: 0px 0.5rem 0 0;
}
.n_news_detail .ar_title h6 {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
    margin-left: 20px;
}
.n_news_detail .ar_title h6:before {
	content: "";
	position: absolute;
	bottom: -3px;
	width: 6.25rem;
	height: 3px;
	background: #ff9637;
	display: none;
}
.n_news_detail .ar_title h6 span svg {
	width: 18px;
	height: 18px;
	fill: #808080;
	margin-right: .5rem;
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
}
.n_news_detail .ar_title h6 span.shart_box svg {
	width: 26px;
	height: 26px;
	fill: #808080
}
.n_news_detail .ar_article p {
	color: #757575
}
.shart_box {
	display: inline-block;
	cursor: pointer
}
@font-face {
	font-family: "socialshare";
	src: url("../fonts/iconfont.eot");
	src: url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/iconfont.woff") format("woff"), url("../fonts/iconfont.ttf") format("truetype"), url("../fonts/iconfont.svg#iconfont") format("svg")
}
.social-share {
	font-family: "socialshare" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	position: relative;
	vertical-align: top;
	margin: 0 auto;
	transition: .5s;
	text-align: center;
}
.social-share * {
	font-family: "socialshare" !important
}
.social-share .icon-tencent:before {
	content: "\f07a"
}
.social-share .icon-qq:before {
	content: "\f11a"
}
.social-share .icon-weibo:before {
	content: "\f12a"
}
.social-share .icon-wechat:before {
	content: "\f09a"
}
.social-share .icon-douban:before {
	content: "\f10a"
}
.social-share .icon-heart:before {
	content: "\f20a"
}
.social-share .icon-like:before {
	content: "\f00a"
}
.social-share .icon-qzone:before {
	content: "\f08a"
}
.social-share .icon-linkedin:before {
	content: "\f01a"
}
.social-share .icon-diandian:before {
	content: "\f05a"
}
.social-share .icon-facebook:before {
	content: "\f03a"
}
.social-share .icon-google:before {
	content: "\f04a"
}
.social-share .icon-twitter:before {
	content: "\f06a"
}
.social-share a {
	position: relative;
	text-decoration: none;
	margin: 0 auto;
	display: inline-block;
	outline: none;
}
.social-share .social-share-icon {
	position: relative;
	display: block;
	width: 2.8125rem;
	height: 2.8125rem;
	border-radius: 50%;
	line-height: 2.75rem;
	border: none;
	color: #ababab;
	text-align: center;
	vertical-align: top;
	transition: background 0.6s ease-out 0s;
	transition: .6s;
	font-size: 1.125rem;
}
.social-share .social-share-icon:hover {
	background: none !important;
	color: #208a4a;
}
.social-share .icon-weibo {
	border-color: #ff763b;
}
.social-share .icon-weibo:hover {
	background: #ff763b
}
.social-share .icon-tencent {
	color: #56b6e7;
	border-color: #56b6e7
}
.social-share .icon-tencent:hover {
	background: #56b6e7
}
.social-share .icon-qq {
	border-color: #56b6e7;
}
.social-share .icon-qq:hover {
	background: #56b6e7
}
.social-share .icon-qzone {
	border-color: #FDBE3D;
}
.social-share .icon-qzone:hover {
	background: #FDBE3D
}
.social-share .icon-douban {
	color: #33b045;
	border-color: #33b045
}
.social-share .icon-douban:hover {
	background: #33b045
}
.social-share .icon-linkedin {
	border-color: #0077B5;
}
.social-share .icon-linkedin:hover {
	background: #0077B5
}
.social-share .icon-facebook {
	color: #44619D;
	border-color: #44619D
}
.social-share .icon-facebook:hover {
	background: #44619D
}
.social-share .icon-google {
	color: #db4437;
	border-color: #db4437
}
.social-share .icon-google:hover {
	background: #db4437
}
.social-share .icon-twitter {
	color: #55acee;
	border-color: #55acee
}
.social-share .icon-twitter:hover {
	background: #55acee
}
.social-share .icon-diandian {
	color: #307DCA;
	border-color: #307DCA
}
.social-share .icon-diandian:hover {
	background: #307DCA
}
.social-share .icon-wechat {
	position: relative;
	border-color: #7bc549;
}
.social-share .icon-wechat:hover {
	background: #7bc549
}
.social-share .icon-wechat .wechat-qrcode {
	display: none;
	border: 1px solid #eee;
	position: absolute;
	z-index: 9;
	top: -205px;
	left: -78px;
	width: 200px;
	height: 192px;
	color: #666;
	font-size: 12px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 2px 10px #aaa;
	transition: all 200ms;
	-webkit-tansition: all 350ms;
	-moz-transition: all 350ms;
}
.social-share .icon-wechat .wechat-qrcode.bottom {
	top: 40px;
	left: -76px;
}
.social-share .icon-wechat .wechat-qrcode.bottom:after {
	display: none
}
.social-share .icon-wechat .wechat-qrcode h4 {
	font-weight: normal;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	background-color: #f3f3f3;
	margin: 0;
	padding: 0;
	color: #777
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
	width: 105px;
	margin: 10px auto
}
.social-share .icon-wechat .wechat-qrcode .qrcode table {
	margin: 0 !important
}
.social-share .icon-wechat .wechat-qrcode .help p {
	font-weight: normal;
	line-height: 16px;
	padding: 0;
	margin: 0
}
.social-share .icon-wechat .wechat-qrcode:after {
	content: '';
	position: absolute;
	left: 50%;
	margin-left: -6px;
	bottom: -13px;
	width: 0;
	height: 0;
	border-width: 8px 6px 6px 6px;
	border-style: solid;
	border-color: #fff transparent transparent transparent
}
.social-share .icon-wechat:hover .wechat-qrcode {
	display: block
}
#share-21.social-share {
}
#share-21.social-share .social-share-icon {
	display: inline-block;
	border: #dbdcdf 1px solid;
	margin: 0 .5rem
}
#share-21.social-share .social-share-icon:hover {
	border: #86c127 1px solid !important;
	color: #86c127 !important;
}
.n_news00 .right {
	width: 26.25rem;
}
.n_news00 .right .sticky {
	position: sticky;
}
.n_news00 .right .right_box {
	background: #fff;
	padding: 2.75rem;
}
.n_news00 .right h3 {
	font-size: 1.375rem;
	color: #242930;
	margin-bottom: 1.255rem;
}
.n_news00 .right .fl01 {
	margin-bottom: 0;
}
.n_news00 .right .fl01 form {
	border: #e5e5e5 1px solid;
	height: 3.4375rem;
	line-height: 3.4375rem;
	background: none;
}
.n_news00 .right .fl01 form .txt {
	width: calc(100% - 60px);
	height: 53px;
	border: none;
	float: left;
	padding: 0 20px;
	font-size: 15px;
	color: #777a7d;
	border-radius: 4px 0 0 4px;
	font-family: PingFang;
	background: none;
}
.n_news00 .right .fl01 form .btn {
	width: 60px;
	float: right;
	border: 0;
	background: none;
	color: #fff;
	height: 53px;
	font-size: 15px;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
	transition: .3s;
}
.n_erji ul li {
	border-bottom: #eeeeee 1px solid;
	height: 60px;
	line-height: 60px;
}
.n_erji ul li a {
	font-size: 18px;
	color: #777a7d;
	font-family: PingFang;
	display: block;
	position: relative;
	padding-left: 16px;
	transition: 0.6s
}
.n_erji ul li a:before {
	content: "";
	width: 4px;
	height: 4px;
	background: #d7d8d9;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	transition: 0.6s
}
.n_news00 .right .n_erji h3 {
	margin-bottom: 1rem
}
.n_erji ul li.on a {
	color: #242930;
}
.n_erji ul li.on a:before {
	background: #242930
}
.n_news00 .right .fl02 {
	margin-top: 40px;
}
.n_news00 .right .fl02 ul {
	margin-top: -10px
}
.n_news00 .right .fl02 ul li {
}
.n_news00 .right .fl02 ul li:last-child {
	border: none;
	margin-bottom: 0;
	line-height: 40px;
}
.n_news00 .right .fl02 ul li a {
	display: block;
	overflow: hidden
}
.n_news00 .right .fl02 ul li .sort {
	height: 4rem;
	line-height: 4rem;
	border-bottom: 1px solid #e2e2e2;
	position: relative;
	font-size: 1rem;
	color: #0e0e0e;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.n_news00 .right .fl02 ul li .sort:hover {
	color: #86c127;
}
.n_news00 .right .fl02 ul li h5 {
	padding: 2rem;
	font-size: 0.5rem;
	color: #0e0e0e;
	line-height: 2rem;
}
.n_news00 .right .fl02 .slick-arrow {
	z-index: 99;
	position: absolute;
	top: 40%;
	margin-top: -13px;
	transform: translate(0, 0);
	opacity: 1;
	display: block;
	width: 3.0625rem;
	height: 3.0625rem;
	background-size: 3.0625rem !important;
}
.n_news00 .right .fl02 .btn_arr2 {
	width: 6.25rem;
	height: 100%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.n_news00 .right .fl02 ul li .btn_arr2 svg {
	width: 1.25rem;
}
.n_news00 .right .fl02 ul li .btn_arr2 svg path {
	fill: #000000;
}
.n_news00 .right .fl02 ul li .btn_arr2:before {
	content: "";
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	background: #86c127;
}
.n_news00 .right .fl02 ul li:hover .btn_arr2:before {
	width: 100%;
}
.n_news00 .right .fl02 ul li:hover .btn_arr2 svg path {
	fill: #fff;
}
.n_news00 .right .fl03 {
	margin-top: 40px;
}
.n_news00 .right .fl03 ul {
	margin-top: -10px
}
.n_news00 .right .fl03 ul li {
	border-bottom: #e7e7e7 1px solid;
	padding: 1.25rem 0;
}
.n_news00 .right .fl03 ul li:last-child {
	border: none;
	margin-bottom: 0;
}
.n_news00 .right .fl03 ul li a {
	display: block;
	overflow: hidden
}
.n_news00 .right .fl03 ul li a .img, .n_news00 .right .fl03 ul li a .img img {
	width: 135px;
	height: 90px;
	overflow: hidden;
	float: left;
	object-fit: cover;
}
.n_news00 .right .fl03 ul li a .con {
	width: calc(100% - 135px);
	overflow: hidden;
	float: right;
	padding-left: 1rem;
	padding-top: 0.5rem;
}
.n_news00 .right .fl03 ul li a .con .time img {
	display: inline-block;
	fill: #adadad;
	vertical-align: middle;
	margin: -1px 5px 0 0;
}
.n_news00 .right .fl03 ul li a .con .time {
	font-size: .9375rem;
	color: #3a3a3a;
	margin-bottom: .625rem;
	font-family: BEBASNEUE_BOLD;
}
.n_news00 .right .fl03 ul li a .con h4 {
	font-size: .9375rem;
	color: #3a3a3a;
	height: 50px;
	line-height: 25px;
	overflow: hidden;
	transition: 0.6s;
}
.n_news00 .right .fl04 ul li a .img, .n_news00 .right .fl04 ul li a .img img {
	width: 144px;
	height: 95px;
	overflow: hidden;
	float: left;
	object-fit: cover;
}
.n_news00 .right .fl04 ul li a h5 {
	font-size: 15px;
	color: #3a3a3a;
	font-weight: bold;
	line-height: 1.25;
	margin: .5rem 0;
	transition: .5s
}
.n_news00 .right .fl04 ul li a .con h4 {
	font-size: 15px;
	color: #8f8f8f;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	font-family: PingFang;
	transition: 0.6s;
}
.news_botom ul {
	display: flex;
	margin: 5rem 0 0
}
.news_botom ul li {
	width: 50%;
}
.news_botom ul li a {
	display: flex;
	width: 100%;
	height: 7.1875rem;
	background: #fff;
	align-items: center;
	justify-content: center;
	font-size: 1.125rem;
	color: #616364;
	transition: .5s
}
.news_botom ul li a svg {
	width: 1.875rem;
	height: 1.875rem;
	fill: #888;
	transition: .5s;
	margin: 0 1rem;
}
.news_botom ul li a:hover {
	background: #86c127;
	color: #fff
}
.news_botom ul li a:hover svg {
	fill: #fff
}
.n_news00 .right .fl03 ul li a:hover .con h4 {
	color: #86c127
}
#miso_map {
	height: 33.125rem;
	border: #e1e1e1 1px solid
}
.n_contact .fl01 {
	padding: 0 0 6.25rem
}
.n_contact .fl01 .content {
	position: relative
}
.n_contact .fl01 .content .top {
	background: url(../images/n_contact_fl01.png) left center no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10;
}
.amap-logo, .amap-toolbar, .amap-copyright {
	display: none !important
}
.n_contact .fl01 .content .top {
	display: flex;
	align-items: center;
}
.n_contact .fl01 .content .top .box {
	width: 34%;
	padding: 0 0 0 4%;
}
.n_contact .fl01 .content .top .box h3 {
	font-size: 1.375rem;
	color: #fff;
	line-height: 1.5;
	font-weight: bold;
	font-style: italic
}
.n_contact .fl01 .content .top .box hr {
	width: 1.375rem;
	height: 4px;
	background: #86c127;
	border: none;
	transform: skewX(-20deg);
	margin: .75rem 0 2rem;
}
.n_contact .fl01 .content .top .box dl {
	display: flex;
	font-size: .9375rem;
	color: #fff;
	max-width: 19rem;
	margin-bottom: .5rem;
}
.n_contact .fl01 .content .top .box dl dt {
	white-space: nowrap;
	line-height: 1.75rem;
}
.n_contact .fl01 .content .top .box dl dd {
	line-height: 1.75rem;
	color: #fff;
}
.n_contact .fl01 .content .top .box .ewm {
	margin: 1.5rem 0 0
}
.n_contact .fl01 .content .top .box .ewm h3 {
	border: rgba(215,215,215,.3) 1px solid;
	width: 8.125rem;
	height: 8.125rem;
	padding: .5rem
}
.n_contact .fl01 .content .top .box .ewm h3 img {
	width: 100%;
	height: 100%
}
.n_contact .fl01 .content .top .box .ewm h5 {
	font-size: .8125rem;
	color: #f3f2f7;
	opacity: .6;
	line-height: 1.5;
	text-align: center;
	margin: .75rem 0 0;
	width: 8.125rem;
}
.n_contact .fl02 {
	padding: 5.625rem 0 5rem;
	background: #c8c8c8;
	background-size: cover
}
.n_contact .fl02 .m {
	max-width: 995px
}
.n_contact .fl02 .title002 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 3.75rem
}
.n_contact .fl02 .title002 .ll h3 {
	color: #fff
}
.n_contact .fl02 .title002 .ll h4 {
	justify-content: flex-start
}
.n_contact .fl02 .title002 .rr {
	width: 29.625rem;
	font-size: .9375rem;
	color: #fff;
	line-height: 1.75rem;
	text-align: left
}
.n_liuyan form {
	margin: 0 -7.5px;
}
.n_liuyan form .box {
	float: left;
	width: 49.999999%;
	padding: 0 7.5px;
}
.n_liuyan .messlist {
	width: 100%
}
.n_liuyan .messsub input {
}
.n_liuyan .messsub input:hover {
}
.n_liuyan .messlist02 {
	height: 15.5625rem;
}
.n_liuyan .messlist {
	height: 3.75rem;
	margin: 0 0 1.25rem;
	float: left;
	width: 100%;
	background: #fff;
	color: #626364;
	position: relative;
}
.n_liuyan .messlist label, .form-list .messlist01 label, .n_liuyan .messlist03 label {
	float: left;
	width: 50px;
	height: 100%;
	line-height: 3.625rem;
	text-align: left;
	color: #4f4f4f;
	font-size: 14px;
	box-sizing: border-box;
	padding: 0 0 0 20px;
	font-weight: normal;
}
.n_liuyan .messlist label span img, .form-list .messlist01 label span img, .n_liuyan .messlist03 label span img {
	margin-top: -3px
}
.n_liuyan .messlist input {
	float: left;
	width: 100%;
	height: 100%;
	background: none;
	border: none;
	outline: none;
	color: #5a5453;
	font-size: 1rem;
	padding: 0 1.25rem;
}
.n_liuyan .messlist01 {
	height: 43px;
	margin-top: 30px;
	float: left;
	width: 880px;
	border: #d3d7d8 1px solid;
	background: #fff;
	color: #626364;
	margin-right: 44px;
}
.n_liuyan .messlist01 input {
	float: left;
	width: 712px;
	height: 48px;
	padding: 0 10px;
	background-color: #fbfbfc;
	border: none;
	outline: none;
	color: #626364;
	font-size: 12px;
}
.n_liuyan .messlist02 {
	height: 11.25rem;
	float: left;
	width: 100%;
	background: #fff;
	color: #626364;
	box-sizing: border-box;
	margin-bottom: 1.25rem;
}
.n_liuyan .messlist02 textarea {
	float: left;
	width: calc(100% - 50px);
	height: 100%;
	color: #5a5453;
	font-size: 1rem;
	border: none;
	outline: none;
	padding: 1.25rem 1.25rem;
	resize: none;
	box-sizing: border-box;
	background: none;
}
.n_liuyan .messlist02 label {
	float: left;
	width: 50px;
	height: 56px;
	line-height: 56px;
	text-align: left;
	color: #000000;
	font-size: 16px;
	box-sizing: border-box;
	padding: 0 0 0 20px;
	font-weight: normal;
}
.n_liuyan .yanzheng {
	display: flex;
	float: left;
	position: absolute;
	right: 1rem;
	top: 0;
	bottom: 0;
	align-items: center;
}
/*.n_liuyan .yanzheng img{width: 5.5625rem;height: 1.8125rem;}*/

.n_liuyan .messsub input {
	width: 100%;
	height: 3.75rem;
	font-size: 1rem;
	cursor: pointer;
	color: #fff;
	border: none;
	background: #86c127;
	transition: 0.6s;
}
.n_liuyan .messsub input:hover {
	background: #014590;
}
.n_liuyan .messlist03 {
	height: 3.75rem;
	margin: 0 0 0 0;
	float: left;
	width: 21.375rem;
	background: #fff;
	color: #626364;
	box-sizing: border-box;
	position: relative;
	border: #e1e3e4 1px solid;
}
.n_liuyan .messlist03 input {
	float: left;
	width: calc(100% - 50px);
	height: 100%;
	color: #636363;
	font-size: .875rem;
	border: none;
	outline: none;
	resize: none;
	box-sizing: border-box;
	background: none;
	padding: 0;
}
.n_liuyan .messsub {
	width: 100%;
}
.n_product_detail .fl01 .content {
	position: relative;
}
.n_product_detail .fl01 .content .fl001 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 1rem;
	background: #fff;
}
.n_product_detail .fl01 .content .fl001 .left {
	width: calc(100% - 22.5rem);
}
.n_product_detail .fl01 .content .fl001 .right {
	width: 20.5rem;
	margin-left: 2rem;
}
.list_box_09 li img {
	width: 100%
}
.list_box_09 .slick-arrow {
	width: 2.5rem;
	height: 2.5rem;
	z-index: 1
}
.list_box_09 .slick-arrow svg {
	fill: #adadae;
	width: 100%;
	height: 100%
}
.n_product_detail .fl01 .content .fl001 .right h3 {
	font-size: 1.875rem;
	color: #333333;
	line-height: 1.375;
	font-weight: bold;
	margin-bottom: 1rem
}
.n_product_detail .fl01 .content .fl001 .right p {
	font-size: .9375rem;
	color: #646464;
	line-height: 1.5rem;
	padding-bottom: 0;
}
.n_product_detail .fl01 .content .fl001 .right h5{
	font-weight:bold;
	font-size: 1.2rem;
	line-height: 3rem;
}
.n_erji1 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 0.5rem
}
.n_erji1 li {
	margin: 0 .875rem 0 0
}
.n_erji1 li .btn_xq {
	width: auto;
	height: 3.125rem;
	line-height: 3.125rem;
	padding: 0 2.25rem;
	font-size: .9375rem
}
.n_erji1 li .btn_xq .btn_bg {
	transform: skewX(0);
	-webkit-transform: skewX(0);
	-moz-transform: skewX(0);
	-ms-transform: skewX(0);
	-o-transform: skewX(0);
}
.n_erji1 li.on .btn_xq {
	color: #fff;
}
.n_erji1 li.on .btn_xq .btn_bg:before {
	border-width: 165px 0 0 165px;
}
.n_erji1 li.on .btn_xq .btn_bg:after {
	border-width: 0 165px 165px 0;
}
.n_product_detail .fl01 .content .fl002 {
	border-top: #e8e8e8 1px solid;
	margin: 3.125rem 0 0;
	background: #fff;
	width: 100%;
}
.n_product_detail .fl01 .content .fl002 h3 {
	font-size: 1.75rem;
	color: #333333;
	margin-bottom: 2.5rem
}
.n_product_detail .fl01 .content .fl002 .ar_article p {
	font-size: .9375rem;
	color: #717171
}
.n_product_detail .fl01 .content .fl003 {
	border-top: #e8e8e8 1px solid;
	margin: 4rem 0 0;
	padding: 4rem 0 0
}
.n_product_detail .fl01 .content .fl003 .title002 p {
	font-size: .9375rem;
	color: #737373;
	line-height: 1.5;
	margin: 1.25rem 0 0
}
.n_product_detail .fl01 .content .fl003 .title002 p a {
	font-size: 1.375rem;
	color: #86c127;
	font-family: DINOT;
}
.n_product_detail .fl01 .content .fl003 .n_liuyan {
	width: 946px;
	max-width: 100%;
	margin: 0 auto
}
.n_product_detail .fl01 .content .fl003 .n_liuyan .messlist, .n_product_detail .fl01 .content .fl003 .n_liuyan .messlist02 {
	background: #f2f4f7
}
.n_product_detail .fl02 .title002 {
	display: flex;
	justify-content: space-between;
	align-items: center
}
.n_product_detail .fl02 .title002 h4 {
	justify-content: flex-start
}
.list_box_10 {
	margin: 0 -.9375rem
}
.list_box_10 li {
	padding: 0 .9375rem
}
.list_box_10 li a {
	display: block;
	border: #dedfe2 2px solid;
	transition: .5s
}
.list_box_10 li a .img {
	position: relative;
	width: 100%
}
.list_box_10 li a .con {
	position: relative;
	width: 100%;
	background: #f2f4f7;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 2.5rem 1.5rem 3.125rem
}
.list_box_10 li a .con h5 {
	font-size: 1.375rem;
	color: #373737;
}
.list_box_10 li a .con p {
	font-size: .875rem;
	color: #707070;
	line-height: 1.875rem;
	margin: .75rem auto 2rem;
	text-align: center;
}
.list_box_10 li a .con .btn_xq .btn_bg {
	transform: skewX(-10deg);
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
}
.list_box_10 li a .con .btn_xq .btn_bg i {/* border:#014590 2px solid; *//* background:#014590 */
}
.list_box_10 li a .con .btn_xq {/* color:#fff */
}
.n_product_detail .fl02 .slick_arrow_right {
	position: static;
	float: none;
	clear: both;
	margin-left: .5rem;
}
.n_product_detail .fl02 .slick_arrow_right .slick-arrow {
	z-index: 99;
	float: left;
	margin-right: 8px;
	background: none;
	display: block;
	font-size: 0;
	cursor: pointer;
	position: relative;
	width: 6rem;
	line-height: 2.8125rem;
	text-align: center;
	height: 2.8125rem;
	margin: 0 0 0 .5rem;
}
.n_product_detail .fl02 .slick_arrow_right .slick-arrow .btn_bg {
	border: #d3d5d8 2px solid
}
.n_product_detail .fl02 .slick_arrow_right .slick-arrow .btn_bg {
	transform: skewX(-10deg);
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
}
.n_product_detail .fl02 .slick_arrow_right .slick-arrow svg {
	width: 1rem;
	vertical-align: middle;
}
.n_product_detail .fl02 .slick_arrow_right .slick-prev2 {
}
.n_product_detail .fl02 .slick_arrow_right .slick-next2 {
}
.n_product_detail .fl02 .slick_arrow_right .slick-arrow:hover .btn_bg {
	border: 2px solid #86c127;
}
.n_product_detail .fl02 .slick_arrow_right .slick-arrow:hover svg {
	fill: #fff
}
.n_service .fl01 {
	padding: 0 0 5.625rem
}
.n_service .fl01 .content {
	display: flex;
	justify-content: space-between;
	align-self: center;
}
.n_service .fl01 .content .left {
	width: 3.5rem;
	align-self: center;
}
.n_service .fl01 .content .center {
	width: calc(100% - 4.0625rem - 3.5rem);
	align-self: center;
}
.n_service .fl01 .content .right {
	width: 4.0625rem;
	align-self: center;
}
.list_box_11 {
	margin: 0 -1.375rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.list_box_11 li {
	padding: 0 1.375rem;
	width: 16.666667%;
	margin: 1.25rem 0
}
.list_box_11 li .box {
	position: relative;
	padding: 1rem;
	border: #d6d6d6 1px dashed;
	border-radius: 50%;
	cursor: pointer;
}
.list_box_11 li .box .img {
	border-radius: 50%;
	width: 100%;
	padding-bottom: 100%;
	position: relative
}
.list_box_11 li .box .img .top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #014590;
	border-radius: 50%;
	opacity: 1;
	visibility: visible;
	transition: .5s;
	align-items: center;
	justify-content: center;
	font-size: 1.0625rem;
	color: #fff;
	line-height: 1.625rem;
	display: flex;
	text-align: center;
}
.list_box_11 li .box .img img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.list_box_11 li .box .shuzi {
	position: absolute;
	top: 0;
	width: 35px;
	height: 35px;
	background: #86c127;
	border: #fff 2px solid;
	border-radius: 50%;
	left: 50%;
	transform: translateX(-50%);
	display: flex;/* align-items: center; */
	justify-content: center;
	font-family: BEBASNEUE_BOLD;
	color: #fff;
	font-size: 1.125rem;
	line-height: 33px;
	opacity: 1;
	visibility: visible;
	transition: .5s;
}
.list_box_11 li .box .line {
	position: absolute;
	top: 50%;
	left: 100%;
	background: url(../images/line_j.png) center no-repeat;
	width: 2.5rem;
	height: 16px;
	transform: translateY(-50%);
	z-index: 1;
}
.list_box_11 li .box .line:before {
	content: "";
	position: absolute;
	border-bottom: #d6d6d6 1px dashed;
	height: 1px;
	left: 0;
	right: 0;
	top: 50%;
	z-index: -1;
}
.list_box_12 {
	flex-direction: row-reverse
}
.list_box_11 li .box .line1 {
	background: url(../images/line_j1.png) center no-repeat;
}
.list_box_11 li:hover .box .img .top {
	opacity: 0;
	visibility: hidden;
}
.list_box_11 li:hover .box .shuzi {
	opacity: 0;
	visibility: hidden;
}
.n_service .fl01 .content.ar_wap {
	display: none
}
/*分页*/
.pages {
	clear: both;
	margin: 30px 0;
	text-align: center;
	font-size: 12px;
}
.pages .nolink, .pages a {
	text-decoration: none;
	margin-left: 3px;
	padding: 2px 5px;
	border: 1px solid #E5E5E5
}
.pages a:hover {
	text-decoration: none;
	border: 1px solid #f1431e;
	background: #f1431e;
	color: #FFF
}