/* 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: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:16px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#a1a4b2;font-size:16px;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color: #a1a4b2;font-size:16px;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color: #a1a4b2;font-size:16px;}
/*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;
}
.mbshow2{
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	
}
.relative {position: relative;}
.table {display: table;width: 100%;height: 70%;}
.table-cell {display: table-cell;vertical-align: middle;}
.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;}
.content {width:96%;margin: auto;}

 



/* header */
.header {position: fixed;left: 0;top:0;width: 100%;z-index: 9999;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;  }
.header .content {width: 94%;margin: auto;}
.header .content .left {position: relative;height: 112px;}
.header .content .left .logo{display: block;width: 205px;height: 62px;position: absolute;left: 0;top: 50%;margin-top: -28.5px; background: url("../images/logo.png") left center no-repeat;background-size: 100%;}
.header .content .left .logo img{opacity: 0;}
.header .content .right {text-align: right;font-size: 0;}
.header .content .right .nav{display: inline-block;vertical-align: middle;margin: 0;padding: 0;list-style: none;}
.header .content .right .nav li{display: inline-block;margin: 0;padding:45px 33px 0px 34px;height: 72px; list-style: none;position: relative;}
.header .content .right .nav li::after,.header .content .right .search::after{content: '';display: block;width: 1px;height:24px;position: absolute;right: 0;top: 50%;margin-top: -14px; background: #e4e8ed;opacity: .1;}
.header .content .right .nav li a{color: #fff; font-size: 16px;padding-bottom: 10px; position: relative;text-transform: capitalize;}
.header .content .right .nav li a::after {content: '';display: block;width:0px;height:2px;position: absolute;left: 0;bottom: 0; background: #f08200;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.header .content .right .nav li a:hover::after {width:100%;}
.header .content .right .nav li a:hover{color: #f08200;}
.header .content .right .search {display: inline-block;vertical-align: middle;padding: 0 30px;position: relative;}
.header .content .right .search .icon {display: block;width: 17px;height: 17px;background: url("../images/ss.svg") center no-repeat;background-size: 100% ;}
.header .content .right .language {display: inline-block;vertical-align: middle;margin: 0 0px 0 30px;padding:40px 0; overflow: hidden;cursor: pointer;}
.header .content .right .language .icon{display: block; width: 17px;height: 17px;background: url("../images/ll.svg") no-repeat;}
.header .content .right .language .language-show{display: none;position: absolute;width: 100px;padding:10px;right: 6px;text-align: center;top: 80px;background: rgba(0,0,0,.5)}
.header .content .right .language .language-show:before {content: '';position: absolute;top: -10px;left: 50%;margin-left: -15px;border-right: 15px solid transparent;border-left: 15px solid transparent;border-bottom: 15px solid #000;}
.header .content .right .language .language-show a{display: block; color: #fff;font-size: 12px;line-height: 27px; margin-bottom:10px;opacity: .5;}
.header .content .right .language .language-show a:hover {opacity: 1;}
.header .content .right .language .language-show.cur {display: block;}


.header.scroll-down {top: -100px;}
.header.scroll-top,.header.hover {background: #00458e;}
.header.scroll-down .header-nav-show 
{display: none;}

.header.scroll-top .left {height: 80px;}
.header.scroll-top .right .nav li {padding:30px 33px 29px 34px;height: auto;}
.header.scroll-top .content .right .language {padding:20px 0 20px 0;}
.header.scroll-top .header-nav-show {top: 80px;}
.header.scroll-top .content .right .language .language-show {background: #000;}
.header.scroll-top .content .right .nav li::after, .header.scroll-top .content .right .search::after {margin-top: -10px;}



/* header - menu */
.product-nav .type-item .text .ptitle h3 a{ color:#fff; font-size:14px}
.header .content .right .nav li.cur a::after {width:100%;}
.header .content .right .nav li.cur a{color: #f08200;}
.header .content .right .nav li a.cur{color: #f08200;}
.header-nav-show {position: absolute; top: 117px; width: 115px;height: auto;overflow: hidden;z-index: 999; background-color:rgba(0,0,0,0.5);  }

.header-nav-show .content:nth-child(1) .product-nav{ left:65%}



.header-nav-show .content {overflow: hidden;  }
.header-nav-show .content .nav-content.Hide {display: none;}
.header-nav-show .content .nav-content {display: block;padding:2% 0;}
.product-nav {position: relative;overflow: hidden;text-align: center;}
.product-nav .type-item{width: 100%;display: inline-block;vertical-align: top; margin-right:2%;text-align:center; color:#fff }
.product-nav .type-item:last-child {margin-right: 0;}
.product-nav .type-item .img{width: 100%; height: 160px;background: #f2f2f2;position: relative;overflow: hidden;}
.product-nav .type-item .img img {display: block;position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;width: auto;height: auto;}
.product-nav .type-item .img a:hover img{transform:scale(1.05);transition: all .4s;}
.product-nav .type-item .text{overflow: hidden;}
.product-nav .type-item .text:hover{ }
.product-nav .type-item .text .ptitle{position: relative; color:#fff }
.product-nav .type-item .text .ptitle h3{margin:11px 0; font-weight:normal; font-size:15px}
.product-nav .type-item .text .ptitle h3 a {display: block;}
.product-nav .type-item .text .ptitle h3 a:hover {color: #f08200 ;  }
.product-nav .type-item .text .ptitle i{width:22px;height: 25px;position: absolute;right: 0;top: 0;background: url("../images/right5.svg") center no-repeat;background-size:100%;}
.product-nav .type-item .text .ptitle:hover a{color: #f08200; }
.product-nav .type-item .text .ptitle:hover i{background: url("../images/right4.svg") center no-repeat;background-size:100%;}
.product-nav .type-item .text .plist{overflow: hidden;padding: 10px 0;}
.product-nav .type-item .text .plist li {list-style: none;margin: 0;padding: 0;max-width: 30%;}
.product-nav .type-item .text .plist li.fl {float: left;min-width:15%;}
.product-nav .type-item .text .plist li.fr {float: right;min-width:15%;margin-right: 10%;}
.product-nav .type-item .text .plist a{display: block;font-size: 16px;color: #999;position: relative;padding: 5px 20px 5px 0;}
.product-nav .type-item .text .plist a::after {content: '';width: 10px;height: 10px;margin-left: 10px; display:block;position: absolute;top:50%;margin-top: -5px;right: 0; background: url("../images/right8.svg") no-repeat center;opacity: .4;}
.product-nav .type-item .text .plist a:hover {color: #000;} 
.product-nav .type-item .text .plist li.fl a {font-size: 16px;}
.product-nav .type-item .text .plist li a {font-size: 14px;}	

#application .product-nav .type-item .img {height: 158px;}
#fenix .product-nav .type-item .text .plist li {max-width: 40%;}
#service .product-nav .type-item .text .plist li {max-width: 40%;}
#about .product-nav .type-item .text .plist li {max-width: 40%;}





/* footer */
.footer {background: #181818;padding-top:100px;overflow: hidden; color: #fff; z-index:222!important; position:relative}
.footer .content {width: 75%;}
.footer .content .left {float: left;width:80%;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:25%;}

.footer .content .left .footer-nav ul:nth-child(1){ width:15%;}
.footer .content .left .footer-nav ul:nth-child(2){ width:15%;}
.footer .content .left .footer-nav ul:nth-child(3){ width:35%;}
.footer .content .left .footer-nav ul:nth-child(4){ width:35%;}

.footer .content .left .footer-nav ul strong{display: block;padding-bottom: 15px;}
.footer .content .left .footer-nav ul strong a {font-size: 18px;color: #fff;}
.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: 20%;text-align: right;}
.footer .content .right .tel{color: #fff;font-size: 30px;padding-bottom: 8px;font-family: 'Barlow-Bold'; text-align:right}
.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;}
.footer .content .center .social a.fwx {background: url("../images/f1.svg") center no-repeat;background-size:75%;}
.footer .content .center .social a.fwb {background: url("../images/f2.svg") center no-repeat;background-size:75%;}
.footer .content .center .social a:hover {opacity: 1;}
.footer .content .center .wxshow {display: none;position: absolute;width: 100px;height: 100px;padding: 5px; background: #fff;left: -40px;bottom: 50px;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: 14px;}
.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%; }

 

/* 滚动内容样式 */
.scroll_main{width:100%;display: block;}
.scroll_wrap {width:100%;height: 237px;position: relative; font-size:13px;}
.scroll_cont{height: 100%;overflow: hidden; }
.scroll_bar{position: absolute;top:0;right:0;width:2px;height: 100%;background-color: #f0f2fa;}
.scroll_slider{position: absolute;top:0px;left:0px;width:2px;height:20%;background-color:#c4c5cc; overflow:hidden; cursor:pointer;}
.scroll_slider:hover{background-color:#233d52;}




/* 图片弹窗 */
.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: rgba(0,0,0,.7);  overflow: hidden; display: none; -moz-transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url("../images/loading.gif") no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none; /*background: url(../images/arrows.png) no-repeat;*/ opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #fff; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;background: url(../images/close.png) no-repeat; transition-duration: 0.5s;}
.closed:hover {opacity: 0.5;}




/*scrollbar*/
::-webkit-scrollbar{height:4px; width:0px;}
::-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 #ccc,inset 0 -1px 0 #ccc; background-clip:padding-box; background-color:#ccc; min-height:28px;}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px #ccc; background-color:#ccc;}
::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px #ccc; background-color:#ccc;}
::-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}



.videoshow {position: fixed;top: 0;left: 0;z-index: 999;width: 100%;height: 100%;background: #000;text-align: center;display: none;}
.videoshow video {display: block;height: 100%;width:auto;max-width: 100%;margin: auto;}





.aside-top {position: fixed; width: 50px;bottom:10%;right: 3%; z-index:199;display: none}
.aside-top a {width: 38px;height: 38px;opacity: .5; display: block;overflow: hidden; background:url(../images/aside-top2.svg) no-repeat center;background-size:70%;border:1px solid #a7a7a7;}
.aside-top a:hover {background: #ff7800 url(../images/aside-top1.svg) no-repeat center;border:1px solid #ff7800 ;background-size: 70%;opacity: 1;}
 
@font-face {
	font-family: 'Barlow-Bold';
	src: url('../fonts/Barlow-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Barlow-Regular';
	src: url('../fonts/Barlow-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}