/* Ô­ adapter.css */
@media screen and (max-width:1920px){.flow-box{background-size:auto auto}
.er-banner{background-size:auto auto}
}
@media screen and (max-width:1600px){.service{max-width:calc(100% - 20px);max-width:-moz-calc(100% - 20px);max-width:-webkit-calc(100% - 20px);min-width:inherit}
.flow-box .flow{max-width:calc(100% - 20px);max-width:-moz-calc(100% - 20px);max-width:-webkit-calc(100% - 20px);min-width:inherit}
.package-box .package{max-width:calc(100% - 20px);max-width:-moz-calc(100% - 20px);max-width:-webkit-calc(100% - 20px);min-width:inherit}
.news .left-side{float:left;position:static}
}
@media screen and (max-width:1400px){
.service li,.service li .layer1,.service li .layer2{border-radius:5px}
}
@media screen and (max-width:1330px){
.head .nav li{ padding:0 16px 0 16px;}
.head .nav li:nth-child(9){display:none;}
}
@media screen and (max-width:1100px){
.service li{padding:0;width:calc(50% - 12px);width:-webkit-calc(50% - 12px);width:-moz-calc(50% - 12px);margin:0 5px 30px 5px}
.case-list li{width:calc(50% - 20px);width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px)}
.footer_box .foot .left{width:100%}
.footer_box .foot .right{width:calc(50% - 40px);width:-webkit-calc(50% - 40px);width:-moz-calc(50% - 40px)}
.footer_box .foot .contact{width:calc(50% - 40px);width:-webkit-calc(50% - 40px);width:-moz-calc(50% - 40px)}
}
@media screen and (max-width:960px){
.flow-box{padding:10px 0 0 0}
.flow-box .flow{padding:20px 0 0 0}
.flow-box .flow li{width:calc(50% - 62px);width:-webkit-calc(50% - 62px);width:-moz-calc(50% - 62px)}
.flow-box .flow li:nth-child(5){width:calc(100% - 62px);width:-webkit-calc(100% - 62px);width:-moz-calc(100% - 62px)}



.package-box{background:#fff;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;height:auto;padding:30px 0 30px 0}
.package-box .package li{width:calc(50% - 62px);width:-webkit-calc(50% - 62px);width:-moz-calc(50% - 62px)}


.customer-box{background:#fff;background-repeat:no-repeat;background-position:center top;background-size:auto 100%;height:auto;padding:30px 0 30px 0}
.customer-box .customer li{width:calc(50% - 2px);width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px)}
.customer-box .customer li:nth-child(5){border-right:1px solid #e7e7e7;}
.customer-box .customer li:nth-child(10){ border-right: none;}
.customer-box .customer li:nth-child(15){ border-right:1px solid #e7e7e7;}
.customer-box .customer li:nth-child(2){ border-right: none;}
.customer-box .customer li:nth-child(4){ border-right: none;}
.customer-box .customer li:nth-child(6){ border-right: none;}
.customer-box .customer li:nth-child(8){ border-right: none;}
.customer-box .customer li:nth-child(12){ border-right: none;}
.customer-box .customer li:nth-child(14){ border-right: none;}
.customer-box .customer li:nth-child(16){ border-right: none;}
.customer-box .customer li:nth-child(18){ border-right: none;}
.customer-box .customer li:nth-child(20){ border-right: none;}


.about-box{
	background-image: url(../image/aboutBg.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size: auto auto;
	height:auto;
	margin-top: 0px;
	padding:30px 0 30px 0
	}
.about-box .about {
    margin-top: 0px;
}

.about-box .about .counter {
    font-size: 20px;
}
.about-box .about .coun em {
    font-size: 20px;
}

.about-box .about .coun li p {
    font-size: 14px;
}
.about-box .about .coun {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 14px 0;
    display: block;
}

.about-box .about .pic img {
    border: 2px solid #fff;
}

.about-box .btitle{padding:20px 0 2px 0;width:auto;width:calc(100% - 80px);width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);background-position:center 80px}
.about-box .btitle div{height:40px;line-height:40px;font-size:28px}
.about-box .btitle p{display:inline-block;line-height:18px}




}
@media screen and (max-width:780px){
.head{ padding:8px 1px 2px 1px; width:calc(100% - 2px); width:-moz-calc(100% - 2px); width:-webkit-calc(100% - 2px);}
.head .logo h1{margin-top:5px}
.head .logo img{height:40px}
.head .logo p{font-size:12px}
.head .nav{display:none;position:absolute;z-index:55555;background-color:#f9f9f9;top:74px;left:0;width:100%;padding:10px 0 20px 0}
.head .nav li{float:none;border-bottom:1px solid #ddd;text-align:center}
.head .nav li:nth-child(7),.head .nav li:nth-child(8),.head .nav li:nth-child(9){display:none}
.nav-ico{width:36px;height:36px;line-height:36px;display:block}

.head-k{height:60px;}

.title{padding:20px 0 2px 0;width:auto;width:calc(100% - 80px);width:-webkit-calc(100% - 80px);width:-moz-calc(100% - 80px);background-position:center 80px}
.title div{height:40px;line-height:40px;font-size:28px}
.title p{display:inline-block;line-height:18px}




.service{padding:20px 0 1px 0}
.service li .layer1{line-height:24px}
.service li .layer1 p{font-size:15px;padding-bottom:5px}
.service li .layer1 span{font-size:12px;display:none}
.service li:hover .layer2{display:none}


.package-box{padding:10px 0 0 0}
.package-box .package{padding:20px 0 0 0}
.package-box .package li{width:calc(50% - 62px);width:-webkit-calc(50% - 62px);width:-moz-calc(50% - 62px)}


.recommend{padding:0 10px 0 0}
.case-more{height:30px;line-height:30px;text-align:center;background-color:#eee;color:#333;font-size:16px}
.news-main .news-box{float:left;width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);margin-left:10px}
.footer_box .foot-title{text-align:center}
.footer_box .foot .right{width:calc(100% - 40px);width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);text-align:center;margin:0 20px 0 20px}
.footer_box .foot .right p{text-align:center}
.footer_box .foot .contact{width:calc(100% - 40px);width:-webkit-calc(100% - 40px);width:-moz-calc(100% - 40px);margin:0 20px 0 20px}
.footer_box .foot .contact p:nth-child(7){text-align:center;}
.hei50{height:30px}
.er-banner{height:180px}
.er-banner p{font-size:16px;line-height:40px;top:calc(50% - 40px);top:-webkit-calc(50% - 40px);top:-moz-calc(50% - 40px)}
.er-banner p span{font-size:24px}
.news .left-side{width:100%;position:static}
.news .left-side a{float:left;margin:0 5px 20px 5px;width:calc(25% - 34px);width:-webkit-calc(25% - 34px);width:-moz-calc(25% - 34px);text-align:center;padding:10px}
.news .left-side .a_be,.news .left-side a:hover{background-color:#000;color:#fff;transform:scaleX(1);transform-origin:0 100%;-webkit-transform:scaleX(1);-webkit-transform-origin:0 100%;-moz-transform:scaleX(1);-moz-transform-origin:0 100%;-ms-transform:scaleX(1);-ms-transform-origin:0 100%;-o-transform:scaleX(1);-o-transform-origin:0 100%}
.news .right-side{width:calc(100% - 20px);width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);margin-right:10px}
.news .right-side .list li{float:left;width:calc(100% - 22px);width:-webkit-calc(100% - 22px);width:-moz-calc(100% - 22px);margin:0 0 20px 0;padding:5px 10px 20px 10px}
/*¿Í·þÒþ²Ø*/
.kefu{display:none;}
}
@media screen and (max-width:580px){.news .right-side .list li div .left-img{float:left;width:100%}
.news .right-side .list li div .right-c{float:right;width:100%;margin:10px 0 0 0;line-height:30px;font-size:12px;padding:0}
.news .right-side .related .related-list li{width:100%;margin:0}
}
@media screen and (max-width:501px){
.mypage div a{height:27px;line-height:26px;margin-left:1px;margin-right:1px;padding:0 8px 0 8px}
.news .left-side a{float:left;margin:0 5px 10px 5px;width:calc(50% - 34px);width:-webkit-calc(50% - 34px);width:-moz-calc(50% - 34px);text-align:center;padding:10px;height:44px;overflow:hidden}
}
@media screen and (max-width:400px){.head .logo p{display:none}
.flow-box .flow li{width:calc(100% - 42px);width:-webkit-calc(100% - 42px);width:-moz-calc(100% - 42px);margin:0 0 20px 0}
.flow-box .flow li:nth-child(4){width:calc(100% - 42px);width:-webkit-calc(100% - 42px);width:-moz-calc(100% - 42px)}
.flow-box .flow li:nth-child(5){width:calc(100% - 42px);width:-webkit-calc(100% - 42px);width:-moz-calc(100% - 42px);margin:0 0 20px 0}

.package-box .package li{width:calc(100% - 42px);width:-webkit-calc(100% - 42px);width:-moz-calc(100% - 42px);margin:0 0 20px 0}
.package-box .package li:nth-child(4){width:calc(100% - 42px);width:-webkit-calc(100% - 42px);width:-moz-calc(100% - 42px)}

}
