@charset "utf-8";
/* CSS Document */
/*banner*/






.about {padding-bottom: 30px; position:relative; z-index:1; background:#fff} 
.about .conbox {height: 503px;}
.about .conbox .conleft {width: 550px;padding-top: 75px;}
.about .conbox .conleft h3 {font-size: 30px;font-weight: normal;color:#333;}
.about .conbox .conleft h3 a {color: #333;  }
.about .conbox .conleft .p1 {font-size: 16px;color: #333;margin-bottom: 35px; margin-top:6px;}
.about .conbox .conleft .p2 { margin-top:40px; color:#333; font-size: 14px;line-height: 30px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5; -webkit-box-orient: vertical;height: 120px;}
.about .conbox .conleft em {display: block;margin-top: 50px;width: 55px;height: 1px;background: #aeaeae;}

.about .conbox .conleft a{color:#064aa7;}
.about .conbox .conleft a.ljgda {display: block;width: 146px;height: 44px;border: 1px solid #d0d0d0;line-height: 44px;text-align: center;font-size: 14px;margin-top: 100px; }
.about .conbox .conleft a.ljgda:hover {background: #da251d;color: #fff;border: 1px solid #da251d;}
.about .conbox .conright {cursor:pointer}

.about_dibu{ background-position:-300px -900px;
		background: url(../images/container01_bg.jpg) no-repeat center;
		transform:translate3d(0,0,0);
		    animation:play 25s linear infinite;
		background-attachment: fixed; overflow:hidden;}
 .abo_bot {padding-top: 50px; padding-bottom:50px;  width:1200px; margin:0 auto;
		}
 .abo_bot dl {float: left;width: 299px;border-left: 1px solid #fff;height: 170px;text-align: center;}
 .abo_bot dl:first-child {border-left: none;}
 .abo_bot dl dt {text-align: center;color: #fff;margin-bottom: 30px;padding-top: 10px;}
 .abo_bot dl dt b {display: inline-block;*display: inline;*zoom: 1;vertical-align: top;font-size: 56px;}
 .abo_bot dl dt em {display: inline-block;*display: inline;*zoom: 1;vertical-align: top;font-size: 20px;}
 .abo_bot dl dd {font-size: 16px;line-height: 24px;color: #f2f2f2;}










.container02{padding: 72px 0 80px 0;overflow:hidden;  position:relative; z-index:1; background:#fff}

.container02 .title h3{ float:left; width:280px; font-size:24px; color:#575757}

.container02 .title h3 small{ font-size:14px; color:#c3c3c3; text-transform:uppercase; margin-left:15px;}

.container02 .notice {float:left;width: 1200px;overflow: hidden;}

.container02 .notice .tab-hd {height: 35px;margin-bottom: 36px;}

.container02 .notice .tab-hd ul{text-align: right;font-size: 0;float: right;width:920px;}

.container02 .notice .tab-hd li{display:inline-block;line-height: 35px;height: 35px;text-align:center;margin-left: 8px;}

.container02 .notice .tab-hd li a{display:block;background-color: #f1f1f1;height: 35px;font-size: 12px;color: #3e3e3e;padding: 0 30px;margin: 0;}

.container02 .notice .tab-hd li a:hover{ color:#fff; background-color:#064aa7; }

.container02 .notice .tab-hd li.on a{background-color: #064aa7;color:#fff;}

.container02 .notice .tab-bd{ height:850px !important}

.container02 .notice .tab-bd ul{float: left;width: 1300px;margin-bottom: 50px;}

.container02 .notice .tab-bd ul li{float:left;width:372px;height:384px;margin-right: 42px;position:relative;text-align:center; border:1px solid #e8e8e8; margin-top:40px;}

.container02 .notice .tab-bd ul li .img,.container02 ul li .img img{width:370px;height:276px;position: relative; border-bottom:1px solid #e8e8e8;}

.container02 .notice .tab-bd ul li .top{position:absolute;content: " ";top: 0;right: 0;left: 0;bottom: 0;box-sizing:border-box;padding: 70px 0 0 0;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(0);transform: scale(0);filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#D1D62027', endColorstr='#D1D62027');background:rgba(6,74,159,0.82);}

.container02 .notice .tab-bd ul li:hover .top{ opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1);}

.container02 .notice .tab-bd ul li .top p{ width: 368px;font-size: 16px;color:#fff;height: 24px;line-height: 24px;margin-left: -368px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; text-transform:uppercase; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.container02 .notice .tab-bd ul li .top i{font-style:normal; width: 368px;font-size: 14px;color:#fff;height: 24px;line-height: 24px;margin-left: 368px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.container02 .notice .tab-bd ul li:hover .top p{ margin-left:0}

.container02 .notice .tab-bd ul li:hover .top i{ margin-left:0}

.container02 .notice .tab-bd ul li .top span{display:block;height: 42px;width: 42px;position: relative;left:50%;margin-left: -22px;margin-top: 15px;}

.container02 .notice .tab-bd ul li .top span::after{ border-radius: 50%; background:url(../images/feel4.png) #fff center center no-repeat; animation: rotate 1.2s linear infinite; content: ''; position: absolute; left: 0; top: 0; width: 42px; height: 42px;}

@keyframes rotate {

	0% { transform: translateY(0);}

    25% {transform: translateY(5px);}

    50% {transform: translateY(8px) scale(1.0, 1); }

    75% { ransform: translateY(5px);}

    100% {transform: translateY(0);}

}

.container02 .notice .tab-bd ul li .con{ float:left; width:100%; height:90px; box-sizing:border-box; padding:0 15px;}

.container02 .notice .tab-bd ul li .con p{font-size:18px;color:#3e3e3e;margin: 18px 0 0 0; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.container02 .notice .tab-bd ul li .con span{ font-size:14px; color:#8b8a8a; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:#064aa7; 
padding:8px 5px;  display:block; width:130px; margin:10px auto; color:#fff;}




/* 新产品中心结束*/
	.cp_liebiao{margin-top:40px; }
	.cp_liebiao ul{border-left:1px solid #ccc; box-sizing: border-box;border-top:1px solid #ccc;}
.cp_liebiao ul li{float:left; width:171px; line-height:50px;  box-sizing: border-box; }
.cp_liebiao ul li a{width:100%; display:block; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;box-sizing: border-box;}
 .cp_liebiao ul li a:hover{background:#006fd7; color:#fff;} 


/*pro*/
.pro { overflow:hidden; width:100%; height:710px; background-color:#f9f9f9;}
.pro h3.htitle a:hover{ color:#dc1313}
.pro ul{ overflow:hidden; width:1220px; margin:0 auto;}
.pro li{ overflow:hidden; float:left; width:224px; height:235px; position:relative; margin:10px;}
.pro li img.pro_tu{ display:block;}
.pro li b{ width:100%; height:100%; position:absolute; background:url(Img/Index/pro_cur_bg.png) repeat center; z-index:1}
.pro li .wen{ display:block; overflow:hidden; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2}
.pro li .wen .icon{ display:block; margin:0 auto; margin-top:70px;}
.pro li .wen h4{ margin-top:10px; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-bottom:10px;}
.pro li .wen a{ display:block; width:100%; height:100%; color:#fff; text-decoration:none;}
.pro li .wen i{ display:block; margin:0 auto; width:40px; height:2px; background-color:#fff; margin-bottom:15px;}
.pro li .wen p{ width:190px; margin:0 auto; font-size:14px; color:#e8e8e8; line-height:22px; height:66px; overflow:hidden; text-align:justify; text-align-last:center; display:none;}
.pro li .wen span{ display:none; font-size:0}
.pro li .wen span img{ display:block; margin:0 auto; margin-top:15px;}
.pro li.li01 b{ left:-224px; top:-235px;}
.pro li.li02 b{ left:-224px; top:0;}
.pro li.li03 b{ left:0; top:235px;}
.pro li.li04 b{ left:224px; top:0;}
.pro li.li05 b{ left:224px; top:-235px;}
.pro li.li06 b{ left:-224px; top:235px;}
.pro li.li07 b{ left:-224px; top:0;}
.pro li.li08 b{ left:0; top:-235px;}
.pro li.li09 b{ left:224px; top:0;}
.pro li.li010 b{ left:224px; top:235px;}















/* 优势
 */











/* 定制案例 */

/* 定制流程and客户见证  */
.dzandjz{width: 100%;height: 800px;background: url(../images/liucheng_02.jpg) no-repeat center;}
.dzandjz .paging-title h2{color: #000;}
.dzandjz .paging-title h2 a{color: #000;}
.dzandjz .paging-title h2 i{color: #000;font-weight: normal;}
.dzandjz .paging-title h2 a i{color: #000;font-weight: normal;}
.dzandjz .paging-title p{color: #999;font-size: 12px;}

.dinzhi{padding-bottom: 50px; background:#006fd7;}
.dinzhi-ul{margin-top: 52px;}
.dinzhi-ul ul li{float: left;width: 150px;text-align: center;padding-top: 25px;background: url(../images/jiantouxin.png) no-repeat left top;}
.dinzhi-ul ul li p{font-size: 18px;color: #fff;}
.dinzhi-ul ul li span{font-size: 12px;color: #f2f2f2;}
.dinzhi-ul ul li:hover{background: url(../images/jiantouxin.png) no-repeat top;animation:liucheng .5s linear; -webkit-animation:liucheng .5s linear;}


@keyframes liucheng 
{
	from{background:url(../images/jiantouxin.png) no-repeat -150px top;}
	to{background:url(../images/jiantouxin.png) no-repeat left top;}
}
@-webkit-keyframes liucheng 
{
	from{background:url(../images/jiantouxin.png) no-repeat -150px top;}
	to{background:url(../images/jiantouxin.png) no-repeat left top;}
}

.liuyan{width: 730px;margin-top: 60px;margin-left: 420px;height: 60px;position: relative;}
.liuyan p{font-size: 20px;color: #000;margin-left: 38px;width: 350px;display: block;}
.liuyan span{font-size: 16px;color: #666;}
.liuyan span i{font-size: 32px;color: #006fd7;font-style: normal;}
.liuyan>a{display: block;width: 160px;line-height: 50px;text-align: center;font-size: 14px;color: #fff;background: #000;border-radius: 25px;position: absolute;}
.liuyan>a.a01{top: 6px;left: 400px;}
.liuyan>a.a02{top: 6px;left: 570px;}
.liuyan>a:hover{background: #006fd7}





.youshi_top{ background-position:-300px -900px;height:250px;
		background: url(../images/container01_bg1.jpg) no-repeat center;
		transform:translate3d(0,0,0);
		    animation:play 25s linear infinite;
		background-attachment: fixed; overflow:hidden;}
		.youshi_top p{color:#fff; font-size:30px; font-weight:bold; text-align:center; margin-top:100px;}
		.youshi_top span{color:#fff; font-size:18px; text-align:center; display:block; margin-top:20px;}




.core-wrap{background:#fff;position:relative; z-index:1; overflow:hidden;}
		.core-box { width: 1198px; margin: 68px auto 38px; height: 492px; border:solid 1px #dddddd;}
.core-box .infos { width: 398px; height: 492px; text-align: center; color: #333; border-left: solid 1px #ddd; position: relative;}
.core-box .infos .txts { width: 100%; height: 100%; position: relative; z-index: 9; }
.core-box .infos h3 { font-size: 24px; padding: 60px 0 3px; }
.core-box .infos p { width: 315px; margin: 0 auto; line-height: 24px; color: #999; }
.core-box .infos i.icon-team { width: 40px; height: 40px; margin: 25px auto; background-image: url(../images/youshi_icon_1.png);  display:block; }
.core-box .infos i.icon-gray-jt { width: 19px; height: 10px; background: url(../images/icons.png) no-repeat -5px -44px; position: absolute; bottom: 80px; left: 50%; margin-left: -10px; z-index: 2; } 
.core-box .infos i.icon-sys { width: 40px; height: 40px; margin: 28px auto; background-image: url(../images/youshi_icon_2.png); display:block; }
.core-box .infos i.icon-pro { width: 40px; height: 40px; margin: 26px auto; background-image: url(../images/youshi_icon_3.png);  display:block; }
.core-box .infos a { display: block; width: 185px; height: 60px; background-color: #fff; border-radius: 5px; line-height: 60px; position: absolute; bottom: 60px; left: 50%; margin-left: -120px; color: #2167d2; font-size: 16px; padding-left: 55px; text-align: left; display: none;}
.core-box .infos a:before { content: ''; display: block; width: 19px; height: 10px; background: url(../images/icons.png) no-repeat -28px -44px; 
position: absolute; right: 55px; top: 25px; z-index: 2; }


.core-box .infos .bg { width: 390px; height: 483px; background:  url(../images/s_aims_bg1.jpg) no-repeat; position: absolute; left: 3px; top: 3px; z-index: 0; display: none; }
.core-box .infos .bg1 { width: 390px; height: 483px; background: url(../images/s_aims_bg2.jpg) no-repeat; position: absolute; left: 3px; top: 3px; z-index: 0; display: none; }
.core-box .infos .bg2 { width: 390px; height: 483px; background: url(../images/s_aims_bg3.jpg) no-repeat; position: absolute; left: 3px; top: 3px; z-index: 0; display: none; }


.core-box .infos:hover { z-index: 9; }
.core-box .infos:hover, .core-box .infos:hover p { color: #fff; }
.core-box .infos:hover i.icon-gray-jt { display: none; }
.core-box .infos:hover a, .core-box .infos:hover .bg { display: block; }
.core-box .infos:hover a, .core-box .infos:hover .bg1 { display: block; }
.core-box .infos:hover a, .core-box .infos:hover .bg2 { display: block; }
.core-box .infos:hover i.icon-team { background-image: url(../images/youshi_icon_01.png);}
.core-box .infos:hover i.icon-pro { background-image: url(../images/youshi_icon_03.png);}
.core-box .infos:hover i.icon-sys { background-image: url(../images/youshi_icon_02.png);}











/* 友情链接
 */


.news_xuri{ background: #f2f2f2;position:relative; z-index:1; overflow:hidden; }
 .news {
  padding: 28px 0;width:1200px; margin:0 auto;
  
}
 
 .news .tabBox {
  margin-top: 30px;
}
.news .tabBox .left {
  width: 442px;
  float: left;
}
 .news .tabBox .left .swiper-slide a:hover .text .tit {
  color: #175bc0;
}
 .news .tabBox .left .swiper-slide a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
 .news .tabBox .left .swiper-slide .pic {
  height: 268px;
  overflow: hidden;
}
 .news .tabBox .left .swiper-slide .pic img {
  width: 100%;
  display: block;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
 .news .tabBox .left .swiper-slide .text {
  padding: 26px 30px;
  box-sizing: border-box;
  background: #fff;
  margin-top: 1px;
}
 .news .tabBox .left .swiper-slide .text .tit {
  height: 22px;
  line-height: 22px;
  font-size: 18px;
  color: #2c2c2c;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.news .tabBox .left .swiper-slide .text .txt {
  height: 52px;
  line-height: 26px;
  font-size: 16px;
  color: #666666;
  margin-top: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.news .tabBox .left .swiper-slide .text .date {
  height: 20px;
  line-height: 20px;
  font-family: "Arial";
  color: #999999;
  font-size: 16px;
  margin-top: 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

 .news .tabBox ul {
  width: 758px;
  float: right;
}
 .news .tabBox ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.news .tabBox ul li {
  width: 368px;
  float: left;
  margin: 0 0 10px 10px;
}
.news .tabBox ul li a {
  display: block;
  padding: 28px 26px;
  box-sizing: border-box;
  background: #fff;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.news .tabBox ul li a:hover {
  box-shadow: 3px 3px 10px 1px #cbcbcb;
}
.news .tabBox ul li a:hover .tit {
  color: #175bc0;
}
.news .tabBox ul li .tit {
  height: 20px;
  line-height: 20px;
  font-size: 18px;
  color: #2c2c2c;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.news .tabBox ul li .txt {
  height: 78px;
  line-height: 26px;
  font-size: 16px;
  color: #666666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin: 22px 0;
}
.news .tabBox ul li .date {
  height: 20px;
  font-size: 16px;
  color: #999999;
  font-family: "Arial";
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}


		.xuri_title p{color:#333; font-size:30px; font-weight:bold; text-align:center; margin-top:60px;}
		.xuri_title span{color:#666; font-size:18px; text-align:center; display:block; margin-top:20px;}

.news_xuri .more1{ text-align:center; overflow:hidden; margin:0 auto;  padding-bottom:60px;}
.news_xuri .more1 a{ display:block; width:180px; height:48px; line-height:48px; background:#00459c; margin:0 auto; font-size:14px; color:#fff}
.news_xuri .more1 a:hover{ background:#f08200; }





.F_c{ display:block;width:100%; background-color:#fff; position:relative; z-index:1; overflow:hidden; }
.F_c h3{font-size:16px;margin:0 auto;height:57px;width:470px;font-weight:normal;position: relative;/* top: -57px; */background: #d8d8d8;/* margin-top: -20px; */}
.F_c h3 a{ display:block; width:235px; text-align:center; height:57px; line-height:57px;text-align:center; float:left; color:#333}
.F_c h3 a:hover,.F_c h3 a.cur{ background-color:#0079d1; color:#fff}
.F_c .fcBox{position:relative;width:1200px;height:280px;margin: 30px auto 40px;}
.F_c .fcCon{ position:absolute; top:0; left:0; display:none}
.F_c .hzCon{ overflow:hidden;position:relative; width:1200px; }
.F_c .hzCon em{ top:60px;}
.F_c .hzBox{ position:relative; width:1200px; height:300px;  margin:0 auto; overflow:hidden;}
.F_c ul{ position:absolute; top:0; left:0;}
.F_c ul li{ float:left; width:281px;margin-right:19px;}
.F_c ul li img{ border:1px solid #e4e3e2;}
.F_c ul li span{ display:block; text-align:center; line-height:25px; font-size:14px; color:#666; margin-top: 8px;}