body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,option,p,blockquote,th,td{margin:0;padding:0;}
* {outline: 0 none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
ul li{list-style: none;}
a{color:black;outline:0 none;text-decoration: none;cursor:pointer;}
img{border:0;}

body{
    font-family: Microsoft Yahei, Verdana, "\5FAE\8F6F\96C5\9ED1", Tahoma, "DejaVu Sans", sans-serif;
    font-size: 14px;
}

.wrapper{
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.main{
    width: 100%;
    margin: 0 auto;
}


.index_header{
    width: 240px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 999;
    box-sizing: border-box;
    box-shadow: 0 0 5px 0px #eee;
}
.header{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 50px 20px;
    padding-top: 60px;
    box-sizing: border-box;
}
.header .logo{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 60px;
}
.header .logo a{
    display: block;
}
.header .logo img{
    display: block;
    width: 180px;
    height: auto;
    margin: 0 auto;
}
.header .header_right{
    float: left;
    width: 100%;
    height: auto;
    box-sizing: border-box;
}
.header_right .nav{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-top: 1px solid #eeeeee;
}
.header_right .nav ul{
    float: right;
    width: 100%;
    height: auto;
}
.header_right .nav ul li{
    float: left;
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    position:relative;
}
.header_right .nav ul li a{
    display: block;
    width: 100%;
    font-size: 16px;
    color: #000;
    padding: 0 5px;
    height: auto;
    padding: 15px 0; 
    box-sizing: border-box;
    line-height: 20px;
    box-sizing: border-box;
    font-weight: 500;
    text-align: center;
}
.header_right .nav ul li a span{
    display: block;
    font-size: 14px;
    color: #c3c3c3;
    letter-spacing: -1px;
}
.header_right .nav ul li a:hover{
    background-color: #e60012;
    color: #fff;
}
.header_right .nav ul li a:hover span{
    color: #fff;
}

.header_right .nav ul li a.active{
    background-color: #e60012;
    color: #fff;
}
.header_right .nav ul li a.active span{
    color: #fff;
}






.header_right .nav ul li .subNav{
    width: 200px;
    height: auto;
    position: absolute;
    top: 0;
    right: -220px;
    z-index: 999;
    display: none;
}
.header_right .nav ul li .subNav a{
    display: block;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: rgba(0,0,0,0.6);
    color: #fff;
    box-sizing: border-box;
    padding: 0;
    border-bottom: 1px solid #aaa;
    box-sizing: border-box;
}
.header_right .nav ul li .subNav a:last-of-type{
    border-bottom: none;
}
.header_right .nav ul li .subNav a:hover{
    color: #fff;
    background: rgba(230,0,18,0.8);
}


.subNav_show{
    width: 100%;
    height: 420px;
    position: absolute;
    top: 110px;
    left: 0;
    background: #2f2f2f;
    z-index: 1000;

    display: none;
}
.subNav_show_con{
    max-width: 1400px;
    width: 100%;
    height: auto;
    padding: 50px 20px;
    box-sizing: border-box;
    margin: 0 auto;
}
.subNav_show .subNav_item{
    float: left;
    width: 50%;
    height: auto;
    padding: 0 60px;
    box-sizing: border-box;
}
.subNav_show .subNav_item:nth-of-type(1){
    padding-right: 80px;
}
.subNav_show .subNav_item h3{
    font-size: 22px;
    color: #fff;
    line-height: 40px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.subNav_item_section{
    width: 100%;
    height: auto;
}
.subNav_item_section .text{
    float: left;
    width: 38%;
    height: auto;
}
.header_right .nav ul li .subNav_item_section .text a{
    text-transform: uppercase;
    line-height: 40px;
}
.subNav_item_section .pic{
    float: right;
    width: 62%;
    height: auto;
    padding-top: 13px;
    box-sizing: border-box;
}
.subNav_item_section .pic img{
    float: right;
    max-width: 320px;
    width: 100%;
    height: auto;
}



.header_right .nav ul li.li_pro{
    position: relative;
}


.header .header_right .nav-toggle {
    width:60px;
    height:60px;
    position:absolute;
    top:20px;
    right:10px;
}
.header .header_right .nav-toggle a {
    display:block;
}
    .header .header_right .nav-toggle svg {
        display:block;
        width:40px;
        height:40px;
        position:absolute;
        top:10px;
        right:10px;
    }



/*banner*/
.section1{
   width: 100%;
   height: auto;
   overflow: hidden;
}
.banner_bf{
    position: relative;
    overflow:hidden;
    width:100%;
    height:100%;
    top:0;
    left:0;
    text-align:center;
   
}
.banner_bf .slider2 .item{
    float: left;
    position: relative;
    height: 100%;
}
.banner_bf .slider2 img{
    float:left;
    width:100%;
    height:100%;
}



.home_banner_title_box {
    width:100%;
    height:auto;
    position:absolute;
    left:0;
    bottom:70px;
}
.home_banner_title_box_con{
    max-width: 1320px;
    width: 100%;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    margin: 0 auto;
}
.home_banner_title_box_list {
    width:100%;
    height:180px;
    padding-right:200px;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
    background:#fff;
}
.home_banner_title_box_list ul li {
    float:left;
    width:33.3333333%;
    height:180px;
    overflow:hidden;
    border-right:1px solid #e5e5e5;
    box-sizing:border-box;
    padding:35px 25px;
    padding-right:20px;
   padding-left:150px;
   position:relative;
}
.home_banner_title_box_list ul li a {
    display:block;
}
.home_banner_title_box_list ul li .pic {
    width:110px;
    height:110px;
    overflow:hidden;
    position:absolute;
    top:35px;
    left:25px;
}
.home_banner_title_box_list ul li .pic img {
    display:block;
     width:110px;
    height:110px;
}
.home_banner_title_box_list ul li .text {
    width:100%;
    height:60px;
    border-left:7px solid #e60012;
    box-sizing:border-box;
    padding-left:15px;
    box-sizing:border-box;
    margin-top:25px;
}
    .home_banner_title_box_list ul li .text h3 {
        font-size:20px;
        color:#333;
        line-height:30px;
        text-align:left;
        font-weight:600;
         overflow:hidden;
    }
       .home_banner_title_box_list ul li .text p {
        font-size:15px;
        color:#333;
        line-height:30px;
        text-align:left;

        overflow:hidden;
    }


    .home_banner_title_box_list ul li:hover .text h3 {
         color:#e60012;
    }
     .home_banner_title_box_list ul li:hover .text p {
         color:#e60012;
    }

.home_banner_title_box_link {
    width:200px;
    height:100%;
    position:absolute;
    top:0;
    right:0;
    background:#e60012;
    font-size:28px;
    color:#fff;
    line-height:50px;
    text-align:center;
    font-weight:500;
    letter-spacing:2px;
    padding-top:65px;
    box-sizing:border-box;
}



/* home_section_container */
.section{
    padding-left: 240px;
    box-sizing: border-box;
}
.home_section_container{
    width: 100%;
    height: auto;
}
.home_section_container_con{
    max-width: 1200px;
    width: 100%;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    margin: 0 auto;
}
.home_title{
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 40px;
}
.home_title h3{
    font-size: 30px;
    color: #000;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: 2px;
}
.home_title h4{
    font-size: 16px;
    color: #c3c3c3;
    line-height: 30px;
    font-weight: 400;
}
.home_title .line_logo{
    width: 100%;
    height: 50px;
    background: url('../images/line_logo.png') no-repeat center center;
}

.home_link{
    width: 100%;
    height: auto;
    margin: 50px auto;
}
.home_link a{
    display: block;
    width: 160px;
    height: 50px;
    border: 1px solid #666;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    color: #666;
    line-height: 28px;
    margin: 0 auto;
    padding-right: 55px;
    background: url('../images/link_icon.png') no-repeat 110px center;
}
.home_link a:hover{
    border: 1px solid #e60012;
    background: #e60012 url('../images/link_icon_hover.png') no-repeat 110px center;
    color: #fff;
}


/* s_section2 */
.s_section2{
    background: url('../images/home_section2_banner.png') 50% no-repeat;
    background-size: cover;
}
.section2_center{
    width: 100%;
    height: auto;
    padding-bottom: 230px;
    box-sizing: border-box;
}
.section2_center .article{
    max-width: 960px;
    width: 100%;
    height: auto;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
}
.section2_center .article strong{
    font-size: 18px;
    font-weight: 500;
    color: #e60012;
}

.section2_center_list{
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 240px;
    box-sizing: border-box;
}
.section2_center_list ul li{
    float: left;
    width: 33.333333%;
    height: auto;
    position: relative;
    box-sizing: border-box;
    border-bottom: 6px solid #e60012;
}
.section2_center_list ul li a{
    display: block;
}
.section2_center_list ul li .pic{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.section2_center_list ul li .pic img{
    display: block;
    width: 100%;
    height: auto;

    transition: transform 2s;
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -o-transition: -o-transform 2s;
}
.section2_center_list ul li .pic_pro{
    width: 100%;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -75px;
    text-align: center;
}
.section2_center_list ul li .pic_pro h3{
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    font-weight: 500;
    letter-spacing: 2px;
}
.section2_center_list ul li .pic_pro h4{
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 25px;
}
.section2_center_list ul li .pic_pro .icon{
    width: 50px;
    height: 50px;
    background: url('../images/link_icon2_b.png') no-repeat center center;
    margin: 0 auto;
}
.section2_center_list ul li:hover .pic_pro .icon{
    background: url('../images/link_icon2_b_hover.png') no-repeat center center;
}
.section2_center_list ul li:hover .pic img{
    -webkit-transform:scale(1.2,1.2);
    -moz-transform:scale(1.2,1.2);
    -o-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2);
}




/* s_section3 */
.s_section3{
    background: url('../images/home_section3_banner.jpg') 50% no-repeat;
    background-size: cover;
}
.section3_center{
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.home_products_container{
    width: 100%;
    height: 700px;
    position: relative;
}
.home_products_nav{
    width: 500px;
    height: 500px;
    background: #e60012;
    border-radius: 50%;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: -250px;
    margin-top: -250px;
    padding-left: 250px;
}
.home_products_nav ul li{
    float: left;
    width: 100%;
    height: 500px;
    box-sizing: border-box;
    position: relative;
}
.home_products_nav ul li .text{
    width: 100%;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -50px;
    padding: 15px;
    padding-right: 40px;
    box-sizing: border-box;
    text-align: center;
}
.home_products_nav ul li .text h3{
    font-size: 26px;
    color: #fff;
    line-height: 40px;
    font-weight: 500;
}
.home_products_nav ul li .text p{
    font-size: 16px;
    color: #fff;
    line-height: 30px;
}

/* home_products_conter */
.home_products_conter{
    width: 900px;
    height: 700px;
    margin: 0 auto;
    position: relative;
}
.home_products_yuan{
    width: 600px;
    height: 600px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -300px;
}
.home_products_yuan img{
    display: block;
    width: 600px;
    height: 600px;
    position: relative;
    z-index: 1;
}
.home_products_yuan .yuan{
    width: 600px;
    height: 600px;
    margin: 0 auto;
    background: url('../images/home_product_big_yuan.png') no-repeat center center;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: pointAnimations 12s linear infinite;
    -moz-animation: pointAnimations 12s linear infinite;
    -ms-animation: pointAnimations 12s linear infinite;
    animation: pointAnimations 12s linear infinite;  
}

@-webkit-keyframes pointAnimations{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
@-moz-keyframes pointAnimations{0%{-moz-transform:rotate(0)}100%{-moz-transform:rotate(360deg)}}
@-ms-keyframes pointAnimations{0%{-ms-transform:rotate(0)}100%{-ms-transform:rotate(360deg)}}
@keyframes pointAnimations{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}


.home_products_carousel{
    width: 900px;
    height: 700px;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}
.home_products_slide{
    width: 900px;
    height: 700px;
}
.home_products_slide .slide_item{
    float: left;
    width: 900px;
    height: 700px;
    position: relative;
}
.home_products_slide_lsit{
    width: 600px;
    height: 600px;
    position: absolute;
    top: 50px;
    left: 150px;
}
.home_products_slide_lsit ul{
    width: 600px;
    height: 600px;
    position: relative;

    
}
.home_products_slide_lsit ul li{
    display: block;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 0;
    left: 0;
}
.home_products_slide_lsit ul li a{
    display: block;
}
.home_products_slide_lsit ul li .pic{
    display: block;
    width: 200px;
    height: 200px;
}
.home_products_slide_lsit ul li .pic{
    display: block;
    width: 200px;
    height: 200px;
}
.home_products_slide_lsit ul li .text{
    width: 135px;
    height: auto;
    position: absolute;
    left: 200px;
    top: 60px;
}
.home_products_slide_lsit ul li .text h3{
    font-size: 20px;
    color: #000;
    line-height: 30px;
    font-weight: 500;
}
.home_products_slide_lsit ul li .text p{
    font-size: 15px;
    color: #333;
    line-height: 26px;
}

.home_products_slide_lsit ul li:nth-of-type(4) .text{
    left: -120px;
    top: 60px;
    text-align: right;
}


.home_products_slide_lsit ul li:nth-of-type(1){
    top: -50px;
    left: 50%;
    margin-left: -100px;
}
.home_products_slide_lsit ul li:nth-of-type(2){
    top: 50%;
    left: auto;
    right: -30px;
    margin-top: -95px;
}
.home_products_slide_lsit ul li:nth-of-type(3){
    top: auto;
    bottom: -35px;
    left: 50%;
    margin-left: -100px;
}
.home_products_slide_lsit ul li:nth-of-type(4){
    top: 50%;
    left: -30px;
    margin-top: -95px;
}


.home_products_slide_next{
    display: block;
    width: 60px;
    height: 60px;
    background: url('../images/home_products_slide_next.png') no-repeat center center;
    position: absolute;
    top: 50%;
    right: -120px;
    margin-top: -30px;
    cursor: pointer;
}






/* s_section4 */
.s_section4{
    background: url('../images/home_solution_banner.jpg') 50% no-repeat;
    background-size: cover;
}
.s_section4 .home_title{
    margin-bottom: 50px;
}
.s_section4 .home_title h3{
    color: #fff;
}
.s_section4 .home_title h4{
    color: #eee;
    letter-spacing: 2px;
}

.section4_center{
    width: 100%;
    height: auto;
}
.section4_center_list{
    width: 100%;
    height: auto;
    padding: 0 30px;
    box-sizing: border-box;
    margin: 0 auto;
    padding-bottom: 60px;
}
.section4_center_list ul li{
    float: left;
    width: 33.333333%;
    height: auto;
    box-sizing: border-box;
    background: #fff;
    border-top: 6px solid #e60012;
    border-radius: 2px;
}
.section4_center_list ul li a{
    display: block;
    width: 100%;
    height: auto;
    /* padding: 20px 0; */
    box-sizing: border-box;
}
.section4_center_list ul li .pic{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.section4_center_list ul li .pic img{
    display: block;
    width: 100%;
    height: auto;

    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}
.section4_center_list ul li .text{
    width: 100%;
    height: auto;
    padding: 30px 25px;
    box-sizing: border-box;
}
.section4_center_list ul li .text h3{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #000;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 10px;
}
.section4_center_list ul li .text h4{
    font-size: 16px;
    color: #333;
    line-height: 16px;
    border-left: 3px solid #e60012;
    padding-left: 8px;
    box-sizing: border-box;
    font-weight: 500;
    margin-bottom: 20px;
}
.section4_center_list ul li .text .article{
    font-size: 16px;
    color: #666;
    line-height: 24px;
    height:50px;
    overflow:hidden;
}

.section4_center_list ul li:hover{
    -webkit-filter: opacity(100%);
    filter: opacity(100%);
}

.section4_center_list ul li:hover .pic img{
    -webkit-transform:scale(1.4,1.4);
    -moz-transform:scale(1.4,1.4);
    -o-transform:scale(1.4,1.4);
    transform:scale(1.4,1.4);
}
.s_section4 .swiper-pagination-bullet{
    width: 100px;
    height: 20px;
    background: url('../images/section4_center_carousel_line_hover.png') no-repeat center center;
}


/* s_section5 */
.s_section5{
    background: url('../images/s_section5_news_banner.jpg') 50% no-repeat;
    background-size: cover;
}
.section5_center{
    width: 100%;
    height: auto;
}
.section5_center_list{
    width: 100%;
    height: auto;
}
.section5_center_list ul li{
    float: left;
    width: 25%;
    height: auto;
}
.section5_center_list ul li .time_box{
    width: 100%;
    height: auto;
    padding-bottom: 30px;
    margin-bottom: 25px;
    box-sizing: border-box;
    position: relative;
}
.section5_center_list ul li .time_box .time{
    width: 100px;
    height: 110px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 2px;
    text-align: center;
    border: 2px solid #ddd;
    padding: 15px 8px;
    box-sizing: border-box;
}
.section5_center_list ul li .time_box .time p{
    font-size: 16px;
    color: #333;
    line-height: 30px;
}
.section5_center_list ul li .time_box .time .day{
    font-size: 30px;
    font-weight: 600;
    color: #d6d6d6;
    padding-bottom: 10px;
    border-bottom: 2px solid #ddd;
    box-sizing: border-box;
    margin-bottom: 8px;
}
.section5_center_list ul li .time_box .line{
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    box-shadow: 0px 1px 10px 0px #d6d6d6;
}
.section5_center_list ul li .time_box .yuan{
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #f9f9f9;
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    bottom: -8px;
    margin-left: -10px;
    z-index: 9;
    box-shadow: 0px 0px 8px 3px #ddd;
}
.section5_center_list ul li .text{
    width: 95%;
    height: auto;
    margin: 0 auto;
    border: 1px solid #eee;
    box-sizing: border-box;
}
.section5_center_list ul li .text a{
    display: block;
}
.section5_center_list ul li .text_con{
    width: 100%;
    height: 180px;
    background: #fff;
    border-radius: 2px;
    padding: 20px 15px;
    box-sizing: border-box;
}
.section5_center_list ul li .text h3{
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #000;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 10px;
}
.section5_center_list ul li .text .article{
    font-size: 16px;
    color: #666;
    line-height: 24px;
}
.section5_center_list ul li .text .pic{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.section5_center_list ul li .text .pic img{
    display: block;
    width: 100%;
    height: auto;

    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}

.section5_center_list ul li:hover .text .pic img{
    -webkit-transform:scale(1.4,1.4);
    -moz-transform:scale(1.4,1.4);
    -o-transform:scale(1.4,1.4);
    transform:scale(1.4,1.4);
}


.header .header_right .nav-toggle {
    display:none;
}
.phone_hearder_nav {
    display:none;
}

.phone_banner {
    display:none;
}

.phone_home_products_container {
    display:none;
}


@media screen and (max-width:1600px) {
    .section .home_title {
        margin-bottom:25px;
    }
    .section .home_link {
        margin:30px auto;
    }

    .section2_center_list ul li {
        height:230px;
        overflow:hidden;
    }
    .section2_center {
        padding-bottom:190px;
    }
    .section4_center_list ul li .text {
        padding: 20px 25px;
    }
    .section4_center {
        max-width:1000px;
        margin:0 auto;
    }

    .section5_center_list ul li {
        width:33.333333%;
    }
    .section5_center_list ul li:nth-of-type(4) {
        display:none;
    }
    .section5_center_list ul li .text h3 {
        font-size:18px;
    }
    .section5_center_list ul li .time_box .time {
        width: 80px;
        height: 85px;
        padding: 6px 6px;
    }
    .section5_center_list ul li .time_box .time .day {
        font-size: 24px;
        padding-bottom: 4px;
        margin-bottom: 4px;
    }
    .section5_center_list ul li .text_con {
        height: 150px;
    }
    .section5_center_list ul li .text .article {
        height:48px;
        overflow:hidden;
    }
    .section5_center_list ul li .time_box {
        display:none;
    }



    .header {
        padding:40px;
        padding-top:40px;
    }
    .header .logo {
        margin-bottom:40px;
    }
    .header .logo img {
        width:160px;
    }
    .header_right .nav ul li a {
        padding:10px 0;
    }

    .home_products_conter {
            transform:scale(0.75);
        -webkit-transform:scale(0.75);  
        -moz-transform:scale(0.75);

        top:-70px;
    }
    .home_products_container {
        height:500px;
    }
    .home_products_conter {
        height:500px;
    }
    .home_products_carousel {
        height:500px;
    }



}


@media screen and (max-width:1440px) {
    .home_banner_title_box {
        bottom:50px;
    }
 
    .home_banner_title_box_list {
        height:140px;
        padding-right:160px;
    }
    .home_banner_title_box_list ul li {
         height:140px;
         padding-left:125px;
    }
    .home_banner_title_box_list ul li .pic {
        width: 90px;
        height: 90px;
        top: 25px;
        left: 15px;
    }
    .home_banner_title_box_list ul li .pic img {
          width: 90px;
        height: 90px;
    }
        .home_banner_title_box_list ul li .text {
            margin-top:0;
        }
            .home_banner_title_box_list ul li .text p {
                line-height:22px;
            }
    .home_banner_title_box_link {
        width:160px;
        font-size:24px;
        padding-top: 45px;
    }
}




@media screen and (max-width:1000px) {
    .index_header {
        width:100%;
        height:100px;
        overflow:hidden;
        position:fixed;
        padding:20px 15px;
        box-shadow:0 0 5px 2px #ddd;
    }
    .header {
        padding:0;
    }
    .header .logo {
        width:auto;
        margin-bottom:0;
    }
    .header .header_right {
        width:auto;
        float:right;
    }
    .header_right .nav {
        display:none;
    }


    .header .header_right .nav-toggle {
        display: block;
    }
    /* phone_hearder_nav */

    .phone_hearder_nav{
      max-width: 100%;
      display: block;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.95);
      position: fixed;
      top: 0;
      right: 0;
      z-index: 9999;
      padding: 80px 20px;
      box-sizing: border-box;
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
      transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -webkit-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
    }

    .body_open .phone_hearder_nav{
      -webkit-transform: translateX(0px);
      -ms-transform: translateX(0px);
      transform: translateX(0px);
    }

    .header_close{
      width: 60px;
      height: 60px;
      position: absolute;
      top: 20px;
      right:20px;
    }
    .header_close svg {
         width: 24px;
          height: 24px;
          position: absolute;
          top: 18px;
          right: 18px;
    }
    .phone_hearder_nav ul{
      width: 100%;
      height: auto;
      padding: 20px;
      box-sizing: border-box;
    }
    .phone_hearder_nav ul li{
      display: block;
      float: left;
      width: 100%;
      height: auto;
      padding: 8px 0px;
      box-sizing: border-box;
    }
    .phone_hearder_nav ul li p {
        font-size:18px;
        color:#fff;
        line-height:40px;
        padding:0px 10px;
        box-sizing:border-box;
        position:relative;
    }
        .phone_hearder_nav ul li p svg {
            display:block;
            width:20px;
            height:20px;
            position:absolute;
            top:11px;
            right:10px;
        }
        .phone_hearder_nav ul li p svg.icon_up {
            display:none;
        } 
        .phone_hearder_nav ul li p.active svg {
            display:none;
        } 
        .phone_hearder_nav ul li p.active svg.icon_up {
            display:block;
        }
        .phone_hearder_nav ul li p.active {
            color:#e60012;
        }

        .phone_hearder_nav ul li p.active svg path {
              fill: #e60012; 
        }
        .phone_hearder_nav ul li p.active svg path {
               fill: #e60012;
        }

    .phone_hearder_nav ul li.li1 a{
        display:block;
        font-size:18px;
        color:#fff;
        line-height:40px;
         padding:0 10px;
        box-sizing:border-box;
    }
        .phone_hearder_nav ul li .li_center {
            width:100%;
            height:auto;
            padding:0 20px;
            box-sizing:border-box;
            padding-top:10px;
            display:none;
        }
        .phone_hearder_nav ul li .li_center a{
            display:block;
              width:100%;
            height:auto;
            font-size:16px;
            color:#fff;
            line-height:30px;
             padding:8px 10px;
            box-sizing:border-box;
        }


    .section {
        padding-left:0;
        box-sizing:border-box;
    }
    .section2_center_list {
        padding-left:0;
        box-sizing:border-box;
    }

    #fp-nav {
        display:none;
    }



}


@media screen and (max-width:767px) {
    .section .home_section_container {
        padding-top:100px;
    }
    .phone_banner {
        display:block;
    }
     .pc_banner {
        display:none;
    }
    .home_section_container_con {
        padding-left:15px;
        padding-right:15px;
    }

    .section2_center_list {
        display:none;
    }
    .section2_center {
        padding-bottom:20px;
    }
    .section2_center .article {
        font-size:14px;
        text-align:justify;
        line-height:24px;
    }
    .home_title h3 {
        font-size:22px;
        line-height:32px;
    }
    .home_title h4 {
        font-size:14px;
        line-height:24px;
    }
    .home_title .line_logo {
        height:30px;
    }
    .section4_center_list ul li {
        width:65% !important;
        border-top: 4px solid #e60012;
    }
    .home_section_container {
        padding-bottom:10px;
    }
    .s_section4 .swiper-pagination-bullet {
        width:30px;
    }
    .section5_center_list ul li {
        width:100%;
        margin-bottom:15px;
    }
    .section5_center_list ul li .text .pic {
        display:none;
    }
        .section5_center_list ul li .text_con {
            height:auto;
        }
    .section5_center_list ul li:nth-of-type(3) {
        display:none;
    }
        .section5_center_list ul li .text h3 {
            font-size:16px;
            line-height:26px;
        }
        .section5_center_list ul li .text .article {
            font-size:14px;
        }
    .section5_center .home_link {
        margin-top:20px;
    }
     

     .home_products_conter {
            transform:scale(0.43);
        -webkit-transform:scale(0.43);  
        -moz-transform:scale(0.43);

        top:-100px;
        left:-250px;
    }
    .home_products_container {
        height:400px;
    }
    .home_products_conter {
        height:400px;
    }
    .home_products_carousel {
        height:400px;
    }

    .home_products_nav {
        width:120px;
        height:120px;
        left:5px;
        top:-70px;
        margin-top:0;
        padding-left:0;
        border-radius:inherit;
        border-top-right-radius: 150px;
        border-top-left-radius: 150px;
        border-bottom-left-radius: 150px;


        transform:rotate(15deg);
        -ms-transform:rotate(15deg); 	/* IE 9 */
        -moz-transform:rotate(15deg); 	/* Firefox */
        -webkit-transform:rotate(15deg); /* Safari บอ Chrome */
        -o-transform:rotate(15deg); 	/* Opera */
    }
    .home_products_nav ul li {
         height:150px;
    }
    .home_products_nav ul li .text {
        margin-top:-50px;
    }
    .home_products_nav ul li .text h3 {
        font-size:16px;
        line-height:30px;

           transform:rotate(-15deg);
        -ms-transform:rotate(-15deg); 	/* IE 9 */
        -moz-transform:rotate(-15deg); 	/* Firefox */
        -webkit-transform:rotate(-15deg); /* Safari บอ Chrome */
        -o-transform:rotate(-15deg); 	/* Opera */
    }
    .home_products_slide_next {
        top:95%;
        right:0;
        margin-top:10px;
    }
    .s_section3 {
        overflow:hidden;
    }
     .s_section4 {
        overflow:hidden;
    }

    .home_link a {
        height:auto;
        padding:8px 10px;
        padding-right:55px;
    }
    .section .home_link {
        margin-bottom:10px;
    }
    .section4_center_list ul li .text {
        padding:15px;
    }
    .section4_center_list ul li .text h3 {
        font-size:18px;

      
    }
    .section4_center_list ul li .text h4 {
        font-size:15px;
        margin-bottom:15px;
    }
    .section4_center_list ul li .text .article {
        font-size:14px;
    }
    .index_header {
        height:80px;
    }
    .header .logo img {
        width:125px;
    }
    .index_header {
        padding: 16px 15px;
    }
    .header .header_right .nav-toggle {
        top:10px;
    }
    .section4_center_list {
        padding-bottom:50px;
    }

    .home_products_slide_lsit ul li .text p {
        display:none;
    }
    .home_products_nav ul li .text {
        padding-left:5px;
        padding-right:5px;
        box-sizing:border-box;
    }
    .home_products_nav ul li .text p {
        display:none;
    }


    .home_products_slide .slide_item {
        height:700px;
    }

    .home_banner_title_box_list ul li {
        display:none;
    }
    .home_banner_title_box_con {
        max-width:360px;
        padding-left: 10px;
        padding-right: 10px;
    }
     .home_banner_title_box_list ul li:nth-of-type(1) {
        display:block;
        width:100%;
    }

    
    .home_banner_title_box_list {
        height:110px;
        padding-right:110px;
    }
    .home_banner_title_box_list ul li {
         height:110px;
        padding:30px 15px;
         padding-left:85px;
    }
    .home_banner_title_box_list ul li .pic {
        width: 60px;
        height: 60px;
        top: 25px;
        left: 15px;
    }
    .home_banner_title_box_list ul li .pic img {
          width: 60px;
        height: 60px;
    }
        .home_banner_title_box_list ul li .text {
            margin-top:0;
            height:50px;
        }
            .home_banner_title_box_list ul li .text p {
                line-height:22px;
            }
    .home_banner_title_box_link {
        width:110px;
        font-size:18px;
        padding-top: 30px;
    }
}





}