﻿body {
	width: 100%;
	position: relative;
	background: #f5f5f5;
	overflow: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity .3s
}
.body-box {
    margin-top: 80px;
}
body.on {
	opacity: 100;
	filter: alpha(opacity=100)
}
.w1400 {
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	width: 92%
}
/*banner*/
.wel-banner {
	width: 100%;
	overflow: hidden;
	position: relative
}
.wel-banner .slides img {
	width: 1920px;
	height:100%;
	position: absolute;
	left: 50%;
	margin-left: -960px
}
.wel-banner .slides li {
	width: 100%;
	float: left;
	overflow: hidden;
	height: 600px;
	position: relative
}
.wel-banner.case-banner .slides li {
	height: 415px
}
.wel-banner .flex-control-nav {
	bottom: 13px;
	z-index: 2
}
.wel-case .flex-control-nav {
	bottom: 20px
}
.wel-banner .flex-control-nav li,  .wel-case .flex-control-nav li {
	margin: 0 2px
}
.wel-banner .flex-control-nav li a,  .wel-case .flex-control-nav li a {
	width: 12px;
	height: 12px;
	background: url(../images/btn01.png) no-repeat center;
	background-size: 100% 100%;
	transition: background .3s;
	box-shadow: none
}
.manage-bot .flex-control-nav {
	display: none
}
.wel-banner .flex-control-paging li a.flex-active,  .wel-banner .flex-control-paging li a:hover,  .wel-case .flex-control-nav li a:hover,  .wel-case .flex-control-nav li a.flex-active {
	background: url(../images/btn01_h.png) no-repeat center;
	background-size: 100% 100%;
	box-shadow: none
}

/*应用领域*/
.wel-case {
	padding: 42px 0 0 0;
	width: 100%;
	position: relative;
	overflow: hidden
}
.ser-contact-list li a {
	display: block;
	width: 100%
}
.wel-case-title {
	font-size: 24px;
	color: #24272b;
	font-weight: bold;
	line-height: 42px;
	margin-bottom: 22px
}
.wel-case-list {
	padding-bottom: 86px
}
.wel-case .flex-viewport {
	overflow: visible !important
}
.wel-case .slides li {
	overflow: hidden;
	position: relative;
	float: left;
	width: 420px;
	margin-right: 25px
}
.wel-case .slides .con {
	position: absolute;
	bottom: -72%;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	display: block;
	padding: 9% 50px 0;
	transition: bottom .3s
}
.wel-case .slides .bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #fff;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0)
}
.wel-case .slides .font-bg {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: #000;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	transition-property: opacity;
	transition-duration: .3s;
	transition-delay: .2s
}
.wel-case .slides .tit {
	font-size: 18px;
	color: #fff;
	line-height: 25px;
	color: #fff;
	font-weight: bold
}
.wel-case .slides .en {
	font-size: 16px;
	color: #fff;
	opacity: .6;
	filter: alpha(opacity=60);
	line-height: 24px;
	min-height: 24px
}
.wel-case .slides .font {
	font-size: 18px;
	color: #fff;
	line-height: 34px;
	margin-top: 18px
}
.wel-case .slides .more {
	margin-top: 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .3);
	background: url(../images/wel02.png) no-repeat center
}

.wel-zhuanjia {
	padding-top: 80px
}
.wel-zhuanjia-title {
	font-size: 24px;
	text-align:center;
	color: #24272b;
	line-height: 42px;
	margin-bottom: 22px;
	font-weight: bold;
	position: relative
}
.wel-zhuanjia .row1{
	padding:30px;
	width:80%;
	margin:0 auto;
	zoom:1;
	overflow:hidden;
}
.wel-zhuanjia .row1 li{
	width:25%;
	float:left;
	text-align:center;
}
.wel-zhuanjia .row1 li img{
	width:40%;
}
.wel-zhuanjia .row1 li span{
	display:block;
	font-size:16px;
}
.wel-zhuanjia .row2{
	padding:30px;
	width:100%;
	margin:0 auto;
	zoom:1;
	overflow:hidden;
}
.wel-zhuanjia .row2 li{
	width:20%;
	float:left;
	text-align:center;
}
.wel-zhuanjia .row2 li img{
	width:40%;
}
.wel-zhuanjia .row2 li span{
	display:block;
	font-size:16px;
}

/*产品*/
.wel-product {
	padding-top: 80px
}
.wel-product-title {
	font-size: 24px;
	color: #24272b;
	line-height: 42px;
	margin-bottom: 22px;
	font-weight: bold;
	position: relative
}
.wel-product-title a {
	display: inline-block;
	font-size: 14px;
	color: #24272b;
	position: absolute;
	top: 0;
	right: 0;
	width: 95px;
	transition: color .3s
}
.wel-product-title span {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #b0b0b0 url(../images/wel04.png) no-repeat center;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -12px;
	transition: background .3s
}
.wel-product .left {
	padding: 0 10px 0 0;
	width: 50%;
	float: left
}
.wel-product .right {
	padding: 0 0 0 10px;
	width: 50%;
	float: right
}
.wel-product .product-1 {
	padding: 0 10px 0 0;
	margin-bottom: 20px;
	height: 190px;
	text-align: center
}
.wel-product .container a {
	width: 100%;
	text-align: center;
	height: 100%;
	display: block;
	background: #fff;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	transition: box-shadow .3s
}
.wel-product .product-2 {
	padding: 0 0 0 10px;
	margin-bottom: 20px;
	height: 190px;
	text-align: center
}
.wel-product .product-3 {
	width: 100%;
	height: 393px;
	padding: 0
}
.wel-product .product-3 .pic {
	height: 100%;
	position: relative;
	width: 100%
}
.wel-product .product-3 img {
	height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -345px
}
.wel-product .contrast {
	width: 14px;
	height: 16px;
	background: url(../images/wel09.png) no-repeat center;
	position: absolute;
	bottom: 15px;
	right: 20px;
	cursor: pointer;
	transition: background .3s
}
.wel-product .ico-1 img {
	max-height: 100%;
	max-width: 100%
}
.wel-product .ico-1.ico_11 img {
	max-height: 100%;
	max-width: 350px
}
.wel-product .container {
	width: 100%;
	padding: 0
}
.wel-product .container .row {
	margin: 0
}
.wel-product .ico-1 h2 {
	font-size: 16px;
	color: #fff;
	position: absolute;
	bottom: 10px;
	line-height: 26px;
	height: 26px;
	width: 100%;
	text-align: left;
	padding: 0 15px 0 15px;
	overflow: hidden
}
.wel-product .ico-1 .bg {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #dd231f;
	display: block;
	height: 0;
	transition: height .3s
}
.wel-product .product-4 {
	margin-bottom: 20px;
	width: 100%;
	padding: 0;
	height: 393px
}
.wel-product .product-4 img {
	max-height: 100%;
	position: relative;
	left: 50%;
	margin-left: -101%
}
.wel-product .product-4 .con {
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	padding: 16px 45px 20px
}
.wel-product .product-4 h2 {
	font-size: 16px;
	color: #fff;
	line-height: 26px;
	height: 26px;
	width: 100%;
	overflow: hidden
}
.wel-product .container h2,  .wel-product .container p.font {
	opacity: 0;
	filter: alpha(opacity=0)
}
.wel-product .product-4 .bg {
	width: 100%;
	background: #dd231f;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0;
	transition: height .3s
}
.wel-product .product-4 .font {
	font-size: 14px;
	color: #fff;
	opacity: .7;
	filter: alpha(opacity=70);
	line-height: 24px;
	height: 24px;
	overflow: hidden
}
.wel-product .product-3 .contrast,  .wel-product .product-4 .contrast {
	position: absolute;
	bottom: 40px;
	right: 45px
}

.wel-video {
	width: 100%;
	height: 525px;
	position: relative;
	background-size: 100% !important;
	overflow: hidden
}

/*新闻*/
.wel-news {
	padding: 49px 0 79px
}
.wel-news .container {
	width: 100%;
	padding: 0
}
.wel-news .row {
	margin: 0
}
.wel-news .wnews {
	padding: 0;
	width: 25%
}
.wel-news .wnews.news02 {
	padding: 0 40px;
	width: 50%
}

.wel-news .container {
	width: 100%;
	padding: 0
}

.wel-news .news01 a {
	width: 100%;
	padding: 36px 10% 0;
	height: 674px;
	display: block;
	position: relative;
	overflow: hidden;
	background-size: cover !important;
	transition: background .3s
}
.wel-news .news02 a {
	width: 100%;
	padding: 36px 7% 0;
	height: 674px;
	display: block;
	position: relative;
	overflow: hidden;
	background-size: cover !important;
	transition: background .3s
}
.wel-news .news02 .more {
	width: 182px;
	height: 50px;
	background: #dd231f;
	text-align: center;
	position: absolute;
	left: 12%;
	bottom: 57px;
	font-size: 16px;
	z-index: 2;
	color: #fff;
	line-height: 50px;
	transition: left .3s, background .3s
}

.wel-news .news03 a {
	width: 100%;
	padding: 36px 10% 0;
	height: 316px;
	display: block;
	position: relative;
	overflow: hidden;
	background-size: cover !important;
	transition: background .3s
}
.wel-news .news03 a:first-child {
	margin-bottom: 40px
}
.wel-news h3 {
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	z-index: 2;
	position: relative;
	margin-bottom: 30px;
	transition: margin .3s
}
.wel-news h2 {
	font-size: 22px;
	color: #fff;
	z-index: 2;
	position: relative;
	line-height: 40px;
	transition: margin .3s
}
.network-news a h3 {
	margin-bottom: 5px;
}
.wel-news p.content-first {
	font-size: 18px;
	color: #333;
	z-index: 2;
	position: relative;
	line-height: 40px;
	transition: margin .3s
}
.wel-news p.content {
	font-size: 18px;
	color: #fff;
	z-index: 2;
	position: relative;
	line-height: 40px;
	transition: margin .3s
}
.wel-news .bg {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 1;
	background: rgba(0, 0, 0, .4);
	width: 100%;
	height: 100%;
	transition: opacity .3s
}
.wel-news .news01 h3,  .wel-news .news01 h2 {
	color: #222
}
.network-wnews.news01 h3 {
	color: #fff;
}

/*footer*/
footer {
	width: 100%;
	background: #1758a3;
	padding: 52px 0 7px
}
.footer-top {
	padding-bottom: 29px;
	border-bottom: 1px solid #2167b7
}

.footer-bot {
	padding: 30px 0
}
.footer-bot-left p {
	text-align:center;
	font-size: 14px;
	color: #fff;
	line-height: 22px;
	opacity: .5;
	filter: alpha(opacity=50)
}

.footer-top-left {
	float: left;
	width: 24.7%
}
.footer-top-center {
	float: right;
	width: 62.6%
}
.footer-top h2 {
	font-size: 18px;
	color: #fff;
	line-height: 33px;
	margin-bottom: 7px;
	opacity: .8;
	filter: alpha(opacity=80)
}

.footer-top-center li p {
	width: 50%;
	float: left;
	font-size: 14px;
	color: #fff;
	line-height: 24px
}

/*header*/
header {
	width: 100%;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	height: 80px;
	line-height: 80px;
	z-index: 10;
	box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}
header .logo {
	width: 190px;
	height: 100%;
	text-align: center;
	float: left;
	margin-left: 2%
}
header .logo img {
	max-width: 88%
}
header .enght {
	float: right;
	margin-right: 2%;
	font-size: 16px;
	color: #666;
	position: relative;
	z-index: 1;
	height: 100%;
}
header .enght span{
	color:#d9271b;
	font-size:20px;
	font-weight:bold;
}
header .nav-box {
	width: 50%;
	margin: 0 auto
}
header .nav-box ul {
	width: 100%
}
header .nav-box li {
	width: 11.6%;
	float: left;
	text-align: center
}
header .nav-box a {
	font-size: 16px;
	color: #333;
	height: 100%;
	display: block;
	width: 100%;
	transition: color .3s
}
header .nav-box a:hover {
	color: #d42719
}

.mobile-nav-box {
	display: none
}


/*list*/
.step{ height:50px;  border-bottom:solid 1px #ddd; margin-top:80px; background:#fff;}
.step p{ line-height:50px; width:1160px; margin:0 auto; font-size:14px;}
.list{ width:1160px; margin:30px auto;}
.list h3{ font-size:20px; line-height:24px; margin-bottom:20px;}
.list h3 span{ font-size:14px; color:#666; display:block;}
.list dl{ border-bottom:solid 1px #ddd; padding:20px 0;}
.list dl dt{ font-size:18px; line-height:40px;}
.list dl dt img{ width:300px; height:180px;}
.list dl dd.data{ font-size:14px; line-height:40px; color:#999;}
.list dl dd.txt{ font-size:14px; line-height:24px;}
.list dl dd.txt1{ font-size:14px;    overflow: hidden;
    zoom: 1;}
.list dl dd.txt1 img{
	max-width: 200px;height: 150px;margin-right: 15px;
}


.page{ text-align:center; padding:10px; font-size:14px;}

.view{ width:1160px; margin:30px auto; background:#fff;}
.viewInfo{ width:780px; margin:0 auto; padding:50px 0;line-height:24px;}
.viewInfo img{ max-width:780px; margin:0 auto; padding:50px 0;}
.viewInfo h2{ font-size:24px; text-align:center; line-height:40px;}
.viewInfo h4{ font-size:14px; text-align:center; line-height:40px; color:#666; font-weight:400;}
.viewInfo p{ font-size:14px; line-height:24px; margin-bottom:15px;}

.box1{border: solid 0px #d8d8d8;}
.box1 h1{border-bottom:solid 1px #d5d5d5;}
.box1 h1 span{ color:#005e98; font-size:14px; padding-left:15px;}
.box1 ul{ padding:3px; zoom:1;overflow: hidden;}

.productk{
    margin:0px;
    zoom:1;
    overflow: hidden;
    width: 100%;
    background-color: #ffffff;
}
.productk ul{
    zoom:1;
    overflow: hidden;
    margin-top: 10px;
}
.productk ul li{
    width: 220px;
    height: 180px;
    float: left;
    text-align: center;
    padding:1px;
    font-size: 14px;
    border: 1px solid #ddd; margin-right: 9px; margin-bottom: 10px;
}
.productk img{
    max-width: 200px;
    height: 145px;
    padding:1px;
}

.productk ul li span{line-height: 24px; padding: 2px; font-size: 13px; display: block;}

.producti {margin: 0px; zoom:1; overflow:hidden; background-color: #fff;width: 100%;}
.producti ul{zoom:1; overflow: hidden; margin-right: 0px; margin-top: 10px; margin-left: 10px;}
.producti ul li{padding:3px;
			 text-align:center; font-size:14px; border: solid 1px #ddd; float: left; margin-right: 3px; margin-bottom: 10px;
			  width:221px;}
.producti ul li span{line-height:32px; display:block; border-top: solid 1px #ddd; background: #fff; margin-top:3px;}
.producti img { max-width: 200px; height: 170px}
.producti a{color: #000;}

.producti h2{
	font-size: 14px;
	color: #aaaaa;
	font-weight: normal;
	background: url(../images/ico02.gif) no-repeat 10px center;
	padding-left: 20px;
	position: relative;
	border-bottom: 2px solid #ededed;
	line-height: 34px;
	height: 34px;
    width: 98%;
}
.producti h2 a{float: right; margin-right: 5px; font-size: 13px;}


.productc{
    margin:0px;
    zoom:1;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
}
.productc ul{
    zoom:1;
    overflow: hidden;
    margin-top: 10px;
}
.productc ul li{
    width: 221px; 
    float: left;
    text-align: center;
    padding:1px;
    font-size: 14px;
    border: 1px solid #ddd; margin-right: 3px; margin-bottom: 10px;
}
.productc img{
    max-width: 206px;
    height: 172px;
    padding:1px;
}

.productc ul li span{line-height: 24px; padding: 2px; font-size: 13px; display: block;}

.yqlj a{color: #000000;}