body,p,h1,h2,h3,h4,h5,h6,li,span,i,ul,img,a,strong,input{margin:0;padding:0; font-family: "microsoft yahei";}
body{ font-size:14px; color:#333;}
li{list-style-type:none; float:left;}
a{text-decoration:none;outline: none;color:#333;}
a:hover{text-decoration:none;outline: none;color:#305DC4;}
img{border:none;}
i{font-style:normal}
input,select,textarea{outline:none;text-indent:6px;}
textarea{resize:none;}
div{margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
body{
	width: 100%;

}

.wid{
	width: 1180px;
}
.head{
	width: 100%;
	display: table;
	border-top: 5px solid #305dc4;
}

.logo{
	margin-top: 5px;
	float: left;
}

.menu{
	float: right;
}

.menu ul li{
	line-height: 30px;
	padding: 20px 25px;
	position: relative;
}
.menu ul li .slide{
	width: 150px;
	display: table;
	background-color: rgba(48,93,196,.8);
	position: absolute;
	left: 50%;
	top: 70px;
	margin-left: -75px;
	padding: 4px 0;
	border-top: 1px solid #fff;
	display: none;
	z-index: 999;
}
.menu ul li:hover .slide{
	display: table;
}
.menu ul li .slide p{
	width: 100%;
	display: table;
	text-align: center;
	line-height: 40px;
	font-size: 12px;
}
.menu ul li .slide p a{
	color: #fff;
}
.menu ul li .slide p:hover{
	background-color: #0e348b;
}
.menu ul li a{
	color: #305dc4;
}

.menu ul li.acti{
	background-color: #305dc4;
}

.menu ul li.acti a{
	color: #fff;
}
.menu ul li:hover{
	background-color: #305dc4;
}
.menu ul li:hover a{
	color: #fff;
}

.banner{
	width: 100%;
	height: 580px;
	margin-top: 5px;
	position: relative;
}


.banner span.prve{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/left.png) center no-repeat;
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 99;
	margin-left: -300px;
	cursor: pointer;
}
.banner span.next{
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/right.png) center no-repeat;
	position: absolute;
	left: 50%;
	bottom: 30px;
	z-index: 99;
	margin-left: 300px;
	cursor: pointer;
}

.banner .bann {
	width: 100%;
	height: 100%;
}

.banner .bann ul {
	width: 100%;
	height: 100%;
}

.banner .bann ul li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.banner .cirl {
	position: absolute;
	bottom: 30px;
	width: 50%;
	left: 25%;
	z-index: 1;
	text-align: center;
}

.banner .cirl ul {
	font-size: 0;
}

.banner .cirl ul li {
	width: 12px;
	height: 12px;
	background: #000;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 4px;
	float: none;
	opacity: .3;
	display: inline-block;
}

.banner .cirl ul li.acti {
	opacity: .8;
}





.about{
	display: table;
	padding-bottom: 150px;
}
h5.tits{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 95px;
}
h5.tits b{
	color: #666666;
	font-size: 32px;
	font-family: 'Arial';
	line-height: 46px;
	display: block;
}
h5.tits em{
	color: #666666;
	display: block;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 30px;
}
h5.tits b i{
	color: #2e71c2;
}

.about-fl{
	width: 480px;
	height: 305px;
}
.about-fl img{
	width: 100%;
	height: 100%;
}

.about-fr{
	width: 625px;
	display: table;
	padding: 0 15px 0 50px;
	min-height: 305px;
}
.about-fr h3{
	font-weight: normal;
	line-height: 55px;
	font-size: 20px;
	color: #333333;
}
.about-fr p{
	line-height: 28px;
	color: #535260;
	text-align: justify;
	font-size: 14px;
}
.about-fr p a{
	color: #d80001;
}

.about-fr ul{
	width: 100%;
	text-align: center;
	display: table;
	margin-top: 26px;
}
.about-fr ul li{
	display: inline-block;
	height: 150px;
	width: 96px;
	margin: 0 41px;
	float: none;
}

.about-fr ul li h4{
	width: 96px;
	height: 96px;
	background-color: #0f60bb;
	text-align: center;
	display: table;
	border-radius: 50%;
}
.about-fr ul li h4 span{
	display: table-cell;
	vertical-align: middle;
}
.about-fr ul li h6{
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-weight: normal;
	color: #0f60bb;
	font-size: 16px;
}
.about-fr ul li h4 span img{
	margin-top: 5px;
}


.product{
	width: 100%;
	display: table;
	padding-top: 0px;
	background:url(../images/bg.jpg) repeat-y; 
	padding-bottom: 100px;
}
.product .wid{
	width: 1200px;
}
.product ul{
	width: 1213px;
	display: table;
	margin-left: -13px;
}
.product ul li{
	width: 288px;
	height: 390px;
	border: 1px solid #cccccc;
	margin-left: 13px;
}
.product ul li h4{
	width: 100%;
	height: 250px;
	background-color: #fff;
	text-align: center;
	display: table;
	overflow: hidden;
}
.product ul li:hover h4 span img{
	transform: scale(1.1,1.1);
}
.product ul li h4 span{
	display: table-cell;
	vertical-align: middle;
}
.product ul li h4 span img{
	transition: .5s
}
.product ul li h3{
	font-weight: normal;
	padding: 0 16px;
	padding-top: 20px;
	color: #666666;
}
.product ul li p{
	color: #666;
	padding: 0 16px;
	font-size: 13px;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	padding-top: 10px;
	line-height:1.6
}

.case{
	width: 100%;
	display: table;
	background-color: #f2f2f2;
	padding-bottom: 90px;
}
.case .wid{
	width: 1200px;
	display: table;
}
.case ul{
	width: 1240px;
	display: table;
	margin-left: -40px;
}
.case ul li{
	width: 270px;
	height: 232px;
	border-bottom: 2px solid #2d71c2;
	background-color: #fff;
	margin-left: 40px;
	margin-bottom: 45px;
}
.case ul li h4{
	width: 100%;
	height: 185px;
	overflow: hidden;
}
.case ul li:hover img{
	transform: scale(1.1,1.1);
}
.case ul li h4 img{
	width: 100%;
	height: 100%;
	transition: .5s;
}
.case ul li p{
	text-align: center;
	line-height: 48px;
	color: #333333;
	font-size: 15px;
}
.case ul li p a{
	color: #333333;
	font-size: 15px;
}
.case h6{
	text-align: center;
	margin: 0;
}
.case h6 a{
	display: inline-block;
	width: 146px;
	height: 34px;
	border: 2px solid #004ea1;
	border-radius: 3px;
	text-align: center;
	color: #004ea1;
	line-height: 34px;
	font-weight: normal;
}

.inform{
	width: 100%;
	display: table;
	background-color: #fcfcfc;
	padding-top: 15px;
	padding-bottom: 80px;
}
.inform h5.tits{
	padding-bottom: 20px;
}
.inform .wid{
	width: 1200px;
}

.inform-tag{
	width: 100%;
	display: table;
}
.inform-tag ul{
	text-align: center;
	width: 100%;
}
.inform-tag ul li{
	display: inline-block;
	width: 84px;
	height: 26px;
	background-color: #cccccc;
	margin: 0 10px;
	line-height: 26px;
	float: none;
}

.inform-tag ul li a{
	color:#fff
}


.newstitle{}

.inform-tag ul li.active,
.inform-tag ul li.active>a,
.inform-tag ul li.active>a:focus,
.inform-tag ul li.active>a:hover
{
	background-color: #2d71c2;
	color: #fff;
}

.inform-col>.tab-pane{display:none;}
.inform-col>.active{display:block;}

.inform-col{
	width: 100%;
	display: table;
	margin-top: 30px;
}
.inform-col ul{
	width: 100%;
	display: table;
}
.inform-col ul li{
	width: 50%;
	height: 92px;
	border-bottom: 1px dotted #cccccc;
	padding: 20px 0;
}
.inform-col ul li h4{
	width: 118px;
	height: 88px;
	border: 1px solid #e6e6e6;
	float: left;
}
.inform-col ul li h4 img{
	width: 100%;
	height: 100%;
}
.inform-col ul li div{
	width: 426px;
	float: left;
	margin-left: 15px;
	height: 88px;
}
.inform-col ul li div h6{
	font-weight: normal;
	text-align: left;
}

.inform-col ul li div h6 i{
	display: block;
	font-weight: normal;
	color: #666666;
	font-size: 12px;
	line-height: 16px;
}
.inform-col ul li div h6 b{
	font-weight: normal;
	font-size: 18px;
	color: #333333;
}
.inform-col ul li div h6 b a{
	padding:0px;
	margin:0px;
	width:400px;
	height:24px;
	line-height:24px;
	border:none;
	font-weight: normal;
	font-size: 18px;
	color: #333333;
	text-align:left;
}
.inform-col ul li div p{
	font-size: 12px;
	line-height: 24px;
	padding-top: 8px;
	color: #999999;
	text-align: justify;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}


.inform h6{
	text-align: center;
	margin: 0;
}
.inform h6 a{
	display: inline-block;
	width: 146px;
	height: 34px;
	border: 2px solid #004ea1;
	border-radius: 3px;
	text-align: center;
	color: #004ea1;
	line-height: 34px;
	font-weight: normal;
	margin-top: 30px;
}

.custom{
	width: 100%;
	display: table;
	min-height: 580px;
	background: url(../images/bg2.jpg)top repeat-x;
}
.custom .wid{
	width: 1200px;
}
.custom h5.tits{
	padding-top: 80px;
	padding-bottom: 50px;
}
.custom h5.tits b{
	color: #fff;
}
.custom h5.tits em{
	color: #fff;
}
.custom ul{
	width: 100%;
	text-align: center;
	display: table;
}
.custom ul li{
	width: 300px;
	height: 280px;
	text-align: center;
}
.custom ul li h4{
	width: 130px;
	height: 130px;
	background-color: #e8e8e8;
	border-radius: 50%;
	display: table;
	margin: 0 auto;
	margin-bottom: 15px;
}
.custom ul li h4 span{
	display: table-cell;
	vertical-align: middle;
}
.custom ul li h3{
	color: #efebea;
	line-height: 34px;
	font-size: 18px;
}
.custom ul li p{
	color: #fff;
	line-height: 24px;
	padding-top: 5px;
}

.contact{
	background-color: #eff3f6;
	min-height: 300px;
	padding-bottom: 60px;
}
.contact .wid{
	width: 1200px;
	display: table;
}
.cont-fl{
	width: 600px;
	display: table;
	float: left;
}
.cont-map{
	width: 598px;
	height: 368px;
	border: 0px solid #57585a;
	margin-bottom: 10px;
}
.cont-fl p{
	line-height: 26px;
	color: #555;
}
.cont-fl p span{
	display: inline-block;
	width: 265px;
	float: left;
}
.cont-fr{
	width: 510px;
	display: table;
}
.cont-fr form{
	width: 100%;
	display: table;
}
.cont-fr form div{
	display: table;
	width: 100%;
}
.cont-fr form div label{
	width: 72px;
	height: 100%;
	display: inline-block;
	float: left;
	line-height:60px;
	color: #646665;
}
.cont-fr form div input{
	width: 430px;
	height: 34px;
	border: 1px solid #dedede;
	border-radius: 5px;
	float: left;
	margin-top: 12px;
	padding-left: 5px;
}

.cont-fr form div textarea{
	width: 410px;
	height: 70px;
	border: 1px solid #dedede;
	border-radius: 5px;
	float: left;
	margin-top: 12px;
	padding: 10px;
	font-family: '微软雅黑';
	color: #333;
}
.cont-fr form div input.submit{
	background-color: #0f60bb;
	color: #fff;
	font-size: 18px;
	height: 46px;
}

.footer{
	width: 100%;
	display: table;
}

.link{
	width: 100%;
	padding-top: 60px;
	display: table;
	background-color: #121214;
	border-bottom: 1px solid #333333;
	padding-bottom: 45px;
}
.link .wid{
	width: 1200px;
}

.link-fl{
	width: 550px;
	display: table;
}
.link-fl ul{
	width: 100%;
	display: table;
}
.link-fl ul li{
	color: #fff;
	padding-left: 10px;
	width: 160px;
}
.link-fl ul li h5{
	font-size: 18px;
	font-weight: normal;
}
.link-fl ul li .link-slide{
	width: 100%;
	padding-left: 6px;
	padding-top: 25px;
	display: table;
}
.link-fl ul li .link-slide p{
	line-height: 40px;
}
.link-fl ul li .link-slide p a{
	color: #fff;
}

.link-fr{
	width: 650px;
	display: table;
}
.link-fr h3{
	width: 410px;
	float: left;
	display: table;
}
.link-fr h3 b{
	color: #fff;
	font-size: 18px;
	font-weight: normal;
}
.link-fr h3 span{
	display: block;
	float: left;
	width: 100%;
	padding-top: 25px;
}
.link-fr h3 span em{
	display: block;
	width: 100%;
	height: 34px;
	font-style: normal;
	color: #fff;
	line-height: 34px;
	font-size: 12px;
	font-weight: normal;
}
.link-fr h3 span em img{
	margin-right: 6px;
	margin-top: 9px;
	float: left;
}

.link-fr h4{
	width: 180px;
	float: right;
	display: table;
}
.link-fr h4 b{
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 35px;
	display: block;
}


.bottom{
	height: 62px;
	line-height: 62px;
	color: #999999;
	text-align: center;
	background-color: #0c0c0c;
}
.bottom a{ color:#999999}


.tim-02{
	animation-delay:.2s;
	-webkit-animation-delay:.2s; /* Safari 和 Chrome */
}
.tim-04{
	animation-delay:.4s;
	-webkit-animation-delay:.4s; /* Safari 和 Chrome */
}
.tim-06{
	animation-delay:.6s;
	-webkit-animation-delay:.6s; /* Safari 和 Chrome */
}
.tim-08{
	animation-delay:.8s;
	-webkit-animation-delay:.8s; /* Safari 和 Chrome */
}
.tim-10{
	animation-delay:1s;
	-webkit-animation-delay:1s; /* Safari 和 Chrome */
}

.tim-12{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s; /* Safari 和 Chrome */
}

.tim-14{
	animation-delay:1.4s;
	-webkit-animation-delay:1.4s; /* Safari 和 Chrome */
}

/*.SMenu tr td{ padding-left:37px}*/
.SMenuChil a{
display:block;
height:46px;
padding-left:37px;
vertical-align:inherit;
display: flex;
align-items: center;
background:url(/images/2_09.png) 94% 18px no-repeat;
}


.SMenuChil .subMenuChil td a{ height:46px;padding-left:37px;background:none; }

.SMenuChil .subMenuChil td a:hover{ background:#305DC4; font-size:14px; font-family:“微软雅黑”;color:#fff;}

.SMenuChil .subMenuChil.on td a{  font-size:14px; font-family:“微软雅黑”;color:#305DC4;font-weight:bold;}



.SMenuChil .subMenuChil.on td{width:245px;}
.SMenuTitle{ padding-left:37px;color:#FFF; font-size:16px; font-family:“微软雅黑”}
.SMenuChil{ border-bottom:1px solid #F0F0F0}
.SMenuChil a:link{ color:#333; font-size:14px; font-family:“微软雅黑”}

/*.SMenuChil a:hover,.SMenuChil a.on{ background:url(/images/2_09.png) 94% -40px no-repeat #305DC4; font-size:14px; font-family:“微软雅黑”;color:#fff}*/

.SMenu>tbody>tr>td a:hover, .SMenu>tbody>tr>td a.on { background:url(/images/2_09.png) 94% -40px no-repeat #305DC4; font-size:14px; font-family:“微软雅黑”;color:#fff}
.SMenuChil a:active{ color:#333; font-size:14px; font-family:“微软雅黑”}
.SMenuChil a:visited{ color:#333; font-size:14px; font-family:“微软雅黑”}

.SMenuChil>table {display:none;}





.txtContent{ font-size:14px; line-height:2.0}

.tjsb{ font-size:14px; padding-left:37px}

.proclass{margin:0px; padding:0px; width:155px; height:48px; border:1px solid #E0E0E0;border-radius:10px; line-height:48px; text-align:center}
.proclassSel {margin:0px; padding:0px; width:155px; height:48px}