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

@media all and (max-width:1700px){/*1680 * 1050*/


}

@media all and (max-width:1460px){/*1440 * 900*/




}

@media all and (max-width:1400px){


}

@media all and (max-width:1380px){/*1366*/



}

@media all and (max-width:1300px){/*1280 * 800*/




}

@media all and (max-width:1260px){/*1260*/


	.contain{width:100%;padding:0 2%;}

	.iCase-block .t1{font-size:16px;line-height:23px;}
	.iCase-block .t2{font-size:24px;line-height:33px;}

	.I-title .t1{line-height:43px;font-size:38px;}
	.I-title .t2{line-height:38px;font-size:22px;}

	.srv-stage .contain{padding-left:2%;padding-right:2%;}

	.ctUs-box{right:0px !important}

	.proInfo-wrap{padding:41px 2% 43px;}

}

@media all and (max-width:1200px){ /*1200*/

	.Hnav a{width:110px;font-size:16px;}

	.I-title .t1{line-height:41px;font-size:36px;}
	.I-title .t2{line-height:36px;font-size:20px;}

	.index-more .t1{line-height:51px;font-size:44px;}

	.ctUs-form{width:55%;}

	#index-bnr .box{padding:0 2%;width:100%;left:0px;margin-left:0px;}


}

@media all and (max-width:1100px){/*1024 * 768 */

	.Hnav a{width:110px;font-size:14px;}

	.iCase-block .t1{font-size:14px;line-height:20px;}
	.iCase-block .t2{font-size:20px;line-height:28px;}

	.I-title .t1{line-height:38px;font-size:34px;}
	.I-title .t2{line-height:34px;font-size:18px;}

	.index-more .t1{line-height:47px;font-size:40px;}

	.nInfo-left{width:73%;}

	.ctUs-form{width:50%;}

	.com-pro .con{width:100%;}

}

@media all and (max-width:980px){/*web*/

	body, button, input, pre, select, textarea{font-weight:normal;}

	img{max-width:100%;}

	/*-- Header --*/
	.Header-wrapper .Header-cl,
	.header-container,
	.Hlogo,
	.Hct,
	.Htel{height:50px;}
	.Hlogo{line-height:50px;}
	.Htel{padding:0px;width:36px;font-size:0px;top:0px;background-position:center center;margin:0px;}
	.Hct{width:42px;}
	.Hlogo img{height:80%;}
	.Hmenu-btn{display:block;}
	.Hnav{display:none;width:100%;background:#fff;border-top:1px solid #ccc;position:absolute;top:50px;left:0px;}
	.Hnav a{width:100%;height:45px;line-height:45px;border-bottom:1px solid #ccc;float:none;margin:0px;}
	.Hnav a .box{height:45px;line-height:45px;top:0px;}
	.Hnav a.cur .box span,
	.Hnav a:hover .box span{top:-45px;}
	.Hnav a i{display:none;}
	.Hnav a.cur,
	.Hnav a:active{border-color:#b60005;}

	/*-- Footer --*/
	.footer-container{padding:0 0 .47rem;}

	.footer-btm .flink{display:none;}
	.footer-btm .fcr{font-size:12px;line-height:18px;padding:0px;border:0px;margin:0px;}

	.Fnav{padding:0px;border:0px;}
    .Fnav{width:100% !important;margin:2% 0 0;}
	.Fnav i{display:none;}
    .Fnav dt{padding:0 2%;height:40px;line-height:40px;font-size:16px;border-bottom:1px solid #ccc;margin:0px;}
    .Fnav dt.cur{border-bottom:1px solid #b60005;}
    .Fnav dd{display:none;}
    .Fnav dd a{line-height:40px;padding:0 4%;}

	.Fct{width:100%;padding:0px;border:0px;margin:4% 0 0;}

	/*-- Container --*/
	#index-bnr{display:none;}
	#index-web-bnr{display:block;}

	.index-pro li img{width:40px;}
	.index-pro li .type{font-size:18px;line-height:24px;margin:12px 0 0;}
	.index-pro li .list{margin:10px 0 0;}
	.index-pro li .list a{line-height:26px;}


	.iCase-list li.l1,
	.iCase-list li.l2,
	.iCase-list li.l4,
	.iCase-list li.l5{width:25%;}
	.iCase-list li.l3,
	.iCase-list li.l6,
	.iCase-list li.l7,
	.iCase-list li.l8{width:50%;}
	.iCase-list li.l7 .iCase-box,
	.iCase-list li.l8 .iCase-box{width:50%;float:left;}

	.iCase-list li.l1 .iCase-box img,
	.iCase-list li.l7 .iCase-box img,
	.iCase-list li.l8 .iCase-box img{height:150px !important;}

	.iCase-list li.l2 .iCase-box img,
	.iCase-list li.l3 .iCase-box img,
	.iCase-list li.l4 .iCase-box img,
	.iCase-list li.l5 .iCase-box img,
	.iCase-list li.l6 .iCase-box img{height:300px !important;}

	.I-title .t1{line-height:36px;font-size:32px;}
	.I-title .t2{line-height:32px;font-size:16px;}
	.I-title .t3{width:100%;padding:0 2%;}

	.I-more.btn{width:200px;line-height:40px;font-size:14px;}
	.I-more.btn span{background-size:18px auto;}

	.index-abUs .con1{font-size:32px;line-height:46px;}
	.index-abUs .con2{width:92%;}
	.index-abUs ul li{margin:0 .4rem;}
	.index-abUs ul li .num{font-size:70px;line-height:66px;}

	.index-more{padding-left:4%;padding-right:4%;}
	.index-more .t1{line-height:43px;font-size:36px;}

	.iNews-1st .name{font-size:16px;line-height:22px;height:44px;}
	.iNews-list a{font-size:14px;line-height:28px;}

	.case-list li{width:50%;}


	.cIalbum-top{height:50px;}
	.cIalbum-top .btn{font-size:14px;line-height:28px;left:4%;top:11px;}
	.cIalbum-top .btn span{padding:0 0 0 30px;background-size:auto 80%;}

	.srv-stage.s4 .contain{padding:1.67rem 0 0;}
	.srv-stage .srv-box{width:80%;float:none;margin:0 auto;}
	.srv-stage .srv-web{display:block;}
	.srv-stage .contain{padding:0px;}
	.srv-stage .srv-bg{display:none;}

	.srv-stage.s4 .srv-web{padding:0px;}
	.srv-stage.s4 .srv-web img{width:100%;}

	.news-nav a{font-size:14px;line-height:40px;}
	.news-nav a:before{height:12px;top:14px;}

	.nlist-img img{height:auto;}
	.nlist-box .name{font-size:20px;line-height:28px;margin:.375rem 0 0;}
	.nlist-box .con{margin:.3rem 0 0;}
	.nlist-box .more{margin:.8rem 0 0;}

	.nInfo-right{display:none;}
	.nInfo-left{width:100%;padding:.53rem 0 1.02rem;min-height:0px;border:0px;}
	.nInfo-name{font-size:26px;line-height:32px;}
	.nInfo-share a{margin:0 10px 0 0;}

	.bnr-img.page-bnr{height:6rem;}

	.ctUs-form{width:80%;float:none;margin:0 auto;}


	.ctUs-box{padding:.51rem 0 .66rem .765rem;width:80% !important;position:relative;margin:4% auto 0;}

	.cPro-data li{margin:3% 0 0 .51rem;}
	.cPro-data li:first-child{margin:0px;}
	.cPro-data li .num{font-size:60px;line-height:50px;}

	.cCul-list .cCul-icon{width:120px;height:120px;line-height:116px;}

	.I-title .split{margin:.5rem auto .4rem;}

	.com-pro .title{font-size:30px;line-height:40px;}

	.cCul-list{margin:.69rem 0 0;}

	.float-right-box,
	.float_qq{display:none;}

	.index-news,
	.page-banner{display:none;}
	.web-banner{display:block;}

	.com-orn .comOrn-web{display:block;}
	.com-orn .comOrn-pc{display:none;}

	.iCase-list li{height:auto !important;width: 50%}

	.footer-flink{margin:20px 0 0;}
	.footer-flink .contain{padding:.5rem 0;}
	.footer-flink ul li{width:25%;}

	.proInfo-box{width:100%;float:none;}

	.proInfo-nav{width:100%;float:none;}

	.pInfoNav-cur,
	.pInfoNav-rtn{display:block;}

	.proInfo-split{display:none;}

	.pInfoNav-box{display:none;padding:0 4%;width:100%;height:100%;background:#fff;position:fixed;top:0px;left:0px;overflow-y:auto;z-index:9999;}

	.news-nav a{width:100%;}
	.hc-ul{height:36px;}
	.hc-ul li{height:36px;line-height:36px;}
    .Header-wrapper{z-index:9999;}
}

@media all and (max-width:768px){

	 .index-pro{padding:20px;}
	 .index-pro li{width:50%;padding:.37rem 0 .57rem;}

	.mainNav{padding:23px 0;}
	.mainNav .child{font-size:12px;width:140px;line-height:34px;margin:0 4px;border:1px solid #B9B8B8;}
	.mainNav .child.childList{background-position:114px center;margin-top:10px;}
	.mainNav .child.childList span{margin-left:12px;}
	.mainNav .child.childList ul{top:34px;left:-1px;border:1px solid #B9B8B8;width: calc(100% + 2px);}
	.mainNav .child.childList ul li{padding-left:12px;width:127px;height:34px;line-height:34px;}

	.iCase-list li.l1 .iCase-box img,
	.iCase-list li.l7 .iCase-box img,
	.iCase-list li.l8 .iCase-box img{height:120px !important;}

	.iCase-list li.l2 .iCase-box img,
	.iCase-list li.l3 .iCase-box img,
	.iCase-list li.l4 .iCase-box img,
	.iCase-list li.l5 .iCase-box img,
	.iCase-list li.l6 .iCase-box img{height:240px !important;}

	.I-title .t1{line-height:32px;font-size:28px;}
	.I-title .t2{line-height:30px;font-size:14px;}

	.index-abUs .con1{font-size:28px;line-height:42px;}
	.index-abUs ul li .num{font-size:60px;line-height:56px;}

	.index-more .t1{line-height:39px;font-size:32px;}

	.iNews-wrap{margin:0px;}
	.iNews-wrap li{width:60%;float:none;margin:4% auto 0 !important;}
	.iNews-1st .name{height:22px;}
	.iNews-list{margin:10px 0 0;}

	.cInfo-album,
	body.cIalbum-open .cInfo-album{width:100%;}
	.cInfo-album{right:-100%;}
	.cIalbum-swiper{width:92%;height:auto;}
	.cIalbum-swiper .swiper-pagination .swiper-pagination-bullet{width:33.333%;height:auto;}

	.srv-stage .srv-web img,
	.srv-stage .srv-box{width:90%;}
	.srv-stage .s-title{font-size:30px;line-height:40px;}
	.srv-stage .s-con{font-size:16px;line-height:24px;}
	.srv-stage .s-list{font-size:16px;line-height:30px;margin:20px 0 0;}

	.nlist-img,
	.nlist-box{width:80%;float:none;margin:0 auto;}
	.nlist-box{margin:2% auto 0;}

	.ctUs-form,
	.ctUs-box{width:90% !important}

	.cPro-data li .num{font-size:50px;line-height:40px;}

	.cCul-list .cCul-icon{width:100px;height:100px;line-height:96px;}
	.cCul-list .type{font-size:18px;line-height:26px;margin:18px 0 0;}
	.cCul-list .con{font-size:12px;line-height:22px;}

	.index-more{background-attachment:initial !important;}

	.bnr-img.page-bnr{height:8rem;}
	.caseInfo-name{width: 100%;text-align: left;font-size: 16px}
	.caseInfo-con{width: 100%;margin-right: 0;font-size: 14px}
	.caseInfo-con-con {font-size: 14px}
	.caseInfo-con-bom {margin-top: 50px}
	.caseinfo_top{padding: 50px 0}

}

@media all and (max-width:640px){

	.iCase-list li.l1,
	.iCase-list li.l2,
	.iCase-list li.l4,
	.iCase-list li.l5{width:50%;}

	.iCase-list li.l3,
	.iCase-list li.l6,
	.iCase-list li.l7,
	.iCase-list li.l8{width:100%;}

	.iCase-list li.l1 .iCase-box img,
	.iCase-list li.l7 .iCase-box img,
	.iCase-list li.l8 .iCase-box img{height:150px !important;}

	.iCase-list li.l2 .iCase-box img,
	.iCase-list li.l3 .iCase-box img,
	.iCase-list li.l4 .iCase-box img,
	.iCase-list li.l5 .iCase-box img,
	.iCase-list li.l6 .iCase-box img{height:300px !important;}

	.I-title .t1{line-height:28px;font-size:24px;}

	.index-abUs .con1{font-size:24px;line-height:38px;}
	.index-abUs ul li .num{font-size:50px;line-height:46px;}
	.index-abUs ul li .con{font-size:14px;line-height:24px;}

	.index-more .t1{line-height:35px;font-size:28px;}

	.iNews-wrap li{width:80%;}

	.case-sel{width:46%;margin:0 2%;}

	.pagination a{width:30px;height:30px;font-size:12px;margin:0 2px;}

	.p-rtn-btn{width:150px;line-height:34px;font-size:14px;}
	.p-rtn-btn span{padding:0 0 0 24px;background-size:16px auto;}

	.I-more.btn{width:160px;line-heihgt:34px;}
	.I-more.btn span{padding:0 24px 0 0;background-size:16px auto;}

	.news-nav a{font-size:12px;line-height:36px;}
	.news-nav a:before{height:10px;top:13px;}

	.nlist-img,
	.nlist-box{width:90%;}

	.ctUs-form,
	.ctUs-box{width:96% !important}

	.ctUs-box .ctUs-block{width:90%;}

	.cPro-data li .num{font-size:40px;line-height:30px;}
	.cPro-data li .type{font-size:14px;line-height:20px;}

	.cCul-list .cCul-icon{width:80px;height:80px;line-height:76px;}

	.com-culture .I-title .t3,
	.com-srv .I-title .t3{font-size:14px;line-height:24px;}

	.com-pro{padding:.8rem 2% 1.05rem;}

	.nInfo-share a{margin:0 10px 0 0 !important;}

	.bnr-img.page-bnr{height:10rem;}
	.footer-flink ul li{width:50%;}

    .pageflip{width:100%;}
	.flipbox .p-rtn-btn{float:left;margin-top:20px;}
}

@media all and (max-width:414px){

	.I-title .t1{line-height:24px;font-size:20px;}

	.index-abUs .con1{font-size:20px;line-height:34px;}
	.index-abUs ul li .num{font-size:40px;line-height:36px;}
	.index-abUs ul li .con{font-size:12px;line-height:20px;}

	.index-more .t1{line-height:31px;font-size:24px;}

	.index-pro li{padding:1.2rem 0;}

	.iNews-wrap li,
	.case-list li{width:100%;}

	.srv-stage .srv-web img{width:100%;}
	.srv-stage .srv-box{width:92%;}

	.nlist-img,
	.nlist-box{width:96%;}

	/*.nInfo-share{float:none;}
	.nInfo-action .p-rtn-btn{float:none;margin:15px 0 0;}*/

	.bnr-img.page-bnr{height:16rem;}



}

@media all and (max-width:375px){

	.index-abUs .con1{font-size:18px;line-height:24px;}

}