/*基础CSS*/
body{ font-size:12px;color:#333333;text-align:center; /*overflow-x:hidden; */ min-width:1200px; overflow-x:hidden; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px;}
a{text-decoration:none;color:#333;-webkit-tap-highlight-color:transparent;}
a:hover,a:active{/*text-decoration:underline;*/color:#1c182f;}
image{ vertical-align:middle;}
ul,li{ list-style:none;}
ul{ margin:0px; padding:0px;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
var{font-style:normal;}
input,select,img{vertical-align:middle;}
.wrap{clear:both;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both;margin:0 auto;text-align:left;zoom:1; width:90%}
.container{clear:both;margin:0 auto;zoom:1; width:1440px; text-align:left}
.clear{clear:both; zoom:1;}
.divhidden{ display:none;}
.l{ float:left;}
.r{float:right;}
.m_t{ margin-top:9px;}
.m_t17{ margin-top:17px;}
.m_t20{ margin-top:20px;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}
.margin_top{ margin-top:-500px;}
.mobile_mian{ display:none;}
.navbar{ position:absolute; width:100%; z-index:999;border-bottom:solid 1px rgba(255,255,255,0.1)}
.navbar-brand{ float:left; line-height:70px; height:70px; display:block;}
.navbar-brand img{ vertical-align:middle; display:block; max-height:50px; margin-top:15px}
.navbar-collapse{ float:right;}
.navbar-collapse li{ float:left; line-height:70px;}
.navbar-collapse li a {
    display: block;
    position: relative; padding:0px 25px;
   
    color: #fff; font-size:14px;
}
.navbar-collapse li a::after {
    content: '';
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    background: #444444;
    background: #8c8c8c;
    transition: all .6s ease;
}
.text-center{ text-align:center; padding:15px 0px; font-size:24px}
.news-box{ background-color:#FFF; padding:15px; margin:30px 0px}
.navdow{ background-image:url(../images/navdow_bj.jpg); background-repeat:no-repeat; background-position: center bottom}
.wwws{ font-size:20px; font-weight:bold}
.i_news_a{ padding-top:15px;}


/*网站设计制作*/
.in_service .block{margin-top:1rem}
.in_service .block .item{display:block;background:#f4f4f4;padding:4rem;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.in_service .block .item b{display:block;font-size:2rem;color:#565656;text-align:center}
.in_service .block .item span.ico{display:block;width:75px;margin:0 auto;color:#565656}
.in_service .block .item span.ico i{font-size:60px}
.in_service .block .item ul.list{margin:0;padding:0}
.in_service .block .item ul.list li{display:block;text-align:center;font-size:14px;height:28px;overflow:hidden;line-height:28px;position:relative;color:#696969;}
.in_service .block .item ul.list li a{color:#616161}
.in_service .block .item ul.list li a:hover{color:#fff}
.in_service .block .item ul.list li:after{content:'';width:0;height:1px;background:#fff;position:absolute;left:0px;bottom:0px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.in_service .block .item ul.list li:hover:after{width:100%}
.in_service .block .item:hover,.in_service .block .item:focus{background:#005bb2}
.in_service .block .item:hover b,.in_service .block .item:focus b{color:#fff}.in_service .block .item:hover span.ico,.in_service .block .item:focus span.ico{color:#fff}
.in_service .block .item:hover ul.list li,.in_service .block .item:focus ul.list li{color:#fff}
.in_service .block .item:hover ul.list li a,.in_service .block .item:focus ul.list li a{color:#fff}
.am-u-lg-4{ width:33.2%; float:left;}




.in_service .block .item a.image{display: block;position:relative;}
.in_service .block .item .layer{position:absolute;top:31%;left:32%;-webkit-transform: scale(0,0);
    -moz-transform: scale(0,0); -ms-transform: scale(0,0); -o-transform: scale(0,0); transform: scale(0,0); -webkit-transition: all .0s ease-in-out;
    -moz-transition: all .0s ease-in-out; -ms-transition: all .0s ease-in-out; -o-transition: all .0s ease-in-out; transition: all .0s ease-in-out;}
.in_service .block .item:hover .layer{ -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);  }

.in_service .block .item:hover .layer img{ display: block;}

@media (min-width: 680px){
    .in_service .block{margin-top:2px;border-right:2px solid #fff}
    .in_service .block:nth-child(2),.in_service .block:nth-child(4){border:none}
    .in_service .block .item{padding:2rem}
}
@media (min-width: 1026px){
    .in_service .block{margin-top:0;border-right:2px solid #fff}
    .in_service .block:nth-child(2){border-right:2px solid #fff}
    .in_service .block .item{padding:4rem 2rem}
    .in_service .block .item span.ico{margin:3rem auto}
    .in_service .block .item ul.list{width:100%;overflow:hidden}
    .in_service .block .item ul.list li{width:47.5%;float:left;text-align:left;padding-left:10px;background:url(../images/ico_line.png) left center no-repeat}
    .in_service .block .item:hover ul.list li{background:url(../images/ico_line_hover.png) left center no-repeat}
}
@media (min-width: 1200px){
    .in_service .block .item{padding:3rem 1rem}
}
@media (min-width: 1400px){
    .in_service .block .item{padding:4rem 3rem}
}
@media (min-width: 1600px){
    .in_service .block .item{padding:5rem}
}
@media (min-width: 1800px){
    .in_service .block .item{padding:7rem}
}



.i_service_t h2{ font-size:30px;line-height:20px;}
.i_service_t p{ font-size:20px; line-height:20px;}

/*案例*/
.caseContent{ padding-top:40px; clear:both; width:100%;}
.i_case2{ background-color:#f5f5f5; margin-top:10px; text-align:center; padding-bottom:20px;}
.guwenmore{ display:inline-block; width:92px;height:50px; line-height:50px; margin:0 auto; margin-top:50px; text-align:center; clear:both; overflow:hidden;/*transition:all 0.3s;*/background:#fff url(../images/works_more.png) no-repeat center -50px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; vertical-align:top;}
.guwenmore:Hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#1c182f url(../images/works_more.png) no-repeat center 0px;}
/*合作客户*/
.partner{ padding-top:40px; clear:both; width:100%; padding-bottom:80px;}
.in_partner_list{margin-bottom:80px;}
.in_partner_list ul {border-left: 1px solid #eee; border-top: 1px solid #eee;}
.in_partner_list li {float: left; width: 14.2857%;transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; position:relative;}
.in_partner_list li .imgs { overflow:hidden;border-right: 1px solid #eee; border-bottom: 1px solid #eee; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;  }
.in_partner_list li .imgs img{ opacity: 0.9;width:100%; display:block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);  -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.in_partner_list li:hover{box-shadow: 0px 0px 20px #ccc; -webkit-box-shadow: 0px 0px 20px #ccc;z-index:1; }
.in_partner_list li:hover .imgs img{opacity: 1;-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}
.partner_desc{ line-height:26px; text-align:center; font-size:16px; color:#999999;}
/*资讯中心*/
.i_news_bg{ background-color:#f5f5f5; overflow:hidden; padding-top:40px; padding-bottom:100px;}
.int-bot{ margin-top:10px;}
.int-bot .int-left{display: block;width:450px;background: white;float: left;box-shadow: 0 5px 15px rgba(0,0,0,0.06);padding: 29px 25px 25px 25px;}
.int-bot .int-left .h3{font-size: 18px;color: #666666;line-height: 26px;/*width: 300px;*/margin-bottom: 51px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;transition:all 0.3s; height:26px;}
.int-bot .int-left .h4{font-size: 14px;color: #999;font-family: 'Open sans';margin-bottom: 30px;}
.int-bot .int-left .ine-pic{width: 100%;overflow: hidden;}
.int-bot .int-left .ine-pic img{width: 100%; height:380px;display: block;transition: all 1s;}
.int-bot .int-left:hover img{transform: scale(1.1);}
.int-bot .int-left:hover .h3{color:#1c182f;}
.int-bot .int-mid{width: 450px;float: left;margin-left: 20px;height: 560px;overflow: hidden;}
.int-bot .intm{display: block;height: 236px;background: white;padding: 0 32px;padding-top: 34px; margin-bottom:20px;}
.int-bot .intm .h3{ font-size: 18px;color: #444;line-height: 18px;margin-bottom: 23px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition:all 0.3s;}
.int-bot .intm:hover .h3{ color:#1c182f;}
.int-bot .intm p{height: 44px; font-size: 14px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.int-bot .intm-bot{position: relative; height: 85px;border-top: solid 1px #e4e4e4;padding-top: 30px;margin-top: 37px;background: url(../images/intm.png) no-repeat right center;}
.int-bot .intm-bot:before{position: absolute;content: '';width: 0%;height: 1px;background: #1c182f;transition: all 1s;top: -1px;}
.int-bot .intm:hover .intm-bot:before{width: 100%;}
.int-bot .intm:hover .intm-bot{background: url(../images/intmH.png) no-repeat right center;}
.int-bot .intm-bot .h4{font-size: 50px;color: #444;font-family: 'sn';line-height: 50px;}
.int-bot .intm-bot .h5{font-size: 14px;color: #777;font-family: 'Open sans';padding-left: 3px;}
.int-bot .int-right{width: 500px;float: left;margin-left: 20px;padding: 25px 30px 0 30px;background: white;height: 535px;overflow: hidden;}
.int-bot .int-right .inr-list{height: 101px;border-bottom: solid 1px #e4e4e4;display: block;padding-top: 30px;}
.int-bot .int-right .inr-list:last-child{border-bottom: none;}
.int-bot .int-right .inr-list .inr-l{width: 96px;float: left;padding-left: 20px;}
.int-bot .int-right .inr-list .inr-l .h4{font-size: 50px;color: #444;font-family: 'sn';line-height: 50px;}
.int-bot .int-right .inr-list .inr-l .h5{font-size: 14px;color: #777;font-family: 'Open sans';padding-left: 3px;}
.int-bot .int-right .inr-list .inr-r{float: left;width: 370px;}
.int-bot .int-right .inr-list .inr-r .h3{ font-size: 18px;color: #444;line-height: 18px;margin-bottom: 13px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;transition:all 0.3s;}
.int-bot .int-right .inr-list .inr-r p{ height: 44px;font-size: 14px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.int-bot .int-right .inr-list:hover .inr-r .h3{ color:#1c182f;}
@media screen and (max-width:1440px) {
/*网站设计制作*/
.i_service_t{ font-size:16px; padding-bottom:0px;}
.i_service_t h2{ font-size:36px;}
.i_service_t p{font-size:16px;}
/*资讯中心*/
.int-bot .int-left{ width:300px; padding:29px 21px 25px 21px;}
.int-bot .int-left .h3{ margin-bottom:24px;}
.int-bot .int-left .ine-pic img{ height:325px;}
.int-bot .int-mid{ height:478px; margin-left:17px; width:342px;}
.int-bot .intm{ height:205px; padding-top:25px;}
.int-bot .intm .h3{ margin-bottom:15px;}
.int-bot .intm-bot{ height:83px; padding-top:15px; margin-top:31px;}
.int-bot .int-right{ width:420px;margin-left: 17px;height: 460px;padding-top: 20px;}
.int-bot .int-right .inr-list{ padding-top:25px; height:87px;}
.int-bot .int-right .inr-list .inr-r{ width:300px;}
}

/*首页案例*/
#owl-demo3{ width:100%; margin:0 auto; text-align:center; margin-bottom:70px;}
/* Styling Next and Prev buttons*/
#owl-demo3.owl-theme .owl-controls{ bottom:-20px; text-align:center;}
#owl-demo3.owl-theme .owl-controls .owl-pagination{ display:none;}
#owl-demo3.owl-theme .owl-controls .owl-buttons{ position:absolute; top:0;width:100%; left:0; height:0;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:52px; height:50px;/*IE7 life-saver*/ text-indent:60px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{background:#fff url(../images/works_arr.png) no-repeat 0px 0px; margin-right:55px;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{/*opacity:0.6;filter:Alpha(opacity=60);*/background:#1c182f url(../images/works_arr.png) no-repeat -52px 0px;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{ background:#fff url(../images/works_arr.png) no-repeat -52px -50px;  margin-left:55px;}
#owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background:#1c182f url(../images/works_arr.png) no-repeat 0px -50px;}

#owl-demo3.owl-theme .owl-controls .owl-page{ display:inline-block;}

#owl-demo3 .item{margin:0 0;}
#owl-demo3 .item img{display: block;height: 100%;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
#owl-demo3 .item dd{ width:25%; margin:0 auto; text-align:left; float:left;}
#owl-demo3 .item dd .imgs{width:100%; overflow:hidden; position:relative;}
#owl-demo3 .item dd .txts{font-weight:normal; color:#cecece; font-size:15px; line-height:30px; height:100%; overflow:hidden;transition:all 0.4s; position:absolute; bottom:-100%; left:0; width:100%;background:rgba(0, 0, 0, 0.82); text-align:center;}
#owl-demo3 .item dd .txts .h3{ margin:0 auto; max-width:380px; width:94%; font-weight:normal; font-size:15px; margin-top:28%; max-height:90px; overflow:hidden;}
#owl-demo3 .item dd .txts a{ color:#fff; display:inline-block; width:62px; margin-left:12px; margin-right:12px; font-size:16px;}
#owl-demo3 .item dd .txts a i{ width:48px; height:48px; display:block; margin:0 auto;transition:all 0.4s;}
#owl-demo3 .item dd .txts a:hover i{ margin-top:-6%; margin-bottom:6%;transform:rotate(360deg);}
#owl-demo3 .item dd .txts a i.bgs1{ background:url(../images/i_pic1.png) center top no-repeat;}
#owl-demo3 .item dd .txts a i.bgs2{ background:url(../images/i_pic2.png) center top no-repeat;}
#owl-demo3 .item dd .txts a i.bgs3{ background:url(../images/i_pic3.png) center top no-repeat;}
#owl-demo3 .item dd h2{ color:#333333; font-size:18px; line-height:80px; text-align:center; height:80px; text-align:center;overflow:hidden; white-space:nowrap;text-overflow:ellipsis; width:100%; position:relative; background-color:#fff; z-index:2; font-weight:normal;transition:all 0.4s; margin:0px;}
#owl-demo3 .item dd h2 i{transition:all 0.4s;position:absolute; width:100%; left:0; top:0; height:0; background:#b49173; z-index:-1;}
#owl-demo3 .item dd:nth-child(1) h2 i{background:#b39273;}
#owl-demo3 .item dd:nth-child(2) h2 i{background:#1c182f;}
#owl-demo3 .item dd:nth-child(3) h2 i{background:#009fe1;}
#owl-demo3 .item dd:nth-child(4) h2 i{background:#df0011;}
#owl-demo3 .item dd:nth-child(5) h2 i{background:#0e0b0b;}
#owl-demo3 .item dd:nth-child(6) h2 i{background:#017fc9;}
#owl-demo3 .item dd:nth-child(7) h2 i{background:#858585;}
#owl-demo3 .item dd:nth-child(8) h2 i{background:#b3c902;}
#owl-demo3 .item dd:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
#owl-demo3 .item dd:hover h2{ color:#fff;}
#owl-demo3 .item dd:hover h2 i{ height:100%;}
#owl-demo3 .item dd:hover .txts{ bottom:0;}


@media screen and (max-width: 1440px) {
/*首页案例*/
#owl-demo3 .item dd .txts h1{margin-top:16%; font-size:22px;}
#owl-demo3 .item dd h2{ height:60px; line-height:60px; font-size:16px;}

}
@media screen and (max-width: 1200px) {
/*首页案例*/
#owl-demo3 .item dd .txts h1{margin-top:11%;}
}

/*尾部*/
.f_bg{ background:#333333; overflow:hidden; color:#999999; font-size:14px; padding-top:30px;}
.f_bg a{color:#999999; text-decoration:none;transition:all 0.3s;}
.f_bg a:hover{ color:#fff;}
.f_bg .h2{ font-size:18px; color:#fff; font-weight:normal; line-height:70px; height:70px; background:url(../images/foot_bg1.png) left bottom no-repeat; margin-bottom:25px;}
.f_bg .h2 .more{ float:right; font-size:14px; color:#fff;}
.f_bg .h2 .more:hover{opacity:0.8;filter:Alpha(opacity=80);}
.f_bg .links{ width:430px; float:left;  margin-right:55px; overflow:hidden; }
.f_bg .links.w2{ margin-right:0;}
.f_bg .links ul li{ float:left; line-height:30px; height:30px;overflow:hidden; width:50%;text-overflow: ellipsis;white-space: nowrap;}
.f_bg .links ul li a{ padding-right:5px; color:#999999;font-size:14px;}
.f_bg .links ul li a:hover{ margin-left:5px; padding-right:0; color:#fff;}
.f_bg .f_div2_r{ float:right; width:430px;  overflow:hidden; line-height:30px;}
.f_bg .foot_two{ overflow:hidden; border-top:1px solid #484848; margin-top:40px; padding-top:15px;}
.f_bg .foot_two .h3{ font-size:18px; color:#fff; font-weight:normal; line-height:50px; height:50px;}
.f_bg .foot_two a{ line-height:24px; height:24px; overflow:hidden; color:#666; margin-right:1%; float:left;}
.f_bg .foot_two a:hover{ color:#fff;}
.f_bg .f_div3{overflow:hidden; border-top:1px solid #484848; margin-top:30px; padding-bottom:4px; line-height:70px;}

.nav-link{ padding:30px;}
.phone_top{ height:70px; line-height:70px; text-align:center;color:#CCC; font-size:14px; padding:0px 10px}
.phone_top img{ max-width:25px; padding-right:5px;}



/*分页*/
.justify-content-center {   -ms-flex-pack: center!important;  justify-content: center!important;}
.pagination {   display: -ms-flexbox;  display: flex;   padding-left: 0;  list-style: none;  border-radius: .25rem; margin:20px 0px;}
.page-num:not(:disabled) {cursor: pointer;}
.page-num, .page-link {	position: relative;	display: block;	padding: .5rem .75rem;	margin-left: -1px;	line-height: 1.25;	color: #333;	background-color: #fff;	border: 1px solid #dee2e6;}
a.page-num:hover, .page-link:hover {	text-decoration: none;}
.page-num-current {	z-index: 1;	color: #fff;	background-color: #0093dd;	border-color: #0093dd;}
.page-num-current:hover {	color: #fff;}
.reLink {	height: 38px;	border: 1px solid #ccc;	margin: 10px auto 10px;	padding: 0px 10px;}
.reLink .prevLink, .reLink .nextLink {	height: 38px; margin:0px; padding:0px}
.reLink .prevLink a, .reLink .nextLink a {	height: 38px;	line-height: 38px;}
.reLink .prevLink a:hover, .reLink .nextLink a:hover {	color: #04549b;}
.reLink .prevLink {	float: left;}
.reLink .nextLink {	float: right;}
.position{ line-height:40px; border-bottom:1px solid #eee;}
.footer{ padding:30px 0px 0px 0px; overflow:hidden; border-top:1px solid #eee; }
.foot-nav{ float:left; width:50%;}
.foot-nav h5{ font-size:18px; margin:0px; padding:0px;}
.foot-nav li{ line-height:30px; font-size:14px;}
.code img{ width:100px;}
.copyright{ text-align:center; color:#fff; background:#14a3e7; padding:30px; margin-top:30px;}


@media screen and (max-width: 414px) {	
.navbar{ display:none;}	
.mobile_mian{ display:block;}
.main-header {display: block;  width: 100%;   z-index: 9999; position:fixed;   top: 0px;   left: 0px;   background: none;   clear: both;}
.fixed-mian {position:fixed !important; top:0px; z-index:999; background:#0093dd;  width:100%; height:64px; }

.m_header{ position:absolute; top:0px; z-index:999; width:100%;}
.m_header .logo img{ height:60px;}
.m_header .headerMenu img{display: block;}
.m_header .headerMenu{float: right;margin-right: 3%;margin-top: 20px;} 

.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #0093dd;}
.nav_menu img{display: block; height:40px;}
.nav_menu .top{width: 100%; margin:10px 0px; overflow:hidden;}
.nav_menu .Navlog{width: 54%;display: block;margin-left: 10px; float:left;}
.nav_menu .btn{display: block; float:right; margin:5px 10px 0px 0px;}
.nav_menu .btn img{display: block; height:20px;}
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; height: 40px;line-height: 40px;}
.nav_menu li:first-child{border-top:1px solid #eaeaea;}
.nav_menu li a{ color:#fff;font-size:14px;display: block;box-sizing: border-box;padding-left: 6%;}
.zzc {display: none; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99990;}

.w1200{ width:100%;}
.content{ padding:0px 10px;}
.swiper-button-next, .swiper-button-prev{ display:none;}
.sub_banner .pics{ height:200px !important; object-fit:cover;    width: 130vw !important;}
.aboutUsText {
    position: relative;
    color: #333;
    width: 100%;
    padding-top: 0px;
    padding-right: 20px;
    text-align: justify;
    box-sizing: border-box;
    padding-left: 20px;
}
.index-about .bgs{ display:none;}
.index-com {	clear: both;		max-width: 1200px;	margin: 0px auto;	zoom: 1;}
.com_box{ padding:0px 20px;}
.com_box ul li {
    float: left;
    width: 100%;
    margin-right: 0%;
    overflow: hidden;
    margin-bottom: 0%; margin-top:10px;
    text-align: center;
    position: relative;
}
.com_box ul li img{display: block;
    width: 100%;
    height: 300px;
    object-fit: cover;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    vertical-align: middle;}
	
#advantage-list {   padding: 0px 0px 0px 0px;  overflow: hidden;}
#advantage-list .bg-advantage{ padding:0px;}
#advantage-list .advantage-right {   float: right;   width: 100%;}
#advantage-list .show-list .show-content .inner {   padding: 35px 20px 35px 20px;}
#advantage-list .show-list .show-content .show-content-bg {   position: absolute;
    left: 0%;
    background: #F3F6FB;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
#advantage-list .show-list .media-img {
    margin-top: 0px; padding:30px 0px;
    text-align: center;
}
#advantage-list .show-list .media-img img {
    max-width: 80%;
}
#advantage-list .show-list .media .media-body {   float: left;
    width: 60%;
}
#service-list .bg-service { height:auto;  padding: 50px 0 50px;}
#service-list{ display: block; background:url(../images/hyly_bj.jpg) center right;}
#service-list .show-list{background-size:100%; padding-top:0px;}
#service-list .show-list .item1{ background:url(../images/hyly_m_01.png) no-repeat center center; height:92px; background-size:100%}
#service-list .show-list .item2{ background:url(../images/hyly_m_02.png) no-repeat center center; height:92px; background-size:100%}
#service-list .show-list .item3{ background:url(../images/hyly_m_03.png) no-repeat center center; height:92px; background-size:100%}
#service-list .show-list .item2{ margin-top:0px;}
#service-list .show-list .item h5{ font-size:16px; height:92px; text-align:center;
    display:flex;/*实现垂直居中*/
    align-items:center;/*实现水平居中*/
    justify-content:center;
   }

.m-service .i_title{ margin-bottom:20px;}
.m-service{background-color: #f7f7f7;padding: 70px 20px 40px; display:none;}
.m-service .item{background-image: url(../images/service.png);
background-size: cover;
background-position: 90px;
background-repeat: no-repeat;display: block;
background-color: #fff;
padding: 40px;
transition: .3s;
margin-bottom: 30px;
box-shadow: 0 3px 24px rgba(0,0,0,.04);}

.m-service .item .img{    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0093dd;
    border: 5px solid #fff;
    box-shadow: 0 3px 12px rgba(0,0,0,.1);
    border-radius: 50%;
    color: #1c1c1c;
    line-height: 1;
    transition: .3s;
}
.m-service .item h5{font-size: 24px;}
.m-service .item p{font-size: 16px;}

.index-news{ display:none !important; }
.m_index-news{ background:#0093dd url(../images/pattern.png); overflow:hidden; padding:60px 0px; display:block !important; }
.m_index-news .i_title{ margin-bottom:30px;}
.m_index-news .i_title h2{ color:#fff; font-size:30px;}
.m_index-news .i_title p{ color:#fff; font-size:16px;}
.m_news_list dl{cursor: pointer;background: #f6f6f6;position: relative;min-width: 320px;height: 380px;margin: 0 20px;float: left;overflow: hidden;text-align: center;transition: .5s;}
.m_news_list dt img{display:block;width: 100%;height: 250px;}
.m_news_list dd{}
.m_news_list dd h3{height: 56px;position: relative;font-weight: normal;font-size:16px;line-height: 30px;}
.m_news_list dd h3 a{color: #1d232c;}
.m_news .prev{position: absolute;width: 32px;height: 80px;background:url(../images/prev1.png) no-repeat;top: 230px;left: -60px;}
.m_news .next{position: absolute;width: 32px;height: 80px;background:url(../images/next1.png) no-repeat;top: 230px;right:-60px;}
.m_news .prev:hover{background:url(../images/prev1h.png) no-repeat;}
.m_news .next:hover{background:url(../images/next1h.png) no-repeat;}

.index-partner{ display:none;}
.m-index-partner{ display:block; overflow:hidden; }
.m-mr_frbox{width:100%;margin:40px auto 0 auto}
.m-mr_frBtnL{float:left;margin:28px 22px 0px 0px;cursor:pointer;display:inline;}
.m-mr_frUl{ padding:0px 20px; width:100%;box-sizing:border-box;}
.m-mr_frBtnR{float:right;margin-top:28px;cursor:pointer;}
.m-mr_frUl ul li{float:left;margin-right:13px;width:100%;overflow:hidden;}
.m-mr_frUl ul li a{width:100%; height:120px; line-height:120px;display:block;box-sizing:border-box;margin-bottom:13px;border:1px solid #D8D8D8; text-align:center; font-size:24px; color:#fff; background-color:#24a3ea}
.m-mr_frUl ul li img{ max-width:100%; max-height:118px;object-fit: contain;}
.m-mr_frUl ul li a:hover {border:1px solid #A0C0EB;}


.partner-box {width: 100%;   height: 100%;   position: relative;}
.business_list {padding: 0px 20px;}
.business_list .w1200{ width:100% !important;}
.business_list .text .em {  font-size: 24px;  text-transform: uppercase;   margin-bottom: 20px;}
.business_list .img{ width:100%; float:none;	-webkit-filter: grayscale(0%);	-moz-filter: grayscale(0%);	-ms-filter: grayscale(0%);	-o-filter: grayscale(0%);	filter: grayscale(0%);	filter: gray;}
.business_list .text {margin: 0 0 0 0%;   padding: 20px 20px 20px 10px;}
.business_list li.even .img{ float:none;}
.business_list li.even .text {margin: 0 0 0 0%;   padding: 20px 20px 20px 10px;}

.pages .content img{ width:100% !important; height: auto !important;}

.about_content{ width:100%;}
.about_con{ width:100%;box-sizing: border-box; padding:60px 20px;}
.about_swms{ width:100%;padding:0px 20px 50px 20px;  box-sizing: border-box;}
.about_ms{ height:auto; padding:0px 0px 50px 0px;}
.about_ms_title_b { width:100%;}
.about_swms img{ width:100%;}

.news-box {margin: 30px 0px;   padding: 0px 20px;}
.news-box .content img{ width:100% !important; height:auto !important;}
.news-box li{ clear:both; overflow:hidden;margin-bottom: 2%;width: 100%;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.news-box li .img{display: block;position: relative;width: 100%;height: 176px;float: none;overflow: hidden; margin-bottom:20px;}

.front-last .w{ padding:0px 20px;  box-sizing: border-box;}
.front-news li {   width: calc((100% - 0px)/1);  float: left;  margin-right: 0px;  position: relative;}

.footer{ margin-bottom:60px;}
.footer .w1200{    padding: 0px 20px;   box-sizing: border-box;}
.foot-nav { float: left;  width: 100%;}
.foot-nav:nth-child(2){ text-align:center !important;}
.fixed-bottom {   position: fixed;   right: 0;    bottom: 0;   left: 0;   z-index: 1030; display:block !important;}
.fixed-bottom ul {  display: -ms-flexbox;   display: flex;   -ms-flex-wrap: wrap;    flex-wrap: wrap;   }
.foot-li{-ms-flex: 0 0 25%;background-color: #0093dd !important;     border-right: 1px solid #0c8dce;   box-sizing: border-box;flex: 0 0 33.333333%;max-width: 25%;}
.foot-li a{ color:#fff; height:60px; line-height:60px; display:block;}
.fixed-bottom .border-right{ }
}

.case_a{background:#fff; padding-top:18px; padding-bottom:18px; text-align:center;}
.case_a a{display:inline-block; padding-left:40px; padding-right:40px; font-size:18px;height:50px; line-height:50px; position:relative; border-radius:30px; vertical-align:top;transition:all 0.3s;}
.btn-info{ background:#1c182f;color:#fff;}



.case1{ overflow:hidden; margin-top:30px;}
.case1.cs{ margin-top:58px; margin-bottom:90px;}
.case1 ul li{ float:left; width:24%; margin:0.5%; margin-bottom:18px; overflow:hidden; background:#fff;}
.case1 ul li:nth-child(3n+0){ margin-right:0;}
.case1 ul li .imgs{overflow:hidden; position:relative;}
.case1 ul li .imgs img{ display:block;height:328px;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s; width:100%}
.case1 ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.case1 ul li .imgs .case_i{ transition:all 0.3s;width:0%; height:0%; position:absolute; top:50%; left:50%; background:rgba(0,0,0,0.87); color:#fff; font-size:18px; text-align:center; line-height:38px;opacity:0;filter:Alpha(opacity=0);}
.case1 ul li .imgs .case_i label{ position:absolute; width:100%;top:50%; margin-top:-19px; left:0;}
.case1 ul li .imgs .case_i label:before{ width:20px; height:1px; position:absolute; content:""; top:0; left:50%; margin-left:-10px; background:#fff;}
.case1 ul li .imgs .case_i label:after{ width:20px; height:1px; position:absolute; content:""; bottom:0; left:50%; margin-left:-10px; background:#fff;}
.case1 ul li:hover .imgs .case_i{ width:100%; height:100%;top:0%; left:0%;opacity:1.0;filter:Alpha(opacity=100);}
.case1 ul li .txts{ padding-top:17px; padding-bottom:17px; overflow:hidden;}
.case1 ul li .txts em{ float:right; margin-right:24px; width:23px; height:13px; background:url(../images/case_bg1.png) no-repeat; margin-top:26px;transition:all 0.3s;}
.case1 ul li .txts .cons{ float:left; width:250px; padding-left:34px; padding-right:10px; overflow:hidden; border-right:1px solid #ebebeb; padding-top:6px; padding-bottom:5px;}
.case1 ul li .txts .cons .h2{ font-weight:normal; font-size:18px; color:#333; height:30px; line-height:30px; overflow:hidden;}
.case1 ul li .txts .cons .p{ height:26px; line-height:26px; overflow:hidden; font-size:14px; color:#999999;}
.case1 ul li:hover .txts em{ margin-right:18px; background-image:url(../images/case_bg1_on.png);}
/*案例详细*/
.case_show_one{ background:url(../images/case_bg2.jpg) right center no-repeat; background-size:50% 100%; overflow:hidden; margin-top:90px; margin-bottom:90px;}
.case_show_one .case_show_one_l{ background:#fff; width:50%; float:left; overflow:hidden;  min-height:464px;}
.case_show_one .case_show_one_l .case_txt{ width:86%; margin:0 auto; overflow:hidden;}
.case_show_one .case_show_one_l .case_txt .h2{ margin-top:46px; height:100px; line-height:100px; background:url(../images/case_bg3.jpg) left bottom no-repeat; color:#333333; font-size:30px; font-weight:normal; margin-bottom:24px;}
.case_show_one .case_show_one_l .case_txt .divs{ line-height:32px; color:#666666; font-size:16px;}
.case_show_one .case_show_one_r{ width:50%; float:right; overflow:hidden;}
.case_show_one .case_show_one_r .case_txt{ width:70%; margin:0 auto; overflow:hidden; color:#fff;}
.case_show_one .case_show_one_r .h2{ margin-top:46px; height:100px; line-height:100px; background:url(../images/case_bg4.jpg) left bottom no-repeat; color:#fff; font-size:30px; font-weight:normal; margin-bottom:21px;}
.case_show_one .case_show_one_r ul li{ font-size:18px; display:block; height:40px;line-height:40px;}
.case_show_one .foot_button2{  margin-top:30px;}
.case_show_one .foot_button2 li{ width:58px; height:58px;text-align:center; float:left; margin:0 12px;position: relative;}
.case_show_one .foot_button2 li img{ width:58px; height:58px;filter:alpha(opacity=70);opacity:0.7;}
.case_show_one .foot_button2 li:hover img{filter:alpha(opacity=100);opacity:1.0;}
.case_show_one .foot_button2 li .wem3{width: 203px;display: none; color: #363636;text-align: center;padding-top: 215px; position: absolute;left: -70px;top: -200px;background-image: url('../images/2015/ewm.png');background-repeat: no-repeat;}
.case_show_one .case_show_one_l .case_txt .fenxiang{  overflow:hidden; text-align:center;margin-top:30px;}
.case_show_one .case_show_one_l .case_txt .fenxiang .span{line-height:34px; color:#333333; display:block; font-size:18px;}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx{ text-align:left; margin-top:3%; margin-bottom:4%;}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li{ display:inline-block; width:58px; height:58px; overflow:hidden; margin-left:3%; margin-right:3%; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs1{ background-image:url(../images/ico1.png);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs2{ background-image:url(../images/ico2.png);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li.bgs3{ background-image:url(../images/ico3.png);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li:hover{transition:all 0.3s;opacity:0.9;filter:Alpha(opacity=90);}
.case_show_one .case_show_one_l .case_txt .fenxiang .news_fx ul li a{ display:block; width:100%; height:100%;}
.case_con{ padding-top:103px;line-height:26px; padding-left:3%; padding-right:3%; font-size:14px; padding-bottom:100px; overflow:hidden; background:#fff;}
.case_con img{  max-width:1200px; width:100%; display:block; margin:0 auto;}
.case_t{ height:76px; line-height:76px; margin-top:100px; text-align:center; font-weight:normal; color:#333; font-size:45px;}


/*新闻无图列表*/
.news_ul{  margin-top:36px}
.news_ul ul li{ float:left; margin-right:3%; width:31.33%; overflow:hidden; margin-bottom:3%;display:block; background:#fff;transition:all 0.3s;}
.news_ul ul li:nth-child(3n+0){ margin-right:0;}
.news_ul ul li .txts{ overflow:hidden; padding:7%; color:#999999; font-size:14px;}
.news_ul ul li .txts .h2{height:30px; line-height:30px; overflow:hidden; font-size:18px; font-weight:normal; margin-bottom:4%; transition:all 0.3s; color:#444444;}
.news_ul ul li .txts .p{  overflow:hidden; transition:all 0.3s; height:44px; line-height:22px; display:block; position:relative;}
.news_ul ul li .txts .date{ overflow:hidden;border-top: solid 1px #e4e4e4; background:url(../images/intm.png) right 54px no-repeat;transition:all 0.3s; margin-top:20px;}
.news_ul ul li .txts .date .day{ line-height:36px; height:36px; overflow:hidden; color:#444; font-size:30px;transition:all 0.3s;}
.news_ul ul li .txts .date .year{ line-height:16px; height:16px; overflow:hidden; color:#777777; font-size:14px;transition:all 0.3s;}
.news_ul ul li:hover{-webkit-box-shadow: 0 5px 25px rgba(0,0,0,0.1); box-shadow: 0 5px 25px rgba(0,0,0,0.1);-webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); background:#1c182f;}
.news_ul ul li:hover .txts .date{ color:#fff;}
.news_ul ul li:hover .txts .h2{ color:#fff;}
.news_ul ul li:hover .txts .p{ color:#fff;}
.news_ul ul li:hover .date{background-image:url(../images/intm_on.png);}
.news_ul ul li:hover .date .day{ color:#fff;}
.news_ul ul li:hover .date .year{ color:#fff;}
.news_ul ul li .mores:hover{ margin-left:5px;}


/*关于我们*/
.about_con{ overflow:hidden; text-align:center; line-height:30px; font-size:15px; color:#666666;}
.about_con .h2{ font-weight:normal; color:#222222; font-size:40px; margin-top:107px; line-height:60px; margin-bottom:36px;}
.about_con .p{ margin:0 auto; max-width:960px; margin-bottom:73px;}
.about_con .i_about_ul{ margin:0 auto; clear:both; overflow:hidden; margin-bottom:113px; max-width:1040px; text-align:left;}
.about_con .i_about_ul li{float:left; display:inline-block; width:19%; margin-left:6%;color:#666666; transition:all 0.3s; overflow:hidden;position:relative; margin-bottom:115xp;}
.about_con .i_about_ul li:after{ content:""; position:absolute; right:0; top:50%; height:67px; width:1px; background:#e4e4e4; margin-top:-33px;}
.about_con .i_about_ul li:last-child:after{ width:0;}
.about_con .i_about_ul li .h3{  overflow:hidden; font-weight:normal;font-size:16px; }
.about_con .i_about_ul li .h3 span{color:#000; font-size:48px;line-height:56px; }
.about_con .i_about_ul li .p2{ overflow:hidden; line-height:26px; font-size:16px;}
.about-box02{width:100%; height:744px; background-image:url(../images/about03.jpg); background-position:center center; background-size:cover; background-repeat:no-repeat;}
.about-box02 .about-xzwm{max-width:1295px; margin:0px auto; padding-top:90px; text-align:center;}
.about-box02 .about-xzwm .h2{font-size:40px; font-weight:normal; color:#fff; margin-bottom:10px;}
.about-box02 .about-xzwm .h3{font-size:16px; color:#d9d9d9; font-weight:normal;}
.about-box02 .about-xzwm .abul li{width:21%; max-width:270px; float:left; margin-top:120px; margin-right:18%; margin-right:11%\0;}
.about-box02 .about-xzwm .abul li .co{display:block; width:120px; height:120px; border:1px solid #fff; border-radius:50%; margin:0 auto; background-image:url(../images/about04.png); background-position:0 0; background-repeat:no-repeat; -webkit-transition: all .5s ease; transition: all .5s ease;}
.about-box02 .about-xzwm .abul li:hover .co{background-position:0px -120px; border-color:#29a2ad;}
.about-box02 .about-xzwm .abul li .c1{background-position:0px 0px;}
.about-box02 .about-xzwm .abul li .c2{background-position:-120px 0px;}
.about-box02 .about-xzwm .abul li:hover .c2{background-position:-120px -120px;}
.about-box02 .about-xzwm .abul li .c3{background-position:-240px 0px;}
.about-box02 .about-xzwm .abul li:hover .c3{background-position:-240px -120px;}
.about-box02 .about-xzwm .abul li .t{display:block; font-size:24px; font-weight:bold; color:#fff; margin:20px 0px;}
.about-box02 .about-xzwm .abul li p{font-size:15px; color:#d9d9d9; line-height:26px;}
.about-box02 .about-xzwm .abul li:nth-of-type(3n){margin-right:0;}

.about_t{ text-align:center; padding-top:54px; color:#999999; font-size:16px; line-height:32px; padding-bottom:48px;}
.about_t h2{ height:66px; line-height:66px; font-size:40px; color:#333; font-weight:normal; letter-spacing:1px; margin-bottom:8px;}
.about_t p{font-size:16px;}

.partner{ padding-top:40px; clear:both; width:100%; padding-bottom:80px;}
.in_partner_list{margin-bottom:18px;}
.in_partner_list ul {border-left: 1px solid #eee; border-top: 1px solid #eee;}
.in_partner_list li {float: left; width: 14.2857%;transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; position:relative;}
.in_partner_list li .imgs { overflow:hidden;border-right: 1px solid #eee; border-bottom: 1px solid #eee; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;  }
.in_partner_list li .imgs img{ opacity: 0.9;width:100%; display:block;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%);  -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.in_partner_list li:hover{box-shadow: 0px 0px 20px #ccc; -webkit-box-shadow: 0px 0px 20px #ccc;z-index:1; }
.in_partner_list li:hover .imgs img{opacity: 1;-webkit-filter:grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}

.about_t2{ color:#222; overflow:hidden; font-weight:normal; font-size:40px; height:56px; line-height:56px;}
.about_bj{ background:#f5f5f5; padding-top:68px; padding-bottom:90px; font-size:16px; color:#6e6e6e;}
.about_bj .about_form{ margin-top:40px; overflow:hidden; margin-bottom:55px;}
.about_bj .i_zx_input{ float:left; display:inline-block;margin-right:1.25%; width:22.5%; overflow:hidden; height:60px; line-height:60px; overflow:hidden; border:0;  text-indent:19px; color:#6e6e6e; font-size:15px; outline:none; background:#fff;}
.about_bj .i_zx_input.bgs2{width:36.25%;}
.about_bj select::-ms-expand { display: none; } 
.about_bj .i_zx_btns{ float:right; appearance:none;  -moz-appearance:none;  -webkit-appearance:none;display:inline-block; width:15%; height:60px; line-height:60px; overflow:hidden; text-align:center; color:#fff; background:#1c182f; font-family:"微软雅黑"; cursor:pointer; border:0; font-size:15px;}
.about_bj .i_zx_btns:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80); background:#000;}

/*聚合列表*/
.tag_div{ padding:50px 0 80px 0;}
.leftbox{width: 68.75%; float: left;background: #fff;padding: 30px 30px 0px;box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.leftbox .list2{ width:100%;}
.leftbox .list2 li{width: 100%;border-bottom: 1px solid #dbdbdb;display: inline-block; padding-bottom: 24px; margin-bottom: 30px;}
.leftbox .list2 li:last-child{ border-bottom:0; margin-bottom:0;}
.leftbox .list2 li a{ width:100%; display:block;}
.leftbox .list2 li .time{width: 110px;float: left;color: #999;font-size: 16px; transition: all 0.5s linear;}
.leftbox .list2 li:hover .time {color:#1c182f;}
.leftbox .list2 li .time span {font-weight:bold;font-size:48px;line-height:56px;display:block;}
.leftbox .list2 li .tbox {width:calc(100% - 110px);float:left;}
.leftbox .list2 li .tbox .t1 {font-size:16px;line-height:36px;color:#000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.leftbox .list2 li .tbox .t2 {font-size:14px;line-height:24px;color:#666;margin-top:9px;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.leftbox .list2 li .tbox .t3 {font-size:14px;line-height:24px;color:#999;margin-top:18px;padding-right:28px;background:url(../images/icon28.png) right center no-repeat;display:inline-block; transition: all 0.5s linear;}
.leftbox .list2 li:hover .tbox .t3 {color:#222;background:url(../images/icon29.png) right center no-repeat;}
.rightbox{width: 30%; float: right;}
.rightbox .label-case2{ background: #fff; padding: 37px 30px 10px;}
.rightbox .label-case2 .title{font-size: 18px;line-height: 24px; color: #222;}
.rightbox .label-case2 .list{width: 100%; margin-top: 27px;}
.rightbox .label-case2 .list li{border-bottom: 1px dashed #ccc; margin-bottom: 29px;}
.rightbox .label-case2 .list li:last-child{margin-bottom: 0;border-bottom: none;}
.rightbox .label-case2 .list li a{width: 100%;display: block;}
.rightbox .label-case2 .list li .img {width:100%;overflow:hidden;}
.rightbox .label-case2 .list li .img img {width:100%;-moz-transition: all 0.5s linear;-o-transition:  all 0.5s linear; transition: all 0.5s linear;}
.rightbox .label-case2 .list li:hover .img img {-webkit-transform:  scale(1.05) ;  -moz-transform: scale(1.05) ;  -ms-transform: scale(1.05);      -o-transform:  scale(1.05) ;  transform:  scale(1.05);}
.rightbox .label-case2 .list li .tbox {padding:10px 20px 7px;line-height:36px;position:relative;}
.rightbox .label-case2 .list li .tbox .t1 {font-size:16px;font-weight:bold;color:#222;}
.rightbox .label-case2 .list li .tbox .t2 {font-size:14px;color:#666;}
.rightbox .label-case2 .list li .tbox .icon {position:absolute;right:10px;top:30px;}
.rightbox .label-case2 .list li .tbox .icon span {width: 18px;height: 16px; margin-left: 10px;display:block;float:left;}
.rightbox .label-case2 .list li .tbox .icon .icon1 {background:url(../images/icon17.png) center center no-repeat;}
.rightbox .label-case2 .list li .tbox .icon .icon2 {background:url(../images/icon18.png) center center no-repeat;}
.rightbox .label-case2 .list li .tbox .icon .icon3 {background:url(../images/icon19.png) center center no-repeat;}
.rightbox .label{background: #fff;/* margin-top: 10px; */padding: 26px 30px 32px;}
.rightbox .label .title {font-size:18px;line-height:24px;color:#c3c3c3;}
.rightbox .label .box {margin-top:18px;}
.rightbox .label .box a {color:#222;font-size:14px;line-height:30px;background:url(../images/icon27.png) right center no-repeat;padding-right:16px;margin-right:10px;}
.rightbox .label .box a:last-child {background:none;margin-right:0;}
.rightbox .label .box a:hover{color:#1c182f;}


.position-absolute{ position:absolute; top:15%; left:40%}
.position-absolute h1{ color:#FFF; font-size:24px; text-align:center}
.position-absolute h4{ font-size:16px; color:#ccc; text-align:center}