@charset "utf-8";
*{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{padding:0;margin:0 auto;font-size:16px;line-height:28px;color:#555555;background:#fff;font-family:"Microsoft YaHei";overflow-x:hidden!important;-webkit-text-size-adjust:none;-webkit-tap-highlight:transparent;}
input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none}
.ul,article,aside,dd,div,dl,dt,figure,form,menu,nav,pre{padding:0;margin:0}
.ul,.ul li{list-style:none}
table,table td{border-collapse:collapse}
table{border-spacing:0}
input,select,table td,textarea{font-size:14px}
input,select,textarea{border-radius:0;-webkit-border-radius:0}
input,pre,select,textarea{font-family:"Microsoft YaHei"}
img{border:none;max-width:100%;vertical-align:middle}
a{color:#333;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:hover{color:#e70811;text-decoration:none}
a:focus{color:#333;outline:0;-moz-outline:none}
a:active{color:#333}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;text-align:justify;text-justify:inter-ideograph}
.clear{clear:both;height:0;overflow:hidden;zoom:0}
.clearfix:after{content:'';display:block;height:0;clear:both}
.dot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dot1,.dot2,.dot3,.dot4,.dot5,.dot6,.dot7,.dot8{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot1{-webkit-line-clamp:1}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.dot5{-webkit-line-clamp:5}
.dot6{-webkit-line-clamp:6}
.dot7{-webkit-line-clamp:7}
.dot8{-webkit-line-clamp:8}
.ytable{display:table;width:100%}
.ytable-fixed{table-layout:fixed}
.ytable-cell{display:table-cell;vertical-align:middle}

:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mp{margin:0;padding:0;font-weight: normal}

select.select-css{border:solid 1px #000;appearance:none;-moz-appearance:none;-webkit-appearance:none;background-repeat:no-repeat;background-position:98% center;background-color:transparent;padding-right:20px;padding-left:10px}
select.select-css::-ms-expand{display:none}

.body_gray{ background: #fafafa}
.auto{ margin: auto; width: 95%; position: relative}
.auto_1440{ max-width: 1440px; margin: auto; width: 95%;}
.fl{ float: left}
.fr{ float: right}



.Top002916{background: #fff;position: relative; z-index:200;}
.Top002916 .logo{ float: left; max-width:344px; width:55%;display: table; height:100px;}
.Top002916 .logo a{display: table-cell; vertical-align: middle;}
.Top002916 .top-other{ float: right; display: table; height:100px; position: relative; padding-right: 40px}
.Top002916 .top-other:before{display: none;content: ''; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; width: 1px; height:16px; background: #cccccc}
.Top002916 .top-other .size{display: none;/* display: table-cell; */vertical-align: middle;padding-left: 10px; padding-right: 10px;}
.Top002916 .top-other .size a{margin-left: 10px; border: solid 1px #cdcdcd; display: inline-block; text-align: center; border-radius: 100px;}
.Top002916 .top-other .size a.f16{ width: 36px; line-height: 34px;}
.Top002916 .top-other .size a.f14{ width: 30px; line-height: 28px;}
.Top002916 .top-other .size a.f12{ width: 24px; line-height: 22px;}
.Top002916 .top-other .language{display: table-cell;vertical-align: middle;}
.Top002916 .top-other .language a{cursor: pointer;position: relative; line-height: 28px; height: 28px; display: block; background:no-repeat left}
/* .Top002916 .top-other .language .cn{background-image: url(../images/lan_en.png)}
.Top002916 .top-other .language .en{background-image: url(../images/lan_cn.png)}
.Top002916 .top-other .language .jp{background-image: url(../images/lan_jp.png)} */
.Top002916 .top-other .language dl{ margin-left: -10px; position: absolute; display: none; background: rgba(255,255,255,0.5); padding: 10px; border-radius: 0 0 10px 10px}
/* .Top002916 .top-other .language dl a{ padding-left: 40px;} */
.Top002916 .top-other .language dl a:last-child{ margin-top: 10px;}
.Top002916 .top-other .language .cur{ width: 51px; /* font-size: 0px; */}
.Top002916 .top-other .language .cur:after{content: ''; position: absolute; right:0; top: 8px; transform: rotate(45deg); width: 6px; height: 6px; border-right: solid 2px #7f7f7f; border-bottom: solid 2px #7f7f7f; transition: 0.5s}
.Top002916 .top-other .language.on .cur:after{ border-color: #eb112d}
.Top002916 .top-menu ul{ position: relative}
.Top002916 .top-menu li span{font-size: 16px; font-weight: bold}
.Top002916 .top-menu li span,
.Top002916 .top-menu li a{display: block;}
.Top002916 .top-menu li span a{display: inline-block; position: relative;}

.Top002916 .open-search{background: url("../images/search_icon1.png") no-repeat center center; width:28px; height:28px; margin-top: -14px; right:0;}
.Top002916 .top-search{background: #a5894b; padding:2px 50px 2px 2px;max-width: 500px;}
.Top002916 .top-search .btn{background-image:url("../images/search_icon2.png");}

.open-search{cursor: pointer;}
.open-search[rel="absolute"]{position: absolute; top: 50%;}
.open-search[rel="relative"]{position: relative;}
.open-search.on{background: none!important;}
.open-search.on:before,
.open-search.on:after{position: absolute; content: ''; width: 70%; left: 15%; height: 3px; top: 50%; margin-top: -1.5px;background: #000;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.top-search{position: relative;display: none;padding-right: 50px;}
.top-search[rel="absolute"]{position: absolute; top: 100%; right: 0; z-index: 100; width: 100%;max-width: 500px;}
.top-search .text{width: 100%; height: 44px; line-height: 44px; border: 0;background: #fff; padding: 0 10px;color: #999;}
.top-search .text.focus{color: #333;}
.top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 50px;background-repeat: no-repeat;background-position: center center;}


@media(min-width:1025px){
.top-sub{position: absolute; top: 100%; z-index: 100;background:#f9f9f9;}
.top-sub.fl_fr{ left: 0; width: 137%; padding: 30px;}
.top-sub.fl_fr dl{ float: left; width:34%;}
.top-sub.fl_fr dt{ text-align: left!important}
.top-sub.fl_fr dt a{padding: 10px 0}
.top-sub.fl_fr dt:before{ content: ''; width: 8px; height: 8px; position: absolute; right: 5%; top: 50%; margin-top: -4px; transform: rotate(-45deg); border-right: solid 1px #cacaca; border-bottom: solid 1px #cacaca}
.top-sub.fl_fr dt:hover:before{ border-color: #eb4848}
.top-sub.fl_fr .pic{ float: right; width:62.907%;}
.top-sub.fl_fr .pic img{ width: 100%}

.Top002916 .top-menu{float: right;}
.Top002916 .top-menu li{ float: left; padding: 0px 10px;}
.Top002916 .top-menu li span{text-align: center;}
.Top002916 .top-menu li span a{line-height: 100px;}
.Top002916 .top-menu li span a:before{position: absolute; left: 0; bottom:0px; height: 4px; content: ''; width: 100%;}
.Top002916 .top-menu li span a:hover:before,
.Top002916 .top-menu li.aon span a:before{background: #ea4108;}
.Top002916 .top-menu li.aon span a,
.Top002916 .top-menu li a:hover{color: #333333;}
.Top002916 .top-menu li:hover span a,
.Top002916 .top-menu li.aon span a{font-weight: bold; }
.Top002916 .top-menu li#m7{ display: none}
}
@media(min-width:1280px){
.Top002916 .top-menu li{padding: 0px 5px;}
.Top002916 .top-other{ margin-left: 10px; padding-right:40px;}
.Top002916 .top-other .size{padding-left: 20px; padding-right: 20px;}
.Top002916 .top-menu li span{ font-size: 18px}
}
@media(min-width:1360px){
.Top002916 .top-menu li{padding: 0px 5px;}
.Top002916 .top-other .size{padding-left: 20px; padding-right: 20px;}
}
@media(min-width:1440px){
.Top002916 .top-menu li{padding: 0px 15px;}
}
@media(min-width:1600px){
.Top002916 .top-menu li{padding: 0px 25px;}
.Top002916 .top-other{ margin-left: 30px; padding-right:40px;}
.Top002916 .top-other .size{padding-left: 30px; padding-right: 30px;}

}
@media(min-width:1700px){
.Top002916 .top-menu li{float: left; padding: 0px 30px;}
.Top002916 .top-other .size{ padding-left:30px; padding-right:30px;}
}
@media(max-width:1160px){
.Top002916 .top-other{ height:40px; margin-top: 50px; width: 200px; text-align: right}
.Top002916 .top-other .size{ display: block; position: absolute; top:-40px; right: 0; padding: 0}
.Top002916 .top-other .language{ display: inline-block;text-align: left;}
.Top002916 .open-search{ top: 14px;}
.Top002916 .top-other:before{ display: none}
}
@media(max-width:1024px){
body.menu-show{overflow: hidden;}
.Top002916 .logo{ height: 60px;}
.Top002916 .top-other{ width: auto}
.Top002916 .top-other .size{ display: none}
.Top002916 .top-menu{position: fixed; top: 60px;right: 0; bottom: 0; width: 0; opacity: 0;transition: 0.3s; overflow: hidden;background: rgba(165,137,75,0.95); }
.menu-show .Top002916 .top-menu{width: 240px; opacity: 1;padding: 20px;}
.Top002916 .top-menu ul{height: 100%; overflow: auto;width: 200px;}
.Top002916 .top-menu li{width: auto!important; padding: 10px 0;}
.Top002916 .top-menu li:not(:last-child){border-bottom: 1px solid rgba(255,255,255,0.3);}
.Top002916 .top-menu li a{color: #fff!important;}
.Top002916 .top-menu li span{line-height: 40px;}
.Top002916 .top-menu li .sub{background: rgba(0,0,0,0.1);}

.Top002916 .open-menu{right:0;}
.Top002916 .open-search{ right: 50px;}
.Top002916 .top-other{ margin-left: 0; padding-right: 100px; height:auto; margin-top:15px;}
.Top002916 .top-other .size{ padding-left: 0; padding-right: 20px;}
.Top002916 .top-other:before{ display: none}
.open-menu{z-index: 10; width: 30px; height: 40px;}
.open-menu[rel="relative"]{position: relative;}
.open-menu[rel="absolute"]{position: absolute; top: 50%; transform: translateY(-50%);}
.open-menu i{position: absolute; width: 100%; height: 3px; background: #a78c51; left: 0; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.open-menu:not(.on) i:nth-child(1){margin-top: -10px;}
.open-menu:not(.on) i:nth-child(3){margin-top: 8px;}

.open-menu.on i:nth-child(2){opacity: 0;}
.open-menu.on i:nth-child(1){transform: rotate(-45deg);}
.open-menu.on i:nth-child(3){transform: rotate(45deg);}
.has-multi aside,
.has-sub span{position: relative;padding-right: 40px; overflow: hidden;}
.has-multi aside .op-multi,
.has-sub span .op{position: absolute; width: 40px; height: 100%; height: 100%; transition: 0.3s; right: 0; top: 0;}
.has-multi aside .op-multi.click,
.has-sub span .op.click{transform: rotate(45deg);}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after,
.has-sub span .op:before,
.has-sub span .op:after{position: absolute; content: ''; width: 12px; height: 2px;background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.has-multi aside .op-multi:after,
.has-sub span .op:after{ width: 2px; height: 12px;}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after{background-color: #666;}
}
@media(max-width:768px){
.Top002916 .top-other .size{ display: none}
.Top002916 .top-other{ padding-right: 90px}
.Top002916 .open-search{ right: 45px}
}
[rel="li-relative"] li{position: relative; z-index: 100;}
[type="Vertical"] .sub{display: none;}
[type="Vertical"] .sub dl{padding: 10px;}
[type="Vertical"] .sub dt{line-height: 24px; padding:10px 20px; text-align: center; border-bottom: solid 1px #e5e5e5; position: relative}
[type="Vertical"] .sub dt a{ color: #888;}
[type="Vertical"] .sub dt a:hover{ color: #e94108;}
@media(min-width:1025px){
[type="Vertical"] .sub dl{ font-size: 18px;}
[rel="li-relative"] .sub{left: 50%; width: 140px; margin-left: -70px;}
}

[type="Vertical-hierarchy"] .hierarchy{display: none;}
@media(min-width:1025px){
[type="Vertical-hierarchy"] .has-multi{position: relative;}
[type="Vertical-hierarchy"] .hierarchy{ position: absolute; left: 100%;top: 0;z-index: 20; width: 100%;background-color: rgba(0,0,0,0.7); padding: 10px 0;}
[type="Vertical-hierarchy"] .hierarchy[data-num="2"]{background-color: rgba(0,0,0,0.5);}
}

/*滚屏快捷动画*/
.whir-fade-left{transform: translate(-30px,0); }
.whir-fade-right{transform: translate(30px,0);}
.whir-fade-up{transform: translate(0,30px);}
.whir-fade-down{transform: translate(0,-30px);}
.whir-zoom-in{transform: scale(0);}
[class*=whir-]{opacity: 0;transition-property: all;transition-duration: 1.2s;}
.active [class*=whir-]{opacity: 1;}
.active [class*=whir-fade]{transform: translate(0,0);}
.active [class*=whir-zoom]{transform: scale(1);}

.bottom_contact{ color: #fff; padding: 1.419% 0; background: linear-gradient(to right,#ea4d06,#e70811)}
.bottom_contact li{ float: left; width: 33.333%;}
.bottom_contact li span{ display: inline-block; text-align: left; position: relative; padding-left: 65px;}
.bottom_contact li b{ display: block; font-weight: normal}
.bottom_contact li img{ position: absolute; width: 45px; left: 0;}
.bottom_contact li:nth-child(1){ text-align: left}
.bottom_contact li:nth-child(2){ text-align: center}
.bottom_contact li:nth-child(3){ text-align: right}
@media(max-width:1200px){
.bottom_contact li b{ font-size: 15px;}
.bottom_contact li span{ padding-left: 54px;}
}
@media(max-width:960px){
.bottom_contact li{ float: none; width: 100%}
.bottom_contact li:nth-child(2){ padding-top: 10px; padding-bottom: 10px;text-align: left;}
.bottom_contact li:nth-child(3){ text-align: left;}
}
@media(max-width:640px){
.bottom_contact li img{ width: 35px;}
.bottom_contact li span{ padding-left:40px;}
}

.icontop{ position:fixed; bottom: 25%; right: 2%;z-index: 200; }
.icontop a{display: block; padding: 6px 14px;  cursor: pointer; background: #fff; border-radius: 6px; box-shadow: 0 0 20px rgba(0,0,0,0.3)}
.icontop i{ position: relative; display: block; overflow: hidden;height:25px; }
.icontop i:before{ content: ''; position: absolute; left: 0; width: 100%; height: 100%; background: url("../images/istop.png") no-repeat center center; display:block; -webkit-animation:draw-line 1.6s infinite;animation:draw-line 1.6s infinite}
@-webkit-keyframes draw-line{
0%{transform:translateY(30px)}50%,51%{transform:translateY(0)}to{transform:translateY(-30px)}
}
@keyframes draw-line{
0%{transform:translateY(30px)}50%,51%{transform:translateY(0)}to{transform:translateY(-30px)}
}

.bottom{ padding-top:2%; padding-bottom: 1%; background: #505050}
.bottom,
.bottom a{ color: #fff}

.bottom .fl{ width: 35%}
.bottom .fr{ width: 65%; max-width: 870px}
.bottom .box2 .fr{ text-align: right}
.bottom .box2 .message{ padding-bottom: 3%}
.bottom .box2 .message a{ background: #5f5f5f url(../images/foot_icon1.png) no-repeat 12.5%; padding:1.6% 0 1.6% 65px; border-radius: 5px; width: 240px;display:inline-block; text-align: left; cursor: pointer; position: relative}
.bottom .box2 .message a:after{ content: ''; position: absolute; right: 10%; top: 0; bottom: 0; margin: auto; width: 20px; height: 20px;background: url(../images/foot_icon2.png) no-repeat}
.bottom .box2 .message a:hover{ background-color: #e70911}
.bottom .box2 .link{ opacity: 0.3}
.bottom .box2 .link a{ margin-left: 30px; position: relative}
.bottom .box2 .link a:not(:last-child):after{ content: '·'; right:-13px; position: absolute;}
.bottom .box2 .copyright{opacity: 0.3}

.bottom .box2 .copyright .icp{ margin-left: 10px;}

.foot_ewm { padding:12% 0; width: 100%; max-width: 272px;}
.foot_ewm li{ float: left; width: 50%;}
.foot_ewm li:nth-of-type(1){display: none;}
.foot_ewm li *{max-width: 106px; text-align: center}
.foot_ewm li span{ display: block}
.foot_ewm li img{ border-radius: 5px;}
.foot_ewm li b{ display: block; font-weight: normal; opacity: 0.5; padding: 10px 0}

.foot_contact li{ position: relative}
.foot_contact li *{ display: block}
.foot_contact li b{ font-weight: normal}
.foot_contact li:not(:first-child){ float: left; /* width: 50%; */}
/* .foot_contact li:not(:first-child) span{ opacity: 0.5; font-size: 15px;} */
.foot_contact li:first-child{ margin-bottom:3%}
.foot_contact li b{ font-size: 22px;}
/* .foot_contact li:nth-child(2):before{ content: ''; position: absolute; margin: auto; right:25%; top: 0; bottom: 0; width: 1px; height: 70%; background: #737373} */

.foot_nav dl{ float: left; width: 16.66%;margin-right: 3%;}
.foot_nav dl:last-child{margin-right: 0;}
.foot_nav dt{ padding-bottom: 15px;}
.foot_nav dd{ opacity: 0.5}
.foot_nav dd span{ display: block}
.foot_nav a:hover{ color: #e70811}
@media(max-width:1200px){
.bottom .fr{ width: 60%}
.foot_nav dl{ width: 20%}
}
@media(max-width:960px){
.bottom .fr,
.bottom .fl{ float: none; width: 100%}
.bottom .box1 .fr{ padding-bottom: 3%;}
.bottom .box1 .fl{ text-align: center; padding-top:2%; border-top: solid 1px #666}
.foot_contact{ width: 70%}
.foot_contact li{width: 50%;}
.foot_ewm{ margin: auto; padding: 2% 0}
.foot_contact li b{font-size: 15px;}
}
@media(max-width:960px){
.foot_contact{ width:100%}
.bottom .box2 .copyright .icp{ display: none}
.bottom .box2 .message a{ width: 260px}
.bottom .box2 .fr{ padding-top: 2%;text-align: center;}
.foot_ewm li span{margin: auto;}
.foot_ewm li b{margin: auto;}
.foot_nav dl{ float: none; width: 100%;}
.foot_nav dt{ padding: 5px 0; position: relative}
.foot_nav dt i{position: absolute; width: 100%; height: 100%; top: 0; left: 0}
.foot_nav dt:before{ content: ''; width: 8px; height: 8px; position: absolute; right: 2%; top: 50%; margin-top: -4px; transform: rotate(-45deg); border-right: solid 1px #cacaca; border-bottom: solid 1px #cacaca; transition: 0.5s}
.foot_nav dd{ padding: 10px 0; display: none}
.foot_nav dl:not(:last-child) dt{border-bottom: solid 1px #666}
.foot_nav dl.on dt:before{transform: rotate(45deg);}
.foot_contact ul{font-size: 0;text-align: center;}
.foot_contact ul li{display: inline-block;width: 50%;font-size: 15px;}
.foot_contact li:not(:first-child){float: none;}
.foot_contact li:not(:first-child) span{opacity: 1;}
.foot_contact li:nth-child(2):before{right: 100%;}
}

.banner_location_menu{ position: relative}
.ban_column{ position: absolute; width: 100%; height: 100%}
.ban_column .ytable{ height: 100%}
.ban_column .txt{ text-align:right; line-height:1.5; color: #fff}
.ban_column .txt *{ display: block}
.ban_column .txt em{ font-size: 2.5vw; font-weight: bold}
.ban_column .txt i{ letter-spacing:0.1rem}
.location_menu{ position: absolute; width: 100%; bottom: 0; line-height:30px; border-top: 1px solid rgba(255,255,255,0.2);}
.location_menu .location{ padding-left:32px; background: url("../images/location_icon.png") no-repeat left center}
.location_menu .location i{ font-style: normal; padding: 0px 5px; font-family: SimSun}
.location_menu .location a{ padding: 0px 5px;}
.location_menu .location a:hover{ color: #e94108;}
.location_menu .location span{padding-left: 5px;}
.location_menu .menu{ padding: 0; margin: 0; position: relative; z-index: 101}
.location_menu .menu li { position: relative; z-index: 10;}
.location_menu .menu li:last-child{ margin-right: 0}
.location_menu .menu .column{ display: none}

@media(min-width:768px){
.banner_location_menu,
.banner_location_menu a{ color: #fff}
.location_menu { padding: 25px 0;}
.location_menu .menu ul{ display: block!important;}
.location_menu .menu li{ float: left;}
.location_menu .menu li:not(:last-child){ margin-right:5em;}
.location_menu .menu li a:after{ content: ''; width: 0; position: absolute; left: 50%;  bottom: -25px;  height: 4px;background: #e94108;transition: all .3s; transform: translateX(-50%); }
.location_menu .menu li.aon a:after,
.location_menu .menu li a:hover:after{ width: 100%;}
#menu_Products.location_menu { padding: 0; background: linear-gradient(0deg,rgba(0,0,0,0.3),rgba(0,0,0,0.1))}
#menu_Products.location_menu .location{ display: none}
#menu_Products.location_menu .menu{ text-align: center; float: none}
#menu_Products.location_menu .menu ul{ display:none!important;}
.location_menu .menu .list{ font-size: 16px;}
.location_menu .menu .list .item{ position:relative}
.location_menu .menu .list .item:before{ content: ''; position: absolute; width: 1px; height: 100%; right: 0; background:rgba(255,255,255,0.2)}
.location_menu .menu .list .item a{ display: block; padding: 10px 0;}
.location_menu .menu .list .item span{ padding-top: 20px; padding-bottom: 5px; display: block}
.location_menu .menu .list .item span img{ width: 55px; height: 55px;}
.location_menu .menu .list .item b{ font-weight: normal;display: block; height: 44px; line-height: 22px;}
.location_menu .menu .list .item:not(:last-child){ margin-right: 0}
.location_menu .menu .list .item.aon{background: linear-gradient(145deg,#ea4d06,#e70811)}
.location_menu .menu .list .item.aon:after{ content: ''; width: 0; height: 0; margin-left: -6px; position: absolute; border: solid 12px transparent;border-top-color: #e8210d}
.location_menu .menu .list .item a:hover:after,
.location_menu .menu .list .item.aon a:after{ display: none}
.location_menu .menu .list .item .slick-list{ overflow: inherit}
}
@media(min-width:1025px){
.location_menu .location{ float: right}
.location_menu .menu{ float:left}
.location_menu .menu li{margin-right: 30px;}
}
@media(max-width:768px){
.location_menu{padding-bottom: 5px; position:relative}
.location_menu .location{ padding-top: 10px; padding-bottom: 10px; padding-left: 0px;}
.location_menu .location em{ display: none}
.location_menu .menu .column{ line-height: 40px; color: #fff; font-size: 18px; position: relative;display: block; padding: 0 20px; margin: 0; background: linear-gradient(to right,#ea4d06,#e70811)}
.location_menu .menu .column:before{ content: ''; width:20px; height: 100%; position: absolute; right: 2%; transition: 0.4s; background: url(../images/icon_menu.png) no-repeat left}
.location_menu .menu .column.on:before{ background-position: right}
.location_menu .menu ul{ z-index: 20; background: #fff; box-shadow: 0 10px 10px 2px #eee; display: none; position: absolute; width:100%; left: 0;}
.location_menu .menu ul li{font-size: 14px; padding:5px 0;width: 100%; border-bottom: dotted 1px #ddd}
.location_menu .menu ul li a{ display: block; padding: 0 20px}
.location_menu .menu .list{ display:none}
}


.banner img{ width: 100%}
.banner .wap{ display: none}
@media(max-width:1024px){
.banner .pc{ display: none}
.banner .wap{ display:block}
}
.ispic{ display: block; background-repeat:no-repeat;background-position:center center;background-size:cover}
.zoomimg .pic{ overflow: hidden}
.zoomimg .pic .ispic,
.zoomimg .pic .isimg{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.zoomimg:hover .pic .ispic,
.zoomimg:hover .pic .isimg{ -webkit-transform:scale(1.2);transform:scale(1.2)}

.f12{ font-size: 12px;}
.f14{ font-size: 14px;}
.f16{ font-size: 16px;}
.f18{ font-size: 18px;}
.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
.f28{ font-size: 28px;}
.f30{ font-size: 30px;}
.f32{ font-size: 32px;}
.f34{ font-size: 34px;}
.f40{ font-size: 40px;}
@media(max-width:1200px){
 body{font-size: 15px; line-height:26px;}
.f14{ font-size: 13px;}
.f16{ font-size: 15px;}
.f18{ font-size: 17px;}
.f20{ font-size: 19px;}
.f24{ font-size: 22px;}
.f28{ font-size: 24px;}
.f30{ font-size: 26px;}
.f32{ font-size: 28px;}
.f34{ font-size: 30px;}
.f40{ font-size: 36px;}
}
@media(max-width:960px){
 body{font-size: 14px; line-height:24px;}
.f16{ font-size: 14px;}
.f18{ font-size: 16px;}
.f20{ font-size: 18px;}
.f24{ font-size: 18px;}
.f28{ font-size: 19px;}
.f30{ font-size: 20px;}
.f32{ font-size: 22px;}
.f34{ font-size: 22px;}
.f40{ font-size: 26px;}
}

.padding_tb{ padding:3% 0}


.click_play.yuan{ cursor: pointer; position: absolute; border-radius: 100px; width: 10px; height: 10px; padding:3.5%;}
.click_play.yuan:before,
.click_play.yuan:after{ content: ''; position: absolute; background: #fff; left: 50%; top: 50%}
.click_play.yuan:before{ opacity: 0.43;width: 120%; height: 120%; }
.click_play.yuan:after{ opacity: 0.23;width: 140%; height: 140%; }
.click_play.yuan,
.click_play.yuan:before,
.click_play.yuan:after{-webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);border-radius: 100px; }
.click_play.yuan i{ display: block; position: absolute; left: 0; top: 0; z-index: 5; width: 100%; height: 100%;border-radius: 100px; background: #fff url("../images/video_icon2.png") no-repeat center center; background-size:29%}

.video_files{ position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; text-align: center;}
.video_files::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); z-index: 0;}
.video_files .ytable{ height: 100%}
.video_files .box{ display: inline-block; max-width: 80%; position: relative; z-index: 5; min-width: 60%;}
.video_files .box h3{margin: 0; background-color: #fff; color: #333; font-size: 16px; padding: 10px;  text-align: left;}
.video_files .close_video{ position: absolute;top: 0; right: 0; cursor: pointer; z-index: 999; width: 40px; height: 40px; text-align: center; /*border-radius: 100%;  border: 2px solid #fff; */}
.video_files .close_video:before{ content: "×"; font-family: "宋体"; font-size: 32px; color: #000; line-height: 40px; }
.video_files video{position:relative; width: 100%; max-height: 100%; background: #000; object-fit: contain; z-index: 1;}

.redbg{ padding-left: 35px; padding-right: 62px; line-height: 50px; height: 50px;font-size: 16px; cursor: pointer; position: relative;  color: #fff; border-radius: 100px; background: linear-gradient(120deg, #ea5505,#e70012);display: inline-block; box-shadow: 0 10px 15px rgb(233 46 11 / 35%)}
.redbg:before{ content: ''; position: absolute; right: 20%; top: 0; bottom: 0; margin: auto; width: 10px; height: 10px; transform: rotate(-45deg); border-right: solid 2px #fff; border-bottom: solid 2px #fff;}
.redbg:hover{ color: #fff; background:#e70012 ;}
@media (max-width:768px) {
.redbg{ padding-left:20px; padding-right:42px; line-height:40px; height: 40px;font-size: 14px;}
}

.Pages{ padding-top:5%; padding-bottom:1%; text-align: center}
.Pages .p_page{ display: block}
.Pages a{ min-width:40px; line-height:40px; padding: 0px 5px; margin: 0 10px; display: inline-block; overflow: hidden; background: #fff no-repeat center center; border: solid 1px #e5e5e5; color: #666666; border-radius: 8px;}
.Pages a.a_cur{ border: none;color: #fff;background: linear-gradient(120deg, #ea5505,#e70012);box-shadow: 0 10px 15px rgb(233 46 11 / 35%)}
.Pages em{ font-style: normal}
.Pages .a_prev,
.Pages .a_next{ text-indent: -120px;}
.Pages .a_prev{ background-image: url("../images/a_prev.png")}
.Pages .a_next{ background-image: url("../images/a_next.png")}
.Pages span,
.Pages .a_first,
.Pages .a_prev,
.Pages .a_next,
.Pages .a_end{ display: none}
@media(max-width:960px){
.Pages a{ min-width:40px; line-height:40px;margin: 0 5px;}
}

.font_colour{ color: #e70811; background-image:-webkit-linear-gradient(right,#e70811,#ea4d06); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.red_bg,
.PopUpForm .sub_tit:before{background: linear-gradient(120deg, #ea5505,#e70012)}

.column_title{ line-height: 1.5; padding-bottom: 30px}
.column_title span{ display: block; font-weight: bold; color: #333}
.column_title i{ display: block; color: #e5e5e5; text-transform: uppercase}

.history_list .line{ margin-bottom:5%; height:4px;background: linear-gradient(120deg, #ea5505,#e70012);}
.history_list .item{position:relative; overflow:hidden}
.history_list .item .ytable-cell{ padding:1% 0; vertical-align:text-top;position: relative;z-index: 2;}
.history_list .list{ width:86.80%;}
.history_list .list ul{ padding:0 10%}
.history_list .list li{ padding:2.2% 0;}
.history_list .year{width:13.20%; position:relative; text-align:center; color:#e94108;}
.history_list .year b{ display:block; padding: 2.2%; position:relative;}
.history_list .year:before{position:absolute; content:''; width:1px; height:100%; background:#efefef; margin:auto; right:0; top:0; bottom:0; transition: 0.5s;}
.history_list .year b:after{ content:''; position:absolute; right:-5px; top:10px; border:solid 3px #e94108; width:11px; height:11px; background:#fff;border-radius:50px;}
.history_list .year_hover{opacity:0; line-height:1; position:absolute; right:1%; bottom:-20px; color:#fbd9ce; font-weight:bold; font-size:8vw;transition: 0.5s;z-index: 1;}
.history_list .year_hover i{ left:50%; display:block; position:absolute; width:10px; height:10px;}
.history_list .year_hover i:before,
.history_list .year_hover i:after{ content:''; position:absolute; border: dashed 1px #e2e2e2;border-radius:100%; left:50%; top:50%;-webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.history_list .year_hover i:before{width:4000%; height:4000%;}
.history_list .year_hover i:after{width:6000%; height:6000%;}
.history_list .item:hover{ background:#fff;box-shadow:0 0 32px rgba(0,0,0,0.1);border-radius:20px;}
.history_list .item:hover li{ font-size:18px; color:#e94108; font-weight:bold}
.history_list .item:hover .year:before { height:80%; background:#fbd9ce}
.history_list .item:hover .year_hover{opacity:1;}
@media(max-width:960px){
.history_list .year{width:20%; text-align:left}
.history_list .list{ width:80%;}
.history_list .list ul{ padding:0 5%}
.history_list .item:hover li{ font-size:16px;}
.history_list .year_hover{bottom:-5%;}
}


.honor_title_type .honor_type ul li{display: inline-block; margin-left: 10px;background: #f7f7f7; border-radius: 50px;}
.honor_title_type .honor_type ul li a{ cursor: pointer;display: block; padding: 10px 45px}
.honor_title_type .honor_type ul li.on a{ color: #e94511}
@media(min-width:960px){
.honor_title_type .column_title{ float: left}
.honor_title_type .honor_type{ float: right;}
}

.honor_list{ padding-bottom:5%}
.honor_list .ytable-cell{ height: 700px}
.honor_list .title_box{ width:13.9%;}
.honor_list .list_box{ padding:5%;box-shadow: 0 0 32px rgba(0,0,0,0.1); background:url(../images/honor_bg.jpg) no-repeat center center; background-size:100% 100%}
.honor_list h3{line-height:1.5; color:#e94511; font-size:4vw; border-bottom:solid 1px #efefef}
.honor_list .list{ height: 500px; overflow: hidden}
.honor_list .list_box ul li{ padding:0.8% 5%; position:relative}
.honor_list .list_box ul li .tit{ float: left; width: 73%;}
.honor_list .list_box ul li .txt{ float: right; width: 25%;}
.honor_list .list_box .first{ padding:1% 0; margin-bottom: 2%; border-bottom:solid 1px #efefef}
.honor_list .list_box .list ul li:before{ left:0; margin-top:8px; position:absolute; content:''; width:11px; height:11px; border:solid 3px #e94108; background:#fff;border-radius:100px;}
.honor_list .list ul li .txt{ opacity: 0.7}
.honor_list .title_box .item{ padding: 8px 0;}
.honor_list .title_box .item a{ color: #fff; font-size: 22px; cursor: pointer; padding-left: 10%; width: 90%; text-align: center;line-height: 50px; display: block; border-radius: 0 30px 30px 0}
.honor_list .title_box .item.slick-current a{ opacity: 1; font-size: 26px; background: #fff; color: #e94108; font-weight: bold;}
.honor_list .slick-vertical .slick-slide{ border: none}
.honor_list .title_box .item a{ opacity: 0.3}
.honor_list .title_box .item.prevshow a,
.honor_list .title_box .item.nextshow a{ opacity:1}
.honor_list .title_box .item.prevshow2 a,
.honor_list .title_box .item.nextshow2 a{ opacity:0.8}
.honor_list .title_box .item.prevshow3 a,
.honor_list .title_box .item.nextshow3 a{ opacity:0.5}
.honor_list .title_box .slick-arrow:before{ display: none}
.honor_list .title_box .slick-arrow{ margin-left: -20px; left: 50%!important; background: none; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);}
.honor_list .title_box .slick-arrow:after{ content: ''; left: 10px; border: solid 10px transparent; position: absolute;}
.honor_list .title_box .slick-prev{top:20px;}
.honor_list .title_box .slick-next{bottom:20px; top: auto}
.honor_list .title_box .slick-prev:after{top: 0; border-bottom-color: #fff}
.honor_list .title_box .slick-next:after{ bottom: 0; border-top-color: #fff}
.honor_list .mCSB_container{ max-width: 100%}
@media(max-width:960px){
.honor_type{ padding-bottom:4%}
.honor_title_type .honor_type ul{font-size: 0;text-align: center;}
.honor_title_type .honor_type ul li { min-width: 30%; font-size: 14px;text-align: center}
.honor_title_type .honor_type ul li a{padding:5px 10px;}
.honor_list .title_box{ width:90px;}
.honor_list .title_box .item{ padding: 4px 0}
.honor_list .title_box .item a{ font-size: 18px; line-height: 30px;}
.honor_list .title_box .item.slick-current a{ font-size: 20px;}
.honor_list .ytable-cell{ height: 460px}
.honor_list .list{ height: 350px;}
}

.honor_photo .list .item{ padding: 0px 10px;}
.honor_photo .list .item a{ display: block; background: #f9f9f9}
.honor_photo .list .item .pic{ padding-bottom:96%; position: relative}
.honor_photo .list .item .pic img{ position: absolute; max-width: 80%; max-height:80%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.honor_photo .list .item .txt{ padding: 0 5% 12% 5%; text-align: center}
.honor_photo .list .slick-list{ margin-left: -10px; margin-right: -10px;}
.honor_photo .list .slick-arrow{ background: none}
.honor_photo .list .slick-prev:before{background:url(../js/slick/prev.png) }
.honor_photo .list .slick-next:before{background:url(../js/slick/next.png) }
.honor_photo .arrows_dots{text-align:center; padding:4% 0;}
.honor_photo .arrows_dots .box{ position:relative; display:inline-block; padding:0px 6% }
.honor_photo .slick-arrow{ padding:9.125%;  box-shadow: 0 0 32px rgba(0,0,0,0.1);border-radius:100px;}
.honor_photo .slick-dots{ display:inline-block; position:relative;}
.honor_photo .slick-dots li button{ background:#dedede; border:none}
.honor_photo .slick-dots li.slick-active button{ background:#c40009}
@media(max-width:640px){
.honor_photo .list .item .pic{ padding-bottom: 65%}
.honor_photo .list .item .txt{ padding-bottom: 5%}
.honor_photo .arrows_dots .box{ padding-left: 50px; padding-right: 50px;}
}

.sub_title{ line-height: 1.5; padding-bottom: 20px; font-weight: bold}



.business_intro_part{ padding: 4% 0}

.business_intro_part .partbox2{ padding-top: 4%; padding-bottom: 2%}
.business_intro_part .ability_num li{ padding: 10px 0; line-height: 1.8; min-width: 24%; display: inline-block;color: #e70811;}
.business_intro_part .ability_num li span{ display: block}
.business_intro_part .ability_num li b{ font-weight:bold; padding-right: 10px;color: #e70811;}
.business_intro_part .list_photo{ background: #f9f9f9; margin-top: 5%}
.business_intro_part .list_photo img{ width: 100%;height: 300px;object-fit: cover;}
.business_intro_part .list_photo .infobox{display: table}
.business_intro_part .list_photo .box{ padding:11%; display: table-cell; vertical-align: middle}
.business_intro_part .list_photo h4{ padding-bottom: 3%}
.business_intro_part .list_photo span{ color: #888888}

@media(min-width:768px){
.business_intro_part .fl_fr .infobox{ float: left; width:49%}
.business_intro_part .fl_fr .infobox{max-height: 22vw;overflow-x: hidden;}
.business_intro_part .list_photo .txt{max-height: 155px;overflow-x: hidden;}
.business_intro_part .fl_fr .picbox{ float: right; width:45.8334%}
.Column_TechnologyDevelopment .business_intro_part .fl_fr .infobox{ float: right}
.Column_TechnologyDevelopment .business_intro_part .fl_fr .picbox{ float: left}
.business_intro_part .list_photo.num2 .listbox1{ width: 50%}
.business_intro_part .list_photo.num3 .listbox1{ width: 33.333%}
.business_intro_part .list_photo.num4 .listbox1{ width: 25%}
.business_intro_part .list_photo.num5 .listbox1{ width: 20%}
}
@media(max-width:768px){
.business_intro_part .fl_fr .infobox,
.business_intro_part .fl_fr .picbox{ float: none; width: 100%}
.business_intro_part .picbox{ padding-top: 3%}
.business_intro_part .ability_num li{ min-width:48%; }
.business_intro_part .list_photo .listbox1{ display: block; padding: 2% 0}
.business_intro_part .list_photo .box{ padding: 2%}
.business_intro_part .list_photo .infobox{ display: block;min-height: auto!important}

.business_intro_part .list_photo .box{ display: block}
}

.business_intro_other{ position: relative; background: #f9f9f9}
.business_intro_other:before{ content: ''; position: absolute; left:49%; width:2%; height: 100%; background: #fff}
.business_intro_other .info{ width: 50%; padding:4.5% 6%; vertical-align: top}
.business_intro_other .sub{ padding:5% 0}
.business_intro_other .sub:after{ content: ''; display: block; margin-top:3%; width: 40px; height: 2px; display: block; background: #bbbbbb}
@media(max-width:768px){
.business_intro_other .info{ display: block; width: 100%; padding: 2% 3%}
.business_intro_other:before{ display: none}
.business_intro_other .icon{ position: absolute}
.business_intro_other .sub{ padding-left: 70px;}
}


.scientific_payoffs_part{ padding-top: 5%;}
.scientific_payoffs_part .item_title{ padding-left: 40px; padding-right: 40px; border-bottom: solid 1px #e5e5e5}
.slick-list{}
.scientific_payoffs_part .item_title .item{ padding:0 10px;}
.scientific_payoffs_part .item_title .item a{ color: #888; cursor: pointer; padding: 12px 0; position: relative; display: block;}
.scientific_payoffs_part .item_title .slick-current a{ color: #333; font-weight: bold}
.scientific_payoffs_part .item_title .slick-current a:before{  content: ''; position:absolute; width: 100%; height: 3px; bottom:-1px; background: #eb5613}
.scientific_payoffs_part .item_info{ padding-top: 3%}
.scientific_payoffs_part .item_info table{ background: #fafafa}
.scientific_payoffs_part .item_info table,
.scientific_payoffs_part .item_info table td,
.scientific_payoffs_part .item_info table th{ border: solid 1px #e5e5e5; text-align: center}
.scientific_payoffs_part .item_info table td{padding: 2%; font-size: 16px;}
.scientific_payoffs_part .item_info table th{padding: 2%; font-size: 20px; font-weight: bold; color: #333}
@media(max-width:1300px){
.scientific_payoffs_part .item_title{ padding: 0 50px}
}

.sales_team_part{ padding: 4% 0; background: #f9f9f9 url(../images/team_bg.png) no-repeat right center; background-size: 50%}
.sales_team_part .partbox1{ float: left; width: 63%;}
.sales_team_part .partbox2{ float: right; width:30%;}

.sales_team_num{ color: #e70811}
.sales_team_num li{ padding:6.15% 0}
.sales_team_num b{ padding-right: 10px;}
.sales_team_num span{ display: block}
.sales_team_num li:nth-child(2){ text-align: center;}
.sales_team_num li:nth-child(3){ text-align: right}
@media(max-width:768px){
.sales_team_part .partbox1,
.sales_team_part .partbox2{ float: none; width: 100%}

.sales_team_part{ background-position: right bottom}
.sales_team_num li{ padding:2% 0}
}

.sales_marketing_part{ padding: 5% 0}
.sales_marketing_part .partbox1{ width:41.6667%; float: left}
.sales_marketing_part .partbox1 .item{ position: relative}
.sales_marketing_part .partbox1 .ispic{ height: 400px;}
.sales_marketing_part .partbox1 .txt{ position:absolute; width: 100%; bottom: 0; padding:10% 5% 3% 5%; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6))}
.sales_marketing_part .partbox1 .txt h3{ color: #fff}
.sales_marketing_part .partbox1 .slick-dots{ width: auto; right: 5%}
.sales_marketing_part .partbox2{ width:58.3333%; float: right; padding:44px; background: #f9f9f9}
.sales_marketing_part .partbox2 .box{ position: relative}
.sales_marketing_part .partbox2 .box:before,
.sales_marketing_part .partbox2 .box:after{ content: ''; display: block; position: absolute; top: 0; width: 2px; height:100%; background: #eb5613}
.sales_marketing_part .partbox2 .box:before{ left: 0}
.sales_marketing_part .partbox2 .box:after{ left: 58%}
.sales_marketing_part .partbox2 .item{ padding-left: 24px; float: left; width:42%; margin-left:16%; position: relative}
.sales_marketing_part .partbox2 .item:nth-child(odd){ clear: both; margin-left: 0}
.sales_marketing_part .partbox2 .item:nth-child(1),
.sales_marketing_part .partbox2 .item:nth-child(2){ margin-bottom:20px}
.sales_marketing_part .partbox2 .item:before{ content: ''; position: absolute; left:-3px; top: 10px; width: 8px; height: 8px; border-radius: 10px; border: solid 2px #e70811; background: #fff}
.sales_marketing_part .partbox2 h3{color: #e70811; margin-bottom:6px; position: relative}
.sales_marketing_part .partbox2 p{ height: 112px;}
@media(max-width:1200px){
.sales_marketing_part .partbox1 .ispic{ height:380px;}
.sales_marketing_part .partbox2 p{ height:104px;}
}
@media(max-width:960px){
.sales_marketing_part .partbox1 .ispic{ height:360px;}
.sales_marketing_part .partbox2 p{ height:96px;}
}
@media(max-width:768px){
.sales_marketing_part .partbox1,
.sales_marketing_part .partbox2{ float: none; width: 100%}
.sales_marketing_part .partbox1 .ispic{ height: auto; padding-bottom: 68%}
.sales_marketing_part .partbox2{ padding: 3%}
.sales_marketing_part .partbox2 .item{ float: none; width: 100%; margin: 0 0 20px 0}
.sales_marketing_part .partbox2 p{ height: auto}
.sales_marketing_part .partbox2 .box:after{ display: none}
}

.sales_partners_part{ padding-bottom: 5%}
.sales_partners_part .partbox1{ width: 50%; float: left}
.sales_partners_part .partbox2{ width: 48%; float: right; text-align: right}
.sales_partners_part .partbox2 .infobox{ display: inline-block; text-align: left}
.sales_partners_part a.redbg{ padding:0 48px;}
.sales_partners_part a.redbg:before{ display: none}
@media(max-width:768px){
.sales_partners_part .partbox1,
.sales_partners_part .partbox2{ float: none; width: 100%}
.sales_partners_part .partbox2 .infobox{ display: block; padding-top: 3%}
.sales_partners_part a.redbg{ padding:0 30px;}
}




.company_environment_part .intro{ padding-bottom: 2%; max-width: 80%}
.company_environment_part .item{ position: relative}
.company_environment_part .txt{ z-index: 10; text-align: center; position: absolute; width: 100%; bottom: 0; background: rgba(0,0,0,.5)}
.company_environment_part .title{ color: #fff; padding-top: 5px; padding-bottom: 5px;}
.company_environment_part .pic span{ display: block; padding-bottom:31.267%; background: no-repeat center center; background-size: cover}

.company_environment_part .dots_box{ position: relative}
.company_environment_part .slick-dots{ width: auto; right: 0; padding: 0; top:-30px}
.company_environment_part .slick-dots li{ float: left}
.company_environment_part .slick-dots li button{ border-color: #eb5613; background: #eb5613}
.company_environment_part .slick-dots li.slick-active button{ background: #fff}

.production_workshop_part{ padding:5% 0; background: #f8f9fa}
.production_workshop_part .item_title{ text-align: right;}
.production_workshop_part .item_title .item{ display: inline-block; text-align: center}
.production_workshop_part .item_title .item a{ cursor: pointer; line-height: 50px; background: #f1f1f1; display: inline-block; padding: 0 38px; border-radius: 50px;}
.production_workshop_part .item_title .slick-list{ width: 41.667%; display: inline-block;padding: 40px 0; margin-top: -8%}
.production_workshop_part .item_title .item{ float: none; padding-left: 5px; margin-right: 20px;}
.production_workshop_part .item_title .slick-current a{ color: #fff; background: linear-gradient(120deg, #ea5505,#e70012);box-shadow: 0 5px 10px rgb(233 46 11 / 25%)}
.production_workshop_part .fl_info{ float: left; width: 52%; /* padding:4% 0 */max-height: 21vw;overflow-x: hidden;}
.production_workshop_part .fl_info .subtit{ padding: 0 0 3% 0}
.production_workshop_part .fl_info .more{margin-top: 20px;padding-left: 15px; padding-bottom: 20px;}
.production_workshop_part .fr_pic{ float: right; width: 41.667%}
.production_workshop_part .fr_pic img{ width: 100%}
@media(max-width:1024px){
.production_workshop_part .item_title .item a{ line-height: 36px; padding: 0 28px; }
.production_workshop_part .item_title .slick-list{ width: 100%; margin-top: auto }
}
@media(max-width:768px){
.production_workshop_part .fl_info,
.production_workshop_part .fr_pic{ float: none; width: 100%}
/*.production_workshop_part .item_title .slick-list{ padding: 20px 0;overflow: auto;overflow-y: hidden;overflow-x: scroll;}
.production_workshop_part .item_title .slick-list::-webkit-scrollbar{-webkit-appearance:none;height: 8px;}
.production_workshop_part .item_title .slick-list::-webkit-scrollbar-thumb{border-radius: 8px;border: 2px solid rgba(255,255,255,.4);background: linear-gradient(120deg, #ea5505,#e70012);}*/
.production_workshop_part .item_title .item{ margin-right: 10px;}
.production_workshop_part .fl_info{ padding-top: 0;padding-bottom: 3%}
.company_environment_part .pic span{ padding-bottom: 60%}
/*.production_workshop_part .item_title .slick-track{width: max-content !important;transform: translate3d(0px, 0px, 0px) !important;}*/
.company_environment_part .intro{max-width: 100%}
.company_environment_part .slick-dots{position: unset;top: 0;text-align: center;padding: 3% 0;line-height: 1;}
.company_environment_part .slick-dots li{float: none;display: inline-block}
}

.workshop_other_part { padding:5% 0}
.workshop_other_part .listbox2{ background: #f8f9fa}
.workshop_other_part .box{ width: 50%;}
.workshop_other_part .picbox img{ width: 100%}
.workshop_other_part .infobox{ padding: 2% 5%}
.workshop_other_part .infobox .subtit{ padding: 2% 0}
@media(max-width:768px){
.workshop_other_part .listbox2,
.workshop_other_part .box{ display: block; width: 100%}
}

.common_honor_part{ padding: 5% 0;}
.common_honor_part .article{ padding-bottom: 3%; max-width: 1180px; margin: auto}
.common_honor_part .list .item{ padding: 0px 15px;}
.common_honor_part .list .item a{ display: block; background: #fff}
.common_honor_part .list .item .pic{ padding-bottom:96%; position: relative}
.common_honor_part .list .item .pic img{ position: absolute; max-width: 80%; max-height:80%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.common_honor_part .list .item .txt{ padding: 0 5% 15% 5%; text-align: center;height: 125px;}
.common_honor_part .list .slick-list{ margin-left: -15px; margin-right: -15px;}
.common_honor_part .list .slick-arrow{ background: none}
.common_honor_part .list .slick-prev:before{background:url(../js/slick/prev.png) }
.common_honor_part .list .slick-next:before{background:url(../js/slick/next.png) }

.Column_ManufactureCenter .common_honor_part{ background: #f8f9fa; text-align: center}
.Column_TechnologyDevelopment .common_honor_part .list .item a{ background: #f5f5f5;}
@media(min-width:1024px){
.common_honor_part{ padding-left: 80px; padding-right: 80px;}
.common_honor_part .list .slick-prev{left:-80px;}
.common_honor_part .list .slick-next{ right: -80px;}
}
@media(max-width:640px){
.common_honor_part .list .item .pic{ padding-bottom: 65%}
.common_honor_part .list .item .txt{ padding-bottom: 5%;height: 75px;}
}

.factory_notice_part{padding: 5% 0;}
.factory_notice_part .list li{ padding: 0.8% 0; position: relative; }
.factory_notice_part .list a{ padding: 2.15% 5%; display:block; background: #fafafa; border: solid 1px #e5e5e5; border-radius: 60px;}
.factory_notice_part .list i{ display: block; position: absolute; width: 0; height: 0; border: solid 6px transparent; border-left-color: #bbbbbb; right: 5%; top: 0; bottom: 0; margin: auto;}
.factory_notice_part .list i:before{ content: ''; position: absolute; left: -13px; margin-top: -1px; width:7px; height: 2px; background: #bbbbbb}
.factory_notice_part .list li:hover i{ border-left-color: #e94511; }
.factory_notice_part .list li:hover i:before{ background: #e94511}
@media(min-width:640px){
.factory_notice_part .list li{ float: left; width: 48.5%;}
.factory_notice_part .list li:nth-child(odd){ clear: both; margin-right:3%}
}

.service_platform_part{ padding-bottom: 4%}
.service_platform_part .fl_fr .infobox{ float: left; width:66%}
.service_platform_part .fl_fr .picbox{ float: right; width:27.778%}
.service_platform_part .partbox2 { padding-top:5%;}
.service_platform_part .partbox2 .ytable-cell{ padding: 3% 2%; background: #f5f5f5}
.service_platform_part .partbox2 .td_info{ width:66%;}
.service_platform_part .partbox2 .td_info li{ padding: 0 16px; background: url(../images/jt.png) no-repeat left 12px;}
.service_platform_part .partbox2 .td_info h3.mp{ margin-bottom: 2%}
.service_platform_part .partbox2 .td_pic{width:34%; vertical-align: top}
.service_platform_part .partbox2 .td_pic .pic{ padding: 2% 0}
.service_platform_part .partbox2 .td_lxfs{ padding: 3%; margin-top: 3%; background: #f5f5f5}
.service_platform_part .partbox2 .td_lxfs li{ float: left; width: 33.333%; padding: 2px 0px 2px 29px; position: relative}
.service_platform_part .partbox2 .td_lxfs li img{ position: absolute; left: 0;}
@media(max-width:1024px){
.service_platform_part .partbox2 .td_lxfs li{ width: 50%}
}
@media(max-width:768px){
.service_platform_part .fl_fr .infobox,
.service_platform_part .fl_fr .picbox{ float: none; width: 100%}
.service_platform_part .picbox{ padding-top: 3%}
.service_platform_part .partbox2 .ytable-cell{ display: block; width: 100%;}
.service_platform_part .partbox2 .td_lxfs li{ width: 100%; float: none}
.service_platform_part .partbox2 .td_info li{background: url(../images/jt.png) no-repeat left 7px;}
}

.filter_search{ max-width: 640px; padding-bottom: 4%;}
.filter_search dl{ float: left; width: 60%;position: relative; z-index: 100 }
.filter_search dt:before{ content: ''; position: absolute; right:10%; top:45%; transform: rotate(45deg); width:8px; height:8px; border-right: solid 2px #bbbbbb; border-bottom: solid 2px #bbbbbb; transition: 0.5s}
.filter_search dl:nth-child(2){ margin-left: 4%}
.filter_search dt{ color: #888888; padding:5% 10%; border-radius: 100px; background: #fff;position: relative; cursor: pointer; transition: 0.3s; box-shadow: 0 10px 30px rgba(0,0,0,0.05)}
.filter_search dd { background: #fff; position: absolute; width: 100%; display: none; border-radius: 0 0 20px 20px}
.filter_search dd span{ display: block; border-top: solid 1px #e9e9e9}
.filter_search dd span a{ display: block; padding:5px 10%;}
.filter_search dl.on dt{ border-radius:20px 20px 0 0;}
.filter_search dl.on dt:before{transform: rotate(-135deg);}

.jobs_list .title{transition: 0.5s; position: relative;}
.jobs_list .title:before{ content: ''; position: absolute; right:5%; top: 50%; transform: rotate(-45deg); width: 12px; height: 12px; border-right: solid 2px #e60012; border-bottom: solid 2px #e60012; transition: 0.5s}
.jobs_list .title.first:before{content: none;}
.jobs_list .title li{ float: left; width:16%; padding:1.806% 0; text-align: center}
.jobs_list .title li.n1{ padding-left:3.2%; width: 25%; text-align: left}
.jobs_list .title li.n6{ width: 10%}
.jobs_list .first{ color: #fff; background:linear-gradient(to right,#ea4d06,#e70811);border-radius: 8px; }
.jobs_list .first li{ padding-top: 2.5%; padding-bottom: 2.5%}
.jobs_list .list{ border-radius: 8px; overflow: hidden;background: #fff; margin-top: 10px;}
.jobs_list .list .title{ cursor: pointer}
.jobs_list .show .title{background: #f1f1f1; margin-bottom: 0;}
.jobs_list .show .title:before{transform: rotate(45deg); margin-top: -4px;}
.jobs_list .show{background: #f1f1f1;}
.jobs_list .info{ display: none; padding:0 3.2%; position: relative;}
.jobs_list .info .txt{ color: #666; padding:2% 0; border-top: solid 1px #dddddd}
.jobs_list .info .txt_wap{ padding-bottom: 4%; display: none}
.jobs_list .info .txt_wap p{ padding: 0; margin: 0}
.jobs_list .info .txt_wap span{ color: #999}
.jobs_list .info .apply{ padding-top: 2%; padding-bottom: 4%}
.jobs_list .info .apply a{background:linear-gradient(to right,#ea4d06,#e70811);border-radius: 100px; text-align: center; color: #fff; line-height:50px; width: 160px; display:inline-block; cursor: pointer; box-shadow: 0 10px 15px rgb(233 46 11 / 35%)}
.jobs_list .info .apply a:hover{ background: #ea4d06}
@media (max-width:768px) {
.jobs_list .title li.wap{ display: none}
.jobs_list .title li.n1{ width: 100%; float: none}
.jobs_list .info .txt_wap{ display: block}
}
@media(max-width: 640px){
.jobs_list .info .apply{ text-align: center}
.jobs_list .info .apply a{line-height: 40px; width: 120px;}
.filter_search dl{width: 100%;}
}


.li_more{ position: relative; color: #e60012; border: solid 1px #e5e5e5; padding-left: 29px; padding-right: 53px; line-height: 42px; display: inline-block; border-radius: 100px;transition: 0.5s}
.li_more:after{ content: ''; position: absolute; right:30px; top:40%; transform: rotate(-45deg); width: 8px; height: 8px; border-right: solid 1px #e60012; border-bottom: solid 1px #e60012; transition: 0.5s}
.li_more:hover,
.product_list li:hover .li_more{ color: #fff; border-color: #e60012;background:linear-gradient(to right,#ea4d06,#e70811);box-shadow: 0 10px 15px rgb(233 46 11 / 35%)}
.li_more:hover:after,
.product_list li:hover .li_more:after{ border-color: #fff}
@media(max-width: 640px){
.li_more{ line-height:36px; padding-left:20px; padding-right:30px;}
.li_more:after{ right: 15px;}
}
.news_list .box{ position: relative}
.news_list .txt p{ color: #666666}

.news_list time{color: #e60012; }
.news_list .pic{ position: absolute; height: 100%;}
.news_list .pic span{ height: 100%}

.news_list .hot_box{ position: relative}
.news_list .hot{margin-bottom:5%; background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05)}
.news_list .hot .box{padding-left: 45.8334%}
.news_list .hot .pic{ left: 0; width: 45.8334%}
.news_list .hot .txt{ padding:9.485% 10%}
.news_list .hot .txt h3{ padding:3% 0;}
.news_list .hot .txt p{ height: 84px; margin-top:3%; margin-bottom:8%;}
.news_list .arrows_box{ position: absolute; width: 90px; bottom: 18%; right:5%;}


.news_list .list li{ padding: 3.5% 5%; background: #fff;}
.news_list .list li:not(:last-child){ margin-bottom: 3%}
.news_list .list .box:before{ content: ''; position: absolute;left: 12%; width: 1px; height: 100%; background: #e5e5e5}
.news_list .list .pic{right: 0; width:23.149%; border-radius: 10px;}
.news_list .list .txt{ padding-left:15%; padding-right: 30%}
.news_list .list .txt h3{ padding:1% 0;}
.news_list .list .txt p{ height: 56px; margin-top:2.758%; margin-bottom:5.345%;}
.news_list .list time .t1{ text-align: center;position: absolute; margin: auto; left: 0; top:50%;-webkit-transform: translate(0, -50%);  -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.news_list .list time .t1 b{ display: block; font-size:2.708332vw; font-weight: normal; line-height:1.5}
.news_list .list time .t2{ display: none}

@media (max-width: 1200px){
.news_list .hot .txt p{ height: 78px;}
.news_list .list .txt p{ height: 52px}
}
@media (max-width: 960px){
.news_list .hot .txt p{ height: 72px;}
.news_list .list .txt p{ height: 48px}
}
@media (max-width:640px){
.news_list .hot{ border-radius:10px;}
.news_list .hot .box{ padding-left: 0}
.news_list .hot .pic{ width: 100%; height: auto; position: relative}
.news_list .hot .pic span{ padding-bottom:60%}
.news_list .hot .txt{ padding: 4%}
.news_list .arrows_box{ bottom: 5%}

.news_list .list .li_more{ display: none}
.news_list .list .box:before{ display: none}
.news_list .list li{ padding:4%}
.news_list .list .txt{ padding-left: 0;padding-right: 0;}
.news_list .list time .t1{ display: none}
.news_list .list time .t2{ display:inline-block}
.news_list .list .pic{ position: relative;margin-bottom: 15px;width: 100%;height:55vw; top:0%; border-radius: 4px;}
.news_list .list .txt p{height: auto;}
}

.Map002779 .open_map{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.7); display:none;}
.Map002779 .map_area{ position:fixed; width:80%; left:10%; top:25%; height:50%; background:#fff; font-size: 12px;}
.Map002779 .map_area #allmap{ position:absolute; left:15px; top:15px; right:15px; bottom:15px;}
.Map002779 .map_area #allmap *{ box-sizing:content-box;}
.Map002779 .map_area #allmap img{ max-width:none;}
.Map002779 .map_area .close{ position:absolute; right:0; width:31px; height:31px; top:-32px; background:#fff; cursor:pointer;}
.Map002779 .map_area .close::before,
.Map002779 .map_area .close::after{ position:absolute; content:''; width:25px; height:2px; background:#0033a0; top:15px; left:3px;}
.Map002779 .map_area .close::before{ transform:rotate(45deg);} 
.Map002779 .map_area .close::after{ transform:rotate(-45deg);} 

.contact_list .list{ background: #fff; padding:2.5%; border-radius: 4px;}
.contact_list .list:not(:last-child){ margin-bottom: 20px;}
.contact_list .list .info{ position: relative}
.contact_list .list h2{ padding-bottom:1.6%}
.contact_list .list ul{ width: 80%}
.contact_list .list li i{ position: absolute; left: 0; color: #999999; font-style: normal}
.contact_list .list li span{ display: block; padding-left: 80px; line-height: 30px; position: relative}
.contact_list .list .more{position: absolute; right:2%; bottom: 0;}
.contact_list .list .more a{ position: relative; display: block; background:#f5f5f5;border-radius: 100px; text-align: center; color:#888888; line-height:44px; width: 150px; display:inline-block; cursor: pointer;}
.contact_list .list .more a:before{ content: ''; position: absolute; left: 21px; width:12px; height: 100%; background: url(../images/map_i1.png) no-repeat center center}
.contact_list .list .more a:after{ content: ''; position: absolute; right:24px; top:17px; transform: rotate(-45deg); width:8px; height:8px; border-right: solid 1px #888; border-bottom: solid 1px #888;}
.contact_list .list:not(:hover){ background: #fff!important}
.contact_list .list:hover{ background:#fff no-repeat right bottom; background-size:45%}
.contact_list .list:hover .more a{ color: #fff; background: #ea4d06;background:linear-gradient(to right,#ea4d06,#e70811);box-shadow: 0 6px 15px rgb(233 46 11 / 35%)}
.contact_list .list:hover .more a:before{background-image: url(../images/map_i2.png)}
.contact_list .list:hover .more a:after{ border-color: #fff}
.contact_list .list:hover h2{ color: #e94108}
.contact_list .list:hover .more:before{ content: ''; position:absolute; width: 20px; height: 31px; left: 0; right: 0; top:-150%; margin: auto; background: url(../images/map_i0.png) no-repeat center center}

@media(min-width:960px){
.contact_list .list{ padding-left: 5%; padding-right: 5%}
.contact_list .list li{ width: 50%}
.contact_list .list li:nth-child(1){ float: right}
.contact_list .list li:nth-child(2){ float: left}
}
@media(max-width:640px){
.contact_list .list .more{ position:inherit; margin-top:3%}
.contact_list .list:hover .more:before{ display: none}
.contact_list .list ul{ width:100%}
}


.link_list li{ float: left; width: 20%; padding: 1%; text-align: center;}
.link_list li a{ display: block; padding: 10px; box-shadow: 0 0 10px rgb(138,138,138,0.3)}
.link_list .pic{ position: relative; padding-bottom: 40%; overflow: hidden;}
.link_list .pic img{ position: absolute; max-height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.link_list .name{ padding: 10px 0}

.font_list{ background: #fff; padding: 4%; border-radius: 10px;}
.font_list li{ padding:1% 0; border-bottom:dashed 1px #eee}
.font_list li time{ float:right}
.Column_Search li a span{display: inline-block;padding: 2px 15px;margin-right: 10px;color: #fff;border-radius: 100px;background: linear-gradient(120deg, #ea5505,#e70012);}
.sitemap li{ padding:1% 0; border-bottom:dotted 1px #ccc}
.sitemap li b{ padding-right:20px;}
.sitemap .sub{ display:inline-block}
.sitemap .sub span{ display:inline-block; padding-right:20px;}
@media (max-width:768px) {
.sitemap .sub span{ padding-right:10px;}
}

.info_main{ background: #fff; border-radius: 20px; padding:5% 3%}
.info_main .info_title{ text-align: center;}
.info_main dl{ color: #888888; padding:2% 0}
.info_main dl span{ padding-left:3%}
.info_main .article_content{ padding: 3%; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed}
.info_main .box{ max-width: 1200px; margin: auto;}
.info_main .other{ padding-top: 3%}
.info_main .other span{ padding:0.5% 0}
.info_main .other .back{ float: right; background:linear-gradient(to right,#ea4d06,#e70811);border-radius: 100px; text-align: center; color: #fff; line-height:50px; width: 160px; display:inline-block; cursor: pointer; box-shadow: 0 10px 15px rgb(233 46 11 / 35%)}
.info_main .other .back:hover{ background: #ea4d06}
.info_main .down_file{ border: solid 1px #eee; background: #f9f9f9; margin-top: 4%; padding:2%; border-radius: 6px;}
.info_main .down_file ul{ padding-left: 18px;}
.info_main .down_file li{ padding: 1% 0; list-style: disc}
.pro_search{ text-align: right; padding-bottom:3%}
.pro_search .box{ padding-left:2%; padding-right: 10%; display: inline-block; width: 100%; max-width: 900px; background: #fff;border: solid 5px #fff;border-radius: 60px; position: relative; overflow: hidden}
.pro_search .text{ color: #999999; width: 100%; height: 60px; border:none; background: #fff}
.pro_search a{ display: block; line-height: 60px; color: #fff; width:13.484%; height: 100%; position: absolute; right: 0; top: 0;background:linear-gradient(-20deg, #e70012, #ea5505); text-align: left; text-indent:20%}
.pro_search a:before{ content: ''; position: absolute; right: 14%; width: 20px; height: 100%; background: url(../images/search_icon2.png) no-repeat center center}

@media(max-width:960px){
.pro_search .box{ padding-right: 80px;}
.pro_search .text{ height: 40px;}
.pro_search a{ line-height: 40px;width:80px; font-size: 15px; text-indent: 10%;}
}

.product_list li{ background: #fff; padding: 3% 4%; transition: 0.4s}
.product_list li:not(:last-child){ margin-bottom:3.6%}
.product_list .box{ position: relative}
.product_list .pic{ width:32.458%}
.product_list .pic img{ width: 100%}
.product_list .info{ width: 67.542%; padding-left: 5%;}
.product_list .tag{ text-align: right}
.product_list .tag span{ margin-left: 10px; display: inline-block; background:linear-gradient(-45deg, #e70012, #ea5505); padding: 1px; border-radius: 100px;line-height: 24px;}
.product_list .tag i{ font-style: normal; display: inline-block;background: #fff; padding: 0px 10px; border-radius: 100px;}
.product_list h4{ font-weight: bold}
.product_list h3{ padding: 1% 0}
.product_list .txt{ padding-right: 35%; position: relative; color: #666; margin-top:2.5%}
.product_list .txt p{ padding: 1px 0}
.product_list .txt .li_more,
.product_list .txt .redbg { position: absolute; right: 0; top: 0}
.product_list .txt .redbg:after{ content: ''; width: 16px; height: 16px; position: absolute; right: 18%; top: 0; bottom: 0; margin: auto; background: url(../images/video_icon.png)}
.product_list .txt .redbg:before{ display: none}
.product_list li:hover{box-shadow: 0 10px 30px rgba(0,0,0,0.05)}
.product_list.details .pic{ width:44.81%}
.product_list.details .info{ width: 53.19%;}
.product_list.details h1{ padding: 1% 0}
.product_list.details li{position: relative; z-index: 5}
.product_list.details li,
.product_list.details li:hover{box-shadow:0 10px 50px rgba(0,0,0,0.05); }
@media (max-width:640px) {
.product_list .box{ display: block}
.product_list li{ padding: 0}
.product_list .pic,
.product_list .info,
.product_list.details .pic,
.product_list.details .info{display: block;; width: 100%; padding:4%}
.product_list .txt{ padding-right: 0}
.product_list .txt .li_more,
.product_list .txt .redbg{ margin-top: 2%; position: relative}
.product_list .tag{text-align: center;}
.product_list .tag span{margin-bottom: 5px;}
.product_list .tag span:first-child{margin-left: 0;}
}

.pro_location{ text-align: right; padding-bottom:1.5%}
.pro_location a{ color: #666666; position: relative; margin-right: 25px;}
.pro_location a:after{ content: ''; position: absolute; transform: rotate(-45deg);top:50%; margin-top: -3px; right: -18px; width: 6px; height: 6px; border-right: solid 2px #c6c6c6; border-bottom: solid 2px #c6c6c6}

.product_details .info_part{ padding:3% 8%; background: #fff; margin-top:20px; font-size: 14px; position: relative}
.product_details .info_part:nth-child(1){ margin-top: 0}
.product_details .info_part:nth-child(1){ padding-bottom: 0}
.product_details .title{ position: relative}
.product_details .title:before{ content:''; position: absolute; top: 50%; left: -27px; margin-top: -2px; width: 15px; height: 4px; border-radius: 3px; background:linear-gradient(to right,#ea5006, #e70412);}
.product_details .info_pro{ padding: 2% 0; color: #666;}
.product_details .info_part.part4 .info_pro{ width: 80%}
.product_details .agent_apply{ position: absolute; margin: auto; top:50%; right:8%;-webkit-transform: translate(0, -50%);  -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
@media (max-width:640px) {
.product_details .info_part.part4 .info_pro{ width: 100%}
.product_details .agent_apply{ position: initial;-webkit-transform:none;  -ms-transform:none; transform:none;}
}
.parameter{ margin-bottom: 2%; padding:1% 0;  background: #f8f8f8; border-radius: 6px;}
.parameter li{ padding:5px 10px;line-height:30px; }
.parameter .name{ display: inline-block; background: #fff; border-radius: 6px; min-width: 110px; margin-right:10px; text-align: center;}

@media (min-width:1024px) {
.parameter {font-size: 16px;}
.parameter li{padding: 20px 30px;line-height: 40px;border-top: solid 4px #fff;}
.parameter li:nth-child(1){ border-top: none}
.parameter .name{margin-right: 28px; }
}


.about_main .partbox1{ padding-bottom:6%}
.about_main .partbox2{ padding-bottom:6%; border-bottom: solid 1px #efefef; margin-bottom: 6%}
.about_edit li{ position: relative; padding-left:10%}
.about_edit li .icon{ position: absolute; width:6%; max-width: 50px; left: 0}
.about_edit li .icon img{ width: 100%}
.about_edit li:not(:last-child){ padding-bottom:4.5%}
@media (min-width:960px) {
.about_main .partbox1.fl_fr .infobox{ float: left; width: 50%}
.about_main .partbox1.fl_fr .picbox{ float: right; width: 42.858%}
.about_main .partbox2.fl_fr .infobox{ float: right; width:58.3333%}
.about_main .partbox2.fl_fr .picbox{ float: left; width: 35.7142%}
}
@media (max-width:960px) {
.about_main .picbox{ padding-top: 3%}
}

.culture_main{ background: linear-gradient(to bottom, #fff 50%,#f9f9f9 50%);}
.culture_main .photo_list{ padding-left:12.5%;}
.culture_main .photo_list .listbox{ overflow: hidden}
.culture_main .photo_list .slick-list{ overflow: inherit;padding-right:26.8%;}
.culture_main .photo_list .item{ padding-right: 10px;}
.culture_main .pic span{ padding-bottom: 66.67%}
.culture_main .info{ padding:10% 8%; position: relative; opacity: 0;  display: none; transition: 0.5s}
.culture_main .info h3{ font-weight: bold}
.culture_main .info h3,
.culture_main .info p{ max-width: 420px}
.culture_main .click_play{top:0; left: 12%; padding: 5.5%; box-shadow: 0 0 20px rgba(0,0,0,0.3)}
.culture_main .slick-current .info{ opacity: 1; display: block}
.culture_main .slick-arrow{ background: #fff; padding: 1.8%; top: 61%; border-radius: 100px; box-shadow: 0 0 20px rgba(0,0,0,0.1)}
.culture_main .slick-prev{ left: auto; right: 10%; margin-right: 80px;}
.culture_main .slick-next{ right: 10%}
@media (max-width:1700px) {
.culture_main .photo_list{ padding-left:2.5%;}
}
/* @media (max-width:1500px) {
.culture_main .photo_list{ padding-left:4%;}
}
@media (max-width:1200px) {
.culture_main .photo_list{ padding-left:2.5%;}
} */
@media (max-width:640px){
	.culture_main .info p{margin-top: 20px;}
	.culture_main .slick-prev{right: 0;}
}
.PopUpForm{ position: fixed; width: 100%; height: 100%; padding: 2%; left: 0; top: 0; background: rgba(0,0,0,0.2); overflow: auto; z-index: 201; display:none}

.PopUpForm .ytable{ height: 100%;}
.PopUpForm .form_item{ position: relative; max-width: 1440px; margin: auto; background: #fff;}
.PopUpForm.JobForm .form_item{max-width: 1000px;}
.PopUpForm .close{ position:absolute; display:block; width:30px; height:30px; cursor:pointer; right:5%; top:50%; margin-top: -15px;;}
.PopUpForm .close:before,
.PopUpForm .close:after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 2px; position: absolute; background: #e70412}
.PopUpForm .close:before{ transform: rotate(45deg)}
.PopUpForm .close:after{ transform: rotate(-45deg)}
.PopUpForm .title{ padding:5%; position: relative}
.PopUpForm .title b{ padding-left: 47px;background:no-repeat left center;  }
.PopUpForm.JobForm .title b{background-image: url("../images/PopUpForm_icon2.png") }
.PopUpForm.MessageForm .title b{background-image: url("../images/PopUpForm_icon1.png") }
.PopUpForm.ProForm .title b{background-image: url("../images/PopUpForm_icon2.png") }
.PopUpForm .sub_tit{position: relative; padding: 20px 0}
.PopUpForm .sub_tit:before{ content: ''; position: absolute; top: 50%; left: -27px; margin-top: -2px; width: 15px; height: 4px; border-radius: 2px;}
.PopUpForm .box{ color: #333; padding: 5% 8%; background: url("../images/PopUpForm_bg.jpg") no-repeat center top; background-size: 100%}

.PopUpForm .item_box{ position: relative; padding:10px 0 10px 135px;line-height: 40px;}
.PopUpForm .label_brand,
.PopUpForm .label_content,
.PopUpForm .label_area{ padding-left: 0;}
.PopUpForm .line{ height: 1px; margin: 20px 0; background:#e5e5e5}
.PopUpForm .form_err{ color: #da3924}
.PopUpForm .input_name{ position: absolute; left: 0;}
.PopUpForm .name{display:inline-block}
.PopUpForm .tips{ position: absolute; padding: 0px 22px; color: #666666; font-size: 14px; opacity: 0.5;}
.PopUpForm .text{ width: 100%; height:40px; background: #fff; padding: 0px 10px; border: solid 1px #cccccc; border-radius:4px;}
.PopUpForm textarea.text{ max-width: none; height: 200px;}
.PopUpForm .yzm_box .text{ width:60%}
.PopUpForm .item_btn{padding-top:5%}
.PopUpForm .item_btn .btn{ min-width: 160px;}
.PopUpForm .item_btn .btn_reset{ margin-left: 46px; background: #cccccc;box-shadow:none}

.PopUpForm label{ padding-left: 30px; position: relative}
.PopUpForm input[type='checkbox'] { position: absolute; left:0px; top: 2px; display: inline-block; width: 16px; height: 16px; background:none; appearance: none;  -webkit-appearance: none; border:solid 1px #cccccc; border-radius: 0;}
.PopUpForm input[type='checkbox']:checked { border-color: #d70c18; background: url(../images/checkbox.png) no-repeat center center;}
.PopUpForm .label_box dl{padding-bottom:5px; overflow:hidden}
.PopUpForm .label_box ul{font-size: 0;}
.PopUpForm .label_box li{ display: inline-block;font-size: 16px;}
.PopUpForm .label_other li{ width:50%}
.PopUpForm .list_add_brand li{ width:20%}
.PopUpForm .label_content li{ width:50%}
.PopUpForm .label_area li{ width:20%}
.PopUpForm .label_area dl dt{width:140px; padding-right:10px;}
.PopUpForm .label_area dl{ display:table;table-layout:fixed; width:100%}
.PopUpForm .label_area dl dt,
.PopUpForm .label_area dl dd{ display:table-cell; vertical-align:top}
.PopUpForm .label_area .list_add_area{ max-width:1000px;}

.PopUpForm .queueList{ margin:0;border:none}
.PopUpForm .fonttip{ position:absolute; text-align:left; top:0;color: #999; padding:0px 22px; font-size: 14px; line-height:50px; width:70%; background:#fff;}
.PopUpForm .filetip{ display:none}
.PopUpForm .placeholder{padding-top:0px; min-height:inherit}
.PopUpForm .webuploader-container{ margin: auto; width: 168px; z-index:5; float:right;}
.PopUpForm .placeholder .webuploader-pick{ line-height:50px; padding-left:20px; padding-right:20px; background:#e70611; margin:0; font-size:14px;}
.PopUpForm .statusBar .btns .uploadBtn{background: #a78359;}
.PopUpForm #JobName{font-weight:bold}
@media(min-width:768px){
.PopUpForm .text{max-width: 280px;}
.PopUpForm .rowbox3 .item_box{ float: left; width: 30%;}
.PopUpForm .rowbox3 .item_box:nth-child(2){ margin-left: 5%; margin-right: 5%;}
}

@media(max-width:768px){
.PopUpForm .label_other li,
.PopUpForm .label_content li{ width:100%; float:none}
.PopUpForm .list_add_brand li{ width:33.333%}
.PopUpForm .label_area li{ width:33.333%}
.PopUpForm .item_box{ line-height:32px; padding-top:5px; padding-bottom:5px;}
.PopUpForm .text{ height:32px;}
.PopUpForm textarea.text{ height:100px;}
.PopUpForm .yzm_box img{ height:32px;}
.PopUpForm .item_btn{ text-align:center;}
.PopUpForm .item_btn .btn{ min-width:inherit; width:45%}
.PopUpForm .item_btn .btn_reset{ margin-left:5%;}
.PopUpForm .line{ margin:10px 0;}
.PopUpForm .fonttip,
.PopUpForm .placeholder .webuploader-pick{ line-height:40px;}
}
@media(max-width:520px){
.PopUpForm .label_area li{ width:50%}
}
.hide_add_list{ display:none}

/* 2022.5.18 */
.item_list .slick-list{
    padding: 0 !important;
}
.production_workshop_part .item_info a:hover{
    color: unset;
}
.index_product .tab_title .item:first-child .icon{
    opacity: 0;
}