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

body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,form,img,select{margin:0; padding:0;}
body{ color: #222;  font-size:14px; font-family: "微软雅黑","Microsoft YaHei"; background:#FFF;}
a{text-decoration:none; color:#222; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
a:hover{color:#000;}
img,ul,li,em{border:none; list-style:none; font-style:normal;}
input,form,textarea{font-family:"微软雅黑","Microsoft YaHei";}
.fl{float: left;}
.fr{float: right;}
.clear,.clearfix{clear: both;}
.blank10{height:10px;}
.blank15{height:15px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}
.main{width: 1505px;margin: 0 auto;}
.main100{width:90%; margin:auto; width: 100%;max-width: 1505px;}
.w1200{margin: 0 auto; width: 100%;max-width: 1505px;}
.clearfix{*zoom:1;} /* 针对IE7 hack，触发IE7的haslayout，以清除浮动 */
.clearfix:before, .clearfix:after{display: block; font-size: 0; content: "."; clear: both; height: 0; visibility: hidden;}

/*图片放大*/
.picShow img:hover,.picShow a:hover img{transition:all 300ms ease-out 0s; 
  cursor:pointer;
  -webkit-transform:scale(1.1);
  moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
.picShow img{transition:all 300ms ease-out 0s; }




/*焦点图文本*/
.swiper-slide .swiper_txt{width:100%;position:absolute; left:0; top:35%; color:#fff; z-index:999; }
.swiper-slide .swiper_txt h5{font-size:42px; margin-bottom:20px;font-weight:normal;}
.swiper-slide .swiper_txt p{font-size:32px; line-height:180%;}
.swiper-slide .swiper_txt p span{font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}


@keyframes downico {0% {top: 0;opacity: 1;}35% {top: 50%;opacity: 0;}65% {top: -50%;opacity: 0;}100% {top: 0;opacity: 1;}}
.down-ico{opacity: 1;filter: alpha(opacity=100);transform: translateY(0);transition: 0.3s ease 0.6s; }
.down-ico{display: block;width: 43px;height: 43px; margin:56px auto 0px auto; border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.4);cursor: pointer;overflow: hidden;}
.down-ico i{display: block;width: 100%;height: 100%;background: url(../images/ico_04.png) no-repeat center;animation: downico 1.5s ease-out infinite;position: relative;}

.index_sp{ position:absolute; left:0; top:0; width:100%;}
.index_sp_gray{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/index_sp_gray.png) rgba(0,0,0,0.0); z-index:99;}


/*-查看详情-*/
.up-graybox{width: 100%;height: 100%; position: absolute;left: 0; top: 0; background:#000; opacity: 0; filter: alpha(opacity=0); transition: all 0.4s ease 0s;}
.up-graybox:hover{background:#000; opacity: 0.6; filter: alpha(opacity=60); transition: all 0.4s ease 0s;}
.up-graybox .stitle {font-size: 14px;line-height: 30px; width: 100%; text-align: center; position: absolute; left: 0; top: 50%; margin-top: -15px;color: #fff;}
.up-graybox .line {display: inline-block; width: 100px;height: 1px;background-color: #f2f2f2; position: absolute; left: 50%;margin-left: -50px; transition: all 0.6s ease 0s;}
.up-graybox .linet { top: 0;}
.up-graybox .lineb { bottom: 0;}
.up-graybox:hover .line { width: 6px; margin-left: -3px; opacity: 0.6;filter: alpha(opacity=60);}


/*标题*/
.web_title{padding:45px 0 35px 0;width: 100%;max-width: 1505px;margin: 0 auto;}
.web_title h3{text-align:center; font-size:36px; color:#222; margin-bottom:20px;}
/*.page2_title h6:after{ content:''; width:20px; height:2px; display:block; background:#035CAC; margin:10px auto 0 auto;}*/
.web_title p{text-align:center; font-size:14px; color:#333; line-height:24px; margin:auto;padding: 0 20px;}



.page_box{width: 100%;max-width: 1505px; margin:auto;}

.bot_form{ background:#035CAC; width: 100%;}
.bot_form .page_box{max-width: 1505px;width: 100%;margin: 0 auto;}
.page_box>img{max-width: 100%;}
.bot_form_left{float:left; line-height:120px; font-size:28px; color:#fff; width:20%; text-align:center;}
.bot_form_mid{float:left; padding-top:45px; font-size:18px; color:#fff; width:50%; text-align:center;}
.bot_form_mid span{ margin-left:10px; }
.bot_form_mid input[type='text']{width:22%; height:36px; line-height:36px; border:solid 1px rgba(255,255,255,0.6); border-radius:3px; background:none; color:#FFF; padding:0 5px; font-size:16px;}
.bot_form_mid input[type='submit']{width:19%; height:39px;  border:0; background:rgba(255,255,255,0.3); font-family:"微软雅黑"; font-size:16px; color:#fff; border-radius:3px; cursor:pointer;}
.bot_form_right{ float:right;line-height:120px; font-size:28px; color:#fff;width:30%; text-align:center;}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: rgba(255,255,255,0.5);
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: rgba(255,255,255,0.5);
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:rgba(255,255,255,0.5);
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:rgba(255,255,255,0.5);
}

.page_more{ text-align:center;}
.page_more a{height: 40px; border: 1px solid #ccc; padding:10px 25px; color: #333; line-height: 40px; text-align: center; font-size: 14px; transition: all .2s; margin:auto;}
.page_more a:hover{ background: #035CAC; color: #fff; border-color: #035CAC; opacity: .9; }



/*网站建设*/
.web_service{ margin-top:20px;}
.web_service ul{padding: 0 2%;}
.web_service li:first-child{ border-left: 1px solid #ddd;}
.web_service li{padding: 55px 2.5% 35px 2.5%;width: 25%;
height: 420px;float: left;position: relative;cursor: pointer;box-sizing: border-box;border: 1px solid #ddd;border-left: none;
	transition: all 0.3s;-webkit-transition: all 0.3s; background:#fff;margin-bottom: 15px;
	}
.web_service li:hover{ background:#035CAC; color:#fff;}	

.web_service .web_ico1{background:url(../images/web_ico1.png) no-repeat top right;}
.web_service li:hover .web_ico1{background:url(../images/web_ico01.png) no-repeat top right;}
.web_service .web_ico2{background:url(../images/web_ico2.png) no-repeat top right;}
.web_service li:hover .web_ico2{background:url(../images/web_ico02.png) no-repeat top right;}
.web_service .web_ico3{background:url(../images/web_ico3.png) no-repeat top right;}
.web_service li:hover .web_ico3{background:url(../images/web_ico03.png) no-repeat top right;}
.web_service .web_ico4{background:url(../images/web_ico4.png) no-repeat top right;}
.web_service li:hover .web_ico4{background:url(../images/web_ico04.png) no-repeat top right;}

.web_service li .title{font-size: 24px;margin-bottom:60px;}
.web_service li .title span {margin-top: 15px;display: block;color:#888; font-size:12px; font-weight:normal; text-transform:uppercase;}
.web_service li:hover span{color:rgba(255,255,255,0.6);}

.web_service li .txt{ line-height:1.8; position:relative; padding-top:25px;}
.web_service li .txt:before {width: 100px;height: 4px;position: absolute;left: 0;top: 0;background: #035CAC;content: "";transition: all 0.3s;-webkit-transition: all 0.3s; margin-bottom:25px;}
.web_service li .txt:after {width: 0;height: 4px;position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;background: #fff;content: "";transition: all 0.3s;-webkit-transition: all 0.3s;}
.web_service li:hover .txt:after {width: 100px;opacity: 1;visibility: visible;}

/*解决方案*/

.solution{ height: 600px; background: #151515; width: 100%; overflow: hidden; }
.solution-slide{position: relative;}

.solution-slide .hd{ width: 270px; position: absolute; z-index: 2; background: #000000; height: 600px; left: 0; top: 0; color: #fff;}
.solution-slide .hd ul{ margin-top: 75px; }
.solution-slide .hd li{ height: 90px; padding-top: 20px; box-sizing:border-box; position: relative; cursor: default; transition: all .5s;cursor:pointer}
.solution-slide .hd li:after{ content: ""; width: 80%; border-bottom: 1px solid #2A2A2A; position: absolute; left: 10%; bottom: 0; }
.solution-slide .hd li i{ margin-left: 20px; margin-right: 10px; float: left; background: url(../images/fa_icon.png) no-repeat; width: 40px; height: 40px; position: relative; z-index: 2; transition: all .2s;}
.solution-slide .hd li.item-1 i{ background-position: 0 0; }
.solution-slide .hd li.item-2 i{ background-position: -40px 0; }
.solution-slide .hd li.item-3 i{ background-position: -80px 0; }
.solution-slide .hd li.item-4 i{ background-position: -120px 0; }
.solution-slide .hd li.item-5 i{ background-position: -160px 0; }
.solution-slide .hd li.item-6 i{ background-position: -200px 0; }
.solution-slide .hd li.item-1.on i{ background-position: 0 -40px; }
.solution-slide .hd li.item-2.on i{ background-position: -40px -40px; }
.solution-slide .hd li.item-3.on i{ background-position: -80px -40px; }
.solution-slide .hd li.item-4.on i{ background-position: -120px -40px; }
.solution-slide .hd li.item-5.on i{ background-position: -160px -40px; }
.solution-slide .hd li.item-6.on i{ background-position: -200px -40px; }
.solution-slide .hd li:before{background: #035CAC; /* Old browsers */ background: -moz-linear-gradient(left,  #035CAC 0%, #f05251 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left,  #035CAC 0%,#f05251 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right,  #035CAC 0%,#f05251 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#035CAC', endColorstr='#f05251',GradientType=1 ); /* IE6-9 */ content: ""; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1;  width: 0; transition: all .2s;}
.solution-slide .hd li.on:before{ width: 100%; }
.solution-slide .hd li.on:after{ display: none; }
.solution-slide .hd .text{ position: relative; z-index: 2; }
.solution-slide .hd .text h3{ font-size: 16px; margin-bottom: 5px; font-weight:normal;}
.solution-slide .hd .text p{ font-size: 13px; color: #fff; color: rgba(255,255,255,.7); }

.solution-slide .bd{ /* margin-left: -320px; */ }
.solution-slide .bd li.item-1{ background: url(../images/fa_img01.jpg) no-repeat center top; }
.solution-slide .bd li.item-2{ background: url(../images/fa_img02.jpg) no-repeat center top; }
.solution-slide .bd li.item-3{ background: url(../images/fa_img03.jpg) no-repeat center top; }
.solution-slide .bd li.item-4{ background: url(../images/fa_img04.jpg) no-repeat center top; }
.solution-slide .bd li.item-5{ background: url(../images/fa_img05.jpg) no-repeat center top; }
.solution-slide .bd li.item-6{ background: url(../images/fa_img06.jpg) no-repeat center top; }

.solution-slide .container{max-width:1505px; margin:auto; height: 600px; position: relative; }
.solution-slide .bd .inner{ padding-left: 300px; padding-top: 73px; color: #fff; }
.solution-slide .bd h2{ font-size: 36px; margin-bottom: 38px; font-weight:normal;}
.solution-slide .bd .intro{ font-size: 14px; margin-bottom: 40px;}
.solution-slide .bd .intro dt{ margin-bottom: 15px;font-size:18px; }
.solution-slide .bd .intro dd{ color: #aaa; margin-bottom: 40px; line-height: 1.8;}

.solution-slide .bd .btn-wrap{ overflow: hidden; margin-bottom: 40px;}
.solution-slide .bd .btn-wrap a{ width: 130px; height: 40px; border: 1px solid #fff; color: #fff; line-height: 40px; text-align: center; font-size: 14px; float: left; margin-right: 15px; transition: all .2s;}
.solution-slide .bd .btn-wrap a.btn-2{ background:rgba(255,255,255,0.5); color: #000; }
.solution-slide .bd .btn-wrap a:hover{ background: #035CAC; color: #fff; border-color: #035CAC; opacity: .9; }
.solution-slide .bd .btn-wrap a.btn-2:hover{ background: #035CAC; color: #fff; border-color: #035CAC; opacity: .9; }


/*
.solution-slide .bd .example h3{ margin-bottom: 15px; }
.solution-slide .bd .example li{ float: left; margin-right: 20px; }
*/

/*web 我们可以做得更好*/
.web_ys{ max-width:1505px;margin: 0 auto;}
.web_ys li{position: relative;float: left;width: 25%; height:500px;overflow: hidden;}
.web_ys li img{position: relative;left: 50%;margin-left: -335px;max-width:initial;}
.web_ys li .bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(3,92,172,.66);opacity: 0; filter: alpha(opacity=0); transition: all 0.5s;}
.web_ys li .box{position: absolute;width: 100%; top: 200px; bottom: 0; left: 0;text-align: center; color: #fff;transition: all 0.5s;}
.web_ys li .box .ico{margin: 0 auto;width: 60px;height: 60px;background-position: center;background-repeat: no-repeat;background-size: 100% 100%;transition: all 0.5s;}
.web_ys li .box .ico1{background-image: url(../images/ico11.png);}
.web_ys li .box .ico2{background-image: url(../images/ico12.png);}
.web_ys li .box .ico3{background-image: url(../images/ico13.png);}
.web_ys li .box .ico4{background-image: url(../images/ico14.png);}
.web_ys li .box .ico5{background-image: url(../images/ico15.png);}
.web_ys li .box h3{margin-top: 30px;margin-bottom: 20px;font-size: 20px;font-weight: bold;line-height: 1.5;}
.web_ys li .box p{width: 70%;margin:0 auto;padding-top: 20px;font-size: 14px;line-height: 24px;opacity: 0;filter: alpha(opacity=0);transition: all 0.5s;}
.web_ys li:hover .bg{opacity: 1;filter: alpha(opacity=100);}
.web_ys li:hover .box p{padding-top: 0;opacity: 1;filter: alpha(opacity=100);}
.web_ys li:hover .box{top: 132px;}
.web_ys li:hover .box .ico1{background-image: url(../images/ico11_11.png);}
.web_ys li:hover .box .ico2{background-image: url(../images/ico12_12.png);}
.web_ys li:hover .box .ico3{background-image: url(../images/ico13_13.png);}
.web_ys li:hover .box .ico4{background-image: url(../images/ico14_14.png);}
.web_ys li:hover .box .ico5{background-image: url(../images/ico15_15.png);}

.web_ys .web_ys02{padding: 0 10px;display: none;}
.web_ys .swiper-pagination{width: -moz-calc(100% - 20px);width: -webkit-calc(100% - 20px);width: calc(100% - 20px);}
.web_ys .swiper-pagination span{width: 30px;height: 5px;border-radius: 0;margin: 0 5px;}
.web_ys .swiper-slide{height: 500px;}
.web_ys .swiper-slide:nth-child(1){background: url(../images/img2.jpg) no-repeat center;background-size: cover;}
.web_ys .swiper-slide:nth-child(2){background: url(../images/img3.jpg) no-repeat center;background-size: cover;}
.web_ys .swiper-slide:nth-child(3){background: url(../images/img6.jpg) no-repeat center;background-size: cover;}
.web_ys .swiper-slide:nth-child(4){background: url(../images/img1.jpg) no-repeat center;background-size: cover;}
.web_ys .swiper-slide:nth-child(5){background: url(../images/img2.jpg) no-repeat center;background-size: cover;}
.web_ys .swiper-slide:nth-child(6){background: url(../images/img3.jpg) no-repeat center;background-size: cover;}
.web_ys .swiper-slide:nth-child(7){background: url(../images/img6.jpg) no-repeat center;background-size: cover;}
.web_ys .swiper-slide:nth-child(8){background: url(../images/img1.jpg) no-repeat center;background-size: cover;}
.web_ys .swiper-slide .bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(3,92,172,.66);opacity: 0; filter: alpha(opacity=0); transition: all 0.5s;}
.web_ys .swiper-slide .box{position: absolute;width: 100%; top: 200px; bottom: 0; left: 0;text-align: center; color: #fff;transition: all 0.5s;}
.web_ys .swiper-slide .box .ico{margin: 0 auto;width: 60px;height: 60px;background-position: center;background-repeat: no-repeat;background-size: 100% 100%;transition: all 0.5s;}
.web_ys .swiper-slide .box .ico1{background-image: url(../images/ico11.png);}
.web_ys .swiper-slide .box .ico2{background-image: url(../images/ico12.png);}
.web_ys .swiper-slide .box .ico3{background-image: url(../images/ico13.png);}
.web_ys .swiper-slide .box .ico4{background-image: url(../images/ico14.png);}
.web_ys .swiper-slide .box .ico5{background-image: url(../images/ico15.png);}
.web_ys .swiper-slide .box h3{margin-top: 30px;margin-bottom: 20px;font-size: 20px;font-weight: bold;line-height: 1.5;}
.web_ys .swiper-slide .box p{width: 70%;margin:0 auto;padding-top: 20px;font-size: 14px;line-height: 24px;opacity: 0;filter: alpha(opacity=0);transition: all 0.5s;}
.web_ys .swiper-slide:hover .bg{opacity: 1;filter: alpha(opacity=100);}
.web_ys .swiper-slide:hover .box p{padding-top: 0;opacity: 1;filter: alpha(opacity=100);}
.web_ys .swiper-slide:hover .box{top: 100px;}
.web_ys .swiper-slide:hover .box .ico1{background-image: url(../images/ico11_11.png);}
.web_ys .swiper-slide:hover .box .ico2{background-image: url(../images/ico12_12.png);}
.web_ys .swiper-slide:hover .box .ico3{background-image: url(../images/ico13_13.png);}
.web_ys .swiper-slide:hover .box .ico4{background-image: url(../images/ico14_14.png);}
.web_ys .swiper-slide:hover .box .ico5{background-image: url(../images/ico15_15.png);}

/*流程*/
.web_lc{background: url(../images/testimonial-bg.jpg);width: 100%; background-size: cover;background-position: top; background-attachment: fixed; background-repeat: no-repeat;padding: 10px 0 80px 0;}
.lc_box{ margin-top:20px;}
.lc_box li{text-align:center; color:#FFF; font-size:16px; float:left; width:11.1%}
.lc_box li .lc_ico img{max-width: 40%;transition: all 0.5s;}
.lc_box li:hover .lc_ico img{ transform:rotateY(180deg);}
.lc_box li .lc_bian img{ width:100%;}

/*服务保障*/
.bz_box{}
.bz_box li{float:left; box-sizing:border-box; width:25%; text-align:center; border-right:solid 1px #ddd; margin:30px 0;}
.bz_box li:nth-child(4n){border-right:0;}
.bz_box li img{margin-bottom:15px;}
.bz_box li p{line-height:26px; color:#666; font-size:13px;}
.bz_box li p span{display:block; font-weight:bold; color:#222; font-size:15px;}

/*推荐案例*/
.web_case{}
.web_case ul{}
.web_case li{width:31.3%; margin:0px 1%; float:left;transition: 0.3s all;}
.web_case li:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);transition: 0.3s all;}
.web_case .case_img{width:100%; display:block; position:relative; }
.web_case .case_img img{width:100%; display:block;}

.web_case .case_txt{border:solid 1px #ddd; border-top:0; padding:20px 6% 15px;}
.web_case .case_txt1{font-size:16px; margin-bottom:10px;}
.web_case .case_txt2{font-size:12px; margin-bottom:15px; color:#888; line-height:20px;}



/*web_news*/
.web_news{}
.web_news ul{}
.web_news li{width:32.3%; height:200px; margin:10px 1.5% 10px 0; padding:25px 20px; box-sizing:border-box;float:left;border:solid 1px #ddd; 
/* background:url(../images/ico_02...png) no-repeat 20px 135px #fff; */
background: #fff;
transition: 0.5s all;}
.web_news li:nth-child(3n){ margin-right:0;}
.web_news li:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.web_news li h2{ font-size:16px; margin-bottom:15px;}
.web_news li p{line-height:24px; color:#666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	text-overflow: ellipsis;
}



@media (min-width:768px) and (max-width:1200px) {
	.web_service li{height: 500px;}
	.web_service li .title{padding-top: 80px;background-position-x: center;text-align: center;}
	.web_service li:hover .title{background-position-x: center;}
}


@media (min-width:415px) and (max-width:540px) {
	.web_service li{height: 500px;}
	.web_service li .title{padding-top: 80px;background-position-x: center;text-align: center;}
	.web_service li:hover .title{background-position-x: center;}
}


@media (max-width:768px) {
    .blank40{
        height: 30px;
    }
    .blank50{
        height: 30px;
    }
	.web_service li{width: calc(50% - 8px);width: -moz-calc(50% - 8px);width: -webkit-calc(50% - 8px);margin-right: 16px;border: 1px solid #ddd;}
	.web_service li:nth-child(2n){margin-right: 0;}
	.web_title h3{font-size: 24px;}
	.bz_box li{width: 50%;}
	.web_title p{padding: 0 10px;}
	.bz_box li p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;}
	.lc_box li{width: 20%;margin-top: 20px;}
	
	.solution{position: relative;height: auto;}
	.solution-slide{position: initial;}
	.solution-slide .hd{width: 100%;height: auto;top: 0;}
	.solution-slide .hd ul{margin-top: 0;}
	.solution-slide:after{display: block; font-size: 0; content: "."; clear: both; height: 0; visibility: hidden;}
	.solution-slide .hd li{width: 33.33%;float: left;}
	.solution-slide .hd li:nth-child(n+4){width: 50%;}
	.solution-slide .bd h2{font-size: 24px;}
	.solution-slide .bd .inner{padding-left: 0;}
	.solution-slide .bd{margin-top: 180px;width: 100% !important;}
	.solution-slide .bd li{width: 100% !important;padding: 0 4%;}
	.solution-slide .hd li i{margin: 0 6px;}
	.solution-slide .hd .text h3{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 40px;}
	.solution-slide .hd .text p{display: none;}
	
	.web_ys ul{display: none;}
	.web_ys .web_ys02{display: block;}
	
	.web_news li{width: 48%;margin: 20px 1% 0;}
	.web_news li:nth-child(3n){margin: 20px 1% 0;}
}

@media (max-width:520px) {
	.solution-slide .hd li{width: 50%;float: left;}
	.solution-slide .hd li:last-child{width: 100%;}
	.solution-slide .bd{margin-top: 270px;width: 100% !important;}
	.solution-slide .hd li i{margin: 0;}
	.solution-slide .hd .text h3{font-size: 14px;}
	.solution-slide .hd .text p{font-size: 12px;}
	.web_news li{width: 96%;margin: 15px 2% 0;display: none;}
	.web_news li:nth-child(3n){margin: 15px 2% 0;}
	.web_news li:nth-child(-n+3){display: block !important;}
	.web_news .web_news_btn{display: block;margin-top: 20px;}
	
	.web_case li{width: 100%;margin: 10px 0;padding:0 10px;}
	/* .solution-slide .hd .text h3,
	.solution-slide .hd .text p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} */
	
}

@media (max-width:414px) {
	.web_service li{width: 100%;height: auto;padding-top: 20px;padding-bottom: 20px;}
	.lc_box li .lc_bian p{font-size: 12px;}
}






/*小程序*/
.bg_hui{background:#f5f5f5; padding:15px 0 60px 0;  width: 100%;}


/*小程序唯一性 */
.weiyi{ background:url(../images/duang.png) no-repeat right top; padding:40px 0; }
.weiyi .weiyi_wen{float:left;}
.weiyi .weiyi_txt{ float:left;margin: 0 0px 0 30px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.weiyi .weiyi_txt h5 { color: #fff;font-size: 30px; font-weight:normal; margin-bottom:10px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.weiyi .weiyi_txt h5 strong { font-size: 50px;  margin-right: 20px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.weiyi .weiyi_txt p {color: #fff;font-size: 20px;}
.weiyi_kf{ float:right; margin:35px 100px 0 0px;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.weiyi_kf a{ width:180px; height:50px; line-height:50px; text-align:center; font-size:18px; color:#fff; box-sizing:border-box; border:solid 1px rgba(255, 255, 255, 0.8); display:block;}
.weiyi_kf a:hover{ background:#fff; border:solid 1px #fff; color:#00AD66;}



@-webkit-keyframes shake01 {
  from,
  to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }

  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }

  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}

/* 小程序开发优势 */
.advantage {
	margin-top: 20px;
  font-family: SourceHanSansCN;
}
.advantage ul {
}

.advantage li {
  float: left;
  width: 33.33%;
  text-align: center;
  box-sizing: border-box;
  padding: 10px 60px 0;
  height: 235px;
  margin-bottom: 20px;
}

.advantage li img {
  width: 75px;
  height: 75px;
}

.advantage li:hover img {
  -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
  -webkit-animation: shake01 0.5s;
  animation: shake01 0.5s;
}

.advantage li h3 {
  font-size: 20px;
  font-weight: 400;
  margin: 14px 0 12px;
}

.advantage li p {
  font-size: 16px;
  color: #646464;
  line-height: 30px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.advantage .content {
  position: relative;
}

.advantage .content i {
  display: inline-block;
  width: 1px;
  position: absolute;
  height: 100%;
  top: 0;
  overflow: hidden;
  box-sizing: border-box;
  border-left: 1px dashed #DCDCDC;
}

.advantage .content i.line_01 {
  left: 33.33%;
}

.advantage .content i.line_02 {
  left: 66.66%;
}

.advantage .content i.line_03 {
  width: 100%;
  height: 1px;
  border: 0;
  top: 50%;
  left: 0;
  border-top: 1px dashed #DCDCDC;
}


/*小程序方案*/
.xcx_yy li{width:23%; margin:10px 1%; height:260px;  border:solid 1px #e8e8e8; background:#FFF; box-sizing:border-box;text-align: center;float: left;cursor: pointer;transition: 0.3s all;}
.xcx_yy li:hover{box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);transition: 0.3s all;}

.xcx_yy .xcx_yy_ico{height:140px; line-height:140px;}
.xcx_yy .xcx_yy_ico img{ display:inline-block; vertical-align: middle;}
.xcx_yy li h3{font-size:20px;height:36px; color:#000; font-weight:normal;}
.xcx_yy li p{font-size: 14px;color: #666; line-height:22px; width:80%; margin:auto;}
.xcx_yy .xcx_yy_btn{text-align: center;margin-top: 30px;}
.xcx_yy .xcx_yy_btn span{
	display: inline-block;
    width: 142px;
    height: 42px;
    line-height: 42px;
    background: #00AD66;
    border-radius: 4px;
    font-size: 18px;
    color: #fff;
    text-align: center;
	cursor: pointer;
}


.h_btn{text-align: center;margin-top: 30px;display: none;}
.h_btn span{
	display: inline-block;
	width: 142px;
	height: 42px;
	line-height: 42px;
	background: #00AD66;
	border-radius: 4px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.h_btn a{
	display: inline-block;
	width: 142px;
	height: 42px;
	line-height: 42px;
	background: #00AD66;
	border-radius: 4px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}


/*小程序模板展示*/
#certify {position: relative;}

#certify .swiper-container {padding-bottom: 20px;}

#certify  .swiper-slide {width:302px;height:559px; padding-top:70px; box-sizing:border-box; background: url(../images/iphone.png) no-repeat; text-align:center;}
#certify  .swiper-slide img{display:inline-block; width:229px; height:407px;}

#certify .swiper-button-prev {left: 0px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover {background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next {right: 0px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;}
#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}





/*服务流程*/
.xcx_fwlc .steps{ width: 100%;max-width: 1505px; margin:auto;}

.xcx_fwlc .steps ul li{width: 16%; border-radius: 50%; text-align: center; color:#fff;float: left; margin: 0 2%; box-sizing: border-box; 
	font-size: 14px;line-height: 1.4;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.xcx_fwlc .steps ul li h4{font-size: 22px;font-weight:bold;padding-top: 30%; padding-bottom: 10px;}
.xcx_fwlc .steps ul li.step1{
    background: -webkit-linear-gradient(-40deg,#5ae6db,#64b4ef);
    background: -o-linear-gradient(-40deg,#5ae6db,#64b4ef); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-40deg,#5ae6db,#64b4ef); /* Firefox 3.6 - 15 */
    background: linear-gradient(-40deg,#5ae6db,#64b4ef); /* 标准的语法 */
}
.xcx_fwlc .steps ul li.step2{
    background: -webkit-linear-gradient(-40deg,#ffb97d,#ff7985);
    background: -o-linear-gradient(-40deg,#ffb97d,#ff7985); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-40deg,#ffb97d,#ff7985); /* Firefox 3.6 - 15 */
    background: linear-gradient(-40deg,#ffb97d,#ff7985); /* 标准的语法 */
}
.xcx_fwlc .steps ul li.step3{
    background: -webkit-linear-gradient(-40deg,#81eab2,#14c5ce);
    background: -o-linear-gradient(-40deg,#81eab2,#14c5ce); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-40deg,#81eab2,#14c5ce); /* Firefox 3.6 - 15 */
    background: linear-gradient(-40deg,#81eab2,#14c5ce); /* 标准的语法 */
}
.xcx_fwlc .steps ul li.step4{
    background: -webkit-linear-gradient(-40deg,#82c3fe,#9182f8);
    background: -o-linear-gradient(-40deg,#82c3fe,#9182f8); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-40deg,#82c3fe,#9182f8); /* Firefox 3.6 - 15 */
    background: linear-gradient(-40deg,#82c3fe,#9182f8); /* 标准的语法 */
}
.xcx_fwlc .steps ul li.step5{
    background: -webkit-linear-gradient(-40deg,#64b6ee,#5fcbe5);
    background: -o-linear-gradient(-40deg,#64b6ee,#5fcbe5); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(-40deg,#64b6ee,#5fcbe5); /* Firefox 3.6 - 15 */
    background: linear-gradient(-40deg,#64b6ee,#5fcbe5); /* 标准的语法 */
}



/*小程序常见问题*/
.xcx_wt{box-sizing: border-box;}
.xcx_wt li{width:25%; float:left; font-size:16px; line-height:26px;padding: 10px;box-sizing: border-box;}
.xcx_wt li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;}
.xcx_wt li a:hover{ text-decoration:underline;}

.xcx_wt_kf{ text-align:center;}
.xcx_wt_kf a{width:230px; height:50px; line-height:50px; border:solid 1px rgba(255,255,255,0.5); display:inline-block; color:#f3f3f3; font-size:18px;}
.xcx_wt_kf a:hover{background:rgba(255,255,255,0.3);}


@media (max-width:1200px) {
	.weiyi .weiyi_txt{float: none;margin-left: 10px;}
	.weiyi_kf{float: none;text-align: center;margin-right: 0;}
	.weiyi_kf a{display: inline-block;}
	
	.bot_form_left{display: none;}
	.bot_form_mid{width: 60%;}
	.bot_form_right{width: 40%;}
	
	.advantage li{padding: 10px 20px 0;}
	.advantage li p{font-size: 14px;line-height: 24px;}
	
}

@media (max-width:920px) {
	.weiyi .weiyi_wen{float: none;text-align: center;}
	.weiyi .weiyi_txt h5 strong{display: block;margin-bottom: 20px;margin-right: 0;}
	.weiyi .weiyi_txt h5{margin-bottom: 30px;}
	.weiyi .weiyi_txt{text-align: center;margin: 0 10px;}
	
	.xcx_wt li{width: 50%;}
	
	
	.bot_form_mid{width: 100%;float: none;}
	.bot_form_right{width: 100%;float: none;line-height: 2;margin: 10px 0;}
	
	.xcx_fwlc .steps ul li{width: 29.33%;}
	.xcx_fwlc .steps ul li:nth-child(4){margin-left: 16.66%;}
}

@media (max-width:768px) {
	.xcx_yy li{width: 48%;}
	
	.advantage li{width: 50%;}
	.advantage .content i.line_01{left: 50%;}
	.advantage .content i.line_02{left: 0;top: 66.66%;height: 1px;width: 100%;border-bottom: 1px dashed #DCDCDC;}
	.advantage .content i.line_03{top: 33.33%;}
}

@media (max-width:520px) {
	.weiyi .weiyi_txt h5 strong{font-size: 24px;}
	.weiyi .weiyi_txt h5{font-size: 20px;}
	.weiyi .weiyi_txt p{font-size: 14px;}
	
	.bot_form_mid span{display: block;margin: 10px;font-size: 12px;}
	.bot_form_mid input[type='text']{width: 80%;}
	.bot_form_mid input[type='submit']{width: 100%;}
	
	
	.xcx_fwlc .steps ul li{border-radius: 0;width: 96%;height: auto !important;padding: 30px 0;}
	.xcx_fwlc .steps ul li:nth-child(4){margin-left: 2%;}
	.xcx_fwlc .steps ul li h4{padding-top: 0px;}
	
}
@media (max-width:414px) {
	.h_btn{display: block;}
	.xcx_yy li{width: 98%;display: none;}
	.xcx_yy li:nth-child(-n+3){display: block !important;}
	
	.xcx_wt li{width: 100%;display: none;}
	.xcx_wt li:nth-child(-n+8){display: block;}
	
	.bot_form_right{font-size: 18px;}
	
	.advantage li p{font-size: 12px;}
}

/*网站优化*/
.seo_01{font-size:16px; line-height:40px; text-align:center;letter-spacing: 1px;}


.seo02{ width:100%; margin-top:50px; text-align:center;}
.seo02 li{float:left; width:16.66%;}
.seo02 .ico{ width:100%; height:150px; background:url(../images/seo_1.png) no-repeat center center; padding-right:12px; position:relative; z-index:1;
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
.seo02 .ico:hover{ background-image:url(../images/seo_1_h.png);}
.seo02 img{ height:96px; margin:auto;}
.seo02 .bian{ width:100%; height:1px; background:#ccc; margin-top:-12px;}
.seo02 .title{ width:100%;  margin-top:25px; font-size:18px;}
.seo02 p{ width:100%; margin-top:10px; color:#666; line-height:18px;}


/*优化效果*/
.seo_03{ }
.seo_03 li{width:49%;  margin-bottom:20px; border-radius:5px; background:#fff;}
.seo_03 li a{ display:block;  padding:4%; font-size:15px;}
.seo_03 li p{ font-size:18px; color:#000; font-weight:bold; padding-bottom:8px;}

/*网站优化解决方案*/
.seo_fa {height: 524px;background: #fff;overflow: hidden}
.seo_fa li {float: left;margin-bottom: 20px;position: relative;width: 16.6%;height: 252px;text-align: center;cursor: pointer}
.seo_fa a {display: block;width: 100%;height:100%;position: absolute;top: 0;left: 0;transition: all 2s cubic-bezier(0.4,0,0.2,1) 0s;border-radius: 5px;}

.seo_fa a .bg {position: relative;margin: 64px auto 30px;display: block;width: 80px;height: 80px;border-radius: 10px;overflow: hidden;transition: 0.3s all;}
.seo_fa a:hover .bg {margin: 10px auto 6px; background-color: transparent;background-repeat: no-repeat;background-position: 50%}
.seo_fa a .bg i {display: block;width: 80px;height: 80px;}

.seo_fa a .bg .ico_01 {background-image: url(../images/seo_fa1.png);}
.seo_fa a .bg .ico_02 {background-image: url(../images/seo_fa2.png);}
.seo_fa a .bg .ico_03 {background-image: url(../images/seo_fa3.png);}
.seo_fa a .bg .ico_04 {background-image: url(../images/seo_fa4.png);}
.seo_fa a .bg .ico_05 {background-image: url(../images/seo_fa5.png);}
.seo_fa a .bg .ico_06 {background-image: url(../images/seo_fa6.png);}
.seo_fa a .bg .ico_07 {background-image: url(../images/seo_fa7.png);}
.seo_fa a .bg .ico_08 {background-image: url(../images/seo_fa8.png);}
.seo_fa a .bg .ico_09 {background-image: url(../images/seo_fa9.png);}
.seo_fa a .bg .ico_10 {background-image: url(../images/seo_fa10.png);}
.seo_fa a .bg .ico_11 {background-image: url(../images/seo_fa11.png);}
.seo_fa a .bg .ico_12 {background-image: url(../images/seo_fa12.png);}

.seo_fa a h3 {font-size: 18px; font-weight:normal;}
.seo_fa a:hover h3 {color: #fff;font-weight: bold}
.seo_fa a p {font-size: 12px;color: #fff;margin-top: 12px;line-height: 20px;opacity: 0;}
.seo_fa a:hover p {opacity: 1;}
.seo_fa a .btn {display: block;width: 80px;height: 28px;line-height: 28px;border: 1px solid #fff;color: #fff;border-radius: 3px;font-size: 12px;margin: 15px auto 0; font-style:normal;}


.seo_fa .bg-1:hover,.seo_fa .bg-1 .bg,.bg-12:hover,.seo_fa .bg-12 .bg {
	background: -webkit-linear-gradient(#019bff,#9079ff);
	background: -o-linear-gradient(#019bff,#9079ff);
	background: -moz-linear-gradient(#019bff,#9079ff);
	background: linear-gradient(#019bff,#9079ff)
}

.seo_fa .bg-2:hover,.seo_fa .bg-2  .bg,.seo_fa .bg-11:hover,.seo_fa .bg-11  .bg {
	background: -webkit-linear-gradient(#fd985b,#fd4e5a);
	background: -o-linear-gradient(#fd985b,#fd4e5a);
	background: -moz-linear-gradient(#fd985b,#fd4e5a);
	background: linear-gradient(#fd985b,#fd4e5a)
}

.seo_fa .bg-3:hover,.seo_fa .bg-3  .bg,.seo_fa .bg-10:hover,.seo_fa .bg-10  .bg {
	background: -webkit-linear-gradient(#6986e7,#895ed9);
	background: -o-linear-gradient(#6986e7,#895ed9);
	background: -moz-linear-gradient(#6986e7,#895ed9);
	background: linear-gradient(#6986e7,#895ed9)
}

.seo_fa .bg-4:hover,.seo_fa .bg-4  .bg,.seo_fa .bg-8:hover,.seo_fa .bg-8  .bg {
	background: -webkit-linear-gradient(#ffb104,#ff8252);
	background: -o-linear-gradient(#ffb104,#ff8252);
	background: -moz-linear-gradient(#ffb104,#ff8252);
	background: linear-gradient(#ffb104,#ff8252)
}

.seo_fa .bg-5:hover,.seo_fa .bg-5  .bg,.seo_fa .bg-7:hover,.seo_fa .bg-7  .bg {
	background: -webkit-linear-gradient(#b34efe,#ff3d7f);
	background: -o-linear-gradient(#b34efe,#ff3d7f);
	background: -moz-linear-gradient(#b34efe,#ff3d7f);
	background: linear-gradient(#b34efe,#ff3d7f)
}

.seo_fa .bg-6:hover,.seo_fa .bg-6  .bg,.seo_fa .bg-9:hover,.seo_fa .bg-9  .bg {
	background: -webkit-linear-gradient(#99cc34,#5fcc55);
	background: -o-linear-gradient(#99cc34,#5fcc55);
	background: -moz-linear-gradient(#99cc34,#5fcc55);
	background: linear-gradient(#99cc34,#5fcc55)
}

.seo_fa a:hover .bg {
	background-image: none!important
}


/*定制营销官网*/
.seo_case{ text-align:center;}








/*位置导航*/
.sub_weizhi{ line-height:56px; height:56px; background:#fff; border-bottom:solid 1px #ececec; box-shadow: 0 1px 15px 0 rgba(0,0,0,0.1);min-width:1505px; margin:auto;}
.sub_weizhi .weizhi{background:url(../images/home_ico.png) no-repeat left center; padding-left:25px;  color:#666;}
.sub_nav{}
.sub_nav li{float:left; margin-right:25px; background:url(../images/case9.png) no-repeat right center; padding-right:25px;}
.sub_nav li a {display: block; position: relative;}
.sub_nav li a:before {width: 0;height: 2px;position: absolute;left: 50%;bottom: 0;z-index: 10;transform: translateX(-50%);-webkit-transform: translateX(-50%);background:#035CAC;
content: "";transition: all 0.3s;-webkit-transition: all 0.3s;}
.sub_nav li:hover > a:before {width: 100%;}
.sub_nav li.currclass a,.sub_nav li.currclass a:before{ color:#035CAC; font-weight:bold; width: 100%;}



.page_ban{ width:100%; max-width:1920px; position:relative;min-width:1505px; margin:auto; overflow:hidden;}
.page_ban img{width:100%; display:block;}

.page_ban img {
    -webkit-animation: banner_inside 5s ease 1 forwards;
       -moz-animation: banner_inside 5s ease 1 forwards;
         -o-animation: banner_inside 5s ease 1 forwards;
            animation: banner_inside 5s ease 1 forwards;
}
@-webkit-keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-moz-keyframes banner_inside {
    from {
        -moz-transform: scale(1.23);
             transform: scale(1.23);
    }
    to {
        -moz-transform: scale(1);
             transform: scale(1);
    }
}
@-o-keyframes banner_inside {
    from {
        -o-transform: scale(1.23);
           transform: scale(1.23);
    }
    to {
        -o-transform: scale(1);
           transform: scale(1);
    }
}
@keyframes banner_inside {
    from {
        -webkit-transform: scale(1.23);
           -moz-transform: scale(1.23);
             -o-transform: scale(1.23);
                transform: scale(1.23);
    }
    to {
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.page_ban .ban_box{position: absolute;left: 0;top:50%; margin-top:-70px; width:100%;}
.page_ban .ban_box h5{font-size:46px; color:#FFF; text-align:center; font-weight:normal; margin-bottom:15px;}
.page_ban .ban_box p{color:#FFF; text-align:center; font-size:14px;}

.comm_gray{background:rgba(0,0,0,.76); width:100%; height:100%; position:absolute; left:0; top:0; }
.case_gray{background:rgba(0,0,0,.36); width:100%; height:100%; position:absolute; left:0; top:0; }
.menu_gray{background:url(../images/menu_bg.png) repeat-x left top; width:100%; height:140px; position:absolute; left:0; top:0; z-index:9999;}


/*案例内容页*/
.page_ban .work_box{position: absolute;left: 0;top:50%; margin-top:-70px; width:100%; font-family:"黑体";}
.page_ban .work_box h2{font-size:39px; color:#FFF; font-weight:normal;}
.page_ban .work_box h2:after{content:"";display: block;width:25px;background:rgba(255,255,255,.5);height:2px; margin:15px 0 35px 0;}
.page_ban .work_box p{color:#FFF; font-size:16px;}

.page_ban .work_box a {display: inline-block; border: 1px solid #fff; width: 43px; height: 43px;border-radius: 50%; position: relative; overflow: hidden; transition: all 0.3s ease 0s; margin-top:60px;}
.page_ban .work_box a:hover { border: 1px solid #fff;background-color: #fff;}
.page_ban .work_box a i {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s; background: url(../images/ico_07.png) no-repeat center;}
.page_ban .work_box a:hover i {background: url(../images/ico_07_h.png) no-repeat center;}
.page_ban .work_box .bg {display: block;width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%;}
.page_ban .work_box a:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;}

.work_info1{width:40%; height:652px; background:#fff; padding:60px 5% 0 5%; font-family:"黑体"; box-sizing:border-box;}
.work_info1 h2{ font-size:28px; margin-bottom:25px;}
.work_info1 h5{ font-size:20px; font-weight:normal;}
.work_info1 h5:after{content:"";display: block;width:10px;background:#999;height:2px; margin:15px 0 25px 0;}
.work_info1 p{ line-height:26px; text-align:justify; color:#666; margin-bottom:40px;font-size: 14px; }

.work_info1 .link_box {margin-top:36px;}
.work_info1 .link_box a {display: inline-block; border: 1px solid #aaa; width: 43px; height: 43px;border-radius: 50%;float: left; margin-right: 24px; position: relative; overflow: hidden; transition: all 0.3s ease 0s;}
.work_info1 .link_box .link1 i { background: url(../images/ico_07_h.png) no-repeat center;}
.work_info1 .link_box .link2 i { background: url(../images/ico_06.png) no-repeat center;}
.work_info1 .link_box  i {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s;}
.work_info1 .link_box .bg {display: block;width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%;}

.work_info1 .link_box a:hover { border: 1px solid #035CAC;background-color: #035CAC;}
.work_info1 .link_box a:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #035CAC;}
.work_info1 .link_box a.link1:hover i {background: url(../images/ico_07.png) no-repeat center;}
.work_info1 .link_box a.link2:hover i {background: url(../images/ico_06_h.png) no-repeat center;}

.work_info2{width:60%; min-width:631px; height:652px; background:url(../images/case_show_bg.png) no-repeat center center #f2f2f2; font-family:"黑体"; box-sizing:border-box;}
.work_info2 .pic{width:590px; height:327px; overflow:hidden; margin:auto; margin-top:76px; position:relative;}
.work_info2 .pic img{width:100%; display:block;}





/*案例上一篇下一篇*/
.bot-paging {width:100%;max-width:1920px;padding:0 5px;box-sizing:border-box; position: fixed; z-index: 20;
  transition: all 0.3s ease 0s; height:46px; bottom: 360px;}
.bot-paging .link-info {
  display: block;
  width: 46px;
  height: 46px;

  overflow: hidden;
  transition: width 0.3s ease 0s;
}
.bot-paging .link-info .link-ico {
  display: block;
  width: 46px;
  height: 46px;
  position: relative;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 50%;transition: all 0.3s ease 0s;
}
.bot-paging .link-info .link-ico:hover,.bot-paging .retun-list .chunk-box:hover{background-color: #035CAC;transition: all 0.3s ease 0s;}
.bot-paging .link-info i {
  display: block;
  width: 100%;
  height: 100%;
}
.bot-paging .prev i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/ico_23.png) no-repeat center;
}
.bot-paging .next i {
  display: block;
  width: 100%;
  height: 100%;
  background: url(../images/ico_24.png) no-repeat center;
}

.bot-paging .retun-list {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  transition: all 0.3s ease 0s;
  overflow: hidden;
}
.bot-paging .retun-list .chunk-box {
  display: block;
  width: 46px;
  height: 46px;
  float: right;
  overflow: hidden;
  position: relative;
  border-radius: 50%;
  background: url(../images/ico_26.png) no-repeat center rgba(0, 0, 0, 0.15);transition: all 0.3s ease 0s;
}


/*案例展示*/
.web_list{}
.web_list ul{}
.web_list li{width:32%; margin:10px 1.5% 10px 0; float:left;transition: 0.3s all; background:#fff; font-family:"黑体";}
.web_list li:nth-child(3n){ margin-right:0;}
.web_list li:hover{box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);transition: 0.3s all;}

.web_list li .img_box{width:100%; display:block; position:relative; overflow:hidden;}
.web_list li .img_box img{width:100%; display:block;transition: 0.5s all;}
.web_list li .img_box:hover img{ -webkit-transform:scale(1.1); moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}

.web_list li .cont_box{width:100%;padding: 22px 5% 10px;border: 0px solid #f2f2f2; border-top:0; box-sizing:border-box;}
.web_list li .cont_box .stit{ font-size:18px; line-height:30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.web_list li .cont_box .lab_font{ line-height:28px; font-size:12px; color:#666;}
.web_list li .cont_box .bot_link { margin-top: 15px; border-top: 1px solid #e5e5e5;line-height: 36px; display: block;}
.web_list li .cont_box .point {display: inline-block; width: 24px; height: 36px; background: url(../images/ico_02.png) no-repeat center;transition: 0.3s all;}
.web_list li .cont_box .bot_link:hover .point {background: url(../images/ico_02_h.png) no-repeat center;}


/*图文列表页*/
.pic_art_list{}
.pic_art_list dl{ padding:25px 30px; border-bottom:solid 1px #dedede; transition: all .3s;}
.pic_art_list dl:hover{ background:#f8f8f8;box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.pic_art_list dt{ width:360px; height:210px; overflow:hidden}
.pic_art_list dt img{width:100%;}
.pic_art_list dd{width:700px;}
.pic_art_list dd h5{ font-size:18px; margin:10px 0 20px 0;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.pic_art_list dd h5 a:hover{color:#035CAC;}
.pic_art_list dd p{text-align:justify; line-height:24px; color:#666; margin-bottom:25px;}

.pic_art_list dl dd i{font-size:12px; font-style:normal; height:35px; line-height:35px; margin-right:20px; display:inline-block; color:#666; float:left;}
.pic_art_list dl dd i.n_time{ background:url(../images/n_time.png) no-repeat left center; background-size:23px auto; padding-left:30px;}
.pic_art_list dl dd i.n_tags{ background:url(../images/tags_pic.png) no-repeat left center; background-size:23px auto; padding-left:30px;}

.pic_art_list .news_more {width: 105px;height:32px;line-height:32px;background: #ddd; display: block;text-align: center;margin-top:20px; font-size:12px; color:#666;}
.pic_art_list .news_more:hover{ background:#035CAC; color:#fff;}


/* 新闻内容页 */
.dot {background: url(../images/dot.png) no-repeat center;height: 36px;padding: 25px 0;}
.newsCon{overflow: hidden;background: #f8f8f8; width:1080px; margin:auto; padding:60px 80px 20px 80px; box-sizing:border-box; border-radius:5px;}
.ntitle{padding:0px 0px 15px 0px;text-align: center;border-bottom: 1px solid #ddd; margin-bottom:20px;}
.ntitle h2{font-size: 24px;margin-bottom: 18px;}
.ntitle span{font-size: 12px; color: #666;padding: 0 10px;}

.neirong{line-height: 30px; text-align:justify;overflow: hidden;}
.neirong img{max-width:95%;}
.neirong p{margin-bottom: 10px;font-size: 15px;}

/*内容页上下页*/
.plist {overflow: hidden; padding: 40px 0; border-top:solid 1px #ddd;}
.plist .prev { float: left; width: 50%; }
.plist .prev a { background: url("../images/arr_circle_left.png") no-repeat left center; height: 25px; line-height: 25px; text-indent: 35px; }
.plist .prev a:hover { text-decoration: underline; background: url("../images/arr_con2.png") no-repeat left center; }
.plist a { font-size: 13px; color: #161616; display: block; }
.plist .next { float: right; width: 50%; }
.plist .next a { background: url("../images/arr_circle.png") no-repeat right center; height: 25px; line-height: 25px; padding-right: 35px; text-align: right; }
.plist .next a:hover { text-decoration: underline; background: url("../images/arr_con.png") no-repeat right center; }


/*分页*/
.mypages{margin:25px 0 10px 0; text-align:center; height:50px; line-height:50px;}
.mypages a{ background: #e8e8e8 ; padding:8px 15px; color:#666; font-size:14px; border-radius:3px;}
.mypages a.curr,.mypages a:hover{background:#035CAC;  color:#FFFFFF;}

/*分页1*/
.mypages1{margin:25px auto 10px auto; text-align:center; height:50px; line-height:50px;min-width:1505px;}
.mypages1 a{padding:6px 6px; color:#888; font-size:28px; font-family: "novecento_widelight";}
.mypages1 a.curr,.mypages a:hover{color:#000;}


/*分页2*/
.mypage_2{font-size: 0;text-align: center;overflow: hidden;}
.mypage_2 > *{ box-sizing:border-box;color: #666;width: 42px;height: 42px;line-height: 40px;background: #fff; border:solid 1px #e8e8e8; border-left:0;}
.mypage_2 a, .mypage_2 .curr{font-family: arial;font-size: 16px;display: inline-block;vertical-align: top;}
.mypage_2 .curr,.mypage_2 a:hover{background-color: #eee; color:#666;}
.mypage_2 .pre,.mypage_2 .nex{font-size: 12px;font-family: "microsoft yahei";width: 64px;text-align: center;}
.mypage_2 > *:first-child,.mypage_2 > *:last-child{font-size: 12px; width: 64px;text-align: left;background-repeat: no-repeat;}
.mypage_2 > *:first-child {padding-left: 26px;border-left: solid 1px #e8e8e8;background-position: 12px center;background-image: url(../images/pre_pic.png); border-bottom-left-radius:5px;border-top-left-radius:5px;}
.mypage_2 > *:last-child {padding-left: 12px;background-position: 47px center;background-image: url(../images/nex_pic.png);border-bottom-right-radius:5px;border-top-right-radius:5px;}




/*筛选分页*/
#fenye{ margin:10px;}
#fenye table{ margin:auto;}
#fenye .prev,#fenye .next{text-align:center;}
#fenye a.curr,#fenye a:hover{background:#035CAC;  color:#FFFFFF;}
#fenye a{background:#e8e8e8; padding:8px 15px; color:#333; font-size:14px; border-radius:3px;}

/*Tag*/
.news_left{width:900px;}
.news_right{ width:280px;}
.news_main{width:100%; border:solid 1px #e8e8e8; padding:20px; box-sizing:border-box;}
.news_main .tit{font-size:15px; border-bottom:solid 1px #ddd; height:36px; font-weight:bold;}

.side_box{ margin-bottom:20px; border:solid 1px #ddd; padding:15px 10px 10px 10px; box-sizing:border-box;}
.side_box h5{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd; background:url(../images/hot.png) no-repeat left 3px; padding-left:50px;}
.side_box h6{font-size:15px; color:#000; height:36px; border-bottom:solid 1px #ddd;}

.tags_a{ margin-top:10px;}
.tags_a a{padding:5px 10px;  border-radius:5px; display:inline-block; margin-top:5px;}
.tags_a a:hover{ background:#035CAC; color:#fff;}

/*tags分页*/
.tag_list{}
.tag_list dl{ padding:20px 20px; height:140px; border-bottom:dashed 1px #CCCCCC;transition:all 300ms ease-out 0s;}
.tag_list dl:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);transition:all 300ms ease-out 0s; background:#f8f8f8;}
.tag_list dl dt{ width:240px; margin-right:20px; height:100%; overflow:hidden; float:left;}
.tag_list dl dt a{width:100%; height:100%; display:block; overflow:hidden;}
.tag_list dl dt img{width:100%;}

.tag_list dl dd{}
.tag_list dl dd h5{line-height:40px; font-size:16px; margin-bottom:5px;}
.tag_list dl dd p{  line-height:24px; color:#666; font-size:13px; margin-bottom:10px;}
.tag_list dl dd i{font-size:12px; font-style:normal; height:35px; line-height:35px; margin-right:20px; display:inline-block; color:#666; float:left;}
.tag_list dl dd i.n_time{ background:url(../images/n_time.png) no-repeat left center; background-size:23px auto; padding-left:30px;}
.tag_list dl dd i.n_tags{ background:url(../images/tags_pic.png) no-repeat left center; background-size:23px auto; padding-left:30px;}


/*关于我们*/
.about_01{width:60%; height:580px; background:#fff; padding:76px 13% 0 8%; box-sizing:border-box;}
.about_01 .p001 img{height:66px; display:block;}
.about_01 .p002{font-size: 56px;line-height: 60px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-top: 0px; font-weight:600; }
.about_01 .p003{ margin-top:0px; font-size:18px; line-height:36px; font-family:"黑体"; color:#3e3c36;}
.about_01 .p004{line-height:28px; color:#666;font-family:"黑体"; text-align:justify; margin-top:36px;}

.about_01 .link_box {margin-top:36px;}
.about_01 .link_box a {display: inline-block; border: 1px solid #aaa; width: 43px; height: 43px;border-radius: 50%;float: left; margin-right: 24px; position: relative; overflow: hidden; transition: all 0.3s ease 0s;}
.about_01 .link_box .link1 i { background: url(../images/ico_01.png) no-repeat center;}
.about_01 .link_box .link2 i { background: url(../images/ico_06.png) no-repeat center;}
.about_01 .link_box  i {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s;}
.about_01 .link_box .bg {display: block;width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%;}

.about_01 .link_box a:hover { border: 1px solid #035CAC;background-color: #035CAC;}
.about_01 .link_box a:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #035CAC;}

.about_01 .link_box a.link1:hover i {background: url(../images/ico_01_h.png) no-repeat center;}
.about_01 .link_box a.link2:hover i {background: url(../images/ico_06_h.png) no-repeat center;}

.about_02{width:40%; height:580px; background:#333;padding:76px 2% 0 5%; box-sizing:border-box; font-family:"黑体";}
.about_02 .p001{font-size: 25px;line-height: 46px; font-weight:bold; color:rgba(255,255,255,0.88);}
.about_02 .p002{font-size:18px; margin-top:36px; color:rgba(255,255,255,.5);}
.about_02 .p003{margin-top:36px; line-height:32px;color:rgba(255,255,255,.5);}

/*---------------*/
.ganxie{ position:relative; overflow:hidden;  text-align:center;}
.ganxie img{width:100%; display:block;}
.ganxie a {display: inline-block; border: 1px solid #fff; width: 43px; height: 43px;border-radius: 50%; position: relative; overflow: hidden; transition: all 0.3s ease 0s; opacity: 0; filter: alpha(opacity=0); margin-top:50px;}
.ganxie:hover a{ margin-top:0; opacity: 1; filter: alpha(opacity=100);}
.ganxie a:hover { border: 1px solid #fff;background-color: #fff;}
.ganxie a i {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s; background: url(../images/ico_03_h.png) no-repeat center;}
.ganxie .bg {display: block;width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%;}
.ganxie a:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;}
.ganxie a:hover i {background: url(../images/ico_03.png) no-repeat center;}


/*------------*/
.about_03{width:49.2%; overflow:hidden; position:relative;  font-family:"黑体";}
.about_03 img{width:100%; display:block;transition:all 500ms ease-out 0s;}
.about_03 .gray_bg{display: block;width: 100%; height:100%; position: absolute;top: 0;left: 0; background:rgba(0,0,0,.6);transition: all 0.3s ease 0s; opacity: 0; filter: alpha(opacity=0);}
.about_03:hover .gray_bg{opacity: 1; filter: alpha(opacity=100);}
.about_03:hover img{ -webkit-transform:scale(1.2); moz-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
.about_03 .text-inner{ width:100%; padding:5%; box-sizing:border-box; color:#fff; position:absolute; left:0; bottom:-80px; transition:all 500ms;opacity: 0; filter: alpha(opacity=0);}
.about_03:hover .text-inner{bottom:0px;opacity: 1; filter: alpha(opacity=100);}
.about_03 .text-inner h3{font-size:20px;}
.about_03 .text-inner h3:after{content:"";display: block;width:25px;background:#fff;height:2px; margin:15px 0 15px 0;}
.about_03 .text-inner p{ width:86%; line-height:24px; text-align:justify;}

/*---------*/
.bg_number{background: url(../images/bg_number.jpg);max-width: 1505px; height:360px; background-size: cover;background-position: top; background-attachment: fixed; background-repeat: no-repeat;padding: 10px 0 80px 0;}

/* 数字变换css */
.product-number-info {position: relative; height:120px;}
.product-number-info .product-number-inner {}
.product-number-info ul {padding: 20px 0;}
.q {zoom: 1; }
.product-number-info li {float: left;  width: 25%; height: 80px; border-left: 0px solid #d8d8d8; box-sizing:border-box; text-align:center; color:#fff; padding-top:90px;}
.product-number-info li.li-1{background:url(../images/youshi1.png) no-repeat center center; background-size:auto 80px;}
.product-number-info li.li-2{background:url(../images/youshi2.png) no-repeat center center; background-size:auto 80px;}
.product-number-info li.li-3{background:url(../images/youshi3.png) no-repeat center center; background-size:auto 80px;}
.product-number-info li.li-4{background:url(../images/youshi4.png) no-repeat center center; background-size:auto 80px;}

.product-number-info li:first-child { border: none;}
.product-number-info li b {font-weight: 600;font-size: 36px;line-height: 1;display: inline-block;position: relative;margin: 10px 0 5px;}
.product-number-info li p {font-size: 14px; }
.product-number-info li b i { font-style:normal;}
.product-number-info li b sup {position: absolute;font-size: 20px; right: -20px;top: -3px;}
.product-number-info li b span {position: absolute; font-weight:normal; font-size:14px; right: -20px;top: 20px;}

/*------*/
.box_con{ background:#fff; font-family:"黑体";transition:all 300ms ease-out 0s;}
.box_con:hover{box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);translate3d(0, -5px, 0);-webkit-transform: translate3d(0, -5px, 0);}
.box_con .box_w01{width:33%;}
.box_con .box_w011{width:67%;}
.box_con .box_w02{width:40%;}
.box_con .box_w022{width:60%;}

.box_con .box_01{ padding:50px 5% 0 5%; box-sizing:border-box;}
.box_con .box_01 h5{ font-size:28px; }
.box_con .box_01 h5:after{content:"";display: block;width:15px;background:#ccc;height:2px; margin:15px 0 15px 0;}
.box_con .box_01 p{line-height:24px; margin-top:25px; color:#666;}

.link_a{margin-top:10%;}
.link_a a {display: inline-block; border: 1px solid #aaa; width: 43px; height: 43px;border-radius: 50%; position: relative; overflow: hidden; transition: all 0.3s ease 0s;}
.link_a a:hover { border: 1px solid #035CAC;background-color: #035CAC;}
.link_a .bg {display: block;width: 0; height: 0; left: 50%; top: 50%; transition: all 0.3s ease 0s; position: absolute; border-radius: 50%;}
.link_a a:hover .bg {width: 100%;height: 100%;top: 0;left: 0;background-color: #035CAC;}

.link_a a i {display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all 0.3s ease 0s;}
.link_a a.link_arr i{background: url(../images/ico_03.png) no-repeat center;}
.link_a a.link_arr:hover i {background: url(../images/ico_03_h.png) no-repeat center;}

.link_a a.link_mail i{background: url(../images/ico_01.png) no-repeat center;}
.link_a a.link_mail:hover i {background: url(../images/ico_01_h.png) no-repeat center;}



.box_con .box_02{position:relative; overflow:hidden;}
.box_con .box_02 img{width:100%; display:block;transition:all 500ms ease-out 0s;}
.box_con .box_02 .gray_bg{display: block;width: 100%; height:100%; position: absolute;top: 0;left: 0; background:rgba(0,0,0,.6);transition: all 0.3s ease 0s; opacity: 0; filter: alpha(opacity=0); cursor:pointer;}
.box_con .box_02:hover .gray_bg{opacity: 1; filter: alpha(opacity=100);}
.box_con .box_02:hover img{ -webkit-transform:scale(1.2); moz-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}




/* 小程序页面头部 */

.w-1200{ width: 100%;max-width: 1505px; margin:0 auto; position:relative;}
.jzxcx .jzxcx-wrapper .banner-xcx {
	padding: 80px 0 50px;
	width: 100%;
	background: url(../images/jzxcx-1.jpg) no-repeat center top;
	overflow: hidden;
	background-size:cover ;
}
.main-sub .main-sub-nav h3{  color:#FFF; letter-spacing:5px; font-weight:normal;}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content {
  text-align: center;
  color: #fff;
  overflow:hidden;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content h1 {
  width:100%;
  font-size: 48px;
  font-weight: 400;
  line-height:80px;
  letter-spacing:10px;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content h5 {
  width:100%;
  font-size: 16px;
  font-weight:normal;
  margin: 10px 0 10px 0;
  letter-spacing:2px;
  color:#FFF;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content h3 {
  width:100%;
  font-size: 16px;
  margin-bottom: 30px;
  letter-spacing:1px;
  font-weight:normal;
  line-height: 50px;
  box-sizing: border-box;
  padding: 0 10px;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content h4 {
  width:100%;
  font-size: 16px;
  font-weight:normal;
  margin: 10px 0 10px 0;
  letter-spacing:1px;
  color:#FF0;
  box-sizing: border-box;
  padding: 0 10px;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content p {
  font-size: 16px;
  letter-spacing:1px;
  font-style:italic;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content h3 a {
  display: inline-block;
  width: auto;
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #0078ff;
  background-color: #fff;
  border-radius: 4px;
  padding:0 10px;
  margin:0 10px;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content h3 a:hover {
  color: #FFF;
  background-color: #f60;
}

.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul {
  width: 100%;max-width: 1505px;
  margin:50px auto 50px auto;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  padding: 0 4%;
  box-sizing: border-box;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li {
  float: left;
  width:14%;
  height:90px;
  margin: 0 3%;
  border-radius:50% 50%;
  box-sizing: border-box;
  background:#ffffff;
  font-size:16px;
  line-height:30px;
  text-align:center;
  color:#333;
  transition: all 0.5s ease;
  -webkit-transition:all 0.5s ease;
}
/* .jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li:last-child{margin-right: 0;} */
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li.bg1 {
  background:#aeedee;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li.bg2 {
  background:#f8f7c9;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li.bg31 {
  background:#d9fbe1;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li.bg4 {
  background:#ffdfff;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li.bg5 {
  background:#d9e2ff;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 img {
  display: block;
  width: 1043px;
  margin: 0 auto;
  margin-top: 30px;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .miao {
  width: 100%;
  height:200px;
  margin-top: 0px;
}
.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .miao img {
  display: block;
  width: 595px;
  margin: 0 auto;
}

@media (max-width:920px) {
	.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li {
	  width:16%;
	  margin: 0 2%;
	}
}

@media (max-width:768px) {
	.jzxcx .jzxcx-wrapper .banner-xcx{padding: 50px 0 30px;}
	.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content h1{font-size: 24px;font-weight: 600;}
	.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li{
		width: 29.33%;
		margin: 0 2%;
	}
	/* .jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li:nth-child(3n){
		margin-right: 0;
	} */
	.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li:nth-child(4){
		margin-left: 18.66%;
	}
}

@media (max-width:520px) {
	.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul{
		border-radius: 5px;
		overflow: hidden;
	}
	.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li{
		border-radius: 0;
		height: auto !important;
		padding: 10px 0 !important;
		line-height: 2;
		width: 33.33%;
		margin: 0;
	}
	.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li:nth-child(4),
	.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li:nth-child(5){
		width: 50%;
		margin: 0;
	}

}

@media (max-width:414px) {
	.jzxcx .jzxcx-wrapper .banner-xcx .w-1200 .banner-content ul li{
		font-size: 12px;
	}

}
/*向上*/
.cd-top {
  display: inline-block;
  height: 46px;
  width: 46px;
  position: fixed;
  bottom: 40px;
  right: 10px;border-radius: 50%;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.15) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #035CAC;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 46px;
    width: 46px;
    right: 10px;
    bottom: 50px;
  }
}
.cd-top:hover{background-color:#035CAC;transition: all 0.3s ease 0s;}