@charset "utf-8";
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div{margin:0;padding:0;border:none;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"微软雅黑"; color:#666;}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal; margin:0;}
table,td,tr,th{margin:0;padding:0; border-collapse:collapse; border:1px solid #CCC;}
img ,embed{ border:none;}
img{border:0; -ms-interpolation-mode: bicubic; -moz-interpolation-mode:bicubic; -webkit-interpolation-mode:bicubic;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.6s ease;-ms-transition:all 0.6s ease;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#666;}
a:hover,.link:hover{color:#F30;text-decoration:none;}
em,i{font-style: normal;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.clear{ clear:both;}
.clearfix {*zoom:1}
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both}
.w1200{ width:1200px; height:auto; margin:0 auto; position:relative;}
.container{ width:1178px; height:auto; margin:0 auto; position:relative; padding:0;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
@media(max-width:767px){
	body{ min-width:300px !important; max-width:640px;}
	.w1200{ width:100%; height:auto; margin:0 auto; position:relative;}
	.container{ width:100%; height:auto; margin:0 auto; position:relative; padding:0;}
}
.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fas:before{content:var(--fa)}
.fas{font-family:"Font Awesome 6 Free"}
.fa-search{--fa:""}
.fas{font-weight:900}
:host,:root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(/style/fonts/fa-regular-400-BjRzuEpd.woff2) format("woff2"),url(/style/fonts/fa-regular-400-DZaxPHgR.ttf) format("truetype")}
:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}
@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(/style/fonts/fa-solid-900-CTAAxXor.woff2) format("woff2"),url(/style/fonts/fa-solid-900-D0aA9rwL.ttf) format("truetype")}
/*css3变换时间300毫秒*/
.trans,[trans]{-webkit-transition:.3s;transition:.3s;}
.trans5,[trans5]{-webkit-transition:.5s;transition:.5s;}
.trans-inter::before,.trans-inter::after{-webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s;}

.over,[over],[text-line]{overflow:hidden;}
.relative,[relative],[dragsort]{position:relative;}

/*弹性盒子*/
.flex-between,
.flex-around,
.flex-reverse,
.flex-wrap,
.flex-nowrap,
.flex-reverse2,
.flex-row,
.flex-column,
.flex-line,
.flex-left,
.flex-right,
.flex-center,
.flex-middle,
.flex-top,
.flex-bottom,
.flex-middle2,
.flex-top2,
.flex-bottom2,
.flex-max,
.flex-max2,
.flex-height,
.flex{display:box;display:-webkit-flex;display:-ms-flex;display:-webkit-box;display:-moz-box;display:flex;justify-content:flex-start;align-content:flex-start;}
.flex-column{flex-direction:column;}
.flex-height{align-content:flex-start;}
.flex-left:not(.flex-column){justify-content:flex-start;}
.flex-center:not(.flex-column){justify-content:center;}
.flex-right:not(.flex-column){justify-content:flex-end;}
.flex-between{justify-content:space-between;}
.flex-around{justify-content:space-around;}
.flex-wrap{flex-wrap:wrap;}
.flex-nowrap>*{-webkit-flex-shrink:0;flex-shrink:0;}
.flex-reverse2{flex-wrap:wrap-reverse;}
.flex-row{flex-direction:row;}
.flex-reverse{flex-direction:row-reverse;}
.flex-top:not(.flex-column){align-content:flex-start;}
.flex-middle:not(.flex-column){align-content:center;}
.flex-bottom:not(.flex-column){align-content:flex-end;}
.flex-top2{align-items:flex-start;}
.flex-middle2{align-items:center;}
.flex-bottom2{align-items:flex-end;}
.flex-line{align-content:baseline;}
.flex-column.flex-center{align-content:center;}
.flex-column.flex-right{align-content:flex-end;}
.flex-column.flex-left{align-content:flex-start;}
.flex-column.flex-top{justify-content:flex-start;}
.flex-column.flex-middle{justify-content:center;}
.flex-column.flex-bottom{justify-content:flex-end;}
.flex-max{justify-content:center;align-content:center;flex-direction:column;}
.flex-max2{justify-content:center;align-items:center;}



/*header*/
.header{ background:#fff; width:100%; height:auto; position:relative;}

.head{ background:#fff; height:auto;}
.head>div{display:flex;flex-wrap:inherit;align-items:center;justify-content: space-between;}
.head .logo{ position:relative;}
.head .logo a{ display:block;}
.head .logo img{ max-width:100%; height:auto; max-height:70px;}
.head .logo .title{ margin-top:8px; border-left: 1px solid #ddd; margin-left:20px; font-size:16px; width:485px; color:#6e3e27; float:left; padding-left:15px; padding-top:12px;}
.head .logo .title .h_1{ font-size:16px; color:#6D3D27; line-height:32px;}
.head .logo .title .h_2{ font-size:18px; color:#2CAD2F;line-height:36px;margin-top:2px;font-weight: bold;}
.head .logo .title .xiao{ width:367px; color:#090;}

.head_r{flex-grow: 1;align-items: center;display: flex;flex-basis: auto;}
.searchBox{position: relative;display:flex;align-items:center;}
.searchBox .search{display: flex;}
.search-container{position:relative;display:flex;align-items:center;}
.searchBox .search-input{width:0;opacity:0;position:absolute;right:40px;transition:all .3s ease;padding:5px 0;border:none;background:transparent; z-index:10;}
.searchBox .search:hover .search-input{width:200px;opacity:1;padding:5px;background:#fff;border:1px solid #ced4da;border-radius:5px}
.searchBox .search-btn{background:#ebeff6;width:40px;height:40px;line-height:40px;border:none;color:#6c757d;cursor:pointer;text-align:center;border-radius:50%;overflow:hidden;padding:0;margin:0;}
.searchBox .search-btn i{ font-size:16px;}
.searchBoxr .search:hover .search-btn{color:#273966;}

.nav{ line-height:100px; height:100px; margin:0 auto;}
.nav .container{ width:100%;}
.nav ul{ width:auto; height:auto; float:left; font-size:16px;}
.nav li{ text-align:center; cursor:pointer; position:relative; height:auto; z-index:9;}
.nav li a{ text-decoration:none; color:#333; padding:0 25px; line-height:100px; display:block;}
.nav li:hover{ background-color:#F50;}
.nav li:hover>a{ color:#FFF;}
.nav .nav_d .caret{ width:7px; height:4px; display:inline-block; background:url(images/nav_bg.png) no-repeat 0 0; margin:0px auto auto 10px; border:0;}
.nav .nav_d:hover .caret{ background:url(images/nav_bg.png) no-repeat 0 -4px; border:0;}
/*.nav .nav_on{ background-color:#F50;}
.nav .nav_on a{ color:#FFF;}
.nav .nav_on .caret{ width:7px; height:4px; display:inline-block; background:url(images/nav_bg.png) no-repeat 0 -4px; margin:0 auto auto 10px; border:0;}*/

#menu-item-2 a{ text-indent:0;}
#menu-item-2 ol li a{ text-indent:-3px;}

.nav ol{ *zoom:1; margin-top:0; font-size:14px; padding:6px 0; background-color:#fff;}
.nav ol:after{ content:"\20"; display:block; height:0; clear:both;}
.nav ol li{ background-color:#fff; color:#666; text-align:left; height:auto; padding:0 12px;}
.nav ol li a{ color:#666; padding:0; margin-left:0; line-height:38px; font-size:15px;}
.nav ol li:hover{ background-color:#fff;}
.nav ol li.active a,.nav ol li:hover a{ color:#F50;}
.nav ol li a{ display:block; width:100%; text-indent:0; margin:0;}


.navbar-fixed-top{ position:relative;}
#site_header .container-fluid{ padding:0;}
#site_header .navbar-header{ display:none;}

.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {border-color:#F50;}
.navbar-default .navbar-toggle {border:0px; margin-top:8px;}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.dropdown-menu{ background:none;border:0;border-radius:0;box-shadow:none;-webkit-box-shadow:none; padding:0; margin:0;}
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {color: #fff;text-decoration: none;background-color:inherit;}

.collapse{display:none;visibility:hidden}
.collapse.in{display:block;visibility:visible}
/*.menu-item-70,.menu-item-80{ display:none;}*/
@media(max-width:767px){
	body{ padding-top:0;}
	.navbar-fixed-top{ position:fixed; top:0; left:0;}
	.header .top{ padding:0 5px;}
	.header .top .top_r{ display:none;}	
	#site_header .navbar-header{ display:block;}
	.head{ padding:0 0px 0 5px;}
	.head .logo{ width:70%; margin:8px 0 12px 1%;}
	.head .logo img{ max-width:80%; height:auto;}
	.searchBox{ display:none;}
	.head_r{flex-grow:inherit;}
	.nav{ height:calc(100% - 90px); position:fixed; top:90px; right:0; width:100%;background-color: rgba(0,0,0,0.5); z-index:10;padding:0;}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height:100%;}
	.nav .container{height:100%;}
	.nav ul{height:100%; position:relative; top:0; right:0; background-color:#FFF;z-index:11;width:50%;margin:0;float:right; padding:10px 0;}
	.nav li{ background:none; height:auto; line-height:1; width:100%;}
	.nav li:hover{ background:#F50;}
	.nav li:hover a{ color:#fff;}
	.nav li a{ padding:10px 0;}
	.nav .nav_d a{ font-size:16px; line-height:1.5; text-align:center; margin:0;}
	.nav .nav_d .caret{ display:none;}
	.nav .nav_on{ background:none; color:#666 !important;}
	.nav em{ display:none;}
	.nav ol{ display:none;}
	.nav ol li{ background:none; text-align:left;}
	.nav ol li:hover{ background:none; }
	.dropdown-menu{ overflow:hidden; height:0; display:none;}
	.open .dropdown-menu{ height:auto;}
	.nav_r{ display:none;}
	.menu-item-70,menu-item-80{ display:block;}
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus{ color:#EC2F00; background-color:inherit;}
	.nav .nav_on ol li{ background:none;}
	.nav .nav_on ol li a{ color:#EC2F00;}
	
}

.main-slider{overflow:hidden;position:relative;}
.main-slider .swiper-slide{position:relative;background-color:var(--moniz-black, #1e1e22);}
.main-slider .swiper-slide .container{position:relative;z-index:30;margin-right:auto;margin-left:auto;}
.main-slider .image-layer{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-size:cover;-webkit-transform:scale(1);transform:scale(1);z-index:1;}
.main-slider .container{padding-top:180px;padding-bottom:164px;}
.main-slider__content{position:relative;display:block; padding:0 50px; text-align:right;}
.main-slider p{font-size:24px;color:var(--moniz-base, #ffffff);font-weight:500;margin:0;line-height:57px;text-transform:uppercase;padding-bottom:31px;letter-spacing:0.1em;opacity:0;-webkit-transform:translateY(-120px);transform:translateY(-120px);-webkit-transition-delay:0;transition-delay:0;-webkit-transition:opacity 2000ms ease, -webkit-transform 2000ms ease;transition:opacity 2000ms ease, -webkit-transform 2000ms ease;transition:transform 2000ms ease, opacity 2000ms ease;transition:transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;}
.main-slider h2{margin:0;margin-bottom:16px;color:var(--moniz-base, #ffffff);font-weight:500;opacity:0;visibility:hidden;-webkit-transform:translateY(120px);transform:translateY(120px);-webkit-transition-delay:1000ms;transition-delay:1000ms;-webkit-transition:opacity 2000ms ease, -webkit-transform 2000ms ease;transition:opacity 2000ms ease, -webkit-transform 2000ms ease;transition:transform 2000ms ease, opacity 2000ms ease;transition:transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;font-size:50px;line-height:60px;}
.main-slider .swiper-slide-active h2,.main-slider .swiper-slide-active p,.main-slider .swiper-slide-active .thm-btn{visibility:visible;opacity:1;-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);}
.slider-bottom-box{position:absolute;left:0;bottom:20px;right:0;min-height:50px;max-width:1200px;width:100%;margin:0 auto;padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#main-slider-pagination{z-index:10;width:150px;text-align:center;position:relative;}
#main-slider-pagination .swiper-pagination-bullet{width:30px;height:3px;border-radius:0%;border:2px solid transparent;background-color:rgba(var(--moniz-base-rgb, 255, 255, 255), 0.5);}
#main-slider-pagination .swiper-pagination-bullet + .swiper-pagination-bullet{margin-left:5px;}
#main-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border:0 solid var(--moniz-base, #ffffff);background-color:rgba(var(--moniz-base-rgb, 255, 255, 255), 1);}
.main-slider .swiper-button-next,.main-slider .swiper-button-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%; height:100%;padding:0;color:#fff;text-align:center;background:0 0;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease;}
.main-slider .swiper-button-next span,.main-slider .swiper-button-prev span{display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}
.main-slider .swiper-button-prev span{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}
.main-slider .swiper-button-next span{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}


.main-slider-two .container{padding-top:255px;padding-bottom:260px;}
.main-slider-two #main-slider-pagination{margin:0 auto;float:none;text-align:center;width:45px;}
@media only screen and (min-width:992px) and (max-width:1199px){
    .slider-bottom-box{max-width:960px;}
}
@media only screen and (min-width:768px) and (max-width:991px){
    .slider-bottom-box{max-width:720px;}
}
@media only screen and (max-width:767px){
	.main-slider{ margin-top:90px;}
	.main-slider .image-layer{ background-position:center;}
    .main-slider p{font-size:14px; line-height:1.8; min-height:90px;}
    .main-slider h2 br{display:none;}
    .main-slider h2{font-size:20px;line-height:1.5;margin-bottom:10px;}
    .slider-bottom-box{display:none;}
    .main-slider .container{padding-top:75px;padding-bottom:50px;}
}


/*main1*/
.main{ width:100%; margin:0 auto; overflow:hidden;}

.main1{ height:auto; overflow:hidden; width:100%; margin:0 auto; padding:60px 0;}
.main_t{ text-align:left;height:auto;font-size:40px;position:relative; color:#232323;}
.main1 .main_t{height:154px;background:url(/images/t01.png) no-repeat left 22px;}
.main_t:after{content:"";position:absolute;left:0;top:62px;width:40px;height:4px;background-color:#232323;}
.main_t p{ font-size:16px; margin:24px 0 64px; color:#666}
.main1_c{ width:100%; height:auto; margin-top:15px;}
.main1_c ul{display: flex;width: 100%;height: 500px;position: relative;overflow: hidden;}
.main1_c ul li{width:calc(20% - 20px);height:100%;position:relative;flex-shrink:0;transition:all .3s ease;margin-right:20px;box-sizing:border-box;}
.main1_c ul li a{ display:block;width:100%;height:100%;}
.main1_c ul li .box{width:100%;height:100%;position:relative;overflow:hidden}
.main1_c ul li .box img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.main1_c ul li .box .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0002;padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.main1_c ul li .box .overlay .titles{margin-top:160px;text-align:left}
.main1_c ul li .box .overlay .titEn{opacity:0;font-size:16px;font-weight:400;margin-bottom:5px;transition:all .3s ease}
.main1_c ul li .box .overlay .titCn{opacity:0;font-size:24px;font-weight:600;margin-bottom:0;transition:all .3s ease}
.main1_c ul li:hover .box img{transform:scale(1.05)}
.main1_c ul li:hover .box .overlay{transition:all .5s ease;background:#0006}
.main1_c ul li:hover .box .overlay .titEn,.main1_c ul li:hover .box .overlay .titCn{opacity:1}
.main1_c ul li .box .icon{width:64px!important;height:64px!important;align-self:flex-start;display:none}
.main1_c ul li:hover .icon{display:block}
.main1_c ul li:nth-child(4) .icon{width:51px!important;height:45px!important;align-self:flex-start}

@media(max-width:767px){
	.main1{ padding:30px 10px 40px;}
	.main_t{font-size:24px;}
	.main1 .main_t{height:80px;background:url(/images/t01.png) no-repeat left 22px;}
	.main_t:after{top:42px;width:30px;height:4px;}
	.main_t p{ font-size:16px; margin:24px 0 26px; color:#666}
	.main1_c{ width:100%; height:auto; margin-top:0;}
	.main1_c ul{width:100%;height:auto;flex-wrap: wrap;gap:6px;padding: 0;}
	.main1_c ul.clearfix:before,.main1_c ul.clearfix:after{ display:none;}
	.main1_c ul li{position: relative;flex-shrink: 0;transition: all .3s ease;cursor: pointer;box-sizing: border-box;width:calc(20% - 5px);margin-right: 0;height: 170px;}
	.main1_c ul li .box .overlay{ padding:20px 5px;}
	.main1_c ul li .box .overlay .titles{margin-top:0;}
	.main1_c ul li .box .overlay .titEn,.main1_c ul li:hover .box .overlay .titEn{ display:none;}
	.main1_c ul li .box .overlay .titCn{ opacity:1; font-size:15px; line-height:1.5;}
	.main1_c ul li .box .icon{width:54px!important;height:54px!important;}
	.main1_c ul li:nth-child(4) .icon{width:41px!important;height:35px!important;}
	
}

.main2{ width:100%; margin:0 auto; height:auto; overflow:hidden; padding:60px 0; background-color:#f5faff;}
.main2_c{ width:100%; height:auto; margin-top:0;}
.main2_c ul{display: flex;}
.main2_c ul li.a1{background:#aaa;width:19%;position:relative;height:360px;color: #fff;}
.main2_c ul li.a1 a{color:#fff}
.main2_c ul li.a1 a:hover{color:#ffffff80}
.main2_c ul li.a1:after{content: "▶";position:absolute;right:-11px;top:50%;transform:translateY(-50%);color:#aaa;font-size:18px}
.main2_c ul li.a1 span{display:block;text-align:center;margin-top:108px}
.main2_c ul li.a1 b{display:block;text-align:center;font-size:28px;margin-top:20px}
.main2_c ul li.item{margin-left:1%;height:360px;text-align:center;background:#fff}
.main2_c ul li.item b{color:#000;display:block;font-size:64px;margin-top:22px}
.main2_c ul li.item b i{font-size:18px;margin-left:10px;color:#333; opacity:.3;}
.main2_c ul li.item span{color:#232323;display:block;font-size:24px;margin-top:10px;}
.main2_c ul li.item div{margin-top:10px!important;font-size:16px;line-height:1.8;color:#646464; padding:0 25px; text-align:left;}
.main2_c ul li.item:hover{background:#fe8f40;color:#fff}
.main2_c ul li.item:hover b,.main2_c ul li.item:hover span{color:#fff}
.main2_c ul li.item:hover div{color:#fff}
.main2_c ul li.item{width:26%}
@media(max-width:767px){
	.main2{ padding:30px 10px;}
	.main2_c ul{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 10px;}
	.main2_c ul.clearfix:before,.main2_c ul.clearfix:after{ display:none;}
	.main2_c ul li.a1{ width:calc(50% - 8px);height:auto;}
	.main2_c ul li.a1 a{ display:block; position:absolute; left:0; top:50%; margin-top:-60px; width:100%;}
	.main2_c ul li.a1 span{margin-top:0;}
	.main2_c ul li.a1 b{font-size:20px;margin-top:10px}
	.main2_c ul li.item{width:calc(50% - 8px);height:auto; padding:0 0 20px; margin-left:0;}
	.main2_c ul li.item b{font-size:34px;margin-top:15px}
	.main2_c ul li.item b i{font-size:13px;}
	.main2_c ul li.item span{font-size:17px; margin-top:5px;}
	.main2_c ul li.item div{font-size:15px;line-height:1.6; padding:0 15px;}
	.main2_c ul li.item:hover{background:#fe8f40;color:#fff}
	.main2_c ul li.item:hover b,.main2_c ul li.item:hover span{color:#fff}
	.main2_c ul li.item:hover div{color:#fff}
	
}


.main3{ width:100%; margin:0 auto 45px; height:330px; overflow:visible; padding:60px 0;background:#c9c9c9;}
.main3 .main_t{ color:#fff;}
.main3 .main_t:after{background-color:#fff;}
.main3 .main_t p{ color:#fff;}
.main3_c{ padding:0px 0 0;}
.main3_c ul{display:flex;justify-content:space-between}
.main3_c ul li{width:183px; background-repeat:no-repeat; background-size:auto 100%; background-position:center;border-radius: 5px;height:220px;overflow:hidden;}
.main3_c ul li p{width:100%; margin-top:170px; height:50px; background:url(/images/p_b.png) repeat;font-size:16px; color:#ffffff; text-align:center; line-height:30px;border-radius:0 0 5px 5px;padding-top:10px;}
@media(max-width:767px){
	.main3{ padding:30px 10px; height:auto; margin-bottom:0;}
	.main3_c ul{flex-wrap: wrap}	
	.main3_c ul li{width:48%; height:220px;overflow:hidden; margin-top:15px;}
	.main3_c ul li:nth-child(1)..main3_c ul li:nth-child(2){ margin-top:0;}
	
}


.main4{ width:100%; margin:110px auto 0; height:auto; overflow:hidden; padding:60px 0;}
.main4 .main_t{ margin-bottom:55px;}
.main4 .main_t a{ font-size:16px; margin:0 0 0; float:right; line-height:64px;}
.main4 .main_t a em{ font-style:normal; margin-left:3px;}
.main4_l{ width:100%; height:auto;}
.main4_l .main4_lr{ width:100%; float:right;}
.main4_l .main4_lr ul{ line-height:33px; font-size:15px; margin-top:-3px;}
.main4_l .main4_lr ul li{ *zoom:1; width:48%; height:auto; float:left; overflow:hidden;border-bottom: #f3f3f3 solid 1px; padding:0 0 15px; margin:0 4% 15px 0;}
.main4_l .main4_lr ul li:nth-child(2n){ margin-right:0;}
.main4_l .main4_lr ul li .date{ width:100px; float:left; font-weight:normal; text-align:center; padding-top:10px; font-size:15px; margin-right:15px;width:85px;background:#ddd;color:#fff; line-height:1.7;padding:14px 0;}
.main4_l .main4_lr ul li .date b{ font-size:28px;text-align:center; font-weight:normal; line-height:1;}
.main4_l .main4_lr ul li .nr{width:calc(100% - 100px);float:left;font-weight:normal;}
.main4_l .main4_lr ul li .nr h5{ color:#232323;font-size:18px;line-height:30px;font-weight:normal;width:100%; padding-top:0;}
.main4_l .main4_lr ul li .nr h5 a{ color:#232323;max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main4_l .main4_lr ul li .nr p{color:#787878;overflow:hidden;height:54px;line-height:25px;font-size:14px; padding:4px 0 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.main4_l .main4_lr ul li .nr h5 a:hover{ color:#f50;}
@media(max-width:767px){
	.main4{ padding:30px 10px; margin:0 auto 0;}
	.main4_l{ width:100%; height:auto; float:left;}
	.main4_l .main4_lr ul li{ width:100%; margin:0 0 15px 0;}
	
}


/*footer*/
.footer{overflow:visible; width:100%;height:auto; background-color:#f6f6f4; padding-bottom:15px;} 
.fTop{background: #0c0b10;padding:5px 0;}
.fTop span{ display:inline-block;font-size:15px;font-weight:400;padding-right:10px;color: #fff; line-height:40px;}
.fTop a{ display:inline-block;color:#ffffff;font-size:15px;font-weight:300;margin-right:20px;}

.footer .footmenu{ height:auto; overflow:hidden; color:#FFF; padding:30px 0 20px;}
.footmenu a{ color:#999;}
.footmenu a:hover{ color:#CCC;}
.foot_l{ width:55%; height:auto; float:left;display: flex;justify-content: space-between;}
.foot_l dl{ float:left;width:33.3%;}
.foot_l dt{font-size: 18px;color:#2f2f2f;font-weight: bolder;width: 100%;padding-bottom:10px;}
.foot_l dd{ line-height:30px; font-size:14px;padding:2px 0;}
.foot_l dd a{color:#575757;}

.footmenu .fm_tel_ewm{ width:45%; height:auto; float:right;display: flex;justify-content: space-between;}
.footmenu .fm_tel_ewm>div{width: 50%;padding-right: 15px;box-sizing: border-box; font-size:14px;}
.footmenu .fm_tel_ewm .t{ font-size: 18px;color:#2f2f2f;font-weight: bolder;width: 100%;padding-bottom:10px;}
.footmenu .fm_tel_ewm p{ width: 100%;color:#575757;padding-bottom:10px;line-height: 24px;}

.footmenu .fm-ewm{ padding:37.5px 0 0;}
.footmenu .fm-ewm img{ width:100px; height:100px; padding:0; background:#181c41; display:block; margin:0 auto;}
.footmenu .fm-ewm i{ display:block; font-style:normal; display:block; width:100%; text-align:center; line-height:23px;}

.copyright{ width:100%; height:auto; padding:15px 0 0; margin:0; position:relative; text-align:center; border-top:1px solid #cdcdcc}
.copyright a:hover{text-decoration:underline;color:#565656;}
.copyright p{font-size:14px;font-weight:400;color:#565656;line-height:2;font-family:"微软雅黑";}
.copyright p a{font-size:14px;font-weight:400;color:#565656;}
.index_foot{ display:none;}

.flink{ width:100%;padding:10px 0 0;color:#888; font-size:14px; text-align:center;}
.flink a{margin:0 8px 0 0;color:#888;}
.flink a:hover{ color:#333;}
@media(max-width:767px){
	.flink{ display:none;}
}

@media(max-width:767px){
	.footer{ padding-bottom:0;} 
	.fTop{padding:8px 10px;}
	.fTop span{font-size:14px; line-height:28px;}
	.fTop a{font-size:14px;margin-right:5px; line-height:28px;}
	
	.footer .footmenu{ padding:20px 10px;}
	.foot_l{ display:none;}
	
	.footmenu .fm_tel_ewm{ width:100%;}
	.footmenu .fm_tel_ewm .t{ display:none;}
	.footmenu .fm_tel_ewm>div{ width:calc(100% - 150px);}
	
	.footmenu .fm-ewm{ padding:0;width:140px !important;}
	.footmenu .fm-ewm img{ width:100px; height:100px; padding:0; background:#181c41; display:block; margin:0 auto;}
	.footmenu .fm-ewm i{ display:block; font-style:normal; display:block; width:100%; text-align:center; line-height:23px;}
}

.xfdiv{ position: fixed;right: 10px; bottom: 20%; z-index: 12; transition: width 1s,height 1s,transform 1s; -moz-transition: width 1s,height 1s,transform 1s; -webkit-transition: width 1s,height 1s,transform 1s;-o-transition: width 1s,height 1s,transform 1s; display:none;}
.dywap {display: none;}
.kefu_b{width: 46px;height: 46px;border-radius: 1000px;background: #ffffff;display: flex;align-items: center;justify-content: center;overflow: hidden;box-shadow: 0px 2px 4px #9f9f9f;margin: 10px 0;position: relative;z-index: 999;}
.kefu_b img{ max-width:100%; height:auto;vertical-align: middle;}
.to-top{position: relative;z-index: 999;}
.xful{width: 46px;height: 46px;border-radius: 1000px;background: #ffffff;display: flex;align-items: center;justify-content: center;overflow: hidden;box-shadow: 0px 2px 4px #9f9f9f;margin: 10px 0;display: flex;align-items: center;justify-content: center;transition: width 1s,height 1s,transform 1s;-moz-transition: width 1s,height 1s,transform 1s;-webkit-transition: width 1s,height 1s,transform 1s;-o-transition: width 1s,height 1s,transform 1s;}
.xful img{width: 28px;vertical-align: middle;}
@media(max-width:767px){
	.xfdiv{ display:block;}
	.dywap {display: block;}
	.kefu-rela{position: relative;}
	.kefu_b{width: 40px;height: 40px;}
	.xful{width: 40px;height: 40px;}
}

.inbanner{position: relative;margin-top:0px;background-color: #fff;}
.inbanner .black-mk{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .15);}
.inbanner img{width: 100%; height:auto;}
@media (max-width: 768px){
	.inbanner{margin-top:90px;}
	
	
}

/*main03*/
.main03{ width:100%; height:auto; padding:0px; background:#fff;}

/*side_left*/
.inmain{ width:100%; height:auto; margin:0 auto; background:#FFF; padding:15px 0;}
.side_tit{ width:100%; background:#fff; height:auto; margin-top:-15px;}
.side_tit ul{display:flex;flex-wrap:wrap;border-radius:0px;overflow:hidden;position:sticky;top:20px;z-index:10;background:#fff;box-shadow:0 2px 10px #0000001a}
.side_tit ul li{flex:1;min-width:0;text-align:center;transition:all .3s ease;position:relative;}
.side_tit ul li a{ display:block;padding:20px 10px;color:#000;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size:16px;}
.side_tit ul li:nth-child(2n+1){background-color:#31292436}
.side_tit ul li:nth-child(2n){background-color:#3129242a}
.side_tit ul li.active{background-color:#fff!important;}
.side_tit ul li.active a{color:#ff6a00;font-weight:600}
.side_tit ul li:hover{opacity:.9;transform:translateY(-2px)}
@media (max-width: 768px){
	/*.side_tit ul{flex-direction:column}*/
	.side_tit ul li{padding:0 10px}
	.side_tit ul li a{ padding:15px 0;}
}

@media(max-width:767px){
	.inmain{ width:100%; height:auto; margin:0 auto; background:#FFF; padding:10px 0;}
	.side_tit{ width:100%; background:#fff; height:auto; padding:0 0 15px; margin-top:-10px;}
		
}
@media (max-width: 350px){
	.side_tit ul li a{ font-size:14px;}
}
@media (max-width: 320px){
	.side_tit ul li a{ font-size:13px;}
	
}

/*side_right*/
.side_right{ width:100%; height:auto; min-height:500px; padding:20px 0;}
.side_right_content{width:100%; margin:0 auto;}
.side_right .about_c{ width:100%; padding:0px 0 20px; height:auto; color:#333; line-height:2;}
.side_right .about_c img{ max-width:100%; height:auto; margin-top:5px;}
.side_right .about_c .main_t,.news .main_t,.side_right_content .main_t{font-size:24px;padding-bottom:20px;font-weight:bold;}
.side_right .about_c .main_t:after,.news .main_t:after,.side_right_content .main_t:after{ top:68px; display:none;}
.side_right .about_c .main_t span,.news .main_t span,.side_right_content .main_t span{ color:#111;}
@media(max-width:767px){
	.side_right{ padding:10px;}
	.side_right_content{width:100%; overflow:hidden; margin:0 auto;}
	.side_right .about_c{}
	.side_right .about_c img{ max-width:100%; height:auto; margin-top:0;}
	.side_right .about_c .main_t,.news .main_t,.side_right_content .main_t{font-size:22px;padding-bottom:10px;}
}

.contactInfo{margin-top:20px;display:flex;flex-wrap:wrap;gap:20px;}
.contactItem{flex:1 1 calc(33.33% - 14px);min-width:250px;background:#fbf6f3;padding:33px 0; text-align:center;}
.contactItem i{display:block;margin:0 auto;background:#ff6a00;width:80px;height:80px;line-height:80px;border-radius:50%;text-align:center}
.contactItem img,.join-list img{ margin-top:0 !important;}
.contactItem b{display:inline-block;font-size:24px;margin-top:15px}
.contactItem .desc{color:#5d5d5d;margin-top:5px; font-size:16px;}
.contactMap{margin-top:20px}
.contactMap img{width:100%;height:auto}
@media (max-width: 768px){
	.contactInfo{margin-top:10px;gap:16px;}
	.contactItem{flex:0 1 calc(50% - 8px);min-width:140px;padding:20px 0;}
	.contactItem:last-child{flex:0 1 100%}
	.contactItem i{width:60px;height:60px;line-height:60px;}
	.contactItem i img{ width:40px; height:auto;}
	.contactItem b{font-size:20px;margin-top:8px}
	.contactItem .desc{ font-size:15px;margin-top:0px;}
}
@media (max-width: 420px){
	.contactItem{flex:0 1 100%;}
}


.hireDesc{margin:0 0 20px;text-align:left;line-height:1.8; font-size:16px;}
.hireDesc .tit{font-weight:700; color:#232323;}
.hireDesc .cont{color:#595959;}

.join-list{width: 100%; /*margin-top: 100px;*/margin-top:0px;}
.join-list .item{ margin-top: 10px; width: 100%; border: 1px solid #e7e8ea;}
.join-list .item .item-btn{padding: 0 44px; width: 100%; height: 80px; cursor: pointer;}
.join-list .item .item-btn .txt{width: 19.5%; font-size: 18px; color: #333;}
.join-list .item .item-btn .txt:last-child{width: auto;}
.join-list .join-list .item .item-btn .txt{color: #999999;}
.join-list .join-list .item .item-btn .tit,
.join-list .join-list .item .item-btn .date{color: #333;}
.join-list .item .item-btn .date img{ margin-right: 9px;}
.join-list .item .item-btn .date img:nth-child(2){display: none;}
.join-list .item .item-btn .btn{ width:36px; height: 36px;}
.join-list .item .item-btn .btn:before{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 17px; background: #999; transform: translate(-50%, -50%);}
.join-list .item .item-btn .btn:after{ display: block; content: ''; position: absolute; top: 50%; left: 50%; width: 17px; height: 1px; background: #999; transform: translate(-50%, -50%);}
.join-list .item .con{ width: 100%; height: 0;}
.join-list .item .con .con-in{ padding: 40px calc(60px + 180px) 80px 40px;}
.join-list .item .con .con-in .pop-btn{right: 45px; bottom: 83px;overflow:hidden;z-index: 4;width:179px;height:66px;padding:0 20px; background: #bd9c6b; line-height: 66px;}
.join-list .item .con .con-in .pop-btn .char{font-size: 16px;color:#fff;}
.join-list .item.cur .item-btn{ background: #878483;}
.join-list .item.cur .txt,
.join-list .item.cur .item-btn .txt{ color: #fff;}
.join-list .item.cur .item-btn .tit{font-weight: bold; font-size: 16px;}
.join-list .item.cur .item-btn .btn{ transform: rotate(45deg);}

.join-list .item.cur .item-btn .btn:before,
.join-list .item.cur .item-btn .btn:after{ background: #fff;}

.join-list .item.cur .item-btn .date img:nth-child(1){display: none;}
.join-list .item.cur .item-btn .date img:nth-child(2){display: block;}
@media (max-width: 768px){
	.join-list .item .item-btn{padding:0 0px 0 12px; height: auto;justify-content:space-between}
	.join-list .item .item-btn .txt{ width:calc(100% - 156px); font-size:16px; line-height:1.5; padding:5px 0;}
	.join-list .item .item-btn .num,.join-list .item .item-btn .add{ width:0;}
	.join-list .item .item-btn .date{ width:110px;}
	.join-list .item .con .con-in{ padding:10px;}
	
}


.news_con{ width:100%; margin-top:10px;}
.news_con ul{ width:100%; height:auto;}
.news_con ul li{ float:left; border-bottom:#ddd 1px dotted; padding:0 0 10px; margin-bottom:15px; width:100%; position:relative;}
.news_con ul li a{ display:inline-block; line-height:25px; max-width:545px; overflow:hidden;}
.news_con ul li a:hover{ color:#f30;}
.news_con ul li span{ display:block; width:100%; margin-top:3px;} 
.news_con ul li span em{ display:block; font-size:12px; color:#CCC; line-height:24px;}
.news_con ul li dl{ float:right; width:100%; color:#333;}
.news_con ul li dt{ width:100%; margin-bottom:5px; height:auto;}
.news_con ul li dt a{ font-size:18px; color:#333; font-weight:normal;}
.news_con ul li dd{ color:#888; line-height:24px; zoom:1; overflow:hidden; width:100%; text-indent:24px;}

.page{ width:100%; text-align:center; padding-top:15px; height:auto;}
.page a,.page span{ display:inline-block; vertical-align:middle; margin:0; border:1px solid #CCC; padding:6px 14px; color:#666; font-size:16px; line-height:1.5;}
.page a:not(:first-child),.page span:not(:first-child){ margin-left:-1px;}
.page a:first-child{ border-radius:5px 0 0 5px; overflow:hidden;}
.page a:last-child{ border-radius:0 5px 5px 0; overflow:hidden;}
.page a.on{ color:#fff; background:#f30; border:1px solid #f30;}
#page1{ display:none;}
@media(max-width:767px){
	.page{ display:none;}
	#page1{ width:100%; height:auto; overflow:hidden; margin-top:25px; background:#EEE; display:block;}
	#page1 a{ display:block; margin-right:1px; padding:2% 4%; float:left; background:#DDD; font-size:1.3em;}
	#page1 a.num{ text-decoration:underline; color:#F00; font-weight:bold;}
	#page1 span{ display:block; float:right; background:#DDD; padding:2% 3%; font-size:1.3em; }
}

.case_list{ width:100%; margin-top:10px;}
.case_list ul{ width:100%; height:auto;}
.case_list ul li{ float:left; width:288px; background:#fff; margin:0 16px 20px 0;}
.case_list ul li:nth-child(4n){ margin-right:0;}
.case_list ul li a{ display:block; overflow:hidden;}
.case_list ul li .pic{ width:100%; height:auto; border:1px solid #ccc;}
.case_list ul li .pic img{ width:100%; height:195px;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.case_list ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.case_list ul li span{ display:block; text-align:center; float:left; width:100%;line-height:1.5; margin-top:5px;}
.case_list ul li span a{ color:#333; font-size:16px; line-height:40px;}
@media(max-width:767px){
	.case_list{ padding:0;}
	.case_list ul li{ width:48.5%; margin:0 3% 10px 0;}
	.case_list ul li:nth-child(2n){ margin-right:0;}
	.case_list ul li .pic img{ width:100%; height:auto;}
	.case_list ul li span a{ line-height:30px;}
}

.proShowList{ width:100%; margin-top:10px;}
.proShowList ul{ width:100%; height:auto;}
.proShowList ul li{ float:left; width:285px; background:#fff; margin:0 20px 25px 0;-webkit-box-shadow: 0px 6px 20px rgb(5 17 69 / 6%);box-shadow: 0px 6px 20px rgb(5 17 69 / 6%);}
.proShowList ul li:nth-child(4n){ margin-right:0;}
.proShowList ul li a{ display:block; overflow:hidden;}
.proShowList ul li .pic{ width:100%; height:auto; border:0px solid #ccc;}
.proShowList ul li .pic img{ width:100%; height:195px;transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.proShowList ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.proShowList ul li span{ display:block; text-align:left; width:100%; line-height:1.5;padding:5px 10px; -webkit-transition: all 0.7s ease-in-out;transition: all 0.7s ease-in-out;position:relative;}
.proShowList ul li span a{ color:#333; font-size:16px; line-height:40px; position:relative; z-index:1;}
.proShowList ul li span:after,.proShowList ul li span:before{ background:#ff6a00;}
.proShowList ul li:hover span a{color: #fff;}
.proShowList ul li span:before{position:absolute;top:0;left:0;content: "";width:0;height:0%;visibility: hidden;opacity: 0;z-index: -1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.proShowList ul li span:after{position: absolute;bottom:0;right:0;content:"";width:0;height:0%;visibility: hidden;opacity: 0;z-index:-1;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.proShowList ul li:hover span:after, .proShowList ul li:hover span:before{width:100%;height:100%;visibility: visible;opacity:1; z-index:0;}
@media(max-width:767px){
	.proShowList{ padding:0;}
	.proShowList ul li{ width:48.5%; margin:0 3% 10px 0;}
	.proShowList ul li:nth-child(2n){ margin-right:0;}
	.proShowList ul li .pic img{ width:100%; height:auto;}
	.proShowList ul li span a{ line-height:1.5; font-size:15px;}
}

.proBox{ padding:10px 0;}
.proSection{ padding:40px 0;}
.proSection .tit{text-align: left;margin-top:0;width: 100%;height:64px;font-size:32px;position: relative; color:#111;}
.proSection .tit:after{content: "";position: absolute;left:0px;top:50px;width:40px;height:5px;background-color:#232323;}
.proSection .hdDesc{color:#5d5d5d; font-size:16px; line-height:1.5;text-align: left; padding:10px 0 0;}
.proSection .proList{ padding:10px 0 0;display:flex;flex-wrap: wrap; margin-left:-15px; margin-right:-15px;}
.proSection .proList .proListItem{ padding:0 15px; margin-top:20px;}
.proSection .proList .proListItem a{ display:block;background:#f5f9ff;height:100%;transition: all .3s ease;box-shadow: 0 4px 12px #00000014;text-align: left; position:relative;}
.proSection .proList .proListItem .proImg img{width: 100%;height: 100%;object-fit: cover;}
.proListTitle{font-weight:600;font-size:18px;position:absolute;bottom:0;left:0;background:#fff;width:100%;height:auto;color: #333; padding:15px; line-height:1.5;}
.proSection .hoverInfo{background: #ff6a00;opacity: 0;transform: translateY(0px);transition: all .3s ease;display: flex;flex-direction: column;justify-content:flex-end;position: absolute;bottom: 0;left: 0;right: 0;height: unset;z-index: 999;padding:15px;}
.proSection .hoverInfo .proListTitle2{font-weight: 600;font-size:18px;color:#fff; line-height:1.5;}
.proSection .hoverInfo .proListDesc{font-size:16px;font-weight:400;color:#fff; margin-top:10px; line-height:1.8;}
.proSection .proList .proListItem:hover .hoverInfo{opacity:1}
.proSec1 .proList .proListItem:nth-child(1){flex: 0 0 auto;width: 33.33333333%;}
.proSec1 .proList .proListItem:nth-child(2){flex: 0 0 auto;width: 33.33333333%;}
.proSec1 .proList .proListItem:nth-child(3){flex: 0 0 auto;width: 33.33333333%;}
.proSec1 .proList .proListItem:nth-child(4){flex: 0 0 auto;width: 50%;}
.proSec1 .proList .proListItem:nth-child(5){flex: 0 0 auto;width: 50%;}
.proSec1 .proList .proListItem:nth-child(6){ display:none;}
.proSec2 .proList .proListItem:nth-child(1){flex: 0 0 auto;width: 33.33333333%;}
.proSec2 .proList .proListItem:nth-child(2){flex: 0 0 auto;width: 33.33333333%;}
.proSec2 .proList .proListItem:nth-child(3){flex: 0 0 auto;width: 33.33333333%;}
.proSec3 .proList .proListItem{flex: 0 0 auto;width: 33.33333333%;}
.proSec3 .proList .proListItem img{ min-height:360px;}
@media(max-width:767px){
	.proBox{ padding:0px 0;}
	.proSection{ padding:0px 0 30px;}
	.proSection .tit{height:44px;font-size:22px;}
	.proSection .tit:after{top:35px;width:25px;height:4px;}
	.proSection .hdDesc{ font-size:15px; padding:5px 0 0;}
	.proSection .proList{ margin-left:-5px; margin-right:-5px;}
	.proSection .proList .proListItem{ padding:0 5px;}
	.proListTitle{font-size:15px; padding:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
	.proSection .hoverInfo{padding:10px;}
	.proSection .hoverInfo .proListTitle2{font-size:15px;}
	.proSection .hoverInfo .proListDesc{ display:none;}
	.proSec1 .proList .proListItem:nth-child(1){width:50%;}
	.proSec1 .proList .proListItem:nth-child(2){width:50%;}
	.proSec1 .proList .proListItem:nth-child(3){width:50%;}
	.proSec1 .proList .proListItem:nth-child(6){ display:block;flex: 0 0 auto;width: 50%;}
	.proSec2 .proList .proListItem:nth-child(1){width: 50%;}
	.proSec2 .proList .proListItem:nth-child(2){width: 50%;}
	.proSec2 .proList .proListItem:nth-child(3){width: 50%;}
	.proSec3 .proList .proListItem{width: 50%;}
	.proSec3 .proList .proListItem img{ min-height:160px;}
	
	
	
}

.display_con{ width:100%; color:#333; min-height:300px; margin-top:10px;}
.dis_title{ width:100%; text-align:center; line-height:24px; margin-top:5px;}
.dis_title h4{ color:#333; font-size:24px; line-height:36px; font-weight:bold; padding-bottom:15px;}
.dis_title span{ margin-bottom:10px; color:#999; text-align:center; font-size:12px; display:block; float:left; width:100%; line-height:1.5;}
.d_c{ font-size:16px; line-height:2; padding-bottom:20px; width:100%; height:auto; color:#555;}
.d_c em,.d_c i{ font-style:italic;}
.d_c b{ font-weight:bold;}
.dis_img{ width:100%; text-align:center; margin:5px 0;}
.dis_img img{ max-width:100%; height:auto;}

@media(max-width:767px){
	.display_con{ margin-top:0;}
	.dis_title{ width:100%; text-align:center; line-height:24px; margin-top:0;}
	.dis_title h4{ color:#333; font-size:20px; line-height:30px; font-weight:bold; padding-bottom:10px;}
	.d_c{ font-size:14px; line-height:2; padding:0 0 10px; width:100%; height:auto; color:#555;}
	.dis_img{ width:100%; text-align:center; margin:5px 0; text-align:center;}
	.dis_img img{ max-width:90%; height:auto;}
}

.pages{ width:100%; margin-top:10px; height:auto; float:left;}
.pages div{ height:auto; line-height:35px; padding-bottom:5px;}
.pages span,.pages a{ color:#333; font-size:16px;}
.pages a:hover{ color:#f30;}
@media(max-width:767px){
	.pages{ width:100%; margin-top:10px; height:auto; float:none; padding:0 0;}
	.pages div{ height:auto; line-height:28px; padding-bottom:5px; overflow:hidden;}
	.pages span{ font-size:15px;display:inline-block; vertical-align:middle;}
	.pages a{ color:#333; font-size:15px;max-width:calc(100% - 65px);display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; vertical-align:middle;}
	.pages a:hover{ color:#f30;}
}

/*news*/
.news{width:100%; height:auto; margin:0 auto; background:#fff; padding:20px 0 30px;}
.news_l{ width:100%; padding:0; background:#FFF; min-height:500px;}
.news_lb{ width:100%; height:auto;}
.news_lb ul{ width:100%; height:auto; padding-bottom:20px;}
.news_lb ul li{ width:100%; height:auto; float:left;border-top:1px solid #e6e6e6; overflow:hidden;}
.news_lb ul li:last-child{ border-bottom:1px solid #e6e6e6;}
.news_lb ul li a{ display:block;padding:20px 0px; float:left;}
.news_lb ul li .date{width:80px; text-align:center; float:left;}
.news_lb ul li .date .t1{font-size:30px; color:#ccc; font-weight:bold; text-align: left; padding:10px 0 0 12px;}
.news_lb ul li .date .t2{font-size:16px; color:#ccc; font-weight:400; text-align: left;}
.news_lb ul li .info{width:calc(100% - 80px - 2.3125%); margin-left:2.3125%; padding-top:0; float:left;}
.news_lb ul li .info h5{font-size:18px; color:#1a1a1a; font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news_lb ul li .info .desc{font-size:15px; color:#999999; line-height:1.875; max-height:60px; margin:10px auto 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}
.news_lb ul li:hover .info h5{ color:#ff6a00;}
@media(max-width:767px){
	.news{ padding:20px 10px;}
	.news_lb ul li a{ width:100%; padding:15px 0;}
	.news_lb ul li .date{width:70px;}
	.news_lb ul li .date .t1{font-size:26px;}
	.news_lb ul li .date .t2{font-size:15px;}
	.news_lb ul li .info{width:calc(100% - 70px - 1.3125%); margin-left:1.3125%;}
	.news_lb ul li .info h5{font-size:16px; }
	.news_lb ul li .info .desc{font-size:14px;}
	
}


.news_detail{ width:100%; height:auto; padding-bottom:20px;}
.news_detail .titel1{ line-height:58px; font-size:24px; color:#333; text-align:center;}
.news_detail .detail_date{ width:100%; float:left; height:40px; border-bottom:0 solid #e6e6e6; border-top:0 solid #e6e6e6; line-height:40px; text-align:center;}
.news_detail .detail_date em{display:inline-block;height:18px;line-height:18px;font-size:12px;background:#ccc;color:#fff;padding:0 6px;float:right; margin:10px 30px 0 0;}
.news_detail .detail_date .author{ float:none; color:#999; padding:0 18px 0 18px; height:40px; font-size:14px;}
.news_detail .detail_date .view{ float:none; color:#999; padding:0 18px; height:40px; font-size:14px;}
.news_detail .detail_date .time{ float:none; color:#999; height:40px; font-size:14px;}
.news_detail .detail_date .share{ float:none; height:18px;  margin:10px 0 10px 100px;display:none;}
.detail-txt{ float:left; margin:30px 0; font-size:16px; line-height:30px; background:#f2f3f7; display:block; padding:20px;}
.detail-txt em{ display:block; font-style:normal; color:#333;}
.detail_syn{ font-size:16px; line-height:2; color:#555; width:100%; height:auto; padding:20px 0 10px;}
.detail_syn em,.detail_syn i{ font-style:italic;}
.detail_syn b{ font-weight:bold;}
.detail_syn img{ max-width:100%; height:auto;}

@media(max-width:767px){
	.news_detail{ width:100%; height:auto; padding:0 0 20px 0;}
	.news_detail .titel1{ line-height:1.5; font-size:20px; color:#333; text-align:center; padding:0 0 10px;}
	.news_detail .detail_date{ float:none; text-align:center; height:auto; line-height:1.5;}
	.news_detail .detail_date em{ display:none;}
	.news_detail .detail_date .author{ float:none; display:inline-block; color:#999; padding:0 10px; height:auto; font-size:14px;}
	.news_detail .detail_date .view{ float:none; display:inline-block; color:#999; padding:0 10px; height:auto; font-size:14px;}
	.news_detail .detail_date .time{ float:none; display:inline-block; color:#999; height:auto; font-size:14px;}
	.news_detail .detail_date .share{ display:none; float:left; height:18px;  margin:10px 0 10px 100px;}
	.detail-txt{ float:left; margin:30px 0; font-size:16px; line-height:30px; background:#f2f3f7; display:block; padding:20px 0;}
	.detail-txt em{ display:block; font-style:normal; color:#333;}
	.detail_syn{ font-size:16px; line-height:1.8; color:#666; float:none; width:100%; height:auto; padding:20px 0 10px;}
	.detail_syn em,.detail_syn i{ font-style:italic;}
	.detail_syn b{ font-weight:bold;}
	.detail_syn img{ max-width:100%; height:auto;}
}

.news .left{ float:left; width:75%;padding-right:30px;}
.news .right{ width:25%;float:right; padding:15px; background-color:#f6f6f6; margin-top:10px;}
.recommend .reTit{border-bottom:1px solid #ccc;margin-bottom:12px;font-weight:bold; position:relative;font-size:20px;}
.recommend .reTit span{color:#333; display:inline-block;line-height:30px; padding-bottom:10px; border-bottom:2px solid #ff6a00;}
.recommend .reList li{margin-bottom:6px; position:relative;}
.recommend .reList li:after{ content:''; display:block; width:5px; height:5px; position:absolute; left:0; top:50%; margin-top:-2.5px; background-color:#ff6a00; border-radius:50%; overflow:hidden;}
.recommend .reList li a{padding-left:14px;display:block;line-height:30px;font-size:15px;overflow:hidden;color:#333;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.recommend .reList li a:hover{color:#ff6a00;}
@media(max-width:767px){
	.news .left{width: 100%;padding:0;}
	.news .right{width:100%;padding:20px 15px;}
	.recommend .reTit{font-size:18px;}
	.recommend .reList li{}
	.recommend .reList li a{line-height:27px;font-size:15px;}
}


.ser{ width:100%; height:auto;}
.ser .s01{ padding:0px 0 20px;}
.ser .sTit{position:relative;z-index: 2; text-align:center;}
.ser .sTit span{ display:block;line-height:1.5;letter-spacing:0;margin-top: 10px; font-size:30px; font-weight:600;}
.ser .sTit p{color: #888;letter-spacing:0px;position: relative;padding-left:0px;display: inline-block; font-size:16px;}
.ser .cont{ margin:40px 0 0;position:relative}
.ser .s01 .mid{width:32.6%;height:100%;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);top:0;background:#f1f2f6;display:flex;align-items:center}
.ser .s01 .mid ul li{width:100%}
.ser .s01 .bot{margin-top:15px}
.ser .s01 ul{display:flex;justify-content:space-between;}
.ser .s01 ul li{width:32.6%;background:#f1f2f6;padding:40px 45px}
.ser .s01 ul li .icons{height:54px}
.ser .s01 ul li .icons img{max-height:100%}
.ser .s01 ul li .text{margin-top:30px}
.ser .s01 ul li .text h2{ font-size:18px; font-weight:600; color:#232323;}
.ser .s01 ul li .text p{color:#888;margin-top:14px;line-height:1.8; font-size:16px;}
@media(max-width: 1680px){
	.ser .cont{margin-top:2.5vw}
	.ser .s01 ul li{padding:2vw 2.4vw}
	.ser .s01 ul li .icons{height:50px}
	.ser .s01 ul li .text{margin-top:1.5vw}
	.ser .s01 ul li .text p{margin-top:10px}
}
@media(max-width: 1440px){
	.ser .s01 ul li .icons{height:44px}
}
@media screen and (max-width: 768px){
	.ser .sTit span{ font-size:22px;}
	.ser .sTit p{padding:5px 0px 0; font-size:15px; line-height:1.5;}
	.ser .cont{margin-top:25px}
	.ser .s01 .mid{position:relative;width:100%;left:0;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);background:transparent}
	.ser .s01 .bot{margin-top:14px}
	.ser .s01 ul{display:block}
	.ser .s01 ul li{width:100%;margin-top:14px;padding:20px}
	.ser .s01 ul li .text{margin-top:14px}
	.ser .s01 ul li .text h2{ font-size:16px;}
	.ser .s01 ul li .text p{line-height:1.5; font-size:14px;}
}

.ser .s02{ padding:30px 0 0}
.ser .s02 ul{display:flex;justify-content:space-between;}
.ser .s02 ul li{ width:calc(25% - 15px); margin-right:20px;}
.ser .s02 ul li:nth-child(4n){ margin-right:0;}
.ser .s02 ul li .top{background:var(--color);padding:0px}
.ser .s02 ul li .top .pic{overflow:hidden;padding-top:70%;position:relative}
.ser .s02 ul li .top .pic img{position:absolute;width:100%;height:100%;object-fit:cover;left:0;top:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s; margin:0;}
.ser .s02 ul li .top .pic:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05)}
.ser .s02 ul li .bottom{margin-top:20px}
.ser .s02 ul li .bottom h2{ font-size:20px; color:#232323;}
.ser .s02 ul li .bottom p{color:#888;line-height:1.8;margin-top:14px;text-align:justify; font-size:16px;}
@media screen and (max-width: 1680px){
	.ser .s02 ul li .bottom p{margin-top:10px}
}
@media screen and (max-width: 768px){
	.ser .s02 ul{flex-wrap: wrap;}
	.ser .s02 ul li{ width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
	.ser .s02 ul li:nth-child(2n){ margin-right:0;}
	.ser .s02 ul li .bottom h2{ font-size:16px;}
	.ser .s02 ul li .bottom p{line-height:1.5; font-size:14px;}
}


/*留言*/
.mess_con{ width:1148px; margin:0 auto; padding: 0; float:left;}
.mess_con form{ font-size:14px; line-height:2; color:#666;}
.message{ width:100%; height:auto; margin-bottom:10px;}
.message dt{ float:left; margin-right:8px; font-weight:normal;}
.message dt.m_tel{ margin-left:50px;}
.message span{ display:none;}
.message dd{ float:left; width:20%;}
.mess_con .btn{ background:#2CAD2F; width:186px; min-width:186px; height:35px; border:none; font-family:"Microsoft YaHei"; letter-spacing:2px; font-size:16px; color:#fff; cursor:pointer;}
.red{ color:red; padding-left:5px;}
.mess_con input{ height:25px; border:1px solid #ccc; min-width:235px; line-height:25px;}
.mess_con textarea{border:1px solid #ccc; margin-top:5px; width:555px; height:125px;}
.mess_con .table1 tr{ height:35px;}

.mess_title{ font-size:14px; font-weight:900; background:#e7e7e7; padding:6px 10px; border:1px solid #CCC;}
.mess_list{ margin-bottom:20px; color:#333; line-height:18px;}
.mess_list a{ color:#000; line-height:28px;}
.mess_list a:hover{ color:#006600;}
.mess_list .table2{ border-top:0; padding:5px 0;}
.mess_list .table2 tr{ height:28px;}
.mess_list .table2 tr .table2_f{ padding-left:20px;background:url(images/ico.gif) no-repeat 8px center;}

.mess_show{ float:left; width:1148px; margin:0 auto; background:#FFF;}
.mess_show li{ width:1148px; height:auto; border:1px solid #ccc; float:left; border-top:0;}
.mess_show li b{ line-height:40px; min-height:40px; display:inline-block; font-weight:normal; color:#F00}
.mess_top{ float:left; height:30px; line-height:30px; width:100%; border-bottom:1px solid #CCC; background:#f4f4f4;}
.mess_top span{ text-align:center; float:left; display:inline-block; height:30px; padding:0 10px;}
.mess_content{ float:left; width:100%; border-bottom:1px solid #CCC; color:#2CAD2F;}
.mess_replay{ float:left; width:100%;}
.mess_content p,.mess_replay p{ padding:5px 10px; min-height:38px; line-height:24px;}

@media(max-width:767px){
	.mess_con{ width:100%;}
	.mess_title{ margin:0 10px;}
	.mess_show{ float:left; width:100%; padding:0 10px;}
	.mess_show li{ width:100%;}
	.message{ padding:0 10px;}
	.message span{ display:block; width:100%; height:10px; float:left;}
	.message dt.m_tel{ margin-left:0;}
	.message dd{ width:80%;}
	.mess_con textarea{ width:100%; height:85px; margin-top:0;}
}


.smBox{ background:#efefef; padding:10px 15px; margin:15px 0 0; font-size:14px; line-height:2; color:#888;}

.table1{ border:1px solid #dfdfdf; border-collapse:collapse;}
.table1 tr,.table1 td,.table1 th{ border:1px solid #dfdfdf;}
.table2{ border:1px solid #dfdfdf; border-collapse:collapse;}
.table2 tr,.table2 td,.table2 th{ border:1px solid #dfdfdf; padding:5px;}
.table3{ border:1px solid #dfdfdf; border-collapse:collapse;}
.table3 tr,.table3 td,.table3 th{ border:1px solid #dfdfdf; padding:5px;}
@media(max-width:767px){
	.table3{ border:1px solid #dfdfdf; border-collapse:collapse; width:100% !important;}
	.table3 tr,.table3 td,.table3 th{ border:1px solid #dfdfdf; padding:5px;}
	.bd_weixin_popup_main table,.bd_weixin_popup_main tr,.bd_weixin_popup_main td,.bd_weixin_popup_main th{ border:0;}
}