.guanzhu_icon a.sousuo input::-webkit-input-placeholder {color: #999 !important; }
.sousuo input::-moz-placeholder {color: #999 !important; }
.sousuo input::-moz-placeholder {color: #999 !important;}
.sousuo input::-ms-input-placeholder {color: #999 !important;}
.sousuo input[type=text]{transition: all .5s cubic-bezier(.35,.75,.55,1);-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1);-moz-transition: all .5s cubic-bezier(.35,.75,.55,1);};
.nav{transition: all .5s cubic-bezier(.35,.75,.55,1);-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1);-moz-transition: all .5s cubic-bezier(.35,.75,.55,1);}
header{position: absolute;top: 0;left: 0;width: 100%;z-index: 124;box-sizing: border-box;padding: 0 60px;line-height: 70px;transition: 0.3s ease-out;background: #fff;backdrop-filter: blur(5px);box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .10);}
header.active3{background: #fff;position: fixed;padding: 5px 50px;background-color: rgba(255, 255, 255, 0.9);}
.mobile{display:none;float: right;border-radius: 2px;cursor: pointer;text-align: center;line-height:3px;box-sizing: border-box;padding-top: 2px;transition: 0.4s ease-in-out;}
.mobile i{display:block;margin:0 auto;width: 28px;height: 3px;background: #000;margin-top: 5px;border-radius: 5px;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;margin-top:16px}
.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s;}
.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(6px) translateX(5px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-6px) translateX(5px);}
.nav{display: inline-block;float: right;margin-left: auto;}
.sousuo{display: inline-block;vertical-align: top;}
.nav ul{font-size: 0;display: inline-block;vertical-align: top;position: relative;}
.nav ul li a{font-size: 15px;color:#333;}
.nav ul li a:hover{color: #cf0000;}
.nav ul>li{display: inline-block;vertical-align: top;text-align: center;width: auto;padding: 0;margin-right: 35px;}
.nav ul>li>a{display: inline-block;;line-height:1;width: auto;padding-bottom: 12px;position: relative;border-bottom:1px solid transparent;font-size: 16px;
color: #666;transform: translateY(3px);position: relative;}
.nav ul>li>a.on{color: #cf0000;}
.nav ul>li:last-child a{border: none;}
.nav ul>li>a:after{content: '';display: block;width: 0;position: absolute;opacity:0;width: 100%;height: 2px;background: #cf0000;bottom: -6px;
transform: scaleX(0);transition: 0.5s ease-in-out;}
.nav ul>li>a.on:after{content: '';opacity:1;transform: scaleX(1);}
.nav ul>li:hover>a:after,.nav ul>li.active>a:after{opacity: 1;transform: scaleX(1);}

.cbl li:nth-child(4){position: relative;}
.cbl li:nth-child(4) img{position: absolute;width: 80px;top: 0;left: -80px;display: none;}
.cbl li:nth-child(4):hover img{display:block;}
/*.nav ul>li.active>a{border-bottom:1px solid white;}*/
.nav ul>li:last-child:before{display: none}

.sousuo input[type=text]{width:240px;height: 38px;border: 1px solid #999;background: transparent;box-sizing: border-box;padding: 0 15px;color: #999!important;font-size: 14px;outline: none;}
.sousuo input[type=text]:focus{border-color: #cf0000;}
.sousuo{position: relative;}
.sousuo i{display: block;position: absolute;right: 10px;font-size: 25px;color: white;top: 3px;cursor: pointer;line-height: 70px;}
/*.banner{padding-top: 80px;}*/

.lisnj{display: inline-block;vertical-align: top;margin-left: 25px;}
.lisnj a{position: relative;display: inline-block;width: 31px;height: 31px;margin-left: 12px;vertical-align: middle;border-radius: 50%;background:#ddd;}
.lisnj a i{display: block;line-height: 31px;text-align: center;}
.lisnj a:first-child{font-size: 22px;}
.lisnj a img,
.lisnj a .ewm{position: absolute;top: 100%;width: 80px;height: 80px;left: 50%;margin-left: -40px;display: none;}
.lisnj a .ewm canvas{border: 5px solid #fff;}
.lisnj a:hover img,
.lisnj a:hover .ewm{display: block;}

.divBox{width: 75%;margin: 0 auto;}
.logo img{display: inline-block;height: 40px;}
.bav_list{font-size: 0;background: white;position: absolute;top: 61px;left: 0;}
.bav_list{width: 100%;line-height: 30px;transform:translateY(50px);opacity: 0;z-index: -1;height: 0 ;overflow: hidden;transition: 0.4s ease-in;background: #f5f5f5;}
.nav ul>li:hover .bav_list{transform: translateY(0);opacity: 1;z-index: 1;height: 245px;}
.langgus{position: relative;float: right;display: inline-block;margin-left: 12px;vertical-align: middle;transform: translateY(100px);opacity: 0;transition: 0.8s ease-out 1.3s;}
.langgus .lang{position: relative;width: 100px;float: right;}
.langgus span{display: block;width: 100px;height: 35px;line-height: 35px;font-size: 14px;text-align: center;background: #ddd;color: #393939;cursor: pointer;}
.langgus dl{position: absolute;width: 100%;padding: 4px;background: #fff;border: 1px solid #ccc;box-sizing: border-box;opacity: 0;visibility: hidden;transform: translate3d(0, 10px, 0);transition: all .5s ease;}
.langgus dl dd a{display: flex;color: #595959;font-size: 12px;line-height: 30px;align-items: center;}
.langgus dl dd a img{width: 20px;margin-right: 10px;}
.langgus .lang:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
header.sb .langgus{transform: translateY(0);opacity: 1;}
.bav_list ol{display: inline-block;vertical-align: top;width: 30%;padding: 10px 20px 20px 20px;box-sizing: border-box;background: #f8f8f8;height: auto;position: relative;z-index: 2;}
.bav_list ol li{border-bottom: 1px solid #f1f1f1;position: relative;}
.bav_list ol li:last-child{}
.bav_list ol li a{font-size: 14px;color: gray;}
.bav_list ol li:hover a{/* color: #000; */}
.bav_list ol li i{display: inline-block;position: absolute;font-size: 13px;left: 9px;color: transparent;transition: 0.3s ease-in-out;}
.bav_list ol li:hover i{color: gray;}
.bav_list:after{content: '';display: block;width: 30%;height: 100%;position: absolute;top: 0;left: 0;background: #f8f8f8;}

.bav_list dl{display: inline-block;vertical-align: middle;padding: 35px 0;text-align: center;width: 70%;}
.bav_list dl span{display: block;}
.bav_list dl span img{max-width: 55%;}
/*.bav_list dl dd{display: none;}*/
.bav_list dl dd p{font-size: 14px;color: #666666;}
.bav_list dl dd p font{font-size: 12px;color: gray;}

.foot_sec font{display: inline-block;float: right;font-size: 14px;color: #b3916c;margin-right: 30px;}
.cbl{width: 50px;position: fixed;right:0;bottom:10%;z-index: 3333;}
.cbl li{margin-top: 0px;transition: 0.4s ease-in-out;height: 51px;}
.cbl span{transition: 0.4s ease-in-out;display: inline-block;width: 50px;height:50px;text-align: center;background:#fff;box-sizing: border-box;
font-size: 12px;color: white;line-height: 50px;border: 1px solid #b3916c;}
.cbl span i{display: block;font-size: 40px;color: white;}
.cbl span p{}
.cbl li:nth-child(1) span{background: url(../images/cc3.png) no-repeat center center #fff;}
.cbl li:nth-child(2) span{background: url(../images/dd3.png) no-repeat center center #fff;}
.cbl li:nth-child(2) span{background: url(../images/dd3.png) no-repeat center center #fff;}
.cbl li:nth-child(3) span{background: url(../images/sc1.png) no-repeat center center #fff;}

.cbl li:nth-child(4) span{background: url(../images/ff3.png) no-repeat center center #fff;}
.cbl li:nth-child(5) span{background: url(../images/ee3.png) no-repeat center center #fff;}
.cbl li:nth-child(1):hover span{background: url(../images/cc4.png) no-repeat center center #b3916c;border-radius: 50%;}
.cbl li:nth-child(2):hover span{background: url(../images/dd4.png) no-repeat center center #b3916c;border-radius: 50%;}
.cbl li:nth-child(3):hover span{background: url(../images/sc2.png) no-repeat center center #b3916c;border-radius: 50%;}
.cbl li:nth-child(4):hover span{background: url(../images/ff4.png) no-repeat center center #b3916c;border-radius: 50%;}
.cbl li:nth-child(5):hover span{background: url(../images/ee4.png) no-repeat center center #b3916c;border-radius: 50%;}
.logo{position: relative;transform: translateX(-100px);opacity: 0;transition: 0.8s ease-out .3s;display: inline-block;padding-right: 1rem;overflow: hidden;}
.logo .fa{position: absolute;top: 1rem;right: 0;color: #000;font-size: 12px;}
.order{margin-left: 30px;cursor: pointer;transform: translateX(100px);opacity: 0;transition: 0.8s ease-out .3s;}
.order a{display: block;font-size: 14px;line-height: 30px;padding: 0 30px;border: 1px solid #ddd;}
.order a:hover{color: #fff;border: 1px solid #cf0000;background: #cf0000;}
header.sb .logo{transform: translateX(0px);opacity:1;}
header.sb .order{transform: translateX(0px);opacity:1;}
@-webkit-keyframes flashlight{from{left: -20%;}100%{left: 130%;}}
.shan{position: absolute;-webkit-animation: flashlight 2.0s;-o-animation: flashlight 2.0s;animation: flashlight 2.0s;top: 0;width: 35%;height: 100%;background: linear-gradient(to right,rgba(255,255,255,.02) 0,rgba(255,255,255,0.58) 50%,rgba(255,255,255,0.02) 100%);transform: skewX(-30deg);animation-iteration-count: infinite;}
header.sb .nav>ul>li>a,header.sb .sousuo,header.sb .lisnj{transform: translateY(0);opacity: 1;}
.header{display: flex;align-items: center;justify-content: space-between;height: 100%;}
.nav>ul>li>a,.sousuo,.lisnj{transform: translateY(100px);opacity: 0;}
.nav>ul>li:nth-child(1)>a{transition: 0.8s ease-out .3s;}
.nav>ul>li:nth-child(2)>a{transition: 0.8s ease-out .4s;}
.nav>ul>li:nth-child(3)>a{transition: 0.8s ease-out .5s;}
.nav>ul>li:nth-child(4)>a{transition: 0.8s ease-out .6s;}
.nav>ul>li:nth-child(5)>a{transition: 0.8s ease-out .7s;}
.nav>ul>li:nth-child(6)>a{transition: 0.8s ease-out .8s;}
.nav>ul>li:nth-child(7)>a{transition: 0.8s ease-out .9s;}
.nav>ul>li:nth-child(8)>a{transition: 0.8s ease-out 1s;}
.sousuo{transition: 0.8s ease-out 1.1s;}
.lisnj{transition: 0.8s ease-out 1.2s;}

.youqinglianjie{margin-top: 23px;}
.youqinglianjie li{display: inline-block;vertical-align: top;font-size: 14px;color: #333;margin-right: 15px;}
.youqinglianjie li a{font-size: 14px;color: #999;}
.youqinglianjie li:hover a{color: #333;}

.footer_inner{width: 75%;margin: auto;}
.footer_inner a{color: inherit;}
.footer_top{color: #FFFFFF;background: #2d2d2d;padding: 70px 0;margin-top: 70px;}
.footer_top_nav{width: 524px;float: left;border-right: 1px solid #fff;}
.footer_top_nav ul{
    display: flex;
    flex-wrap: wrap;
}
.footer_top_nav li{width: 95px;float:left;line-height: 54px;margin-left: 100px;margin-right: 40px;}
.footer_top_nav li a{position: relative;}
.footer_top_nav li a:after{position: absolute;bottom: -10px;left: 0;width: 100%;height: 1px;content: "";}
.footer_top_nav li a:hover:after{background:#fff;}
.footer_top_nav li a img{display: inline-block;margin-right: 5px;}
.footer_top_dizhi{float: left;}
.footer_top_logo{font-size: 24px;margin-bottom: 55px;display: flex;justify-content:flex-start;align-items: flex-end;}
.footer_top_logo img{height: 40px;filter: grayscale(100%) brightness(1000%);}
.footer_top_logo .text{display: flex;align-items: center;height: 45px;font-weight: bold;margin-left: 50px;}
.footer_top_dizhi{width: 362px;float: left;border-right: 1px solid #fff;line-height: 28px;}
.guanzhu p{line-height: 30px;margin-bottom: 4px;}
.guanzhu_icon a{float: left;width: 34px;height: 34px;background: rgba(255,255,255,.3);border-radius: 50%;text-align: center;line-height: 34px;font-size: 18px;margin-right: 18px;display: block;position: relative;}
.guanzhu_icon a:first-child{font-size: 22px;}
.guanzhu_icon a span{padding: 6px;position: absolute;left: -38px;top: -106px;display: none;}
.guanzhu_icon a span img,
.guanzhu_icon a span .fewm{display: block;width: 100px;height: 100px;}
.guanzhu_icon a span .fewm canvas{border: 5px solid #fff;}
.guanzhu_icon a:hover span{display: block;}
.guanzhu{float: left;}
.guanzhu_right{float: right;display: inline-block;width: 100px;height: 100px;}
.copyright{display: inline-block;float: left;}
.footer_bot .float_right{float: right;}
.footer_bot{background: #1d1d1d;padding: 32px 0;line-height: 26px;color: rgba(255,255,255,0.3);}
.footer_bot ul li{float: left;}
.footer_bot ul li:first-child{margin-right: 10px;}
.footer_bot li a{display: inline-block;float: left;margin-top: 3px;}
.footer_bot li a:hover{ -webkit-transition-property:background-image;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;}
.footer_bot li span{display: inline-block;float: left;}
.weiling{width:103px;height:16px;background: url(../images/weiling_1.png) no-repeat center center;}
.weiling:hover{background: url(../images/weiling_2.png) no-repeat;}
.wangshang{width:96px;height:16px;background: url(../images/wangshang_1.png) no-repeat;}
.wangshang:hover{background: url(../images/wangshang_2.png) no-repeat;}

.copy{width: 100%;padding-top: 10px;text-align: center;line-height: 20px;clear: both;padding-bottom: 75px;font-size: 14px;background: #eeeeee;display: none;}
.copy p{width: 100%;font-size: 14px;color: #666;line-height: 30px;}
.copy a{font-size: 14px;color: #666666;height: 30px;line-height: 30px;}
.mobile_nav{position: fixed;bottom: 0;left: 0;width: 100%;height: 65px;display: none;z-index: 999;}
.mobile_nav ul li{width: 25%;background: #cf0000;float: left;}
.mobile_nav ul li a{text-align: center;padding-top: 7px;display: block;color: #fff;}
.mobile_nav ul li.on{background: #ff0000;}
.mobile_nav ul li.on a{color: #fff;}
.mobile_nav ul li a i{font-size: 30px;display: block;}
.mobile_nav ul li a svg{width: 100%;height: 30px;display: block;}
.mobile_nav ul li a svg path{fill: #fff;}
.mobile_nav ul li a span{display: block;font-size: 14px;line-height: 30px;}

.sousuo #btnok{transition: 0.3s ease-in-out;width: 20px;height: 20px;background:url(../images/soso_03.png) no-repeat center center;background-size:cover;border: none;cursor: pointer;position: absolute;top: 28px;right: 5px;outline: none;}

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

.lxfx{height: auto;position: fixed;right:0px;top: 50%;width: 77px;margin-top: -57px;z-index: 9999;}
.lxfx li a{flex: none;color: rgb(255, 255, 255);display: block;height: 47px;width: 300px;}
.leftlx{float: left; height: 47px; width: 77px;}
.lxfx li span{border-left: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255); float: left; font-size: 20px; height: 24px; line-height: 22px; margin-top: 8px; padding-left: 8px;}
.fix_ewm{position: absolute;left: -150px;top: 0;width: 140px;height: 140px;border-radius: 5px;background: #cf0000;opacity: 0;visibility: hidden;transition: all .4s ease 0s;}
.fix_ewm:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #cf0000;border-width: 9px;width: 0;height: 0;position: absolute;top: 25px;right: -18px;margin-left: -12px;}
.fix_ewm img{width: 100%;padding: 5px;box-sizing: border-box;}
.lxfx li i{display: block;width: 30px;height: 30px;font-size: 26px;text-align: center;margin: 0 auto;}
.lxfx li p{line-height: 12px; text-align: center; font-size: 14px;}
.lxfx li{background:#cf0000;height: 70px;margin-bottom: 1px;margin-left: 0;position: relative;width: 77px;float:left;border-radius: 5px;display: flex;align-items: center;}
.lxfx li:hover .fix_ewm{opacity: 1;visibility: visible;}

@media only screen and (max-width:1660px){.footer dl dd a{font-size: 14px;}}
@media only screen and (max-width:1550px){.divBox{width: 85%;}.nav ul>li{margin-right: 20px;}.sousuo input[type=text]{width: 220px;height: 32px;}}
@media only screen and (max-width:1200px){.lxfx{display:none;}}

.order_open{position: fixed;right: 40px;bottom: 40px;width: 60px;height: 60px;cursor: pointer;z-index: 10000;opacity: 0;visibility: hidden;transition: all 0.6s ease;display: none;}
.order_open .box{display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;border-radius: 6px;background: #fff;box-shadow: 0 4px 30px rgba(0, 0, 0, 0.17);animation: myBreath 1.5s linear infinite;}
.order_open i{position: absolute;top: -5px;right: -5px;width: 10px;height: 10px;border-radius: 50%;background: #e94b35;}
.order_open span{font-size: 35px;}
.order_open svg{width: 35px;}
.order_open svg path{fill: #313131;}
.order_open .tips-show{position: absolute;bottom: calc(100% + 20px);left: 50%;min-width: 70px;font-size: 14px;text-align: center;word-break: break-all;padding: 5px;border-radius: 4px;border: 1px solid #d9d9d9;background: #fff;box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);transform: translateX(-50%);opacity: 0;visibility: hidden;transition: all 0.6s ease;}
.order_open .tips-show:after{content: " ";position: absolute;left: 50%;bottom: -6px;width: 10px;height: 10px;background: #fff;border: 1px solid #d9d9d9;border-top: 0;border-left: 0;transform: translateX(-50%) rotate(45deg);}
.order_open.on{opacity: 1;visibility: visible;}
.order_open:hover .tips-show {bottom: calc(100% + 10px);opacity: 1;visibility: visible;}
@keyframes myBreath {0%{transform: scale(0.88);}50%{transform: scale(1);}100%{transform: scale(0.88);}}

@media only screen and (max-width: 700px){
.order_open{display: none;}}

.skin .layui-layer-title{background-color: #EDEFF2;}
.skin .layui-layer-btn{padding: 5px 10px 10px;}
.ski .layui-layer-btn a{background: #fff; border-color: #E9E7E7; color: #333;}
.skin .layui-layer-btn .layui-layer-btn0{border-color: #cf0000; background-color: #cf0000; color: #fff;}