#header{width: 100%;height: 72px;}
.wrap{width: 1200px;margin: auto;padding: 40px 0;}
.top_bg{width: 100%;height: 366px;position: relative;background-size: cover!important;color:white;}
.about_bg{background: url(/img/about_bg.jpg);}
.product_bg{background: url(/img/product_bg.jpg);}
.ask_bg{background: url(/img/aks_bg.jpg);}
.top_bg h1{font-size: 50px;width: 1200px;margin: auto;padding-top: 30px;}
.top_bg h2{font-size: 25px;width: 1200px;margin: auto;font-weight: 700;padding-top: 30px;}
.top_bg p{font-size: 18px;width: 1200px;margin: auto;font-weight: 100;}
.top_bg p span{font-size: 24px;color:#59c6f2}

.contents{width: 100%;position: relative;}
.contents .wrap h2{font-size: 40px;padding:20px 0;}
.contents .wrap .banner{width: 1550px;height: 360px;background: url(/img/about_sec1_bg.jpg);}
.contents .wrap > p{padding:0px 10px ;border-left: 1px solid #59c6f2;font-size: 20px;line-height: 40px;font-weight: 100;}
.contents .wrap .box{display: flex;margin: 80px 0;justify-content: space-between;}
.contents .wrap .box .item{width: 380px;height: 380px;color:white;padding: 30px;font-size: 35px;position: relative;}
.contents .wrap .box .item .icon{position: absolute;right: 20px;bottom: 20px;width: 126px;height: 118px;}
.contents .wrap .box .item:nth-child(1){background: #393e46;}
.contents .wrap .box .item:nth-child(1) .icon{background: url(/img/about_icon.png)}
.contents .wrap .box .item:nth-child(2){background: #00adb5;}
.contents .wrap .box .item:nth-child(2) .icon{background: url(/img/about_icon.png)-126px 0}
.contents .wrap .box .item:nth-child(3){background: #393e46;}
.contents .wrap .box .item:nth-child(3) .icon{background: url(/img/about_icon.png)-258px 0}

.location{background: #eeeeee;text-align: right;}
.location .wrap .banner{width: 100%;height: 360px;margin: 20px 0;}
.location .wrap > p{border-right: 1px solid #000;border-left: 0px solid #59c6f2}


.product_menu .underline{border-bottom: 1px solid rgb(185, 185, 185);width: 100%;padding-top: 20px;}
.product_menu  ul{display:flex;width: 1200px;margin: auto;}
.product_menu  ul li{margin:0 10px;cursor: pointer;text-align: center;padding:5px 20px;}
.product_menu  ul li.on{border-bottom: 2px solid #59c6f2;color:#59c6f2}


.product_item .wrap .product_item{display: none;}
.product_item .wrap .product_item:nth-child(1){display:block}
.product_item .wrap .product_item .title{text-align: center;}
.product_item .wrap .product_item .title p{padding: 10px 100px;background: #393e46;color:white;display: inline-block;border-radius: 50px;margin-bottom: 30px;}
.product_item .wrap .product_item .box{width: 100%;display:flex;justify-content: space-around;flex-wrap: wrap;}
.product_item .wrap .product_item .box .item{width: 32%;background: #eee;margin: 7px;}
.product_item .wrap .product_item .box .item:hover .img img{width: 120%;}
.product_item .wrap .product_item .box .item .img{width:100%;height: 420px;position: relative;overflow: hidden;}
.product_item .wrap .product_item .box .item .img img{width:100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: 0.5s}
.product_item .wrap .product_item .box .item .text{text-align: center;padding: 10px 0;background: #393e46;color:white}
.product_item .wrap .product_item .box .item .text p{font-size: 15px;}
.product_item .wrap .product_item .box .item .text h1{font-size: 30px;color:#59c6f2}
.product_item .wrap .product_item .box .item{font-size: 30px;color:#59c6f2}
.product_item .wrap .product_item .box .no_item{background: #fff;}

@media ( max-width: 480px ) {
    .wrap{width: 100%;}
    .top_bg{height: 150px;}
    .aboutus_bg{background-position: center center;}
    .top_bg h1{padding:10px 20px;width: 100%;font-size: 44px;}
    .contents .wrap h2{padding: 20px;}
    .contents .wrap .banner{width: 100%;height: 268px;background-position: center center;}
    .contents .wrap > p{font-size: 16px;border-left:0px;padding: 20px;text-align: center;}
    .contents .wrap .box .item{height: 230px;padding: 20px;font-size: 20px;}
    .contents .wrap .box{margin: 23px 0;}

    .product_menu ul{width: 100%;flex-wrap: wrap;}
    .product_menu ul li{width: 28%;padding: 5px;margin: 15px 10px;}
    .product_item .wrap .product_item .box .item{width: 100%;}


    .ask_bg {height: 350px;padding: 15px;background-position: center center;}
    .ask_bg h2,.ask_bg p{width: 100%;}
    .ask_bg h2{font-size: 23px;}


    .product_bg{background: url(/img/product_bg.jpg) center center ;}
    .m_img{width: 100%;}
}