/*导入字体*/
@font-face {
    font-family:"avant";
    src: url('../font/AVANTGARGOTITCTEE.TTF');
}

@font-face {
    font-family:"avant";
    src: url('../font/AVANTGARGOTITCTEE.eot');
}

html,body{font-size: 16px;font-family: Arial,"微软雅黑";color: #333;}
*{box-sizing: border-box;margin: 0;padding: 0;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
a:hover,a{text-decoration: none;cursor: pointer;}
ul li{list-style: none;}
.container{width: 1300px;margin: 0 auto;}

/* head */
.head_box{height: 100px;line-height: 100px;font-size: 0;}
.logo_box{display:inline-block;}
.logo_box img{vertical-align: middle;margin-right: 12px;}
.nav_list{float: right;}
.nav_list li{display: inline-block;line-height: 100px;height: 100px;vertical-align: top;}
.nav_list li a{font-size: 14px;color: #333;padding: 0 10px;line-height: 100px;display: inline-block;}
.nav_list li a:hover,.nav_list li a.active{background: #F6CC1B;}
.nav_list li div{font-size:22px;color: #f6cc1b;font-family: Impact;margin-left: 15px;}
.nav_list li div img{margin-right: 8px;}
.nav_down{position: absolute;width: 100%;background: rgba(246,204,27,0.8);z-index: 10;left: 0;top: 100px;text-align: center;height: 60px;display: none;transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; -ms-transition:none;}
.nav_list li .nav_down li{line-height: 60px;height: 60px;}
.nav_list li .nav_down a{color: #fff;line-height: 60px;margin: 0 20px;}
.nav_list li.switch{font-size:14px;padding-left:5px;}
.nav_list li.switch a{padding:0;}
.nav_list li.switch a:hover{background:#fff;}

/* foot */
.foot_box{background:#2b2c2e;}
.foot_list{border-bottom: 1px solid #424242;}
.foot_list a{display: inline-block;margin-left: 60px;position: relative;color: #fff;font-size: 12px;line-height: 60px;}
.foot_list a:before{content: '';position: absolute;width: 1px;height: 12px;background:#fff;left: -30px;top:50%;margin-top:-6px;opacity: 0.1;}
.foot_list a:first-child:before{display: none;}
.foot_center{font-size: 0;}
.foot_center > div{display: inline-block;height: 205px;vertical-align: top;padding-top: 55px;padding-left:60px;}
.foot_center .foot_left{width:23%;border-right: 1px solid #424242;}
.foot_left>div{display: inline-block;vertical-align: top;}
.qrbox{width:28%;max-width:100px;}
.qrbox img{width:100%;height: auto;}
.phonebox{margin: 0 6% 0 9%;position: relative;}
.phonebox:before{content: '';position: absolute;width: 1px;height: 15px;background:#fff;left:-10px;top:0;opacity: 0.2;}
.phonebox:after{content: '';position: absolute;width: 1px;height: 30px;background:#fff;right:-10px;top:0;opacity: 0.2;}
.fwrx p{font-size: 13px;color: #8c8c8c;}
.fwrx div{font-size:26px;color: #e2e2e2;font-family: Impact;margin:3px 0 2px 0;}
.foot_logo{width:27%;border-right: 1px solid #424242;font-size: 12px;color: #8c8c8c;}
.foot_logo img{margin-right: 8px;}
.foot_logo p{text-transform: uppercase;margin: 6px 0 10px 0;}
.foot_right{width: 50%;padding:0 60px;}
.foot_right p{font-size: 12px;color: #8c8c8c;margin-bottom:20px;}
.foot_liuyan{margin: 0 -5px;}
.foot_liuyan input{width:100%;height: 54px;line-height: 54px;border:none;background:#515151;padding:0 15px;outline: none;font-size: 13px;color: #fff;border-radius: 0;}
.liuyan_right{width:100%;display: inline-block;padding:0 5px;position: relative;}
.liuyan_right input{padding:0 115px 0 15px;}
.liuyan_right a{position: absolute;width:100px;display: inline-block;height: 54px;line-height: 54px;color: #fff;background:#f6cc1b;top:0;right:5px;text-align: center;font-size: 16px;}
.foot_bottom{text-align: center;font-size: 12px;color: #fff;line-height: 25px;border-top:1px solid #424242;padding: 13px 15px;background: #1f1f1f;}
.foot_bottom img{vertical-align: text-bottom;}
.foot_bottom a,.foot_bottom a:hover{color:#fff;}
input::-webkit-input-placeholder{color: #fff;}
input::-moz-placeholder{color: #fff;}
input::-ms-input-placeholder{color: #fff;}

/* kv */
.swiper-kv{width: 100%;font-size: 0;}
.kv_center{position: relative;display:block;}
.kv_center img{width: 100%;height: auto;}
.kv_con{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;background: rgba(0,0,0,0.6);color: #fff;display: flex;display: -ms-flexbox;display: -webkit-flex;align-items: center;justify-content: center;text-align: center;}
.kv_con div h2{font-size: 60px;font-weight: 100;}
.kv_con div p{font-size: 38.7px;font-family: "avant";}
.kv_box .swiper-pagination-bullet {width: 27px;height: 27px;text-align: center;line-height: 25px;font-size: 13px;color:#fff;opacity: 1;background: none;font-family: 'avant';box-sizing: border-box;border: 1px solid rgba(255,255,255,0);}
.kv_box .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 2px 0 2px 30px;}
.kv_box .swiper-pagination-bullet-active {border: 1px solid #fff;position: relative;}
.kv_box .swiper-pagination-bullet-active::before{position: absolute;width: 20px;height: 1px;background: #fff;left: -30px;top: 50%;content: '';}
.kv_box .swiper-pagination-bullet-active::after{position: absolute;width: 30px;height: 1px;background: #fff;right: -40px;top: 50%;content: '';}
.kv_box .swiper-pagination{width: 95px;height: 100%;bottom: 0;left: auto;right: 0;display: flex;display: -ms-flexbox;display: -webkit-flex;flex-direction: column;justify-content: center;}

.swiper-slide .kv_con h2,.swiper-slide .kv_con p{transform:translateY(-60px);opacity:0;transition:all 0.8s 0.5s;}
.swiper-slide-active .kv_con h2,.swiper-slide-active .kv_con p{transform:translateY(0);opacity:1;}

/* product */
.index_product{padding: 145px 0 125px 0;}
.index_title{font-weight: bold;line-height: 60px;}
.index_title div{font-size: 70px;font-family: arial;text-transform: uppercase;}
.index_title p{font-size: 30px;}
.index_product_lb{position: relative;padding: 70px 0 115px 0;}
.index_product_lb .swiper-slide,.index_product_box{width: 417px;height: 417px;}
.index_product_box{overflow: hidden;border: 1px solid #eaeaea;position: relative;text-align: center;display: block;}
.index_product_box img{max-width: 90%;max-height: 90%;}
.index_product_con{position: absolute;width: 100%;height: 100%;background: rgba(246,204,27,0.9);display: flex;display: -ms-flexbox;display: -webkit-flex;align-items: center;justify-content: center;font-size: 24px;color: #fff;left: 0;top: 0;opacity: 0;}
.index_product_lb .swiper-pagination{position: absolute;right: 50%;margin-right: -650px;top: -40px;}
.index_product_lb .swiper-pagination-bullet{width: 90px;height: 32px;margin-left: 10px;margin-right: 0;border: 1px solid #4b4b4b;background: #fff;border-radius: 0;color: #333;font-size: 12px;outline: none;opacity: 1;vertical-align:top;overflow:hidden;}
.index_product_lb .swiper-pagination-bullet-active,.index_product_lb .swiper-pagination-bullet:hover{background: #f6cc1b;border: 1px solid #f6cc1b;color: #fff;}
.index_product_btn{position: absolute;width: 100%;padding: 0 30px;text-align: center;left: 0;bottom: 0;}
.index_product_btn div{border: 1px solid #4b4b4b;background: #fff;color: #333;height: 36px;line-height: 36px;display: inline-block;font-size: 12px;font-weight: 100;text-align: center;position: relative;vertical-align: top;margin-top: 0;width: 48px;outline: none;}
.index_product_btn div a{display: block;color: #333;}
.index_product_btn .index_pro_more{width: 140px;margin: 0 20px;}
.index_product_btn .swiper-button-next:after,.index_product_btn .swiper-button-prev:after{font-size: 12px;font-weight: 600;}

/*about us*/
.index_about{position: relative;padding: 95px 0;background: url(../images/index_about_bg.jpg) no-repeat;background-size: cover;background-position: center center;height: 723px;display: flex;display: -ms-flexbox;display: -webkit-flex;align-items: center;}
.index_about_right{position: absolute;right: 0;max-width: 43%;}
.index_about .index_title{margin-top: 65px;}
.index_about_hh{display: block;}
.index_about_con{width: 57%;font-size: 14px;line-height: 28px;margin: 40px 0;}
.index_about_btn{display: inline-block;width: 150px;height: 43px;line-height: 43px;text-align: center;color: #fff;background: #f6cc1b;font-family: 'avant';font-size: 18px;text-transform: uppercase;}

/*brand*/
.index_brand{padding: 148px 0 115px 0;}
.index_brand_box{display: flex;display: -ms-flexbox;display: -webkit-flex;align-items: center;justify-content: center;}
.index_brand_left{position: relative;width: 922px;display: inline-block;}
.index_brand_left img{width: 100%;height: auto;}
.index_brand_country{position: absolute;cursor: pointer;}
.index_brand_country div{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: #5dc5a2;position: relative;}
.index_brand_country div:before{content: '';position: absolute;width: 10px;height: 10px;border: 1px solid rgba(93,197,162,1);left: 0;top: 0;border-radius: 50%;box-sizing: border-box;}
.index_brand_country div:after{content: '';position: absolute;width: 10px;height: 10px;border: 1px solid rgba(93,197,162,1);left: 0;top: 0;border-radius: 50%;box-sizing: border-box;}
.index_brand_country:hover div:before{-webkit-animation: scroll 2s infinite; animation: scroll 2s infinite;}
.index_brand_country:hover div:after{-webkit-animation: scroll 2s infinite; animation: scroll 2s infinite;-webkit-animation-delay: 1s;animation-delay: 1s;}
.index_brand_country p{position: absolute;width: 70px;font-size: 14px;}
@keyframes scroll {
  0% {width: 10px;height: 10px;left: 0;top: 0;border: 1px solid rgba(93,197,162,1);}
  100% {width: 80px;height: 80px;left: -35px;top: -35px;border: 1px solid rgba(93,197,162,0);}
}
.country1{left: 22%;top: 37%;}
.country1 p{left: 28px;top: 15px;}
.country2{left: 41%;top: 23%;}
.country2 p{left: 28px;top: -22px;}
.country3{left: 40%;top: 30%;}
.country3 p{right: 17px;top: 8px;text-align: right;}
.country4{left: 37%;top: 42%;}
.country4 p{left: 10px;top: 15px;}
.country5{left: 56%;top: 29%;}
.country5 p{left: 28px;top: -5px;}
.country6{left: 53%;top: 35%;}
.country6 p{left: 28px;top: 10px;}
.country7{left: 54%;top: 49%;}
.country7 p{left: 20px;top: 0px;}
.country8{left: 70%;top: 33%;}
.country8 p{left: 28px;top: -20px;}
.country9{left: 76%;top: 42%;}
.country9 p{left: 28px;top: -5px;}
.country10{left: 67%;top: 57%;}
.country10 p{left: 28px;top: 10px;}
.country11{left: 27%;top: 53%;}
.country11 p{left: 25px;top: 10px;}
.country12{left: 45%;top: 26%;}
.country12 p{left: 15px;top: 10px;}
.country13{left: 44%;top: 34%;}
.country13 p{left: 0px;top: 15px;}
.country14{left: 66%;top: 10%;}
.country14 p{left: 0px;top: 15px;}
.country15{left: 70%;top: 42%;}
.country15 p{left: 0px;top: 15px;}
.country16{left: 64%;top: 48%;}
.country16 p{left: 0px;top: 15px;}
.country17{left: 61%;top: 52%;}
.country17 p{left: 0px;top: 15px;}

.index_brand_right{width: 250px;display:none;}
.index_brand_icon{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;text-align: center;}
.index_brand_img{margin: 20px 0;width:48%;}
.index_brand_img p{margin-top: 10px;line-height: 24px;}

/*news*/
.index_news{padding: 140px 0 92px 0;background: #f4f4f4;}
.index_news_list{background: #fff;padding: 75px 40px 33px 30px;display: block;}
.index_news_title{font-size: 18px;color: #585858;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.index_news_time{font-size: 12px;color: #a6a6a6;line-height: 40px;}
.index_news_con{font-size: 13px;color: #919191;line-height: 24px;display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.index_news_dian span{display: inline-block;width: 6px;height: 6px;background: #c5c5c5;border-radius: 50%;margin-right: 5px;}
.index_news_img img{height: 160px;width: auto;max-width: 80%;}
.index_news_img{text-align: center;}
.index_news_box{position: relative;margin-top: 65px;}
.index_news_box .swiper-button-next{right: -40px;}
.index_news_box .swiper-button-prev{left: -40px;}
.index_news_box .swiper-button-next,.index_news_box .swiper-button-prev{width: 50px;height: 45px;background: #f6cc1b;color: #fff;outline: none;}
.index_news_box .swiper-button-prev:after,.index_news_box .swiper-button-next:after{font-size: 20px;}

.new_title{padding: 60px 0 40px 0;border-bottom: 1px solid #D2D2D2;text-align: center;}
.new_title h2{font-size: 32px;}
.new_title p{font-size: 18px;margin-top: 20px;color: #888;}
.new_box{padding: 60px 0 100px 0;text-align: center;}
.new_box img{max-width: 100%;margin: 20px 0;}
.new_box p{font-size: 14px;line-height: 26px;text-align: left;}

/*about--------------------------------------------*/
.about_kv{height: 900px;position: relative;}
.about_kv_box{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;display: -ms-flexbox;display: -webkit-flex;align-items: center;justify-content: center;background: rgba(0,0,0,.6);color: #fff;}
.public_title{text-align: center;font-weight: bold;}
.public_title div{font-size: 70px;text-transform: uppercase;}
.public_title p{font-size: 30px;color: #444;}
.about_kv_box .public_title p{color: #fff;}
.about_kv_con{margin: 65px 0;font-size: 14px;line-height: 30px;}
.about_kv_wenhua{background: rgba(255,255,255,.2);padding: 40px 45px;}
.about_kv_wenhua div{font-size: 24px;}
.about_kv_wenhua p{font-size: 14px;line-height: 30px;}

/*contact*/
.contact{padding-top: 150px;}
.map_box{height: 485px;position: relative;margin-top: 65px;}
.contact_map{width: 100%;height: 100%;}
.anchorBL{display: none;}
.contact_box{position: absolute;background: rgba(51,51,51,0.6);color: #fff;padding: 70px 45px;right: 50%;margin-right: -620px;top: 50%;margin-top: -170px;}
.contact_company{margin-bottom: 30px;}
.contact_company h2{font-size: 24px;font-weight: 400;}
.contact_box .contact_company p{font-size: 14px;text-transform: uppercase;letter-spacing: -0.4px;line-height: 22px;font-weight: 100;}
.contact_box p{font-size: 14px;line-height: 36px;}

/*message*/
.message{padding: 150px 0 75px 0;font-size: 0;}
.message_box{margin: 44px -10px 10px -10px;}
.message_box div{padding: 10px;}
.message_box div.message_w5{width: 50%;display: inline-block;}
.message_box div input{width: 100%;height: 47px;border: 1px solid #d5d5d5;padding: 0 20px;outline: none;font-size: 14px;border-radius: 0;-webkit-appearance: none;line-height: 46px;}
.message_box div input::-webkit-input-placeholder{color: #999999;font-family: "微软雅黑";}
.message_box div input::-ms-input-placeholder{color: #999;font-family: "微软雅黑";}
.message_box div input::-moz-placeholder{color: #999;font-family: "微软雅黑";}
.message_box div textarea{width: 100%;height: 90px;border: 1px solid #d5d5d5;padding: 10px 20px;outline: none;font-size: 14px;resize: none;line-height: 28px;border-radius: 0;-webkit-appearance: none;}
.message_box div textarea::-webkit-input-placeholder{color: #999;font-family: "微软雅黑";}
.message_box div textarea::-ms-input-placeholder{color: #999;font-family: "微软雅黑";}
.message_box div textarea::-moz-placeholder{color: #999;font-family: "微软雅黑";}
.message_btn{display: inline-block;width: 103px;height: 54px;line-height: 54px;background: #f6cc1b;color: #fff;font-size: 16px;text-align: center;}

/*cosmetology-----------------------------------------*/
.pet_title{padding: 75px 20px 55px 20px;border-bottom: 1px solid #d2d2d2;}
.pet_tab{text-align: center;padding: 50px 0 30px 0;font-size: 0;}
.pet_tab_list{display: inline-block;margin: 25px;}
.pet_tab.pet_a{position: fixed;width: 100%;top: -460px;z-index: 99;left: 0;}
.pet_tab.fixed{top: 0;padding: 0;background: #fff;}
.pet_tab_img{width: 100px;height: 100px;position: relative;border-radius: 50%;overflow: hidden;display: inline-block;}
.pet_tab_img img{width: 100%;height: auto;}
.pet_tab_mb{background: rgba(0,0,0,0.6);position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.pet_tab_mb span{opacity: 0;}
.heng{width: 27px;height: 1px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -13px;}
.shu{width: 1px;height: 27px;background: #fff;position: absolute;left: 50%;top: 50%;margin-top: -14px;}
.pet_tab_list.active .pet_tab_mb,.pet_tab_list:hover .pet_tab_mb{background: rgba(246,204,27,0.8);}
.pet_tab_list.active .pet_tab_mb span,.pet_tab_list:hover .pet_tab_mb span{opacity: 1;}
.pet_tab_list p{font-size: 16px;color: #333;line-height: 30px;margin-top: 10px;}
.pet_box_list{margin: 0 -10px;font-size: 0;padding-bottom: 20px;}
.shebei_box{display: inline-block;width: 33.33%;padding: 10px;text-align: center;vertical-align: top;}
.shebei_box a{display: block;}
.shebei_img{border: 1px solid #D2D2D2;overflow: hidden;position: relative;}
.shebei_img img{width: 100%;height: auto;}
.shebei_box p{font-size: 20px;padding: 20px 0;line-height: 40px;height: 120px;color: #333;text-transform: uppercase;}

.imgbox{position: fixed;width: 100%;height: 100%;display: none;left: 0;top: 0;z-index: 10;}
.imgbox.active{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: center;align-items: center;}
.imgbox img{position: relative;z-index: 2;max-width: 65%;max-height: 80%;border: 5px solid #fff;}
.img_mp{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.6);left: 0;top: 0;z-index: 1;}

.pet_gg{padding: 75px 0;}
.pet_gg img{width: 100%;}
.hot_icon{width: 43px;height: 43px;display: inline-block;position: absolute;left: 20px;top: 30px;background: url(../images/hot.png);z-index: 2;background-size: 100% 100%;}

/*cos_ins----------------------------------------*/
.cos_ins_box{display: flex;justify-content: space-between;padding: 50px 0;}
.cos_left{width: 320px;display: inline-block;height: fit-content;}
.cos_left div{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.cos_left a{display: block;line-height: 46px;background:#fff;padding: 0 20px;color: #333;border-bottom: 1px solid #f4f4f4;font-size: 14px;transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition:all 0.5s;}
.cos_title{font-size: 36px;padding: 0 0 30px 0;border-bottom: 1px solid #D2D2D2;line-height: 40px;}
.cos_title p{float: right;font-size: 14px;color: #666;}
.cos_title p a{color: #666;}
.cos_title p a:hover{color: #F6CC1B;}
.cos_box{padding: 45px 0;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;width:100%;}
.cos_img{width: 400px;}
.cos_ins_img{border: 1px solid #f1f1f1;font-size: 0;position: relative;}
.cos_img img{width: 100%;}
.cos_con{padding-left: 50px;width: 390px;}
.cos_con div{font-size: 24px;text-transform: uppercase;}
.cos_con p{font-size: 14px;line-height: 28px;margin: 18px 0 32px 0;}
.description{width: 940px;box-shadow: 0 0 20px rgba(0,0,0,0.1);padding: 50px 75px;}
.description_title{font-size: 24px;text-align: center;background: #f4f4f4;padding: 10px;font-weight: bold;margin-bottom: 20px;}
.description_con{text-align: center;}
.description_con img{max-width: 100%;}
.cos_img .swiper-slide{border: 1px solid #F1F1F1;margin-top: 10px;cursor: pointer;max-height: 80px;overflow: hidden;font-size: 0;}
.fixed_box{position: fixed;right: 0;bottom: 160px;z-index: 99;}

/*workshop---------------------------------------*/
.workshop{border: none;}
.workshop_con{display: block;margin-bottom: 30px;overflow: hidden;position: relative;}
.workshop_con img{width: 100%;}
.workshop_mp{position: absolute;width: 100%;height: 100%;display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: center;align-items: center;left: 0;top: 0;background: rgba(246,204,27,0.8);opacity: 0;}
.workshop_mp span{display: inline-block;width: 52px;height: 52px;border: 2px solid #fff;border-radius: 50%;position: relative;}
.workshop_mp span:before{content:'';width: 21px;height: 1px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -10px;}
.workshop_mp span:after{content:'';width: 1px;height: 21px;background: #fff;position: absolute;left: 50%;top: 50%;margin-top: -10px;}

/*certificate------------------------------------------*/
.ce_box{display: inline-block;width: 25%;padding: 10px;vertical-align: top;}
.ce_box .workshop_con{margin: 0;border: 1px solid #D2D2D2;}
.ce_box p{font-size: 20px;padding: 20px 0;line-height: 40px;height: 120px;color: #333;text-transform: uppercase;text-align: center;}

/*exhibition------------------------------------------*/
.ex_box{display: flex;display: -ms-flexbox;display: -webkit-flex;justify-content: space-between;align-items: flex-start;margin-bottom: 55px;}
.ex_tab{height: 95px;padding-left: 65px;position: relative;}
.ex_tab:before{content: '';position: absolute;width: 1px;height: 100%;background: #f6cc1b;left: 80px;top: 15px;}
.ex_tab:last-child:before{display: none;}
.ex_tab a{display: block;font-size: 0;}
.ex_nav{width: 270px;line-height: 30px;padding-top: 7px;}
.ex_yuan{border: 3px solid #fff;height: 30px;width: 30px;display: inline-block;border-radius: 50%;vertical-align: sub;z-index: 2;position: relative;margin-right: 10px;}
.ex_yuan span{display: inline-block;width: 24px;height: 24px;border: 4px solid #fcf0be;background: #f6cc1b;border-radius: 50%;}
.ex_tab p{font-size: 24px;color: #000;display: inline-block;}
.ex_tab.active p{font-size: 30px;}
.ex_tab.active{height: 250px;}
.album{width: 1030px;}
.album_box{margin: 0 -10px;font-size: 0;}
.album_box div{display: inline-block;width: 33.33%;padding: 10px;}
.album_box div img{width: 100%;height: auto;}
.ex_box.visible-xs{display: none;}



@media only screen and (min-width: 1024px) {
	.index_product_box:hover .index_product_con{opacity: 1;}
	.index_product_box:hover{border: 1px solid rgba(246,204,27,0.9);}
	.index_product_btn div:hover{background: #f6cc1b;border: 1px solid #f6cc1b;color: #fff;}
	.index_product_btn div:hover a{color: #fff;}
	.index_news_list:hover .index_news_title{color: #f6cc1b;}	
	.shebei_box a:hover .shebei_img img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);}
	.workshop_con:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);}
	.workshop_con:hover .workshop_mp{opacity: 1;}
	.cos_left a:hover{background: #F6CC1B;}
}


@media only screen and (max-width: 1600px) {
	.kv_con div h2{font-size: 50px;}
	.kv_con div p{font-size: 32.5px;}
	.index_title div{font-size: 60px;}
	.index_title p{font-size: 24px;}
	.index_product_con{font-size: 20px;}
	.about_kv{height: 800px;}
	.fixed_box img{width:390px;height:auto;}
}
@media only screen and (max-width: 1440px) {
	.index_about_hh{display: inline-block;width: 20px;}
	.index_about_con{width: 50%;}
	.index_about{height: 630px;}
	.index_about .index_title{margin-top: 20px;}	
	.index_brand{padding: 100px 0 80px 0;}
	.index_news_box{margin-top: 45px;}
	.index_news{padding: 100px 0 80px 0;}
	.about_kv{height: 700px;}
	.public_title div{font-size: 54px;}
	.public_title p{font-size: 22px;}
	.about_kv_con{margin: 50px 0;font-size: 13px;line-height: 26px;}
	.about_kv_wenhua{padding: 35px 40px;}
	.about_kv_wenhua div{font-size: 20px;}
	.about_kv_wenhua p{font-size: 13px;line-height: 26px;}
	.contact{padding-top: 120px;}
	.message{padding: 120px 0 65px 0;}
	.pet_tab_img{width: 90px;height: 90px;}
	.pet_gg{padding: 65px 0;}
	.pet_title{padding: 65px 20px 45px 20px;}
	.workshop_con{margin-bottom: 20px;}
	.new_title{padding: 40px 0 25px 0;}
	.new_title h2{font-size: 26px;}
	.new_title p{font-size: 14px;margin-top: 10px;}
	.new_box{padding: 40px 0 60px 0;}
}

@media only screen and (max-width: 1366px) {
	.container{width: 1024px;}
	.head_box{height: 60px;line-height: 60px;}
	.logo_box{height: 60px;}
	.logo_box img{max-height: 80%;width: auto;}
	.logo_box img.hidden-xs{height: 40%;}
	.nav_list li{line-height: 60px;height: 60px;}
	.nav_list li a{font-size: 14px;line-height: 60px;padding: 0 5px;}
	.nav_list li div{font-size: 14px;margin-left: 15px;}
	.nav_list li div img{width: 14px;height: auto;margin-right: 5px;}
	.nav_down{left: 0;top: 60px;text-align: center;height: 50px;}
	.nav_list li .nav_down li{line-height: 50px;height: 50px;}
	.nav_list li .nav_down a{line-height: 50px;margin: 0 6px;}
	.kv_con div h2{font-size: 40px;}
	.kv_con div p{font-size: 26px;}
	.index_product{padding: 80px 0 70px 0;}
	.index_product_lb{padding: 45px 0 90px 0;}
	.index_product_lb .swiper-pagination{margin-right: -450px;}
	.index_product_lb .swiper-slide, .index_product_box{width: 284px;height: 284px;}
	.index_product_con{font-size: 16px;}
	.index_title{line-height: 36px;}
	.index_title div{font-size: 40px;}
	.index_title p{font-size: 18px;}
	.index_about{padding: 70px 0;height: 580px;}
	.index_brand_left{width: 650px;}
	.index_brand_img img{width: 80px;height: auto;}
	.index_brand_right{width: 200px;}
	.index_brand_img p{font-size: 14px;line-height: 22px;margin-top: 5px;}
	.index_brand_img{margin: 10px 0;}
	.index_brand{padding: 80px 0 65px 0;}
	.index_news_list{padding: 50px 25px 25px 30px;}
	.index_news{padding: 80px 0 65px 0;}
	.about_kv{height: 560px;}
	.public_title div{font-size: 38px;}
	.public_title p,.about_kv_wenhua div{font-size: 17px;}
	.about_kv_con{font-size: 12px;line-height: 22px;margin: 35px 0;}
	.about_kv_wenhua{padding: 25px 30px;}
	.about_kv_wenhua p{font-size: 12px;line-height: 22px;}
	.contact_box{padding: 55px 40px;margin-right:-450px;margin-top:-150px;}
	.map_box{height: 420px;margin-top:45px;}
	.contact{padding-top: 100px;}
	.message{padding: 100px 0 55px 0;}
	.pet_tab_img{width: 80px;height: 80px;}
	.pet_tab_list{margin: 15px;}
	.pet_tab{padding: 30px 0 15px 0;}
	.pet_tab_list p{font-size: 14px;line-height: 20px;}
	.shebei_box p,.ce_box p{height: 70px;padding: 10px 0;font-size: 16px;line-height: 25px;}
	.cos_con{padding-left: 40px;}
	.cos_con div,.description_title{font-size: 20px;}
	.cos_con p{margin: 15px 0 20px 0;}
	.pet_gg{padding: 45px 0;}
	.hot_icon{width: 30px;height: 30px;left: 15px;top: 20px;}
	.pet_title{padding: 45px 20px 35px 20px;}
	.ce_box{width: 33.33%;}
	.ex_tab{padding-left: 0;}
	.ex_tab:before{left: 11px;}
	.ex_yuan{width: 22px;height: 22px;border-width: 2px;margin-right: 5px;}
	.ex_yuan span{width: 18px;height: 18px;border-width: 3px;}
	.ex_tab p{font-size: 20px;}
	.ex_tab.active p{font-size: 24px;}
	.ex_tab{height: 75px;}
	.ex_tab.active{height: 180px;}
	.ex_box{margin-bottom: 35px;}
	.description{width: 750px;padding: 50px 25px;}
	.cos_left{width: 235px;}
	.fixed_box img{width:350px;}
	
}
@media only screen and (max-width: 1024px) {
	.container{width: 100%;padding: 0 20px;}
	.foot_center > div{padding-top: 40px;padding-left: 30px;height: 160px;}
	.foot_center .foot_left{width: 33%;height: 160px;}
	.qrbox{width: 22%;}
	.foot_right{padding: 0 30px;width: 40%;}
	.foot_liuyan input{height: 46px;line-height: 46px;padding-right: 75px;}	
	.liuyan_right a{height: 46px;line-height: 46px;width: 65px;font-size: 13px;}
	.index_news_box .swiper-button-next,.index_news_box .swiper-button-prev{display: none;}
	.index_news_box .swiper-pagination{width: 100%;text-align: center;}
	.index_news_box .swiper-pagination-bullet{margin: 0 4px;}
	.index_news_box .swiper-pagination-bullet-active{background: #f6cc1b;}
	.map_box{height: auto;margin-top:30px;}
	.contact_map{height: 320px;}
	.contact_box{position: relative;width: 100%;margin: 0;right: 0;padding: 25px 20px;}
	.contact_company{margin-bottom: 15px;}
	.contact_company h2{font-size: 20px;}
	.contact_box p{line-height: 24px;}
	.contact{padding-top: 80px;}
	.message{padding: 80px 0 45px 0;}
	.pet_gg{padding: 35px 0 25px;}
	.workshop_con{margin-bottom: 10px;}
	.cos_ins_box{flex-direction: column;}
	.description{margin: 20px auto;width: 100%;box-shadow: none;}
	.cos_left{width: 100%;text-align: center;display: flex;justify-content: space-around;box-shadow: none;}
	.cos_left a{display: inline-block;border: none;background: #f4f4f4;}
}
@media only screen and (max-width: 940px) {
}

@media only screen and (max-width: 768px) {
	.hidden-xs{display: none;}
	.container{width: 100%;padding: 0 20px;}
	
	.nav_icon{position: absolute;right: 6px;top: 6px;font-size: 0;line-height: 0;width: 62px;padding: 15px;}
	.nav_icon span{display: inline-block;width: 26px;height: 2px;border-radius: 1px;background: #333;margin-bottom:6px;opacity: 0.8;}
	.nav_icon span:nth-child(1){width: 18px;}
	.nav_icon span:nth-child(3){width: 22px;}
	.head_box{height: 60px;line-height: 60px;position: relative;}
	.head_box a img{height: 46px;width: auto;}
	.nav_list{position: fixed;width: 100%;height: 100%;left: -100%;top: 0;z-index: 99;overflow: auto;}
	.nav_list_mb{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.4);z-index: 0;}
	.nav_list.in{left: 0;}
	.nav_list li{display: block;position: relative;line-height: 50px;height: 50px;width: 50%;z-index: 2;background: #F4F4F4;}
	.nav_list li.hidden-xs{display: none;}
	.nav_list li a{display: block;line-height: 50px;}
	.nav_list li.switch a{display:inline-block;}
	.nav_down{top: 0;height: auto;background: none;text-align: left;width: 100%;position: relative;}
	.nav_list li .nav_down a{padding-left: 30px;margin: 0;color: #333;}
	.nav_list li .nav_down li{width: 100%;}
	
	.foot_list{display: none;}
	.foot_center > div.foot_left{display: none;}
	.foot_logo,.foot_right{width:100%;}
	.foot_center .foot_right{padding-top: 0;}
	.foot_right p{margin-bottom: 10px;}
	.foot_center > div {padding: 20px 20px;height: auto;}	
    .liuyan_left,.liuyan_right{width:100%;margin-bottom: 10px;}
	.kv_con div h2{font-size: 20px;font-weight: 400;}
	.kv_con div p{font-size: 13px;}
	.kv_box .swiper-pagination-bullet-active::before{display: none;}
	.kv_box .swiper-pagination-bullet-active::after{right: -30px;}
	.kv_box .swiper-pagination{width: 75px;}
	.kv_box .swiper-pagination-bullet-active{border: 1px solid rgba(255,255,255,0);}
	
	.index_product_lb .swiper-pagination{display: none;}
	.index_about_right{position:relative;max-width:90%;left:5%;margin-top:20px;width:90%;}
	.index_about_con{width: 100%;font-size: 13px;line-height: 24px;margin: 25px 0;}
	
	.index_title{line-height: 24px;}
	.index_title div{font-size: 26px;}
	.index_title p{font-size: 15px;}
	.index_product{padding: 60px 0 50px 0;}
	.index_product_lb{padding: 30px 0 60px 0;}
	.index_product_lb .swiper-slide, .index_product_box{width: 180px;height: 180px;}
	.index_product_box img{max-width: 96%;max-height: 96%;}
	.index_about{height: auto;padding: 50px 0;display:block;}
	.index_about .index_title{margin: 0;}
	
	.index_brand{padding: 60px 0 50px 0;}
	.index_brand_box{display: block;}
	.index_brand_left,.index_brand_right{width: 100%;}
	.index_brand_left{margin-top: 30px;}
	.index_brand_country p{font-size: 12px;}
	.country1 p{left: 18px;top: 5px;}
	.country2 p{left: 18px;top: -12px;}
	.country3 p{right: 18px;top: 5px;text-align: right;}
	.country4 p{right: 10px;top: 5px;text-align: right;}
	.country5 p{left: 18px;top: -5px;}
	.country6 p{left: 18px;top: 10px;}
	.country7 p{left: 18px;top: 0px;}
	.country8 p{left: 18px;top: -10px;}
	.country9 p{left: 18px;top: -5px;}
	.country10 p{left: 18px;top: 10px;}

	.index_brand_country div,.index_brand_country div:before,.index_brand_country div:after{width: 6px;height: 6px;}
	@keyframes scroll {
	  0% {width: 6px;height: 6px;left: 0;top: 0;border: 1px solid rgba(93,197,162,1);}
	  100% {width: 40px;height: 40px;left: -17px;top: -17px;border: 1px solid rgba(93,197,162,0);}
	}

	.index_news_list{padding: 30px 15px 25px 15px;}
	.index_news_title{font-size: 16px;}
	.index_news_img img{height: 100px;}
	.index_news{padding: 60px 0 40px 0;}
	.index_news_box{margin-top: 25px;}
	.about_kv{height: auto;}
	.about_kv_box{display: block;position: relative;padding: 45px 0;}
	.public_title div{font-size: 30px;}
	.public_title p, .about_kv_wenhua div{font-size: 16px;}
	.about_kv_wenhua{padding: 20px;}
	.contact{padding-top: 60px;}
	.message{padding: 60px 0 35px 0;}
	.message_box{margin: 25px 0 5px 0;}
	.message_box div.message_w5{width: 100%;}
	.message_box div{padding: 5px 0;}
	.message_btn{height: 47px;line-height: 47px;font-size: 14px;}
	.pet_tab_list{margin: 10px;}
	.pet_tab_img{width: 60px;height: 60px;}
	.pet_tab_list p{font-size: 12px;}
	.shebei_box{width: 50%;padding: 5px;}
	.pet_box_list{margin: 0 -5px;}
	.shebei_box p,.ce_box p{font-size: 14px;height: 50px;padding: 5px 0;line-height: 20px;}
	.cos_box{display: block;padding-top: 0;}
	.cos_title p{display:none;}
	.cos_img,.cos_con{width: 100%;padding: 30px 0 0 0;}
	.cos_con div, .description_title{font-size: 18px;}
	.cos_con p{font-size: 13px;line-height: 24px;}
	.hot_icon{width: 20px;height: 20px;left: 10px;top: 10px;}
	.pet_title{padding: 35px 20px 25px 20px;}
	.workshop_con{margin-bottom: 0;}
	.ce_box{width: 50%;padding: 5px;}
	.ex_box.visible-xs{display: block;}
	.ex_tab{height: auto;}
	.album,.ex_nav{width: 100%;}
	.album{padding-left: 30px;margin-bottom: 15px;}
	.album_box div{width: 50%;padding: 5px;}
	.album_box{margin: 0 -5px;font-size: 0;line-height: 0;}
	.heng{width: 19px;margin-left: -9px;}
	.shu{height: 19px;margin-top: -9px;}
	.new_title h2{font-size: 18px;}
	.new_title p{font-size: 12px;margin-top: 10px;}
	
	.imgbox img{max-width: 100%;max-height: 80%;border: 5px solid #fff;}
	.description{padding: 20px 0;}
	.cos_title{font-size: 24px;padding: 0 0 15px 0;}
	.fixed_box{display:none;}

}
@media only screen and (max-width: 414px) {
	.index_brand_img{width: 26%;}
	.index_brand_img img{width: 60px;}
	.contact_map{height: 220px;}
	.kv_center{height: 220px;}
	.kv_center img{object-fit: cover;width: 100%;height: 100%;}
	.cos_left{flex-wrap: wrap;justify-content: space-between;}
	.cos_left a{width: 49%;margin-bottom: 1%;}
}