/*头部开始********************************************************************************************/

@charset "utf-8";

.clear{clear: both;height: 0;}
.w {

    width: 1200px;

    margin: 0 auto;

}

.nav_w{

    width: 1200px;

    margin: 0 auto;

}

html, body {

    position: relative;

    width: 100%;

    height: 100%;

    font-size: 16px;

    color: #191919;

}

/*栏目标题*/

.title_box{

    text-align: center;

}

.title_box .title_line{

    width: 2px;

    height: 80px;

    background: #1f59a2;

    margin: 50px 0 15px;

}

.title_box .title1{

font-size: 40px;

font-weight: 600;

margin-bottom: 10px;

color: #0f2e46;
}

.title_box .title2{

    font-size: 24px;

    color: #1f59a2;

    font-family: Arial;

    font-weight: 600;

}

/*more*/

.more_icon{

    color: #1f59a2;

    font-size: 14px;

    font-weight: 600;

    position: relative;

    padding: 0 10px 0 45px;

    line-height: 30px;

    height: 30px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    overflow: hidden;

}

.more_icon i{

    position: absolute;

    top: 0;

    left: 0;

    width: 30px;

    height: 100%;

    background: url(../images/more_icon_red.png) no-repeat center center;

}

.more_icon .bg{

    width: 0;

    background: #1f59a2;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

}

.more_icon font{

    position: relative;

    z-index: 100;

}

.more_icon:hover .bg{

    width: 100%;

}

.more_icon:hover{

    color: #fff;

}



/*导航*/

.topnav {

border-top: 1px solid #eeeeee;

/* padding: 5px 0; */

width: 100%;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

/* position: absolute; */

top: 0;

left: 0;

z-index: 100;
}



.topnav .nav_list {

    justify-content: space-between;

}



.topnav .nav_list li {

    font-size: 0;

    position: relative;

}

.topnav .nav_list li:before{

   

}

.topnav .nav_list li.logo_li{

margin: 0 100px 0 10px;
}

.topnav .nav_list li.logo_li a:before{

    display: none !important;

}

.topnav .nav_list li:nth-of-type(4):before,

.topnav .nav_list li:nth-of-type(9):before,

.topnav .nav_list li.logo_li:before{

    display: none;

}

.topnav .nav_list li  a{

    font-size: 18px;

    color: #fff;  padding-left:10px; padding-right:10px;

    

    line-height: 102px;

    height: 102px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border-bottom: 2px solid transparent;

    position: relative;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;
}

.topnav .nav_list li a:before{

    position: absolute;

    width: 0;

    
    background: #fff;

    content: "";

    display: block;

   

    left: 0;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.topnav .nav_list li:hover > a,

.topnav .nav_list li.on > a{

    color: #fff; background-color:#1f59a2

}

.topnav .nav_list li:hover > a:before,

.topnav .nav_list li.on > a:before{

    width: 100%;

}

.topnav.white_bgnav{

    background: #fff;

}

.topnav.white_bgnav .nav_list li:before{

    color: #eee;

}

.topnav.white_bgnav .nav_list li a{

color: #2f2d2d;
}

.topnav.white_bgnav .nav_list li a:before{

    background: #1f59a2;

}

.topnav.white_bgnav .nav_list li:hover > a,

.topnav.white_bgnav .nav_list li.on > a{

color: #ffffff;
}

/*首页banner*/

.banner{

    position: relative;

    padding-left: 160px;

    padding-top: 161px;

    width: 100%;

    overflow: hidden;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



/*电话*/

.vertical-cell{

    position: absolute;

    top: 161px;

    left: 0;

    background: #ccc;

    width: 515px;

    height: 160px;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-align: center;

    -moz-align-items: center;

    align-items: center;

    -ms-flex-pack: start;

    -moz-justify-content: flex-start;

    justify-content: flex-start;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

    -webkit-transform-origin: 80px 80px;

    -moz-transform-origin: 80px 80px;

    -ms-transform-origin: 80px 80px;

    -o-transform-origin: 80px 80px;

    transform-origin: 80px 80px;

    padding-left: 35px;

    background: url(../images/phone_icon.png) no-repeat left center;



}

.vertical-cell a {

    padding-left: 30px;

    color: #535353;

    font-size: 20px;

    font-weight: 600;

    letter-spacing: 5px;

}

/*Scroll down*/

.dash {

    position: absolute;

    bottom: 0;

    left: 0;

    -moz-flex: 1 1 auto;

    -ms-flex: 1 1 auto;

    flex: 1 1 auto;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -moz-flex-direction: row;

    -ms-flex-direction: row;

    flex-direction: row;

    -ms-flex-align: center;


    -moz-align-items: center;

    align-items: center;

    -ms-flex-pack: start;

    -moz-justify-content: flex-start;

    justify-content: flex-start;

    height: 160px;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

    -webkit-transform-origin: 127px 34px;

    -moz-transform-origin: 127px 34px;

    -ms-transform-origin: 127px 34px;

    -o-transform-origin: 127px 34px;

    transform-origin: 127px 34px;

    color: #808080;



}

.dash-line{

    height: 1px;

    width: 160px;

    -webkit-transform-origin: center;

    -moz-transform-origin: center;

    -ms-transform-origin: center;

    -o-transform-origin: center;

    transform-origin: center;

    -webkit-transition-property: transform;

    -moz-transition-property: transform;

    -ms-transition-property: transform;

    -o-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: 1.25s;

    -moz-transition-duration: 1.25s;

    -ms-transition-duration: 1.25s;

    -o-transition-duration: 1.25s;

    transition-duration: 1.25s;

    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);

    -moz-transition-timing-function: cubic-bezier(.19,1,.22,1);

    -ms-transition-timing-function: cubic-bezier(.19,1,.22,1);

    -o-transition-timing-function: cubic-bezier(.19,1,.22,1);

    transition-timing-function: cubic-bezier(.19,1,.22,1);

    background: #808080;

    margin-left: 15px;

    -moz-order: 2;

    -ms-flex-order: 2;

    order: 2;

    transform: none;

    -moz-flex: none;

    -ms-flex: none;

    flex: none;

}

.dash-text {

    -moz-order: 1;

    -ms-flex-order: 1;

    order: 1;

    font-size: 14px;

}

/*圆形旋转*/

.banner_font {

    z-index: 1000;

    position: absolute;

    bottom: 200px;

    right: calc(50% - 800px);

    -webkit-animation: circlemove 8s ease infinite normal;

    -o-animation: circlemove 8s ease infinite normal;

    animation: circlemove 8s ease infinite normal;

    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);

    -moz-transition-timing-function: cubic-bezier(.19,1,.22,1);

    -ms-transition-timing-function: cubic-bezier(.19,1,.22,1);

    -o-transition-timing-function: cubic-bezier(.19,1,.22,1);

    transition-timing-function: cubic-bezier(.19,1,.22,1);



    -webkit-transform-origin: center center;

    -o-transform-origin: center center;

    transform-origin: center center;



    opacity: 1;

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

}



@keyframes circlemove {

    0%{

        opacity: 1;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    95%{

        opacity: 0;

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

    100%{

        opacity: 0;

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-moz-keyframes circlemove /* Firefox */

{

    0%{

        opacity: 1;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    95%{

        opacity: 0;

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

    100%{

        opacity: 0;

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-webkit-keyframes circlemove /* Safari 和 Chrome */

{

    0%{

        opacity: 1;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    95%{

        opacity: 0;

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

    100%{

        opacity: 0;

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@-o-keyframes circlemove /* Opera */

{

    0%{

        opacity: 1;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    95%{

        opacity: 0;

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

    100%{

        opacity: 0;

        -webkit-transform: rotate(360deg);

        -moz-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        -o-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}







/*banner*/

.banner .right{

    width: 100%;

    position: relative;

}

.swiper-container{

    width: 100%;

    height: 100%;

}

.banner .swiper-slide{

    height: 1000px;

    width: 100%;

    background-size: cover !important;

}

/*banner文案*/

.banner_con{

    position: absolute;

    max-width: 100%;

    bottom: 200px;

    left: 100px;

    z-index: 1000;

    color: #fff;



}

.banner_con h5{

    font-size: 60px;

    font-weight: 700;

}

.banner_con h6{


    font-size: 30px;

    font-family: Arial;

    margin: 20px 0 35px;

    font-weight: 700;

}

.banner_con .more{

    padding-right: 55px;

    line-height: 48px;

    height: 48px;

    font-size: 20px;

    background: url(../images/more1.png) no-repeat center right;

}

.banner_con .more:hover{

    padding-left: 20px;

}





.banner .swiper-pagination1 {

    bottom: 30px;

    text-align: left;

    padding-left: 100px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.banner .swiper-pagination-bullet{

    width: 30px;

    height: 2px;

    background: #fff;

    opacity: 1;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

}

.banner .swiper-pagination-bullet-active{

    background: #1f59a2 !important;

}

/*15 YEARS*/

.sec1{

    position: relative;

    z-index: 10;

}

.sec1 .years15{

/* margin-left: 250px; */

background: url(../images/sec1_bg.jpg) no-repeat center center;

background-size: cover;

/* padding: 100px; */

/* margin-top: -180px; */
}

.years15 .left{

    width: 200px;

}

.years15 .left img{

    width: 100%;

}

.years15 .right{

    width: calc(100% - 200px);

    color: #fff;

    padding-left: 80px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;



    

}

.about_top{



}

.about_top .swiper-slide{

    padding-bottom: 60px;

    opacity: 0 !important;

}

.about_top .swiper-slide.swiper-slide-active{

    opacity: 1 !important;

}

.about_top .swiper-slide .info{

    height: 210px;

    overflow: hidden;

}



.about_top .swiper-slide .more{

    position: absolute;

    bottom: 0;

    right: 0;



}

.about_top .swiper-slide .more .more_icon{

    color: #fff;

    margin-right: 20px;

}

.about_top .swiper-slide .more .more_icon:hover{

    margin-right: 0px;

}

.about_top .swiper-slide .more .more_icon  i{

    background: url(../images/more_icon_white.png) no-repeat center left;

}



.about_thumbs{

    padding: 65px 0 15px;

}

.about_thumbs .swiper-slide{

/* border-bottom: 1px solid #fff; */

text-align: center;

padding-bottom: 10px;

cursor: pointer;
}





.about_thumbs .swiper-slide .title {

    font-size: 20px;

    font-weight: 600;

    margin: 20px 0;

}

.about_thumbs .swiper-slide .line{

    width: 1px;

    height: 10px;

    background: #fff;

}

.about_thumbs .swiper-slide .dot_icon{

    background: url(../images/dot_icon1.png) no-repeat center center;

    width: 100%;

    height: 29px;

    position: absolute;

    bottom: -15px;

    left: 0;



}

.about_thumbs .swiper-slide.swiper-slide-thumb-active .dot_icon{

    background: url(../images/dot_icon2.png) no-repeat center center;



}



/*工业防腐涂料*/

.sec2{



}

.sec2 .w{

    position: relative;

}

.pro_search_box{

    position: absolute;

    top: 0;

    right: 0;

    width: 510px;

    color: #313131;



}



.serach_box{

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;


    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    overflow: hidden;

    width: 100%;

}

.serach_box .search_ipt {

    width: 100%;

    padding: 10px 40px 10px 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: #f2f2f2;

}

.serach_box .search_icon{

    position: absolute;

    top: 0px;

    right: 0;

    width: 40px;

    height: 36px;

    content: "";

    display: block;

    cursor: pointer;

    background: url(../images/search_icon.png) no-repeat center center;

}



.serach_box input::-webkit-input-placeholder {

    color: #a0a0a0;

}

.serach_box input::-moz-input-placeholder {

    color: #a0a0a0;

}

.serach_box input::-ms-input-placeholder {

    color: #a0a0a0;



}

.pro_search_box .keywords{

    width: 100%;

    height: 37px;

    line-height: 37px;

    padding-left: 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.pro_search_box .keywords span{

    width: 80px;

}

.keyword_list{

    width: calc(100% - 80px);

}

.keyword_list dd{

    width: auto !important;

    cursor: pointer;

}

.keyword_list dd:after{

    position: absolute;

    top: 13px;

    right: -15px;

    width: 1px;

    height: 13px;

    background: #313131;

    content: "";

    display: block;

}

.keyword_list dd:last-of-type:after{

    display: none;

}



.sec2 .tab_nav1{

margin: 30px 0 30px;
}

.sec2 .tab_nav1 li{

padding-left: 54px;

background: url(../images/sec2_icon1.png) no-repeat center left;

line-height: 54px;

font-size: 18px;

color: #808080;

cursor: pointer;

float: left;

margin-right: 67px;

font-weight: 600;
}

.sec2 .tab_nav1 li:nth-of-type(2){

    background: url(../images/sec2_icon2.png) no-repeat center left;

}

.sec2 .tab_nav1 li:hover,

.sec2 .tab_nav1 li.on{

    color: #191919;

    background: url(../images/sec2_icon11.png) no-repeat center left;

}

.sec2 .tab_nav1 li:nth-of-type(2):hover,

.sec2 .tab_nav1 li:nth-of-type(2).on{

    background: url(../images/sec2_icon11.png) no-repeat center left;

}





.sec2 .paint_list{

    display: none;

}

.sec2 .paint_list.active{

    display: block;

}

.sec2 .tab_nav_thumbs{

    padding-top: 20px;

}

.sec2 .tab_nav_thumbs li{

    border-top: 1px solid #e6e6e6;

    font-size: 18px;

    color: #808080;

    cursor: pointer;

    font-weight: 600;

    text-align: center;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    padding-top: 15px;

}

.sec2 .tab_nav_thumbs li .icon{

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    position: absolute;

    top: -15px;

    left: 0;

    width: 100%;

    height: 29px;

    background: url(../images/hover_icon1.png) no-repeat center center;

}

.sec2 .tab_nav_thumbs li .line{

    width: 1px;

    height: 8px;

    background: #808080;

    margin-bottom: 8px;

}

.sec2 .tab_nav_thumbs li .title{

    display: block;

    text-align: center;

}

.sec2 .tab_nav_thumbs li:hover,

.sec2 .tab_nav_thumbs li.swiper-slide-thumb-active,

.sec2 .tab_nav_thumbs li.on{

    color: #191919;

}

.sec2 .tab_nav_thumbs li:hover .icon,

.sec2 .tab_nav_thumbs li.swiper-slide-thumb-active .icon,

.sec2 .tab_nav_thumbs li.on .icon{

    background: url(../images/hover_icon.png) no-repeat center center;

}

.sec2 .tab_nav_thumbs li:hover .line,

.sec2 .tab_nav_thumbs li.swiper-slide-thumb-active .line,

.sec2 .tab_nav_thumbs li.on .line{

    background: #1f59a2;

}

.paint_list .swiper-button-prev-thumbs,

.paint_list .swiper-button-next-thumbs{

    width: 30px;

    height: 30px;

    top: 27px;

}

.paint_list .swiper-button-prev-thumbs{

    left: 15px;

}

.paint_list .swiper-button-next-thumbs{


    right: 15px;

}

.paint_list .swiper-button-prev-thumbs:after,

.paint_list .swiper-button-next-thumbs:after{

    width: 100%;

    height: 100%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    background: #1f59a2;

    font-size: 12px;

    color: #fff;

}

.paints_pro{

    width: calc(100% + 40px);

    position: relative;

    left: -20px;

}

.paints_pro .paint_swiper_con{

    background: #fff;

}

.paint_swiper_con .swiper-container{

padding: 10px 20px 10px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;
}

.paint_swiper_con li{

overflow: hidden;

-webkit-border-radius: 15px;

-moz-border-radius: 15px;

border-radius: 15px;

-webkit-box-shadow: 0px 0px 10px #ccc;

-moz-box-shadow: 0px 0px 10px #ccc;

box-shadow: 0px 0px 10px #ccc;

/* padding: 40px 40px 30px; */

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

z-index: 1000;

pointer-events: inherit !important;

background: #fff;

position: relative;
}

.paint_swiper_con li .img_con{

text-align: center;

height: 282px;

margin-bottom: 20px;
}

.paint_swiper_con li .img_con img{

    height: 100%;

    max-width: 100%;

}



.paint_swiper_con li .p1{

font-weight: 600;

line-height: 25px;

height: 25px;

margin-bottom: 8px; width:282px; text-align:center
}

.paint_swiper_con li .info1{

    height: 50px;

    line-height: 25px;

    color: #707070;

}



.paint_swiper_con li .mark{

   position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    color: #fff; border-bottom:2px solid #1f59a2;

  

    opacity: 0;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.paint_swiper_con li .mark:hover{


    opacity: 1;

}

.paint_swiper_con li .mark_con{

    position: absolute;

    width: 100%;

    padding: 0 50px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.paint_swiper_con li .mark .mark_title{

    text-align: center;

    font-size: 24px;

    font-weight: 600;

    margin-bottom: 40px;



}

.paint_swiper_con li .mark .info{

    max-height: 210px;

}

.paint_swiper_con .swiper-pagination-progressbar{

    width: calc(100% - 80px);

   left: 40px;

    top: auto;

    bottom: 21px;

    height: 2px;

    background: #f2f2f2;



}

.paint_swiper_con .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{

    background: #1f59a2;

}

.paint_swiper_con .swiper-button-next,

.paint_swiper_con .swiper-button-prev{

    top: auto;

    bottom: 8px;

    width: 30px;

    height: 30px;

}

.paint_swiper_con .swiper-button-next{

    right: 0;

}

.paint_swiper_con .swiper-button-prev{

    left: 0;

}

.paint_swiper_con .swiper-button-next:after,

.paint_swiper_con .swiper-button-prev:after{

    width: 100%;

    height: 100%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    background: #f2f2f2;

    font-size: 12px;

    color: #191919;

}

.paint_swiper_con .swiper-button-next:hover:after,

.paint_swiper_con .swiper-button-prev:hover:after{

    background: #1f59a2;

    color: #fff;

}

/*卓越品牌---------------*/



.sec3{



}

.sec3 .title_box{

    padding-bottom: 50px;

    border-bottom: 1px solid #f2f2f2;



}

.case_wrapper{



}

.case_wrapper .left_circle{

width: 550px;

height: 550px;

position: relative;

margin-top: 90px;

/* background: #ccc;*/

-webkit-border-radius: 50%;

-moz-border-radius: 50%;

border-radius: 10%;

overflow: hidden;
}

.case_wrapper .left_circle .case_title_box{

    position: absolute;

    top: 50%;

    left: 50%;

    padding-bottom: 0;

    border: none;

    z-index: 100;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

}

.case_wrapper .left_circle .circle_ul{

    width: 100%;

    height: 100%;

    position: relative;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

    background: url(../images/circle_ul_bg.png) no-repeat center center;

    background-size: 100% 100%;

}

.circle_ul li{

    position: absolute;

    cursor: pointer;

}

.circle_ul li .img_con{

    width: 140px;

    height: 140px;

    background: #f2f2f2;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-transition: background .5s;

    -moz-transition: background .5s;

    -ms-transition: background .5s;

    -o-transition: background .5s;

    transition: background .5s;

    -webkit-box-shadow: 0px 0px 0px 15px #fff;

    -moz-box-shadow: 0px 0px 0px 15px #fff;

    box-shadow: 0px 0px 0px 15px #fff;

}

.circle_ul li .img_con span{

    width: 100%;

    height: 100%;

    position: relative;

}

.circle_ul li .img_con span img{

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    opacity: 0;

}



.circle_ul li:hover .img_con,

.circle_ul li.on .img_con{

    background: #1f59a2;

}

.circle_ul li.on .img_con span,

.circle_ul li:hover .img_con span{

    background: none !important;

}

.circle_ul li.on .img_con span img,

.circle_ul li:hover .img_con span img{

    opacity: 1;

}







.circle_ul li .title{

    text-align: center;

    font-size: 24px;

    color: #1f59a2;

    padding-top: 20px;

    display: none;

}

.circle_ul li:nth-of-type(1){

    top: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}



.circle_ul li:nth-of-type(2){

top: 20%;

left: 73%;
}

.circle_ul li:nth-of-type(3){

bottom: 20%;

left: 73%;
}

.circle_ul li:nth-of-type(4){

    bottom: 0;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}

.circle_ul li:nth-of-type(5){

bottom: 20%;

right: 73%;
}


.circle_ul li:nth-of-type(6){

top: 20%;

right: 73%;
}



.case_wrapper .right_menu{

padding-top: 90px;

width: 50%;

border-left: 1px solid #f2f2f2;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

position: relative;

padding-bottom: 100px;
}

.right_menu .case_thumbs{

    position: absolute;

    top: 200px;

    left: 0;

    height: auto;

    z-index: 100;

}

.right_menu .case_thumbs li{

    border-top: .5px dashed #1f59a2;

    height: 0px;

    padding: 11px 0;

    margin-top: 11px;



}

.right_menu .case_thumbs li:after{

    position: absolute;

    top: -7px;

    left: 50%;

    -webkit-transform: translate(-50%);

    -moz-transform: translate(-50%);

    -ms-transform: translate(-50%);

    -o-transform: translate(-50%);

    transform: translate(-50%);

    content: "";

    display: block;

    width: 14px;

    height: 14px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 1px solid #1f59a2;

    background: #fff;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    cursor: pointer;

}

.right_menu .case_thumbs li.swiper-slide-thumb-active:after{

    width: 22px;

    height: 22px;

    background: #1f59a2;

    top: -11px;

}

.right_menu .case_top{

    

}

.right_menu .case_top li{

    background: #fff;

    padding-left: 60px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.right_menu .case_top li .title{

    color: #1f59a2;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 135px;

    margin-left: -60px;

}

.right_menu .case_top li .info{

-webkit-line-clamp: 3;

line-clamp: 3;

height: 90px;

/* margin-bottom: 40px; */
}

.right_menu .case_top li .img_con{

width: 100%;

height: 300px;

background-size: cover !important;
}

.right_menu .case_top li .more{

    position: absolute;

    padding: 20px;

    background: #fff;

    right:0;

    bottom: 0;

    z-index: 100;

}

/*新闻资讯--------------------------------*/



.sec4{

    background: url(../images/sec4_bg.jpg) no-repeat center center;

    background-size: cover;

    padding-bottom: 100px;

}

.sec4 .title_box{

    padding-bottom: 45px;

}

.sec4 .left{

    width: 64.375%;

    background: #fff;

}

.sec4 .left .left_new{

    width: 68%;

    border-right: 1px solid #f2f2f2;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.sec4 .left .left_new a{

    width: 100%;

}

.sec4 .left .left_new .img_con{

    width: 100%;

    height: 430px;

    background-size: cover !important;

}

.sec4 .left .left_new .info_con{

    padding: 60px 40px 50px;

}

.sec4 .part1{

    line-height: 27px;

    font-weight: 600;

    margin-bottom: 25px;

}

.sec4 .part1 .classname{

    padding: 0 10px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background: #1f59a2;

    color: #fff;



}

.sec4 .part1 .time{

    margin-left: 15px;

    color: #a0a0a0;

}

.sec4 .info_con .title{

    font-size: 18px;


    font-weight: 600;


    line-height: 25px;

    height: 25px;

    padding-bottom: 12px;

    border-bottom: 1px solid #f2f2f2;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.sec4 .info_con:hover .title{

    color: #1f59a2;

}

.sec4 .info_con .info{

    margin-top: 15px;

    height: 50px;

    line-height: 25px;

}





.sec4 .left .right_new{

    width: 32%;

    border-top: 5px solid #1f59a2;

}

.sec4 .left .right_new li a{

    width: 100%;

}

.sec4 .left .right_new .info_con{

    margin: 0 40px;

    padding: 45px 0;

    border-bottom: 1px solid #f2f2f2;

}

.sec4 .left .right_new li:last-of-type .info_con{

    border-bottom: 0;

}

.sec4 .left .right_new .part1 {

     margin-bottom: 18px;

 }



.sec4 .left .right_new .info_con .title {

    padding-bottom: 2px;

    border-bottom: none;

}











.sec4 .right{

    width: 35.625%;

    padding-left: 50px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.sec4_right_item{

    width: 100%;

    height: 324px;

    position: relative;

    margin-bottom: 50px;

    background-size: cover !important;

}

.sec4_right_item:nth-of-type(2){

    margin-bottom: 0;

}

.sec4_right_item .item_con{

    width: 82%;

    background: #fff;

    position: absolute;

    bottom: 0;

    right: 0;

}



.sec4_right_item .swiper-slide a{

    width: 100%;



}

.sec4_right_item .swiper-slide .info_con{

    padding: 30px 18px 0 30px;

}

.sec4_right_item .info_con .title {

    padding-bottom: 0px;

    border-bottom: none;

}

.sec4_right_item .info_con .part1 {

    margin-bottom: 20px;

}

.sec4_right_item .swiper-button-next,

.sec4_right_item .swiper-button-prev{

    width: 30px;

    height: 30px;

    top: 50px;

}

.sec4_right_item .swiper-button-next{

    right: 0;



}

.sec4_right_item .swiper-button-prev{

    left: auto;

    right: 50px;

}

.sec4_right_item .swiper-button-next:after,

.sec4_right_item .swiper-button-prev:after{

    width: 100%;

    height: 100%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    background: #fff;

    font-size: 12px;

    color: #1f59a2;

    border: 1px solid #1f59a2;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.sec4_right_item .swiper-button-next:hover:after,

.sec4_right_item .swiper-button-prev:hover:after{

    background: #1f59a2;

    color: #fff;

    border: 1px solid #1f59a2;

}

/*服务支持--------------------*/

.sec5{

    background: url(../images/sec5_bg.jpg) no-repeat center center;

    background-size: cover;

    padding: 100px 0;

    position: relative;

}

.sec5 .title_box .title1{

    color: #fff;

}

.sec5 .title_box .title_line{

    margin-top: 0;

}

.sec5 .left{

    width: 50%;

    padding-right:160px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

}

.sec5:before{

    width: 12px;

    height: 372px;

    content: "";

    background: url(../images/sec5_left.png) no-repeat top center;

    display: block;

    position: absolute;

    top: 100px;

    left: 70px;

}

.sec5:after{

    width: 12px;

    height: 426px;

    content: "";

    background: url(../images/sec5_right.png) no-repeat bottom center;

    display: block;

    position: absolute;

    top: 100px;

    right: 70px;

    z-index: 10;

}



.sec5 .left .title_box{

    padding-left: 100px;

    position: relative;

    text-align: left;

}

.sec5 .left .title_box .title2{

    color: #fff;

}

.sec5 .left .title_box .title_line{

    position: absolute;

    top: 30px;

    left: 1px;

    width: 90px;

    height: 1px;

    background: #fff;

}

.sec5 .left .support_ul{

    border: 1px solid #fff;

    margin-top: 50px;

}

.sec5 .support_ul li{

    font-size: 0;

    background: #1f59a2;

    float: left;

    width: 33.33%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border-left: 1px solid #fff;


    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.sec5 .support_ul li:first-of-type{

    border-left: none;

}

.sec5 .support_ul li a{

    width: 100%;

    padding-top: 100%;

    position: relative;

}

.sec5 .support_ul li .info_con{

    position: absolute;

    width: 100%;

    left: 0;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.sec5 .support_ul li .icon_box{

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    width: 100%;

    height: 43px;

    background: url(../images/sec5_icon1.png) no-repeat center center;

}



.sec5 .support_ul li:nth-of-type(2) .icon_box{

    background: url(../images/sec5_icon2.png) no-repeat center center;

}



.sec5 .support_ul li:nth-of-type(3) .icon_box{

    background: url(../images/sec5_icon3.png) no-repeat center center;

}

.sec5 .support_ul li p{

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    font-size: 18px;

    color: #fff;

    font-weight: 600;

    text-align: center;

    margin-top: 10px;

}



.sec5 .support_ul li:hover{

    background: #fff;

}

.sec5 .support_ul li:hover .icon_box{

    background: url(../images/sec5_icon11.png) no-repeat center center;

}



.sec5 .support_ul li:nth-of-type(2):hover .icon_box{

    background: url(../images/sec5_icon22.png) no-repeat center center;

}



.sec5 .support_ul li:nth-of-type(3):hover .icon_box{

    background: url(../images/sec5_icon33.png) no-repeat center center;

}

.sec5 .support_ul li:hover p{

    color: #1f59a2;

}



.sec5 .right{

    width: 50%;


    position: absolute;

    top: 100px;

    right: 0;



}



.sec5 .right .more{

    margin-top: 50px;

    text-align: center;

}

/*底部*/



.foot_top{

    line-height: 70px;

    border-bottom: 1px solid #f2f2f2;

    border-top: 1px solid #f2f2f2;

}

.foot_top .foot_nav li{

    float: left;

    margin-right: 60px;

    color: #808080;

}

.foot_top .bdsharebuttonbox{



}



.foot_top .bdsharebuttonbox li{

    float: left;

}

.foot_top .bdsharebuttonbox li a{

    padding: 0;

    margin: 0;

    width: 45px;

    height: 70px;

}

.foot_top .bdsharebuttonbox li a.wb{

    background: url(../images/wb.png) no-repeat center right;

}

.foot_top .bdsharebuttonbox li a.qq{

    background: url(../images/qq.png) no-repeat center right;

}

.foot_top .bdsharebuttonbox li a.wx{

    background: url(../images/wx.png) no-repeat center right;

}





.foot_cen .foot_left{

    width: 64%;

    padding: 45px 40px 40px 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border-right: 1px solid #f2f2f2;

}

.foot_cen .foot_ewm p{

    text-align: center;

    line-height: 18px;

    color: #808080;

    margin-top: 18px;

}

.foot_cen .foot_ewm img{

    width: 130px;

    height: 130px;

}

.foot_cen  .foot_contact{

margin: 0 40px 0 10px;
}

.foot_cen  .foot_contact li{

    padding-left: 36px;

    line-height: 20px;

    margin-bottom: 20px;

    position: relative;

}

.foot_cen  .foot_contact li i{

    position: absolute;

    top: 0px;

    left: 0;

    width: 15px;

    height: 20px;

    

}

.foot_cen  .foot_contact li:nth-of-type(1) i{

    background: url(../images/foot_icon1.png) no-repeat center left;

}

.foot_cen  .foot_contact li:nth-of-type(2) i{

    background: url(../images/foot_icon2.png) no-repeat center left;

}

.foot_cen  .foot_contact li:nth-of-type(3) i{

    background: url(../images/foot_icon3.png) no-repeat center left;

}

.foot_cen  .foot_contact li:nth-of-type(4) i{

    background: url(../images/foot_icon4.png) no-repeat center left;

}

.foot_cen  .foot_contact li:last-of-type {

    margin-bottom: 0;

}





.foot_cen .foot_phone{

    padding-left: 50px;

    background: url(../images/phone_bg.png) no-repeat top left;

}

.foot_cen .foot_phone li{

/* margin-bottom: 20px; */
}

.foot_cen .foot_phone li p{

font-size: 28px;

color: #1f59a2;

font-weight: 600;

/* margin-top: 10px; */
}

.foot_cen .foot_phone li:last-of-type{

    margin-bottom: 0;

}

.foot_link{

    width: 36%;

    padding: 40px 0 40px 50px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.foot_link dt{

    line-height: 34px;

}

.foot_link dd{

    line-height: 34px;

    display: inline-block;

    color: #a0a0a0;

    margin-right: 20px;

}

.foot_link .logo{

    width: 100px;

    height: 100px;

}

.foot_link .logo img{

    width: 100%;

    height: 100%;

}

.foot_link .foot_name{

    width: calc(100% - 100px);

    text-align: right;

    padding-right: 45px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.foot_link .foot_name .p1{

    font-size: 18px;

    color: #0f2e46;

    text-align: right;

    margin-bottom: 15px;

}

.foot_link .foot_name .contact_title{

    text-align: right;

}

.Copyright{

    padding: 20px 0;

    color: #fff;

    background: #0f2e46;

}

.copyright_p{

    line-height: 25px;

    text-align: center;

}



.copyright_p a{

    padding: 0 5px;


}

.copyright_p span{

    padding: 0 5px;

}





/*关于我们*/

.inner{

    position: relative;

    height: 660px;

}

.inner_013c74{

    background: #013c74;

}

.inner_151666{

    background: #151666;

}




.inner_f49600{

    background: #f49600;

}

.inner_f37122{

    background: #f37122;

}

.inner_cc355c{

    background: #1f59a2;

}

.inner_4600a6{

    background: #4600a6;

}

.inner_4dbbd3{

    background: #4dbbd3;

}

.inner_bg{

    background: url(../images/inner_bg.png) no-repeat center center;

    background-size: cover;

    height: 100%;

}

.inner .left_menu{

    width: 36.25%;

    color: #fff;

    padding-top: 270px;

    padding-right: 120px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.inner .inner_title_box{

    padding-left: 100px;

    text-align: left;



}

.inner .inner_title_box .title1{

    color: #fff;

    position: relative;

}

.inner .inner_title_box .line{

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    left: -100px;

    width: 85px;


    height: 2px;

    background: #1f59a2;

}

.inner_4600a6.inner .inner_title_box .line,

.inner_cc355c.inner .inner_title_box .line,

.inner_f37122.inner .inner_title_box .line,

.inner_f49600.inner .inner_title_box .line{

    background: #fff;

}

.inner_4600a6 .title_box .title2,

.inner_cc355c .title_box .title2,

.inner_f37122 .title_box .title2,

.inner_f49600 .title_box .title2{

    color: #fff;

}

.inner_4600a6 .classname_ul li.on a,

.inner_cc355c .classname_ul li.on a,

.inner_f37122 .classname_ul li.on a,

.inner_f49600 .classname_ul li.on a{

    color: #000;

}

.inner.inner_4dbbd3 .inner_title_box .title1{

    color: #000;

}




.classname_ul{

    margin-top: 70px;

}

.classname_ul li{

    width: 50%;


    float: left;

}

.classname_ul li a{

    width: 100%;

    font-size: 20px;

    color: #fff;

    font-weight: 600;

    line-height: 48px;

}

.classname_ul li.on a{

    color: #1f59a2;

}

.classname_ul li i{

    font-weight: normal;

    margin-right: 30px;

    position: relative;

    top: 4px;

}



.inner .right_img{

    width: 63.75%;

    padding-top: 160px;



}

.inner .right_img img{

    width: 100%;

}

.about .info{

    font-size: 16px;

}

/*企业实力*/

.about{

    color: #0f2e46;

}

.about .w{

    position: relative;

    padding: 50px 0 50px 25px;

    border-left: 1px solid #eee;

}

.about .title_box{

    position: relative;

}

.about .title_box:before{

    width: 24px;

    position: absolute;

    left: -49px;

    top: 0;

    content: "";

    display: block;

}

.about.about1 .title_box:before{

    height: 289px;

    background: url(../images/about_after1.png) no-repeat;

}

.about.about2 .title_box:before{

    height: 378px;

    background: url(../images/about_after2.png) no-repeat;

}

.about.about3 .w:before{

    width: 24px;

    position: absolute;

    left: -24px;

    top: 100px;

    content: "";

    display: block;

    height: 278px;

    background: url(../images/about_after3.png) no-repeat;

}

.about.about4 .title_box:before{

    height: 209px;

    background: url(../images/about_after4.png) no-repeat;

}

.about.about1 .w{

    padding-top: 200px;

}

.title_box.inner_title{

    margin-bottom: 50px;

    text-align: center;

}

.title_box.inner_title .title1{

    color: #1f59a2;

    position: relative;

    z-index: 100;

    margin-bottom: 0;

}

.title_box.inner_title .title2{

    font-size: 60px;

    color: #f0f0f0;

    margin-top: -34px;

}

.about1 .left{

    width: 42%;

}

.about1 .left img{

    width: 100%;

}

.about1 .right{

    width: 58%;

    padding: 125px 0 0 90px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.about1 .right .right_title1{

    font-size: 30px;

    line-height: 48px;

    font-weight: 600;

    width: 70%;

    margin-bottom: 50px;

}

.about1 .right .right_title2{

    font-size: 24px;

    line-height: 36px;

    margin-bottom: 90px;

}



.about1 .right .info p{

    margin-bottom: 30px;

}

/*资质认证*/

.about2{



}



.about2 .left{

    width: 50%;

    padding-right: 20%;

    background: #013c74;

    color: #fff;

}

.about2 .left_con{

    width: 100%;

    padding: 100px 160px 50px 100px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.about2 .left .left_title1{

    font-size: 22px;

    line-height: 34px;

    font-weight: 600;

    margin-bottom: 30px;

}

.about2 .left .info{

    margin-bottom: 30px;

}

.about2 .honor_list{

    position: relative;

    padding-bottom: 55px;

    padding-left: 30px;

}

.about2 .honor_list:after{

    position: absolute;

    top: 0;

    left: 0;

    width: 5px;

    height: calc(100% - 55px);

    content: "";

    display: block;

    background: url(../images/honor_left.png) no-repeat center center;

    background-size: 100% 100%;

}

.about2 .honor_list li{

    border-bottom: 1px solid rgba(255,255,255,.5);

    line-height: 66px;

    height: 66px;

    padding-right: 40px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 18px;

    cursor: pointer;

}

.about2 .honor_list li a{

    width: 100%;

}

.about2 .honor_list li .pic{

    display: none;


}

.about2 .honor_list .swiper-button-next,

.about2 .honor_list .swiper-button-prev{

    top: auto;

    bottom: 0;

    width: 30px;

    height: 30px;

}

.about2 .honor_list .swiper-button-next{

    right: 0;

}

.about2 .honor_list .swiper-button-prev{

    left: 0;

}

.about2 .honor_list .swiper-button-next:after,

.about2 .honor_list .swiper-button-prev:after{

    width: 100%;

    height: 100%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    background: none;

    border: 1px solid #fff;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 12px;

    color: #fff;

}

.about2 .honor_list .swiper-button-next:hover:after,

.about2 .honor_list .swiper-button-prev:hover:after{

    background: #1f59a2;

    color: #fff;

    border: 1px solid #1f59a2;

}





.about2 .right{

    width: 52%;

    position: absolute;

    top: 280px;

    right: 0;

}

.about2 .right img{

    width: 100%;

}



/*品牌管理*/

.about3{

    background: #e7eaec;



}

.about.about3 .w{

    padding: 100px 0 100px 25px;

    position: relative;

}

.about3 .left{

    width: 46.875%;

    position: absolute;

    top: 100px;

    left: 25px;

}

.about3 .left img{

    width: 100%;

    -webkit-border-radius: 0 50px 0 50px;

    -moz-border-radius: 0 50px 0 50px;

    border-radius: 0 50px 0 50px;

}

.about3 .right{

    width: 53.125%;

    padding-left: 100px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.about3 .right .inner_title{

    text-align: left;

}

.about.about4 .w{

    padding-top: 250px;

}

.about4 .culture_ul{



}

.about4 .culture_ul li{

    margin-top: 30px;

    border-top: 1px solid #1f59a2;

    float: left;

    width: 25%;



}

.about4 .culture_ul li img{

    margin: -54px 0 0 -24px;

}

.about4 .culture_ul li span{

    display: block;

    font-size: 24px;

    color: #1f59a2;

    font-weight: 600;

    margin: 17px 0 15px;

}

.about4 .culture_ul li .info{

    padding-right: 100px;

}



/*产品中心---------------------------------------*/

.pro_search{

    padding-top: 200px;

}

.pro_search .left{

    width: 64.375%;

}

.pro_search .left dl{

    border-bottom: 1px solid #eee;

    color: #0f2e46;

    padding: 15px 0;

}

.pro_search .left dt,

.pro_search .left dd{

    line-height: 30px;

    height: 30px;

    float: left;



}

.pro_search .left dt{

    font-size: 20px;

    font-weight: 600;

    margin: 10px 30px 10px 0;

}

.pro_search .left dd{

    font-size: 18px;

    padding: 0 20px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    margin: 10px 10px;

    cursor: pointer;

}

.pro_search .left dd.on{

    background: #1f59a2;

    color: #fff;

}

.pro_search .left dl.type_all{

    border-bottom: none;

    padding: 25px 0;

}

.pro_search .left dl.type_all dd{

    background: #1f59a2;

    color: #fff;

    padding: 0 50px 0 20px;

    position: relative;

}

.pro_search .left dl.type_all dd i{

    width: 18px;

    height: 100%;

    margin-left: 10px;

    background: url(../images/close_search.png) no-repeat center center;

    position: absolute;

    top: 0;

    right: 20px;

}



.look_result{

    padding: 5px 15px;

    background: #0f2e46;

    color: #fff;

    font-size: 24px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

}

.pro_search .right{

    width: 35.625%;

    padding-left: 75px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    

}

.pro_search .right .pro_search_box{

    position: static;

    width: 100%;


}

.pro_search .right_con{

    padding: 60px 25px 160px 0;

    margin-top: 40px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: url(../images/pro_phone.jpg) no-repeat top left;

    background-size: 100% 100%;

    text-align: right;

}

.pro_search .right_con p{

    width: 340px;

    text-align: center;

    font-weight: 700;

    display: inline-block;

}

.pro_search .right_con .p1{

    font-size: 36px;

    line-height: 47px;

    color: #0f2e46;

}

.pro_search .right_con .p2{

    font-size: 43px;

    color: #1f59a2;


    margin: 25px 0;

    font-style: italic;

}



.pro_search .right_con .p3 a{

    padding: 12px 25px 12px 70px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background: #1f59a2;

    color: #fff;

    position: relative;

    font-size: 20px;

}

.pro_search .right_con .p3 a:after{

    position: absolute;

    content: "";

    display: block;

    width: 34px;

    height: 100%;

    top: 0;

    left: 25px;

    background: url(../images/on_line.png) no-repeat center center;

}

/*产品中心侧边栏*/

.right_ce{

    position: fixed;

    top: 40%;

    right: 0;

    -webkit-border-radius: 20px 0 0 20px;

    -moz-border-radius: 20px 0 0 20px;

    border-radius: 20px 0 0 20px;

    overflow: hidden;

    z-index: 1000;

}

.right_ce_ul{

    width: 100px;

}

.right_ce_ul li{

    width: 100%;

    text-align: center;

    color: #fff;

    padding: 20px 0;

    background: #1f59a2;



}

.right_ce_ul li:hover{

    background: #d14a6d;

}

.right_ce_ul li a{

    width: 100%;

}

.right_ce_ul li p{

    margin-top: 12px;

    text-align: center;

}



.pro_class{

    padding-top: 100px;

}

.pro_class .pro_item{

    position: relative;

    padding: 80px 0;

}

.pro_class .pro_item:before{

    position: absolute;

    width: 100%;

    height: 50%;

    left: 0;

    bottom: 0;

    background: #e9ecf6;

    content: "";

    display: block;

}

.pro_class .pro_item .num_con{

    float: left;

    width: 26.2%;

    padding-right: 40px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.pro_class .pro_item .list_con{

    float: right;

    width: 73.8%;

}

.pro_item .num_con .num{

    font-size: 350px;

    color: #e9ecf6;

    margin-top: -10px;

    font-family: Arial, Microsoft YaHei, SimSun;

    font-weight: 700;

}

.pro_item .num_con .column_title{

    margin-top: -25px;

}

.pro_item .num_con .classname{

    font-size: 30px;

    font-weight: 700;

    margin-bottom: 30px;

}



.pro_class .paint_swiper_con{

    padding: 20px;

}

.pro_class .paint_swiper_con .swiper-button-next,

.pro_class .paint_swiper_con .swiper-button-prev {

    bottom: 50%;

}

.pro_class .paint_swiper_con .swiper-button-next {


    right: 5px;

}

.pro_class .paint_swiper_con .swiper-button-prev {

    left: 5px;

}

.pro_class .paint_swiper_con .swiper-button-next:after,

.pro_class .paint_swiper_con .swiper-button-prev:after{

    background: #1f59a2;

    color: #fff;

}

.pro_item_all .pro_item:nth-of-type(5n-3):before{

    background: #f6e9e9;

}

.pro_item_all .pro_item:nth-of-type(5n-3) .num_con .num{

    color: #f6e9e9;

}

.pro_item_all .pro_item:nth-of-type(5n-2):before{

    background: #f6e9f4;

}

.pro_item_all .pro_item:nth-of-type(5n-2) .num_con .num{

    color: #f6e9f4;

}

.pro_item_all .pro_item:nth-of-type(5n-1):before{

    background: #ebf6e9;

}


.pro_item_all .pro_item:nth-of-type(5n-1) .num_con .num{

    color: #ebf6e9;

}

.pro_item_all .pro_item:nth-of-type(5n):before{

    background: #f6f1e9;

}

.pro_item_all .pro_item:nth-of-type(5n) .num_con .num{

    color: #f6f1e9;

}

.pro_item_all .pro_item:nth-of-type(2n) .num_con{

    float: right;

    padding-right: 0;

    padding-left: 55px;

}

.pro_item_all .pro_item:nth-of-type(2n) .list_con{

    float: left;

}

.pro_item_all .pro_item:nth-of-type(2n) .num_con .classname,

.pro_item_all .pro_item:nth-of-type(2n) .num_con .more{

    padding-left: 60px;

}

.link_me{

    background: #1f59a2;

    padding: 28px 0;

    color: #fff;

    font-weight: 700;

}

.link_me .p1{

    line-height: 60px;

    font-size: 36px;



}

.link_me .link_a{

    padding: 0 35px 0 95px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    background: #fff;

    color: #1f59a2;

    position: relative;

    font-size: 24px;

    height: 60px;

    line-height: 60px;

}

.link_me .link_a:after{

    position: absolute;

    content: "";

    display: block;

    width: 39px;

    height: 100%;

    top: 0;

    left: 25px;

    background: url(../images/phone_icon2.png) no-repeat center center;

}



/*产品展开  栏目页*/

.pro_class.pro_center{

    padding-top: 180px;

}

.pro_center.pro_class .paint_swiper_con{

    padding: 0;

}

.pro_center.pro_class .pro_item {

    position: relative;

    padding: 60px 0;

}

.pro_stick_three.paint_swiper_con li{

    width: 29.66%;

    float: left;

    margin-right: 5.51%;

}

.pro_stick_three.paint_swiper_con li:nth-of-type(3n){

    margin-right: 0;

}

/*一行四列*/

.pro_list{

    padding: 30px 0;

}

.pro_list .paint_swiper_con li{

    width: 21.875%;

    margin-right: 4.165%;

    float: left;

    margin-bottom: 4.165%;

}

.pro_list .paint_swiper_con li:nth-of-type(4n){

    margin-right: 0;

}

.pro_bg_e9ecf6{

    background: #e9ecf6;

}

/*三级栏目标题*/

.column_list li{

    width: 50%;

    float: left;

}

.column_list li a{

    width: 100%;

    font-size: 20px;

    line-height: 36px;

    height: 36px;

}

.column_list li.on a{

    color: #1f59a2;

}

.column_list li i{

    font-weight: normal;

    margin-right: 12px;

    position: relative;

    top: -2px;

    width: 10px;

    height: 10px;

    border: 1px solid #707175;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.column_list li.on i {

    border: 1px solid #1f59a2;

    background: #1f59a2;

}

.pro_center .pro_item .num_con .column_title{

    margin-top: -80px;

}





.pro_page{

    padding-top: 140px;

    color: #0f2e46;

}

/*面包屑*/

.crumbs{

    margin-bottom: 20px;

    line-height: 30px;

}

.crumbs .index_a{

    width: 30px;

    height: 100%;

    background: url(../images/index_a.png) no-repeat center center;

    text-indent: -100000px;

}

/*产品简介开始*/

.pro_page_part{



}

.pro_page_part .left{

    width: 51.56%;





}

.pro_page_part .left .big_img{

    width: 79.15%;

    padding-top: 79.15%;

    position: relative;

}

.pro_page_part .left .big_img img{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.pro_page_part .left .lit_img_list{

    width: 18%;

}

.pro_page_part .left .lit_img_list li{

    width: 100%;

    padding-top: 100%;

    position: relative;

    margin-bottom: 13.05%;

    cursor: pointer;

}

.pro_page_part .left .lit_img_list li img{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}





.pro_page_part .right{

    width: 48.44%;

    padding-left: 150px;

    padding-top: 50px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.pro_page_part .right .type_title1{

    color: #1f59a2;

    font-size: 48px;

    font-weight: 600;

}

.pro_page_part .right .type_title2{

    font-size: 48px;

    font-weight: 600;

    margin: 20px 0 60px;

}

.pro_page_part .right .type_dl dd{

    line-height: 30px;

    font-weight: 600;

    padding: 22px 0;

    border-bottom: 1px solid #eee;

    color: #a0a0a0;

}

.pro_page_part .right .type_dl span{

    color: #0f2e46;

    margin-right: 20px;

}



.pro_part{

    margin-top: 100px;

    position: relative;

}

.pro_part:before{

     position: absolute;

     content: "";

     display: block;

 }

/*.Brief:before{

    width: 12px;

    height: 351px;

    background: url(../images/Brief_icon.png) no-repeat;

    top: 0;

    right: 0;

}*/

.appli:before{

    width: 12px;

    height: 460px;

    background: url(../images/appli_icon.jpg) no-repeat;

    top: 0;

    left: 0;

}

.appli:after{

    position: absolute;

    content: "";

    display: block;

    width: 12px;

    height: 417px;

    background: url(../images/spe_icon.png) no-repeat;

    top: 0;

    right: 0;

}

.Coating:before{

    width: 12px;

    height: 383px;

    background: url(../images/coa_icon.png) no-repeat;

    top: 0;

    left: 0;

}

.Coating:after{

    position: absolute;

    content: "";

    display: block;

    width: 12px;

    height: 323px;

    background: url(../images/paint_icon.png) no-repeat;

    top: 0;

    right: 0;

}

.Packaging:before{

    width: 429px;

    height: 12px;

    background: url(../images/pack_icon.png) no-repeat;

    top: 20px;

    right: 0;

}

.pro_Case:before{

    width: 392px;

    height: 12px;

    background: url(../images/case_icon.png) no-repeat;

    top: 20px;

    right: 0;

}

.Quali:before{

    width: 474px;

    height: 12px;

    background: url(../images/qua_icon.png) no-repeat;

    top: 20px;

    right: 0;

}

.Factory:before{

    width: 410px;

    height: 12px;

    background: url(../images/fact_icon.png) no-repeat;

    top: 20px;

    right: 0;

}

/*产品简介--------------------*/

.pro_part_title_box{

    margin-bottom: 50px;

}

.pro_part_title_box .lit_title1{

    display: inline-block;

    font-weight: 700;

}

.pro_part_title_box .lit_title1 font{

    background: #1f59a2;

    height: 100%;

    display: inline-block;

    color: #fff;

    padding: 0 8px 0 10px;

    font-size: 24px;

    float: left;

    line-height: 40px;



}

.pro_part_title_box .lit_title1 span{

    padding: 11px 10px 9px;

    font-size: 16px;

    color: #1f59a2;

    font-family: Arial;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    float: left;

    border-top: 1px dashed #1f59a2;

    border-right: 1px dashed #1f59a2;

    border-bottom: 1px dashed #1f59a2;

}

.pro_part_title_box .lit_title2{

    font-size: 36px;

    line-height: 40px;

    margin: 15px 0 30px;

    font-weight: 700;

}

.pro_part_title_box .line{

    width: 40px;

    height: 2px;

    background: #0f2e46;

}

.pro_part_title_box .info{

    line-height: 36px;

    margin-top: 40px;

    border-bottom: 1px solid #eee;

    padding-bottom: 40px;

}



.Brief .left{

    width: 40%;

}

.Brief .right{

    width: 49%;

}

.Brief .right img{

    width: 100%;

    max-height: 580px;

}



.Brief .charac_dl{



}

.Brief .charac_dl dt,

.Brief .charac_dl dd{

    position: relative;

    line-height: 36px;

}

.Brief .charac_dl dd{

    padding-left: 24px;

}



.Brief .charac_dl dd:after{

    background: url(../images/dui_icon.png) no-repeat center left;

    width: 14px;

    height: 36px;

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

}

/*推荐应用------------------------*/

.Coating,

.appli{

    padding: 0 80px;

}

.Coating .left,

.appli .left{

    width: 40%;

}



.appli .left .img img{

    width: 100%;

    max-height: 300px;

}

.Coating .right,

.appli .right{

    width: 40%;

    position: relative;

}

.Special_table{

    width: 100%;

}

.Special_table tr:nth-of-type(2n-1){

    background: #f0f0f0;

}

.Special_table tr td{

    padding: 10px 40px;

    line-height: 30px;

}

.Special_table tr td:nth-of-type(1){

    border-right: 1px solid #fff;

    text-align: right;

    font-weight: 600;

}



.Special_table.Guide_table tr td:nth-of-type(1){

    min-width: 180px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

/*涂装配套--------------*/

.Coating_table{

    width: 100%;

    border-top: 1px solid #eee;

}

.Coating_table tr{

    border-bottom: 1px solid #eee;



}

.Coating_table tr td{

    padding: 30px 0;

    line-height: 40px;



}

.Coating_table tr td:nth-of-type(2){

    font-size: 24px;

    font-weight: 700;

    padding: 30px 25px;

    min-width: 100px;

}

/*包装外观--------------------*/



.Packimg_list li{

    width: 24%;

    padding-top: 28%;

    margin-right: 1.33%;

    position: relative;

    float: left;

}

.Packimg_list li:nth-of-type(4n){

    margin-right: 0;

}



.Packimg_list li img{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

/*在线咨询--------------*/

.pro_online{

    width: 100%;

    padding: 60px 0;

    background: url(../images/pro_online_bg.jpg) no-repeat center center;

    background-size: cover;

    margin-top: 100px;

}

.pro_online .right{

    width: 45%;

    color: #fff;

}

.pro_online .right p{

    font-weight: 700;

}

.pro_online .right .p1{

    font-size: 36px;

    line-height: 48px;



}

.pro_online .right .p2{

    font-size: 43px;

    line-height: 90px;

    font-style: italic;

    padding-left: 45px;

    background: url(../images/phone_icon3.png) no-repeat center left;

}



.pro_online .right .p3 a{

    padding: 12px 25px 12px 70px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background: #1f59a2;

    color: #fff;

    position: relative;

    font-size: 20px;

}

.pro_online .right .p3 a:after{

    position: absolute;

    content: "";

    display: block;

    width: 34px;

    height: 100%;

    top: 0;

    left: 25px;

    background: url(../images/on_line.png) no-repeat center center;

}

/*案例展示-=---------------------------------*/

.pro_Case .left{

    width: 43.75%;

}

.pro_Case .left img{

    width: 100%;

    max-height: 450px;

}

.pro_Case .right{

    width: 48.75%;

}

.pro_Case_dl dt,

.pro_Case_dl dd{

    line-height: 30px;

    padding: 10px 0;

    text-align: center;

}

.pro_Case_dl dd:nth-of-type(2n){

    background: #f0f0f0;

}

.pro_Case_dl dt{

    background: #0f2e46;

    color: #fff;

    font-weight: 700;

}

/*资质认证--------------*/





.Quali .about2{

    position: relative;

}

.Quali .about2 .right{

    top: 100px;

}

.Factory .left{

    width: 50%;

}

.Factory_img_ul{

    margin-top: 30px;

}

.Factory_img_ul li{

    width: 48.25%;

    float: left;

}

.Factory_img_ul li:nth-of-type(2n){

    float: right;

}

.Factory_img_ul li img{

    width: 100%;

}

.Factory .right{

    width: 46.5%;

}

.Factory .right img{

    width: 100%;



}

/*相关产品推荐-------------*/

.recom{

    margin-top: 100px;

    padding: 100px 0;

    background: #f0f0f0;

}

.recom .name{

    position: relative;

    height: 40px;

    border-top: 1px solid #e6e6e6;

}



.recom .name i{

    font-size: 24px;

    background: #f0f0f0;

    padding-right: 18px;

    position: absolute;

    top: -15px;

    left: 0;

}

.recom_list{

    margin-top: 10px;

    position: relative;

}

.recom_list .swiper-button-next,

.recom_list .swiper-button-prev{

    width: 30px;

    height: 30px;


}

.recom_list .swiper-button-next{

    right: -15px;

}

.recom_list .swiper-button-prev{

    left: -15px;

}

.recom_list .swiper-button-next:after,

.recom_list .swiper-button-prev:after{

    width: 100%;


    height: 100%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    background: #1f59a2;

    font-size: 12px;

    color: #fff;

}



.recom_swiper li{

    border: 1px solid #e6e6e6;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    overflow: hidden;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    text-align: center;

    padding: 30px 40px;

}

.recom_swiper li:hover{

    background: #fff;

    border: 1px solid #fff;

}

.recom_swiper li a{

    width: 100%;

}

.recom_swiper li img{

    width: 100%;

    height: 224px;

}

.recom_swiper li .p1{

    font-weight: 600;

    line-height: 25px;

    height: 25px;

    margin-top: 25px;

    text-align: center;

}



/*应用案例列表------------------------------------*/

.Appli_case{

    padding: 170px 0;

    color: #0f2e46;

}

.Appli_case_ul{

    position: relative;

}

.Appli_case_ul:before{

    position: absolute;

    width: 20.43%;

    height: calc(100% - 513px);

    top: 244px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

    content: "";

    display: block;

    background: url(../images/case_center.png) repeat-y;

    background-size: 100% auto;

}

.Appli_case_ul li{

    padding: 140px 0;

    position: relative;

}

.Appli_case_ul li .img_con{

    width: 37.5%;

    padding-top: 37.5%;

    background-size: cover !important;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    overflow: hidden;

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.Appli_case_ul li .img_con:before{

    position: absolute;

    top: 50%;

    left: 50%;

    background: url(../images/link_icon.png) no-repeat center center;

    width: 108px;

    height: 108px;

    content: "";

    display: block;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    opacity: 0;

}

.Appli_case_ul li .img_con:hover:before{

    opacity: 1;

}

.Appli_case_ul li .info_con{

    width: 36.625%;

    float: right;

    position: relative;

}

.Appli_case_ul li .info_con .num{

    color: #f0f0f0;

    font-size: 260px;

    width: 100%;

    height: 100%;

    position: absolute;

    top: -60px;

    left: 0;

    z-index: -1;

    font-weight: 700;

    text-align: center;

}

.Appli_case_ul li .info_con .name{

    font-size: 30px;

    font-weight: 700;

    line-height: 80px;

    height: 80px;

    padding-left: 90px;

    position: relative;

}

.Appli_case_ul li .info_con .name img{

    position: absolute;

    top: 50%;

    left: 0;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.Appli_case_ul li .info_con .info{

    height: 90px;

    -webkit-line-clamp: 3;

    line-clamp: 3;

    margin: 15px 0 20px;

}



.Appli_case_ul li:nth-of-type(2n) .img_con{

    left: auto;

    right: 0;

}

.Appli_case_ul li:nth-of-type(2n) .info_con{

    float: left;

}









/*应用案例 项目列表*/

.Appli_page{

    padding: 120px 0 150px;

    overflow: hidden;

    width: 100%;

}





.case_circle_ul{

    border-top: 1px solid #eee;

    margin-top: 50px;

}

.case_circle_ul .circle_ul{

    justify-content: space-between;

    width: 100%;

    margin-top: -55px;

}

.case_circle_ul .circle_ul:after,

.case_circle_ul .circle_ul:before{

    content: "";

    display: block;

}

.case_circle_ul .circle_ul li{

  position: static;

    -webkit-transform: inherit;

    -moz-transform: inherit;

    -ms-transform: inherit;

    -o-transform: inherit;

    transform: inherit;

}

.case_circle_ul .circle_ul li .img_con{

    width: 100px;

    height: 100px;

}

.case_circle_ul .circle_ul li .img_con span{

    background-size: 50% !important;

    position: relative;

}

.case_circle_ul .circle_ul li .img_con span img{

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%,-50%);

    -moz-transform: translate(-50%,-50%);

    -ms-transform: translate(-50%,-50%);

    -o-transform: translate(-50%,-50%);

    transform: translate(-50%,-50%);

    opacity: 0;

    width: 50%;

}

.case_circle_ul .circle_ul li.on .img_con span,

.case_circle_ul .circle_ul li:hover .img_con span{

    background: none !important;

}

.case_circle_ul .circle_ul li.on .img_con span img,

.case_circle_ul .circle_ul li:hover .img_con span img{

    opacity: 1;

}







.case_circle_ul .circle_ul li .title{

    display: block;

    color: #0f2e46;

    font-weight: 700;

}

.case_pro_ul{



}



.case_pro_ul li{

    float: left;

    width: 50%;

    border-bottom: 1px solid #eee;


    padding: 50px 0;



}

.case_pro_ul li .li_con{

    width: 92.5%;

    position: relative;

    overflow: hidden;

}



.case_pro_ul li:nth-of-type(2n) .li_con{

    float: right;

}

.case_pro_ul li .img_con{

    width: 100%;

    padding-top: 59.45%;

    background-size: cover !important;

}

.case_pro_ul li .img_con a{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.case_pro_ul li .info_con1{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    color: #fff;

    padding: 40px 20px 15px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

    background: -ms-linear-gradient(to bottom, rgba(15,46,70,0.05), rgba(15,46,70,0.8));

    background: -webkit-linear-gradient(to bottom, rgba(15,46,70,0.05), rgba(15,46,70,0.8));

    background: -o-linear-gradient(to bottom, rgba(15,46,70,0.05), rgba(15,46,70,0.8));

    background: -moz-linear-gradient(to bottom, rgba(15,46,70,0.05), rgba(15,46,70,0.8));

    background: linear-gradient(to bottom, rgba(15,46,70,0.05), rgba(15,46,70,0.8));

}

.case_pro_ul li .info_con1 a{

    width: 100%;

}

.case_pro_ul li .info_con .left_name{

    font-weight: 700;

    width: 35%;



}

.case_pro_ul li .info_con .left_name .add{

    padding-left: 25px;

    background: url(../images/foot_icon1.png) no-repeat center left;

    line-height: 30px;

    font-size: 18px;

}

.case_pro_ul li .info_con .left_name .name{

    line-height: 32px;

    font-size: 20px;

}

.case_pro_ul li .info_con .right_cot{

    width: 65%;

    text-align: right;

    padding-top: 35px;

    line-height: 30px;

    height: 30px;

}

.case_pro_ul li .li_mark{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 100%;

    left: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 40px 40px 110px;

    background: rgba(15, 46, 70, 0.8);

    color: #fff;



}

.case_pro_ul li .li_mark .title{

    line-height: 30px;

    height: 30px;

    font-size: 20px;

    text-align: center;

    font-weight: 700;

    margin-bottom: 20px;

}

.case_pro_ul li .li_mark .info{

    height: 180px;

    overflow: hidden;

}

.case_pro_ul li .li_mark .info_con{

    width: calc(100% - 80px);

    padding: 40px 0;

    left: 40px;

    border-top: 1px solid #ffffff;

    position: absolute;

    bottom: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.case_pro_ul li .info_con .right_cot{

    padding-top: 0;

}

.case_pro_ul li:hover .li_con .info_con1{

   bottom: -150px;

}

.case_pro_ul li:hover .li_mark{

    top: 0;

}

.look_more{

    text-align: center;

    margin-top: 90px;

}

.look_more a{

    color: #fff;

    padding: 20px 50px;

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    border-radius: 40px;

    background: #1f59a2;

    font-size: 18px;

    font-weight: 700;

}



.look_more a i{

    -ms-transform: rotate(90deg) scale(1, 1.5);

    -moz-transform: rotate(90deg) scale(1, 1.5);

    -webkit-transform: rotate(90deg) scale(1, 1.5);

    -o-transform: rotate(90deg) scale(1, 1.5);

    transform: rotate(90deg) scale(1, 1.5);

}



/*应用案例详情页 */



.Appli_detail{

    color: #0f2e46;



}

.Appli_detail .pro_left{

    width: 30%;

    padding: 150px 100px 150px 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-weight: 700;

}

.back_mobile_icon{

    margin-bottom: 20px;

}

.back_mobile_icon,

.Appli_detail .pro_left  .back_icon{

    line-height: 30px;

    color: #313131;

}

.back_mobile_icon img,

.Appli_detail .pro_left  .back_icon img{

    margin-right: 10px;

    margin-top: -5px;

}











.Appli_detail .pro_left .title{

    font-size: 36px;

    line-height: 48px;

    font-weight: 700;

    margin: 30px 0 60px;

}

.Appli_detail .pro_info_ul{

    margin-bottom: 80PX;


}

.Appli_detail .pro_info_ul li {

    padding: 12px 0 12px 24px;

    position: relative;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    float: left;

    width: 50%;

}

.Appli_detail .pro_info_ul li.add_li{

    background: url(../images/pro_page_icon1.png) no-repeat center left;

}

.Appli_detail .pro_info_ul li.time_li{

    background: url(../images/pro_page_icon2.png) no-repeat center left;

}

.Appli_detail .pro_info_ul li.kind_li{

    width: 100%;

    background: url(../images/pro_page_icon3.png) no-repeat center left;

}



.Appli_detail .pro_info_ul li .p1{

    line-height: 27px;

    color: #b2b2b2;

}

.Appli_detail .pro_info_ul li .p2{

    line-height: 27px;



}

.Appli_detail .resem_con .resem_name{

    color: #1f59a2;

    padding-bottom: 20px;

}

.Appli_detail .resem_ul li{

    width: 46%;

    margin-right: 8%;

    margin-bottom: 8%;

    float: left;

}

.Appli_detail .resem_ul li a{

    width: 100%;

}

.Appli_detail .resem_ul li:nth-of-type(2n){

    margin-right: 0;

}

.Appli_detail .resem_ul li .img_con{

    width: 100%;

    padding-top: 60%;

    background-size: cover !important;

}

.Appli_detail .resem_ul li .info_con{

    padding-top: 10px;

}

.Appli_detail .resem_ul li .name{

    line-height: 25px;

    height: 25px;

    font-size: 18px;

}

.Appli_detail .resem_ul li .add{

    line-height: 25px;

    height: 25px;

    font-size: 14px;

    color:#808080;

    padding-left: 20px;

    background: url(../images/pro_page_icon1.png) no-repeat center left;

}





.Appli_detail .pro_right{

    width: 70%;

    padding: 150px 0 150px 100px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border-left: 1px solid #f2f2f2;

}



.Appli_detail .pro_right .info{

}



.case_img_swiper li img{

    width: 100%;

}

.case_img_swiper .case_img_next,

.case_img_swiper .case_img_prev{

    width: 40px;

    height: 78px;

    margin-top: -70px;


    background-size: 100% 100% !important;

}

.case_img_swiper .case_img_next{

    right: 0;

    background: url(../images/case_next.png) no-repeat center center;



}

.case_img_swiper .case_img_prev{

    left: 0;

    background: url(../images/case_prev.png) no-repeat center center;

}



.case_img_swiper .case_img_next:after,

.case_img_swiper .case_img_prev:after{

    display: none;

}

.case_img_swiper{

    margin-top: 40px;

    padding-bottom: 40px;

}

.case_img_swiper .case_img_pagination .swiper-pagination-bullet{

    width: 30px;

    height: 2px;

    background: #e5e5e5;

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0;

    opacity: 1;

    margin: 0 10px;

}

.case_img_swiper .case_img_pagination .swiper-pagination-bullet-active{

    background: #1f59a2;

}

/*服务支持-色彩体验-------------------*/

.colour_list{

    

}

.colour_list li{

    float: left;

    width: 28.875%;

    margin-right: 6.6875%;

    margin-bottom: 6.6875%;

    cursor: pointer;

}

.colour_list li:nth-of-type(3n){

    margin-right: 0;

}

.colour_list li:nth-of-type(3n-2){

   clear: left;

}

.colour_list li .img_con{

    width: 100%;

    padding-top: 100%;

    background-size: cover !important;

    border: 1px solid #f0f0f0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    overflow: hidden;

    position: relative;

}

.colour_list li .img_con .colour_img_list{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

}

.colour_list li .img_con .colour_img_list a{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

}

.colour_list li .img_con .colour_img_list a img{

    display: none;

}

.colour_list li .info_con{



}

.colour_list li .info_con .title{

    font-size: 30px;

    line-height: 48px;

    height: 48px;

    color: #1f59a2;

    text-align: center;

    font-weight: 700;

    margin: 40px 0 20px;

}

/*漆量计算------------------------*/



.calc_con{

    position: relative;

    padding: 80px 180px;

    background: #fff;

    -webkit-box-shadow: 0 0 20px #ccc;

    -moz-box-shadow: 0 0 20px #ccc;

    box-shadow: 0 0 20px #ccc;

    -webkit-border-radius: 40px;

    -moz-border-radius: 40px;

    border-radius: 40px;

    display: inline-block;

    margin-left: 50%;

    margin-top: 50px;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}

.calc_result{

    background: #1f59a2;

    color: #fff;

    position: absolute;

    top: -60px;

    width: 700px;

    left: 50%;

    line-height: 120px;

    padding: 0 15px 0 50px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);



    font-weight: 700;

}

.calc_result_span{

    font-size: 24px;

}

.calc_result .right .num_result{

    font-size: 48px;

}

.calc_result .right font{

    font-size: 30px;

}

.calc_con:before{

    position: absolute;

    content: "";

    display: block;

    width: 345px;

    height: 326px;

    background: url(../images/calc_icon1.png) no-repeat center center;

    background-size: 100% !important;

    top: 88px;

    left: -155px;

}



.count_ul{

    width: 700px;

}

.count_ul li{

    margin-top: 50px;

}

.count_ul li .count_span{

    width: 250px;

    text-align: right;

    padding-right: 24px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    line-height: 60px;

    font-size: 24px;

    font-weight: 700;

    color:#0f2e46;

}

.count_ul li .right_ipt{

    width: calc(100% - 250px);

    float: right;

}

.count_ul li .right_ipt .false_ipt_box{

    position: relative;



}

.count_ul li .right_ipt .kind_ipt{

    padding: 20px 70px 20px 20px;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: #f0f0f0;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    border: none;

}



.count_ul li .right_ipt .false_ipt_box .btn{

    width: 60px;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

    background: url(../images/ipt_btn.png) no-repeat center center;

    background-size: cover;

}

.count_ul li .right_ipt .readonly_ipt,

.count_ul li .right_ipt .area_ipt{

    padding: 20px;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    border: 1px solid #f0f0f0;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    background: none;

}


.count_ul li .right_ipt .readonly_ipt{

    border: none;

}



.count_ul li .right_ipt .select_ipt{

    padding: 20px 70px 20px 20px;

    width: 100%;


    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: #f0f0f0;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    border: none;

}

.count_ul li .right_ipt .select_ipt option{

    line-height: 30px;

}





.calc_con .submit_ipt{

    width: 208px;

    height: 208px;

    background: url(../images/calc_icon2.png) no-repeat center center;

    background-size: 100% 100% !important;

    color: #fff;

    font-size: 40px;

    position: absolute;

    top: 50%;

    right: -104px;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}





.tips{

    color: #a0a0a0;

    text-align: center;

    margin-top: 40px;

    line-height: 30px;

}



.kind_ul{

    position: absolute;

    top: 58px;

    left: 0;

    width: 100%;

    background: #f0f0f0;

    border-top: 1px solid #fff;

    color: #0f2e46;

    padding: 15px 0;

    z-index: 100;

    display: none;

    min-height: 430px;

}

.false_ipt_box1:hover .kind_ul{

    display: block;

}

.kind_ul li{

    width: 200px;

    border-right: 1px solid #0e2e47;

    margin-top: 0;

}

.kind_ul li .first{

    width: 190px;

    padding: 10px 24px;

    line-height: 30px;

    overflow: hidden;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

}

.kind_ul li .first:before{

    position: absolute;

    content: "";

    display: block;

    width: 0;

    height: 0;

    border: 5px solid transparent;

    border-left: 8px solid #0f2e46;

    top: 20px;

    right: 15px;

}

.kind_ul li:hover .first{

    background: #fff;

}



.kind_ul li .hide_sj{

    position: absolute;


    top: 0;

    left: 201px;

    width: 250px;


    padding: 15px 0 0 25px;

    background: #f0f0f0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    display: none;

    height: 100%;

    overflow-y: auto;

}

.kind_ul li:hover .hide_sj{

    display: block;

}

.kind_ul li .hide_sj a{

   padding: 10px 24px;

    line-height: 30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    width: 100%;



}



.kind_ul li .hide_sj a:hover{

    background: #fff;

}

/* 产品标准*/

.standard_part{

    font-weight: 700;

    color: #0f2e46;

    margin-bottom: 50px;

}

.standard_part .part_title i{

    font-weight: 700;

    background: #1f59a2;

    font-size: 24px;

    padding: 10px 20px 15px;

    -webkit-border-radius: 0 10px 0 0;

    -moz-border-radius: 0 10px 0 0;

    border-radius: 0 10px 0 0;

    color: #fff;



}



.standard_part .standard_ul{

    padding: 50px 50px 30px;

    background: #f0f0f0;

}

.standard_ul li{

    float: left;

    width: 48%;

    margin-right: 4%;

    margin-bottom: 2%;

    background: #fff;

    height: 96px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    position: relative;

    padding-left: 28px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;





}

.standard_ul li .li_con{

    background: url(../images/pdf_icon1.png) no-repeat center left;

    width: 100%;

    height: 100%;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;


    -o-transition: all .3s;

    transition: all .3s;

}

.standard_ul li font{

   font-size: 18px;

    line-height: 36px;

    max-height: 72px;

    overflow: hidden;

    position: absolute;

    top: 50%;

    left: 95px;

    width: calc(100% - 125px);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    

}

.standard_ul li:nth-of-type(2n){

    margin-right: 0;

}

.standard_ul li .colour_img_list{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    opacity: 0;

    z-index: 100;

}

.standard_ul li .colour_img_list a{

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

}

.standard_ul li .colour_img_list a img{

    display: none;

}

.fancybox-opened .fancybox-title{

    font-size: 24px;

    font-weight: 700;

    text-align: center;

    top: -30px;

}

.standard_ul li:hover{

    background: #1f59a2;

}

.standard_ul li:hover .li_con{

    background: url(../images/pdf_icon2.png) no-repeat center left;

    color: #fff;

}

/*涂装方案----------------------*/



.Painting_ul{

    color: #0f2e46;

    font-weight: 700;

    border-top: 1px solid #f0f0f0;

}

.Painting_ul li{

    float: left;

    font-size: 0;

    border-bottom: 1px solid #f0f0f0;

    width: 30%;

    padding: 50px 0 80px;

}

.Painting_ul li:nth-of-type(3n-1){

    width: 40%;

}



.Painting_ul li .li_con{

    position: relative;

}

.Painting_ul li a{

    width: 100%;

}

.Painting_ul li:nth-of-type(3n-1) .li_con{

    width: 75%;

    margin-left: 12.5%;

}

.Painting_ul li .img_con{

    width: 100%;

    padding-top: 62.5%;

    background-size: cover !important;

}

.Painting_ul li .info_con{

    position: absolute;

    background: #fff;

    width: calc(100% - 60px);

    left: 30px;

    padding: 30px 70px 30px 30px;

    bottom: -30px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-box-shadow: 0 0 10px #ccc;

    -moz-box-shadow: 0 0 10px #ccc;

    box-shadow: 0 0 10px #ccc;

}

.Painting_ul li .info_con:before{

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 30px;

    width: 30px;

    height: 30px;

    background: url(../images/more_icon_red.png) no-repeat center center;

    content: "";

    display: block;

}

.Painting_ul li .info_con .time{

    line-height: 20px;

    font-size: 14px;

    font-family: Arial;

    color: #a0a0a0;

}



.Painting_ul li .info_con .name{

    line-height: 30px;

    font-size: 20px;

    height: 30px;

    margin-top: 5px;

}

.Painting_ul li:hover .info_con{

    background: #1f59a2;

    color: #fff;



}

.Painting_ul li:hover .info_con .time{

    color: #fff;

}

.Painting_ul li:hover .info_con:before{

    background: url(../images/more_icon_white.png) no-repeat center center;

}






/*涂装问答----------------------------------*/





.ques_nav{

    margin-bottom: 50px;

    justify-content: center;

}

.ques_nav li{

    margin: 0 12px;

}

.ques_nav li a{

    width: 190px;

    padding: 10px 0;

    border: 1px solid #0f2e46;

    color: #0f2e46;

    text-align: center;

    font-size: 24px;

    -webkit-border-radius: 25px;

    -moz-border-radius: 25px;

    border-radius: 25px;



}

.ques_nav li.on a,

.ques_nav li:hover a{

    background: #0f2e46;

    color: #fff;

}

.ques_ul li{

    margin-bottom: 20px;

}

.ques_ul li .title_btn{

    background: #f0f0f0;

    font-size: 24px;

    line-height: 36px;

    padding: 30px 85px;

   position: relative;

    cursor: pointer;

}

.ques_ul li .title_btn:before{

    position: absolute;

    content: "";

    display: block;

    width: 85px;

    height: 100%;

    background: url(../images/ques_icon2.png) no-repeat center;

    top: 0;

    left: 0;



}

.ques_ul li .title_btn:after{

    position: absolute;

    content: "";

    display: block;

    width: 85px;

    height: 100%;

    background: url(../images/more_icon_red.png) no-repeat center;

    top: 0;

    right: 0;

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.ques_ul li .info{

    background: #f0f0f0;

    padding: 40px 30px;

    display: none;

}

.ques_ul li:hover .title_btn,

.ques_ul li.on .title_btn{

    background: #1f59a2;

    color: #fff;



}

.ques_ul li:hover .title_btn:before,

.ques_ul li.on .title_btn:before{

    background: url(../images/ques_icon.png) no-repeat center;



}

.ques_ul li:hover .title_btn:after,

.ques_ul li.on .title_btn:after{

    background: url(../images/more_icon_white.png) no-repeat center;

    -webkit-transform: rotate(-90deg);

    -moz-transform: rotate(-90deg);

    -ms-transform: rotate(-90deg);

    -o-transform: rotate(-90deg);

    transform: rotate(-90deg);

}



/*置顶新闻*/

.hot_list .swiper-container {

}



.hot_list .swiper-slide {

    width: 59.375% !important;

    padding-top: 36.63%;

    background-size: cover !important;

}

.hot_list .swiper-slide a{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, .5);

}



.hot_list .swiper-slide .info_con{

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 80px 35px 25px;

    background: -ms-linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0.8));

    background: -webkit-linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0.8));

    background: -o-linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0.8));

    background: -moz-linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0.8));

    background: linear-gradient(to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0.8));

    display: none;

}

.hot_list .swiper-slide .info_con .time{

    font-size: 14px;

    color: #fff;

    font-weight: 700;

}


.hot_list .swiper-slide .info_con .name{

    font-size: 18px;

    color: #1f59a2;

    height: 30px;

    line-height: 30px;

    font-weight: 700;

    margin: 12px 0 10px;

}

.hot_list .swiper-slide .info_con .info{

    color: #fff;

    height: 60px;

}

.hot_list .swiper-slide-active a{

    background: rgba(0, 0, 0, 0);

}

.hot_list .swiper-slide-active .info_con{

    display: block;

}



.hot_list .swiper-button-next,

.hot_list .swiper-button-prev{

    width: 30px;

    height: 30px;

}

.hot_list .swiper-button-next{

    right: 19.4%;

}

.hot_list .swiper-button-prev{

    left: 19.4%;

}

.hot_list .swiper-button-next:after,

.hot_list .swiper-button-prev:after{

    width: 100%;

    height: 100%;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    line-height: 30px;

    text-align: center;

    background: #fff;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    font-size: 12px;

    color: #1f59a2;

}

.hot_list .swiper-button-next:hover:after,

.hot_list .swiper-button-prev:hover:after{

    background: #1f59a2;

    color: #fff;

}

.news_list{

    border-top: 1px solid #f2f2f2;

}

.news_list li{

    float: left;

    border-bottom: 1px solid #f2f2f2;

    padding: 50px 40px 50px 0;

    width: 50%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.news_list li:nth-of-type(2n){

    padding: 50px 0 50px 40px;

}

.news_list li a{

    width: 100%;

}

.news_list li .img_con{

    width: 350px;

    height: 220px;

    background-size: cover !important;

    -webkit-border-radius: 0 40px 0 40px;

    -moz-border-radius: 0 40px 0 40px;

    border-radius: 0 40px 0 40px;

}

.news_list li .info_con{

    padding-left: 30px;

    width: calc(100% - 350px);

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding-top: 20px;

}

.news_list li .info_con .time{

    color: #a0a0a0;

    font-size: 14px;

    font-weight: 700;

}



.news_list li .info_con .title{

   color:#0f2e46;

    line-height: 40px;

    height: 40px;

    margin: 5px 0;

    font-size: 18px;

    font-weight: 700;

}

.news_list li .info_con .info{

    font-size: 14px;

    color: #808080;

    margin-bottom: 25px;

    height: 90px;

    -webkit-line-clamp: 3;

    line-clamp: 3;

}

.news_list li:hover .info_con .title{

    color: #1f59a2;

}







/*分页结构*/

.page{

    margin-top: 90px;

    text-align: center;

    padding: 30px 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: #f2f2f2;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

}

.page a{

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

    color: #808080;

    height: 30px;

    padding: 0 10px;

    text-align: center;

    line-height: 30px;

    margin: 0 10px;

    border: 1px solid #808080;

}

.page a.disabled{

    color: #808080;

}

.page a.current{

    color: #fff;

    background: #1f59a2;

    border: 1px solid #1f59a2;

}

/*新闻单页*/

.sub_title{

    margin: -20px 0 30px;

}

.sub_title i {

    margin-right: 30px;

    line-height: 24px;

}

.sub_title .class_name{

    background: #1f59a2;

    color: #fff;

    padding: 0 10px;

    -webkit-border-radius: 15px;

    -moz-border-radius: 15px;

    border-radius: 15px;

}

.sub_title .time{

    color: #a0a0a0;

    font-size: 14px;

    padding-left: 20px;

    background: url(../images/time_icon.png) no-repeat center left;

}

.sub_title .admin{

    color: #a0a0a0;

    font-size: 14px;

    padding-left: 17px;

    background: url(../images/admin_icon.png) no-repeat center left;

}

.next_prev{

    border-top: 1px solid #f0f0f0;

    border-bottom: 1px solid #f0f0f0;

    margin-bottom: 100px;

}

.next_prev a{

    line-height: 60px;

}

.next_prev a.prev{

    padding-left: 45px;

    background: url(../images/back_icon.png) no-repeat center left;

}

.next_prev a.next{

    padding-right: 45px;

    background: url(../images/more_icon_red.png) no-repeat center right;

}

/*相关文章*/

.resem_new_ul{

    border-bottom: 1px solid #f0f0f0;

}

.resem_new_ul li a{

    width: 100%;

    padding: 24px 0;

    font-weight: normal;

    border-top: 1px solid #f0f0f0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all .5s;

    -moz-transition: all .5s;

    -ms-transition: all .5s;

    -o-transition: all .5s;

    transition: all .5s;

}

.resem_new_ul li .name{

    line-height: 30px;

    height: 30px;

}

.resem_new_ul li .time{

    color: #a0a0a0;

    font-size: 14px;

}

.resem_new_ul li:hover a{

    border-left: 3px solid #1f59a2;

    padding-left: 15px;

}

.resem_new_ul li:hover .name{

    color: #1f59a2;

    font-weight: 700;

}



/*服务支持侧边点击*/

.sever_ul{

    margin: 50px 0;

    padding: 20px 0;

    background: #013c74;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

    justify-content: space-between;

}

.sever_ul li{

    width: 33.33%;

    text-align: center;

    color: #fff;

}

.sever_ul li a{

    width: 100%;

}

.sever_ul li p{

    margin-top: 12px;

    text-align: center;

}



/*产品订购*/

.buy_pro{

    font-size: 36px;

    padding: 15px 15px 10px 125px;

    background: #1f59a2;

    color: #fff;

   position: relative;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    width: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;


}

.buy_pro:before{

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    left: 0;

    background: url(../images/phone_icon4.png) no-repeat center center;

    width: 120px;

    height: 120px;

    background-size: 100% 100% !important;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

}

.buy_pro i{

    font-style: italic;

}

/*招商加盟----------------------------*/

.Invest_bg{

    background: url(../images/Invest_bg.jpg) no-repeat top right;

    background-size: cover;

    padding-bottom: 100px;

    position: relative;

}

.Invest_bg:before{

    content: "";

    display: block;

    position: absolute;

    bottom: 0;

    right: 0;

    background: url(../images/hg_icon.png) no-repeat center center;

    width: 376px;

    height: 511px;

    background-size: 100% !important;

    z-index: 101;



}

.Invest_part1{

    margin-bottom: 130px;

}


.Invest_part1 .left{

    width: 45.43%;

}

.Invest_part1 .left img{

    width: 100%;

    max-height: 424px;

    -webkit-border-radius: 50px 0 50px 0;

    -moz-border-radius: 50px 0 50px 0;

    border-radius: 50px 0 50px 0;

}

.Invest_part1 .right{

    width: 50%;

    padding-top: 140px;

}

.Invest_title{

    color: #0f2e46;

    font-size: 36px;

    font-weight: 700;

    line-height: 60px;

    margin-bottom: 45px;

}



.Invest_part2 .Invest_title{

    text-align: center;

}



.Invest_part2_ul{

    justify-content: space-between;

}

.Invest_part2_ul li{

    width: 22.5%;

    height: 450px;

    position: relative;

    padding-top: 120px;

}

.Invest_part2_ul li .info_con{

    background: #fff;

    padding: 40px;

    height: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

    z-index: 100;

    overflow: hidden;

}

.Invest_part2_ul li i{

    position: absolute;

    font-size: 230px;

    color: #c9d3ea;

    top: -33px;

    font-weight: 700;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%);

}

.Invest_part2_ul li .info_con h6{


    color: #1f59a2;

    font-weight: 700;

    font-size: 30px;

    line-height: 36px;

    text-align: center;

    width: 80%;

    margin-left: 10%;

    margin-bottom: 20px;

}



.Invest_bottom{

    padding-top: 100px;

}

.Invest_part3{

    width: 42%;

    padding-left: 80px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

}

.Invest_part4{

    width: 50%;

    padding-right: 120px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    position: relative;

}

.Invest_part3 .charac_dl dd{

    position: relative;

    line-height: 36px;

    padding: 12px 0 12px 24px;

    color: #4c4c4c;

}



.Invest_part3 .charac_dl dd:after{

    background: url(../images/dui_icon.png) no-repeat center left;

    width: 14px;

    height: 36px;

    content: "";

    display: block;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    left: 0;

}

.Invest_part4_ul{

    justify-content: space-between;

    flex-wrap: wrap;

    margin-left: -25px;



}

.Invest_part4_ul li{

    width: 25%;

    text-align: center;

    margin-bottom: 50px;

}



.Invest_part4_ul li p{

    text-align: center;

    margin-top: 12px;

}



.Invest_part3:after{

    position: absolute;

    content: "";

    display: block;

    width: 12px;

    height: 419px;

    background: url(../images/proce_icon_l.png) no-repeat;

    top: 0;

    left: -12px;

}

.Invest_part4:after{

    position: absolute;

    content: "";

    display: block;

    width: 12px;

    height: 395px;

    background: url(../images/proce_icon_r.png) no-repeat;

    bottom: 30px;

    right: -12px;

}





/*联系我们*/

.contact_title{

    margin-bottom: 50px;

}

.contact_title.title_box .title1{

    font-size: 36px;

}

.contact_title.title_box .title2{


    font-size: 18px;

    font-weight: normal;

}

.contact_part1{

    position: relative;

}

.contact_part1 .left{

    width: 50%;

}

.contact_part1 .left img{

    width: 100%;



}

.contact_part1 .right{

    width: 54.375%;

    height: 80%;

    position: absolute;

    top: 10%;

    right: 0;

    z-index: 100;

    background: url(../images/contact_img2.jpg) no-repeat center right;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background-size: cover !important;

}

.contact_part1 .right_con{

    font-weight: 700;

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    text-align: center;

}

.contact_part1 .right li{

    line-height: 60px;

}

.contact_part1 .right li font{

    font-size: 24px;

    letter-spacing: 2px;

    line-height: 60px;

    display: inline-block;

    margin-right: 45px;

}

.contact_part1 .right li i{

    color: #1f59a2;

    font-size: 48px;

    font-family: Arial;

    font-style: italic;

}





#allmap{

    width: 100%;

    height: 530px;

}



.infobox{

    width: 268px;

}



.infobox .d1{

    margin-top: 5px;

    font-size: 18px;

    margin-bottom: 15px;



}

.infobox .dqlocal{

    position: relative;

    margin-bottom: 10px;

}

.infobox .local span,

.infobox .dqlocal span{

    width: 40px;

    font-size: 14px;

    line-height: 28px;

}

.infobox .dqlocal input {

    width: calc(100% - 40px);

    box-sizing: border-box;

    padding: 6px 5px;

    border: 1px solid #e0e0e0;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    border-radius: 12px;

    font-size: 12px;

    color: #333333;

    vertical-align: top;

}



.infobox .dqlocal .closetext{

    width: 10px;

    height: 10px;

    background: url(../images/t_menu-close.png) no-repeat center;

    right: 12px;

    top: 50%;

    margin-top: -5px;

    position: absolute;

    cursor: pointer;

}





.infobox .local input{

    width: calc(100% - 95px);

    padding: 6px 5px;

    border: 1px solid #e0e0e0;

    font-size: 12px;

    color: #666666;

    vertical-align: top;

    -webkit-border-radius: 12px;

    -moz-border-radius: 12px;

    border-radius: 12px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.infobox .local input.gobtn{

    background: #1f59a2;

    color: #fff;

    border: 1px solid transparent;

    position: absolute;

    bottom: 0px;

    right: 0px;

    font-size: 12px;

    width: 45px;

}



.contact_part2{

    padding-top: 100px;

}

.contact_ul li{

    width: 33.335%;

    text-align: center;


    color: #0f2e46;


    padding: 80px 20px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    background: #fff;



}

.contact_ul li.on{

    position: relative;

    top: -90px;

    background: #1f59a2;

    color: #fff;

}

.contact_ul li p{

    text-align: center;

}

.contact_ul li .name{

    font-size: 30px;

    line-height: 40px;

    font-weight: 700;

    margin-bottom: 40px;

}

.contact_ul li .add{

    font-size: 18px;

    line-height: 30px;

}

.contact_ul li .info{

    font-size: 18px;

    line-height: 36px;

    font-weight: 700;

    margin-top: 100px;



}



.about_bg{

    background: url(../images/about_bg.jpg) no-repeat center right;

    background-size: 20% auto;

}







.pro_search_list{

    margin-top: 50px;

}































@media screen111 and (max-width: 1920px) {

    .w {

        width: 1200px;

    }

    .nav_w {

        width: 1280px;

    }

    .topnav{

        padding: 20px 0;

    }

    .topnav .nav_list li:before{
        /* right: -12px; */
    }

    .banner {

        padding-top: 143px;

    }

    .banner .swiper-slide{

        height: 660px;

    }

    .sec1 .years15 {

/* margin-left: 230px; */

/* padding: 70px; */

/* margin-top: -150px; */

}

    .title_box .title_line {

        height: 60px;

        margin: 40px 0 15px;

    }

    .title_box .title1 {

        font-size: 45px;

        margin-bottom: 7px;

    }

    .title_box .title2 {

        font-size: 22px;

    }

    .sec2 .tab_nav1 li {

padding-left: 50px;

line-height: 50px;

font-size: 20px;

margin-right: 90px;

background-size: auto 60% !important;

}

    .paint_swiper_con li .img_con {

        height: 230px;

        margin-bottom: 25px;

    }



    .sec2 .tab_nav_thumbs li {

        font-size: 17px;

    }

    .case_wrapper .left_circle {

        width: 660px;

        height: 660px;

    }

    .circle_ul li .img_con {

        width: 120px;

        height: 120px;

    }

    .right_menu .case_top li .title {

        font-size: 26px;

        margin-bottom: 110px;

    }

    .right_menu .case_thumbs {

        top: 175px;

    }

    .right_menu .case_top li .info {

        margin-bottom: 20px;

    }



    .right_menu .case_top li .img_con {

        height: 380px;

    }

    .sec4 .left .left_new .img_con {

        height: 375px;

    }

    .sec4 .left .left_new .info_con {

        padding: 50px 35px 40px;

    }

    .sec4 .left .right_new .info_con {

        margin: 0 35px;

        padding: 33px 0;

    }

    .sec4_right_item {

        height: 292px;

        margin-bottom: 35px;

    }

    .foot_cen .foot_contact {

        margin: 0 70px 0 40px;

    }



    .foot_cen .foot_phone li p {

        font-size: 24px;

    }

    .foot_cen .foot_contact li {

        line-height: 18px;

    }

    .foot_cen .foot_ewm img {

        width: 120px;

        height: 120px;

    }



    .foot_cen .foot_ewm p {

        margin-top: 10px;

        font-size: 15px;

    }

    .foot_cen .foot_left {

        padding: 40px 30px 40px 0;

    }

    .foot_link {

        padding: 40px 0 40px 30px;

    }

    /*首页  end*/



    /*关于我们*/

    .inner {

        height: 600px;

    }

    .inner .right_img {

        padding-top: 143px;

    }





    .inner .left_menu {

        padding-top: 250px;

        padding-right: 90px;

    }



    .classname_ul li a {

        font-size: 18px;

    }

    .pro_search,

    .about.about1 .w {

        padding-top: 150px;

    }



    .title_box.inner_title .title2 {

        font-size: 50px;

        margin-top: -30px;

    }

    .about1 .right {

        padding: 100px 0 0 80px;

    }

    .about1 .right .right_title1 {

        font-size: 27px;

        line-height: 45px;

        margin-bottom: 40px;

    }

    .about1 .right .right_title2 {

        font-size: 22px;

        line-height: 30px;

        margin-bottom: 80px;

    }

    .about2 .left_con {

        padding: 70px 120px 40px 70px;

    }

    .about2 .honor_list li {

        line-height: 58px;

        height: 58px;

        padding-right: 30px;

        font-size: 16px;

    }

    .about2 .left .info {

        margin-bottom: 20px;

    }

    .about2 .right {

        top: 270px;

    }

    .about.about4 .w {

        padding-top: 180px;

    }

    .title_box.inner_title {

        margin-bottom: 40px;

    }

/*产品中心----------------------*/

    .pro_search .left dl {

        padding: 10px 0;

    }

    .pro_search .left dt {

        font-size: 18px;

        margin: 10px 20px 10px 0;

    }

    .pro_search .left dd {

        padding: 0 15px;

        margin: 10px 5px;

        font-size: 17px;

    }

    .look_result {

        font-size: 20px;

    }

    .pro_search .right {

        padding-left: 50px;

    }

    .pro_search .right_con {

        padding: 30px 0px 150px 0;

        margin-top: 30px;

    }

    .pro_search .right_con .p1 {

        font-size: 32px;

        line-height: 42px;

    }

    .pro_search .right_con .p2 {

        font-size: 36px;

        margin: 20px 0;

    }

    .pro_search .right_con p {

        width: 310px;

    }

    .pro_search .right_con .p3 a {

        padding: 9px 20px 9px 60px;

        font-size: 18px;

    }

    .pro_search .right_con .p3 a:after {

        width: 25px;

        left: 20px;

        background-size: 100% auto !important;

    }



    .pro_class {

        padding-top: 80px;

    }

    .pro_class .pro_item {

        padding: 60px 0;

    }



    .foot_link .contact_title.title_box .title1 {

        font-size: 30px;

    }

    .foot_link .contact_title.title_box .title2 {

        font-size: 16px;

    }



    .foot_link .foot_name {

        width: calc(100% - 90px);

        padding-right: 35px;

    }

    .foot_link .logo {

        width: 90px;

        height: 90px;

    }

    .pro_item .num_con .num {

        font-size: 320px;

        margin-top: 20px;

    }

    .pro_item .num_con .column_title {

        margin-top: -50px;

    }

    .pro_page,

    .pro_class.pro_center {

        padding-top: 120px;

    }

    .pro_center .pro_item .num_con .column_title {

        margin-top: -115px;

        z-index: 100;

        position: relative;

    }

    .pro_item .num_con .classname {

        font-size: 24px;

        margin-bottom: 26px;

    }

    .pro_page_part .right {

        padding-left: 100px;

        padding-top: 25px;

    }

    .pro_page_part .right .type_title2,

    .pro_page_part .right .type_title1 {

        font-size: 42px;

    }

    .pro_page_part .right .type_title2 {

        margin: 15px 0 45px;

    }

    .pro_page_part .right .type_dl dd {

        padding: 16px 0;

    }

    .pro_part {

        margin-top: 80px;

    }






    .pro_part_title_box .lit_title2 {

        font-size: 32px;

        margin: 12px 0 20px;

    }

    .pro_part_title_box .info {

        line-height: 32px;

        margin-top: 30px;

        padding-bottom: 30px;

        font-weight: bold;

    }

    .Brief .left {

        width: 45%;

    }

    .pro_part_title_box {

        margin-bottom: 40px;

    }

    .Coating .right, .appli .right {

        width: 45%;

    }

    .Coating .left, .appli .left {

        width: 45%;

    }

    .Special_table tr td {

        padding: 8px 30px;

    }



    .Coating_table tr td {

        padding: 25px 0;

    }

    .Coating_table tr td:nth-of-type(2) {

        font-size: 22px;

        padding: 25px 20px;

    }

    .pro_Case_dl dt, .pro_Case_dl dd {

        padding: 8px 0;

    }

    .Factory_img_ul {

        margin-top: 10px;

    }

    .recom {

        margin-top: 80px;

        padding: 80px 0;

    }



    .recom_swiper li img {

        height: 190px;

    }





/*应用案例*/

    .Appli_case_ul li {

        padding: 100px 0;

    }

    .Appli_page {

        padding: 80px 0 80px;

    }

    .circle_ul li .title {

        font-size: 20px;

    }

    .case_pro_ul li {

        padding: 40px 0;

    }

    .case_pro_ul li .li_mark .info {

        height: 150px;

    }



    .look_more {

        margin-top: 80px;

    }

    .Appli_detail .pro_left {

        padding: 120px 80px 100px 0;

    }

    .Appli_detail .pro_right {

        padding: 120px 0 100px 80px;

    }

    .Appli_detail .pro_left .title {

        font-size: 32px;

        line-height: 44px;

        margin: 25px 0 40px;

    }

    .Appli_detail .pro_info_ul {

        margin-bottom: 60PX;

    }



    .Appli_detail .resem_ul li .name {

        font-size: 15px;

    }

    .Appli_detail .resem_ul li {

        margin-bottom: 6%;

        float: left;

    }

    /*服务支持*/

    .colour_list li .info_con .title {

        font-size: 26px;

        line-height: 40px;

        height: 40px;

        margin: 30px 0 15px;

    }

    .standard_part .standard_ul {

        padding: 30px 40px 15px;

    }



    .standard_ul li font {

        font-size: 16px;

        line-height: 32px;

        max-height: 64px;

    }

    .Painting_ul li {

        padding: 40px 0 70px;

    }

    .Painting_ul li .info_con .name {

        font-size: 18px;

    }

    .ques_nav li a {

        width: 180px;

        padding: 8px 0;

        font-size: 20px;

    }

    .ques_ul li .title_btn {

        font-size: 20px;

        line-height: 32px;

        padding: 25px 80px;

    }

    .ques_ul li .title_btn:after,

    .ques_ul li .title_btn:before {

        width: 80px;

    }

    /*æ–°é—»*/

    .news_list li .info_con .info {

        height: 60px;

        -webkit-line-clamp: 2;

        line-clamp: 2;

    }

    .news_list li {

        padding: 40px 35px 40px 0;

    }

    .news_list li:nth-of-type(2n) {

        padding: 40px 0 40px 35px;

    }

    .sub_title i {

        margin-right: 25px;

    }

    .sub_title .class_name{

        font-size: 14px;

    }

    .resem_new_ul li a {

        padding: 20px 0;

    }

    .next_prev a{

        font-size: 15px;


    }



    .sever_ul {

        margin: 40px 0;

        padding: 15px 0;

        -webkit-border-radius: 20px;

        -moz-border-radius: 20px;

        border-radius: 20px;

    }

    .sever_ul li img{

        height: 38px;

    }

    .sever_ul li p{

        font-size: 14px;

    }

    .buy_pro {

        font-size: 30px;

        padding: 20px 15px 17px 108px;

        -webkit-border-radius: 55px;

        -moz-border-radius: 55px;

        border-radius: 55px;

    }

    .buy_pro:before {

        width: 100px;

        height: 100px;

    }

/*招商加盟*/

    .Invest_title {

        font-size: 32px;

        line-height: 50px;

        margin-bottom: 40px;

    }

    .Invest_part1 {

        margin-bottom: 90px;

    }

    .Invest_part1 .right {

        padding-top: 100px;

    }

    .Invest_part2_ul li .info_con h6 {

        font-size: 25px;

        line-height: 32px;

        width: 90%;

        margin-left: 5%;

        margin-bottom: 16px;

    }

    .Invest_part2_ul li {

        width: 24%;

    }

    .Invest_part2_ul li i {

        font-size: 200px;

        top: -22px;

    }

    .Invest_bg {

        padding-bottom: 80px;

    }

    .Invest_part3 {

        padding-left: 60px;

    }

    .Invest_part4 {


        padding-right: 90px;

    }

    .Invest_part4_ul li {

        margin-bottom: 40px;

    }

    .contact_title {

        margin-bottom: 40px;

    }

    .contact_part2 {

        padding-top: 80px;

    }

    .contact_part1 .right li i {

        font-size: 40px;

    }

    .contact_part1 .right li font {

        font-size: 22px;

        line-height: 55px;

        margin-right: 40px;

    }

    .contact_part1 .right li {

        line-height: 55px;

    }



    .sec2 .tab_nav1 {

        margin: 50px 0 50px;

    }



    .paint_swiper_con li .mark_con {

        padding: 0 35px;

    }

    .about.about3 .w {

        padding: 80px 0 80px 25px;

    }

    .about3 .left {

        top: 80px;

    }

    .pro_online {

        margin-top: 80px;


    }

    .banner_font {

        bottom: 180px;

        right: calc(50% - 700px);

    }

    .banner_font img{

        width: 200px;

    }

    .sec3 .title_box {

        padding-bottom: 40px;

    }

    .case_wrapper .right_menu {

        padding-top: 80px;

        padding-bottom: 80px;

    }

    .case_wrapper .left_circle {

          margin-top: 80px;

      }

    .sec4 {

        padding-bottom: 80px;

    }

    .about4 .culture_ul li .info {

        padding-right: 70px;

    }



    .news_list li .img_con {

        width: 300px;

        height: 200px;

        -webkit-border-radius: 0 30px 0 30px;

        -moz-border-radius: 0 30px 0 30px;

        border-radius: 0 30px 0 30px;

    }



    .news_list li .info_con {

        padding-left: 25px;

        width: calc(100% - 300px);

        padding-top:15px;

    }

    .news_list li .info_con .info {

        margin-bottom: 17px;

    }

    .page {

        margin-top: 60px;

        padding: 25px 0;

    }



    .sub_title {

        margin: -10px 0 30px;

    }

    .next_prev {

        margin-bottom: 80px;

    }

    .Invest_bottom {

        padding-top: 80px;

    }



















































}





@media screen111 and (max-width: 1680px) {

    .w {

        width: 1200px;

    }

    html, body{

        font-size: 14px;

    }

    .info {

        line-height: 28px;

        font-size: 14px;

    }



    .banner .swiper-slide {

        height: 850px;

    }



    .banner_con h5 {

        font-size: 50px;

    }



    .banner_con h6 {

        font-size: 25px;

        margin: 15px 0 30px;

    }

    .years15 .right {

        width: calc(100% - 180px);

        padding-left: 50px;

    }

    .years15 .left {

        width: 180px;

    }

    .about_thumbs {

        padding: 40px 0 15px;

    }

    .about_thumbs .swiper-slide .title {

        font-size: 16px;

        margin: 15px 0;

    }

    .about_top .swiper-slide .info {

        height: 196px;

    }

    .title_box .title1 {

        font-size: 36px;

    }



    .title_box .title2 {

        font-size: 18px;

    }



    .sec2 .tab_nav1 li {

        margin-right: 50px;

    }



    .pro_search_box {

        width: 430px;

    }

    .sec2 .tab_nav1 {

        margin: 40px 0 30px;

    }

    .paint_swiper_con li .img_con {

        height: 200px;

        margin-bottom: 15px;

    }

    .paint_swiper_con li .mark .mark_title {

        font-size: 18px;

        margin-bottom: 20px;

    }

    .paint_swiper_con li .mark_con {

        padding: 0 25px;

    }

    .paint_swiper_con li .mark .info {

        max-height: 196px;

    }

    .paint_swiper_con li .p1 {

        margin-bottom: 5px; 

    }

    .paint_swiper_con .swiper-container {

        padding: 40px 20px 60px;

    }

    .case_wrapper .left_circle {

        width: 540px;

        height: 540px;

    }

    .circle_ul li .img_con {

        width: 100px;

        height: 100px;

        -webkit-box-shadow: 0px 0px 0px 10px #fff;

        -moz-box-shadow: 0px 0px 0px 10px #fff;

        box-shadow: 0px 0px 0px 10px #fff;

    }

    .right_menu .case_top li .img_con {

        height: 310px;

    }



    .right_menu .case_top li .info {

        height: 84px;

        margin-bottom: 15px;

    }

    .sec4 .left .left_new .img_con {

        height: 320px;

    }

    .sec4 .left .left_new .info_con {

        padding: 40px 25px 30px;

    }

    .sec4 .left .right_new .info_con {

        margin: 0 25px;

        padding: 25px 0;

    }

    .sec4_right_item {

        height: 292px;

        margin-bottom: 35px;

    }

    .sec4 .info_con .title {

        font-size: 16px;

        padding-bottom: 10px;

    }

    .sec4 .part1 {

        margin-bottom: 15px;

    }

    .sec4 .info_con .info {

        margin-top: 5px;

    }

    .sec4 .left .right_new .part1 {

        margin-bottom: 12px;

    }

    .sec4_right_item {

        height: 248px;

        margin-bottom: 25px;

    }

    .sec4_right_item .swiper-slide .info_con {

        padding: 20px 18px 0 20px;

    }

    .sec4_right_item .info_con .part1 {

        margin-bottom: 12px;

    }

    .sec4_right_item .swiper-button-next,

    .sec4_right_item .swiper-button-prev {

        width: 24px;

        height: 24px;

        top: 42px;

    }

    .sec4_right_item .swiper-button-next:after, .sec4_right_item .swiper-button-prev:after {

        line-height: 24px;

    }

    .sec4_right_item .swiper-button-prev {

        right: 35px;

    }

    .sec5 {

        padding: 70px 0;

    }

    .sec5 .right {

        top: 70px;

    }

    .sec5:after {

        height: 264px;

    }

    .foot_top {

        line-height: 60px;

    }

    .foot_top .bdsharebuttonbox li a {

        height: 60px;

    }

    .inner {

        height: 520px;

    }

    .inner .left_menu {

        padding-top: 225px;

        padding-right: 80px;

    }

    .classname_ul {

        margin-top: 50px;

    }

    .pro_search, .about.about1 .w {

        padding-top: 130px;

    }

    .about1 .right {

        padding: 70px 0 0 70px;

    }


    .about1 .right .right_title1 {

        font-size: 24px;

        line-height: 38px;

        margin-bottom: 36px;

        width: 80%;

    }

    .about1 .right .right_title2 {

        font-size: 20px;

        margin-bottom: 60px;

    }

    .about1 .right .info p {

        margin-bottom: 20px;

    }

    .title_box.inner_title .title2 {

        font-size: 44px;

        margin-top: -26px;

    }

    .about2 .left_con {

        padding: 50px 100px 30px 50px;

    }

    .about2 .left .left_title1 {

        font-size: 20px;

        line-height: 30px;

        margin-bottom: 24px;

    }

    .about .info {

        font-size: 14px;

    }

    .about2 .honor_list li {

        line-height: 50px;

        height: 50px;

    }



    .about2 .right {

        top: 236px;

    }

    .about.about3 .w {

        padding: 60px 0 60px 25px;

    }

    .about3 .left {

        top: 60px;

    }

    .about.about4 .w {

        padding-top: 140px;

    }

    .about4 .culture_ul li span {

        font-size: 20px;

        margin: 0px 0 10px;

    }

    .foot_link .contact_title.title_box .title1 {

        font-size: 26px;

    }

    .foot_link .contact_title.title_box .title2 {

        font-size: 14px;

    }

    .foot_link {

        width: 40%;

    }

    .foot_cen .foot_left {

        width: 60%;

    }

    .foot_cen .foot_phone {

        width: 200px;

    }



    .foot_cen .foot_contact {

        margin: 0 30px;

        width: 250px;

    }

    .foot_cen .foot_phone li p {

        font-size: 20px;

    }


/*产品中心*/

    .pro_search .left dl {

        padding: 6px 0;

    }

    .pro_search .left dd {

        padding: 0 10px;

        margin: 8px 2px;

        font-size: 16px;

    }

    .pro_search .left dl.type_all dd {

        padding: 0 40px 0 10px;

    }

    .pro_search .left dl.type_all dd i {

        right: 14px;

    }

    .look_result {

        font-size: 16px;

    }

    .pro_search .left dl.type_all {

        padding: 10px 0;

    }

    .pro_search .right_con .p1 {

        font-size: 26px;

        line-height: 36px;

    }



    .pro_search .right_con .p2 {

        font-size: 30px;

        margin: 15px 0;

    }

    .pro_search .right_con p {

        width: 300px;

    }

    .pro_search .right_con {

        padding: 30px 0px 120px 0;

    }

    .right_ce_ul {

        width: 90px;

    }

    .right_ce_ul li {

        padding: 12px 0;

    }



    .right_ce_ul li img{

        width: 30px;

    }

    .pro_item .num_con .num {

        font-size: 270px;



    }

    .pro_item .num_con .column_title {

        margin-top: -62px;

    }

    .pro_item .num_con .classname {

        font-size: 20px;

        margin-bottom: 24px;

    }



    .pro_class .pro_item {

        padding: 30px 0;

    }

    .column_list li a {

        font-size: 18px;

        line-height: 32px;

        height: 32px;

    }

    .column_title {

        margin-top: -100px;

    }

    .pro_page_part .right .type_title2, .pro_page_part .right .type_title1 {

        font-size: 32px;

    }

    .pro_page_part .right .type_title2 {

        margin: 10px 0 25px;

    }



    .pro_page_part .right .type_dl dd {

        padding: 12px 0;

    }



    .pro_part {

        margin-top: 50px;

    }

    .pro_part_title_box .lit_title1 font {

        font-size: 22px;

        line-height: 36px;

    }

    .pro_part_title_box .lit_title1 span {

        padding: 9px 10px 7px;

    }

    .pro_part_title_box .lit_title2 {

        font-size: 26px;

        margin: 8px 0 15px;

    }



    .pro_part_title_box .info {

        line-height: 28px;

        margin-top: 20px;

        padding-bottom: 15px;

    }

    .pro_part_title_box {

        margin-bottom: 30px;

    }

    .Coating, .appli {

        padding: 0 60px;

    }

    .Special_table tr td {

        padding: 6px 20px;

    }

    .Coating_table tr td {

        padding: 15px 0;

        line-height: 25px;

    }

    .Coating_table tr td:nth-of-type(2) {

        font-size: 18px;

        padding: 15px 20px;

    }

    .Special_table.Guide_table tr td:nth-of-type(1) {

        min-width: 130px;

    }

    .pro_online {

        padding: 50px 0;

        margin-top: 60px;

    }

    .banner_font {

        right: calc(50% - 600px);

    }

    .banner_font img{

        width: 180px;

    }

    .case_wrapper .right_menu {

        padding-top: 60px;

        padding-bottom: 80px;

    }



    .case_wrapper .left_circle {

        margin-top: 60px;

    }

    .sec4 {

        padding-bottom: 60px;

    }

    .about4 .culture_ul li .info {

        padding-right: 60px;

    }

    .pro_class {

        padding-top: 50px;

    }

    .title_box.inner_title {

        margin-bottom: 30px;

    }





    .pro_page, .pro_class.pro_center {

        padding-top: 100px;

    }



    .pro_center.pro_class .pro_item {

        padding: 40px 0 20px;

    }



    .paint_swiper_con li {

        padding: 30px 30px 20px;

    }

    .pro_online .right .p1 {

        font-size: 30px;

        line-height: 34px;

    }

    .pro_online .right .p2 {

        font-size: 38px;

        line-height: 85px;

    }

    .pro_Case_dl dt, .pro_Case_dl dd {

        padding: 5px 0;

    }

    .Factory .right {

        padding-top: 10px;

    }

    .Quali .about2 .right {

        top: 85px;

    }

    .Factory:before,

    .pro_Case:before,

    .Quali:before {

        top: 10px;

    }

    .recom_swiper li {

        -webkit-border-radius: 20px;

        -moz-border-radius: 20px;

        border-radius: 20px;

        padding: 20px 25px;

    }

    .recom_swiper li .p1 {

        margin-top: 15px;

    }



    .recom {

        margin-top: 60px;

        padding: 60px 0;

    }

/*应用案例*/

    .Appli_case {

        padding: 140px 0;

    }

    .Appli_case_ul li {

        padding: 80px 0;

    }

    .Appli_case_ul li .info_con {

        width: 38%;

    }

    .Appli_case_ul li .info_con .name img {

        width: 50px;

    }

    .Appli_case_ul li .info_con .name {

        font-size: 26px;

        line-height: 60px;

        height: 60px;

        padding-left: 80px;

    }

    .Appli_case_ul li .img_con:before{

        width: 90px;

        height: 90px;

        background-size: 100% 100% !important;

    }

    .Appli_case_ul:before {

        width: 20%;

        height: calc(100% - 362px);

        top: 180px;

    }

    .Appli_case_ul li .info_con .info {

        height: 84px;

    }



    .Appli_page {

        padding: 60px 0;

    }

    .case_circle_ul .circle_ul li .img_con {

        width: 80px;

        height: 80px;

    }



    .circle_ul li .title {

        font-size: 18px;

    }

    .case_pro_ul li .li_mark .title {

        font-size: 18px;

        margin-bottom: 15px;

    }

    .case_pro_ul li .li_mark .info {

        height: 140px;

    }

    .case_pro_ul li .li_mark .info_con {

        padding: 20px 0;

    }

    .case_pro_ul li .info_con .left_name .add {

        font-size: 16px;

    }

    .case_pro_ul li .info_con .left_name .name {

        line-height: 27px;

        font-size: 17px;

    }

    .case_pro_ul li {

        padding: 30px 0;

    }

    .case_pro_ul li .li_con {

        width: 95%;

    }

    .look_more {

        margin-top: 40px;

    }

    .Appli_detail .pro_left {

        padding: 100px 60px 70px 0;

    }


    .Appli_detail .pro_right {

        padding: 100px 0 70px 60px;

    }

    .Appli_detail .pro_left .title {

        font-size: 28px;

        line-height: 36px;

        margin: 20px 0 30px;

    }

    .Appli_detail .pro_info_ul li .p1 {

        line-height: 25px;

    }

    .Appli_detail .resem_con .resem_name {

        padding-bottom: 13px;

        font-size: 16px;

    }

    .Appli_detail .resem_ul li .name {

        font-size: 14px;

    }







    .colour_list li .info_con .title {

        font-size: 24px;

        line-height: 37px;

        height: 37px;

        margin: 20px 0 12px;

    }

    .calc_con {

        padding: 60px 120px;

    }

    .count_ul li .count_span {

        width: 230px;

        padding-right: 20px;

        line-height: 45px;

        font-size: 20px;

    }

    .count_ul li .right_ipt {

        width: calc(100% - 230px);

    }

    .count_ul li .right_ipt .kind_ipt {

        padding: 17px 60px 16px 20px;

    }

    .count_ul li {

        margin-top: 35px;

    }

    .count_ul li .right_ipt .select_ipt {

        padding: 17px 60px 16px 20px;

    }

    .count_ul li .right_ipt .readonly_ipt, .count_ul li .right_ipt .area_ipt {

        padding: 17px;

    }

    .calc_con:before {

        width: 250px;

        height: 270px;

        top: 109px;

        left: -142px;

    }

    .calc_con .submit_ipt {

        width: 180px;

        height: 180px;

        font-size: 32px;

        right: -88px;

    }

    .calc_result {

        top: -50px;

        width: 620px;

        line-height: 90px;

        padding: 0 15px 0 40px;


    }

    .kind_ul {

        top: 50px;

        padding: 10px 0;

        min-height: 400px;

    }

    .kind_ul li{

        margin-top: 0 !important;

    }

    .kind_ul li .first {

        padding: 10px 15px;

        line-height: 30px;

    }

    .kind_ul li .hide_sj a {

        padding: 10px 15px;

    }

    .standard_part {

        margin-bottom: 40px;

    }

    .standard_part .part_title i {

        font-size: 20px;

        padding: 7px 15px 10px;

    }

    .standard_part .standard_ul {

        padding: 25px 40px 0px;

    }



    .standard_ul li font {

        line-height: 30px;

        max-height: 60px;

        left: 80px;

    }





    .standard_ul li {

        height: 85px;

        padding-left: 22px;

    }



    .Painting_ul li {

        padding: 30px 0 60px;

    }

    .Painting_ul li .info_con {

        width: calc(100% - 40px);

        left: 20px;

        padding: 15px 50px 15px 15px;

    }

    .Painting_ul li .info_con:before {

        right: 12px;

    }



    .Painting_ul li .info_con .name {

        font-size: 16px;

        margin-top: 2px;

    }

    .look_more a {

        padding: 15px 40px;

    }

    .ques_nav {

        margin-bottom: 40px;

    }

    .ques_nav li a {

        width: 150px;

        padding: 6px 0;

        font-size: 18px;

    }

    .ques_ul li .title_btn {

        font-size: 18px;

        line-height: 30px;

        padding: 20px 70px;

    }



    .ques_ul li .title_btn:after, .ques_ul li .title_btn:before {

        width: 70px;

    }

    .ques_ul li .info {

        padding: 30px 20px;

    }

    .news_list li .img_con {

        width: 260px;

        height: 170px;

    }

    .news_list li .info_con {

        width: calc(100% - 260px);

    }

    .news_list li .info_con .info {

        margin-bottom: 12px;

        height: 56px;

    }

    .news_list li .info_con .title {

        line-height: 30px;

        height: 30px;

        margin: 3px 0;

        font-size: 17px;

    }

    .news_list li {

        padding: 30px 25px 30px 0;

    }

    .news_list li:nth-of-type(2n) {

        padding: 30px 0 30px 25px;

    }



    .hot_list .swiper-slide .info_con .info {

        height: 56px;

    }

    .page {

        margin-top: 40px;

        padding: 20px 0;

    }



    .sub_title {


        margin: 0px 0 20px;

    }



    .sub_title .class_name {

        font-size: 12px;

        padding: 0 6px;

    }

    .sub_title .time {

        font-size: 12px;

        padding-left: 18px;

    }

    .sub_title i {

        margin-right: 20px;

        font-weight: normal;

    }

    .back_mobile_icon img,

    .Appli_detail .pro_left .back_icon img {

        width: 26px;

    }

    .next_prev a.prev {

        padding-left: 35px;

        background-size: auto 40% !important;

    }

    .next_prev a.next {

        padding-right: 35px;

        background-size: auto 40% !important;

    }





    .next_prev {

        margin-bottom: 60px;

    }

    .resem_new_ul li a {

        padding: 15px 0;

    }

    .buy_pro:before {

        width: 88px;

        height: 88px;

    }



    .buy_pro {

        font-size: 27px;

        padding: 13px 15px 13px 99px;

    }

    .Invest_part1 {

        margin-bottom: 70px;

    }

    .Invest_title {

        font-size: 26px;

        line-height: 35px;

        margin-bottom: 30px;

    }

    .Invest_part2_ul li {

        padding-top: 95px;

        height: 400px;

    }

    .Invest_part2_ul li .info_con {

        padding: 25px;

    }

    .Invest_bottom {

        padding-top: 60px;

    }

    .Invest_part3 {

        padding-left: 40px;

    }

    .Invest_part3 .charac_dl dd {

        line-height: 36px;

        padding: 10px 0 10px 22px;

    }

    .Invest_part4_ul li{

        margin-bottom: 30px;

    }



    .Invest_part4_ul li img{

        width: 85px;

    }

    .Invest_part3:after {

        height: 350px;

    }

    .Invest_part4:after {

        height: 350px;

        background-position: bottom center;

    }

    .Invest_bg {

        padding-bottom: 60px;

    }

    .Invest_bg:before {

        width: 320px;

        height: 438px;

    }



    .contact_title.title_box .title1 {

        font-size: 32px;

    }

    .contact_part1 .right li i {

        font-size: 36px;

    }

    .contact_part1 .right li font {

        font-size: 20px;

        margin-right: 36px;

    }

    .contact_part2 {

        padding-top: 60px;

    }



    .contact_title {

        margin-bottom: 30px;

    }

    .contact_ul li {

        padding: 60px 20px;

    }

    .contact_ul li .name {

        font-size: 24px;

        line-height: 34px;

        margin-bottom: 35px;

    }

    .contact_ul li .add {

        font-size: 16px;

        line-height: 25px;

    }

    .contact_ul li .info {

        font-size: 16px;

        line-height: 30px;

        margin-top: 80px;

    }

    #allmap {

        height: 470px;

    }







}













@media screen111 and (max-width: 1366px) {

    .w {

        width: 1080px;

    }

    .appli:before {

        height: 380px;

    }

    .appli:after {

        height: 380px;

        background: url(../images/spe_icon.png) no-repeat bottom center;

    }

    .info {

        line-height: 25px;

    }

    .pro_search_box {

        width: 360px;

    }

    .pro_search_box {

        top: -18px;

    }

    .serach_box .search_ipt {

        padding: 8px 40px 8px 20px;

    }


    .serach_box .search_icon {

        height: 30px;

    }

    .nav_w {

        width: 980px;

    }

    .topnav .nav_list li.logo_li {

        margin: 0 20px;

    }

    .topnav .nav_list li a {

        font-size: 17px;

        font-weight: normal;

        line-height: 80px;

        height: 80px;

    }

    .topnav .nav_list li.logo_li img{

        width: 80px;

    }

    .topnav {

        padding: 15px 0;

    }

    .banner {

        padding-top: 111px;

        padding-left: 120px;

    }

    .banner .swiper-slide {

        height: 730px;

    }

    .vertical-cell {

        top: 111px;

        width: 360px;

        height: 120px;

        -webkit-transform-origin: 60px 60px;

        -moz-transform-origin: 60px 60px;

        -ms-transform-origin: 60px 60px;

        -o-transform-origin: 60px 60px;

        transform-origin: 60px 60px;

    }



    .vertical-cell a {

        padding-left: 20px;

        font-size: 16px;

        letter-spacing: 3px;

    }

    .dash {

        height: 120px;

        -webkit-transform-origin: 100px 22px;;

        -moz-transform-origin: 100px 22px;;

        -ms-transform-origin: 100px 22px;;

        -o-transform-origin: 100px 22px;;

        transform-origin: 100px 22px;;

    }

    .dash-line {

        width: 100px;

    }

    .banner_con {

        bottom: 180px;

        left: 70px;

    }

    .banner_con h5 {

        font-size: 40px;

    }



    .banner_con h6 {

        font-size: 22px;

        margin: 12px 0 25px;

    }



    .banner .swiper-pagination1 {

        padding-left: 20px;

    }

    .banner_font {

        right: calc(50% - 540px);

    }

    .banner_font img{

        width: 150px;

    }



    .sec1 .years15 {

        margin-left: 190px;

        padding: 50px;

        margin-top: -110px;

    }

    .about_thumbs {

        padding: 20px 0 15px;

    }

    .title_box .title_line {

        height: 40px;

        margin: 30px 0 10px;

    }

    .title_box .title1 {

        font-size: 30px;

    }



    .title_box .title2 {

        font-size: 15px;

    }

    .sec2 .tab_nav1 li {

        margin-right: 30px;

        padding-left: 35px;

        line-height: 40px;

        font-size: 16px;

        background-size: auto 54% !important;

    }



    .sec2 .tab_nav_thumbs li {

        font-size: 15px;

    }

    .paint_swiper_con .swiper-container {

        padding: 30px 20px 60px;

    }

    .paint_swiper_con li .mark .mark_title {

        font-size: 16px;

        margin-bottom: 15px;

    }

    .paint_swiper_con li .img_con {

        height: 180px;

    }

    .sec3 .title_box {

        padding-bottom: 30px;

    }

    .case_wrapper .left_circle {

        width: 500px;

        height: 500px;

    }



    .circle_ul li .img_con{

        width: 90px;

        height: 90px;

    }

    .circle_ul li .img_con span{

        background-size: 50% auto !important;

    }

    .circle_ul li .img_con span img{

        width: 50%;

    }

    .case_wrapper .right_menu {

        padding-top: 50px;

        padding-bottom: 60px;

    }

    .case_wrapper .left_circle {

        margin-top: 50px;

    }



    .right_menu .case_thumbs {

        top: 120px;

    }



    .right_menu .case_top li .title {

        font-size: 22px;

        margin-bottom: 85px;

    }

    .right_menu .case_top li .info {

        height: 75px;

        margin-bottom: 10px;

    }

    .right_menu .case_top li .img_con {

         height: 290px;

     }

    .right_menu .case_top li {

        padding-left: 40px;

    }



    .sec4 .title_box {

        padding-bottom: 30px;

    }

    .sec4 .info_con .title {

        font-size: 15px;

        padding-bottom: 5px;

    }

    .sec4 .part1 .classname {

        padding: 0 5px;

        -webkit-border-radius: 15px;

        -moz-border-radius: 15px;

        border-radius: 15px;

    }

    .sec4 .part1 {

        margin-bottom: 10px;

        line-height: 25px;

        font-weight: normal;

    }

    .sec4 .part1 .time {

        margin-left: 10px;

       font-size: 12px;

    }

    .sec4 .left .left_new .info_con {

        padding: 25px 20px 25px;

    }

    .sec4 .left .right_new .part1 {

        margin-bottom: 5px;


    }

    .sec4 .info_con .info {

        margin-top: 0px;

    }

    .sec4 .left .right_new .info_con {

        margin: 0 20px;

    }

    .sec4 .right {

        padding-left: 40px;

    }

    .sec4_right_item {

        height: 230px;

    }

    .sec4 {

        padding-bottom: 50px;

    }



    .sec5 {

        padding: 50px 0;

    }



    .sec5 .left .support_ul {

        margin-top: 40px;

    }

    .sec5 .right .more {

        margin-top: 36px;

        text-align: center;

    }

    .sec5 .right {

        top: 50px;

    }

    .sec5 .support_ul li .icon_box {

        height: 35px;

        background-size: auto 100% !important;

    }

    .sec5 .support_ul li p {

        font-size: 14px;

    }

    .about_top .swiper-slide .info {

        height: 175px;

    }

    .about_top .swiper-slide {

        padding-bottom: 40px;

    }

    .topnav .nav_list li a:before {

        bottom: 15px;

    }



    .topnav .nav_list li:before {

        right: -27px;

    }

    .inner {

        height: 450px;

    }



    .classname_ul {

        margin-top: 35px;

    }

    .pro_search, .about.about1 .w {

        padding-top: 90px;

    }



    .about1 .right {

        padding: 50px 0 0 50px;

    }



    .about1 .right .right_title1 {

        font-size: 20px;

        line-height: 34px;

        margin-bottom: 25px;

        width: 68%;

    }

    .about1 .right .right_title2 {

        font-size: 16px;

        margin-bottom: 40px;



    }



    .about .w {

        padding: 30px 0 30px 20px;

    }

    .about.about4 .w{

        padding-bottom: 50px;

    }

    .title_box.inner_title .title2 {

        font-size: 32px;

        margin-top: -22px;

    }

    .title_box.inner_title {

        margin-bottom: 30px;

    }



    .about2 .left .left_title1 {

        font-size: 18px;

        line-height: 26px;

        margin-bottom: 20px;

    }

    .about2 .left_con {

        padding: 40px 80px 20px 30px;

    }

    .about2 .honor_list .swiper-button-next, .about2 .honor_list .swiper-button-prev {

        width: 24px;

        height: 24px;

    }

    .about2 .honor_list .swiper-button-next:after, .about2 .honor_list .swiper-button-prev:after {

        line-height: 24px;

    }

    .about2 .honor_list li {

        line-height: 42px;

        height: 42px;

        padding-right: 25px;

        font-size: 14px;

    }

    .about2 .honor_list {

        padding-bottom: 40px;

        padding-left: 15px;

    }

    .about2 .honor_list:after {

        height: calc(100% - 40px);

    }

    .about2 .right {

        top: 165px;

    }

    .about.about4 .w {

        padding-top: 110px;

    }




    .about4 .culture_ul li img{

        width: 90px;

    }



    .about4 .culture_ul li img {

        margin: -48px 0 0 -24px;

    }

    .about4 .culture_ul li .info {

        padding-right: 50px;

    }

    .foot_cen .foot_contact {

        width: 210px;

    }

    .foot_cen .foot_contact li {

        padding-left: 20px;

        margin-bottom: 14px;

    }



    .foot_cen .foot_ewm img {

        width: 100px;

        height: 100px;

    }

    .foot_cen .foot_phone {

        width: 170px;

    }





    .foot_cen .foot_phone li {


        margin-bottom: 10px;

    }



    .pro_search .left dd {

        padding: 0 7px;

        margin: 5px 2px;

        font-size: 15px;

        line-height: 27px;

        height: 27px;

    }



    .pro_search .left dt {

        font-size: 16px;

        margin: 5px 15px 5px 0;

        line-height: 27px;

        height: 27px;

    }




    .pro_search .right_con p {

        width: 250px;

    }

    .pro_search .right_con .p1 {

        font-size: 22px;

        line-height: 30px;

    }

    .pro_search .right_con {

        padding: 0px 0px 90px 0;

    }

    .pro_search .right_con .p2 {

        font-size: 24px;

        margin: 15px 0;

    }

    .look_result {

        font-size: 14px;

    }



    .pro_class {

        padding-top: 40px;

    }

    .pro_class .pro_item {

        padding: 20px 0;

    }

    .link_me .p1 {

        line-height: 45px;

        font-size: 30px;

    }

    .link_me .link_a {

        padding: 0 20px 0 80px;

        font-size: 20px;

        height: 45px;

        line-height: 45px;

    }

    .link_me .link_a:after {

        width: 30px;

        background-size: 100% auto !important;

    }

    .pro_item .num_con .num {

        font-size: 240px;

        margin-top: -10px;

    }



    .column_list li a {

        font-size: 16px;

        line-height: 30px;

        height: 30px;

    }

    .pro_item .num_con .classname {

        margin-bottom: 20px;

    }



    .pro_page, .pro_class.pro_center {

        padding-top: 80px;

    }

    .pro_page_part .right {

        padding-left: 60px;

        padding-top: 0px;

    }



    .pro_page_part .right .type_title2, .pro_page_part .right .type_title1 {

        font-size: 26px;

    }

    .pro_page_part .right .type_title2 {

        margin: 10px 0 20px;

    }

    .Brief .right img {

        max-height: 500px;

    }

    .Brief .charac_dl dt, .Brief .charac_dl dd {

        line-height: 30px;

    }

    .pro_part_title_box .info {

        margin-top: 15px;

        padding-bottom: 10px;

    }

    .pro_part_title_box {

        margin-bottom: 20px;

    }



    .Special_table tr td {

        padding: 4px 15px;

    }

    .Coating_table tr td:nth-of-type(2) {

        min-width: 80px;

    }

    .Coating_table tr td img{

        max-width: 40px;

    }

    .Packaging:before {

        top: 10px;

    }



    .pro_online .right .p1 {

        font-size: 25px;

        line-height: 30px;

    }



    .pro_online .right .p3 a {

        padding: 8px 15px 8px 60px;

        font-size: 18px;

    }



    .pro_online .right .p3 a:after {

        width: 24px;

        left: 20px;

        background-size: 100% auto !important;

    }

    .pro_online .right .p2 {

        font-size: 32px;

        line-height: 85px;

    }

    .pro_Case_dl dt, .pro_Case_dl dd {

        padding: 3px 0;

    }



    .Quali .about2 .right {

        top: 56px;

    }



    .Factory .right {

        padding-top: 60px;

    }

    .recom_swiper li {

        -webkit-border-radius: 10px;

        -moz-border-radius: 10px;

        border-radius: 10px;

        padding: 15px;

    }

    .recom {

        margin-top: 50px;


        padding: 50px 0;

    }

    /*应用案例*/

    .Appli_case {

        padding: 110px 0;

    }

    .Appli_case_ul li .info_con .info {

        height: 75px;

    }



    .Appli_case_ul li {

        padding: 68px 0;

    }



    .Appli_case_ul:before {

        height: calc(100% - 320px);


        top: 160px;

    }



    .Appli_page {

        padding: 40px 0;

    }

    .case_circle_ul .circle_ul li .img_con {

        width: 60px;

        height: 60px;

    }



    .circle_ul li .title {

        font-size: 16px;

    }

    .case_pro_ul li .li_mark .title {

        font-size: 17px;

        margin-bottom: 12px;

    }

    .case_pro_ul li .li_mark .info {

        height: 125px;

    }

    .case_pro_ul li .li_mark .info_con {

        padding: 16px 0;

    }



    .case_pro_ul li .info_con .left_name .name {

        line-height: 25px;

        font-size: 16px;

    }

    .case_pro_ul li {

        padding: 25px 0;

    }

    .case_pro_ul li .li_con {

        width: 96%;

    }

    .look_more {

        margin-top: 30px;

    }

    .look_more a {

        padding: 12px 35px;

        font-size: 16px;

    }



    .Appli_detail .pro_left {

        padding: 70px 40px 40px 0;

    }

    .Appli_detail .pro_right {

        padding: 70px 0 40px 40px;

    }





    .Appli_detail .pro_info_ul li .p2 {

        line-height: 22px;

    }

    .Appli_detail .pro_info_ul {

        margin-bottom: 40PX;

    }

    .Appli_detail .pro_left .title {

        font-size: 24px;

        line-height: 30px;

        margin: 15px 0 20px;

    }

    .colour_list li .info_con .title {

        font-size: 20px;

        line-height: 33px;

        height: 33px;

        margin: 15px 0 10px;

    }



    .classname_ul li a {

        font-size: 16px;

        line-height: 40px;

    }







    .calc_con {

        padding: 40px 100px;

    }

    .count_ul li .count_span {

        width: 200px;

        padding-right: 20px;

        line-height: 40px;

        font-size: 18px;

    }

    .count_ul li .right_ipt .kind_ipt {

        padding: 14px 60px 14px 20px;

    }

    .count_ul li {

        margin-top: 25px;

    }

    .count_ul li .right_ipt .select_ipt {

        padding: 14px 60px 14px 20px;

    }

    .count_ul li .right_ipt .readonly_ipt, .count_ul li .right_ipt .area_ipt {

        padding: 14px;

    }

    .calc_con:before {

        width: 200px;

        height: 250px;

        top: 100px;

        left: -130px;

    }

    .calc_con .submit_ipt {


        width: 150px;

        height: 150px;

        font-size: 26px;

        right: -75px;

    }

    .calc_result {

        top: -45px;

        width: 500px;

        line-height: 80px;

        padding: 0 15px 0 40px;

    }

    .kind_ul {

        top: 45px;

        padding: 10px 0;

        min-height: 360px;

    }



    .count_ul li .right_ipt {

        width: calc(100% - 200px);

    }

    .standard_part .standard_ul {

        padding: 20px 30px 0px;

    }

    .standard_ul li font {

        line-height: 25px;

        max-height: 50px;

        font-size: 14px;

        left: 80px;

    }



    .standard_ul li {

        height: 80px;

        padding-left: 20px;

    }

    .standard_part .part_title i {

        font-size: 16px;

        padding: 4px 10px 6px;

    }

    .standard_part {

        margin-bottom: 30px;

    }



    .Painting_ul li {

        padding: 25px 0 50px;

    }

    .Painting_ul li .info_con {

        padding: 12px 40px 12px 12px;

        bottom: -25px;

    }

    .Painting_ul li .info_con:before {

        width: 24px;

        height: 24px;

        background-size: 100% !important;

    }

    .ques_nav {

        margin-bottom: 30px;

    }

    .ques_nav li a {

        width: 140px;

        padding: 6px 0;

        font-size: 17px;

    }

    .ques_ul li .title_btn {

        font-size: 16px;

        line-height: 30px;

        padding: 20px 60px;

    }



    .ques_ul li .title_btn:after, .ques_ul li .title_btn:before {

        width: 60px;

        background-size: 42% auto !important;

    }

    .ques_ul li .info {

        padding: 20px 15px;

    }

    .hot_list .swiper-slide .info_con .info {

        height: 50px;

    }



    .hot_list .swiper-slide .info_con .name {

        font-size: 17px;

        height: 25px;

        line-height: 25px;

        margin: 9px 0 6px;

    }





    .news_list li .img_con {

        width: 220px;

        height: 150px;

    }

    .news_list li .info_con {

        width: calc(100% - 220px);

        padding-left: 20px;

        padding-top: 10px;

    }

    .news_list li .info_con .info {

        margin-bottom: 8px;

        height: 50px;

    }

    .news_list li .info_con .title {

        line-height: 25px;

        height: 25px;

        font-size: 16px;

        margin: 5px 0 2px;

    }

    .news_list li {

        padding: 25px 20px 25px 0;

    }

    .news_list li:nth-of-type(2n) {

        padding: 25px 0 25px 20px;

    }

    .more_icon {

        font-size: 13px;

        padding: 0 10px 0 30px;

        line-height: 25px;

        height: 25px;

    }

    .more_icon i {

        width: 25px;

        background-size: 100% !important;

    }



    .next_prev {


        margin-bottom: 40px;

    }

    .resem_new_ul li a {

        padding: 12px 0;

    }

    .sever_ul {

        margin: 30px 0;

        padding: 12px 0;

        -webkit-border-radius: 15px;

        -moz-border-radius: 15px;

        border-radius: 15px;

    }

    .sever_ul li img {

        height: 32px;

    }

    .buy_pro:before {


        width: 75px;

        height: 75px;

    }

    .buy_pro {

        font-size: 25px;

        padding: 10px 14px 10px 83px;

    }



    .inner .right_img {

        padding-top: 111px;

    }

    .Invest_title {

        font-size: 24px;

        line-height: 32px;

        margin-bottom: 20px;

    }



    .Invest_part2_ul li .info_con {

        padding: 25px 20px;

    }

    .Invest_part2_ul li .info_con h6 {

        font-size: 20px;

        width: 95%;

        margin-left: 2.5%;

        line-height: 26px;

        margin-bottom: 15px;

    }



    .Invest_part3 .charac_dl dd {

        line-height: 22px;

        padding: 8px 0 8px 22px;

    }

    .Invest_part4_ul li img {

        width: 75px;

    }

    .Invest_part1 {

        margin-bottom: 50px;

    }

    .Invest_bg:before {

        width: 260px;

        height: 355px;

    }



    .contact_title.title_box .title1 {

        font-size: 28px;

    }



    .contact_title.title_box .title2 {

        font-size: 16px;

    }

    .contact_part1 .right li i {

        font-size: 32px;

    }

    .contact_part1 .right li {

        line-height: 45px;

    }

    .contact_part1 .right li font {

        font-size: 18px;

        margin-right: 26px;

        line-height: 45px;

    }

    .contact_part2 {

        padding-top: 45px;

    }

    #allmap {

        height: 400px;

    }

    .contact_ul li .name {

        font-size: 20px;

        line-height: 30px;

        margin-bottom: 30px;

    }

    .contact_ul li .info {

        margin-top: 60px;

    }

    .contact_ul li .add {

        font-size: 15px;

        line-height: 23px;

    }



    .sec5:before {

        height: 250px;

        top: 36px;

        left: 50px;

    }

    .sec5:after {

        height: 250px;

        top: 36px;

        right: 50px;

    }

    .pro_search_list{

        margin-top: 30px;

    }





}



/*移动端*/

@media screen111 and (max-width: 660px) {

    .w {

        margin: 0;

        width: auto;

        padding: 0 15px;



    }



    body{

        background: #fff;

    }

    .paint_swiper_con li .mark:hover{

        opacity: 0;

    }

    .paints_pro{

        width: 100%;

        left: 0px;

    }

    .top_strip{

        border-bottom: 1px solid #e1e1e1;

        padding: 5px 0;

        position: fixed;

        top: 0;

        width: 100%;

        left: 0;

        z-index: 10000;

        background: #fff;

    }

    .top_strip .logo img {

        width: 140px;

    }

    .top_strip .logo {

        margin-top: 7px;

    }

    .top_strip .meum{

        font-size: 0;

    }

    .top_strip .meum a {

        width: 30px;

        height: 50px;

        background: url(../images/menu.png) no-repeat center right;

    }

    .foot_cen .foot_left {

        width: 100%;

        padding: 15px 0px;

        border-right: none;

    }

    .foot_cen .foot_left .foot_ewm{

        width: 100%;

        text-align: center;

    }

    .foot_cen .foot_ewm img {

        width: 90px;

        height: 90px;

    }

    .foot_link {

        width: 100%;

        padding: 15px 0;

        border-top: 1px solid #eee;

    }

    .foot_link dd {

        line-height: 26px;

        margin-right: 15px;

    }

    /*左侧菜单*/

    .cbp-spmenu-left {

        width: 100%;

        height: 100%;

        overflow-y: scroll;

        top: 100%;

        z-index: 99999;

        position: fixed;

        left: 0;

        display: block;

        -webkit-transition: all 0.3s;

        -moz-transition: all 0.3s;

        -ms-transition: all 0.3s;

        -o-transition: all 0.3s;

        transition: all 0.3s;

        background: #1f59a2;

        color: #fff;

    }



    .cbp-spmenu-left.cbp-spmenu-open {

        top: 0;

    }



    .menu_box {

        width: 100%;

        position: relative;

        padding-top: 50px;

    }

    .menu_close {

        background: url(../images/pc_close.png) no-repeat center center;

        width: 30px;

        height: 30px;

        position: absolute;

        top: 20px;

        right: 15px;

    }

    .meum_list li {

        width: 100%;

        border-bottom: solid 1px rgba(255,255,255,.3);

    }

    .meum_list li a{

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        position: relative;

        width: 100%;



    }

    .meum_list li > a {

        padding: 20px 20px;

        font-size: 22px;



    }



    .meum_list li > a i {

        position: absolute;

        right: 15px;

        -ms-transform: scale(1, 1.5);

        -moz-transform: scale(1, 1.5);

        -webkit-transform: scale(1, 1.5);

        -o-transform: scale(1, 1.5);

        transform: scale(1, 1.5);

        -webkit-transition: all .4s;

        -moz-transition: all .4s;

        -ms-transition: all .4s;

        -o-transition: all .4s;

        transition: all .4s;

    }

    .meum_list li.active > a i {

        -ms-transform: rotate(90deg) scale(1, 1.5);

        -moz-transform: rotate(90deg) scale(1, 1.5);

        -webkit-transform: rotate(90deg) scale(1, 1.5);

        -o-transform: rotate(90deg) scale(1, 1.5);

        transform: rotate(90deg) scale(1, 1.5);

    }

    .meum_list li .hide_menu {

        display: none;

    }



    .meum_list li .hide_menu dd a {

        padding: 15px 40px;

        font-size: 18px;

        border-top: solid 1px rgba(255, 255, 255, 0.1);

    }

    .meum_list li .hide_menu2 dd a{

        padding: 10px 0 10px 60px;

        font-size: 14px;

    }

    .banner {

        padding-top: 61px;

        padding-left: 0;

    }

    .banner .swiper-slide {

        height: 300px;

    }

    .banner_con h5 {

        font-size: 24px;

    }

    .banner_con h6 {

        font-size: 12px;

        margin: 10px 0 15px;

    }

    .banner_con {

        bottom: 85px;

        left: 30px;

    }

    .banner_con .more {

        padding-right: 33px;

        line-height: 30px;

        height: 30px;

        font-size: 14px;

        background-size: auto 80% !important;

    }

    .banner .swiper-pagination1 {

        bottom: 60px;

        padding-left: 30px;

    }

    .sec1 .years15 {

        margin-left: 0;

        padding: 20px;

        margin-top: -30px;

    }

    .years15 .right {

        width: 100%;

        padding-left: 0;

    }

    .about_thumbs .swiper-slide .title {


        font-size: 14px;

        margin: 10px 0;

    }

    .about_thumbs .swiper-slide img{

        height: 20px;

    }

    .more_icon {

        font-size: 12px;

        padding: 0 10px 0 25px;

        line-height: 20px;

        height: 20px;

    }

    .more_icon i {

        width: 20px;

        background-size: 100% !important;

    }

    .banner_font {

        right: 15px;

        bottom: 50px;

    }

    .banner_font img {

        width: 90px;

    }



    .about_top .swiper-slide .info {

        height: 100px;

    }

    .title_box .title1 {

        font-size: 22px;

    }

    .title_box .title2 {

        font-size: 14px;

    }

    .title_box .title_line {

        height: 30px;

        margin: 25px 0 10px;

    }

    .sec2 .tab_nav1 {

        margin: 20px 0 10px;

    }

    .sec2 .tab_nav1 li {

        margin-right: 20px;

        padding-left: 30px;

        line-height: 35px;

        font-size: 15px;

        background-size: auto 44% !important;

    }

    .sec2 .tab_nav_thumbs li {

        font-size: 14px;

    }

    .sec2 .tab_nav_thumbs li .line {

        height: 5px;

        margin-bottom: 5px;

    }



    .paint_swiper_con .swiper-container {

        padding: 20px 9px 50px;

    }



    .paint_swiper_con li {

        -webkit-border-radius: 10px;

        -moz-border-radius: 10px;

        border-radius: 10px;

        -webkit-box-shadow: 0px 0px 5px #ccc;

        -moz-box-shadow: 0px 0px 5px #ccc;

        box-shadow: 0px 0px 5px #ccc;

        padding: 20px 15px 15px;

    }

    .paint_swiper_con li .img_con {

        height: 110px;

    }

    .case_wrapper .right_menu {

        padding-top: 25px;

        padding-bottom: 30px;

        width: 100%;

        border-left: none;

    }

    .right_menu .case_thumbs {

        top: 70px;

    }

    .right_menu .case_top li .title {

        font-size: 18px;

        margin-bottom: 60px;

        margin-left: 0;

    }

    .right_menu .case_top li {

        padding-left: 0;

    }

    .right_menu .case_top li .img_con {

        height: 220px;

    }

    .sec4 .title_box {

        padding-bottom: 25px;

    }

    .sec4 .left .left_new,

    .sec4 .left {

        width: 100%;

        border-right: none;

    }

    .sec4 .left .left_new .img_con {

        height: 200px;

    }

    .sec4 .info_con .info {

        margin-top: 8px;

    }





    .sec4 .right {

        width: 100%;

        padding-left: 0;

        padding-top: 20px;

    }

    .sec5:after,

    .sec5:before{

        display: none;

    }

    .sec5 {

        padding: 0;

        background: url(../images/sec5_bg.jpg) no-repeat center right;


    }

    .sec5 .w{

        padding: 0;

    }

    .sec5 .left {

        padding: 40px 20px;

        background: #1f59a2;

        width: 100%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;


        box-sizing: border-box;

    }

    .sec5 .right {

        padding: 40px 20px;

        width: 100%;

        position: static;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;



    }



/*关于我们*/

    .inner .right_img {

        padding-top: 80px;

        width: 100%;

    }



    .inner .left_menu {

        padding-top: 20px;

        padding-right: 0;

        width: 100%;

    }

    .classname_ul {

        margin-top: 20px;

    }

    .classname_ul li a {

        font-size: 16px;

        line-height: 36px;

    }

    .classname_ul li i {

        margin-right: 20px;

    }

    .inner .inner_title_box {

        padding-left: 60px;

    }


    .inner .inner_title_box .line {

        left: -60px;

        width: 45px;

    }

    .inner {

        height: auto;

        padding-bottom: 40px;

    }

    .title_box.inner_title .title2 {

        font-size: 20px;

        margin-top: -13px;

    }

    .pro_search, .about.about1 .w {

        padding-top: 30px;

    }





    .about1 .left {

        width: 100%;

    }

    .about1 .right {

        padding: 20px 0 0;

        width: 100%;

    }

    .about1 .right .right_title1 {

        font-size: 18px;

        line-height: 30px;

        margin-bottom: 10px;

        width: 100%;

    }

    .about1 .right .right_title2 {

        font-size: 15px;

        margin-bottom: 20px;

        line-height: 26px;

    }

    .about .w {

        padding: 30px 15px 0;

        border-left: none;

    }

    .about2 .left {

        width: 100%;

        padding-right: 0;

    }

    .about2 .left_con {

        padding: 20px;

    }

    .about2 .right {

        position: static;

        width: 100%;

    }

    .about1 .right .info p {

        margin-bottom: 0;

    }

    .about3 {

        margin-top: 30px;

    }

    .about.about3 .w {

        padding: 30px 15px;

    }

    .about3 .left {

        position: static;

        width: 100%;

    }

    .about3 .left img {

        -webkit-border-radius: 0 25px 0 25px;

        -moz-border-radius: 0 25px 0 25px;

        border-radius: 0 25px 0 25px;

    }

    .about3 .right {

        width: 100%;

        padding-left: 0;

        padding-top: 30px;

    }

    .title_box.inner_title {

        margin-bottom: 20px;

    }

    .about.about4 .w {

        padding-top: 30px;

    }

    .about4 .culture_ul li {

        width: 100%;

        padding-bottom: 30px;

    }

    .about4 .culture_ul li .info {

        padding-right: 0;

    }

    .about4 .culture_ul li span {

        font-size: 18px;

        margin: 0px 0 6px;

    }

    .about4 .culture_ul li img {

        width: 80px;

        margin: -41px 0 0 -20px;

    }

    .about4 .culture_ul li {

        width: 100%;

        padding-bottom: 15px;

    }

    footer{

        border-top: 1px solid #f0f0f0;

    }

    .Copyright {

        padding: 10px 0;

    }

    .copyright_p {

        font-size: 12px;

    }

    .copyright_p a {

        display: block;

    }

    .pro_search .left {

        width: 100%;

    }

    .pro_search .right {

        padding-left: 0;

        padding-top: 30px;

        width: 100%;

    }

    .pro_search .right_con p {

        width: 276px;

    }

    .pro_class .pro_item .num_con {

        width: 100%;

        padding-right: 0;

    }

    .pro_class .pro_item:before {

        height: 100%;

    }

    .pro_item_all{

        margin-top: 20px;

    }

    .pro_item .num_con .column_title {

        margin-top: 20px;

    }

    .pro_class .pro_item .list_con {

        width: 100%;

        padding-top: 20px;



    }

    .pro_item_all .pro_item:nth-of-type(2n) .num_con {

        padding-left: 0;

    }

    .pro_class .paint_swiper_con {

        padding: 0 12px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }

    .pro_item .num_con .num {

        font-size: 210px;

        margin-top: -50px;

        display: none;

    }

    .pro_item .num_con .classname {

        font-size: 18px;

        margin-bottom: 15px;

    }

    .recom_list .swiper-button-next, .recom_list .swiper-button-prev,

    .paint_swiper_con .swiper-button-next, .paint_swiper_con .swiper-button-prev{

        width: 24px;

        height: 24px;

    }

    .recom_list .swiper-button-next:after, .recom_list .swiper-button-prev:after,

    .paint_swiper_con .swiper-button-next:after, .paint_swiper_con .swiper-button-prev:after{

        line-height: 24px;

    }

    .pro_item_all .pro_item:nth-of-type(2n) .num_con .classname, .pro_item_all .pro_item:nth-of-type(2n) .num_con .more {

        padding-left: 0;

    }

    .link_me {

        padding: 20px 0;

    }

    .link_me .p1 {

        line-height: 30px;

        font-size: 20px;

        margin-bottom: 10px;

    }

    .link_me .link_a {

        padding: 0 15px 0 50px;

        font-size: 20px;

        height: 40px;

        line-height: 40px;

        float: left !important;

    }

    .link_me .link_a:after {

        width: 25px;

        left: 15px;

    }

    .pro_page, .pro_class.pro_center {

        padding-top: 30px;

    }



    .pro_stick_three.paint_swiper_con li {

        width: 48%;

        margin-right: 4%;

        margin-bottom: 4%;

    }



    .pro_stick_three.paint_swiper_con li:nth-of-type(2n){

        margin-right: 0;

    }

    .pro_list .paint_swiper_con{

        position: relative;

    }

    .pro_list .paint_swiper_con li {

        width: 48%;

        margin-right: 4%;

        margin-bottom: 15px;

    }

    .pro_list .paint_swiper_con li:first-of-type{

        position: absolute;

        top: -255px;

        right: 0;



    }

    .pro_list .paint_swiper_con li:nth-of-type(4n) {

        margin-right: 4%;

    }

    .pro_list .paint_swiper_con li:nth-of-type(2n-1) {

        margin-right: 0;

    }

    .pro_center.pro_class .pro_item {

        padding: 40px 0 0px;

    }

    .pro_list {

        padding: 0px 0 20px;

    }

    .Factory .left,

    .Factory .right,

    .pro_Case .right,

    .pro_Case .left,

    .pro_online .right,

    .Coating .right, .appli .right,

    .Coating .left, .appli .left,

    .Brief .right,

    .Brief .left,

    .pro_page_part .right,

    .pro_page_part .left {

        width: 100%;

    }

    .pro_part_title_box .lit_title1 font {

        font-size: 18px;

        line-height: 30px;

    }

    .pro_part_title_box .lit_title1 span {

        padding: 6px 5px 6px;

        font-size: 14px;

    }

    .pro_part_title_box .lit_title2 {

        font-size: 20px;

        margin: 0;

    }



    .pro_page_part .right {

        padding-left: 0;

        padding-top: 20px;

    }

    .pro_page_part .right .type_title2, .pro_page_part .right .type_title1 {

        font-size: 18px;

    }



    .pro_page_part .right .type_title2 {

        margin: 5px 0 5px;

    }

    .pro_page_part .right .type_dl dd {

        padding: 9px 0;

        line-height: 25px;

    }

    .pro_part {

        margin-top: 30px;

    }

    .Brief .right {

        padding-top: 10px;

    }



    .Coating, .appli {

        padding: 0;

    }

    .Coating .left, .appli .left{

        padding-left: 0px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;



    }

    .Coating .right, .appli .right{

        padding-right: 0px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        padding-top: 50px;

    }

    .Coating:before,

    .appli:before {

        height: 310px;

        display: none;

    }

    .Coating:after,

    .appli:after {

        top: auto;

        bottom: 0;

        display: none;

    }

    .Coating_table tr td:nth-of-type(2) {

        min-width: 70px;

        font-size: 16px;

        padding: 10px 10px;

    }

    .Coating_table tr td img {

        max-width: 30px;

    }

    .Factory:before, .pro_Case:before, .Quali:before,

    .Packaging:before{

        display: none;

    }



    .Packimg_list li {

        width: 48%;

        padding-top: 56%;

        margin-right: 4%;

        margin-bottom: 4%;

    }

    .Packimg_list li:nth-of-type(2n){

        margin-right: 0;

    }

    .pro_online {

        padding: 40px 0;

        margin-top: 20px;

    }



    .pro_online .right .p1 {

        font-size: 18px;

    }

    .pro_online .right .p2 {

        font-size: 24px;

        line-height: 62px;

        padding-left: 35px;

        background-size: auto 50% !important;

    }



    .pro_online .right .p3 a {

        padding: 8px 15px 8px 45px;

        font-size: 16px;

    }

    .pro_online .right .p3 a:after {

        left: 15px;

    }

    .pro_Case .right {

        padding-top: 20px;

    }

    .Factory .right {

        padding-top: 20px;

    }



    .recom {

        margin-top: 30px;

        padding: 30px 0;

    }



    .recom .name i {

        font-size: 18px;

        padding-right: 10px;

        top: -12px;

    }

    .recom .name {

        height: 20px;

    }

    .recom_swiper li img {

        height: 150px;

    }

    .recom_list .swiper-button-next {

        right: -12px;

    }

    .recom_list .swiper-button-prev {

        left: -12px;

    }

    .Appli_case_ul:before{

        display: none;

    }



    .Appli_case_ul li .img_con {

        width: 70%;

        padding-top: 70%;

        margin-left: 15%;

        position: static;

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0);



    }

    .Appli_case {

        padding: 30px 0;

    }

    .Appli_case_ul li .info_con {

        width: 100%;

        padding-top: 30px;

    }

    .Appli_case_ul li {

        padding: 20px 0;

    }

    .Appli_case_ul li .info_con .num {

        font-size: 200px;

        top: 0px;

    }


    .Appli_case_ul li .info_con .name {

        font-size: 22px;

        line-height: 50px;

        height: 50px;

        padding-left: 55px;

    }

    .Appli_case_ul li .info_con .name img {

        width: 40px;

    }



    .Appli_page {

        padding: 30px 0;

    }

    .case_circle_ul .circle_ul {

        flex-wrap: wrap;



    }

    .case_circle_ul .circle_ul li{

        width: 33.33%;

        text-align: center;

        padding: 15px 0;

    }

    .case_circle_ul .circle_ul li .img_con {

        margin: 0 auto;

    }

    .case_pro_ul li {

        width: 100%;

        padding: 15px 0;

    }

    .case_pro_ul li .li_con {

        width: 100%;

    }

    .case_pro_ul li .info_con .left_name {

        width: 100%;

    }

    .case_pro_ul li .info_con .right_cot {

        width: 100%;

        padding-top: 0px;

        text-align: left;

    }

    .case_pro_ul li .info_con .left_name .add {

        font-size: 15px;

    }

    .case_pro_ul li .info_con .left_name .name {

        font-size: 14px;

    }

    .case_pro_ul li .info_con1{

        bottom: 0 !important;

    }

    .case_pro_ul li .li_mark{

        display: none;

    }

    .look_more a {

        padding: 7px 22px;

        font-size: 14px;

    }

    .Appli_detail .pro_left {

        padding: 30px 0px 0px 0;

        width: 100%;

    }

    .Appli_detail .pro_info_ul li {

        padding: 8px 0 8px 24px;

    }



    .Appli_detail .pro_left .title {

        font-size: 20px;

        margin: 12px 0 15px;

    }

    .Appli_detail .pro_info_ul {

        margin-bottom: 25PX;

    }



    .Appli_detail .pro_right {

        padding: 0;

        width: 100%;

    }

    .colour_list li {

        width: 100%;

        margin-right: 0;

        margin-bottom: 20px;

    }

    .calc_con {

        padding: 25px 15px;

        width: 88%;

        -webkit-border-radius: 20px;

        -moz-border-radius: 20px;


        border-radius: 20px;

    }

    .count_ul li .count_span {


        width: 100%;

        padding-right: 0;

        line-height: 35px;

        font-size: 15px;

        text-align: left;

    }

    .calc_result {

        top: -37px;

        width: 80%;

        line-height: 50px;

        padding: 0 5px 0 15px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }

    .calc_result_span {

        font-size: 18px;

    }

    .calc_result .right font {

        font-size: 18px;

    }

    .calc_result .right .num_result {

        font-size: 30px;

    }

    .count_ul {

        width: 100%;

    }

    .calc_con:before{

        display: none;

    }

    .count_ul li .right_ipt {

        width: 100%;

    }

    .count_ul li {

        margin-top: 15px;

    }



    .count_ul li .right_ipt .false_ipt_box .btn {

        width: 40px;

    }

    .calc_con .submit_ipt {

        width: 90px;

        height: 90px;

        font-size: 16px;

        right: 15px;

        bottom: -33px;

        top: auto;

    }

    .tips {

        margin-top: 24px;

        line-height: 26px;

    }

    .standard_part .standard_ul {

        padding: 15px 15px 0px;

    }

    .standard_ul li {

        width: 100%;

        margin-right: 0;

        margin-bottom: 15px;

        height: auto;

        -webkit-border-radius: 10px;

        -moz-border-radius: 10px;

        border-radius: 10px;

        padding-left: 15px;

    }

    .standard_ul li .li_con{

        padding: 10px 10px 10px 40px;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        background-size: auto 30px !important;

    }

    .standard_ul li font {

        max-height: inherit;

        position: static;



    }

    .Painting_ul li {

        padding: 15px 0 45px;

        width: 100%;

    }

    .Painting_ul li:nth-of-type(3n-1) {

        width: 100%;

    }



    .Painting_ul li:nth-of-type(3n-1) .li_con {

        width: 100%;

        margin-left: 0;

    }



    .ques_nav {

        margin-bottom: 20px;

    }

    .ques_nav li a {

        width: 120px;

        padding: 5px 0;

        font-size: 16px;

    }

    .ques_ul li .title_btn {

        font-size: 15px;

        line-height: 25px;

        padding: 15px 50px;

    }



    .ques_ul li .title_btn:after, .ques_ul li .title_btn:before {

        width: 50px;

        background-size: 42% auto !important;

    }

    .ques_ul li .info {

        padding: 15px;

    }

    .hot_list .swiper-slide {

        width: 100% !important;

        padding-top: 61.69%;

    }


    .hot_list .swiper-button-next {

        right: 0;

    }

    .hot_list .swiper-button-prev {

        left: 0;

    }



    .hot_list .swiper-slide .info_con{

        padding: 20px 15px 5px;

    }

    .hot_list .swiper-slide .info_con .info{

        display: none;

    }

    .news_list li {

        padding: 15px 0px !important;

        width: 100%;

    }

    .news_list li .img_con {


        width: 120px;

        height: 80px;

        -webkit-border-radius: 0 10px 0 10px;

        -moz-border-radius: 0 10px 0 10px;

        border-radius: 0 10px 0 10px;

    }

    .news_list li .info_con {

        width: calc(100% - 120px);

        padding-left: 15px;

        padding-top: 6px;

    }

    .news_list li .info_con .info{

        display: none;

    }

    .news_list li .info_con .title {

        font-size: 15px;

        margin: 5px 0 6px;

    }

    .news_list li .info_con .time {

        font-size: 13px;

        font-weight: normal;

    }

    .page {

        margin-top: 25px;

        padding: 15px 0;

    }

    .page a {

        height: 22px;

        padding: 0 7px;

        line-height: 22px;

        margin: 0 2px;


        font-size: 12px;

    }



    .buy_pro{

        margin-bottom: 20px;

    }



    .sever_ul {

        margin: 20px 0;

    }

    .next_prev {

        margin-bottom: 25px;

    }



    .Invest_part1 .left {

        width: 100%;

    }



    .Invest_part1 .right {

        padding-top: 25px;

        width: 100%;

    }

    .Invest_part2_ul{

        flex-wrap: wrap;

    }

    .Invest_part2_ul li {

        padding-top: 120px;

        height: auto;

        width: 100%;

    }

    .Invest_bg:before {

        width: 130px;

        height: 178px;

    }

    .Invest_part4 {

        width: 100%;

        padding-right: 25px;

        padding-top: 20px;

    }

    .Invest_part3 {

        width: 100%;

    }

    .Invest_part4_ul {

        margin-left: 0;

    }

    .Invest_part3:after {

        height: 250px;

    }

    .Invest_part4:after {

        height: 250px;

    }



    .Invest_part4_ul li img {

        width: 50px;

    }



    .Invest_title {

        font-size: 20px;

        margin-bottom: 10px;

    }

    .Invest_bg{

        background: #eee;

        padding-top: 20px;

    }



    .contact_part1 .left {

        width: 100%;

    }

    .contact_part1 .right {

        width: 100%;

        height: auto;

        position: static;

        float: right;

        background: url(../images/contact_img2.jpg) no-repeat bottom right;

    }

    .contact_part1 .right_con {

        position: static;

        padding: 20px 0;

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        transform: translateY(0);

    }

    .contact_part1 .right li i {

        font-size: 24px;

    }

    .contact_part1 .right li font {

        font-size: 16px;

        margin-right: 20px;

        line-height: 38px;

    }

    .contact_part1 .right li {

        line-height: 38px;

    }

    #allmap {

        height: 280px;

    }

    .contact_ul li.on {

        top: 0;

    }

    .contact_ul{

        flex-wrap: wrap;

    }

    .contact_ul li {

        padding: 40px 15px;

        width: 100%;

    }

    .contact_ul li .name {

        font-size: 18px;

        line-height: 25px;

        margin-bottom: 20px;

    }

    .contact_ul li .info {

        margin-top: 30px;

    }

    .case_img_swiper .case_img_next, .case_img_swiper .case_img_prev {

        width: 26px;

        height: 55px;

        margin-top: -48px;

    }

    .tel_icon{

        position: fixed;

        bottom: 100px;

        left:0;

        width: 30px;

        height: 107px;

        background: url(../images/phone_icon6.png) no-repeat center center;

        background-size: 100% 100% !important;

        z-index: 1000;

    }

    .sec2 .tab_nav_thumbs {

        padding-top: 15px;

    }

    .paint_list .swiper-button-prev-thumbs,

    .paint_list .swiper-button-next-thumbs{

        width: 22px;

        height: 22px;

        top: 26px;



    }

    .paint_list .swiper-button-prev-thumbs{

        left: 7px;

    }

    .paint_list .swiper-button-next-thumbs{

        right: 7px;

    }

    .paint_list .swiper-button-prev-thumbs:after,

    .paint_list .swiper-button-next-thumbs:after{

        line-height: 22px;

        font-size: 10px;

    }

    .dash,

    .vertical-cell{

        display: none !important;

    }





    .kind_ul {

        min-height: 300px;

        height: 397px;

        overflow-y: auto;

    }

    .kind_ul li {

        width: 150px;

    }

    .kind_ul li .first {

        padding: 5px;

        width: 151px;

        line-height: 20px;

    }



    .kind_ul li .first:before {

        border: 3px solid transparent;

        border-left: 5px solid #0f2e46;

        top: 13px;

        right: 7px;

    }

    .kind_ul li .hide_sj {

        left: 150px;

        width: 150px;

        padding: 10px 0 0 10px;

    }

    .kind_ul li .hide_sj a {

        padding: 5px 4px;

        line-height: 20px;

    }



    .pro_center .pro_item .num_con .column_title {

        margin-top: 20px;

    }



    .pro_search_list{

        margin-top: 20px;

    }



    .pro_search_list .pro_list{

        padding: 20px 0;

    }



}







@media screen111 and (max-width: 320px) {

    .w {

        margin: 0;

        width: auto;

        padding: 0 10px;

    }



}