/*初始设置*/
*{padding:0; margin:0;}
ul,ol{ list-style:none}
a{ text-decoration:none;}
input,a{ outline:none;}
body{ font-family:"微软雅黑","黑体","宋体"; box-sizing:border-box; background:#fff;}
img{ border:none;}

@font-face{
	font-family:"daohangzi";
	src:url(fonts/SansSerifCollection.ttf);	
}

@font-face{
	font-family:"SourceHanSansCN";
	src:url(fonts/SourceHanSansCN-Regular.otf);	
}



.bgsy{ background: #f2f2f2;}
/*头部区域*/
.header{ width:100%;position:fixed;left:0; top:0;z-index:100; box-sizing:border-box;  height: 96px;}
.header.on{position:fixed;z-index:100;height:96px;box-shadow:0 5px 10px rgba(0,0,0,0.05); transition:0.3s; background: #fff;}
.hd_con{ width:100%; height:96px; margin:0 auto; box-sizing:border-box; padding: 0 50px;}
.header .logo{ float:left; margin-top:34px;}
.header .logo a{ display:block; height: 28px;}
.header .logo a img{ display:block; height: 100%;}

.header .nav{ float:right;}
.header .nav::after{ content: ""; display: block; clear: both;}
.header .nav ul{ float:left; margin-top: 28px;}
.header .nav li{ float:left; position:relative; margin-right:55px;}
.header .nav li:last-child{ margin-right: 0;}
.header .nav li .ddhh{ display:block; line-height:40px; color:#000; font-size:18px;font-family:"SourceHanSansCN"; text-transform: uppercase; }
.header .nav li:hover .ddhh,.header .nav li.on .ddhh{ color:#000; border-bottom:1px solid #000;}
.header.on .nav li .ddhh{ display:block; line-height:40px; color:#000; font-size:18px;font-family:"SourceHanSansCN";
text-transform: uppercase;}
.header.on .nav li:hover .ddhh,.header .nav li.on .ddhh{ color:#000; border-bottom:1px solid #000;}




.header .btn{ border:1px solid #333333; position:absolute; top:0; right:0; padding:4px; border-radius:3px; cursor:pointer; display:none;}
.header .btn i{ display:block; width:20px; height:3px; background:#333333; margin:3px; transition:0.3s;}
.header .btn i:nth-child(1){transform-origin:left bottom;}
.header .btn i:nth-child(2){ opacity:1}
.header .btn i:nth-child(3){transform-origin:left top;}
.header .btn.on i:nth-child(1){ transform:rotate(35deg); }
.header .btn.on i:nth-child(2){  opacity:0}
.header .btn.on i:nth-child(3){ transform:rotate(-35deg); }



/*首页banner海报区域*/
/* 首页海报 */
/*banner*/
.haib{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.banner{width:100%;background:#666; overflow:hidden; height:100vh;}
.swiper-containerlb{width: 100%;height: 100%;}
.swiper-slide {background-position: center;background-size: cover;}



.swiper-pagination-bullet {width:8px;height:8px;display: inline-block;border-radius:4px;background: #fff;opacity:1;}
.swiper-pagination-white .swiper-pagination-bullet-active{ background: #ffc000;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:35px;}


.abzi{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; padding:80px 8%;}
.abzic{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; padding:0 10%;}
.abzic h2{font-size:46px; color:#000; text-align:left;margin:0 0 70px 0; font-weight: 400;}
.abzic p{font-size:22px; color:#585858; text-align:left;font-weight: 400; line-height:1.8em;}


/* 首页案例 */
.con{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; padding:0 50px 80px;}
.ali{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between; align-items:flex-start;}
.alli{ width:33%;overflow:hidden; position:relative; margin-bottom:10px;}
.alli a{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block;position: relative;
    width: 100%;
    padding-top: 75%;
    overflow: hidden}
.alli a img{width:100%; margin:0 auto;display:block; transition: 0.3s;    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.3s;}
.alli a .allibg{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:none; background: rgba(0,0,0,0.68); position: absolute; top: 0; left: 0; height: 100%;
padding:30px; transition: 0.3s;}
.alli a .allibg h4{font-size:18px; text-align: left;font-weight:400; color: #fff; line-height:1.5em; width:100%; display: block; height: 50%;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
transition:0.3s;}
.alli a .allibg .allib{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; height: 50%;
display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start; align-items:flex-end;}
.alli a .allibg .allib i{ width:30px;height:2px; display: block; background: #fff;}
.alli a .allibg .allib h3{font-size:20px; text-align: left;font-weight:900; color: #fff; line-height:1.5em; width:100%; display: block;
overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;
transition:0.3s;}
.alli a .allibg .allib p{display:block; width:100%;font-size:16px; color:#fff; line-height:1.4em; text-align:left;transition:0.3s; font-weight:400; margin:10px auto 18px;
display:inline-block;word-break: break-all; text-overflow: ellipsis; 
display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp:2; /** 显示的行数 **/
overflow: hidden;  /** 隐藏超出的内容 **/}


.alli:hover a .allibg{display: block;}
.alli:hover a img{ transform: scale(1.1);}

.more{ width: 300px; height: 70px; display: block; margin:0 auto; background: #fff; box-sizing: border-box; border: 1px solid #595757;
text-align: center; line-height:68px; font-size: 22px; color:#595757; transition: 0.3s; margin:70px auto 0;}
.more:hover{background:#000;border:1px solid #000;color:#fff; width:330px;}


/* 合作伙伴 */
.hzhb{width:100%; margin:100px auto; overflow:hidden; box-sizing:border-box;
display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between; align-items:flex-start;}
.hzhbli{width:20%;overflow:hidden; background: #fff; transition: 0.3s;}
.hzhbli img{width:100%; margin:0 auto;display:block; transition: 0.3s; opacity: 0.88; transform: scale(0.66); -webkit-transform: scale(0.66);}
.hzhbli:hover{ background: #f5f5f5;}
.hzhbli:hover img{opacity:1; transform: scale(0.7); -webkit-transform: scale(0.7);}



/* 新改 */
/*合作伙伴*/
.hhzz{ width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; background: #fff;}
.banner2{width:100%;background:#666; overflow:hidden; height:auto; background: #fff;}
.swiper-containerhz{width: 100%;height:auto;}
.swiper-slide {background-position: center;background-size: cover; background: #fff;}
.banner2 img{width:100%; margin:0 auto; display: block;}




/* 底部区域 */
.footer{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; background:#000000; padding:80px 150px;}
.foot{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start;}
.ftl{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start; align-items:flex-start;}
.ftl .ftll{ width:250px; margin-right:15%;}
.ftl .ftll .ftldh{font-size:90px; text-align: left;font-weight:400; color: #fff;line-height:1.1em; width:100%; display: block; transition: 0.3s;
opacity: 0.88;}
.ftl .ftll .ftldh:hover{opacity:1;}
.ftl .ftlr{ width:520px;}
.ftl .ftlr h2{font-size:44px; text-align:left;font-weight:400; color: #fff; line-height:1.4em; width:100%; display: block;
margin-bottom:70px;}
.ftl .ftlr h4{font-size:28px; text-align:left;font-weight:400; color: #fff; line-height:2em; width:100%; display: block;}
.ftl .ftlr p{font-size:24px; text-align:left;font-weight:400; color: #fff; line-height:1.8em; width:100%; display: block;
margin-top:55px;}


.ftr{width:350px; overflow:hidden; box-sizing:border-box; display:block;}
.ftrt{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between; align-items:flex-start; border-bottom: 1px solid #727171;
padding-bottom:70px; margin-bottom:70px;}
.ftrt p{font-size:22px; text-align:left;font-weight:400; color: #727171; line-height:1.4em; width:24px; display: block;}
.ftrtu{ width: 170px; display: block; margin: 0 auto; overflow: hidden;}
.ftrtu img{ width:100%;  display:block; margin:0 auto;}
.ftr h3{font-size:34px; text-align:left;font-weight:400; color: #fff; line-height:1.2em; width:100%; display: block;}
.ftr h5{font-size:22px; text-align:left;font-weight:400; color: #fff; line-height:1.2em; width:100%; display: block; margin-top: 10px;}






/* 在线客服 */
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;
overflow:hidden;}
.yb_bar .yb_top{background:#000 url(../img/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#000 url(../img/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#000 url(../img/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#000 url(../img/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}


/* 案例分类 */
.fenlc{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between; align-items:flex-start;
width: 100%; padding:200px 0 30px;}
.fenlc .fenlcn{font-size:18px; text-align:left;font-weight:400; color: #666; line-height:56px;
display:inline-block; box-sizing: border-box; background: #fff; transition: 0.3s; }
.fenlc .fenlcn:hover{color:#333;  font-weight: 900;}
.fenlc .fenlcn.on{color:#333; font-weight: 900; }


/* 服务 */
.fuwut{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between; align-items:flex-start; padding:220px 0 180px;}
.fwl{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start; align-items:center;}
.fwl h2{font-size:40px; text-align:left;font-weight:900; color: #000; line-height:1.2em; display: block;}
.fwl i{ width:36px; height:36px; border-radius: 50%; background: #000; display: block; margin-left: 20px;}


.fwr{ width:50%; box-sizing: border-box; padding:0 50px;}
.fwr h4{font-size:36px; text-align:left;font-weight:400; color: #898989; text-transform: uppercase; line-height:1.2em; display: block;}
.fwr h5{font-size:30px; text-align:left;font-weight:400; color: #898989; text-transform: uppercase; line-height:1.2em; display: block;}
.fwr h3{font-size:28px; text-align:left;font-weight:400; color: #000;line-height:1.4em; display: block;margin:45px 0;}
.fwr p{font-size:16px; text-align:left;font-weight:400; color: #898989; text-transform: uppercase; line-height:1.8em; display: block;
text-align: justify;text-justify: inter-word;}

.ffww{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between; align-items:flex-start; margin-bottom:110px;}
.ffwwl{ width:42%; display: block; overflow: hidden;}
.swiper-containerfw{width: 100%;height: 100%;}
.swiper-containerfw img{width: 100%;}
.ffwwr{ width:48%;display: block; overflow: hidden;}
.ffwwr h2{font-size:36px; text-align:left;font-weight:900; color:#000; text-transform: uppercase; line-height:1.45em; display: block;
margin-bottom:45px;}
.ffwwr p{font-size:24px; text-align:left;font-weight:400; color: #454545; line-height:2.2em; display: block;}

/* 关于 */
.jajnr{width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box; display:block; padding:200px 4% 60px;}
.jajnr p{font-size:26px; text-align:left;font-weight:400; color: #000000; text-transform: uppercase; line-height:1.8em; display: block;}

.abnr{width: 100%;display: block; overflow: hidden; margin:0 auto; box-sizing: border-box; padding: 0 100px;}
.bdfwb{ width:100%; display: block; box-sizing: border-box; margin:25px auto;}
.bdfwb p{font-size:20px; text-align: left; font-weight:400; color:#333; line-height: 1.68em; margin:15px 0;}

.bdfwb img{width:auto; max-width: 100%;  display: block; margin:5px auto;}
.bdfwb p img{width:auto; max-width: 100%;  display: block; margin:5px auto;}


/* 联系 */
.lxcon{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between; align-items:flex-start; padding:200px 0 50px;}
.lxconl{ width:50%; }
.lxconl h2{font-size:40px; text-align:left;font-weight:900; color: #898989;text-transform: uppercase; line-height:1.2em; display: block;}
.lxconr{ width:50%; box-sizing: border-box; padding:0 50px;}
.lxconr h4{font-size:28px; text-align:left;font-weight:400; color: #000; text-transform: uppercase; line-height:1.68em; display: block;}
.lxconr h6{font-size:16px; text-align:left;font-weight:400; color: #898989; text-transform: uppercase; line-height:1.8em; display: block;
text-align: justify;text-justify: inter-word;}
.lxconr h3{font-size:32px; text-align:left;font-weight:900; color: #000; line-height:1.2em; display: block;}
.lxconr p{font-size:22px; text-align:left;font-weight:400; color: #000; text-transform: uppercase; line-height:2em; display: block;
text-align: justify;text-justify: inter-word;}
.lxconr p b{ font-weight: 900;}


/* 案例详情 */
.alixq{ background:#efefef; padding: 100px; margin:150px auto 0;
display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between; align-items:flex-start;}
.alixq h2{ width: 50%;font-size:34px; text-align:left;font-weight:400; color: #000;text-transform: uppercase; 
line-height:1.2em; display: block;}
.alixqr{ width: 50%;}
.alixqr p{font-size:16px; text-align:left;font-weight:400; color: #898989; text-transform: uppercase; line-height:1.8em; display: block;
text-align: justify;text-justify: inter-word;}
.alixqrb{ margin-top:70px;}
.alixqrb h6{font-size:16px; text-align:left;font-weight:400; color: #333; text-transform: uppercase; line-height:1.6em; display: block; 
margin-top: 10px;}
.bdfwb2{ width:100%; display: block; box-sizing: border-box; margin:0 auto;}
.bdfwb2 img{width:auto; max-width: 100%;  display: block; margin:0 auto;}
.bdfwb2 p img{width:auto; max-width: 100%;  display: block; margin:0 auto;}


/* 分页 */
.ffyy2{width:100%; margin:30px auto 0; overflow:hidden; box-sizing:border-box; display: flex;}
.pagination{ width:auto;margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0 0 15px;}
.pagination::after{ content:""; display:block; clear:both;}
.pagination li{ float:left;margin-right:12px; margin-bottom: 20px;}
.pagination li:last-child{ margin-right: 0;}
.pagination li a{display:block;box-sizing:border-box; font-size:18px; color:#888;padding:10px 22px; border-radius:4px;border:1px solid #aaa;cursor:pointer;
transition:0.3s; background:#fff;}
.pagination li span{display:block;box-sizing:border-box; font-size:18px; color:#888;padding:10px 22px; border-radius:4px;border:1px solid #aaa;cursor:pointer;
transition:0.3s; background:#fff;}
.pagination li.active a{ background:#ccc; border:1px solid #ccc; color:#000;}
.pagination li:hover a{background:#ccc; border:1px solid #ccc; color:#000;}
.pagination li.active span{ background:#ccc; border:1px solid #ccc; color:#000;}
.pagination li:hover span{background:#ccc; border:1px solid #ccc; color:#000;}


/* 返回顶部 */
.toptt{width: 43px;height: 43px;position: fixed;right: 3.5%;bottom: 15%;z-index:999; display: block;}
.toptt a{display: block;width: 43px;height: 43px;background:url(../img/back2top.png) no-repeat; transition: 0.3s;opacity:0.33;}
.toptt a:hover{opacity:1;}



/*768移动端页面*/
@media (max-width:768px){
	
	
	.banner{height:220px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
	
	
	
	/* 首页案例 */
	.con{padding:0 20px 20px;}
	.alli{ width:100%;}
	.alli a .allibg{padding:20px;}
	.alli a .allibg h4{font-size:15px;}
	
	.alli a .allibg .allib i{ width:20px;}
	.alli a .allibg .allib h3{font-size:18px;}
	.alli a .allibg .allib p{font-size:15px;margin:5px auto 18px;}
	.more{width:100%;}
	.more:hover{width:100%;}
	
	.hzhb{margin:30px auto;}
	.hzhbli{width:50%;}
	
	/* 底部区域 */
	.footer{padding:30px 20px;}
	.foot{flex-wrap:wrap;}
	.ftl .ftll{ width:250px; margin-right:15%; display:none;}
	.ftl .ftll .ftldh{font-size:90px; }
	
	.ftl .ftlr{ width:100%;}
	.ftl .ftlr h2{font-size:30px;margin-bottom:30px;}
	.ftl .ftlr h4{font-size:24px;}
	.ftl .ftlr p{font-size:20px;margin-top:30px;}
	
	
	.ftr{width:100%; margin-top: 30px;}
	.ftrt{padding-bottom:30px; margin-bottom:30px;}
	.ftrt p{font-size:20px;}
	.ftrtu{ width:150px; }
	.ftr h3{font-size:24px; }
	.ftr h5{font-size:18px; }
	
	.toptt{ display: none;}
	

}

/*移动端公用页面*/
@media (max-width:992px){

	/*头部区域*/
	.header{ width:100%; height:66px; position:static; border-bottom:none;}
	.header.on{ position:fixed;height:66px;}
	.header2{background:rgba(0,0,0,1);}
	.hd_con{ width:100%; height:66px; margin:0 auto; box-sizing:border-box; padding: 0 15px;}
	.header .logo{margin-top:19px; float: left;}
	
	.header .nav li:hover .ddhh,.header .nav li.on .ddhh{ color:#000; border-bottom:1px solid #000;}
	.header.on .nav li .ddhh{ display:block; line-height:52px; color:#454545; font-size:16px;}
	.header.on .nav li:hover .ddhh,.header .nav li.on .ddhh{ color:#000; border-bottom:1px solid #000;}
	.header .btn{ display:block;right:15px;top:17px;}
	.header .nav{ display:none; position:absolute; width:100%; top:65px; left:0; text-align:center; background:rgba(255,255,255,1); border-top:1px solid #ededed; z-index:999;
	height:calc(100vh - 66px); overflow:auto;}	
	
	.header .nav ul{float:none; width:100%; margin:0 auto; box-sizing:border-box; padding:0 20px;}
	.header .nav ul::after{ content: ""; display: block; clear: both;}
	.header .nav li{ float:none; border-bottom:1px solid #cfcfcf; width:100%;box-sizing:border-box; padding:0 10px;}
	.header .nav li .ddhh{ line-height:52px; color: #454545; text-align:left;background:url(../img/you.png) no-repeat right center;}
	.header .nav ul span{ display:none;}
	.header .nav li:hover::after,.header .nav li.on::after{ content:""; display:block; width:8px; height:14px; background:url(../img/you.png) no-repeat center; 
	position:absolute; top:20px;right:10px; display:none;}
	.header.on {height:66px;}
	
	
	
	.banner{height:420px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
	
	

	.abzi{padding:20px 20px;}
	.abzic{padding:0 0;}
	.abzic h2{font-size:24px;margin:0 0 20px 0;}
	.abzic p{font-size:16px; line-height:1.5em;}
	
	
	
	/* 案例分类 */
	.fenlc{padding:20px 0 30px;justify-content:flex-start; }
	.fenlc .fenlcn{font-size:16px; line-height:50px; margin-right: 30px;}
	
	
	/* 服务 */
	.fuwut{ padding:100px 0 50px;}
	.fwl h2{font-size:30px;}
	.fwl i{ width:20px; height:20px; margin-left:10px;}
	.fwr{ width:100%;padding:20px 0;}
	.fwr h4{font-size:20px;}
	.fwr h5{font-size:18px;}
	.fwr h3{font-size:20px;margin:20px 0;}
	.ffww{margin-bottom:30px; border-bottom: 1px solid #ededed; padding-bottom: 20px;}
	.ffwwl{ width:100%;}
	.ffwwr{ width:100%;}
	.ffwwr h2{font-size:24px;margin-bottom:10px; margin-top: 20px;}
	.ffwwr p{font-size:16px; }
	
	
	/* 关于 */
	.jajnr{padding:100px 0 40px;}
	.jajnr p{font-size:20px; line-height:1.68em; }
	
	.abnr{ padding: 0 0;}
	.bdfwb{margin:20px auto;}
	.bdfwb p{font-size:20px;margin:10px 0;}
	
	
	.lxcon{padding:100px 0 40px;}
	.lxconl{ width:100%; }
	.lxconl h2{font-size:35px; margin-bottom: 40px; }
	.lxconr{ width:100%; box-sizing: border-box; padding:0 0;}
	.lxconr h4{font-size:20px; }
	
	.lxconr h3{font-size:22px;}
	.lxconr p{font-size:18px;}
	
	
	
	/* 案例详情 */
	.alixq{padding:40px 20px; margin:10px auto 0;}
	.alixq h2{ width:100%;font-size:28px;}
	.alixqr{ width:100%; margin-top:20px;}
	.alixqr p{font-size:14px; text-align:left;font-weight:400; color: #898989; text-transform: uppercase; line-height:1.8em; display: block;
	text-align: justify;text-justify: inter-word;}
	.alixqrb{ margin-top:35px;}
	.alixqrb h6{margin-top:5px;}
	
	
	
}

/*768移动端页面*/
@media (min-width:280px){
	
	
	.banner{height:160px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
	
	
	

}

/*768移动端页面*/
@media (min-width:390px){
	
	
	.banner{height:220px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
	
	
	

}

/*pid 768-992*/
@media (min-width:768px){

	/*头部区域*/
	.hd_con{ width:100%; height:96px; margin:0 auto; box-sizing:border-box; padding: 0 20px;}
	.header .nav li{ float:left; position:relative; margin-right:20px;}
	
	.banner{height:450px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
	
	/* 首页案例 */
	.con{padding:0 20px 20px;}
	.alli{ width:49%;}
	.alli a .allibg{padding:20px;}
	.alli a .allibg h4{font-size:15px;}
	
	.alli a .allibg .allib i{ width:20px;}
	.alli a .allibg .allib h3{font-size:18px;}
	.alli a .allibg .allib p{font-size:15px;margin:5px auto 18px;}
	.more{width:100%;}
	.more:hover{width:100%;}
	
	.hzhb{margin:40px auto;}
	.hzhbli{width:33.33%;}
	
	
	/* 底部区域 */
	.footer{ padding:40px 20px;}
	.ftl .ftll{ width:180px; margin-right:0%;}
	.ftl .ftll .ftldh{font-size:60px;}
	.ftl .ftlr{ width:330px;}
	.ftl .ftlr h2{font-size:30px;margin-bottom:30px;}
	.ftl .ftlr h4{font-size:22px; }
	.ftl .ftlr p{font-size:20px;margin-top:30px;}
	
	.ftr{width:350px; margin-top: 0; }
	.ftrt{padding-bottom:30px; margin-bottom:30px;}
	.ftrt p{font-size:20px;}
	.ftrtu{ width:150px;}

	.ftr h3{font-size:22px;}
	.ftr h5{font-size:18px;margin-top: 10px;}
	
	
	
	
}

/*ipad pro平板页面*/
@media (min-width:992px){
	/*头部区域*/
	.hd_con{ width:100%; height:96px; margin:0 auto; box-sizing:border-box; padding: 0 30px;}
	.header .nav li{ float:left; position:relative; margin-right:15px;}
	.header .nav .sous{ float:right; margin:32px 0 0 18px; display: block;}

	.banner{height:600px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:10px;}
	
	
	/* 首页案例 */
	.con{padding:0 20px 40px;}
	.alli{ width:33%;}
	.alli a .allibg{padding:30px;}
	.alli a .allibg h4{font-size:16px;}
	.alli a .allibg .allib i{ width:30px;}
	.alli a .allibg .allib h3{font-size:20px;}
	.alli a .allibg .allib p{font-size:16px;margin:5px auto 18px;}
	.more{ width: 300px;}
	.more:hover{width:330px;}
	
	
	.hzhb{margin:70px auto;}
	.hzhbli{width:25%;}
	
	
	/* 底部区域 */
	.footer{ padding:60px 30px;}
	.ftl .ftll{ width:180px; margin-right:0%;}
	.ftl .ftll .ftldh{font-size:60px;}
	.ftl .ftlr{ width:330px;}
	.ftl .ftlr h2{font-size:30px;margin-bottom:30px;}
	.ftl .ftlr h4{font-size:22px; }
	.ftl .ftlr p{font-size:20px;margin-top:30px;}
	
	.ftr{width:350px; margin-top: 0; }
	.ftrt{padding-bottom:30px; margin-bottom:30px;}
	.ftrt p{font-size:20px;}
	.ftrtu{ width:150px;}
	
	.ftr h3{font-size:22px;}
	.ftr h5{font-size:18px;margin-top: 10px;}
	
	
	
	
}


/*电脑最终页面*/
@media (min-width:1200px){	
	/*头部区域*/
	.hd_con{ width:100%; height:96px; margin:0 auto; box-sizing:border-box; padding: 0 50px;}
	.header .nav li{ float:left; position:relative; margin-right:50px;}
	
	.banner{height:100vh;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:35px;}
	
	
	
	/* 首页案例 */
	.con{padding:0 50px 80px;}
	.alli{ width:33%;}
	.alli a .allibg{padding:30px; }
	.alli a .allibg h4{font-size:18px; }
	.alli a .allibg .allib i{ width:30px;}
	.alli a .allibg .allib h3{font-size:20px; }
	.alli a .allibg .allib p{font-size:16px;}
	.more{ width: 300px;}
	.more:hover{width:330px;}
	
	.hzhb{margin:100px auto;}
	.hzhbli{width:20%;}
	
	
	
	/* 底部区域 */
	.footer{ padding:80px 50px;}
	.ftl .ftll{ width:250px; margin-right:15%;}
	.ftl .ftll .ftldh{font-size:90px;}
	.ftl .ftlr{ width:520px;}
	.ftl .ftlr h2{font-size:44px;margin-bottom:70px;}
	.ftl .ftlr h4{font-size:28px; }
	.ftl .ftlr p{font-size:24px;margin-top:55px;}
	
	.ftr{width:350px; margin-top: 0; }
	.ftrt{padding-bottom:70px; margin-bottom:70px;}
	.ftrt p{font-size:22px;}
	.ftrtu{ width:170px;}
	
	.ftr h3{font-size:34px;}
	.ftr h5{font-size:22px;margin-top: 10px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
}




/*电脑最终页面*/
@media (min-width:1300px){	
	.footer{ padding:80px 150px;}
}