@import url(style.css);
@import url(slide.css);
@import url(pscroll.css);
/*首页*/
/*跳动数字*/
.i_bg{ background:#fafafa; overflow:hidden;}
.i_about_ul{ clear:both; overflow:hidden;padding-top:26px; padding-bottom:25px; font-size:14px;color:#777777;}
.i_about_ul li{float:left; width:25%; transition:all 0.3s; overflow:hidden;position:relative; text-align:center;}
.i_about_ul li:after{ top:0; content:""; position:absolute; right:0; top:50%; height:38px; margin-top:-19px; width:1px; background:#e7e7e7;}
.i_about_ul li:last-child:after{ width:0;}
.i_about_ul li .h2{  overflow:hidden; font-weight:normal; margin-bottom:3px; color:#333333;}
.i_about_ul li .h2 span{line-height:1; }
.i_about_ul li .h2 label{ vertical-align:top;}
.i_about_ul li .p{ overflow:hidden; line-height:24px; }
/*热门推荐*/
.i_t{  overflow:hidden; line-height:32px; font-size:14px; color:#333333;padding-top:39px;padding-bottom:19px; text-transform:uppercase; clear:both;}
.i_t.bgs1{  padding-bottom:15px;margin-top:12px;margin-bottom:15px;  border-bottom:1px solid #dddddd;}
.i_t .h2{ font-weight:normal; height:32px; line-height:32px; overflow:hidden; color:#333333; float:left; }
.i_t .h2 .blue{ color:#0599d9;}
.i_t .h2 label{ color:#f0f0f0; padding-left:12px}
.i_t .imore2{ float:right; color:#999999;}
.i_t .imore2:hover{ color:#0599d9;}
.i_t .i_t_a{ float:right; overflow:hidden; line-height:32px;}
.i_t .i_t_a a{ float:left; padding-right:23px; margin-right:18px;color:#777; background:url(../images/i_bg1.png) right center no-repeat;}
.i_t .i_t_a a:hover{color:#0599d9;}
.i_t .i_t_a a.isel{color:#0599d9;}
.i_two{ overflow:hidden; margin-bottom:21px;}
.i_two_r{ overflow:hidden; /*float:right; width:calc(100% - 320px);width:-webkit-calc(100% - 320px);width:-moz-calc(100% - 320px);*/}
.i_two_r .anim{transition:all 0.5s; margin-top:100px;opacity:0;filter:Alpha(opacity=0);}
.i_two_r .anim.anim-show{ margin-top:0;opacity:1.0;filter:Alpha(opacity=100);}

.i_two_l{ float:left; width:300px; margin-right:20px; overflow:hidden; display:none;}
.i_two_l .i_two_l_t{ height:58px; line-height:58px; overflow:hidden; background:#0599d9; border-radius:6px 6px 0 0;}
.i_two_l .i_two_l_t .h2{ max-width:267px; margin:0 auto; width:94%; color:#fff;}
.i_two_l .i_two_l_t .h2 label{ font-size:14px; font-weight:normal; text-transform:uppercase; color:#82c0e7; padding-left:10px;}
.i_two_l .i_two_l_b{ padding-top:20px; padding-bottom:20px; overflow:hidden; border:1px solid #dddddd; border-top:0;border-radius:0 0 6px 6px;}
.i_two_l .i_two_l_b .boxs{max-width:247px; margin:0 auto; width:94%; overflow:hidden;}
.address_scroll{ height:626px; width:100%!important; overflow:hidden;}
.address_scroll ul{ display:block; overflow:hidden;}
.address_scroll ul li{ display:block; overflow:hidden; border:1px solid #dbdbdb; margin-bottom:20px;}
.address_scroll ul li img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.address_scroll ul li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
/*解决方案*/
.i_bg2{ background:#f6f9fa; overflow:hidden; position:relative; margin-bottom:1%;}
.i_three{ background:#fff; overflow:hidden; margin-bottom:4%; margin-top:3px;}
.i_three .i_three_t{ margin-bottom:21px;}

.i_about{ max-width:1250px; margin:0 auto;margin-bottom:3%; overflow:hidden;position:relative;}
.i_about .imgs{ float:left; width:45%; margin-right:3%; max-width:544px; border-radius:6px; overflow:hidden;}
.i_about .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_about .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_about .i_about_con{ overflow:hidden; margin-right:2%;}
.i_about .i_about_con .txts{ max-width:627px;overflow:hidden; float:right;}
.i_about .i_about_con .txts .h2{ overflow:hidden; font-weight:normal; padding-bottom:3%;}
.i_about .i_about_con .txts .p{ font-size:14px; line-height:26px; overflow:hidden; color:#555;}
.i_about .i_about_con .txts .p p{ padding-bottom:10px;}
.i_about .i_about_con .txts .imore3{ display:block; margin-top:4%;width:100px; height:34px; line-height:34px; background:#0599d9; color:#fff; text-align:center;  border-radius:20px; font-size:14px; position:relative; overflow:hidden; z-index:0;}
.i_about .i_about_con .txts .imore3:after{ content:""; position:absolute; top:0; left:50%; right:50%;transition:all 0.3s; width:0; height:100%; background:#8bba29; z-index:-1;}
.i_about .i_about_con .txts .imore3:hover:after{ width:100%; left:0; right:0;}
.i_about .anim{transition:all 0.5s;/* margin-top:100px;*/opacity:0;filter:Alpha(opacity=0);}
.i_about .anim.anim-show{/* margin-top:0;*/opacity:1.0;filter:Alpha(opacity=100);}

/*案例中心*/
.i_case{ margin-bottom:2%; overflow:hidden;}
.i_case .i_case_l{ border:1px solid #eeeeee; float:left; width:calc(48.5% - 2px);width:-webkit-calc(48.5% - 2px);width:-moz-calc(48.5% - 2px); max-width:633px; margin-right:1.5%; border-radius:6px; overflow:hidden;}
.i_case .i_case_l .boxs{ padding:11px; overflow:hidden;transition:all 0.3s;}
.i_case .i_case_l:hover .boxs{ background:#0599d9;}
.i_case .i_case_l .imgs{ overflow:hidden;}
.i_case .i_case_l .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_case .i_case_l:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_case .i_case_l .txts{ overflow:hidden; margin:0 auto; max-width:590px; text-align:center;}
.i_case .i_case_l .txts .h2{ font-weight:normal; margin-top:25px; line-height:30px; height:30px; overflow:hidden; margin-bottom:6px; font-size:16px; color:#333;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}
.i_case .i_case_l .txts .p{ line-height:18px; height:36px; overflow:hidden; color:#999999; font-size:13px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;transition:all 0.3s;}
.i_case .i_case_l .txts .imore3{ display:block; margin:0 auto; margin-top:30px;width:100px; height:34px; line-height:34px; background:#0599d9; color:#fff; text-align:center;  border-radius:20px; font-size:14px; position:relative; overflow:hidden; z-index:0; margin-bottom:28px;}
.i_case .i_case_l .txts .imore3:after{ content:""; position:absolute; top:0; left:50%; right:50%;transition:all 0.3s; width:0; height:100%; background:#8bba29; z-index:-1;}
.i_case .i_case_l .txts .imore3:hover:after{ width:100%; left:0; right:0;}
.i_case .i_case_l:hover .txts .h2{ color:#fff;}
.i_case .i_case_l:hover .txts .p{ color:#fff;}
.i_case .i_case_l:hover .txts .imore3{ background:#8bba29;}
.i_case .i_case_r{ overflow:hidden;}
.i_case .i_case_r ul li{ float:left; width:48.5%; overflow:hidden; margin-bottom:3%;}
.i_case .i_case_r ul li:nth-child(2n+0){ float:right;}
.i_case .i_case_r ul li .boxs{border:1px solid #eeeeee;padding:10px; overflow:hidden; border-radius:6px;transition:all 0.3s;}
.i_case .i_case_r ul li:hover .boxs{ background:#0599d9;}
.i_case .i_case_r ul li .imgs{ overflow:hidden; position:relative;border-radius:6px;}
.i_case .i_case_r ul li .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_case .i_case_r ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_case .i_case_r ul li .imgs .bgs{ position:absolute; top:0; width:100%; left:0; height:100%; background:rgba(0,0,0,0.4);border-radius:6px;transition:all 0.3s;opacity:0;filter:Alpha(opacity=0);}
.i_case .i_case_r ul li .imgs .bgs i{ font-style:normal; width:100px; height:34px; line-height:34px; background:#0599d9; color:#fff; text-align:center; position:absolute; top:50%; left:50%;transform: translate(-50%, -50%); border-radius:20px; font-size:14px; z-index:0;}
.i_case .i_case_r ul li .imgs .bgs i:after{ content:""; position:absolute; top:0; left:50%; right:50%;transition:all 0.3s; width:0; height:100%; background:#8bba29; z-index:-1; border-radius:20px;}
.i_case .i_case_r ul li .imgs .bgs i:hover:after{ width:100%; left:0; right:0;}
.i_case .i_case_r ul li:hover .imgs .bgs{opacity:1.0;filter:Alpha(opacity=100);}
.i_case .i_case_r ul li .txts{ overflow:hidden; margin:0 auto; max-width:590px; text-align:center;}
.i_case .i_case_r ul li .txts .h2{ font-weight:normal; margin-top:19px; line-height:30px; height:30px; overflow:hidden; margin-bottom:6px; font-size:16px; color:#333;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}
.i_case .i_case_r ul li .txts .p{ line-height:18px; height:18px; overflow:hidden; color:#999999; font-size:13px; margin-bottom:9px;transition:all 0.3s;}
.i_case .i_case_r ul li:hover .txts .h2{ color:#fff;}
.i_case .i_case_r ul li:hover .txts .p{ color:#fff;}
/*视频*/
.i_video{ float:right; overflow:hidden; width:242px; margin-left:2.5%;}
.i_video .ul li{overflow:hidden; margin-bottom:3px;}
.i_video .ul li img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; }
.i_video .ul li .imgs{width:100%; overflow:hidden; position:relative;}
.i_video .ul li .imgs i{ position:absolute; width:100%; height:100%; top:0; left:0; background-size:31px 31px; background-image:url(../images/i_ico1.png); background-repeat:no-repeat; background-position:center center; background-color:rgba(0,0,0,0.3);}
.i_video .ul li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_video .ul li .h3{height:44px; line-height:44px; overflow:hidden; color:#444444; margin-bottom:2%; font-weight:normal;transition:all 0.3s;  font-size:14px;white-space:nowrap;text-overflow:ellipsis; text-align:center; padding-left:2%; padding-right:2%;}
.i_video .ul li:hover .h3{ color:#0599d9;}

.i_news{ overflow:hidden;}
.i_news .i_news_div{ width:48.5%; max-width:497px; overflow:hidden; margin-bottom:4%;}
.i_news .i_news_div .imgs{ overflow:hidden; position:relative; border-radius:6px;}
.i_news .i_news_div .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_news .i_news_div .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_news .i_news_div .imgs .h3{ font-weight:normal; padding-left:3%; padding-right:3%; overflow:hidden; position:absolute; bottom:0; width:94%; left:0;white-space:nowrap;text-overflow:ellipsis; height:54px; line-height:54px; background:rgba(0,0,0,0.5); color:#fff; font-size:16px;}
.i_news .i_news_div .ul{ overflow:hidden; margin-top:3%; font-size:14px;}
.i_news .i_news_div .ul li{ display:block; overflow:hidden; height:44px; line-height:44px;white-space:nowrap;text-overflow:ellipsis;}
.i_news .i_news_div .ul li a{ color:#444444;transition:all 0.3s;}
.i_news .i_news_div .ul li:hover a{ color:#0599d9;}
/*合作伙伴*/
.i_partner{ overflow:hidden;}

@media screen and (max-width:1660px) {

}
@media screen and (max-width:1440px) {
/*解决方案*/


}

@media screen and (max-width:1366px) {
/*视频*/
.i_video{ width:220px;}
.i_news .i_news_div .ul{ margin-top:2%;}

}
@media screen and (max-width:1200px) {
/*案例中心*/
.i_case .i_case_l .txts .h2{ margin-top:20px;}
.i_case .i_case_l .txts .imore3{ margin-top:20px; margin-bottom:20px;}
.i_case .i_case_r ul li .txts .h2{ margin-top:9px;}
.i_case .i_case_r ul li .txts .h2{ margin-bottom:5px;}
/*视频*/
.i_video{ width:200px; margin-left:1.5%;}
.i_video .ul li .h3{ font-size:13px;}
.i_news .i_news_div{ width:49%;}
.i_news .i_news_div .ul li{ height:38px; line-height:38px;}
.i_news .i_news_div .imgs .h3{ height:44px; line-height:44px; font-size:14px;}
}
@media screen and (max-width:1100px) {
/*热门推荐*/
.i_t{ padding-top:3%;padding-bottom:15px;}
.i_t.bgs1{ padding-bottom:10px; margin-top:0%;}
.i_t .i_t_a{ float:none; clear:both; padding-top:10px;}
.i_t .i_t_a a:last-child{ padding-right:0; margin-right:0; background:none;}
/*解决方案*/
.i_about .i_about_con .txts .p{ font-size:14px; line-height:26px;}




}

@media screen and (max-width: 960px) {
/*跳动数字*/
.i_about_ul{ font-size:13px;}
.i_about_ul li .p{ line-height:20px;}
/*解决方案*/
.i_about .i_about_con .txts{ margin-bottom:8%;}
.i_about .i_about_con .txts .h2{}
.i_about .i_about_con .txts .p{ font-size:13px; line-height:22px;}
.i_about .i_about_con .txts .p p{ padding-bottom:5px;}
.i_about .i_about_con .txts .imore3{ margin-top:2%;}
/*案例中心*/
.i_case .i_case_l .txts .h2{ margin-top:16px;}
/*视频*/
.i_video{ float:none; margin-left:0; width:100%;}
}
@media screen and (max-width: 830px) {


}
@media screen and (max-width: 780px) {
/*热门推荐*/
.i_two_l{ float:none; margin-right:0; width:100%;display:none;}
.i_two_l .i_two_l_t .h2{ max-width:none;}
.i_two_l .i_two_l_b .boxs{ max-width:none;}
.address_scroll table{ width:100%;}
.i_two_r{ float:none;width: calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px); margin-bottom:3%;}

/*解决方案*/
.i_about .imgs{ float:none; width:100%; max-width:none;}
.i_about .i_about_con{ position:static;transform: translate(0%, 0%); width:100%;}
.i_about .i_about_con .txts{ float:none; margin:0 auto; width:94%; margin-bottom:1%; margin-top:4%; max-width:none;}
.i_about .i_about_con .txts .p{ font-size:12px; line-height:20px;}
/*案例中心*/
.i_case .i_case_l{ float:none;width: calc(100% - 2px); width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); max-width:none; margin-bottom:3%;}



}
@media screen and (max-width: 640px) {
/*跳动数字*/
.i_about_ul{ font-size:12px; padding-top:13px; padding-bottom:16px;}
.i_about_ul li .h2{ margin-bottom:2px;}
.i_about_ul li .p{ padding-right:2%; padding-left:2%; line-height:18px;}
/*热门推荐*/
.i_t{ font-size:13px; padding-bottom:10px;}
.i_t.bgs1{ padding-bottom:5px;}
.i_t .i_t_a{ padding-top:0; line-height:26px;}
.i_t .i_t_a a{ padding-right:12px; margin-right:8px;}

/*案例中心*/
.i_case .i_case_l .txts .h2{ font-size:15px;}
.i_case .i_case_l .txts .p{ font-size:12px;}
.i_case .i_case_r ul li .txts .h2{ font-size:15px;}
.i_case .i_case_r ul li .txts .p{ font-size:12px;}

/*视频*/
.i_news .i_news_div{ width:100%; margin-bottom:3%;}
.i_news .i_news_div.l,.i_news .i_news_div.r{ float:none;}
.i_news_div.r{display:none;}
}
@media screen and (max-width: 520px) {
/*热门推荐*/
.i_two_l .i_two_l_t{ height:50px; line-height:50px;}
.i_two_l .i_two_l_t .h2 label{ font-size:13px;}
}
@media screen and (max-width: 480px) {
/*热门推荐*/
.i_t{ font-size:12px; line-height:28px;}
.i_t .h2{ height:28px; line-height:28px; font-size:16px;}
.i_t .h2 label{ font-size:15px;}
.i_t .i_t_a{ line-height:22px;}
.i_t .i_t_a a{ padding-right:10px; margin-right:6px;}
/*解决方案*/
.i_about .i_about_con .txts .imore3{height:28px; line-height:28px; width:90px; font-size:12px;}
/*案例中心*/
.i_case .i_case_l{ margin-bottom:2%;}
.i_case .i_case_l .boxs{ padding:8px;}
.i_case .i_case_l .txts .h2{ margin-top:4%; height:24px; line-height:24px; font-size:14px;}
.i_case .i_case_l .txts .imore3{ height:28px; line-height:28px; width:90px; font-size:12px; margin-bottom:4%; margin-top:4%;}
.i_case .i_case_r ul li{ width:49%; margin-bottom:2%;}
.i_case .i_case_r ul li .boxs{ padding:8px;}
.i_case .i_case_r ul li .txts .h2{height:24px; line-height:24px; font-size:14px;}
}

@media screen and (max-width: 420px) {
/*热门推荐*/
.i_t .i_t_a a{ padding-right:8px; margin-right:4px;}





}
@media screen and (max-width: 360px) {


}
@media screen and (max-width: 640px){
	/*首页热门推荐*/
	.i_t .i_t_a a{
		width:46%;
	}
	.i_t .i_t_a a:nth-child(2n+0){
		    background: none;
	}
	
}