@charset "utf-8";
/* CSS Document */

html,body {margin:0; padding:0; color:#000;font: 12px "Verdana,微软雅黑"; /*overflow-x: hidden;*/}
ul,li{margin:0px;padding:0px;list-style-type:none;}

a{text-decoration: none;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; line-height:none;}
p,dl,dt,dd,ol{ margin:0; padding:0;}
.clear{height:0px; clear:both;}
img{ border:0px; max-width:100%; margin:0; padding:0;}
input,select,textarea{ border-radius: 0; font-family:"微软雅黑"; font-size:12px; outline: none; box-sizing:border-box; resize:none; padding:0; margin:0;}
input::-webkit-input-placeholder{ color:#999;}

.left{ float:left !important;}
.right{ float:right !important;}
.input{ -webkit-appearance: none;}
.hidden{ display:none}
.block{ display:block !important;}
.relative{ position:relative;}
.mtop15{ margin-top:15px;}
.mbottom20{ margin-bottom:20px;}
.mbottom10{ margin-bottom:10px;}
.mtop70{ margin-top:70px;}
.mtop35{ margin-top:35px; margin-bottom:8px; color:#000;}

/* nav */
.nav li a:hover{
	background:#f8b932 !important;
}
/* banner */
.banner {
	position: relative;
	overflow: hidden;
	background:url(../images/loading.gif) 50% no-repeat;
}
.banner_1 {
	position: relative;
	z-index: 1;
}
.banner_1 li{
	overflow:hidden;
	width: 100%;
}
.banner_1 li img {
	width: 100%;
}
/* 点 */
.flex-control-nav {
	position: absolute;
	bottom: 20px;
	z-index: 2;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
.flex-control-nav li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
*display:inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 100px;
	overflow: hidden;
	background:#bad9ec;
	cursor: pointer;
	border-radius:100%;
}
.flex-control-nav .flex-active {
	background:#fff;
}
/* 左右箭头 */
.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 100%;
	top: 45%;
	width:1140px;
	left:50%;
	margin-left:-570px;
}
.flex-direction-nav li a {
	display: block;
	width: 21px;
	height: 43px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
}
.flex-direction-nav li a.flex-prev {
	left: 40px;
	background: url(../images/prev.png) center center no-repeat;
}
.flex-direction-nav li a.flex-next {
	right: 40px;
	background: url(../images/next.png) center center no-repeat;
}
h6.midd{ font-size:15px; line-height:24px; color:#999;}
.midd_1{
	font-size:14px;
	color:#666;
	line-height:24px;
	margin-top:40px;
	margin-bottom:55px;
	height:120px;
	overflow:hidden;
	display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-break: break-all;
	width:100%;
}
.block-heading-two{
	margin-top:10px;
	margin-bottom:25px;
}
p.midd_2{
	line-height:22px;
	font-size:14px;
	height:198px;
	overflow:hidden;
	display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; word-break: break-all;
	width:100%;
}
a.midd_3{
	float:right;
	font-size:14px;
	color:#fff;
}
.midd_4{
	font-size:14px;
	color:#fff;
	line-height:22px;
	margin-top:58px;
}
.midd_7{
	line-height:24px;
	font-size:14px;
	color:#999;
	height:216px;
	overflow:hidden;
	display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; word-break: break-all;
	width:100%;
}
.col-lg-m1{
	float:left;
	width:20%;
	margin-top:5px;
}
.col-lg-m9{
	float:left;
	width:8.88%;
	margin-top:5px;
}
.col-lg-m1 h5,.col-lg-m9 h5{
	margin-bottom:15px;
}
.midd_5{
	margin-top:80px;
}
.midd_5 img{
	float:left;
}
.midd_5 .left{
	margin-top:7px;
}
.midd_6{
	margin-left:20px;
	color:#fff;
	margin-top:5px;
	font-size:14px;
}
.midd_6 img{
	float:left;
	margin-right:10px;
	margin-top:5px;
	width:12px;
	height:12px;
}
.foot{
	text-align:center;
	height:30px;
	line-height:30px;
}
@media screen and (min-width:300px) and (max-width:800px){
	.mtop70,.midd_1,.midd_4{
		margin-top:15px;
	}
	.midd_1{
		margin-bottom:15px;
	}
	footer{
		display:none;
	}
	.foot{
		background:#002b61;
		color:#fff;
		height:50px;
		line-height:50px;
	}
}
/* about */
.about_a{
	height:52px;
	line-height:52px;
	text-align:right;
}
.about_a a,.about_a span{
	font-size:14px;
	color:#333;
}
.about_a span{
	margin:0 2px;
}
.qj_left{
	float:left;
	width:208px;
}
.qjlf{
	font-size:16px;
	color:#fff;
	height:40px;
	line-height:40px;
	background:#002b61;
	border-radius:5px;
	text-align:center;
}
.qj_left li{
	font-size:14px;
	color:#3333;
	height:38px;
	line-height:38px;
	text-align:center;
	border:1px solid #c2c2c2;
	border-radius:5px;
	margin-top:10px;
}
.qj_left li a{
	color:#333;
}
.qj_left li.navs a,.qj_left li:hover a{
	color:#f8b932;
	font-weight:bold;
}
.qj_left li.navs,.qj_left li:hover{
	border-color:#f8b932;
}
.qj_right{
	float:right;
	width:882px;
	margin-bottom:20px;
}
.about_1{
	text-align:center;
	font-size:20px;
	color:#333;
	margin-bottom:30px;
}
.about_2{
	font-size:14px;
	color:#333;
	line-height:30px;
}
.about_2 img{
}
@media screen and (min-width:300px) and (max-width:800px){
	.about_a{
		margin:10px 15px 0;
		height:30px;
		line-height:30px;
		width:calc(100% - 30px);
		height:30px;
		overflow: hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}
	.qj_left{
		width:100%;
		margin-top:-15px;
		padding-right:15px;
	}
	.qjlf{
		display:none;
	}
	.qj_left li{
		min-width:calc(33.33% - 15px);
		padding:0 10px;
		margin-left:14px;
		float:left;
	}
	.qj_right{
		width:calc(100% - 30px);
		margin-left:15px;
		margin-right:15px;
		margin-top:10px;
	}
	.about_2{
		min-height:200px;
	}
	.about_2 img{
		margin:10px auto;
	}
}
/* about 2 */
.about_3{
	float:left;
	width:205px;
	margin-right:20px;
	margin-bottom:20px;
}
.about_3 img{
	display:block;
	width:100%;
	height:280px;
}
.about_3 span{
	display:block;
	text-align:center;
	font-size:14px;
	color:#333;
	margin-top:12px;
}
#pagina {
    clear:both;
	text-align:center;
	padding:30px 0px 0;
}
.honor_3{
	text-align:center;
	padding:30px 0 0 0;
}
#pagina a,.honor_3 a{
    display: inline-block;
    padding-right: 12px;
    padding-left: 12px;
    color: #002b61;
    line-height: 26px;
	border-radius:5px;
	border:1px solid #002b61;
	margin:0 5px;
}
#pagina .number,#pagina a:first-child,#pagina a:last-child{
    color: #FFF;
    background-color: #002b61;
}
@media screen and (min-width:300px) and (max-width:800px){
	.about_3{
		width:calc(50% - 15px / 2);
		margin-right:15px;
		margin-bottom:15px;
	}
	.qj_right .about_3:nth-child(even){
		margin-right:0;
	}
	.about_3 img{
		height:auto;
	}
	#pagina a.kg_yin{
		display: none;
	}
	#pagina{
		padding-top:20px;
	}
}
/* about 2 xx */
.about_4{
	margin-bottom:20px;
}
.about_4 img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
}
/* about 3 */
.about_5{
	width:100%;
	height:210px;
	border:0;
}
.about_6{
	margin-top:50px;
}
.about_6 .midd_5{
	margin-top:0;
	float:left;
	width:50%;
}
.about_6 .midd_6{
	color:#333;
}
.about_7{
	float:left;
	width:50%;
	font-size:14px;
	color:#333;
	line-height:24px;
	margin-top:10px;
}
@media screen and (min-width:300px) and (max-width:800px){
	.about_6 .midd_5,.about_7{
		width:100%;
	}
	.about_6{
		margin-top:20px;
	}
}
/* about 4 */
.about_8{
	float:left;
	width:431px;
	height:182px;
	border:1px solid #d4d4d4;
	margin-right:20px;
	margin-bottom:20px;
	overflow:hidden;
}
.about_8 img{
	width:100%;
	height:100%;
-webkit-transition: transform 0.35s;
	-moz-transition: transform 0.35s;
	transition: transform 0.35s;
}
.about_8 img:hover{
	-webkit-transform: scale(1.05);
	  -moz-transoform: scale(1.05);
			transform: scale(1.05);
}
@media screen and (min-width:300px) and (max-width:800px){
	.about_8{
		width:calc(100% - 2px);
		margin-right:0;
		margin-bottom:15px;
	}
}
/* product */
.product{
	position:relative;
	width:278px;
	border:1px solid #002b61;
	border-radius:7px;
	margin-right:20px;
	height:265px;
	overflow:hidden;
	float:left;
	margin-bottom:20px;
	text-align:center;
}
.product_1{
	width:278px;
	height:219px;
	text-align:center;
	display: table-cell;
	vertical-align:middle;
	overflow:hidden;
}
.product_1 img{
	vertical-align:middle;
	max-width:100%;
	max-height:100%;
	-webkit-transition: transform 0.35s;
	-moz-transition: transform 0.35s;
	transition: transform 0.35s;
	text-align:center;
}
.product_2{
	text-align:center;
	height:47px;
	line-height:47px;
	background:#002b61;
	font-size:16px;
	color:#fff;
}
.product_2 a{
	color:#fff;
}
.product_3{
	background-color: rgba(0, 43, 97, 0.15);
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	height:219px;
	width:100%;
	text-align:center;
	display:none;
}
.product_3 a{
	padding:6px 20px;
	background:#f8b932;
	border-radius:15px;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:50%;
	margin-top:-14px;
	left:50%;
	margin-left:-34px;
}
.product:hover .product_3{
	display:block;
}
.product:hover .product_1 img{
	-webkit-transform: scale(1.05);
	-moz-transoform: scale(1.05);
	transform: scale(1.05);
}
@media screen and (min-width:300px) and (max-width:800px){
	.product{
		margin-right:0;
		width:calc(100% - 2px);
		margin-bottom:15px;
	}
	.product_1{
		width:300px;
		margin-left:auto;
		margin-right:auto;
	}
}
/* product xx */
.product_4{
	font-size:16px;
	margin:10px 0 60px 0;
	color:#333;
}

@media screen and (min-width:300px) and (max-width:800px){
	.product_4{
		margin:0 0 20px;
	}
	.about_1{
		margin-top:10px;
	}
}
/* advantage */
.advantage img{
	display:block;
	margin-right:20px;
	margin-top:20px;
	float:left;
}
@media screen and (min-width:300px) and (max-width:800px){
	.advantage img{
		margin-right:0;
		margin-top:15px;
	}
}
/* case */
.case{
	border-bottom:1px  dashed #002b61;
	height:55px;
	line-height:55px;
}
.case span.left{
	font-size:16px;
	color:#333;
	width:80%;
	overflow:hidden;
	height:55px;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.case span.right{
	font-size:14px;
	color:#999;
}
.case:hover span.left{
	color:#002b61;
}
.qj_right .case:last-child{
	margin-bottom:20px;
}