.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;}



/* 关键词搜索 */
   .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;}


/*产品中心*/
.indexcasebox{clear: both;font-size:24px;font-family:"Microsoft Yahei";line-height:58px;position: relative;padding:20px 0 30px;z-index: 1;  background: rgba(0,0,0,.03);text-align: center;}
.indexcasebox h2{font-size:42px; color: #333; position: relative; padding: 20px 0; font-weight:normal; letter-spacing:5px; margin-bottom:20px;}
.indexcasebox h2:before{width:46px; height: 3px; background: #0052d9; content: ""; left: 50%; margin-left: -23px; position: absolute; bottom: 0px;}
.indexcasebox a:hover{color: #000;}
.indexcased_con,.business_con{width: 100%;margin: 0 auto; }
.indexcase_t{font-size: 24px;height: 83px;display: block;}
.indexcase_t span,.indexcase_t em{padding: 0 18px;font-size:28px;display: inline-block;}
.indexcase_t span a,.indexcase_t em a{color: #666; display: inline-block;position: relative;}
.indexcase_t span a:before,.indexcase_t em a:before{content: "";position: absolute;width:0;height:3px;top:0;left:0;background:#1b3564;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.indexcase_t span.cur a:before,.indexcase_t em:hover a:before{width: 100%;}


.indexcase_r{width: 100%;}

.indexcase_r li span a{display: block;color: #e0e0e0;}


.indexindexcase-list{margin: 0 -25px 7px;*zoom:1;}
.indexindexcase-list:after,.indexindexcase-list:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.indexindexcase-list li{width:33.33%;float: left;margin-bottom: 30px; height:450px;}
.indexindexcase-list .con{display: block;margin: 0 25px;}
.indexindexcase-list .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;
}
.indexindexcase-list .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;
}
.indexindexcase-list h3{font-size: 24px;color: #666; line-height:30px;margin-bottom: 16px;
	text-overflow:ellipsis;
	white-space: nowrap;
	font-weight:normal;	overflow: hidden;
}
.indexindexcase-list .con:hover .pic{box-shadow: 0px 0px 15px rgba(0,0,0,.2);}
.indexindexcase-list .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);
}




/*首页合作客户*/
.customer .tit{ text-align: center; padding-top:40px;}
.customer .tit h3{ font-size:38px; color: #000;}
.customer .tit h3 span{ display: inline-block; position: relative; z-index: 1;}
.customer .tit h3 i{ display: block; width: 40px; height: 40px; border-radius: 50%; border: .375rem solid #ececec; position: absolute; right:-20px; top: -20px; z-index: -1;}
.customer .tit p{ font-size: 18px; color: #969696; margin:20px 0 40px; font-weight:400; }


.customer{width: 100%;padding-bottom: 98px;background: #f2f2f2;}
.customer h5{font-size: 48px;color: #2e2e2e;line-height: 52px;text-align: center;margin-bottom: 26px;}
.customer .border{width: 53px;height: 2px;background: #1e46a0;margin: 0 auto 40px auto;}
.customer .content{width: 1400px;margin:0 auto;}
.customer .content ul{width: 100%;overflow: hidden;}
.customer .content ul li{width: 218.5px;float: left;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; margin:0 5px 10px;}
.customer .content ul li a{display: block;width: 100%;}
.customer .content ul li a .pic{ width: 100%; padding-bottom: 44.05%; position: relative; overflow: hidden; min-height: 50px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.customer .content ul li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.customer .content ul li a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}


.customer .content ul li a{ position:relative; overflow:hidden;}
.customer .content ul li a:after{position:absolute; left:0; top:150%; z-index:3; content:''; float:left; width:100%; height:100%; z-index:3; background:#1e46a0; opacity:0.8;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.customer .content ul li a .text{ position:absolute; left:0; top:150%; z-index:4; float:left; width:100%; transform:translateY(-50%); -ms-transform:translateY(-50%); text-align:center; color:#fff; font-size:14px; line-height:26px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.customer .content ul li a:hover:after{ top:0;}
.customer .content ul li a:hover .text{ top:50%;}


.moreT{ position: relative; z-index:1; -webkit-transition: all .5s; transition: all .5s; background: #e67015; color: #fff; text-align: center; border-radius: 1.75rem; line-height: 3.4375rem; width: 12.8125rem; height: 3.4375rem; display: block; text-transform: uppercase; overflow: hidden;  margin: 0 auto; margin-top: 2rem; font-size: 1rem;}
.moreT:before { content: ""; display:block; width:0; height: 100%; background:#d76003; position: absolute; z-index:-1; right: 0; top: 0;
    -webkit-transition: .38s cubic-bezier(.4,0,.2,1); transition: .38s cubic-bezier(.4,0,.2,1); }
.moreT:hover:before { width:100%; right:auto; left:0;}



.customer  .more{display: block;width: 168px; margin:30px auto 0;}
.customer  .more a{font-size: 14px;color: #003c7d;display: block;width: 168px;height: 48px;text-align: center;line-height: 48px; border:#003c7d 1px solid;}
.customer  .more a:hover{animation:shake 1.2s linear;-webkit-animation:shake 1.2s linear;}







.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:40px 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:42px; color: #333; text-align:center; position: relative; padding: 20px 0; font-weight:normal; letter-spacing:5px; line-height:50px;}
.nswsbox h2:before{width:46px; height: 3px; background: #0052d9; content: ""; left: 50%; margin-left: -23px; position: absolute; bottom: 0px;}
.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);}