@charset "GBK";

@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:1400px){
.service li,
.service li .layer1,
.service li .layer2{border-radius:5px;}
}

@media screen and (max-width:1100px){
.banner .swiper-slide div{top:20%;}
.service li{width:calc(50% - 40px); width:-webkit-calc(50% - 40px); width:-moz-calc(50% - 40px); margin:0 10px 40px 10px;}
.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);}

.lpMain{padding:0 30px;}
.lpMain .info{width: 100%; max-width: 100%; padding-top:20px;}
.lpMain .gif{ 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);}
.ch_descript{padding:0 12px;padding-top:0px;}
}
@media screen and (max-width:860px){
.banner .swiper-slide div span{font-size:32px;}
.lpMain .info .more{text-align: center}
}

@media screen and (max-width:780px){
.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 #dddddd; 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{display:block;}

.pin2_fonts{width:100%;max-width:100%;}
.pin2_title{font-size:28px;text-align:center;padding-top:2%;}

.banner .swiper-slide div span{font-size:24px;}
.banner .swiper-slide div p{ padding:10px 0 10px 0; font-size:16px;}

.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:30px 0 1px 0;}
.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);}

.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;}

.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:hover,
.news .left-side .a_be{background-color:#000000; color:#FFFFFF;
	transform: scaleX(1);
	transform-origin: 0 100%;	
	-webkit-transform: scaleX(1);    /* for Chrome || Safari */
	-webkit-transform-origin: 0 100%;	
	-moz-transform: scaleX(1);       /* for Firefox */
	-moz-transform-origin: 0 100%;	
	-ms-transform: scaleX(1);        /* for IE */
	-ms-transform-origin: 0 100%;	
	-o-transform: scaleX(1);        /* for Opera */
	-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; }

}

@media screen and (max-width:650px){
}


@media screen and (max-width:580px){
.case-list li{width:calc(100% - 0px); width:-webkit-calc(100% - 0px); width:-moz-calc(100% - 0px); margin:6px 0 6px 0;}

/*二级页面*/
.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 0 0px 0;}

.news .right-side .related .related-list li{width:100%; margin:0 0 0 0;}
}

@media screen and (max-width:501px){
.head .logo p{display:none;}
.banner .swiper-slide div span{font-size:18px;}
.banner .swiper-slide div a{ display:none;}

.service li{width:calc(100% - 20px); width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); margin:0 0px 20px 0px;}

.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;}


.i_pin2d{width:100%;overflow:hidden;}

.cehua{width:50%;height:200px;background-size:100% 100% !important;position: relative;float:left;overflow:hidden;}
.cehua_icon{transition:0.5s 0.2s;-webkit-transition:0.5s 0.2s;opacity:1;width:93px;height:84px;margin:0 auto;margin-top:10%;background-size:100% 100% !important;}
.black_yinying{position:absolute;top:0px;left:0px;width:100%;height:100%;background: rgba(232,54,23,0.8);opacity:0;transition:0.7s 0s;-webkit-transition:0.7s 0s;}
.cehua:hover .black_yinying{opacity: 1;}
.cehua:hover .cehua_icon{transform:scale(1.2);}
.cehua_tit{font-size:18px;color:#fff;text-align:center;padding-top:17px;margin-top:10px;opacity:1;transition:1s 0.6s;-webkit-transition:1s 0.6s;}


}


@media screen and (max-width:400px){
.flow-box .flow li{width:calc(100% - 42px); width:-webkit-calc(100% - 42px); width:-moz-calc(100% - 42px); margin:0 0px 20px 0px;}
.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 0px 20px 0px;}
}

@media screen and (max-width:350px){


}