/*css by allen at 190330*/
.caseList li {
	background-color: #f9f9f9;
}
.caseList .liulannum {
    margin: 10px;
    color: #999;
}
/*手机底部*/
.dh_1{ 
display: none;
position:fixed;
bottom:0; 
background:#282828;
z-index:1002;
width:100%;
clear:both;
border-top: 2px solid #ffff;
}
.fud { width:100%; margin:0 auto auto auto;}
.fud dl {
float: left;
width: 20%;
text-align: center;
position: relative;
}
.fud dl img{
max-width: 158px;
max-height: 55px;
margin:auto;
}

#dt{
width: 100%;
text-align: center;
padding-top: 4%;
cursor: pointer;}
/*/手机底部*/
.bottom_sj {
	height: 80px;
	display: none;
}
.bottom_sj p {
	text-align: center;
}
@media screen and (min-width:1000px) {
    .headerpc {
        display:block;
    }
    .headermob {
        display: none;
    }
    .topbanner {
	margin-top: 20px;
}

}
@media screen and (min-width:1371px){
	.binbox .t{font-size: 36px;}
	.binbox .c{ font-size: 18px;}
	.binbox .yimg{ width: 186px;}
}
@media screen and (max-width:1200px){
	.inner{ width: 980px;}
	.top{ height: 122px;}
	.logo{ width: 179px;}
	.logo .txt{ font-size: 14px; border-bottom-width: 2px;}
	.silder-top-w{ font-size: 12px; padding: 6px 0px 10px;}
	.silder-top-tel{ margin-bottom: 16px; font-size: 16px;}
	.silder-top-tel .tel{ font-size: 24px; letter-spacing: 0.2em;}
	.nav a{ font-size: 15px;}
	.binbox{ width: 980px; margin-left: -490px;}
	.binbox .t{font-size: 28px;}
	.binbox .yimg{ width: 160px;}
	.binbox p{ padding-left: 62%;}
	.iproductBox .lbox{ width: 170px;}
	.iproductBox .rbox{ width: 770px;}
	.iproduct-nav-t{ font-size: 15px;}
	.iproduct-nav-c a{ font-size: 14px; margin-bottom: 10px;}
	.iproduct-tel{ padding: 15px;}
	.iproduct-tel .tel1, .iproduct-tel .tel2{ font-size: 15px;}
	.iproduct-t{ font-size: 15px;}
	.iproduct-list .c{ font-size: 15px; line-height: 31px;}
	.iserviceBox-t .en{ font-size: 30px;}
	.iserviceBox-t .zh{ font-size: 24px;}
	.ichooseUs{margin: 0px auto 20px; background-color: #fff;}
	.ichooseUs .inner{ height: auto; overflow: hidden;}
	.ichooseImg{ width: 36%;}
	.ichooseCon{ margin: 0px 0px 0px 41%; padding: 50px 0px 0px;}
	.ichooseCon .t{ margin-bottom: 25px;}
	.ichooseCon .zh{ font-size: 24px;}
	.ichooseCon .en{ font-size: 16px;}
	.ichooseCon .enbox{ padding-right: 80px; width: 150px;}
	.ichooseCon .enbox .i1{ width: 80%;}
	.ichooseCon .enbox .i2{ width: 80px;}
	.ichooseCon .c{ font-size: 14px;}
	.icustormBox{ padding: 80px 0px;}
	.icustormBox .en{ font-size: 18px;}
	.icustormBox .zh{ font-size: 40px;}
	.icustormBox .c{ font-size: 16px;}
	.iprocessList .itemBox{ margin: 0px 5px;}
	.iprocessList .img{ background: none #fff; height: auto;}
	.iprocessList .ico{ width: 100%;}
	.iprocessList .zh{ font-size: 16px;}
	.iboxT .en{ font-size: 30px;}
	.iboxT .zh{ font-size: 24px;}
	.idesignBox .c{ margin: 20px 5% 0px;}
	.icooperationList li{ width: 195px; height: 132px;}
	.icooperationList .name{ font-size: 14px; height: 17px;}
	.ilink-grop .grop-name{ font-size: 16px;}
	.ilink-grop .tel{ font-size: 18px;}
	.pbanner{ height: 280px;}
	.case-nav a{ font-size: 14px;}
	.sider-case{ width: 210px;}
	.sider-case-page{ width: 738px;}
	.sity_screen .cont dl dt{ float: none !important; width: auto; padding: 0px 5%; }
	.sity_screen .cont dl dd{ float: none !important; width: 95%; margin: 0px 0px 0px 5%;}
}
@media screen and (max-width:1024px){
	.transYT { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transYT2 { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT2 { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;  }
	.action.transYT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT2 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.inner{ width:95%;}
	.top{ height: auto; width: 100%;  background-color: #fff;/*position: fixed; left: 0px; top: 0px; z-index: 999;*/ box-shadow: -1px 0 3px rgba(0, 0, 0, 0.5);}
	.logo{ width: 114px; float: none; position: relative;}
	.logo .txt{ font-size: 12px; border-bottom-width: 2px; line-height: 20px; position: absolute; left:100%; bottom: 0%; width: 90px; padding: 7px 0px; background-color: #f9f9f9;}
	.logo .txt .line,.sliderBox,.menu-handler{ display: block;}
	.silder-top,.dock{ display: none;}
	/*.mtop{ height: 56px;}*/
	.banner .pimg { display: none; }
	.banner .mimg{ display: block;}
	.binbox{ width: 45%; margin-left: 0px; left: 50%;}
	.binbox p{ padding-left: 0;}
	.banner .slick-dots{ z-index: 10;}
	.banner .slick-dots li{ width: 10px; height: 10px; margin-bottom: 5px; padding: 0px 5px;}
	.banner .slick-dots li a{ background: none #fff; border-radius: 50%; border: 2px solid #fff; width: 6px; height: 6px;}
	.banner .slick-dots li.slick-active a{ background: none transparent; }
	.iproductBox{ padding: 50px 0px;}
	.iproductBox .lbox{ float: none; display: none;}
	.iproductBox .rbox{ float: none; margin-left: 0px; width: 100%;}
	.iproduct-t{ text-align: center; font-size: 16px; margin-bottom: 30px; line-height: 1.4; padding-bottom: 15px;}
	.iproduct-t b{ display: block; font-size: 24px; margin-bottom: 5px;}
	.iproduct-t .line,.iproduct-t .more{ display: none;}
	.iproduct-list .c{ font-size: 14px;}
	.iproduct-list .black-30{ display: none;}
	.iproduct-list li:hover .img img { transform: scale(1); -webkit-transform: scale(1); }
	.iproduct-list li:nth-child(7),.iproduct-list li:nth-child(8),.iproduct-list li:nth-child(9){ display: none;}
	.iledmore{ display: block;}
	.iserviceBox{ background-attachment: inherit;}
	.iserviceBox-t .ico{ width: 70px; height: 70px; background-size: cover;}
	.iserviceBox-t .en{ font-size: 24px;}
	.iserviceBox-t .zh{ font-size: 18px;}
	.iserviceList{ width: 90%;}
	.iserviceList .iico{ width: 40px; margin-bottom: 10px;}
	.iserviceList .itemBox{ font-size: 12px; height: 150px;}
	.ichooseUs .inner{ width: 100%;}
	.ichooseCon .zh{ font-size: 20px;}
	.ichooseCon .en{ font-size: 14px;}
	.ichooseCon .enbox{ width: 120px; padding-right: 62px;}
	.ichooseCon .enbox .i2{ width: 62px;}
	.ichooseImg{ width: 30%; height: 80%;}
	.ichooseImg img{ display: none;}
	.ichooseCon{ margin: 0px 5% 0px 35%;}
	.ichooseCon .c{ line-height: 1.8;}
	.aboutMore .txt{ color: #fff; width: 100%;}
	.aboutMore .txt .ib1{ width: 100%;}
	.icustormBox{ padding: 60px 0px; background-size: cover; background-repeat: no-repeat;}
	.icustormBox .en{ font-size: 16px;}
	.icustormBox .zh{ font-size: 28px;}
	.icustormBox .c{ font-size: 14px;}
	.iimgbox{ background-size: cover; background-repeat: no-repeat;}
	.iHPbox{ height: auto; padding: 50px 0px 120px;}
	.iHPbox .zh, .iHPbox .en{ font-size: 24px;}
	.iHPbox .c{ display: none;}
	.iHPbox .bq{ margin-top: 20px;}
	.ipigeBox{/* padding: 0px 0px 160px; */height: auto; background-image: none !important;}
	.ipigeBox .inner{ background-color: #4c4c4c; width: 100%;}
	.ipigeBox .zh{ font-size: 20px;}
	.ipigeBox .c{ width: 90%; margin: 0px auto; padding: 25px 0px;}
	.ipigeBox .img{ display: block; width: 100%;}
	.iprocessList .itemBox{ height: 210px;}
	.iboxT .i-ico{ width: 70px;}
	.iboxT .en{ font-size: 24px;}
	.iboxT .zh{ font-size: 18px;}
	.iboxT .i-ico2{width: 100px;}
	.idesignBox{ background-attachment: inherit;}
	.icooperationList .shBox{ display: none;}
	.icooperationList li{ width: 20%; box-sizing: border-box; height: auto; padding-bottom: 15px;}
	.ilink-grop .img{ margin-left: 0px;}
	.ilink-grop .grop-name{ padding: 8px 0px; font-size: 14px;}
	.ilink-grop .tel{ background-image: none; padding-left: 0px; font-size: 14px; min-height: 34px;}
	.pbanner{ width: 100%; height: auto; overflow: hidden;display: none;}
	.pbanner .pimg{ width: 120%; margin-left: -10%;}
	.cpnav{ display: block; height: 42px; line-height: 42px; font-size: 14px;}
	.case-nav-box{ margin: 20px auto; position: relative;}
	.cpnav-list{ position: absolute; left: 0px; top: 42px; line-height: 40px; width: 100%; z-index: 800; display: none; background-color: rgba(0,0,0,0.6);  text-align: center;}
	.case-nav{ margin-left: 0px;}
	.case-nav li{ width: 20%; margin-left: 0px; margin: 0; box-sizing: border-box; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
	.case-nav a:before{ display: none;}
	.case-nav a{ border: 0px none; border-radius: 0; padding: 0px;}
	.case-nav a:link,.case-nav a:visited { color: #fff;}
	.case-nav a:active,.case-nav a:hover { color: #fff;}
	.case-nav a.active{ background-color: #d29fa7;}
	.case-infobox .t{ font-size: 24px;}
	.pageT{ font-size: 18px;}
	.paging{ padding: 10px 0px 30px;}
	.paging a{ font-size: 14px; padding: 4px 10px;}
	.sider-case,.sider-case-page{ width: 100%; margin: 0px; float: ;}
	.sider-case{ margin-bottom: 20px;}
	.sider-case-nav li{ float: left; width: 20%; padding: 0; box-sizing: border-box; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
	.sider-case-nav a{ border: 0px none; border-radius: 0; padding: 0px; font-size: 14px; line-height: 40px;}
	.sider-case-nav a:link,.sider-case-nav a:visited { color: #fff;}
	.sider-case-nav a:active,.sider-case-nav a:hover { color: #fff;}
	.sider-case-nav a.active{ background-color: #d29fa7;}
	.aPitem1,.aPitem2{ font-size: 14px;}
	.aboutP-1{ font-size: 24px; margin-bottom: 30px;}
	.aboutP-2{ margin-bottom: 40px;}
	.aboutP-2 .t1,.aboutP-2 .t2{ font-size: 16px;}
	.problemList a:hover .c,.problemList .c{ display: none;}
	.problem-remcon li{ font-size: 14px; height: 30px; line-height: 30px;}
	.problem-T{ font-size: 18px; padding: 10px 0px;}
	.problem-remcon li{ display: none;}
	.problem-remcon li:nth-child(1),.problem-remcon li:nth-child(2),.problem-remcon li:nth-child(3),.problem-remcon li:nth-child(4){ display: block;}
	.whole-box .t{ font-size: 18px; margin-bottom: 25px;}
	.whole-box .c{ width: 100%; font-size: 14px; margin-bottom: 30px;}
	.whole-p1, .whole-p2{ font-size: 16px;}
	.itelBox{ padding: 20px 5%; font-size: 24px;}
	.itelBox .txt{ padding-left: 0;}
	.itelBox .telb{ position: relative; right: auto; top: 0; margin-top: 20px;}
	.ilist-item1,.ilist-item2{ width: 46%;}
	.ilist-line{ margin: 25px 0px 50px;}
	.icaseList li,.inewsList li{ font-size: 14px;}
	.ilist-T{ font-size: 16px;}
	.ilist-T .more{ font-size: 14px;}
	.contact-list .contact-lbox,.contact-list .contact-rbox{ float: none; width: 100%;}
	.map{ height: 320px; margin-top: 0;}
	.contact-list .contact-rbox{ margin-bottom: 30px;}
	.cmap{ padding-bottom: 20px; margin-bottom:20px;}
	.cmap .c-name{ margin-bottom: 8px;}
	.siteMap dt{ font-size: 16px;}
	.remocom-new .t{ font-size: 18px; }
	.remocom-new .list li{ font-size: 14px; }
}
@media screen and (max-width:860px){
	.binbox .t{font-size: 22px;}
	.binbox .c{ font-size: 14px;}
	.binbox .yimg{ width: 120px;}
	.iproduct-list li{ width: 49%;}
	.iserviceList .t{ font-size: 16px;}
	.iserviceList .itemBox{ margin: 0px 8px;}
	.iprocessList li{ width: 25%;}
	.iprocessList .itemBox{ margin: 0px auto; width: 100px;}
	.iliveList li{ width: 49%;}
	.icooperationList li{ width: 25%;}
	.ilink-grop li{ width: 32.33%; padding: 20px 0px 0px;}
	.case-nav li,.sider-case-nav li{ width: 25%;}
	.caseList .c{ font-size: 14px; height: 42px;}
	.aPitem1,.aPitem2{ float: none; width: 100%; min-height: 0;}
	.aPitem1 .lin3-b,.aPitem2 .lin3-t{ display: none;}
	.aboutP-list{ left: 10%;}
	.aboutP-1{ font-size: 20px; margin-bottom: 20px;}
	.aboutp-img .img{ width: auto; padding-left: 214px;}
	.aboutp-img .con{ background-size: auto 30%;}
	.sider-problem-con{ float: none; width: 100%;}
	.sider-problem{ float: none; width: 100%; margin-top: 20px;}
	.problem-T{ padding: 30px 0px 20px;}
	.problemInner .lin4{display: none;}
	.whoel-T{ font-size: 18px;}
	.whoel-clist{ font-size: 14px;}
	.itab{ width: 100%;}
	.itab .itemBox{ margin: 0px 20px;}
	.page-404{ width: 100%; padding-bottom: 30px;}
	.page-404 .img{ width: 80%;}
	.page-404 .t{ font-size: 24px}
	.page-404 .btn-box a{ width: 120px; height: 34px; line-height: 34px; font-size: 16px; }
	.page-404 .btn-box a.btn-42{ margin-left: 20px;}
}
@media screen and (max-width:641px){
	.headerpc {
        display: none;
    }
    .headermob {
        display: block;
    }
    .xw_main {
        display: none;
    }
    .caseList .img {
    	float: left;
        width: 40%;
        margin-bottom: 0px;
    }
    .caseList .c {
    	font-size: 16px;
    padding-top: 5px;
    padding-left: 5px;
    margin: 0;
    line-height: 1.4;
    word-break: break-all;
    text-align: left;
    }
    .caseList .liulannum {
    position: absolute;
    left: 40%;
    padding-left: 5px;
    bottom: 5px;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    }
	.binbox{ width: 60%; padding: 10px 5%;left: 30%;  top: 50%; height: auto; background-color: rgba(255,255,255,0.5);transform: translateY(-50%); -webkit-transform: translateY(-50%); }
	.binbox .t{font-size: 18px;}
	.binbox .c{font-size: 12px; margin-bottom: 0px;}
	.binbox .by{ display: none;}
	.binbox .yimg{ width: 80px;}
	.binbox .t,.binbox .c,.binbox .by{ transform: translateY(15px); -webkit-transform: translateY(15px);}
	.iproduct-t{ font-size: 14px; }
	.iproduct-t b{font-size: 18px; }
	.iserviceBox-t .en{ font-size: 16px;}
	.iserviceBox-t .zh{ font-size: 14px;}
	.iserviceList{ width: 90%;}
	.iserviceList li{ width: 33.33%; margin-bottom: 15px;}
	.iserviceList li:nth-child(4){ margin-left: 16.66%;}
	.ichooseImg{ width: 114px;}
	.ichooseCon{ margin: 0px 5% 0px 134px;}
	.ichooseCon .enbox{ padding-right: 0;}
	.ichooseCon .enbox .i2{ display: none;}
	.icustormBox{ padding: 100px 0px;}
	.icustormBox .zh{ padding: 10px 0px;}
	.icustormBox .c{ padding: 10px 5%; text-align: left;}
	.icustormBox .en{ font-size: 14px;}
	.icustormBox .zh{ font-size: 24px;}
	.iHPbox .zh, .iHPbox .en{ font-size: 18px;}
	.ipigeBox .zh{ font-size: 18px;}
	.ipigeBox .en{ font-size: 12px;}
	.ipigeBox{ background-size: auto 80%;}
	.iprocessList .itemBox{ margin: 0px 5px; width: auto; height: 210px;}
	.iprocessList .zh{ font-size: 14px;}
	.iboxT .en,.idesignBox .iboxT .en{ font-size: 16px;}
	.iboxT .zh,.idesignBox .iboxT .zh{ font-size: 14px;}
	.idesignBox .c{ margin: 20px auto 0px; font-size: 14px;}
	.icooperationList li{ width: 33.33%; padding-bottom: 8px;}
	.icooperationList .name{/* font-size: 12px; margin: 0px 10px; height: 29px;*/ display: none;}
	.ilink-grop{ display: none;}
	.ilink-list{ font-size: 12px;}
	.foot{ padding: 15px 0px; font-size: 12px; text-align: left;}
	.case-nav a,.sider-case-nav a{ font-size: 12px;}
	.caseList li{ width: 100%; margin-bottom: 10px;background-color: #f9f9f9;position: relative;}
	.case-infobox .t{ font-size: 18px;}
	.aboutp-img .img{ padding-left: 0px;}
	.aboutp-img .con,.aboutP-list{ position: relative; left: auto;bottom: auto;}
	.aboutp-img .con{ width: 100%;}
	.aboutP-list{ padding: 40px 5%; text-align: center;}
	.aboutp-img .con{ background-size: auto 55%;}
	.problemList li,.paging2{ font-size: 14px;}
	.problemList li .time{ font-size: 12px;}
	.paging2 .number{ display: none;}
	.whoel-T{ font-size: 16px;}
	.whole-p1,.whole-p2{ float: none; margin:0px 0px 5px 0px;}
	.itelBox{ font-size: 18px;}
	.ilist-item1,.ilist-item2{ float: none; width: 100%;}
	.ilist-item2{ display: none;}
	.itab .itemT{ margin-left: 0px; padding-left: 0px; text-align: center;}
	.itab .i{ display: none;}
	.map{ height:220px;}
	.cmap .c-name{ font-size: 14px; margin-bottom:5px;}
	.cmap{ font-size: 12px;}
	.cmap .c-add,.cmap .c-tel,.cmap .c-qq{ background-size: auto 16px; padding-left: 24px; background-position: left 3px;}
	.siteMap{ font-size: 13px;}
	.siteMap dt{ padding: 5px 15px;}
	.siteMap dd{ padding:20px 15px;}
	.remocom-new .t{ font-size: 18px; }
	.remocom-new .list li{ background-size: auto 40%; float: none; width: 100%;}
	.page-404 .t{ font-size: 18px}
}	
@media screen and (max-width:481px) {
	.binbox .yimg{ width: 50px;}
	.binbox .t{font-size: 16px;}
	.iproduct-list .c{ line-height: 1.4; margin-top: 6px; height: 40px;}
	.iserviceList{ width: 100%;}
	.aboutMore{ background-image: none; padding-left: 0px; width: 100%;}
	.ichooseCon .enbox{ padding:20px 0px 0px 0px; width:80px;}
	.ichooseCon .enbox .i1{ width: 100%;}
	.ichooseCon .en{ display: none;}
	.ichooseCon .zh{ font-size: 18px; float: none; display: block;}
	.ichooseCon .enbox{ float: none; padding: 10px 0px 0px;}
	.ichooseCon .bot{ width: 100%;}
	.icustormBox .zh{ font-size: 18px;}
	.iprocessList .itemBox{ height: 150px;}
	.iprocessList .num{ font-size: 14px;}
	.iprocessList .en{ display: none;}
	.iprocessList .zh{ font-size: 13px;}
	.case-nav li,.sider-case-nav li{ width: 33.333%;}
	.caseList .c{ text-align: left;}
	.aboutp-img .con{ background-size: auto 50%;}
	.paging2 .curpage{ display: none;}
	.itab .itemBox{ height: auto;}
	.itab .itemT{ height: auto; padding: 5px 0px;}
	.itab .t{ font-size: 16px;}
	.itab .en{ font-size: 12px;}

    .dh_1 {
        display: block;
    }
    .bottom_11 {
    	display: none;
    }
    .bottom_sj {
    	display: block;
		margin-bottom: 10px;
		border-top: 1px #d0d0d0 dashed;
        padding-top: 10px;
    }
    .xlxfs {display: none;}
    .xzbottom{display: none;}
}
@media screen and (max-width: 375px) {
	.binbox .t{font-size: 14px;}
	.iprocessList .zh{ font-size: 15px; width: 34px; margin: 0px auto; line-height: 1.4;}
}
@media screen and (max-width: 360px) {
	.binbox{ width: 65%; left: 25%; }
	.iserviceList .itemBox{ font-size: 10px; padding-top: 12px; height: 140px;}
	.case-nav li,.sider-case-nav li{ width: 50%;}
	.aboutp-img .con{ background-size: auto 40%;}
	.pageT{ font-size: 16px;}
}