@charset "utf-8";
/* CSS Document */
.lk{display: block;height: 0;width: 0;overflow: hidden;}
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); background-color: #fff; font-family:"PingFang SC","Hiragino Sans GB",STHeiti,"Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
/* input { -webkit-appearance: none; } */
a { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; color: #62b15d;}

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* 全局浮动 */
.fl { float: left; }
.fr { float: right; }


.wrapper{ width:100%; box-sizing:border-box; padding:0 40px;}
.wrapper_box{ margin:0 auto; width:1140px;}


.bgtable{ width:100%; border-collapse:collapse; border-spacing:0;}
.bgtable td{ border:1px solid #ccc; line-height:2; padding:0 10px;}

/*手机菜单栏*/
.top_menu{ display:none;}


/*首页顶部*/
.topbar{ background:#011c53; color:#fff; height:40px; line-height:40px; font-size:12px;}
.topbar ul li{ float:left;}
.topbar ul li a{ color:#fff;}
.topbar ul li.split{ font-size:12px; color:#666; padding:0 16px;}
.topbar ul li.hotline{ background:url(../images/telgo.png) no-repeat left center; padding-left:18px; background-size:15px;}
.topbar ul li.hotline span{ font-size:14px; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold;}
.topbar ul li.cn{ background:url(../images/china.jpg) no-repeat left center; padding-left:24px; margin-left:30px;}
.topbar ul li.en{ background:url(../images/usa.jpg) no-repeat left center; padding-left:24px; margin-left:5px;}

.header{ background:#011c53; color:#fff;}
.header .logo{ float:left; padding:22.5px 0; display:inline-block;}

/*首页顶部搜索框*/
.header .search{
	float: right;
}
.header-button {
    height: 36px;
    line-height: 30px;
    box-sizing: border-box;
    margin: 21.5px 0;
    border-radius: 4px;
    width: 100px;
    text-align: center;
    overflow: hidden;
    text-transform: capitalize;
    position: relative;
    z-index: 1;
    display: block;
    background: #00a0ea;
    border: none;
    cursor: pointer;
    color: #fff;
}
#toggle-search {
    float: right;
    background-position: -40px 0;
}
#search-form {
    -moz-transition: max-height, 0.5s;
    -o-transition: max-height, 0.5s;
    -webkit-transition: max-height, 0.5s;
    transition: max-height, 0.5s;
    position: absolute;
    top: 100px;
    right: 40px;
    width: 230px;
    max-height: 0;
    overflow: hidden;
    background-color: #e1e4e7;
}
#search-form.open {
    max-height: 40px;
	z-index:999;
}
#search-form fieldset {
    position: relative;
    margin: 0 60px 0 0;
    padding: 0;
    border: none;
}
#search-form input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 40px;
}
#search-form input[type="submit"] {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    margin: 0;
    padding: 0;
    font-weight: 700;
    text-transform: uppercase;
    color: #516270;
    background: #c6cacd;
    border: none;
    cursor: pointer;
}

/*导航条 主菜单*/
.menuBox {
	width: 770px;
	height: 43px;
	position: relative;
	z-index: 100;
	margin:0 auto;
	padding:18px 0;
}
.menuBox ul li {
	float: left;
	height: 43px;
	position: relative;
	margin-left: 1px;
}
.menuBox ul li a {
	height: 43px;
	display: block;
	line-height: 41px;
}
.menuBox ul li.nav0 a {
	width: 50px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
}
.menuBox ul li.nav0 a:hover, .menuBox li.nav0.hot a, .menuBox li.nav0 a.hot {
	background-position: 0 -43px;
	color: #feb600;
	font-weight: bold;
}
.menuBox ul li.nav1 a {
	color: #fff;
	font-size: 16px;
	padding: 0px 15px;
	text-align: center;
	font-weight: bold;
}
.menuBox ul li.nav1 a:hover, .menuBox li.nav1.hot a, .menuBox li.nav1 a.hot {
	color: #00a0ea;
	font-size: 16px;
	padding: 0px 15px;
	background-position: -314px -43px;
	font-weight: bold;
	text-transform: none;
}
.menuBox ul li.nav2 a {
	width: 100px;
	text-align: center;
	background-position: -159px 0;
}
.menuBox ul li.nav2 a:hover, .menuBox li.nav2.hot a, .menuBox li.nav2 a.hot {
	background-position: -314px -43px;
}
.menuBox ul li.nav3 a {
	width: 80px;
	text-align: center;
	background-position: -314px 0;
}
.menuBox ul li.nav3 a:hover, .menuBox li.nav3.hot a, .menuBox li.nav3 a.hot {
	background-position: -314px -43px;
}
.menuBox ul li.nav4 a {
	width: 100px;
	text-align: center;
	background-position: -468px 0;
}
.menuBox ul li.nav4 a:hover, .menuBox li.nav4.hot a, .menuBox li.nav4 a.hot {
	background-position: -468px -43px;
}
.menuBox ul li.nav5 a {
	width: 60px;
	text-align: center;
	background-position: -468px 0;
}
.menuBox ul li.nav5 a:hover, .menuBox li.nav5.hot a, .menuBox li.nav5 a.hot {
	background-position: -468px -43px;
}
.menuBox ul li.nav6 a {
	width: 100px;
	text-align: center;
	background-position: -468px 0;
}
.menuBox ul li.nav6 a:hover, .menuBox li.nav6.hot a, .menuBox li.nav6 a.hot {
	background-position: -468px -43px;
}
.menuBox ul li.nav7 a {
	width: 100px;
	text-align: center;
	background-position: -468px 0;
}
.menuBox ul li.nav7 a:hover, .menuBox li.nav7.hot a, .menuBox li.nav7 a.hot {
	background-position: -468px -43px;
}
.menuBox ul li.nav8 a {
	width: 100px;
	text-align: center;
	background-position: -468px 0;
}
.menuBox ul li.nav8 a:hover, .menuBox li.nav8.hot a, .menuBox li.nav8 a.hot {
	background-position: -468px -43px;
}
.menuBox ul li.nav9 a {
	width: 100px;
	text-align: center;
	background-position: -468px 0;
}
.menuBox ul li.nav9 a:hover, .menuBox li.nav9.hot a, .menuBox li.nav9 a.hot {
	background-position: -468px -43px;
}

/*子菜单*/
.menuBox ul ul {
	display: none;
	width: 120px;
	background: #17346d;
	position: absolute;
	padding: 20px 20px 20px 20px;
	z-index: 100;
}
.menuBox ul .submenu ul li {
	float: left;
	line-height: 25px;
	height: 25px;
	border: 0px;
	font-weight: normal;
	width: 100%;
}
.menuBox ul .submenu ul li a.topsubmenu {
	background: none;
	height: 24px;
	line-height: 24px;
	display: inline;
	color: #fff;
	font-weight: normal;
	font-size: 13px;
}
.menuBox ul .submenu ul li a.topsubmenu:hover {
	color: #8cdcff;
	text-decoration: none;
	display: inline;
	height: 24px;
	padding-left: 20px;
	font-size: 13px;
	animation-duration: 2s;
	animation-timing-function: linear;
	font-weight: normal;
}

/*banner*/
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; height: 700px; }
.bannerslide .swiper-slide a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; text-decoration: none; text-align: center; color: #fff; }
.bannerslide .swiper-slide a .con { margin-top: 52px; }
.bannerslide .swiper-slide a .con .tit { line-height: 48px; font-size: 40px; font-weight: 400; margin-bottom: 20px; }
.bannerslide .swiper-slide a .con .txt { line-height: 24px; font-size: 14px; font-weight: 400px; }
.paginationw { position: absolute; left: 0; text-align: center; bottom: 40px !important; width: 100%; z-index: 9; }
.swiper-pagination-bullet { background: #fff; opacity:.8; }
.swiper-pagination-bullet-active { background: #2ab9fb; }
.bannerslide .swiper-button-prev { background: url(../images/arrows.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }
.bannerslide .swiper-button-next { background: url(../images/arrows.png) no-repeat right bottom; position: absolute; right: 10px; top: 50%; margin-top: -15px; width: 17px; height: 30px; }

/*首页大标题*/
.bigtitle{ text-align:center;}
.bigtitle h2{ font-size:30px; color:#00579D; line-height:140%; margin-bottom:18px;}
.bigtitle .text{ color:#111; line-height:160%; font-size:14px;}


/*首页第1部分*/
.homebox1{ margin:70px 5%; height:auto; }
.box1{ display:inline-block; width:31%; text-align:center; background:#fff; margin-right:2%; vertical-align:text-top;}
.box1 .info{ text-align:left; padding:50px 50px 70px 50px;}
.box1 .info .title{ font-size:17px; line-height:160%; font-weight:600; margin-bottom:20px; color:#00579D;}
.box1 .info .text{ font-size:14px; line-height:160%;}
.box1 .info .button{ margin-top:30px;}
.box1 .info .button a{ background:#00579D; padding:10px 20px; color:#fff; font-size:14px; border-radius: 4px;}
.box2{ display:inline-block; width:32%; text-align:center; background:#f2f6fa url(images/ow.png) no-repeat right bottom; margin-right:2%; vertical-align:text-top;}
.box2 .info{ text-align:left; border-left:#f1f1f1 1px solid; border-top:#f1f1f1 1px solid; border-right:#dbdbdb 1px solid; border-bottom:#dbdbdb 1px solid; padding:50px 50px;}
.box2 .info .title{ font-size:24px; font-weight:bold; color:#00579D; line-height:140%;}
.box2 .info .text{ font-size:14px; line-height:160%; margin-bottom:30px;}
.box2 .info .text .text_width{ width:90%;}
.box2 .info .more{ font-size:13px; float:left; width:70%; color:#00579D; display:block;}
.box2 .box_pic{ text-align:right;}
.box3{ margin-right:0;}

/*首页第2部分*/
.homebox2{ background:#f2f6fa; padding:50px 0 40px 0;}

/*应用领域*/
.gallery-top {
	height: 600px;
	width: 100%;
}
.gallery-top .swiper-slide { 
	background-position: center; 
	background-size: cover; 
	position: relative; 
}
.gallery-thumbs {
	height: 140px;
	box-sizing: border-box;
	padding: 0px 0;
	width: 500px;
	top: -5px;
	margin-bottom: 50px;
}
.gallery-thumbs .swiper-slide {
	height: 100%;
	opacity: 0.8;
	width: 50px;
	font-size:14px;
}
.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	border-top: #2ab9fb 6px solid;
}
.gallery-app{ background:#f2f5fa; text-align:center;}
.gallery-app img{ margin:20px 0px 10px 0px;}

/*首页产品*/
.homebox3{ background:#f2f5fa url(../images/prbg.jpg) no-repeat center bottom; padding-bottom:73px;}
.homebox3 .bigtitle{ padding:60px 0 50px 0;}
.pro_width {
	max-width: 1600px;
	margin: 0 auto;
}
.pro_width .item {
	display: inline-block;
	width: 19.7%;
	text-align: center;
	background: #fff;
}
.pro_width .item .pic {
	text-align: center;
}
.pro_width .item .pic img{
	max-width:100%;
	display:block;
	height:auto;
	margin:0 auto;
}
.pro_width .item .name {
	text-align: center;
	padding:10px 10px 30px 10px;
}
.pro_width .item .name a {
	padding-bottom: 10px;
	display: block;
	font-weight: bold;
	font-size: 16px;
	color: #00579D;
}
.pro_width .item .en_name {
	font-size: 13px;
	height:38px;
	overflow:hidden;
}
.pro_more{ text-align:center; margin-top:50px;}
.pro_more a{ background:#00579D; padding:10px 20px; color:#fff; font-size:14px; border-radius: 4px; display:inline-block;}


/*首页关键客户*/
.homebox4{ background:#333; padding:110px 0 100px 0;}
.homebox4 .bigtitle{ padding-bottom:74px;}
.homebox4 .bigtitle h2{ color:#fff;}
.homebox4 .bigtitle .text{ color:#fff;}
.customer_width{ width:1140px; margin:0 auto;}
.customer-logo{ padding:80px 0px 60px 0; background:#fff;}
.customer-logo .logobox{ width:1000px; margin:0 auto;}
.customer-logo .logobox1{ margin-top:40px;}
.customer-logo .logobox .logopic{ text-align:center; font-size:14px; width:16%; display:inline-block; color:#333;}
.customer-logo .logobox .logopic:last-child{ margin-right:0;}
.customer-logo .logobox1 .logopic{ text-align:center; font-size:14px; width:18%; display:inline-block;}
.customer-logo .logobox1 .logopic:last-child{ margin-right:0;}

.roundsa {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.customer-page{ padding:20px 0px; background: rgba(14,17,19,0.4);}
.customer-page .page{ color:#FFF; font-size:14px; float:left; width:50%;}
.customer-page .page .zhengwen{ display:block; line-height:160%; text-align:left;  margin-left:70px; color:#FFF; font-size:14px;}
.customer-page .page .zhengwen .q1{ background:#00a0ea; color:#fff; font-size:13px; padding:5px 10px; text-align:center; font-weight:bold; display:inline;}
.customer-page .page .zhengwen .q2{ color:#fff; font-size:13px; padding:5px 10px; text-align:center; font-weight:bold; line-height:25px; display:inline;}
.customer-page .page .zhengwen .q3{ border:#999 1px dashed;}
.customer-page .page-more{ text-align:right; float:left; width:50%;}
.customer-page .page-more .zhengwen{ display:block; line-height:160%; text-align:right; margin-right:70px;}
.customer-page .page-more .zhengwen a{ color: #FFF; text-decoration:underline;}

/*首页五年发展规划*/
.homebox5{ padding:60px 0 40px 0;}
.homebox6{ background:url(../images/developbg.jpg) no-repeat center bottom; height:700px; padding-top:50px;}

.Timeline{ position:relative;}
.Timeline .Time{ position:absolute; top:60px; left:0px;}
.Timeline .Time1{ position:absolute; top:110px; left:250px;}
.Timeline .Time2{ position:absolute; top:155px; left:505px;}
.Timeline .Time3{ position:absolute; top:200px; left:750px;}
.Timeline .Time4{ position:absolute; top:240px; left:984px;}
.Timeline .Tim{ width:170px; height:20px; display:block; vertical-align:top; text-align:left; color:#FFF;}
.Timeline .pic1{ position:absolute; top:130px; left:-40px;}
.Timeline .pic2{ position:absolute; top:130px; left:-40px;}
.Timeline .pic3{ position:absolute; top:120px; left:-40px;}
.Timeline .pic4{ position:absolute; top:110px; left:-40px;}
.Timeline .pic5{ position:absolute; top:100px; left:-40px;}
.Timeline .line{ position:relative;}
.Timeline .year{ font-size:14px; margin-bottom:10px; font-weight:800;}
.Timeline .title{ font-size:24px; margin-bottom:20px; font-weight:800;}
.Timeline .list{ font-size:12px; opacity:0.8;}
.Timeline .list ul li{ list-style:none;}


/*首页新闻*/
.homebox7{ padding:90px 0 80px 0;}
.homebox7 .bigtitle{ padding-bottom:50px;}
.Newsitem{ margin:0 5%; height:auto;}
.Newsitem .item{ float:left; width:32%; text-align:center; background:#f2f6fa url(../images/newbg.png) no-repeat right bottom; margin-right:2%; vertical-align:text-top;}
.Newsitem .item:last-child{ margin-right:0;}
.Newsitem .item .title{ text-align:left; border-left:#f1f1f1 1px solid; border-top:#f1f1f1 1px solid; border-right:#dbdbdb 1px solid; border-bottom:#dbdbdb 1px solid; padding:50px 50px 70px 50px;}
.Newsitem .item .title a{ margin-bottom:20px; display:block; font-weight:bold; font-size:18px; color:#00579D;}
.Newsitem .item .text{ font-size:13px; margin-bottom:20px; display:block; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; word-break: break-all;-webkit-line-clamp: 3;}
.Newsitem .item .date{ font-size:13px; float:left; width:70%;}

/*底部*/
.footer{ background:#013a67;}
.foot_wrapper{ margin:0 5%; width:90%;}
.foot_menu{ padding:70px 0;}
.foot_menu dl{ float:left; width:10%;}
.foot_menu dl dt{ font-size:15px; padding-bottom:10px; color:#fff;}
.foot_menu dl dd{ padding-top:5px; line-height:180%; color:#fff; font-size:14px;}
.foot_menu dl dd a{ color:#fff;}
.foot_menu dl.cont{ width:24%;}
.foot_menu dl.cont dd{ font-size:13px; line-height:160%;}
.foot_menu .erweima{ float:right; text-align:center;}
.foot_menu .erweima h4{ font-size:15px; padding-bottom:10px; color:#fff; line-height:160%; text-align:right;}
.foot_menu .erweima p{ font-size:12px; color:#fff;}
.foot_nav{ padding-bottom:20px; border-bottom:#22537b 1px solid;}
.foot_nav a{ display:inline-block; color:#fff; font-size:13px; margin-right:13px;}
.copy{ color:#fff; font-size:13px; padding:24px 0 75px 0;}
.copy a{ color:#fff;}
.copy .fr a{ background:#00a0ea; padding:10px 20px; color:#fff; font-size:14px; margin-left:5px;}


@media (max-width: 1200px){
	.wrapper,.pro_width,.customer_width,.wrapper_box{ width:100%; box-sizing:border-box; padding:0 20px; max-width:none;}
	.header .logo{ width:20%;}
	.menuBox{ width:66%; float:left;}
	.bannerslide .swiper-slide{ height:600px;}
	.box2 .info .text{ word-break: break-all;}
	.gallery-top{ height:450px;}
}

@media (max-width: 1024px){
	.header .search{ display:none;}
	.menuBox{ float:right; width:77%;}
	.bannerslide .swiper-slide{ height:500px;}
	.homebox1{ width:100%; box-sizing:border-box; padding:0 20px; margin:70px auto;}
	.box1,.box2{ float:left;}
	.box3{ width:33%;}
	.customer-logo .logobox{ width:100%;}
	.customer-logo .logobox .logopic{ margin:0 40px; margin-right:0;}
	.customer-logo .logobox1 .logopic{ margin:0 30px; margin-right:0;}
	.homebox6{ height:600px;}
	.Timeline .title{ font-size:20px;}
	.Timeline .Tim{ width:139px;}
	.Timeline .Time{ top:-18px; left:25px;}
	.Timeline .Time1{ top:20px; left:240px;}
	.Timeline .Time2{ top:58px; left:445px;}
	.Timeline .Time3{ top:98px; left:655px;}
	.Timeline .Time4{ top:130px; left:845px;}
	.foot_menu dl{ width:13%;}
	.foot_menu dl.cont{ width:27%;}
}

@media (max-width: 768px){
	.top_menu { float: right; display: block; margin-top:16px;}
	.topbar .fl{ display:none;}
	.menuBox{ display:none;}
	.bannerslide .swiper-slide{ height:400px;}
	.box1, .box2{ width:100%;}
	.customer-logo .logobox .logopic{ width:20%; margin:0; margin-bottom:20px;}
	.customer-logo .logobox1{ margin-top:20px;}
	.homebox6{ background:#035f9e; height:400px;}
	
	.Timeline .pic1,.Timeline .pic2,.Timeline .pic3,.Timeline .pic4,.Timeline .pic5{ display:none;}
	.Timeline,.Timeline .Time,.Timeline .Time1,.Timeline .Time2,.Timeline .Time3,.Timeline .Time4{ position:inherit; float:left; margin-right:15px; margin-bottom:15px; width:30%;}
	.Timeline .Tim{ height:auto; width:160px;}
	
	.foot_nav .fr{ display:none;}
	.foot_menu dl.cont{ display:none;}
	.foot_menu dl{ width:19%;}
}

@media (max-width: 440px){
	.topbar{ display:none;}
	.bannerslide .swiper-slide{ height:200px;}
	.box1 .info{ 
		background:#f2f6fa;
		border-left: #f1f1f1 1px solid;
		border-top: #f1f1f1 1px solid;
		border-right: #dbdbdb 1px solid;
		border-bottom: #dbdbdb 1px solid;
	}
	.gallery-top{ height:250px;}
	.gallery-thumbs{ width:100%;}
	.homebox3{ background-size:cover; background:#f2f5fa;}
	.pro_width .item{ width:100%; margin-bottom:20px;}
	.homebox4{ background-size:cover;}
	.customer-logo{ padding:40px 0;}
	.customer-logo .logobox .logopic{ width:48%;}
	.customer-page .page{ display:none;}
	.customer-page .page-more{ float:right; width:100%;}
	.Timeline,.Timeline .Time,.Timeline .Time1,.Timeline .Time2,.Timeline .Time3,.Timeline .Time4{ width:45%;}
	.homebox6{ height:400px;}
	.Newsitem .item{ width:100%; margin-bottom:20px;}
	.foot_menu{ display:none;}
	.foot_nav{ display:none;}
	.copy .fr{ display:none;}
	.copy{ padding:30px 0;}
	.bigtitle h2{ font-size:26px;}
}