﻿/* basic */
html,body,dl,dd,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,p,em{margin:0;padding:0; border:0; font-family: "微软雅黑"; font-style:normal;}
section,nav,header,footer{display:block;}
html{font-size:16px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol,li{list-style-type:none;}
img{border:0;display:block;}
img { pointer-events: none; }
select,input,select{vertical-align:middle;outline: none;}
table{border-collapse:collapse;border-spacing:0}
iframe{border:none;}

.dclears{clear: both; overflow: hidden;}
.about_text .margin_top20{border-bottom:1px dashed #ccc; padding-bottom:25px; margin-bottom:25px;}
a:link{color:#666666;text-decoration:none;}
a:visited{color:#666666;text-decoration:none;}
a:hover{color:#e99e0c;text-decoration:none;}
a:active{color:#0093ff;text-decoration:none;}
.h{display:none;visibility:visible;}
.c{clear:both;font-size:0;line-height:0;height:0;visibility:visible;}
.fix{*zoom:1;}
.fix:after{clear: both;content:"";display: table;}
.fl{float:left;}
.fr{float:right;}
.list_inline > li {display:inline-block;}
.margin_right10{ margin-right:10px;}
.margin_right20{ margin-right:20px;}
.margin_top20{ margin-top:20px;}
.margin_top40{ margin-top:40px;}
.margin_top60{ margin-top:60px;}
.margin_left50{ margin-left:50px;}
.margin_bom20{ margin-bottom:20px;}
.margin_bom60{ margin-bottom:60px;}
.padding_top20{ padding-top:20px;}
.padding_top60{ padding-top:60px;}
.po_re{ position: relative;}
.po_ab{ position: absolute;}

.width100{width:100%;}

.productimg{
	margin-top: 40px;
}

header{ position: fixed; top: 0; background: #FFF; z-index: 100; width: 100%; padding-bottom: 25px;}
@media screen and (max-width:1000px){
	nav{ display:none; text-align:left;}
	nav { float: none; margin-top: 5px;}
	nav > ul{ width:100%; }
	nav > ul > li{  padding:10px; border-bottom: 1px solid #CCC;}
	.nav_dow{ width:100%; background:#093c71 ;   display: none; }
	.nav_dow li{ padding: 20px;}
	nav > div{ display:none;}
	}
@media screen and (min-width:1000px){
	nav{ display: block;}
	nav { float: right; margin-top: 13px;}
	nav > ul{ display: inline-block; }
	nav > ul > li{ display: inline-block; padding:10px; margin-right: 10px;}
	.nav_dow{ width:100%; background:#093c71 ; height: 50px;  text-align: center; position:absolute; top:73px;  left: 0;  display: none; z-index:3;}
	.nav_dow li{ display: inline-block; padding-left: 5px;padding-right: 5px; padding-top: 15px; padding-bottom: 15px;}
	nav > div{ width: 30px; height: 30px; background: #f26729; border-radius: 5px;  text-align: center; line-height: 30px; color: #FFF; display: inline-block; cursor: pointer;}
	}

.nav_dow li a,nav > div a,#language a{ color: #FFF;}
.langua a{ color: #FFF!important;}
.nav_dow li:hover{ background: #f26729;}
.nav_on{ background: url(../img/header_ico.jpg) center bottom no-repeat;}
nav > ul > li > a:link,nav > ul > li > a:visited{ color: #333;}
nav > ul > li > a:hover{ color: #f26729;}

.nov-bar{ display: block; width: 20px; height: 2px; border-radius: 1px; background: #f26729; margin-bottom: 2px;}

@media screen and (max-width:400px){
	#header_top{ padding-top: 20px;}
	#header_top{text-align:center; padding-top: 20px;}
	#logo{ margin: 0 auto; width:130px; height: 26px;}
	#logo a{display:block;}
	#logo img{display:block;}
	#logo img{width:130px; height: 26px;}
    #nov_ico{ display: block; padding: 10px; border: 1px solid #f26729; border-radius: 5px; width: 40px; height: 30px;  position: absolute;  left: 10px; top: 20px;}
	#language{width: 30px; height: 30px; background: #f26729; border-radius: 5px;  text-align: center; line-height: 30px; color: #FFF; display: block; cursor: pointer; position: absolute;  right: 10px; top: 20px;}
	
}
@media screen and (min-width:400px) and (max-width:1000px){
	#header_top{ padding-top: 20px;}
	#header_top{text-align:center; padding-top: 20px;}
	#logo{ margin: 0 auto; width:200px; height: 36px;}
	#logo img{width:200px; height: 36px;}
	#nov_ico{ display: block; padding: 10px; border: 1px solid #f26729; border-radius: 5px; width: 40px; height: 30px;  position: absolute;  left: 10px; top: 20px;}
	#language{width: 30px; height: 30px; background: #f26729; border-radius: 5px;  text-align: center; line-height: 30px; color: #FFF; display: block; cursor: pointer; position: absolute;  right: 10px; top: 20px;}
	
}
@media screen and (min-width:1000px){
	#header_top{ padding-top: 20px;}
	#nov_ico{ display: none;}
	#logo{ float: left; width:228px; height: 42px;}
	#logo img{width:228px; height: 42px;}
	#language{ display: none;}

}
/***768设备导航***/

#banner{ margin-top: 20px; }


footer{ background: #2b2b2b; padding: 40px 0px 40px 0px; color: #FFF;}
.footer_ul > li{ width: 33%; float: left;  min-height: 190px;}
.footer_ul > li>a{ color: #FFF;}
.footer_ul li ul li{ margin-bottom: 5px; color:#666;}
.backups_header > li > a,.backups_header2 > li > a{ width: 100%; border-bottom: 1px solid #999;  padding: 10px; display: block; font-size: 16px;}
.backups_header{ display: none; margin-top: 30px;}
.backups_header > li > a{ text-align: left;}
.backups_header_cor > li > a{color: #093c71;}
.backups_header_cor2 > li > a{color: #FFF;}
.backups_header_cor > li > a{color: #333;}
.nav_dow2{ display: none;}
.nav_dow2 li a{ color: #FFF; display: block; width: 100%; padding: 10px; background: #093c71;}
.nav_dow3 li a{ color: #333; display: block; width: 100%; padding: 10px; background: #FFF;}
.nav_dow3 li a:hover,.nav_dow2 li a:hover{ background: #f26729; color: #FFF; }
@media screen and (max-width:770px){
	.backups_header2{ display: block;}
	.footer_ul{ display: none;}
	.nav_dow3{ display: none;}
}

@media screen and (min-width:770px){
	.backups_header2{ display: none;}
	.footer_ul{ display: block;}
}

.top_bt_con{ background: url(../img/page_tlt_bg.jpg); padding-left: 40px; padding-top: 60px; padding-right: 40px; padding-bottom: 40px; text-align: center; color: #FFF;}

#suspend_box{  position: fixed; right: 4%; bottom: 5%; cursor: pointer; display: none;}
#suspend_box img{ width: 40px; height: 40px;}
 
.qclj_mg{
margin-top: 190px;
}
/* 发展历程 */
.timeline{ position: relative;}
.timeline:before{ content:''; position: absolute; top:0;  left: 50%; margin-left: 20px;height: 100%; width: 5px; background: #fc6719;}
@media (max-width: 1000px){ 
	.timeline:before{ display: none;}	
}
/* 产品 */
	.container2{padding-bottom: 0px;}
 .fbx-close:before{content: "×"!important;}
 .fbx-prev:before{content: "<"!important;}
 .fbx-next:before{content: ">"!important;}


#btnOK{width:100%;}
#btnSubmit{ width: 50%;margin-left:280px;}
 @media (max-width:414px){
 	.science_text iframe{height:300px!important;}
	.major_text iframe{height:300px!important;}
}
@media (max-width:768px){
#btnLiuyan{margin-top:20px;}
#btnOK{margin-top:20px;}
#btnSubmit{margin-top:20px;}
}
 @media (min-width:414px) and (max-width:768px) {
.img-responsive{width: 100%;}

}
.foogallery-default.spacing-width-10 a{ margin-left: 10px;}
.orang{ width: 140px; padding: 8px 0; background: #f26729; color: #fff; display: block; text-align: center;}