﻿

/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:12px;overflow-x:hidden;margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#1a1a1a;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
* {font-family: 'Conv_Montserrat-Light',Arial,"微软雅黑","黑体",'宋体';color:#1a1a1a;font-style: normal;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
input::-webkit-input-placeholder {color:#999;}
input::-moz-input-placeholder {color: #999;}
input::-ms-input-placeholder {color: #999;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
body sup {display: inline-block!important;vertical-align: top;}
.blackbg {background: #000;}
.alpha0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none !important;}
.relative {position: relative;}
.h100 {overflow:hidden;height:100%;}
.h100 body{ overflow:hidden;height:100%;}




/* header  static*/
.side_content header.hd 
{
	position:inherit;
}
header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	background: #fff;
	z-index: 99;
	border-bottom: 1px solid rgba(0,0,0,0);
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.content {width: 94%;margin: auto;position: relative;height: 100%;}
header .hls-header {height:100px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .hls-header .hls-logo {display: block;margin-top: 0; float:left;}
.header-fixed img{height:60px;}
header .hls-header .hls-logo img{max-width:100%;}

header .hls-header .right {/*position: absolute;top:50%;right:0;margin-top: -11px;*/}
header .hls-header .right .hls-nav {float: right;}
header .hls-header .right .hls-nav * {}
header .hls-header .right .hls-nav a{color: #1a1a1a;font-size: 16px;margin-left:25px;margin-right:25px;position: relative;overflow: hidden;text-transform: uppercase;}
header .hls-header .right .hls-nav a:first-child {padding: 0 10px;}
header .hls-header .right .hls-nav a::after {content: '';width:0px;height: 2px;background: #1a1a1a;position: absolute;left: 0;bottom: -20px;}
header .hls-header .right .hls-nav a.cur {font-weight: bold;color: #000;}
header .hls-header .right .hls-nav a.cur::after {width: 100%;}
header .hls-header .right .hls-nav a:hover::after {width:100%;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .hls-header .right .hls-nav a.before::after {left: auto; right: 0;}

header .hls-header .right .language {float: right;margin-top: 40px;}
header .hls-header .right .language * {float: left;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
header .hls-header .right .language i {display: block; overflow: hidden; width: 20px; height:20px;background: url("../images/yy-h.svg") no-repeat;background-size:100%;}
header .hls-header .right .language ul { display: block;height: 20px;overflow: hidden;}
header .hls-header .right .language a {font-size: 14px; color: #1a1a1a; line-height: 22px;margin-left:10px;}
header .hls-header .right .language a:hover {}
header .hls-header .right .language .en {width: 0px;margin-left: 0;}
header .hls-header .right .language-show .en{width:60px;margin-left:10px;}
header .hls-header .right .search {float: right;width: 20px;height: 20px;margin: 0 20px;padding:0 20px; position: relative;margin-top: 40px;}
header .hls-header .right .search a{display: block; width: 20px;height: 20px;background: url("../images/ss-h.svg") center no-repeat;}
header .hls-header .right .search::before,header .hls-header .right .search::after {content: '';opacity: .2;width: 1px;height: 100%;background: #1a1a1a;position: absolute;top: 0;}
header .hls-header .right .search::before {left:0;}
header .hls-header .right .search::after {right:0;}
header .hls-header .right .other {float: right;}
header .hls-header .right .other a {font-size: 16px;line-height: 20px; color: #1a1a1a;} 
 

header.header-fixed {}
header.header-fixed .hls-header {height:60px;}
header.header-fixed .hls-header .hls-logo {background-size:100%;}
header.header-fixed .hls-header .right .hls-nav a{font-size: 14px;color: #1a1a1a;}
header.header-fixed .hls-header .right .hls-nav a::after { height: 1px;bottom:-10px;background: #000;}
header.header-fixed .hls-header .right .other a {font-size: 14px;line-height: 20px;color: #1a1a1a;} 
header.header-fixed .searchshow {padding:5px 0;}
 

header#header {border-bottom: 1px solid rgba(255,255,255,0.2);background:none;}
header#header .hls-header .hls-logo {background-size: 100%;}
header#header .right .hls-nav a{color: #fff;}
header#header .hls-header .right .hls-nav a.cur {color: #fff;}
header#header .hls-header .right .hls-nav a::after {background: #fff;}
header#header .hls-header .right .language i {background: url("../images/yy.svg") no-repeat;background-size:100%;}
header#header .hls-header .right .language a {color: #fff;}
header#header .hls-header .right .search a{background: url("../images/ss.svg") center no-repeat;}
header#header .hls-header .right .search::before,#header .hls-header .right .search::after {background: #fff;}
header#header .hls-header .right .other a {color: #fff;} 


header#header.header-fixed {background:#fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
header#header.header-fixed .hls-header .hls-logo {}
header#header.header-fixed .hls-header .right .hls-nav a{color: #1a1a1a;}
header#header.header-fixed .hls-header .right .hls-nav a::after { background: #000;}
header#header.header-fixed .hls-header .right .other a {color: #1a1a1a;}
header#header.header-fixed .hls-header .right .language i {background: url("../images/yy-h.svg") no-repeat;background-size:100%;}
header#header.header-fixed .hls-header .right .language a {color: #1a1a1a;}
header#header.header-fixed .hls-header .right .search a{background: url("../images/ss-h.svg") center no-repeat;}
header#header.header-fixed .hls-header .right .search::before,#header .hls-header .right .search::after {background: #1a1a1a;}
header .hls-header .right .hls-nav li{float:left; position:relative;line-height: 100px;}
.header-fixed .hls-header .right .hls-nav li{line-height: 60px;}
.header-fixed .hls-header .right .search{margin-top: 20px;}
.header-fixed .hls-header .right .language{margin-top: 20px;}

header .hls-header .right .hls-nav li .nav1{ position:absolute;left:0;width:100%;top:100%;z-index:99999; background-color:#fff; visibility:hidden;opacity: 0;}
header#header .hls-header .right .hls-nav li .nav1 a{width:100%;float:left;height:40px;border-bottom:solid 1px #f6f5f4;line-height:40px; text-align:center;margin-right:0;margin-left:0;padding:0; color:#333;}
header#header .hls-header .right .hls-nav li .nav1 a:hover{ color:#ff9933;}
header.header-fixed .right .hls-nav li .nav1{top:100% !important;}
header .hls-header .right .hls-nav li:hover .nav1{ visibility:visible;opacity: 1;}



.search-show header .hls-header .right .hls-nav {display: none;}
.search-show .searchshow {top:0px;}
.search-show header .hls-header {background: #fff;}
.search-show header#header .hls-header .hls-logo {}
.search-show header#header .hls-header .right .language i {background: url("../images/yy-h.svg") no-repeat;background-size:100%;}
.search-show header#header .hls-header .right .language a ,.search-show header#header .hls-header .right .other a{color: #1a1a1a;}
.search-show header#header .hls-header .right .search {width: 0px;margin: 0 20px;padding: 0 0px;}
.search-show header#header .hls-header .right .search a {display: none;}


.searchshow {width: 60%;position: absolute;left:20%;top:-100px;z-index: 3; height: 40px;padding:30px 0; overflow: hidden;}
.searchshow {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.searchshow form {display: block;overflow: hidden;position: relative;width:55%;margin: auto;}
.searchshow .searchclose {left: 0;width: 25px;height: 25px;line-height: 25px; font-family: "font_family";font-size: 20px;color: #000;}
.searchshow .searchclose:before {content: "\e611";}
.searchshow .searchinput {background: none;border-bottom: 2px solid #ededed;height: 40px;line-height: 40px;font-size: 16px;width: 90%;padding:0 5%;outline: none;text-align: center;}
.searchshow .searchinput:focus {border-bottom: 2px solid #000;}
.searchsubmit {right: 0; width: 20px;height: 20px;background:url("../images/ss-h.svg") center no-repeat;background-size: 100%;outline: none;}
.searchshow .searchclose,.searchshow .searchsubmit {position: absolute;top:10px;z-index: 3;cursor: pointer;}
.searchshow .searchclose:hover,.searchshow .searchsubmit:hover {opacity: 0.8;}



/* footer */

footer { position: relative;background: #333; margin-top:0;}
footer .box-footer {padding: 5% 0 4% 0; overflow: hidden;}
footer .box-footer .wrap{}
footer .box-footer .foot_logo{ float:left; width:12%;margin-top:1%;}
footer .box-footer .foot_logo img{ width:100%;}
footer .box-footer .foot_sites{ float:right; overflow:hidden;width:80%; margin-top:10px; display:flex;justify-content: space-between;}
footer .box-footer .foot_sites .item{ float:left;  width:20%;}
footer .box-footer .foot_sites .item:nth-child(1){width:40%;}
footer .box-footer .foot_sites .item:first-child{ padding-left:0;}
footer .box-footer .foot_sites .item:last-child{ float:right; width: auto; }
footer .box-footer .foot_sites .item h3{ font-size:16px; color:#fff; margin-bottom:20px; position:relative; padding-bottom:20px;}
footer .box-footer .foot_sites .item h3:after{ content:''; position:absolute; left:0; bottom:0; width:20px; height:3px; background:#fff; }
footer .box-footer .foot_sites .item p{color:#c4c4c4; font-size:16px; line-height:30px;}
footer .box-footer .foot_sites .item p a{color:#c4c4c4;}
footer .copybar{ background:#363636; height:56px; line-height:56px;}
footer .copybar .text{ float:left; font-size:14px; }
footer .copybar .text,
footer .copybar .text a{color:#7e7e7e;}
footer .copybar .text a:hover{color:#fff;}
footer .copybar .share{ float:right;}
footer .copybar .share li{ float:left; position:relative;overflow: hidden}
footer .copybar .share li.box-show {overflow: visible}
footer .copybar .share li a{ width:36px; height:56px; background:center no-repeat; display:block;opacity:0.3;}
footer .copybar .share li a:hover{opacity:1;}
footer .copybar .share li span{ position:absolute; bottom:56px;right:0; margin-right:-50px; line-height:0;transform:translateY(-100px);opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
footer .copybar .share li span img{ width:160px;}
footer .copybar .share li.box-show span{transform:translateY(0);opacity:1;}
footer .content {width: 75%;}
.copybar .content {width: 75%;}




.aniblack .mlogo {}
.aniblack .cd-nav-trigger span{background:#000;}
.h100.aniblack.no-touch .mlogo {}
.h100.aniblack.no-touch .cd-nav-trigger span{background:#fff;}
.htfixed .mheader{background: #1a1a1a;}


/* mobile nav */
.nav_mobile{display: none;position: relative;}
.mheader {height:50px;position:fixed;left: 0;top: 0;z-index: 93;width: 100%;overflow: hidden;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.mheader ul {height:50px;position: relative;padding:0 3%;}
.mlogo {display: block; width:100px;height:auto;overflow: hidden; left:15px;top:5px; position: absolute;z-index: 94;}
.mlanguage {display: block; width:100px;overflow: hidden;right:4%;top:18px; position: absolute;z-index: 94;color: #fff;padding-left: 20px;background: url("../images/yy.svg") left center no-repeat;background-size:12%;}
.mlogo  img{max-width:100%;}

.mheader.mhfixed {background: #fff;box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);}
.mheader.mhfixed .mlogo.indexmlogo{ }
.mheader.mhfixed .cd-nav-trigger.indexmnav span{ background:#000;}
.no-touch .mheader.mhfixed .mlogo.indexmlogo{}
.no-touch .mheader.mhfixed .cd-nav-trigger.indexmnav span{ background:#fff;}


.cd-nav-trigger{position: absolute;z-index:898;top:5px;right:3%;height:40px;width: 40px;overflow: hidden;text-indent: 100%;white-space: nowrap;-webkit-transition: -webkit-transform 0.2s;-moz-transition: -moz-transform 0.2s;transition: transform 0.2s;}
.cd-nav-trigger span{background:#000;position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width:20px; height: 2px;}
.cd-nav-trigger span::before, .cd-nav-trigger span:after{content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: inherit; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.2s, width 0.2s; -moz-transition: -moz-transform 0.2s, width 0.2s; transition: transform 0.2s, width 0.2s;}
.cd-nav-trigger span::before{-webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px);}
.cd-nav-trigger span::after{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(6px); -moz-transform: translateY(6px); -ms-transform: translateY(6px); -o-transform: translateY(6px); transform: translateY(6px);}

.no-touch .cd-nav-trigger{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.no-touch .cd-nav-trigger span{background:#fff;}
.no-touch .cd-nav-trigger span::after,.no-touch .cd-nav-trigger span::before{width: 50%;background:#fff;}
.no-touch .cd-nav-trigger span::before{-webkit-transform: translateX(2px) translateY(1px) rotate(45deg);-moz-transform: translateX(2px) translateY(1px) rotate(45deg);-ms-transform: translateX(2px) translateY(1px) rotate(45deg);-o-transform: translateX(2px) translateY(1px) rotate(45deg);transform: translateX(2px) translateY(1px) rotate(45deg);}
.no-touch .cd-nav-trigger span::after{-webkit-transform: translateX(2px) translateY(-1px) rotate(-45deg);-moz-transform: translateX(2px) translateY(-1px) rotate(-45deg);-ms-transform: translateX(2px) translateY(-1px) rotate(-45deg);-o-transform: translateX(2px) translateY(-1px) rotate(-45deg);transform: translateX(2px) translateY(-1px) rotate(-45deg);}

.cd-nav-container{background-color:#1a1a1a;position: fixed; z-index:91; top:0px; right: 0; width: 100%; height: 100%;overflow-y: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s; -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s; transition: transform 0.4s 0s, box-shadow 0s 0.4s;}
.cd-nav-container.is-visible{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0);-webkit-overflow-scrolling: touch;}

.cd-close-nav{position: absolute; height: 44px; width: 44px; right:6%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;}
.cd-close-nav::after, .cd-close-nav::before{content: ''; position: absolute; height:1px; width: 32px; left: 50%; top: 50%; background-color: #666; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.cd-close-nav::after{-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.cd-close-nav::before{-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg);}

.no-touch .cd-close-nav:hover{opacity: .8;}
.cd-nav{ }
.cd-nav li{width:80%;margin: auto; overflow:hidden;position: relative;}
.cd-nav a{ border-bottom:#313131 1px solid;position: relative; display: block;width:90%;text-align: center; -webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;font-size:16px; color:#939393;padding:5% 0; margin:0px auto;text-transform:uppercase;}
.cd-nav a:hover{color:#fff;}
.mchildren {display:none; width:100%; margin:0px auto;}
.mchildren a{border-bottom:none;position: relative; display: block;width:100%;text-align: center;font-size:14px; color:#666;padding:0.8em 0;}
.mchildren a:hover{background:none; color:#00a2ff;}

.cd-overlay{position: fixed; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s; -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s; transition: opacity 0.4s 0s, visibility 0s 0.4s; z-index:19;}
.cd-overlay.is-visible{opacity: 1; visibility: visible; -webkit-transition: opacity 0.4s 0s, visibility 0s 0s; -moz-transition: opacity 0.4s 0s, visibility 0s 0s; transition: opacity 0.4s 0s, visibility 0s 0s;}

.bmob { display:block; float: none;padding-top:15%; margin:auto; text-align:center; clear:both; position:relative;overflow: hidden;}
.bmob a{ display: inline-block; float: none; margin:0 10px;text-align:center; font-size:14px;color: #666;}
.bmob form{ position:relative; display:block; width:80%; margin:10% auto auto;}
.bmob .searchinput{border-bottom:#484848 1px solid;line-height:35px; padding:1% 5%; outline:none;width:80%; margin:auto; font-size:18px; background:#1a1a1a; color:#999;}
.bmob .getsearch{ width:18px; height:18px;background:url("../images/ss-b.svg") center no-repeat;opacity: 0.4; position:absolute; right:50%;margin-right: -9px; top:10px; z-index:1; cursor:pointer; outline:none;font-family: "font_family";-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.bmob .getsearch:hover {opacity:0.5;}
.bmob .getsearch::before {content: "\e60e";width: 30px;height: 30px;font-size:18px;color: #666;}
.bmob .getsearch.onfss {right:5%;margin-right: 0px;}


.cd-nav-trigger.indexmnav span{background:#fff;}
.no-touch  .mheader.mhfixed {background:none;}





 

/* 弹窗 */
.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
.video-content {display: none;position: fixed;box-sizing: border-box;padding:0px;top:7.2%;left: 50%;width:1200px;margin-left: -600px;background:#131313;z-index: 1002;overflow: hidden;}
.video-content .main {position: relative;}
.video-content .main video {display: block;width: 100%;height: auto;}
.video-content .text {font-size: 14px;color: #ccc;line-height: 26px;padding:20px 20px 20px 150px;overflow: hidden;position: relative;}
.video-content .text h2 {display: block;padding-bottom: 5px;font-size: 18px;color: #fff;position: absolute;left: 40px;top: 22px;z-index:1;}
.video-content .close {display:block;width:40px;height: 40px;background:#fff url("../images/del-h.svg") center no-repeat;background-size:60%;cursor: pointer;position: absolute;right: 0px;top: 0px;z-index: 99;}
.video-content .close:hover {background:#000 url("../images/del-b.svg") center no-repeat;background-size:60%;}


.white_content {display: none;position: fixed;box-sizing: border-box;top:0;left: 50%;width:500px;height: 100%; margin-left: -225px;z-index: 1002;overflow: hidden;}
.white_content .dtable{}
.white_content .dtable .dtable-cell {height: auto!important;}
.white_content h2 {display: block;overflow: hidden;padding:1% 0 3% 0;font-size: 24px;color: #000;text-align: center;border-bottom: 1px solid #ededed;}
.white_content form * {display: block;overflow: hidden;}
.white_content form {overflow:hidden;display: block;padding:5%;background-color: #fff;position: relative;}
.white_content form select {border: 1px solid #ededed;padding:10px 30px 10px 20px;width:49%;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.white_content form select {background: url("../images/sj.png") 90% center no-repeat;}
.white_content form select::-ms-expand { display: none; }
.white_content form select,.white_content form select option {font-size: 14px;color: #999;}
.white_content form .sl {float: left;}
.white_content form .cr {float: right;}
.white_content form select.sc {width:100%;background-position:95% center;}
.white_content form input { outline:none;}
.white_content li { padding:5px 0; overflow:hidden; font-size:12px; color:#666;text-transform: capitalize;position: relative;}
.white_content li h6 {font-size: 12px;color: #000;display: inline-block;padding-right: 10px;}
.white_content li span {font-size: 12px;display: inline-block;text-transform: capitalize;}
.white_content li .inputfile {border:#ededed 1px solid;width:-webkit-calc(90% - 2px); width:calc(90% - 2px);padding:10px 5%; display:block;font-size: 12px;color: #666;background: #f1f1f1;cursor: pointer;}
.uploadfile {position: absolute;right: 8px;top: 12px;z-index: 1;background: #fa8d3e;color: #fff;line-height: 30px;padding:0 20px;cursor: pointer;}
.white_content .input { border:#ededed 1px solid;width:-webkit-calc(90% - 2px); width:calc(90% - 2px);padding:10px 5%; display:block;font-size: 14px;color: #666;}
.white_content .btn {padding:2% 0;overflow:hidden;}
.white_content .btn *{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.white_content .btn .submit {display:block;width:100%;float:left;padding:3% 0; font-size:14px; background:#000;border: none; color:#fff;cursor: pointer; text-align:center;}
.white_content .btn .submit:hover {background:#fa8d3e;}
.white_content .btn .guanbi {display:block;width:29px;height:29px;position: absolute;right:2%;top:2%;z-index: 3;cursor: pointer; text-align:center;font-family: "font_family";}
.white_content .btn .guanbi::before{content: "\e611";font-size:29px;color: #999;}
.white_content .btn .guanbi:hover::before {color: #000;}
.white_content .btn .guanbi:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}





.iplay { border:#FFF 2px solid;border-radius:100px; width:75px; height:75px; cursor: pointer; overflow:hidden; position:relative; margin:auto;}
.iplay i{display:block;width:0;height:0;border-width:8px 0px 8px 12px;border-style:solid;border-color:transparent transparent transparent #fff;position:absolute;top:50%;left:50%; margin-left:-4px; margin-top:-8px;}
.iplay:hover {background: #fff;}
.iplay:hover i { border-color:transparent transparent transparent #000;}


.videoshow {display: none;background: #000;position: fixed;width: 100%;height:100%;z-index: 999;left: 0;top: 0;}
.videoshow .close {width: 40px;height: 40px;position: absolute;right: 2%;top: 5%;z-index: 104;cursor: pointer;}
.videoshow .close::before {font-family: "font_family";content: "\e611";color: #fff;font-size: 30px;}
.videoshow .close:hover {opacity: 0.5;}
.videoshow video {width:100%;height:100%;}

 
 

.pagenum { padding:1% 0 5% 0; overflow:hidden; clear:both;text-align: right;}
.pagenum a{ display:inline-block;vertical-align: top;height:35px;padding:0 15px; line-height:35px;text-align:center;color:#1a1a1a; overflow:hidden; margin:0 2px;font-size: 18px;font-family: 'Conv_Montserrat-Regular',Arial,"微软雅黑","黑体",'宋体';}
.pagenum a.cur,.pagenum a:hover,.pagenum a.on { background:#1a1a1a; color:#FFF;}
.pagenum a.return {width: 100px;font-size: 14px;float: left;}
.pagenum a:first-child,.pagenum a:last-child {font-size: 14px;font-weight: bold;}


.rolling-top {position: fixed; right:2%;bottom:10%;width: 30px; height: 80px; z-index: 999; display:none;cursor: pointer;}
.rolling-top h6 {font-size: 12px;color: #666;width: 10px;position:absolute;right:-5px;bottom:-20px;font-weight: normal;}
.rolling-top span { position: relative;width:100%;height:100%; display: block;}
.rolling-top i{ display: block;height:10px; width: 1px;position:absolute;left:50%;top:10%; margin-left: -1px; background: #666;animation: rolling-top 2000ms infinite ease-out;-webkit-animation: rolling-top 2000ms infinite ease-out;}
@keyframes rolling-top{
	0%{height:100px;top:85%;opacity: 0;} 
	100%{height:30px;top:10%;opacity: 1;}
}
.rolling-top:hover h6{color: #fa8d3e;}
.rolling-top:hover i{background: #fa8d3e;}



/* 滚动内容样式 */
.scroll_main{width:100%;display: block;}
.scroll_wrap {width:100%;height: 610px;position: relative;}
.scroll_cont{height: 100%;overflow: hidden; padding-right:5%;}
.scroll_bar{position: absolute;top:0;right:0;width:4px;height: 100%;background-color: #ededed;}
.scroll_slider{position: absolute;top:0px;right:0px;width:4px;height:100px;background-color:#1a1a1a; overflow:hidden;opacity:1.5; cursor:pointer;z-index: 9;}
.scroll_slider:hover{background-color:#fa8d3e;}

.foot-po {
    width: 100%;
    display: none;
}
.link{width:100%;float:left;margin-top:5%; color: #c4c4c4;
font-size: 16px;}
.link a{color: #c4c4c4;
font-size: 16px;}

/*内页开始*/
/*neiye*/
.nei-banner {
	width: 100%;
	float: left;
}
.nei-banner img {
	max-width: 100%;
}
.main {
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding-top: 3%;
	overflow: hidden;
}


.text .r{float:right; color:#7e7e7e;}

footer .copybar .text{width:100%;}


@media(max-width:1000px){
	footer .box-footer .foot_sites .item h3{ font-size:14px;}
	footer .box-footer .foot_sites .item p{ font-size:14px;}
	}





@media(max-width:640px){
	.foot-po{width:100%;display:block; position:fixed;bottom:0px;line-height:35px;float:left;z-index:99999;}
	.foot-po ul{display: flex;}
	.foot-po ul li{width:25%;float:left; text-align:center;background-color:#fa8d3e ; border-right:solid 1px #fff;}
	.foot-po ul li.etel{ /*background-color:#000;*/}
	.foot-po ul li.enal{ }
	.foot-po ul li:nth-child(4n) {border-right:none;}
	.foot-po ul li a{ color:#fff; font-size:1em;}
	.foot-po ul li span{float:left;width:100%; text-align:center;height:25px;margin-top:2px;}
	.foot-po ul li span img{max-width:100%;vertical-align:top;}
	.foot-po ul li p{float:left;width:100%; text-align:center;height:25px;line-height:25px; /*text-align:center; background-image:url(../img/t.png); background-repeat:no-repeat; background-position:0 5px;*/ }
    footer .box-footer .foot_sites .item:nth-child(2){display:none;}
	footer .box-footer .foot_sites .item:nth-child(3){display:none;}
	footer .box-footer .foot_sites .item:nth-child(4){display:none;}
	footer .box-footer .foot_logo{width:100%; text-align:center;}footer .box-footer .foot_logo img{width:50%;margin:auto;}
	footer .box-footer .foot_sites .item:first-child{width:100%;float:left; text-align:center;}
	footer .box-footer .foot_sites{width:100%;}
	footer .box-footer .foot_sites .item h3::after{margin-left:auto;margin-right:auto;left:0;right:0;}
    .link{display:none;}
	.scrollsidebar{display:none;}
}


