@charset "utf-8";

@font-face {
	font-family: Impact;
	src: url(../font/impact.ttf);
}

@font-face {
	font-family: Dosis-m;
	src: url(../font/DOSIS-MEDIUM-3.TTF);
}

@font-face {
	font-family: LEMONMILK;
	src: url(../font/LEMONMILK-1.OTF);
}

@font-face {
	font-family: Dosis-b;
	src: url(../font/DOSIS-BOLD-5.TTF);
}

@font-face {
	font-family: Dosis-s;
	src: url(../font/DOSIS-SEMIBOLD-6.TTF);
}

@media (max-width:4000px) {
	html {
		font-size: 16px;
	}
}

@media (min-width:1600px) and (max-width:1940px) {
	html {
		font-size: 16px;
	}
}

@media (min-width:1400px) and (max-width:1600px) {
	html {
		font-size: 12px;
	}
}

@media (min-width:640px) and (max-width:1399px) {
	html {
		font-size: 13px;
	}
}

@media (min-width:471px) and (max-width:639px) {
	html {
		font-size: 13px;
	}
}

@media (min-width:329px) and (max-width:470px) {
	html {
		font-size: 12px;
	}
}

@media (max-width:328px) {
	html {
		font-size: 12px;
	}
}


/*==========================================公共 开始=============================================*/
.ar_wap {
	display: none
}

.a_body {
	position: relative;
	z-index: 0;
}

.section {
	overflow: hidden;
}

.w1200 {
	margin: 0 auto;
	max-width: 1700px;
	padding: 0 50px;
}

.header_box {
	height: 0;
}

#header {
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	right: 0;
	transition: .6s;
	padding: 0 0;
	/* box-shadow: 0 3px 15px rgba(0,0,0,.05); */
}

#header:before {
	content: "";
	bottom: 0;
	position: absolute;
	width: 100%;
	height: 1px;
	background: rgba(255, 255, 255, .3)
}

#header>.w1200 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 7.875rem;
	max-width: 100%;
	padding: 0 3rem;
}

#header .right {
	display: flex;
	align-items: center;
	border-radius: .625rem;
	flex-grow: 1;
	justify-content: space-between;
}

nav {
	display: inline-block;
}

#nav {
	flex-grow: 1;
}

#nav>ul {
	display: flex;
	padding: 0 5rem;
	justify-content: space-around;
}

#nav>ul>li {
	z-index: 0; flex-grow: 1; 
	display: flex;
	align-items: center;
}

#nav>ul>li span {
	display: inline-block;
	width: .3125rem;
	height: .3125rem;
	background: #b2b2b2;
	border-radius: 50%;
}

#nav>ul>li>a {
	display: block;
	padding: 0;
}

#nav>ul>li>a {
	color: #0a0a0a;
	line-height: 7.875rem;
	position: relative;
	transition: .6s;
	display: flex;
	align-items: center;
}

#nav>ul>li.on>a {
	font-weight: bold;
}

#nav>ul>li>a h3 {
	position: relative;
	padding: 0 .5rem;
	z-index: 1;
	font-weight: 400;
	font-size: 1.0625rem;
	color: #fff;
}

#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;
	left: 50%;
	top: 100%;
	z-index: 999;
	/* -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); */
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	/* box-shadow: 0px 3px 5px #3333334d; */
	transform-origin: 0 0 0;
	transform: scaleY(0.2) translateX(-50%);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
	padding: 0;
	min-width: 100%;
	visibility: hidden;
}

#nav>ul>li .sub:before {
	content: "";
	position: absolute;
	border-left: transparent 6px solid;
	border-right: transparent 6px solid;
	border-bottom: #fff 8px solid;
	top: 13px;
	left: 50%;
	margin-left: -6px;
	display: none;
}

#nav>ul>li .sub .box {
	padding: 3.5rem 3.5rem 2rem;
	text-align: center;
	border-radius: 0 0 .625rem .625rem;
	overflow: hidden;
	background: #fff;
	width: 1300px;
	max-width: 100%;
	margin: 0 auto;
}

#nav>ul>li:hover {
	position: initial;
	z-index: 1;
}

#nav>ul>li:hover .sub {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	transform: translateY(0px) translateX(-50%);
	z-index: 1000;
}

#nav>ul>li.on>a h3,
#nav>ul>li:hover>a h3,
#header.xg #nav>ul>li.on>a,
#header.xg #nav>ul>li:hover>a {
	color: #f08300;
}

#nav>ul>li h3:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	position: absolute;
	left: 50%;
	margin-left: -50%;
	background: #fff;
	bottom: 0;
	transition: .5s;
	border-radius: 0;
	z-index: -1;
	transform-origin: bottom;
}

#nav>ul>li h3:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	background: #f08300;
	height: 3px;
	left: 50%;
	width: 0;
	transition: .3s;
	opacity: 0;
	visibility: hidden;
}

#nav>ul>li:hover h3:after,
#nav>ul>li.on h3:after {
	height: 100%;
}

#nav>ul>li:hover h3:before,
#nav>ul>li.on h3:before {
	opacity: 1;
	visibility: visible;
	width: 100%;
	margin-left: -50%;
}

#header.xg #nav>ul>li h3:after {
	background: #007f64
}

#nav>ul>li .sub .box .ul {
	display: flex;
	justify-content: flex-start;
}

#nav>ul>li .sub .box .ul .li {
	width: 25%;
	border-right: #dadee5 1px solid;
	padding: 0 2rem;
}

#nav>ul>li .sub .box .ul .li .img .img_hezi {
	padding-bottom: 68.49% !important
}

#nav>ul>li .sub .box .ul .li h6 {
	font-size: .875rem;
	color: #060606;
	line-height: 1.5;
	margin: 1rem 0 0
}

#nav>ul>li .sub .box .ul .li h5 {
	font-size: .875rem;
	color: #f08300;
	line-height: 1.5
}

#nav>ul>li .sub .box .more a {
	display: inline-block;
	box-sizing: border-box;
	border-bottom: 1px solid #000;
	color: #000;
	line-height: 2;
	border-radius: 0;
	margin: 2rem 0 0
}

#nav>ul>li .sub .box .ul .li:last-child {
	border: none
}

#header:hover {}

#nav>ul>li.li1 {
	position: inherit
}

.sub_box1 {
	position: absolute;
	background: #fff url(../images/xiala_bg.jpg) right bottom no-repeat;
	background-size: cover;
	width: 100%;
	left: 0;
	padding: 2.875rem 0;
	box-shadow: 0 25px 25px rgba(0, 0, 0, .05);
	opacity: 0;
	visibility: hidden;
	transform: scaleY(0);
	transform-origin: top;
	transition: .5s;
}

.sub_box1 * {
	line-height: 1;
	width: 100%;
}

.sub_box1 .w1200 {
	display: flex;
	align-items: flex-start
}

.sub_box1 .ll1 {
	width: 20rem;
	padding-right: 2px;
}

.sub_box1 .ll1 .miso_hd1 ul .miso-list {
	overflow: visible
}

.sub_box1 .ll1 .miso_hd1 ul li {
	height: 7rem;
	margin-bottom: 1.5rem
}

.sub_box1 .ll1 .miso_hd1 ul li a {
	display: flex;
}

.sub_box1 .ll1 .miso_hd1 ul li .img {
	width: 7rem;
}

.sub_box1 .ll1 .miso_hd1 ul li .img .img_hezi {
	padding-bottom: 7rem !important
}

.sub_box1 .ll1 .miso_hd1 ul li .con {
	width: calc(100% - 7rem);
	height: 7rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 1.125rem;
	transition: .5s;
	border: #e5e5e5 1px solid;
}

.sub_box1 .ll1 .miso_hd1 ul li .con h5 {
	font-size: 1.125rem;
	color: #2e2e2e;
	line-height: 1.25
}

.sub_box1 .ll1 .miso_hd1 ul li .con p {
	font-size: .875rem;
	color: #828282;
	line-height: 1.25;
	margin: .75rem 0 0
}

.sub_box1 .rr1 {
	width: calc(100% - 20rem);
	padding: 0 0 0 2.5rem;
}

.sub_box1 .box_li {
	display: flex;
}

.sub_box1 .box_li dl {
	padding-right: 1.5rem;
	flex: 1;
}

.sub_box1 .box_li dl dt {
	font-size: .9375rem;
	color: #313131;
	font-weight: 900;
	line-height: 1.5;
	margin-bottom: 1.5rem;
	transition: .5s
}

.sub_box1 .box_li dl dd {
	font-size: .875rem;
	color: #313131;
	line-height: 1.875rem;
	transition: .5s
}

.sub_box1 .box_li dl dt:hover,
.sub_box1 .box_li dl dd:hover {
	color: #e65e0e
}

.sub_box1 .ll1 .miso_hd1 ul li.miso-current .con {
	border: #0750a2 1px solid;
	background: #0750a2
}

.sub_box1 .ll1 .miso_hd1 ul li.miso-current .con h5,
.sub_box1 .ll1 .miso_hd1 ul li.miso-current .con p {
	color: #fff
}

#nav>ul>li.li1.active .sub_box1 {
	opacity: 1;
	visibility: visible;
	transform: scaleY(1)
}

.sub_box2 {
	background: #fff
}

.sub_box2 .miso_hd2 ul {
	display: flex;
	margin: 0 -.9375rem;
	flex-wrap: wrap;
}

.sub_box2 .miso_hd2 ul li {
	width: 33.333333%;
	padding: 0 .9375rem;
}

.sub_box2 .miso_hd2 ul li a {
	display: flex;
}

.sub_box2 .miso_hd2 ul li .img {
	width: 7rem;
}

.sub_box2 .miso_hd2 ul li .img .img_hezi {
	padding-bottom: 7rem !important
}

.sub_box2 .miso_hd2 ul li .con {
	width: calc(100% - 7rem);
	height: 7rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 1.75rem;
	transition: .5s;
	border: #e5e5e5 1px solid
}

.sub_box2 .miso_hd2 ul li .con h5 {
	font-size: 1.125rem;
	color: #2e2e2e;
	line-height: 1.25
}

.sub_box2 .miso_hd2 ul li .con p {
	font-size: .875rem;
	color: #828282;
	line-height: 1.25;
	margin: .75rem 0 0
}

.sub_box2 .miso_hd2 ul li:hover .con {
	border: #0750a2 1px solid;
	background: #0750a2
}

.sub_box2 .miso_hd2 ul li:hover .con h5,
.sub_box2 .miso_hd2 ul li:hover .con p {
	color: #fff
}

.wailian {
	margin-left: 1rem
}

.wailian ul {
	display: flex;
	align-items: center
}

.wailian ul li {
	margin-left: 1.625rem
}

.wailian ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: #e65e0e;
	border-radius: 50%;
}

.wailian ul li:nth-child(2) a {
	background: rgba(0, 0, 0, .2);
}

.fp-viewing-page0 #header {
	opacity: 1;
	visibility: visible;
}

/*顶部搜索*/

.tc_search {
	margin: 0 1.3rem;
	width: calc(100% - 2.6rem);
	position: absolute;
	bottom: 1rem;
}

.tc_search form {
	height: 40px;
	border-radius: 0;
	background: rgba(255, 255, 255, .1);
	position: relative;
	width: 100%;
	margin-bottom: 1rem;
}

.tc_search #keyword {
	font-size: .875rem;
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 1rem;
	box-shadow: none;
	-webkit-appearance: none;
	border-right: 0;
	background: none;
	width: 100%;
}

.tc_search .btn_blue {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 38px;
	line-height: 38px;
	border: 0;
	background: url(../images/search_white.svg) center center no-repeat;
	background-size: 1.2rem;
}

.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消失-结束 */
/*导航按钮开始*/
#nav_btn_box.on {
	background: none;
}

#nav_btn .point.on .navbtn::after,
#nav_btn .point.on .navbtn::before {
	background: #fff;
}

#nav_btn {
	cursor: pointer;
	text-align: center;
	z-index: 99999;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
	outline: none;
	box-shadow: none;
}

#nav_btn .point {
	display: inline-block;
	width: 1.875rem;
	height: 22px;
	position: relative;
	outline: none;
}

#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before {
	width: 1.75rem;
}

#nav_btn .navbtn {
	position: absolute;
	top: 12px;
	left: 0;
	display: inline-block;
	width: 14px;
	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: #000;
}

#nav_btn .navbtn::after,
#nav_btn .navbtn::before {
	position: absolute;
	left: 0;
	display: inline-block;
	width: 1.75rem;
	height: 1px;
	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: #000;
}

#nav_btn .navbtn::after {
	top: -8px;
}

#nav_btn .navbtn::before {
	top: 8px;
}

#nav_btn .point.on .navbtn {
	background: transparent;
}

#nav_btn .point.on .navbtn::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0px;
}

#nav_btn .point.on .navbtn::before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
}

.m_nav_list {
	flex-direction: column;
	/* justify-content: center; */
	width: 100%;
	height: 100%;
	overflow: auto;
	align-items: center;
	display: flex;
}

.m_nav_list::-webkit-scrollbar {
	display: none
}

#m_nav {
	z-index: 99999;
	position: fixed;
	width: 100%;
	height: 100vh;
	right: -105vw;
	top: 0;
	display: none;
	padding: 45px 15px 70px;
	overflow: hidden;
	pointer-events: none;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	background: #00a0e9;
	background-size: cover;
	opacity: 0;
	visibility: hidden;
}

#m_nav .close {
	position: absolute;
	top: 10px;
	right: 15px;
	left: 15px;
	font-size: 28px;
	color: #fff;
	z-index: 10000;
	/* background: rgba(255,255,255,.1); */
	width: auto;
	height: 35px;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 10px 0 0;
}

#m_nav.act {
	pointer-events: auto;
	right: 0;
	opacity: 1;
	visibility: visible;
}

.list_box_nav_mobile {
	width: 100%;
	height: 100%;
	padding: 0 0 10px;
	overflow: hidden;
	overflow-y: scroll;
}

.list_box_nav_mobile>li {
	width: 100%;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.list_box_nav_mobile>li .con {
	position: relative
}

.list_box_nav_mobile>li .a {
	width: 100%;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	line-height: 4rem;
	color: #fff;
	padding: 0;
	font-size: 1.125rem;
	display: flex;
	position: relative;
	transition: .5s
}

.list_box_nav_mobile>li i {
	opacity: 1;
	filter: alpha(opacity=100);
	display: inline-block;
	width: 100%;
	height: 4rem;
	display: inline-block;
	background: url(../images/arrow_down.svg) calc(100% - 5px) center no-repeat;
	background-size: 13px 13px !important;
	position: absolute;
	display: block;
	right: 0;
	top: 0;
}

.list_box_nav_mobile>li.on1 i {
	background: url(../images/arrow_down_on.svg) calc(100% - 5px) center no-repeat;
}

.list_box_nav_mobile>li.on .a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

/*三级导航 开始*/
.list_box_nav_mobile>li .list {
	padding: 10px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	display: none
}

.list_box_nav_mobile>li .list a {
	display: block;
	font-size: 13px;
	color: rgba(255, 255, 255, .7);
	line-height: 2.5;
}

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

/*导航按钮结束*/

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

.m_header_box {
	transition: .6s;
	display: none;
	height: 60px;
}

.m_header_box header {
	padding: 0 15px;
	height: 60px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .05);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.m_header_box header .logo img {
	height: 28px;
}

.lqcx {
	position: relative;
}

.lqcx .lqcx_top {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .875rem;
	color: #fff;
	transition: .5s;
	cursor: pointer;
	position: relative;
	z-index: 1;
}

.lqcx .lqcx_top img {
	margin: 0 .375rem 0 0;
	width: 1.25rem;
}

.lqcx .lqcx_top img.img2 {
	margin-left: .375rem;
	transition: .5s
}

.lqcx .lqcx_top span {
	margin: 0 .25rem 0 .5em;
}

.lqcx .sub {
	position: absolute;
	width: auto;
	left: 50%;
	top: 100%;
	z-index: 999;
	/* -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2); */
	-moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
	/* box-shadow: 0px 3px 5px #3333334d; */
	transform-origin: 0 0 0;
	transform: scaleY(0.2) translateX(-50%);
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	opacity: 0;
	visibility: hidden;
	padding: 20px 0 0;
}

.lqcx .sub:before {
	content: "";
	position: absolute;
	border-left: transparent 6px solid;
	border-right: transparent 6px solid;
	border-bottom: #fff 8px solid;
	top: 12px;
	left: 50%;
	margin-left: -6px;
}

.lqcx .sub .box {
	padding: 0;
	text-align: center;
	background: rgba(255, 255, 255, .96);
	border-radius: 5px;
	overflow: hidden
}

.lqcx .sub a {
	padding: 0 .5rem;
	line-height: 3.5;
	transition: .3s;
	font-size: 14px;
	letter-spacing: 1px;
	color: #636363;
	/* border-bottom: 1px dashed #eee; */
	display: block;
	white-space: nowrap;
	position: relative;
	min-width: 8rem;
}

.lqcx .sub a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 0;
	background: #f39e4c;
	transition: .5s;
}

.lqcx .sub a:hover {
	color: #fff;
	background: #f39e4c;
}

.lqcx .sub a:hover:before {
	width: 3px
}

.lqcx:hover .sub {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	visibility: visible;
	transform: translateY(0px) translateX(-50%);
}

.search_btn_box {
	margin: 0 2.5rem 0 3.5rem;
}

.search_btn_box img {
	width: 1.25rem
}

.miso_map_wzdt {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #fff;
}

.miso_map_wzdt svg {
	width: 2rem;
	margin-right: .3rem;
}

.wangzhan_map {
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 410px;
	background: #fff url(../images/wangzhan_map_png.png) center bottom no-repeat;
	z-index: 100000;
	transform: translateX(-100%);
	transition: 0.6s;
	max-width: 100%;
}

.wangzhan_map.on {
	transform: translateX(0)
}

.wangzhan_map .top {
	line-height: 95px;
	background: #d70029;
	padding: 0 1.875rem;
	font-weight: bold;
	font-size: 1.25rem;
	color: #fff;
}

.wangzhan_map .box {
	height: calc(100% - 4.375rem);
	overflow: hidden;
	overflow-y: scroll;
	padding: 2rem 1.875rem;
	width: 100%;
}

.wangzhan_map .box::-webkit-scrollbar {
	width: 0px;
	height: 8px;
	background-color: #F5F5F5;
}

.wangzhan_map .box::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: #E2E2E2;
}

.wangzhan_map .box::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #333;
}

.wangzhan_map .box dl {
	padding: 1rem 0;
	border-bottom: #e5e5e5 1px solid;
	font-size: 0;
}

.wangzhan_map .box dl dt {
	font-size: 16px;
	color: #000;
	margin-bottom: 0.5rem
}

.wangzhan_map .box dl dt a {
	color: inherit;
	transition: 0.6s
}

.wangzhan_map .box dl dd {
	font-size: .875rem;
	color: #636364;
	min-width: 33.333333%;
	display: inline-block;
	line-height: 1.875rem;
}

.wangzhan_map .box dl dd a {
	color: inherit;
	transition: 0.6s
}

.wangzhan_map .top svg {
	float: right;
	width: 1.25rem;
	height: 1.25rem;
	fill: #fff;
	margin: 2.375rem 0;
	transition: 0.6s;
	cursor: pointer;
	display: inline-block;
}

.wangzhan_map .top svg:before {
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	position: absolute
}

body .after {
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	visibility: hidden;
	transition: 0.6s;
	opacity: 0
}

body.on .after {
	visibility: visible;
	opacity: 1
}

.wangzhan_map .box ul {
	font-size: 0;
	padding: 1.75rem 2.75rem;
	border-bottom: #e5e5e5 1px solid;
}

.wangzhan_map .box ul li {
	font-size: 16px;
	color: #000000;
	width: 33.333333%;
	display: inline-block;
	line-height: 1.875rem
}

.wangzhan_map .box ul li a {
	color: inherit
}

.wangzhan_map .box dl:nth-child(2) dd {}

.wangzhan_map .box dl:nth-child(4) dd {}

.wangzhan_map .box dl dd a:hover {
	color: #f39e4c;
}

.search-dialog-box {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}

.search-dialog-box:before {
	content: "";
	position: absolute;
	top: 0;
	height: 0;
	background: rgba(0, 160, 233, .9);
	transition: .6s;
	left: 0;
	right: 0;
	z-index: 1;
}

.search-dialog-box.on:before {
	height: 100%
}

.search-dialog-box .bubbles-bg {
	opacity: 0;
	visibility: hidden;
	display: none;
}

.search-dialog-box .search-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0, 0, 0, .7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77, 0, .175, 1);
}

.search-dialog-box .wrap-inner {
	transform: translateY(100%);
	transition: .6s;
}

.header-right .bubbles-bg {
	opacity: 0;
	visibility: hidden;
	transition: all .5s .8s;
}

.search-dialog-box .bubbles-bg .bubble {
	position: absolute;
}

.search-dialog-box .bubbles-bg .bubble .circle {
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.search-dialog-box .bubbles-bg .bubble1 {
	width: 6%;
	padding-top: 6%;
	left: 26.875%;
	top: -6.67%;
}

.search-dialog-box .bubbles-bg .bubble1 .circle {
	border: 1px solid #fff;
}

.search-dialog-box .bubbles-bg .bubble2 {
	width: 12px;
	padding-top: 12px;
	left: 13.54%;
	top: 18%;
}

.search-dialog-box .bubbles-bg .bubble2 .circle {
	background-color: #ff495f;
}

.search-dialog-box .bubbles-bg .bubble3 {
	width: 36px;
	padding-top: 36px;
	left: 8.854%;
	top: 30.55%;
}

.search-dialog-box .bubbles-bg .bubble3 .circle {
	background-color: #fff;
}

.search-dialog-box .bubbles-bg .bubble4 {
	width: 56.875%;
	padding-top: 56.875%;
	left: -28.6458%;
	top: 51.85%;
}

.search-dialog-box .bubbles-bg .bubble4 .circle {
	background: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
	background: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
	background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .05) 100%);
}

.search-dialog-box .bubbles-bg .bubble5 {
	width: 54px;
	padding-top: 54px;
	left: 26.3%;
	top: 70.83%;
}

.search-dialog-box .bubbles-bg .bubble5 .circle {
	background-color: #fff;
	opacity: .1;
}

.search-dialog-box .bubbles-bg .bubble6 {
	width: 56.875%;
	padding-top: 56.875%;
	left: 73.4375%;
	top: -52.77%;
}

.search-dialog-box .bubbles-bg .bubble6 .circle {
	background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
	background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
	background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .1) 100%);
}

.search-dialog-box .bubbles-bg .bubble7 {
	width: 2rem;
	padding-top: 2rem;
	left: 60.9375%;
	top: 18.5%;
}

.search-dialog-box .bubbles-bg .bubble7 .circle {


	background-color: #ff495f;
}


.search-dialog-box .bubbles-bg .bubble8 {
	width: 1.35rem;
	padding-top: 1.35rem;
	left: 95.83%;
	top: 70.83%;
}

.search-dialog-box .bubbles-bg .bubble8 .circle {
	border: 1px solid #fff;
}

.search-dialog-box .bubbles-bg .bubble9 {
	width: 16px;
	padding-top: 16px;
	left: 76.5625%;
	top: 96.296%;
}

.search-dialog-box .bubbles-bg .bubble9 .circle {
	background-color: #fff;
}

.search-dialog-box .bubbles-bg .bubble10 {
	width: 56.875%;
	padding-top: 56.875%;
	left: 71.354%;
	top: 87%;
}

.search-dialog-box .bubbles-bg .bubble10 .circle {
	background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
	background: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(135deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .3) 100%);
}

.search-dialog-box .bubbles-bg .bubble {
	animation: spin 8s infinite linear;
	transform-origin: 50% 45%;
}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) {
	animation: spin2 8s infinite linear;
}

.search-dialog-box .bubbles-bg .bubble .circle {
	animation: spin-reverse 8s infinite linear;
}

.search-dialog-box .bubbles-bg .bubble:nth-child(2n) .circle {
	animation: spin-reverse2 8s infinite linear;
}

.search-dialog-box .bubbles-bg .sm-bubble {
	transform-origin: 30% 30px;
}

.search-dialog {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}

.search-dialog .search-tit {
	font-size: 2rem;
	line-height: 3.5rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	/* display: none; */
	margin-bottom: 2rem;
}

.search-dialog .search-inner {
	overflow: hidden;
	margin-top: 0;
}

.search-dialog .search-input {
	width: 50rem;
	margin: 0 auto;
	padding: 0 0.5rem 0 1.5rem;
	background-color: rgba(255, 255, 255, .3);
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
}

.search-dialog .search-input input[type=text] {
	float: left;
	height: 4.5rem;
	width: calc(100% - 3.5rem);
	background-color: transparent;
	font-size: 1.25rem;
	line-height: .5rem;
	color: #fff;
	transition: all .3s;
}

.search-dialog .search-input input[type=text]::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]:-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]::-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn {
	float: right;
	height: 4.5rem;
	width: 3.5rem;
}

.search-dialog .search-input input[type=submit] {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem;
	background-image: url('../images/search-btn.svg');
}

.search-dialog .search-input .clear-btn {
	background-color: rgba(0, 0, 0, .2);
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/close-btn.svg');
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}

.search-dialog .search-input.on {
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit] {
	background-image: url('../images/search-btn2.svg')
}

.search-dialog .hot-search {
	font-size: 0;
	width: 19.5rem;
	margin: .6rem auto 0;
	box-sizing: border-box;
	padding: 0 .6rem;
	overflow: hidden;
}

.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
}

.search-dialog .hot-search .hot-tit {
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image: url(../images/hot-icon.png);
}

.search-dialog .hot-link {
	margin-left: 1rem;
}

.search-dialog .hot-link a {
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color: #fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before {
	content: "";
	position: absolute;
	left: 0%;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform .3s;
}

.search-dialog-box .bottom-box {
	position: absolute;
	left: 0;
	bottom: 5.1%;
	width: 100%;
}

.search-dialog-box .bottom-box .share-box {
	overflow: hidden;
}

.search-dialog-box .bottom-box .copy {
	font-size: .35rem;
	line-height: .5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg {
	visibility: visible;
	opacity: 1;
}

.header-right.is-open .search-btn .con-box {
	display: none;
}

.header-right.is-open .close-btn {
	display: block;
}

.header-right.is-open .item .search-bg {
	transform: scale(1);
}

.search-dialog-box.on {
	opacity: 1;
	visibility: visible;
}

.search-dialog-box.on .search-bg {
	height: 100vh;
}

.search-dialog-box.on .bubbles-bg {
	opacity: 1;
	visibility: visible;
}

.search-dialog-box.on .wrap-inner {
	transform: translateY(0)
}

.pub-close {
	position: absolute;
	width: 3rem;
	height: 3rem;
	z-index: 10;
	right: 1.5rem;
	top: 1.35rem;
	background-color: rgba(255, 255, 255, .3);
	border-radius: 100%;
}

.pub-close .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(0);
	border-radius: 100%;
	transition: transform .3s;
}

.pub-close i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: 0.75rem;
	background-repeat: no-repeat;
	background-image: url(../images/close-btn.svg);
	transition: .6s
}

.pub-close i:hover {
	transform: rotate(180deg)
}

@keyframes spin {
	to {
		transform: rotate(1turn);
	}
}

@keyframes spin2 {
	to {
		transform: rotate(-1turn);
	}
}

@keyframes spin-reverse {
	from {
		transform: rotate(1turn);
	}
}

@keyframes spin-reverse2 {
	from {
		transform: rotate(-1turn);
	}
}


/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.banner ul {}

.banner ul li a {
	display: block;
	position: relative;
}

.banner ul li .img .img_hezi {
	padding-bottom: 100vh !important;
}

.banner ul li a .top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.banner ul li a .top .w1200 {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 1380px;
}

.banner ul li a .top h4 {
	transition: 1s;
	transform: translateY(30px);
	transition-delay: .1s;
}

.banner ul li a .top h3 {
	font-size: 3.25rem;
	color: #fff;
	font-weight: bold;
	transition: 1s;
	transform: translateY(30px);
	transition-delay: .1s;
	text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.15);
	margin: 2.125rem 0 0;
	font-family: Dosis-m;
	text-transform: uppercase;
}

.banner ul li a .top h5 {
	font-size: 1.125rem;
	color: #fff;
	line-height: 1.5;
	margin: 1.125rem 0 3.5rem;
	transition: 1s;
	transform: translateY(30px);
	transition-delay: .15s;
}

.banner.on ul li.miso-current a .top h4 {
	opacity: 1;
	transform: translateY(0);
}

.banner.on ul li.miso-current a .top h3 {
	opacity: 1;
	transform: translateY(0);
}

.banner.on ul li.miso-current a .top h5 {
	margin: 1.125rem 0 3.5rem;
	opacity: 1;
	transform: translateY(0);
}

.banner.on ul li.miso-current a .more001 .a {
	opacity: 1;
	transform: translateY(0);
}

.more001 .a {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #060606;
	width: 6.75rem;
	height: 3rem;
	border-radius: 1.5rem;
	font-size: 1rem;
	color: #fff;
	transition: 1s;
	position: relative;
	z-index: 1;
	overflow: hidden;
	opacity: 0;
	transform: translateY(30px);
	transition-delay: .2s;
	cursor: pointer;
}

.more001 .a:before {
	content: "";
	position: absolute;
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	transition: .5s;
	transform: scale(0);
	z-index: -1;
	opacity: 0;
	background: #00a0e9;
}

ul.dots {
	font-size: 0;
	white-space: nowrap;
	height: 24px;
	z-index: 20;
	position: relative;
	width: 400px;
	display: inline-block;
	margin: 0;
	left: 50%;
	margin-left: -200px;
	text-align: center;
}

.miso-dots li .dot {
	position: relative;
	vertical-align: top;
	display: inline-block;
	cursor: pointer;
	height: 28px;
	width: 28px !important;
	transition: width .3s ease, height .3s ease;
	float: none;
}

.miso-dots li .dot .bullet {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-color: #b7b7b7;
	height: 8px;
	width: 8px;
	opacity: 1;
	transition: opacity .3s ease, background-color .3s ease;
}

.miso-dots li .dot .circle-border,
.miso-dots li .dot .number {
	transform: translate(-50%, -50%) scale(0);
	transition: transform .3s ease
}

.miso-dots li .dot .number {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: .875rem;
	text-align: center;
	z-index: 10;
	color: #fff;
	font-family: Dosis_b;
}

.grid,
.grid div {
	top: 0;
	height: 100%
}

.miso-dots li .dot .circle-timer {
	transform: translate(-50%, -50%) scale(0) rotate(-90deg)
}

.miso-dots li .dot:hover .bullet {
	background-color: #b4cad4
}

.miso-dots li.miso-active .dot {
	height: 28px;
	width: 28px !important;
}

.miso-dots li.miso-active .dot .bullet {
	opacity: 0
}

.miso-dots li.miso-active .dot.circle-border {
	transform: translate(-50%, -50%) scale(1)
}

.miso-dots li.miso-active .dot .circle-timer {
	transform: translate(-50%, -50%) scale(1) rotate(-90deg)
}

.miso-dots li.miso-active .dot .number {
	transform: translate(-50%, -50%) scale(1)
}

.shsiv .cards,
.shsiv .dots {
	opacity: 0;
	transition: opacity 1s ease
}

.shsiv.scrolled_into_viewport .cards,
.shsiv.scrolled_into_viewport .dots {
	opacity: 1
}

svg.circle-border,
svg.circle-timer {
	position: absolute;
	top: 50%;
	left: 50%;
	box-sizing: border-box
}

svg.circle-border {
	height: 12px;
	width: 12px;
	stroke-width: 2px;
	stroke: rgba(86, 128, 141, .2);
	transform: translate(-50%, -50%);
	transition: stroke-width .3s ease, stroke .3s ease
}

svg.circle-timer {
	height: 12px;
	width: 12px;
	stroke-width: 2px;
	stroke-dasharray: 0;
	stroke-dashoffset: 0;
	stroke: #4b575c;
	transform: translate(-50%, -50%) rotate(-90deg);
}

.yuandian svg {
	transform: rotate(-90deg);
}

.miso-dots li.miso-active .dot .progress {
	animation: rotate 6200ms linear both;
}

@keyframes rotate {
	from {
		stroke-dashoffset: 38px;
	}

	to {
		stroke-dashoffset: 0px;
	}
}


#sitemapContent {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	filter: Alpha(opacity=0);
	visibility: hidden;
	z-index: -1;
	-webkit-transition: all 0.3s 0.5s;
	transition: all 0.3s 0.5s;
}

#sitemapInnerCon {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 100px;
	border-right: 1px solid #ddd;
}

#sitemapContent .sitemap-bg-box {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#sitemapContent .visual-intro-item {
	float: left;
	position: relative;
	height: 100%;
}

#sitemapContent .visual-intro-item:before {
	position: absolute;
	left: 0;
	top: 0px;
	width: 1px;
	height: 0;
	content: "";
	background-color: #ddd;
	z-index: 1;
}

#sitemapContent .visual-intro-item:first-child:before {
	display: none
}

#sitemapContent .visual-intro-item:after {
	content: "";
	position: absolute;
	right: 0;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #333;
	-webkit-transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
	transition: width .6s cubic-bezier(0.47, 0, 0.31, 1.04) 0.2s;
}

#sitemapContent .sitemap-close-btn {
	position: absolute;
	top: 40px;
	right: 40px;
}

#sitemapContent .sitemap-close-btn i {
	font-size: 20px;
	color: #222;
	cursor: pointer
}

#sitemapContent .sitemap-close-btn i svg {
	width: 1.25rem;
	height: 1.25rem;
	transition: .5s
}

#sitemapContent .sitemap-close-btn i:hover svg {
	transform: rotate(90deg);
	fill: #f39e4c
}

/* 사이트맵 02 :: 메뉴리스트 */
.sitemap-wrapper-style02 {
	height: 100%;
}

.sitemap-wrapper-style02>ul {
	overflow: hidden;
	position: relative;
	z-index: 1;
	height: 100%;
}

.sitemap-wrapper-style02>ul>li {
	overflow: hidden;
	float: left;
	width: 20%;
	height: 100%;
}

.sitemap-wrapper-style02>ul>li>h2 {
	overflow: hidden;
	color: #191919;
	font-size: 1.1em;
	margin: 30% 15% 40px;
	font-weight: 600;
	transition: .5s;
	font-family: Dosis-m;
	line-height: 1.5rem;
}

.sitemap-wrapper-style02>ul>li:hover>h2 {
	color: #f39e4c;
}

.sitemap-wrapper-style02>ul>li .sitemap-2dep a {
	overflow: hidden;
	position: relative;
	display: block;
	padding: 1rem 15%;
	color: #777;
	font-size: .95rem;
	letter-spacing: -0.15px;
	font-weight: 400;
	line-height: 1.5rem;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 1;

}

.sitemap-wrapper-style02>ul>li .sitemap-2dep a:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	content: "";
	height: 100%;
	background: #f39e4c;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
	z-index: -1;
}

.sitemap-wrapper-style02>ul>li .sitemap-2dep a span {
	position: relative;
	z-index: 1;
}

.sitemap-wrapper-style02>ul>li .sitemap-2dep a .gnb-icon {
	display: none;
}

.sitemap-wrapper-style02>ul>li .sitemap-2dep a:hover {
	color: #fff;
}

.sitemap-wrapper-style02>ul>li .sitemap-2dep a:hover:after {
	width: 100%;
}

.sitemap-wrapper-style02 ul li span {
	display: block;
	opacity: 0;
	filter: Alpha(opacity=50);
	-webkit-transform: translateX(-5%);
	transform: translateX(-50%);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s, opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04) 0s;
}

/* 사이트맵 open */
#sitemapContent.open {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	visibility: visible;
	z-index: 99999;
	background-color: #fff;
	-webkit-transition: all 0.3s 0s;
	transition: all 0.3s 0s;
}

#sitemapContent.open .visual-intro-item:before {
	height: 100%;
}

#sitemapContent.open .visual-intro-item:after {
	width: 0;
}

#sitemapContent.open .visual-intro-item {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	transform-origin: right top;
	transition-property: transform;
}

#sitemapContent.open .sitemap-wrapper-style02 ul li span {
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition: transform .8s cubic-bezier(0.47, 0, 0.31, 1.04), opacity .8s cubic-bezier(0.47, 0, 0.31, 1.04);
}

/*顶部搜索*/
.wap_search {
	font-size: 16px;
	border-radius: 0;
	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;
	right: 0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.wap_search form {
	height: 40px;
	border-radius: 0;
	background: rgba(255, 255, 255, .3);
	position: relative;
	margin: 20px 15px;
}

.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消失-结束 */

.container01 {
	padding: 12.5rem 0 0;
	overflow: hidden;
	background: url(../images/recommend.png) 73% 21% no-repeat;
}

.container01 .content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
}

.container01 .content .left {
	width: 40rem;
}

.container01 .content .right {
	width: calc(100% - 40rem - 8.75rem);
	padding: 0;
	position: relative;
}

.title001 {
	margin-bottom: 4rem;
}

.title001 h4 {
	font-size: 1.5rem;
	color: #f08300;
	font-family: Dosis-m;
	text-transform: uppercase;
}

.title001 h3 {
	font-size: 2.25rem;
	color: #0a0a0a;
	font-weight: bold;
	margin: .5rem 0 0;
	font-family: Dosis-m;
	text-transform: uppercase;
}

.container01 .miso_bd li .top {
	display: flex;
	width: 100%;
	align-items: center;
}

.container01 .miso_bd li .top h5 {
	font-size: 2.2rem;
	color: #00a0e9;
	font-family: Dosis-m;
	text-transform: uppercase;
	list-style: 2.2rem;
}

.container01 .miso_bd li .top span {
	position: relative;
	margin-left: .5rem;
}

.container01 .miso_bd li .top span .fenlei {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #7d7e7f;
	font-family: Dosis-m;
	text-transform: uppercase;
}

.container01 .miso_bd li h3 {
	font-size: 2.25rem;
	color: #0a0a0a;
	line-height: 1.25;
	margin: 1.75rem 0 .5rem;
}

.container01 .miso_bd li p {
	font-size: .9375rem;
	color: #2b2c2e;
	line-height: 1.625rem;
	height: 8.125rem;
	overflow: hidden;
	opacity: .8;
	margin-bottom: 2rem;
}

.container01 .miso_hd li a {
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: space-between;
	height: 6rem;
}

.container01 .miso_hd li a svg {
	width: 1.25rem;
	height: 1.25rem;
	fill: #535353;
	font-family: Dosis-m;
	text-transform: uppercase;
}

.container01 .miso_hd li a h5 {
	font-size: 1rem;
	color: #0a0a0a;
	width: calc(100% - 1.25rem - .375rem);
}

.container01 .miso_hd li.miso-current a {
	border-bottom: #00a0e9 2px solid;
}

.container01 .miso_hd li.miso-current a svg {
	fill: #00a0e9;
}

.container01 .miso_hd li.miso-current a h5 {
	color: #00a0e9;
}

.container01 .miso_hd .miso-arrow {
	width: 1.5rem;
	height: 1.5rem;
}

.container01 .miso_hd .miso-arrow svg {
	width: 100%;
	height: 100%;
	vertical-align: top;
	fill: #101010;
	transition: .5s;
}

.container01 .miso_hd .miso-prev {
	left: -3rem;
}

.container01 .miso_hd .miso-next {
	right: -3rem;
}

.container01 .miso_hd .miso-arrow:hover svg {
	fill: #00a0e9
}

.container01 .miso_bd3_box {
	position: relative;
	z-index: 2;
	margin-right: 5.625rem;
	background: #fff;
}

.container01 .miso_bd2_box {
	position: absolute;
	z-index: 1;
	right: 2.5rem;
	left: 10.875rem;
	bottom: 0;
	background: #fff;
}

.container01 .miso_bd1_box {
	position: absolute;
	z-index: 0;
	right: 0;
	left: 21.25rem;
	bottom: 0;
	background: #fff;
}

.container01 li a {
	display: block;
	position: relative;
}

.container01 li .img .img_hezi {
	padding-bottom: 68.49% !important;
}

.container01 li .img:after {
	content: "";
	position: absolute;
	top: 0;
	right: 1px;
	bottom: 0;
	left: 0;
	border: #dcdcdc 1px solid;
}

.container01 li .more {
	position: absolute;
	top: 0;
	left: 0;
	width: 3.75rem;
	height: 3.75rem;
	background: #f39e4c;
	display: flex;
	align-items: center;
	justify-content: center;
}

.container01 li .more svg {
	width: 1.37rem;
	height: 1.375rem;
	fill: #fff;
}

.container01 .miso_bd2_box li .img:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
}

.container01 .miso_bd1_box li .img:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .3);
}

.container01 .miso_bd2_box li .img img,
.container01 .miso_bd1_box li .img img {
	transform: scale(1.125);
}

.container02 {
	background: #efefef;
	overflow: hidden;
	padding: 9rem 0 4rem;
}

.container02 .title001 {
	margin-bottom: 0;
}

.container02 .top_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.5rem;
}

.miso-arrow1_box {
	display: flex;
}

.miso-arrow1_box * {
	transition: .5s;
}

.miso-arrow1_box .miso-arrow1 {
	width: 3rem;
	height: 3rem;
	background: #00a0e9;
	border-radius: 50%;
	margin-left: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.miso-arrow1_box .miso-arrow1 svg {
	width: 1.75rem;
	height: 1.75rem;
	fill: #fff;
}

.list_box_01 {
	margin: 0 -.625rem;
	margin-bottom: 4.375rem;
}

.list_box_01 li {
	width: 33.33%;
	padding: 0 .625rem;
}

.list_box_01 li * {
	transition: .5s;
}

.list_box_01 li .img {
	border-radius: .625rem .625rem 0 0;
}

.list_box_01 li .img .img_hezi {
	padding-bottom: 59.61% !important;
}

.list_box_01 li .img .top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .3);
}

.list_box_01 li .con {
	background: #fff;
	height: 15.625rem;
	border-radius: 0 0 .625rem .625rem;
	padding: 0 1.5rem 0 2.75rem;
	display: flex;
	align-items: center;
	width: 100%;
}

.list_box_01 li .con .ll h5 {
	font-size: 1.625rem;
	color: #0a0a0a;
	font-weight: bold;
}

.list_box_01 li .con .ll p {
	font-size: .9375rem;
	color: #2b2c2e;
	line-height: 1.5rem;
	height: 3rem;
	margin: 1.125rem 0 2rem;
}

.list_box_01 li .con .ll h6 {
	font-size: .9375rem;
	color: #010101;
	display: flex;
	align-items: center;
}

.list_box_01 li .con .ll h6 svg {
	width: .875rem;
	height: .875rem;
	fill: #010101;
	margin: 0 0 0 .375rem;
}

.list_box_01 li .con .rr {
	padding: 0 0 0 3rem;
}

.list_box_01 li .con .rr img {
	width: 100%
}

.title001_c {
	text-align: center;
}

.container03 {
	overflow: hidden
}

.list_box_02 {
	margin: 0 -20%;
}

.list_box_02 li {
	padding: 0 .5rem;
}

.list_box_02 li a {
	display: block;
	position: relative;
}

.list_box_02 li .img {
	background: rgba(0, 0, 0, 1);
}

.list_box_02 li .img:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: rotateX(180deg);
	background: url(../images/list_box_04_top.png) center bottom no-repeat;
	transition: .5s;
	z-index: 1;
	background-size: 100% auto;
	opacity: 0;
}

.list_box_02 li .img img {
	opacity: .8;
}

.list_box_02 li .top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 8% 1.5rem 0;
	text-align: center;
	z-index: 1
}

.list_box_02 li .top h5 {
	font-size: 1.5rem;
	color: #fff;
	line-height: 1.25;
	transition: .5s;
	transform: translateY(30px);
	transition-delay: .3s;
	opacity: 0;
}

.list_box_02 li .top h6 {
	font-size: 1.125rem;
	color: #fff;
	line-height: 1.25;
	margin: 1rem 0 0;
	transition: .5s;
	transform: translateY(30px);
	transition-delay: .35s;
	opacity: 0;
}

.list_box_02 .miso-dots {
	bottom: 1.75rem;
}

.list_box_02 .miso-dots li {
	width: 1rem;
	height: 2px;
	background: rgba(255, 255, 255, .4);
	margin: 0 .125rem;
}

.list_box_02 .miso-dots li.miso-active {
	background: #fff;
}

.list_box_02.on li.miso-current .img img {
	opacity: 1;
}

.list_box_02.on li.miso-current .img:before {
	opacity: 1
}

.list_box_02.on li.miso-current .top h5,
.list_box_02.on li.miso-current .top h6 {
	transform: translateY(0);
	opacity: 1
}

.list_box_02 .miso-arrow {
	width: 3rem;
	height: 3rem;
	background: rgba(0, 0, 0, .35);
	border-radius: 50%;
	margin-left: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .5s;
}

.list_box_02 .miso-arrow svg {
	width: 1.75rem;
	height: 1.75rem;
	fill: #fff;
}

.list_box_02 .miso-prev {
	left: 34.25%;
}

.list_box_02 .miso-next {
	right: 34.25%;
}

.container04 {
	padding: 6.875rem 0 0;
	overflow: hidden;
}

.container04 .fl01 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 3rem;
}

.title002 small {
	font-size: 1.5rem;
	color: #f08300;
	font-family: Dosis-m;
	text-transform: uppercase;
	margin: 0 0 0 .5rem;
}

.title002 big {
	font-size: 2.25rem;
	color: #0a0a0a;
	font-weight: bold;
	font-family: Dosis-m;
	text-transform: uppercase;
}

.container04 .fl01 .right {
	display: flex;
}

.container04 .miso_hd {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 34px;
	margin-right: .5rem;
}

.container04 .miso_hd ul {
	display: flex;
}

.container04 .miso_hd li {
	font-size: 1.125rem;
	color: #939393;
	transition: .5s;
	position: relative;
	padding: 0 2.4rem;
}

.container04 .miso_hd li a {
	display: inline-block;
	white-space: nowrap
}

.container04 .miso_hd li.active {
	color: #0097f0
}

.container04 .miso_hd li:first-child:before {
	content: "";
	position: absolute;
	width: 3px;
	height: 3px;
	background: #939393;
	border-radius: 50%;
	right: -1.5px;
	top: 50%;
	margin-top: -1.5px;
}

.more002 .a {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #00a0e9;
	width: 76px;
	height: 34px;
	border-radius: 17px;
	font-size: .875rem;
	color: #fff;
	transition: .5s;
	position: relative;
	z-index: 1;
	overflow: hidden;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
}

.more002 .a:before {
	content: "";
	position: absolute;
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	transition: .5s;
	transform: scale(0);
	z-index: -1;
	opacity: 0;
	background: #f08300;
}

.list_box_04 {
	margin: 0 -1.25rem;
	display: flex;
	/* justify-content:space-between; */
	flex-wrap: wrap;
}

.list_box_04 li {
	width: 33.333333%;
	padding: 0 1.25rem
}

.list_box_04 li * {
	transition: .5s;
}

.list_box_04 li a {
	display: block;
	position: relative
}

.list_box_04 li a .img .img_hezi {
	padding-bottom: 98.07% !important
}

.list_box_04 li a .img:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/list_box_04_top.png) center bottom no-repeat;
	transition: .5s;
	z-index: 1;
	background-size: 100% auto
}

.list_box_04 li a .img:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #00a0e9;
	opacity: 0;
	visibility: hidden;
	transition: .5s
}

.list_box_04 li a .time {
	position: absolute;
	top: 15%;
	left: 2rem;
	transform: translateY(-100%);
	opacity: 0;
	visibility: hidden;
	transition: .5s
}

.list_box_04 li a .time h2 {
	font-family: LEMONMILK;
	font-size: 1.875rem;
	color: #fff
}

.list_box_04 li a .time h3 {
	font-family: LEMONMILK;
	font-size: 2.25rem;
	color: #fff;
	margin: .25rem 0 0
}

.list_box_04 li a .con {
	position: absolute;
	bottom: 20%;
	left: 2rem;
	transform: translateY(65%);
	z-index: 1;
	right: 2rem;
}

.list_box_04 li a .con h5 {
	font-size: 1.125rem;
	color: #fff;
	line-height: 1.875rem;
	margin-bottom: .875rem;
}

.list_box_04 li a .con p {
	font-size: .8125rem;
	color: #fff;
	opacity: .5;
	line-height: 1.5rem;
	height: 3rem;
}

.list_box_04 li a .con h6 {
	display: flex;
	font-size: .875rem;
	color: rgba(255, 255, 255, .7);
	margin: 1.375rem 0 0;
	transition: .5s;
	opacity: 0;
	visibility: hidden;
}

.list_box_04 li a .con h6 img {
	margin: 0 0 0 .5rem
}

.container05 {
	padding: 5.5rem 0;
	overflow: hidden;
}

.list_box_03 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.list_box_03 .line {
	width: 1px;
	height: 4.375rem;
	background: #d7d7d7;
}

.list_box_03 li * {
	transition: .5s
}

.list_box_03 li .a {
	display: flex;
	align-items: center;
}

.list_box_03 li .a .ll {
	padding: 0 2.25rem 0 0;
}

.list_box_03 li .a .rr {
	font-size: 1.625rem;
}

.list_box_03 li .a .rr h5 {
	font-size: 1.625rem;
	color: #0a0a0a;
	line-height: 1.25;
	font-family: Dosis-m;
}

.list_box_03 li .a .rr p {
	font-size: 1rem;
	color: #0a0a0a;
	line-height: 1.5;
	opacity: .7;
	margin: .5rem 0 0;
}

footer {
	background: #272727;
}

footer .w1200 {
	max-width: 1460px;
}

footer .fl01 {
	padding: 3.75rem 0 2.5rem;
}

footer .fl01 .w1200 {
	display: flex;
	justify-content: space-between;
}

footer .fl01 dl dt {
	font-size: 1.125rem;
	color: #fff;
	transition: .5s;
	margin-bottom: 2rem;
}

footer .fl01 dl dd {
	font-size: .875rem;
	color: #939393;
	transition: .5s;
	line-height: 1.875rem;
}

footer .fl02 .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: #4c4c4c 1px solid;
	padding: 2rem 0 1.25rem;
}

.links {
	margin-bottom: 2.125rem;
}

.links big {
	font-size: 2.625rem;
	color: #fff;
	font-family: OPPOSANS-M;
}

.links small {
	font-size: 1rem;
	color: #fff;
	border-left: #1c1c1c 2px solid;
	height: 15px;
	display: inline-block;
	padding-left: .5rem;
	margin-left: .875rem;
}

footer .fl02 .left dl {
	position: relative;
	white-space: nowrap;
	margin-left: 0;
	width: 17.8125rem;
	padding: 0;
	cursor: pointer;
	border-bottom: rgba(255, 255, 255, .4) 2px solid;
	padding-bottom: 1rem;
}

footer .fl02 .left dl dt {
	line-height: 3rem;
	font-size: 13px;
	color: #abaaaa;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

footer .fl02 .left dl dt a {
	font-size: .875rem;
	color: rgba(255, 255, 255, .5);
	flex: 1;
	text-align: left;
}

footer .fl02 .left dl .con {
	position: absolute;
	left: 0;
	bottom: 4rem;
	background: #fff;
	box-shadow: 0 -5px 10px rgba(0, 0, 0, .15);
	padding: .5rem .875rem;
	min-width: 100%;
	display: none;
}

footer .fl02 .left dl .con dd {
	font-size: 13px;
	color: #333;
	line-height: 24px;
	transition: .5s
}

footer .fl02 .right {
	display: flex;
	align-items: center;
}

footer .fl02 .right .ewm {
	display: flex;
	align-items: center;
}

footer .fl02 .right .ewm .ll {
	font-size: .875rem;
	color: #898a8b;
	line-height: 16px;
	text-align: right;
	padding: 0 .875rem 0 0;
}

footer .fl02 .right .ewm .rr img {
	width: 7.5rem;
	height: 7.5rem;
}

footer .fl02 .right .contact {
	padding: 0 0 0 2.75rem;
	text-align: right;
}

footer .fl02 .right .contact h6 {
	display: flex;
	align-items: center;
	font-size: 1rem;
	color: #fff;
	justify-content: flex-end;
}

footer .fl02 .right .contact h6 svg {
	width: 1.125rem;
	height: 1.125rem;
	fill: #e5f7ff;
	margin: 0 .25rem 0 0;
}

footer .fl02 .right .contact h3 {
	font-size: 1.875rem;
	color: #f08300;
	font-weight: bold;
	margin: .5rem 0;
}

footer .fl02 .right .contact p {
	font-size: .875rem;
	color: #959191;
	line-height: 1.5;
	margin-bottom: 1.5rem;
	/* max-width: 500px; */
}

footer .fl03 {
	background: #323232;
	padding: 1.375rem 0;
	text-align: center;
}

footer .fl03 p {
	font-size: .875rem;
	color: #959191;
	line-height: 1.5;
	max-width: 80%;
	margin: 0 auto;
}

.banner .miso-dots {
	margin: 0;
	bottom: 3.5rem;
	text-align: left;
	display: flex;
	justify-content: center;
}

.banner .miso-dots li {
	padding: 0;
	margin: 0 .5rem;
	height: auto;
	width: 1.5rem;
}



/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

.n_banner {
	position: relative
}

.n_banner .img .img_hezi {
	padding-bottom: 28.38% !important;
}

.n_banner .top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	/* align-items: center; */
	flex-direction: column;
	justify-content: center;
}

.n_banner .top .w1200 {
	width: 100%;
}

.n_banner .top h5 {
	font-size: 1.875rem;
	color: rgba(255, 255, 255, .4);
	text-transform: uppercase;
}

.n_banner .top h3 {
	font-size: 2rem;
	color: #fff;
	margin: 6% 0 0;
	font-weight: bolder;
	line-height: 3.125rem;
}

.n_banner .top h6 {
	font-size: 1rem;
	color: rgba(255, 255, 255, .4);
	text-transform: capitalize;
}

.n_banner .top h2 {
	font-size: 2.5rem;
	color: #fff;
	margin: .75rem 0 0;
	font-weight: bold;
}

.n_title {
	border-bottom: #e2e3e7 1px solid;
	padding: 0;
	position: relative;
	height: 4.75rem;
	display: flex;
	justify-content: space-between;
}

.n_title .w1200 {
	display: flex;
	justify-content: space-between
}

.n_title .w1200 .left {
	order: 1
}

.n_nav {
	position: relative;
	display: flex;
}

.n_nav a {
	display: flex;
	height: 4.75rem;
	font-size: 1rem;
	color: #1d1d1f;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	margin-left: 4rem;
	align-items: center;
}

.n_nav a strong {
	display: block;
	color: #1d1d1f;
	position: relative;
	z-index: 4;
	transition: .36s ease-in-out;
	font-weight: normal;
}

.n_nav .on,
.n_nav a:hover {
	color: #fff;
}

.n_nav a:before {
	content: "";
	width: 0;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: #f08300;
	transition: 0.6s ease-in-out;
}

.n_nav a:after {
	content: "";
	width: 0;
	height: 2px;
	position: absolute;
	bottom: 3px;
	left: 50%;
	border-left: transparent 5px solid;
	border-right: transparent 5px solid;
	border-bottom: #f08300 6px solid;
	transition: 0.6s ease-in-out;
	opacity: 0;
	margin-left: -5px;
}

.n_nav .on:before,
.n_nav a:hover:before {
	width: 100%;
	left: 0;
}

.n_nav .on:after,
.n_nav a:hover:after {
	opacity: 1;
}

.n_nav .on strong,
.n_nav a:hover strong {
	color: #f08300;
}

.position {
	height: 4.75rem;
	left: 0;
	bottom: 0;
	color: #0a0a0a;
	font-size: .875rem;
	display: flex;
	align-items: center;
}

.position span,
.position a,
.position i {
	-moz-transition: all 0.36s ease-in-out;
	-webkit-transition: all 0.36s ease-in-out;
	-o-transition: all 0.36s ease-in-out;
	-ms-transition: all 0.36s ease-in-out;
	transition: all 0.36s ease-in-out;
}

.position i {
	margin: 0 .75rem;
	font-style: normal;
}

.position i img {
	vertical-align: middle;
	margin-top: -2px;
}

.position span img {
	vertical-align: middle;
	margin-top: -2px;
	margin-right: .5rem
}

.position em {
	font-style: normal;
	color: #4d9be4;
}

.position a:hover {
	color: #4d9be4;
}

.n_title .w1200,
.n_banner .top .w1200,
.n_container .w1200 {}

.n_about .fl01 {
	padding: 4rem 0 0;
	background: url(../images/n_about_fl01_bg.png) left bottom no-repeat;
}

.n_about .fl01 .w1200 {
	display: flex;
	flex-wrap: wrap;
}

.n_about .fl01 .left {
	width: 24.0625%
}

.n_about .fl01 .right {
	width: calc(100% - 24.0625%)
}

.n_about .fl01 .right .ar_article p {
	margin-bottom: 2rem
}

.n_about .fl01 .left h3 {
	font-size: 3rem;
	color: #00a0e9;
	font-family: Dosis-b;
	text-transform: uppercase;
}

.n_about .fl01 .left font {
	color: #f08300;
	font-family: Dosis-b;
}

.n_about .fl01 .left h2 {
	font-size: 3.75rem;
	color: #0a0a0a;
	font-weight: 300;
	margin: 1.25rem 0;
}

.n_about .fl01 .left h5 {
	font-size: 1.75rem;
	color: #0a0a0a;
}

.n_about .fl01 .left h6 {
	font-size: 1.875rem;
	color: #ced3d8;
	font-family: Dosis-m;
	text-transform: uppercase;
	margin: .75rem 0 0;
}

.n_about .fl01 .right h3 {
	font-size: 1.875rem;
	color: #f08300;
	margin-bottom: 2rem;
	font-weight: bold;
	font-family: Dosis-m;
	text-transform: uppercase;
}


.list_box_05 {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
	justify-content: space-between;
	align-items: center;
}

.list_box_05 li {
	text-align: center;
	display: flex;
	justify-content: center;
}

.list_box_05 .line {
	width: 1px;
	height: 4.375rem;
	background: #cecece;
}

.list_box_05 li .a {
	text-align: center;
}

.list_box_05 li h3 {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.list_box_05 li h3 big {
	font-size: 3.25rem;
	color: #00a0e9;
	font-family: Dosis-m;
}

.list_box_05 li h3 big span {
	font-family: Dosis-m;
}

.list_box_05 li h3 big i {
	font-family: Dosis-m;
}

.list_box_05 li h3 small {
	font-size: 1rem;
	color: #0a0a0a;
	font-weight: bold;
	margin: 0 0 0 .25rem;
}

.list_box_05 li h5 {
	font-size: .9375rem;
	color: #0a0a0a;
	line-height: 1.5;
	margin: .5rem 0 0;
	height: 40px;
}

.list_box_05 li:nth-child(4n) h3 big {
	color: #f08300
}

.n_about .fl02 {
	padding: 4rem 0 5.625rem;
}

.n_title001 {
	margin-bottom: 1.75rem;
	text-align: center;
}

.n_title001 h3 {
	font-size: 2.25rem;
	color: #0a0a0a;
	line-height: 1.25;
}

.n_title001 h6 {
	font-size: 1rem;
	color: #282828;
	line-height: 1.25;
	margin: .75rem 0 0;
	opacity: .7;
}

.n_about .fl03 {
	padding: 4.375rem 0 0;
	background: #f5f5f5;
	text-align: center;
	overflow: hidden;
}

.map_buju {
	margin: 0 auto;
	position: relative;
	display: inline-block;
}

.map_buju img {
	max-width: 100%
}

.map_buju ul li {
	position: absolute;
	cursor: pointer;
	font-size: 13px;
	color: #5c5c5c;
	margin: -12px 0 0 -12px;
}

.map_buju ul li p {
	position: absolute;
	z-index: 1;
	top: 50%;
	margin-top: -12px;
	width: 68px;
	line-height: 24px;
	color: #303030;
	font-size: 1rem;
	white-space: nowrap;
	left: 65px;
	opacity: 0;
	visibility: hidden;
	transition: .5s;
}

.map_buju ul li p:before {
	content: "";
	position: absolute;
	left: -52px;
	width: 45px;
	height: 1px;
	background: #babcbe;
	z-index: -1;
	top: 50%;
	opacity: 0;
}

.map_buju ul li:hover p {
	opacity: 1;
	visibility: visible;
}

.map_buju ul li.li_0 {
	top: 66%;
	left: 30.5%;
}

.map_buju ul li.li_1 {
	top: 32%;
	left: 37.5%;
}

.map_buju ul li.li_2 {
	top: 46.5%;
	left: 26%;
}

.map_buju ul li.li_3 {
	top: 32%;
	left: 44.5%;
}

.map_buju ul li.li_4 {
	top: 45%;
	left: 32%;
}

.map_buju ul li.li_5 {
	top: 34%;
	left: 48%;
}

.map_buju ul li.li_6 {
	top: 31%;
	left: 61%;
}

.map_buju ul li.li_7 {
	top: 64%;
	left: 24.5%;
}

.map_buju ul li.li_8 {
	top: 47.5%;
	left: 38.75%;
}

.map_buju ul li.li_9 {
	top: 26.5%;
	left: 65.75%;
}

.map_buju ul li.li_10 {
	top: 37.5%;
	left: 67.5%;
}

.map_buju ul li.li_11 {
	top: 41%;
	left: 41.75%;
}

.map_buju ul li.li_12 {
	top: 35%;
	left: 40.5%;
}

.map_buju ul li.li_13 {
	top: 37.25%;
	left: 70.5%;
}

.map_buju ul li.li_14 {
	top: 39.5%;
	left: 72.25%;
}

.map_buju ul li.li_15 {
	top: 42%;
	left: 38.75%;
}

.map_buju ul li.li_16 {
	top: 33%;
	left: 28.25%;
}

.map_buju ul li.li_17 {
	top: 56%;
	left: 77.5%;
}

.map_buju ul li.li_18 {
	top: 44%;
	left: 73.75%;
}

.map_buju ul li.li_19 {
	top: 53.5%;
	left: 73.75%;
}

.map_buju ul li.li_20 {
	top: 31%;
	left: 74%;
}

.map_buju ul li.li_21 {
	top: 35%;
	left: 74.75%;
}

.map_buju ul li.li_22 {
	top: 73%;
	left: 90.75%;
}

.map_buju ul li.li_23 {
	top: 41%;
	left: 74.75%;
}

.map_buju ul li.li_24 {
	top: 97%;
	left: 39.75%;
}

.map_buju ul li.li_25 {
	top: 33%;
	left: 33.75%;
}


.map_buju .circle {
	width: 24px;
	height: 24px;
	position: relative;
	z-index: 2;
}

.circle.red span {
	background: #f08300;
}

.circle.purple span {
	background: #f08300;
}

.circle:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: 3px solid #00a0e9;
	transform: scale(.25);
	opacity: .8;
	display: block;
	box-sizing: border-box;
	z-index: 99;
}

.circle span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background-color: #00a0e9;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-animation: circleScale 3s linear infinite;
	-moz-animation: circleScale 3s linear infinite;
	-ms-animation: circleScale 3s linear infinite;
	animation: circleScale 3s linear infinite;
}

.circle span:nth-of-type(2) {
	animation-delay: 1s;
}

.circle span:nth-of-type(3) {
	animation-delay: 2s;
}

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

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes circleScale1 {
	0% {
		opacity: 1;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
	}

	60% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(3);
		-moz-transform: scale(3);
		-ms-transform: scale(3);
		transform: scale(3);
	}
}

.n_about .fl04 {
	padding: 0 0 3.75rem;
}

.n_about .fl04 .w1200 .content {
	display: flex;
	padding: 0 0 0 10%;
}

.n_about .fl04 .left {
	width: 36.52%;
}

.n_about .fl04 .left .img .img_hezi {
	padding-bottom: 75.09% !important;
}

.n_about .fl04 .right {
	width: calc(100% - 36.52%);
	padding: 0 0 0 .902%;
}

.n_about .fl04 .right .img .img_hezi {
	padding-bottom: 43.85% !important;
}

/*====移动端导航====*/
#m_n_nav {
	display: none;
	line-height: 50px;
	position: relative;
	z-index: 9;
	float: left;
	width: 100%;
	background: #f08300;
}

#bnt_back {
	position: absolute;
	left: 1rem;
	top: 0;
}

#bnt_back svg {
	fill: #fff;
	height: 30px;
	vertical-align: middle;
	width: 26px;
}

#m_n_nav i {}

#m_n_nav h1 {
	font-size: 14px;
	color: #fff;
	text-align: center;
	margin: 0;
	line-height: 50px;
}

#bnt_sub_nav {
	position: absolute;
	right: 1rem;
	top: 0;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
}

#bnt_sub_nav svg {
	fill: #fff;
	height: 20px;
	vertical-align: middle;
	width: 20px;
}

#bnt_sub_nav img {
	display: block;
	height: 15px;
}

#bnt_sub_nav.on img {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

#sub_nav_content {
	background: #f0f3f5;
	display: none;
	box-shadow: 0 0 5px #999;
	z-index: 9;
}

#sub_nav_content ul {
	padding: 10px;
}

#sub_nav_content ul li {
	display: block;
	line-height: 28px;
	margin: 1rem 0;
}

#sub_nav_content ul li a {
	display: block;
	border-left: 2px solid #ca9e4e;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	padding-left: 10px;
	color: #535455;
}

#sub_nav_content ul li.on a {
	color: #ca9e4e;
}

#sub_nav_content dl {
	font-size: 0;
	overflow: hidden;
	background: #fff;
	padding: 10px 0;
}

#sub_nav_content dt {
	position: relative;
	background: #fff;
	z-index: 999;
	width: 33.333333%;
	display: inline-block;
	margin-bottom: 0;
	float: left;
	text-align: center;
}

#sub_nav_content dt a {
	margin: 0 4px;
	display: block;
	color: #5b5349;
	line-height: 30px;
	font-size: 14px;
	font-weight: 400;
	vertical-align: top;
}

#sub_nav_content dt a i {
	position: absolute;
	right: 15px;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	display: none;
}

#sub_nav_content dt a {}

#sub_nav_content dt.title {
	background: #fafafb;
}

#sub_nav_content dt.title i {
	opacity: 1;
	filter: alpha(opacity=100);
}

#sub_nav_content dt.title_on {
	background: #fafafb;
}

#sub_nav_content dt.title_on a {
	color: #d70029;
	border-top: 1px solid #fff;
}

#sub_nav_content dt.title_on a i {
	color: #d70029;
}

#sub_nav_content dt.last a {
	border-top: 1px solid #f8f8f8;
}

#sub_nav_content dt.on a,
#sub_nav_content dt.title_on a {
	color: #f08300;
}

#sub_nav_content dd {
	display: none;
}

#sub_nav_content dd .box {
	padding: 0px 0px 0px 0px;
}

#sub_nav_content dd a {
	padding: 0 25px;
	line-height: 30px;
	border-top: 1px solid #e7e7e7;
	font-size: 12px;
	color: #5b5349;
	display: block;
	height: 30px;
}

#sub_nav_content dd a.on {
	color: #d70029;
}

.n_about .fl01 {
	/* background: none; */
}

.n_about .fl04 .right .img .top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.n_hui {
	padding: 6.25rem 0 5.625rem;
	background: #efefef;
}

.list_box_case {
	display: flex;
	margin: 0 -1.125rem;
	flex-wrap: wrap;
	margin-bottom: -1.875rem;
}

.list_box_case li {
	width: 33.33%;
	padding: 0 1.125rem;
	margin-bottom: 1.875rem;
}

.list_box_case li * {
	transition: .5s;
}

.list_box_case li a {
	display: block;
	background: #fff;
	padding: 1.25rem;
	transition: .5s;
}

.list_box_case li a .img .img_hezi {
	padding-bottom: 60% !important;
}

.list_box_case li a .con {
	padding: 2.125rem 0 1.5rem;
	text-align: center;
}

.list_box_case li a .con h5 {
	font-size: 1.125rem;
	color: #0a0a0a;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: .75rem
}

.list_box_case li a .con h6 {
	font-size: 1rem;
	color: #0a0a0a;
}

/*翻页*/
.pages {
	margin: 4rem auto 0;
}

.pages .box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.pages .box a {
	margin: 0 .375rem;
	transition: .5s;
	font-size: .875rem;
	color: #0a0a0a;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 2.125rem;
	min-width: 2.125rem;
	padding: 0 .5rem;
	white-space: nowrap;
	background: #dddddd;
	border-radius: 2px;
}

.pages .box a span {
	padding: 0 1.25rem;
}

.pages .box a.on {
	color: #fff;
	background: #f08300;
}

.list_box_meiti {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1rem;
	margin-bottom: -2.5rem;
}

.list_box_meiti li {
	width: 25%;
	padding: 0 1rem;
	margin-bottom: 2.5rem;
}

.list_box_meiti li * {
	transition: .5s;
}

.list_box_meiti li a {
	display: block;
	border: #e4e4e4 1px solid;
	background: #fff;
	border-radius: 0;
	padding: 2.625rem;
	position: relative;
	z-index: 1;
}

.list_box_meiti li a .line {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
}

.list_box_meiti li a:before {
	display: block;
	content: "";
	width: 0;
	height: 2px;
	background: #00a0e9;
	position: absolute;
	left: 0;
	top: -1px;
	z-index: 1;
	transition: all 0.4s;
}

.list_box_meiti li a:after {
	display: block;
	content: "";
	width: 0;
	height: 2px;
	background: #00a0e9;
	position: absolute;
	right: 0;
	bottom: -1px;
	z-index: 1;
	transition: all 0.4s;
}

.list_box_meiti li a .line:before {
	display: block;
	content: "";
	width: 2px;
	height: 0;
	background: #00a0e9;
	position: absolute;
	left: -1px;
	top: 0;
	z-index: 1;
	transition: all 0.4s 0.2s;
}

.list_box_meiti li a .line:after {
	display: block;
	content: "";
	width: 2px;
	height: 0;
	background: #00a0e9;
	position: absolute;
	right: -1px;
	bottom: 0;
	z-index: 1;
	transition: all 0.4s 0.2s;
}

.list_box_meiti li a h5 {
	font-size: 1.125rem;
	color: #0a0a0a;
	line-height: 1.625rem;
	height: 3.25rem
}

.list_box_meiti li a h6 {
	margin: 1rem 0 .75rem;
}

.list_box_meiti li a h6 span {
	display: flex;
	width: 7.5rem;
	height: 2.1875rem;
	background: #00a0e9;
	justify-content: center;
	align-items: center;
	font-size: 1.125rem;
	color: #fff;
	font-family: Dosis-b;
}

.list_box_meiti li a p {
	font-size: .875rem;
	color: #0a0a0a;
	line-height: 22px;
	height: 44px;
	margin-bottom: 1rem;
}

.list_box_meiti li a font {
	display: inline-block;
	background: url(../images/list_box_meiti_ico1.png) center no-repeat;
	width: 3.6875rem;
	height: 3.6875rem;
	background-size: cover !important
}

.list_box_meiti li a .btn {
	width: 3.6875rem;
	height: 3.6875rem;
}

.list_box_meiti li a .btn svg {
	width: 100%;
	height: 100%
}

.list_box_meiti li a .btn .st1 {
	transition: all 0.4s;
	transform-origin: center;
}

.list_box_meiti li a .btn .st2 {
	transition: all 0.4s;
}

.list_box_news {
	display: flex;
	margin: 0 -.875rem;
	flex-wrap: wrap;
	margin-bottom: -1.875rem;
}

.list_box_news li {
	width: 25%;
	padding: 0 .875rem;
	margin-bottom: 1.875rem;
}

.list_box_news li * {
	transition: .5s;
}

.list_box_news li a {
	display: block;
	transition: .5s;
}

.list_box_news li a .img .img_hezi {
	padding-bottom: 98.68% !important;
}

.list_box_news li a .con {
	padding: 1rem 0 2rem;
}

.list_box_news li a .con h5 {
	font-size: 1.125rem;
	color: #0a0a0a;
	line-height: 1.625rem;
	height: 3.25rem;
}

.list_box_news li a .con h6 {
	font-size: 1.25rem;
	color: #787d81;
	font-family: Dosis-b;
	margin: 1.375rem 0 0;
}

.list_box_product {
	display: flex;
	margin: 0 -.8125rem;
	flex-wrap: wrap;
	margin-bottom: -1.875rem;
}

.list_box_product li {
	width: 25%;
	padding: 0 .8125rem;
	margin-bottom: 1.875rem;
}

.list_box_product li * {
	transition: .5s;
}

.list_box_product li a {
	display: block;
	transition: .5s;
	background: #fff;
	border-radius: .625rem;
	overflow: hidden;
}

.list_box_product li a .img .img_hezi {
	padding-bottom: 68.42% !important;
}

.list_box_product li a .con {
	padding: 0;
	border-top: #efefef 1px solid;
	height: 13.125rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 1rem;
}

.list_box_product li a .con h5 {
	font-size: 1.5rem;
	color: #0a0a0a;
	line-height: 1.25;
	font-weight: bold;
	width: 100%;
	margin-bottom: .75rem;
}

.list_box_product li a .con p {
	font-size: .875rem;
	color: #2b2c2e;
	line-height: 1.375;
	width: 100%;
	opacity: .8;
}

.list_box_product li a .con h6 {
	font-size: .9375rem;
	color: #010101;
	display: flex;
	align-items: center;
	width: 8rem;
	height: 3rem;
	justify-content: center;
	border-radius: 1.5rem;
	margin: .75rem 0 0;
}

.list_box_product li a .con h6 svg {
	width: .875rem;
	height: .875rem;
	fill: #010101;
	margin: 0 0 0 .375rem;
	transition: 0s;
}

.list_box_zihzi {
	display: flex;
	margin: 0 -.625em;
	flex-wrap: wrap;
	margin-bottom: -2.25rem;
}

.list_box_zihzi li {
	width: 25%;
	padding: 0 .625rem;
	margin-bottom: 3rem;
}

.list_box_zihzi li * {
	transition: .5s;
}

.list_box_zihzi li .box_wai {
	display: block;
	background: #efefef;
	padding: 2.5rem;
}

.list_box_zihzi li a hr {
	width: 1.25rem;
	height: 2px;
	background: #f08300;
	margin: 0;
}

.list_box_zihzi li a h5 {
	font-size: 1.125rem;
	color: #000000;
	line-height: 1.25;
	margin: 2.125rem 0 .75rem;
}

.list_box_zihzi li a .box {
	background: url(../images/list_box_zihzi.png) center no-repeat;
	background-size: cover;
	padding: 3.5%;
}

.list_box_zihzi li a .img .img_hezi {
	padding-bottom: 66.666667% !important;
}

.list_box_zihzi li a .img img {
	max-width: 100%;
	max-height: 100%;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
	height: auto;
}

.n_zihzi {
	background: url(../images/n_zihzi_bg.jpg) center bottom no-repeat;
	background-size: cover;
}

.n_zihzis .content {
	border: #ffffff 2px solid;
	background: rgba(255, 255, 255, .55);
	border-radius: .625rem;
	padding: 5rem 4rem;
	position: relative;
	margin-bottom: 1.625rem;
}

.n_zihzis .content .dot {
	position: absolute;
	left: 1.875rem;
	right: 1.875rem;
}

.n_zihzis .content .dot1 {
	top: 2.25rem;
}

.n_zihzis .content .dot2 {
	bottom: 2.25rem;
}

.n_zihzis .content .dot:before {
	content: "";
	width: 1rem;
	height: 1rem;
	background: url(../images/dots.png) center no-repeat;
	position: absolute;
}

.n_zihzis .content .dot:after {
	content: "";
	width: 1rem;
	height: 1rem;
	background: url(../images/dots.png) center no-repeat;
	position: absolute;
	right: 0;
}

.list_box_zihzis {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -.75rem;
}

.list_box_zihzis li {
	width: 16.66%;
	padding: 0 .75rem;
}

.list_box_zihzis li * {
	transition: .5s;
}

.list_box_zihzis li a h5 {
	font-size: .9375rem;
	color: #000000;
	line-height: 3.125rem;
	margin: 0;
	background: #dde1e7;
	text-align: center;
	padding: 0 1rem;
}

.list_box_zihzis li a .box {
	background: #e6e9ee;
	background-size: cover;
	padding: 2px 2px 0;
}

.list_box_zihzis li a .img .img_hezi {
	padding-bottom: 144.11% !important;
	background: #fff;
}

.list_box_zihzis li a .img img {
	max-width: 90%;
	max-height: 90%;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
	height: auto;
}

.n_contact .fl01 .w1200 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.n_contact .fl01 .left {
	width: 34.875rem !important;
	padding: 0 1.5rem 0 0;
}

.n_contact .fl01 .right {
	width: calc(100% - 34.875rem);
}

#miso_map {
	height: 38.5rem;
	border: #dce3ed 1px solid;
}

.n_title001s {
	margin-bottom: 1.5rem;
	margin-top: 2rem;
}

.n_title001s h3 {
	font-size: 1.5rem;
	color: #00a0e9;
	font-family: Dosis-m;
	text-transform: uppercase;
}

.n_title001s h3 font {
	font-weight: bold;
	text-transform: uppercase;
	font-family: BarlowCondensed-Bold;
}

.n_title001s h2 {
	font-size: 1.75rem;
	color: #0a0a0a;
	font-weight: bold;
	line-height: 1.5;
}

.n_contact .fl01 dl {
	display: flex;
	font-size: 1rem;
	color: #202020;
	margin-bottom: 0.5rem;
	padding: 0 0 0 .5rem;
}

.n_contact .fl01 dl dt {
	white-space: nowrap;
	line-height: 1.75rem;
	width: 2rem;
}

.n_contact .fl01 dl dd {
	line-height: 1.75rem;
	color: #4b4949;
	width: calc(100% - 2rem);
}

.n_contact .fl01 .ewm {
	margin: 3rem 0 0;
}

.n_contact .fl01 .ewm h3 {
	width: 8rem;
	height: 8rem;
	position: relative;
}

.n_contact .fl01 .ewm h3 img {
	width: 100%;
	height: 100%
}

.n_contact .fl01 .ewm h5 {
	font-size: .875rem;
	color: #0a0a0a;
	line-height: 1.5;
	text-align: center;
	margin: .75rem 0 0;
	width: 8.125rem;
}

.list_box_06 {
	display: flex;
}

.list_box_06 li {
	margin-right: 1rem
}

.n_title002 {
	text-align: center;
	margin-bottom: 3.25rem;
}

.n_title002 h3 {
	font-size: 2.125rem;
	color: #0a0a0a;
	font-weight: bold;
	line-height: 1.5;
}

.list_box_case_detail {
	margin: 0 -5px;
	margin-bottom: 3rem;
}

.list_box_case_detail .miso-track {
	display: flex;
	justify-content: center
}

.list_box_case_detail li {
	width: 50%;
	padding: 0 5px;
}

.list_box_case_detail li .img {}

.list_box_case_detail li .img .img_hezi {
	padding-bottom: 59.61% !important;
}

.list_box_case_detail li .img .top {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .5);
}

.list_box_case_detail .miso-arrow {
	width: 3.625rem;
	height: 3.625rem;
	background: rgba(0, 0, 0, .6);
	border-radius: 50%;
	margin-left: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .5s;
}

.list_box_case_detail .miso-arrow svg {
	width: 1.75rem;
	height: 1.75rem;
	fill: #fff;
}

.list_box_case_detail .miso-prev {
	left: 1.5rem
}

.list_box_case_detail .miso-next {
	right: 1.5rem
}

.n_case_detail .ar_article h3 {
	font-size: 1.5rem;
	color: #0a0a0a;
	font-weight: bold;
	margin-bottom: 2rem;
}


.n_news_detail {
	padding: 4rem 0 2.5rem
}

.n_news_detail .w1200 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.n_news_detail .left {
	width: calc(100% - 22.5rem)
}

.n_news_detail .left .ar_tit {
	position: relative;
	padding-bottom: 1.5rem;
}

.n_news_detail .left .ar_tit:before {
	content: "";
	width: 3.5625rem;
	height: 2px;
	background: #00a0e9;
	bottom: 0;
	position: absolute;
	left: 0;
}

.n_news_detail .left .ar_tit h6 {
	font-size: 1.5rem;
	color: #00a0e9;
	font-family: Dosis-s;
}

.n_news_detail .left .ar_tit h3 {
	font-size: 1.675rem;
	color: #0a0a0a;
	line-height: 1.5;
	font-weight: bold;
	margin: .75rem 0 0;
}

.n_news_detail .left .ar_bottom {
	padding: 3rem;
	background: #fff;
}

.n_news_detail .left .ar_bottom .ar_article p {}

.n_news_detail .left .ar_bottom .ar_fy {
	background: url(../images/ar_fy_bg.png) center top no-repeat;
	padding: 24px 0 0;
	display: flex;
	justify-content: space-between;
	margin: 0 -5px;
	margin-top: 2.5rem;
}

.n_news_detail .left .ar_bottom .ar_fy .h5 {
	max-width: 43%;
	line-height: 2;
	padding: 0 5px;
}

.n_news_detail .left .ar_bottom .ar_fy .h5 a {
	display: inline-block;
	font-size: .875rem;
	color: #191919;
	transition: .5s;
	opacity: .6
}

.n_news_detail .right {
	width: 22.5rem;
	padding: 1.5rem 0 0 4rem;
}

.n_news_detail .right .sticky {
	position: sticky;
	top: 2.25rem;
}

.title008 h3 {
	font-size: 1.25rem;
	color: #4c4c4c;
	border-left: #f08300 5px solid;
	padding: 0 0 0 .875rem;
	height: 1.0625rem;
	line-height: 1.0625rem;
	margin-bottom: 1.5rem;
}

.list_box_08 li a {
	display: block;
	padding: 1.5rem .25rem 1rem;
	border-bottom: #787878 1px dotted;
	transition: .5s;
	position: relative;
}

.list_box_08 li a:after {
	content: "";
	position: absolute;
	bottom: -1px;
	height: 2px;
	left: 0;
	width: 0;
	transition: .5s;
	background: #0097f0
}

.list_box_08 li a h6 {
	font-size: .875rem;
	color: #5b5b5b;
}

.list_box_08 li a h5 {
	font-size: 1.0625rem;
	color: #191919;
	line-height: 2rem;
	transition: .5s;
	margin: 1rem 0 0;
	font-weight: bold;
}


.n_licheng {
	padding-top: 3.25rem;
	padding-bottom: 4rem;
}

.n_licheng .hd {
	overflow: hidden;
	width: 100%;
	margin-bottom: 2rem;
	position: relative;
	z-index: 10;
}

.n_licheng .hd .tt {
	float: left;
	position: relative;
	z-index: 10;
}

.n_licheng .hd .tt span {
	font-size: 2rem;
	color: #0048a9;
	font-family: AVENIRNEXTLTPRO-DEMICN;
}

.n_licheng .hd .tt h3 {
	font-size: 1.625rem;
	color: #434343;
	margin-top: .75rem;
}

.n_licheng .hd .arrowbox {
	float: right;
}

.n_licheng .miso-arrow {
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
	width: 3.4375rem;
	height: 3.4375rem;
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}

.n_licheng .miso-prev2 {
	background: url(../images/licheng_left.png) center no-repeat;
	background-size: contain !important;
	margin-right: .75rem;
}

.n_licheng .miso-next2 {
	background: url(../images/licheng_right.png) center no-repeat;
	background-size: contain !important;
}

.n_licheng .miso-prev2:hover {
	background: url(../images/licheng_left_on.png) center no-repeat;
}

.n_licheng .miso-next2:hover {
	background: url(../images/licheng_right_on.png) center no-repeat;
}

.n_licheng .bd {
	position: relative;
	height: 599px;
	display: flex;
	align-items: center;
}

.n_licheng .bd img {
	width: 100%
}

.licheng_slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.licheng_slide .w1200 {
	height: 100%;
}

.licheng_slide ul {
	height: 100%;
	padding: 0 2rem;
}

.licheng_slide ul li {
	float: left;
	width: 12.5%;
	position: relative;
	height: 100%;
	transition: .7s;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-ms-transition: .7s;
	-o-transition: .7s;
}

.licheng_slide ul li .txt {
	position: absolute;
	padding-left: 24px;
}

.licheng_slide ul li .txt .year {
	font-size: 2.25rem;
	margin-bottom: .875rem;
	color: #00a0e9;
	transform: translateY(50px);
	opacity: 0;
	transition: .7s;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-ms-transition: .7s;
	-o-transition: .7s;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	margin-top: 2rem;
	font-family: Dosis-s;
}

.licheng_slide ul li .txt .con {
	font-size: 1rem;
	line-height: 18px;
	color: #626262;
	width: 15rem;
	transform: translateY(50px);
	opacity: 0;
	transition: .7s;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-ms-transition: .7s;
	-o-transition: .7s;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	height: 72px;
	overflow: hidden;
	overflow-y: scroll;
}

.licheng_slide ul li .txt .con::-webkit-scrollbar {
	width: 2px;
	height: 2px;
	background-color: transparent;
}

.licheng_slide ul li .txt .con::-webkit-scrollbar-track {
	border-radius: 10px;
	background-color: transparent;
}

.licheng_slide ul li .txt .con::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #333;
}

.licheng_slide ul li .txt:before {
	content: "";
	background: #fff;
	display: block;
	width: 11px;
	height: 11px;
	position: absolute;
	z-index: 99;
	left: 0;
	top: 1rem;
	border: 2px solid #00a0e9;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	box-sizing: border-box;
}

.licheng_slide ul li .txt:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 1rem;
	background: #e2e2e2;
	left: 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.licheng_slide ul li:nth-child(1) .txt {
	bottom: 60%;
	padding-bottom: 2rem;
}

.licheng_slide ul li:nth-child(2) .txt {
	top: 60.5%;
	padding-top: 4rem;
}

.licheng_slide ul li:nth-child(3) .txt {
	bottom: 51%;
	padding-bottom: 2rem;
}

.licheng_slide ul li:nth-child(4) .txt {
	top: 65%;
	padding-top: 4rem;
}

.licheng_slide ul li:nth-child(5) .txt {
	bottom: 51%;
	padding-bottom: 4rem;
}

.licheng_slide ul li:nth-child(6) .txt {
	top: 50.5%;
	padding-top: 4rem;
}

.licheng_slide ul li:nth-child(7) .txt {
	bottom: 51%;
	padding-bottom: 3rem;
}

.licheng_slide ul li:nth-child(8) .txt {
	top: 57.5%;
	padding-top: 4rem;
}

.licheng_slide ul li:nth-child(even) .txt:before {
	top: 11.5rem;
}

.licheng_slide ul li:nth-child(even) .txt:after {
	height: 11rem;
}

.licheng_slide .miso-list,
.licheng_slide .miso-track {
	height: 100%;
	overflow: visible;
}

.n_licheng ul.miso-current li .year {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
}

.n_licheng ul.miso-current li .con {
	opacity: 1;
	transform: translateY(0px);
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
}

.licheng_slide_wap {
	display: none;
}

.licheng_slide_wap ul {}

.licheng_slide_wap ul li {
	position: relative;
	transition: .7s;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-ms-transition: .7s;
	-o-transition: .7s;
}

.licheng_slide_wap ul li .txt {
	padding-left: 24px;
	position: relative;
	padding-top: 7px;
}

.licheng_slide_wap ul li .txt .year {
	font-size: 1.75rem;
	color: #00a0e9;
	margin-bottom: 5px;
	transition: .7s;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-ms-transition: .7s;
	-o-transition: .7s;
	font-family: Dosis-s;
}

.licheng_slide_wap ul li .txt .con {
	font-size: .9375rem;
	line-height: 1.625rem;
	padding-bottom: 2rem;
	color: #626262;
	transition: .5s;
	-webkit-transition: .7s;
	-moz-transition: .7s;
	-ms-transition: .7s;
	-o-transition: .7s;
}

.licheng_slide_wap ul li .txt:before {
	content: "";
	display: block;
	width: 11px;
	height: 11px;
	position: absolute;
	left: 0;
	top: 1rem;
	border: 2px solid #00a0e9;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	box-sizing: border-box;
	z-index: 1;
	background: #fff;
}

.licheng_slide_wap ul li .txt:after {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 1rem;
	background: #e2e2e2;
	left: 5px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.video_play {
	position: absolute;
	left: 2rem;
	bottom: -6rem;
	width: 6.5rem;
	height: 6.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.video_play::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: #f08300 2px solid;
	transform: scale(.7);
	border-radius: 50%;
}

.video_play svg {
	width: 1.375rem;
	height: 1.375rem;
	fill: #f08300;
	transition: .5s;
	position: relative;
}

.circle1 span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	border: #f08300 1px solid;
	-webkit-transform: scale(0.7);
	-moz-transform: scale(0.7);
	-ms-transform: scale(0.7);
	transform: scale(0.7);
	-webkit-animation: circleScale1 3s linear infinite;
	-moz-animation: circleScale1 3s linear infinite;
	-ms-animation: circleScale1 3s linear infinite;
	animation: circleScale1 3s linear infinite;
	transition: .5s;
}

.circle1 span:nth-of-type(2) {
	animation-delay: 1s;
}

.circle1 span:nth-of-type(3) {
	animation-delay: 2s;
}

@keyframes circleScale1 {
	0% {
		opacity: 1;
		-webkit-transform: scale(0.7);
		-moz-transform: scale(0.7);
		-ms-transform: scale(0.7);
		transform: scale(0.7);
	}

	100% {
		opacity: 0;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}

.n_product_detail .fl01 .content {
	background: #fff;
	padding: 5rem 2.75rem 3.75rem;
	border-radius: .625rem;
	display: flex;
}

.n_product_detail .fl01 .content .left {
	width: 51%;
	padding: 0 2.5rem 0 0;
}

.n_product_detail .fl01 .content .right {
	width: 49%;
	padding: 1rem 0 0 6.25rem;
	position: relative;
}

.n_product_detail .fl01 .content .right::before {
	content: "";
	position: absolute;
	top: 3.125rem;
	left: 0;
	bottom: 1.5rem;
	background: #e3e3e3;
	width: 1px;
}


.list_box_product_d .miso-list {
	padding-bottom: 6rem;
}

.list_box_product_d .miso-dots {
	bottom: 1rem
}

.list_box_product_d .miso-dots li {
	width: .625rem;
	height: .625rem;
	background: #bdbdbd;
	border-radius: 50%;
}

.list_box_product_d .miso-dots li.miso-active {
	background: #f08300;
}

.list_box_product_d .miso-arrow {
	width: 2.5rem;
	height: 2.5rem;
	margin-top: -5rem;
}

.list_box_product_d .miso-arrow svg {
	width: 100%;
	height: 100%;
	fill: #000000;
}

.n_product_detail .fl01 {
	overflow: hidden;
	padding: 4.5rem 0 0;
}

.n_product_detail .fl01 .content .right h3 {
	font-size: 2.25rem;
	color: #0a0a0a;
	line-height: 1.5;
	font-weight: bold;
	font-family: Dosis-m;
}

.n_product_detail .fl01 .content .right .cpgg {
	display: flex;
	width: 9.125rem;
	height: 2.625rem;
	position: relative;
	margin: .75rem 0 1.5rem
}

.n_product_detail .fl01 .content .right .cpgg svg {
	width: 100%;
	height: 100%
}

.n_product_detail .fl01 .content .right .cpgg .top {
	position: absolute;
	top: 0;
	/* right: 0; */
	bottom: 0;
	left: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	color: #fff;
	font-weight: bold;
	padding-right: 0rem;
	font-family: Dosis-m;
	text-transform: uppercase;
}

.n_product_detail .fl01 .content .right .ar_article p {
	font-size: .9rem;
	color: #2b2c2e;
	line-height: 1.7rem;
}

.n_title003 {
	padding: 3.5rem 0 0;
	overflow: hidden;
}

.n_title003 b {
	font-size: 2rem;
	color: #0a0a0a;
	padding: 0 0 .875rem;
	border-bottom: #f08300 3px solid;
	display: inline-block;
	font-family: Dosis-m;
	text-transform: uppercase;
}

.n_product_detail .fl02 {
	background: #fff;
	padding: 2.75rem 0 5rem;
}

.n_product_detail .fl02 .ar_article h3 {
	font-size: 1.5rem;
	color: #000;
}

.n_product_detail .fl02 .ar_article h2 {
	font-size: 3rem;
	color: #0a0a0a;
	margin-bottom: .75rem;
	line-height: 1;
}

.list_box_09 {
	margin: 0 -4px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -5rem;
}

.list_box_09 li {
	width: 50%;
	padding: 0 4px;
	margin-bottom: 5rem;
}

.list_box_09 li a {
	display: flex;
	padding: 3rem;
	background: url(../images/list_box_09_img.png) center no-repeat;
	background-size: 100% 100%;
	align-items: center;
	border-radius: 10rem;
}

.list_box_09 li a .left {
	width: 12.25rem;
	height: 12.25rem;
	background: #00a0e9;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.list_box_09 li a .left font {
	display: inline-block;
	font-size: 1.35rem;
	color: #fff;
	line-height: 1.375;
}

.list_box_09 li a .right {
	width: calc(100% - 12.25rem);
	padding: 0 0 0 2.5rem;
}

.list_box_09 li a .right h5 {
	font-size: 1.1rem;
	color: #00a0e9;
	line-height: 1.875rem;
}

.list_box_09 li a .right p {
	font-size: .875rem;
	color: #0a0a0a;
	line-height: 1.625rem;
}

.n_wenhua .fl01 {
	padding: 6.25rem 0;
}

.n_wenhua .fl02 {
	background: url(../images/n_wenhua_fl02_bg.jpg) center bottom no-repeat;
	background-size: cover;
	height: 33.125rem;
}

.n_wenhua .fl02 .w1200 {
	display: flex;
	height: 100%;
}

.n_wenhua .fl02 .left {
	width: calc(100% - 27.25rem);
	display: flex;
	align-items: center;
}

.n_wenhua .fl02 .left ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 17%;
}

.n_wenhua .fl02 .left ul li {
	width: 33.33%;
	padding: 0 1rem;
	text-align: center;
	position: relative;
	border-left: rgba(255, 255, 255, .2) 1px solid;
}

.n_wenhua .fl02 .left ul li a {
	display: block
}

.n_wenhua .fl02 .left ul li:first-child {
	border: none;
}

.n_wenhua .fl02 .left ul li h3 {
	font-size: 1.5rem;
	color: #fff;
	margin-bottom: 1rem;
	line-height: 1.8rem;
	min-height: 3.5rem;
}

.n_wenhua .fl02 .left ul li p {
	font-size: .875rem;
	color: #fff;
	line-height: 1.625rem;
	font-weight: 300
}

.n_wenhua .fl02 .right {
	width: 27.25rem;
	background: rgba(28, 178, 246, 0.95);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 1rem 0 3.5rem;
}

.n_title004 {
	width: 100%;
	margin-bottom: 2rem;
}

.n_title004 h4 {
	font-size: 1.625rem;
	color: #fff;
	font-family: Dosis-s;
	text-transform: uppercase;
}

.n_title004 h3 {
	font-size: 1.875rem;
	color: #fff;
	font-weight: bold;
	margin: 1.125rem 0 0;
}

.n_title004 hr {
	width: 1.75rem;
	height: 2px;
	background: #fff;
}

.n_wenhua .fl02 .right p {
	width: 100%;
	font-size: .9375rem;
	color: #fff;
	line-height: 1.875rem;
}

.n_wenhua .fl03 {
	padding: 6.25rem 0;
}

.n_wenhua .fl03 .w1200 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.n_wenhua .fl03 .img {
	width: 50%;
}

.n_wenhua .fl03 .img img {
	width: 100%;
}

.n_wenhua .fl03 .right {
	width: 50%;
	position: relative;
}

.n_wenhua .fl03 .right .con {
	margin-left: -2.75rem;
	background: #fff;
	padding: 7rem 1rem 7rem 6rem;
}

.n_wenhua .fl03 .right .con h5 {
	font-size: 2rem;
	color: #0a0a0a;
}

.n_wenhua .fl03 .right .con h6 {
	font-size: 1.375rem;
	color: #00a0e9;
	font-weight: bold;
	margin: 1.25rem 0 1.25rem;
}

.n_wenhua .fl03 .right .con p {
	font-size: .875rem;
	color: #0a0a0a;
	line-height: 26px;
}

/*==========================================内页 结束=============================================*/

/*aos="fade-up" aos-duration="1200"*/
.n_contact .flex {
	width: 100%;
	justify-content: space-between;
}

.n_contact .flex dl {
	display: flex;
}

.n_contact .line {
	width: 1px;
	height: 200px;
	background: #ddd;
	margin: 0 2rem;
}

@media (max-width: 768px) {
	.n_contact .line {
		display: none;
	}

	.n_contact .flex {
		flex-direction: column;
	}

	.n_contact .flex>div {
		margin-bottom: 2rem;
	}

	.xunjia .hd {
		flex-direction: column;
		align-items: flex-start;
	}
}
.n_contact .flex div p{
	font-size: 1rem;
	line-height: 1.75rem;
	color: #4b4949;
  }