/*-------------------------------网站建设首页css开始--------------------------*/

a.more_btn01{width: 200px; height: 40px; line-height: 40px; text-align: center; background: #3a3a3a; color: #fff; display: block; border-radius: 40px; margin-top: 40px; transition: all .3s ease;}
a:hover.more_btn01{background: #216ec1; color: #fff;}

a.more_btn02{width: 200px; height: 40px; line-height: 40px; text-align: center; display: block; border-radius: 40px;background: #fff; color: #3a3a3a; margin: auto; margin-top: 40px; transition: all .3s ease;}
a:hover.more_btn02{background: #216ec1; color: #fff;}


.p_t190{ padding-top:190px!important;}




.font_l{ text-align:left}
.font_c{ text-align:center}
.font_r{ text-align:right}



/*banner*/
.banner{ display: block; overflow: hidden; position: relative; width: 100%; margin: 0 auto; height: calc(100vh); background-color: #000; }
.banner ul li{ display: block; position: absolute; width: 100%; height: calc(100vh); top:0; left:-9999px; z-index: 0; }
.banner ul li.on{ left:0; }
.banner ul li a{ display: block; width: 100%; height: calc(100vh); background: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.banner ul li a{ display: block; width: 100%; height: calc(100vh); }
.banner .btn{ display: none; position: absolute; z-index: 5; width: 36px; height: 64px; top:50%; margin-top: -32px; text-align: center; line-height: 67px; color: #fff; font-family: "Simsun"; font-size: 30px; background-color: #000 !important; background-color: rgba(0,0,0,0.4) !important; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; }
.banner:hover .btn{ display: block; }
.banner .btn.prev{ left:0; }
.banner .btn.next{ right:0; }
.banner .btn:hover{ background-color: rgba(0,0,0,0.6) !important; }
.banner ol{ display: none; position: absolute; width: 110px; bottom:38px; text-align: center; z-index: 5; font-size: 0; left:50%; margin-left: 420px; vertical-align: middle; }
.banner ol li{ display: inline-block; *display: inline; *zoom:1; padding: 3px; border: 1px solid #fff; border-radius: 50%; margin: 0px 10px; cursor: pointer; vertical-align: middle; /*transition: 0.5s linear; -webkit-transition: 0.5s linear; -o-transition: 0.5s linear; -ms-transition: 0.5s linear; -moz-transition: 0.5s linear;*/ }
.banner ol li span{ display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; /*transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s;*/ }
.banner ol li.active{ padding: 2px; }
.banner ol li.active span{ width: 12px; height: 12px; }
.banner .action{ display: block; position: absolute; width: 100%; height: 86px; left: 0; bottom:31px; z-index: 3; }
.banner .action .scroll-btn{ position: absolute; display: block; width: 38px; height: 86px; top:0; left:50%; margin-left: -11px; background: url(../images/banner_rolling.png) no-repeat center; z-index: 4; animation: myFade 2s linear infinite; }


/*wap_banner*/
.wap_banner{ display: block; overflow: hidden; position: relative; width: 100%; margin: 0 auto; height: calc(100vh); background-color: #000; }
.wap_banner ul li{ display: block; position: absolute; width: 100%; height: calc(100vh); top:0; left:-9999px; z-index: 0; }
.wap_banner ul li.on{ left:0; }
.wap_banner ul li a{ display: block; width: 100%; height: calc(100vh); background: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; }
.wap_banner ul li a{ display: block; width: 100%; height: calc(100vh); }
.wap_banner .btn{ display: none; position: absolute; z-index: 5; width: 36px; height: 64px; top:50%; margin-top: -32px; text-align: center; line-height: 67px; color: #fff; font-family: "Simsun"; font-size: 30px; background-color: #000 !important; background-color: rgba(0,0,0,0.4) !important; transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s; }
.wap_banner:hover .btn{ display: block; }
.wap_banner .btn.prev{ left:0; }
.wap_banner .btn.next{ right:0; }
.wap_banner .btn:hover{ background-color: rgba(0,0,0,0.6) !important; }
.wap_banner ol{ display: none; position: absolute; width: 110px; bottom:38px; text-align: center; z-index: 5; font-size: 0; left:50%; margin-left: 420px; vertical-align: middle; }
.wap_banner ol li{ display: inline-block; *display: inline; *zoom:1; padding: 3px; border: 1px solid #fff; border-radius: 50%; margin: 0px 10px; cursor: pointer; vertical-align: middle; /*transition: 0.5s linear; -webkit-transition: 0.5s linear; -o-transition: 0.5s linear; -ms-transition: 0.5s linear; -moz-transition: 0.5s linear;*/ }
.wap_banner ol li span{ display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; /*transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; -moz-transition: 0.3s;*/ }
.wap_banner ol li.active{ padding: 2px; }
.wap_banner ol li.active span{ width: 12px; height: 12px; }
.wap_banner .action{ display: block; position: absolute; width: 100%; height: 86px; left: 0; bottom:50px; z-index: 3; }
.wap_banner .action .scroll-btn{ position: absolute; display: block; width:28px; height:66px; top:0; left:50%; margin-left: -11px; background: url(../images/banner_rolling.png) no-repeat center; z-index: 4; animation: myFade 2s linear infinite; background-size: 100%; }


@-webkit-keyframes myFade{
	0%{ opacity: 1; top:0;}
	25%{ top:-10px; opacity: 0.3;}
	50%{ top:0px; opacity: 1;}
	75%{ top:10px; opacity: 0.3;}
	100%{ opacity: 1; top:0px;}
}

@-moz-keyframes myFade{
	0%{ opacity: 1; top:0; }
	25%{ top:-10px; opacity: 0.3; }
	50%{ top:0px; opacity: 1; }
	75%{ top:10px; opacity: 0.3; }
	100%{ opacity: 1; top:0px; }
}

@-o-keyframes myFade{
	0%{ opacity: 1; top:0; }
	25%{ top:-10px; opacity: 0.3; }
	50%{ top:0px; opacity: 1; }
	75%{ top:10px; opacity: 0.3; }
	100%{ opacity: 1; top:0px; }
}

@keyframes myFade{
	0%{ opacity: 1; top:0; }
	25%{ top:-10px; opacity: 0.3; }
	50%{ top:0px; opacity: 1; }
	75%{ top:10px; opacity: 0.3; }
	100%{ opacity: 1; top:0px; }
}



/*首页-内容区*/

/*tit*/
.section{ display: block; margin-top: 90px; }
.section-header{ position: relative; display: block; margin-bottom: 50px; left:-200px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.section-header:after { clear: both; content: " "; display: block; height: 0;}
.section .section-header.show{ left:0; opacity: 1; filter:alpha(opacity=100); }
.bussiness{ overflow: hidden; position: relative; }

.section-header em.index_tit_en{ text-align: center; display: block; margin-bottom: 14px; }
.section-header h3{ display: block; font-size: 56px; color: #222; line-height: 1; text-align: center; letter-spacing: 6px; }
.section-header h3 span{ font-weight: bold; }

.section-header h4{font-size: 30px; color: #111111; line-height: 1; text-align: center; background: #fff; padding: 0 20px; z-index: 99; margin: auto; width: 280px; position: absolute; left: 50%; margin-left: -140px;}
.section-header-xian{ position: relative; height: 30px;}
.section-header-xian:after{ position: absolute; display: block; content: ""; width: 100%; height: 1px; background: #dedede; top: 50%; left: 0;z-index: 0;}


.section-header h5{font-size: 40px; color: #fff; line-height: 1; text-align: left;}
.section-header h5 span{ font-weight: bold; }


/*您需要的*/
.bussiness-body{ display: block; overflow: hidden; }
.bussiness-body .item{ position: relative; display: block; float: left; width: 16.666%; opacity: 0; filter:alpha(opacity=0); overflow: hidden; }
.bussiness-body .item1{ left:200px; -webkit-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear; -o-transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear; transition: left 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness-body .item2{ left:300px; -webkit-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear; -o-transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear; transition: left 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;; }
.bussiness-body .item3{ left:400px; -webkit-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear; -o-transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear; transition: left 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness-body .item4{ left:500px; -webkit-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear; -o-transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear; transition: left 0.9s 0.5s linear,opacity 0.9s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness-body .item5{ left:600px; -webkit-transition: left 1.1s 0.5s linear,opacity 1.1s 0.5s linear,background 0.3s linear,width 0.3s linear; -o-transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear; transition: left 1.1s 0.5s linear,opacity 1.1s 0.9s linear,background 0.3s linear,width 0.3s linear; }
.bussiness-body .item.on{ width: 32.33%; }
.bussiness .bussiness-body.show .item{ left:0; opacity: 1; filter:alpha(opacity=100); }
.bussiness-body .item .service{ display: block; height: 358px; border: 1px solid #e8e8e8; border-width: 1px 0px 1px 1px; text-align: center; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.bussiness-body .item.on .service{ width: 50%; }
.bussiness-body .item5 .service{ border-width: 1px 1px 1px 1px; }
.bussiness-body .item.on .service{ background-color: #216ec1; border-color: #216ec1; }
.bussiness-body .item.on .service a{ display: block;}
.bussiness-body .item .service .content{ display: block; height: 244px; padding-top: 32px; line-height: 1; }
.bussiness-body .item .service .content i{ font-size: 100px; text-align: center; display: block; margin-bottom:20px;}
.bussiness-body .item .service .content h4{ display: block; font-size: 22px; font-weight: bold; text-align: center;color: #333; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.bussiness-body .item.on .service .content h4,.bussiness-body .item.on .service .content i{ color: #fff; }
.bussiness-body .item .service .content p{ text-align: center;display: block; margin-top: 16px; color: #777777; white-space: nowrap; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.bussiness-body .item.on .service .content p{ color:rgba(255,255,255,0.6); }
.bussiness-body .item .service .info{ display: block; padding: 40px 20px 0 20px; font-size: 14px; line-height: 20px; color: #b7b6b6; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; background: url(../images/index_con01_info.png) no-repeat top center; text-align: center}

.bussiness-body .item.on .service .info{ color:rgba(255,255,255,0.3); }
.bussiness-body .item .price{ position: absolute; display: block; width: 100%; height: 360px; left:100%; top:0; }
.bussiness-body .item.on .price{ width: 50%; left:50%; }
.bussiness-body .item .price ul{ display: block; position: relative; z-index: 5; }
.bussiness-body .item .price ul li{ display: block; height: 71px; line-height: 71px; *height: 69px; *line-height: 69px; border-bottom: 1px solid #565758; white-space: nowrap; }
.bussiness-body .item .price ul li:last-child{ border-bottom:0; }
.bussiness-body .item .price ul li a{ display: block; padding: 0 30px 0 20px; color: rgba(255,255,255,0.6); background: url(../images/index_enter_icon.png) no-repeat right 20px center; overflow: hidden; height: 71px;}
.bussiness-body .item .price ul li a:hover { color: #fff; background: url(../images/index_enter_icon_on.png) no-repeat right 20px center; }
.bussiness-body .item .price ul li a .num{ padding-left: 10px; }
.bussiness-body .item .price .mask{ position: absolute; width: 100%; height: 100%; top:0; left:0; background-color:rgba(31,31,31,0.9); z-index: 2; }


/*赢在起跑线*/
.bussiness02{ background: #fafafa; height: 777px; overflow: hidden;padding-top: 90px;}
.bussiness02-body ul.bussiness02-con li.item{ position: relative; display: block;opacity: 0; filter:alpha(opacity=0); overflow: hidden; }
.bussiness02-body.show ul.bussiness02-con li.item { top: 0; opacity: 1; filter: alpha(opacity=100); }
.bussiness02-body ul.bussiness02-con li.item1{ top:200px; -webkit-transition: top 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness02-body ul.bussiness02-con li.item2{ top:200px; -webkit-transition: top 0.4s 0.5s linear,opacity 0.4s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.4s 0.5s linear,opacity 0.4s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.4s 0.5s linear,opacity 0.4s 0.5s linear,background 0.3s linear,width 0.3s linear;; }
.bussiness02-body ul.bussiness02-con li.item3{ top:200px; -webkit-transition: top 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness02-body ul.bussiness02-con li.item4{ top:200px;  -webkit-transition: top 0.6s 0.5s linear,opacity 0.6s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.6s 0.5s linear,opacity 0.6s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.6s 0.5s linear,opacity 0.6s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness02-body ul.bussiness02-con li.item5{ top:200px;  -webkit-transition: top 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness02-body ul.bussiness02-con li.item6{ top:200px;  -webkit-transition: top 0.8s 0.5s linear,opacity 0.8s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.8s 0.5s linear,opacity 0.8s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.8s 0.5s linear,opacity 0.8s 0.5s linear,background 0.3s linear,width 0.3s linear; }

ul.bussiness02-con {overflow: hidden;}
ul.bussiness02-con:after { clear: both; content: " "; display: block; height: 0;}
ul.bussiness02-con li{ width: 16.5%;padding:20px 2% 90px 2%; float: left;}
ul.bussiness02-con li:after{  display: block; content: ""; width: 1px; height: calc(100% - 200px); background: #ededed; position: absolute; top: 50px; right: 0;}
ul.bussiness02-con li:last-child:after{  display: none; }
ul.bussiness02-con li a{ display: block; text-align: center;}
ul.bussiness02-con li a i.bussiness02-tit-icon{ display: inline-block; width: 140px; height: 121px; line-height: 121px; text-align: center;background: url(../images/index_bussiness02_li_bg.png) no-repeat; font-size: 54px; color: #fff; transition: all .3s ease; }
ul.bussiness02-con li a h4{ width:100%; height: 27px; overflow: hidden;font-size: 20px; font-weight: bold;color: #333333; text-align: center; margin-top: 24px; transition: all .3s ease;}
ul.bussiness02-con li a p{ width:100%; height: 144px; overflow: hidden;font-size:14px; line-height: 24px; color: #777777; text-align: left; margin-top: 30px; transition: all .3s ease;}
ul.bussiness02-con li a .bussiness02-xiao-icon{ width:100%; margin-top: 30px;}
ul.bussiness02-con li a .bussiness02-xiao-icon:after{ display: block; content: ""; clear: both; height: 0;}
ul.bussiness02-con li a .bussiness02-xiao-icon i{ width:30%; float: left;text-align: left;font-size: 30px; color: #d2d2d2; transition: all .3s ease;}
ul.bussiness02-con li a .bussiness02-xiao-icon i:nth-child(2){text-align: center;}
ul.bussiness02-con li a .bussiness02-xiao-icon i:nth-child(3){text-align: right;}
ul.bussiness02-con li a span{display: inline-block; width: 100%; height: 0; overflow: hidden;line-height: 0; text-align: center; font-size: 16px; color: #216ec1; background: #fff; border-radius:36px; margin-top: 30px; transition: all .3s ease;}
ul.bussiness02-con li:hover{ background: #216ec1; padding-top: 40px; padding-bottom: 45px;}
ul.bussiness02-con li:hover:after{  display: none;}
ul.bussiness02-con li:hover a i.bussiness02-tit-icon{ width: 88px; height: 76px; line-height: 76px; background: url(../images/index_bussiness02_li_bg_on.png) no-repeat; font-size: 34px;}
ul.bussiness02-con li:hover a h4{color: #fff;}
ul.bussiness02-con li:hover a p{color: #fff;}
ul.bussiness02-con li:hover a .bussiness02-xiao-icon i{ color: #ffd906;}
ul.bussiness02-con li:hover a span{display: inline-block; height: 36px; line-height: 36px; }


/*优势*/
.bussiness03{ background:url(../images/index_bussiness03_bg.jpg) no-repeat center; padding: 90px 0; margin-top: 0!important;}
.bussiness03-body ul.bussiness03-con li.item{ position: relative; display: block;opacity: 0; filter:alpha(opacity=0); overflow: hidden; }
.bussiness03-body.show ul.bussiness03-con li.item { top: 0; opacity: 1; filter: alpha(opacity=100); }
.bussiness03-body ul.bussiness03-con li.item1{ top:200px; -webkit-transition: top 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness03-body ul.bussiness03-con li.item2{ top:200px; -webkit-transition: top 0.4s 0.5s linear,opacity 0.4s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.4s 0.5s linear,opacity 0.4s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.4s 0.5s linear,opacity 0.4s 0.5s linear,background 0.3s linear,width 0.3s linear;; }
.bussiness03-body ul.bussiness03-con li.item3{ top:200px; -webkit-transition: top 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.5s 0.5s linear,opacity 0.5s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness03-body ul.bussiness03-con li.item4{ top:200px;  -webkit-transition: top 0.6s 0.5s linear,opacity 0.6s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.6s 0.5s linear,opacity 0.6s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.6s 0.5s linear,opacity 0.6s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.bussiness03-body ul.bussiness03-con li.item5{ top:200px;  -webkit-transition: top 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.7s 0.5s linear,opacity 0.7s 0.5s linear,background 0.3s linear,width 0.3s linear; }

ul.bussiness03-con {overflow: hidden;}
ul.bussiness03-con:after { clear: both; content: " "; display: block; height: 0;}
ul.bussiness03-con li{width: 23.5%;padding:20px 0; margin: 0 1%; float: left; transition: all .3s ease;}
ul.bussiness03-con li:first-child{ margin-left: 0;}
ul.bussiness03-con li:last-child{ margin-right: 0;}
ul.bussiness03-con li a{ display: block;}
ul.bussiness03-con li a:after { clear: both; content: " "; display: block; height: 0;}
ul.bussiness03-con li .bussiness03-con_icon{ float: left; margin-right: 15px; }
ul.bussiness03-con li .bussiness03-con_icon i{ display:block; width: 60px; height: 60px; line-height: 60px; text-align: center;background:#fff; font-size: 40px; color: #3a3a3a; border-radius: 50%; transition: all .3s ease; }
ul.bussiness03-con li dl{ width: calc(100% - 75px); float: right; transition: all .3s ease;}
ul.bussiness03-con li dl dt{ width:100%; height: 27px; overflow: hidden;font-size: 22px; font-weight: bold;color: #fff; text-align: left; margin-top: 18px; transition: all .3s ease;}
ul.bussiness03-con li dl dd{ width:100%;font-size:14px; line-height: 24px; color: #fff; text-align: left; margin-top: 30px; transition: all .3s ease;}

ul.bussiness03-con li:hover{ border: 1px solid #216ec1; background: none; padding:3px;}
ul.bussiness03-con li:hover a{ background: #216ec1; padding:20px;}
ul.bussiness03-con li:hover a i{ width: 40px; height: 40px; line-height: 40px; background: none; border: 1px solid #fff; font-size: 26px; color: #fff;}
ul.bussiness03-con li:hover dl{  width: calc(100% - 55px); float: right;}
ul.bussiness03-con li:hover dl dt{color: #fff; margin-top: 10px;}
ul.bussiness03-con li:hover dl dd{color: #fff; margin-top: 14px;}



/*爱恩特10年，与君同行*/
.case-body{ display: block; width: calc(100% - 14px); margin: auto; overflow: hidden; }
.case-body ul{ display: block;}
.case-body li{ position: relative;display: block; width: 25%; padding: 0 7px; *width: 24.739999%; float: left; margin-bottom: 16px; -webkit-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); }
.case-body .item1{ -webkit-transition: 0.3s 0.5s linear; -o-transition: 0.3s 0.5s linear; transition: 0.3s 0.5s linear; }
.case-body .item2{ -webkit-transition: 0.4s 0.5s linear; -o-transition: 0.4s 0.5s linear; transition: 0.4s 0.5s linear; }
.case-body .item3{ -webkit-transition: 0.5s 0.5s linear; -o-transition: 0.5s 0.5s linear; transition: 0.5s 0.5s linear; }
.case-body .item4{ -webkit-transition: 0.6s 0.5s linear; -o-transition: 0.6s 0.5s linear; transition: 0.6s 0.5s linear; }
.case-body .item5{ -webkit-transition: 0.7s 0.5s linear; -o-transition: 0.7s 0.5s linear; transition: 0.7s 0.5s linear; }
.case-body .item6{ -webkit-transition: 0.8s 0.5s linear; -o-transition: 0.8s 0.5s linear; transition: 0.8s 0.5s linear; }
.case-body .item7{ -webkit-transition: 0.9s 0.5s linear; -o-transition: 0.9s 0.5s linear; transition: 0.9s 0.5s linear; }
.case-body .item8{ -webkit-transition: 1s 0.5s linear; -o-transition: 1s 0.5s linear; transition: 1s 0.5s linear; }
.case .case-body.show li{ -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); display: block; }
.case-body li .content{ display: block;}
.case-body li .content .pic{ display: block; overflow: hidden; position: relative; }
.case-body li .content .pic img{ display: block; width: 100%; height: auto; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; transform-origin:50% 50%; }
.case-body li .content:hover .pic img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.case-body li .content dl{ overflow:hidden; display: block; height: 60px; line-height: 60px;-webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; }
.case-body li .content dl dt{ float: left; font-size: 18px; color: #444;transition: all .3s ease; }
.case-body li .content dl dd{ float: left; margin-left: 14px; font-size: 14px; color: #cacaca;  font-style:italic;transition: all .3s ease; }
.case-body li .content .case-body-on{ position: absolute; height: 0px; overflow: hidden;left: 7px; bottom:10px; transition: all .3s ease; }

.case-body li:hover .content dl dt{color: #fff;}
.case-body li:hover .content dl dd{color: #fff;}

.case-body li:hover .content .case-body-on{  height: auto; width: 70%; box-shadow: 0 8px 36px rgba(0,0,0,0.08); padding: 28px 28px 28px 82px; background: #fff url(../images/index_case_jia.png) no-repeat 32px 30px;}
.case-body li:hover .content .case-body-on h4{ font-size: 18px; color: #353535; font-weight: bold; height: 24px; line-height: 24px; overflow: hidden;}
.case-body li:hover .content .case-body-on span{ display: block; text-align: left;height: 9px; line-height: 9px; margin-top: 2px;}
.case-body li:hover .content .case-body-on span img{ vertical-align: middle;}

.case-more a{ display: block;width:268px; height: 48px; line-height: 48px; text-align: center; margin: auto; margin-top: 20px; background: #383838; color: #fff; font-size: 22px; border-radius: 46px; transition: all .3s ease;}
.case-more:hover a{background: #222;}
.case-more-dong{ position: relative; display: block; top:50px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.case-more .case-more-dong.show{ top:0; opacity: 1; filter:alpha(opacity=100); }



/*案例-logo*/
.case-logo-body{ display: block; width: 85%; min-width: 1010px; margin: 0 auto;overflow: hidden; }
.case-logo-body ul{ display: block;}
.case-logo-body li{ position: relative;display: block; width: 16.8%; margin: 0 2% 22px 2%; float: left; -webkit-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0); }
.case-logo-body li:first-child,.case-logo-body li:nth-child(6n){ margin-left: 0; }
.case-logo-body li:last-child,.case-logo-body li:nth-child(5n){ margin-right: 0; }
.case-logo-body li:nth-last-child(1),.case-logo-body li:nth-last-child(2),.case-logo-body li:nth-last-child(3),.case-logo-body li:nth-last-child(4),.case-logo-body li:nth-last-child(5){ margin-bottom: 0; }
.case-logo-body .item1{ -webkit-transition: 0.3s 0.5s linear; -o-transition: 0.3s 0.5s linear; transition: 0.3s 0.5s linear; }
.case-logo-body .item2{ -webkit-transition: 0.4s 0.5s linear; -o-transition: 0.4s 0.5s linear; transition: 0.4s 0.5s linear; }
.case-logo-body .item3{ -webkit-transition: 0.5s 0.5s linear; -o-transition: 0.5s 0.5s linear; transition: 0.5s 0.5s linear; }
.case-logo-body .item4{ -webkit-transition: 0.6s 0.5s linear; -o-transition: 0.6s 0.5s linear; transition: 0.6s 0.5s linear; }
.case-logo-body .item5{ -webkit-transition: 0.7s 0.5s linear; -o-transition: 0.7s 0.5s linear; transition: 0.7s 0.5s linear; }
.case-logo-body .item6{ -webkit-transition: 0.8s 0.5s linear; -o-transition: 0.8s 0.5s linear; transition: 0.8s 0.5s linear; }
.case-logo-body .item7{ -webkit-transition: 0.9s 0.5s linear; -o-transition: 0.9s 0.5s linear; transition: 0.9s 0.5s linear; }
.case-logo-body .item8{ -webkit-transition: 1s 0.5s linear; -o-transition: 1s 0.5s linear; transition: 1s 0.5s linear; }
.case-logo-body .item9{ -webkit-transition: 1.1s 0.5s linear; -o-transition: 1.1s 0.5s linear; transition: 1.1s 0.5s linear; }
.case-logo-body .item10{ -webkit-transition: 1.2s 0.5s linear; -o-transition: 1.2s 0.5s linear; transition: 1.2s 0.5s linear; }
.case-logo .case-logo-body.show li{ -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); display: block; }
.case-logo-body li .pic{ display: block; overflow: hidden; position: relative; }
.case-logo-body li .pic img{ display: block; width: 100%; height: auto; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; transform-origin:50% 50%; }
.case-logo-body li:hover .pic img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }


/*口碑*/
.koubei-bg{ display: block; overflow: hidden;  background: url(../images/index_koubei_bg.jpg) no-repeat center; padding: 90px 0 20px 0;background-size: cover;}
.koubei-header h3{ display: block;  }


.koubei-body .koubei-con{ }
.koubei-body.show .koubei-con .item { position: relative;bottom: 0; opacity: 1; filter: alpha(opacity=100); }

.koubei-body .koubei-con .item{  display: block;opacity: 0; filter:alpha(opacity=0); overflow: hidden; }
.koubei-body.show .koubei-con .item { bottom: -10px; opacity: 1; filter: alpha(opacity=100); }
.koubei-body .koubei-con .item1{ float:left; width: 62%; bottom:200px; -webkit-transition: bottom 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: bottom 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: bottom 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.koubei-body .koubei-con .item2{ float: right;width: 37%; bottom:200px; -webkit-transition: bottom 0.4s 0.5s linear,opacity 0.4s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: bottom 0.4s 0.5s linear,opacity 0.4s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: bottom 0.4s 0.5s linear,opacity 0.4s 0.5s linear,background 0.3s linear,width 0.3s linear;; }


.koubei-body .koubei-con .item img{ width: 100%;}

.koubei-con-wap{ display:none;}
.koubei-body.show .koubei-con-wap .item { position: relative;top: 0; opacity: 1; filter: alpha(opacity=100); margin: 5px 0; }
.koubei-body .koubei-con-wap .item{  display: block;opacity: 0; filter:alpha(opacity=0); overflow: hidden; }
.koubei-body.show .koubei-con-wap .item { top: -10px; opacity: 1; filter: alpha(opacity=100); }
.koubei-body .koubei-con-wap .item1{ text-align: left;top:200px; -webkit-transition: top 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: bottom 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.3s 0.5s linear,opacity 0.3s 0.5s linear,background 0.3s linear,width 0.3s linear; }
.koubei-body .koubei-con-wap .item2{ text-align: right;top:200px; -webkit-transition: top 0.4s 0.5s linear,opacity 0.4s 0.5s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.4s 0.5s linear,opacity 0.4s 0.5s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.4s 0.5s linear,opacity 0.4s 0.5s linear,background 0.3s linear,width 0.3s linear;; }
.koubei-body .koubei-con-wap .item3{ text-align: left;top:200px; -webkit-transition: top 0.3s 0.7s linear,opacity 0.3s 0.7s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.3s 0.7s linear,opacity 0.3s 0.7s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.3s 0.7s linear,opacity 0.3s 0.7s linear,background 0.3s linear,width 0.3s linear; }
.koubei-body .koubei-con-wap .item4{ text-align: right;top:200px; -webkit-transition: top 0.4s 0.9s linear,opacity 0.4s 0.9s linear,background 0.3s linear,width 0.3s linear;  -o-transition: top 0.4s 0.9s linear,opacity 0.4s 0.9s linear,background 0.3s linear,width 0.3s linear;  transition: top 0.4s 0.9s linear,opacity 0.4s 0.9s linear,background 0.3s linear,width 0.3s linear;; }

.koubei-body .koubei-con-wap .item img{ width: 100%;}



/*新闻*/
.news{ display: block; overflow: hidden; background: #fafafa; padding: 90px 0; }
.news-header h3{ display: block; float: left; }
.news-header .news-type{ display: block; float: right; margin-top: 16px; }
.news-header .news-type li{ display: block; float: left; width: auto; height: 40px; padding: 0 30px; border-radius: 40px; text-align: center; line-height: 40px; margin-left: 40px; color: #333333; cursor: pointer; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; border: 1px solid #333333; }
.news-header .news-type li.active{ border: 1px solid #216ec1; background: #216ec1; color: #fff; }
.news-body{ display: none; overflow: hidden; position: relative; }
.news-body.on{ display: block; }

.news-body .news-l{ position: relative; display: block; float: left; width: 45%; top:200px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.3s 0.5s linear; -o-transition: 0.3s 0.5s linear; transition: 0.3s 0.5s linear; } 
.news-body.show .news-l{ top:0; opacity: 1; filter:alpha(opacity=100); } 
.news-body .news-l li{ display: block; margin-bottom: 10px; overflow: hidden; clear: both; } 
.news-body .news-l li:last-child{ margin-bottom: 0; } 
.news-body .news-l li .date{ display: block; float: left; width: 90px; height: 106px; margin-right: 40px; line-height: 1; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } 
.news-body .news-l li .date .day{ display: block; font-size: 30px; font-weight: bold; color: #464544; text-align: right; margin-top: 13px; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; } 
.news-body .news-l li:hover .date .day{ color: #216ec1; }
.news-body .news-l li .date .month{ display: block; font-size: 12px; color: #cacaca; text-align: right; -webkit-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; margin-top: 14px;}
.news-body .news-l li .content{display: block; overflow: hidden; border-bottom: 1px solid #f3f3f3; padding-bottom: 20px;}
.news-body .news-l li:last-child .content{border-bottom: 0; padding-bottom: 0;}
.news-body .news-l li .content h4{ display: block; margin-top: 15px; height: 24px; overflow: hidden; font-size: 20px; color: #353535;  }
.news-body .news-l li:hover .content h4{ color: #0166ce; font-weight: bold;}
.news-body .news-l li .content p{ display: block; line-height: 24px; margin-top: 13px; height: 48px;overflow: hidden;color: #aaaaaa; font-size: 14px; transition: all .3s ease; }
.news-body .news-l li:hover .content p{ color: #888; }
.news-body .news-l li .content i{ font-size: 21px; margin-left: -5px; display: block;}


.news-body .news-r{ display: block; float: right; width: 46%; padding-top: 20px; }
.news-body .news-r li{ position: relative; display: block; width: 100%; margin-bottom:50px; }
.news-body .news-r li:nth-child(2){ margin-bottom: 0; }
.news-body .news-r .item1{ top:200px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.5s 0.5s linear; -o-transition: 0.5s 0.5s linear; transition: 0.5s 0.5s linear; }
.news-body .news-r .item2{ top:200px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.7s 0.5s linear; -o-transition: 0.7s 0.5s linear; transition: 0.7s 0.5s linear; }
.news-body.show .news-r li{ top:0; opacity: 1; filter:alpha(opacity=100); }
.news-body .news-r li:after { clear: both; content: " "; display: block; height: 0;}
.news-body .news-r li .pic{ overflow: hidden; width: 260px; height: 260px; float: left; margin-right: 40px;}
.news-body .news-r li .pic img{ display: block; width: 100%; height: auto; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.news-body .news-r li:hover .pic img{ -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.news-body .news-r li dl{ width: calc(100% - 300px); float: right;}
.news-body .news-r li dl dt{ display: block; margin-top: 22px; height: 24px; font-size: 20px; color: #353535;line-height:24px; overflow: hidden;}
.news-body .news-r li:hover dl dt{ color: #0166ce;font-weight: bold; }
.news-body .news-r li dl dd{ display: block; line-height: 24px; color: #aaa; margin-top: 30px; height: 72px; overflow: hidden; font-size: 14px;}
.news-body .news-r li:hover dl dd{ color: #888; }
.news-body .news-r li dl i{ font-size: 21px; margin-left: -5px; margin-top:30px; display: block;}
.news-body .news-r li dl .info{ display: block; margin-top: 20px; font-size: 12px; color: #cacaca; height: 20px; line-height: 20px; }
.news-body .news-r li dl .info span{ font-size: 18px; font-weight: bold; color: #5d5d5d; margin-right: 6px; float: left;}


/*报价查询*/
.bottom-bj{ width: 100%; height: 242px; background: url(../images/bottom_bj_bg.jpg) no-repeat center; padding-top: 60px;}

form.bottom-bj-bd { }
form.bottom-bj-bd .bottom-bj-box{ width: calc(100% - 290px); float: left;}
form.bottom-bj-bd .bottom-bj-box input{  border:0;height: 56px; padding:0 10px; line-height: 56px;  background:#fff; font-size: 16px; color: #666;}
form.bottom-bj-bd .bottom-bj-box input.w01{ width:calc(25% - 10px); margin-right: 10px;}
form.bottom-bj-bd .bottom-bj-box input.w02{ width:calc(50% - 10px); margin-right: 10px;}
form.bottom-bj-bd button{ width:290px; height: 56px; line-height: 56px; text-align: center; float: right; border:none; background: #216ec1; color: #fff; font-size: 24px; cursor: pointer; font-weight: bold;}

.bottom-bj-dong{ position: relative; display: block; top:50px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear; }
.bottom-bj .bottom-bj-dong.show{ top:0; opacity: 1; filter:alpha(opacity=100); }



/*联系*/
.contact{ position: relative; display: block; width: 100%; overflow: hidden; height: 688px; padding-top: 328px; background: url(../images/index_lx_bg.jpg) no-repeat center; }
.contact .contact-way{ display: block; position: relative; z-index: 10; height: 262px; overflow: hidden; }
.contact .contact-way ul{display: block;*margin: 0;}
.contact .contact-way ul li{position: relative;display: block;float: left;width: 24.1%; padding: 40px 20px; margin: 0 0.6%;text-align: center;background: rgba(255,255,255,0.94);opacity: 0;filter:alpha(opacity=0);top: 200px;}
.contact .contact-way ul li:first-child{margin-left: 0;}
.contact .contact-way ul li:last-child{margin-right: 0;}
.contact .contact-way ul .item1{-webkit-transition: top 0.3s 0.5s linear,background 0.3s linear;-o-transition: top 0.3s 0.5s linear,background 0.3s linear;transition: top 0.3s 0.5s linear,background 0.3s linear;}
.contact .contact-way ul .item2{-webkit-transition: top 0.4s 0.5s linear,background 0.3s linear;-o-transition: top 0.4s 0.5s linear,background 0.3s linear;transition: top 0.4s 0.5s linear,background 0.3s linear;}
.contact .contact-way ul .item3{-webkit-transition: top 0.5s 0.5s linear,background 0.3s linear;-o-transition: top 0.5s 0.5s linear,background 0.3s linear;transition: top 0.5s 0.5s linear,background 0.3s linear;}
.contact .contact-way ul .item4{-webkit-transition: top 0.6s 0.5s linear,background 0.3s linear;-o-transition: top 0.6s 0.5s linear,background 0.3s linear;transition: top 0.6s 0.5s linear,background 0.3s linear;}
.contact.show .contact-way ul li{top:0;opacity: 1;filter:alpha(opacity=100);}
.contact .contact-way ul li:hover{background-color: #0166ce;background-color: rgba(33,110,193,0.96);}
.contact .contact-way ul li i{display: block; font-size: 70px; color: #2e2e2e; text-align: center;transition: all .3s ease;}
.contact .contact-way ul li h4{display: block;color: #2e2e2e; font-size: 22px; font-weight: bold; transition: all .3s ease; text-align: center; margin-top: 20px;}
.contact .contact-way ul li p{display: block;color: #2e2e2e;line-height: 22px;margin-top: 6px; font-size: 14px; transition: all .3s ease; text-align: center;}
.contact .contact-way ul li:hover p,.contact .contact-way ul li:hover h4,.contact .contact-way ul li:hover i{color: #fff;}

/*------------------------------------------网站建设首页css结束-------------------------------------------*/



/*--------------------------------------网站建设-营销网站建设css开始------------------------------------------*/

.hideshow{-webkit-transition:-webkit-transform .6s,opacity 1.8s;transition:transform .6s,opacity 1.8s;-webkit-transform:translate3d(0,10%,0) scale(.9);transform:translate3d(0,10%,0) scale(.9);opacity:0}
.hideshow.on{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1);opacity:1}

.layout{width:90%; min-width: 1010px; margin: 0 auto; clear:both}

.w_fl{float:left}
.w_center{width:90%; min-width: 1010px; margin: 0 auto;}
.w_center{position:relative;z-index:1}

.w_title{text-align:center;color:#0095e2}
.w_title h1{ font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold;color: rgba(0,0,0,0.08);}
.w_title h1 span{color: rgba(0,0,0,0.15);}
.w_title h2{font-size:30px; text-align: center;}
.w_title h2 {font-size: 56px; color: #222; line-height: 1; text-align: center; letter-spacing: 6px;}
.w_title h2 span{ font-weight: bold;}
.w_title h3{font-size:26px;font-weight:lighter;text-transform:uppercase;margin-bottom:8px}



/*banner*/
.ihbanner{text-align:center;height:600px; padding-top: 145px;}
.ihbannertit{color:#fff}
.ihbannertit h5{margin-bottom: 20px; font-size:70px;text-align: center; letter-spacing: 6px;}
.ihbannertit h5 span{ font-weight: bold;}
.ihbannertit p{font-size:30px;line-height:41px; text-align: center;}
.ihbannertit.spe1 h5{color:#fff}
.ihbannertit.spe1 p{color:#fff}
.ihbannerlinks.spe1 a:hover{background:#216ec1;border:1px solid #216ec1;text-align: center;}
.ihbannerlinks.spe2 a:hover{background:#216ec1;border:1px solid #216ec1;text-align: center;}
.ihbannerlinks.spe3 a:hover{background:#216ec1;border:1px solid #216ec1;text-align: center;}
.ihbannerlinks{padding:17px 0 40px 0}
.ihbannerlinks a{display:inline-block;vertical-align:top;height:40px;line-height:40px;font-size:16px;width:150px;margin:0 7px;color:#fff;border:1px solid #fff;border-radius:4px; text-align: center;}
.ihbannerlinks a:hover{background:#ffb033;border:1px solid #ffb033}
.ihbannerimgs img{vertical-align:top}
.ihbannerimg1{margin-top:2px}
.ihbannerimg2{margin:0 120px;margin-top:15px}


/*案例标签*/
.anlibiaoqian{text-align:center;height:80px; margin-top:2em;}
.anlibiaoqian{color:#fff}
.anlibiaoqian h5{margin-bottom: 20px; font-size:70px;text-align: center; letter-spacing: 6px;}
.anlibiaoqian h5 span{ font-weight: bold;}
.anlibiaoqian p{font-size:30px;line-height:41px; text-align: center;}
.anlibiaoqian.spe1 h5{color:#fff}
.anlibiaoqian.spe1 p{color:#fff}
.anlibiaoqian.spe1 a:hover{background:#216ec1;border:1px solid #216ec1;text-align: center;}
.anlibiaoqian.spe2 a:hover{background:#216ec1;border:1px solid #216ec1;text-align: center;}
.anlibiaoqian.spe3 a:hover{background:#216ec1;border:1px solid #216ec1;text-align: center;}
.anlibiaoqian{padding:17px 0 40px 0}
.anlibiaoqian a{display:inline-block;vertical-align:top;height:40px;line-height:40px;font-size:16px;width:150px;margin:0 7px;color:#216ec1;border:1px solid #216ec1;border-radius:4px; text-align: center;}
.anlibiaoqian a:hover{background:#ffb033;border:1px solid #ffb033;color:#fff;}
.anlibiaoqian a.active{background:#ffb033;border:1px solid #ffb033;color:#fff;}
.ihbannerimgs img{vertical-align:top}
.ihbannerimg1{margin-top:2px}
.ihbannerimg2{margin:0 120px;margin-top:15px}


/*网站建设服务*/
.zcmod1{ padding:90px 0;}
.zcmod1links{padding-top:50px; width:90%; min-width: 1010px; margin: 0 auto; }
.zcmod1links a{display: inline-block; width: 20%; line-height: 30px; vertical-align: top; text-align: center; float: left; font-size: 20px; font-weight: bold; color: #333333;}
.zcmod1links a:hover {color: #216ec1;}
.zcmod1links:after{display: block; content: ""; clear: both; height: 0;}
.zcmod1links i{background: #3a3a3a; display:block;-webkit-transition:all .55s;transition:all .55s;width:148px;height:148px;margin:0 auto;margin-bottom:25px;background-position:center;border-radius:50%;background-repeat:no-repeat}
.zcmod1links a:hover i {background: #216ec1;background-position:center;border-radius:50%; background-repeat:no-repeat}
.j-box{-webkit-transition:all .55s;transition:all .55s}
.wyllist li,.zcmod5list li,.zllist-img{-webkit-transition:all .35s;transition:all .35s}
.wyllist li:hover,.zllist-img:hover{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
.zcmod5list li:hover{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
.zcmod1links a.z1 i{background-image:url(../images/yxwzjs_linksbg1.png);}
.zcmod1links a.z2 i{background-image:url(../images/yxwzjs_linksbg2.png);}
.zcmod1links a.z3 i{background-image:url(../images/yxwzjs_linksbg3.png);}
.zcmod1links a.z4 i{background-image:url(../images/yxwzjs_linksbg4.png);}
.zcmod1links a.z5 i{background-image:url(../images/yxwzjs_linksbg5.png);}
.j-box:hover,.zcmod1links a:hover i{-webkit-transform:translate3d(0,-10px,0) rotate(360deg);transform:translate3d(0,-10px,0) rotate(360deg)}


/*可靠盈利系统*/
.gbbox{padding:90px 0}
.gbcnt{}
.gbcnt h1{ font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold;color: rgba(0,0,0,0.08);}
.gbcnt h1 span{color: rgba(0,0,0,0.15);}
.gbcnt h5{ font-size: 56px; text-indent: 10px; color: #222; line-height: 1; text-align: center; letter-spacing: 6px;}
.gbcnt h5 span{ font-weight: bold;}
.gblist{ width: 100%; overflow: auto; margin-top: 50px;}
.gblist li{float:left;margin-bottom:40px;width:31.3%;margin-right:3%;border-radius:8px;background:#fff; padding: 20px; transition: all .3s ease;}
.gblist li:nth-child(3n){margin-right:0;}
.gblist li i{float:left;width:85px;background-position:center;background-repeat:no-repeat;height:85px; background-color:#3a3a3a; border-radius: 50%; overflow: hidden;  transition: all .3s ease;}
.gblist li:hover{background:#216ec1;}
.gblist li:hover i{ background-color:#216ec1; border:2px solid #fff;}

.gblist li.g1 i{background-image:url(../images/yxwzjs_gbbg1.png)}
.gblist li.g2 i{background-image:url(../images/yxwzjs_gbbg2.png)}
.gblist li.g3 i{background-image:url(../images/yxwzjs_gbbg3.png)}
.gblist li.g4 i{background-image:url(../images/yxwzjs_gbbg4.png)}
.gblist li.g5 i{background-image:url(../images/yxwzjs_gbbg5.png)}
.gblist li.g6 i{background-image:url(../images/yxwzjs_gbbg6.png)}
.gblist-cnt{ float: right; width: calc(100% - 100px);}
.gblist-cnt h5{line-height:30px;font-size:22px;color:#333;font-weight:bold;  transition: all .3s ease; margin-top: 8px;}
.gblist-cnt p{line-height:24px;font-size:14px;padding-top:14px;color:#777; height: 58px; overflow: hidden; transition: all .3s ease;}
.gblist li:hover .gblist-cnt h5{color:#fff;}
.gblist li:hover .gblist-cnt p{color:#fff;}


/*提升询盘转化率*/
.zl{ padding:90px 0;}
.zcmodtit{text-align:center;}

.zcmodtit h1{ font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold;color: rgba(255,255,255,0.1);}
.zcmodtit h1 span{color: rgba(255,255,255,0.18);}
.zcmodtit h5{ font-size: 56px; text-indent: 10px; color: #222; line-height: 1; text-align: center; letter-spacing: 6px;}
.zcmodtit h5 span{ font-weight: bold;}
.zcmodtit.col1 h5{color:#434e5a;text-align: center;}
.zcmodtit.col1 p{color:#909ca9;text-align: center;}
.zcmodtit.col2 h5{color:#fff; text-align: center;}
.zcmodtit.col2 p{color: rgba(255,255,255,0.5); text-align: center; margin-top: 25px; font-size: 20px;}
.zcmodtit strong{font-weight:700}

.zllist{margin-top:50px;}
.zllist li{float:left;color:#fff;width:31%;margin-right:3%}
.zllist li:last-child{margin-right:0;}
.zllist.spe li{width:22.7%;margin-right:3%}
.zllist li h5{font-size:22px;font-weight:bold;line-height:38px}
.zllist li p{height:100px; overflow: hidden;font-size:14px;line-height:24px; margin-top: 14px;}
/*
.zllist.spe li p{height:126px}
.zllist.spe li p em{color:#FDCF4E}
*/
.zllist-img{margin-left:-31px;width:398px;overflow:hidden;margin-top:-18px;height:298px;background-image:url(../images/yxwzjs_zlbg1.png)}
.spe.zllist .zllist-img{margin-left:-31px;width:348px;height:281px;overflow:hidden;margin-top:-18px;background-image:url(../images/yxwzjs_wc1.png)}
.spe.zllist .zllist-img-wrap{width:286px;height:160px;overflow:hidden;left:31px;position:relative;top:75px;border-radius:0 0 5px 5px}
.zllist-img-wrap{width:336px;height:209px;overflow:hidden;left:31px;position:relative;top:57px;border-radius:0 0 5px 5px}


/*seo*/
.wylspe2 i{display:block;margin:0 auto;width:91px;height:91px; background-color: #3a3a3a; transition: all .3s ease;}
.wyllist li:hover .wylspe2 i{background-color: #216ec1;}
.wylspe2.bl1 i{background-image:url(../images/yxwzjs_smo2.png)}
.wylspe2.bl2 i{background-image:url(../images/yxwzjs_smo3.png)}
.wylspe2.bl3 i{background-image:url(../images/yxwzjs_smo4.png)}
.wylspe2.bl4 i{background-image:url(../images/yxwzjs_smo5.png)}
.wylspe2 h5{padding-top:12px;line-height:40px;font-size:22px;color:#3a3a3a;font-weight:700; text-align: center;}
.wylspe2 p{line-height:29px;font-size:12px;color:#999; text-align: center;}

.wyllist li:hover .wylspe2 h5{color:#216ec1;}
.wyllist li:hover .wylspe2 p{color:#eaeaea; }

.wyllist{ margin-top: 50px;}
.wyllist-bg{}

.wyl{ padding:90px 0;}
.wyl-tit{ width:100%;}
.wyl-tit h1{ font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold;color: rgba(0,0,0,0.08);}
.wyl-tit h1 span{color: rgba(0,0,0,0.15);}
.wyl-tit h5{ font-size: 56px; text-indent: 10px; color: #222; line-height: 1; text-align: center; letter-spacing: 6px;}
.wyl-tit h5 span{ font-weight: bold;}

.wyllist{width:100%;}
.wyllist li{float:left; width: 25%;height: 172px; overflow: hidden;position: relative;}
.wyllist li:after{ display: block; content: ""; position: absolute; width: 1px; height: 100px; background: #f1f1f1; right:0; top: 50%; margin-top: -50px;}
.wyllist li.ppyx{ width: 25%; height: 132px; margin-right: 3%; }
.wyllist li.ppyx:after{ display: none;}
.wyllist li:nth-child(4n):after{ display: none; }
.wyllist li:nth-child(4n){margin-right:0; }
.wyllist li:first-child,.wyllist li:nth-child(4){margin-left: 0; }
.wyllist li.spe{width:790px;}




/*网站栏目结构*/
.w_function .w_icon_wrap li,.w_solutions .w_icon_wrap li{transition:all .25s}
.w_function .w_icon_wrap li:hover,.w_solutions .w_icon_wrap li:hover{transform:translate3d(0,-30px,0)}
.w_function{text-align:center; padding:90px 0; background: #f9f9f9 url(../images/yxwzjs_w_bg3.jpg) no-repeat center; overflow: hidden;}
.w_function .w_icon_wrap{padding:60px 0}
.w_function .w_icon_wrap li{width:122px;padding:0 70px;display:inline-block}
.w_function .w_icon_wrap li img{width:100%}
.w_function .w_web_wrap{position:relative;text-align:left;color:#fff}
.w_function .w_web_wrap.w_web_cloth{background:#273139}
.w_function .w_web_wrap h1{position:absolute;font-size:40px;line-height:65px;top:0;left:22px;margin-bottom:14px}
.w_function .w_web_wrap p{font-size:16px;letter-spacing:-.05em;position:absolute;line-height:24px;top:69px;left:22px;text-transform:uppercase;font-weight:lighter}
.w_function .w_web_wrap p span{font-weight:700}
/*.w_function .w_con{background:#fafafa url(../images/yxwzjs_w_bg3.jpg) no-repeat center;overflow:hidden}*/
/*.w_function .w_con .w_grid{float:right}*/
.w_function .w_web_wrap h1,.w_function .w_web_wrap p{z-index:1}

.w_function .w_web_wrap.spe2 h1{line-height:32px;padding-top:20px;margin-bottom:0;font-size:22px}
.w_function .w_web_wrap.spe2 p{top:58px;line-height:20px;font-size:12px}
.w_function .w_web_wrap.spe3{float:left;margin-right:17px;width:138px}
.w_function .w_web_wrap.spe3 .w_pics{height:168px;width:138px}
.w_function .w_web_wrap.spe3 .w_pics img{width:70%;height:auto}
.w_function .w_web_wrap.spe3 h1{top:30px;line-height:22px;font-size:18px}
.w_function .w_web_wrap.spe3 p{font-size:12px;top:82px;line-height:18px}


.w_pics{width:285px;overflow:hidden;height:211px;z-index:0;position:relative;background:#273139;border-radius:20px}
.w_web_wrap.spe .w_pics{height:165px}
.w_web_wrap.spe2 .w_pics{height:112px}
.w_pics img{position:absolute;z-index:0;height:50%;bottom:0;right:0}
.w_web_wrap.on .w_pics{background:#216ec1}


.w_grid{width:100%}
.sm li{float:left}
.sm li em{ width: 130px; height: 38px; font-size: 20px; color: #fff; line-height: 38px; float: left; font-weight: bold;}
.sm li em.bg1 {background: #222; border-radius: 30px; text-align: center;}
.sm li em.bg2{background: #222; border-radius: 30px; text-align: center;}
.sm li em.bg3{background: #222; border-radius: 30px; text-align: center;}
.sm li img{margin:0 10px;float:left}
.sm li i{color:#666;text-align:left;font-size:16px;float:left}

.sm1 li{height:215px;width:284px}
.sm2 li{height:215px;width:412px}
.sm3 li{height:215px;width:307px}
.sm4 li{height:170px;width:33.33%}


/*案例*/
.w_website_solutions{ padding:90px 0;}
.w_website_solutions .w_pic_wrap{overflow:hidden}
.w_website_solutions .w_pic_wrap li{position: relative; background-color: #fff; width: 25%; padding: 0 7px; float: left; margin-bottom: 16px; overflow: hidden;text-align: center;}
.w_website_solutions .w_pic_wrap li:last-child{margin-right:0}
.w_website_solutions .w_pic_wrap li a{transform:scale(.5);-webkit-transform:scale(.5);opacity:0;filter:Alpha(opacity=0);transition:all .25s;-webkit-transition:all .25s; width: calc(100% - 40px); height: calc(100% - 40px);background:#000;left:20px;top:10px;position:absolute;text-align:center;color:#fff;font-size:20px;line-height:34px; font-weight: bold; }
.w_website_solutions .w_pic_wrap li a p{ position: absolute; height: 68px; width: 100%; overflow: hidden; top: 50%; margin-top: -34px; text-align: center;}
.w_website_solutions .w_pic_wrap li a p i{display:inline-block;width:16px;height:16px;background:url(../images/yxwzjs_we.png) no-repeat top center;}
.w_pic_wrap{padding-top:30px;}
.w_solutions .w_con a:hover{background:#0095E2}
.w_website_solutions .w_pic_wrap li:hover a{transform:scale(1);-webkit-transform:scale(1);opacity:.8;filter:Alpha(opacity=80)}
.w_website_solutions .w_pic_wrap li img{width:100%;}

.w_case_box{display: block; width: calc(100% - 14px); margin: auto; overflow: hidden;}


/*提交需求*/
.commit{width:100%;overflow:hidden}
.commit{ padding: 90px 0; background:#000 url(../images/yxwzjs_tj_bg.jpg) no-repeat center}
.commit .fix_1{}
.commit .fix_1 h4{float:left}
.commit .fix_1 h4 font{display:block;font-size:40px;color:#fff;line-height:42px}
.commit .fix_1 h4 font span{font-weight: bold;}
.commit .fix_1 h4 p{display:block; font-size: 16px; color: rgba(255,255,255,0.5); margin-top: 16px;}
.commit .fix_1 input{float:right;width:260px;height:50px;margin:11px 25px 11px 0;border:none;border-radius:3px;background:#0af;font-size:16px;color:#fff}
.zzz{float:right;width:220px;height:45px;border:none;border-radius:3px;background:#0af;font-size:16px;color:#fff}
.commit .fix_2{margin-top: 50px;}
.commit .fix_2 .l_box{ width: 48%;}
.commit .fix_2 .l_box input{ width: 100%; border: 0; height: 56px; padding: 0 10px; line-height: 56px; background: #fff; font-size: 16px; color: #666; margin-bottom: 20px;}
.commit .fix_2 .l_box input.submit{text-align: center; background: #216ec1; color: #fff; font-size: 24px; cursor: pointer; font-weight: bold;}

.commit .fix_2 .l_box textarea{min-width: 100%; max-width: 100%; border: 0; min-height: 128px; max-height: 128px; padding: 0 10px; line-height: 56px; background: #fff; font-size: 16px; color: #666; margin-bottom: 20px;}


/*
.commit .fix_2 .insf_1 input{background-image:url(../images/insf_1.png)}
.commit .fix_2 .insf_2 input{background-image:url(../images/insf_2.png)}
.commit .fix_2 .insf_3 .insf_3-1 input{background-image:url(../images/insf_3.png)}
.commit .fix_2 .insf_3 .insf_3-2 input{background-image:url(../images/insf_4.png)}
.commit .fix_2 .insf_3-1{width:234px}
.commit .fix_2 .insf_3-2{width:314px;margin-left:12px}
.commit .fix_2 .insf_4{width:580px;height:100px;border-radius:3px}
.commit .fix_2 .insf_4 textarea{width:100%;height:100px;padding:12px 40px;border:none;background:transparent url(../images/insf_5.png) no-repeat 10px 10px;box-sizing:border-box;font-size:14px;color:#fff;line-height:20px}
.commit .fix_2 .insf_4 textarea::-webkit-input-placeholder{color:#fff}
.commit .fix_2 .insf_5{float:left;width:240px}
.commit .fix_2 .insf_5 input{background-image:url(../images/insf_6.png)}
*/
.commit .fix_2>span{float:left;width:97px;height:45px;margin-left:10px;border-radius:3px;background:#fff}
.spe.commit .fix_2 p{background:#525b66}


/*--------------------------------------网站建设-营销网站建设css结束------------------------------------------*/



/*--------------------------------------网站建设-品牌官网建设css开始------------------------------------------*/

/*金牌设计团队*/
.bb1{ padding: 90px 0;}
.bb1-wrap{width: 44%; position: relative;left: -15px; }
.bb1-cnt{padding-left:20%}
.bb1-cnt h3{font-size:56px;color:#222;padding-bottom:30px;border-bottom:1px solid #e8e8e8; letter-spacing: 6px;}
.bb1-cnt h3 span{font-weight:bold;}
.bb1-cnt h4{font-size: 36px; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8; color: #444; margin-top: 20px;}
.bb1-cnt h5{padding:30px 0;font-size:20px;line-height:30px;color:#333}
.bb1-cnt p{font-size:15px;line-height:28px;color:#888;}
.bb1-cnt p em{font-weight: bold;}


/*建设流程*/
.wylist-top{}
.wylist-top i{border-radius:50%;background:#3a3a3a;width:64px;height:64px;text-align:center;line-height:64px;color:#fff;font-size:30px;float:left}
.wylist-wrap{float:right; width: calc(100% - 85px);}
.wylist-wrap h4{line-height:33px;padding-top:7px;font-size:24px;color:#222;font-weight:700}
.wylist-wrap h5{line-height:21px;font-size:16px;color:#666}
.wylist-cnt{padding-top:17px}
.wylist-cnt span{text-align:center;margin:5px 0;color:#666;font-size:16px;width:97px;line-height:17px;border-right:1px solid #e8e8e8;float:left}

.wylspe{text-align:center}
.wylspe i{display:block;margin:0 auto;width:70px;height:65px;background-image:url(../images/ppgwjs_zes.png)}
.wylspe h5{padding-top:12px;line-height:40px;font-size:24px;color:#666;font-weight:700}
.wylspe p{line-height:29px;font-size:16px;color:#999}




/*--------------------------------------网站建设-品牌官网建设css结束------------------------------------------*/



/*--------------------------------------网站建设-标准定制官网css开始------------------------------------------*/

/*标准功能*/
.gx{height:957px}
.gxlist li{width: calc(50% - 41px);}
.gxlist{padding-top:31px}
.gxlist-cnt h5{line-height:38px;font-size:22px;color:#fff;font-weight:700}
.gxlist-cnt{padding:0 17px;height:210px}
.gxlist-cnt p{line-height:31px;font-size:16px;color:#fff; margin-top: 12px; height: 93px; overflow: hidden;}
.gxlist-cnt p em{font-weight: bold;}
.gx-img{width:561px;height:366px;overflow:hidden;border-radius:0 0 5px 5px;margin-left:-2px}

/*网站安全部署*/
.zcmod5box{position:relative}
.zcmod5b{position:absolute;width:280px;top:97px;color:#fff;text-align:center;left: 50%; margin-left: -140px;height:558px;border-radius:8px;background:#3a3a3a; transition: all .3s ease;}
.zcmod5b:hover{background:#216ec1}
.zcmod5b h5{padding-top:26px;line-height:86px;font-size:17px; text-align: center;}
.zcmod5b h2{font-size:49px;line-height:52px; text-align: center;}
.zcmod5b h3{font-weight:700;font-size:49px;line-height:52px; text-align: center;}
.zcmod5b h4{font-size:20px;line-height:45px; text-align: center;}
.zcmod5b p{font-size:17px;font-weight:700;padding-top:12px;height:78px;line-height:29px; text-align: center;}

.zcmod5list{padding:97px 0}
.zcmod5list li{border-radius:8px;background:#fff;height:274px;margin-bottom:10px;width: calc(50% - 160px);padding:47px}
.zcmod5list-top i{width:64px;float:left;height:64px;background-image:url(../images/bzdzgw_mod5_b1.png);background-color: #3a3a3a; border-radius: 50%; transition: all .3s ease;}
.zcmod5list li:hover .zcmod5list-top i{background-color: #216ec1;}
.zcmod5list-wrap{ width: calc(100% - 80px);float:right}
.zcmod5list-wrap h4{padding-top:6px;line-height:33px;font-size:24px;color:#222;font-weight:700;transition: all .3s ease;}
.zcmod5list li:hover .zcmod5list-wrap h4{color:#216ec1;}
.zcmod5list-wrap h5{line-height:18px;font-size:17px;color:#999;transition: all .3s ease;}
.zcmod5list p{line-height:27px;font-size:16px;padding-top:29px;color:#666}


/*后台一站式管理*/
.yzs{padding:90px 0}
.yzs-cnt{width:calc(100% - 742px);height:409px;}
.yzs-wrap{color:#222;padding:10px 34px 0 34px}
.yzs-wrap h3{line-height:54px;font-size:56px;}
.yzs-wrap h3 span{font-weight:bold}
.yzs-wrap h4{line-height:42px;font-size:30px}
.yzs-wrap h5{padding:40px 0;border-bottom:1px solid #e4e4e4;line-height:40px;font-size:30px}
.yzs-wrap p{padding-top:40px;line-height:26px;font-size:15px}
.yzs-wrap p em{font-weight: bold;}




/*--------------------------------------网站建设-标准定制官网css结束------------------------------------------*/



.web_qb_box{ width:100%;  background:#2f2f2f url(../images/web_img8.jpg) no-repeat center bottom;  padding: 50px 0;}
.web_qb_box h3{ font-size: 44px; color: #fff; text-align: center; letter-spacing: 6px; font-weight: normal;}
.web_qb_box h3 span{ font-weight: bold; border: 2px solid #fff; padding: 0 20px; border-radius: 100px; margin: 0 10px;}

a.web_qb_more{ display: block; margin: auto; background: #fff; color: #3a3a3a; width: 200px; text-align: center; height: 40px; line-height: 40px; font-size: 22px; border-radius: 50px; margin-top: 30px; transition: all .3s ease;}
a.web_qb_more:hover{ background: #216ec1; color: #fff; }




/*--------------------------------------网站建设-快速建站css开始--------------------------*/
h4.ksjz_font01{font-size: 24px!important; line-height: 38px!important; }
/*--------------------------------------网站建设-快速建站css结束--------------------------*/


/*----------------------------------------网站建设css--------------------------------------*/

.da_tit{height: auto; margin-bottom: 30px; overflow: auto;}
.da_tit i{ font-size: 45px; display: block; width: 80px; height: 80px; line-height: 80px; background: #3a3a3a; border-radius: 50%; color: #fff; text-align: center;}
.da_tit h3{  font-size: 56px; color: #222; line-height: 1; letter-spacing: 6px;   margin:10px 20px 0 20px;}
.da_tit h3 span{ font-weight: bold;}

.xiao_tit { position: relative; height: 30px; margin-bottom: 50px; background: url(../images/yingxiao/xiao_titi_xian.png) repeat-x;}
.xiao_tit h4 { font-size: 30px; color: #111111; line-height: 1; text-align: center; background: #fff; padding: 0 20px; z-index: 99; margin: auto; display: block;}

.yingxiao_js{width:calc(100% - 610px); float: left;}

.ys_txt{ font-size: 20px; color: #999; margin-top: 40px;}

p.ksjz_txt_js{font-size: 24px; color: #666; text-indent: 2em; margin-bottom: 20px; line-height:38px;}

.wzjs_case_logo{ padding:30px 0;width:calc(100% - 100px); }
.wzjs_case_logo ul{ overflow:hidden;}
.wzjs_case_logo ul li{ float:left; width:22.7%; background: #fff;  border:#e8e8e8 1px solid; margin-right:3%; position:relative; padding:8px 14px;}
.wzjs_case_logo ul li:last-child{ margin-right:0;}
.wzjs_case_logo ul li img{ width:100%;}
.wzjs_case_logo ul li span{ position:absolute; left:0; bottom:-34px; width:100%; height:0; color:#fff; text-align:center;  background:rgba(0,0,0,0.8);  transition: all .3s ease;}
.wzjs_case_logo ul li:hover span{ bottom: 0; height: 34px; line-height: 34px;}

.yingxiao_pic{ width:562px;}
.yingxiao_pic img{ width:100%;}


.pinpai_js{width:calc(100% - 680px); float: right;}

.pinpai_pic{ width:632px;}
.pinpai_pic img{ width:100%;}


.bg_fafafa{ width:100%; background: #fafafa;}
.bg_3a3a3a{ width:100%; background: #3a3a3a;}


a.wzjs_jt{display: block; width: 60px; height: 36px; background: #3a3a3a; text-align: center; color: #fff; font-size: 30px; border-radius: 50% 50% 0 0; left: 50%; margin-left: -30px; bottom: 0;}


.dingzhi_js{width:calc(100% - 600px); float: left;}
.dingzhi_pic{ width:577px; margin-top: -60px;}
.dingzhi_pic img{ width:100%;}


i.dingzhi_icon,a.dingzhi_bg{ background: #fff!important; color: #3a3a3a;}

.kuaisu_js{width:calc(100% - 630px); float: right;}
.kuaisu_pic{ width:573px; margin-top: -60px; }
.kuaisu_pic img{ width:100%;}


.shangcheng_js{width:calc(100% - 700px); float: left;}
.shangcheng_pic{ width:630px; }
.shangcheng_pic img{ width:100%;}



/*----------------------------------------------------------------电商行业门户------------------------------------------------------*/
.dshymh_fl h3{font-size: 20px; height: 30px; line-height: 30px; font-weight: bold; color: #fff; margin: 20px 0; float: left;}
.dshymh_fl ul{ width: calc(100% - 120px); float: right; margin: 20px 0;}
.dshymh_fl ul li{ width: 16%; height: 30px; line-height: 30px; text-align: center; float: left; color: #fff;}

.dshymh_da_tit{ margin-bottom: 50px;}
.dshymh_da_tit h1{font-size: 40px; text-transform: uppercase; margin-bottom: 5px; text-align: center; font-weight: bold; color: rgba(0,0,0,0.08);}
.dshymh_da_tit h1 span{ color: rgba(0,0,0,0.15);}
.dshymh_da_tit h3{  font-size: 56px; color: #222; text-align: center; line-height: 1; letter-spacing: 6px;}
.dshymh_da_tit h3 span{ font-weight: bold;}

h1.color_bai{ color:rgba(255,255,255,0.1)!important;}
span.color_bai{ color:rgba(255,255,255,0.18)!important;}


p.dshymh_js{font-size: 20px; color: #666; text-indent: 2em; margin-bottom: 20px; line-height:36px;}

ul.dshymh_con01_box{text-align: center; margin-bottom: 50px; overflow: auto;}
ul.dshymh_con01_box li{  display: inline-block; text-align: center;}
ul.dshymh_con01_box li:nth-child(1){ width:30%; }
ul.dshymh_con01_box li:nth-child(2){ width:25%; }
ul.dshymh_con01_box li:nth-child(3){ width:20%; }
ul.dshymh_con01_box li:nth-child(4){ width:15%; }


.dshymh_txt_box{ text-align: center;}
.dshymh_txt_box h4{font-weight: bold; font-size: 22px; text-align: center; margin-bottom: 30px; background: #3a3a3a; color: #fff; border-radius: 40px; display: inline-block; padding: 4px 20px;}


.dshymh_con02_img{ width: 599px; float: left; }
.dshymh_con02_img img{ width:100%; }
.dshymh_con02_box{ width: calc(100% - 680px); float: right; border: 4px solid #eaeaea; padding: 50px; margin-top: 40px;}
.dshymh_con02_box h4 { font-size: 34px; font-weight: bold; color: #3a3a3a; margin-bottom: 30px; }
.dshymh_con02_box p { font-size: 24px; line-height: 38px; margin-bottom: 40px; color: #666; }

.dshymh_con02_box ul{ width:auto; overflow: auto; margin-bottom: 50px;}
.dshymh_con02_box ul li{float: left;color: #fff; padding: 16px 20px; font-size: 16px;}
.dshymh_con02_box ul li:nth-child(1){ background: #3a3a3a; }
.dshymh_con02_box ul li:nth-child(2){ background: #545454; }
.dshymh_con02_box ul li:nth-child(3){ background: #676767; }
.dshymh_con02_box ul li:nth-child(4){ background: #848484; }
.dshymh_con02_box ul li:nth-child(5){ background: #929292; }
.dshymh_con02_box ul li:nth-child(6){ background: #a2a2a2; }

a.more_xian{display: block; width: 150px; height: 40px; border: 1px solid #3a3a3a; text-align: center; line-height: 40px; border-radius: 40px; color: #3a3a3a; font-size: 18px; transition: all .3s ease;}
a.more_xian i{font-size: 20px;}
a:hover.more_xian{border: 1px solid #216ec1; background: #216ec1; color: #fff; }
a:hover.more_xian i{ margin-left: 2px;}

p.tit_js{ text-align: center; color: #999; font-size: 20px; margin-top: 26px; line-height: 32px;}


.dshymh_con03_box{ width:100%; overflow: auto;}
.dshymh_con03_box li{ width:25%; float: left; padding: 30px;}
.dshymh_con03_box li i{ color: #3a3a3a;font-size: 50px; width: 120px; height: 120px; line-height: 116px; text-align: center; border-radius: 50%; background: #fff; border: 2px solid #fff; display: block; margin: auto; transition: all .3s ease;}
.dshymh_con03_box li dl{margin-top: 30px; }
.dshymh_con03_box li dl dt{ color: #fff;text-align: center; font-size: 24px; font-weight: bold;}
.dshymh_con03_box li dl dd{ color: #C1C1C1;text-align: center; font-size: 16px; line-height: 26px; margin-top: 14px;}

.dshymh_con03_box li:hover i{ color: #fff;font-size: 40px; background: #216ec1; border: 2px solid #216ec1; }


.dshymh_con04_img{ width: 477px; float: right; }
.dshymh_con04_img img{ width:100%; }
.dshymh_con04_box{ width: calc(100% - 550px); float: left; border: 4px solid #eaeaea; padding: 50px; }
.dshymh_con04_box h4 { font-size: 34px; font-weight: bold; color: #3a3a3a; margin-bottom: 30px; }
.dshymh_con04_box p { font-size: 24px; line-height: 38px; margin-bottom: 40px; color: #666; }

.dshymh_con04_box ul{ width:auto; overflow: auto; margin-bottom: 50px;}
.dshymh_con04_box ul li{float: left;color: #fff; padding: 16px 20px; font-size: 16px;}
.dshymh_con04_box ul li:nth-child(7){ background: #3a3a3a; }
.dshymh_con04_box ul li:nth-child(6){ background: #545454; }
.dshymh_con04_box ul li:nth-child(5){ background: #676767; }
.dshymh_con04_box ul li:nth-child(4){ background: #848484; }
.dshymh_con04_box ul li:nth-child(3){ background: #929292; }
.dshymh_con04_box ul li:nth-child(2){ background: #a2a2a2; }
.dshymh_con04_box ul li:nth-child(1){ background: #c3c3c3; }

ul.dshymh_con04_box2{ width: 100%;text-align: center; margin-bottom: 40px; margin-top: 40px;}
ul.dshymh_con04_box2 li{ width: 100px; height: 100px; display: inline-block; background: #3a3a3a; border-radius: 50%; text-align: center; line-height: 100px; font-size: 18px; color: #fff; font-weight: bold; transition: all .3s ease;}
ul.dshymh_con04_box2 li:hover{ background: #216ec1; }


.dshymh_con05_lc{ width:100%; position: relative; height: 60px; border: 2px solid #ccc; margin-top: 80px; margin-bottom: 150px; border-radius: 60px; }
.dshymh_con05_lc li{ width: calc(14.4% - 2px); float: left; text-align: center; height: 58px; line-height: 58px; border-right: 2px solid #ccc; color: #3a3a3a; font-weight: bold; font-size: 18px;}
.dshymh_con05_lc li:nth-child(7),.dshymh_con05_lc li:nth-child(3),.dshymh_con05_lc li:nth-child(4){  border-right: 0;}
.dshymh_con05_lc .con05_dd{ width: 160px; float: none; position: absolute; top: 50%; margin-top: -80px; left: 50%; margin-left: -80px; height: 160px; text-align: center; background: #3a3a3a; border-radius: 50%; color: #fff; font-size: 26px; font-weight: bold;}
.dshymh_con05_lc .con05_dd i{ display: block; text-align: center; font-size: 60px; font-weight: normal; margin-top: 30px;}


.m_t90{ margin-top:90px;}


.dshymh_con05_ps{ width:100%; overflow: hidden; border-radius: 10px; margin-top: 30px; }
.dshymh_con05_ps li{ float: left; margin-left: 1px; padding: 30px 0;}
.dshymh_con05_ps li:last-child{margin-left: 0; }
.dshymh_con05_ps li:nth-child(1){ width:calc(15.5% - 1px); background: #3a3a3a;}
.dshymh_con05_ps li:nth-child(2){ width:calc(15.2% - 1px); background: #3a3a3a;}
.dshymh_con05_ps li:nth-child(3){ width:calc(12.9% - 1px); background: #3a3a3a;}
.dshymh_con05_ps li:nth-child(4){ width:calc(10.3% - 1px); background: #999999;}
.dshymh_con05_ps li:nth-child(5){ width:calc(9.5% - 1px); background: #999999;}
.dshymh_con05_ps li:nth-child(6){ width:calc(9.2% - 1px); background: #bcbcbc;}
.dshymh_con05_ps li:nth-child(7){ width:calc(8.0% - 1px); background: #bcbcbc;}
.dshymh_con05_ps li:nth-child(8){ width:calc(7.7% - 1px); background: #bcbcbc;}
.dshymh_con05_ps li:nth-child(9){ width:11.7%; background: #999999;}

.dshymh_con05_ps li em{ text-align: center; color: #fff; display: block; font-size: 12px; margin-bottom: 16px;}
.dshymh_con05_ps li em span{font-size: 40px; font-weight: bold;}
.dshymh_con05_ps li p{ text-align: center; color: #fff; letter-spacing: 6px; font-size: 18px;}


.dshymh_con05_gl{ width:100%; overflow: auto;}
.dshymh_con05_gl li{ width:25%; float: left;}
.dshymh_con05_gl li i{ width:100px; height: 100px; line-height: 100px; text-align: center; background: #3a3a3a;  color: #fff; font-size: 50px; display: block; margin: auto; margin-bottom: 30px; border-radius: 10px; transition: all .3s ease;}
.dshymh_con05_gl li h4{ text-align: center; font-size: 24px; font-weight: bold; color: #3a3a3a; transition: all .3s ease;}
.dshymh_con05_gl li p{ text-align: center; font-size: 16px; color: #888; margin-top: 14px; line-height: 24px;}

.dshymh_con05_gl li:hover i{background: #216ec1;  color: #fff; font-size: 40px; }
.dshymh_con05_gl li:hover h4{ color: #216ec1;}



.dshymh_case{overflow:hidden}
.dshymh_case li{position: relative; background-color: #fff; width: 25%; padding: 0 7px; float: left; margin-bottom: 16px; overflow: hidden;}
.dshymh_case li:last-child{margin-right:0}
.dshymh_case li a{transform:scale(.5);-webkit-transform:scale(.5);opacity:0;filter:Alpha(opacity=0);transition:all .25s;-webkit-transition:all .25s; width: calc(100% - 40px); height: calc(100% - 40px);background:#000;left:20px;top:20px;position:absolute;text-align:center;color:#fff;font-size:20px;line-height:34px; font-weight: bold; }
.dshymh_case li a p{ position: absolute; height: 68px; width: 100%; overflow: hidden; top: 50%; margin-top: -34px; text-align: center;}
.dshymh_case li a p i{display:inline-block;width:16px;height:16px;background:url(../images/yxwzjs_we.png) no-repeat top center;}
.dshymh_case{padding-top:50px;}
.dshymh_case li:hover a{transform:scale(1);-webkit-transform:scale(1);opacity:.8;filter:Alpha(opacity=80)}
.dshymh_case li img{width:100%;}




@media screen and (min-width: 1000px) {
	.wap_banner{display: none;}
	
}


@media screen and (max-width: 1280px) {
	/*首页tit*/
	.section-header h3 { font-size: 46px; letter-spacing: 2px;}
	
	/*您需要的*/
	.bussiness-body .item .service .content p {font-size: 14px;}
	
	/*赢在起跑线*/
	.bussiness02 { height: 760px;}
	
	/*爱恩特十年，与君同行*/
	.case-body li:hover .content .case-body-on { width: 88%; padding: 18px 18px 18px 72px; background: #fff url(../images/index_case_jia.png) no-repeat 22px 20px; }
	
	/*联系方式*/
	.contact .contact-way ul li{ width: 24.5%; margin: 0 0.3%; height: 256px; }
	
	/*提升询盘转换率*/
	.spe.zllist .zllist-img{margin-left:-31px;width:280px;height:210px;overflow:hidden;margin-top:-18px; background-size: 100%;}
	.spe.zllist .zllist-img-wrap{width:231px;height:130px;overflow:hidden;left:25px;position:relative;top:60px;border-radius:0 0 5px 5px}
	.spe.zllist .zllist-img-wrap img{width:100%;}
	
	.wylspe2 h5{ font-size:20px;}
	
	
	.bb1-wrap { width: 60%;}
	.bb1-cnt { padding-left: 4%; }
	
	
	.yzs-cnt { width: calc(100% - 520px); height: auto; }
	.yzs-wrap { padding: 0; }
	.yzs-wrap h3 { line-height: 40px; font-size: 40px; }
	.yzs-wrap h5 { padding: 20px 0; line-height: 30px; font-size: 22px; }
	.yzs-wrap p { padding-top: 20px; line-height: 26px; font-size: 15px; }
	.yzs-img{ width:500px;}
	.yzs-img img{ width:100%;}
	.wyllist li.ppyx { width: 25.7%; margin-right: 1%; }
	
	
	
	.yingxiao_js { width: calc(100% - 480px);}
	p.ksjz_txt_js { font-size: 20px; line-height: 30px; }
	.yingxiao_pic { width: 450px; }
	
	.wzjs_case_logo { padding: 10px 0; width: 100%; }
	.ys_txt { margin-top: 20px; }
	
	
	.pinpai_pic { width:480px; }
	.pinpai_js { width: calc(100% - 500px);}
	
	.dingzhi_js{ width: calc(100% - 420px);}
	.dingzhi_pic { width: 380px; }
	
	.kuaisu_js{ width: calc(100% - 450px);}
	.kuaisu_pic { width: 420px; margin-top: -30px}
	
	
	.shangcheng_js { width: calc(100% - 500px);}
	.shangcheng_pic { width: 480px; }
	
	
	.dshymh_con02_img { width: 300px;}
	.dshymh_con02_box { width: calc(100% - 320px); padding: 20px; margin-top: 0;}
	.dshymh_con02_box h4 { font-size: 26px; margin-bottom: 10px; }
	.dshymh_con02_box p { font-size: 18px; line-height: 26px; margin-bottom: 20px;}
	.dshymh_con02_box ul {  margin-bottom: 20px; }
	.dshymh_con02_box ul li { float: left; color: #fff; padding: 10px; font-size: 14px; }
	a.more_xian { width: 120px; height: 30px; line-height: 28px; font-size: 14px; }
	a.more_xian i { font-size: 16px; }
	
	.dshymh_con04_img { width: 340px;}
	.dshymh_con04_box { width: calc(100% - 380px); padding: 20px; }
	.dshymh_con04_box h4 { font-size: 26px; margin-bottom: 10px; }
	.dshymh_con04_box p { font-size: 18px; line-height: 26px; margin-bottom: 20px;}
	.dshymh_con04_box ul {  margin-bottom: 20px; }
	.dshymh_con04_box ul li { float: left; color: #fff; padding: 10px; font-size: 14px; }
	
	ul.dshymh_con04_box2 { margin-top: 0; margin-bottom: 20px;}
	ul.dshymh_con04_box2 li { width: 80px; height: 80px; line-height: 80px; font-size: 16px; }
	
	


}


@media screen and (max-width: 1000px) {
	.banner{display: none;}
	
	.section { margin-top: 50px; }
	
	/*tit*/
	.section-header { margin-bottom: 20px; }
	.section-header h3 { font-size: 24px; line-height: 32px; letter-spacing: 0; padding: 0 2%; }
	.section-header em.index_tit_en { margin-bottom: 5px; }
	.index_tit_en img{ height:20px;}
	
	
	
	/*您需要的*/
	.bussiness-body { border-right: 1px solid #e8e8e8;  border-bottom: 1px solid #e8e8e8; }
	.bussiness-body .item{width: 50%; }
	.bussiness-body .item:last-child{width:100%; }
	.bussiness-body .item .service{ height:auto;border-bottom: 0; padding: 10px 0; }
	.bussiness-body .item .service .info { padding:10px 10px 0 10px; max-height: 50px; overflow: hidden; font-size: 12px; background:none;  }
	.bussiness-body .item.on { width: 50%; }
	.bussiness-body .item:last-child.on { width: 100%; }
	.bussiness-body .item.on .service { width: 100%; }
	.bussiness-body .item .service .content{ height:auto; padding-top:0;}
	.bussiness-body .item .service .content h4 { font-size: 16px; }
	.bussiness-body .item .service .content i { font-size: 60px; margin-bottom: 5px; }
	.bussiness-body .item .price { display: none; }
	.bussiness-body .item5 .service { border-width: 1px 0px 1px 1px; }
	.bussiness-body .item .service .content p { display: none; }
	
	/*赢在起跑线*/
	.bussiness02 { height: auto; padding-top: 50px; }
	ul.bussiness02-con { padding-bottom: 50px; }
	ul.bussiness02-con li { width: 50%; padding: 20px 0 0 5%; }
	ul.bussiness02-con li a i.bussiness02-tit-icon { width: 82px; height: 69px; line-height: 69px; font-size: 40px; background-size: 100%; }
	ul.bussiness02-con li a h4 { height: 20px; font-size: 16px; margin-top: 10px; }
	ul.bussiness02-con li a p { height: 40px; font-size: 13px; line-height: 20px; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
	ul.bussiness02-con li a .bussiness02-xiao-icon { margin-top: 10px; width: 104px; }
	ul.bussiness02-con li a .bussiness02-xiao-icon i { width: 33.33%; font-size: 20px;}
	ul.bussiness02-con li a span,ul.bussiness02-con li:hover a span{ display:none;}
	ul.bussiness02-con li:after { display: none;}
	ul.bussiness02-con li:nth-child(2n):after ,ul.bussiness02-con li:last-child:after {display: none; padding-right: 0;}
	
	ul.bussiness02-con li:hover { padding-top: 20px; padding-bottom: 0; }
	ul.bussiness02-con li:hover a i.bussiness02-tit-icon { width: 82px; height: 69px; line-height: 69px; font-size: 40px; background-size: 100%; }
	
	
	/*优势*/
	.bussiness03{background:#383838 url(../images/index_bussiness03_bg_wap.jpg) no-repeat center; height: auto; padding: 50px 0;}
	ul.bussiness03-con li { width: 100%;}
	ul.bussiness03-con li .bussiness03-con_icon i { width: 40px; height: 40px; line-height: 40px; font-size: 30px; }
	ul.bussiness03-con li dl { width: calc(100% - 55px);}
	ul.bussiness03-con li dl dt { font-size: 18px; margin-top: 10px; }
	ul.bussiness03-con li dl dd { line-height: 21px; margin-top: 5px; }
	ul.bussiness03-con li:hover a { padding: 10px; }
	ul.bussiness03-con li { padding: 10px 0; margin: 0;}
	
	
	/*案例*/
	.case-logo-body{width:96%; min-width:96%;}
	.case-body li { width: 50%; padding: 0 3px; margin-bottom: 10px; }
	.case-body li .content a{ display:block;}
	.case-body li .content dl {height: 40px;line-height: 40px;}
	.case-body li .content dl dt { font-size: 16px; }
	.case-body li .content dl dd { display: none; }
	.case-body li:hover .content .case-body-on{background-image: none; width: 88%; padding: 10px;}
	.case-body li:hover .content .case-body-on h4 { font-size: 14px;}
	.case-body li:hover .content .case-body-on span{ display: none;}
	
	.case-more a { width: 150px; height: 30px; line-height: 30px; margin-top: 10px; font-size: 16px; }
	.section-header h4 { font-size: 20px; width: 200px; margin-left: -100px; }
	
	
	/*客户logo*/
	.section-header-xian { height: 20px; }
	.case-logo-body li { width: 30%;}
	.case-logo-body li:last-child {display: none!important;}
	.case-logo-body li:first-child,.case-logo-body li:nth-child(3n){ margin-left: 0; }
	.case-logo-body li:nth-child(6n) { margin-left: 2%; }
	.case-logo-body li:nth-last-child(5){ margin-bottom:22px;}
	
	
	/*新闻*/
	.news { padding: 50px 0; }
	.news-header .news-type { margin-top:0; width: 100%; }
	.news-header .news-type ul { text-align: center; margin-top: 10px;}
	.news-header h3 { float: none; }
	.news-header .news-type li { height: 30px; padding: 0 10px; line-height: 28px; margin-left: 5px; font-size: 14px; float: none; display: inline-block; }
	.news-body .news-l {width: 100%;}
	.news-body .news-r{display:none;}
	
	
	.news-body .news-l li .date { width: 60px; margin-right: 10px; }
	.news-body .news-l li .date .day {font-size: 20px;margin-top: 3px;}
	.news-body .news-l li .content h4 { margin-top: 0; font-size: 18px; }
	.news-body .news-l li .content p { line-height: 20px; margin-top: 6px; height: 42px; font-size: 13px; }
	.news-body .news-l li .content { padding-bottom: 10px; }
	
	/*报价*/
	.bottom-bj{ display: none;}
	
	
	/*联系*/
	.contact{padding:50px 0; height: auto;}
	.contact .contact-way { height: auto; }
	.contact .contact-way ul li { width: 48%; margin: 3px 1%; height: 156px; padding:10px 6px; }
	.contact .contact-way ul li:first-child{margin-left: 1%;}
	.contact .contact-way ul li:last-child{margin-right: 1%;}
	.contact .contact-way ul li i { font-size: 50px;}
	.contact .contact-way ul li h4 { font-size: 18px; margin-top: 6px; }
	
	
/*	-----------------------------------------营销网站建设----------------------------------------*/
/*	banner*/
	.ihbannertit h5 { margin-bottom: 20px; font-size: 30px; letter-spacing: 0; }
	.ihbannertit h5 span {display: block;text-align: center;font-size: 42px;}
	.ihbannertit p { font-size: 18px; line-height:30px; }
	.ihbannerlinks a { height: 32px; line-height: 32px; font-size: 12px; width: 94px; margin: 0 1px; }
	.ihbannerimg1,.ihbannerimg3 { display: none; }
	.ihbannerimg2 {margin:0;}
	.ihbannerlinks { margin: 20px 0 60px 0; height: 32px; overflow: hidden;
   padding: 0;}
	
/*	大盒子*/
	.zcmod1,.gbbox,.zl,.wyl,.commit,.bb1,.zcmod5,.yzs{ padding: 50px 0; }
	.zcmod1links { padding-top: 30px; width: 96%; min-width: 96%; margin: 0 auto; }
	.layout { width: 96%; min-width: 96%; margin: 0 auto; }
	
/*	tit*/
	.w_title h2,.gbcnt h5,.zcmodtit h5,.wyl-tit h5 { font-size: 24px; letter-spacing: 0; }
	.w_title h1,.gbcnt h1,.zcmodtit h1,.wyl-tit h1 { font-size: 20px;}

	
/*	内容*/
	.zcmod1links a { width: 33.33%; line-height: 20px; font-size: 14px; font-weight: normal; margin-bottom: 24px; }
	.zcmod1links a:nth-last-child(1),.zcmod1links a:nth-last-child(2) {margin-bottom: 0; }
	.zcmod1links i { width: 80px; height: 80px; margin: 0 auto; margin-bottom: 10px; background-size: 40%; }
	
	.gblist{ margin-top: 30px;}
	.gblist li { margin-bottom: 20px; width: 100%; margin-right: 0; padding: 10px; }
	.gblist-cnt h5 { line-height: 26px; font-size: 16px; }
	.gblist-cnt p { line-height: 18px; padding-top: 10px;}
	.gblist li:last-child{ margin-bottom: 0;}
	
	.zllist{ margin-top:0;}
	.zllist.spe li { width: 100%; margin-right: 0; margin-top: 30px; }
	.zllist li h5 { font-size: 18px; line-height: 28px; }
	.zllist li p { height: auto; line-height: 22px; margin-top: 0; }
	
	.spe.zllist .zllist-img { margin-left: 0; margin-top: 0; }
	
	.wyllist{margin-top:30px;}
	
	.wyllist li { width: 50%; height: 120px; }
	.wylspe2 i { height: 70px; }
	.wylspe2 h5 { padding-top: 0; font-size: 14px; }
	.wylspe2 p{ display:none;}
	.wyllist li:nth-child(2n):after{ display:none;}
	
	.w_website_solutions .w_pic_wrap li {width: 50%;}
	
	.w_website_solutions { padding: 50px 0; }
	
	
	.commit .fix_1 h4 font { font-size: 24px; line-height: 30px; }
	.commit .fix_2 .l_box { width: 100%; }
	.commit .fix_2 .l_box input { width: 100%; height: 42px; line-height: 42px; margin-bottom: 10px; }
	
	
	.bb1-wrap { width: 100%; left: 0; }
	.bb1-cnt { padding-left: 0; }
	.bb1-cnt h3 { font-size: 24px; padding-bottom: 14px; letter-spacing: 0; }
	.bb1-cnt h5 { padding: 14px 0; font-size: 16px; line-height: 24px; }
	.bb1-cnt p { font-size: 14px; line-height: 24px; }
	
	.zllist li { float:none; width: 100%; margin-right: 0; margin-top: 30px; }
	.zllist-img { margin-left: 0; margin-top: 10px; width: 280px; height: 210px; background-size: 100%; }
	.zllist-img-wrap { width: 236px; height: 146px; left: 22px; top: 39px; }
	.zllist-img-wrap img{ width:100%;}
	
	.zcmodtit.col2 p { margin-top: 20px; font-size: 16px; }
	
	
	.wyllist li.ppyx {width: 100%;margin-right: 0;}
	.wylist-wrap h4 { font-size: 18px; }
	.wylist-wrap h5 { font-size: 14px; }

	
	.web_qb_box h3 { font-size: 26px; letter-spacing: 0; line-height: 50px; }
	.web_qb_box h3 span { display: inline-block; line-height: 37px; }
	
	.web_qb_box { margin-bottom:0; padding: 30px 0; }
	a.web_qb_more { margin-top: 20px; }
	
	.bzdzwz_bb1,.ksjz_bb1 { background: #f4f4f4!important; }
	.bb1-cnt h4 { font-size: 26px; padding-bottom: 14px; margin-top: 10px; }
	
	.gx { height: auto; background: #2e2e2e!important; padding:50px 0;}
	.zcmodtit{ padding-top:0!important;}
	
	.gxlist li { width: 100%; margin-top: 30px; }
	.gxlist-cnt { padding:0; height: auto; }
	
	.gxlist-cnt h5 { line-height: 20px; font-size: 20px;}
	.gxlist-cnt p { height: auto; line-height: 22px; font-size: 14px; margin-top: 12px; margin-bottom: 18px; }
	.gx-img { width: 280px!important; height: auto!important; margin-left: 0!important; float: none!important; }
	.gx-img img { width:100%; }
	
	.gxlist{ padding-top:0;}
	
	
	.zcmod5b { position: relative; width: 100%; top: 0; text-align: right; left: 0; margin-left: 0;padding: 10px; height: 143px; }
	.zcmod5b h5,.zcmod5b h4 { display: none; }
	.zcmod5b h2 { font-size: 20px; line-height: 40px; text-align: left; }
	.zcmod5b h3 { font-size: 32px; line-height: 40px; text-align: left; }
	.zcmod5b p { font-size: 13px; height: auto; font-weight: normal;text-align: left; }
	.zcmod5b img { width: 150px; position: absolute; top: 12px; right: 9px;}
	
	.zcmod5list { padding: 0; }
	.zcmod5list li { background: #fafafa; height: auto; margin-bottom: 0; margin-top: 20px; width: 100%; padding: 16px; }
	.zcmod5list-top i { width: 50px; height: 50px; background-size: 100%; }
	.zcmod5list-wrap { width: calc(100% - 60px);}
	.zcmod5list p { line-height: 22px; font-size: 14px; padding-top: 10px; color: #666; }
	.zcmod5list-wrap h4 { padding-top: 0; font-size: 18px; }
	.zcmod5list-wrap h5 { font-size: 12px; }
	.zcmod5list p { line-height: 22px; font-size: 14px; padding-top: 10px; }
	
	
	.yzs-cnt { width: 100%; height: auto; }
	.yzs-wrap { padding: 0; margin-bottom: 20px;}
	.yzs-wrap h3 { line-height: 26px; font-size: 26px; }
	.yzs-wrap h5 { padding: 10px 0; line-height: 26px; font-size: 18px; }
	.yzs-wrap p { padding-top: 10px; line-height: 24px; font-size: 14px; }
	
	.yzs-img,.yzs-img img{ width:100%;}
	
	
	
	h4.ksjz_font01{font-size: 18px!important; line-height: 27px!important; }
	h5.ksjz_font02{font-size: 15px!important; line-height: 20px!important;}
	
	
	
	.dshymh_da_tit { margin-bottom: 30px; }
	.dshymh_da_tit h3 { font-size: 24px; letter-spacing: 0; }
	.dshymh_da_tit h1 { font-size: 20px;}
	
	.dshymh_xiao_tit { margin-bottom: 20px;}
	.dshymh_xiao_tit h4 { font-size: 22px;}
	
	
	.da_tit i { font-size: 18px; width: 34px; height: 34px; line-height: 34px; }
	.da_tit h3 { font-size: 22px; letter-spacing: 0; margin-left:6px; margin-top: 6px; }
	
	.yingxiao_js,.pinpai_js,.dingzhi_js,.kuaisu_js,.shangcheng_js{ width: 100%; }
	.da_tit { margin-bottom: 10px;}
	p.ksjz_txt_js { font-size: 14px; line-height: 22px; }
	
	
	.yingxiao_pic,.pinpai_pic,.dingzhi_pic,.kuaisu_pic ,.shangcheng_pic { width: 100%; margin-top: 20px;}
	.kuaisu_pic img { margin-top: 30px; }
	
	.wzjs_case_logo ul li { width: 23.5%; margin-right: 2%; padding:4px; }
	
	.dshymh_fl h3 { font-size: 14px; margin: 10px 0;}
	.dshymh_fl ul { width: calc(100% - 70px);  overflow: hidden; height: 30px; font-size:14px; margin: 10px 0; }
	.dshymh_fl ul li { width: 25%;}
	
	
	ul.dshymh_con01_box li img{ width:100%;}
	ul.dshymh_con01_box li:nth-child(3) img{ width:50%;}
	ul.dshymh_con01_box { margin-bottom: 30px;}
	
	.dshymh_txt_box h4 { font-size: 16px; margin-bottom: 10px; padding: 10px 14px; }
	p.dshymh_js { font-size: 14px; margin-bottom: 0; line-height: 22px; }
	
	.dshymh_con02_img { width: 100%; }
	.dshymh_con02_box { width: 100%; padding:10px; margin-top: 20px; }
	
	.dshymh_con02_box h4 { font-size: 20px;}
	.dshymh_con02_box p { font-size: 16px; line-height: 22px;}
	
	.dshymh_con02_box ul li { padding: 6px; font-size: 14px; }
	
	p.tit_js { font-size: 16px; margin-top: 16px; line-height: 22px; }
	.dshymh_con03_box li { width: 50%; padding: 10px; }
	
	.dshymh_con03_box li i { font-size: 40px; width: 80px; height: 80px; line-height: 76px; }
	.dshymh_con03_box li dl { margin-top: 10px; }
	.dshymh_con03_box li dl dt { font-size: 18px;}
	.dshymh_con03_box li dl dd { font-size: 14px; line-height: 20px; margin-top: 4px; }
	
	.dshymh_con04_box { width: 100%; padding:10px; }
	.dshymh_con04_box h4 { font-size: 20px;}
	.dshymh_con04_box p { font-size: 16px; line-height: 22px;}
	
	.dshymh_con04_img { width: 100%; margin-top: 20px; }
	
	.dshymh_con05_ps{ border-radius: 0;}
	.dshymh_con05_ps li { float: left; margin-bottom: 4px; border-radius: 0 10px 10px 0;}
	.dshymh_con05_ps li:nth-child(1) { width: calc(85.5% - 1px); }
	.dshymh_con05_ps li:nth-child(2){ width:calc(85.2% - 1px);}
	.dshymh_con05_ps li:nth-child(3){ width:calc(82.9% - 1px);}
	.dshymh_con05_ps li:nth-child(4){ width:calc(80.3% - 1px);}
	.dshymh_con05_ps li:nth-child(5){ width:calc(79.5% - 1px);}
	.dshymh_con05_ps li:nth-child(6){ width:calc(79.2% - 1px);}
	.dshymh_con05_ps li:nth-child(7){ width:calc(78.0% - 1px);}
	.dshymh_con05_ps li:nth-child(8){ width:calc(77.7% - 1px);}
	.dshymh_con05_ps li:nth-child(9){ width:81.7%;}
	
	.dshymh_con05_ps li { padding:5px 10px; }
	.dshymh_con05_ps li em { font-size: 12px; margin-bottom: 0; float: left; margin-left: 20px;}
	.dshymh_con05_ps li em span { font-size: 22px;}
	.dshymh_con05_ps li p { letter-spacing: 0; margin-left: 20px; line-height: 30px; float: left; font-size: 14px;}

	.m_t90 { margin-top: 50px; }
	
	.dshymh_con05_gl li { width: 50%; margin-bottom: 20px;}
	
	.dshymh_con05_gl li i { width: 60px; height: 60px; line-height: 60px; font-size: 30px; margin-bottom: 10px; }
	.dshymh_con05_gl li h4 { font-size: 18px;}
	.dshymh_con05_gl li p { font-size: 14px; margin-top: 4px; line-height: 20px; }
	
	.xiao_tit h4 { font-size: 24px;}
	.xiao_tit { margin-bottom: 10px;}
	
	.dshymh_con05_lc { width: 100%; height: auto; margin-top: 0px; margin-bottom: 50px; overflow: auto;}
	.dshymh_con05_lc li { width: calc(33.33% - 2px);}
	.dshymh_con05_lc li:nth-child(4){ display: none;}
	
	.dshymh_con05_lc .con05_dd { width: 100%; float: none; position: absolute; top: 58px; margin-top: 0; left: 0; margin-left: 0; height: 58px; border-radius: 0;line-height: 58px; }
	.dshymh_con05_lc li:nth-child(5),.dshymh_con05_lc li:nth-child(6),.dshymh_con05_lc li:nth-child(7){ margin-top: 58px;}
	.dshymh_con05_lc .con05_dd i { display: inline-block; font-size: 30px; margin-right: 10px; margin-top: 0; }
	
	
	.dshymh_case li{ width: 50%;}
	
	
	.koubei-bg {
    background: url(../images/index_koubei_bg_wap.jpg) no-repeat center;
    padding-top: 50px;
}
	.koubei-con{ display:none;}
	.koubei-con-wap{ display:block;}
	
}