@charset "utf-8";

/**
 * .c-z-1 {
	color: #01a1e9;
}

.c-z-2 {
	color: #0874c3;
}

.c-z-3 {
	color: #376ae6;
}

 ***/

/* 英文 */
@font-face {
	font-family: 'en1';
	src: url('../font/BEBAS.TTF');
	font-weight: normal;
	font-style: normal;
	font-stretch: ultra-expanded;
	/*定义字体符合拉伸*/
}

@font-face {
	font-family: 'en2';
	src: url('../font/timesbd.ttf');
	font-weight: normal;
	font-style: normal;
	font-stretch: ultra-expanded;
	/*定义字体符合拉伸*/
}

@font-face {
	font-family: 'en3';
	src: url('../font/AgencyFB.ttf');
	font-weight: normal;
	font-style: normal;
	font-stretch: ultra-expanded;
	/*定义字体符合拉伸*/
}


/* 数字 */
@font-face {
	font-family: 'num1';
	src: url('../font/UBTECH-Regular.otf');
	font-weight: normal;
	font-style: normal;
	font-stretch: ultra-expanded;
	/*定义字体符合拉伸*/
}

@font-face {
	font-family: 'num2';
	src: url('../font/DIN-Bold.otf');
	font-style: normal;
	font-stretch: ultra-expanded;
	/*定义字体符合拉伸*/
}
/*new*/
@media(min-width:1200px){
::-webkit-scrollbar{width:8px; height:8px; background:#ffffff;}
::-webkit-scrollbar-thumb{background:#f20f0f;}
::-webkit-scrollbar-track-piece{width:8px; height:8px;}
}

*,
*:before,
*:after{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
*{outline:none; font-family:Arial, Helvetica, Microsoft YaHei;}
*[hide]{display:none;}
*::-webkit-input-placeholder{color:#181818; opacity:.68;}
*::-moz-input-placeholder{color:#181818; opacity:.68;}
*::-ms-input-placeholder{color:#181818; opacity:.68;}

/*html,body{margin:0; width:100%; min-height:100%; word-wrap:break-word; word-break:break-all; 
background:#ffffff; font-size:14px; font-weight:400; line-height:1.5; color:#181818;}*/

dir,ul,ol,li{margin:0; padding:0; list-style:none;}
form{margin:0; padding:0;}
p,dl,dt,dd{margin:0; padding:0;}

img{border:none;}
p>img{max-width:100%;}
ins{text-decoration:none;}
a{text-decoration:none; color:#181818; transition:.3s;}
a:hover{color:#f20f0f;}
a[button="button"]{display:inline-block; padding:4px 18px; border-radius:4px; background:#f20f0f; color:#fff;}
a[button="button"] *{cursor:pointer;}
a[button="button"]:hover{opacity:.8; box-shadow:0 0 5px rgba(0,0,0,0.1);}
@media(max-width:767px){
a[button="button"]{padding:2px 12px; border-radius:2px;}
}

/*h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:400;}
h1{font-size:28px;}
h2{font-size:21px;}
h3{font-size:16px;}
h4{font-size:15px;}
h5{font-size:13px;}
h6{font-size:12px;}

table,tbody{width:100%; border-collapse:collapse;}
tr{background:#fff; transition:.3s;}
tr:hover{background:#f8f8f8;}
th{background:#fcfcfc;}
th,td{border:1px solid #f0f0f0; padding:8px; text-align:left;}*/

section{display:block;}

article{display:block; max-width:100%; margin:0 auto;}
article:after{display:block; content:''; clear:both;}
article iframe,
article video,
article img{max-width:100%;}
@media(min-width:1200px){
article{padding:0 28px; width:1388px;}
}
@media(max-width:1199px){
article{padding:0 18px;}
}
@media(max-width:767px){
article{padding:0 8px;}
}

/*aside iframe,
aside video,
aside img{max-width:100%;}
aside:after{display:block; content:''; clear:both;}

dir{display:block;}
dir>ol{margin:0 -4px; text-align:center; font-size:0;}
dir>ol>li{display:inline-block; margin:4px;}
dir>ol>li>a{display:block; padding:2px 8px; border-radius:3px; border:1px solid #f0f0f0; font-size:14px;}
dir>ol>li>a.on,
dir>ol>li>a:hover{background:#f20f0f; border-color:#f20f0f; color:#fff;}
dir>ol>li>a.on,
dir>ol>li>a.no{cursor:no-drop;}
@media(max-width:767px){
dir>ol{margin:-3px;}
dir>ol>li{display:inline-block; margin:3px;}
dir>ol>li>a{display:block; padding:0 8px; border-radius:2px;}
}*/


select,
textarea,
input[type=file],
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email]{display:block; width:100%; margin:0; transition:.3s;  padding:8px 12px; border-radius:3px; 
background:#fff; border:1px solid #e8e8e8; line-height:1.5; height:39px; font-size:14px;}
select[multiple],
textarea{height:102px;}
select:hover,
textarea:hover,
input[type]:hover,
div.file_input>input[type=file]:hover+input[type=text],
select:focus,
textarea:focus,
input[type]:focus,
div.file_input>input[type=file]:focus+input[type=text]{box-shadow:0 0 8px rgba(0,0,0,.08);}

/*h6.alert{position:fixed; top:0; left:0; right:0; z-index:8888888; opacity:0; user-select:none; pointer-events:none; text-align:center; background:none !important;}
h6.alert.on{top:20px; opacity:1; transition:0.3s;}
h6.alert>b{display:inline-block; font-weight:normal; position:relative; padding:13px 20px 13px 48px; text-align:left; max-width:500px; background:#fff; border:1px solid #e4e7ed; box-shadow:0 0 12px rgba(0,0,0,.12); border-radius:6px; font-size:14px; line-height:22px; }
h6.alert>b:before{position:absolute; top:14px; left:16px; font-family:'FontAwesome'; content:"\f128"; width:20px; height:20px; border-radius:50%; line-height:20px; text-align:center; background:#d8d8d8; color:#fff;}
h6.alert.red>b:before{background:#fd4e5e; content:"\f12a";}
h6.alert.green>b:before{background:#13ce67; content:"\f00c";}
h6.alert.brown>b:before{background:#a5692d; content:"\f129";}
h6.alert.yellow>b:before{background:#ffd700; content:"\f129";} 
h6.alert.blue>b:before{background:#1880ff; content:"\f00c";}
h6.alert.gold>b:before{background:#edc86c; content:"\f129";}
@media(max-width:767px){
h6.alert>b{max-width:100%;}
}

dl.form8 input[name^="params"][type="file"]{opacity:0;}*/
div.file_input{display:block; position:relative;}
div.file_input>input[type=file]{position:absolute; z-index:2; top:0; left:0; height:100%; opacity:0; cursor:pointer;}
div.file_input>input[type=text]{padding-left:60px; cursor:pointer;}
div.file_input>i{position:absolute; z-index:1; background:#f8f8f8; cursor:pointer; border-right:1px solid #e8e8e8; top:1px; left:1px; bottom:1px; text-align:center; width:48px; font-size:16px;}
div.file_input>i:before{position:absolute; top:50%; left:0; right:0; line-height:16px; margin-top:-8px;}
code.tights>select+select{margin-top:2px;}

section.copyright{background:#000; padding:8px 0; text-align:center; color:#fff;}
section.copyright a{color:#fff;}
div[comment]{background:#fff;}
div[comment] div{display:block;}
div[comment] div>textarea{display:block; border:1px solid #b8b8b8; height:88px;}
div[comment] div>p{margin-top:18px;}
div[comment] div>p>button{cursor:pointer; border:none; color:#fff; line-height:28px; padding:2px 18px 0 18px; border-radius:18px; background:#585858; transition:.3s;}
div[comment] div>p>button:hover{background:#f20f0f;}
div[comment] div>p>label{cursor:pointer; padding-left:8px; display:inline-block; line-height:30px; color:#282828;}
div[comment] ul{display:block; list-style:none; background:#fff; margin-top:22px;}
div[comment]>ul{margin-top:32px;}
div[comment] ul>li{display:block; list-style:none; position:relative; margin-top:18px;}
div[comment]>ul>li{margin-top:28px;}
div[comment] ul>li:first-child{margin-top:0;}
div[comment] ul>li>img{display:block; position:absolute; left:0; top:0; width:30px; height:30px; border-radius:50%;}
div[comment]>ul>li>img{width:36px; height:36px;}
div[comment] ul>li>dl{padding:0 0 0 42px;}
div[comment]>ul>li>dl{padding:0 0 0 48px;}
div[comment] ul>li>dl>dt:after{display:block; content:''; clear:both;}
div[comment] ul>li>dl>dt>b{float:left; font-size:15px; line-height:24px; color:#383838;}
div[comment]>ul>li>dl>dt>b{line-height:28px;}
div[comment] ul>li>dl>a{color:#000; display:inline-block; margin:8px 0 0 42px; cursor:pointer;}
div[comment] ul>li>dl>a:hover{color:#f20f0f;}
div[comment] ul>li>dl>a>i{padding-left:4px; line-height:inherit;}
div[comment] ul>li>dl>p{font-size:15px; line-height:25px; margin:4px 0 6px 0; color:#181818;}
div[comment]>ul>li>dl>p{font-size:16px; line-height:28px; margin:6px 0 8px 0;}
div[comment] ul>li>dl>p>a{color:#686868;}
div[comment] ul>li>dl>dd{display:block;}
div[comment] ul>li>dl>dd>a[like]{font-size:15px; line-height:26px; color:#585858; cursor:pointer; line-height:28px; margin-left:8px;}
div[comment] ul>li>dl>dd>a[like]:before{padding-right:2px;}
div[comment] ul>li>dl>dd>a[reply]{display:inline-block; font-size:14px; padding:0 8px; line-height:26px; cursor:pointer; background:#f8f8f8; color:#282828; border-radius:18px; margin-left:8px;}
div[comment] ul>li>dl>dd>a[reply]:before{margin-right:4px;}
div[comment] ul>li>dl>dd>a[reply].on,
div[comment] ul>li>dl>dd>a[reply]:hover{color:#f20f0f;}
div[comment] ul>li>dl>dd>i{font-style:normal; font-size:14px; color:#888; line-height:26px;}
div[comment] ul>li>dl>div{margin:14px 0;}
div[comment] ul>li>dl>div>textarea{height:68px;}
div[comment] ul>li>dl>div>p{margin-top:12px;}
div[comment] ul>li>dl>div>p>button{line-height:24px; padding:2px 14px 0 14px;}
div[comment] ul>li>dl>div>p>button:hover{background:#f20f0f;} 
div[comment] ul>li>dl>div>p>label{line-height:26px;}
div[comment]>a{display:block; background:#f8f8f8; margin-top:32px; line-height:38px; text-align:center; border-radius:3px; cursor:pointer; color:#585858;}
div[comment]>a>i{line-height:inherit;}
div[comment]>a:hover{color:#f20f0f;}
@media(max-width:767px){
div[comment] ul{margin-top:18px;}
div[comment]>ul{margin-top:28px;}
div[comment] ul>li{margin-top:14px;}
div[comment]>ul>li{margin-top:24px;}
div[comment] ul>li>img{width:26px; height:26px;}
div[comment]>ul>li>img{width:30px; height:30px;}
div[comment] ul>li>dl{padding:0 0 0 35px;}
div[comment]>ul>li>dl{padding:0 0 0 40px;}
div[comment] ul>li>dl>dt>b{font-size:14px; line-height:22px;}
div[comment]>ul>li>dl>dt>b{line-height:24px;} 
div[comment] ul>li>dl>p{font-size:14px; line-height:22px; margin:4px 0;}
div[comment]>ul>li>dl>p{font-size:14px; line-height:22px; margin:4px 0;}
div[comment] ul>li>dl>dd>a[like]{font-size:13px;}
div[comment] ul>li>dl>dd>a[reply]{font-size:12px; padding:0 8px; line-height:22px; margin-left:6px;}
div[comment] ul>li>dl>dd>i{font-size:12px; line-height:22px;}
div[comment] ul>li>dl>a{margin:2px 0 0 35px;}
div[comment] ul>li>dl>div{margin:8px 0;}
}
@media(min-width:1600px){
article{width:1600px;}
}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:bold;}


.header{display:block; height:78px;}
.header.in{height:0; color:#fff;}
.header.in a{color:#fff;}
.header-condition{display:block; height:78px; position:fixed; left:0; top:0; right:0; z-index:88888; transition:.3s;}
.header.on .header-condition{box-shadow:0 2px 8px rgba(0,0,0,.18);}
.header-logo{float:left; height:100%; line-height:78px; font-size:0;}
.header-logo img{max-width:248px; max-height:100%;margin-top:9px;}
.header-logo img.pc{display:none;}
.header.in.on img.pc{display:block;}
.header.in.on img.mb{display:none;}
/*.header-logo img.mobile{display:none;}*/
nav{float:right; line-height:58px; margin:10px 0 0 18px;}
nav>ul:after{display:block; content:''; clear:both;}
nav>ul>li{float:left; position:relative; margin:0 0 0 6px;}
nav>ul>li>a{display:block; padding:0 14px; position:relative; font-size:16px;}
nav>ul>li>a:before{position:absolute; left:0; bottom:0; height:3px; content:''; background:#f20f0f;}
nav>ul>li:hover>a{color:#f20f0f;}
nav>ul>li ul{position:absolute; display:none; top:100%; left:0; min-width:128px; line-height:38px; padding:12px 0; background:#fff; border:1px solid #e8e8e8; box-shadow:0 2px 8px rgba(0,0,0,.18);}
nav>ul>li ul>li{display:block;}
nav li:hover>ul{display:block;}
nav>ul>li li>ul{top:0; left:100%; box-shadow:2px 2px 8px rgba(0,0,0,.18);}
nav>ul>li li>a{display:block; white-space:nowrap; padding:0 18px;}
nav>ul>li li>a:hover{background:#f8f8f8;}
nav>ul>li>a.navon,
nav>ul>li li>a.navon{color:#f20f0f;}
nav>ul>li>a.navon:before{width:100%;}
@media(min-width:1200px){
nav>ul>li{margin-left:0px;}
}
@media(min-width:1400px){
nav>ul>li{margin-left:18px;}
}
@media(min-width:1600px){
nav>ul>li{margin-left:38px;}
}
.header-inter{float:right; height:38px; line-height:38px; margin:20px 0 0 18px;}
.header-search{float:left; margin-left:2px; position:relative; padding-bottom:20px;}
.search-icon{display:block; width:38px; height:38px; text-align:center; border-radius:28px; transition:.3s; cursor:pointer;}
.header-search:hover .search-icon{background:#f8f8f8; color:#f20f0f;}
.search-icon>a{display:block; line-height:38px; font-size:20px;}
.header-language{float:left; margin-left:2px; position:relative; padding-bottom:12px;}
.language-icon{display:block; width:38px; height:38px; text-align:center; border-radius:28px; transition:.3s; cursor:pointer;}
.header-language:hover .language-icon{background:#f8f8f8; color:#f20f0f;}
.language-icon>a{display:block; line-height:38px; font-size:20px;}
.language-list{position:absolute; display:none; top:100%; right:-18px; width:128px; padding:12px 0; background:#fff; border:1px solid #e8e8e8; box-shadow:0 2px 8px rgba(0,0,0,.18);}
.header-language:hover .language-list{display:block;}
.language-list>a{display:block; line-height:34px; padding:0 0 0 18px;}
.language-list>a:hover{background:#f8f8f8;}
.language-list>a>img{display:inline-block; vertical-align:middle; position:relative; top:-1px; max-height:14px;}
.language-list>a>span{display:inline-block; margin-left:4px;}
.header-member{float:left; margin-left:2px; position:relative; padding-bottom:12px;}
.header-member>a{display:block; line-height:38px; height:38px; padding:0 12px 0 10px; border-radius:28px; transition:.3s; cursor:pointer;}
.header-member:hover>a{background:#f8f8f8; color:#f20f0f;}
.header-member>a>img{float:left; width:22px; height:22px; margin:8px 5px 0 0; border-radius:50%; box-shadow:0 0 2px rgba(0,0,0,.28);}
.header-member>a>b{float:left; font-weight:normal;}
.header-member>ul{position:absolute; display:none; top:100%; right:0; width:128px; padding:12px 0; background:#fff; border:1px solid #e8e8e8; box-shadow:0 2px 8px rgba(0,0,0,.18);}
.header-member:hover>ul{display:block;}
.header-member>ul>li>a{display:block; line-height:34px; padding:0 0 0 18px;}
.header-member>ul>li>a:hover{background:#f8f8f8;}
.header-login{float:left; margin-left:2px;}
.header-login a{display:block; float:left; line-height:38px; height:38px; padding:0 12px; text-align:center; border-radius:28px; transition:.3s; cursor:pointer;}
.header-login a:hover{background:#f8f8f8; color:#f20f0f;}
.header-login a>i{line-height:inherit; font-size:20px; position:relative; top:1px;}
.header-navicon{display:none;}
.header.in:hover .header-condition,
.header.in.on .header-condition,
.header-condition.on{background:#fff; color:#181818;}

.header.in.on .header-condition{background:#fff; color:#181818;}
.header.in:hover img.pc{display:block;}
.header.in:hover img.mb{display:none;}

.header.in:hover .header-condition a,
.header.in.on .header-condition a,
.header-condition.on a{color:#181818;}
.header.in:hover .header-condition a:hover,
.header.in.on .header-condition a:hover,
.header-condition.on a:hover{color:#f20f0f}
.header.in:hover .header-inter,
.header.in:hover .header-inter a,
.header.in.on .header-inter,
.header.in.on .header-inter a,
.header-condition.on .header-inter,
.header-condition.on .header-inter a{color:#686868;}
.header.in:hover .header-inter a:hover,
.header.in.on .header-inter a:hover,
.header-condition.on .header-inter a:hover{color:#f20f0f;}
.head{position:relative; z-index:9;}
.head .search{float:right; padding:0;}
.head .form>form{position:relative; display:block; width:208px; height:38px;}
.head .form>form>input{display:block; width:100%; height:auto; line-height:20px; padding:8px 38px 8px 12px; 
transition:.3s; background:#fff; border:1px solid #e8e8e8;}
.head .form>form>input:hover,
.head .form>form>input:focus{box-shadow:0 0 8px rgba(0,0,0,.08);}
.head .form>form>button{position:absolute; top:0; right:0; color:rgb(128,128,128); width:38px; height:38px; line-height:38px;
cursor:pointer; background:none; border:none; padding:0; transition:.2s; font-size:14px;}
.head .form>form>button:hover{color:rgb(17,121,215); box-shadow:none;}
@media(max-width:1199px){
.head .search{padding:20px 0 8px 0;} 
}
@media(max-width:767px){
.head .search{padding:0 0 0 8px;}
.head .search>i{display:block; line-height:40px; font-size:18px;}
.head .search>i.on{color:rgb(17,121,215);}
.head .form{position:absolute; top:100%;right:0; padding:8px; visibility:hidden; opacity:0; transform:translateY(-8px); transition:.3s; background:#383838;}
.head .form>form{width:250px;}
.head .search>i.on+.form{visibility:visible; opacity:1; transform:translateY(0);}
}
.head .form{position:absolute; top:100%;right:0; padding:8px; visibility:hidden; opacity:0; transform:translateY(-8px); transition:.3s; background:#383838;}
.head .search>i.on+.form{visibility:visible; opacity:1; transform:translateY(0);}
@media(max-width:1200px){
nav{position:absolute; top:100%; left:8px; right:8px; float:none; line-height:44px; margin:-8px 0 0; background:#fff; border:1px solid #e8e8e8; box-shadow:0 2px 8px rgba(0,0,0,.18); overflow:auto; display:none;}
nav>ul{padding:12px 0;}
nav>ul>li{float:none; margin:0;}
nav>ul li>a,
nav>ul>li li>a{display:inline-block;}
nav>ul>li>i{position:absolute; top:0; right:0; left:0; height:44px;}
nav>ul>li>a{position:relative; z-index:8;}
nav>ul>li>a:before{height:auto; width:3px;}
nav>ul>li>a.navon:before{width:3px; height:100%;}
nav>ul>li ul{position:static; padding:0; border:none; box-shadow:none; background:#f8f8f8;}
nav>ul>li ul ul{display:block;}
nav>ul>li li>ul{box-shadow:none; padding-left:8px;}
nav li:hover>ul{display:none;}
nav li li:hover>ul{display:block;}
nav li.in>ul{display:block;}
.header.in nav>ul>li>a{color:#181818;}
.header-navicon{float:left; margin-left:6px; display:block;}
.navicon-icon{display:block; width:38px; height:38px; text-align:center; border-radius:28px; transition:.3s; cursor:pointer;}
.header.nav .header-navicon .navicon-icon,
.header-navicon:hover .navicon-icon{background:#f8f8f8; color:#f20f0f;}
.navicon-icon>a{display:block; line-height:38px; font-size:22px;}
.header.nav .header-navicon .navicon-icon a{color:#f20f0f;}
.header.in.nav .header-condition{background:#fff; color:#181818;}
.header.in.nav .header-inter,
.header.in.nav .header-inter a{color:#686868;}
.header.nav nav{display:block;}
}


.banner{display:block; position:relative; background-color:;}
.banner-swiper{display:block; overflow:hidden; position:relative; z-index:6;}
.banner-outer{width:5000%;}
.banner-outer:after{display:block; content:''; clear:both;}
.banner-div{width:2%; float:left; position:relative;}
.banner-content{position:absolute; left:0; top:0; right:0; bottom:0; z-index:8;
display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-o-box; display:box; 
-webkit-box-pack:center; -moz-box-pack:center; -ms-flex-pack:center; -o-box-pack:center; box-pack:center; 
-webkit-box-align:center; -moz-box-align:center; -ms-flex-align:center; -o-box-align:center; box-align:center; 
color:; text-align:;}
.banner-image{display:block;}
.banner-image img{width:100%; display:block; object-fit:cover;}
.banner-prev,
.banner-next{position:absolute; z-index:8; top:50%; width:48px; height:48px; line-height:48px; text-align:center; margin-top:-18px; background:rgba(0,0,0,0.28); cursor:pointer; opacity:0; transition:0.3s;}
.banner-swiper:hover .banner-prev,
.banner-swiper:hover .banner-next{opacity:1;}
.banner-prev i,
.banner-next i{color:#fff; font-size:48px;}
.banner-prev:hover i,
.banner-next:hover i{color:#f20f0f;}
.banner-prev{left:0;}
.banner-next{right:0;}
.banner-draw{position:absolute; z-index:8; bottom:3.8%; left:0; right:0;}
.banner-draw>article{display:block; text-align:center;}
.banner-draw>article>span{display:inline-block; width:12px; height:12px; cursor:pointer; background:rgba(255,255,255,0.38); box-shadow:0 0 2px rgba(0,0,0,0.28); margin:0 6px; border-radius:8px; transition:0.2s;}
.banner-draw>article>span[class*="active"]{background:#f20f0f;}
@media(max-width:767px){
.banner-draw>article>span{margin:0 2px;} 
}


.bottom{padding:38px 0; background:#222222;}
.bottom *{color:#88888a;}
.bottom a:hover{color:#f20f0f;}
.bottom-contact{float:left; width:28%; padding-right:18px;}
.bottom-contact ul{display:block; margin-top:18px;}
.bottom-contact ul>li{margin-top:12px; position:relative; padding-left:32px;}
.bottom-contact i{width:24px; height:24px; line-height:22px; position:absolute; top:0; left:0; font-size:14px; text-align:center; border-radius:50%; border:1px solid #88888a;}
.bottom-contact a,
.bottom-contact u{text-decoration:none; line-height:24px; color:#eee8ed;}
.bottom-items{float:left; width:48%; font-size:0;}
.bottom-items>dl{display:inline-block; width:33%; padding-right:8px; vertical-align:top;}
.bottom-items>dl>dt{display:block; margin:0 0 16px 0; font-size:18px;}
.bottom-items>dl>dt>a{font-weight:bold; color:#eee8ed;}
.bottom-items>dl>dt:after{display:block; content:''; width:18px; height:2px; margin-top:6px; background:#f20f0f;}
.bottom-items>dl>dd{display:block;}
.bottom-items>dl>dd>a{display:inline-block; margin-top:15px; font-size:14px;width:100%;}

.bottom-items dl:nth-of-type(2) dd a{width:45%;text-indent:-55px;}

.bottom-ewm{float:right; width:12%;}
.bottom-ewm span{float:right;}
.bottom-ewm i{display:inline-block; padding:6px; border:1px solid rgba(255,255,255,0.3);}
.bottom-ewm img.ewm{width:128px; display:block;}
.bottom-ewm u{text-decoration:none; margin-top:2px; text-align:center; display:block; color:#eee8ed;}
@media(max-width:1200px){
.bottom{text-align:center;}
.bottom-contact{float:none;  display:inline-block; width:380px; max-width:100%; vertical-align:top; text-align:left;}
.bottom-items{float:none; width:100%; margin-top:28px;}
.bottom-items>dl>dt:after{margin-left:auto; margin-right:auto;}
.bottom-ewm{float:none; display:inline-block; width:auto;}
}
@media(max-width:767px){
.bottom-contact{width:300px;}
.bottom-items{margin-top:0;}
.bottom-items>dl{width:50%; margin-top:18px; padding:0;}
.bottom-ewm{margin-top:28px;}
}


.footer{color:#fff; padding:16px 0; background:#181818;border-top:1px solid rgba(255,255,255,0.16);}
.footer *{color:#66666a;}
.footer a:hover{color:#f20f0f;}
.footer-link{float:right;}
.footer-link span{display:inline-block;}
.footer-link a{display:inline-block; margin-left:8px;}
.footer-beian{display:block;}
.footer-beian + aside{margin-top:8px;}
.footer-beian span+span{margin-left:8px; display:inline-block;}
.footer-beian img{vertical-align:middle; margin-right:2px; position:relative; top:-2px; height:14px;}
@media(max-width:1200px){
.footer{text-align:center;}
.footer-link{float:none; margin-bottom:8px;}
}


.subnav{position:relative; z-index:8; line-height:58px; padding:8px 0; font-size:15px; background:#f8f8f8;}
.subnav-position{float:left;}
.subnav-position>b{float:left; font-weight:normal; color:#686868;}
/*.subnav-position>a{float:left; padding:0 6px;}
.subnav-position>i{float:left; padding:0 6px; color:#989898; line-height:inherit; font-style:normal;}*/
.subnav-list{float:right;}
.subnav-list>ul>li{float:left; position:relative;}
.subnav-list>ul>li+li{margin:0 0 0 8px;}
.subnav-list>ul>li>a{display:block; padding:0 14px; font-size:16px; position:relative;}
.subnav-list>ul>li ul{position:absolute; display:none; top:100%; left:0; min-width:128px; padding:12px 0; background:#fff; border:1px solid #e8e8e8; box-shadow:0 2px 8px rgba(0,0,0,.18);}
.subnav-list>ul>li ul>li{line-height:38px;}
.subnav-list li:hover>ul{display:block;}
.subnav-list>ul>li li>ul{top:0; left:100%; box-shadow:2px 2px 8px rgba(0,0,0,.18);}
.subnav-list>ul>li li>a{display:block; padding:0 18px; white-space:nowrap; font-size:14px;}
.subnav-list>ul>li li>a:hover{background:#f8f8f8;}
.subnav-list>ul>li>a.on,
.subnav-list>ul>li li>a.on{color:#f20f0f;}
.subnav-list>ul>li>a.on:before{position:absolute; bottom:0; left:0; right:0; content:''; height:3px; background:#f20f0f;}
@media(max-width:1200px){
.subnav{line-height:38px;}
.subnav-list{display:none;}
}
@media(max-width:767px){
.subnav{line-height:28px; font-size:14px;}
.subnav-position>a{padding:0 4px;}
.subnav-position>i{padding:0 4px;}
}
/*new*/

* {
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
	outline: none;
}

a {
	color: #555;
	text-decoration: none;
	blr: expression(this.onFocus=this.blur());
}


a:hover {
	color:#f20f0f;
}

li {
	list-style: none;
	padding: 0px;
}

input {}

input:focus {
	outline: none;
}

input[type=reset],
input[type=button] {
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
}

body {
	padding: 0;
	margin: 0 auto;
	border: 0;
	font-family: "微软雅黑,arial, helvetica, sans-serif";
	font-size:14px;
	min-width: 1200px;
}


/**宽度**/
.container {
	width: 1200px;
	margin: 0 auto;
}

/***超出隐藏***/
.over-h {
	overflow: hidden;
}

.over-v {
	overflow: visible;
}


/**浮动**/
.clear:after {
	content: '';
	display: block;
	clear: both;
	width: 100%;
}


.fl-l,.fl {
	float: left;
}

.fl-r,.fr {
	float: right;
}


/***定位***/
.pos-r {
	position: relative;
}

.pos-a {
	position: absolute;
}


/* 文字超出隐藏 */
.ellip {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}


/**图片动效**/
.pic-box {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 0;
	position: relative;
}

.pic-box img {
	transition: 1s;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

*:hover>.pic-box img {
	transform: scale(1.1);
}


/* 产品、图片框 */
.cp-pic {
	position: relative;
}

.cp-pic::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: url(../img/cp-border.png) no-repeat 0 0 / 100%;
	display: none;
}


.top_main{
	padding: 15px 0;
	width:100%;
	z-index: 9;
	background:rgba(0,62,147,1);
}
/* 头部导航 */
.nav {
}
.top-nav-class-1 {
	position: relative;
	font-size: 0;
	text-align: center;
}

.top-nav-class-1>li:first-child {
	margin-left: 0;
}

.top-nav-class-1>li {
	font-size: 15px;
	position: relative;
	width: 110px;
}

.top-nav-class-1>li:first-child::before {
	display: none;
}
/*.top-nav-class-1>li:first-child{background:#00CCAB;}
.top-nav-class-1>li::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 35%;
	height: 30%;
	width: 1px;
	background: #fff;
	z-index: 3;
}*/

.top-nav-class-1>li>a {
	display: block;
	overflow: hidden;
	position: relative;
	height: 100%;
	text-align: center;
}

.top-nav-class-1>li>a .title {
	color: #fff;
	position: relative;
	z-index: 2;
	transition: 0.5s;
	line-height: 60px;
}

.active .top-nav-class-1>li>a .title {
	color: #fff;
	opacity: 1;
}

.top-nav-class-1>li>a .bg {
	z-index: 1;
	transition: 0.5s;
	position: absolute;
	height: 3px;
	width: 0;
	background:#F14128;
	left: 0;
	bottom: 0px;
	display: block;
}

.top-nav-class-1>li.index>a>.title,
.top-nav-class-1>li:hover>a>.title,
.top-nav-class-1>li.focus>a>.title {
	opacity: 1;
	color: #fff;
}

.top-nav-class-1>li.active>a>.bg,
.top-nav-class-1>li.focus>a>.bg {
	opacity: 1.0;
	width: 100%;

}

.top-nav-class-1>li.index>a>.bg,
.top-nav-class-1>li:hover>a>.bg,
.top-nav-class-1>li.focus>a>.bg {
	width: 100%;
}

.top-nav-class-1 .nav-find {
	z-index: 100;
	/* width: 100%; */
	min-width: 100%;
	margin-left:0%;
	width: max-content;
	/* margin-left: -25px; */
}

.top-nav-class-1>li:nth-child(3) .nav-find {}

.top-nav-class-1 .nav-find ul {
	display: block;
	width: auto;
	font-size: 0;
}

.top-nav-class-1 .nav-find ul li:first-child {
	border-top: none;
}

.top-nav-class-1 .nav-find ul li {
	text-align: center;
	/* display: inline-block; */
	/* vertical-align: top; */
	/* border-top: solid #ccc 1px; */
	/* background: #fff; */
	transition: 0.5s;
}

.top-nav-class-1 .nav-find ul li a {
	font-size: 15px;
	display: block;
	line-height: 3em;
	padding: 0 20px;
	color: #333;
	opacity: 0.8;
	background: #fff;
}

.top-nav-class-1 .nav-find ul li:hover {
	/* background: #132f95; */
}
.top-nav-class-1 .nav-find ul li:hover a {
	color: #000;
	opacity: 1;
}



.public-header {
}
.public-header .body-box {
  position: relative;
}
.public-header .body-box .logo-box {}
.public-header .body-box .logo-box img{margin-top:15px;max-height:65px;}
.public-header .body-box .right-box {}
.public-header .body-box li {
  position: relative;
  display: inline-block;
  text-align: center;
  margin-left: 45px;
  height:90px;
  line-height:90px;
}
.public-header .body-box li a {
  display: inline-block;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  color: #1b2345;
  text-align: center;
}
.public-header .body-box li a:before{
  position: absolute;
  content: '';
  height: 2px;
  background: #f20f0f;
  left: 50%;
  margin-left: 0;
  width: 0px;
  bottom: 25px;
  transition: all 0.3s;
}

.public-header .body-box li.active a:before,
.public-header .body-box li:hover a:before {
  width: 60px;
  margin-left: -30px;
}
@-webkit-keyframes tem50_headerdonghua {
  0% {
    top: -100px;
  }
  100% {
    top: 0;
  }
}
@keyframes tem50_headerdonghua {
  0% {
    top: -100px;
  }
  100% {
    top: 0;
  }
}
/* 轮播图 */

.index-banner{position:relative;height:600px;overflow:hidden;background:url(../img/loading.gif) 50% no-repeat;min-width:1160px;}
.slides{position:relative;z-index:1;}
.slides li{height:600px;}
.flex-control-nav{position:absolute;bottom:30px;z-index:2;width:100%; min-width:1160px;text-align:center;}
.flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:15px;height:15px;overflow:hidden;background:#fff;cursor:pointer;text-indent:-9999px;border-radius:100%;}
.flex-control-nav .flex-active{background:#ff8400;}

.flex-direction-nav{position:absolute;z-index:3;width:100%; min-width:1160px;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:38px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../img/prev_icon.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../img/next_icon.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}

/*搜索*/
.seabox{overflow:hidden;font-family:"Microsoft Yahei";padding:5px 0;}
.sea_inp{width:360px;overflow: hidden;height: 39px;border-bottom: solid 1px #ebebeb;margin-top:5px;}
.sea_inp .serach{width:305px;height:39px;border:0;background:none;line-height:39px;color:#aaa;padding:0 0 0 10px;float:left;outline: none;display: block;font-size:14px;position: relative;}
.sea_inp .sub{ width:45px; height:39px;border:0;float:left;cursor: pointer;display: block;background:url(../img/sea_ico.gif) no-repeat 11px 10px;}
.k_word{overflow:hidden;width:800px;color:#2a2a2a;overflow: hidden;line-height: 52px;font-size: 16px;}
.k_word b{color:#058FFC;}
.k_word a{color:#808080;padding: 0 15px;}

/**分栏图片**/
.fenlan-pic {
	display: block;
	width: 100%;
	position: relative;
}

.fenlan-pic>img {
	display: block;
	width: 100%;
}


.guanggao {
	position: relative;
	height: 151px;
	background: url(../img/fenlan-bg.jpg) no-repeat top center;
}

.guanggao .container {
	position: absolute;
	left: 50%;
	margin-left: -600px;
	bottom: 0;
	z-index: 3;
}

.guanggao .container .left {
	position: absolute;
	bottom: 0;
	z-index: 3;
	left: 0;
	display: flex;
}

.guanggao .container .left img {
	display: block;
	height: 200px;
	margin-right: 40px;
}

.guanggao .container .left>div {
	color: #fff;
	padding-top: 85px;
}

.guanggao .container .left>div .title {
	font-size: 30px;
	margin-bottom: 10px;
}

.guanggao .container .left>div .info {
	font-size: 20px;
}

.guanggao .container .right {
	position: absolute;
	bottom: 30px;
	z-index: 3;
	left: 850px;
	color: #fff;
}

.guanggao .container .right>div {}

.guanggao .container .right>div .title {
	font-size: 16px;
	margin-bottom: 5px;
	padding-left: 24px;
	background: url(../img/icon67.png) no-repeat left center / auto 80%;
}

.guanggao .container .right>div .info {
	font-family: 'num2';
	font-size: 26px;
	line-height: 1.2em;
}

.guanggao .container .right>div .info em {
	font-style: normal;
	font-size: 20px;
	display: inline-block;
	vertical-align: bottom;
}

/* item列表 分栏 */
.item2 {}

.item2 .item {
	float: left;
	width: 49%;
	margin-top: 2%;
	margin-right: 2%;
}

.item2 .item:nth-child(1),
.item2 .item:nth-child(2) {
	margin-top: 0%;
}

.item2 .item:nth-child(2n) {
	margin-right: 0;
}

.item3 {}

.item3 .item {
	float: left;
	width: 32%;
	margin-top: 2%;
	margin-right: 2%;
}

.item3 .item:nth-child(1),
.item3 .item:nth-child(2),
.item3 .item:nth-child(3) {
	margin-top: 0% !important;
}

.item3 .item:nth-child(3n) {
	margin-right: 0;
}

.item4 {}

.item4 .item {
	float: left;
	width: 23.5%;
	margin-top: 2%;
	margin-right: 2%;
}

.item4 .item:nth-child(1),
.item4 .item:nth-child(2),
.item4 .item:nth-child(3),
.item4 .item:nth-child(4) {
	margin-top: 0%;
}

.item4 .item:nth-child(4n) {
	margin-right: 0;
}


.item5 {}

.item5 .item {
	float: left;
	width: 18.4%;
	margin-top: 2%;
	margin-right: 2%;
}

.item5 .item:nth-child(1),
.item5 .item:nth-child(2),
.item5 .item:nth-child(3),
.item5 .item:nth-child(4),
.item5 .item:nth-child(5) {
	margin-top: 0%;
}

.item5 .item:nth-child(5n) {
	margin-right: 0;
}



/***瀑布流***/
#PBL_box {
	padding-left: 0;
	margin-top: 0;
}

#PBL_box .PBL_list {
	margin-bottom: 20px;
	float: left;
}

#PBL_box .PBL_list img {
	max-width: 100%
}


/***分页***/
.page {
	display: block;
	text-align: center;
	margin: 2em auto 0;
	font-size: 20px;
	line-height: 2em;
	/* padding-top: 1.5em; */
	/* border-top: dashed 1px #ccc; */
}

.page>* {
	display: inline-block;
	color: #666 !important;
	font-size: 16px !important;
	margin-bottom: 0px !important;
}

.page a {
	display: block;
	line-height: 2.5em;
	padding: 0 1em;
	margin:0px 0.5em;
	color: #666;
	text-decoration: none;
	border:1px #ededed solid;
	/* background: #fff; */
	transition: 0.5s;
}

.page li>span {
	line-height: 2.5em;
	display: inline-block;
	border:1px #ededed solid;
	padding: 0 1.2em;
}

.page li strong {
	display: inline-block;
	margin: 0 5px 0px;
}


.page .active a,
.shousuo-page .thisclass a,
.shousuo-page ul li a:hover,
.page li a:hover {
	color: #fff !important;
	background: #f20f0f !important;
}





/* 上一页 下一页 */
.prenext {
	margin-top: 60px;
	font-size: 16px;
	line-height: 2em;
	text-align: left;
	padding: 15px 20px;
	color: #666;
	border: solid 1px #ececec;
	/* border: dashed 1px #fff; */
}

.prenext a {
	color: #0099FF;
	/* color: #fff; */
}

.prenext a:hover {
	/* color: #01a1e9; */
	text-decoration: underline;
}

/* 内页搜索 */
.index-hot-key {
	background: #0874c3;

}

.index-hot-key .hot-shousuo {
	float: left;
	font-size: 14px;
	color: #fff;
	width: 60%;
	line-height: 60px;
	padding-left: 30px;
	background: url(../img/icon/icon33.png) no-repeat left center;
}

.index-hot-key .hot-shousuo .bt {
	font-size: 14px;
	font-weight: bold;
	float: left;
}

.index-hot-key .hot-shousuo .bt span {
	font-family: en;
	letter-spacing: 1px;
	margin-right: 5px;
}

.index-hot-key .hot-shousuo-list {
	float: left;
}

.index-hot-key .hot-shousuo-list a {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	color: #fff;
	transition: 0.5s;
	opacity: 0.7;
}

.index-hot-key .hot-shousuo-list a:hover {
	opacity: 1;
	text-decoration: underline;
}

.index-hot-key .search-box {
	float: right;
	padding-top: 10px;
}

.index-hot-key .search-box .search-text {
	background: #fff;
	line-height: 40px;
	border: none;
	height: 40px;
	padding: 0 15px;
	width: 260px;
	font-size: 12px;
	color: #999;
	display: inline-block;
	vertical-align: top;
}

.index-hot-key .search-box .search-btn {
	font-size: 15px;
	border: none;
	height: 40px;
	width: 91px;
	display: inline-block;
	vertical-align: top;
	background: #01a1e9 url(../img/icon/icon31.png) no-repeat 10px center / auto 45%;
	color: #fff;
	cursor: pointer;
	padding-left: 18px;
}

/**内页搜索**/

.ny-shoushuo-box {
	display: block;
	text-align: center;
}

.ny-shoushuo-box form {
	display: inline-block;
	width: auto;
}

.ny-shoushuo-box .search-text {
	line-height: 35px;
	border: solid 1px #01a1e9;
	padding: 0 10px;
	color: #666;
	font-size: 14px;
	width: 300px;
}

.ny-shoushuo-box .search-btn {
	text-align: left;
	padding: 0 20px 0 40px;
	line-height: 37px;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	background: #01a1e9 url(../img/search-btn.bg.png) no-repeat 11px center / 16px auto;
}


.shousuo-list {}


.shousuo-list li:first-child {
	margin-top: 0px;
	padding-top: 0px;
	border-top: none;
}

.shousuo-list li {
	font-size: 16px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: dashed 1px #ccc;
	color: #333;
}

.shousuo-list li .shousuo-title {}

.shousuo-list li .shousuo-info {
	font-size: 14px;
	line-height: 1.75em;
	opacity: 0.6;
	margin: 10px 0;
}

.shousuo-list li .shousuo-url {
	font-size: 14px;
	color: #666;
}

.shousuo-list li .shousuo-url>span {
	margin-right: 10px;
}

.shousuo-list li .shousuo-url a {
	margin-right: 10px;
}

.shousuo-list li .shousuo-url .time {
	color: #f50;
}




/* 搜索分页 */
.shousuo-page {
	margin: 2em auto 0;
}

.shousuo-page ul {
	text-align: center;
	font-size: 0;
}

.shousuo-page ul li {
	display: inline-block;
	color: #666 !important;
	font-size: 14px !important;
	margin: 0 2px;
}

.shousuo-page ul li a {
	display: block;
	line-height: 2.5em;
	padding: 0 1em;
	color: #666;
	text-decoration: none;
	background: #ededed;
}

.shousuo-page input {
	display: none;
}


/***更多按钮***/
.index-more1 {
	/* color: #333; */
	color: #fff;
	line-height: 3em;
	height: 3em;
	/* background: #fff url(../img/icon/icon18.png) no-repeat 10% center / 15px; */
	background: #01a1e9 url(../img/icon/icon17.png) no-repeat 10% center / 1em;
	font-size: 16px;
	letter-spacing: 3px;
	text-align: center;
	transition: 0.5s;
	width: 300px;
	display: block;
	margin: 30px auto 0;
}

.index-more1.hover,
.index-more1:hover {
	color: #fff;
	/* background: #0874c3 url(../img/icon/icon19.png) no-repeat 13% center/ 15px; */

	background-position: 13% center;
}


.index-more2 {
	color: #01a1e9;
	border: solid 1px #01a1e9;
	border-radius: 4px;
	line-height: 2.2em;
	display: b;
	background: #fff;
	width: auto;
	padding: 0 15px;
	margin: 0 auto;
	text-align: center;
	transition: 0.3s;

}

.index-more2:hover {
	background: #01a1e9;
	color: #fff;
	transition: 0.5s;
}

/* tab切换 */
.tab-box {
	display: none;
}

/* tab2切换 */
.tab-box2 {
	transition: 0.5s;
	width: 100%;
	height: 0;
	position: relative;
	float: left;
	left: 0;
	top: 0;
	overflow: hidden;
}

.backTop_Z{display:block;position:fixed;right:5px;bottom:5px;width:60px;height:60px;background:transparent url(../img/back_top_Z.png) no-repeat center;outline:0;opacity:.9;border-radius:8px;z-index:50}
#backTop:hover{opacity:1}

/* 浮动窗 */

.fudong-box {
	position: fixed;
	bottom: -78px;
	right: 0px;
	z-index: 99999999999;
	transition: 0.5s;
	font-weight: normal;
}

.fudong-box ul li:first-child {}

.fudong-box ul li {
	width: 78px;
	height: 78px;
	margin-top: 1px;
	border-top: none;
	background-color: #ededed;
	transition: 0.3s;
	position: relative;
	z-index: 99999999998;
}

.fudong-box ul li:hover a {
	background-color: #CE012F;
	transition: 0.5s;
}

.fudong-box ul li.gotop a {
	background-color: #2b2b2b;
}

.fudong-box ul li.gotop img {
	opacity: 1 !important;
}

.fudong-box ul li a {
	display: block;
	padding-top: 15px;
	position: relative;
	z-index: 99999999997;
	/* background-color: #fff; */
}

.fudong-box ul li a>img {
	height: 25px;
	display: block;
	margin: 0px auto;
	opacity: 1.0;
	transition: 0.3s;
}

.fudong-box ul li:hover a>img {
	opacity: 0.0;
	transition: 0.3s;
}

.fudong-box ul li a>p {
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 38px;
	transition: 0.3s;
}

.fudong-box ul li>div {
	position: absolute;
	top: 0px;
	right: 80px;
	width: 0;
	overflow: hidden;
	transition: 0.3s;
	background: #CE012F;
	z-index: 99999999;
	opacity: 0.0;
	min-height: 78px;
	/* border: solid 1px #ccc; */
	right: -500px;
}

.fudong-box ul li:hover a>p {
	transition: 0.5s;
	color: #fff;
}

.fudong-box ul li.fudong-qq a {
	background-image: url(../img/icon/fudong-iocn-QQ-2.png);
	background-position: center 15px;
	background-repeat: no-repeat;
	background-size: auto 25px;
}

.fudong-box ul li.fudong-wx a {
	background-image: url(../img/icon/fudong-iocn-erweima-2.png);
	background-position: center 15px;
	background-repeat: no-repeat;
	background-size: auto 25px;
}

.fudong-box ul li.fudong-wx div {
	font-size: 0;
	padding: 5px;
	width: max-content;
}

.fudong-box ul li.fudong-wx div img {
	display: inline-block;
	width: 130px;
	padding: 10px;
	vertical-align: middle;
}


.fudong-box ul li.fudong-tell a {
	background-image: url(../img/icon/fudong-iocn-tell-2.png);
	background-position: center 15px;
	background-repeat: no-repeat;
	background-size: auto 25px;
}


.fudong-box ul li.fudong-tell div {
	font-size: 22px;
	font-family: num2;
	transition: 0.3s;
	padding: 15px 20px;
	height: auto;
	width: max-content;
}


.fudong-box ul li.fudong-tell div p {
	line-height: 1.1em;
	letter-spacing: 1px;
	color: #fff;
	text-align: left;
	line-height: 2em;
}

.fudong-box ul li.fudong-liuyan a {
	background-image: url(../img/icon/fudong-iocn-ly-2.png);
	background-position: center 15px;
	background-repeat: no-repeat;
	background-size: auto 25px;
}


.fudong-box ul li:hover>div {
	opacity: 1.0;
	right: 79px;
	transition: 0.5s;
	border-right: none;
}

/* 浮动窗2 */

/*侧栏联系方式*/
.slidebar {
	background: #fa6e39;
	position: fixed;
	top: 42%;
	right: 30px;
	z-index: 10000;
	border-radius: 12px 12px 12px 12px;
	height: 160px;
}

.contacts li {
	border-bottom: solid 1px #E6E4E4;
	height: 45px;
	line-height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.contacts li:nth-child(1) a {
	display: block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	background: #fa6e39;
	border-radius: 6px;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}

.contacts li.kf a {
	display: block;
	width: 130px;
	background: url(../img/shopnc.png)no-repeat center 0;
	text-align: left;
	height: 22px;
}

.contacts li img {
	width: 130px;
	height: 130px;
}

.contacts li.wx {
	height: 150px;
	border: none;
}

.contacts ul {
	margin-bottom: 0;
}

.slidebar .button {
	width: 36px;
	float: left;
	position: relative;
	z-index: 1;
	margin-top: 10px;
	height: 181px;
}

.slidebar .button a {
	font-style: 0;
	text-indent: -999em;
	display: block;
}

.floatR {
	float: left;
	overflow: hidden;
	width: 170px;
	border: 5px solid #fa6e39;
	border-radius: 12px;
}

.contacts {
	background: #F7F7F7;
	border-radius: 6px;
	text-align: center;
	padding: 10px;
}

.contacts h4 {
	height: 45px;
	font-size: 22px;
	font-family: num2;
	line-height: 45px;
	font-weight: 600;
}

.contacts p {
	color: #333;
}

.btnOpen,
.btnCtn {
	position: relative;
	z-index: 9;
	background: url(../img/shopnc.png)no-repeat;
	display: block;
	height: 146px;
	padding: 8px;
}

.btnCtn {
	background-position: 10px -143px;
}

.btnOpen {
	background-position: -41px -143px;
}


/* 头部 */
.top-box-1 {
	width: 100%;
	min-width: 1200px;
	/* 	z-index: 9999;
	position: sticky;
	left: 0;
	top: 0; */
	/* background: url(../img/top-box-bg.png) no-repeat center bottom; */
	background: #fff;
	/* box-shadow: 0 0 5px 0 #ccc; */
}

.top-box-1.active {
	background: #fff;
}

.top-box-hyy {
	font-size: 12px;
	line-height: 40px;
	color: #333;
	background: #ededed;
}

.top-box-hyy-left {
	float: left;
	width: 70%;
	width: auto;
}

.top-box-hyy-right {
	float: right;
	text-align: right;
	width: auto;
}

.top-box-hyy-right a:first-child {
	border: none;
	padding-left: 0px;
	margin-left: 0px;
}

.top-box-hyy-right a {
	display: inline-block;
	margin-left: 15px;
	line-height: 1em;
	padding-left: 15px;
	color: #333;
	border-left: solid 1px #ccc;
}

.top-box-hyy-right a:hover {
	color: #01a1e9;
}

.top-logo-box {
	position: relative;
	/* padding: 10px 0; */
}


.top-box-1 .logo {
	display: block;
	float: left;
	padding: 20px 0;
}

.top-box-1 .logo img {
	display: block;
	width: 100%;
}

.top-box-1.active .logo {
	/* background: url(../img/logo.png) no-repeat 0 0 / 100% 100%; */
}

.top-box-1.active .logo img {
	opacity: 0;
}

.top-logo-text {
	float: left;
	height: 100px;
	padding-left: 40px;
	padding-right: 300px;
	background: url(../img/top-bg.jpg) no-repeat right center;
}

.top-logo-text div {
	font-size: 14px;
	line-height: 1.2em;
	color: #666;
	padding-top: 32px;
	position: relative;
}

.top-logo-text div p {
	color: #333;
	display: block;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

.top-logo-text div span {
	color: #0874c3;
}

.top-box-1 .tell {
	float: right;
	color: #333;
	font-size: 16px;
	padding-left: 40px;
	line-height: 1.2em;
	line-height: 100px;
	background: url(../img/icon/icon67.png) no-repeat left center / auto 30px;
}


.top-box-1 .tell span {
	color: #f50;
	/* line-height: 34px; */
	font-size: 30px;
	font-family: 'num2';
	display: block;
}


.top-box-1 .right-box {
	float: right;
	font-size: 0;
	width: 100px;
	margin-left: 100px;
}

.top-box-1 .right-box>div {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 50%;
}

.top-box-1 .right-box>div>a {
	display: block;
	padding: 32px 12px;
}

.top-box-1 .right-box>div>a img {
	display: block;
	width: 100%;
}

.top-box-1 .right-box>div .box {
	position: absolute;
	right: 0;
	display: none;
	z-index: 999;
	font-size: 14px;
}

.top-box-1 .right-box>div:hover .box {
	display: block;
}

.top-box-1 .right-box .yy .box {
	background: #f5f5f5;
	width: 140px;
	padding: 15px;
}

.top-box-1 .right-box .yy .box a {
	display: block;
	font-size: 14px;
	line-height: 2em;
	padding-left: 35px;
	color: #666;
}

.top-box-1 .right-box .yy .box a.focus {
	color: #01a1e9;
}

.top-box-1 .right-box .yy .box .cn {
	margin-bottom: 5px;
	background: url(../img/icon/language1.png) no-repeat left center / auto 60%;
}

.top-box-1 .right-box .yy .box .en {
	background: url(../img/icon/language2.png) no-repeat left center / auto 60%;
}

.top-box-1 .right-box .ss .box {
	background: #f5f5f5;
	width: 280px;
	padding: 15px;
	font-size: 0;
}

.top-box-1 .right-box .ss .box .search-text {
	display: inline-block;
	vertical-align: middle;
	width: 190px;
	padding: 0 10px;
	background: #fff;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	color: #999;
	border: none;
}

.top-box-1 .right-box .ss .box .search-btn {
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	font-size: 14px;
	line-height: 40px;
	height: 40px;
	background: #01a1e9;
	color: #fff;
	border: none;
}


/*底部*/

/* 内页筛选 */
.saixuan-box {}

.saixuan-box .saixuan-bt {
	border-bottom: solid 1px #01a1e9;
}

.saixuan-box .saixuan-bt-name {
	background: #01a1e9;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	float: left;
	line-height: 40px;
	padding: 0 15px;
	border-radius: 3px 3px 0 0;
}

.saixuan-box .saixuan-tell {
	float: left;
	font-size: 16px;
	color: #333;
	line-height: 38px;
	margin-left: 30px;
}

.saixuan-box .location {
	line-height: 38px;
}

.saixuan-box .saixuan-info {
	padding-top: 20px;
}

.saixuan-box .saixuan-info .saixuan-info-bt {
	font-size: 14px;
	line-height: 30px;
	color: #333;
	width: 60px;
	font-weight: normal;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;

}

.saixuan-box .saixuan-info hr {
	clear: both;
	height: 5px;
}

.saixuan-box .saixuan-info .saixuan-info-info {
	float: left;
	width: 1100px;
	font-size: 0;
}

.saixuan-box .saixuan-info span {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 28px;
	background: #01a1e9;
	color: #fff;
	padding: 0 15px;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 3px;
}

.saixuan-box .saixuan-info a {
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	line-height: 28px;
	color: #999;
	border-radius: 3px;
	background: #f9f9f9;
	padding: 0 15px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.saixuan-box .saixuan-info a:hover {
	color: #01a1e9;
}




.footer-fenlan {
	background: url(../img/footer-fenlan.jpg) no-repeat top center;
	padding: 100px 0;
	height: 200px;
}

.footer-fenlan .text {
	font-size: 30px;
	color: #fff;
	line-height: 2em;
	font-weight: lighter;
	text-align: center;
}


.footer-fenlan .text a {
	margin-top: 30px;
	display: inline-block;
	font-size: 16px;
	line-height: 2.7em;
	width: 200px;
	border: solid 1px #fff;
	color: #fff;
	border-radius: 2.7em;
}




/* 自适应宽度布局 */

.media-container {
	position: relative;
	width: auto;
	transition: 0.5s;
	min-width: 1160px;
}

@media screen and (min-width: 1701px) {
	.media-container {
		margin: 0 5%;
	}

}

@media screen and (max-width: 1700px) {
	.media-container {
		margin: 0 4%;
	}

}

@media screen and (max-width: 1500px) {
	.media-container {
		margin: 0 4%;
	}

}

@media screen and (max-width: 1400px) {
	.media-container {
		margin: 0 3%;
	}

	.top-nav-class-1>li {
		font-size: 16px;
		margin-left: 10px;
	}
}


@media screen and (max-width: 1200px) {
	.media-container {
		margin: 0 20px;
	}
}





/* 更新 */
/* 留言领取 */
.index-zxly-box {
	background: #fff;
}

.index-zxly {
	border: solid 1px #1d75cf;
}

.index-zxly-pic {
	float: left;
	width: 320px;
}

.index-zxly-pic img {
	display: block;
	width: 100%;
}

.index-zxly .lxfs {
	float: left;
	margin-top: 30px;
	margin-left: 30px;
	width: 320px;
}

.index-zxly .lxfs .bt {
	font-size: 28px;
	color: #333;
}

.index-zxly .lxfs .info {
	margin: 15px 0;
	border-top: dashed 1px #ccc;
	border-bottom: dashed 1px #ccc;
	padding: 15px 0;
}

.index-zxly .lxfs .info p:first-child {
	margin: 0;
}

.index-zxly .lxfs .info p {
	margin-top: 10px;
	color: #333;
	font-size: 0;
}

.index-zxly .lxfs .info p span {
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	width: 80px;
	line-height: 1.7em;
}

.index-zxly .lxfs .info p span.cont {
	width: 240px;
}

.index-zxly .wx {
	border: solid 1px #ccc;
	margin-top: 25px;
	padding: 6px;
}

.index-zxly .wx img {
	float: left;
	width: 140px;
	display: block;
}

.index-zxly .wx p {
	float: right;
	padding: 25px 25px 0 0;
	font-size: 24px;
	line-height: 1.7em;
	text-align: right;
}

.index-zxly .zxly {
	float: right;
	width: 480px;
	padding: 30px 30px 0 0;
}

.index-zxly .zxly .message-box {}

.index-zxly .zxly .message-box .item:first-child {
	margin: 0;
}

.index-zxly .zxly .message-box .item {
	margin-top: 15px;
	font-size: 0;
}

.index-zxly .zxly .message-box .item .bt {
	font-size: 18px;
	line-height: 40px;
	height: 40px;
	width: 50px;
	display: inline-block;
	vertical-align: top;
	min-height: 1px;
}

.index-zxly .zxly .message-box .item .input-text {
	display: inline-block;
	vertical-align: top;
	width: 400px;
	font-size: 16px;
	color: #999;
	line-height: 40px;
	height: 38px;
	line-height: 40px;
	border: solid 1px #ccc;
	padding: 0 10px;
}

.index-zxly .zxly .message-box .item textarea.input-text:focus {
	outline: none;
}

.index-zxly .zxly .message-box .item textarea.input-text {
	padding: 5px 10px;
	line-height: 1.5em;
	height: 6em;
	resize: none;
}

.index-zxly .zxly .message-box .item .coolbg {
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	width: 6em;
	margin-right: 10px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	background: #01a1e9;
}

.index-zxly .zxly .message-box .item .tijiao {
	background: red;
}



/* 弹出窗 */
.tanchuan {
	display: none;
	position: fixed;
	z-index: 999999999;
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	top: 0%;
	background: rgba(0, 0, 0, 0.8);
}

.tanchuan .box {
	display: block;
	text-align: center;
	position: relative;
	width: 100%;
	padding-top: 300px;
	height: 100%;
}


.tanchuan .box img {
	display: block;
	margin: 0 auto 15px;
	padding: 15px;
	background: url(../img/wx-bg.png) no-repeat 0 0 / 100%;
}

.tanchuan .box p {
	font-size: 26px;
	line-height: 2em;
	text-align: center;
	color: #fff;
}
/*浮动客服*/
/*.toolbar{position: fixed;top: 85%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #666;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../img/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background:#BB9B62;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent#BB9B62;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background:#BB9B62;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;margin:11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent#BB9B62;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}*/

/*foot*/
.newfoot{padding:50px 0;background:#222;margin-top:50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color:#cecece;height:60px;
min-height:60px;
height:auto!important;
overflow:hidden;text-align:center;}
.ftnav{color:#999;}
.newfoot a{color:#999;}
.ftnav a{margin:0px 15px;}
.ftnav span:last-child {display:none;}
.fcopys{line-height:60px;}



.g_ft{padding:30px 0 0px;background:#222;margin-top:50px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color:#cecece;height:60px;
min-height:60px;
height:auto!important;
overflow:hidden;}
.g_ft p{line-height:28px;margin-top:10px;}
        .g_ft .m_ftlogo{float:left;width:360px;padding-top:5px;}
        .g_ft .ftlogo{width:320px;}
        .g_ft .ftlogo img{height:60px;display: block;transition: all 0.3s linear 0s;margin:0px auto;}
        .g_ft .ftlogo:hover img{transform: scale(1.03);}
        .g_ft .ftlogo em{font-size: 14px;color: #9c9c9c;font-weight: bold;}
        .g_ft .m_fnav{float:left;border-left:1px #434343 solid;padding:0 40px;border-right:1px #434343 solid;width:300px;}
        .g_ft h2{height:42px;line-height: 42px;position: relative;font-size: 16px;color: #cecece;margin-bottom: 15px;}
        .g_ft h2:before{content: "";position: absolute;width: 16px;height: 2px;background: #919191;left:0;bottom: 0;}
        .g_ft .m_fnav a{color:#cecece;line-height:40px;font-size: 14px; font-weight: normal;display: inline-block;width:48%;text-align: center;}
        .g_ft .m_fnav a:hover{color: #fff;}
        .g_ft .f_ftcon{float: left;width:412px;padding-left:40px;}
        .g_ft .f_ftcon li{font-size: 14px;color: #cecece;line-height: 32px;}
        .g_ft .m_code{float: right;}
        .g_ft .codelst li{width: 105px;margin-right: 9px;float: left;}
        .g_ft .codelst li img{width: 105px;height: 105px;display: block;}
        .g_ft .codelst li:nth-child(2){margin-right: 0;}
        .g_ft .codelst li p{text-align: center;}
.g_link{border-top:1px #434343 solid;margin-top:20px;line-height:60px;}
.g_link a{color:#FFFFCC}
.g_link div:nth-child(2){padding-left:50px;}


.dibubox{margin:0 auto;width:1200px;position:relative;}
.dibubox dl{width:240px;height:240px;float:left;text-align:left;color:#393939;padding-top:30px;background:url(../img/bottomright.jpg) right top no-repeat;padding-left:40px;}
.dibubox dt{font-size:16px;color:#ffffff;line-height:40px;background:url(t3.jpg) left bottom no-repeat;text-align:left;padding-left:0;margin-bottom:20px;font-weight:bold;}
.dibubox dd{line-height:30px;font-size:14px;color:#ffffff;}
.dibubox a{color:#ffffff;}
.dibubox a:Hover{color:#ff0000;}
.dibubox dd span{display:block;width:101px;height:30px;line-height:30px;font-size:14px;text-align:center;background:url(more2.jpg) center no-repeat;}
.dibuboxys{background:#110b81;position:relative;margin-top:20px;}

.dibuboxerweima{width:130px;position:absolute;right:0;top:30px;}
.dibuboxerweima span{font-size:16px;color:#ffffff;line-height:40px;text-align:center;padding-left:0;margin-bottom:20px;font-weight:bold;display:block;}

#gwsj{}
#gwsj li{font-size:14px;line-height:30px;color:#ffffff;}
#gwsj li a{color:#ffffff;}
#gwsj li a:hover{color:#ff0000;}

.dibuboxlinkys{background:#110b81;line-height:46px;margin-top:20px;}
.dibuboxlink{width:1200px;margin:0 auto;font-size:14px;color:#ffffff;}
.dibuboxlink a{color:#ffffff;}

.footerys{background:#110b81;height:56px;line-height:56px;border-top:1px solid #615ea5;}


/********.toolbar1*********/
.toolbar {
	width: 52px;
	position: fixed;
	right: 1%;
	top: 60%;
	margin-top: -115px;
	z-index: 999;
}
.toolbar dd {
	width: 51px;
	height: 51px;
	margin-bottom: 1px;
	position: relative;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	margin-top: 4px;
	border: #ebebeb solid 1px;
	background-color: #fff;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.toolbar dd i {
	width: 51px;
	height: 51px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}
.toolbar dd i span {
	width: 35px;
	height: 35px;
	display: block;
	margin: 8px 0 0 8px;
	background: url(../img/rightfixicon.png) no-repeat 0 0;
}
.toolbar dd.gottop {
	display: none;
}
.toolbar .slide-tel {
	display: block;
	width: 0;
	height: 53px;
	line-height: 53px;
	font-size: 24px;
	font-weight: bold;
	font-family: arial;
	color: #FFF;
	position: absolute;
	padding: 0 0 0 53px;
	top: -1px;
	right: -2px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	overflow: hidden;
}
.toolbar .pop {
	position: absolute;
	right: 90px;
	top: -65px;
	background: #f20f0f;
	display: none;
}
.toolbar .pop-code {
	width: 160px;
}
.toolbar .pop-code img {
	width: 120px;
	height: 120px;
	display: block;
	margin:20px 20px 0;
}
.toolbar .pop-code h3 {
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	white-space: nowrap;
}
.toolbar .pop-code h3 b {
	display: block;
	font-size: 14px;
	font-weight: normal;
}
.toolbar .qq span {
	background-position: -35px -47px;
}
.toolbar .qq a {
	width: 52px;
	height: 52px;
	cursor: pointer;
	display: block;
}
.toolbar .qq:hover {
	background-color: #f20f0f;
	border-radius: 100%;
}
.toolbar .qq:hover span {
	background-position: 0 -47px;
}
.toolbar .tel span {
	background-position: -35px 0;
}
.toolbar .tel:hover {
	background: #f20f0f;
}
.toolbar .tel:hover span {
	background-position: 0 0;
}
.toolbar .code span {
	background-position: -35px -95px;
}
.toolbar .code:hover {
	background-color: #f20f0f;
	border-radius: 100%;
}
.toolbar .code:hover span {
	background-position: 0 -95px;
}
.toolbar .top span {
	background-position: -35px -142px;
}
.toolbar .top:hover {
	background-color: #f20f0f;
	border-radius: 100%;
}
.toolbar .top:hover span {
	background-position: 0 -142px;
}
.toolbar dd:hover {
}