@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
/*产品*/
.i_one{ width:98%; margin:0 auto;overflow:hidden;}
.i_one ul li{ margin-right:1%; float:left; width:49.5%; overflow:hidden;transition:all 0.3s; background:#e7e7e7; margin-top:1%;}
.i_one ul li:nth-child(2n+0){ margin-right:0;}
.i_one ul li .cons{ margin:0 auto; width:96%; overflow:hidden; position:relative;}
.i_one ul li .imgs{overflow:hidden; width:66.3%; float:left;}
.i_one ul li.bgs2 .imgs{ float:right;}
.i_one ul li .imgs img{display:block;width:100%; vertical-align:middle;/*display:inline-block;*/-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.i_one ul li:hover .imgs img{-webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -o-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12); transform:scale(1.12, 1.12);}
.i_one ul li .txts{ position:absolute; height:92%; right:0;overflow:hidden;background:#fff; width:33.7%; top:4%;}
.i_one ul li.bgs2 .txts{ right:auto; left:0;}
.i_one ul li .txts .table{ display:table; width:94%; max-width:244px; margin:0 auto; height:100%;}
.i_one ul li .txts .table .td{ display:table-cell; vertical-align:middle;}
.i_one ul li .txts .h2{overflow:hidden;height:32px; line-height:32px; color:#000; padding-bottom:3%; position:relative; text-align:left;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s; font-weight:normal; margin-bottom:7%;}
.i_one ul li .txts .h2:after{ position:absolute; content:""; left:0; bottom:0; width:20px; height:2px; background:#c5c5c5;}
.i_one ul li .p{ line-height:24px; height:48px; margin-bottom:6%; overflow:hidden; color:#666666}
.i_one ul li .line{ border-top:1px dashed #7c7c7c; overflow:hidden; padding-top:11%;}
.i_one ul li .line .imore{ color:#000000; font-size:16px; padding-right:30px; float:left; height:20px; line-height:20px; background:url(../images/i_bg1.png) right center no-repeat;transition:all 0.3s;}
.i_one ul li:hover .line .imore{ margin-left:5px;}
.i_one ul li.bgs{ background:#212121;}
/*.i_one ul li:Hover{-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.05); box-shadow: 0 5px 15px rgba(0,0,0,0.05);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0);}*/
.i_mores{ overflow:hidden; margin-top:4%; margin-bottom:5%; text-align:center;}
.i_mores a{display: inline-block;width: 34%; max-width:180px;  height: 58px; line-height: 58px; overflow: hidden; text-align: center; color: #000;   border:1px solid #000;font-size: 18px;transition:all 0.3s; position:relative;}
.i_mores a:after{ content:""; position:absolute;left:0; top:0; height:100%; width:0;transition:all 0.3s; background:#000; z-index:-1;}
.i_mores a:hover{ color:#fff;}
.i_mores a:hover:after{ width:100%;}
/*第二屏*/
.i_two_bg{ background:#f5f5f5; overflow:hidden;}
.i_t{ font-weight:normal; overflow:hidden; margin-top:5%; margin-bottom:2%; text-align:center; color:#0a326e;}
.i_ta{text-align: center; font-weight: normal; margin-bottom: 4%;}
.i_two{ padding-bottom:0.5%;}
.i_two ul li{ float:left; width:49%; margin-right:2%; overflow:hidden;position:relative;transition:all 0.3s; background:#fff;}
.i_two ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);}
.i_two ul li:nth-child(2n+0){ margin-right:0;}
.i_two ul li .imgs{overflow:hidden; width:49%; float:right;}
.i_two ul li .imgs img{display:block;width:100%; vertical-align:middle;/*display:inline-block;*/-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
.i_two ul li:hover .imgs img{-webkit-transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12); -o-transform:scale(1.12, 1.12); -ms-transform:scale(1.12, 1.12); transform:scale(1.12, 1.12);}
.i_two ul li .txts{ overflow:hidden;}
.i_two ul li .txts .cons{ width:94%; margin:0 auto; max-width:310px; overflow:hidden;}
.i_two ul li .txts .tyles{ display:inline-block; padding-left:12px; padding-right:12px; min-width:76px;overflow:hidden;height:28px; line-height:28px; color:#333333; margin-bottom:3%;margin-top:15%; font-size:14px;  border:1px solid #c1c1c1; border-radius:6px; font-family:"微软雅黑"; text-align:center;transition:all 0.3s;}
.i_two ul li .txts .tyles:hover{ background:#000; color:#fff;}
.i_two ul li .txts .date{ font-style:normal; display:block;overflow:hidden;height:20px; line-height:20px; color:#999999;  font-size:16px;}
.i_two ul li .txts .h2{overflow:hidden;height:60px; line-height:30px; color:#000; margin-bottom:12%;margin-top:12%; position:relative; text-align:left;/*white-space:nowrap;text-overflow:ellipsis;*/transition:all 0.3s; font-weight:normal; }
.i_two ul li .txts .p{ border-top:1px dashed #999999;line-height:24px; height:48px; padding-top:10%; overflow:hidden; color:#666666}

/*服务支持*/
.i_three{ overflow:hidden; clear:both; border-right:0; margin-bottom:5%;}

/*第二屏*/
.i_two ul li .txts .tyles{ font-size:13px;}
.i_two ul li .txts .date{ font-size:14px;}
.i_two ul li .txts .h2{ line-height:26px; height:52px; margin-top:8%; margin-bottom:8%;}
.i_two ul li .txts .p{ margin-top:8%;}
/* 我们的服务 */

.flexBox {
	/* margin: 5px auto 65px; */
}

.titBox {
	margin: 25px auto 0;
}

.flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-flow: wrap;
}

.itemBox {
	width: 30%;
	float: left;
	margin: 5px 5px;
	padding: 5px 25px;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0 0 2px #ccc;
	border: 1px solid #eee;
}

.itemBox:hover {
	border: 1px solid #0a326e;
	opacity: 0.8;
}

.itemBox img {
	width: 100%;
}

.flexBox {
	justify-content: center;
}

.serviceBox {
	width: 21%;
	margin: 8px 2%;
	border-radius: 50%;
	text-align: center;
	float: left;
}

.serviceBox img {
	width: 50px;
	height: 50px;
	border: 1px solid #0a326e;
	padding: 10px;
	border-radius: 50%;
}

.serviceBox p {
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	margin-top: 15px;
}

.img2 {
	display: none;
}

.serviceBox:hover p {
	color: #0a326e;
}

.serviceBox:hover img {
	background: #0a326e;
	margin: 0 auto;
}

.serviceBox:hover .img2 {
	display: block;
	transition: 0.3s;
	opacity: 0.92;
}

.serviceBox:hover .img1 {
	display: none;
}

/*产品*/
.i_one ul li{ float:none; width:100%; margin-right:0; margin-top:1.5%;}
.i_mores a{ height:50px; line-height:50px;}
/*第二屏*/
.i_two ul li{ margin-right:0; float:none; width:100%; margin-bottom:3%;}
.i_two ul li:last-child{ margin-bottom:0;}
.i_two ul li .txts .cons{ max-width:none;}
.i_two ul li .txts .h2{ font-size:20px; height:auto; max-height:52px;}
.i_two ul li .txts .p{ font-size:16px; height:auto; max-height:44px; line-height:22px;}
/*服务支持*/
.i_three ul li{ font-size:16px;}
.i_three ul li img{ height:40px;}
.i_three ul li .h2{ font-size:20px;}
.i_three ul li .p{ line-height:22px; height:44px;}

/*产品*/
.i_one ul li .txts{ width:40%;}
.i_one ul li .imgs{ width:60%;}
.i_mores a{ font-size:17px; max-width:140px;}
/*第二屏*/
.i_two ul li .txts .tyles{ font-size:12px;}
.i_two ul li .txts .h2{ font-size:18px;}
.i_two ul li .txts .p{ font-size:15px;}
}


/*产品*/
.i_one ul li .p{ line-height:20px; height:40px;}
.i_one ul li .line .imore{ font-size:14px;}
.i_mores a{ height:40px; line-height:40px;}
/*第二屏*/
.i_two ul li .txts .tyles{ height:24px; line-height:24px; min-width:68px;}
.i_two ul li .txts .h2{ line-height:22px; max-height:44px; font-size:17px; margin-top:6%;}
.i_two ul li .txts .p{ padding-top:7%;  line-height:20px; max-height:40px;}
/*服务支持*/
.i_three ul li{ padding-bottom:20px;}
.i_three ul li img{ height:32px;}
.i_three ul li .h2{ font-size:18px; margin-bottom:6%;}
.i_three ul li .p{ line-height:20px; height:40px;}


/*产品*/
.i_mores a{ height:36px; line-height:36px; font-size:16px;}
/*第二屏*/
.i_two ul li .txts .tyles{ margin-top:13%;}