/* Ô­ 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}
.news .left-side{float:left;position:static}
}

@media screen and (max-width:1360px){
.head .nav li{ padding:0 16px 0 16px;}
.head .nav li:nth-child(9){display:none;}
}
@media screen and (max-width:1281px){
	.service li{width:23%; width: calc(100%/4); width: -moz-calc(100%/4); width: -webkit-calc(100%/4); margin:5px 0 5px 0;}
	.service li:nth-of-type(even){width:23%; width: calc(100%/4); width: -moz-calc(100%/4); width: -webkit-calc(100%/4);}
	.service .li_be{width:23% !important;; width: calc(100%/4) !important;; width: -moz-calc(100%/4) !important;; width: -webkit-calc(100%/4) !important;}
	
	.service li:nth-child(9){ width:50%;}
	.service li:nth-child(10){ width:50%;}
}
@media screen and (max-width:1100px){
.service li{width:50%;}
.service li:nth-of-type(even){width:50% !important;}
.service .li_be{width:50% !important;}

.service li:nth-child(1),
.service li:nth-child(5),
.service li:nth-child(9){ background-color:#D60000; color:#FFFFFF; border-right:0;}

.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)}
/*2022-9-17*/
.head .logo p{display:none;}

}
@media screen and (max-width:960px){.flow-box{background-image:url(../images/flow.jpg);background-repeat:no-repeat;background-position:center top;background-size:auto 100%;height:auto;padding:30px 0 30px 0}
.flow-box .flow li{width:calc(33.33333% - 62px);width:-webkit-calc(33.33333% - 62px);width:-moz-calc(33.33333% - 62px)}
.flow-box .flow li:nth-child(4),.flow-box .flow li:nth-child(5){width:calc(50% - 62px);width:-webkit-calc(50% - 62px);width:-moz-calc(50% - 62px)}

}
@media screen and (max-width:900px){
.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-bj{background-color: rgba(255,255,255,0.5);}

.hei30{height:20px; line-height:20px;}

.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; width:100%;}
.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}
.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)}
.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:100%; margin-left:0px}
.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;}

.case-list{width:100%; padding:10px 0 10px 0;}
.case-list li{width:calc(50% - 20px);width:-webkit-calc(50% - 20px);width:-moz-calc(50% - 20px);}

/*°¸ÀýÏêÏ¸*/
.case_box{padding:15px 0 15px 0;}
.case_box .case_main{padding:10px 0 10px 0;}
.case_box .case_main .case_title p{ font-size:18px; width:100%; text-align:center; padding:5px 0 10px 0;}
.case_box .case_main .case_more .img_list li{ width:31%; width:calc(33.3333% - 20px); width:-webkit-calc(33.3333% - 20px); width:-moz-calc(33.3333% - 20px); padding:10px;}

}
@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}
.related .related-list li{width:100%;margin:0}

.service li{width:100%;}
.service li:nth-of-type(even){width:100% !important;}
.service .li_be{width:100% !important;}
.service li:nth-child(9){ width:100% !important;}
.service li:nth-child(10){ width:100% !important;}

.service li:nth-child(3),
.service li:nth-child(7){ background-color:#D60000; color:#FFFFFF; border-right: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}
}
