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

.about { padding-bottom:70px; position:relative; z-index:1;  padding-top:0px; border-top:1px solid #ccc; background:url(../images/hm_about_bg.jpg) no-repeat top; overflow:hidden;} 
.about .conbox {height: 412px; margin-top:30px;   }
.about .conbox .conleft {width: 620px;padding-top: 50px; /* background:#fff; */ height:428px;  }
.about .conbox .conleft h3 {font-size: 30px;font-weight: normal;color:#fff; width:90%; margin:0 auto;}
.about .conbox .conleft h3 a {color: #fff;  }
.about .conbox .conleft .p1 {font-size: 16px;color: #fff;margin-bottom: 35px; margin-top:6px; width:90%; margin:6px auto 0;}
.about .conbox .conleft .p2 { width:86%; margin:0 auto; margin-top:30px; color:#fff; 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: 30px; margin-left:40px; width: 55px;height: 1px;background: #aeaeae;  }

.about .conbox .conleft a{color:#0a61a4;}
.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: 30px; margin-left:40px; background:#ff0000; color:#fff; }
/* .about .conbox .conleft a.ljgda:hover {background: #ff0000;color: #fff;border: 1px solid #da251d;} */
.about .conbox .conright {cursor:pointer;/* border:5px solid #fff; */ box-sizing:border-box; width:580px; }

/* .about_youshi{ padding-bottom:60px;} */

 .fiveUl{ overflow:hidden; width:86%; padding:20px 0 20px 0; margin:0 auto; }
 .fiveUl li{ width:70px; height:70px; background:url(../images/fiveBg.png) no-repeat center top; margin-right:30px; float:left;}
 .fiveUl li img{ display:block; margin:0 auto; margin-top:15px;}
 .fiveUl li span{ text-align:center; font-size:16px; color:#fff; display:block; margin-top:20px;}
 .fiveUl li a{ text-decoration:none; display:block;}
 .fiveUl li.last{ margin-right:0} 
 .fiveUl li:hover{ background-position:bottom}


.advantage-bg {
	padding-bottom: 50px;
	/* background:#f2f2f2; */
	overflow:hidden;	
}

.advantage {
	background: url(/skin/images/advantage.png) no-repeat center;
	height: 172px;
	margin-top: 77px;
	position: relative;
}

.advantage h3 {
	font-size: 48px;
	padding-top: 18px;
}

.advantage p {
	font-size: 26px;
	color: rgba(255, 255, 255, .6);
	margin-top: 20px;
}

.advantage p:before,
.advantage p:after {
	display: block;
	content: "";
	width: 44px;
	height: 1px;
	background: rgba(255, 255, 255, .6);
}

.advantage p:before,
.advantage p:after {
	position: absolute;
	bottom: 25%;
}

.advantage p:before {
	left: 36%;
}

.advantage p:after {
	right: 36%;
}

.adv-1 {
	margin-top: 49px;
	overflow: hidden;

}
.adv-font{width:600px; float:left;}
.adv-font .adv-tit {
	font-size: 24px;
	margin-bottom: 20px;
	text-align:center;
	display: inline-block;
	
}

.adv-tit span {
	display: inline-block;
	background: url(../images/adv-num.png) no-repeat;
	width: 55px;
	height: 55px;
	line-height:60px;
	margin-right: 10px;
	position: relative;
	top: -3px;
	font-size:28px;
	color:#fff;
}

.adv-font .adv-tit i {
	color: #ccc;
	font-weight: 100;
	margin-left: 10px;
	font-size:16px;
	font-style: normal;
}

.adv-font p {
	position: relative;
	padding-left: 15px;
	margin-bottom: 20px;
}

.adv-font p:before {
	position: absolute;
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	background: #ee5217;
	left: 0;
	top: 7px;
}

.adv-font-1 {
	margin-bottom: 60px;
}

.f-float {
	float: right !important;


}


.bgbox{
		background-position:-300px -900px;background:url(../images/container01_bg1.jpg)  no-repeat center;transform:translate3d(0,0,0);
		    animation:play 25s linear infinite;
		background-attachment: fixed; overflow:hidden;
		
		
		}

		.ser{margin-top:30px; }
.ser>ul {

  overflow: hidden;

  text-align: center;

  margin-bottom: 40px;

}

.ser>ul li {

  float: left;

  outline: none;

  cursor: pointer;

  margin: 0 48.5px;

  display: inline-block;

  text-align: center;

}

.ser>ul li .t {

  width: 88px;

  height: 88px;

  margin: 0 auto;

  background-color: #fff;

  border-radius: 100%;

  padding: 4px;

  transition: 0.7s;

  overflow: hidden;

}

.ser>ul li .t .img {

  width: 100%;

  height: 100%;

  border-radius: 100%;

  position: relative;

  display: block;

  border: dashed 1px rgba(255, 255, 225, 0.5);

}

.ser>ul li .t .img img {

  transition: 0.7s;

  position: absolute;

  max-width: 100%;

  max-height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}

.ser>ul li .t .img .i1 {

  opacity: 1;

  transition: 0.7s;

}

.ser>ul li .t .img .i2 {

  opacity: 0;

  transition: 0.7s;

  left: -100px;

}

.ser>ul li p {

  font-size: 14px;

  font-weight: normal;

  font-stretch: normal;

  letter-spacing: 0px;

  color: #f2f2f2;

  line-height: 50px;

}

.ser>ul li:hover .t {

  background-color: #0a61a4;

  position: relative;

  display: block;

}

.ser>ul li:hover .t img {

  transition: 0.7s;

  position: absolute;

  max-width: 100%;

  max-height: 100%;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  margin: auto;

}

.ser>ul li:hover .t .i1 {

  left: 100px;

  opacity: 0;

}

.ser>ul li:hover .t .i2 {

  opacity: 1;

  left: 0px;

}


#s_ys {
	background: url(../images/s_ys_bg.jpg) center no-repeat;
	height: 570px;
	overflow: hidden;
	margin-top:30px;


}
#s_ys .w1200{position:relative}
#s_ys .btn_zixun {
	width: 130px;
	height: 30px;
	background: #006cf1;
	line-height: 30px;
	text-align: center;
	display: block;
	font-size: 16px;
	color: #fff;
	border-radius: 3px;
	position: absolute;
	left: 20px;
	top: 376px;
	border-radius:28px;
	
}

#s_ys ul {
	width: 860px;
	overflow: hidden;
	padding-left: 6px;
	padding-top: 55px;
}
#s_ys ul li {
	width: 264px;
	float: left;
	color: #fff;
	margin-bottom: 16px;
	 margin-left: 16px; 
	border:1px solid #eee;
}
#s_ys ul li .img {
	width: 258px;
	height: 198px;

	border: 3px solid #fff;
}
#s_ys ul li .img img {
	width: 258px;
	height: 192px;
}
#s_ys ul li h5 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 8px;
	margin-top:10px;
	color:#666;
	text-align:center;
	font-size:16px;
}


.container02{padding: 0px 0 80px 0;overflow:hidden;  position:relative; z-index:1; /* background:url(../images/kairun_cpbg.jpg) no-repeat top; */ }

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

.container02 .title h3 small{ font-size:14px; color:#c3c3c3; text-transform:uppercase; line-height:34px;}

.container02 .notice {float:left;width: 1200px;overflow: hidden; margin-top:60px;}

.container02 .notice .tab-hd {/* height: 35px; */margin-bottom: 10px;}

.container02 .notice .tab-hd ul{font-size: 0;width:1200px; overflow:hidden;}

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

.container02 .notice .tab-hd li a{display:block;background-color: #f1f1f1;height: 35px;font-size: 14px;color: #3e3e3e; width:190px;margin: 0; border-radius:40px; }

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

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

.container02 .notice .tab-bd{ height:780px !important; border:px solid red}

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

.container02 .notice .tab-bd ul li{float:left;width:280px;height:330px;margin-right: 26px;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:278px;height:209px;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(234,42,40,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: 278px;font-size: 16px;color:#fff;height: 24px;line-height: 24px;margin-left: -278px;-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: 40px;width: 40px;position: relative;left:50%;margin-left: -22px;margin-top: 15px;}

.container02 .notice .tab-bd ul li .top span::after{ background:url(../images/sousuotb.png)  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:110px; box-sizing:border-box; padding:0 15px; background:#fff;}

.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:#0a61a4; 
padding:8px 5px;  display:block; width:130px; margin:10px auto; color:#fff;}


.main_box{ margin:0 auto; width:1200px; position:relative;}

#s_artist{}
#s_artist .hd{ width: 350px; margin: 40px auto 5px auto;  border: px solid #c7c7c9; height: 41px;}
#s_artist .hd a{position: relative; display: block; height: 40px; line-height: 40px; text-align: center; float: left;  width: 174px; display:block;}
#s_artist .hd a i{display: block; width: 177px; background: #0a61a4;position: absolute; left: -1px; top: -1px; }
#s_artist .hd a strong{color: #4f4f51; font-size: 16px; position: relative; z-index: 2;}
#s_artist .hd a.on i{  height: 40px; }
#s_artist .hd a.on strong{ color: #fff;}
#s_artist ul{ margin:10px -60px 0px -13px;   }
#s_artist li{ float:left; position:relative; overflow: hidden; width:380px; display:block; margin:0 35px 30px 0; -moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;  }
#s_artist li a{ display:block;  overflow:hidden;   }
#s_artist li .pic_box{ position: relative; width:380px; height:286px; overflow: hidden; background: #000;}
#s_artist li img{ width:380px; height:286px; display:block; /* opacity:.7;filter:alpha(opacity=70); */} 
#s_artist li .icon_box {  position: absolute;top: 0px; right: 0px; opacity: 0;  width: 100%; height: 100%; }
#s_artist li h4{ display: block;  height:50px; line-height:50px; ;padding:0px 20px; } 
#s_artist li h4 strong{  color:#666666;  display: block; text-align:center; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; font-size: 16px; font-weight:normal;}
#s_artist li span{ font-size:14px; color:#da241a;  }
#s_artist li:hover { box-shadow: 0 0 20px #999;}
#s_artist li:hover  .icon_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);}
#s_artist li:hover span{  font-size:14px; color:#da241a;  }
#s_artist .s_more{ background: #fff;}
#s_artist .s_more:hover{border-radius: 30px;  color: #0a61a4;   border: 2px solid #0a61a4;}


/* �²�Ʒ���Ľ���*/
.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;}


/* ��������
 */


.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 b{color:#999; font-size:12px; font-weight:normal; text-align:center; display:block; margin-top:20px;}
.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:#0a61a4; margin:0 auto; font-size:14px; color:#fff}
.news_xuri .more1 a:hover{ background:#f08200; }