/* CSS Document */
body{margin:0px; padding:0px; font-size:14px; font-weight:normal; text-decoration: none; font-family:"Microsoft YaHei"; color:#222222;}
ul,li,p,form,div,dl,dd,dt,h2,h1,h3,h4{
margin:0px; padding:0px; list-style:none; list-style-type:none;
}
.fl{float:left;}
.fr{float:right;}
img{border:0px;}
.clearfix{*zoom:1;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
a:link,a:visited,a:active{
color:#303030; font-size:12px; text-decoration:none;
}	
a:hover{
text-decoration:none; font-size:12px; color:#1e50ae;
}
a{outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{
height:0px; overflow:hidden; clear:both;}
.container {
	position:relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1200px){
	.container {
		width: 1200px;
	}
}
header{width:100%;}
header .topArea{background:#f7f7f7; height:33px; line-height:33px; border-bottom:1px solid #ececec;}
header .topArea ul{position: absolute; right: 0; top: 0;}
header .logo{float:left; margin-top:15px; margin-bottom:10px; height:96px;}
header .logo img{max-height:100%; float:left;}
header .logo h1{float:left; color:#1e50ae; margin-top:10px;}
header .logo h1 span{display:block; font-size:14px; font-weight:normal; color:#666; margin-top:10px;}
header .tel{float:right; margin-top:30px;}
header .tel .telicon{width:45px; height:45px; line-height:45px; background:#1e50ae;border-radius:50%; color:#fff; text-align:center; float:left;}
header .tel .telicon i{font-size:25px;}
header dd{float:left; margin-left:10px;}
header .tel span{display:block; font-size:22px;}
header .menu{background:#1e50ae; height:50px; }

.nav{height:50px;}
.nav li{float:left;}
.nav li.xian{width:2px; height:50px; background:url(../images/xian.jpg);}
.nav li.first{margin-left:0;}
.nav li.nobg{background:none}
.nav a{text-align:center;height:50px;line-height:50px; font-size:16px; width:120px;}
.nav a:link,.nav a:visited,.nav a:hover,.nav a:active{color:#FFFFFF;}
.nav li.on a, .nav a.hover, .nav a:hover{background:#13439d;}

.nav{display:block;position:relative;z-index:990;}
.nav li{display:inline; float:left; position:relative;}
.nav a{display:block;}
.nav ul{display:none; position:absolute; left:0;}
* html .nav ul{line-height:0;} /* IE6 "fix" */
.nav ul a{zoom:1;} /* IE6/7 fix */
.nav ul li{float:none;display:block;}
.nav ul ul{top:0;}

.nav ul{padding-top:6px;left:0px; width:120px;}
.nav ul div{text-align:center; color:#13439d; height:16px;}
.nav ul div span{font-size:24px;}
.nav ul li{background:none;padding:0;margin-left:0;}
.nav ul a:link,.nav ul a:visited,.nav ul a:active{height:40px;line-height:40px; width:100%; font-weight:normal; font-size:13px; background:none; color:#FFFFFF; padding:0px; background:#13439d;}
.nav ul li.on a{color:rgb(19,67,157); background:#fff;}
.nav ul:hover div{color:#fff;}

.banner{width:100%; position:relative; overflow:hidden;}
.banner .swiper-slide a {
	display: block;
	width: 100%;
}

.banner .swiper-slide a>img {
	width: 100%;
}

.banner .swiper-slide-active .banbg {
	width: 100%;
	height:500px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	animation: bigimgani 5500ms forwards ease-out;
}
.banner .i-banner{width:1200px; position:absolute; top:0; left:50%; margin-left:-600px; z-index:2;}

.banner .i-banner .img1{text-align:center; position:absolute; width:100%; top:115px;}
.banner .i-banner .t1{font-size:70px; color:#FFF; text-align:center; font-weight:600;}
.banner .i-banner .i-bannerzi{text-align:center; position:absolute; top:130px; width:100%;}
.banner .i-banner .img2{position:absolute; top: 24px;  left: 105px;  width: 450px;}
.banner .i-banner .img2 img{width:450px;}
.banner .i-banner .bg02{position: absolute; top: 81px;  left: 597px;width: 491px;}
.banner .i-banner .textbg02{position: absolute; top: 172px; left: 602px;  width: 438px;}
.banner .i-banner .text02{position: absolute;  top: 281px;  left: 597px;width: 704px; font-size:14px; color:#a9a9a9;}
.bt2-1{position: absolute;  top:112px;  left:620px;width: 704px; font-size:72px; color:#1e50ae; font-weight:bold;}
.bt2-2{position: absolute; top:132px; left:926px; width:131px;font-size:24px; color:#1e50ae; font-weight:bold;}
.bt2-3{position: absolute; top:218px; left:610px; width:430px; line-height:46px; font-size:16px; color:#fff; text-align:center;}
.bt2-3 li{float:left; width:20%;}
/**/
@-webkit-keyframes bigimgani {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes bigimgani {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUpSmall {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 80px, 0);
		transform: translate3d(0, 80px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.banner.swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
	bottom: 50px;
}

.banner .swiper-pagination {
	text-align: center;
	font-size: 0;
	width: 100% !important;
}

.banner .swiper-pagination li {
	display: inline-block;
	vertical-align: top;
	color: rgba(255, 255, 255, 0.8);
	font-size: 16px;
	width: auto;
	margin-left: 35px;
	cursor: pointer;
}

.banner .swiper-pagination li.active {
	position: relative;
	color: #FFFFFF;
	padding-right: 180px;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}

.banner .swiper-pagination li.active:before {
	content: '';
	position: absolute;
	left: 25px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 180px;
	height: 1px;
	background: rgba(255, 255, 255, 0.3);
}

.banner .swiper-pagination li.active:after {
	content: '';
	position: absolute;
	left: 25px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 0px;
	height: 2px;
	background: #FFFFFF;
	animation: mymove 5s linear forwards;
	-webkit-animation: mymove 5s linear forwards;
	/*Safari and Chrome*/
	*/
}

@keyframes mymove {
	from {
		width: 0px;
	}

	to {
		width: 180px;
	}
}

@-webkit-keyframes mymove

/*Safari and Chrome*/
	{
	from {
		width: 0px;
	}

	to {
		width: 180px;
	}
}



.indexproduct{margin-top:60px;}
.w220{width:220px; background:#023257; min-height:200px;}
.w220 .title{background:url(../images/title.png) no-repeat; text-align:center; color:#fff; line-height:89px; font-size:24px;}
.w220 ul{margin:0 20px; margin-top:20px;}
.w220 ul li{margin:10px 0;}
.w220 ul li a{color:#fff; line-height:40px; font-size:15px; display:block; text-indent:10px;}
.w220 ul li a:hover,.w220 ul li a.current{background:#1e50ae;}
.w480{width:480px;}
.w960{width:960px; border: 1px #e6e6e6 solid;}
.w960 .title{line-height:45px; position:relative; background:#fafafa; text-indent:5px; font-size:16px; color:#1e50ae;}
.w960 .title span{font-size:20px; margin-right:5px;}
.w960 .title a{position:absolute; right:10px; top:0; color:#1e50ae;}
.w960 .imglist{margin:15px;}
.w960 .imglist li{float:left; position:relative; width:25%; box-sizing:border-box; padding:0 15px; margin:15px 0;}
.w960 .imglist li .hover_show{position: absolute; top: -45px;right: 0;  height: 45px;  line-height: 45px; transition: .25s; opacity: 0; width: 100%; z-index:-1;}
.w960 .imglist li .hover_show .round{width:45px; height:45px; border-radius:50%; background:rgba(0,0,0,.7); color:#fff; line-height:45px; text-align:center; margin:0 auto;}
.w960 .imglist li .hover_show .round i{font-size:24px;}
.w960 .imglist li:hover .hover_show{top:60px;opacity:1; z-index:1;}
.w960 .imglist li img{max-width:100%;}
.w960 .imglist li span{display:block; text-align:center; margin-top:10px;}
.w960 .imglist li span a{font-size:14px;}
.product{margin-top:60px;}
.product .title{
	line-height:45px;  border-bottom: 1px solid #eaeaea; color:#1e50ae; font-size:16px; position:relative; text-indent:10px;
}
.product .title:after{
	content:'';
	position:absolute; left:0; bottom:0; height:1px; background:#1e50ae; width:90px; z-index:1;
}
.product .imglist{margin:15px;}
.imglist li{float:left; position:relative; width:20%; box-sizing:border-box; padding:15px 10px;}
.product .imglist li .hover_show{position: absolute; top: -50px;right: 0;  height: 45px;  line-height: 45px; transition: .25s; opacity: 0; width: 100%;}
.product .imglist li .hover_show span{width:45px; height:45px; border-radius:50%; background:rgba(0,0,0,.7); color:#fff; line-height:45px; text-align:center; margin:0 auto;}
.product .imglist li .hover_show span i{font-size:24px;}
.product .imglist li:hover .hover_show{top:100px;opacity:1;}
.product .imglist li img{max-width:100%;}
.product .imglist li div{display:block; text-align:center; margin-top:10px; text-align:center;}
.product .imglist li div p{font-size:16px; line-height:25px; border-bottom:2px solid red; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.product .imglist li div span{display:block; color:#666;}
.product .imglist li div code{color:green; font-weight:bold; }
.w960 .imglist li div a{font-size:14px;}

.ad1{margin-top:60px; height:260px; background:url(../images/ad1.jpg) no-repeat top;}
.simpleText{top:71px; position:absolute;}

.case{margin-top:60px;}
.ctitle{position:relative; border-bottom: 1px solid #eaeaea; color:#1e50ae; font-size:28px; line-height:60px; color:#333; text-align:center;}
.ctitle:after{position:absolute; bottom:-2px; left:50%; height:4px; width:96px; margin-left:-48px; content:''; background:#ff6437;}
.picscroll{margin-top:20px;  overflow:hidden; height:230px;}
.picscroll ul li{float:left; margin-right:20px;}
.picscroll ul li img{max-height:100%;}

.inabout{margin-top:60px; padding-top:20px; position:relative;}
.inabout::before{background:#113061; content:''; position:absolute; top:0; left:0; width:100%; height:420px;}
.inabout h2{font-size:28px; font-weight:normal; color:#fff; text-align:center; font-family:"Microsoft YaHei";}
.inabout .text{text-align:center; color:#ffffff; margin-top:15px; line-height:30px; width:960px; margin:0 auto; margin-top:15px;}
.inabout .text a{background:#ff6537; color:#fff; display:inline-block; margin-top:50px; padding:5px 30px; border-radius:5px;}
.pichonor{background:#fff; margin-top:35px; height:224px; overflow:hidden;}
.pichonor ul li{float:left; margin-right:20px;}
.pichonor ul li img{height:224px;}
.ad2{margin-top:60px; background:#113061; padding:50px 0;}
.ad2 ul{width:650px;}
.ad2 ul li{}
.ad2 ul li img{max-height:170px;}

.feedback{background:#f6f6f6; padding:25px 0; color:#666;}
.feedback p{margin-top:15px; text-align:center;}
.feedback form{width:880px; margin:0 auto; margin-top:70px; }
.feedback .row{margin-top:20px;}
.feedback label{float:left; line-height:30px; text-align:right;padding-right:10px; margin-left:50px;}
.feedback input{float:left;width:205px;height:28px;padding-left:5px;border:#ccc 1px solid;}
.feedback textarea{float:left;width:295px; height:110px;padding:5px;border:#ccc 1px solid;}
.feedback button{ color:#fff; line-height:44px; border:1px solid #f90000; border-radius:2px; padding:0 40px;  background: linear-gradient(to bottom,#ff6261,#fe504f,#ff6261);}
.feedback .row label:first-child{margin-left:0;} 
.contact{margin-top:20px;}
.contact .text{box-shadow: 5px 5px 10px rgba(245, 245, 245, 1); margin-top:20px; padding:10px;}
.contact .fl{width:553px; background:#1d50af; color:#fff; padding:50px 20px; box-sizing: border-box;}
.contact .fl h2{font-size:30px; font-family:"Microsoft YaHei"; font-weight:normal;}
.contact .fl p{margin-top:50px; line-height:30px; width:270px;}
.contact .map{float:left; width:627px; height:340px;}

.link{margin-top:30px; color:#353535; min-height:100px;}
.link span{ font-size:16px;}
.link a{font-size:14px;}
footer{background:#282828; margin-top:10px; padding:15px 0;}
footer .copyright{color:#ffffff; text-align:center;}

.BackToTop{width:50px; height:50px; background:#3e89f9; right:57px; bottom:50px; line-height:50px; text-align:center;bottom: 50px; cursor:pointer; position:fixed; z-index:31; color:#fff; border-radius:5px; display: none; opacity:1;}
.BackToTop i{font-size:30px;}
.BackToTop:hover{opacity:0.6;}

.online{width:46px; position:fixed; background:#1e50ae; top:50%; right:0; border-radius:5px; transform: translateY(-50%); z-index:9999; cursor:pointer; box-sizing:border-box;}
.online .ontype{border-bottom: 1px dashed hsla(0,0%,100%,.3);border-radius:5px; box-sizing:border-box; color: #fff; display: inline-block; height: 48px; line-height:46px; left:0;    position: relative; text-align: center;  transition: transform .3s ease 0s; white-space: nowrap; cursor:pointer;}
.online .ontype:hover{border:none; border-radius: 4px 0 0 4px; transform: translateX(calc(-100% + 46px));}
 .online .ontype .icon{display: inline-block; font-size:20px; margin:0 13px; vertical-align: middle;}
.online .ontype.hover{background:#fff; border:1px solid #1e50ae; color:#1e50ae;}
.online .ontype:hover .stitle{display:inline-block;}
.online .ontype .stitle{display: none;
    margin-right: 12px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 84px; word-break: break-all;}
.online .ontype:last-child .icon{border:none;}
.online .ontype .icon i{font-size:24px;}
.online .ontype .stext{background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0,0,0,.12);
    color: #333;
    font-size: 14px;
    left: -16px;
    line-height: 24px;
    padding: 15px;
    position: absolute;
    text-align: left;
    top: 50%;
    transform: translate(-100%,-50%) scale(0);
    transform-origin: center;
    transition: transform .3s;}
.online .ontype:hover .stext {
    transform: translate(-100%,-50%) scale(1)
}
.stext:after {
    background: #fff;
    content: "";
    filter: drop-shadow(2px -2px 1px rgba(0,0,0,.05));
    height: 8px;
    position: absolute;
    right: 0;
    right: -12px;
    top: 50%;
    transform: translate(-100%,-50%) rotate(45deg);
    width: 8px;
}

.content{margin-top:20px;}

.productlist{margin:15px;}
.productlist li{float:left; position:relative; width:25%; box-sizing:border-box; padding:15px 10px;}
.productlist li .hover_show{position: absolute; top: -50px;right: 0;  height: 45px;  line-height: 45px; transition: .25s; opacity: 0; width: 100%;}
.productlist li .hover_show span{width:45px; height:45px; border-radius:50%; background:rgba(0,0,0,.7); color:#fff; line-height:45px; text-align:center; margin:0 auto;}
.productlist li .hover_show span i{font-size:24px;}
.productlist li:hover .hover_show{top:100px;opacity:1;}
.productlist li img{max-width:100%;}
.productlist li div{display:block; text-align:center; margin-top:10px; text-align:center;}
.productlist li div p{font-size:16px; line-height:25px; border-bottom:2px solid red; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
.productlist li div span{display:block; color:#666;}
.productlist li div code{color:green; font-weight:bold; }

.right{float:right; width:960px;}
.right .title{line-height:45px; position:relative; background:#fafafa; text-indent:5px; font-size:16px; color:#1e50ae; text-indent:15px;}
.imgshow{margin-top:30px;}
.newslist{margin:15px;}
.newslist dl{border-bottom:1px dashed #ccc; padding:15px 5px;}
.newslist dt{float:left; background: #f2f2f2; padding:10px; width:84px; text-align:center; box-sizing: border-box; margin-right:15px;}
.newslist dt span{display:block;}
.newslist dt span.day{font-size:25px; line-height:25px;}
.newslist dd a{font-size:16px;}
.newslist dd p{color: gray;  font-size: 14px; line-height: 24px; margin-top: 4px;}
.info{margin:15px;}
.info h1.title{color: #333; font-size: 25px; font-weight: 400; height:50px; line-height:50px;}
.info .desc{margin:20px 0; color: #adadad;  font-size: 13px;}
.info .newsinfo{}
.info img{max-width:100%;}

.titleText{position:relative; border-bottom: 1px solid #eaeaea; color:#1e50ae; line-height:45px; font-size:16px; color:#1e50ae; text-indent:15px;}
.titleText:after{position:absolute; bottom:0; left:0; height:2px; width:96px; content:''; background:#1e50ae;}

.piclist{margin-top:10px;}
.piclist li{float:left; width:47%; margin:1.5%; border-radius: 6px; box-shadow: 0 0 15px 0 rgba(0,0,0,.1); padding:5px; box-sizing:border-box;}
.piclist li img{max-width:100%;}
.piclist li span{padding:10px; line-height:30px;}
.cretitle{text-align:center; margin:15px; font-size:16px;}
.credentials{ width:100%; overflow:hidden;}
.credentials li{float:left; margin-left:15px;}

.caseclist li{float:left; width:23%; margin:1%;}
.caseclist li img{max-width:100%;}
.caseclist li h4{font-size:16px; color:#666; line-height:30px;}
.caseclist li div{line-height:25px;}
.page {
	clear: both;
	margin: 20px 0px 30px 0px;
	text-align: center;
}
.page a {
	display: inline-block;
	font-family: Arial;
	font-size: 13px;
	border: #dbdbdb 1px solid;
	padding: 4px 9px;
	margin: 2px;
	margin-bottom: 5px;
	color: #31363c;
	text-decoration: none
}
.page a:hover, .page a:focus {
	font-family: Arial;
	font-size: 13px;
	border: #000 1px solid;
	padding: 4px 9px;
	color: #fff;
	background-color: #31363c;
}
.page .active {
	font-family: Arial;
	border: #000 1px solid;
	font-size: 13px;
	padding: 5px 9px;
	color: #fff;
	margin: 2px;
	background-color: #31363c
}

.mt30{margin-top:30px;}