@charset "utf-8";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,strong,b{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%)}
.web-wrapper{box-shadow: 0 2px 12px 2px rgba(29, 32, 136, 0.1);width:100%;background:#ffffff;position:fixed;left:0;top:0;z-index:1000;transition:all .4s ease-in-out}
.web-wrapper:after{content:"";position:absolute;width:100%;height:1px;background:#e7e9ec;left:0;bottom:0;opacity:0;transition:all .4s ease-in-out}
.web-container{width:95%;height:80px;margin:0 auto}
.web-logo{float:left;position:relative;z-index:9995;width: 17%}
.web-logo a{height:80px;line-height:80px;float:left}
.web-logo a img{height:auto;width: 280px;}
.web-navbarbox{float: right;width: 70%;}
.web-navbar{width: 860px;font-size:0;}
.web-navbar ul li{float: left;display: inline-block;width: 14%;text-align: center;}
.web-sunnav .col-md-2{width: 100%}
.web-sunnav .col-md-2 a{line-height: 40px;color: #fff;}
.web-navbar ul li:hover .web-menu:before{opacity:1}
.web-navbar ul li:nth-child(1) .web-menu:before{display:none}
.web-menu{display: block;height: 80px;line-height: 80px;font-size: 18px;color: #045ece;padding: 0 15px;position: relative;}
.web-menu2{font-size:16px;color:#666}
.web-menu:hover,.web-menu.cur{color:#FF7D00}
.web-navbar ul li.ontrue .web-menu{color:#57ff7e;border-bottom:3px solid #57ff7e}
.web-menu:before{pointer-events:none;position:absolute;z-index:-1;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 #17478e transparent;opacity:0;transition:all .5s}
.web-sunnav{display:none;position:absolute;top:80px;width:9.5%;padding:20px 0;background:rgb(8 71 148 / 70%);backdrop-filter:blur(5px);z-index:991;font-size:0;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.web-sunnav.ontrue{animation:sunNavDown 400ms ease both}
.web-sunnavl{border-right:0px solid #ececec;width:1600px;margin:0 auto}
.web-sunnavl>div{text-align:center;width:100%}
.web-sunnavl-img{width:30%;height:auto;overflow:hidden;text-align:center;line-height:160px}
.web-sunnavl-img img{width:280px;height:auto;object-fit:cover;transition:all .4s ease-in-out}
.web-sunnavl-img img:hover{transform:scale(1.1)}
.web-sunnavl-click{width:66%;margin-left:4%;float:left;display:none}
.web-sunnavl-clicka a{display:none;height:38px;font-size:16px;color:#fff;width:148px;background:url('../images/sunnavarrh.png') no-repeat right 6px;position:relative;transition:all .4s ease-in-out;border-bottom:1px solid #ccc;width:16%;margin-right:4%}
.web-sunnavl-clicka a:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0%;background:#f2f2f2;transition:all .4s ease-in-out}
.web-sunnavl-clicka a:hover:after{height:2px;width:100%;background:#57ff7e}
.web-sunnavl-clicka a{margin-bottom:22px}
.web-sunnavl-clicka a:hover{color:#57ff7e;background:url('../images/sunnavarrh.png') no-repeat right 6px}
.web-sunnavl-img{display:none}
.web-sunnavl-img.ontrue{display:block}
.web-wrapper .tel{float:right;display:flex;align-items:center;font-size:22px;line-height:80px;margin-right:2%}
.web-wrapper .tel img{width:28px;height:28px;margin-right:12px}
.web-wrapper .tel strong{color:#57ff7e}
#xdt{display:block}
#xxdt{display:none}
.web-lang{width:50px;height:80px;float:right;font-size:16px;color:#f8f8f8;line-height:80px;margin-right:2%}
.web-lang a{display:block}
.web-lang i{float:left;display:block;width:18px;height:80px;background:transparent url('../images/ball.png') no-repeat center center;margin-right:5px}
.web-lang a:hover{color:#0080cc}
.web-search{width:50px;height:80px;float:right;user-select:none;cursor:pointer;position:relative}
.web-searclick{width:50px;height:80px;background:transparent url('../images/searchh.png') no-repeat center center;cursor:pointer;user-select:none}
.web-searwords{display:none;position:absolute;width:360px;height:44px;background-color:#fff;right:0;top:80px;padding-right:44px;box-sizing:border-box;font-size:0}
.web-searwords input{width:100%;box-sizing:border-box;border:none;height:100%;padding:0 10px;outline:none;font-size:16px;color:#000;display:block}
.web-searsubmit{width:50px;height:44px;cursor:pointer;display:inline-block;background:#fff url("../images/searchh.png") no-repeat center center;position:absolute;right:0;top:0;z-index:3;transition:all .3s linear}
.web-searclick.ontrue{background:url('../images/close.png') no-repeat center center}
.web-sunnavclick{display:none;position:absolute;width:44px;height:44px;right:0;top:0;z-index:9996;background:url('../images/icon-dd1.png') no-repeat center center /16px auto;transition:all .5s}
.web-sunnavclick.ontrue{transform:rotate(180deg)}
.web-navclick{height:60px;margin-right:0%;cursor:pointer;float:right;user-select:none;display:none;width:30px}
.web-navclick span{width:30px;height:2px;background:#17478e;display:block;position:relative;margin-top:29px;transition:all .2s linear}
.web-navclick span:before,.web-navclick span:after{content:"";position:absolute;height:2px;background:#17478e;display:block;left:0;width:100%;transition:all .2s linear}
.web-navclick span:before{top:-8px}
.web-navclick span:after{top:8px}
.web-navclick.ontrue span{-moz-animation:buttonAnimation 0.3s ease forwards;-webkit-animation:buttonAnimation 0.3s ease forwards;animation:buttonAnimation 0.3s ease forwards}
.web-navclick.ontrue span:before{-moz-animation:buttonAnimationBefore 0.3s ease forwards;-webkit-animation:buttonAnimationBefore 0.3s ease forwards;animation:buttonAnimationBefore 0.3s ease forwards}
.web-navclick.ontrue span:after{-moz-animation:buttonAnimationAfter 0.3s ease forwards;-webkit-animation:buttonAnimationAfter 0.3s ease forwards;animation:buttonAnimationAfter 0.3s ease forwards}
@-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;margin: auto;padding-top: 60px;}
.layout{width:95%;height:auto;margin: auto;padding-top: 60px;}
#nb_invite_wrap{display:none!important}
.pub_title{margin: 0 auto;width: 100%; z-index:5;}
.pub_title h2{width: 100%;font-size: 25px;font-weight: bold;color: #17478e;text-align: center;}
.pub_title h5{font-size:40px;color:#111;font-weight:bold}
.pub_title h5 span{position:relative;padding-right:10px}
.pub_title h2 span{position:relative}
.pub_title h6{font-size:16px;color:#ff7d00;text-align: center;}
.pub_title h6 a{text-align:center;padding:0 20px}
.pub_title h6 a:hover{color:#17478e}
.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:#17478e;font-weight:bold;padding-bottom:20px}
.pub_title2 h2 span{position:relative}
.pub_title2 h6{font-size:16px;color:#fff;font-weight:normal}
.topback{position:fixed;right:-55px;bottom:10.6%;z-index:999999;width:44px;height:44px;cursor:pointer;display:none;background:rgba(176,176,176,.8) url('../images/totop.png') no-repeat center center;transition:all .5s}
.topback:hover{background-color:#17478e}
.pub-banner{width:100%;height:auto;overflow:hidden;position:relative;margin-top: 60px;}
.pub-banner .img{width:100%;height:auto;overflow:hidden}
.pub-banner .img img{width:100%;height:auto;object-fit:cover;}
.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:22%;float: left;height:auto;overflow:hidden;left:0;bottom:0px;}
.banner-list{width:1260px;line-height:60px;margin:0 auto;overflow:hidden}
.banner-list ul li{width: 100%; float:left;padding:0 30px;position:relative;border-bottom: 1px solid #e4e3e3;border-left: 1px solid #e4e3e3;border-right: 1px solid #e4e3e3;}
.left_title {height: 80px;background: #17478e;color: #fff;}
.left_title h3 {font-size: 24px;font-weight: bold;line-height: 80px;padding-left: 26px;text-transform: uppercase;
}
.left_title s {float: right;background: url(../images/icon.png) no-repeat;display: inline-block;background-position: -248px -76px;vertical-align: middle;width: 28px;height: 28px;margin-right: 30px;margin-top: 28px;}
.big s {float: right;background: url(../images/icon.png) no-repeat;display: inline-block;background-position: -290px -75px;vertical-align: middle;width: 28px;height: 28px;margin-right: 30px;margin-top: 28px;}
.bib s {float: right;background: url(../images/icon.png) no-repeat;display: inline-block;background-position: -322px -75px;vertical-align: middle;width: 28px;height: 28px;margin-right: 30px;margin-top: 28px;}
.right_title {padding-bottom: 10px;text-transform: uppercase;}
.clearfix:before, .clearfix:after {display: table;line-height: 0;content: "";}
.sitepath {color: #d9d9d9;text-transform: uppercase;}
.fr {margin: 32px 15px 0 0;float: right;}
.sitepath a {display: inline-block;white-space: nowrap;color: #fff;}
.right_title h3 {color: #fff;font-size: 16px;line-height: 80px;padding-left: 14px;}
.top{background-color: #17478e;height: 80px;}
.banner-list ul li a{display:block;font-size:16px;color:#666;}
.banner-list ul li a:hover,.banner-list ul li.on a{color:#FF7D00}
.banner-list ul li:first-child {border-top: 1px solid #e4e3e3; }
.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;right:calc(10% - 10px);top:20px;border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #FF7D00;
border-style: solid;opacity:0;transition:all .5s}
.layout .leftbox {position: relative;margin-bottom: 20px;border: 1px solid #eee;}
.layout .leftbox .left_title {padding-bottom: 10px;border-bottom: 1px solid #eeeeee;padding-left: 5px;}
.layout .leftbox .left_title h3 {font-size: 24px;font-weight: bold;color: #fff;display: block;text-transform: uppercase;}
.layout .leftbox .leftprocomt {padding-top: 10px;}
.layout .leftbox .leftprocomt li {float: left;text-align: center;width: 47%;margin-right: 10px;}
.layout .leftbox .cont img {margin: 2%;width: 96%;}
.layout .leftbox .leftprocomt li:hover a{color: #FF7D00}
.layout .leftbox .leftprocomt li:nth-child(2n){margin-right: 0}
.layout .leftbox .leftprocomt li img { width: 104px;height: 78px;border-radius: 3px;-webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.layout .leftbox .leftprocomt li p { font-size: 14px; line-height: 30px; -webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.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:#FF7D00}
.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:1700px){
.web-sunnavl{width:92%}
}@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:100%}
.web-menu{font-size:15px}
.web-wrapper .tel{font-size:20px}
}@media all and (max-width:1359px){.pub_title h5{font-size:25px}
.pub_title h2{font-size:25px}
.pub_title h6{font-size:14px;}
.pub_title2 h5{font-size:25px}
.pub_title2 h2{font-size:25px}
.pub_title2 h6{font-size:14px}
.web-sunnavl-clicka a{display:block;height:38px;font-size:16px;color:#333;width:116px}
.banner-list ul li{padding:0 10px}
.banner-list ul li a{font-size:14px}
	@media all and (max-width:1100px){
		.web-navbar ul li{width: 11.6%;}
	}
}
@media all and (max-width:1500px){
		.pub-banner{height: 400px;}
	}
@media all and (max-width:1100px){
		.pub-banner{height: auto;}
	}
        /* 顶部栏容器菜单开始 */
        .product-header {
			display: none;
            background-color: #17478e; /* 截图的主蓝色调 */
            color: #fff; /* 文字白色 */
            height: 40px;
            /*display: flex;*/ /* 弹性布局，让元素横向排列 */
            align-items: center; /* 垂直居中 */
            justify-content: space-between; /* 左右两端对齐，标题居中 */
            padding: 0 20px;
            position: relative;
        }
        /* 箭头通用样式 */
        .arrow {width: 40px;
			transform: translate(29%, 15%);
            font-size: 20px;
            cursor: pointer; /* 鼠标悬浮显示手型 */
            user-select: none; /* 禁止选中文字 */
        }
.llife{float: left;} .rrihgt{float: right}
        /* 产品中心标题 */
        .product-title {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            font-size: 18px;
            font-weight: 500;
        }
        /* 系列按钮容器（背景白色） */
        .product-content {
            background-color: #eee; /* 要求的白色背景 */
            padding: 20px;
            display: flex; /* 弹性布局，按钮自动换行 */
            flex-wrap: wrap;
            gap: 16.9px; /* 按钮之间的间距 */
            margin-top: 5px;
        }
        /* 系列按钮样式 */
        .series-btn {width: 30.1%;
			margin: 0 auto;
			text-align: center;
            background-color: #FF7D00; /* 按钮浅蓝色，贴近截图 */
            color: #fff;
            border: none;
            border-radius: 20px; /* 圆角效果 */
            padding: 2% 1%;
            font-size: 14px;
            cursor: pointer;
            transition: background-color 0.2s; /* 点击过渡效果 */
        }
        /* 按钮悬浮/点击效果 */
        .series-btn:hover {
            color: #17478e;
        }
/*............................................................................................................*/
@media all and (max-width:1279px){
.web-menu{font-size:14px}
.pub_title h5{font-size:20px}
.pub_title2 h5{font-size:20px;padding-bottom:10px}
.pub_title h2{font-size:20px}
.pub_title2 h2{font-size:20px;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){.web-sunnavl-clicka a{display:block;height:38px;font-size:14px;color:#666;width:100px}
.pub_title h6 a{text-align:center;padding:0 5px;font-size:12px}
.web-logo{margin-left:0}
.web-wrapper .tel{font-size:18px;margin-right:0}
.web-wrapper .tel img{width:25px;height:25px;margin-right:10px}
}#sol{font-size:38px;font-family:'Noto Sans SC';font-weight:50;margin-top:-1px}
@media all and (max-width:1000px){/*.web-logo{margin-left:-2%}*/
	.layout{padding-top: 30px;}
	.product-header{display: block}
.web-logo a img{width: 200px;}
.web-container{height:60px;position:static}
.web-logo a{height:60px;line-height:60px}
.web-searclick{height:60px;line-height:60px;background:transparent url("../images/searchh.png") no-repeat center center}
.web-search{height:60px}
.web-navclick{display:block}
.web-navbarbox{display:none;width:100%;background:rgba(27,28,28,.7);backdrop-filter:blur(5px);position:fixed;top:59px;left:0;box-shadow:0 0 20px rgb(0 0 0 / 20%)}
.web-navbar{float:left;width:100%;margin:0}
.web-navbar ul li{display:inline-block;width:100%;position:relative;padding:0;border-bottom:0.01rem solid rgba(255,255,255,.1)}
.web-navbar ul li:hover .web-menu:before{display:none}
.web-menu{width:100%;height:44px;line-height:44px;font-size:16px;padding:0 3%}
.web-navbar ul li.ontrue .web-menu{color:#393939;border-bottom:0px solid #fff}
.docker-container-product ul li{display:none}
.docker-container-video ul li{display:none}
.web-sunnavl-click{display:block}
.web-wrapper .tel{width:100%;justify-content:center}
#dh{visibility:hidden}
#fdh{width:98% !important}
#xdt{display:none}
#xxdt{display:block}
.web-sunnavl-img.ontrue{display:none}
.web-sunnavr{display:none}
.web-sunnavl-img{display:none}
.web-sunnavclick{display:block}
.web-sunnav{width: auto;position:static;top:0;left:0;padding:0 3%;background:rgba(255,255,255,.1);box-shadow:none;border-top:0.01rem solid rgba(0,0,0,0.2);}
.web-search{position:static;width:35px}
.web-searclick{width:35px}
.web-searwords{width:100%;top:60px;border-top:0px solid #f3f3f3;height:44px}
.web-lang{height:60px;line-height:60px}
.web-lang i{height:60px}
.web-sunnavl{padding:0;border-right:none;float:left}
.web-sunnavlr>div{float:left;margin:0}
.web-sunnavl{width:100%}
.web-sunnavl-click{margin-left:0;width:94%;display:block}
.web-sunnavl-clicka a{width:100%;background:url('../images/sunnavarrh.png') right no-repeat;line-height:30px;height:30px;display:block;float:left;margin:1% 0;margin-right:2%;font-size:14px;text-align:left;color:#fff;border-bottom:0.01rem solid rgba(255,255,255,.2)}
.web-sunnavl-click a:last-child{border:0}
.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:33%;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}
}.web-pages{width:100%;overflow:hidden;padding:30px 0}
.web-lim{width:100%;font-size:0;text-align:center}
.web-lim li{display:inline}
.web-lim a{display:inline-block;height:42px;line-height:42px;background-color:#f4f4f4;font-size:14px;color:#555;margin:0 6px;border-radius:3px;padding:0 16px}
.web-lim a:hover,.web-lim a.hover{background-color:#17478e;color:#fff}
.web-lim a:first-child:hover i{background-image:url('../images/page_lefth.png')}
.web-lim a:last-child:hover i{background-image:url('../images/page_righth.png')}
@media all and (max-width:1000px){.web-lim a{height:30px;line-height:30px;font-size:14px;margin:0 3px;padding:0 11px}
.web-pages{padding:20px 0 20px 0}
}@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;}
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*/}
.web-sunnavl .col-md-2:hover{background-color:#f5f5f5}
.web-sunnavl .col-md-2:hover a{color:#045ece }
/*底部开始*/
.edu-footer {padding-top: 54px;background: #292a2d url(/imgs2022/foot-bg.png) no-repeat;background-size: 100% 100%;box-sizing: border-box;clear: both;}
.edu-footer .base {margin: 0 auto;display: flex;height: 220px;width: 1200px;}
.edu-footer .base .con-left {width: 25%;border-right: 1px solid rgba(255, 255, 255, 0.2);color: #fff;height: 178px;}
.edu-footer .base .con-left .edu-footer-logo {margin-top: 55px;width: 280px;}
.edu-footer .base .con-left .edu-footer-phoneNumber {margin-left: 7px;font-size: 25px;height: 23px;line-height: 23px;}
.edu-footer .base .con-left .edu-footer-phoneNumber .icon {font-size: 26px;margin-right: 55px;}
.edu-footer .base .con-left .edu-footer-phoneNumber a {
width: 130px;height: 30px;border-radius: 4px;border: solid 1px #ffffff;display: block;color: #ffffff;font-size: 14px;line-height: 30px;text-align: center;margin-left: 69px;margin-top: 10px;}
.edu-footer .base .con-left .edu-footer-phoneNumber a:hover {background: #fff;color: #326cf6;}
.edu-footer .base .con-right {width: 75%;display: flex;}
.edu-footer .base .con-right .edu-footer-about-links {display: flex;width: 49%;}
.edu-footer .base .con-right .edu-footer-about-links .list {width: 100%; text-align: center;}
.edu-footer .base .con-right .edu-footer-about-links .list h4 {margin-bottom: 10px;line-height: 20px;font-size: 18px;font-weight: 600;color: #c0c0c0;white-space: nowrap;}
.edu-footer .base .con-right .edu-footer-about-links .list ul li {line-height: 32px;}
.edu-footer .base .con-right .edu-footer-about-links .list ul li a {color: #c0c0c0;font-size: 14px;}
.edu-footer .base .con-right .edu-footer-about-links .list ul li a:hover {color: #fff;text-decoration: none;}
.edu-footer .base .con-right .qrcode-box {width: 131px;color: #fff;text-align: center;margin-right: 35px;}
.edu-footer .base .con-right .qrcode-box .qrcode {width: 131px;height: 131px;background: #ffffff;border-radius: 20px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
.edu-footer .base .con-right .qrcode-box .qrcode img {width: 112px;height: 112px;}
.edu-footer .base .con-right .qrcode-box h4 {white-space: nowrap;margin: 16px 0 7px 0;line-height: 16px;font-size: 14px;font-weight: bold;color: #c0c0c0;}
.edu-footer .base .con-right .qrcode-box h4 span {font-size: 14px;display: block;font-weight: normal;margin-top: 4px;}
.edu-footer .base .con-right .qrcode-box p {font-size: 14px;}
.footer-link {background-color: #17478e;clear: both;}
.footer-link .copyright {font-size: 14px;color: #a7a4a4;text-align: center;line-height: 24px;padding-bottom: 30px;border-top: 1px solid rgba(255, 255, 255, 0.1);padding-top: 30px;}
.footer-link .copyright a {font-size: 14px;color: #a7a4a4;}
.i3 .icon-huomiao:before {content: "";}
.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;top:50%;right:1%;margin-top:-163px;z-index:100;width:80px;transition:all .5s}
.toolbar dd{position:relative;float:left;width:80px;height:80px;background:rgba(0,0,0,.5);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 span{display:block;color:#fff}
.toolbar dd.tel .box{position:absolute;top:0;width:190px;right:-200px;height:100%;margin-right:10px;border-radius:5px;background:#17478e;opacity:0;transition:all .5s}
.toolbar dd.tel .box p{font-size:14px;margin:5px auto 7px}
.toolbar dd.tel .box h3{font-size:18px;font-weight:bold}
.toolbar dd.tel .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent  transparent transparent #17478e;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:324px;right:-272px;height:162px;margin-right:10px;border-radius:5px;background:#17478e;opacity:0;transition:all .5s}
.toolbar dd.code .box img{float: left;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 #17478e;border-width:9px;width:0;height:0;position:absolute;top:30px;right:-18px;margin-left:-12px}
.toolbar dd:hover{background:#17478e}
.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}
.topback{right:2%}
}@media all and (max-width:750px){.foot_bottombg{height:auto!important;padding-bottom:60px}
.f_kslj{bottom:0}
}
@media all and (max-width:1050px){.edu-footer{display: none;}
.f_kslj{bottom:0}
	.footer-link{height: 200px;}
}