/* 响应式 */
@media screen and (max-width:1400px){
    /***************************案例展示 **************************/
	.Hd-case #wrap ul li .a2 .p4{
        font-size: 18px;
    }
    /***************************案例展示 end***********************/
}
@media screen and (max-width:1300px){
	.w1170{
        width: 1070px;
    }
    /* .button {
        width: 200px;
        height: 50px;
        line-height: 50px;
    } */
    .button_03{
        width: 200px;
    }
    .button_03 .a {
        height: 50px;
        line-height: 50px;
    }
    /***************************顶部导航 **************************/
    .Hd-nav ul .firstLi {
        margin-right: 35px;
    }
    /***************************顶部导航 end***********************/
    /***************************关于我们 **************************/
    .Hd-about-us .w570 {
        width: 45%;
    }
    /***************************关于我们 end***********************/
    /***************************案例展示 **************************/
    .Hd-case #wrap {
        padding: 0 50px 0 50px;
    }
    /***************************案例展示 end***********************/
    /***************************我们专注于涂装 ********************/
    .Hd-Tz ul li .Hd-Tz-fr {
        width: 83%;
    }
    .Hd-Tz ul li {
        width: 31%;
    }
    /***************************我们专注于涂装 end*****************/
}
/*笔记本*/
@media screen and (max-width:1264px){
	.w1170{
        width: 990px;
    }
    /***************************顶部导航 **************************/
    .Hd-nav ul li .secondLi {
        font-size: 12px;
        line-height: 35px;
    }
    .Hd-nav ul li ul {
        width: 200px;
        left: -70px;
    }
    .Hd-nav ul li ul li ul{
        left: 200px
    }
    /***************************顶部导航 end************************/
    .Hd-about-us .about-us-title p {
        font-size: 26px;
    }
    /***************************我们专注于涂装 ********************/
    .Hd-Tz ul li .Hd-Tz-fr {
        width: 82%;
    }
    /***************************我们专注于涂装 end*****************/

}
@media screen and (max-width:1100px){
	.w1170{
        width: 900px;
    }
    /***************************顶部导航 **************************/
    .Hd-nav ul .firstLi {
        margin-right: 18px;
    }
    /***************************顶部导航 end************************/
    /***************************关于我们 **************************/
    .Hd-about-us .about-us-title p {
        font-size: 26px;
    }
    .Hd-about-us .about-us-title {
        margin-bottom: 28px;
    }
    .Hd-about-us .about-us-center p {
        -webkit-line-clamp: 4;
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 28px;
    }
    .Hd-about-us .Hd-about-bottom span {
        font-size: 45px;
    }
    .Hd-case #wrap ul li .a2 .p7 {
        font-size: 14px;
        width: 120px;
        height: 34px;
        line-height: 34px;
        border-radius: 40px;
    }
    /***************************关于我们 end***********************/
    /***************************我们专注于涂装 ********************/
    .Hd-Tz ul li .Hd-Tz-fr {
        width: 80%;
    }
    .Hd-Tz ul li .Hd-Tz-fr p {
        min-height: 100px;
    }
    /***************************我们专注于涂装 end*****************/
    /***************************底部 ******************************/
    .Hd-footer-box .contact_information  ul li img{
        width: 28px;
        height: 28px;
    }
    .Hd-footer-box .contact_information ul li .information span {
        font-size: 16px;
    }
    /***************************底部 end***************************/
    /***************************页码 ******************************/
    
    /***************************页码 end***************************/
    /***************************内页新闻 **************************/
    .Page_new {
        margin-top: 40px;
    }
    .Page_new .ul_new li {
        margin-bottom: 40px;
    }
    /***************************内页新闻 end***********************/
    /***************************内页案例***************************/
    .Page_case .ul_case li{
        width: 31.5555%;
    }
    .Page_case .ul_case li:nth-child(4n+1) {
        margin-left: 2.666%;
    }
    .Page_case .ul_case li:nth-child(3n+1) {
        margin-left: 0px;
    }
    /***************************内页案例 end***********************/

}
@media screen and (max-width:995px) {
    .w1170{
        width: 90%;
    }
    .Lj_ma_t {
        margin-top: 30px;
    }
    .button_03{
        width: 150px;
    }
    .button_03 .a {
        height: 40px;
        line-height: 40px;
    }
    /*通用标题*/
    .Hd-title-box{
        margin: 30px 0 30px 0;
    }
    .Hd-title-box h1{
        font-size: 22px;
    }
    .Hd-title-box span{
        width: 50px;
    }
    /***************************顶部导航 **************************/
    .Hd-logo-nav{
        height: 70px;
        display: flex;
        /*垂直居中*/
        align-items: center;
    }
	.Hd-logo-nav .Hd-nav .navul{
		display: none;
	}
    .Hd-logo-nav .Hd-logo img{
        height: 70px;
    }
    /*移动端导航*/
	.m_nav {
		display: block;
	}
	.Hd-logo-nav #navToggle {
		display: inline-block;
		margin-right: 0;
		padding: 30px 15px;
		height: 100%;
	}
	.Hd-logo-nav #navToggle span {
		position: relative;
		width: 25px;
		height: 1px;
	}
	.Hd-logo-nav #navToggle span:after,.Hd-logo-nav #navToggle span:before {
		position: relative;
		left: 0;
		width: 100%;
		height: 1px;
		content: ''
	}
	.Hd-logo-nav #navToggle span,.Hd-logo-nav #navToggle span:after,.Hd-logo-nav #navToggle span:before {
		display: block;
		background: #121212;
		transition: .3s;
	}
	.Hd-logo-nav #navToggle span:before {
		top: 8px;
	}
	.Hd-logo-nav #navToggle span:after {
		bottom: 10px;
	}
	.Hd-logo-nav #navToggle.open span:before {
		top: 10px;
		transform: translateY(-11px) rotate(-45deg);
		-ms-transform: translateY(-11px) rotate(-45deg);
	}
	.Hd-logo-nav #navToggle.open span:after {
		bottom: 9pt;
		transform: translateY(10px) rotate(45deg);
		-ms-transform: translateY(10px) rotate(45deg);
	}
	.Hd-logo-nav #navToggle.open span {
		background: 0 0;
	}
	.Hd-logo-nav #navToggle.open span:after,.Hd-logo-nav #navToggle.open span:before {
		background: #4f4f4f;
	}
    .m_nav {
        position: fixed;
        top: 0;
        z-index: 1000;
        visibility: visible;
        overflow-y: auto;
        margin-top: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        box-shadow: 0 15px 27px 0 hsla(0,1%,65%,.38);
        opacity: 1;
        transition: all ease .5s;
        transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
        transform: translateX(100%);
    }
    .m_nav.open {
        transform: translateX(0);
    }
    .m_nav .top {
        box-sizing: border-box;
        padding: 20px;
        height: 60px;
    }
    .m_nav .top .closed {
        float: right;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        cursor: pointer;
    }
    .m_nav .logo {
        margin: 0 auto;
        width: 40%;
    }
    .m_nav .logo img {
        display: block;
        margin: 0px auto;
        width: 100%;
    }
    .m_nav .ul li {
        padding: 0 20px;
        border-bottom: 1px solid #f5f5f5;
        opacity: 0;
        transition: all .6s cubic-bezier(.77,0,.175,1) 0s;
        transform: translateY(0);
        transform: translateY(100%);
    }
    .m_nav.open .ul li {
        opacity: 1;
        transform: translateY(0);
    }
    .m_nav .ul li a {
        display: block;
        width: 100%;
        height: 50px;
        color: #333;
        text-decoration: none;
        font-size: 16px;
        line-height: 50px;
    }
    .m_nav .ul li .dropdown_menu {
        display: none;
    }
    .m_nav .ul li.dropdown.active .dropdown_menu {
        display: block;
    }
    .m_nav .ul li .dropdown_menu a {
        display: block;
        box-sizing: border-box;
        padding: 0 40px;
        height: 50px;
        border-bottom: 1px solid #f5f5f5;
        line-height: 50px;
    }
    .m_nav .ul li .dropdown_menu a:last-child {
        border: none;
    }
    .Hd-nav{
       margin-left: 85px;
    }
    .Hd-nav .en{
        font-family: Arial;
    }
    /***************************顶部导航 end***********************/
    /***************************轮播图 ****************************/
    /*内页大图*/
    .Inside_banner{
        margin-top: 70px;
        padding-top: 50%;
    }
    .Hd-banner {
        margin-top: 70px;
    }
    .Hd-content{
        position:relative;
        padding-top: 50%;
        margin: 0 auto;
        overflow: hidden;
    }
    .Hd-content .Hd-content-img{
        position:absolute;
        top: 0;
        left: 0%;
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: all 0.48s;
    }
    /***************************轮播图 end*************************/
    /***************************关于我们***************************/
    .Hd-about-us .w570{
        width: 100%;
    }
    .Hd-about-us .about-us-title p {
        font-size: 22px;
    }
    .Hd-about-us .about-us-title{
        margin-bottom: 30px;
    }
    .Hd-about-us .about-us-center p{
        margin-bottom: 30px;
    }
    .Hd-about-us .fl .about-us-bottom{
        float: none;
    }
    .Hd-about-us .about-us-img{
        margin-top: 30px;
    }
    .Hd-about-us .Hd-about-bottom ul li{
        width: 50%;
    }
    .Hd-about-us .Hd-about-bottom ul li:nth-child(1){
        margin-bottom: 30px;
    }
    .Hd-about-us .Hd-about-bottom ul li:nth-child(2){
        margin-bottom: 30px;
    }
    .Hd-about-us .Hd-about-bottom span{
        font-family: Arial;
        font-size: 36px;
    }
    .Hd-about-us .Hd-about-bottom li:nth-child(4) .count-list span{
        font-size: 28px;
    }
    .Hd-about-us .Hd-about-bottom li:nth-child(4) .introduce p{
        margin-top: 13px;
    }
    /***************************关于我们 end***********************/
    /***************************案例展示 **************************/
    .Hd-case #wrap{
        padding: 0;
    }
    .Hd-case #wrap ul li{
        width: 48.5%;
        margin-bottom: 3%;
        margin-left: 3%;
    }
    .Hd-case #wrap ul li:nth-child(4n+1) {
        margin-left: 3%;
    }
    .Hd-case #wrap ul li:nth-child(2n+1) {
        margin-left: 0;
    }
    .Hd-case #wrap ul li .case_img .divA{
        height: 40px;
    }
    .Hd-case #wrap ul li .case_img .divA>.p1{
        line-height: 40px;
    }
    .Hd-case #wrap ul{
        margin-bottom: 30px;
    }
    /***************************案例展示 end***********************/
    /***************************专注于涂装*************************/
    .Hd-Tz ul li{
        margin-left: 0px;
        margin-bottom: 30px;
        width: 100%;
    }
    .Hd-Tz ul li .Hd-Tz-fr p{
        height: auto;
        min-height: auto;
    }
    .Hd-Tz ul li .Hd-Tz-fr span{
        font-size: 22px;
    }
    /***************************专注于涂装 end*********************/
    /***************************新闻*******************************/
    .Hd-new{
        padding-bottom: 30px;
    }
    .Hd-new .testimonial_slider .testimonial-item h2 {
        font-size: 16px;
    }
    .Hd-new .testimonial_slider .testimonial-item .article{
        width: 100%;
    }
    .Hd-new .testimonial_slider .swiper-pagination {
        margin-top: 10px;
    }
    .Hd-new .button_03{
        margin-top: 30px;
    }
    /***************************新闻 end***************************/
    /***************************底部 ******************************/
    .Hd-footer-box{
        padding: 30px 0 0 0;
    }
    .Hd-footer-box .contact_information ul li img {
        width: 20px;
        height: 20px;
        margin-top: 3px;
    }
    .Hd-footer-box .Hd-footer-nav {
        display: none;
    }
    .Hd-footer-box .Hd-footer-nav dl dd{
        display: none;
    }
    .Hd-footer-box .Hd-footer-bottom{
        margin-top: 0px;
        padding-top: 0px;
        font-size: 14px;
    }
    .Hd-footer-box .contact_information ul li .information p{
        font-size: 14px;
    }
    /***************************底部 end***************************/
    /***************************内页公共导航路径 *******************/
    .Page_nav{
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 24px;
        font-size: 12px;
    }
    .Page_nav .fl p a{
        font-size: 12px;
    }
    /***************************内页公共导航路径 end****************/
    /***************************页码 ******************************/
    .Page_number{
        margin-bottom: 20px;
        overflow: hidden;
    }
    .Page_number ul li a {
        font-size: 12px;
    }
    .Page_number ul li {
        margin: 0 10px 0px 0px;
    }
    .Page_number ul li .prev {
        padding: 0;
        width: 63px;
        height: 28px;
        line-height: 30px;
        display: block;
    }
    .Page_number ul li .selected {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
    }
    /***************************页码 end***************************/
    /***************************内页新闻 **************************/
    .Page_new {
        margin-top: 30px;
        min-height: 500px;
    }
    .Page_new .ul_new li {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #e3e3e3;
    }
    .Page_new .synopsis_right{
        padding-bottom: 0px;
    }
    .Page_new .ul_new li .synopsis_right h3 {
        width: 100%;
        font-size: 16px;
        height: 24px;
        line-height: 24px;
    }
    .Page_new .ul_new li .synopsis_right .fr{
        line-height: 30px;
        font-size: 14px;
        font-family: Arial;
    }
    .Page_new .ul_new li a p{
        text-align: justify;
    }
    /***************************内页新闻 end***********************/
    /***************************内页案例***************************/
    .Page_case {
        margin-top: 30px;
        margin-bottom: 30px;
        min-height: 500px;
    }
    .Page_case .ul_case li{
        width: 48.666%;
    }
    .Page_case .ul_case li:nth-child(4n+1) {
        margin-left: 2.666%;
    } 
    .Page_case .ul_case li:nth-child(3n+1) {
        margin-left: 2.666%;
    }
    .Page_case .ul_case li:nth-child(2n+1) {
        margin-left: 0px;
    }
    .Page_case .ul_case li h1{
        font-size: 14px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    /***************************内页案例 end***********************/
    /***************************内页详情***************************/
    .Picture_details .details_top{
        min-height: 300px;
    }
    .Picture_details .details_top h3 {
        font-size: 22px;
        line-height: 30px;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0;
    }
    .Picture_details .details_top .xw_time {
        font-size: 14px;
    }
    .Picture_details .details_top .xw_time span{
        font-size: 14px;
        font-family: Arial;
    }
    .Picture_details .details_top img{
        width: 100% !important;
        height: auto !important;   
        margin: 0 auto !important;
        display: block !important;
    }
    .Picture_details .details_bottom{
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .Picture_details .details_bottom a {
        font-size: 14px;
        margin-left: 20px;
    }
    .Picture_details .details_top .page_wrap_box{
        font-size: 14px !important;
        line-height: 26px !important;
    }
    .Picture_details .details_top .page_wrap_box p{
        font-size: 14px !important;
        line-height: 26px !important;
    }
    .Picture_details .details_top .page_wrap_box span{
        font-size: 14px !important;
        line-height: 26px !important;
    }
    .Picture_details .details_top .page_wrap_box table{
        font-size: 14px !important;
        line-height: 26px !important;
    }
    .Picture_details .details_top .page_wrap_box table td{
        font-size: 14px !important;
        line-height: 26px !important;
    }

    /***************************内页详情 end***********************/
}