@media screen and (max-width: 1280px) {
.center{width:95%;}
#BannerVideo .maintext{margin-top:-15%;font-size:50px;text-align:center;width:100%;left:0px;margin-left:0;}
#Service .center{width:1000px;}
#Service dl{margin:0px 30px 0px 35px;padding-top:20px;padding-bottom:20px;}
#Service h3{margin-bottom:15px;}
#partner{height:auto;}
#partner .title{margin-bottom:40px;}
.title{padding-top:20px;padding-bottom:30px;}
.title h3,.title h1{line-height:1.67;font-size:32px;font-weight:normal;}
.title h4,.title h2{line-height:1.66;font-size:20px;font-weight:normal;color:#cccccc;}
.mainTitle h4{}
.mainTitle p{font-size:16px;}
#YouShi{width:1000px;}
#About{padding-bottom:80px;padding-top:20px;}
#About .center{width:950px;}
#About h5{font-size:28px;margin-bottom:30px;}
#About p{font-size:22px;}
#About .company_name{font-size:40px;margin-bottom:20px;}
#ZhuanZhu{width:1000px;}
#ZhuanZhu h3{font-size:40px;}
#ZhuanZhu h4{font-size:32px;}
#ZhuanZhu .text h5{font-size:30px;}
#ZhuanZhu .text p{font-size:18px;}
#PhotoShow{width:1000px;}
#PhotoShow h4{font-size:30px;}
#PhotoShow h5{font-size:18px;}
#PhotoShow h5 span{font-size:14px;}
#PhotoShow ul{margin-top:30px;}
#footer .center{width:1000px;}
#link{width:100%;}

}
@media screen and (max-width:1050px)
{
#YouShi{width:750px;}
#About .center{width:700px;}
#ZhuanZhu{width:750px;}
#ZhuanZhu h3{margin-left:0px;text-align:center;}
#ZhuanZhu h4{text-align:center;margin-left:0px;}
#ZhuanZhu .redbg{width:100%;}
#ZhuanZhu .picshow{width:95%;float:none;padding-top:83%;margin-left:2.96%;}
#ZhuanZhu .text{float:none;width:95%;margin:0 auto;}
#ZhuanZhu .text h5{}
#ZhuanZhu .text h5 .line{margin-top:10px;border-width:2px;}
#ZhuanZhu .text h5 br{display:none;}
#ZhuanZhu .text p{margin-bottom:10px;}
#PhotoShow{width:750px;}
.mainTitle h4{font-size:36px;}
.mainTitle p{font-size:14px;}
#footer{height:auto;}
#lianxi{height:auto;float:none;margin:0 auto;width:300px;text-align:center;padding-top:15px;padding-bottom:15px;}
#lianxi .share{margin-left:55px;}
#erweima{float:none;display:block;height:auto;padding-top:20px;padding-bottom:20px;margin:0 auto;}
#footer .center{width:750px;}
}
@media screen and (max-width:1200px) and (min-width:751px)
{
#header{height:auto;}
#logo{width:25.33%;}
#menu{width:70.5%;height:auto;}
#menu ul li a{font-size:14px;height:70px;line-height:70px;}
#Service h3{margin-bottom:40px;}
#Service .center{width:100%;}
#Service dl{width:40%;margin-left:5%;margin-right:5%;}
#Service dl dt{width:80%;margin:0 auto;}
#Service dl .icon_service_{margin:0 auto;display:block;}
}


@media screen and (max-width: 750px) {
#Service h3{width:215px;height:39px;background: url(../images/title.png) no-repeat left top;background-size:100%;display:block;margin:0 auto;text-indent:-99em;overflow:hidden;margin-bottom:5.45%;}
#Service .center{width:100%;}
#Service dl{width:25.00%;float:left;margin-left:14.36%;margin-right:3.06%;margin-bottom:0;padding-top:0;text-align:center;}
#Service dl dt{font-size:14px;line-height:1.96;border-bottom:1px solid #9a9a9a;font-weight:bold;color:#f56600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
#Service dl dt a{color:#f56600;}
#Service dl dd{font-size:10px;line-height:1.40;color:#8a8a8a;padding-top:2px;}
.icon_service_{display:block;vertical-align:middle;padding-top:116.51%;background:url(../images/iconlist.png) no-repeat left top;background-size:400%;width:98.00%;}
.icon_service_.icon_service_1x1{background-position:0 0;}
.icon_service_.icon_service_1x1:hover{background-position:0 100%;}
.icon_service_.icon_service_2x1{background-position:33.33% 0;}
.icon_service_.icon_service_2x1:hover{background-position:33.33% 100%;}
.icon_service_.icon_service_3x1{background-position:66.66% 0;}
.icon_service_.icon_service_3x1:hover{background-position:66.66% 100%;}
.icon_service_.icon_service_4x1{background-position:99.99% 0;}
.icon_service_.icon_service_4x1:hover{background-position:99.99% 100%;}

#YouShi{width:95%;margin:0 auto;padding-top:10px;padding-bottom:10px;}
#YouShi dl{width:100%;height:auto;border-radius:0;padding-top:10px;padding-bottom:10px;}
#YouShi dl dt{width:30%;float:left;margin-bottom:0px;font-size:18px;text-align:center;}
#YouShi dl dt span{font-size:10px;}
#YouShi dl dt .pic{width:95%;padding-top:95%;border-width:3px;float:left;margin-bottom:10px;}
#YouShi dl dd{text-align:left;float:right;width:60%;margin-right:5%;padding-top:5%;}
#About{padding-bottom:30px;margin-bottom:0px;}
#About .center{width:95%;}
#About h5{font-size:18px;margin-bottom:10px;}
#About p{font-size:16px;}
#About .company_name{font-size:20px;margin-bottom:10px;}
#ZhuanZhu{width:100%;margin-bottom:20px;margin-top:0px;}
#ZhuanZhu h3{font-size:24px;}
#ZhuanZhu h4{font-size:16px;}
#ZhuanZhu .text h5{font-size:20px;}
#ZhuanZhu .text p{font-size:16px;}
#PhotoShow{width:95%;margin-bottom:10px;}
#PhotoShow h4{font-size:24px;}
#PhotoShow h5{font-size:16px;}
#PhotoShow h5 span{font-size:12px;}
#PhotoShow ul{margin-top:20px;}
#banner2{}
#banner2 img{width:100%;}
.mainTitle h4{font-size:16px;margin-bottom:8px;}
.mainTitle h4 .line{border-width:1px;width:60px;margin-left:-30px;}
.mainTitle p{font-size:10px;width:70%;margin:0 auto;line-height:1.8;}
#Works_jieshao{width:90%;}
#Works_jieshao .text h1{line-height:1.70;}
#Works_show{width:90%;}
#WorksList{width:100%;}
#WorksList .CaseList{width:100%;}
#WorksList .CaseList li{width:46.00%;margin-left:2.5%;margin-right:0;}
#WorksList .Tab{margin-top:0px;}
#WorksList .Tab li{width:33.33%;border-bottom:1px solid #1a1a1a;border-right:1px solid #1a1a1a;box-sizing:border-box;}
#WorksList .Tab li a{font-size:13px;height:36px;line-height:36px;}
.CaseList figcaption{bottom:auto;top:100%;}
.caseTab a{width:33.33%;margin-bottom:1px;}
.mobile_tab{margin:0px auto 10px auto;background-color:#3a3a3a;position:relative;z-index:1300;box-shadow:0 0 14px rgba(0,0,0,0.2);}
.mobile_tab dt{font-size:16px;line-height:2.38;color:#fff;width:90%;margin:0 auto;position:relative;}
.mobile_tab dt::after{content:"";width:17px;height:10px;background: url(../images/icon_arrow_bom.png) no-repeat left top;background-size:100%;position:absolute;right:0px;top:50%;margin-top:-5px;transition:all 0.3s linear;}
.mobile_tab dt a{color:#fff;}
.mobile_tab dt.dtchange{}
.mobile_tab dt.dtchange::after{transform:rotate(-180deg);}
.mobile_tab dd{position:absolute;top:100%;background-color:#3a3a3a;width:100%;border-top:1px solid #a0a0a0;display:none;}
.mobile_tab dd a{display:block;font-size:14px;line-height:2.30;padding-left:5%;color:#fff;border-bottom:1px solid #a0a0a0;}
.pages{font-size:14px;line-height:36px;padding-top:12px;padding-bottom:12px;}
.pages span{display:block;}
.pages a{padding-left:12px;padding-right:12px;}
#copyright{height:auto;padding:10px 0 0; background:#111;}
#copyright .center{ text-align:center;padding:0;margin:0;width:100%;}
#copyright ul{width:95%;margin:0 auto 10px;display:block;}
#copyright ul li{ font-size:12px; line-height:1.7;}
#copyright p{ display:block;height:auto; background:#000;color:#ccc;line-height:1.7;padding:10px 0;}
}
@media screen and (max-width:750px)
{
#BannerVideo{width:100%!important;height:100%!important;}
#BannerVideo .maintext{font-size:22px;}
}
@media screen and (max-width:450px)
{
.title{padding-top:10px;padding-bottom:10px;}
.title h3,.title h1{line-height:1.67;font-size:18px;font-weight:normal;}
.title h4,.title h2{width:90%;margin:0 auto;line-height:1.66;font-size:11px;font-weight:normal;color:#cccccc;}
}