@charset "utf-8";

/* CSS Document */

.w1200{width: 96%;max-width: 1200px;margin: 0 auto;}





.yuyan{float: right;position: absolute;right: 40px;top: 30px;}

.yuyan a{margin-left: 10px;}

.yuyan img{max-width: 30px;}



.footer{background: #abb0b1;padding: 30px 0;overflow: hidden;}

.foot{position: relative;}

.foot-l{float: left;width: 50%;color: #fff;}

.foot-l-tit{width: 100%;}

.foot-l-tit h2{font-size: 20px;font-weight: 200;padding-bottom: 20px;}

.foot-l-txt{font-size: 14px;line-height: 30px;color: #fff;}

.foot-l-txt a{color: #fff;}

.foot-r{float: right;width: 50%}



/*底部社交分享*/

.foot_share {display: inline-block;float: right;margin-top: 75px;}

.foot_share .foot_share_box{display: inline-block;width: 40px;height: 40px;margin-right: 13px;vertical-align: middle;background-repeat: no-repeat;font-size: 0;background-size: 40px;}

.foot_share .Facebook{background-position:0 0;}

.foot_share .Twitter{background-position:0 -40px;}

.foot_share .Pinterest{background-position:0 -80px;}

.foot_share .LinkedIn{background-position:0 -120px;}

.foot_share .YouTube{background-position:0 -160px;}

.foot_share .Google{background-position:0 -200px;}

.foot_share .Vk{background-position:0 -240px;}

.foot_share .Instagram{background-position:0 -280px;}

.foot_share_type_2 .foot_share_box{background-image: url(../images/icon_follow_2.svg);}

/**/

.index1{padding: 50px 0;overflow: hidden;box-sizing: border-box;}

.index1 ul{display: flex;margin-left: -30px;}

.index1 li{float: left;margin-left: 30px;margin-bottom: 20px;flex: 1;}

.index1 li img{width: 100%;}

.index1 li .img1{padding-bottom: 30px;}

.index1 li b{font-size: 20px;line-height: 60px;font-weight: bold;color: #000;}

.index1 li p{font-size: 14px;line-height: 2;}



.index2{padding: 50px 0;text-align: center;overflow: hidden;}

.index2 .video{width: 96%;max-width: 850px;margin: 0 auto;}

.index2 .video video{width: 100%;}



.index3{width: 100%;overflow: hidden;background: url("../images/backgrounds-21.png")top center no-repeat;background-size: 100% auto;margin-top: 60px;margin-bottom: 60px;}

.index3-txt{padding: 180px 100px;overflow: hidden;box-sizing: border-box;text-align: center;}

.index3-txt h2{font-size: 30px;line-height: 80px;}

.index3-txt p{font-size: 18px;}



.index4{padding-bottom: 60px;overflow: hidden;}

.index4-tit{width: 100%;line-height: 80px;font-size: 30px;text-align: center;padding-bottom: 50px;overflow: hidden;}

.index4-txt{overflow: hidden;width: 100%;}

.index4-txt li{float: left;width: 100%;margin-bottom: 60px;}

.index4-txt .in4-img{width: 46%;overflow: hidden;padding-top: 60px;}

.index4-txt .in4-img img{width: 100%;}

.index4-txt .in4-txt{width: 46%;padding-top: 60px;box-sizing: border-box;}

.index4-txt .in4-txt b{font-size: 20px;line-height: 60px;}

.index4-txt .in4-txt p{font-size: 16px;line-height: 30px;margin-bottom: 20px;}



.index5{width: 100%;overflow: hidden; position: relative;}

.index5::after{  position: absolute;

    top: 0;

    left: 0;

    content: "";



    opacity: 0.4;

    z-index: 1;

    width: 100%;

    height: 100%;

  }

.index5-txt{padding: 150px 100px;box-sizing: border-box;color: #fff;text-align: center;position: relative;z-index: 2;}

.index5-txt h3{font-size: 33px;line-height: 50px;}

.index5-txt p{font-size: 18px;padding-top: 30px;}



.about{overflow: hidden;padding: 80px 0;}

.about-tit{font-size: 30px;line-height: 80px;width: 100%;text-align: center;}

.about-txt{width: 100%;overflow: hidden;margin-top: 20px;}

.about-txt img{max-width: 100%;}



.productlist{overflow: hidden;padding: 80px 0;}

.productlist ul{margin-left: -30px;}

.productlist li{float: left;margin-left: 30px;margin-bottom: 30px;width: calc(33.3333% - 30px);}

.productlist li img{width: 100%}

.productlist li h2{font-size: 18px;line-height: 60px;text-align: center;}



.page{text-align: center;padding-bottom: 60px;}

.page a{display: inline-block;padding: 5px 15px;margin-right: 5px;border: 1px solid #f4f4f4;font-size: 16px;}

.page a.page-num-current{background: #f4f4f4;color: 000;}



.product{overflow: hidden;padding: 80px 0;}

.product-tit{width: 100%;overflow: hidden;padding-bottom: 50px;}

.product-tit-l{float: left;width: 48%;}

.product-tit-r{float: right;width: 48%;}

.product-tit-r .ptit{font-size: 20px;font-weight: bold;}

.product-tit-r .canshu{width: 100%;font-size: 14px;overflow: hidden;}

.product-txt{width: 100%;padding-bottom: 20px;border: 1px solid #f4f4f4;box-sizing: border-box;overflow: hidden;}

.product-txt .prtit{font-size: 20px;line-height: 60px;border-bottom: 1px solid #f4f4f4;padding: 0 20px;}

.product-txt .prm{padding: 20px;}

.product-txt .prm img{width: 100%;}



.contact{overflow: hidden;padding: 80px 0;}

.contact-l{width: 35%;float: left;overflow: hidden;}

.contact-l h2{font-size: 20px;font-weight: bold;line-height: 60px;width: 100%;display: block;}

.conatct-txt{width: 100%;font-size: 14px;}

.contact-txt img{max-width: 100%;}

.contact-r{width: 60%;float: right;overflow: hidden;}

.contact-r li{width: 100%;margin-bottom: 30px;box-sizing: border-box;}

.contact-r li label{width: 100%;display: block;font-size: 14px;line-height: 40px;}

.contact-r li input{box-sizing: border-box;padding: 10px;border: 1px solid #ccc;width: 100%;background: #fafafa;line-height: 24px;border-radius: 5px;font-size: 14px;}

.contact-r li textarea{box-sizing: border-box;padding: 10px;border: 1px solid #ccc;width: 100%;background: #fafafa;line-height: 24px;border-radius: 5px;font-size: 14px;min-height: 130px;}

.contact-r li button{background: #000;color: #fff;padding: 20px 30px;font-size: 14px;border: 0;}

.contact-r li.g1{width: 48%}

.contact-r li input.code{width: 140px;float: left;margin-right: 10px;}



#team{display: none;}

#team .w-100{width: 100%;}

.exzoom{width: 100%;}

#close{display: none;}

@media screen and (max-width: 1025px) {

    .index3-txt{padding: 100px;}

}

@media screen and (max-width: 769px) {

    .contact{padding: 50px 10px;box-sizing: border-box;}

    .contact-l{width: 100%;margin-bottom: 30px;}

    .contact-r{width: 100%;}

    .product,.about,.productlist{padding: 40px 10px;box-sizing: border-box;}

    .foot-l{width: 100%;}

    .foot-r{width: 100%;}

    .foot{padding: 0 10px;box-sizing: border-box;}

    .foot_share .foot_share_box{margin-right: 5px;}

    .product-tit-r .ptit{padding-top: 10px;}

    .yuyan{right: 60px;}

    .mune{display: block;}

    .header{padding:30px 20px;}

    .logo{float: left;}

    .logo img{max-height: 14px;}

    .nav{width: 100%;position: fixed;left: -100%;top: 0;height: 100vh;background: rgba(0,0,0,0.8);z-index: 999;}

    .nav li{width: 100%;text-align: center;font-size: 16px;padding-bottom: 20px;}

    .nav li a{color: #fff;}

    #team{display: block;}

    #exzoom{display: none}

    .product-tit-l{width: 100%;}

    .product-tit-r{width: 100%;}

    .productlist ul{margin-left: 0;}

    .productlist li{width: 100%;margin-left: 0;}

    .page a{font-size: 14px;}

    .index1{padding: 50px 10px;}

    .index1 ul{display: block;margin-left: 0;}

    .index1 li{width: 100%;margin-bottom: 20px;margin-left: 0;}

    .index3{background-size:cover;}

    .index3-txt{padding: 25px 10px;}

    .index3-txt h2{font-size: 20px;}

    .index3-txt p{font-size: 14px;}

    .index4{padding: 10px;box-sizing: border-box;}

    .index4-tit{font-size: 20px;}

    .index4-txt .in4-img{width: 100%;}

    .index4-txt .in4-txt{width: 100%;padding-top: 30px;}

    .index5-txt{padding: 30px 20px;}

    .index5-txt h3{font-size: 20px;line-height: 1.5;}

    .nav ul{padding-top: 80px;display: inline-block;width: 100%;}

    #close{position: absolute;right: 20px;top: 30px;font-size: 30px;color: #fff;z-index: 999;display: block}

    .foot_share {float: left;margin-top: 25px;}

}