﻿/* 关键词搜索 */
   .g_ser{height: 58px;line-height: 58px; background: #f5f5f5;}
  .h_sea{ height:58px;line-height: 58px;background:url(../images/serico.jpg) no-repeat 0 18px; overflow:hidden; color:#666666; font-size: 14px;  padding-left: 0px; }
  .h_sea b{font-weight: bold; color: #666666;}
  .inp01{height:27px;line-height:27px;   padding-left: 40px; width:190px;float:left;color:#999999; font-size: 14px;  border: none; background: none; font-family:"Microsoft Yahei"}
  .s_ss{float:left; width:55px; height:27px; background: none;border: none; cursor: pointer;}
  .key a{color:#666666;padding:0 10px;}
  .key .lasta{background: none;}
  .s_inp{ margin-top: 16px; background:url(../images/serbg.jpg) no-repeat; width: 288px;height: 27px;}

.guide{  padding-top:5px;background: #f7f8fa;}
.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.businessbiaoti{padding: 30px 0px ; margin-bottom:20px;}
.businessbiaoti li{font-size:42px; color: #333; position: relative; padding: 20px 0; }
.businessbiaoti li:before{width:46px; height: 3px; background: #0052d9; content: ""; left: 50%; margin-left: -23px; position: absolute; bottom: 0px;}


.clearfix:after {clear:both;display:block;height:0;content:'\20';}

.businessbox li{width: calc(33.333% - 35px); float: left; margin-left: 35px; margin-bottom: 45px; position: relative;}
.businessbox ul{width: calc(100% + 55px);margin-left:-55px; }

.fangdapic{ overflow:hidden; position:relative}
.fangdapic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}
a:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
li:hover .fangdapic img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.fangdapic:hover>img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.businesstxt{width:100%; position: absolute; left: 0px; bottom: 0px; color: #fff;background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.7)); padding:5%}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.businesstxt p{font-size: 20px; font-weight: bold; margin-bottom:7px;}
.businesstxtleft{width: calc(100% - 100px);}
.businesstxt em{width:88px; height: 28px; border: 1px solid #fff; line-height: 28px; text-align: center; border-radius: 3px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }
.businessbox li a:hover .businesstxt em{border: 1px solid #0052d9; background: #1b3564;}



/*产品中心*/








.floor_1_main {clear: both;font-size:24px;font-family:"Microsoft Yahei";line-height:58px;position: relative;padding:50px 0 30px;z-index: 1;  background: rgba(0,0,0,.03);text-align: center}
.floor_1_main_title {
	text-align: center;
	padding-top: 35px;
	padding-bottom: 40px;
}
.floor_1_main h3 {
	font-size: 38px;
	font-weight: 100;
	padding-bottom: 12px;
	color: #333;
	font-weight: bold;
}

.floor_1_main .slideTxtBox {
	text-align: left;
}
.floor_1_main .slideTxtBox .hd {
	text-align: center;
	margin-bottom: 38px;
}
.floor_1_main .slideTxtBox .hd ul {
	display: inline-block;
	zoom: 1;
*display: inline;
}
.floor_1_main .slideTxtBox .hd ul li {
	border: 1px solid #bfbfbf;
	float: left;
	width: 158px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	border-radius: 5px;
	font-size: 16px;
	margin: 0 10px;
}
.floor_1_main .slideTxtBox .hd ul li a {
	color: #828282;
	display: block;
	width: 100%;
	height: 100%;
}
.floor_1_main .slideTxtBox .hd ul li.on a {
	background: #21499b;
	color: #Fff;
	border-radius: 4px;
}
.floor_1_main .slideTxtBox .hd ul li.on {
	border: 1px solid #1f6eb1;
}



.indexpro{width: 100%;margin: 0 auto; }




.indexpro-list{margin: 0 -25px 7px;*zoom:1;}

.indexpro-list:after,.indexpro-list:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }




.indexpro li {width:33.33%;float: left;margin-bottom: 30px; height:450px;}

.indexpro li .con{display: block;margin: 0 25px;}

.indexpro li .pic{height: 370px;border-radius: 20px;

	font-size: 0;text-align: center;margin-bottom: 36px;overflow: hidden;

	background-color: #fff;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexpro li .pic img{display: inline-block;vertical-align: middle;

	width: 100%;height: 100%;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexpro li h3{font-size: 24px;color: #666; line-height:30px;margin-bottom: 16px; text-align:center;

	text-overflow:ellipsis;

	white-space: nowrap;

	font-weight:normal;	overflow: hidden;

}

.indexpro li .con:hover .pic{box-shadow: 0px 0px 15px rgba(0,0,0,.2);}

.indexpro li .con:hover .pic img{

	-webkit-transform: scale(1.15);

	-moz-transform: scale(1.15);

	-o-transform: scale(1.15);

	-ms-transform: scale(1.15);

	transform: scale(1.15);

}






/*公司优势*/

.ys_bj,.indexadvantage_con dd{box-sizing:border-box;}

.ys_bj{background:url(../images/index/ys_bj.jpg) center top no-repeat;height:1086px;padding-top:83px}

.indexadvantage .titis{height:153px}

.titis{text-align:center}

.titis h2,.titis h2 a{color:#333}

.titis h2{height:67px;line-height:67px;font-size:48px}

.titis p{display:block;font-size:20px;color:#5e5e5f;line-height:34px;height:34px}

.indexadvantage_con { margin-left:200px;}

.indexadvantage_con dd,.indexadvantage_con dl{height:680px;background:#fff;}

.indexadvantage_con dd{float:left;width:692px;margin-left:-100px;padding:98px 90px 0 100px;box-shadow:0 0 20px rgba(0,0,0,.07);position:relative;z-index:2}

.indexadvantage_con dd h4{height:167px;background:url(../images/index/ys_x.png) left bottom no-repeat;margin-bottom:55px}

.indexadvantage_con dd h4 span{display:block;height:76px;line-height:76px;font-size:60px;color:#21499b}

.indexadvantage_con dd h4 em{display:block; height:54px;line-height:54px;font-size:23px;color:#333}

.indexadvantage_con dd p{font-size:17px;color:#333; width:462px;line-height:30px;margin-bottom:23px;padding-left:19px;background:url(../images/index/ys_a1.png) left 14px no-repeat}

.indexadvantage_con dd i{font:115px Impact;color:#d9d9d9;position:absolute;top:64px;right:-12px;height:106px;line-height:106px}

.bd_tel p span,.ft_a h4 a,.ft_w em,.link span,.indexadvantage_nav li span{font-weight:700}

.footWrap,.footer,.link,.lk_bj,.indexadvantage_nav{position:relative}

.indexadvantage_con dt{float:right;margin-right:-260px;font-size:0;line-height:0}

.indexadvantage_con dt img{width:1068px;height:680px}

.indexadvantage_nav{height:102px; margin-left:200px;line-height:102px;box-shadow:0 0 15px rgba(0,0,0,.1);background:#fff;top:-53px;z-index:2}

.indexadvantage_nav li{float:left;height:102px;width:25%;text-align:center}

.indexadvantage_nav li i{display:inline-block;width:42px;height:42px;overflow:hidden;vertical-align:middle;margin-right:20px}.indexadvantage_nav li i img{display:block;transition:all .5s}.indexadvantage_nav li span{font-size:28px;color:#323232;vertical-align:middle}.indexadvantage_nav li.on i img{margin-top:-42px}

.indexadvantage_nav li.on span{color:#fff}

.indexadvantage_nav li.on{background:#21499b;}



/*首页案例展示*/

.indexcases{padding: 45px 0 20px; background-color:#fff;}

.indexcases h2{font-size: 46px;line-height: 60px;color: #e0e0e0; text-align:center;}

.indexcases p{font-size: 24px;line-height: 38px;color: #e0e0e0;font-weight:normal; margin-bottom:10px;} 

.indexcases a:hover{color: #000;}

.indexcases-list{*zoom:1;margin: 0 -10px;padding-top: 0px;position: relative;}

.indexcases-list:after,.indexcases-list:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }



.indexcases-list li{width: 33.33%;float: left;margin-bottom: 50px;}

.indexcases-list .con{display: block;margin: 40px 9px;position: relative;}

.indexcases-list .con:after{content: '';position: absolute;left: 0;bottom: 0;height: 3px;

	width: 0;background-color: #1e4696;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexcases-list .pic{padding-top: 58%;height: 0;position: relative;overflow: hidden;

	border: 1px solid rgba(0,0,0,.1);border-bottom: 0;

}

.indexcases-list .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexcases-list .pic:before{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;

	background-color: #fff;opacity: 0;z-index: 1;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexcases-list .pic:after{content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;

	z-index: 2;display: none;

	background: url(../images/i-53.png) no-repeat center;

	-o-background-size: 58px auto;

	-ms-background-size: 58px auto;

	-moz-background-size: 58px auto;

	-webkit-background-size: 58px auto;

	background-size: 58px auto;

	transition: .5s;

	-ms-transition: .5s;

	-moz-transition: .5s;

	-webkit-transition: .5s;

	-o-transition: .5s;

}

.indexcases-list .txt{padding: 42px 45px 0 42px;height: 289px; 

	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);

}

.indexcases-list h3{font-size: 24px;color: #000;margin-bottom: 25px;

	text-overflow:ellipsis;

	white-space: nowrap;

	overflow: hidden;

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.indexcases-list .desc{font-size: 18px;line-height: 1.67;color: #666;margin-bottom: 26px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 3;

	overflow: hidden;

}

.indexcases-list .more{display: inline-block;font-size: 18px;color: #666;

	border-bottom: 1px solid #fff;padding-right: 16px;

	background: url(../images/ico-03.png) no-repeat right center;

	-o-background-size: 9px auto;

	-ms-background-size: 9px auto;

	-moz-background-size: 9px auto;

	-webkit-background-size: 9px auto;

	background-size: 9px auto;

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.indexcases-list .con:hover:after{width: 100%;}

.indexcases-list .con:hover .pic img{

	-webkit-transform: scale(1.1);

	-moz-transform: scale(1.1);

	-o-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}

.indexcases-list .con:hover h3{color: #1e4696;}

.indexcases-list .con:hover .more{color: #1e4696;border-bottom-color: #1e4696;

	background-image: url(../images/ico-01.png);

}

.indexcases-list .con:hover .pic:after{opacity: 1;}

.indexcases-list .con:hover .pic:before{opacity: 0.5;

  background-color: rgba(0, 0, 0, 0.3);}

.indexcases-list .slick-arrow{position: absolute;top: 48%;

	width: 64px;height: 64px;border: 0;cursor: pointer;font-family: 'SimHei';

	font-size: 26px;color: #1F7BFE;text-align: center;line-height: 64px;

	background-color: #FFF;background-position: center;

	background-repeat: no-repeat;

	box-shadow: 0px 4px 20px 0px rgba(0,0,0,0.1);

	-o-background-size: 13px auto;

	-ms-background-size: 13px auto;

	-moz-background-size: 13px auto;

	-webkit-background-size: 13px auto;

	background-size: 13px auto;

	-webkit-transform: translateY(-50%);

	-moz-transform: translateY(-50%);

	-o-transform: translateY(-50%);

	-ms-transform: translateY(-50%);

	transform: translateY(-50%);

	transition: .3s;

	-ms-transition: .3s;

	-moz-transition: .3s;

	-webkit-transition: .3s;

	-o-transition: .3s;

}

.indexcases-list .slick-arrow:hover{background: linear-gradient(120deg, #355cab, #1e4696); 

	color: #fff; 

}

.indexcases-list .slick-prev{left: -85px;}

.indexcases-list .slick-next{right: -85px;}

.indexcases-list .slick-arrow span{display: block;height: 100%;

	background-position: center;

	background-repeat: no-repeat;

	-o-background-size: 13px auto;

	-ms-background-size: 13px auto;

	-moz-background-size: 13px auto;

	-webkit-background-size: 13px auto;

	background-size: 13px auto;

}

.indexcases-list .slick-prev span{background-image: url(../images/arr-l.png);}

.indexcases-list .slick-next span{background-image: url(../images/arr-r.png);}

.indexcases-list .slick-prev:hover span{background-image: url(../images/arr-l-on.png);}

.indexcases-list .slick-next:hover span{background-image: url(../images/arr-r-on.png);}







/*关于我们*/

.indexabout{ background: no-repeat fixed center center; background-size:cover; color:#fff; padding:70px 0;}
.indexabouttit strong{ font: 40px/0px din_b;font-weight:bold;  }
.indexabouttit p{ font: 42px/42px sym; margin-top:5px; font-weight:normal;letter-spacing:5px;}
.indexabouttit:after{width:50px; height:2px; margin-left:-25px;}
.indexabouttit{padding-bottom:12px; text-align:center;}
.indexabouttit_w{color:#fff;}
.indexabouttit_w strong{ color:rgba(255,255,255,0.2)}

.indexaboutdestxt{ text-align: center; margin-top: 50px; }
.indexaboutdestxt strong{ display:block; font-size: 36px; line-height: 46px;}
.indexaboutdestxt p{ font-size:18px; line-height:40px; margin-top:25px;}
.indexaboutmore{ text-align:center; margin-top:2.6vw;}
.indexaboutmore .indexaboutmoret:before{ border: none; background: url(../images/abt_cbtnbg.png) no-repeat center center; background-size:100% 100%; }
.indexaboutmoret{ line-height: 50px; height: 50px; width: 150px; display:inline-block; position:relative; text-align:center}
.indexaboutmoret:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; border: 1px solid #000; border-image:linear-gradient(to right,#1b3564 30%,#d12920 100%); border-image-slice:1;}
.indexaboutmoret:after{content:""; position:absolute; left:0; top:0; bottom:0; background:linear-gradient(to right,#1b3564 30%,#d12920 100%); transition:all 0.5s ease; width:0%;}
.indexaboutmoret:hover:after{ opacity:1; width:100%;}
.indexaboutmoret span{display:inline-block; position:relative; z-index:1; transition:all 0.5s ease;}
.indexaboutmoret:hover span{color:#fff;}
.indexaboutmoret:hover{transform:translateY(-3px); box-shadow:0 3px 18px rgba(0,157,221,0.3);}
.indexaboutmoret_w{color:#fff;}

.flexlst{display:flex; flex-wrap:wrap;}
.indexaboutul{ margin:4.16vw -13px 0;}
.indexaboutul li{ width:calc(25% - 26px); margin:0 13px; color:#333; padding:26px 38px 28px; background:rgba(255,255,255,0.9); position:relative; transition:all 0.5s ease;}
.indexaboutliico{ position: absolute; top: 10px; right: 14px; }
.indexaboutul li strong{ display: block; }
.indexaboutul li strong span{ color: #3065be; display: inline-block; margin-right: 6px; font: 48px/52px din_b; }
.indexaboutul li strong i{ font-size: 18px; line-height: 18px; font-style: normal; font-weight: normal; }
.indexaboutul li p{ font-size: 18px; line-height: 24px; }
.indexaboutul li:hover{transform:translateY(-10px);}






/*新闻资讯*/

.nswsbox{font-family:"Microsoft Yahei";line-height:24px;font-size: 18px;clear: both;color: #999;padding:80px 0 0;position: relative;overflow: hidden;background:url(../images/newbg.jpg) no-repeat center 0 #f7f7f7;z-index: 1;height: 965px;text-decoration: none;}

.nswsbox h2{font-size: 46px;line-height: 60px;color: #e0e0e0; text-align:center;}

.nswsbox p{font-size: 24px;line-height: 38px;color: #e0e0e0;font-weight:normal; margin-bottom:20px;} 

.news-nav{height:60px; margin:80px 0 66px; }

.news-nav ul{width:400px; float:left;}

.news-nav ul li{float:left;width:180px; height:60px; position: relative; line-height:60px; text-align: center;background: #282828;}

.news-nav ul li a{display: block; font-size: 20px; color:#FFF;}

.news-nav ul li i{display: block; width:18px; height:7px; position: absolute; left:56px;bottom:-7px;}

.news-nav ul li.cur{background: #21499b;}

.news-nav ul li.cur:before{content: "";position: absolute;width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #21499b;left: 50%;top: 60px;margin-left: -8px;}

.news-nav b{display: block; height:60px; line-height: 60px;float:right;}

.news-nav b a{font-size: 18px; color:#999; font-weight: normal; }

.news-left{width:45%; float:left;}

.news-left .news-top{height:301px; border-bottom:1px solid #dfdfe0;margin-bottom: 38px;}

.news-left .news-top em{display: block; height:44px; line-height: 44px;font-size: 22px; color:#333333;}

.news-left .news-top h4{height:46px; line-height: 46px;margin-bottom: 32px;width:610px;}

.news-left .news-top h4 a{display: block;font-size: 30px; color:#333333; font-weight: normal;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news-left .news-top h4 a:hover{color: #1F7BFE;text-decoration: none;}

.news-left .news-top p{line-height: 25px;font-size: 18px; color:#898888; margin-bottom: 26px;}

.news-left .news-top span{display: block; width:140px; height:40px; text-align: center; line-height: 40px; border-radius: 20px; border:2px solid #15262e;}

.news-left .news-top span a{display: block; font-size: 17px; color:#333333;text-overflow: ellipsis;}

.news-left .news-top span a:hover{animation:shake 1.2s linear;-webkit-animation:shake 1.2s linear;}

.news-left ul li{height:40px;}

.news-left ul li a{line-height: 40px;font-size: 18px; color:#444444; }

.news-left ul li a:hover{}

.news-left ul li em{display: block;height:40px;  float:left;position: relative; font-size: 18px;width:70%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }

.news-left ul li em:before{display: none;width: 100%; height:1px; background:#004f9a; content:""; position: absolute; left:0;top:26px;}

.news-left ul li i{display: block; height:40px;line-height: 40px; float:right;font-size: 18px; color:#aaaaaa;font-weight: normal; font-style:normal;}

.news-left ul li:hover em{color:#1F7BFE;font-weight: normal;}

.news-rig{width:50%;float:right; margin-top: 6px;}

.news-rig ul li{float:left; width:48%; margin-bottom: 20px; margin-left:2%; height:260px; position: relative;}

.news-rig ul li span{display: block; width:100%; line-height: 0; overflow: hidden;}

.news-rig ul li span img{width:100%; height:260px;}

.news-rig ul li em{display: block; width:100%;height:62px; line-height: 62px; text-align: center; font-size: 18px; color:#FFF;background:rgba(0,0,0,0.8); position: absolute; left:0;bottom:0;box-sizing:border-box;padding:0 10px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.news-rig ul li:nth-child(2n){float:right;}

.news-rig li:hover span img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}