@import url('goble.css');
@import url('header.css');

/*banner*/
div.moduletable-banner{width:100%;background: url(../images/loading.gif) no-repeat;margin:0 auto;position: relative;top: 0;}
.flexslider{width:100%;overflow: hidden;}
.flexslider .slides > li{display: none;}
.flexslider .slides img{width:100%;height:auto;display: block;}
.slides: after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides{display: block;}
* html .slides{height: 1%;}
.no-js .slides > li: first-child{display: block;}


.flexslider{position: relative;zoom: 1;}
.flexslider .slides{zoom: 1;}
.flexslider .slides > li{position: relative;}
.flex-caption{background: none;-ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);zoom: 1;}
.flex-caption{width: 96%;padding: 2%;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.3);color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.3);font-size: 14px;line-height: 18px;}
.flex-direction-nav{height: 0;overflow: hidden;}
.flex-direction-nav li a{display: none;width: 47px;height: 80px;position: absolute;top: 50%;margin-top: -40px;cursor: pointer;text-indent: -9999px;}
.flex-direction-nav li a.next{right: 0;background: url("../images/bg_direction_nav.png") no-repeat scroll -47px 0 transparent;}
.flex-direction-nav li a.next: hover{}
.flex-direction-nav li a.next: active{background: url("../images/bg_direction_nav.png") no-repeat scroll -47px -80px transparent;}
.flex-direction-nav li a.prev{left: 0;background: url("../images/bg_direction_nav.png") no-repeat scroll 0 0 transparent;}
.flex-direction-nav li a.prev: hover{}
.flex-direction-nav li a.prev: active{background: url("../images/bg_direction_nav.png") no-repeat scroll 0 -80px transparent;}
.flex-direction-nav li a.disabled{opacity: .3;filter: alpha(opacity=30);cursor: default;}

.flex-control-nav{position: absolute;bottom:20px;width:440px;margin: 0 auto;text-align: left;left: 0;right: 0;}
.flex-control-nav li{display: inline-block;zoom: 1;margin-right: 15px;margin-bottom: 6px;}
.flex-control-nav li a{display: block;width: 32px;height: 6px;background:#eee;cursor: pointer;text-indent: -9999px;border-radius:3px;}
.flex-control-nav li a:hover{width: 32px;height: 6px;background:#DA2B2B;}
.flex-control-nav li a.active{width: 32px;height: 6px;background:#DA2B2B;cursor: default;}
/*banner */


/*设计团队*/
.teamlist{padding: 38px 0;width: 1200px;margin: 0 auto;}
.teamlist ul{margin-top: 40px}
.teamlist ul li{width: 274px;height: 430px;padding: 10px;float: left;position: relative;margin-right: 8px;margin-bottom: 30px}
.teamlist ul li:nth-child(4n){margin-right: 0}
.teamlist ul li .c{width: 70px;height: 70px;border-radius: 50%;background: #fff;position: absolute;left: 50%;margin-left: -35px;top: 345px;text-align: center;transition: background 0.3s}
.teamlist ul li img{width: 100%;height: 370px}
.teamlist ul li .c .h1{line-height:45px;font-size:20px}
.teamlist ul li .c .h2{line-height: 15px}
.teamlist ul li .h3{font-size: 16px;float: left;line-height: 40px}
.teamlist ul li .h4{font-size: 14px;float: right;line-height: 40px}
.teamlist ul li:hover{background: #eeeeee}
.teamlist ul li:hover .c{background: #e60013}
.teamlist ul li:hover .c .h1{ color:#fff;}
.teamlist ul li:hover .c .h2{ color:#fff;}

/*团队展示*/
.short-bar{position:absolute;top:187px;left:50%;margin-left:-15px;width:30px;height:3px;background-color:#fff}
.active .short-bar{top:201px;background-color:#e90018}

.team-box{width: 1100px;margin: 0 auto;}
.team-box-l{float: left;width: 360px;}
.team-box-l img{width: 95%;height: auto;background: #ddd;padding: 5px;border-radius:5px;}

.team-box-r{float: right;width:700px;}
.team-box-r .tops{border-bottom: 1px solid #ddd;height: 45px;line-height: 45px;}
.team-box-r .tops .h1{font-size: 28px;color:#e3161e;margin-right: 50px;float: left;}
.team-box-r .tops .h2{line-height: 40px;float: right;}
.team-box-r .info{line-height: 26px;font-size: 14px;color:#666;padding:20px 0;}




/*联系我们*/
.conatct-box{width:90%;padding:0;text-align: left;margin: 50px auto;}
.conatct-box .contact-info{width: 100%;margin:10px auto;}
.conatct-box .contact-info h2{font-size: 24px;color:#666;margin-bottom: 20px;}
.conatct-box .contact-info p{width: 100%;font-size:16px;height: 50px;line-height: 50px;color:#666;}
.conatct-box .contact-info img{margin-right: 15px;width: 20px;height: 20px;}

.sitemp{width:1200px;line-height:42px;color: #666;font-size: 14px;margin:0 auto;background: url(../images/navle.png) left center no-repeat;}
.sitemp .site{text-align: left; line-height: 50px;}
.sitemp .site a{color: #666;}

.right .content{padding-top:15px;line-height: 24px;font-size: 14px; color: #333; line-height: 1.7;}
.sort_album{margin-top: 15px;}

/* 内容 */
.cbody{width:1120px;margin:0 auto 20px auto;background: #fff;padding: 40px;border-radius:5px;border: 1px solid #ddd;}
.web_title{height:40px; line-height:40px;margin:20px 0; padding-top:10px; text-align:center}
.web_title h3{font-size:24px;color:#000;}
.web_scontent{text-align:center; border-bottom:1px dashed #ddd;margin:10px;line-height:30px;padding-bottom: 10px;}
.imgpson{ position:; height:auto}

.case_page_img{margin:0 auto; text-align:center; padding:20px 0;}
.case_page_bc{margin:0 40px; padding:0 0 40px 0}

.nextbox{width:100%;margin:25px auto 0 auto;padding:30px 0 0 0;border-top:1px solid #E0E0E0;}
.nextbox div{width:94%;padding:0 3%;height: 35px;margin-bottom:10px;line-height: 35px;color:#555;float:left;overflow: hidden;background: #ededed;}
.nextbox div span{float:right;font-size: 13px; color: #666;}
.nextbox div a{line-height: 35px;color:#333;font-size:16px;text-decoration: none;}
.nextbox div a:hover{color:#f20c2b;transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }

.nextbox a{line-height: 35px;color:#fff;font-size:16px;text-decoration: none;}
.nextbox a:hover{color:#f20c2b;transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }




/* 联系我们 */
.contact_top{width:1200px;margin:30px auto;height: 360px;}
.contact_top .top_content_list{ width:30%; margin-right:5%; box-shadow:0px 7px 21px rgba(18,31,42,.15); text-align:center; padding:45px 0px;}
.contact_top .top_content_list:last-child{ margin-right:0px;}
.contact_top .top_content_list .content_list_top dd{ line-height:55px;}
.contact_top .top_content_list .content_list_top dt{ font-size:22px; color:#555555; margin-top:10px; position: relative; padding-bottom:18px; margin-bottom:15px;}
.contact_top .top_content_list .content_list_top dt:before{ content:""; position:absolute; display:inline-block; width:23px; height:3px; background:#e0e0e0; bottom:0; left:0; right:0; margin:0 auto;}
.contact_top .top_content_list .content_list_bottom{ color:#888888; font-size:14px; line-height:26px;}

.contact_map{ position:relative;}
.contact_map .contact_map_top{height:545px;}
.contact_map .contact_map_bottom{ position:absolute; top:0%; background:rgba(255,255,255,.9); width:450px; padding:40px 35px; left:16%; top:50%; transform:translateY(-50%);}
.contact_map .contact_map_bottom dd{ font-size:22px; color:#444444; margin-bottom:25px;}
.contact_map .contact_map_bottom dt{ font-size:14px; color:#444444; line-height:38px;}
.contact_map .contact_map_bottom dt p img{ margin-right:10px;}


/*新闻资讯*/
.newList{width:1200px;margin:50px auto;}
.newList ul{width:100%;overflow:hidden;}
.newList ul li{width:96%;padding:2%;background:#fefefe;transition: all 0.3s ease 0s;overflow:hidden;margin-bottom:15px;}
.newList ul li:hover{width:96%;padding:2%;background:#FBF9EE;transition: all 0.3s ease 0s;overflow:hidden;margin-bottom:15px;}
.newList ul li img{float:left;margin-right:35px;width: 250px;height: 160px;}
.newList ul li .left{width:700px;height:160px;float:left;}
.newList ul li .left .tt{font-size:16px;color:#333;float:left;}
.newList ul li .left .des{width:100%;margin-top:20px;line-height:20px;float:left;}
.newList ul li:hover .left .des{color:#666;}
.newList ul li .left .read{float:left;padding-left:27px;background:url(../images/read.png) no-repeat center left;margin-top:20px;color:#999;}

.newList ul li .line{height:104px;border-right:1px solid #cfcfcf;float:left;margin-top:56px;}
.newList ul li .right{float:right;width:126px;}
.newList ul li .right .date{margin-top:50px;color:#333;font-size:26px;}
.newList ul li .right i{width:11px;height:18px;float:left;margin-top:15px;margin-left:2px;background:url(../images/right.png) no-repeat center;}

/*工地日志*/
.gongdi-cases{width:1200px;margin:30px auto;overflow:hidden;}
.gongdi-cases ul li{float:left;width:360px;padding:0 10px;margin:15px 10px;position:relative;}
.gongdi-cases ul li a{display:block}
.gongdi-cases ul li a .a1{width:360px;height:220px;overflow:hidden}
.gongdi-cases ul li a .a1 img{width:100%;-webkit-transition:all .5s;transition:all .5s;}
.gongdi-cases ul li a .a2{padding:12px 15px;background:#3a3a3a;}
.gongdi-cases ul li a .a2 h5{font-size:14px;color:#fff;}
.gongdi-cases ul li:hover a .a1 img{-webkit-transform:scale(1.05);transform:scale(1.05)}

.gongdi-cases .fancy-categories{position:absolute;z-index:30;top:10px;left:15px;font-family:muen;padding:4px 9px;margin:0 0 2px;background-color:rgba(0,0,0,.75);color:#fff;}

.gongdi-cases .fancy-date{position:absolute;z-index:30;top:10px;right:15px;padding:4px 0;text-align:center;background-color:rgba(255,255,255,.95);color:#000;}
.gongdi-cases .fancy-date span{display: block;font-family:muen;}
.gongdi-cases .fancy-date .entry-month{font-size: 10px;}
.gongdi-cases .fancy-date .entry-date{font-size: 14px;padding: 2px;}
.gongdi-cases .fancy-date .entry-year{font-size: 8px;padding: 2px 1px;}
.gongdi-cases .fancy-date .updated{width:10px;margin:5px auto;text-align:center;border-bottom: 2px solid #333;border-top:2px solid #333;}

@font-face {
font-family: 'muen';
src: url('muen.eot');
src:
url('muen.eot') format('embedded-opentype'),
url('muen.woff2') format('woff2'),
url('muen.woff') format('woff'),
url('muen.ttf') format('truetype'),
url('muen.svg') format('svg');
font-weight: normal;
font-style: normal;
}


/*售后服务*/
.web-design{width: 1340px;margin: 0 auto;}
.web-design ul li{width:593px;height:290px;padding:20px 15px;margin:20px;float:left;border: 1px solid #E7E7E7;position:relative;overflow:hidden;cursor:pointer;z-index: 9999;}
.web-design ul li img{width:260px;height:280px;float: right;}

.web-design ul li .txt-box{width:299px;height:299px;position:absolute;left:0;top:0;bottom:0;color:#666;}

.web-design ul li .nbg01{background:url('../images/nums01.png') no-repeat 12px 15px;}
.web-design ul li .nbg02{background:url('../images/nums02.png') no-repeat 12px 15px;}
.web-design ul li .nbg03{background:url('../images/nums03.png') no-repeat 12px 15px;}
.web-design ul li .nbg04{background:url('../images/nums04.png') no-repeat 12px 15px;}


.web-design ul li .txt{width: 258px;margin: 0 auto;padding-top: 100px;}
.web-design ul li .txt h3{font-size:20px;font-weight:bold;color:#555;line-height:30px;width: 170px;margin-bottom:50px;}
.web-design ul li .txt p{font-size: 14px;color:#555;line-height: 25px;}


/*领域*/
.field-box{margin:0 auto;width:1160px}
.field-box ul{margin-top:50px}
.field-box ul li{margin:20px auto;height:295px;border-radius:5px;padding:20px;}
.field-box ul li.bg1{background:#efefef url('../images/num01.png') no-repeat right top;}
.field-box ul li.bg2{background:#efefef url('../images/num02.png') no-repeat left top;}
.field-box ul li.bg3{background:#efefef url('../images/num03.png') no-repeat right top;}
.field-box ul li.bg4{background:#efefef url('../images/num04.png') no-repeat left top;}
.field-box ul li.bg5{background:#efefef url('../images/num05.png') no-repeat right top;}
.field-box ul li.bg6{background:#efefef url('../images/num06.png') no-repeat left top;}

.field-box ul li:after,.field-box .work-content .work-item li:before{display:table;content:""}
.field-box ul li:after{clear:both;overflow:hidden}
.field-box ul li.img-right .work-img{float:right}
.field-box ul li.img-right .work-info{margin-right:45%;margin-left:10%;}
.field-box ul li .work-img{float:left;overflow:hidden;width:42%;height:auto;}
.field-box ul li .work-img img{width:100%;height:auto;}

.field-box ul li .work-info{margin-left:45%}
.field-box ul li .work-info i{display:block;width:30px;height:3px;background:#c93}
.field-box ul li .work-info h3{color:#333;font-size:24px;line-height:80px}
.field-box ul li .work-info p{color:#333;font-size:16px;line-height:30px}
.field-box ul li .work-info>img{margin-top:36px}




/*分类*/
.classBox{height:60px;line-height:60px;background:#fff;width:100%;}
.classBox ul{width:810px;margin:0 auto;text-align:center;}
.classBox li{float:left;margin:15px 40px; font-size:14px; color:#000;position:relative;height:30px;line-height:30px; cursor:pointer;text-transform:uppercase;}
.classBox li.icon{ background:url(../images/tab_icon01.png) no-repeat left center; padding-left:20px;}

.classBox li i{ position:absolute; left:0; bottom:0;width:100%;height:2px; line-height:2px; overflow:hidden; background:#f45e5e;
-webkit-transform: translateY(3px);
     -moz-transform: translateY(3px);
          transform: translateY(3px);opacity: 0;filter:alpha(opacity=0);}
.classBox li.on i{opacity:1;filter:alpha(opacity=100);  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
          transform: translateY(0);}

.classBox li i{
	opacity: 0;
  -webkit-transform: translateY(3px);
     -moz-transform: translateY(3px);
          transform: translateY(3px);
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.15s ease;
     -moz-transition:    -moz-transform 0.5s ease, opacity 0.15s ease;
          transition:         transform 0.5s ease, opacity 0.15s ease;
}
.classBox li:hover i{
  opacity: 1;
  -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
          transform: translateY(0);
}

/*内容*/
.content-box{width: 1100px;margin:20px auto;}
.content-box-top{width:1100px;height: 150px;background: #ddd;padding:15px;}
.content-box-top h1{font-size: 22px;font-weight: bold;line-height: 30px;color:#555;padding:15px 30px;}
.content-box-top ul{padding: 0 30px;font-size: 14px;}
.content-box-top ul li{padding: 5px 0;float: left;width:33%;}
.content-box-top ul li span{color: #999;}
.content-box-top ul li a{margin-right: 10px;}

.content-box-bottom{width: 1040px;color:#707070;margin:25px auto;padding:30px;background:#f4f4f4;height: auto;}
.content-box-bottom p{line-height: 35px;font-size: 16px;}


/*案例列表*/
.probox{width:1234px;margin:0 auto;overflow: hidden; zoom:1;}
.probox ul li{float: left;width:30.3%; margin:1.5%;background: #fff;box-shadow: 0 0 8px rgba(0,0,0,.1);}
.probox ul li:hover{box-shadow: 0 0 8px rgba(0,0,0,.2);}

.probox ul li .info{width: 90%;padding: 10px 5% 15px 5%;}
.probox ul li .info a{color:#504d4a;}
.probox ul li .info a:hover{color:#504d4a;}
.probox ul li .info h1{font-size: 18px;line-height:36px;background: url(../images/pro_more.jpg) no-repeat right center;font-weight: normal;}
.probox ul li .info p{line-height: 25px;font-size: 14px;color:#666;}

.probox ul li img{display: block; width: 100%; height: auto;transform:translateZ(0);transition:transform .3s ease 0s}
.probox ul li:hover img{transform:scale(1.05,1.05);transition:transform .6s ease 0s}
.probox ul li:hover .up-graybox{opacity:1}
.probox ul li:hover .line{width:6px;margin-left:-3px;opacity:.6}

.sit_tit{color:#000;font-size:24px;line-break:30px;font-weight:400}
.sit_tit strong{font-size:30px;display:inline-block;margin-right:5px;vertical-align:middle}
.sit_tit span{font-size:24px;display:inline-block;margin-left:5px;vertical-align:middle}

.link_rect{display:block;width:100%;position:relative;overflow:hidden}
.link_rect .up-graybox{width:100%;height:100%;position:absolute;z-index:3;left:0;top:0;opacity:0;transition:all .4s ease 0s}
.link_rect .up-graybox .bgbox{display:block;width:100%;height:100%;background-color:#000;opacity:.6}
.link_rect .up-graybox .stit{font-size:16px;line-height:30px;width:100%;text-align:center;position:absolute;left:0;top:50%;margin-top:-15px;color:#fff}
.link_rect .up-graybox .line{display:inline-block;width:100px;height:1px;background-color:#f2f2f2;position:absolute;left:50%;margin-left:-50px;transition:all .6s ease 0s}
.link_rect .up-graybox .linet{top:0}
.link_rect .up-graybox .lineb{bottom:0}


.about_nav_line{width: 100%;border-bottom: 1px solid #ddd;height: 70px;}
.about_nav{width: 1260px;margin: 0 auto;}
.about_nav .about_nav_left a{ display: inline-block; line-height: 67px; color: #333333; font-size: 16px; margin-right: 60px;}
.about_nav .about_nav_left a.on{ color: #e90018;border-bottom: 3px solid #e90018;}
.about_nav .about_nav_right{ line-height: 70px; display: flex; align-items: center;}
.about_nav .about_nav_right a{ color: #888888; font-size: 14px;}
.about_nav .about_nav_right a img{ margin-right: 5px;}
.about_nav .about_nav_right span{ color: #888888; font-size: 14px; margin: 0px 10px;}
.about_nav .about_nav_right a.on{ color: #e90018;}


.about{width:100%;height:930px;background: #faf4f6;}
.about .about_left{ width: calc(50% - 17%); padding-left: 13%; padding-top: 80px; padding-right: 4%;}
.about .about_left .about_left_title dd{ font-size: 70px; color: #f1ecee; margin-bottom: 5px;}
.about .about_left .about_left_title dt{ color: #333333; font-size: 34px; font-weight: bolder; margin-bottom: 40px;}
.about .about_left .about_left_title p{ color: #666666; font-size: 16px; line-height: 35px; text-align: justify;}
.about .about_left .about_left_bottom{ display: flex; width: 1223px; background: rgba(255,255,255,.8); margin-top: 75px; position: relative; z-index: 5;}
.about .about_left .about_left_bottom .left_bottom_list{ width: 25%; text-align: center; padding: 70px 0px; transition: all 0.5s ease;}
.about .about_left .about_left_bottom .left_bottom_list dd{ font-size: 16px; color: #666666; transition: all 0.5s ease;}
.about .about_left .about_left_bottom .left_bottom_list dt{ font-size: 68px; color: #e90018; transition: all 0.5s ease;}
.about .about_left .about_left_bottom .left_bottom_list p{ font-size: 16px; color: #666666; transition: all 0.5s ease;}
.about .about_left .about_left_bottom .left_bottom_list:hover{ background: #e90018; transition: all 0.5s ease;}
.about .about_left .about_left_bottom .left_bottom_list:hover dd{ color: #fff; transition: all 0.5s ease;}
.about .about_left .about_left_bottom .left_bottom_list:hover dt{ color: #fff; transition: all 0.5s ease;}
.about .about_left .about_left_bottom .left_bottom_list:hover p{ color: #fff; transition: all 0.5s ease;}
.about .about_right{ width: 50%;}
.about .about_right img{ width: 100%; height:960px; object-fit:cover;}

/*企业荣誉*/
.honor{width: 1200px;margin: 0 auto;}
.honor ul{padding-top: 30px}
.honor ul li{float: left;width: 389px;height: 260px;margin-right: 16px;margin-bottom: 40px;position: relative}
.honor ul li img{width: 389px;height:260px;}
.honor ul li:nth-child(3n){margin-right:0}
.honor ul li p{position: absolute;bottom: 0;left: 0;width: 100%;background: rgba(0,0,0,0.50);font-size:14px;line-height: 42px;text-align: center;color: #fff}




.Advantage{background: url(../images/bg6.jpg) no-repeat 50%/cover; text-align: center; padding: 120px 0px;}
.Advantage dd{ margin-bottom: 40px; font-size: 36px; color: #fff; font-weight: bolder;}
.Advantage dd span{ margin: 0px 30px;}
.Advantage dt span{ font-size: 22px; color: #fff; margin-right: 44px;}
.Advantage dt span:last-child{ margin-right: 0px;}

.pc_all_contnet{ max-width: 1300px; margin: 0 auto;}
.Pledge_content{background: url(../images/bg7.jpg) no-repeat 50%/cover; text-align: center; padding: 120px 0px;}
.Pledge_content .Pledge_content_list{ display: flex; align-items: auto; justify-content:  center;}
.Pledge_content .Pledge_content_list .content_list_l{ width: 32%; margin-right: 2%; margin-bottom: 2%; border: 1px solid rgba(255,255,255,.5); padding: 15px;}
.Pledge_content .Pledge_content_list .content_list_l .list_l_bg{ display: flex; align-items: center; background: rgba(0,0,0,.45); padding: 35px 0px; justify-content: center;}
.Pledge_content .Pledge_content_list .content_list_l:last-child{ margin-right: 0px;}
.Pledge_content .Pledge_content_list .content_list_l .list_l_right{ margin-left: 30px;}
.Pledge_content .Pledge_content_list .content_list_l .list_l_right dd{ font-size: 22px; color: #fff; margin-bottom: 10px; text-align: left;}
.Pledge_content .Pledge_content_list .content_list_l .list_l_right dt{ font-size: 16px; color: #fff; text-align: left;}

.culture{ background: url(../images/wenhua-bg.png) no-repeat 50% 20%; padding: 65px 0px;}
.culture .pc_all_contnet{ padding: 0px 220px; display: flex; align-items: center;}
.culture .culture_left{width:45%;}
.culture .culture_right{width: 50%; padding-right: 6%;}
.culture .culture_right .culture_right_title{ margin-bottom: 65px;}
.culture .culture_right .culture_right_title dd{ font-size: 18px;color: #777777; text-transform: uppercase;}
.culture .culture_right .culture_right_title dt{ font-size: 36px;color: #151515; font-weight: bolder;}
.culture .culture_right .culture_right_content .right_content_list{width: 100%; position: relative;}
.culture .culture_right .culture_right_content .right_content_list::before{ content: ""; display: inline-block; width: 52px; height: 4px; background: #e90018; margin-bottom: 5px;}
.culture .culture_right .culture_right_content .right_content_list dd{ font-size: 22px; color: #151515; padding-right: 30px; margin-bottom: 30px;}
.culture .culture_right .culture_right_content .right_content_list dt{ font-size: 14px; color: #777777; line-height: 26px;}


.indexcontent{width:1200px;margin:0 auto;height:380px;}
.indexcontent ul li{float: left;width: 270px;margin:0 15px;text-align: center;color: #666}
.indexcontent ul li:nth-child(5){margin-right: 0}
.indexcontent ul{margin-top: 60px}
.indexcontent ul li img{margin-right:-60px}
.indexcontent ul li div{font-size: 16px;line-height: 25px;color:#333;font-weight:bold;margin-bottom: 10px;}
.indexcontent ul li p{font-size: 14px;line-height: 25px;}


/*服务*/
.nei_wen_body{width: 1200px;margin: 0 auto;}
.nei_wen_body .wen_body_xun{ position: relative; text-align: center; margin-right: 1%; width: 24.2%; overflow: hidden; margin-bottom: 1%;}
.nei_wen_body .wen_body_xun:nth-child(3){ margin-right: 0px; width: 49.4%;}
.nei_wen_body .wen_body_xun:nth-child(7){ margin-right: 0px;}
.nei_wen_body .wen_body_xun:hover .tra{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
	cursor:pointer;
	
}
.nei_wen_body .wen_body_xun:nth-child(8){ width: 49.4%;}
.nei_wen_body .wen_body_xun:nth-child(10){ margin-right: 0px;}


.nei_wen_body .wen_body_xun .body_xun_text{ position: absolute;    left: 50%; width: 90%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);}
.nei_wen_body .wen_body_xun .body_xun_bg{ background: rgba(0,0,0,0.40); position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.nei_wen_body .wen_body_xun .body_xun_text dd{ font-size: 22px; color: #fff; font-weight: bolder; margin-bottom: 20px;}
.nei_wen_body .wen_body_xun .body_xun_text dt{ font-size: 16px; color: #fff; margin-bottom: 30px;}
.nei_wen_body .wen_body_xun .body_xun_text a{ font-size: 14px; color: #50f4db; border-bottom: 2px solid #50f4db; padding-bottom: 10px;}



.hbpc{background: #f8f8f8;width: 100%;height:600px;}
.hbpc .hbpc_nei{width: 1200px;margin:0 auto;}

.hbpc .hbpc_nei .hbpc_nei_wen .nei_wen_xun{ width: 47%; margin-right: 6%; margin-bottom: 6%;}
.hbpc .hbpc_nei .hbpc_nei_wen .nei_wen_xun:nth-child(2n){ margin-right: 0px;}
.hbpc .hbpc_nei .hbpc_nei_wen .nei_wen_xun .wen_xun_img{ width: 43%; text-align: right;}
.hbpc .hbpc_nei .hbpc_nei_wen .nei_wen_xun .wen_xun_text{ width: 51%; margin-left: 6%;}
.hbpc .hbpc_nei .hbpc_nei_wen .nei_wen_xun .wen_xun_text dd{ font-size: 20px; color: #333333; text-transform: uppercase;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.hbpc .hbpc_nei .hbpc_nei_wen .nei_wen_xun .wen_xun_text dt{ font-size: 30px; color: #333333; font-weight: bolder; margin: 25px 0px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.hbpc .hbpc_nei .hbpc_nei_wen .nei_wen_xun .wen_xun_text p{ font-size: 14px; color: #666666; line-height: 27px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}

.hbzx{ background: #fff;}
.hbzx .liucheng-box .liucheng-box_xun{width: 31%; margin-right:3%; margin-bottom: 6%;float:left;}
.hbzx .liucheng-box .liucheng-box_xun:nth-child(3n){ margin-right: 0px;}
.hbzx .liucheng-box .liucheng-box_xun .wen_xun_left{ border-radius: 25px; overflow: hidden; height: 113px; margin-right: 10px; width: 41%;}
.hbzx .liucheng-box .liucheng-box_xun .wen_xun_left img{ height: 113px; width: 100%; object-fit: cover;}
.hbzx .liucheng-box .liucheng-box_xun .wen_xun_right{ width: 86%}
.hbzx .liucheng-box .liucheng-box_xun .wen_xun_right dd{ color: #333333; font-size: 20px; margin-bottom: 20px;}
.hbzx .liucheng-box .liucheng-box_xun .wen_xun_right dt{ color: #666666; font-size: 14px; line-height: 26px;}


/*分类 选择 select */
.select{width:1200px;margin:20px auto 0 auto;height:100px;padding: 10px 0;}
.select .select-list{background: #fff;padding: 10px 0 5px 0;}
.select dl{zoom:1;position:relative;height:36px;line-height:36px;}
.select dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden}
.select dt{float:left;width:80px;height:36px;line-height:36px;font-size:14px;color:#222;text-align: center;}
.select dd{float:left;font-size: 14px;}
.select a{display:inline-block;white-space:nowrap;height:26px;line-height:26px;padding:0 12px;margin:3px 15px;text-decoration:none;color:#999;}
.select a:hover{color:#fff;background:#b01f2e;border-radius:5px;}
.select .selected a{color:#fff;background:#b01f2e;border-radius:5px;}

/*案例 show*/
.cases-next{width:100%;margin:30px auto;height:30px;border-top:1px solid #ccc;padding: 20px 0;}
.cases-next p{width:100%;height: 35px;line-height: 35px;color:#333;float:left;overflow: hidden;font-size:14px;}
.cases-next p:hover{transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;}
.cases-next p a{line-height: 35px;color:#333;font-size:14px;}

.content-info{width: 100%; height: auto; overflow: hidden;}
.content-info2{float: left; font-size: 22px; color: #333333; font-weight: bold;}
.content-info2 em{display: block; width: 24px; height: 4px; background: #d50e18; margin-top: 30px; overflow: hidden;}


.url-link{float: right; line-height: 42px; overflow: hidden;}
.url-link em{ font-size: 16px; color: #d50e18; font-style: normal;}
.url-link div{display: inline-block; vertical-align: top; width: 42px; height: 42px; border: 1px solid #da2932; border-radius: 100%; margin-right: 15px;  transition: all .5s ease 0s; position: relative; overflow: hidden;}
.url-link div span{display: block; width: 40px; height: 40px; background: url(../images/urllinka.png) center center no-repeat; position: relative; z-index: 1;}
.url-link div:after{content: ""; display: block; width:0%; height: 0%; background: #d50e18; position: absolute; top:50%; left:50%; border-radius: 100%; transition: all .5s ease 0s;}
.url-link:hover div{background: #d50e18;}
.url-link:hover div span{background-image: url(../images/urllink.png);}
.url-link:hover div:after{width: 100%; height: 100%; top: 0; left: 0;}


/*案例 show  相关 案例*/

.xgcasebg {float:left; width:270px; height:155px;position:relative; overflow:hidden   }
.xgcasebg img {width:270px;height:155px; z-index:1;  }

.xgcasebg .pic_bg {width:0; height:0; background:#eee; position:absolute; top:50%; left:50%; z-index:0}
.xgcasebg:hover .pic_bg {width:100%; height:100%;top:0; left:0; opacity:0.80; filter:alpha(opacity=80);/*支持 IE 浏览器*/ -moz-opacity:0.80;/*支持 FireFox 浏览器*/ +filter:alpha(opacity=50);/*支持 IE 浏览器*/  transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}

.xgcasebg .pic_text{width:100%; height:100px;  position:absolute; top:50%; text-align:center; background-position:center;color:#fb811d;font-size:20px; opacity:0;filter:alpha(opacity=0);-moz-opacity:0; z-index:11}
.xgcasebg:hover .pic_text{ opacity:1;filter:alpha(opacity=1);-moz-opacity:1; top:20%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; }
 
.xgcasebg .pic_more{ width:68px; height:64px;  position:absolute; top:100%; left:36%; z-index:11 }
.xgcasebg:hover .pic_more {top:38%;transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia.png) no-repeat bottom center; }
.xgcasebg:hover .pic_more:hover { transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; background: url(../images/icon_jia2.png) no-repeat bottom center; +background:none;  -webkit-transform:rotate(270deg) scale(1,1);
    -moz-transform:rotate(180deg) scale(1,1);
    -o-transform:rotate(180deg) scale(1,1);
    -ms-transform:rotate(180deg) scale(1,1);
    transform:rotate(180deg) scale(1,1);}


/*  移动营销 */
.title08{ font-size:36px; line-height:60px; padding-top:40px;}
.quan01{ font-size:16px; padding-bottom:30px;}


/*通用*/
.title_f3 {font-weight:normal; font-size:60px;height:52px; line-height:52px;text-align: center;color:#fff;}
.title_f4 { font-size:24px;font-weight:normal; height:36px; line-height:36px; background: url(../images/title_f2.png) no-repeat center;text-align: center;color:#fff;}

.blank20{width:100%;height:20px;clear:both;}

/*手机微信开发模块*/
.wxtopcon{width:760px;height:314px;margin:auto;background: url(../images/wxtop_conbg.jpg);margin-top:80px;padding-top:70px;padding-left:40px;}
.wxtopcon dl{width:80px;float:left;margin-right:45px;text-align: center;}
.wxtopcon dl span{width:80px;height:60px;position: relative;display: block;}
.wxtopcon dl span img{width:80px;height: 60px;position: absolute;left:0;top:0;margin:0 auto;}
.wxtopcon dl h1{line-height: 40px;font-size: 16px;color:#111111;font-weight: normal;}
.wxtopcon ul{color:#111111;line-height: 28px;text-align: center;font-size: 16px;padding-top: 150px;}


.title_code_zhu {font-size:32px; ont-size:60px; font-size:40px\0;height:52px; line-height:52px;text-align: center;color:#333;font-weight:normal;}
.title_code_fu { font-size:20px;font-weight:normal; height:36px; line-height:36px; background: url(../images/title_code_fu.jpg) no-repeat center;text-align: center;color:#333;}

/*案例模块 移动案例*/
#appcase_box{width: 1190px;margin-right: auto;margin-left: auto;padding-right: 18px;padding-left: 18px;}
#appcase_box ul{width: 148px;height: 230px;float: left;background-image: url(../images/weixin_case1.png);background-repeat: no-repeat;background-position: 0px 0px;padding-top: 30px;padding-right: 5px;padding-bottom: 40px;padding-left: 5px;margin-right: 18px;margin-bottom: 36px;margin-left: 18px;}
#appcase_box ul li{width: 148px;height: 230px;list-style: none;position: relative;overflow: hidden;}
#appcase_box ul li .a1 img{width: 148px;height: 230px;}


#appcase_box ul li .a2{position: absolute;top: 0px;left:-148px;width: 148px;height: 230px;text-align: center;color: white;background: rgba(0,0,0,0.5);transition: all 0.2s;}
#appcase_box ul li .a2 .p4{width: 140px;text-align: center;position: absolute;top: 30px;left: -148px;color: #ffe605;font-size: 14px;font-weight: bold;margin:0 3px;}
#appcase_box ul li .a2 .p5{width: 148px;text-align: center;line-height:18px;position: absolute;top: 50px;left: -148px;font-size: 13px;color: white;transition: all 0.2s 0.2s ease-out;}
#appcase_box ul li .a2 .p7{position: absolute;bottom:-100px;left: 28px;border-radius: 20px;transition: all 0.2s 0.5s;}
#appcase_box ul li .a2 .p7 img{height: 100px;width: 100px;}



/* 内容 */
.h1-title{padding:35px 0 15px 0;margin:20px 0 30px 0;border-bottom: 1px dotted #cccccc;text-align: center;}
.h1-title h1{font-size:26px;color:#555;font-weight: normal;height: 40px;line-height: 40px;}
.h1-title .time{font-size:14px;font-weight:normal;width:100%;margin:5px 0;}

.nextbox{width:100%;height: 35px;margin:25px auto;padding:30px 0;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;}
.nextbox .zuo{height: 35px;line-height: 35px;padding-left:13px;color:#555;float:left;overflow: hidden;}
.nextbox .zuo a{color:#555;}

.nextbox .you{height: 35px;line-height: 35px;padding-left:13px;color:#555;float:right;overflow: hidden;}
.nextbox .you a{line-height: 35px;color:#555;font-size:14px;text-decoration: none;}
.nextbox .you a:hover{color:#f20c2b;transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }

.nextbox a{line-height: 35px;color:#fff;font-size:14px;text-decoration: none;}
.nextbox a:hover{color:#f20c2b;transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; }

.nextbox-down{line-height:28px; font-size:14px;margin-bottom:30px;padding-top:30px; margin-top:20px}
.nextbox-down .qq-link{border:1px solid #e80111;color:#ffffff;background:#e80111;padding:3px 6px;text-align: center;}
.nextbox-down h2{color:#d30000;}
.nextbox-down h2 a{color:#d30000;background: none;border:0;}

.hotnews,.hottips{background:#ffffff; overflow:hidden; margin:15px 0;border-radius: 6px;}
.hotnews h2,.hottips h2{ height:45px; line-height:45px; font-size:14px;border-bottom:1px solid #cccccc; text-indent:18px;}
.hotnews ul,.hottips ul{ margin:10px 18px 18px 18px;}
.hotnews li{ height:28px; line-height:28px; display:block; overflow:hidden;;background:url(../img/icon.gif) no-repeat 0px 13px; text-indent:12px;}
.hotnews li a{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; width:264px;display:block; overflow:hidden;}
.hottips ul{ margin-top:18px; display:block; overflow:hidden;}
.hottips li a{ color:#fff;}
.hottips li{background-color:#d7232c;color: white;font-size: 14px;display: inline-block;margin-bottom: 6px;margin-right: 6px;padding: 2px 4px;border-radius: 2px;opacity: 0.6;cursor: pointer; float:left\9;white-space:nowrap;filter:alpha(opacity=60);
box-shadow:0 4px 3px -3px rgba(0, 0, 0, 0.1);
-webkit-transition:opacity 0.2s ease-in-out;
-moz-transition:opacity 0.2s ease-in-out;
-ms-transition:opacity 0.2s ease-in-out;
-o-transition:opacity 0.2s ease-in-out;
transition:opacity 0.2s ease-in-out}
.hottips li:hover{opacity:1;filter:alpha(opacity=100);}
.hottips li:nth-child(2n){background-color:#2F9944;}
.hottips li:nth-child(3n){background-color:#0664B0;}
.hottips li:nth-child(4n){background-color:#CA5254;}


/*地址url*/
.addrBg{height:60px;line-height:60px;background:#fff;width:100%;}
.addr{width:1320px;margin: 0 auto;font-size: 14px;}
.addr a{width:1320px;margin: 0 auto;}