/* banner */
.banner{width:100%;margin-top: 111px;}
.banner .img img{width:100%;}
@media only screen and (max-width:1660px){
.banner{margin-top: 99px;}
}
@media only screen and (max-width:1280px){
.banner{margin-top: 85px;}
}
 
@media only screen and (max-width:1080px){
.banner{margin-top: 80px;}
}
@media only screen and (max-width:680px){
.banner{margin-top: 76px;}
}
@media only screen and (max-width:420px){
.banner{margin-top:20.5%;}
}


/* location */
.location{padding: 15px 0;}
.location li{display: flex;align-items: center;}
.location li a{font-size:14px;color: #333;font-weight: bold;}
.location li img{width: 17px;margin-right: 6px;}
.location li .img2{filter: invert(0.9);margin: 0 2px;width: 16px;}
@media only screen and (max-width:768px){
.location li a{font-size:14px}
}

.abt{ margin-top:50px;}
.abt p{ font-size:18px; line-height:2;}
/* product_nav */
.product_nav{margin-top:25px}
.product_nav .tit{font-size:24px}
.product_nav .sec_pro_nav{margin:20px 0 0;background:#fff}
.product_nav .sec_pro_nav ul{width:auto}
.product_nav .sec_pro_nav ul li{display:inline-block;padding:14px 11px;width:200px;height:auto;font-size:16px;color:#242426;font-family:arial;box-sizing:border-box;text-align:center}
.product_nav .sec_pro_nav ul li.cur{background:#26225d;color:#fff}
.product_nav .sec_pro_nav ul li:hover{background:#26225d;color:#fff}
.product_nav .sec_pro_nav ul li .sample{margin:0 auto;width:60px;height:60px;border-radius:50%;overflow:hidden;background:#fff;display:none}
.product_nav .sec_pro_nav ul li p{display:flex;margin-top:0;flex-direction:column;justify-content:center;min-height:36px;overflow:hidden}
.product_nav .sec_pro_nav .swiper-button-next,.product_nav .sec_pro_nav .swiper-button-prev{margin-top:0;top:0;width:61px;height:100%;background-color:rgba(255,255,255,.6);box-shadow:0 0 10px #ccc}
.product_nav .sec_pro_nav .swiper-button-next:after,.product_nav .sec_pro_nav .swiper-button-prev:after{content:initial}
.product_nav .sec_pro_nav .swiper-button-prev{left:0;background-image:url(../images/icon_rec01.png);background-repeat:no-repeat;background-position:center}
.product_nav .sec_pro_nav .swiper-button-next{right:0;background-image:url(../images/icon_rec02.png);background-repeat:no-repeat;background-position:center}
.my-button-disabled{visibility:hidden}
@media only screen and (max-width:768px){
.product_nav .tit{font-size:20px}
}
@media only screen and (max-width:480px){
.product_nav .tit{font-size:16px}
.product_nav .sec_pro_nav .swiper-button-next,.product_nav .sec_pro_nav .swiper-button-prev{width:28px}
.product_nav .sec_pro_nav ul li{padding:6px;font-size:13px;width:36%}
.product_nav .sec_pro_nav ul li p{min-height:32px}
}

/* productlist */
.productlist{padding: 80px 0;}

.productlist .list1{background-color: #fff;border-radius: 8px;box-shadow: 0 0 12px 0 rgba(0,0,0,.2);padding: 16px;transform: translateY(-14vw);position: absolute;max-width: 1600px;width: 90%;margin: 0 auto;}
.productlist .list1 .img{background: rgba(0,0,0,.04);padding: 7px;border-radius: 7px;text-align: center;position: relative;
    padding-bottom: 70%;
    width: 100%;
    height: 0;
    overflow: hidden;}
.productlist .list1 p{text-align: center;font-size: 16px;font-weight: bold;margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.productlist .list1 .swiper-button-next{right: 0;margin-top: 0;top: 0;width: 45px;height: 100%;background: #fff;box-shadow: 0 0 6px 0 rgba(0,0,0,.12);opacity: .8;}
.productlist .list1 .swiper-button-prev{left: 0;margin-top: 0;top: 0;width: 45px;height: 100%;background: #fff;box-shadow: 0 0 6px 0 rgba(0,0,0,.12);}
.productlist .list1 .swiper-button-next:after,.productlist .list1 .swiper-button-prev:after{font-size: 20px;color: #333;font-weight: bold;}
.productlist .list1 .swiper-button-next:hover{opacity: 1;}
.productlist .list2{margin-top: 95px;}
.productlist .list2 .img img{border-radius: 7px;}
.productlist .list2 p{text-align: center;font-size: 16px;color: #fff;margin-top: 5px;position: absolute;top: 26%;left: 6%;}
.productlist .list2 .swiper-button-next{right: 0;margin-top: 0;top: 45%;width: 40px;height: 40px;border-radius: 50%;background: #fff;box-shadow: 0 0 6px 0 rgba(0,0,0,.12);}
.productlist .list2 .swiper-button-prev{left: 0;margin-top: 0;top: 45%;width: 40px;height: 40px;border-radius: 50%;background: #fff;box-shadow: 0 0 6px 0 rgba(0,0,0,.12);}
.productlist .list2 .swiper-button-next:after,.productlist .list2 .swiper-button-prev:after{font-size: 20px;color: #333;font-weight: bold;}

.productlist .list3{padding: 0 0 0;}
.productlist .list3 .item{width: 18.4%;margin-right: 2%;margin-bottom: 2%;position: relative;}
.productlist .list3 .item:nth-child(5n+5){margin-right: 0;}
.productlist .list3 .item .pic{position: relative;
    padding-bottom: 70%;
    width: 100%;
    height: 0;
    overflow: hidden;}
.productlist .list3 .item .pic img{border-radius:7px}
.productlist .list3 .item .info .tit{font-size:15px;color:#222;margin:10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.productlist .list3 .item .info .jg{color:#222;font-size:20px;font-weight:700}
.productlist .list3 .item .video{position: absolute;top: 8px;right: 8px;padding: 3px 4px 3px 23px;background-color: rgba(33,33,33,0.43);border-radius: 6px;}
.productlist .list3 .item .video i img{filter: brightness(100);}
@media only screen and (max-width:1660px){
.productlist .list1{transform: translateY(-17vw);}
}
@media only screen and (max-width:1280px){
.productlist .list1{transform: translateY(-20vw);}
}
@media only screen and (max-width:1080px){
.productlist{padding: 50px 0;}
.pei .title{font-size: 20px;}
.productlist .list1{position: initial;transform: translateY(0vw);width: auto;}
.productlist .list2{margin-top: 35px;}
.productlist .list3 .item{width: 23.5%;}
.productlist .list3 .item:nth-child(6n+6){margin-right:2%;}
.productlist .list3 .item:nth-child(4n+4){margin-right: 0;}
.productlist .list3 .item .info .tit{margin: 6px 0;}
.productlist .list3 .item .info .jg{font-size: 18px;}
}
@media only screen and (max-width:768px){
.productlist .list2 p{font-size: 14px;}
.productlist .list2 .swiper-button-next{top: 45%;width: 32px;height: 32px;}
.productlist .list2 .swiper-button-prev{top: 45%;width: 32px;height: 32px;}
.productlist .list2 .swiper-button-next:after, .productlist .list2 .swiper-button-prev:after{font-size: 15px;}
.productlist .list3 .item .info .tit{font-size: 14px;}
.productlist .list3{padding: 25px 0 0;}
.productlist .list3 .item{width:32%;}
.productlist .list3 .item:nth-child(6n+6){margin-right:2%;}
.productlist .list3 .item:nth-child(4n+4){margin-right: 2%;}
.productlist .list3 .item:nth-child(3n+3){margin-right: 0;}
}
@media only screen and (max-width:520px){
.productlist{padding: 25px 0;}
.pei .title{font-size: 18px;margin-bottom: 10px;}
.productlist .list1{padding: 10px;}
.productlist .list1 .img{padding: 5px;}
.productlist .list1 p{font-size: 13px;margin-top: 2px;}
.productlist .list1 .swiper-button-next{width: 32px;}
.productlist .list1 .swiper-button-prev{width: 32px;}
.productlist .list1 .swiper-button-next:after, .productlist .list1 .swiper-button-prev:after{font-size: 16px;}
.productlist .list2 p{font-size: 13px;}
.productlist .list2 .swiper-button-next{width: 30px;height: 30px;}
.productlist .list2 .swiper-button-prev{width: 30px;height: 30px;}
.productlist .list2 .swiper-button-next:after, .productlist .list2 .swiper-button-prev:after{font-size: 14px;}
.productlist .list3{padding: 20px 0 0;}
.productlist .list3 .item{width:48%;margin-bottom: 4%;}
.productlist .list3 .item:nth-child(odd){margin-right:4%;}
.productlist .list3 .item:nth-child(even){margin-right: 0;}
.productlist .list3 .item .info .tit{font-size: 13px;margin: 4px 0;}
.productlist .list3 .item .info .jg{font-size: 16px;}
}

 
/* product */
.about_mode{background: #f6f6f6;padding:3% 0 0;}
.odbox_layout{display:flex;flex-wrap:wrap;justify-content:space-between}
.odbox_layout .side_list{transition:all .5s;width: calc(380px - 60px);padding: 30px;border-left: 1px solid #e5e5e5;}
.odbox_layout .side_list .list_item{margin-bottom:15px}
.odbox_layout .side_list .list_item:nth-last-child(1){margin-bottom:0}
.odbox_layout .side_list .list_item .list_tit{padding:0 0 20px;font-size: 22px;font-weight: bold;color: #333;border-bottom:1px solid #e5e5e5;}
.odbox_layout .side_list .list_item ul{padding:20px 0}
.odbox_layout .side_list .list_item ul li{margin-bottom: 15px;}
.odbox_layout .side_list .list_item ul li>a{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#1f1f1f}
.odbox_layout .side_list .list_item ul li .touxiang{display: flex;justify-content: center;}
.odbox_layout .side_list .list_item ul li .touxiang img{background: #fff;width: 130px;border-radius: 50%;padding: 10px;border: 1px solid #ddd;height: 130px;object-fit: cover;margin: 0;}
.odbox_layout .side_list .list_item ul li .tip{margin:12px 0 6px;font-size:14px;line-height:22px;color:#666}
.odbox_layout .side_list .list_item ul li b{font-size: 18px;display:inline-block;margin-bottom:10px;}
.odbox_layout .side_list .list_item ul li p{line-height: 2;font-size: 15px;}
.odbox_layout .side_list .list_item .w_pic{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;position:relative}
.odbox_layout .side_list .list_item .w_pic .lf_img{position:relative;width:100%;height:0;padding-bottom:45%;overflow:hidden}
.odbox_layout .side_list .list_item .w_pic .lf_img img{position:absolute;width:100%;left:50%;top:50%;transform:translate(-50%,-50%)}
.odbox_layout .side_list .list_item .w_pic .rt_content{width:100%;position:absolute;left:0;bottom:0}
.odbox_layout .side_list .list_item .w_pic .rt_content .title{padding:4px 10px;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#000;background:rgba(0,0,0,.2);box-sizing:border-box;text-align:center;transition:all .3s}
.odbox_layout .side_list .list_item .w_pic:hover .rt_content .title{color:#fff;background:rgba(255,0,0,.9)}
.odbox_layout .side_list .list_item .w_pic .rt_content .con{display:none;margin:10px 0}
.odbox_layout .side_list .list_item .w_pic .rt_content .con p{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#787878}
.odbox_layout .side_list .list_item .w_pic .rt_content .time span{display:block;text-align:right}
.odbox_layout .side_list .list_item .key_word{display:flex;flex-wrap:wrap;justify-content:flex-start}
.odbox_layout .side_list .list_item .key_word li{margin:0 15px 10px 0}
.odbox_layout .side_list .list_item .key_word li>a{padding:4px}
.odbox_layout .main_box{width: calc(100% - 441px);transition:all .5s;}
.odbox_layout .main_box .position{background:#fff}
.odbox_layout .main_box .main_box_content{background-color:#fff;padding: 30px;}
.odbox_layout .main_box .main_box_content .common_about{padding:30px 20px;box-sizing:border-box}
@media only screen and (max-width:1280px){
.odbox_layout .main_box{width: 65%;}
}
@media only screen and (max-width:1000px){
.odbox_layout .side_list{width:239px}
.odbox_layout .main_box .main_box_content{padding: 0;}
}
@media only screen and (max-width:768px){
.odbox_layout .side_list{width:100%}
.odbox_layout .main_box{width:100%}
.odbox_layout .main_box .main_box_content .common_about{padding:30px 2%}
}
@media only screen and (max-width:480px){
.about_mode{padding:30px 0 0}
.odbox_layout .side_list .list_item .list_tit{font-size:18px}
.odbox_layout .side_list .list_item ul{padding: 10px 0 0;}
.odbox_layout .side_list .list_item ul li{margin-bottom:10px}
.odbox_layout .side_list .list_item ul li b{font-size: 16px;margin-bottom: 5px;}
.odbox_layout .side_list .list_item ul li p{font-size: 14px;line-height: 1.7;}
}


.pro_mode .odbox_layout .side_list .list_item .w_pic .lf_img{padding-bottom:70%}
.pro_mode .odbox_layout .side_list .list_item .directory li{font-size:16px;word-break:break-all;}
.product_wrap{margin-top:30px;background-color: rgb(255, 255, 255);box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px, rgba(0, 0, 0, 0.1) 0px -1px 5px;}
.product{box-sizing:border-box;}
.product .pdct_wrap{box-sizing:border-box;background:#fff}
.product .pdct_wrap .flx_w{flex-flow:row-reverse;align-items: inherit;}
.product .pdct_banner{background:#fff;width:40%;min-width:332px;position:relative}
.spBig{width:100%}
.nav_Sm{margin-top:10px;width:100%;height:auto}
.spSm{width:100%}
.spSm .img100{padding: 4px;}
.spSm .img100 img{}
.spSm .img100:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;box-sizing:border-box;opacity:1;z-index:2;border: 1px solid #fff;}
.spSm .active-nav .img100:before{border-color: #666;}
.spSm .swiper-button-next,.spSm .swiper-button-prev{transform:scale(.5);filter:hue-rotate(140deg)}
.product .pdct_mes{width:50%;box-sizing:border-box}
.product .pdct_mes .title{font-size: 26px;font-weight: bold;color: #333;border-bottom:1px solid #e5e5e5;padding-bottom: 15px;margin-bottom: 15px;}
.product .pdct_mes .name .fl{width:100%}
.product .pdct_mes .name .tit{font-size: 16px;color:#333;line-height:28px;font-weight:400;word-break:break-word;}
.product .pdct_mes .jianjie{padding:10px 0;font-size:14px;color:#666;line-height:28px}
.product .pdct_mes .price{margin-bottom: 8px;color:#666;display: flex;align-items: center;}
.product .pdct_mes .price span{display:block;font-size:16px}
.product .pdct_mes .price p.con{font-size: 16px;font-weight:700;color:#333;line-height:28px;margin-left: 6px;}
.product .pdct_mes .ul{margin-top:40px}
.product .pdct_mes .ul .bn{height:40px;line-height:40px;background: #ffcf34;color:#fff;font-size:16px;margin-right:20px;padding:0 20px;border-radius:4px;text-align:center;}
.product .pdct_mes .ul .bn img{width: 20px;margin-right: 5px;}
.product .pdct_mes .bshare-custom{margin-top:20px;text-align:right}
.product2{background:#f2f3f7;margin-top: 40px;}
.product2 .all_message{background: #e6ecf221;box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px, rgba(0, 0, 0, 0.1) 0px -1px 5px;}
.product2 .all_message .mes_nav ul{display:flex;flex-wrap:wrap;justify-content:flex-start}
.product2 .all_message .mes_nav ul li{padding:12px 3%;width:calc(100% / 4);width:-webkit-calc(100% / 4);text-align:center;background:#fff;box-sizing:border-box;color:#666;cursor:pointer;font-size: 18px;border-top:2px solid transparent;background:#ffcf34;color:#fff}
.product2 .all_message .mes_box{padding:20px;background:#fff;box-sizing:border-box}
.product2 .detail{margin-top:0}
.product2 .detail .name{padding-bottom:10px}
.product2 .detail .name h3{font-size:26px;color:#3d44b8;line-height:28px;font-weight:400}
.product2 .detail .name p{font-size:1rem;color:#666;line-height:2;text-transform:uppercase}
.product2 .detail .content{padding:30px 0;margin-top:20px;color:#666;font-size:14px;line-height:28px;border-top:1px solid #e5e5e5}
.product2 .detail .content video{display:block;margin:0 auto;width:100%;max-width:100%}
@media only screen and (max-width:1350px){
.pro_mode .odbox_layout .side_list{width:26%}
.product .pdct_mes .title{font-size: 26px;}
}
 
@media only screen and (max-width:1000px){
.product_wrap{padding: 20px;margin-top: 0;}
.product .pdct_mes{width: calc(60% - 30px);padding: 0 0 0 30px;}
.product .pdct_mes .title{font-size: 22px;}
.product .pdct_mes .name .tit{font-size: 15px;}
.pro_mode .odbox_layout .main_box{width:100%;}
.pro_mode .odbox_layout .main_box .product{padding:0 0 20px 0;border-right:0}
.pro_mode .odbox_layout .side_list{width:100%;padding: 0;border-left:none;}
.pro_mode .odbox_layout .side_list .list_item .directory li{text-align: center;padding: 0;}
}
@media only screen and (max-width:850px){
.product .pdct_wrap .flx_w{flex-flow:column-reverse}
.product .pdct_mes{padding:20px 0 0;width:100%}
.pro_mode .odbox_layout .side_list .list_item .list_tit{font-size:20px}
}
@media only screen and (max-width:768px){
.pro_mode .odbox_layout .side_list .list_item ul.re_news{display:flex;flex-wrap:wrap;justify-content:space-around}
.pro_mode .odbox_layout .side_list .list_item ul.re_news li{width:48%}
.odbox_layout .side_list .list_item ul li:nth-last-child(1){margin-bottom:10px}
.page_nav2 .nav_item a p{display:none}
.page_nav2 .nav_item a img{position:initial;transform:initial}
.product2 .all_message .mes_nav ul li{width:50%}
}
@media only screen and (max-width:480px){
.product{padding:0}
.product_wrap{padding: 15px;}
.product .pdct_mes .title{font-size: 18px;padding-bottom: 10px;margin-bottom: 10px;}
.product .pdct_banner{width:100%;min-width:initial}
.product .pdct_mes .name .tit{font-size:14px;line-height: 20px;}
.product .pdct_mes .price p.con{font-size:15px}
.product .pdct_mes .name p{font-size:12px}
.product .pdct_mes .jianjie{line-height:24px}
.pro_mode .odbox_layout .main_box .product{padding: 0 0 15px 0;}
.pro_mode .odbox_layout .side_list .list_item .list_tit{font-size:16px}
.pro_mode .odbox_layout .side_list .list_item .directory li{font-size:14px}
.odbox_layout .side_list .list_item ul li .touxiang img{width: 100px;height: 100px;padding: 5px;}
.product2{margin-top: 30px;}
.product2 .detail .name h3{font-size:20px}
.product2 .detail .name p{font-size:14px}
.product2 .detail .content{line-height:24px;padding: 15px 0;margin-top: 0;}
.product2 .all_message .mes_nav ul li{font-size: 16px;padding: 6px 3%;}
}
.spBig .img100{position:relative;overflow:hidden;width: 100%;}
.spBig .img100 .img{overflow: hidden;position: relative;height:300px;}
.spBig .img100 img{height: 100%;object-fit: cover;}
.spBig .img100 video{height: 100%;object-fit: cover;}
.i_box{width:50%;height:50%;border:1px solid #ccc;position:absolute;left:0;top:0;background:rgba(0,0,0,.3);cursor:move;display:none}
.bigbox{width:400px;height:400px;overflow:hidden;position:absolute;left:110%;top:0;border:1px solid #ccc;display:none}
.bigbox img{position:absolute;left:0;right:0;max-width:initial}
@media only screen and (max-width:768px){
.bigbox{left:90%;width:400px;height:300px;z-index:3}
}
@media only screen and (max-width:480px){
.i_box{display:none!important}
.bigbox{display:none!important}
.spBig .img100 img{width: 100%;}
}
 
.extra_side{width:350px}
.extra_side .parent_pro{padding:20px;background:#fff;box-sizing:border-box;border:1px solid #e6ecf2;box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px, rgba(0, 0, 0, 0.1) 0px -1px 5px;}
.extra_side .parent_pro form{width:100%}
.extra_side .parent_pro .search_box{border:1px solid #e6ecf2;box-sizing:border-box;border-radius:4px}
.extra_side .parent_pro .search_box input{padding: 0 0 0 10px;height:37px;line-height:37px;box-sizing:border-box;}
.extra_side .parent_pro .search_box input.search_con{width:calc(100% - 38px);}
.extra_side .parent_pro .search_box input.search{width:38px;background:#ddd url(../images/search_nei.png) no-repeat center}
.extra_side .parent_pro .parent_title{font-size:18px;font-weight:700;margin:22px 0 5px}
#category_nei{width:100%}
#category_nei .sec_name{padding: 10px 10px 10px 0;box-sizing:border-box;font-size:14px;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#category_nei .sec_nav:nth-last-of-type(1) .sec_name{border-bottom:0}
#category_nei .sec_nav.cur .sec_name{color:#000}
#category_nei .sec_name i{position:absolute;right:7px;top:50%;width:18px;height:18px;transform:translateY(-50%);z-index:2;cursor:pointer}
#category_nei .sec_name i::before{content:"";position:absolute;left:50%;width:1px;height:100%;background:#ccc}
#category_nei .sec_name i::after{content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#ccc}
#category_nei .sec_nav.on .sec_name i::before{transform:rotateZ(90deg);transition:all .3s linear}
@media only screen and (max-width:1300px){
.extra_side{width:270px}
.extra_side .parent_pro{margin-top:12%}
}
@media only screen and (max-width:1000px){
.extra_side{width:100%}
.extra_side .parent_pro{margin-top:0}
}
@media only screen and (max-width:768px){
.extra_side .parent_pro .parent_title{font-size: 15px;margin: 10px 0 5px;}
#category_nei .next_nav>li{padding:10px 16px}
}
@media only screen and (max-width:520px){
.extra_side{margin: 25px 0;}
#category_nei .sec_name{font-size: 13px;}
}
.product_message_leave{padding: 30px;margin-top:30px;background: #f5f5f5;box-sizing:border-box;box-shadow: rgb(0 0 0 / 3%) 0px 5px 5px, rgba(0, 0, 0, 0.1) 0px -1px 5px;}
.product_message_leave .title{font-size: 22px;font-weight:700;color:#333;}
.product_message_leave .pro_mes_box{margin-top:15px}
.product_message_leave .form_item{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:15px;color:#666}
.product_message_leave .form_item .form_label{width:130px;text-align:right}
.product_message_leave .form_item .form_label .red{color: #f00;}
.product_message_leave .form_item .form-control{width:calc(100% - 150px);margin-left: 5px;}
.product_message_leave .form_item .content-container{width: 80%;}
.product_message_leave .form_item input{padding:0 10px;width:100%;height: 40px;line-height: 40px;color:#666;box-sizing:border-box;}
.product_message_leave .form_item textarea{padding:10px;width:100%;resize:none;height:200px;color:#666;box-sizing:border-box;font-family:arial}
.product_message_leave .form_item textarea::placeholder{color:#999}
.product_message_leave .form_item .fast-feedback{position:absolute;right:0;top:0;padding:15px;width:26%;background:#fff;box-shadow:0 0 10px #a0bfde;box-sizing:border-box}
.product_message_leave .form_item .fast-feedback p{margin:7px 0;font-size:14px;color:#666}
.product_message_leave .form_item .code{width:80px;height:30px;line-height:30px}
.product_message_leave .form_item .submit{width:auto;line-height:normal;background:#ffcf34;border-radius:2px;color:#fff;cursor:pointer;letter-spacing:1px;padding: 0 15px;}
.product_message_leave .form_item .submit:hover{box-shadow:0 0 5px #ffcf34}
@media only screen and (max-width:1350px){
.product_message_leave .form_item .content-container{width: 100%;}
}
@media only screen and (max-width:1080px){
.product_message_leave .form_item .fast-feedback p{font-size:12px}
}
@media only screen and (max-width:768px){
.product_message_leave .title{font-size:16px}
.product_message_leave .form_item .content-container{width:100%}
.product_message_leave .form_item .fast-feedback{position:initial;margin-top:15px;width:200px;max-width:100%}
}
@media only screen and (max-width:680px){
.product_message_leave{padding: 15px;}
.product_message_leave .form_item{margin-bottom: 10px;}
.product_message_leave .form_item .form_label{width:100%;text-align:left}
.product_message_leave .form_item .form-control{margin:10px 0 0 0;width:100%}
.product_message_leave .form_item input{height: 35px;line-height: 35px;}
.product_message_leave .form_item textarea{height: 130px;}
.product_message_leave .form_item .submit{line-height: 30px;height: 30px;}
}
@media only screen and (max-width:480px){
.product_message_leave .title{font-size:14px}
}


/* p_recommend */
.p_recommend{background: #F2F3F7;}
.p_recommend .title{font-size: 22px;font-weight: bold;color: #222;margin-bottom: 20px;}
.p_recommend .list{padding: 40px 0 10px;border-bottom: 1px solid #ddd;}
.p_recommend .list .item{width: 18.4%;margin-right: 2%;margin-bottom: 2%;position: relative;}
.p_recommend .list .item:nth-child(4n+4){margin-right: 0;}
.p_recommend .list .item .pic{
position: relative;
    padding-bottom: 70%;
    width: 100%;
    height: 0;
    overflow: hidden;}
.p_recommend .list .item .pic img{border-radius:7px;}
.p_recommend .list .item .info .tit{font-size:15px;color:#222;margin:10px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.p_recommend .list .item .info .jg{color:#222;font-size:20px;font-weight:700}
.p_recommend .list .item .video{position: absolute;top: 8px;right: 8px;padding: 3px 4px 3px 23px;background-color: rgba(33,33,33,0.43);border-radius: 6px;}
.p_recommend .list .item .video i img{filter: brightness(100);}
.p_recommend .related-list{padding: 40px 0;}
.p_recommend .related-list .gap{display:flex;gap:20px;flex-wrap:wrap}
.p_recommend .related-list .gap a{padding:8px 16px;border:1px solid #ddd;border-radius:24px;line-height:16px;font-size:14px;color:#222}
@media only screen and (max-width:1080px){
.p_recommend .title{font-size: 20px;}
.p_recommend .list .item{width: 23.5%;}
.p_recommend .list .item:nth-child(6n+6){margin-right:2%;}
.p_recommend .list .item:nth-child(4n+4){margin-right: 0;}
.p_recommend .list .item .info .tit{margin: 6px 0;}
.p_recommend .list .item .info .jg{font-size: 18px;}
}
@media only screen and (max-width:768px){
.p_recommend .list .item .info .tit{font-size: 14px;}
.p_recommend .list{padding: 25px 0 0;}
.p_recommend .list .item{width:32%;}
.p_recommend .list .item:nth-child(6n+6){margin-right:2%;}
.p_recommend .list .item:nth-child(4n+4){margin-right: 2%;}
.p_recommend .list .item:nth-child(3n+3){margin-right: 0;}
}
@media only screen and (max-width:520px){
.p_recommend .title{font-size: 18px;margin-bottom: 10px;}
.p_recommend .list{padding: 0px 0 0;}
.p_recommend .list .item{width:48%;margin-bottom: 4%;}
.p_recommend .list .item:nth-child(odd){margin-right:4%;}
.p_recommend .list .item:nth-child(even){margin-right: 0;}
.p_recommend .list .item .info .tit{font-size: 13px;margin: 4px 0;}
.p_recommend .list .item .info .jg{font-size: 16px;}
.p_recommend .related-list{padding: 20px 0;}
.p_recommend .related-list .gap{gap: 10px;justify-content: space-between;}
.p_recommend .related-list .gap a{padding: 8px 15px;font-size: 12px;}
}

/* login */
.login{background: linear-gradient(45deg, rgb(255 255 255 / 76%) 0%, #ffd0666b 100%);position: relative;width: 100%;height: 100vh;}
.login .login_wrap{max-width: 500px;width: 90%;margin: 0 auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius:8px;}
.login .logo{text-align: center;}
.login .logo .img img{width: 150px;}
.login .logo .rerun{background: #ffcf34;border-radius: 3px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);width: fit-content;padding: 8px 16px;color: #fff;margin: 0 auto;margin-top: 30px;margin-bottom: 30px;}
.login .form{padding: 50px;position: relative;box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);background: #fff;border-radius: 4px;}
.login .form::after{position: absolute;content: "";background: #fafafa;height: 10px;width: 94%;border-radius: 5px 5px 0 0;left: 3%;top: -8px;}
.login .form .title{font-size: 24px;font-weight: bold;color: #ffcf34;margin-bottom: 25px;position: relative;}
.login .form .title::after{position: absolute;content: "";border-left: 5px solid #ffcf34;width: 4px;height: 100%;left: -50px;}
.login .form .item{position: relative;margin: 20px 0;}
.login .form .item .input{outline:0;z-index:1;position:relative;background:0 0;width:100%;height:60px;border:0;color:#212121;font-size: 16px;font-weight:400;}
.login .form .item label{position:absolute;top:0;left:0;color:#666;font-size:16px;font-weight:300;line-height:60px;transition:.2s ease}
.login .form .item .bar{position:absolute;left:0;bottom:0;background: #999999;width:100%;height:1px;}
.login .form .item .bar:after,.login .form .item .bar:before{content:"";position:absolute;background:#ffcf34;width:0;height: 1px;transition:.2s ease;}
.login .form .item .bar:before{left:50%}
.login .form .item .bar:after{right:50%}
.login .form .item .input:focus~label{color:#666;transform: translate(-12%,-25%) scale(.85);}
.login .form .item a{color: #ffcf34;}
.login .form .item .input:focus~.bar:after,.login .form .item .input:focus~.bar:before{width:50%}
.login .form .item .input:valid~label{color:#666;transform:translate(-12%,-50%) scale(.85)}
.login .form  .submit{background-color:#ffcf34;border-radius: 5px;text-align:center;width: 100%;line-height: 45px;color:#fff;transition:all .5s ease 0s;margin-top: 30px;border: 1px solid #fff;}
.login .form .submit input{background: none;color: #fff;font-size: 16px;transition:all .5s ease 0s;}
.login .form .submit:hover{background-color: #fff;border: 1px solid #ffcf34;color: #ffcf34;}
.login .form .submit:hover input{color: #ffcf34;}
@media only screen and (max-width:640px){
.login .form{padding: 40px;}
.login .form .title::after{left: -40px;}
}
@media only screen and (max-width:420px){
.login .logo .img img{width: 130px;}
.login .logo .rerun{margin-top: 15px;margin-bottom: 20px;padding: 6px 15px;font-size: 12px;}
.login .form{padding: 30px;}
.login .form .title{font-size: 20px;margin-bottom: 10px;}
.login .form .title::after{left: -30px;}
.login .form .item{margin: 15px 0;}
.login .form .item .input{font-size: 14px;height: 50px;}
.login .form .item label{font-size: 14px;line-height: 50px;}
.login .form .item a{font-size: 12px;}
.login .form .submit{margin-top: 25px;line-height: 40px;}
.login .form .submit input{font-size: 15px;}
}

/* sign */
.sign{background: #F5F5F5;}
/* sign01 */
.sign01{background: #F5F5F5;position: relative;width: 100%;height: 100vh;}
.sign01 .sign01_wrap{max-width: 1200px;width: 90%;margin: 0 auto;border-radius:8px;}
.sign01 .logo{display: flex;align-items: center;justify-content: space-between;padding: 30px 0;}
.sign01 .logo .img img{width: 168px;}
.sign01 .logo .msg{width: 50%;text-align: end;}
.sign01 .logo .msg a{margin-left: 10px;font-size: 17px;color: #212529;}
.sign01 .logo .msg a:nth-child(2){color: #ffcf34;}
.sign01 .logo .msg a:nth-child(2):hover{text-decoration: revert;}
.sign01 .cont{padding: 50px 0;position: relative;box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);background: #fff;}
.sign01 .cont .step{display: flex;justify-content: center;width: 85%;margin: 0 auto;}
.sign01 .cont .step li{position: relative;display: flex;align-items: center;justify-content: center;width: 32%;}
.sign01 .cont .step li:nth-last-child(1){margin-right: 0;}
.sign01 .cont .step li::before{content:'';position:absolute;width: 50%;height:3px;border-radius:4px;background:#eee;right: -50%;top: 50%;transform: translate(-50%,-50%);}
.sign01 .cont .step li span{border-radius:50%;background:#ccc;color:#fff;width: 25px;height: 25px;margin-right: 6px;display: flex;align-items: center;justify-content: center;font-weight: bold;}
.sign01 .cont .step li p{color:#999;font-size: 16px;}
.sign01 .cont .step li.cur p{color:#ffcf34}
.sign01 .cont .step li.cur span{background:#ffcf34}
.sign01 .cont .step li.cur::before{background:#ffcf34}
.sign01 .cont .step li:nth-last-child(1)::before{display: none;}
.sign01 .list{width: 80%;margin: 0 auto;padding-top: 100px;padding-bottom: 100px;overflow:hidden;justify-content: center;}
.sign01 .item{width:210px;height:210px;border:2px solid #fff;border-radius:10px;font-weight:700;overflow:hidden;cursor:pointer;position: relative;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;margin: 0 60px;}
.sign01 .item .flx_w{justify-content: center;}
.sign01 .item .img{width: 100%;}
.sign01 .item p{font-size: 20px;color: #000;}
.sign01 .item .img{width: 100%;display: flex;justify-content: center;margin-bottom: 10px;}
.sign01 .item .img img:nth-child(2){display: none;}
.sign01 .item.active{border:2px solid #ffcf34}
.sign01 .item.active .img img:nth-child(1){display: none;}
.sign01 .item.active .img img:nth-child(2){display: block;}
.sign01 .item.active p{color:#ffcf34}
.sign01 .item.active::before{content:'';width:80px;height:80px;background:#ffcf34;position:absolute;display:block;right:-40px;top:-40px;transform:rotate(-45deg)}
.sign01 .item.active::after{content:'';width:20px;height:20px;position:absolute;display:block;right:6px;top:6px;background:url(../images/icon_select_g.png) no-repeat center center;z-index:3}
.sign01 .btn{background-color:#ffcf34;border-radius: 6px;text-align:center;width: 15%;line-height: 45px;font-size: 16px;font-weight: bold;transition:all .5s ease 0s;margin: 0 auto;border: 1px solid #fff;color: #fff;}
.sign01 .btn:hover{background-color: #fff;border: 1px solid #ffcf34;color: #ffcf34;}
@media only screen and (max-width:1080px){
.sign01 .logo .img img{width: 150px;}
.sign01 .logo .msg a{font-size: 16px;}
.sign01 .cont .step{width: 100%;}
.sign01 .list{padding-top: 80px;padding-bottom: 80px;}
.sign01 .item{width: 180px;height: 180px;margin: 0 40px;}
.sign01 .item .img img{width: 50px;}
.sign01 .item p{font-size: 18px;}
.sign01 .btn{width: 35%;line-height: 40px;}
}
@media only screen and (max-width:768px){
.sign01 .cont .step li::before{width: 35%;right: -35%;}
.sign01 .list{padding-top: 60px;padding-bottom: 60px;}
.sign01 .item{width: 100%;height: 140px;margin: 0;}
.sign01 .item p{font-size: 16px;}
}
@media only screen and (max-width:520px){
.sign01 .logo{padding: 15px 0;}
.sign01 .logo .img img{width: 105px;}
.sign01 .logo .msg{width: 66%;}
.sign01 .logo .msg a{font-size: 13px;}
.sign01 .cont{padding: 25px 0;}
.sign01 .cont .step li::before{display: none;}
.sign01 .cont .step li span{font-size: 12px;width: 20px;height: 20px;margin-right: 4px;}
.sign01 .cont .step li p{font-size: 14px;}
.sign01 .list{padding-top: 40px;padding-bottom: 40px;}
.sign01 .item{width: 100%;height: 110px;margin: 0;}
.sign01 .item.active::before{width: 70px;height: 70px;}
.sign01 .item p{font-size: 15px;}
.sign01 .item .img img{width: 45px;}
.sign01 .btn{width: 58%;line-height: 40px;font-size: 15px;}
}

/* sign02 */
.sign02{background: #F5F5F5;position: relative;width: 100%;height: 100vh;}
.sign02 .sign02_wrap{max-width: 1000px;width: 90%;margin: 0 auto;border-radius:8px;}
.sign02 .logo{display: flex;align-items: center;justify-content: space-between;padding: 30px 0;}
.sign02 .logo .img img{width: 168px;}
.sign02 .logo .msg{width: 50%;text-align: end;}
.sign02 .logo .msg a{margin-left: 10px;font-size: 16px;color: #212529;}
.sign02 .logo .msg a:nth-child(2){color: #ffcf34;}
.sign02 .logo .msg a:nth-child(2):hover{text-decoration: revert;}
.sign02 .cont .step{display: flex;justify-content: center;width: 85%;margin: 0 auto;}
.sign02 .cont .step li{position: relative;display: flex;align-items: center;justify-content: center;width: 32%;}
.sign02 .cont .step li:nth-last-child(1){margin-right: 0;}
.sign02 .cont .step li::before{content:'';position:absolute;width: 50%;height:3px;border-radius:4px;background:#eee;right: -50%;top: 50%;transform: translate(-50%,-50%);}
.sign02 .cont .step li span{border-radius:50%;background:#ccc;color:#fff;width: 25px;height: 25px;margin-right: 6px;display: flex;align-items: center;justify-content: center;font-weight: bold;}
.sign02 .cont .step li p{color:#999;font-size: 17px;}
.sign02 .cont .step li.cur p{color:#ffcf34}
.sign02 .cont .step li.cur span{background:#ffcf34}
.sign02 .cont .step li.cur::before{background:#ffcf34}
.sign02 .cont .step li:nth-last-child(1)::before{display: none;}
.sign02 .cont{padding: 40px 0;position: relative;box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);background: #fff;}
.sign02 .cont .form{width: 68%;margin: 0 auto;margin-top: 40px;}
.sign02 .cont .form .label{position: relative;}
.sign02 .cont .form .label i{color: #FF0000;position: absolute;left: 15px;top: 20%;font-weight: bold;}
.sign02 .cont .form .label picture{position: absolute;right: 15px;top: 25%;background: url(../images/select.png);background-size: 100% 100%;width: 10px;height: 10px;opacity: 0;transition: ease 0.6s;}
.sign02 .cont .form .label:hover picture{opacity: 1;}
.sign02 .cont .form .input{border: 1px solid #CED4DA;height: 45px;text-indent: 24px;margin-bottom: 20px;border-radius: 6px;color: #333;width: -webkit-fill-available;font-size: 15px;}
.sign02 .cont .form .input1{line-height: 50px;height: 100px;font-family: initial;}
.sign02 .cont .form #datalist{display: none;position: absolute;top: 45px;left: 0;z-index: 99;width: 110px;padding: 6px 0;box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);background: #fff;border: 1px solid #BABABA;border-radius: 4px;}
.sign02 .cont .form #datalist ul li{cursor: pointer;line-height: 2;font-size: 14px;color: #202124;text-align: center;}
.sign02 .cont .form #datalist ul li:hover{background: #C8C8C9;}
.sign02 .cont .form .layui-input{position: relative;padding-left: 0;}
.sign02 .cont .form input::placeholder,.sign02 .cont .form textarea::placeholder{color: #757575;}
.sign02 .cont .form .layui-btn{position: absolute;right: 0;font-size: 14px;top: 0;background-color: #ffcf34;line-height: 45px;height: 45px;}
.sign02 .cont .form .code .rd{display: flex;margin-bottom: 10px;margin-left: 6px;}
.sign02 .cont .form .code .rd a{color: #212529;display: flex;align-items: center;margin-right: 20px;}
.sign02 .cont .form .code .rd a i{position:relative;width:10px;height:10px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;margin-right: 10px;}
.sign02 .cont .form .code .rd a i::before{position:absolute;content:"";border:1px solid #333;border-radius:50%;width:14px;height:14px;}
.sign02 .cont .form .code .rd a.active i{background:#ffcf34;}
.sign02 .cont .form .code .rd a.active i::before{border:1px solid #ffcf34;}
.sign02 .cont .form .code .rd p{color: #707070;}
.sign02 .cont .form .code .hd_cont{position: relative;}
.sign02 .cont .form .code .btncode{position: absolute;right: 0;top: 3px;height: 40px;line-height: 40px;border: 1px solid #ffcf34;background: #ffcf34;color: #fff;border-radius: 24px;width: 140px;}
.sign02 .cont .form input:focus{border-color:#ffcf34}
.sign02 .cont .form .check{display: flex;align-items: center;}
.sign02 .cont .form .check .check_input{width: 15px;height: 15px;border: 1px solid #CED4DA;border-radius: 4px;margin-right: 6px;}
.sign02 .cont .form .check .check_label{color: #212529;}
.sign02 .cont .form .check .check_label a{color: #ffcf34;}
.sign02 .cont .form .flex{justify-content: center;margin-top: 20px;}
.sign02 .cont .form .btn{background-color:#ffcf34;border-radius: 6px;text-align:center;width: 26%;line-height: 45px;font-size: 16px;font-weight: bold;transition:all .5s ease 0s;border: 1px solid #fff;color: #fff;margin: 30px 20px 0 20px;}
.sign02 .cont .form .btn:hover{background-color: #fff;border: 1px solid #ffcf34;color: #ffcf34;}
@media only screen and (max-width:1080px){
.sign02 .logo .img img{width: 150px;}
.sign02 .logo .msg a{font-size: 16px;}
.sign02 .cont .step{width: 100%;}
.sign02 .cont .form{width: 88%;}
.sign02 .cont .form .btn{width: 30%;}
}
@media only screen and (max-width:768px){
.sign02 .cont .step li::before{width: 35%;right: -35%;}
.sign02 .cont .form .btn{width: 30%;}
}
@media only screen and (max-width:520px){
.sign02 .logo{padding: 15px 0;}
.sign02 .logo .img img{width: 105px;}
.sign02 .logo .msg{width: 66%;}
.sign02 .logo .msg a{font-size: 13px;}
.sign02 .cont{padding: 25px 0;}
.sign02 .cont .step li::before{display: none;}
.sign02 .cont .step li span{font-size: 12px;width: 20px;height: 20px;margin-right: 4px;}
.sign02 .cont .step li p{font-size: 14px;}
.sign02 .cont .form{margin-top: 25px;}
.sign02 .cont .form .label i{left: 10px;}
.sign02 .cont .form .input{line-height: 38px;height: 38px;font-size: 13px;margin-bottom: 12px;text-indent: 15px;}
.sign02 .cont .form .layui-btn{line-height: 38px;height: 38px;padding: 0 10px;font-size: 13px;}
.sign02 .cont .form #datalist{width: 90px;}
.sign02 .cont .form #datalist ul li{font-size: 13px;}
.sign02 .cont .form .label picture{opacity: 1;}
.sign02 .cont .form .code .btncode{height: 32px;line-height: 32px;width: 111px;top: 5px;}
.sign02 .cont .form .check .check_label{font-size: 12px;}
.sign02 .cont .form .btn{width: 47%;line-height: 36px;font-size: 15px;margin-right: 4%;margin: 0px 4% 0 0px;}
.sign02 .cont .form .btn:nth-child(2){margin-right: 0;}
}

 
/* z_pop */
.z_mask{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: fixed; left: 0; top: 0; z-index: 11; transition: ease 1s;opacity: 0; visibility: hidden;} 
.z_mask.on{ visibility: visible; opacity: 1;} 
.z_pop{width: 25%;position: fixed;overflow: hidden;left: 50%;top: 50%;transition: ease 1s;transform: translate(-50%,-50%)scale(.6,.6);opacity: 0;visibility: hidden;z-index: 12;background: #fff;border-radius: 8px;}
.z_pop.on{ transform: translate(-50%,-50%) scale(1,1); opacity: 1; visibility: visible;z-index: 99;}
.z_pop .z_info{padding: 30px;box-sizing: border-box;}
.z_pop .z_info .titbar{border-bottom: 1px solid #4b4b4bba;padding-bottom: 20px;margin-bottom: 20px;}
.z_pop .z_info .titbar h3{font-size: 22px;color: #333333d9;}
.z_pop .z_info .desc p{color: #333333c2;line-height: 2;overflow-y: auto;font-size: 16px;}
.z_pop .z_close{ width: 30px; height: 30px;background: url(../images/close.png); background-size: 100% 100%; position: absolute; right: 10px; top: 10px; cursor: pointer;transition: .3s all;}
.z_pop .z_close:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
@media only screen and (max-width:1550px){
.z_pop{width: 35%;}
}
@media only screen and (max-width:1080px){
.z_pop .z_info{padding: 25px;}
.z_pop .z_info .titbar h3{font-size: 22px;}
}
@media only screen and (max-width:850px){
.z_pop{width: 50%;}
}
@media only screen and (max-width:640px){
.z_pop{width: 70%;}
}
@media only screen and (max-width:520px){
.z_pop{width: 90%;}
.z_pop .z_info{padding: 15px;}
.z_pop .z_info .titbar{padding-bottom: 10px;margin-bottom: 10px;}
.z_pop .z_info .titbar h3{font-size: 18px;}
.z_pop .z_info .desc p{line-height: 26px;font-size: 12px;}
.z_pop .z_close{width: 22px;height: 22px;}
}


				
				
				/* news */
				#mian_nei{padding: 20px;width: calc(98% - 380px);width: -webkit-calc(98% - 380px);border: 1px solid #e6ecf2;border-radius: 5px;box-sizing: border-box;background: #fff;}
				#recommand_list{width: 380px;}
				#recommand_list ul{padding: 20px;border: 1px solid #e6ecf2;border-radius: 5px;box-sizing: border-box;background-color: #fff;}
				#recommand_list ul li.tit{border-bottom: 0;}
				#recommand_list ul li.tit b{font-size: 18px;}
				#recommand_list ul li{display: flex;flex-wrap: wrap;justify-content:space-between;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;}
				#recommand_list ul li .lf_ico{width: 100px;}
				#recommand_list ul li .lf_ico .img{position: relative;padding-bottom: 70%;width: 100%;height: 0;overflow: hidden;border-radius: 4px;}
				#recommand_list ul li .lf_ico .img img{position: absolute;left: 50%;top:50%;width: 100%;transform: translate(-50%,-50%);}
				#recommand_list ul li .text{width: calc(96% - 100px);width: -webkit-calc(96% - 100px);}
				#recommand_list ul li .text h3{font-size: 14px;font-weight: normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
				#recommand_list ul li .text .con{margin-top: 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
				@media only screen and (max-width:1080px){
					#mian_nei{width: calc(98% - 270px);width: -webkit-calc(98% - 270px);}
					#recommand_list{width: 270px;}
				}
				@media only screen and (max-width:768px){
					/* #mian_nei{padding: 30px 2%;} */
					#mian_nei{width: 100%;}
					#recommand_list{margin-top: 20px;width:100%;}
					#recommand_list ul{padding: 20px 15px;}
					#recommand_list ul li .lf_ico{width: 82px;}
					#recommand_list ul li .text{width: calc(96% - 82px);width: -webkit-calc(96% - 82px);}
					#recommand_list ul li .text .con{display: none;}
				}
				@media only screen and (max-width:750px){
					#mian_nei{width: 100%;}
					#recommand_list{margin-top: 20px;width:100%;}
				}
				@media only screen and (max-width:480px){
					#mian_nei{padding: 20px 3%;}
					#recommand_list ul li.tit b{font-size: 16px;}
				}
				.news{margin: 50px 0 0;}
				.news .news_title .title{font-size:20px;text-align: center;}
				.news .news_title .mes{margin-top: 10px;text-align: center;}
				.news .news_title .mes span{display: inline-block;margin: 0 10px;}
				.news .news_content{margin-top: 30px;font-size: 16px;line-height: 2;}
				.news .news_content .img{margin-bottom: 20px;text-align: center;}
				.news .news_content p{margin-bottom: 12px;}
				.news .news_content video,.news .news_content iframe,.news .news_content embed{max-width: 100%;}
				.news .page{margin-top: 6%;padding: 2% 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
				.news .page ul li{width: 48%;font-size: 14px;color: #999;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
				.news .page ul li:nth-last-child(1){text-align: right;}
				.news .page ul li a:hover{color: #ff7f00;}
				.news .center{margin-top: 3%;}
				.news .center a{display: inline-block;padding: 10px 25px;color: #fff;background: #0F6BB0;border-radius: 20px;}
				@media only screen and (max-width:768px){
					.news .page ul li{font-size: 13px;}
					.news .center{margin-top: 30px;}
				}
				@media only screen and (max-width:480px){
					.news{margin-top: 25px;}
					.news .news_title .title{font-size: 16px;}
					.news .news_content{margin-top: 20px;font-size: 14px;}
					.news .page ul li{margin:2px 0;width: 100%;}
					.news .page ul li:nth-last-child(1){text-align: left;}
					.news .center a{padding: 8px 20px;}
					.news .news_content video,.news .news_content iframe,.news .news_content embed{height: 250px;}
				}
				
					/* ab_list */
				.ab_list{margin: 50px 0 0;}
				/* .ab_list .list:after{content:" ";width: 31.7%;} */
				.ab_list .list{justify-content: flex-start;}
				.ab_list .list li{ margin:0 1.33% 2.5% 0;width: 24%;}
				.ab_list .list li:nth-child(4n){margin-right: 0;}
				.ab_list .list .imgBox{display: inline-block; width: 100%;}
				.ab_list .list .imgBox .img{position: relative;padding-bottom: 65%;width: 100%;height: 0;overflow: hidden;box-sizing: border-box;border-radius: 10px;overflow: hidden;background: #fff;}
				.ab_list .list .imgBox img{width: 100%;}
				.ab_list .list .title{margin-top: 30px;font-size: 16px;line-height: 20px;font-weight: bold;overflow: hidden;/* display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; */text-align: center;}
				/* .ab_list .list li:hover{background: #e6ecf2;transition: all .3s linear;} */
				.ab_list .list li:hover .img{box-shadow: 0 0 20px rgba(218,233,255,0.9);}
				.ab_list .list li:hover .img img{transform: scale(1.05);}
				/*@media only screen and (max-width: 1300px){
					.ab_list .list{justify-content: space-between;}
					.ab_list .list:after{content:" ";width: 31.7%;}
					.ab_list .list li{ margin:0 0 2.33% 0;width: 31.7%;}
				}*/
				@media only screen and (max-width: 768px){
					
				    .ab_list .list .title{margin-top: 20px;padding-right: 0; font-size: 16px; }
				}
				@media only screen and (max-width: 680px){
					.ab_list .list:after{width: 48.5%;}
					.ab_list .list li{width: 48.5%;}
				}
				@media only screen and (max-width: 480px){
					.ab_list{margin: 30px 0 0;}
					.ab_list .list:after{/* content:" ";width: 100%; */}
					.ab_list .list li{/* width: 100%; */margin-bottom: 5%;}
					.ab_list .list li .imgBox .img{border-radius: 6px;}
					.ab_list .list .title{margin-top: 15px;font-size: 15px;}
				}
				
				
				
				
				
				/* contact */
				.contact{ margin:3% 0;}
			    .contact .tit{ font-size:20px;line-height:2; margin:2% 0 3%;}
				.contact .mes_box ul li{margin-top: 10px;box-sizing: border-box;background: #fff;overflow: hidden;border-radius: 4px;display: flex;flex-wrap: wrap;justify-content: space-between;}
				.contact .mes_box ul li span{padding-right: 10px;width: 128px;box-sizing: border-box;}
				.contact .mes_box ul li select{padding:0 20px;width: calc(100% - 128px);width: -webkit-calc(100% - 128px);height: 38px;line-height: 38px;font-size: 14px;box-sizing: border-box;border: 1px solid #E6ECF2;border-radius: 6px;overflow: hidden;}
				.contact .mes_box ul li input{padding:0 20px;width: calc(100% - 128px);width: -webkit-calc(100% - 128px);height: 38px;line-height: 38px;font-size: 14px;box-sizing: border-box;border: 1px solid #E6ECF2;border-radius: 6px;overflow: hidden;}
				.contact .mes_box ul li input::placeholder{color: #a3a3a3;}
				.contact .mes_box ul li textarea{padding:15px 20px;width: calc(100% - 128px);width: -webkit-calc(100% - 128px);height: 213px;font-family: arial;font-size: 14px;resize: none;box-sizing: border-box;border: 1px solid #E6ECF2;border-radius: 6px;overflow: hidden;}
				.contact .mes_box ul li textarea::placeholder{color: #a3a3a3;}
				.contact .mes_box .eml{justify-content: flex-end;}
				.contact .mes_box .eml input{font-size: 14px;}
				.contact .mes_box .eml input:nth-child(1){padding: 0 12px;width: calc(100% - 73px);width: -webkit-calc(100% - 73px);max-width: 218px;box-sizing: border-box;background: #fff;}
				.contact .mes_box .eml input:nth-child(1)::placeholder{color: #a3a3a3;}
				.contact .mes_box input.submit{margin-top: 10px;width: auto;padding: 0 29px 0 59px;height: 36px;line-height: 36px;background: #ffcf34 url(../images/icon_08.png)no-repeat center left 29px;color: #fff;font-size: 14px;border-radius: 4px;cursor: pointer;}
				
				.contact .bf_lianxi{margin-top: 5%;}
				@media only screen and (max-width:768px){
				.contact .mes_box .eml input:nth-child(1){max-width: 100%;}
				.contact .tit{ font-size:18px;line-height:1.6; margin:2% 0 10%;}
				}
				
				/* news1 */
.news1{padding: 80px 0;font-family: GILROY-REGULAR;background: #E3E9EC;}
.news1 .wrap{padding:50px 30px;background:#fff}
.news1 .top{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:30px}
.news1 .top .date{background:#333;padding:10px;font-family:BebasNeue-Regular;text-align:center}
.news1 .top .date .d{font-size:45px;color:#fff}
.news1 .top .date .ym{font-size:20px;color:#fff}
.news1 .top .t1{font-size:34px;color:#222;font-weight:700;margin-left:25px}
.news1 .cont{padding:25px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.news1 .cont video{width: 50%;}
.news1 .cont p{font-size:16px;line-height:28px;color:#333}
.news1 .cont img{max-width:100%}
.news1 .rem{margin-top:50px}
.news1 .rem  .title{font-size: 32px;color: #333;margin-bottom: 50px;text-align: center;font-weight: bold;}
.news1 .rem .item{width: 9.1%;margin-right: 1%;}
.news1 .rem .item:nth-child(10n){margin-right: 0;}
.news1 .rem .item .img{overflow:hidden;background:#fff;}
.news1 .rem .item .img img{transition:all .5s;width: 100%;}
.news1 .rem .item:hover .img img{transform:scale(1.06)}
.news1 .rem .item .info .t1{font-size: 16px;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition: all .5s ease;margin: 10px 0 30px;text-align: center;}
.news1 .rem .item .info .date{font-size: 16px;margin: 10px 0;color: #333;}
.news1 .rem .item .info .t2{font-size: 16px;color: #666;line-height: 24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
 
@media screen and (max-width:1080px){
.news1{padding: 50px 0;}
.news1 .top .date .d{font-size: 40px;}
.news1 .top .date .ym{font-size: 18px;}
.news1 .top .t1{font-size: 28px;width: 80%;}
.news1 .cont p{font-size: 15px;}
.news1 .rem{margin-top: 30px;}
.news1 .rem .title{font-size: 28px;margin-bottom: 25px;}
.news1 .rem .item {width: 31.3333%;margin-right: 3%;}
.news1 .rem .item:nth-child(3){margin-right: 0;}
.news1 .rem .item:nth-child(4){display: none;}
.news1 .rem .item .info .t1{font-size: 18px;}
.news1 .rem .item .info .date{font-size: 15px;}
.news1 .rem .item .info .t2{font-size: 15px;line-height: 22px;}
}
@media screen and (max-width:768px){
.news1 .wrap{padding: 30px;}
.news1 .top{margin-bottom: 20px;}
.news1 .top .t1{width: 100%;margin-left: 0;margin-top: 20px;font-size: 26px;}
.news1 .cont{padding: 20px 0;}
.news1 .rem .item{width: 48.5%;margin-bottom: 3%;}
.news1 .rem .item:nth-child(odd){margin-right: 3%;}
.news1 .rem .item:nth-child(even){margin-right: 0;}
.news1 .rem .item:nth-child(4){display: block;}
}
@media screen and (max-width:520px){
.news1{padding: 30px 0;}
.news1 .wrap{padding: 20px;}
.news1 .top{margin-bottom: 15px;}
.news1 .top .date .d{font-size: 36px;}
.news1 .top .date .ym{font-size: 15px;}
.news1 .top .t1{font-size: 22px;margin-top: 15px;}
.news1 .cont{padding: 15px 0;}
.news1 .cont p{font-size: 14px;line-height: 24px;}
.news1 .rem{margin-top: 20px;}
.news1 .cont video{width: 90%;}
.news1 .rem .title{font-size: 22px;margin-bottom: 15px;}
.news1 .rem .item .info .t1{margin-top: 12px;font-size: 16px;}
.news1 .rem .item .info .date{font-size: 13px;margin: 6px 0;}
.news1 .rem .item .info .t2{font-size: 13px;line-height: 20px;}
}

/* caselist1 */
.caselist1{padding: 80px 0;}
.caselist1 .item{width: 32%;margin-right: 2%;margin-bottom: 2%;font-family: GILROY-REGULAR;}
.caselist1 .item:nth-child(3n+3){margin-right: 0;}
.caselist1 .item .img{overflow:hidden;background:#fff;border: 4px solid #e58f01;border-radius: 10px;}
.caselist1 .item .img img{transition:all .5s;width: 100%;}
.caselist1 .item:hover .img img{transform:scale(1.06)}
.caselist1 .item .t1{transition: all .5s ease;background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%);padding: 15px;width: 68%;margin: 0 auto;margin-right: 0;margin-top: -20px;z-index: 99;position: relative;text-align: center;border-top-left-radius: 30px;overflow: hidden;}
.caselist1 .item .t1 p{font-size: 20px;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: inherit;}
@media only screen and (max-width:1280px){
.caselist1 .item .t1{padding: 12px;}
.caselist1 .item .t1 p{font-size: 18px;}
}
@media only screen and (max-width:1080px){
.caselist1{padding: 50px 0;}
.caselist1 .item .t1{padding: 10px;width: 80%;}
.caselist1 .item .t1 p{font-size: 16px;}
.caselist1 .item .img{border-radius: 6px;}
}
@media only screen and (max-width:768px){
.caselist1 .item{width: 48.5%;margin-bottom: 4%;}
.caselist1 .item:nth-child(odd){margin-right: 3%;}
.caselist1 .item:nth-child(even){margin-right: 0;}
}
@media only screen and (max-width:520px){
.caselist1{padding: 30px 0;}
.caselist1 .item .t1{padding: 6px;width: 90%;border-top-left-radius: 18px;}
.caselist1 .item .t1 p{font-size: 15px;}
.caselist1 .item .img{border-radius: 4px;}
}

.new_product1{padding:50px 0 0; margin:0 auto; max-width:680px; width:100%;}
.new_product1 .list_content{position:relative;padding:4.2% 10px 4.3%;box-sizing:border-box}
.new_product1 .list_content .item .img{position:relative;padding-bottom:100%;margin-bottom:17%;width:100%;height:0;overflow:hidden}
.new_product1 .list_content .item .img img{position:absolute;left:50%;top:50%;width:auto;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.215,.61,.355,1) 0s}
.new_product1 .list_content .item .tit{font-weight:400;font-size:13px;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:20px;min-height:40px}
.new_product1 .list_content .item .price{margin-top:5px;font-size:15px;font-weight:700;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.new_product1 .pro_left,.new_product1 .pro_right{position:absolute;top:50%;width:37px;height:37px;z-index:3;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;cursor:pointer;background-color:rgba(0,0,0,.3);border-radius:50%}
.new_product1 .pro_left:hover,.new_product1 .pro_right:hover{background-color:#ffcf34}
.new_product1 .pro_left{right:calc(100% + 15px)}
.new_product1 .pro_left i{display:inline-block;width:13px;height:20px;background:url(../images/ban_prev.png) no-repeat center;left:2.3%}
.new_product1 .pro_right{left:calc(100% + 15px)}
.new_product1 .pro_right i{display:inline-block;width:13px;height:20px;background:url(../images/ban_next.png) no-repeat center;right:2.3%}
.new_product1 .list_content .item:hover .img img{transform:translate(-50%,-50%) scale(1.03)}
.new_product1 .pro_right{right:5px;left:auto}
.new_product1 .list_content .item .price{font-size:13px}
}
@media only screen and (max-width:480px){.new_product1{padding:35px 0 0;display:none}
.new_product1 .list_content{padding:4.2% 20px 4.3%}
.new_product1 .list_content .item .img{margin-bottom:10%}
.new_product1 .list_content .item .tit{font-size:14px}
.new_product1 .pro_left,.new_product1 .pro_right{width:30px;height:30px}
.new_product1 .pro_left i,.new_product1 .pro_right i{width:8px;height:11px;background-size:100%}
.new_product1 .list_content .item .price{font-size:12px}
}

/* video */
.video{padding: 80px 0;background: #fff;}
.video .index-name{text-align: center;}
.video .item{width: 23.5%;margin-bottom: 2%;position: relative;margin-right: 2%;transition: all .5s ease-out 0s;background: #fff;}
.video .item:nth-child(4n+4){margin-right: 0;}
.video .item .pic{overflow: hidden;position: relative;}
.video .item .play{position: absolute;left: 50%;top: 45%;transform: translate(-50%,-50%);text-align: center;display: flex;align-items: center;justify-content: center;}
.video .item .play img{width: 50px;}
.video .item .text{font-size: 18px;font-weight: bold;text-align: center;padding: 10px 0;line-height: 30px;border: 1px solid #e3dddd;}
.video .item:hover{box-shadow: 0 5px 10px rgba(130,130,130,0.3);transform: translate(0,-10px);}
@media only screen and (max-width:1080px){
.video{padding: 50px 0;}
}
@media only screen and (max-width:768px){
.video{padding: 30px 0;}
.video .item{width: 48%;margin-bottom: 4%;}
.video .item:nth-child(odd){margin-right: 4%;}
.video .item:nth-child(even){margin-right: 0;}
.video .item .text{padding: 10px 0;font-size: 14px;line-height:20px;}
.video .item .play{top: 40%;}
.video .item .play img{width: 30px;}
}