@charset "utf-8";
@import url("font-awesome.min.css");
@import url("animate.css");
@import url("owl.carousel.min.css");
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:14px/1.5 tahoma,\5FAE\8F6F\96C5\9ED1,sans-serif,Arial}
body{background:#fff;-webkit-text-size-adjust:100%;color:#333;font-family:\5FAE\8F6F\96C5\9ED1}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;overflow:visible}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
em{font-style:normal;font-weight:normal}
ul,ol{list-style-type:none;margin:0;padding:0}
ul,ol,li{list-style:none}
a,a:active{color:inherit;text-decoration:none;cursor:pointer;border:0}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%;border-radius:0}
button{border:0;background-color:none;outline:none;-webkit-appearance:none}
select{border:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;padding-right:14px;background:url("../images/arrow.png") no-repeat scroll right center transparent}
textarea{resize:none}
select,button,input,img{vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{display:block;margin:0;padding:0}
mark{background:#ff0}
input{border:none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance:none}
input:focus{outline:none}
:-moz-placeholder{color:#666;opacity:1;font-size:14px;text-align:left}
::-moz-placeholder{color:#666;opacity:1;font-size:14px;text-align:left}
input:-ms-input-placeholder{color:#666;opacity:1;font-size:14px;text-align:left}
input::-webkit-input-placeholder{color:#666;opacity:1;font-size:14px;text-align:left}
*{box-sizing:border-box}
*::before,*::after{box-sizing:border-box}
*:focus{outline:none}
.banSelect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
.rowWords{writing-mode:vertical-lr;writing-mode:tb-lr;white-space:nowrap}
.lineLimit{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lineLimits{overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.lineLimitFit{position:relative;overflow:hidden;height:auto}
.lineLimitFit:after{content:"...";letter-spacing:3px;font-weight:bold;position:absolute;bottom:0;line-height:initial;right:0;padding-left:36px;background:-webkit-linear-gradient(left,transparent,#fff 55%);background:-o-linear-gradient(right,transparent,#fff 55%);background:-moz-linear-gradient(right,transparent,#fff 55%);background:linear-gradient(to right,transparent,#fff 55%)}
#xdt{display:block}
#xxdt{display:none}
@-moz-keyframes buttonAnimationBefore{0%{-moz-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0)}
50%{-moz-transform:translateY(8px) rotate(0);transform:translateY(8px) rotate(0)}
100%{-moz-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
}@-webkit-keyframes buttonAnimationBefore{0%{-webkit-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0)}
50%{-webkit-transform:translateY(8px) rotate(0);transform:translateY(8px) rotate(0)}
100%{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
}@keyframes buttonAnimationBefore{0%{-moz-transform:translateY(0px) rotate(0);-ms-transform:translateY(0px) rotate(0);-webkit-transform:translateY(0px) rotate(0);transform:translateY(0px) rotate(0)}
50%{-moz-transform:translateY(8px) rotate(0);-ms-transform:translateY(8px) rotate(0);-webkit-transform:translateY(8px) rotate(0);transform:translateY(8px) rotate(0)}
100%{-moz-transform:translateY(8px) rotate(45deg);-ms-transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
}@-moz-keyframes buttonAnimationAfter{0%{-moz-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-moz-transform:translateY(-8px) rotate(0);transform:translateY(-8px) rotate(0)}
100%{-moz-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
}@-webkit-keyframes buttonAnimationAfter{0%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-webkit-transform:translateY(-8px) rotate(0);transform:translateY(-8px) rotate(0)}
100%{-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
}@keyframes buttonAnimationAfter{0%{-moz-transform:translateY(0) rotate(0);-ms-transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}
50%{-moz-transform:translateY(-8px) rotate(0);-ms-transform:translateY(-8px) rotate(0);-webkit-transform:translateY(-8px) rotate(0);transform:translateY(-8px) rotate(0)}
100%{-moz-transform:translateY(-8px) rotate(-45deg);-ms-transform:translateY(-8px) rotate(-45deg);-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}
}@-moz-keyframes buttonAnimation{0%{background:transparent}
50%{background:rgba(255,255,255,0)}
100%{background:rgba(255,255,255,0)}
}@-webkit-keyframes buttonAnimation{0%{background:transparent}
50%{background:rgba(255,255,255,0)}
100%{background:rgba(255,255,255,0)}
}@keyframes buttonAnimation{0%{background:transparent}
50%{background:rgba(255,255,255,0)}
100%{background:rgba(255,255,255,0)}
}.container-wrapper{width:100%;height:auto}
#nb_invite_wrap{display:none!important}
.pub_title{text-align:center;width:100%;text-align:center;position:relative;z-index:5}
.pub_title h5{
	font-size:40px;
	color:#111;
	font-weight:bold;
}
.pub_title h5 span{position:relative;padding-right:10px}
.pub_title h2{
	font-size:40px;
	color:#5E3531;
	font-weight:bold;
	background-image: url(../images/dr1q.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom:12px;
}
.pub_title h2 span{position:relative}
.pub_title h6{font-size:16px;color:#774C14;font-weight:normal;padding-top:20px}
.pub_title h6 a{text-align:center;padding:0 20px}
.pub_title h6 a:hover{color:#940F00}
.pub_title2{text-align:center;width:100%;text-align:center;position:relative;z-index:5}
.pub_title2 h5{font-size:40px;color:#111;font-weight:bold;padding-bottom:20px}
.pub_title2 h5 span{position:relative;padding-right:10px}
.pub_title2 h2{font-size:40px;color:#fff;font-weight:bold;padding-bottom:20px}
.pub_title2 h2 span{position:relative}
.pub_title2 h6{font-size:16px;color:#fff;font-weight:normal}
.pub-banner{width:100%;height:auto;overflow:hidden;position:relative}
.pub-banner .img{width:100%;height:auto;overflow:hidden}
.pub-banner .img img{width:100%;height:auto;object-fit:cover;min-height:300px}
.pub-banner .text{position:absolute;width:100%;left:0;top:45%;transform:translate(0,-50%);z-index:2;text-align:center}
.pub-banner .text h5{font-family:'impact';font-size:45px;color:#fff;animation:bannerWordsdown 1s ease both 400ms}
.pub-banner .text h6{font-size:18px;color:#fff;animation:bannerWordsup 1s ease both 600ms}
@keyframes bannerWordsdown{0%{transform:translateY(-60px);opacity:0}
100%{transform:translateY(0);opacity:1}
}@keyframes bannerWordsup{0%{transform:translateY(40px);opacity:0}
100%{transform:translateY(0);opacity:1}
}.banner-list-main{width:100%;height:auto;overflow:hidden;left:0;bottom:0px;background:rgba(0,0,0,0.5)}
.banner-list{width:1260px;height:70px;line-height:70px;margin:0 auto;overflow:hidden}
.banner-list ul{float:left}
.banner-list ul li{float:left;padding:0 30px;position:relative;text-align:center}
.banner-list ul li a{display:block;font-size:16px;color:#fff}
.banner-list ul li a:hover,.banner-list ul li.on a{color:#57ff7e}
.banner-list ul li::after{position:absolute;content:"";width:1px;height:16px;top:28px;right:0px;background-color:#fff}
.banner-list ul li:last-child::after{display:none}
.banner-list ul li:before{pointer-events:none;position:absolute;z-index:2;content:'';border-style:solid;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:transform;transition-property:transform;left:calc(50% - 10px);bottom:0;border-width:0 10px 10px 10px;border-color:transparent transparent #57ff7e transparent;opacity:0;transition:all .5s}
.banner-list ul li:hover:before,.banner-list ul li.on:before{opacity:1}
.banner-list ul li.ontrue:before{opacity:1}
.banner-list ul li.ontrue a{color:#22aeff}
.banner-list-right{float:right;font-size:14px;color:#fff;line-height:70px}
.banner-list-right a{font-size:14px;color:#fff}
.banner-list-right a:hover{color:#57ff7e}
.banner-list-right span{font-size:14px;padding:0 6px}
.news-move{float:left;max-width:50%;overflow:hidden;line-height:70px}
.news-move h6{float:left;font-size:14px;color:#fff;line-height:70px;padding-left:25px;background:url('../images/news-move.png') left center no-repeat}
.move-text{position:absolute;width:50%;line-height:70px;padding-left:95px;color:#fff}
.move-text .text1 a{font-size:14px;color:#fff;line-height:70px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.move-text .text1 a:hover{color:#22aeff}
@keyframes bannertext{0%{transform:translateX(120px);opacity:0}
100%{transform:translateX(0);opacity:1}
}
.ktitle{font-size:48px;color:#fff;font-weight:bold;text-align:center}
#fdh{width:71%;font-weight:bold!important;font-size:20px}
.foot_topbg,.foot_bottom{padding:0 10px}
@media all and (max-width:1600px){.pub_title h5{font-size:36px}
.pub_title h2{font-size:36px}
.pub_title2 h5{font-size:36px}
.pub_title2 h2{font-size:36px}
.pub-banner .text h5{font-size:60px}
.pub-banner .text2 h5{font-size:60px}
.banner-list ul li{padding:0 22px}
}@media all and (max-width:1440px){.pub_title h6 a{padding:0 15px}
.pub-banner .text h5{font-size:50px}
.pub-banner .text h6{font-size:16px}
.pub-banner .text2 h5{font-size:50px}
.pub-banner .text2 h6{font-size:16px}
.banner-list ul li{padding:0 16px}
.banner-list{width:92%}
}@media all and (max-width:1359px){.pub_title h5{font-size:32px}
.pub_title h2{font-size:32px}
.pub_title h2{font-size:32px}
.pub_title h6{font-size:14px}
.pub_title2 h5{font-size:32px}
.pub_title2 h2{font-size:32px}
.pub_title2 h6{font-size:14px}
.banner-list ul li{padding:0 10px}
.banner-list ul li a{font-size:14px}
}
@media all and (max-width:1279px){
.pub_title h5{font-size:30px}
.pub_title2 h5{font-size:30px;padding-bottom:10px}
.pub_title h2{font-size:30px}
.pub_title2 h2{font-size:30px;padding-bottom:10px}
.pub_title h6{padding-top:10px}
.pub_title h6 a{text-align:center;padding:0 10px}
.banner-list ul li{padding:0 6px}
}@media all and (max-width:1151px){
.pub_title h6 a{text-align:center;padding:0 5px;font-size:12px}
}#sol{font-size:38px;font-family:'Noto Sans SC';font-weight:50;margin-top:-1px}
@media all and (max-width:1000px){.pub_title h2,.pub_title2 h2{ font-size:24px;}
.docker-container-product ul li{display:none}
.docker-container-video ul li{display:none}
#fdh{width:98% !important}
#xdt{display:none}
#xxdt{display:block}
.pub-banner .img img{min-height:220px}
.pub-banner .text{top:40%}
.pub-banner .text h5{font-size:38px}
.pub-banner .text h6{font-size:14px}
.pub-banner .text2{top:40%}
.pub-banner .text2 h5{font-size:38px}
.pub-banner .text2 h6{font-size:14px}
.banner-list{width:100%;height:auto;line-height:30px}
.banner-list ul{width:100%}
.banner-list ul li{width:25%;padding:0px}
.banner-list ul li::after{height:10px;top:10px;right:0px;background-color:#fff}
.banner-list ul li:nth-child(4n):after{display:none}
.banner-list ul li:before{display:none}
.news-move{line-height:40px}
.news-move h6{line-height:40px;margin-left:3px}
.move-text{width:90%;line-height:40px}
.move-text .text1 a{line-height:40px}
.banner-list-right{display:none}
#sol{font-size:18px}
.foot_bottright{display:none}
}
@keyframes FooterIcon{0%{transform:translateY(-16px)}
100%{transform:translateY(0)}
}@media screen and (max-width:768px){.banner-list-main{bottom:51%}
}@media (min-width:1200px){.container{width:1600px}
}.foot_bottombg{width:100%;background-color:#323639;height:184px}
@media screen and (min-width:1200px){.cfcontwidth{padding:0 18%}
.foot_bottomleft{width:50%}
.two_conta{padding:0 20px}
.company_bg{padding:0 10px}
.company_tiele .cxzl_padding{padding-right:50px}
.input_width{width:350px}
.shouji_padd{display:none}
.hyzx_bg{padding-top:60px}
}@media screen and (max-width:750px){.cfcontwidth{padding:0}
.footop{display:none}
.foot_topbg{padding:0 10px;display:none}
.foot_bottom{padding:0 10px}
.foot_bottomright{display:none}
.foot_bottombg .foot_bottomleft{width:100%;border-right:none;text-align:center}
.two_conta{padding:0 0px}
.four_cont{padding:0 10px;text-align:justify}
.company_bg{padding:0}
.am-list .am-list-item-dated a{margin-right:0px}
.compan_icon{display:none}
.company_tiele .cxzl_padding{padding-right:24px}
.paleftright li{width:100%}
.input_width{width:60%}
.hyzx_bg .hyzx_left{display:none}
.shouji_padd{padding:30px 10px 0 10px}
.hyzx_boredr{margin-left:0}
}.col-md-2{width:16.66666667%}
.header-border{margin:.5% 0 !important;border-right:1px solid #898989}
header .docker-container .docker-content .docker-container-width a{color:#b5b5b5;font-size:16px;font-weight:600}
.nav-title{font-size:14px!important;font-weight:200!important;color:#F7F7F7!important}
.nav-title:hover{color:#57ff7e!important}
.docker-container-product{width:100%}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}
.col-md-3{width:20%}
.toolbar{position:fixed;bottom:10%;right:1%;z-index:100;width:80px;transition:all .5s}
.toolbar dd{position:relative;float:left;width:80px;height:80px;background:rgba(94,53,49,.7);backdrop-filter:blur(5px);margin-top:2px;border-radius:5px;color:#fff;font-size:14px;line-height:21px;text-align:center;cursor:pointer;transition:all .5s}
.toolbar dd:first-child{margin-top:0}
.toolbar dd i{width:100%;height:30px;display:block;margin-top:13px;background:url(../images/toolbar.png) no-repeat center 0}
.toolbar dd.qq i{background-position-y:0}
.toolbar dd.tel i{background-position-y:-30px}
.toolbar dd.code i{background-position-y:-60px}
.toolbar dd.top i{background-position-y:-90px}
.toolbar dd.top{ display:none;}
.toolbar dd span{display:block;color:#fff}
.toolbar dd.tel .box{position:absolute;top:0;width:190px;right:-200px;min-height:100%;margin-right:10px;border-radius:5px;background:#5E3531;opacity:0;transition:all .5s}
.toolbar dd.tel .box p{font-size:14px;margin:15px auto 7px}
.toolbar dd.tel .box h3{font-size:18px;font-weight:bold; line-height:1.8;}
.toolbar dd.tel .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent  transparent transparent #5E3531;border-width:9px;width:0;height:0;position:absolute;top:50%;margin-top:-9px;right:-18px;margin-left:-12px}
.toolbar dd.code .box{position:absolute;top:0;width:162px;right:-172px;height:162px;margin-right:10px;border-radius:5px;background:#5E3531;opacity:0;transition:all .5s}
.toolbar dd.code .box img{width:140px;height:140px;margin:11px}
.toolbar dd.code .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent  transparent transparent #5E3531;border-width:9px;width:0;height:0;position:absolute;top:30px;right:-18px;margin-left:-12px}
.toolbar dd:hover{background:#5E3531}
.toolbar dd.tel:hover .box{opacity:1;right:80px}
.toolbar dd.code:hover .box{opacity:1;right:80px}
.f_kslj{position:fixed;bottom:-70px;width:100%;height:60px;z-index:1000;background:rgba(0,0,0,0.7);backdrop-filter:blur(5px);transition:all .5s}
.f_kslj ul{display:flex}
.f_kslj ul li{width:100%}
.f_kslj ul li a{color:#fff;line-height:25px;text-align:center;display:block;padding:10px 0}
.f_kslj ul li a i{display:block;font-size:18px}
@media all and (max-width:1000px){.toolbar{right:-100px}
}
@media all and (max-width:760px){.foot_bottombg{height:auto!important;padding-bottom:60px}
.f_kslj{bottom:0}
.pub_title h2,.pub_title2 h2{ font-size:18px;background-size:60% auto;}
.toolbar{right:10px; bottom:62px;width:30px;border-radius:30px;}.toolbar dd.top,.toolbar dd.top i{ width:30px; height:30px; border-radius:30px;overflow:hidden;	background-size:50%;}.toolbar dd.top{ background-image:url(../images/totop.png);	background-repeat: no-repeat;
	background-position: center center;}.toolbar dd.topspan{ display:none}}
@media all and (max-width:480px){.pub_title h2,.pub_title2 h2{ font-size:16px;background-size:70% auto;}}