/* CSS Reset */
body, div, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;}
body sup {display: inline-block!important;vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#242424;-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:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
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,textarea::-webkit-input-placeholder {color:#a1a4b2;font-size:14px;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color: #a1a4b2;font-size:14px;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color: #a1a4b2;font-size:14px;}
img {max-width: 100%;max-height:100%;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.opacity0{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;}
.table {display: table;width: 100%;height: 100%;}
.table-cell {/* display: table-cell; *//* vertical-align: middle; */margin-top: 25%;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}


 



/* header */
.header {position: fixed;left: 0;top:0;width: 100%;z-index: 999;background: #fff;border-bottom: 1px solid #e6e6e6;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.header .content {width: 87.5%;height: 100%;margin: auto;position: relative;overflow: hidden;}
.header .content .left {position: relative;height: 90px;}
.header .content .left .logo{display: block;width:156px;height: 31px;position: absolute;left: 0;top: 50%;margin-top: -15px;background: url('../images/logoh.svg') center no-repeat;}
.header .content .left .logo.enlogo {background: url('../images/logoen2.png') center no-repeat;}
.header .content .left .logo img{opacity: 0;}
.header .content .center {text-align: center;position: absolute;left: 15%;width: 70%;height: 100%;top: 0;}
.header .content .center .nav{margin: 0;padding: 0;list-style: none;font-size: 0;}
.header .content .center .nav li{display: inline-block;margin: 0;list-style: none;position: relative;}
.header .content .center .nav li a{display: block; font-size: 15px;line-height: 90px;padding: 0 25px; position: relative;text-transform:uppercase;}
.header .content .center .nav li a:hover{color: #e60012;}
.header .content .right {text-align: right;font-size: 0;height: 100%;position: absolute;right: 0;}
.header .content .right .search {display: inline-block;vertical-align: middle; position: relative;height: 100%;}
.header .content .right .search .icon {display: block;width: 18px;height: 18px;position: absolute;right: 0;top: 50%;margin-top: -9px; background: url("../images/ss.png") center no-repeat;background-size: 100% ;}
.header .content .right .language {display: inline-block;vertical-align: middle;margin: 0 0px 0 30px; overflow: hidden;cursor: pointer;transition:all .4s ease;}
.header .content .right .language .icon{display: inline-block;vertical-align: middle;width: 18px;height: 18px;color: #1a1a1a;font-size: 14px; background: url("../images/ll.png") left center no-repeat;}
.header .content .right .language .language-show{position: absolute;right: -100px;width: 60px; display:inline-block;overflow: hidden; vertical-align: middle;text-align: center;transition:all .4s ease;}
.header .content .right .language .language-show a{display:inline-block;color: #000;font-size: 12px;line-height: 20px;opacity: .5;margin-left:10px;}
.header .content .right .language .language-show a:hover {opacity: 1;}
.header .content .right .language .language-show.cur {right: 0;}
.header .content .right .language:hover  {padding-right: 60px;}


.header .content .center .nav li.cur::after {content: '';display: block;width:20px;height: 4px;background: #e60012;position: absolute;left: 50%;bottom: 0;margin-left: -10px;}
.inside-pages .header-height{height: 0px;}
.inside-pages .header .content .left .logo{background:none;}
.inside-pages .header .content .left .logo img{opacity: 1;}
.inside-pages .header {background: none;border-bottom: 1px solid rgba(255,255,255,.1);}
.inside-pages .header .content .right .search .icon { background: url("../images/ss1.png") center no-repeat;background-size: 100% ;}
.inside-pages .header .content .right .language .icon{color: #fff;background: url("../images/ll1.png") left center no-repeat;}
.inside-pages .header.scroll-top,.inside-pages .header:hover {background: #fff;border-bottom: 1px solid #e6e6e6;}
.inside-pages .header.scroll-top .content .right .search .icon,.inside-pages .header:hover .content .right .search .icon{ background: url("../images/ss.png") center no-repeat;background-size: 100%;}
.inside-pages .header.scroll-top .content .right .language .icon,.inside-pages .header:hover .content .right .language .icon{color: #1a1a1a;background: url("../images/ll.png") left center no-repeat;}
.inside-pages .header .content .center .nav li a {color: #fff;}
.inside-pages .header:hover .content .center .nav li a,.inside-pages .header.scroll-top .content .center .nav li a {color: #000;}
.inside-pages .header .content .center .nav li a.cur {color: #e60012;}
.inside-pages .header:hover .content .center .nav li a:hover {color: #e60012;}
.inside-pages .header:hover .content .left .logo img,.inside-pages .header.scroll-top .content .left .logo img{display: none;}
.inside-pages .header:hover .content .left .logo,.inside-pages .header.scroll-top .content .left .logo{background: url("../images/logoh.svg") center no-repeat;}
.inside-pages .header:hover .content .left .logo.enlogo,.inside-pages .header.scroll-top .content .left .logo.enlogo {background: url('../images/logoen2.png') center no-repeat;}

.inside-pages .header .content .center .nav li.cur a {color: #e60012;}
.header.scroll-down {top: -100px;}
.header.scroll-down .header-nav-show 
{display: none;}

 

/* header - menu */
.header .content .center .nav li.cur a::after {width:100%;}
.header .content .center .nav li.cur a{color: #e60012;}
.header-nav-show {position: absolute;left: 0;top: 91px;background: #fff;width: 100%;height: auto;overflow: hidden;z-index: 999;}
.header-nav-show .content {overflow: hidden;width: 74.5%;margin: auto;}
.header-nav-show .content .nav-content.Hide {display: none;}
.header-nav-show .content .nav-content {display: block;min-height: 100px;}
.item-nav {position: relative;overflow: hidden;z-index: 20;}
.item-nav .cnav-show {margin: 0;padding: 0;font-size: 0;}
.cnav {float: left;}
.cnav.cnav1 {width: 100px;padding: 40px 0 100px 0;margin-left: 463px;position: relative;}
.cnav.cnav2::before {content: '';display: block;width: 1px;height: 100%;background: #e5e5e5;position: absolute;left:-10px;top:20px;z-index: 1;}
.cnav.cnav2 {width: 800px;padding:30px 0;position: relative;}
.cnav li{list-style: none;margin: 0;padding: 0;}
.cnav li a.cur h4{color: #000;}
.cnav li a.cur i {opacity:1;}
.cnav li a:hover h4{color: #000;}
.cnav li a{position: relative;display: block;padding:15px 0;overflow: hidden;}
.cnav li a h4{font-size: 17px;color: #999999;margin: 0;font-family: 'Conv_d-din.exp-bold', Arial;position: relative;z-index: 10;}
.cnav li a i{width: 20px;height:3px;position: absolute;top: 50%;right:0px;margin-top: -1px;background:#e60012;display: block;opacity: 0;z-index: 10;}
.cnav ul{display: none;width: 100%;}
.cnav ul.cur{display: block;}
.cnav ul li {width: auto;display: inline-block;}
.cnav ul li a h5 {font-size: 18px;color: #333;margin: 0;font-weight: normal;text-align: center;font-family: 'Conv_d-din.exp-bold', Arial;}
.cnav ul li a:hover h5{color: #e60012;}
.technology-nav {position: relative;overflow: hidden;text-align: center;padding:60px 0;z-index: 20;}
.technology-nav a {display: inline-block;vertical-align: middle;overflow: hidden;margin: 0 3%;}
.technology-nav a i{display: block;width: 110px;height: 60px;margin:auto;position: relative;}
.technology-nav a i img {display: block;position: absolute;top:0;right: 0;left: 0;bottom: 0;margin: auto;}
.technology-nav a h6{margin: 0;font-weight: normal;font-size: 16px;color: #000;padding-top:25px;}
.technology-nav a:hover h6{color: #e60012;}
.mark-bg {width: 100%;height: 100%;position:fixed;left: 0;top: 0;z-index: 100;background: #000;opacity: .5;display: none;}
.mark-bg.cur {display: block;}

.cnav li a .img {overflow: hidden;}
.cnav li a:hover img{transform:scale(1.03);}
.technology-nav a:hover i * {fill: #e60012!important;}




/* footer */
.footer {background: #181818;padding-top:100px;overflow: hidden; color: #fff;clear: both;}
.footer .content .left {float: left;width: 70%;padding-bottom:90px;overflow: hidden;}
.footer .content .left .footer-nav{}
.footer .content .left .footer-nav ul {list-style: none;margin: 0;padding: 0;float: left;width:15%;}
.footer .content .left .footer-nav ul strong{display: block;padding-bottom: 15px;}
.footer .content .left .footer-nav ul strong a {font-size: 17px;color: #fff;text-transform: capitalize;}
.footer .content .left .footer-nav ul li{list-style: none;margin: 0;padding: 5px 0;}
.footer .content .left .footer-nav ul li a{font-size: 14px;color: #666;}
.footer .content .left .footer-nav ul li a:hover {color: #fff;}
.footer .content .right {float: left;width: 30%;text-align: right;}
.footer .content .right .tel{color: #fff;font-size: 30px;padding-bottom: 8px;font-family: 'Conv_d-din.exp-bold', Arial;}
.footer .content .right .text{color: #666;font-size: 12px;line-height: 20px;}
.footer .content .center{clear: both;position: relative;padding-bottom: 30px;}
.footer .content .center .social{float: left;}
.footer .content .center .social a {width: 30px;height: 30px;margin-right: 10px;display: block;float: left;opacity: .5;position: relative;}
.footer .content .center .social a img.fcicon {width: 70%;margin: 15%;display: block;}
.footer .content .center .social a:hover {opacity: 1;}
.footer .content .center .social a.ficon1:hover .ewmshow1{display: block;}
.footer .content .center .social a.ficon2:hover .ewmshow2{display: block;}
.footer .content .center .social a.ficon3:hover .ewmshow3{display: block;}
.footer .content .center .wxshow {display: none;position: absolute;width: 100px;height: 100px;padding: 5px; background: #fff;left: -40px;bottom: 40px;z-index: 3;}
.footer .content .center .wxshow::before{content: '';display: block;position: absolute;left:50%;bottom: -10px;margin-left: -20px;border-right:20px solid transparent;border-left:20px solid transparent;border-top:20px solid #fff;}
.footer .content .center .wxshow img {display: block;width: 100%;height: auto;}
.footer .content .center .return{float: right;margin-bottom: 40px;}
.footer .content .center .return a {position: relative; font-size: 14px;color: #999; }
.footer .content .center .return a::after {content: '';display: inline-block;vertical-align: middle;width: 30px;height:20px;background: url("../images/top1.svg") center no-repeat;background-size: 50%;opacity: .7;}
.footer .content .center .return a:hover {color: #fff;}
.footer .content .center .return a:hover::after {opacity: 1;}
.footer .content .bottom{clear: both;overflow: hidden;border-top: 2px solid #303030;padding: 25px 0; font-size: 12px;color: #666;position: relative;}
.footer .content .bottom * {font-family:Arial,Microsoft Yahei,PingFang SC;}
.footer .content .bottom .copy{float: left;font-size: 12px;}
.footer .content .bottom .copy a {color: #666;} 
.footer .content .bottom .copy a:hover {color: #fff;}
.footer .content .bottom .copy a.niego {margin-left: 15px;}
.footer .content .bottom .flanguage{float: right;margin-top: -5px;} 
.footer .content .bottom .flanguage a{font-size: 14px;color: #999;} 
.footer .content .bottom .flanguage a:hover {color: #fff;}

 



/*浏览器*/
#browser_ie {BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; HEIGHT:auto;overflow: hidden; COLOR: #000; FONT-SIZE: 15px;text-align: center;position: absolute;left: 0;top: 0;width: 100%;z-index: 9999;}
#browser_ie .brower_info {MARGIN: 0px auto; WIDTH: 800px;padding: 1% 0;overflow: hidden;position:relative;text-align: center;}
#browser_ie .brower_info .notice_info {POSITION: relative;overflow: hidden;}
#browser_ie .brower_info .notice_info P { text-align: center; LINE-HEIGHT: 25px;overflow: hidden;DISPLAY: inline-block}
#browser_ie .browser_list {POSITION: relative;text-align: center;}
#browser_ie .browser_list IMG {WIDTH: 40px; HEIGHT: 40px}
#browser_ie .browser_list SPAN {TEXT-ALIGN: center;padding:1%;DISPLAY: inline-block;vertical-align: top;}
.close { z-index: 9999;width: 30px; height:30px;background: url("../images/xx.png") center no-repeat;background-size: 40%;text-align:center; padding:10px; position:absolute; right:2%; display:block; top:30px;cursor: pointer;}
.close:hover {background: url("../images/xx.png") center no-repeat #000;background-size: 40%; }

 


.aside-top {position: fixed; width: 50px;bottom:10%;right: 2%; z-index:199;display: none}
.aside-top a {width: 48px;height: 48px;display: block;overflow: hidden; background:url("../upload/up1.png") no-repeat center;border:2px solid #ccc;border-radius: 100%;}
.aside-top a:hover {border:2px solid #e60012 ;background:url("../upload/up.png") no-repeat center #e60012;}





/*scrollbar*/
::-webkit-scrollbar{height:4px; width:0px;background: #ccc;}
::-webkit-scrollbar-button{height:0; width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-style:solid; border-color:transparent;}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box; background-color:#ccc;}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 1px 1px 0 #333,inset 0 -1px 0 #333; background-clip:padding-box; background-color:#333; min-height:28px;}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px #333; background-color:#333;}
::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px #333; background-color:#333;}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-width:0;}
::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 #ccc; background-color:#ccc}
::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 #ccc,inset -1px -1px 0 #ccc; background-color:#ccc}









@font-face {
	font-family: 'Conv_d-din.regular';
	src: url('../fonts/d-din.regular.eot');
	src: local('☺'), url('../fonts/d-din.regular.woff') format('woff'), url('../fonts/d-din.regular.ttf') format('truetype'), url('../fonts/d-din.regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_d-din.exp-bold';
	src: url('../fonts/d-din.exp-bold.eot');
	src: local('☺'), url('../fonts/d-din.exp-bold.woff') format('woff'), url('../fonts/d-din.exp-bold.ttf') format('truetype'), url('../fonts/d-din.exp-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_d-din.exp';
	src: url('../fonts/d-din.exp.eot');
	src: local('☺'), url('../fonts/d-din.exp.woff') format('woff'), url('../fonts/d-din.exp.ttf') format('truetype'), url('../fonts/d-din.exp.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_MyriadPro-Regular';
	src: url('../fonts/MyriadPro-Regular.eot');
	src: local('☺'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}