@charset "utf-8";/* CSS Document */
body {font-size: 12px;background-color: white;font-family: Arial;width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}

.w1600{ width:1580px;}
.w1480{ width:1480px;}

.top_Language{ position:relative;}
.top_Language .dropdown-toggle{ background:url(lang.jpg) no-repeat center; width:224px; height:50px;}
.top_Language .dropdown-toggle::after{ display:none;}
.top_Language .dropdown-menu{ padding:0; width:100%;}
.top_Language .dropdown-menu li a{ line-height:28px;}
.top_Language .dropdown-menu li a:hover{ border-radius: .25rem;}

.banner_index{ clear:both; overflow:hidden; position:relative;}
.banner_index video{ width:100%; display:block;}
.banner_text{ width:100%; height:100%; position:absolute; top:0; z-index:9;display: flex;flex-direction: column; justify-content: center; text-align:center;}
.banner_text p{ font-size:52px; color:#ffffff; font-weight:600; line-height:62px; margin-bottom:50px;}
.banner_text span{ color:#fff; font-size:34px; line-height:44px; margin-bottom:50px;}
.banner_text ul{display: flex;flex-wrap: wrap;justify-content: center;}
.banner_text ul li{ background:url(banner_a.png) no-repeat center; width:335px; margin:0 24px; text-align:left;  }
.banner_text ul li a{ font-size:28px; color:#ffffff; display:block; width:100%; line-height:63px; padding-left:32px;}

.home_title{ clear:both; overflow:hidden; text-align:center; }
.home_title p{ font-size:52px; line-height:64px; color:#101010; font-weight:600;text-transform: capitalize; background:url(pro_title.png) no-repeat bottom center; padding-bottom:40px;}

.about_title_ny{ clear:both; overflow:hidden; text-align:center; margin-bottom:25px; padding-top:40px; }
.about_title_ny p{ font-size:38px; line-height:48px; color:#101010; font-weight:600;text-transform: capitalize; background:url(pro_title.png) no-repeat bottom center; padding-bottom:25px;}

.pro_bg{ clear:both; overflow:hidden; padding-top:85px; padding-bottom:93px;}
.w1280{ width:1280px;}
.pro_bg .home_title{ margin-bottom:70px;}
.product_index{ clear:both; overflow:hidden;}
.pro-image{ margin-bottom:29px; text-align:left; overflow:hidden;}
.pro-image .swiper-slide a{ position:relative; display:block;}
.pro-image .swiper-slide p{ background:url(pro_list.jpg) no-repeat left center; color:#ea130e; font-size:36px; padding-left:50px; position:absolute; top:40px; left:40px; z-index:9; font-weight:600; line-height:52px;}
.pro-thumbs{}
.pro-thumbs .swiper-slide{ border:1px solid #dcdcdc;}
.pro-thumbs .swiper-slide-thumb-active{ border: 1px solid #ea130e; background:#f7fafe;}

.about_bg{ background:url(about_bg.jpg) no-repeat center center fixed; height: 669px; background-size:cover;}
.about_index{ clear:both; overflow:hidden; margin-top:-192px;}
.about_index .w1280{ background:#f7fafe9e; padding-top:65px; padding-bottom:75px;}
.about_index .home_title{ margin-bottom:27px;}
.about_index .home_title p{ padding-bottom:18px;}
.about_top{ width:100%;clear:both; overflow:hidden; margin-bottom:40px; text-align:center; }
.about_top img{ width: auto; max-width:100%;margin-bottom:24px;}
.about_top p{ font-size:15px; color:#1c1c1c; line-height:26px; width:93.75%; margin:0 auto; text-align: left;}

.about_ul{ clear:both; display: flex;flex-wrap: wrap; align-content: center; justify-content: space-around;  }
.about_ul li{ width:25%; background:url(about_li.png) no-repeat right center; text-align:left; display: flex; justify-content:center; align-items:center;}
.about_ul li:nth-last-child(1){ background:none;}
.about_ul li img{ width:auto; margin-right:22px;}
.about_ul li .about_li_text div{display: flex; justify-content: flex-start; align-items:center;}
.about_ul li .about_li_text div p{font-size:34px; color:#000000; font-weight:bold; line-height:54px; margin-right:10px;}
.about_ul li .about_li_text div em{font-size:34px; color:#000000; font-weight:bold; line-height:54px; margin-right:10px;}
.about_ul li span{ font-size:18px; color:#222222; line-height:28px;}

.workshop_index{clear:both; overflow:hidden; padding-top:50px; padding-bottom:68px;background: linear-gradient(to bottom, #ffffff, #f7fafe);}
.workshop_index .home_title{ margin-bottom:46px;}
.workshop_index .home_title p{ padding-bottom:20px;}
.swiper-workshop{ overflow:hidden; width:100%; }
.swiper-workshop .swiper-wrapper{ margin-bottom:57px;}
.swiper-workshop .swiper-slide a{overflow:hidden;display:block;position:relative;}
.swiper-workshop .swiper-slide a img{display:block;margin:0 auto;max-width:100%;-webkit-transition: 0.5s;transition: 0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.swiper-workshop .swiper-slide a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.swiper-workshop .swiper-pagination-bullet{ width:38px; height:11px; background:#f08686; border-radius:4px;}
.swiper-workshop .swiper-pagination-bullet-active{ width:68px; height:11px; background:#ea130e; border-radius:4px;}

.choose_index{clear:both; overflow:hidden; padding-top:80px;}
.choose_index .home_title{ margin-bottom:49px;}
.choose_bottom{display: flex;flex-direction: row-reverse; justify-content: flex-start;align-items: center; padding-right:40px;}
.choose_bottom img{ width:57.3%; margin:0;}
.choose_ul{ padding-top:40px; margin:0;}
.choose_ul li{ text-align:left; padding-left:80px; margin-bottom:40px;}
.choose_ul li p{ font-size:32px; color:#101010; font-weight:bold; line-height:48px;}
.choose_ul li span{font-size:18px; color:#101010; line-height:30px;}
.choose_ul li:nth-child(1){ background:url(choose_li01.jpg) no-repeat left center;}
.choose_ul li:nth-child(2){ background:url(choose_li02.jpg) no-repeat left center;}
.choose_ul li:nth-child(3){ background:url(choose_li03.jpg) no-repeat left center;}
.choose_ul li:nth-child(4){ background:url(choose_li04.jpg) no-repeat left center;}

.customers_index{clear:both; overflow:hidden; padding-bottom:85px; padding-top:75px;}
.customers_index .home_title{ margin-bottom:68px;}
.customers_index .home_title p{ padding-bottom:30px;}
.swiper-customers{ overflow:hidden;}
.swiper-customers .swiper-slide a{overflow:hidden;display:block;position:relative;}
.swiper-customers .swiper-slide a img{display:block;margin:0 auto;max-width:100%;-webkit-transition: 0.5s;transition: 0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.swiper-customers .swiper-slide a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.swiper-customers .swiper-slide p{ font-size:26px; color:#000000; line-height:40px; padding-top:12px;}

.sample_bg{clear:both; overflow:hidden; background:url(bg_2.jpg) no-repeat top center #faf8f9; padding:50px 0;}
.sample_bg .home_title{ margin-bottom:40px;}
.sample_bg .home_title p{ margin-bottom:25px; padding-bottom:25px;}
.sample_bg .home_title span{ width:80%; font-size:16px; color:#666;}
.sample_bg img{ width:auto; max-width:100%;}

.flex_between{display:flex;justify-content:space-between;flex-wrap:wrap;}
.flex_column{display:flex;justify-content:space-between;flex-wrap:wrap; flex-direction:column;}
.vcenter{position:relative;top:50%;transform:translate(0,-50%);}

.sample_bg .item{text-align:center;max-width:260px;position:relative;}
.sample_bg .item:not(:last-child){margin-bottom:30px;}
.sample_bg .item .pic{margin-bottom:10px;}
.sample_bg .item p{font-size:16px;color:#333;}
.sample_bg .item p img{ margin-bottom:6px; margin-right:6px;}
.sample_bg .item:hover p{color:#ea130e;}
.sample_bg .left{margin-left:0;}
.sample_bg .left .item:before{content:"";width:80px;height:1px;position:absolute;left:100%;top:50%;background-color:#dcdcdc;}
.sample_bg .left .item:after{content:"";height:1px;background-color:#dcdcdc;position:absolute;}
.sample_bg .left .item:nth-child(1){margin-left:75px;}
.sample_bg .left .item:nth-child(1):after{width:120px;left:120%;top:74%;transform:rotate(60deg);}
.sample_bg .left .item:nth-child(2){margin-left:0;}
.sample_bg .left .item:nth-child(2):after{width:80px;left:126%;top:68%;transform:rotate(45deg);}
.sample_bg .left .item:nth-child(3){margin-left:75px;}
.sample_bg .left .item:nth-child(3):after{width:80px;left:127%;top:34%;transform:rotate(-45deg);}
.sample_bg .left .item:nth-child(4){margin-left:150px;}
.sample_bg .left .item:nth-child(4):after{width:120px;left:127%;top:17%;transform:rotate(-60deg);}
.sample_bg .right{margin-right:0;}
.sample_bg .right .item:before{content:"";width:80px;height:1px;position:absolute;right:100%;top:50%;background-color:#dcdcdc;}
.sample_bg .right .item:after{content:"";height:1px;background-color:#dcdcdc;position:absolute;}
.sample_bg .right .item:nth-child(1){margin-right:75px;}
.sample_bg .right .item:nth-child(1):after{width:120px;right:119%;top:72%;transform:rotate(120deg);}
.sample_bg .right .item:nth-child(2){margin-right:0;}
.sample_bg .right .item:nth-child(2):after{width:80px;right:126%;top:68%;transform:rotate(135deg);}
.sample_bg .right .item:nth-child(3){margin-right:75px;}
.sample_bg .right .item:nth-child(3):after{width:80px;right:126%;top:36%;transform:rotate(-135deg);}
.sample_bg .right .item:nth-child(4){margin-right:150px;}
.sample_bg .right .item:nth-child(4):after{width:120px;right:127%;top:15%;transform:rotate(-120deg);}
.sample_bg .middle .ring{width:270px;height:270px;border-radius:50%;display:block;position:absolute;padding:50px;box-sizing:content-box;}
.sample_bg .middle .ring i{position:absolute;width:270px;height:270px;display:block;animation:circleRoate 5s infinite linear;}
.sample_bg .middle .ring i:before{content:"";width:10px;height:10px;display:block;background-color:#ff8400;border-radius:50%;top:-1px;left:-1px;position:absolute;}
.sample_bg .middle .ring i:after{content:"";width:10px;height:10px;display:block;background-color:#ff8400;border-radius:50%;bottom:-1px;right:-1px;position:absolute;}
.sample_bg .middle .ring1{border:1px solid #727070;left:-10px;top:-10px;z-index:-1;transform:rotate(-30deg);}
.sample_bg .middle .ring2{border:1px solid #72defd;left:-30px;top:30px;z-index:-1;transform:rotate(-60deg);}
.sample_bg .middle .ring3{border:1px solid #b5c2fc;left:-30px;top:50px;z-index:-1;transform:rotate(-90deg);}
.sample_bg .middle .ring4{border:1px solid #91c52e;left:-10px;top:70px;z-index:-1;transform:rotate(-120deg);}
.sample_bg .middle .ring5{border:1px solid #265f71;right:-10px;top:0px;z-index:-1;transform:rotate(-150deg);}
.sample_bg .middle .ring6{border:1px solid #febb1a;right:-30px;top:30px;z-index:-1;transform:rotate(-180deg);}
.sample_bg .middle .ring7{border:1px solid #cd0c0c;right:-30px;top:70px;z-index:-1;transform:rotate(-60deg);}
@keyframes circleRoate{  
    from{transform: rotate(0deg);}  
    to{transform: rotate(360deg);}  
}
@media screen and (min-width:1230px ) and (max-width:1309px){
}
@media screen and (min-width:992px ) and (max-width:1229px) {
    .sample_bg .item{max-width:200px;}
    .sample_bg .left{width:30%;}
    .sample_bg .left .item:before{display:none;}
    .sample_bg .left .item:after{display:none;}
    .sample_bg .right{width:30%;}
    .sample_bg .right .item:before{display:none;}
    .sample_bg .right .item:after{display:none;}
    .sample_bg .middle{width:40%;}
}
@media (min-width:768px) and (max-width:991px) {
    .sample_bg .item{width:24%;margin:0!important;}
    .sample_bg .item .pic img{height:100px;}
    .sample_bg .item p{font-size:14px;}
    .sample_bg .left{width:100%;flex-direction: row;margin-bottom:20px;}
    .sample_bg .left .item:before{display:none;}
    .sample_bg .left .item:after{display:none;}
    .sample_bg .right{width:100%;flex-direction: row;}
    .sample_bg .right .item:before{display:none;}
    .sample_bg .right .item:after{display:none;}
    .sample_bg .middle{display:none;}
}
@media (max-width:767px){
    .sample_bg .item{width:48%;margin:0 0 15px!important;}
    .sample_bg .item .pic img{height:100px;}
    .sample_bg .item p{font-size:14px;}
    .sample_bg .left{width:100%;flex-direction: row;}
    .sample_bg .left .item:before{display:none;}
    .sample_bg .left .item:after{display:none;}
    .sample_bg .right{width:100%;flex-direction: row;}
    .sample_bg .right .item:before{display:none;}
    .sample_bg .right .item:after{display:none;}
    .sample_bg .middle{display:none;}
}

.exhibition_index{ padding-top:100px; clear:both; overflow:hidden;}
.exhibition_index .home_title{ margin-bottom:78px;}
.exhibition_index a{ display:block;}

/* 左右布局 flex */
.workshop-gallery{ display: flex;  align-items: flex-start; margin-bottom:62px;}
/* 左侧竖排缩略图 */
.workshop-thumbs{ width: 25%;  height:511px; background:#ea130e; padding:9px !important; overflow:hidden;}
.workshop-thumbs .swiper-slide{overflow:hidden;display:block;position:relative;}
.workshop-thumbs .swiper-slide img{ width: 100%; height: auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%);  object-fit: cover;}  
/* 右侧主图 */
.workshop-image { width:75%; flex: 1; padding:15px !important; background:#f3f3f3; overflow:hidden;}
.workshop-image img,.workshop-thumbs img {  width: 100%;  display: block;}
/* 选中缩略图高亮 */
.workshop-thumbs .swiper-slide-thumb-active {  border: 2px solid #007bff;}

.xiazai_bg{ background:url(xiazai_bg.jpg) no-repeat top center; clear:both; overflow:hidden;}
.xiazai_bg .w1280{ height:348px;display: flex; flex-direction: column; align-items: center; justify-content: center;}
.xiazai_bg p{ font-size:48px; color:#ffffff; font-weight:bold; line-height:58px; margin-bottom:40px;}
.xiazai_bg a{ background:url(xiazai.jpg) no-repeat center; width:169px; line-height:35px; font-size:15.5px; color:#000000; text-align:left; padding-left:18px; border-radius:35px;}

.evaluation_index{ clear:both; overflow:hidden; padding-top:80px; padding-bottom:77px;}
.swiper-evaluation{ overflow:hidden;}
.swiper-evaluation .swiper-wrapper{ margin-bottom:49px;}
.swiper-evaluation .swiper-pagination-bullet{ width:17px; height:17px; border:1px solid #d2d2d2; opacity:1; background:#FFF; border-radius:0;}
.swiper-evaluation .swiper-pagination-bullet-active{ border:1px solid #ea130e; background:#ea130e;}

.news_bg{ clear:both; overflow:hidden; background:#f7fafe; padding-bottom:50px; padding-top:55px; }
.news_bg .home_title{ margin-bottom:69px;}
.news_bg .home_title p{ padding-bottom:40px;}
.news_index{display: flex;flex-wrap: wrap;justify-content: space-between;}
.news_index li{ width:49%; margin-bottom:24px;}
.news_index li a{ display:block; background:#FFF;display: flex;flex-wrap: wrap; border:1px solid #f0f6ff;}
.news_index li a .news_img{ width:38%; height:178px;overflow:hidden;display:block;position:relative;}
.news_index li a .news_img img{ height:100%; display:block;margin:0 auto;max-width:100%;-webkit-transition: 0.5s;transition: 0.5s;-moz-transition:0.5s;-o-transition:0.5s;}
.news_index li a .news_img:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.news_li_text{ width:62%; text-align:left; padding:15px;display: flex; flex-direction: column; justify-content: space-between;}
.news_li_text p{ font-size:14px; color:#626262; line-height:18px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden; }
.news_li_text h3{ font-size:19px; color:#000000; font-weight:bold; line-height:24px; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden; }
.news_li_text span{ font-size:14px; color:#3a3a3a; background:url(news_time.jpg) no-repeat left center; padding-left:23px;}

.support_liuyan{ background:url(liuyan_bg.jpg) no-repeat top center #99301e; clear:both; overflow:hidden; padding-top:100px; text-align:left; padding-bottom:100px;}
.support_liuyan .w1280{display: flex;flex-wrap: wrap;justify-content: space-between;}
.support_lindex{ width:60%;}
.support_lindex p{ margin-bottom:50px; padding-bottom:40px; font-size:42px; line-height:52px; color:#FFF; font-weight:600; background:url(support_title.jpg) no-repeat left bottom;}
.support_lindex ul{}
.support_lindex ul li{ font-size:24px; line-height:34px; color:#FFF; margin-bottom:28px; background:url(support_li.png) no-repeat left top; padding-left:38px;}

.liuyan_lindex{ width:37.9%;}
.liuyan_lindex p{margin-bottom:30px; font-size:42px; line-height:52px; color:#FFF; font-weight:600; }
.liuyan_lindex table{ width:100%;}
.liuyan_lindex .form-control{ width:100%; height:45px; margin-bottom:15px; line-height:45px; font-size:20px; color:#aaaaaa; border:none; border-radius:0;box-shadow:none;}
.liuyan_lindex #content{ width:100%; font-size:20px; color:#aaaaaa; border:none; border-radius:0;box-shadow:none; height:111px;padding: 10px 15px; margin-bottom:15px;}
.liuyan_lindex .anniu_lxfs{ background:#e3140f; line-height:45px; font-size:30px; color:#ffffff; font-weight:bold; width:100%;}

footer{background:#070508;padding-top:50px;}
footer .container{}
footer .footlogo{text-align:center;padding:20px;}
footer .footColumn{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:30px;} 
footer .footColumn>div{margin:0}
footer .footColumn dl dt{position:relative;font-size:20px;line-height:40px;color:#fff;margin-bottom:20px;padding:10px 0;}
footer .list dd{padding-bottom:10px;color:#fff;font-size:16px;line-height:24px;position:relative;}
footer .list dd>a{color:#fff;display:inline-block;}
footer .list dd i{float:left;width:6px;height:6px;background-color:#9d9d9d;border-radius:50%;margin-top:9px;margin-right:8px;}
footer .list dd>a:hover{text-decoration:underline;}
footer .context h2{font-size:18px;line-height:30px;color:#fff;margin-bottom:30px;font-family:gilroy-regular,Arial,Verdana, Tahoma, Geneva,sans-serif;text-transform:uppercase;}
footer .context p{font-size:15px;line-height:24px;color:#fff;position:relative;padding-left:20px;margin-bottom:12px;}
footer .context p>a{font-size:15px;line-height:24px;color:#fff;display:inline-block;}
.foot_lxfs01{ background:url(foot_lxfs01.jpg) no-repeat left top 4px;}
.foot_lxfs02{ background:url(foot_lxfs02.jpg) no-repeat left top 4px;}
.foot_lxfs03{ background:url(foot_lxfs03.jpg) no-repeat left top 4px;}
.foot_lxfs04{ background:url(foot_lxfs04.jpg) no-repeat left top 4px;}
.foot_lxfs05{ background:url(foot_lxfs05.jpg) no-repeat left top 4px;}

#fck1{margin:0;width:300px;}
#fck1 img{margin-bottom:40px; width:auto; max-width:100%;}
#fck1 h2{font-size:30px;color:#fff;margin-bottom:6px;}
#fck1 p{font-size:14px;line-height:18px;color:#fff;width:80%;margin:0 0 25px;}
#fck1 .subscribe{margin-right:0;}
#fck1 .subscribe input{width:100%;border-radius:4px;height:40px;padding:5px 5px 5px 10px;box-sizing:border-box;background-color:#fff;font-size:16px;margin-bottom:12px;}
#fck1 .subscribe input::-moz-placeholder,#fck1 dl textarea::-webkit-input-placeholder {color: #c2c2c2;/* Mozilla Firefox 19+ */}
#fck1 .subscribe input:-ms-input-placeholder,#fck1 dl textarea::-webkit-input-placeholder { color: #c2c2c2;/* Internet Explorer 10+ */}
#fck1 .subscribe #footSubmit{width:138px;background-color:#ea130e;color:#fff;text-align:center;height:40px;line-height:40px;display:inline-block;border-radius:4px;}
#fck1 .subscribe #footSubmit:hover{box-shadow:0 0 10px #999;}
#fck2{margin:0;width:350px; text-align:left;}
#fck3{margin:0;width:140px; text-align:left;}
#fck4{margin:0;width:210px;}
#fck4>div{margin:0;}
#fck4>.sharelist a{display:block;width:45px;height:45px;border-radius:5px;text-align:center;}
#fck4>.sharelist a:not(:last-child){margin-bottom:8px;}
#fck4>.sharelist a img{ border-radius:4px; }
.tiktok img{ border:1px solid #FFF;}

.foot_logo{padding:15px 0;position:relative;}
.foot_logo:before{content:"";width:calc(100% - 300px);height:1px;background-color:#bebebe;right:0;top:31px;position:absolute;}
.foot_by{padding:13px 0 13px;background-color:#333;overflow:hidden;margin-top:50px;}
.foot_by .footmenu{text-align:center;padding:10px 0;}
.foot_by .footmenu a{color:#fff;font-size:14px;line-height:24px;padding:0 15px;position:relative;display:inline-block;}
.foot_by .footmenu a:not(:last-child):before{content:"";width:2px;height:14px;background-color:#fff;position:absolute;top:5px;right:-1px;}
.foot_by .footmenu a:hover{text-decoration:underline;}
.foot_by .footdiv{font-size:14px; line-height:24px;text-align:center;color:#fff;}
.foot_by .footdiv a{ display:inline-block; font-size:14px; line-height:24px;color:#fff;}
.foot_by .footdiv a:hover{text-decoration:underline;}
.foot_by .footdiv.fl{float:left;}
.foot_by .footdiv.fr{color:#fff;text-align:right;padding:0;}
.foot_by .footdiv.fr{float:right;color:#fff;text-align:left;padding-left:10px;}
@media screen and (min-width:1230px ) and (max-width:1309px){
    #fck1{width:380px;}
    #fck2 .footcontact .item.address{width:300px;}
}
@media (min-width:992px) and (max-width:1229px) {
    footer .footlogo{padding-top:0;}
    #fck1{width:270px;}
    #fck2{width:300px;}


    #language ul li {margin:0 0 0 15px;}
    #language ul li a img{display:block;}

    #friendlist{margin-bottom:15px;}
    #friendlist a{margin-left:30px;}
    
    .foot_tel{padding:10px 15px;}

    footer{}

    .foot_by{padding:10px 0;}
}
@media (min-width:768px) and (max-width:991px) {
    footer .list dd{font-size:14px;}

    footer{padding-top:30px;}
    footer .foot_menu a{padding:0 20px;}
    footer .footlogo{padding:0 0 20px;}
    
    footer #fck1{width:100%;margin-bottom:20px;}
    footer #fck2{width:300px;}
    footer #fck3{}

    #language{padding:6px 0;margin-bottom:0;}
    #language ul li a img{display:block;}
    #language ul li a span{font-size:12px;}
    
    #friendlist{margin-bottom:10px;}
    #friendlist a{margin-left:15px;}
    
    .foot_by .footshare{}
    footer #sharelist > a{margin:0 10px;}

    .foot_by{padding:6px 0;}
    .foot_by .footdiv.fl{text-align:center;width:100%;float: initial;}
    .foot_by .footdiv.fr{text-align:center;width:100%;padding-left:0;float: initial;}
    .foot_by p{font-size:12px;}
    .foot_by p a{font-size:12px;}
}
@media (min-width:1px) and (max-width:767px) {
    footer{padding-top:20px;padding-bottom:50px;border-bottom:0;}
    footer .foot_menu{margin-bottom:10px;padding-bottom:0;}
    footer .foot_menu a{padding:0 10px;margin-bottom:10px;}
    footer .foot_menu a:not(:last-child){border:none;}
    
    footer>.container{ }
        
    footer #fck1{width:100%;flex:auto;margin-bottom:20px;}
    footer #fck1 img{margin-bottom:20px;}
    footer #fck2{width:100%;flex:auto;margin-bottom:20px;}
    footer #fck3{width:100%;flex:auto;margin-bottom:20px;}
    footer #fck4{width:100%;flex:auto;justify-content:flex-start;}
    footer #fck4 .sharelist{margin-right:15px;}
    footer .context h2{font-size:24px;line-height:30px;margin-bottom:8px;}
    footer .context p{font-size:14px;line-height:24px;}
    footer .context p > a{font-size:14px;line-height:24px;}
    #fck3 .subscribe{margin-top:20px;}
    

    #language{padding:6px 0;display:none;}
    #language ul{flex-wrap:wrap;}
    #language ul li{width:20%;}
    #language ul li a img{display:block;}
    #language ul li a span{font-size:12px;}
    
    footer #fck2 {width:100%;}
    #fck2 .footcontact .item{width:100%;padding-right:15px;}
    #fck2 .footcontact .item.address{width:100%;margin-top:15px;}
    #fck2 .footcontact .item h3{font-size:20px;line-height:40px;}
    #fck2 .footcontact .item h3 i{font-size:36px;}
    #fck2 .footcontact .item p{font-size:14px;}
    #fck2 .subscribe{width:100%;}
    #fck2 .footshare{width:100%;flex:initial;}
    footer #sharelist{position:relative;text-align:left;margin-top:0;padding-bottom:0;}

    #friendlist{margin-bottom:10px;}
    #friendlist a{margin-left:10px;}
    
    footer .footColumn dl dt{margin-bottom:0;}
    footer .list dd{font-size:12px;line-height:18px;}
    footer dl{margin-bottom:0;}
    footer dl dt{font-size:16px;margin-bottom:10px;}
    footer dl dt::after{content:"\e9e2";font-family:iconfont;margin-left:10px;font-size:16px;}
    footer dl dd{display:none;}
    footer dl dd p{font-size:12px;}
    footer dl.catelist dd>a{font-size:12px;}
    .foot_by{padding:10px 0;}
    .foot_by .footdiv{display:block;text-align:center;font-size:12px;line-height:1.5;width:100%;}
    .foot_by .footdiv a{font-size:12px;line-height:1.5}
    .foot_by .footdiv.fr{float:none;text-align:center;width:100%;}

    
    .foot_by .footshare{float:none;text-align:center;}
    footer #sharelist > a{margin:0 15px 0 0;}
}

#note{position:fixed;left:5px;top:30%;width:170px;z-index:9999;border-radius:10px;padding:10px 6px 15px; text-align:left; background-color:rgba(234,19,14,0.8);}
#note .box{background:rgba(224,224,224,0.8);border-radius:10px;padding:10px 6px;}
#note h2{text-align:center;font-size:22px;color:#fff;font-weight:bold;position:relative;padding:5px 0 10px;}
#note h2:before{content:"NEW";font-size:13px;font-weight:normal;animation:discolor 1.5s infinite linear;position:absolute;transform:rotate(30deg);right:30px;top:0;}
#note p{font-size:13px;line-height:18px;padding:10px 6px 10px 6px;color:#444;}
@keyframes discolor{
    0%{color:#ea130e;}
    50%{color:#fff;}
    100%{color:#ea130e;}
}
.yb_conct{position:fixed;right:-200px;bottom:150px;z-index:9999999;cursor:pointer;transition:all .3s ease; text-align:left;}
.yb_bar ul li{margin-bottom:3px;width:253px;height:53px;border-radius:3px;text-indent:54px;font:12px/53px 'Microsoft YaHei';transition:all .5s ease;border:1px solid #eee;}
.yb_bar .yb_top{background:#fff url(fixCont.png) no-repeat 0 0}
.yb_bar .yb_phone{background:#fff url(fixCont.png) no-repeat 0 -57px}
.yb_bar .yb_QQ{background:#fff url(fixCont.png) no-repeat 0 -113px;text-indent:0}
.yb_bar .yb_ercode{background:#fff url(fixCont.png) no-repeat 0 -169px}
.hd_qr{padding:0 29px 25px 29px}
.yb_phone a{display:block;width:100%;height:100%;text-indent:54px}
.yb_QQ a{display:block;width:100%;height:100%;text-indent:54px}
.yb_facebook a{display:block;width:100%;height:100%;color:#fff;text-indent:54px}
.yb_bar .yb_facebook{background:#fff url(fixCont.png) no-repeat 0 -169px}
.yb_bar .yb_whatsapp{background:#fff url(whatsapp.jpg) no-repeat 0 0;}
.yb_bar .yb_whatsapp a{color:#333; display:block;}
.yb_bar .yb_wechat{background:#fff url(wechat.jpg) no-repeat 0 0;}
.yb_bar .yb_wechat a{ display:block;}
.yb_bar .yb_wechat img{border:1px solid #ddd; width: auto;}


@media (max-width: 1600px) {
.w1600{ width:100%; padding:0 15px;}
}

@media (max-width: 1480px) {
.w1480{ width:100%; padding:0 15px;}
.choose_ul{ width:42%;}
.choose_bottom{ padding-right:15px;}
}

@media (max-width: 1280px) {
.w1280{ width:100%; padding:0 15px;}
.top_Language .dropdown-toggle{ width:150px; height:33px; background-size:cover;}


}

@media (max-width: 1200px) {           
.about_bg{height:500px;}
.workshop-thumbs{ height:380px;}

	
}

@media (max-width: 992px) { 
.banner_text p{ font-size:32px; line-height:42px; margin-bottom:25px;}
.banner_text span{ font-size:24px; line-height:34px; margin-bottom:25px;}
.banner_text ul li{ width:229px; margin:0 15px; background-size:cover; margin-bottom:15px;}
.banner_text ul li a{ font-size:20px; line-height:43px; padding-left:20px;}
.choose_bottom img{ width:100%; margin-bottom:25px;}
.choose_ul{ width:100%;}
.choose_bottom{ flex-wrap: wrap; flex-direction: column; padding:0 15px;}
.pro-image .swiper-slide p{ font-size:24px; line-height:36px; left:20px; top:20px;}
.about_ul li img{ margin-right:10px;}
.about_ul li .about_li_text div em{ font-size:24px;}
.about_ul li .about_li_text div p{ font-size:24px;}
.workshop-image{ width:100%;}
.workshop-thumbs{ display:none;}


}

@media (max-width: 768px) {
.home_title p{ font-size:32px; line-height:45px; padding-bottom:25px;}
.pro_bg{ padding:32px 0;}
.pro_bg .home_title{ margin-bottom:30px;}
.about_bg{height:350px;}
.about_top p{ width:100%;}
.xiazai_bg p{ font-size:36px;}
.customers_index{ padding:30px 0;}
.customers_index .home_title{ margin-bottom:30px;}
.customers_index .home_title p{ padding-bottom:15px;}
.evaluation_index{ padding-top:30px; padding-bottom:30px;}
.workshop_index{ padding-top:25px; padding-bottom:30px;}
.about_ul li{ width:50%; margin-bottom:15px;}
.about_ul li:nth-last-child(3){ background:none;}
.about_ul li span{ font-size:16px;line-height:26px;}
.about_index .w1280{ padding:30px 15px;}
.swiper-customers .swiper-slide p{ font-size:16px; line-height:26px;}
.news_index li{ width:100%; margin-bottom:15px;}
.news_bg .home_title{ margin-bottom:30px;}
.news_bg .home_title p{ padding-bottom:25px;}
.news_bg{ padding:30px 0;}
.exhibition_index{ padding-top:30px;}
.exhibition_index .home_title{ margin-bottom:30px;}
.support_lindex{ width:100%;}
.liuyan_lindex{ width:100%;}
.support_liuyan{ padding:30px 0;}
.support_lindex p{ margin-bottom:30px; padding-bottom:20px; font-size:32px; line-height:44px;}
.liuyan_lindex p{ margin-bottom:30px;font-size:32px; line-height:44px;}
#note{ display:none;}

}

@media (max-width: 425px) {  
.xiazai_bg p{ font-size:28px; line-height:36px; margin-bottom:25px;}
.xiazai_bg .w1280{ height:250px;}
.choose_ul li p{ font-size:22px; line-height:30px; margin-bottom:5px;}
.choose_ul li span{ font-size:16px; line-height:26px;}
.swiper-workshop .swiper-wrapper{ margin-bottom:30px;}
.swiper-workshop .swiper-pagination-bullet{ width:12px; height:8px;}
.swiper-workshop .swiper-pagination-bullet-active{ width:24px;}
.choose_ul li{ margin-bottom:20px; padding-left:72px;}
.choose_ul{ padding-top:20px;}
.choose_index{ padding-top:30px;}
.pro-image .swiper-slide p{ position:inherit; left:0; top:0;}
.about_ul li{ width:100%; background:none;justify-content: flex-start;}
.home_title p{ font-size:28px; line-height:38px;}
.support_lindex ul li{ font-size:20px; line-height:30px; margin-bottom:20px;}


}

/*手机底部导航*/
#mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;bottom:0;width:100%;display:none;z-index:1;background-color:#fff;}
#mobMenu .foot_nav{width:33.33%;float:left;text-align:center;color: #898989;font-size:14px;}
#mobMenu .foot_nav i{display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}
@media (min-width:1px) and (max-width:767px) {
    #mobMenu{display:block;}
    #note{display:none;}
}

.swiper-notification{ display:none !important;}