/* 前端邵刚 */

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

@font-face {
 font-family: "robr";
 src: url("../fonts/Roboto-Regular.woff") format("woff"),
      url("../fonts/Roboto-Regular.ttf") format("truetype"),
      url("../fonts/Roboto-Regular.eot") format("embedded-opentype"),
      url("../fonts/Roboto-Regular.svg") format("svg");
 font-weight: normal;
 font-style: normal;
}

.robr{font-family: "robr";}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;position: relative;padding: 0; width: 100%;color: #2C2E1D;font-family:'robr', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px; line-height:1.5;background: #fff;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

html{font-size: 100px;}

.ul,.ul .li,.ul li,.ul td,.ul dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .4s; -moz-transition: all .4s; transition: all .4s;color: #2C2E1D;outline: none;}

textarea,select{outline:none;color:#666;font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

.edit img,
.img_inline_block img{ display: inline-block;height: auto !important;}

.gdt::-webkit-scrollbar{ width:4px;height: 1px;}

.gdt::-webkit-scrollbar-thumb{ background:#CBDA00;border-radius: 2px;}

.gdt::-webkit-scrollbar-track{ background:#DDDDDD;border-radius: 2px;}

.f_12{font-size:12px;}

.f_14{font-size:14px;}

.f_16{font-size:16px;}

.f_18{font-size:18px;}

.f_20{font-size:20px;}

.f_22{font-size:22px;}

.f_24{font-size:24px;}

.f_26{font-size:26px;}

.f_28{font-size:28px;}

.f_30{font-size:30px;}

.f_32{font-size:32px;}

.f_34{font-size:34px;}

.f_36{font-size:36px;}

.f_38{font-size:38px;}

.f_40{font-size:40px;}

.f_42{font-size:42px;}

.f_44{font-size:44px;}

.f_46{font-size:46px;}

.f_48{font-size:48px;}

.f_50{font-size:50px;}

.mg60{margin-top: 0.6rem;}

.pd120{padding: 1.2rem 0;}

.fw_100{font-weight: 100;}

.img_cct{width: 100%;opacity: 0;}

.line9{line-height: calc(1em + 9px);}

.line10{line-height: calc(1em + 10px);}

.t_line1{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

.t_line2{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.t_line3{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.t_line4{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.t_line5{overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

@font-face {
 font-family: "robm";
 src: url("../fonts/Roboto-Medium.woff") format("woff"),
       url("../fonts/Roboto-Medium.ttf") format("truetype"),
       url("../fonts/Roboto-Medium.eot") format("embedded-opentype"),
       url("../fonts/Roboto-Medium.svg") format("svg");
 font-weight: normal;
 font-style: normal;
}
.robm{font-family: "robm";}
.robm{font-weight:400;}

@font-face {
 font-family: "robl";
 src: url("../fonts/Roboto-Light.woff") format("woff"),
       url("../fonts/Roboto-Light.ttf") format("truetype"),
       url("../fonts/Roboto-Light.eot") format("embedded-opentype"),
       url("../fonts/Roboto-Light.svg") format("svg");
 font-weight: normal;
 font-style: normal;
}
.robl{font-family: "robl";}
.robl{font-weight: 100;}

@font-face {
 font-family: "robb";
 src: url("../fonts/roboto-bold-webfont.woff") format("woff"),
       url("../fonts/roboto-bold-webfont.ttf") format("truetype"),
       url("../fonts/roboto-bold-webfont.eot") format("embedded-opentype"),
       url("../fonts/roboto-bold-webfont.svg") format("svg");
 font-weight: normal;
 font-style: normal;
}
.robb{font-family: "robb";}
.robb{font-weight:bold;}

@font-face {
  font-family: "din";
  src: url("../fonts/DIN-BOLD.OTF") ;
  font-weight: normal;
  font-style: normal;
}
.din{font-family: 'din';}

/*分页*/

.a_dw{position: relative;top: -70px;}

.box{max-width:1400px;width:75%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.box2{max-width:1760px;width:92.5%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.alltime2,.alltime2 *{-webkit-transition: all .6s cubic-bezier(.4,0,.2,1); -moz-transition: all .6s cubic-bezier(.4,0,.2,1); transition: all .6s cubic-bezier(.4,0,.2,1);}

.alltime3,.alltime3 *{-webkit-transition: all .8s cubic-bezier(.4,0,.2,1); -moz-transition: all .8s cubic-bezier(.4,0,.2,1); transition: all .8s cubic-bezier(.4,0,.2,1);}

.alltime4,.alltime4 *{-webkit-transition: all 1s cubic-bezier(.4,0,.2,1); -moz-transition: all 1s cubic-bezier(.4,0,.2,1); transition: all 1s cubic-bezier(.4,0,.2,1);}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

.fce{text-align: center;}

.iw100{width: 100%;}

.place::-webkit-input-placeholder{color:#DDDDDD;}

.place:-moz-placeholder{color:#DDDDDD;}

.place::-moz-placeholder{color:#DDDDDD;}

.place:-ms-input-placeholder{color:#DDDDDD;}

/* 视频弹框 */
.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;z-index: 130;opacity: 0;visibility: hidden;pointer-events: none;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);-moz-transition: all .4s cubic-bezier(.4,0,.2,1);transition: all .4s cubic-bezier(.4,0,.2,1);}

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

.z_tanchuang .tbox .modal {background: white;padding: 0px;display: block;border-radius: 5px;position: relative;width: 90%;width: 1000px;max-height: 90%;margin: 0 auto;transform: translateY(5%);opacity: 0;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);-moz-transition: all .4s cubic-bezier(.4,0,.2,1);transition: all .4s cubic-bezier(.4,0,.2,1);}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: -20px;right: -20px;cursor: pointer;z-index: 5;}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}

.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}

.z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1000px;}

.z_tanchuang.act{visibility: visible;pointer-events: visible;opacity: 1;}

.z_tanchuang.act .tbox .modal{transform: translateY(0); opacity: 1;}

.itwo img:nth-child(2){position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;opacity: 0;}

.ifhover:hover .itwo img:nth-child(1){opacity: 0;}

.ifhover:hover .itwo img:nth-child(2){opacity: 1;}

.ihover:hover.itwo img:nth-child(1){opacity: 0;}

.ihover:hover.itwo img:nth-child(2){opacity: 1;}

/* 头部开始 */

.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 111;}

.header::before{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 1px;background: #fff;opacity: 0;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.header .box2{display: flex;align-items: center;justify-content: space-between;}

.header .logo{display: block;}

.header .rf{display: flex;align-items: center;}

.header .rf .nav{display: flex;}

.header .rf .nav .li{display: flex;position: relative;}

.header .rf .nav .li:not(:last-child){margin-right: 0.49rem;}

.header .rf .nav .li .lv1 a{line-height: 110px;color: #fff;position: relative;}

.header .rf .nav .li .lv1 a s{position: absolute;left: 0;top: 67px;height: 1px;width: 0;background: #fff;opacity: 0.6;}

.header .rf .nav .li:hover .lv1 a{color: #CBDA00;}

.header .rf .nav .li.act .lv1 a s{width: 100%;}

.header .rf .search{margin-left: 0.77rem;width: 22px;position: relative;display: flex;}

.header .rf .global{position: relative;margin-left: 0.27rem;width: 19px;transform: translateY(-1px);}

.header .rf .nav .li .lv2list{position: absolute;background: #272723;top: 100%;left: -0.38rem;width: calc(100% + 0.76rem);padding: 0.37rem 0  0.3rem;display: none;transition: none;-webkit-transition: none;text-align:center;}

.header .rf .nav .li .lv2list .lv2 a{display: block;line-height: 21px;color: #fff;}

.header .rf .nav .li .lv2list .lv2:not(:last-child){margin-bottom: 1em;}

.header .rf .nav .li .lv2list .lv2 a:hover{color: #CBDA00;}

.header .rf .nav .li .lv2list .itlist{display:flex;justify-content:space-between;text-align:left;padding-left: 0.37rem;}

.header .rf .nav .li .lv2list .itlist .item:first-child{width: 256px;border-right: 1px solid rgba(255,255,255,0.1);padding-right: 0.38rem;}

.header .rf .nav .li .lv2list .itlist .item:nth-child(2){width: 350px;padding: 0 0.1rem 0 0.38rem}


.header .rf .nav .li .lv2list .itlist .item .tt{line-height: 21px;color:#fff;padding-bottom: 8px;}

.header .rf .nav .li .lv2list .itlist .item .lv3{display:flex;margin-top: 6px;}

.header .rf .nav .li .lv2list .itlist .item .lv3 a{line-height: calc(1em + 10px);color:#fff;}

.header .rf .nav .li .lv2list .itlist .item .lv3 a:hover{color: #CBDA00;}

.header .rf .nav .li:first-child .lv2list.lang_zh_width{width: 5.08rem;min-width: 520px;}
.header .rf .nav .li:first-child .lv2list.lang_width{width: 5.08rem;width: 650px;}

.header .rf .global .gbt{position: absolute;width: 150px;margin-left: -90px;left: 50%;top: 100%;padding-top: 46px;text-align: center;display: none;transition: none;}

.header .rf .global .gbt .gcon{background: #272723;padding: 0.37rem 0;}

.header .rf .global .gbt a{display: block;line-height: 21px;color: #fff;}

.header .rf .global .gbt .glink:not(:last-child){margin-bottom: 1em;}

.header .rf .global .gbt .glink a.f_18 spanblack{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.header .rf .global .gbt .glink a.f_18 span{
  display: inline-block;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}
.header .rf .global .gbt .glink a.f_18 span > img{
  margin-left:20px;
  margin-right: 10px;
}


.header .rf .global .gbt a:hover{color: #CBDA00;}

.header,
.header.act,
.header.act2,
.header:hover{background: #272723;}

.header:hover::before{opacity: 0.1;}

.header.act .rf .nav .li .lv1 a{line-height: 80px;}

.header.act .rf .nav .li .lv1 a s{top: 52px;}

.header.act .rf .global .gbt{padding-top: 31px !important;}

/* 底部 */
.footer{background: #272723;padding: 50px 0 37px;}

.footer .ftp{display: flex;justify-content: space-between;padding-bottom: 0.66rem;flex-wrap: wrap;}

.footer .ftp .lf{padding-top: 0.1rem;width: calc(400 / 1400 * 100%);width: 400px;max-width: 100%;}

.footer .ftp .lf .t2{line-height: calc(1em + 9px);color: #fff;margin-top: calc(1em - 6px);}

.footer .ftp .lf .t3{color: #fff;}

.footer .ftp .lf .t4{color: #fff;}

.footer .ftp .lf .t4 a{color: #fff;}

.footer .ftp .lf .t4 a:not(:last-child){margin-right: 1em;}

.footer .ftp .lf .t4 a:hover{color: #CBDA00;}

.footer .ftp .ce{width: calc(240 / 1400 * 100%);}

.footer .ftp .ce .li .lv1{display: flex;}

.footer .ftp .ce .li .lv1 a{line-height: 2;color: #fff;text-transform: uppercase;}

.footer .ftp .ce .li .lv1 a:hover{color: #CBDA00;}

.footer .ftp .rf .t1{color: #fff;}

.footer .ftp .rf .ul{display: flex;}

.footer .ftp .rf .ul .li{margin: 14px 0.3rem 0 0;position: relative;}

.footer .ftp .rf .ul .li:hover a{transform: translateY(-10px);}

.footer .ftp .rf .ul .li .lbt{position: absolute;width: 110px;top: 100%;padding-top: 0;left: 50%;transform: translateX(-50%) translateY(20px);opacity:0;pointer-events:none;}

.footer .ftp .rf .ul .li:hover .lbt{transform: translateX(-50%) translateY(0);opacity: 1;pointer-events: all;}

.footer .fbt .links{display: flex;align-items: center;line-height: 19px;}

.footer .fbt .links a{color: #969696;}

.footer .fbt .links a:hover{color: #fff;}

.footer .fbt .links span{color: #969696;margin: 0 0.13rem;}

.footer .fbt .bot{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 4px;line-height: 22px;color: #969696;}

.footer .fbt .bot a{color: #969696;}

.footer .fbt .bot a:hover{color: #fff;}

/* 首页 */
.in1_swp .swiper-wrapper{height: auto;}

.in1_swp a{display: block;}

.in2{background: url(../images/in2_1.png) no-repeat top right;background-size: cover;}

.in2 .box{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}

.in2 .lf{width: calc(550 / 1400 * 100%);}

.in2 .rf{width: calc(696 / 1400 * 100%);margin-bottom: 0.16rem;}

.in2 .rf .t1{line-height: calc(47 / 40);color: #1D1E12;}

.in2 .rf .tline{width: 80px;height: 1px;background: #999999;margin-top: 0.25rem;}

.in2 .rf .t2{margin-top: 0.6rem;}

.in2 .rf .t3{margin-top: 0.54rem;line-height: 26px;}

.in2 .rf .t4{margin-top: 0.53rem;}

.inbtn{display: flex;align-items: center;justify-content: center;width: 225px;height: 58px;background: #F0F0F0;border-radius: 29px;color: #2C2E1D;}

.inbtn span{width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;border-radius: 22px;border: 1px solid #CCCCCC;margin-left: 30px;position: relative;}

.inbtn:hover{background: #CBDA00;color: #fff;}

.inbtn:hover span{border-color: #fff;}

.in4{padding: 1.12rem 0 0.84rem;}

.in4 .tit{line-height: calc(47 / 40);color: #1D1E12;}

.in4 .tline{width: 80px;height: 1px;background: #999999;margin: 0.25rem auto 0;}

.in4 .ul{display: flex;flex-wrap: wrap;}

.in4 .ul .li{width: calc((100% - 0.8rem) / 3);margin: 0.6rem 0.4rem 0 0;}

.in4 .ul .li:nth-child(3n){margin-right: 0;}

.in4 .ul .li .ss{display: block;text-align: center;}

.in4 .ul .li .ss .img{overflow: hidden;}

.in4 .ul .li .ss .img img{width: 100%;}

.in4 .ul .li .ss .txt{padding: 0.27rem .33rem;}

.in4 .ul .li .ss .t1{line-height: calc(1em + 10px);color: #1D1E12;}

.in4 .ul .li .ss .t2{line-height: calc(1em + 8px);color: #2C2E1D;margin-top: 1em;}

.in4 .ul .li .ss:hover .img img{transform: scale(1.05);}

.in4 .ul .li .ss:hover .txt{background: #CBDA00;}

/*.in4 .ul .li .ss:hover .txt .t1{font-family: 'robr';}*/

/*.in4 .ul .li .ss:hover .txt .t2{color: #fff;}*/

.in3{position: relative;}

.in3 .imgbg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.in3 .ul{position: relative;z-index: 5;display: flex;overflow: hidden;}

.in3 .ul .li{width: calc(360 / 1920 * 100%);min-width: calc(360 / 1920 * 100%);margin: 0 calc(20 / 1920 * -100%);position: relative; overflow: hidden;}

.in3 .ul .li::before{content: "";position: absolute;top: 0;left: 30px;width: calc(100% - 30px);height: 100%;background-color: var(--color);}

.in3 .ul .li .bgimg{content: "";position: absolute;top: 0;left: 0;width: 30px;height: 100%;background-size: 100% 100%;background-position: center;background-repeat: no-repeat;}

.in3 .ul .li .bgimg2{content: "";position: absolute;top: 0;left: 0;width: 30px;height: 100%;background-size: 100% 100%;background: none;mask-image: url("../images/black.png");mask-repeat: no-repeat;mask-position: left center;mask-size: 100% 100%;transform-origin: 0 0;-webkit-mask-image: url("../images/black.png");-webkit-mask-repeat: no-repeat; -webkit-mask-position: left center;-webkit-mask-size: 100% 100%;-webkit-transform-origin: 0 0;opacity: 0;z-index: 10;}

.in3 .ul .li .bgimg2 s{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: var(--color);}

.in3 .ul .li:hover .bgimg2{opacity: 1;}


.in3 .ul .li:nth-child(2){z-index: 2;}

.in3 .ul .li:nth-child(3){z-index: 3;}

.in3 .ul .li:nth-child(4){z-index: 4;}

.in3 .ul .li:nth-child(5){z-index: 5;}

.in3 .ul .li:nth-child(6){z-index: 6;}

.bg1::before{background-color: #71c24c;}

/* .bg1::after{background: url(../images/in3_1_1.png) no-repeat center;background-size: 100% 100%;} */

.bg2::before{background-color: #f59ccc;}

/* .bg2::after{background: url(../images/in3_1_2.png) no-repeat center;background-size: 100% 100%;} */

.bg3::before{background-color: #4a1d91;}

/* .bg3::after{background: url(../images/in3_1_3.png) no-repeat center;background-size: 100% 100%;} */

.bg4::before{background-color: #eddea8;}

/* .bg4::after{background: url(../images/in3_1_4.png) no-repeat center;background-size: 100% 100%;} */

.bg5::before{background-color: #eaac3c;}

/* .bg5::after{background: url(../images/in3_1_5.png) no-repeat center;background-size: 100% 100%;} */

.bg6::before{background-color: #3eaef6;}

/* .bg6::after{background: url(../images/in3_1_6.png) no-repeat center;background-size: 100% 100%;} */

.in3 .ul .li:first-child::before{width: calc(100% + 30px);left: 0;}

.in3 .ul .li:first-child .bgimg{display: none;}

.in3 .ul .li .ss{display: block;height: 100%;padding: 3.02rem 0 2.68rem;position: relative;z-index: 5;width: calc(320 / 360* 100%);margin:0 auto;}

.in3 .ul .li:nth-child(1){margin-left: 0;}

.in3 .ul .li .img{width: calc(302 / 360 * 100%);margin: 0 auto;position: relative;width: 100%;}

.in3 .ul .li .img img:nth-child(1){position: relative;z-index: 5;}

.in3 .ul .li .img img:nth-child(2){position: absolute;top: 0;left: -50%;width: 200%;max-width: 200%;opacity: 0;}

.in3 .ul .li .txt{line-height: calc(1em + 9px);color: #fff;position: relative;z-index: 10;}

.in3 .ul .li:hover .img img:nth-child(1){opacity: 1;}

.in3 .ul .li:hover .img img:nth-child(2){opacity: 1;}

.in3 .swiper-slide::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: var(--color)}

.in3 .swiper-slide .ss{display: block;height: 100%;position: relative;z-index: 5;padding: 0.6rem 0;}

.in3 .swiper-slide .ss img:nth-child(2){display: none;}

.in3 .swiper-slide .ss .img{width: calc(302 / 360 * 100%);margin: 0 auto;position: relative;}

.in3 .swiper-slide .ss .img img{width: 100%;}

.in3 .swiper-slide .ss .txt{line-height: calc(1em + 9px);color: #fff;position: relative;z-index: 10;}

.in3 .swiper-slide .ss .bgimg{content: "";position: absolute;top: 0;left: -15px;width: 20px;height: 100%;background-size: 100% 100%;background-position: center;background-repeat: no-repeat;}

.in3 .swiper-wrapper{height: auto;}

.in3 .pogin{margin-top: 0.6rem;display: flex;align-items: center;justify-content: center;}

.in3 .pogin span{width: 8px;height: 8px;background: #c6c6c6;margin: 0 3px;border-radius: 50%;}

.in3 .pogin span.swiper-pagination-bullet-active{background: #CBDA00;}

.in3 .pogin.swiper-pagination-lock{display: none;}

.inner_banner{background: url(../images/inner_banner_zz4.png) no-repeat center bottom;background-size: cover;position: relative;}

.inner_banner .imgs{mask-image: url("../images/inner_banner_zz2.png");mask-repeat: no-repeat;mask-position: center bottom;mask-size: cover;transform-origin: 0 0;-webkit-mask-image: url("../images/inner_banner_zz2.png");-webkit-mask-repeat: no-repeat; -webkit-mask-position: center bottom;-webkit-mask-size: cover;-webkit-transform-origin: 0 0;position: relative;}

.inner_banner:not(.act) .imgs::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/inner_banner_zz.png) no-repeat center;background-size: cover;}

.inner_banner .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;z-index: 10;}

.inner_banner .txt .t1{display: flex;align-items: center;justify-content: center;line-height: calc(1em + 9px);color: #fff;}

.inner_banner .txt .t1 s{width: 60px;height: 1px;background: #fff;opacity: 0.6;margin: 0 0.27rem;}

.prodlist{padding: 37px 0 1.2rem;}

.switch .item:not(:last-child){margin-bottom: 0.53rem;}

.switch .item .itp{line-height: calc(1em + 9px);}

.switch .item .ibt{display: flex;flex-wrap: wrap;}

.switch .item .ibt .ss{margin-top: 0.21rem;line-height: 21px;color: #1D1E12;display: flex;align-items: center;}

.switch .item .ibt .ss:not(:last-child){margin-right: 0.38rem;}

.switch .item .ibt .ss span{width: 18px;height: 18px;min-width: 18px;border: 1px solid #1D1E12;border-radius: 50%;margin-right: 12px;}

.switch .item .ibt .ss.act span{background: #CBDA00;border-color: #CBDA00;}

.psearch{display: flex;justify-content: space-between;margin-top: 0.59rem;padding-bottom: 0.6rem;border-bottom: 1px solid rgba(217, 217, 217, 1)}

.psearch .lf{width: calc(1000 / 1400 * 100%);display: flex;}

.psearch .lf input{display: block;width: 100%;height: 60px;border: 1px solid #E5E5E5;border-radius: 0;padding: 0 20px;outline: none;background: none;}

.psearch .lf a{display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background: #CBDA00;min-width: 60px;}

.psearch .lf a:hover{background: rgba(203, 218, 0, 0.7);}

.psearch .rf{width: 200px;}

.psearch .rf a{display: flex;justify-content: center;align-items: center;background: #CBDA00;color: #1D1E12;height: 60px;}

.psearch .rf a span{width: 22px;margin-left: 16px;}

.psearch .rf a:hover{background: rgba(203, 218, 0, 0.7);}

.psearch .rf a:hover span img{transform: rotate(180deg);}

.prodlist .ul{display: flex;flex-wrap: wrap;padding-top: 0.2rem;}

.prodlist .ul .li{width: calc((100% - 0.8rem) / 3);margin: 0.4rem 0.4rem 0 0;}/*background: var(--color);*/

.prodlist .ul .li:nth-child(3n){margin-right: 0;}

.prodlist .ul .li .ss{display: block;height: 100%;position: relative;overflow: hidden;padding: 0.53rem 0 0.37rem;}

.prodlist .ul .li .ss::before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/prod1_1.png) no-repeat center;background-size: 100% 100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);transform: scale(1.25);z-index: 10;}

.prodlist .ul .li .img{position: relative;z-index: 5;width: calc(272 / 440 * 100%);margin: 0 auto;}

.prodlist .ul .li .img img:nth-child(1){position: relative;z-index: 5;}

.prodlist .ul .li .img img:nth-child(2){position: absolute;left: -50%;top: 0;width: 200%;max-width: 200%;opacity: 0;}

.prodlist .ul .li .txt{position: relative;z-index: 10;margin-top: 10px;padding: 0 0.2rem;}

.prodlist .ul .li .txt .t1{color: #fff;}

.prodlist .ul .li .txt .t2{line-height: calc(26 / 18);color: #fff;margin-top: 0.15rem;}

.prodlist .ul .li .ss:hover::before{transform: scale(1);}

.prodlist .ul .li .ss:hover img:nth-child(2){opacity: 1;}

.color1{--color: #71c24c;}

.color2{--color: #f59ccc;}

.color3{--color: #4A1D91;}

.color4{--color: #EDDEA8;}

.color5{--color: #EAAC3C;}

.color6{--color: #3EAEF6;}

.color7{--color: #758FC8;}

.color8{--color: #C92B2F;}

.color9{--color: #CBDA1D;}


.prod_cont{padding: 0.85rem 0;}

.prod_cont .edit{line-height: calc(26 / 18);color: #2C2E1D;}

.txtcolor1{--color: #71c24c;}

.txtcolor2{--color: #f59ccc;}

.txtcolor3{--color: #4A1D91;}

.txtcolor4{--color: #EDDEA8;}

.txtcolor5{--color: #EAAC3C;}

.txtcolor6{--color: #3EAEF6;}

.txtcolor7{--color: #758FC8;}

.txtcolor8{--color: #C92B2F;}

.txtcolor9{--color: #CBDA1D;}

.prod_cont .edit_title{color: var(--color);padding-bottom: 0.3rem;border-bottom: 1px solid #D9D9D9;margin-bottom: 0.3rem;}

/*.prod_cont .model .prod_edit_tit{color: var(--color);}*/

/*.prod_cont .model>.prod_edit_tit:first-child{padding-bottom: 0.3rem !important;border-bottom: 1px solid #D9D9D9;}*/

.prod_cont .model .prod_edit_line{display:none;}

.prod_cont .model .prod_edit_c1{margin-top: 0.34rem;margin-top: 0 !important;}

.prod_cont .model .prod_edit_c1 .prod_edit_det{margin-top: 0.3rem;margin-top: 0 !important;}

.prod_cont .model .prod_edit_c1 .prod_edit_det p{margin-bottom: 0.23rem;margin-bottom: 0 !important;}

/*.prod_cont .model .prod_edit_c1 .prod_edit_det p:not(:last-child){margin-bottom: 0.23rem;}*/

.prod_cont .model .prod_edit_c2{margin-top: 0.46rem;margin-top: 0 !important;}

.prod_cont .model .prod_edit_c2 .prod_edit_det{margin-top: 0.3rem;margin-top: 0 !important;}

/*.prod_cont .model .prod_edit_c2 .prod_edit_det p{position: relative;padding-left: 20px;}*/

/*.prod_cont .model .prod_edit_c2 .prod_edit_det p::before{content: "";position: absolute;left: 0;width: 5px;height: 5px;border-radius: 50%;background: var(--color);top: calc(26 / 18 * 0.5em - 2px);}*/

.prod_cont .model .prod_edit_c2 .prod_edit_det p{margin-bottom: 0 !important;}

/*.prod_cont .model .prod_edit_c2 .prod_edit_det p:not(:last-child){margin-bottom: 0.23rem;}*/

.prod_cont .model .prod_edit_c3{margin-top: 0.94rem;margin-top: 0 !important;}

.artistslist{padding: 60px 0 45px;}

.artistslist .ul{display: flex;flex-wrap: wrap;}

.artistslist .ul .li{width: calc((100% - 0.8rem) / 3);margin: 0 0.4rem 0.69rem 0;}

.artistslist .ul .li:nth-child(3n){margin-right: 0;}

.artistslist .ul .li .ss{display: block;}

.artistslist .ul .li .ss .img{overflow: hidden;}

.artistslist .ul .li .ss .txt{padding: 0.27rem 0.27rem 0.25rem;}

.artistslist .ul .li .ss .txt .t1{line-height: calc(1em + 10px);color: #1D1E12;}

.artistslist .ul .li .ss .txt .t2{line-height: 24px;color: #1D1E12;margin-top: 0.12rem;}

.artistslist .ul .li .ss:hover .img img{transform: scale(1.05);}

.artistslist .ul .li .ss:hover .txt{background: #CBDA00;}

.artistslist .ul .li .ss:hover .txt .t1{font-weight: bold;}

.artists_cont{padding: 55px 0 1.2rem;}

.artists_cont .edit{line-height: calc(26 / 18);}

.inner_banner .imgs{z-index: 5;}

.inner_banner .pglogo{position: absolute;right: -0.91rem;top: calc(568 / 710 * 100%);}

.aboutLayout{overflow: hidden;}

.aboutLayout .cont{padding: 52px 0 1.13rem;position: relative;z-index: 10;}

.ab_tit{line-height: calc(1em + 7px);color: #1D1E12;}

.ab_line{height: 1px;width: 80px;background: #999999;margin: 0.25rem auto 0;}

.ab_logo{margin: 0.6rem 0 0;display: flex;justify-content: center;}

.aboutLayout .edit{line-height: calc(26 / 18);}

.ab1 .edit{margin-top: 0.55rem;}

.ab2{margin-top: 0.93rem;}

.ab2 .edit{margin-top: 0.55rem;}

.ab2_ul{display: flex;flex-wrap: wrap;}

.ab2_ul .li{width: calc((100% - 0.8rem) / 3);margin: 5px 0.4rem 0 0;}

.ab2_ul .li:nth-child(3n){margin-right: 0;}

.ab2_ul .li:nth-child(1){--color:#CBDA00;}

.ab2_ul .li:nth-child(2){--color:#EAAC3C;}

.ab2_ul .li:nth-child(3){--color:#3EAEF6;}

.ab2_ul .li .ss{display: block;height: 100%;background: #F9F9F9;border-bottom: 0.08rem solid var(--color);padding: 0.45rem 0.5rem 0.8rem;}

.ab2_ul .li .ss .t1{line-height: 28px;color: var(--color);}

.ab2_ul .li .ss .tline{border-bottom: 1px dashed #999999;margin-top: 0.24rem;}

.ab2_ul .li .ss .t2{margin-top: 0.24rem;line-height: 26px;}

.ab2_ul .li .ss .t2 p{position: relative;padding-left: 17px;}

.ab2_ul .li .ss .t2 p::before{content: '';position: absolute;left: 0;width: 5px;height: 5px;border-radius: 50%;background: #1D1E12;top: 11px;}

.ab3{margin-top: 0.93rem;}

.ab3 .edit{margin-top: 0.55rem;}

.supportLayout .cont{padding: 0.8rem 0 1.2rem;}

.su1{display: flex;align-items: center;justify-content: space-between;}

.su1 .lf{width: calc(572 / 1400 * 100%);}

.su1 .lf .t1{line-height: calc(1em + 7px);color: #1D1E12;}

.su1 .lf .tline{width: 80px;height: 1px;background: #999999;margin-top: 0.25rem;}

.su1 .lf .t2{line-height: calc(26 / 18);color: #2C2E1D;margin-top: 0.54rem;}

.su1 .lf .t2 p{padding-left: 20px;position: relative;}

.su1 .lf .t2 p::before{content: "";position: absolute;left: 0;width: 5px;height: 5px;border-radius: 50%;background: #1D1E12;top: calc(26 / 18 * 0.5em - 2px);}

.su1 .lf .t2 p:not(:last-child){margin-bottom: 0.23rem;}

.su1 .rf{width: calc(700 / 1400 * 100%);}

.su2{margin-top: 1.12rem;}

.su2 .ul{padding-top: 0.5rem;}

.su2 .ul .li{margin-top: 10px;}

.su2 .ul .li .ss{display: flex;justify-content: space-between;align-items: center;padding: 0.46rem 0.3rem 0.46rem 0.4rem;background: #F9F9F9;position: relative;}

.su2 .ul .li .ss s{position: absolute;left: 0;bottom: 0;width: 0;height: 0.08rem;background: #CBDA00;}

.su2 .ul .li .ss:hover s{width: 100%;}

.su2 .ul .li .ss .lf{max-width: calc(100% - 100px);display: flex;align-items: flex-start;}

.su2 .ul .li .ss .lf .llf{width: 285px;display: flex;align-items: center;padding: 2px 0.2rem 1px 0;border-right: 1px solid #E5E5E5;}

.su2 .ul .li .ss .lf .llf:hover{color: #CBDA00;}

.su2 .ul .li .ss .lf .llf span{width: 50px;min-width: 50px;margin-right: 0.17rem;}

.su2 .ul .li .ss .lf .lrf{width: calc(100% - 285px - 0.4rem);margin-left: 0.4rem;}

.su2 .ul .li .ss .rf .down{display: block;position: relative;width: 60px;height: 60px;border-radius: 50%;overflow: hidden;}

.newsLayout .cont{padding: 0.6rem 0 1rem;}

.news_ul{display: flex;flex-wrap: wrap;}

.news_ul .li{width: calc((100% - 0.57rem) / 4);margin: 0.3rem 0.19rem 0 0;}

.news_ul .li:nth-child(4n){margin-right: 0;}

.news_ul .li .ss{display: block;}

.news_ul .li .ss .img{overflow: hidden;}

.news_ul .li .ss .txt{padding: 16px 19px 17px 0;}

.news_ul .li .ss .txt .t1{line-height: 21px;color: #1D1E12;}

.news_ul .li .ss .txt .t2{line-height: 16px;color: #51524D;margin-top: 10px;}

.news_ul .li .ss:hover .img img{transform: scale(1.05);}

.news_ul .li .ss:hover .txt{background: #CBDA00;padding-left: 19px;}

/*.news_ul .li .ss:hover .txt .t1{font-family: 'robr';}*/

.page1{text-align:center;margin: 0;text-align: center;display: flex;justify-content: center;}

.page1 a, .page1 span{display: flex;justify-content: center;align-items: center;color:#292C0C;width: 26px;height: 26px;border-radius: 50%;text-decoration:none;font-size: 14px;background:#F7F7F7;margin: 0 0.1rem;}

.page1 a:hover,
.page1 span.current{ background:#CBDA00;}

.page1 span input{display: block;width: 26px;height: 26px;border-radius: 50%;border: 1px solid #E5E5E5;outline: none;text-align: center;background:#fff ;}

.page1 a.prev{background: url(../images/svg/arr_left.svg) center no-repeat;}

.page1 a.prev:hover {background: url(../images/svg/arr_left2.svg) center no-repeat;}

.page1 a.next{background: url(../images/svg/arr_left.svg) center no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.page1 a.next:hover {background: url(../images/svg/arr_left2.svg) center no-repeat;}

.page1 span a.din{background: none;}

.page1 span a.din:hover{color: #CBDA00;}

.page2{display: block;width: 120px;line-height: 36px;text-align: center;color: #fff;line-height: 36px;border-radius: 18px;margin: 0 auto;background: #CBDA00;}

.header_place{height: 110px;}

.news_cont{padding: 70px 0 1.2rem;}

.news_cont .sbox{max-width: 1000px;margin: 0 auto;}

.news_cont .stp .t1{color: #1D1E12;}

.news_cont .stp .status{display: flex;flex-wrap: wrap;}

.news_cont .stp .status span{margin: 0.24rem 0.36rem 0 0;color: #51524D;}

.news_cont .sbt{position: relative;border-top: 2px solid #E5E5E5;margin-top: 0.34rem;padding-top: 0.35rem;}

.news_cont .sbt .edit{line-height: calc(26 / 18);}

.news_cont .sbt .goback{display: flex;justify-content: flex-end;margin-top: 0.44rem;}

.news_cont .sbt .goback a{width: 220px;height: 50px;text-align: center;line-height: 50px;border-radius: 25px;background: #CBDA00;color: #292C0C;}

.news_cont .sbt .goback a:hover{background: rgba(203, 218, 0, 0.7);}

.news_cont .sbt .links{position: absolute;top: -6px;left: calc(100% + 0.8rem);}

.news_cont .sbt .links .tt{line-height: 23px;white-space: nowrap;}

.news_cont .sbt .links .ul{padding-top: 6px;}

.news_cont .sbt .links .li{margin-top: 18px;}

.news_cont .sbt .links .li a:hover img{transform: translateY(-5px);}

.videoLayout .cont{padding: 0.17rem 0 1rem;}

.videoLayout .cont .news_ul{padding-top: 0.3rem;}

.news_ul .li .ss .img{position: relative;}

.news_ul .li .ss .img img:nth-child(2){position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

.sear{display: flex;}

.sear input{display: block;width: 100%;height: 60px;border: 1px solid #E5E5E5;border-radius: 0;padding: 0 20px;outline: none;background: none;}

.sear a{display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;background: #CBDA00;min-width: 60px;}

.sear a:hover{background: rgba(203, 218, 0, 0.7);}

.de1{padding: 60px 0 1.2rem;}

.de1 .sbox{min-height: 806px;}

.de1 .ul{padding-top: 0.4rem;display: flex;flex-wrap: wrap;}

.de1 .ul .li{margin: 0.2rem 0.4rem 0 0;width: calc(50% - 0.2rem);background: #F9F9F9;position: relative;}

.de1 .ul .li:nth-child(2n){margin-right: 0;}

.de1 .ul .li .ltp{padding: 35px 0.5rem;line-height: 28px;position: relative;}

.de1 .ul .li .ltp::before{content: "";position: absolute;left: 0;top: 50%;margin-top: -0.09rem;width: 0.08rem;height: 0.18rem;background: var(--color);}

.de1 .ul .li .lbt{position: relative;overflow: hidden;position: absolute;top: 100%;left: 0;background: #F9F9F9;width: 100%;display: none;}

.de1 .ul .li .lbt .gdt{height: 590px;overflow-y: auto;padding: 0 0.5rem;position: relative;}

.de1 .ul .li .lbt .gdt::-webkit-scrollbar-thumb{background: var(--color);}

.de1 .ul .li .lbt::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 0.08rem;background: var(--color);display: block;}

.de1 .ul .li .lbt .line{border-top: 1px dashed #999999;margin-bottom: 0.21rem;}

.de1 .ul .li .lbt .item{display: flex;align-items: center;justify-content: space-between; padding: 0.4rem 0;}

.de1 .ul .li .lbt .item:not(:last-child){border-bottom: 1px solid #E5E5E5;}

.de1 .ul .li .lbt .item .lf{width: calc(240 / 580 * 100%);border: 1px solid #E5E5E5;}

.de1 .ul .li .lbt .item .rf{width: calc(295 / 580 * 100%);}

.de1 .ul .li .lbt .item .rf .t1{color: #1D1E12;margin-bottom: 0.2rem;position: relative;}

.de1 .ul .li .lbt .item .rf .t1::before{content: '';position: absolute;left: -16px;width: 5px;height: 5px;border-radius: 50%;background: #1D1E12;top: calc(0.5em + 3px);}

.de1 .ul .li .lbt .item .rf .t2{margin-top: 0.1rem;}

.de1 .ul .li .lbt .item .rf .t2 a:hover{color: var(--color);}

.de1 .ul .li.act{z-index: 10;}

.de1 .ul .li:nth-child(1n){--color: #CBDA00;}

.de1 .ul .li:nth-child(2n){--color: #71C24C;}

.de1 .ul .li:nth-child(3n){--color: #C92B2F;}

.de1 .ul .li:nth-child(4n){--color: #4A1D91;}

.de1 .ul .li:nth-child(5n){--color: #758FC8;}

.de1 .ul .li:nth-child(6n){--color: #EAAC3C;}

.de1 .ul .li:nth-child(7n){--color: #F59CCC;}

.de1 .ul .li:nth-child(8n){--color: #EDDEA8;}

.de1 .ul .li:nth-child(9n){--color: #71C24C;}

.de1 .ul .li:nth-child(10n){--color: #F59CCC;}

.de1 .ul .li:nth-child(11n){--color: #4A1D91;}

.de1 .ul .li:nth-child(12n){--color: #758FC8;}

.de1 .ul .li:nth-child(13n){--color: #CBDA1D;}

.de1 .ul .li:nth-child(14n){--color: #C92B2F;}

@media screen and (min-width: 801px) {
  .de1 .ul .li:nth-child(13) .lbt,
  .de1 .ul .li:nth-child(14) .lbt{top: auto;bottom: 100%;padding-top: 0.22rem;}

  .de1 .ul .li:nth-child(13) .lbt::after,
  .de1 .ul .li:nth-child(14) .lbt::after{top: 0;bottom: auto;}

  .de1 .ul .li:nth-child(13) .lbt .line,
  .de1 .ul .li:nth-child(14) .lbt .line{position: absolute;bottom: 0;left: 0;width: 100%;margin-bottom: 0;}
}

.co1{padding: 0.8rem 0 1rem;}

.co1 .box{display: flex;justify-content: space-between;}

.co1 .lf{width: calc((100% - 405px) * 0.9)}

.co1 .lf .t1{color: #1D1E12;}

.co1 .lf .tline{width: 80px;height: 1px;background: #999999;margin: 0.25rem 0;}

.co1 .lf .tt{margin-top: 0.28rem;}

.co1 .lf .tt .tt1{color: #1D1E12;}

.co1 .lf .tt .tt2{margin-top: 0.13rem;}

.co1 .lf .tt .tt2 a:hover{color: #CBDA00;}

.co1 .lf .tt .tt2 a{display: inline-block;margin-right: 0.2rem;}

.co1 .rf{width: 405px;}

.co2{background: #F9F9F9;padding: 0.72rem 0 1.2rem;padding: 0.85rem 0;}

.co2 .t1{color: #1D1E12;}

.co2 .t2{display: flex;align-items: center;justify-content: center;margin-top: 0.42rem;}

.co2 .t2 a{padding: 0 30px 0 26px;border-radius: 25px;height: 50px;display: flex;align-items: center;justify-content: center;background: #CBDA00;color: #292C0C;}

.co2 .t2 a img{width: 24px;margin-right: 7px;transform: translateY(1px);}

.co2 .t2 a:hover{background: rgba(203, 218, 0, 0.7);}

.searchLayout.galleryLayout,
.searchLayout{padding: 0.8rem 0 1.2rem;}

.searchLayout .sbox{min-height: 50vh;}

.slink{display: flex;justify-content: space-between;padding-bottom: 0.6rem;border-bottom: 1px solid #D9D9D9;}

.slink .lf{display: flex;}

.slink .lf a{width: 180px;height: 60px;margin-right: 30px;display: flex;align-items: center;justify-content: center;border: 1px solid #CBDA00;color: #1D1E12;}

.slink .lf a.act,
.slink .lf a:hover{background: #CBDA00;}

.slink .rf{width: calc(100% - 500px);}

.searchLayout .prodlist{padding: 0;}

.galleryLayout{padding: 11px 0 0.7rem;}

.galleryLayout #container{position: relative;margin: 0.6rem -0.1rem 0;width: 100%;}

.galleryLayout .grid{padding: 0 0.1rem 0.3rem;}

.galleryLayout .grid.grid-size{width: 25%;}

.galleryLayout .grid a{display: block;}

.galleryLayout .grid .imgholder{position: relative;}

.galleryLayout .grid .imgholder img{width: 100%;}

.galleryLayout .grid .imgholder img:nth-child(2){position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;width: auto;}

.galleryLayout .grid .tt{padding: 16px 19px 16px 0;line-height: 21px;color: #1D1E12;}

.galleryLayout .grid a:hover .tt{background: #CBDA00;padding-left: 19px;/* font-family: 'robr'; */}

.gallerycontLayout{padding: 0 0 0.8rem;}

.gallerycontLayout #container{margin: 0.9rem -0.2rem 0;}

.gallerycontLayout .grid.grid-size{width: 33.333%;padding: 0 0.2rem 0.4rem;cursor: pointer;overflow: hidden;}

.gallerycontLayout .grid.grid-size .imgholder{overflow: hidden;}

.gallerycontLayout .grid.grid-size img{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.gallerycontLayout .grid.grid-size:hover img{transform: scale(1.05);}

.img_pop{position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;z-index: 130;}

.img_pop .over{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.5;}

.img_pop .cont{position: absolute;top: 10%;left: 10%;width: 80%;height: 80%;display: flex;align-items: center;justify-content: center;}

.img_pop .cont .modal{max-width: 1000px;position: relative;}

.img_pop .cont .modal .img{max-height: 90vh;overflow-y: auto;padding: 20px;background: #fff;padding: 0;}

.img_pop .cont .modal .close{position: absolute;top: 0;right: -50px;}

.img_pop .cont .modal .close:hover{transform: rotate(90deg);}

.numall{line-height: 1.5;margin-top: 0.3rem;}

.numall span{color: #CBDA00;}


/* 产品多图 */
.prod_cont{padding-top: 0.4rem;}

.prod_cont .edit{margin-top: 0.36rem;}

.prod_cont_swp{position: relative;}

.prod_cont_swp .swiper{padding: 0.2rem 0.16rem 0.4rem;margin: 0 -0.16rem;}

.prod_cont_swp .swiper-slide{background: #FFF;cursor: pointer;}

.swpbtn a{position: absolute;top: 50%;margin-top: -20px;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;justify-content: center;z-index: 10;}

.prod_cont_swp .swiper-slide-active,
.prod_cont_swp .swiper-slide-active + .swiper-slide,
.prod_cont_swp .swiper-slide-active + .swiper-slide + .swiper-slide,
.prod_cont_swp .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide,
.prod_cont_swp .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide,
.prod_cont_swp .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide + .swiper-slide{box-shadow: 0 0.04rem 0.2rem 0 rgba(0, 0, 0, 0.08);}

.swpbtn a img:nth-child(2){position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;opacity: 0;}

.swpbtn a:hover{background-color: var(--color);}

.swpbtn a.prev{left: -50px;}

.swpbtn a.next{right: -50px;}

.img_pop .swpbtn a.prev{left: 10px;}

.img_pop .swpbtn a.next{right: 10px;}

.swpbtn a.next img{transform: rotate(180deg);}

.swpbtn a:hover img:nth-child(1){opacity: 0;}

.swpbtn a:hover img:nth-child(2){opacity: 1;}

.swpbtn a.swiper-button-lock{display: none;}

.img_pop .nums{position: absolute;left: 0;width: 100%;bottom: 20px;display: flex;align-items: center;justify-content: center;}

.img_pop .nums .num2{margin: 0 6px;}




@media screen and (min-width: 1201px) {
  .ph{display: none;}
  .mhead,.mnav,.mnav2 {display: none;}
}

@media screen and (max-width:1800px) {
  html{font-size: 95px;}
}

@media screen and (max-width:1700px) {
  html{font-size: 90px;}
  .f_12{font-size:12px;}
  .f_14{font-size:14px;}
  .f_16{font-size:16px;}
  .f_18{font-size:16px;}
  .f_20{font-size:18px;}
  .f_22{font-size:20px;}
  .f_24{font-size:22px;}
  .f_26{font-size:24px;}
  .f_28{font-size:26px;}
  .f_30{font-size:26px;}
  .f_32{font-size:28px;}
  .f_34{font-size:30px;}
  .f_36{font-size:32px;}
  .f_38{font-size:32px;}
  .f_40{font-size:36px;}
  .f_42{font-size:36px;}
  .f_44{font-size:38px;}
  .f_46{font-size:38px;}
  .f_48{font-size:40px;}
  .f_50{font-size:44px;}
}

@media screen and (max-width:1600px) {
  html{font-size: 85px;}
  
  .de1 .ul .li .lbt .item .lf{width: calc(180 / 580* 100%);}
  
  .de1 .ul .li .lbt .item .rf{width: calc(360 / 580* 100%);}
  
  .de1 .ul .li .lbt .item .rf .f_16{font-size: 14px;}
}

@media screen and (max-width:1500px){
  html{font-size: 80px;}
  .f_12{font-size:12px;}
  .f_14{font-size:14px;}
  .f_16{font-size:16px;}
  .f_18{font-size:16px;}
  .f_20{font-size:16px;}
  .f_22{font-size:18px;}
  .f_24{font-size:20px;}
  .f_26{font-size:22px;}
  .f_28{font-size:24px;}
  .f_30{font-size:24px;}
  .f_32{font-size:26px;}
  .f_34{font-size:28px;}
  .f_36{font-size:30px;}
  .f_38{font-size:30px;}
  .f_40{font-size:32px;}
  .f_42{font-size:34px;}
  .f_44{font-size:36px;}
  .f_46{font-size:36px;}
  .f_48{font-size:38px;}
  .f_50{font-size:40px;}
  
  .header .rf .nav .li .lv1 a{line-height: 80px;}
    
  .header .rf .nav .li .lv1 a s{top: 52px;}
    
  .header .rf .global .gbt{padding-top: 31px !important;}
  
  .header_place{height: 80px;}
}

@media screen and (max-width:1400px) {
  html{font-size: 75px;}

  .galleryLayout .grid.grid-size{width: 33.333%;}
}

@media screen and (max-width:1300px) {
  html{font-size: 70px;}
}

@media (max-width:1200px) {
  html{font-size: 65px;}
  .f_12 {font-size: 12px;}
  .f_16 {font-size: 14px;}
  .f_18 {font-size: 16px;}
  .f_20 {font-size: 16px;}
  .f_22 {font-size: 16px;}
  .f_24 {font-size: 16px;}
  .f_26 {font-size: 16px;}
  .f_28 {font-size: 18px;}
  .f_30 {font-size: 18px;}
  .f_32 {font-size: 20px;}
  .f_34 {font-size: 20px;}
  .f_36 {font-size: 20px;}
  .f_38 {font-size: 20px;}
  .f_40 {font-size: 22px;}
  .f_42 {font-size: 22px;}
  .f_44 {font-size: 22px;}
  .f_46 {font-size: 24px;}
  .f_48 {font-size: 24px;}
  .f_50 {font-size: 24px;}

  body{min-width: 200px;padding-top: 50px;}

	.box{width: 90%;min-width: 100px;padding: 0;}

  .wow,
  .wow1{opacity: 1;}

  .a_dw{top: -50px;}

  .pc{display: none;}

  .header{display: none;}

  .z_tanchuang .tbox .modal{width: 90%;padding: 5px;}

  .z_tanchuang .tbox .modal .out{right: 0;top: -50px;}

  /* ph nav */
  .mhead{display: block;width: 100%;height: 50px;position: fixed;z-index: 119;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;}

  .mhead .menu{height: 50px;padding-left: 35px;background:url(../images/m1.png) center right no-repeat ;background-size: 30px;float: right;}

  .mhead .ss{float: right;width: 40px;height: 50px;background: url(../images/ss_m.png) center no-repeat;background-size: 22px auto;}

  .mhead .logo{display: block;position: absolute;top: 0;left: 0;z-index: 3;}

  .mhead .logo img{display: block;height: 26px;margin-top: 14px;}

  .mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

  .mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 115;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

  .mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;}

  .mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

  .mnav .mbox .ul1 li .ltop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

  .mnav .mbox .ul1 li .ltop a{display: block;width: 100%;}

  .mnav .mbox .ul1 li .ltop a span{
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: flex-start;
      align-items: center;
  }
  .mnav .mbox .ul1 li .ltop a span img{
    margin-right: 6px;
  }

  .mnav .mbox .ul1 li .ltop.act span {background:url(../images/r_hui3.png)  95% no-repeat ;background-size: 16px;}

  .mnav .mbox .ul1 li .ltop.act .mcp {background:url(../images/r_hui2.png)  95% no-repeat ;background-size: 16px;}

  .mnav .mbox .ul1 li .lbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

  .mnav .mbox .ul1 li .lbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

  .mnav.act{left: 0;}

  .mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

  .mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 195;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

  .mnav2 .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.1) ;position: absolute;top: 0;left: 0;z-index: 1;}

  .mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

  .mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

  .mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;}

  .mnav2 .mbox .dl1 dd .dtop span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_hui2.png) center no-repeat ;background-size: 16px;}

  .mnav2 .mbox .dl1 dd .dtop.act span {transform: rotate(90deg);-webkit-transform: rotate(90deg);}

  .mnav2 .mbox .dl1 dd .dbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

  .mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

  .mnav2.act{left: 0;}

  .mnav2.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

  .in3 .ul{display: none;}

  .header_place{display: none;}
  
  .inner_banner{background: url(../images/inner_banner_zz4m.png) no-repeat left bottom;background-size: cover;position: relative;}

  .inner_banner .imgs{mask-image: url("../images/inner_banner_zz2m.png");mask-repeat: no-repeat;mask-position: center bottom;mask-size: cover;transform-origin: 0 0;-webkit-mask-image: url("../images/inner_banner_zz2m.png");-webkit-mask-repeat: no-repeat;-webkit-mask-position: left bottom;-webkit-mask-size: cover;-webkit-transform-origin: 0 0;position: relative;}

}

@media screen and (max-width:1100px) {
  html{font-size: 60px;}
}

@media screen and (max-width:1000px) {
  html{font-size: 55px;}

  .slink{flex-wrap: wrap;}

  .slink .rf{width: 100%;margin-top: 0.4rem;}
}

@media screen and (max-width:900px) {
  html{font-size: 50px;}
}

@media (max-width:800px) {
  .fw_100{font-weight: normal;}

  .galleryLayout .grid.grid-size{width: 50%;}

  .img_pop .cont .modal .close{right: 0;top: -40px;}

  .in2 .lf{width: 100%;}

  .in2 .rf{width: 100%;margin-top: 0.6rem;}

  .inbtn{width: 160px;height: 40px;}

  .inbtn span{margin-left: 15px;width: 30px;height: 30px;}

  .in4 .ul .li{width: 100%;margin-right: 0;}

  .footer .ftp .lf{width: 100%;}

  .footer .ftp .lf .t1{width: 200px;}

  .footer .ftp .ce{display: none;}

  .footer .ftp .rf{width: 100%;margin-top: 0.5rem;}

  .psearch{flex-wrap: wrap;}

  .psearch .lf{width: 100%;}

  .psearch .rf{width: 100%;margin-top: 0.3rem;}

  .prodlist .ul .li{width: 100%;margin-right: 0;}

  .artistslist .ul .li{width: 100%;margin-right: 0;}

  .ab2_ul .li{width: 100%;margin-right: 0;margin-top: 0.3rem;}

  .su1{flex-direction: column-reverse;}

  .su1 .rf{width: 100%;}

  .su1 .lf{width: 100%;margin-top: 0.5rem;}

  .su2 .ul .li .ss .rf .down{width: 30px;height: 30px;}

  .su2 .ul .li .ss .lf{flex-wrap: wrap;max-width: calc(100% - 50px);width: calc(100% - 50px);border-right: 1px solid #E5E5E5;}

  .su2 .ul .li .ss .lf .llf{width: 100%;border-right: none;}

  .su2 .ul .li .ss .lf .lrf{width: 100%;margin-left: 0;}

  .galleryLayout .grid .tt{padding: 10px 10px 10px 0;}

  .galleryLayout .grid a:hover .tt{padding-left: 10px;}

  .news_ul .li{width: 100%;margin-right: 0;}

  .news_cont{padding: 50px 0;}

  .de1 .ul .li{width: 100%;margin-right: 0;}

  .de1 .ul .li .ltp{padding: 15px 25px;}

  .de1 .ul .li .lbt{position: relative;top: 0 !important;bottom: auto !important;}

  .de1 .ul .li .lbt .gdt{height: auto;max-height: 400px;}

  .de1 .ul .li .lbt .item{flex-wrap: wrap;}

  .de1 .ul .li .lbt .item .lf{width: 100%;}

  .de1 .ul .li .lbt .item .rf{width: 100%;margin-top: 0.3rem;}

  .sear input{height: 50px;}

  .sear a{width: 50px;height: 50px;}

  .co1 .box{flex-direction: column-reverse;}

  .co1 .rf{width: 100%;}

  .co1 .lf{width: 100%;margin-top: 0.6rem;}

  .slink .lf{width: 100%;}

  .slink .lf a{width: calc(50% - 0.2rem);height: 50px;margin-right: 0.4rem;}

  .slink .lf a:last-child{margin-right: 0;}
  
  .prod_cont .swpbtn a{display: none;}
  
  
  .prod_cont .pogin.swiper-pagination-lock{display: none;}

  .prod_cont .pogin{display: flex;justify-content: center;align-items: center;margin-top: 0.1rem;}

  .prod_cont .pogin span{width: 8px;height: 8px;border-radius: 50%;margin: 0 3px;background: rgba(204, 204, 204, 0.6);}

  .prod_cont .pogin span.swiper-pagination-bullet-active{background-color: var(--color);}

  .swpbtn a:hover{background: none;}

  .swpbtn a:hover img:nth-child(1){opacity: 1;}

  .swpbtn a:hover img:nth-child(2){opacity: 0;}
}

.page_content_p > p{
  margin: 0.3rem 0;
}
.page_content_p > p:first-child{
  margin: 0;
}