@charset "utf-8";
/* CSS Document */


/*index*/
@media screen and (max-width: 650px) {
	.banner .ban-box .txts .txt h4{ font-size:3em;}
	.banner .ban-box .txts .txt h3{ font-size:1.3em;}
	.banner .ban-box .txts{ padding:4% 6%;}
	.banner .ban-box .txts .btn a{ font-size:1.8em;}
	.banner .ban-box .txts .btn a img{ width:20px;}
	.banner .ban-box .txts .btn a{ padding:10px 20px;}
	.warp{ padding:0 6%;}
	.tit h3{ font-size:2em;}
	.tit span img{ width:30px;}
	.tit>*{ line-height:30px;}
	.iab .txt p{ font-size:1.8em; line-height:36px;}
	.iadds .adds .swiper-slide .txt{ padding-left:6%;}
	.iadds .adds .swiper-slide .txt h3{ font-size:2em;}
	.iadds .adds .swiper-slide .txt h4{ font-size:1.8em; margin:12px 0 8px 0;}
	.iadds .adds .swiper-slide .txt p{ font-size:1.6em;}
	.footer .btns a{ font-size:2em;}
	.footer .btns{ padding:30px 0 50px 0;}
}
@media screen and (max-width: 550px) {
	.banner .ban-box .txts .txt h4{ font-size:2.8em;}
	.banner .ban-box .txts .txt h3{ font-size:1.2em;}
	.banner .ban-box .txts .btn a{ margin:6px 0 0 0; font-size:1.4em;}
	.iab .txt p{ font-size:1.6em; line-height:28px;}
	.iadds .adds .swiper-slide .txt h3{ font-size:1.6em;}
	.iadds .adds .swiper-slide .txt h4,.iadds .adds .swiper-slide .txt p{ line-height:1.5; font-size:1.4em;}
	.iadds .adds .swiper-slide .txt h4{ margin:6px  0 0 0 ;}
	.iadds .adds .swiper-slide{ padding:12px; border-radius: 6px;}
	.iadds .adds .adds-slider{ padding:14px 10px 24px 10px;}
	.iadds .adds .swiper-slide{  box-shadow: 0px 0px 14px rgba(0,0,0,0.2);}
	.adds .swiper-pagination-bullet{  width:30px; }
	.adds .swiper-pagination-bullet-active{ width: 50px; background: #ef7513;}
	.footer .btns a{ font-size:1.6em;}
	.footer .btns{ padding:20px 0 40px 0;}
	.footer .btns a{ box-shadow: 0px 3px 10px rgba(0,0,0,0.3); }
	.footer .t p{ font-size:1.4em;}
    .index h1 {
       
        height: 70px;
        line-height: 70px;
        font-size: 30px; 
    }
    .in_txt {
        padding: 20px 30px;
    }
    .lp_list {
        padding: 10px 15px
    }

    .in_txt p {
        font-size: 16px;
        line-height: 32px;
    }
    .box_title h2 {
        font-size: 20px;
    }
    .box_title p {
        font-size: 16px;
    }

    .box_title {
        
        padding: 0 25px;
        
    }
    .lpbox {
        margin: 25px 0;
    }
}
@media screen and (max-width: 450px) {
	.banner{ padding:20px 15px 30px 15px;}
	.line span{ width: 15%; background: #5298ff; height: 5px; margin: -3px 0 0 5%;}
	.tit h3{ font-size:1.6em;}
	.tit span img{ width:24px;}
	.tit>*{ line-height:24px;}
	.iab .txt p{ font-size:1.4em; line-height:24px;}
	.iab .txt img{ margin:20px 0 0 0;}
	.iadds{ padding:30px 0;}
	.iadds .adds .swiper-slide .txt{ padding-left:14px;}
	.footer .btns a{ font-size:1.4em; padding:10px 0; width: calc(33.33% - 10px); margin:0 5px;border-radius: 5px;}
	
	.location.banner .ban-box .txts .txt h4{ font-size: 2.2em;}

    .back_list {
        
        left: 15px;
        top: 20px;
        
    }
}



/*yjsd*/
@media screen and (max-width: 650px) {
	.yjsd .txts .txt{ padding:20px 5% 10px 5%;}
}
@media screen and (max-width: 550px) {
	.yjsd .txts .logo{ padding:20px 0;}
	.yjsd .txts .txt p{ font-size:1.6em; line-height:28px;}
	.yjsd .map{ padding:30px 20px;}
}
@media screen and (max-width: 450px) {
	.yjsd .txts .logo{ padding:10px 0;}
	.yjsd .txts .txt{ padding:10px 5% 0px 5%;}
	.yjsd .txts .txt p{ font-size:1.4em; margin:6px 0; line-height:24px;}
	.yjsd .txts{ padding:0 12px;}
	.yjsd .map{ padding:16px 12px;}
	.yjsd .imgs{ padding:16px 12px 0 12px;}
}