/*公用样式*/
*{padding:0px; margin:0px;}
body{color:#222;font-family:STXihei,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif, Hiragino Sans GB; background-color:rgb(254,253,253); margin:0px auto;-webkit-text-size-adjust: none;padding: 0;}
html,address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset 
{-webkit-text-size-adjust: none; margin: 0; padding: 0;}
a{transition: color 0.4s;}
ol,ul,li{list-style:none;list-style-image:none;list-style-position:outside;list-style-type:none;}
img,fieldset,abbr,acronym {border: none; padding: 0; margin: 0;}
del,ins{text-decoration:none; }
a{text-decoration:none; color:#222;outline:none;-webkit-appearance:none;}
table{ border-collapse:collapse;　border-spacing: 0;  }
i,b,address{ text-decoration:none; font-style:normal; font-weight:lighter;}
caption{ text-align:left;}
time,mark{ margin:0px; padding:0px; background:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;margin: 0;padding: 0;}
i, cite, em { font-style: normal; font-weight: 400;}
h1,h2,h3,h4,h5,h6{font-weight: 400;font-size: inherit;}
/*滚动条美化*/
/*::-webkit-scrollbar {  
  width: 14px;  
  height: 14px;  
}  
  
::-webkit-scrollbar-track,  
::-webkit-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}  
  
::-webkit-scrollbar-track {  
  box-shadow: 1px 1px 1px #20973B inset;  
}  
  
::-webkit-scrollbar-thumb {  
  min-height: 20px;  
  background-clip: content-box;  
  box-shadow: 0 0 0 5px #20973B inset;  
}  
  
::-webkit-scrollbar-corner {  
  background: transparent;  
}  */
/*字体*/
@font-face {
  font-family: 'iconfont';  /* project id 505089 */
  src: url('//at.alicdn.com/t/font_505089_9pk9dsfnnib2o6r.eot');
  src: url('//at.alicdn.com/t/font_505089_9pk9dsfnnib2o6r.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_505089_9pk9dsfnnib2o6r.woff') format('woff'),
  url('//at.alicdn.com/t/font_505089_9pk9dsfnnib2o6r.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_505089_9pk9dsfnnib2o6r.svg#iconfont') format('svg');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon {
   width: 1em; height: 1em;
   vertical-align: -0.15em;
   fill: currentColor;
   overflow: hidden;
}
/*公用*/
img{max-width: 100%; display: block;}
.wd{width: 1400px; margin: 0 auto;}
.of{overflow: hidden;}
.cl{clear: both;}
.fl{float: left;}
.fr{float: right;}
.animate *{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}



/*头部*/
.head{margin-top: 25px; position: absolute; top: 0; left: 0; width: 100%; z-index: 100;}
.head_tel a{line-height: 62px; height: 60px; color: #fff; margin: 0 0 0 10px; padding: 0 10px 0 0;}
.nav ul li{float: left; width: 100px; font-size:20px; line-height: 62px; height: 60px; overflow: hidden; color: #fff;}
.nav ul li.first{width: 72px;}
.nav ul li span{float: left; width: 0px; margin-right: 0px; height: 1px; background: #fff; margin-top: 30px; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.nav ul li:hover span{width: 8px; margin-right: 5px;}

/*底部*/
.foot_bot{background: #0a0a0a; color: #999; font-size: 14px; line-height: 26px; padding: 30px 0;}
.foot_bot_body{opacity: 0;}
.foot_bot_fr a{float: left; font-size: 29px; color: #999; margin-left: 10px; line-height: 78px;}
.foot_bot_fr a i{font-size: 29px;color:#04c38e;}
.foot_bot_fr a:hover{opacity: 0.8;}
.foot_top{padding: 25px 0; background: #1e1e1e;}
.foot_cen{opacity: 0;}
.foot_cen_title{font-size: 18px; border-bottom: 1px solid #333; line-height: 40px; color:#0166ce;}
.foot_cen_body{padding: 10px 0 0;}
.foot_cen_body a{float: left; margin-right: 15px; font-size: 14px; color: #999; line-height: 28px;}
.foot_top_body{padding:20px 0 0 0; opacity: 0;}
.foot_top_fl ul li{float: left; width: 170px; line-height: 26px;}
.foot_top_fl ul li div{font-size: 18px; margin-bottom: 20px;color:#fff;}
.foot_top_fl ul li a{color: #999;}
.foot_top_fl ul li p:hover{padding-left: 10px;}
.foot_top_fr ul li{float: left; margin: 0 0 0 10px; text-align: center; color: #999; font-size: 14px; line-height: 40px;width:100px;}
.foot_top_cen{margin-left: 70px;}
.foot_top_cen div{font-size: 18px;color:#fff;}
.foot_top_cen a{font-size: 28px;color:#0166ce;font-weight:bold;}
.foot_top_cen p{line-height: 26px; color: #999; margin-top: 5px;}

/*刘德华写的轮播图*/
.lbanner {
				height: 600px;
				margin: 0px auto;
				overflow: hidden;
				position: relative;
			}
			
			.lbanner .btngo {
				width: 40px;
				line-height: 40px;
				height: 40px;
				text-align: center;
				color: #FFF;
				background-color: rgba(0, 0, 0, 0.6);
				position: absolute;
				margin-top: 280px;
				opacity: 0;
				border-radius: 4px;
				z-index: 99;
			}
			
			.lbanner:hover .btngo {
				opacity: 0.4;
				z-index: 30;
			}
			
			.lbanner .btngo:hover {
				opacity: 1;
				cursor: pointer;
			}
			
			.lbanner .golf {
				left: 0px;
			}
			
			.lbanner .golr {
				right: 0px;
			}
			
			.lbanner .slides {
				z-index: 88;
				height: 600px;
			}
			
			.lbanner .slides li {
				z-index: 10;
				position: absolute;
				width: 100%;
				height: 600px;
				left: 0px;
				top: 0px;
				opacity: 0;
				transition: all 0.5s;
				-moz-transition: all 0.5s;
				-webkit-transition: all 0.5s;
				-o-transition: all 0.5s;
			}
			
			.lbanner .slides li.show {
				opacity: 1;
				z-index: 20;
			}
			
			.lbanner .slides li .kuai {
				width: 100%;
				height: 600px;
				display: block;
				padding-top: 20px;
			}
			
			.lbanner .dot {
				width: 100%;
				position: absolute;
				margin-top: 540px;
				z-index: 99;
				text-align: center;
			}
			
			.lbanner .dot li {
				width: 60px;
				height: 6px;
				display: inline-block;
				background-color: #fff;
				opacity: 0.4;
				margin: 0px 5px;
				cursor: pointer;
			}
			
			.lbanner .dot li.pitch {
				background-color: #ffffff;
				opacity: 0.7;
			}
			
			.bannertext {
				position: relative;
				overflow: hidden;
				margin-top: 180px;
			}
			
			.bannertext span {
				position: relative;
				display: block;
				top: -20px;
				opacity: 0;
				color: #FFF;
				filter: alpha(opacity=0);
			}
			
			.bannertext .tit {
				font-size: 45px;
				line-height: 45px;
				margin-bottom: 36px;
			}
			
			.bannertext .text {
				width: 530px;
				color: #fff;
				font-size: 22px;
				line-height: 30px;
			}
			
			.bannertext .btn {
				display: inline-block;
				width: 190px;
				height: 50px;
				position: relative;
				top: 20px;
				margin-top: 35px;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				border: 1px solid #fff;
				line-height: 48px;
				text-align: center;
				font-size: 18px;
				color: #fff;
				-webkit-transition: top 0.3s ease 0s;
				-o-transition: top 0.3s ease 0s;
				transition: top 0.3s ease 0s;
				-webkit-transition: background 0.3s ease 0s;
				-o-transition: background 0.3s ease 0s;
				transition: background 0.3s ease 0s;
				opacity: 0;
				filter: alpha(opacity=0);
			}
			
			.bannertext .btn:hover {
				background: #fff;
				color: #3f5263;
			}
			
			.show .bannertext span {
				top: 0;
				opacity: 1;
				filter: alpha(opacity=100);
				-webkit-transform: rotate(0);
				-ms-transform: rotate(0);
				transform: rotate(0);
				-webkit-transition: all 0.5s ease 0s;
				-o-transition: all 0.5s ease 0s;
				transition: all 0.5s ease 0s;
			}
			
			.show .bannertext .btn {
				opacity: 1;
				top: 0;
				filter: alpha(opacity=1);
				-webkit-transition: all 0.3s ease;
				-o-transition: all 0.3s ease;
				transition: all 0.3s ease;
			}


/*轮播*/
.i-ban {
    position: relative;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    height: 600px;
}
@media screen and (max-width: 1500px) {
    .i-ban {
        height: 500px;
    }
}
.i-ban ul,
.i-ban li {
    width: 100%;
    height: 100%;
}

.i-ban li {
    -webkit-background-size: cover !important;
    background-size: cover !important;
    background-size: cover !important;
    position: absolute;
    left: 100%;
    top: 0;
}

.i-ban li .banner-text {
    width: 100%;
    position: absolute;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.i-ban li .banner-text div {
    position: relative;
    overflow: hidden;
}

.i-ban li .banner-text div span {
    position: relative;
    display: block;
    top: -20px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.i-ban li .banner-text .tit {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 36px;
}

.i-ban li .banner-text .text {
    width: 530px;
    color: #fff;
    font-size: 22px;
    line-height: 30px;
}

.i-ban li .banner-text .btn {
    width: 190px;
    height: 50px;
    position: relative;
    top: 20px;
    margin-top: 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    line-height: 48px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    -webkit-transition: top 0.3s ease 0s;
    -o-transition: top 0.3s ease 0s;
    transition: top 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
    -o-transition: background 0.3s ease 0s;
    transition: background 0.3s ease 0s;
    opacity: 0;
    filter: alpha(opacity=0);
}

.i-ban li .banner-text .btn:hover {
    background: #fff;
    color: #3f5263;
}

.i-ban li.active .banner-text div span {
    top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.i-ban li.active .btn {
    opacity: 1;
    top: 0;
    filter: alpha(opacity=1);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.i-ban .btns {
    position: absolute;
    bottom: 76px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 999;
}

.i-ban .btns span {
    display: inline-block;
    width: 80px;
    height: 2px;
    margin-right: 10px;
    background-color: #3a333f;
    position: relative;
    cursor: pointer;
    z-index: 999;
}

.i-ban .btns span i {
    display: block;
    height: 100%;
    position: absolute;
    width: 0;
    background-color: #fff;
}
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.loader{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    -webkit-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;
}
/*轮播图*/
.px_banner{height: 700px;}
.px_banner .swiper-slide a{display: block; height: 100%; background-size:auto 100%; background-position: center center;}
.swiper-container-horizontal>.swiper-pagination.px_pagination{position: absolute; left: 0; bottom: 40px; width: 100%; text-align: center;}
.px_pagination.swiper-pagination-clickable .swiper-pagination-bullet{width: 60px; height: 3px; border-top: 1px solid #fff; display: inline-block; margin: 0 10px; cursor: pointer; opacity: 1; background: none; border-radius: 0;}
.px_pagination.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fff;}

/*首页标题*/
.index_title{margin: 20px auto 0px;  font-size: 36px; color: #333;font-weight:bold;}
.index_title p{font-size: 18px; color: #999;font-weight: normal;}
.index_title em{display: block; width: 1px; height: 25px; background: #dcdcdc; margin: 10px 0 0 35px;}
.index_title.titlea{animation: titlea 2s; -moz-animation: titlea 2s;	/* Firefox */ -webkit-animation: titlea 2s;	/* Safari 和 Chrome */ -o-animation: titlea 2s;	/* Opera */}

/*工作方向*/
.index_direction{padding: 0 0 50px; height: auto;}
.index_direction_body{opacity: 0;}
.index_direction_body ul{overflow: hidden; padding: 20px 0 0;}
.index_direction_body ul li{float: left; overflow: hidden; width: 16.666%; height: 100%; position: relative;}
.index_direction_box{position: relative; z-index: 50; margin: 0 auto; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s; animation: directiona 2s; -moz-animation: directiona 2s;	/* Firefox */ -webkit-animation: directiona 2s;	/* Safari 和 Chrome */ -o-animation: directiona 2s;	/* Opera */}
.index_direction_icon{display: block; width: 100px; height: 100px; text-align: center; line-height: 100px; border: 1px solid #fff; border-radius: 50%; color: #666; margin-bottom: 15px; padding: 5px;}
.index_direction_icon .icon{width: 70px; height: 70px; margin: 15px 0 0;}
.index_direction_icon i{font-size: 48px; width: 100px; height: 100px; border-radius: 50%; background: #fff; display: block; text-align: left;}
.index_direction_top{transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.index_direction_top div{color: #222; font-size: 30px; line-height: 40px; }
.index_direction_top p{font-size: 16px; line-height: 24px; color: #333; font-style:italic;}
.index_direction_bot{color: #666; font-size: 14px; line-height: 24px; margin: 10px 0 0; transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;-moz-transition: all 0.3s;}
.index_direction_body ul li:hover .index_direction_top,.index_direction_body ul li:hover .index_direction_bot{margin-left: 10px;}
.index_direction_body ul li:hover .index_direction_icon{margin-top: -20px;}

/*关于多享*/
.index_about{padding: 0 0 40px 0;}
.index_about_body{position: relative; text-align: center;overflow:hidden;}
.index_about_lf{width: 190px; opacity: 0;}
.index_about_box{margin: 20px 0 30px;}
.index_about_box div{position: relative; display: inline-block; margin: 0 auto; padding: 0 20px;}
.index_about_box div i{position: absolute; top: 0; right: 0; font-size: 18px;}
.index_about_box div span{font-size: 60px; text-align: center; display: block; font-weight: lighter;}
.index_about_box em{display: block; margin: 0 auto 10px; width: 30px; height: 2px; background: #d2d2d2;}
.index_about_cen{width: 525px; margin: 0 0 0 75px; padding: 20px 0 0 70px; position: relative; z-index: 10; opacity: 0;}
.index_about_cen em{position: absolute; top: -8px; left: 0px; font-size: 76px; color: #b6b6b6;font-family:cursive;}
.index_about_cen p{margin-bottom: 30px; text-align: left; line-height: 30px; color: #333;}
.index_about_cen p span{text-decoration: underline; color: #111;}
.index_about_cen p u{font-weight:bold;}
.index_about_fr{position: absolute; top:0; right: 0; opacity: 0;}
.index_about .showImg{opacity:0;margin-top:15px;width:100%;position:relative;}
.index_about .showImg .swiper-wrapper .swiper-slide{width:25%;float:left;}
.index_about .showImg ul li img{width:100%;}
/*客户案例*/
.index_case{padding: 0 0 50px;}
.index_case_body{opacity: 0;}
.index_case_tab ul li{float: left; width: 135px; height: 50px; text-align: center; line-height: 50px; cursor: pointer; background: #F5F5F5; margin: 20px 3px 20px 0; font-size: 18px; color: #666;}
.index_case_tab ul li.first{width: 74px;}
.index_case_tab ul li:hover,.index_case_tab ul li.active{background: #0166ce; color: #fff;}
.index_case_box ul{width: 1425px; overflow: hidden;}
.index_case_box ul li{width: 450px; margin: 0 25px 20px 0; overflow: hidden; float: left; opacity: 0;}
.index_case_img{position: relative;}
.index_case_txt{padding: 10px 60px 10px 0px; position: relative;}
.index_case_title{font-size: 20px; line-height: 35px; height: 35px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.index_case_txt p{color: #666; line-height: 24px; height: 24px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.index_case_txt em{color: #999; font-style: italic; margin-top: 10px; display: block;}
.index_case_txt i{position: absolute; bottom: 0; right: 0; font-size: 36px; line-height: 50px; color: #DCDCDC; opacity: 0;}
.index_case_href{position: absolute; left: 50%; top: 50%; width: 100%; margin: -20px 0 0 -50%; height: 40px; text-align: center; line-height: 40px; color: #fff; text-align: center; opacity: 0; z-index: 10;}
.index_case_bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); opacity: 0;}
.index_case_href:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #fff;}
.index_case_href:after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff;}
.index_case_boxall{position: relative;}
.index_case_box{position: absolute; top: 0; left: 0; width: 100%; background: #fff;}
.index_case_box.active{position: inherit; z-index: 100;}
.index_case_box ul li:hover .index_case_txt{padding: 10px 60px 10px 10px;}
.index_case_box ul li:hover img{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);}
.index_case_box ul li:hover .index_case_txt i{opacity: 1; right: 10px;}
.index_case_box ul li:hover .index_case_href{width: 140px; margin: -20px 0 0 -70px; opacity: 1;}
.index_case_box ul li:hover .index_case_bg{opacity: 1;}
.index_case_more a{display: block; width: 250px; height: 42px; text-align: center; line-height: 42px; font-size: 18px; color: #fff; margin: 20px auto 0; position: relative; opacity: 1; border: 2px solid #0166ce; overflow: hidden;}
.index_case_more a span{position: relative; z-index: 20;color:#0166ce;font-weight:bold;}
.index_case_more a:after{content: ''; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: #0166ce;transition:width 0.5s ease;}
.index_case_more a:hover:after{width:100%;}
.index_case_more a:hover span{color:#fff;}


/*合作客户*/
.index_cooperation{background: #f5f5f5; padding: 0 0 50px 0;}
.index_cooperation_body{margin: 30px auto 0; position: relative; min-height: 200px;}
.index_cooperation_fl{position: absolute; top: 0; left: 0; border-top: 1px solid #DCDCDC; opacity: 0;}
.index_cooperation_fl a{display: block; margin-top: 40px;}
.index_cooperation_fr{ma rgin-left: 350px; opacity: 0;}
.index_cooperation_box .swiper-slide{/*width: 3100px;*/ overflow: hidden; padding: 0 0 40px 0;}
.index_cooperation_box .swiper-scrollbar-drag{height: 5px; top: -2px; background: #dcdcdc;}
.index_cooperation_box.swiper-container-horizontal>.swiper-scrollbar{height: 2px; background: none;}
.index_cooperation_box ul{/*width: 3150px;*/ overflow: hidden;}
.index_cooperation_box ul li{float: left; width: 125px; height: 90px; line-height: 90px; ma rgin: 0px 50px 0px 0;margin: 0px 25px 0px 0;}
.index_cooperation_box ul li img{display: inline-block; filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); opacity: 0.8;transform: scale(0.9,0.9);-ms-transform: scale(0.9,0.9);-webkit-transform: scale(0.9,0.9);-o-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9);}
.index_cooperation_box ul li:hover img{filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0);    -ms-filter: grayscale(0); opacity: 1;transform: scale(1,1);-ms-transform: scale(1,1);-webkit-transform: scale(1,1);-o-transform: scale(1,1);-moz-transform: scale(1,1);}

/*最新资讯*/
.index_news{padding: 0 0 50px;}
.index_news_body{margin: 20px auto 0;}
.index_news_fl{border-top: 1px solid #bfbfbf; margin-top: 10px; opacity: 0;}
.index_news_fl ul li{line-height: 50px; border-bottom: 1px solid #bfbfbf; font-size: 18px; cursor: pointer;}
.index_news_fl ul li.active{color:#0166ce;}
.index_news_boxall{position: relative; height: auto; opacity: 0;}
.index_news_fr{position: absolute; top: 0; right: 0; width: 100%; background: #fff;}
.index_news_fr.active{position: inherit; z-index: 100;}
.index_news_fr{width: 1070px;}
.index_news_title{font-size: 24px; font-style: italic; margin-bottom: 20px;}
.index_news_box{width: 525px;}
.index_news_box img{min-width: 100%; margin-bottom: 30px; height: 230px;}
.index_news_box ul{margin-bottom: 15px;}
.index_news_box ul li{line-height: 35px; height: 35px; font-size: 16px; overflow: hidden; padding-right: 80px; position: relative;}
.index_news_box ul li a{display: block; height: 35px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #333;}
.index_news_box ul li em{position: absolute; top: 0; right: 0; font-size: 14px; color: #999;}
.index_news_frbox{width: 440px; opacity: 0;}
.index_news_frbox ul{margin-bottom: 15px;}
.index_news_frbox ul li{line-height: 35px; height: 35px; font-size: 16px; overflow: hidden; padding-right: 80px; position: relative;}
.index_news_frbox ul li a{display: block; height: 35px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color: #333;}
.index_news_frbox ul li em{position: absolute; top: 0; right: 0; font-size: 14px; color: #999;}
.index_news_frbox ul li:nth-child(2){margin-bottom: 13px;}
.index_news_frbox ul li:nth-child(5){margin-bottom: 13px;}
.index_news_frbox_top{border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; padding: 15px 0; margin-bottom: 10px;}
.index_news_frbox_top a{display: block; line-height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.index_news_frbox_top p{font-size: 14px; color: #999; line-height: 30px; margin-left: 10px;}
.index_news_frbox_top div{font-size: 14px; color: #999; line-height: 30px; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin-left: 10px;}
.index_news_frbox_top:hover{padding-left: 10px;}
.index_news_frbox ul li:hover{padding-left: 10px;}
.index_news_box ul li:hover{padding-left: 10px;}

@media only screen and (max-width: 1500px) {
	.wd{width: 1200px;}
	.foot_top_fl ul li{width: 200px;}
	.foot_top_cen{margin-left: 30px;}
	.index_news_fr{width: 960px;}
	.index_news_frbox{width: 400px;}
	.index_news_box{width: 500px;}
	.index_case_box ul li{width: 383px;}
  
  .index_case_box ul.ul_xcx{width:auto;}
  .index_case_box ul li.xcx{width:23.5%;margin-right:2%;}
  .index_case_box ul li.xcx:nth-child(4n){margin-right:0;}
  .index_case_box ul li.xcx .index_case_img{display:flex;align-items:center;height:160px;}
  .index_case_box ul li.xcx .index_case_img img{margin:0 auto;}
  .index_case_box ul li.xcx .index_case_img .sc-img-code{position:absolute;left:0;top:0;transition:all ease .3s;opacity:0;width:100%;height:100%;background:rgba(0,0,0,.5);}
  .index_case_box ul li.xcx .index_case_img .sc-img-code:hover{opacity:1}
  .index_case_box ul li.xcx .index_case_img .sc-img-code img{width:120px;margin:0 auto;margin-top:20px;}
  .index_case_box ul li.xcx .index_case_title{text-align:center;}
  .index_case_box ul li.xcx:hover img{transform: scale(1,1);-ms-transform: scale(1,1);-webkit-transform: scale(1,1);-o-transform: scale(1,1);-moz-transform: scale(1,1);}
  
	.index_about_cen{margin-left: 30px; width: 430px;}
}


/*更多按钮动画*/
@keyframes mcolor{
    0%{width:0%;}
    100%{width:100%;}
}

@-moz-keyframes mcolor /* Firefox */
{
	0%{width:0%;}
    100%{width:100%;}
}

@-webkit-keyframes mcolor /* Safari 和 Chrome */
{
	0%{width:0%;}
    100%{width:100%;}
}

@-o-keyframes mcolor /* Opera */
{
	0%{width:0%;}
    100%{width:100%;}
}
@keyframes more{
	0%{width:0%;}
    100%{width:100%;}
}

@-moz-keyframes more /* Firefox */
{
	0%{width:0%;}
    100%{width:100%;}
}

@-webkit-keyframes more /* Safari 和 Chrome */
{
	0%{width:0%;}
    100%{width:100%;}
}

@-o-keyframes more /* Opera */
{
	0%{width:0%;}
    100%{width:100%;}
}