/* CSS Document */

/*-----whole-----*/
/*-----whole-----*/
html{font-size:100px;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}
body.resizing *{transition:none !important;-webkit-transition:none !important;-moz-transition:none !important;}

.contain{width:1200px;margin:0 auto;}
.w1080{width:1080px;margin:0px auto;}

/*clearfix*/
.clearfix{zoom:1;}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}
.bgc{background:#fff;}
.bgcolor3{background:#f7f8fa;}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}

/*通用img*/
img.rollover{position:absolute;top:0px;left:0px;opacity:0;filter:Alpha(opacity=0);z-index:2;}

input.text,
textarea.text{display:block;padding:0px;width:100%;border:0px;background:none;margin:0px;}

/*--- Header ---*/
.Header-wrapper{z-index:99;}
.Header-wrapper .Header-cl{height:80px;position:relative;}
.Header-wrapper .nav ul{float:left;height:80px;margin-left:35px;}
.Header-wrapper .nav ul li{float:left;font-size:16px;color:#333;margin-left:65px;height:80px;line-height:80px;position:relative;}
.Header-wrapper .nav ul li.menu-p{position:static;}
.Header-wrapper .nav ul li:hover,.Header-wrapper .nav ul li.on{border-bottom:4px solid #046ab3;color:#046ab3;}

.header-container{width:100%;background:#fff;position:fixed;top:0px;left:0px;z-index:999999;padding:0px 110px;box-shadow:1px 1px 8px #888;}
.header-container .menubtn{border-bottom:2px solid #7f7f7f;width:26px;height:20px;float:right;margin-top:30px;position:relative;cursor:pointer;}
.header-container .menubtn:after{position:absolute;content:"";left:0px;bottom:7px;width:100%;height:2px;background:#7f7f7f;}
.header-container .menubtn:before{position:absolute;content:"";left:0px;bottom:16px;width:100%;height:2px;background:#7f7f7f;}
.Header-wrapper .nav ul li:hover .submenu{-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;display: block;}

.Hweb-nav li{position:relative;}
.Hweb-nav li dt{position:relative;}
.Hweb-nav i{display:block;width:50px;height:50px;background:url(../image/icon_dd1.png) no-repeat center center / 14px auto;position:absolute;right:0px;top:0px;z-index:2;}
.Hweb-nav .cur i{transform:rotate(-180deg);-webkit-transform:rotate(-180deg);}
.nav .submenu{height:auto;background:#fff;width:100%;position:absolute;left:0px;top:80px;padding:20px 0px 0px;display:none;border-top:1px solid #e5e5e5;transition:all .8s linear;-webkit-transition:all .8s linear;}
.nav .submenu .contain{display: flex;flex-wrap: wrap;}


.nav .submenu_t{background:#fff;width:200px;position:absolute;left:0px;top:80px;padding:20px;display:none;border-top:1px solid #e5e5e5;transition:all .8s linear;-webkit-transition:all .8s linear;}
.nav .submenu_t a{width:100%;display:block;line-height:50px;border-bottom:1px solid #e1e1e1;color:#666;font-size:14px;}
.nav .submenu_t a:hover{color:#046ab3;border-bottom:1px solid #046ab3;}

@media all and (min-width:980px){
	.Header-wrapper .nav ul li:hover .submenu,.Header-wrapper .nav ul li:hover .submenu_t{display:block;animation:fadeInBottom .6s ease-in-out forwards;-webkit-animation:fadeInBottom .6s ease-in-out forwards;}
}
@keyframes fadeInBottom{
	0%{transform:translateY(50px);-webkit-transform:translateY(50px);opacity:0;}
	100%{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;}
}


.nav dl{width:16.6666%;float:left;margin-right:3.75%;min-height:120px;margin-bottom:30px;}
.nav dl dt{color:#333;border-bottom:1px solid #e1e1e1;margin-bottom:10px;padding-bottom:10px;position:relative;line-height:35px;}
.nav dl dt:after{position:absolute;content:"";left:0px;bottom:-1px;width:15px;height:1px;background:#046ab3;}
.nav dl:nth-child(5n){margin-right:0px;min-height:231px;}
.Header-wrapper .nav ul li dd{line-height:35px;font-size:12px;color:#777;background:url(../image/icon_dl.png) no-repeat left center;padding-left:15px;}
.Header-wrapper .nav ul li dd:hover{color:#046ab3;background:url(../image/icon_dlon.png) no-repeat left center;}

/*logo*/
.Hlogo{height:80px;line-height:81px;font-size:0px;float:left;overflow:hidden;}
#web-bnr{display:none;}

/*彈窗*/
.Head-login{/*background:#005da6;*/background-color:rgba(0,93,166,0.5);padding:40px;width:350px;height:auto;position:fixed;right:0px;top:0px;z-index:99999999;display:none;}
.Head-login-close{text-align:right;cursor:pointer;}
.Head-login .lg{position:relative;height:44px;width:100%;background:#fff url(../image/icon_dq.jpg) no-repeat 20px center;border-radius:5px;padding:0px 20px;line-height:44px;color:#666;padding-left:50px;}
.Head-login .lg span{position:absolute;right:20px;bottom:0px;}
.Head-login h4{font-size:18px;color:#fefefe;margin:35px 0 15px;}
.Head-login .sh{position:relative;}
.Head-login .inp_sh_text{background:#fff;border-radius:5px;border:0px;height:44px;width:100%;padding:0px 20px;}
.Head-login .inp_sh_btn{position:absolute;right:20px;top:0px;height:44px;background:url(../image/icon_search.jpg) no-repeat center;border:0px;font-size:0px;width:20px;cursor:pointer;}
.Head-login .login{background:#fff;border-radius:5px;height:390px;}
.Head-login .login h5{font-size:18px;color:#005da6;height:62px;line-height:62px;background:#f6f6f6;border-radius:5px 5px 0px 0px;text-align:center;}
.Head-login .login dl{padding:25px;}
.Head-login .login dl dd{margin-bottom:20px;position:relative;}
.Head-login .login dl dd span{position:absolute;right:10px;top:10px;}
.Head-login .login dl dd span.vcode{top:0px;right:0px;width:50%;}
.Head-login .login dl dd span.vcode img{max-width:100%;height:40px;object-fit:cover;cursor:pointer;}
.Head-login .login dl p{color:#9e9e9e;text-align:center;position:relative;}
.Head-login .login dl p span.pass{color:#9e9e9e;border-bottom:1px solid #9e9e9e;}
.Head-login .login dl p span.reg{position:absolute;right:0px;top:0px;}
.Head-login .login .inp-id,.Head-login .login .inp-pass{border:1px solid #d7d8d9;height:40px;width:100%;padding:0px 10px;}
.Head-login .login .inp-vcode{border:1px solid #d7d8d9;height:40px;width:50%;padding:0px 10px;}

.Head-login .login .inp_sub{background:#0063b0;color:#fff;height:40px;border:0px;width:100%;cursor:pointer;}

.fixfdback{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);left:0px;top:0px;z-index:999999;display:none;}
.fixfdback span.fdclose{position:absolute;right:0px;top:0px;width:50px;height:50px;text-align:center;line-height:50px;background:#cdcdcd;font-size:40px;font-family:"宋體";cursor:pointer;color:#666;}
.fixfdback span.fdclose:hover{color:#333;}
.fixfdback .ffback{width:1200px;height:700px;position:absolute;left:50%;top:50%;margin-left:-600px;margin-top:-350px;background:#fff;padding:60px;}
.fixfdback h2{text-align:center;font-size:24px;color:#393939;}
.fixfdback h3{text-align:center;font-size:18px;font-weight:lighter;font-family:'微軟雅黑';color:#666;margin:10px auto 30px;}
.fixfdback p{color:#666;}
.fixfdback p span{color:#ff0000;}
.fixfdback .tit{text-align:center;}
.fixfdback .tit a{display:inline-block;width:146px;height:48px;text-align:center;line-height:48px;background:#ebebeb;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;margin:0px 5px;color:#666;font-size:18px;}
.fixfdback .tit a:hover,.fixfdback .tit a.on{background:#0063b0;color:#fff;}
.fixfdback .note p{margin-bottom:20px;}
.fixfdback .note ul{overflow:hidden;}
.fixfdback .note ul li{width:32%;float:left;margin-bottom:20px;margin-left:1.5%;}
.fixfdback .note ul li:first-child{margin-left:0px;}
.fixfdback .note ul li select{width:100%;height:46px;border:1px solid #dadada;}
.fixfdback .note ul li input{width:100%;height:46px;border:1px solid #dadada;padding:0px 10px;}
.fixfdback .note p input{width:200px;height:46px;border:1px solid #dadada;padding:0px 10px;}
.fixfdback .note p textarea{width:100%;height:200px;border:1px solid #dadada;}
.fixfdback .inp_sub{width:150px;cursor:pointer;background:#0063b0;color:#fff;vertical-align:middle;}
.fixfdback .note p img{vertical-align:middle;}
/*--- Footer ---*/
.Footer-wrapper{z-index:98;background:#272727;height:310px;padding:45px 0 40px;}
.footnav{overflow:hidden;margin-bottom:55px;}
.footnav dl{width:25%;float:left;}
.footnav dl dt{font-size:16px;margin-bottom:20px;color:#fff;font-weight:bold;}
.footnav dl dd{color:#fff;line-height:30px;opacity: 0.6;}
.footnav dl dd:hover{opacity: 1;}
.footnav dl.last{background:url(../image/ewm.jpg) no-repeat right top;height:140px;}
.footnav dl.last p{color:#fff;line-height:30px;opacity: 0.6;}
.copyright{overflow:hidden;}
.copyright p{color:#888;}
.copyright .fl a{color:#0063b0;}

/*右側漂浮*/
.fixbar{position:fixed;z-index:99;right:0px;bottom:20%;}
.fixbar a{display:block;margin-bottom:3px;}

/*--- Banner ---*/
.bnr-img{display:block;width:100%;height:auto;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:relative;}

#index-bnr{position:relative;}
#index-bnr .bnr-img{height:650px;}
#index-bnr .bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;}

/*拉升效果*/
/*#index-bnr .swiper-slide .bg{transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
#index-bnr .swiper-slide.swiper-slide-active .bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}*/

/*Bnr1*/
.iBnr-1{width:1200px;text-align:right;font-weight:lighter;color:#fff;position:absolute;left:50%;margin-left:-600px;height:90px;margin-top:-45px;top:42%;z-index:2;}
.iBnr-1 .t1{line-height:80px;font-size:42px;}
.iBnr-1 .t2{font:lighter 15px/34px '微軟雅黑';text-transform:uppercase;}
.iBnr-1 .t2-1{text-align:left;}

.iBnr-2{width:1200px;text-align:right;font-weight:lighter;color:#fff;position:absolute;left:50%;margin-left:-600px;height:400px;margin-top:-200px;top:42%;z-index:2;}
.iBnr-2 .t1{line-height:50px;font-size:46px;color:#046ab3;}
.iBnr-2 .t2{margin:60px 0;}
.iBnr-2 .t2-1{text-align:left;}
.iBnr-2 .t3{width:134px;height:45px;line-height:45px;padding-left:25px;border:1px solid #046ab3;color:#666;font-weight:lighter;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;background:url(../image/icon_jt.png) no-repeat 94px center;}
.iBnr-2 .t3:hover{background:#046ab3 url(../image/icon_jton.png) no-repeat 94px center;;color:#fff;}

.iBnr-2 .mt40{margin-top:60px;}
.iBnr-2 .t4{width:134px;height:45px;line-height:45px;padding-left:25px;border:1px solid #046ab3;color:#046ab3;font-weight:lighter;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;background:url(../image/icon_jt.png) no-repeat 94px center;margin-top:80px;}
.iBnr-2 .t4:hover{background:#046ab3 url(../image/icon_jton.png) no-repeat 94px center;;color:#fff;}

.iBnr-2 .t5{width:134px;height:45px;line-height:45px;padding-left:25px;border:1px solid #046ab3;color:#046ab3;font-weight:lighter;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;background:url(../image/icon_jt.png) no-repeat 94px center;margin-top:48px;}
.iBnr-2 .t5:hover{background:#046ab3 url(../image/icon_jton.png) no-repeat 94px center;;color:#fff;}


#index-bnr .swiper-pagination{font-size:0px;bottom:5% !important;}
#index-bnr .swiper-pagination-bullet{width:40px;height:5px;background:none;border-radius:0px;position:relative;overflow:hidden;margin:0 4px;opacity:1;border-radius:3px;}
#index-bnr .swiper-pagination-bullet:after{content:"";display:block;width:100%;height:100%;background:#929fc0;border-radius:3px;position:absolute;top:0px;left:0px;}
#index-bnr .swiper-pagination-bullet i{display:block;width:100%;height:100%;background:#fff;position:absolute;left:-100%;top:0px;z-index:2;border-radius:3px;}
#index-bnr .swiper-pagination-bullet-active{}

#index-bnr .swiper-button-nextXG{background:url(../image/icon_bann_next.png) no-repeat center;width:70px;height:70px;opacity: 1 !important;}
#index-bnr .swiper-button-prevXG{background:url(../image/icon_bann_prev.png) no-repeat center;width:70px;height:70px;opacity: 1 !important;}
#index-bnr .swiper-button-nextXG,#index-bnr .swiper-button-prevXG{
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
	z-index: 99;
	cursor: pointer;
}
#index-bnr .swiper-button-prevXG{left: 10px;}
#index-bnr .swiper-button-nextXG{right: 10px;}


.bnr-img.page-bnr{height:848px;}
.pBnr-box{width:960px;text-align:center;color:#fff;position:absolute;top:32.19339622641509%;left:50%;margin:0 0 0 -480px;}
.pBnr-box .t1{line-height:65px;font-size:50px;font-weight:600;}
.pBnr-box .t2{line-height:30px;margin:25px 0 0;}
.pBnr-box .page-dd{display:block;width:58px;height:58px;background:url(/APP/Public/Home/images/icon-pdd.png) no-repeat center center;margin:40px auto 0;
animation:pageDD 1.8s linear infinite;-webkit-animation:pageDD 1.8s linear infinite;}
@keyframes pageDD{
	0%{transform:translateY(0px) scale(1);-webkit-transform:translateY(0px) scale(1);opacity:1;}
	50%{transform:translateY(30px) scale(.9);-webkit-transform:translateY(30px) scale(.9);opacity:.2;}
	100%{transform:translateY(0px) scale(1);-webkit-transform:translateY(0px) scale(1);opacity:1;}
}
.bnr-img.page-bnr2{height:500px;}


/*--- Container ---*/
.ind_mod{padding:40px 0px;overflow:hidden;}
.ind_mod img{max-width:100%;}
.ind_pro,.ind_news,.ind_video{padding:0px 4px;float:left;width:33.33333%;position:relative;}
.ind_mod .note{position:absolute;bottom:20px;left:20px;color:#fff;z-index:1;}
.ind_mod .note h2{font-size:21px;font-weight:bold;color:#fff;margin-bottom:15px;padding-bottom:15px;position:relative;}
.ind_mod .note h2:after{position:absolute;content:"";left:0px;bottom:0px;width:40px;height:1px;background:#d3d3d1;}

.ind_mod .com-img{position:relative;}
.ind_mod .ind_probox{background:rgba(4,106,179,0.9);position:absolute;left:0px;top:0px;width:100%;height:100%;padding:80px;z-index:2;opacity:0;-moz-opacity: 0;filter:alpha(opacity=0);}
.ind_pro:hover .ind_probox,.ind_news:hover .ind_probox{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.ind_mod .ind_probox h2{text-align:center;margin-bottom:25px;padding-bottom:20px;color:#fff;border-bottom:1px solid #8dbbdc;}
.ind_mod .ind_probox ul li{color:#fff;font-size:16px;margin-bottom:20px;padding-left:30px;position:relative;}
.ind_mod .ind_probox ul li:after{content: '';height: 0;width: 0;border-top:13px solid #fff;border-left:8px dashed transparent;border-right:8px dashed transparent;position: absolute;left:0;top:6px;z-index:2;transform:rotate(-90deg);}

.ind_video .vplay{position:absolute;width:78px;height:78px;display:block;left:50%;top:50%;margin-left:-39px;margin-top:-39px;}
.media-modal{width:100%;height:100%;background:rgba(0,0,0,.3);position:fixed;top:0px;left:0px;z-index:999999999;display:none;opacity:0;}
.media-modal .mediaModal-contain{width:960px;height:540px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.5);position:absolute;top:50%;left:50%;margin:-300px 0 0 -480px;display:none;}
.mediaModal-contain .mediaModal-box,
.mediaModal-contain video,
.mediaModal-contain .mejs-container,
.mediaModal-contain .mejs-overlay-play,
.mediaModal-contain .mejs-poster,
.mediaModal-contain .mejs-layers,
.mediaModal-contain .mejs-overlay{width:100% !important;height:100% !important;}
.mediaModal-contain .close{display:block;width:32px;height:32px;background:url(../image/icon-close.png) no-repeat center center / cover;position:absolute;right:5px;top:5px;z-index:2;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.mediaModal-contain:hover .close{opacity:1;}
@media all and (max-width:980px){.mediaModal-contain .close{opacity:1;}}


/*现有產品列表頁*/
.bann img{max-width:100%;height:390px;object-fit:cover;}
.procate ul{overflow:hidden;margin-bottom:45px;padding-bottom:35px;border-bottom:1px solid #e5e5e5;}
.procate ul li{margin-right:6px;float:left;margin-top:5px;}
.procate ul li:first-child{margin-left:0px;}
.procate ul li a{display: block;border:1px solid #e5e5e5;width:144px;height:48px;line-height:48px;text-align:center;}
.procate ul li a:hover,.procate ul li.cur a{background:#0063b0;color:#fff;border-color:#0063b0;}


.probox h2{text-align:center;font-size:24px;color:#333;font-weight:bold;margin-bottom:40px;}
.probox ul {overflow:hidden;}
.probox ul li{width:31.6666%;height:380px;border:1px solid #e5e5e5;float:left;margin-right:2.5%;margin-bottom:3.75%;}
.probox ul li:nth-child(3n){margin-right:0px;}
.probox ul li:hover{box-shadow:1px 1px 10px #ccc;}
.probox ul li:hover h4 a{background:#0063b0;color:#fff;}
.probox ul li h4 a{display:block;height:54px;line-height:54px;text-align:center;background:#f7f7f7;}
.probox ul li h4 a:hover{background:#0063b0;color:#fff;}


/*现有產品三級分類*/
.pro_crumbs{text-align:right;font-size:12px;color:#666;padding:20px 0;}
.probox_t{padding-bottom:60px;}
.probox_t h2{text-align:center;font-size:24px;color:#333;margin-bottom:25px;border-bottom:1px solid #d0d0d0;padding-bottom:25px;}
.probox_t ul {overflow:hidden;margin-left:-20px;}
.probox_t ul li{width:590px;height:560px;padding:60px 40px;border:1px solid #e5e5e5;float:left;margin-left:20px;margin-bottom:25px;background:#fff;}
.probox_t ul li img{max-width:100%;}
.probox_t ul li:hover{box-shadow:1px 1px 10px #ccc;}
.probox_t ul li:hover a.more{background:#0063b0;}
.probox_t ul li h4 a{display:block;font-size:24px;color:#333;}
.probox_t ul li p{color:#333;margin:20px 0;}
.probox_t ul li h4 a:hover{color:#0063b0;}
.probox_t ul li a.more{display:block;width:128px;height:46px;background:#898989;color:#fff;text-align:center;line-height:46px;border-radius:3px;}

/*现有產品詳情頁*/
.proc_crumbs{height:60px;background:#0063b0;color:#fff;line-height:60px;}
.proc_crumbs h1{font-size:18px;}
.proc_crumbs p{font-size:12px;}
.product{background:#fff;padding:50px;}
.procfl{width:415px;height:520px;float:left;}
.swiper-slide{background-size: cover;background-position: center;}
.gallery-top{height: 80%;width: 100%;border:1px solid #eee;}
.gallery-top .swiper-slide{background-size:contain;background-repeat:no-repeat;}
.gallery-thumbs{height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide{height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-active{opacity: 1;}
.webbox{display:none;}

.procfr{float:right;width:650px;}
.procfr h2{font-size:28px;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e5e5e5;}
.procfr .note{border-bottom:1px solid #e5e5e5;margin-bottom:20px;padding-bottom:20px;}
.procfr p{color:#666666;/*margin-bottom:20px;*/line-height:28px;}

.protab{margin-top:47px;}
.protab .pcate{line-height:58px;height:58px;background:#ebebeb;overflow:hidden;}
.protab .pcate li{width:120px;margin-left:0px;text-align:center;float:left;}
.protab .pcate li a{display: block;color:#777;}
.protab .pcate li a:hover{color:#333;}
.protab .pcate li.on,.protab .pcate li:hover a{background:#0063b0;}
.protab .pcate li.on a,.protab .pcate li:hover a{color:#fff;}
.protab .pcate li:hover{background:#eee;}
.proct{padding:40px 35px;line-height:28px;color:#666;border:1px solid #e5e5e5;}
.proct dl dd{margin-bottom:15px;position:relative;padding-left:15px;}
.proct dl dd:after{position:absolute;content:"";width:7px;height:7px;background:#cdcdcd;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;left:0px;top:10px;}
.proct_down{padding-left:0px;padding-right:0px;}
.proct_down ul li{height:54px;line-height:54px;padding:0px 30px;position:relative;}
.proct_down ul li a{display: block;width:21px;height:21px;background:url(../image/icon_zld.png) no-repeat center;position:absolute;right:30px;top:15px;}
.proct_down ul li span.time{float:right;margin-right:60px;}
.proct_down ul li:hover a{background:url(../image/icon_zldon.png) no-repeat center;}
.proct_down ul li:nth-child(2n-1){background:#f3f3f3;}
.proct_down ul li:hover{background:#0063b0;color:#fff;}


/*相關现有產品*/
.reltj h2{background:#fff;margin:20px auto;padding:10px 20px;border-left:4px solid #0063b0;font-size:16px;color:#333;font-weight:bold;}
.product_con .pro_relpro{background:#f9f9f9;padding:50px 0px;}
.product_con .pro_relpro h2{border-bottom:1px solid #d8d8d8;margin-bottom:20px;padding-bottom:20px;font-size:24px;color:#333;}
.product_con .pro_relpro h2 i{display:inline-block;width:3px;height:23px;background:#22908c;vertical-align:middle;margin-right:10px;margin-top:-3px;}
.pro_relpro #relpro{width:calc(100% - 170px);}
.relpro_con{background:#fff;padding:50px 0px;}
.relpro_con .swiper-button-prev{left:18px;background:none;height:54px;width:54px;border:1px solid #d1d1d1;text-align:center;font-family:"宋體";font-size:30px;line-height:54px;border-radius:50%;color:#d1d1d1;}
.relpro_con .swiper-button-next{right:18px;background:none;height:54px;width:54px;border:1px solid #d1d1d1;text-align:center;font-family:"宋體";font-size:30px;line-height:54px;border-radius:50%;color:#d1d1d1;}
.relpro_con .swiper-button-prev:hover,.relpro_con .swiper-button-next:hover{background:#0063b0;color:#fff;border-color:#0063b0;}
.pro_relpro .swiper-slide{background-color:#fff;border: 1px solid #ddd;}
.relpro_pic{position:relative;}
.relpro_pic img{max-width:100%;}
.relpro_pic .note{position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(41,128,190,0.85);text-align:center;color:#fff;display:none;}
.relpro_pic .note h4{font-size:18px;font-weight:bold;margin-top:40px;padding:0px 10px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.relpro_pic .note p{margin:10px auto;height:48px;line-height:24px;overflow: hidden;padding:0px 10px;}
.relpro_pic .note .more{display: block;width:128px;height:38px;line-height:38px;border:1px solid #fff;border-radius:25px;margin:0px auto;}
.relpro_pic .note .more:hover{background:#fff;color:#0063b0;}
.relpro_pic:hover .note{display:block;}


/*系統平台列表頁*/
.platform{}
.platform h2{font-size:18px;color:#0270be;border-bottom:3px solid #0270be;padding:20px 0px;}
.platform p{padding:25px 0px;color:#666;font-size:12px;}

.plat h2{text-align:center;font-size:24px;color:#393939;margin-bottom:25px;}
.plat .intro{color:#666;width:730px;display: block;margin:0px auto;text-align:center;line-height:28px;margin-bottom:30px;}
.plat ul{overflow:hidden;margin-left:-20px;}
.plat ul li{height:300px;padding:35px 40px;border:1px solid #e5e5e5;float:left;margin-left:20px;margin-bottom:25px;background:#fff;}
.plat ul li img{max-width:100%;}
.plat ul li .com-img{float:left;margin-right:40px;}
.plat ul li .note{width:735px;float:right;}
.plat ul li:hover{box-shadow:1px 1px 10px #ccc;}
.plat ul li:hover a.more{background:#0063b0 url(../image/jton.png) no-repeat 90px 15px;;color:#fff;}
.plat ul li h4{padding-bottom:20px;font-size:18px;color:#333;position:relative;}
.plat ul li h4:after{position:absolute;content:"";left:0px;bottom:0px;height:1px;width:36px;background:#d9d9d9;}
.plat ul li h4:hover{color:#046ab3;}
.plat ul li p{color:#666;margin:20px 0;line-height:28px;}
.plat ul li a.more{display:inline-block;width:126px;height:38px;border:1px solid #e3e3e3;color:#888;line-height:38px;border-radius:25px;margin-top:20px;background:url(../image/jt.png) no-repeat 90px 15px;padding-left:25px;}

/*系統平台內容頁*/
.pt{background:#fff;padding:50px 40px;}
.pt h2{font-size:24px;text-align:center;}
.pt .intro {max-width:100%;margin:30px auto;line-height:30px;text-align:left;color:#666;padding:30px;}
.pt .intro span p{color:#666;}
.pt ul {position:relative;text-align:center;}
.pt ul i{position:absolute;width:100%;display: block;border-bottom:1px solid #d8d8d8;top:50%;}
.pt ul li{width:118px;height:34px;line-height:34px;display:inline-block;border:1px solid #d8d8d8;text-align:center;border-radius:25px;z-index:2;position:relative;background:#fff;}
.pt ul li:hover,.pt ul li.on{background:#046ab3;color:#fff;}
.pt .ptcon{margin-top:30px;}
.pt .ptcon h4{color:#333;font-size:16px;}
.pt .ptcon p{color:#666;line-height:28px;}

.pt .ptcon ul li{height:54px;line-height:54px;padding:0px 30px;position:relative;width:100%;border-radius:0px;border:0px;text-align:left;}
.pt .ptcon ul li a{display: block;width:21px;height:21px;background:url(../image/icon_zld.png) no-repeat center;position:absolute;right:30px;top:15px;}
.pt .ptcon ul li span.time{float:right;margin-right:60px;}
.pt .ptcon ul li:hover a{background:url(../image/icon_zldon.png) no-repeat center;}
.pt .ptcon ul li:nth-child(2n-1){background:#f3f3f3;color:#000;}
.pt .ptcon ul li:hover{background:#0063b0;color:#fff;}


/*解決方案列表頁*/
.pubnav_box{background:#fff;height:64px;line-height:64px;}
.pubnav_box .pubnav ul li{float:left;font-size:16px;margin-left:50px;color:#333;}
.pubnav_box .pubnav ul li:first-child{margin-left:0px;}
.pubnav_box .pubnav ul li:hover,.pubnav_box .pubnav ul li.on{color:#046ab3;border-bottom:3px solid #046ab3;}

.case_list h2{font-size:24px;color:#393939;text-align:center;border-bottom:1px solid #d8d8d8;margin-bottom:23px;padding-bottom:23px;}
.case_list ul{margin-left:-30px;overflow:hidden;}
.case_list ul li{margin-left:30px;float:left;width:380px;background:#fff;margin-bottom:30px;min-height:418px;}
.case_list ul li .note{padding:20px 15px;}
.case_list ul li .note h4{font-size:18px;color:#333;}
.case_list ul li .note p{margin:15px auto;color:#666;padding-bottom:15px;border-bottom:1px solid #d8d8d8;line-height:28px;}
.case_list ul li .note a.more{color:#666;background:url(../image/jt.png) no-repeat right center;padding-right:30px;}

.case_list ul li:hover{background:#046ab3;color:#fff;}
.case_list ul li:hover h4,.case_list ul li:hover p,.case_list ul li:hover a.more{color:#fff;}
.case_list ul li:hover a.more{background:url(../image/jton.png) no-repeat right center;}

/*解決方案詳情頁*/
.case-video{background:#fff;}
.case-video .case_vfl{width:50%;float:left;position:relative;}
.case-video .case_vfl a{position:absolute;left:50%;top:50%;display: block;background:url(../image/v_play.png) no-repeat center;width:48px;height:48px;margin-left:-24px;margin-top:-24px;}
.case-video .case_vfr{width:50%;float:right;padding:5%;line-height:35px;color:#666666;}
.case-video .case_vfr h2{font-size:28px;color:#333;font-weight:bold;margin-bottom:20px;position:relative;padding-bottom:20px;}
.case-video .case_vfr h2:after{position:absolute;left:0;bottom:0;content:"";width:55px;height:3px;background:#ccc;}


/*服務支持*/
.support{padding:45px;background:#fff;}
.support h2{text-align:center;margin-bottom:35px;}
.support ul{overflow:hidden;margin-left:-30px;}
.support ul li{width:350px;height:210px;float:left;margin-left:30px;border:1px solid #e0e0e0;margin-bottom:30px;padding:45px 0px;}
.support ul li span{display: block;width:70px;height:70px;margin:0px auto;}

.support ul li span.sp1{background:url(../image/sp1.jpg) no-repeat center;}
.support ul li span.sp2{background:url(../image/sp2.jpg) no-repeat center;}
.support ul li span.sp3{background:url(../image/sp3.jpg) no-repeat center;}
.support ul li span.sp4{background:url(../image/sp4.jpg) no-repeat center;}
.support ul li span.sp5{background:url(../image/sp5.jpg) no-repeat center;}

.support ul li:hover{border-color:#046ab3;}
.support ul li:hover h4{color:#046ab3;}
.support ul li:hover span.sp1{background:url(../image/sp1on.jpg) no-repeat center;}
.support ul li:hover span.sp2{background:url(../image/sp2on.jpg) no-repeat center;}
.support ul li:hover span.sp3{background:url(../image/sp3on.jpg) no-repeat center;}
.support ul li:hover span.sp4{background:url(../image/sp4on.jpg) no-repeat center;}
.support ul li:hover span.sp5{background:url(../image/sp5on.jpg) no-repeat center;}

.support ul li h4{color:#666;font-size:18px;text-align:center;margin-top:25px;}
.data_down{padding:40px;background:#fff;}
.data_down .hot_search{border:10px solid #ededed;padding:30px;}
.hot_search select{width:330px;border:1px solid #ededed;height:36px;line-height:36px;}
.hot_search .inp_text{width:455px;height:36px;border:1px solid #ededed;padding:0px 10px;margin:0px 20px;}
.hot_search .inp_search{width:194px;height:36px;background:#046ab3;border:0px;color:#fff;cursor:pointer;}
.hot_search .inp_search:hover{background:#074d7f;}

.data_down .hot_search p{margin-top:20px;}
.data_down .hot_search p span{color:#e60012;}
.data_down .hot_search p a{padding-left:15px;}
.data_down h2{font-size:24px;color:#393939;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #dcdcdc;text-align:center;}

.dt_down_l{padding-left:0px;padding-right:0px;margin:30px 0;}
.dt_down_l ul li{height:54px;line-height:54px;padding:0px 30px;position:relative;}
.dt_down_l ul li a{display: block;width:21px;height:21px;background:url(../image/icon_zld.png) no-repeat center;position:absolute;right:30px;top:15px;}
.dt_down_l ul li span.time{float:right;margin-right:60px;color:#888;}
.dt_down_l ul li:hover a{background:url(../image/icon_zldon.png) no-repeat center;}
.dt_down_l ul li:nth-child(2n-1){background:#f3f3f3;}
.dt_down_l ul li:hover{background:#0063b0;color:#fff;}
.dt_down_l ul li:hover span.time{color:#fff;}


/*常見問題*/
.job_list{background:#fff;margin:30px auto;}
.job_list ul li{margin-bottom:20px;position:relative;}
.job_list ul li .job_infor4{position:absolute;right:20px;top:15px;width:29px;height:29px;background:url(../image/icon_faq.jpg) no-repeat center;}
.job_list .job_top{overflow:hidden;padding:20px 20px;color:#666;background:#f3f3f3;cursor:pointer;}
.job_list .cur .job_top{background:#0063b0;color:#fff;}
.job_list .cur .job_top .job_infor4{background:url(../image/icon_faqon.jpg) no-repeat center;}
.job_list .job_down{padding:20px 35px 35px 35px;background:#fff;}
.job_list .job_down h4{color:#333;margin-bottom:10px;font-size:14px;font-weight:bold;margin-top:20px;}
.job_list .job_down p{color:#666;line-height:30px;text-align:initial;}



/*售後服務*/
.aftermakert{background:#fff;padding:40px 45px;}
.aftermakert h2{color:#393939;font-size:24px;margin-bottom:20px;padding-bottom:20px;text-align:center;}
.aftermakert ul{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #dcdcdc;}
.aftermakert ul li{display:inline-block;width:116px;line-height:34px;/*text-align:center;*/height:34px;border:1px solid #e8e8e8;color:#666;}
.aftermakert ul li a{display: block;}
.aftermakert ul li:hover,.aftermakert ul li.on{background:#0063b0;color:#fff;}
.aftermakert .content h4{font-size:16px;color:#333;margin-bottom:10px;margin-top:40px;position:relative;padding-left:10px;}
.aftermakert .content h4:after{content:"";position:absolute;left:0px;top:3px;height:15px;width:3px;background:#0063b0;}
.aftermakert .content p{color:#666;font-size:14px;line-height:28px;}

.shxx{background:#f9f9f9;padding:40px;margin-top:30px;}
.shxx dl{overflow:hidden;}
.shxx dl dd{width:30%;float:left;text-align:center;}
.shxx dl dd:nth-child(2){width:40%;}
.shxx dl dd h4{font-size:18px;color:#333;margin-bottom:10px;}
.shxx dl dd p{color:#666;line-height:30px;margin-bottom:20px;}
.aftermakert .data_down{padding:0px;margin-top:30px;}
.aftermakert .data_down ul li{width:100%;}


/*公司精准簡介*/
.about .note h2{text-align:center;font-size:24px;color:#333;}
.about .note h3{text-align:center;margin-bottom:35px;padding-bottom:20px;border-bottom:1px solid #cbcbcb;font-size:18px;font-weight:lighter;color:#666;margin-top:10px;}
.about .note p{color:#666;/*margin-bottom:40px;*/line-height:28px;}
.ab-video{position:relative;text-align: center;}
.ab-video .vplay a{position:absolute;left:50%;top:50%;width:78px;height:78px;background:url(../image/ind_video_play.png) no-repeat center;margin-left:-39px;margin-top:-39px;}

/*企業願景*/
.comHist-list li{background:#f7f8fa;position:relative;}

.comHist-list li .comHist-img{width:50%;height:100%;overflow:hidden;position:absolute;top:0px;}

.comHist-list li .comHist-box{padding:15% 10.625% 0 12.1875%;min-height:480px;}
.comHist-box dl{padding:44px 0 0;}
.comHist-box dt{line-height:30px;font-size:36px;color:#046ab3;margin-bottom:20px;}
.comHist-box dd{line-height:35px;color:#666666;font-size:18px;}

.comHist-list li:nth-child(2n-1){padding:0 50% 0 0;}
.comHist-list li:nth-child(2n-1) .comHist-img{right:0px;} 

.comHist-list li:nth-child(2n){padding:0 0 0 50%;}
.comHist-list li:nth-child(2n) dl{padding-top:0px;}
.comHist-list li:nth-child(2n) .comHist-img{left:0px;} 


/*-- 实时新聞中心 --*/
.news-container{padding:0rem 0 .48rem;}
.news-wrap{padding:.4rem .4rem .45rem;background:#fff;border:1px solid #f3f3f3;}

.n1st-box{width:44.00715563506261%;float:left;margin:18px 0 0;}
.n1st-box .name{display:block;line-height:38px;font-size:24px;}
.n1st-box .name:hover { color: #046ab3;}
.n1st-box .date{line-height:20px;color:#666666;margin:10px 0 15px;}
.n1st-box .con{height:84px;line-height:28px;color:#666666;}
.n1st-box .more{display:block;line-height:18px;color:#046ab3;margin:.6rem 0 0;}

/*最新实时新聞*/
.newlist h2{text-align:center;}
.newlist h3{text-align:center;border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #dcdcdc;}
.newlist ul {overflow:hidden;margin-bottom:40px;}
.newlist ul li:first-child{margin-left:0px;}
.newlist ul li{width:380px;margin-left:30px;float:left;background:#fff;}
.newlist ul li .note{padding:20px;}
.newlist ul li h4{font-size:16px;color:#393939;}
.newlist ul li .note p{margin:20px auto;color:#666;line-height:28px;height: 60px;}
.newlist ul li .note span{color:#888}
.newlist ul li:hover{background:#046ab3;}
.newlist ul li:hover h4,.newlist ul li:hover p,.newlist ul li:hover span{color:#fff;}

.news-list{border-top:1px solid #e5e5e5;margin:.39rem 0 20px;}
.news-list li{display:block;border-bottom:1px solid #e5e5e5;}
.news-list img{width:100%;height:260px;object-fit:cover;}
.nlist-box{display:block;padding:.25rem 0 .25rem .3rem;position:relative;}
.nlist-img{display:block;width:25.73529411764706%;overflow:hidden;float:left;}
.nlist-img img{width:100%;height:192px;object-fit:cover;}
.nlist-block{width:54.6875%;float:left;margin:0 0 0 2.757352941176471%;}
.nlist-block .name{display:block;line-height:32px;font-size:18px;}
.nlist-block .con{line-height:26px;height:52px;color:#666666;margin:10px 0 0;}
.nlist-block .more{display:block;line-height:18px;color:#046ab3;margin:45px 0 0;}
.nlist-box .date{line-height:28px;font-size:18px;text-align:center;color:#474747;font-family:'Arial';position:absolute;top:77px;right:.72rem}
.nlist-box .date .day{line-height:50px;font-size:55.86px;border-bottom:1px solid #474747;}

.nlist-box:hover{background:#f9f9f9;}
.nlist-box:hover .name,
.nInfo-page a:hover,
.news-right .top .btn:hover{color:#046ab3;}
.ijoin{width:136px;height:38px;color:#fff;text-align:center;line-height:38px;background:#046ab3;border:0px;border-radius:5px;display: block;margin:0px auto;}
.ijoin:hover{background:#0362c6;}

/*詳細*/
.news-info{padding:.4rem .45rem;width:71.5%;background:#fff;border:1px solid #f3f3f3;float:left;color:#666;line-height:26px;}
.nInfo-top{padding:0 0 14px;border-bottom:1px solid #e5e5e5;position:relative;margin-bottom:20px;}
.news-info p{line-height:26px;color:#666;font-size:14px;}
.news-info img{height:auto;}
.nInfo-top .name{line-height:38px;font-size:24px;}
.nInfo-top .about{line-height:29px;color:#666666;margin:10px 0 0;}
.nInfo-top .date{display:inline-block;padding:0 0 0 28px;background:url(../image/icon-date.png) no-repeat left center;}
.nInfo-top .user{display:inline-block;padding:0 0 0 24px;background:url(../image/icon-user.png) no-repeat left center;margin:0 0 0 21px;}
.nInfo-top .share{position:absolute;right:0px;bottom:17px;}
.nInfo-top .share a{display:inline-block !important;margin:0 5px 0 2px !important;width:27px !important;height:27px !important;}
/*分享*/
.nInfo-top .share .bds_tsina{background: url(../image/Nshare-1.png) no-repeat center !important;}
.nInfo-top .share .bds_weixin{background: url(../image/Nshare-2.png) no-repeat center !important;}
.nInfo-top .share .bds_tqq{background: url(../image/Nshare-3.png) no-repeat center !important;}
.nInfo-top .share .bds_more{background: url(../image/Nshare-4.png) no-repeat center !important;}
.bd_weixin_popup{height:310px !important;}

.nInfo-con{padding:15px 0 28px;line-height:27px;color:#666666;position:relative;overflow:hidden;}

.nInfo-page{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow:hidden;margin-top:30px;}
.nInfo-page a{display:block;width:40%;height:56px;line-height:56px;color:#666666;}
.nInfo-page a .type{color:#4b4b4b;}
.nInfo-page a.fl{padding:0 0 0 28px;background:url(../image/icon-go3.png) no-repeat left center;}
.nInfo-page a.fr{padding:0 28px 0 0;text-align:right;background:url(../image/icon-go1.png) no-repeat right center;}

.nInfo-rtn{display:block;width:133px;height:38px;line-height:38px;color:#fff;background:#046ab3;margin:.35rem auto 0;}
.nInfo-rtn span{padding:0 0 0 28px;background:url(/APP/Public/Home/images/icon-rtn.png) no-repeat left center;}

/*右邊*/
.news-right{width:320px;float:right;}
.news-right .top{padding:0 19px 0 21px;line-height:50px;border-bottom:1px solid #f3f3f3;position:relative;}
.news-right .top:after{position:absolute;left:10px;top:15px;content:"";width:3px;height:18px;background:#046ab3;}
.news-right .top .name{font-size:18px;}
.news-right .top .btn{padding:0;color:#666666;float:right;}

.hot-pro{padding:0 0 20px;background:#fff;border:1px solid #f3f3f3;}
.hPro-box{display:block;width:280px;text-align:center;overflow:hidden;margin:20px auto 0;}
.hPro-box img{width:100%;height:auto;}
.hPro-box .name{line-height:38px;height:38px;color:#fff;font-size:14px;padding:0px 10px;background:rgba(0,0,0,0.9);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.hPro-nav,
.hApp-nav{padding:6px 20px 0;text-align:center;font-size:0px;}
.hPro-nav a,.hApp-nav a{display:block;height:38px;font-size:14px;border-bottom:1px dashed #ccc;line-height:38px;color:#666666;margin:10px 5px 0;}
.hPro-nav a:hover,.hApp-nav a:hover{color:#046ab3;}

.hApp-nav{padding:16px 0 0;}
.hApp-nav a{width:89px;margin:6px 3px 0;}

/*聯系我們官网*/
.contact{background:#fff;padding:45px;}
.contact h2{text-align:center;font-size:24px;color:#393939;}
.contact h3{text-align:center;font-size:18px;color:#666;font-weight:lighter;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee;}
.contact .cont_add dt{height:50px;line-height:50px;background:#f7f7f7;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;padding:0px 20px;color:#333;font-size:18px;cursor:pointer;position:relative;}
.contact .cont_add dd{padding:25px 20px;line-height:28px;color:#666;}
.contact .cont_add dt span{display:inline-block;transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-o-transform:rotate(-90deg);font-family:"宋體";font-weight:bold;font-size:18px;background:#acacac;width:23px;height:23px;text-align:center;line-height:23px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;position:absolute;right:20px;top:15px;color:#fff;}

.contact .cont_add dt:hover,.contact .cont_add dt.cur{background:#046ab3;color:#fff;}
.contact .cont_add dt.cur{margin-bottom:20px;}
.contact .cont_add dt:hover span,.contact .cont_add dt.cur span{background:#fff;color:#046ab3;}


/*網站問題反饋*/
.fdbackt{background:#f7f8f9;padding:40px 0px;overflow:hidden;height:auto;}
.fdbackt h2{font-size:30px;color:#046ab3;}
.fdbackt .fr{height:45px;line-height:45px;}

.fdback{width:780px;margin:0px auto;}
.fdback p{line-height:30px;color:#666;}
.fdback p a{color:#046ab3;}
.fdback h4{margin:35px auto;color:#046ab3;}
.fdback dl dd{border:1px solid #dadada;height:46px;line-height:46px;margin-bottom:20px;padding:0px 20px;}
.fdback dl dd span i{color:#ff0000;}
.fdback dl dd input{width:500px;border:0px;margin-left:10px;height:42px;}
.fdback dl dd select{width:100%;border:0px;width:510px;float:right;height:44px;line-height:44px;cursor:pointer;}
.fdback dl dd textarea{vertical-align:top;width:100%;border:0px;height:200px;padding:5px 0px;}
.fdback dl dd:last-child{height:auto;}
.fdback .inp_sub{width:140px;height:46px;background:#046ab3;margin:0px auto;color:#fff;border:0px;display: block;font-size:16px;cursor:pointer;}
.fdback .inp_sub:hover{background:#0362a5;}



/*展會活動列表頁*/
.active h2{font-size:21px;color:#333;margin-bottom:20px;}
.active h4{font-size:16px;color:#666;margin:10px auto;height:56px;line-height:28px;overflow: hidden;}
.active ul.zhyg li{width:590px;margin-left:20px;float:left;}
.active ul.zhyg li:first-child{margin-left:0px;}
.active ul.zhyg li:hover h4{color:#0362a5;}

.active ul{margin-bottom:60px;}
.active ul.act_list li{width:380px;margin-right:30px;float:left;}
.active ul.act_list li:nth-child(3n){margin-right:0px;}
.active ul.act_list li:hover h4{color:#0362a5;}
.active ul.act_list li .com-img{height:260px;}
.active ul.act_list li .com-img img{width:100%;height:100%;object-fit:cover;}
.active_con p{line-height:28px;color:#666;/*margin:20px auto;*/}
.active_con h4{font-size:24px;color:#333;margin-bottom:20px;}
.active_con table{width:100%;border-collapse:collapse;border:1px solid #dcdcdc;color:#666;}
.active_con table tr td{border:1px solid #dcdcdc;}
.active_con table tr th{border:1px solid #dcdcdc;color:#333;}
.active_con table tr th,.active_con table tr td{padding:10px 20px;white-space:nowrap;}

.tablebox{width:100%;overflow-x:auto;overflow-y:hidden;}
.tablebox table{width:100%;}


/*培訓報名*/
.signup{max-width:1200px;margin:20px auto;background:#fff;padding:45px;}
.signup h2{text-align:center;font-size:24px;color:#393939;border-bottom:1px solid #e5e5e5;margin-bottom:20px;padding-bottom:20px;}

/*培訓視頻*/
.video_search{margin-bottom:20px;}
.video_search input[type="text"]{width:350px;padding:0px 10px;height:36px;line-height:36px;border:1px solid #e5e5e5;}
.video_search input[type="submit"]{width:195px;height:36px;background:#0362a5;border:0px;margin-left:20px;color:#fff;}

.pxvideo ul{margin-left:-30px;}
.pxvideo ul li{width:350px;margin-left:30px;margin-bottom:30px;float:left;background:#f5f5f5;text-align:center;position:relative;}
.pxvideo ul li h4{padding:15px 0px;font-size:16px;}
.pxvideo ul li:hover{color:#0362a5;}
.pxvideo ul li:hover .pxvbg{display: block;}
.pxvbg{position:absolute;left:0px;top:0px;background:rgba(4,105,178,0.85);width:100%;height:215px;display:none;}
.pxvbg span{position:absolute;width:47px;height:48px;left:50%;top:50%;margin-left:-24px;margin-top:-24px;}
.pxvideo ul li>a>img{height:215px;width:100%;}

/*培訓通知*/
.pxnotice{}
.pxnotice ul li{height:280px;overflow:hidden;margin-bottom:28px;}
.pxnotice ul li .pxpic{width:41.4414%;float:left;}
.pxnotice ul li .pxnote{width:58.5586%;float:right;padding:50px 40px;border:1px solid #e7e7e7;height:100%;border-left:0px;position:relative;}
.pxnotice ul li .pxnote h4{font-size:18px;color:#333;margin-bottom:35px;}
.pxnotice ul li .pxnote h4:hover{color:#0362a5;}
.pxnotice ul li .pxnote .date{background:url(../image/icon_date.png) no-repeat left center;margin-bottom:10px;color:#666;padding-left:25px;}
.pxnotice ul li .pxnote .add{background:url(../image/icon_add.png) no-repeat left center;color:#666;padding-left:25px;margin-bottom:30px;}
.pxnotice ul li .pxnote span{display: block;background:url(../image/icon_tzicon.png) no-repeat center;position:absolute;right:0px;bottom:20px;width:111px;height:49px;text-align:center;line-height:49px;color:#fff;}

/*社會招聘*/
.recruit{background:#fff;padding:50px 45px;margin-bottom:30px;}
.recruit ul{border-bottom:1px solid #ecebeb;margin-bottom:25px;}
.recruit ul li{margin-bottom:25px;color:#666;}
.recruit ul li a{padding:0px 5px;}
.recruit ul li a.cur,.recruit ul li a:hover,
.job_l ul li:hover{color:#0362c6;}
.job_l .job_con .content{color:#666;}
.recruit ul li span{color:#333;font-size:16px;}
.hotkey{overflow:hidden;}
.hotkey .fl span{color:#df0000;font-size:16px;}
.hotkey .fl a{padding:0px 5px;color:#666;}
.hotkey .fl a:hover{color:#df0000;}
.hotkey .fr input[type="text"]{border:1px solid #eee;height:36px;padding:0px 5px;}
.hotkey .fr input[type="submit"]{border:0;height:36px;padding:0px 15px;background:#0362c6;color:#fff;cursor:pointer;}

/*招聘*/
.jobhtit{background:#0362c6;height:56px;line-height:56px;overflow:hidden;}
.recruit .jobhtit span{font-size:14px;width:25%;color:#fff;display:inline-block;text-align:center;float:left;}
.job_top div{width:25%;text-align:center;float:left;/*overflow:hidden;text-overflow:ellipsis; white-space:nowrap;*/}
.job_top .job_Tname{width:90%;text-align:left;}
.job_l{margin-top:30px;}
.job_l .job_top{background:#fff;overflow:hidden;padding:20px 0px;border-bottom:1px solid #ecebeb;cursor:pointer;}
.recruit .job_l ul li{margin-bottom:0px;}
.job_l .cur .job_top{background:#fff;border-bottom:1px solid #ecebeb;}
.job_l .job_con .content{padding:35px;background:#f6f6f6;border-bottom:1px solid #f7f7f7;}
.job_l .job_con .content dl{border-bottom:1px solid #f5f5f5;overflow:hidden;/*margin-bottom:20px;*/padding-bottom:10px;}
.job_l .job_con .content dl dd{float:left;width:33%;text-align:left;margin-bottom:10px;}
.job_l .job_con .content h4{color:#0362c6;margin:10px auto;font-size:14px;font-weight:bold;}
.job_l .job_con .content p{line-height:28px;}
.job_l .job_con .content .apply_job{background:#0362c6;width:160px;height:46px;line-height:46px;text-align:center;color:#fff;border-radius:3px;display:block;margin:0px auto;margin-top:50px;}


/*社會招聘彈窗*/
.delivery{position:fixed;width:100%;height:100%;left:0px;top:0px;background:rgba(0,0,0,0.6);z-index:999;display:none;}
.deliv{width:576px;height:380px;position:absolute;left:50%;top:50%;background:#fff;margin-left:-288px;margin-top:-190px;padding:25px 45px;}
.deliv h2{text-align:center;font-size:24px;color:#666;border-bottom:1px solid #e0e0e0;margin-bottom:20px;padding-bottom:20px;}
.deliv p{margin-bottom:15px;color:#666;font-size:16px;}
.deliv p input{width:85%;border:1px solid #eee;height:36px;padding:0px 5px;}
.deliv b{font-weight:normal;color:#df0000;padding-left:10px;}
.deliv p.note{margin-bottom:20px;font-size:14px;}
.deliv .filedown input{opacity: 0;-moz-opacity: 0;filter:alpha(opacity=0);position:absolute;left:0px;top:0px;width:170px;height:40px;cursor:pointer;}
.deliv .filedown a.youfile{display:inline-block;width:170px;height:40px;background:#0362c6;position:relative;color:#fff;text-align:center;line-height:40px;}
.deliv .filedown a.qx{width:130px;height:40px;line-height:40px;background:#eee;color:#666;display:inline-block;text-align:center;}


/*校園招聘*/
.recruit h1{text-align:center;font-size:24px;color:#333;margin-bottom:35px;}
.img-responsive{display: block;max-width:100%;margin:0px auto;}
.recfaq h2{font-size:24px;color:#333;text-align:center;margin-bottom:40px;}
.recfaq dt{color:#333;position:relative;cursor:pointer;}
.recfaq dl.cur dt{color:#0362c6;}
.recfaq dl.cur{border-bottom:0px;}
.recfaq dt span{position:absolute;display: block;width:16px;height:16px;background:url(../image/faq_defalut.png) no-repeat center;right:0px;top:0px;}
.recfaq dl.cur dt span{background:url(../image/faq_cur.png) no-repeat center;}
.recfaq dl dd{color:#666;padding:10px 0 0;margin-top:10px;line-height:25px;border-top:1px solid #dedede;display:none;}
.recfaq dl{border-bottom:1px solid #dedede;margin-bottom:15px;padding-bottom:15px;}
#recfaq .swiper-container{padding-bottom:30px;}
.recfaq{padding:0 0 60px;}

/*走入固高-固高生活*/
.gogg-nav{text-align:center;background:url(../image/icon_line.jpg) repeat-x center;}
.gogg-nav a{display:inline-block;width:106px;height:32px;line-height:32px;margin:0px 5px;text-align:center;color:#666;border:1px solid #d3d3d3;border-radius:25px;background:#fff;}
.gogg-nav a:hover,.gogg-nav a.on{background:#0362c6;border:1px solid #0362c6;color:#fff;}
.gglife{padding-bottom:60px;}
.gglife ul li{position:relative;}
.gglife ul li:nth-child(2n-1){padding:0 0 0 50%;}
.gglife ul li:nth-child(2n-1) .lifeimg{left:0px;}
.gglife ul li:nth-child(2n){padding:0 50% 0 0;}
.gglife ul li:nth-child(2n) .lifeimg{right:0px;}
.gglife ul li .lifeimg{position:absolute;top:0px;width:50%;height:100%;}
.gglife ul li .lifenote{min-height:380px;}
.gglife ul li:nth-child(2n-1) .lifenote{padding:60px 0px 0px 40px;}
.gglife ul li:nth-child(2n) .lifenote{padding:60px 40px 0px 0px;}
.gglife ul li .lifenote h2{font-size:30px;color:#333;margin-bottom:25px;}
.gglife ul li .lifenote h2 span{color:#046ab3;font-weight:lighter;font-family:"Microsoft yahei";}
.gglife ul li .lifenote p{color:#666;line-height:28px;}
.gglife ul li:nth-child(2n) h2{text-align:right;}


/*走入固高-員工訪談*/
.ggtm {padding-bottom:60px;}
.ggtm ul{overflow:hidden;}
.ggtm ul li{text-align:center;float:left;margin-left:110px;cursor:pointer;padding-bottom:40px;}
.ggtm ul li:first-child{margin-left:0px;}
.ggtm ul li.cur{color:#046ab3;}
.ggtm ul li img{border:2px solid #f6f7f9;border-radius:50%;}
.ggtm ul li.cur{background:url(../image/icon_tson.jpg) no-repeat center bottom;}
.ggtm ul li.cur img{border:2px solid #046ab3;border-radius:50%;}
.ggtm ul li h4{margin-top:20px;}
.tm1 .box{background:#fff;padding:35px;color:#666;line-height:28px;}
.tm1 .box p{margin-bottom:20px;}


/*培訓發展*/
.pxfz{padding-bottom:50px;}
.pxfz p{width:100%;background:#fff;padding:50px 0;}

/*聯系我們官网*/
.goctus h2{text-align:center;font-size:24px;color:#333;margin-bottom:10px;}
.goctus h3{text-align:center;font-size:18px;color:#333;margin-bottom:30px;font-weight:lighter;font-family:"Microsoft yahei";}
.goctus .goct{overflow:hidden;background:#fff;}
.goctus .goct .fl,.goctus .goct .fr{width:50%;}
.goctus .goct .fr{background:url(../image/ct_bg.jpg) no-repeat right top / contain;min-height:350px;padding:90px 60px;}
.goctus .goct .fr h4{font-size:18px;color:#333;margin-bottom:20px;}
.goctus .goct .fr p{font-size:14px;margin-bottom:15px;color:#666;padding-left:25px;background:url(../image/icon_ctmap.png) no-repeat left 3px;}
.goctus .goct .fr p.icon_ct2{background:url(../image/icon_ctmap.png) no-repeat left -32px;}
.goctus .goct .fr p.icon_ct3{background:url(../image/icon_ctmap.png) no-repeat left -68px;}


/*員工福利*/
.welfare{padding-bottom:80px;}
.welfare ul{overflow:hidden;}
.welfare ul li{width:20%;float:left;text-align:center;padding:20px;min-height:240px;}
.welfare ul li span{display: block;margin:0px auto;width:65px;height:65px;}
.welfare ul li span.fl1{background:url(../image/fl01.png) no-repeat center;}
.welfare ul li span.fl2{background:url(../image/fl02.png) no-repeat center;}
.welfare ul li span.fl3{background:url(../image/fl03.png) no-repeat center;}
.welfare ul li span.fl4{background:url(../image/fl04.png) no-repeat center;}
.welfare ul li span.fl5{background:url(../image/fl05.png) no-repeat center;}
.welfare ul li span.fl6{background:url(../image/fl06.png) no-repeat center;}
.welfare ul li span.fl7{background:url(../image/fl07.png) no-repeat center;}
.welfare ul li span.fl8{background:url(../image/fl08.png) no-repeat center;}
.welfare ul li span.fl9{background:url(../image/fl09.png) no-repeat center;}
.welfare ul li span.fl10{background:url(../image/fl10.png) no-repeat center;}

.welfare ul li:hover span.fl1{background:url(../image/fl01on.png) no-repeat center;}
.welfare ul li:hover span.fl2{background:url(../image/fl02on.png) no-repeat center;}
.welfare ul li:hover span.fl3{background:url(../image/fl03on.png) no-repeat center;}
.welfare ul li:hover span.fl4{background:url(../image/fl04on.png) no-repeat center;}
.welfare ul li:hover span.fl5{background:url(../image/fl05on.png) no-repeat center;}
.welfare ul li:hover span.fl6{background:url(../image/fl06on.png) no-repeat center;}
.welfare ul li:hover span.fl7{background:url(../image/fl07on.png) no-repeat center;}
.welfare ul li:hover span.fl8{background:url(../image/fl08on.png) no-repeat center;}
.welfare ul li:hover span.fl9{background:url(../image/fl09on.png) no-repeat center;}
.welfare ul li:hover span.fl10{background:url(../image/fl10on.png) no-repeat center;}
.welfare ul li h4{margin:15px auto;font-size:16px;color:#666;}
.welfare ul li p{display:none;color:#888;line-height:28px;}

.welfare ul li:hover{background:#fff;}
.welfare ul li:hover h4{color:#046ab3;}
.welfare ul li:hover p{display:block;}


/*客戶培訓-培訓報名*/
.support h2{border-bottom:1px solid #e5e5e5;margin-bottom:20px;padding-bottom:20px;}
.signup{color:#666;}
.signup span{color:#e60012;}
.signup p{font-size:14px;margin-bottom:15px;}
.signup ul{overflow:hidden;}
.signup ul.sty1 li{width:48%;float:left;margin-bottom:20px;}
.signup ul.sty1 li:nth-child(2n){margin-left:4%;}
.signup ul.sty1 li input{border:1px solid #e5e5e5;height:48px;width:90%;margin-left:15px;padding:0px 10px;}

.signup ul.sty2 li{width:30%;float:left;margin-bottom:20px;}
.signup ul.sty2 li:nth-child(2n){margin-left:5%;margin-right:5%;}
.signup ul.sty2 li input{border:1px solid #e5e5e5;height:48px;width:75%;margin-left:15px;padding:0px 10px;}

.signup ul.sty3{margin-bottom:20px;}
.signup ul.sty3 label{vertical-align:top;float:left;width:5%;}
.signup ul.sty3 label span{vertical-align:top;}
.signup ul.sty3 textarea{border:1px solid #e5e5e5;height:48px;width:93%;margin-left:15px;vertical-align:top;float:left;padding:10px;height:180px;}

.signup ul.sty4 input[type="text"]{border:1px solid #e5e5e5;height:48px;width:100%;padding:0px 10px;}
.signup ul.sty4 input[type="submit"]{width:154px;height:48px;color:#fff;font-size:18px;border:0px;background:#046ab3;}
.signup ul.sty4 li{display:inline-block;margin:0px 10px;}


/*大事記*/
.history h2{text-align:center;font-size:24px;color:#333;}
.history h3{font-size:18px;text-align:center;color:#888;font-weight:lighter;font-family:"Microsoft yahei";margin:10px auto 20px;}
.history p.info{line-height:30px;color:#666;text-align:center;margin-bottom:30px;}
.history ul{text-align:center;}
.history ul li{display:inline-block;text-align:center;width:116px;height:34px;line-height:34px;border:1px solid #d8d8d8;color:#666;}
.history ul li.on{background:#046ab3;color:#fff;border-color:#046ab3;}
#hist{margin:100px auto;}
.history .swiper-button-prev{background:url(../image/his_prev.png) no-repeat center;width:42px;height:42px;left:-62px;z-index:3;}
.history .swiper-button-next{background:url(../image/his_next.png) no-repeat center;width:42px;height:42px;right:-62px;z-index:3;}
.hislist{position:relative;height:400px;}
.history .swiper-slide{position:relative;}
.hislist i{position:absolute;width:100%;height:2px;background:#9b9a99;top:50%;}
.hisbox1{position:relative;padding-bottom:70px;text-align:center;}
.hisbox1 img{width:158px;height:158px;object-fit:cover;border-radius:50%;-webkit-border-radius:50%;}
.hisbox1:hover .note{display: block;}
.hisbox1 .note{position:absolute;left:90%;top:0px;background:#fff;padding:20px;width:270px;z-index:99;height:135px;display:none;}
.hisbox1 p{font-size:18px;color:#333;margin-top:70px;position:relative;}
.hisbox1 p:after{content:"";position:absolute;top:-38px;left:50%;width:18px;height:18px;background:url(../image/his_bg2_02.png) no-repeat center bottom;margin-left:-9px;z-index:99;}

.hisbox2{position:relative;text-align:center;}
.hisbox2 p{margin-top:150px;font-size:18px;color:#333;position:relative;}
.hisbox2 p:after{content:"";position:absolute;bottom:-38px;left:50%;width:18px;height:18px;background:url(../image/his_bg2_02.png) no-repeat center bottom;margin-left:-9px;z-index:99;}
.hisbox2 .pic{margin-top:65px;}
.hisbox2 img{width:158px;height:158px;object-fit:cover;border-radius:50%;-webkit-border-radius:50%;}
.hisbox2:hover .note{display: block;}
.hisbox2 .note{position:absolute;left:90%;bottom:10px;background:#fff;padding:20px;width:270px;z-index:99;height:135px;display:none;z-index:99;}


/*語言*/
.lg{position: relative;}
.rlang{position:absolute;top:44px;background:#fff;left:0px;width:100%;text-align:center;display:none;z-index:3;border:1px solid #eee;border-radius:5px;}
.rlang a{display: block;}
.rlang a:hover{color:#0063b0;}

/*现有產品詳情頁 放大效果*/
/*左側圖片輪播*/
.pInfo-view{width:415px;float:left;}
.pInfoSwiper-man{width:415px;height:360px;text-align:center;border:1px solid #eeeeee;position:relative;overflow:hidden;}
.pInfoSwiper-man ul,
.pInfoSwiper-min .num ul{position:absolute;top:0px;left:0px;overflow:hidden;}
.pInfoSwiper-man ul li{width:415px;height:360px;font-size:0px;text-align:center;float:left;}
.pInfoSwiper-man ul li a{display:block;width:415px;height:360px;line-height:360px;font-size:0px;text-align:center;}
.pInfoSwiper-man ul li img{max-width:100%;height:auto;}

.pInfoSwiper-min{height:66px;padding:0 0 0 0px;position:relative;overflow:hidden;margin-top:14px;}
.pInfoSwiper-min .num{width:390px;height:66px;position:relative;overflow:hidden;float:left;}
.pInfoSwiper-min .num li{width:64px;height:64px;line-height:64px;text-align:center;font-size:0px;border:1px solid #eeeeee;float:left;margin-right:12px;}
.pInfoSwiper-min .num li.on{border-color:#0054a5;}
.pInfoSwiper-min .num li img{width:50px;height:50px;}

.pInfoSwiper-prev,
.pInfoSwiper-next{width:21px;height:66px;position:absolute;top:0px;opacity:0.6;}
.pInfoSwiper-prev{left:0px;background:url(/APP/Public/Home/images/icon/swiper1-l.png) no-repeat left center;}
.pInfoSwiper-next{right:0px;background:url(/APP/Public/Home/images/icon/swiper1-r.png) no-repeat right center;}
.pInfoSwiper-prev:hover,
.pInfoSwiper-next:hover{opacity:1;}

.procate.scroll,.pub_cate_menu.scroll{width: 100%;background: rgba(255,255,255,.96);position:fixed;top:80px;left: 0px;z-index: 10;}


/* ------------------------------修改-------------------------- */
.xg-fr{width: 1200px;margin: 0 auto;padding-top: 20px;color: #555555;font-size: 12px;}
.xg-fr a:hover{color: #0270be;}
.XG-NavT{width: 100%;height: 150px;background: #f7f8fa;display: none;}
.XG-PhoneT{display: none;width: 100%;height: 50px;background-color: #f7f8fa;}
@media all and (max-width:900px) {
	.xg-fr{width: 96%;padding: 14px 0;font-size: 12px;}
	.support ul li h4 {font-size: 15px;margin-top: 12px;}
}
.XG-login{cursor: pointer;}
.XG-login:hover{color: #0270be;}
/* ------------------------------20231218修改-------------------------- */
.flex{display: flex;flex-wrap: wrap;}
.proxqwt-menu{width: 100%;justify-content: center;position: relative;user-select: none;}
.proxqwt-menu::after{content: "";position: absolute;width: 100%;height: 1px;left: 0;bottom: 0;background: #edeff2;}
.proxqwt-menu a{height: 46px;font-size: 16px;color: #0a0a0a;position: relative;opacity: 0.5;transition: opacity .4s ease;z-index: 2;margin-left: 50px;}
.proxqwt-menu a:first-child{margin-left: 0;}
.proxqwt-menu a::after{content: "";position: absolute;width: 100%;height: 3px;left: 0;bottom: -1px;background: #0063b0;opacity: 0;transition: all .4s ease;}
.proxqwt-menu a:hover, .proxqwt-menu a.active{opacity: 1;}
.proxqwt-menu a.active::after{opacity: 1;}
.proxqwt-items{width: 100%;margin-top: 40px;}
.proxqwt-items .items{width: 100%;display: none;}
.proxqwt-items .items.active{display: block;}
.proxqwt-search{width: 320px;position: relative;margin: 0 auto;border-radius: 18px;overflow: hidden;user-select: none;}
.proxqwt-search input{width: 100%;height: 36px;background: #f5f5f5;border: none;padding: 0 60px 0 14px;font-size: 14px;color: #333;}
.proxqwt-search input::-webkit-input-placeholder{color: #c0c4cc;font-size: 14px;}
.proxqwt-search input:-moz-placeholder{color: #c0c4cc;font-size: 14px;}
.proxqwt-search input::-moz-placeholder{color: #c0c4cc;font-size: 14px;}
.proxqwt-search input:-ms-input-placeholder{color: #c0c4cc;font-size: 14px;}
.proxqwt-search .submit, .proxqwt-search .close{position: absolute;top: 0;height: 100%;transition: all .4s ease;cursor: pointer;}
.proxqwt-search .submit{width: 30px;background: url("../image/wtic0.png") no-repeat left center;right: 0;}
.proxqwt-search .close{width: 24px;background: url("../image/wtic8.png") no-repeat center;right: 30px;opacity: 0;pointer-events: none;visibility: hidden;}
.proxqwt-search .close.on{opacity: 1;pointer-events: auto;visibility: visible;}
.proxqwt-search .submit:hover{background-image: url("../image/wtic0H.png");}
.proxqwt-search .close:hover{background-image: url("../image/wtic8H.png");}
.proxqwt-list{width: 100%;margin-top: 54px;}
.proxqwt-list ul{width: 100%;margin: 0;transition: background .4s ease;}
.proxqwt-list li{font-size: 14px;color: #333;width: 124px;line-height: 20px;}
.proxqwt-list li:nth-child(2){width: 140px;}
.proxqwt-list li:nth-child(1){width: calc(100% - 140px - 124px*4);}
.proxqwt-thead{width: 100%;border-bottom: 1px solid #dcdfe6;}
.proxqwt-tbody{width: 100%;}
.proxqwt-thead li{padding: 0 10px 14px;color: #515d6e;font-weight: 700;}
.proxqwt-tbody li{padding: 20px 10px;}
.proxqwt-tbody ul:hover{background: #f5f5f5;}
.proxqwt-tbody li .btn{justify-content: space-between;width: 100%;align-items: center;}
.proxqwt-tbody li .btn a{font-size: 14px;color: #0054a5;padding-left: 18px;}
.proxqwt-tbody li .btn a.see{background: url("../image/wtic1.png") no-repeat left center;}
.proxqwt-tbody li .btn a.down{background: url("../image/wtic2.png") no-repeat left center;}
/* ======================= */
.servewtBan{width: 100%;position: relative;overflow: hidden;}
.servewtBan .bg{width: 100%;height: 390px;object-fit: cover;}
.servewtBan-mix{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;display: flex;align-items: center;justify-content: center;padding: 0 2%;}
.servewtBan-box{width: 780px;user-select: none;}
.servewtBan-search{width: 100%;border-radius: 5px;position: relative;overflow: hidden;}
.servewtBan-search input{width: 100%;height: 54px;background: #fff;border: none;padding: 0 80px 0 24px;font-size: 14px;color: #333;}
.servewtBan-search input::-webkit-input-placeholder{color: #8f8f8f;font-size: 14px;}
.servewtBan-search input:-moz-placeholder{color: #8f8f8f;font-size: 14px;}
.servewtBan-search input::-moz-placeholder{color: #8f8f8f;font-size: 14px;}
.servewtBan-search input:-ms-input-placeholder{color: #8f8f8f;font-size: 14px;}
.servewtBan-search .submit, .servewtBan-search .close{position: absolute;top: 0;height: 100%;transition: all .4s ease;cursor: pointer;}
.servewtBan-search .submit{width: 45px;background: url("../image/wtic5.png") no-repeat left center;right: 0;}
.servewtBan-search .close{width: 35px;background: url("../image/wtic8.png") no-repeat center;right: 45px;opacity: 0;pointer-events: none;visibility: hidden;}
.servewtBan-search .close.on{opacity: 1;pointer-events: auto;visibility: visible;}
.servewtBan-search .close:hover{background-image: url("../image/wtic8H.png");}
.servewtBan-hint{width: 100%;padding: 20px 30px 0;display: flex;}
.servewtBan-hint .tags, .servewtBan-hint .menu a{display: flex;align-items: center;height: 28px;margin-top: 6px;font-size: 14px;color: #fff;line-height: 1;}
.servewtBan-hint .tags{width: 80px;}
.servewtBan-hint .menu{width: calc(100% - 80px);}
.servewtBan-hint .menu a{padding: 0 24px;background: rgba(255,255,255,.2);border-radius: 14px;margin-right: 12px;transition: all .4s ease;}
.servewtBan-hint .menu a:last-child{margin-right: 0;}
.servewtBan-hint .menu a:hover{background: #0362c6;}
.servewtSj{width: 100%;padding: 80px 0 120px;background: #f7f8fa;}
.servewtSj-title, .servewtSj-name{width: 100%;text-align: center;font-size: 30px;color: #333;}
.servewtSj-select{width: 780px;margin: 30px auto 0;display: flex;position: relative;background: #fff;border: 1px solid #dcdfe6;border-radius: 5px;user-select: none;}
/* -- */
.servewtSj-select-sort{width: 300px;border-right: 1px solid #dcdfe6;}
.servewtSj-select-submit{width: 70px;background: url("../image/wtic5.png") no-repeat center;cursor: pointer;}
.servewtSj-select-prod{width: calc(100% - 300px - 70px);}
.servewtSj-select .customSelect{position: relative;}
.servewtSj-select .customSelect-name, .servewtSj-select-submit, .servewtSj-select .customSelect-close{height: 46px;}
.servewtSj-select .customSelect-name{width: 100%;padding: 0 50px 0 16px;cursor: pointer;font-size: 14px;color: #8f8f8f;display: flex;align-items: center;position: relative;transition: color .4s ease;}
.servewtSj-select .customSelect-name::after{content: "";position: absolute;width: 30px;height: 100%;background: url('../image/wtic3.png') no-repeat center;right: 0;top: 0;transform: rotateX(180deg);transition: background .4s ease;}
.servewtSj-select .customSelect-name.active{color: #333;}
.servewtSj-select .customSelect-name.active::after{background-image: url('../image/wtic3H.png');transform: rotateX(0);}
.servewtSj-select .customSelect-name:hover::after{background-image: url('../image/wtic3H.png');}
.servewtSj-select .customSelect-name.on{color: #333;}
.servewtSj-select .customSelect-close{width: 20px;background: url("../image/wtic8.png") no-repeat center right;right: 30px;position: absolute;top: 0;cursor: pointer;opacity: 0;pointer-events: none;visibility: hidden;}
.servewtSj-select .customSelect-close.on{opacity: 1;pointer-events: auto;visibility: visible;}
.servewtSj-select .customSelect-close:hover{background-image: url("../image/wtic8H.png");}
.servewtSj-select .customSelect-drop{display: none;max-height: 160px;border-radius: 5px;border: 1px solid #dcdfe6;background: #fff;position: absolute;z-index: 10;top: calc(100% + 4px);width: 100%;box-shadow: 0 2px 6px 0px rgba(0, 0, 0, 0.1);overflow-x: hidden;overflow-y: auto;left: 0;}
.servewtSj-select .customSelect-drop::-webkit-scrollbar {width: 2px;}
.servewtSj-select .customSelect-drop::-webkit-scrollbar-thumb {background: #0054a5;}
.servewtSj-select .customSelect-drop::-webkit-scrollbar-track {background: #f1f1f1;}
.servewtSj-select .customSelect-drop{scrollbar-color:#0054a5 #f1f1f1;scrollbar-width:thin;}
.servewtSj-select .customSelect-drop{scrollbar-face-color: #0054a5;scrollbar-shadow-color: #0054a5;scrollbar-arrow-color: #0054a5;scrollbar-track-color: #f1f1f1;}
.servewtSj-select .customSelect-drop .items{width: 100%;}
.servewtSj-select .customSelect-drop .menu{width: 100%;padding: 7px 16px 7px 38px;position: relative;font-size: 14px;line-height: 20px;color: #8f8f8f;cursor: pointer;transition: background .4s ease;}
.servewtSj-select .customSelect-drop .menu span{color: #333;font-weight: 700;}
.servewtSj-select .customSelect-drop .menu::before{content: "";position: absolute;width: 10px;height: 100%;top: 0;left: 16px;background: url('../image/wtic3.png') no-repeat center;transform: rotateX(180deg);transition: background .4s ease;}
.servewtSj-select .customSelect-drop .menu:hover{background: #f7f8fa;}
.servewtSj-select .customSelect-drop .menu:hover::before{background-image: url("../image/wtic3H.png");}
.servewtSj-select .customSelect-drop .menu.active::before{background-image: url("../image/wtic3H.png");transform: rotateY(0);}
.servewtSj-select .customSelect-drop .more{width: 100%;display: none;}
.servewtSj-select .customSelect-drop .more a{width: 100%;display: flex;align-items: center;font-size: 14px;color: #8f8f8f;line-height: 20px;padding: 7px 16px 7px 50px;transition: all .4s ease;}
.servewtSj-select .customSelect-drop .more a:hover, .servewtSj-select .customSelect-drop .more a.active{background: #f7f8fa;color: #0054a5;}
.servewtSj-select .customSelect-drop .data{width: 100%;display: none;}
.servewtSj-select .customSelect-drop .nodata{width: 100%;padding: 7px 16px;position: relative;font-size: 14px;line-height: 20px;color: #e60012;}
.servewtSj-select .customSelect-drop .link{width: 100%;padding: 7px 16px;position: relative;font-size: 14px;line-height: 20px;cursor: pointer;transition: background .4s ease}
.servewtSj-select .customSelect-drop .link span{color: #333;font-weight: 700;transition: color .4s ease;}
.servewtSj-select .customSelect-drop .link:hover{background: #f7f8fa;}
.servewtSj-select .customSelect-drop .link:hover span{color: #0362c6;}
.servewtSj-select .customSelect-drop .link.active:hover{background: #f7f8fa;}
.servewtSj-select .customSelect-drop .link.active:hover span{color: #0362c6;}
/* -- */
.servewtSj-name{position: relative;height: 70px;border-bottom: 1px solid #dcdfe6;text-align: left;margin-top: 100px;}
.servewtSj-wrap{width: 100%;margin-top: 66px;}
.servewtSj-nodate, .servewtSj-isdate{width: 100%;display: none;}
.servewtSj-nodate.active, .servewtSj-isdate.active{display: flex;}
.servewtSj-nodate{justify-content: center;}
.servewtSj-nodate img{max-width: 100%;}
.servewtSj-isdate{align-items: flex-start;}
.servewtSj-isdate-menu{width: 172px;position: sticky;left: 0;top: 164px;z-index: 10;}
.servewtSj-isdate-menu a{display: flex;padding-left: 30px;align-items: center;height: 40px;position: relative;font-size: 16px;color: #666;transition: color .4s ease;}
.servewtSj-isdate-menu::before{content: "";position: absolute;width: 2px;background: #dcdfe6;left: 0;top: 0;height: 100%;}
.servewtSj-isdate-menu a::before{content: "";position: absolute;width: 2px;height: 0%;top: 0;left: 0;background: #0270be;bottom: 0;margin: auto 0;transition: all .4s ease;}
.servewtSj-isdate-menu a:hover, .servewtSj-isdate-menu a.active{color: #333;}
.servewtSj-isdate-menu a:hover::before, .servewtSj-isdate-menu a.active::before{height: 100%;}
.servewtSj-isdate-mix{width: calc(100% - 172px);padding-left: 40px;}
.servewtSj-isdate-items{width: 100%;margin-top: 84px;}
.servewtSj-isdate-items:first-child{margin-top: 0;}
.servewtSj-isdate-name{width: 100%;font-size: 26px;color: #333;}
.servewtSj-isdate-link{width: 100%;display: flex;flex-wrap: wrap;margin-top: 16px;}
.servewtSj-isdate-link a{display: flex;align-items: center;height: 32px;border-radius: 16px;line-height: 1;font-size: 14px;color: #333;padding: 0 16px;justify-content: center;min-width: 104px;transition: all .4s ease;margin: 10px 10px 0 0;}
.servewtSj-isdate-link a:last-child{margin-right: 0;}
.servewtSj-isdate-link a:hover, .servewtSj-isdate-link a.active{background: #0054a5;color: #fff;}
.servewtSj-isdate-data{width: 100%;margin-top: 32px;}
.servewtSj-isdate-data .items{width: 100%;display: none;}
.servewtSj-isdate-data .items.active{display: block;}
.servewtSj-isdate-data .list{align-items: flex-end;width: 100%;padding: 12px 24px;transition: background .4s ease;border-bottom: 1px solid #dcdfe6;}
.servewtSj-isdate-data .list .btn{width: 112px;justify-content: space-between;align-items: center;}
.servewtSj-isdate-data .list .btn a{font-size: 14px;color: #0054a5;padding-left: 18px;}
.servewtSj-isdate-data .list .btn a.see{background: url("../image/wtic1.png") no-repeat left center;}
.servewtSj-isdate-data .list .btn a.down{background: url("../image/wtic2.png") no-repeat left center;}
.servewtSj-isdate-data .list .cont{width: calc(100% - 112px);padding: 0 34px;background: url("../image/wtic7.png") no-repeat left center;transition: background .4s ease;}
.servewtSj-isdate-data .list .cont h6{font-size: 18px;color: #333;line-height: 24px;}
.servewtSj-isdate-data .list .cont p{width: 100%;display: flex;flex-wrap: wrap;}
.servewtSj-isdate-data .list .cont p span{font-size: 14px;color: #666;margin: 6px 32px 0 0;line-height: 20px;}
.servewtSj-isdate-data .list .cont p span:last-child{margin-right: 0;}
.servewtSj-isdate-data .list:hover{background: #eff1f5;}
.servewtSj-isdate-data .list:hover .cont{background-image: url("../image/wtic7H.png");}

@media all and (max-width:900px) {
	.proxqwt-menu a {height: 46px;font-size: 14px;margin-left: 8px;padding-top: 4px;}
	.proxqwt-menu a::after{height: 2px;bottom: 0;}
	.proxqwt-search{width: 100%;}
	.proxqwt-items {margin-top: 20px;}
	.proxqwt-list {margin-top: 20px;overflow-x: auto;}
	.proxqwt-thead, .proxqwt-tbody{width: 900px;}
	.proxqwt-tbody li {padding: 16px 10px;}
	.servewtBan-box {width: 100%;}
	.servewtBan-search input {height: 42px;padding: 0 60px 0 12px;}
	.servewtBan-search .submit{width: 32px;}
	.servewtBan-search .close{width: 28px;right: 32px;}
	.servewtBan-hint {padding: 10px 0 0;}
	.servewtBan-hint .tags {width: 60px;}
	.servewtBan-hint .menu {width: calc(100% - 60px);}
	.servewtBan .bg{height: 230px;}
	.servewtBan-hint .tags, .servewtBan-hint .menu a {height: 24px;margin-top: 4px;font-size: 12px;}
	.servewtBan-hint .menu a {padding: 0 16px;border-radius: 12px;margin-right: 4px;}
	.servewtSj {padding: 32px 0 40px;}
	.servewtSj-title, .servewtSj-name {font-size: 20px;}
	.servewtSj-select{width: 100%;margin: 10px 0 0;flex-wrap: wrap;}
	.servewtSj-select-sort {border-right: none;border-bottom: 1px solid #dcdfe6;width: 100%;}
	.servewtSj-select-prod {width: calc(100% - 54px);}
	.servewtSj-select-submit{width: 54px;}
	.servewtSj-select .customSelect-name, .servewtSj-select-submit, .servewtSj-select .customSelect-close {height: 40px;}
	.servewtSj-select .customSelect-name {padding: 0 50px 0 12px;}
	.servewtSj-select .customSelect-drop .menu::before {left: 12px;}
	.servewtSj-select .customSelect-drop .menu {padding: 7px 12px 7px 32px;}
	.servewtSj-select .customSelect-drop .more a {padding: 7px 12px 7px 40px;}
	.servewtSj-select .customSelect-drop .link {padding: 7px 12px;}
	.servewtSj-name {height: 40px;margin-top: 24px;}
	.servewtSj-wrap {margin-top: 20px;}
	.servewtSj-isdate-menu{display: none;}
	.servewtSj-isdate-mix{width: 100%;padding: 0;}
	.servewtSj-isdate-name {font-size: 18px;}
	.servewtSj-isdate-link a {height: 28px;border-radius: 14px;padding: 0 14px;min-width: 86px;margin: 4px 4px 0 0;}
	.servewtSj-isdate-link {margin-top: 8px;}
	.servewtSj-isdate-data .list {padding: 10px 12px;}
	.servewtSj-isdate-data .list .cont {width: 100%;padding: 0 0 0 20px;}
	.servewtSj-isdate-items {margin-top: 24px;}
	.servewtSj-isdate-data {margin-top: 16px;}
	.servewtSj-isdate-data .list .cont h6 {font-size: 14px;line-height: 20px;}
	.servewtSj-isdate-data .list .cont p span {font-size: 12px;margin: 4px 8px 0 0;line-height: 16px;}
	.servewtSj-isdate-data .list .btn{width: 100%;padding: 0;margin-top: 10px;justify-content: flex-end;}
	.servewtSj-isdate-data .list .btn a{margin-left: 16PX;}
	.servewtSj-isdate-data .list .btn A:first-child{margin-left: 0;}
}

/* 打假聲明 */
.tellyou{display: none;position: fixed;width: 484px;z-index: 9999999999;right: 2px;bottom: 2px;padding: 40px 10px 40px 36px;border-radius: 10px;overflow: hidden;background: linear-gradient(90deg,#046ab3,#59b7fa);}
.tellyou-close{position: absolute;width: 42px;height: 42px;right: 2px;top: 2px;background: url('../image/closeH.png') no-repeat center;cursor: pointer;transition: all .4s ease;}
.tellyou-close:hover{transform: rotate(90deg);}
.tellyou-scroll{width: 100%;padding-right: 26px;height: 320px;overflow-y: auto;color: #fff;}
.tellyou-scroll::-webkit-scrollbar {width: 2px;}
.tellyou-scroll::-webkit-scrollbar-thumb {background: #152644;}
.tellyou-scroll::-webkit-scrollbar-track {background: #f1f1f1;}
.tellyou-scroll{scrollbar-color:#152644 #f1f1f1;scrollbar-width:thin;}
.tellyou-scroll{scrollbar-face-color: #152644;scrollbar-shadow-color: #152644;scrollbar-arrow-color: #000;scrollbar-track-color: #f1f1f1;}
.tellyou-scroll .title{font-size: 20px;font-weight: 700;text-align: center;padding-bottom: 16px;margin-bottom: 20px;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.tellyou-scroll .desc{font-size: 16px;line-height: 28px;}
.tellyou-scroll .desc p, .tellyou-scroll .desc h6{line-height: inherit;}
.tellyou-scroll .desc p{text-indent: 2em;hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;}
.tellyou-scroll .desc h6{text-align: right;font-size:inherit;}
@media all and (max-width:640px) {
    .tellyou{width: calc(100% - 4px);padding: 34px 10px 20px 20px;}
    .tellyou-scroll .title {font-size: 18px;padding-bottom: 10px;margin-bottom: 16px;}
    .tellyou-scroll .desc {font-size: 14px;line-height: 24px;}
    .tellyou-scroll {padding-right: 10px;height: 246px;}
    .tellyou-close {width: 34px;height: 34px;}
}