@charset "UTF-8";
*, ::after, ::before {	-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
html {	-webkit-text-size-adjust: 100%;	font-size: 16px;}
body {
    background: #fff;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	overflow-x: hidden;
	color: #333333;
	line-height:1.8;
}
.h1, .h2, .h3, .h4, .h5, .h6, .p { padding: 0; margin: 0; font-weight: normal}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;	padding: 0;	margin: 0;}
input, textarea,pre{font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
input, textarea {margin: 0;	padding: 0;	outline: 0;	-webkit-appearance: none;	border-radius: 0;}
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #000;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/select.gif) no-repeat scroll 98% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {display: none;}
a, a:active {color: #333333;}
a:hover {color: #dec281;}
a, a:link, a:visited, a:hover, a:active {
text-decoration: none;
 /* 去掉链接触摸高亮 */
noline:-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
:focus, a:focus {outline: none;	-moz-outline: none;}
table, td, th {	border-collapse: collapse;	border-spacing: 0;}
.ul, .ul li {list-style: none;}
hr {margin: 0;padding: 0;border: 0;	color: #000;background-color: #000;	height: 1px}
img {border: none;	max-width: 100%;vertical-align: middle;}
.Ispic {background-repeat: no-repeat;background-position: center center;background-size: cover;}
pre {white-space: pre-wrap;	white-space: -moz-pre-wrap;	white-space: -pre-wrap;	white-space: -o-pre-wrap;word-wrap: break-word;	margin: 0;text-align: justify;text-justify: inter-ideograph;}
.clear {clear: both;height: 0px;font-size: 0px;	line-height: 0px;overflow: hidden;	zoom: 0;}
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {	zoom: 1;}
/*单行文本省略号*/
.dot {	display: block;	overflow: hidden;	white-space: nowrap;text-overflow: ellipsis;}
.dot2, .dot3, .dot4 {display: -webkit-box;	display: box;overflow: hidden;	text-overflow: ellipsis;	word-break: break-all;	-webkit-box-orient: vertical;}
.dot2 {	-webkit-line-clamp: 2;}
.dot3 {	-webkit-line-clamp: 3;}
.dot4 {	-webkit-line-clamp: 4;}
.ytable {display: table;width: 100%;height: 100%;  table-layout: fixed;}
.ytable-cell {display: table-cell;	vertical-align: middle;}
/*设置隐藏*/
.fl {float: left;}
.fr {float: right;}
.auto-outer{width:92.486%; margin: 0 auto;}
.auto-inner {width:79.874%/*width:86.2%*/; margin: 0 auto;}
@media(max-width:768px){
html{ font-size: 14px;}
.auto-outer{width:96%;}
.auto-inner {width:90%}
}
.pr {position: relative;}
.nm {margin: 0;}
.nfw {font-weight: normal;}
.img-block {display: block;	width: 100%;}
.ff-blod{font-weight: bold;}

.w-full{width: 100%;}
.h-full{height: 100%;}
.object-cover{ -o-object-fit: cover; object-fit: cover;}

.zoomimg .isimg{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.zoomimg:hover .isimg{ -webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}
#header{	-webkit-transform: translate(0);
	transform: translate(0);
	-webkit-transition: .4s cubic-bezier(.165, .84, .44, 1);
	transition: .4s cubic-bezier(.165, .84, .44, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform}
#header.is-hide {	/*-webkit-transform: translateY(-100%);transform: translateY(-100%);*/ top:-25%;
}
#header{ background-color: #000000; position: fixed; width: 100%; top: 0; z-index: 100; transition: 0.5s}
/*#header.fixeds{ top: -200px;}
#header.top_show{ top: 0px;}*/
#header .top{ font-size: 15px; line-height: 16px; line-height: 30px; position: relative;}
#header .top a{ color: #fff; transition: all 0.4s;}
#header .top a:hover{ color: #dec281;}
#header .logo{ text-align: center; padding: 10px 0}
#header .top_fl,
#header .top_fr{position: absolute;top: 50%; margin-top: -15px; }
#header .top_fl{ left: 0; }
#header .top_fl #open_menu{ cursor: pointer;position: absolute; display: inline-block; width: 23px; height: 30px; background: url(../images/head_nav_icon.png) no-repeat center center;}
#header .top_fl span { padding-left: 85px; display: inline-block}
#header .top_fl span a{ display: inline-block;}
#header .top_fl span a:nth-child(1){ margin-right: 50px;}
#header .top_fr{ right: 0;}
#header .top_fr a{ display: inline-block; background: no-repeat left; padding-left: 36px;}
#header .top_fr a:nth-child(1){ margin-right:25px;background-image: url(../images/icon_search.png)}
#header .top_fr a:nth-child(2){ background-image: url(../images/icon_location.png)}
#header .search{position: absolute; right: 0; padding: 10px 40px 10px 10px; width: 300px; background:rgb(0,0,0,0.6); display: none}
#header .search .text{ width: 100%; height: 30px; border: none; background:none; color: #fff}
#header .search a{ position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; cursor: pointer;background:url(../images/icon_search.png) no-repeat center center;}

#sidenav{position:fixed;top:0;left:0;z-index:-1;overflow:hidden;width:100%;height:100%;background-size:100% 100%;opacity:0;-webkit-transition:all .5s;transition:all .5s; }
#sidenav.active{z-index:200;opacity:1;background: #fff}
@media(max-width:1024px){
#sidenav{height:100%;}
#sidenav{left: -100%; z-index: 200; transition: opacity 0.5s;}
#sidenav.active{left: 0;}
}
#sidenav .nav{height:100%;font-size:0}
#sidenav .nav li{position:relative;top:-40px;display:inline-block;padding-top:10%;width:16.666%;height:100%;border-right:1px solid #ebebeb;background:#fff;vertical-align:top;text-align:center;opacity:0;-webkit-transition-duration:.5s,.5s,.5s;transition-duration:.5s,.5s,.5s;-webkit-transition-property:opacity,top,background;transition-property:opacity,top,background}
#sidenav.active .nav li{top:0;opacity:1}
#sidenav.active .nav li:nth-child(1){-webkit-transition-delay:.4s,.4s,0s;transition-delay:.4s,.4s,0s}
#sidenav.active .nav li:nth-child(2){-webkit-transition-delay:.6s,.6s,0s;transition-delay:.6s,.6s,0s}
#sidenav.active .nav li:nth-child(3){-webkit-transition-delay:.8s,.8s,0s;transition-delay:.8s,.8s,0s}
#sidenav.active .nav li:nth-child(4){-webkit-transition-delay:1s,1s,0s;transition-delay:1s,1s,0s}
#sidenav.active .nav li:nth-child(5){-webkit-transition-delay:1.2s,1.2s,0s;transition-delay:1.2s,1.2s,0s}
#sidenav.active .nav li:nth-child(6){-webkit-transition-delay:1.4s,1.4s,0s;transition-delay:1.4s,1.4s,0s}
#sidenav.active .nav li:nth-child(7){-webkit-transition-delay:1.6s,1.6s,0s;transition-delay:1.6s,1.6s,0s}
#sidenav.active ul li .line{display:block;margin:0 auto;width:1px;height:50px;background-color:#333;opacity:0;-webkit-transition:all .5s;transition:all .5s}
#sidenav.active .nav h3{ padding: 0; margin: 0; opacity: 0; color:#f2f2f2;font-weight:lighter;font-size:82px;font-family:knockout;-webkit-transition:all .5s;transition:all .5s}
#sidenav.active .nav h4{ font-weight: normal;padding: 0; margin: 0; color:#333;font-size:24px;-webkit-transition:all .5s;transition:all .5s}
#sidenav.active .nav .sub a{display:block;margin-top:12px;color:#666;font-size:14px;-webkit-transition:all .5s;transition:all .5s}


@media(min-width:1025px){
#sidenav.active .nav li:hover{background:#000}
#sidenav.active .nav li:hover a{color:#fff}
#sidenav.active .nav li a:hover{color: #dec281;}
#sidenav.active .nav li:hover h3{ opacity: 1; margin-bottom:10px;color:#fff}
#sidenav.active .nav li:hover .line{margin:0 auto 20px;background-color:#fff;opacity:1}
}
@media(max-width:1439px){
	#sidenav .nav li{padding-top:0}
}
#sidenav .close{ cursor: pointer;position: absolute; left: 3.757%; top: 50px; width: 40px; height: 40px; z-index: 10; opacity: 0; transition: 0.5s}
#sidenav .close:before,
#sidenav .close:after{ content: ''; width: 60%; height: 2px; background: #7f7f7f; position: absolute; left: 20%; top: 50%}
#sidenav .close:before{ transform: rotate(45deg)}
#sidenav .close:after{ transform: rotate(-45deg)}
#sidenav.active .close{ opacity: 1}
#sidenav .list{ position: absolute; right:3.757%; top: 50px; z-index: 10; width:20%;font-size: 15px;text-align: right}
#sidenav .list h2{color: #999999; padding: 0; margin: 0; font-size: 15px; font-weight: normal; }
#sidenav .copyright{ font-size: 13px; position: fixed; bottom: 0; width: 100%; z-index: 10;padding:10px 0;background:#222; display: none;}
#sidenav .copyright,
#sidenav .copyright a{ color: #999999}
#sidenav .copyright span{ float: right;}
#sidenav .copyright span .wanhu{ margin-left: 10px;}
#sidenav #nav8{ display: none}
/*@media(max-width:960px){
#open_menu{ width: 40px; padding: 12px 0; position: absolute; left:3.5%; top: 50%; margin-top: -12px; overflow: hidden; z-index: 101}
#open_menu a,
#open_menu:before,
#open_menu:after{ position: absolute; display: block; width: 100%; height: 2px; background: #fff; transition: 0.3s}
#open_menu:before,
#open_menu:after{ content: '';}
#open_menu:before{top:0}
#open_menu:after{ bottom: 0; width: 70%}
#open_menu.on a{ background: transparent}
#open_menu.on:before{ top: 40%; transform: rotate(-45deg)}
#open_menu.on:after{ bottom: 40%; width: 100%; transform: rotate(45deg)}
}*/
@media(max-width:1024px){
#sidenav.active .nav h4{font-size: 20px;}
}
@media(max-width:640px){
#header .top_fr a:nth-child(1),#header .top_fr a:nth-child(2){background-size:20px;background-position:13px center;}
#header .top{ font-size: 14px;}
#header .top_fl{ left: auto; right: 0;}
#header .top_fl span { padding-left: 30px; display: none}
#header .top_fl span a:nth-child(1){ margin-right: 10px;}
#header .top_fl #open_menu{ right: 0}
#header .top_fr{right: 15%}
#header .top_fr a:nth-child(1){margin-right: 10px;}
#header .logo{ padding: 5px 0; text-align: left;}
#header .logo img{ height: 50px;}
#sidenav #nav8{ display:block}
#sidenav{overflow:auto;max-height:100%}
#sidenav.active .nav{overflow:auto;padding-top:64px;background-color:#fff}
#sidenav.active .nav li{ line-height: 52px;top:-2%;display:block;padding:3% 0 3% 4%;width:100%;height:auto;border-right:0 none;border-bottom:1px solid #ebebeb;text-align:left;/*align-items:flex-start;justify-content:flex-start;-webkit-display:flex;-webkit-align-items:flex-start;-webkit-justify-content:flex-start*/}
#sidenav.active .nav li .line{ position: absolute; width: 100%;  margin: 0; z-index: 20;}
#sidenav.active .nav li .icon{position:absolute;top:30px;right:4%;display:block;width:16px;height:8px;background-image:url(../images/sidenav_icon.png);background-size:100% 100%;background-repeat:no-repeat}
#sidenav.active .nav li.active .icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
#sidenav.active .nav li h3{margin:0;font-size:40px; opacity: 1; position: absolute}
#sidenav.active .nav li h4{ font-size: 16px; padding-left: 50px; }
#sidenav.active .nav li h4 a{color: #333;}
#sidenav.active .nav li:hover h3{margin-bottom:0;color:#f2f2f2}
#sidenav.active .nav li .sub{display:none; padding-left: 50px;}
#sidenav.active .nav li.active .sub{display:block}
#sidenav.active .nav li .sub a{margin-bottom:0; line-height: 30px;}
/*#sidenav.active .nav li:hover a{color:#fff}*/
#sidenav.active .nav li:before{ content: '';position: absolute; top: 30px; right: 4%; display: block; width: 16px; height: 8px; background-image: url(../images/sidenav_icon.png); background-size: 100% 100%; background-repeat: no-repeat;; transition: 0.5s}
#sidenav.active .nav li.clickon:before{ transform: rotate(180deg)}
#sidenav .close{ top:10px;}
#sidenav .list,
#sidenav .copyright{ display: none}
#sidenav.active .nav li.clickon{background:#000}
#sidenav.active .nav li.clickon a{color:#fff}
}

.banner{ position: relative;}
.banner .txt{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2;}
.banner .txt .tit{ margin: 0; color: #333333; font-size: 36px; font-weight: normal;}
.banner .txt .text{ margin: 3% 0 0; color: #333333; font-size: 20px; line-height: 36px; max-width: 495px;}
.banner img{ width: 100%}
.banner .wapban{ display: none;}
@media(max-width:1024px){
.banner .wapban{ display: block;}
.banner .pcban{ display: none;}
}
@media(max-width:640px){
.banner{ padding-top: 60px; background: #000000; margin-top: 0!important;}
.banner .txt .tit{ font-size: 22px; padding-top: 60px;}
.banner .txt .text{ font-size: 14px; line-height: 24px;}
}

.subcolumn{font-size: 22px; padding: 10px 0}
.subtitle{ font-size: 36px; padding-bottom: 3%}
.single_main .subcolumn,
.single_main .subtitle{font-family:YuMincho,Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif}
.single_main .subcolumn{font-size: 18px;}
.single_main .subtitle{ font-size: 40px;}
.single_main .wap_photo{ display: none}

.single_main{ height: 100%; background: no-repeat center top fixed;background-size:cover;}

.single_main .main{ color: #fff; line-height:2; max-width: 580px;}
.single_main .main .logo{ padding-top: 35%; padding-bottom:7%}

.single_main .main .article{ padding-top:3%; padding-bottom: 5%}

@media(max-width:1200px){
.subcolumn{font-size: 20px;}
.subtitle,
.single_main .subtitle{ font-size: 28px;}
}
@media(max-width:768px){
.subcolumn{font-size: 18px;}
.subtitle,
.single_main .subtitle{ font-size: 24px;}
.single_main{ background-image: none!important}
.single_main .wap_photo{ display:block}
.single_main .main .logo{ padding-top: 0; margin-top: -20%; position: relative}
}

@media(max-width:640px){
.single_main{}
.single_main .main .logo{text-align:center;padding-bottom:15%;}
.single_main .subcolumn{font-size:16px;text-align:center;}
.subtitle, .single_main .subtitle{font-size:22px;text-align:center;}
.single_main .main .article{ padding-bottom: 160px}
}

.dealer_bg{ background: url(../images/map_bg.jpg) no-repeat center top; background-size: contain}
.dealer_main { padding: 3% 0}


.dealer_main .main{ padding-left: 10.063%}
.dealer_main .boxs{ display: table; width: 100%;}
.dealer_main .boxs .form,
.dealer_main .boxs .map,
.dealer_main .boxs .info{ display: table-cell; vertical-align: middle}
.dealer_main .boxs .form{  font-size: 18px; color: #000; line-height: 60px; width: 28%;border: solid 4px #000000; position: relative; background-color: #fff; padding:2% 3%;}
.dealer_main .boxs .form:before{ content: ''; position: absolute; right:-23px; top: 15%; width:40px; height: 40px; border-right: solid 4px #000; border-top: solid 4px #000; background: #fff; transform: rotate(45deg);}
.dealer_main .boxs .form ul{ padding-bottom: 10%}
.dealer_main .boxs .form ul li{  padding: 10px 0; border-bottom: solid 1px #cccccc; padding-left: 80px; position: relative}
.dealer_main .boxs .form ul li label{ left: 10px; position: absolute;}
.dealer_main .boxs .form ul li .text{ width: 100%; height: 60px; border: none; background: none}
.dealer_main .boxs .form a{ cursor: pointer;display:block; width: 60%; text-align: center; background-color: #dec281}
.dealer_main .boxs .form a:hover{ background-color: #000}
.dealer_main .boxs .form .inside ul li{font-size: 16px; padding-top: 0; padding-bottom: 0; line-height: 30px; min-height: 30px; color: #999}
.dealer_main .boxs .form .inside ul li.add{ margin-bottom: 30px;}
.dealer_main .boxs .form .inside ul li:last-child{ margin-bottom: 0}
.dealer_main .boxs .form .inside ul li label{ color: #000}
.dealer_main .boxs .form .inside .close{ width: 40px; height: 40px; position: absolute; right: 2%; top: 1%; display: block; cursor: pointer; background:#dec281 url(../images/close.png) no-repeat center center; border-radius: 100px;}
.dealer_main .boxs .map{ text-align: center}
.dealer_main .boxs .info{ width: 28%; background-color: #dec281; color: #000; padding: 5% 2% 5% 5%;}
.dealer_main .boxs .info ul{ padding-bottom: 20%;}
.dealer_main .boxs .info li{ font-size: 14px; padding-top: 5%}
.dealer_main .boxs .info li b{ display: block; font-size: 18px}
.dealer_main .boxs .info li.tel b{font-size: 24px; font-family: fantasy; font-weight: normal}
.dealer_main .boxs .info .txt:before{ display: block; content: ''; width: 20%; height: 1px; background: #000; margin-bottom: 5%}
@media(max-width:768px)
{
.dealer_main .main{ padding-left: 2%; padding-right: 2%}
.dealer_main .boxs .form:before{ display: none}
.dealer_main .boxs{ display: block}
.dealer_main .boxs .form,
.dealer_main .boxs .map,
.dealer_main .boxs .info{ display: block; width: 100%}
.dealer_main .boxs .form{ font-size: 16px; line-height: 40px;}
.dealer_main .boxs .form ul li{ padding-left: 60px;}
.dealer_main .boxs .form ul li .text{ height: 40px;}
}


.style_main .photo .txt{ text-align: center; padding-top: 20px;}
.style_main .photo h5{ font-size: 14px; color: #666666}
.style_main .photo h4{ font-size: 16px; color: #000000}
.style_main .item{padding-bottom:50px; display:inline-block}
.style_main .item dl{padding: 20px;}
.style_main .item a{ display: block; transition: 0.5s; padding: 26px 0;border-radius: 10px;}
.style_main .item a:hover{ background: #fff; box-shadow: 0 5px 30px rgba(0,0,0,0.06);}
.style_main .photo{ padding-bottom: 30px; white-space:nowrap}
@media(max-width:960px){
.style_main .item dl{padding: 10px;}
}
@media(max-width:640px){
.style_main .item a{box-shadow: 0 3px 20px rgba(0,0,0,0.06); }
}

.honor_main .auto-inner{ padding-top: 3%; padding-bottom: 5%}
.honor_main .list{ position: relative}

.honor_main .list .slick-list{ padding: 10% 0!important}
.honor_main .list ul{ padding: 0 70px;}
.honor_main .list li {transition: all 500ms ease; }
.honor_main .list li .inner{transition: all 300ms ease; position: relative;}
.honor_main .list li .content{ transition: all 300ms ease;padding: 20px; }
.honor_main .list li .photo{ padding: 10px; background:#fff; box-shadow: 0 5px 20px rgba(0,0,0,0.06)}
.honor_main .list li .word .h3{ padding-top: 10px; font-size:16px; text-align: center;transition: all 300ms ease;}
.honor_main .list .slick-arrow{ display: block; position: absolute; cursor: pointer; width: 56px; height: 56px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); border-radius: 100px; background: no-repeat center center; transition: 0.5s}
.honor_main .list .slick-prev{ left: 0; background-image: url(../images/jt_prev.png)}
.honor_main .list .slick-next{ right: 0; background-image: url(../images/jt_next.png)}
.honor_main .list .slick-prev:hover{  background-image: url(../images/jt_prev_on.png)}
.honor_main .list .slick-next:hover{ background-image: url(../images/jt_next_on.png)}
.honor_main .list .slick-arrow:hover{ background-color: #dec281;box-shadow: 0 5px 20px rgba(222,194,129,0.5);}

@media (min-width:1024px) {
.honor_main .list li .word .h3{ opacity: 0; transform: scale(0.5); width: 200%; margin-left: -50%;}
.honor_main .list li.slick-active{ position: relative;}
.honor_main .list li.prevslide,
.honor_main .list li.nextslide{transform: scale(1.8);z-index: 2}
.honor_main .list li.slick-current{transform: scale(2.25); z-index: 3}
.honor_main .list li.slick-current .word .h3{ opacity: 1;}
.honor_main .list .btn{ position: absolute; width: 26%; top: 18%; height: 50%; display: block; cursor: pointer;  z-index: 10}
.honor_main .list .prev{ left: 70px;}
.honor_main .list .next{ right: 70px}
}
@media(max-width:640px){
.honor_main .list .slick-list{padding: 5% 0!important}
.honor_main .list .slick-arrow{ width:40px; height:40px;}
.honor_main .list ul{ padding: 0 40px}
.honor_main .list li .content{ padding: 10px}
.honor_main .list li .photo{ padding: 4px; box-shadow: 0 2px 10px rgba(0,0,0,0.06);}
}


.team_main { padding-bottom: 6%; overflow: hidden}
.team_main .banner{ margin-bottom: -12%;}
.team_main .auto-inner{/* padding-top: 3%; padding-bottom: 3%;*/ position: relative}
.team_main .box{ }
.team_main .fl_txt{width:30.6358%; position: absolute;padding-top:15%}
.team_main .fl_txt .subcolumn,
.team_main .fl_txt .subtitle{padding-left:20%; text-align:left }
.team_main .fr_empty{ float: right; width: 69.3642%;}
.team_main .photo{ /*padding-left:30vw; */padding-bottom: 30px;}
.team_main .list{white-space:nowrap; /*background: #fff*/}
.team_main .list .txt{ text-align: center; padding-top: 20px;}
.team_main .list h5{ font-size: 14px; color: #666666}
.team_main .list h4{ font-size: 16px; color: #000000}
.team_main .item{ display:inline-block; position: relative;text-align:center;}
.team_main .item dl{padding: 25px;}
.team_main .item a{ display: block; transition: 1s; padding: 26px 0;border-radius: 10px;}
.team_main .item a:hover{ background: #fff; box-shadow: 0 5px 30px rgba(0,0,0,0.06)}

@media(max-width:1500px){
.honor_main .subtitle,
.team_main .subtitle{font-size: 27px;}
}
@media(max-width:1366px){
.team_main .item dl{padding: 20px;}
.honor_main .subtitle,
.team_main .subtitle{font-size: 20px;}
}
@media(max-width:768px){
.team_main .item dl{padding: 10px;}
/*.team_main .box{ padding: 0 2%}
.team_main .fl_txt{ position: relative; width: auto}
.team_main .fl_txt .subcolumn,
.team_main .fl_txt .subtitle{ padding-left: 0}*/
/*.team_main .fr_empty{ float: none; width: 100%}*/
/*.team_main .photo{ padding-left: 0!important}*/
}
@media(max-width:768px){
.team_main .banner{ padding-top: 0; background: none}
.honor_main .subtitle,
.team_main .subtitle{font-size: 18px;}
}

@media(max-width:640px){
.team_main .fl_txt{width:45%;}
.team_main .fr_empty{width:55%;}
.team_main .fl_txt .subcolumn,
.team_main .fl_txt .subtitle{padding-left:2%}
.team_main .subtitle{ width:70%}
.team_main .item dl a{background: #fff;box-shadow: 0 0.625rem 1.875rem 0 rgba(0,0,0,.15)}
}
.banner img{ transition: 0.5s}
.banner.div_gray{ background: #000}
.banner.div_gray img{ opacity: 0.7}
/*.banner.div_gray:before{content: "";  position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #000; opacity: 0; -webkit-transition: opacity .7s ease; transition: opacity .7s ease;}*/

.product_info .auto-outer{ display: table;}
.product_info .box{ display: table-cell; vertical-align: middle; padding: 50px 0; line-height: 50px; }
.product_info .box_fl{ width: 50%}
.product_info .box_fl ul li{ display: inline-block; padding-right: 38px;}
.product_info .box_fl ul li.on a{ color: #dec281}
.product_info .box_fl ul li:last-child{ padding-right: 0}
.product_info .box_fr{ background: #f0e3c6; position: relative;}
.product_info .box_fr .info{ position: absolute; width: 100%;; background: #fff; padding: 8%;left:0;bottom:100%}
.product_info .box_fr .txt{ float: left; width: 52%}
.product_info .box_fr .txt .title{ font-size: 36px; color: #000000}
.product_info .box_fr .txt p{ color: #666666; line-height: 24px; min-height: 96px}
.product_info .box_fr .txt span{ display: block; font-size: 14px; padding-left: 28px; background: url(../images/icon.png) no-repeat left}
.product_info .box_fr .pic{ float: right; width: 40.584%; text-align: center}
.product_info .box_fr .contact{ text-align: right; padding-right: 5%}
.product_info .box_fr .contact a{ position: relative; display: inline-block; background-color: #dec281; font-size: 15px; width: 80%; max-width: 150px;text-align: center;transition: 0.5s}
.product_info .box_fr .contact a:before{ content: ''; display: block; right: 0; width: 0; height: 100%; position: absolute; transition: 0.5s}
.product_info .box_fr .contact a:hover:before{ width: 100%; left: 0; background-color: #000}
.product_info .box_fr .contact a:hover{ color: #fff}
.product_info .box_fr .contact b{ position: relative; z-index: 2; font-weight: normal}
.product_details{ background-color: #f8f8f8; padding: 3% 0}
.product_details .auto-inner{ display: table; min-height: 576px;}
.product_details .box{ display: table-cell; vertical-align: middle; line-height: 36px; }
.product_details .box_fl{ width: 20%; border-right: solid 1px #dfdfdf}
.product_details .box_fl ul li{ padding: 5px 0}
.product_details .box_fl ul li a{ display: inline-block;cursor: pointer; position: relative;}
.product_details .box_fl ul li a:after{ content: ''; width: 0; height: 2px; position:absolute; left: 0; display: block; transition: 0.4s}
.product_details .box_fl ul li a:hover{ color: #dec281;}
.product_details .box_fl ul li.show a{ color: #dec281;}
.product_details .box_fl ul li.show a:after{ width: 100%; background-color: #dec281}
.product_details .title{ font-size: 18px; padding: 20px 0}
.product_details .article{ color: #666666; width: 76%; margin: auto;}
@media(max-width:1200px){
.product_info .box_fr .txt .title{ font-size: 26px;}
.product_info .box{ padding: 20px 0; line-height: 40px;}
.product_info .box_fr .info{ padding: 5%}
.product_info .box_fr .txt{ font-size: 14px;}
}
@media(max-width:768px){
.product_info .box_fr .contact a{width:100%;max-width:100%;}
.product_details .box_fl ul li a:after{bottom:-6px;}
.product_info .box_fl,
.product_info .box_fr{ display: block; width: 100%}
.product_info .box_fl { border-bottom: solid 2px #f0e3c6;}
.product_info .box_fl ul li{ font-size: 16px; padding-right: 20px;}
.product_info .box_fr .txt .title{ font-size: 22px;}
.product_info .box_fr .info{ position: relative; bottom: auto!important; padding: 2% 0}
.product_info .box_fr{ padding: 0; background: none}
.product_info .box_fr .contact{ padding: 10px 0 0 0j;position:fixed;left:0;bottom:0;width:100%;padding-right:0;}
.product_details .auto-inner{ min-height: inherit}
.product_details .article{ width: 90%}
}
@media(max-width:640px){
.product_info .box_fr .txt,
.product_info .box_fr .pic{ width: 100%; float: none}
.product_info .box{ padding: 2%}
.product_details .box{ line-height: 24px;}
.product_details .box_fl,
.product_details .box_fr{ display: block; width: 100%}
.product_details .box_fl{ border-bottom: solid 1px #dfdfdf; border-right:none;}
.product_details .box_fl ul li{ display: inline-block; font-size: 16px;; min-width: 30%;line-height:2;}
.product_details .article{ padding: 3% 0; width: 100%;margin-bottom:40px;}
}

.problems_main .intro{ background: #fff; position: relative; margin-top: -6%; padding: 3% 5%; box-shadow: 0 5px 30px rgba(0,0,0,0.06)}
.problems_main .intro .subtitle{ padding-bottom: 0}
.problems_main .intro .txt{ line-height: 30px; max-width: 767px; padding: 1.6% 0}
.problems_main .list{ padding-top: 6%}
.problems_main .list ul li{ float: left; width: 30.264%; margin-left: 4.604%; margin-bottom: 1.6%; position: relative}
.problems_main .list ul li a{ display: block; cursor: pointer;}
.problems_main .list ul li .pic{ padding-bottom:60.87%; position: relative}
.problems_main .list ul li .pic img{ max-width: 100%; max-height: 100%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.problems_main .list ul li h4{ padding: 20px 0; text-align: center; height:55px;overflow: hidden; color: #666666}
.problems_main .list ul li .box{ display: none;top: 7%; width: 125%; z-index: 10; position: absolute; padding: 20px; }
.problems_main .list ul li .box:before{ content: ''; position: absolute; border: solid 16px transparent; }
.problems_main .list ul li .txt{ background: #fff; padding: 10%; font-size: 14px; color: #666666; line-height: 30px;min-height: 200px;box-shadow: 0 5px 30px rgba(0,0,0,0.06)}
.problems_main .list ul li.show{ z-index: 10}
@media(min-width:768px){
.problems_main .list ul li:nth-child(3n+1){ margin-left: 0; clear: both}
.problems_main .list ul li:nth-child(3n+1) .box{left: 83%;}
.problems_main .list ul li:nth-child(3n+2) .box{left: -12.5%; top:60%; }
.problems_main .list ul li:nth-child(3n+3) .box{right: 83%;}
.problems_main .list ul li:nth-child(3n+1) .box:before{border-right-color: #fff;left: -12px; top: 20%;}
.problems_main .list ul li:nth-child(3n+2) .box:before{border-bottom-color: #fff; left: 45%; top: -12px}
.problems_main .list ul li:nth-child(3n+3) .box:before{border-left-color: #fff;right: -12px; top: 20%;}
}
@media(max-width:768px){
.problems_main .list ul li{ width: 49%; margin-left: 2%;}
.problems_main .list ul li:nth-child(2n+1){ margin-left: 0; clear: both}
.problems_main .list ul li .box{ width: 204%; top: 40%}
.problems_main .list ul li:nth-child(2n+1) .box{ left: 0}
.problems_main .list ul li:nth-child(2n+2) .box{ right: 0}
.problems_main .list ul li .box:before{border-bottom-color: #fff; top: -12px}
.problems_main .list ul li:nth-child(2n+1) .box:before{ left: 10%;}
.problems_main .list ul li:nth-child(2n+2) .box:before{ right: 10%;}
.problems_main .list ul li h4{height:53px;padding:0;margin:7px 0;}
.problems_main .list ul li .txt{ max-height: 240px; overflow-y: auto; border: solid 20px #fff; padding: 0}
}

.contact_main{ height:100vh; position: relative;}
.contact_main .contact{ width: 32.5805%; height: 100%; left: 3.757%; position:absolute; z-index: 1;background-color: #fff;}
.contact_main .auto-outer{ height: 100%}
.contact_main .box{  padding-top:200px; width: 75%; height: 100%; margin: auto}
.contact_main .info{ padding-top: 5%}
.contact_main .info ul{ font-size: 14px; color: #999999}
.contact_main .info ul li{ padding: 10px 0}
.contact_main .info ul li b,
.contact_main .info ul li span{display: block; color: #333}
.contact_main .info ul li b{ font-size: 30px; font-family: fantasy; font-weight: normal}
.contact_main .info ul li span{ font-size: 18px;}
.contact_main .info ul li.pic span{ padding-top: 20px;}
.contact_main .info ul li img{ width: 130px; border: solid 5px #fff; box-shadow: 0 0 0 1px #cccccc}
.contact_main #allmap_2{ width: 100%; height: 100%;}
.contact_main #allmap_2 img{ max-width: none}
@media(max-width:1024px){
.contact_main .info ul li b{ font-size: 20px; }
.contact_main .info ul li span{ font-size: 16px;}
}
@media(max-width:1024px){
.contact_main{ height: auto}
.contact_main .contact{ position: relative; height: auto; width: auto; left: auto}
.contact_main .box{ padding-top: 120px;}
.contact_main .info{ padding-top: 0}
.contact_main #allmap_2{ height: 500px}
}
@media(max-width:640px){
.contact_main #allmap_2{ height:320px}
.contact_main .box{ padding-top: 60px; width: 92%}
.contact_main .info ul li{ padding: 5px 0}
.contact_main .info ul li.pic span{ padding-top: 5px}
.contact_main .subcolumn,
.contact_main .subtitle{ padding-bottom: 0}
}
.news_main .list{ padding-top: 3%}
.news_main .list ul li{ float: left; width: 30.264%; margin-left: 4.604%; margin-bottom:2%; position: relative}
.news_main .list ul li a{ display: block; cursor: pointer;}
.news_main .list ul li .pic{ padding-bottom:60.87%; position: relative}
.news_main .list ul li .pic img{ max-width: 100%; max-height: 100%; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.news_main .list ul li h4{ padding-top: 20px}
.news_main .list ul li .p{ line-height: 20px; height: 40px; font-size: 14px; color: #999}
@media(min-width:768px){
.news_main .list ul li:nth-child(3n+1){ margin-left: 0; clear: both}
}
@media(max-width:768px){
.news_main .list ul li{ width: 49%; margin-left: 2%;}
.news_main .list ul li:nth-child(2n+1){ margin-left: 0; clear: both}
}

.article_info{ margin-top: -7%; background: #fff; position: relative; padding: 2% 5%}
.article_info .title{ position: relative; padding-right: 80px;}
.article_info .title h1{ font-size: 32px; color: #000}
.article_info .title span{ font-size: 14px; color: #999; padding: 0px 10px; display: inline-block}
.article_info .title span.time{ display: none}
.article_info .title span.hits{ position: absolute; right: 0; top: 0; background: url(../images/like_icon.png) no-repeat left; background-size: 20px; padding-left: 30px;}
.article_info .info{ padding: 3% 0; min-height: 200px;}
@media(max-width:1200px){
.article_info .title h1{ font-size: 28px;}
}
@media(max-width:768px){
.article_info .title h1{ font-size: 20px;}
}

.search_list { padding-top: 3%}
.search_list li{ position: relative; padding: 5px 0 5px 20px; border-bottom: dashed 1px #dedede}
.search_list li:before{ content:'' ; left: 2px; position: absolute; width: 6px; height: 6px; top: 50%; margin-top: -3px; background-color: #dec281; display: block; transform: rotate(45deg);}
.search_list time{ float: right; font-size: 14px; color: #999}

.single_main .web_link{ padding-top: 130px;}
.single_main .web_link .logo{ display: none}

.web_link li{ padding:10px 0; border-bottom:dotted 1px #e4e4e4}
.web_link li b{ display:block; font-weight:normal;}
.web_link li span{ opacity:0.8; display:inline-block; white-space:nowrap; padding-right:20px;}


.link_list ul li{ float: left; width: 25%; padding: 1%;}
.link_list ul li a{ display: block; border: solid 1px #eee; background-color: #fff; padding: 10px;}
.link_list ul li .photo{ overflow: hidden}
.link_list ul li span{ display: block; padding-bottom: 38%; background: no-repeat center center; background-size: contain}
.link_list ul li h4{ padding: 10px 0; font-size: 16px; text-align: center}
@media(max-width:640px){
.link_list ul li{ width: 50%}
}

.single_other .main { background: #fff; margin-top: -6%; padding: 3%; position: relative}

.Pages{ text-align: center; padding: 5% 0; font-size: 14px;}
.Pages span{ display: none}
.Pages span.p_page{ display: block}
.Pages em{ font-style: normal}
.Pages em a{ margin: 0 2px}
.Pages a{ padding: 5px 15px; display: inline-block; color: #fff; background: #000}
.Pages a.a_cur{ background: #dec281}
@media(max-width:768px){
.Pages a.a_first,
.Pages a.a_end{ display: none}
}

/*home*/
.home_logo{position: fixed; width: 100%; height: 100%; z-index: 101;
    -moz-animation: cssAnimation 0s ease-in 2s forwards;
    -webkit-animation: cssAnimation 0s ease-in 2s forwards;
    -o-animation: cssAnimation 0s ease-in 2s forwards;
    animation: cssAnimation 0s ease-in 2s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        opacity: 0;
        z-index: 0;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        opacity: 0;
        z-index: 0;
    }
}
.home_logo .logo{ position:absolute; width: 200px; height: 200px; left: 0; top: 0; right: 0; bottom: 0; margin:auto;animation:
mymove 1s infinite;
-webkit-animation:mymove 1s infinite;
animation-iteration-count:1;
-webkit-animation-iteration-count:1;
}
@keyframes mymove
{
from {width: 100px; height: 100px;}
to {width: 200px; height: 200px;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {width: 100px; height: 100px;}
to {width: 200px; height: 200px;}
}

.home_pro{left: 3.757%; top: 130px; position: absolute; z-index: 10; transform: scale(0);
-webkit-animation:load 1s ease-in-out 0s 1 alternate forwards;
animation-delay:3s;
-webkit-animation-delay:3s;
}
.home_pro a{ display: inline-block;}
.home_pro .pic{ position: absolute; width: 70px; height: 70px;}
.home_pro .pic img{ border-radius: 100px;}
.home_pro .txt{ line-height: 70px; padding-left: 87px;color: #000; /* text-shadow: #000 0 0 1px */}
@-webkit-keyframes load{
    0%{
      transform: scale(0);
    }
       100%{
     transform: scale(1);
    }
}


.home_btn{left: 3.757%; bottom: 45px; position: absolute; z-index: 10 }
.home_btn .box{ left: 60px; position: absolute;bottom: 66px; width: 200px;}
.home_btn dl{ line-height: 40px; display: inline-block; position: relative; padding: 0px 10px;}
.home_btn a{ cursor: pointer;display: inline-block; line-height: 15px; color: #fff; text-shadow: #fff 0 0 0.1em}
.home_btn dd{ display: none; position: absolute; bottom: 50px; width: 132px; padding: 5px; background:#fff; border: solid 1px #ddd;}


.home_photo{position: fixed; width: 100%; height:calc(100% - 66px); z-index: 1;overflow: hidden;}
.home_photo .slick-list,
.home_photo .slick-track,
.home_photo li.slick-slide,
.home_photo ul.slider{height: 100%;}
.home_photo li.slick-slide{position: relative; background: #ccc;}
.home_photo li.slick-slide img{display: block;width: 100%;}
.home_photo li.slick-slide video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%);min-height: 100%; min-width: 100%;}
@media(min-width:1025px){
.home_photo  li.slick-slide img.wap{display: none;}
}
/*@media(max-width:1024px){
.wap-open-video{ width: 50px; height: 50px; display: none; margin: 5vw auto 0;background: url(../images/videoplay_icon.png) no-repeat center center;background-size: contain;}
}*/

.home_photo  .info{ position: absolute; width: 100%; top:50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); text-align: center; color: #fff; z-index: 12;}
.home_photo  .info h2,
.home_photo  .info h3{ padding: 0; margin: 0; font-weight: normal; color: #fff; text-shadow: #fff 0 0 1px}
.home_photo  .info h2{font-size: 60px;}
.home_photo  .info h2 em{ font-size: 110px; padding-left: 10px; padding-right: 20px; font-weight: bold;}
.home_photo  .info h3{font-size:58px;font-weight:bold;}
.home_photo .photo_wap{ display: none}

.home_photo .slick-prev,
.home_photo  .slick-next{ top: auto; bottom: 40px; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
.home_photo .slick-prev{left: 3.757%;}
.home_photo .slick-next{right: 3.757%;}

.home_photo .name{position: absolute; left: 50%; transform: translateX(-50%);color: #fff; z-index: 20; bottom: 160px;color: #fff; font-size: 12px;}
.home_photo .link-url{ position: absolute;left: 50%; transform: translateX(-50%); bottom: 40px;z-index: 50;}
.home_photo .link-url a{color: #fff; overflow: hidden; position: relative; display: block; margin: auto; width: 153px; line-height: 45px; text-align: center;background-color: #dec281; border-radius: 100px;transition: 0.5s;}
.home_photo .link-url a:before,
.home_photo .link-url a:after{ transition: 0.5s; position: absolute; display: block; top: 22px; right: -22px; height: 1px; height: .0625rem; width: 8px; width: .5rem; content: ""; background-color: #fff; transform-origin: center right;}
.home_photo .link-url a:before { transform: rotate(45deg);}
.home_photo .link-url a:after { transform: rotate(-45deg);}
.home_photo .link-url a:hover{ color: #333; text-indent: -10%;}
.home_photo .link-url a:hover:before,
.home_photo .link-url a:hover:after{ right: 22px;}
@media(max-width:1025px){
.home_photo  .info h2{font-size: 50px;}
.home_photo  .info h2 em{ font-size: 60px;}
.home_photo  .info h3{font-size:42px}
}

.current-dot{position: absolute; bottom: -572px; left: 50%;  margin-left: -353px; z-index: 20;}
.current-dot .inner{position: relative; transition: 0.5s; }
.current-dot .inner > svg{width: 706px; height: 718px;position: relative; z-index: 10;}
.current-dot .line-group{position: absolute;top: 0;left: 0; width: 100%; height: 100%; z-index: 0;}
.current-dot .line{width: 0; /*transition-property: height,width; transition-duration: 10s;*/ transition-timing-function: linear;position: absolute; overflow: hidden;}
.current-dot .line svg{display: block;}
.current-dot svg path.click{cursor: pointer; }

.current-dot .line-1{left: 367px;top: 6px;}
.current-dot .line-1.active,
.current-dot .line-1 aside{width: 181px;}
.current-dot .line-1 svg{width: 181px; height: 60px;}

.current-dot .line-2{left: 570px;top: 81px;}
.current-dot .line-2.active,
.current-dot .line-2 aside{width: 114px;}
.current-dot .line-2 svg{width: 114px; height: 156px;}

.current-dot .line-3{width: 15px;left: 690px;top: 261px; height: 0;}
.current-dot .line-3.active{height: 193px;}
.current-dot .line-3 aside svg{width: 15px; height: 193px;}

.current-dot .line-4{right: 22px;width: 114px;height: 0;top: 479px;}
.current-dot .line-4.active{height: 157px;}
.current-dot .line-4 svg{width: 114px; height: 157px;}

.current-dot .line-5{width: 183px;height: 0;right: 157px;top: 649px;}
.current-dot .line-5.active{height: 61px;}
.current-dot .line-5 aside{width: 183px;position: absolute;right: 0;top: 0;}
.current-dot .line-5 svg{width: 183px;height: 61px;}

.current-dot .line-6{width: 184px;height: 0;right: 366px;bottom: 15px;}
.current-dot .line-6.active{height: 62px;}
.current-dot .line-6 aside{width: 183px;position: absolute;right: 0;bottom: 0;}
.current-dot .line-6 svg{width: 183px;height: 62px;}

.current-dot .line-7{right: 569px;width: 115px;height: 0;bottom: 91px;}
.current-dot .line-7.active{height: 157px;}
.current-dot .line-7 aside{position: absolute;right: 0;bottom: 0; width: 115px;}
.current-dot .line-7 svg{width: 115px; height: 157px;}

.current-dot .line-8{width: 15px;height: 0;left: 1px;bottom: 270px;}
.current-dot .line-8.active{height: 193px;}
.current-dot .line-8 aside{width: 15px; position: absolute;right: 0;bottom: 0;}
.current-dot .line-8 svg{width: 15px; height: 193px;}

.current-dot .line-9{width: 114px;height: 0;left: 21px;bottom: 488px;}
.current-dot .line-9.active{height: 156px;}
.current-dot .line-9 aside{width: 114px;position: absolute;bottom: 0;}
.current-dot .line-9 svg{width: 114px; height: 156px;}


.current-dot .line-10{ left: 157px;top:6px;}
.current-dot .line-10.active,
.current-dot .line-10 aside{width: 183px;}
.current-dot .line-10 svg{width: 183px; height: 60px;}

@media(max-width:640px){
.current-dot{transform: scale(0.7) translateY(-20vw);}
.home_photo .link-url{bottom: 4vw;}
.home_photo .link-url a{ width: 40vw;line-height: 10vw;}
.home_photo .name{bottom: 27vw; font-size: 3vw;}
 .home_photo .slick-prev,
.home_photo .slick-next{bottom: 26vw; }
.home_pro{top: 6vw;margin-top: 80px;}
.home_pro .pic{width: 50px; height: 50px;}
.home_pro .txt{line-height: 50px;padding-left: 70px;}
.home_photo  .info h2{font-size: 7vw;}
.home_photo  .info h2 em{ font-size: 14vw;}
.home_photo  .info h3{font-size: 5vw;}
.home_photo .photo_wap{ display:block; height: 100%; background: no-repeat center center; background-size: cover;}
.home_photo video{ display: none}
.home_photo li.slick-slide{ background: none}
.home_btn {display: none;}
.current-dot .line.active{transition-duration: 5s!important; transition-property: all;}
}

.banner-loading{background: #dfc27f;position: absolute; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; display: flex;align-items: center;justify-content: center;}
.circle {
    stroke-dasharray: 10 500;
    stroke-alignment: inner;
}
.rotate {
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
.stroke-spacing {
    -webkit-animation-name: stroke-spacing;
    animation-name: stroke-spacing;
    -webkit-animation-duration: 6.6s;
    animation-duration: 6.6s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-transform-origin: center center;
    transform-origin: center center;
}
@-webkit-keyframes stroke-spacing {
    0% {
        stroke-dasharray: 0 500;
    }
    90% {
        stroke-dasharray: 250 500;
    }
    100% {
        stroke-dasharray: 250 500;
    }
}
@keyframes stroke-spacing {
    0% {
        stroke-dasharray: 0 500;
    }
    90% {
        stroke-dasharray: 250 500;
    }
    100% {
        stroke-dasharray: 250 500;
    }
}

.Other002638 ul{ position:fixed; right:2%; z-index:110; top:50%; margin-top:-122px;}
.Other002638 li{ position:relative; margin:1px 0;}
.Other002638 li > a{ display:block; width:60px; padding: 10px 0; border-radius:3px; background: #000; transition:0.3s; text-align: center}
.Other002638 li > a:hover{ background-color:#f19e4d;transition:.3s}
.Other002638 li aside{ display:none; position:absolute; right:100%; line-height:52px; white-space:nowrap; text-overflow:ellipsis; top:0; margin-right:1px;border-radius:3px; padding:0 10px; font-size:16px; color:#fff;}
.Other002638 li aside a{ display: block; color: #fff; padding-left: 40px; background: url(../images/kefu_qq2.png) no-repeat left;transition:.3s}

.Other002638 li.li_qq aside{padding:0;}
.Other002638 li.li_qq aside a{padding:0 10px 0 50px;background:#000 url(../images/kefu_qq2.png) no-repeat 10px center;border-bottom:1px solid #333;font-size:14px;}
.Other002638 li.li_qq aside a:hover{background-color:#f19e4d;color:#fff;transition:.3s}
.Other002638 li.li_weixin aside{ width: 140px; padding: 10px}
.Other002638 li:hover aside{ display:block;}
@media(max-width:640px){
.Other002638 ul{ top:auto; margin-top:0; bottom:20%;}
.Other002638 li > a{ width:40px;padding: 5px 0;}
}



/* .svc_cont .auto{ background:#fff; padding:2% 2% 4%; box-shadow:0 0 10px 2px #eee; border-radius:22px}  */
.svc_cont .right .site{text-align: right; font-size: 14px;color: #666;border-bottom: 1px solid #dcdcdc;}
.svc_cont .right .site a{color: #666; padding: 20px 0; display: inline-block;}
.svc_cont .right .site a:first-child{padding-left: 26px;background: url("../images/page-location.png") no-repeat left center; background-size: 100% contain;}
.svc_cont .right .site a.active,.svc_cont .right .site a:hover{color: #caae6d;}

.svc_cont .right .title{text-align: center; padding: 20px 0;padding-bottom: 20px;position: relative;font-size: 32px;color: #caae6d;font-weight:bold;}
/* .svc_cont .right .title .bl{display: block;position: absolute;bottom: 0;left: 0;right: 0; margin: auto; width: 46px;  height: 2px;  background-color: #1868b3;} */
.svc_cont .right .titles{font-size:20px;color: #caae6d;text-align: center;}


.svc_cont .right .desc{	background-color: #fdfcf9;  border-radius: 10px;padding: 30px 30px 40px 30px;font-size: 16px;line-height: 32px; color: #000000;    margin-top:30px;border:1px dashed #caae6d;}

.svc_cont .right .part_l{height: 1px;border: solid 1px #caae6d;opacity: 0.1;margin-top: 50px;margin-bottom: 60px;}
.svc_cont .right .classify {padding-left: 20px;	font-size: 20px;color: #caae6d;position: relative;font-weight:bold}
.svc_cont .right .classify .icon{position: absolute;width: 6px;height: 6px;border-radius: 50%;top: 0;bottom: 0;left: 0;margin: auto;background-color: #ca9a46;}
.svc_cont .right .classify.c1{color: #caae6d;}
.svc_cont .right .classify.c2{color: #caae6d;}
.svc_cont .right .classify.c3{color: #caae6d;}
.svc_cont .right .classify.c1 .icon{background-color: #caae6d;}
.svc_cont .right .classify.c2 .icon{background-color: #caae6d;}
.svc_cont .right .classify.c3 .icon{background-color: #caae6d;}

.svc_cont .right .center{text-align: center;margin-top: 50px;}
.svc_cont .right .p{font-size: 16px;line-height: 32px;color: #000;margin-bottom: 0;padding-left: 20px;}
.svc_cont .right .p b{color: #caae6d;}


.svc_cont .right .range{padding-left: 20px;	font-size:16px;color: #000;line-height: 32px;margin-top: 30px;}
.svc_cont .right .range .label{color: #1968b3;}

.svc_cont .right .super{padding-left: 20px;	margin-top: 15px;	font-size: 16px;line-height: 32px;color: #000;}
.svc_cont .right .super li{padding-left: 34px;background: url("../images/svc6.png") no-repeat left 11px; background-size: 100% contain;}


.Joinin_box{ padding: 5% 0;}
.Joinin_box .txt{ font-size: 16px; line-height: 30px; color: #333;}
.Joinin_box1 .txt{ width: 50%;}
.Joinin_box1 .txtUl{ padding-top: 1%;}
.Joinin_box1 .txtUl li{ position: relative; padding-left: 40px; margin-bottom: 3%;}
.Joinin_box1 .txtUl .num{ position: absolute; left: 0; top: 0; font-size: 18px; color: #000; font-family: arial;}
.Joinin_box1 .txtUl .num::before{ content: ''; position: absolute; right: -3px; bottom: 2px; width: 15px; height: 15px; background-color: #dec281; border-radius: 100%; z-index: -1;}
.Joinin_box1 .img{ width: 40%;}

.Joinin_box2{ background-color: #dec281;}
.Joinin_box2 .txt{ width: 55%;}
.Joinin_box2 .img{ width: 40%;}
.Joinin_box2 .txt .tit{ font-size: 30px; color: #333333;}
.Joinin_box2 .txt .text{ margin: 5% 0;}
.Joinin_box2 .txt .text:last-child{ margin-bottom: 0;}

.Joinin_box3_txt .text{ font-size: 16px; line-height: 36px; margin: 0 0 2%; color: #666;}
.Joinin_box3_txt .title{ margin: 0 0 3%; font-size: 30px; color: #caae6d;}
.Joinin_box3_txt dl{ margin-bottom: 3%;}
.Joinin_box3_txt dd{ width: 50%;}
.Joinin_box3_txt .txt{ width: 97%; position: relative; background-color: #fefcf6; height: 100%; padding: 5% 8%; overflow: hidden;}
.Joinin_box3_txt dd:last-child .txt{ margin-left: 3%;}
.Joinin_box3_txt .num{ position: absolute; right: 7%; bottom: -41px; font-size: 120px; color: #000; opacity: .05; line-height: normal; font-style: normal; transform: skewX(-10deg); font-weight: normal;}
.Joinin_box3_txt .txt h3{ font-size: 24px; font-weight: normal; margin: 0; color: #000;}
.Joinin_box3_txt .txt p{ min-height: 60px; margin: 3% 0 0;}


@media(max-width:640px){
.Joinin_box .txt,
.Joinin_box .img{ width: 100%!important; float: none;}
.Joinin_box .txt{ font-size: 14px; line-height: 24px; margin-bottom: 5%;}
.Joinin_box3{padding-bottom: 160px;}
.Joinin_box2 .txt .tit,
.Joinin_box3_txt .title{ font-size: 26px;}
.Joinin_box3_txt dd{ width: 100%; display: block;}
.Joinin_box3_txt dd:last-child{ margin-top: 3%;}
.Joinin_box3_txt .txt{ width: 100%; margin: 0!important;}
.Joinin_box3_txt .txt h3{ font-size: 18px;}
.Joinin_box3_txt .num{ font-size: 100px; bottom: -35px;}
.Joinin_box3_txt .text{ font-size: 14px; line-height: 24px;}
}


.Notice{ padding: 3% 0;}
.Notice .txt{ font-size: 16px; line-height: 30px; color: #333;}
.Notice .txt{ width: 50%;}
.Notice .txtUl{ padding-top: 1%;}
.Notice .txtUl li{ position: relative; padding-left: 40px; margin-bottom: 2%;}
.Notice .txtUl .num{ position: absolute; left: 0; top: 0; font-size: 18px; color: #000; font-family: arial; z-index: 2}
.Notice .txtUl .num::before{ content: ''; position: absolute; right: -3px; bottom: 2px; width: 15px; height: 15px; background-color: #dec281; border-radius: 100%; z-index: -1;}
.Notice .img{ width: 40%;}


/*
 .RighInfo002228 为demo编号
 */
.RighInfo002228{ padding:0% 0;}
.RighInfo002228 .auto{ max-width:1520px;margin:0 auto;}
.RighInfo002228 .single-header{ text-align:center;}
.RighInfo002228 .single-header h1{ color:#caae6d; font-size:26px; margin:0 0 10px 0; }
.RighInfo002228 .single-header h3{color:#815122; font-size:16px; margin:0; font-weight:normal; position:relative;}
.RighInfo002228 .single-header h3:after{ content:""; display:block; height:1px; background-color:#f3eee9; width:100%; z-index:1; margin-top:15px;}
.RighInfo002228 .single-header h3 span{ position:relative; z-index:2; padding:0 30px; background-color:#fff;}
.RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:#666; padding-top:2%;}
.RighInfo002228 .single-content p{font-size:16px;line-height: 30px;color:#333; margin:0; padding:10px 0;}
.RighInfo002228 .single-content .p1{font-size:24px;margin-top:1%;}
.RighInfo002228 .single-content .no-textindent{ text-indent:0;}
.RighInfo002228 .fr{ float:none;}
.RighInfo002228 .col2+.col2{ margin-top:10px;}
@media(max-width:950px){
  .RighInfo002228 .auto{ padding:0 2%;}
}
@media screen and (min-width:465px){
    .RighInfo002228 .col2{ width:48%;}
	.RighInfo002228 .fr{ float:right;}
	.RighInfo002228 .col2+.col2{ margin-top:0;}
}
@media screen and (min-width:768px){
  .RighInfo002228 .single-header h1{ font-size:24px;}
  .RighInfo002228 .single-header h3{ font-size:18px;}
  .RighInfo002228 .single-content p{ padding:10px 0;} 
  .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;}
  
}
@media screen and (min-width:1024px){
  .RighInfo002228 .single-header h1{ font-size:30px;}
}


.copyright.fixed{position: fixed;}
.copyright{ font-size: 13px;  bottom: 0; width: 100%; z-index: 10;padding:10px 0;background:#222;}
.copyright,
.copyright a{ color: #999999}
.copyright span{ float: right;}
.copyright span .wanhu{ margin-left: 10px;}
@media(max-width:640px){
    .copyright{text-align: center;}
    .copyright span,.copyright, .copyright a{float: none; width: 100%; text-align: center; display: block;}
}