html,body{padding: 0;margin: 0;font-size: 16px;color: #333;overflow-x:hidden;     font:14px/1.8 "微软雅黑", "Arial", "Helvetica", "SimHei", "STXihei", sans-serif;}
.wrap{margin: 0 auto; width:94%;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus,select:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.row{margin-right:0; margin-left:0}
dl, ol, ul, p{margin-bottom:0px}

@font-face {
  font-family: "iconfont"; /* Project id 4942557 */
  src: url('../font/iconfont.woff2?t=1751253571039') format('woff2'),
       url('../font/iconfont.woff?t=1751253571039') format('woff'),
       url('../font/iconfont.ttf?t=1751253571039') format('truetype');
}

.iconfont{font-family:"iconfont"!important; font-style:normal;}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:12px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#aaa; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#fff;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#fff;}

.swiper-button-next:focus,.swiper-button-prev:focus{outline: none;}




/**载入logo**/
.loading {position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;}
.loading .bg {position:absolute;z-index:10;left:0;right:auto;top:auto;bottom:auto;width:100%;height:100%;background:#fff; transition:All .8s ease;-webkit-transition:All .8s ease;-moz-transition:All .8s ease;-o-transition:All .8s ease;}
.loading .bg.bgT {height:0;}
.loading .logo {display:block; width:100%; height:100%; background-size:60%; background-image:url(../images/logo03.png); background-repeat:no-repeat; background-position:center center; position:absolute;z-index:10;left:0;right:auto;top:0;bottom:auto; transition:All .4s ease;-webkit-transition:All .4s ease;-moz-transition:All .4s ease;-o-transition:All .4s ease;}
.loading.hide .bg {height:0;}
.loading.hide .logo {margin-top:-5%; height:0;}



/**导航菜单**/
header{width:100%; z-index:999; background:rgba(255,255,255,1); position:fixed; transition: .6s linear; visibility:visible; animation-name:fadeInDown; animation-duration:1s; animation-delay:0.8s;}
header .logo{float:left; width:15%;}
header .logo a{width:100%; position:relative; z-index:99;}
header .logo img{margin-top:21px; max-width:100%}

header .rightDiv{float:right; width:30%; height:105px; overflow:hidden}
header .rightDiv .menu{position:relative; margin-top:10px}
header .rightDiv .menu ul{width:100%; }
header .rightDiv .menu ul li{float:left; width:25%; height:105px; line-height:105px; text-align:center;  cursor:pointer; position:relative; text-align:center}
header .rightDiv .menu ul li a{color:#222; position:relative; font-weight:400;}
header .rightDiv .menu ul li a:after{content:""; display:block;  width:0; height:4px; margin-top:-5px; overflow:hidden; transition:all 0.3s ease-out; background:#222;}
header .rightDiv .menu ul li:hover a{color:#173b99}
header .rightDiv .menu ul li:hover a:after{width:100%;}
header .rightDiv .menu ul li.cur a{color:#173b99 !important;}

header .rightDiv .menu ul li span{display:block; -webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out; color:#222; font-size:22px; position:relative}
header .rightDiv .menu ul li:hover .e{ margin-top:-105px}
header .rightDiv .menu ul li:hover .a{}



header .mbtn {display: inline-block;width:56px; height:56px;background: url(../images/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header.indexHeader .mbtn{background: url(../images/menu.png) no-repeat center center;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../images/menu-hide1.png) no-repeat center center;background-size: 22px auto;}

.on-fixed header{position:fixed; top:0; left:0; background:rgba(255,255,255,1);  box-shadow:0 0 5px rgba(0,0,0,.2); padding-top:0px}
.on-fixed header .logo .img{display:block}
.on-fixed header .logo .img02{display:none}
.on-fixed header .rightDiv .menu ul li a,.on-fixed header .rightDiv .menu ul .lang i,.on-fixed header .search i{color:#333;}
.on-fixed header .rightDiv .menu ul li:hover a{color:#173b99}

@media (max-width:1480px) {
header .logo{width:19%;}
header .rightDiv{width:40%;}
}
@media (max-width:1280px) {
header .logo{width:22%;}
header .rightDiv{width:40%;}
}

@media (max-width:1180px) {
header .logo{width:23%;}
header .rightDiv{width:40%;}
}
@media (max-width:1024px) {
header .logo{width:25%;}
}
@media (max-width:992px) {
img{max-width:100%;height:auto!important;}	
header{position:fixed; z-index:9999; top:0; left:auto; right:0; width:100%; height:60px; transition: right 300ms; background:rgba(255,255,255,0); padding-top:0}
header .logo{width:20%;}
header .logo img{margin-top:10px;}
header .mbtn {display: block; top:0}
header .rightDiv .menu{margin-top:0px}

.on-fixed header .mbtn{top:0px;}
.on-menu header{height:60px;}
.on-menu header .top{height:0}
.on-menu header .mbtn{top:0px;}
header .rightDiv .menu ul li.en{background: url(../images/en.png) no-repeat 20px center;}	
header .rightDiv .menu ul li.en{padding-left:30px}

header .rightDiv .menu {float:right; position:fixed; top:0px; right:0; width:100%; height:100%; padding-top:0;background-color: rgba(255, 255, 255, 1); transition: right 300ms; right: -100%; padding:0; overflow-y:auto;}

header .rightDiv .menu ul{width:100%;  padding-top:60px; display:block !important}
header .rightDiv .menu ul li{padding:0; margin:0; width:100%; height: auto; border-top:1px solid rgba(120,120,120,.15); line-height:40px}
header .rightDiv .menu ul li a:after{ display:none}
header .rightDiv .menu ul li:last-child{border-bottom:1px solid rgba(120,120,120,.15);}
header .rightDiv .menu ul li:hover a{text-align:left; height:40px; line-height:40px; width: calc(100% - 50px); position: relative;}
header .rightDiv .menu ul li a{display:block; color:#666; line-height:40px; height:40px; text-align:left;font-size:16px; width: calc(100% - 50px); padding:0 40px 0 20px; margin:0;}


header .rightDiv .menu ul li.cur a{height:40px; line-height:40px; text-align:left; width: calc(100% - 50px);}
header .rightDiv .menu ul li.cur a{color: #666; position:relative}
header .rightDiv .menu ul li.cur ul li a{color: #173b99;}
header .rightDiv .menu ul li:after{ display:none}
header .rightDiv .menu>ul>li:hover, header .rightDiv .menu>ul>li:focus, header .rightDiv .menu>ul>li.active{background: none;}

header .rightDiv .menu ul ul{top:0; border: 0;    opacity:1; background: transparent;border-bottom:none;padding: 0; display:none !important}
header .rightDiv .menu li ul.open{display:block !important}
header .rightDiv .menu li:hover ul{ width:100%; display:none}

header .rightDiv .menu ul li span{ font-size:16px}
header .rightDiv .menu ul li a span.e {display: none;}
header .rightDiv .menu ul li a.on {background: none;}
body.on-menu header .rightDiv .menu {right: 0;}
body.on-menu .main {right: 0;}

header.indexHeader .rightDiv .menu>ul>li.on>a{color: #fff;}
header .rightDiv .menu>ul>li:hover>a{color:#333;}
.menu ul ul{box-shadow: none;}
header .rightDiv .menu .linkDiv{display: none;}
header .rightDiv .menu>ul>li.has-sub{padding: 0;}
header .rightDiv .menu>ul>li>a::before{display: none;}

header .rightDiv .menu ul ul li{width:100%; background:rgba(255,255,255,.4); height:40px; line-height:40px;}
header .rightDiv .menu ul ul li a{font-size:14px;color:#173b99; height:40px; line-height:40px; margin:0 10px;}
header .rightDiv .menu ul li.cur li a{height:40px; line-height:40px}


header .rightDiv .menu>ul>li,header .rightDiv .menu.align-center>ul>li,header .rightDiv .menu.align-right>ul>li{float:none;display:block}
header .rightDiv .menu ul ul ul li a{padding-left:40px}
header .rightDiv .menu ul ul,
header .rightDiv .menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
header .rightDiv .menu>ul>li.has-sub>a::after,header .rightDiv .menu ul ul li.has-sub>a::after{display:none}
header .rightDiv .menu li:hover>ul{left: auto;margin-left: auto;}

#menu-line{display:none}

.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.15);height:40px;width:45px;cursor:pointer}
.menu .submenu-button::after{content:'';position:absolute;top:15px;left:22px;display:block;width:1px;height:11px;background:#333;z-index:99}
.menu .submenu-button::before{content:'';position:absolute;top:20px;left:17px;display:block;width:11px;height:1px;background:#333;z-index:99}
.menu .submenu-button.submenu-opened:after{display:none}

.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
.menu ul ul ul{top: 0;}
header .search{ display:none}
body.on-menu header .mbtn{z-index: 1;}	
header .rightDiv .menu ul .lang i{ display:none}

.on-menu header .logo .img{ display:block}
.on-menu header .logo .img02{ display: none}
header .rightDiv .menu ul .ej{width:100%; left:0;}
header .rightDiv .menu li:hover ul li{ height:40px; line-height:40px}
}
@media (max-width:780px) {
header .logo img{max-width:110%;}	
}
@media (max-width:540px) {
header{height:45px;}
.on-fixed header{height:45px;}
.on-menu header{height:45px;}
header .rightDiv .menu ul{padding-top:45px;}
header .mbtn{height:45px; background-size:18px auto; width:45px}
body.on-menu header .mbtn{background-size:18px auto;}
header .logo{width:28%;}
header .logo img{max-width:100%; margin-top:5px;}	
}
@media (max-width:430px) {
header .logo{width:36%;}	
}




.index_box{margin-top:105px; overflow:hidden; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:1.2s;}
.tit_box{position:relative; margin-bottom:40px;}
.tit_box .tit_cn{font-size:50px; color:#222;}

.index_box .box{overflow:hidden; margin:50px 0 100px}
.left_box{width:50%; float:left}
.right_box{width:45%; float:right}
.right_box p{font-size:16px; color:#666; line-height:30px}
.right_box h3{font-size:30px; color:#000}
.right_box b{font-size:20px; color:#333}
.right_box h4{font-size:25px; color:#222}


.foot_box{background:#222; color:#fff; padding:80px 50px;}
.foot_box .foot{max-width:2020px; margin:0 auto}
.foot_box .wz{margin:0 0.5%; font-size:20px; line-height:40px;  display:block;}
.foot_box .box{margin:30px 0.5%; overflow:hidden; display:flex; align-items:center;}
.foot_box .tel{width:100%;}
.foot_box .tel span{font-size:24px; display:block; line-height:34px}
.foot_box .box p{width:100%; text-align:right; display:inline-block; font-size:16px}
.foot_box a{color:#fff}
.foot_box .sjmt{width:100%; overflow:hidden; display:flex;}
.foot_box .sjmt a{width:100%; margin:0 0.5%; display:inline-block; text-align:left; border-top:2px solid #fff; font-size:24px; padding-top:8px; font-weight:600; font-family: "Work Sans", sans-serif;}
.foot_box .sjmt a font{font-weight:normal; margin-left:20px}
@media (max-width:1480px) {
.foot_box{padding:60px 40px;}
.index_box .box{margin:40px 0 80px}
}
@media (max-width:1024px) {
.index_box .box{margin:0px 0 60px}

.foot_box{padding:50px 30px;}
.foot_box .wz{font-size:18px; line-height:35px;}
.foot_box .tel span{font-size:18px; line-height:30px}
.foot_box .sjmt a{font-size:18px;}
}
@media (max-width:992px) {
.index_box{margin-top:60px;}
.index_box .box{margin:0px 0 60px}
}
@media (max-width:540px) {
.index_box{margin-top:45px;}
}
@media (max-width:540px) {
.foot_box{padding:40px 20px;}	
.foot_box .wz{font-size:16px; line-height:30px;}
.foot_box .box{margin:20px 0.5%; display:block}
.foot_box .tel span{font-size:16px;}
.foot_box .box p{text-align:left;}
.foot_box .sjmt{display:block}
.foot_box .sjmt a{ padding-bottom:8px}

.left_box{width:100%; margin-bottom:50px}
.right_box{width:100%;}
}
@media (max-width:430px) {
.foot_box .box p{font-size:14px}	
}



.case_class{padding-bottom:30px; width:93%; margin:0 auto; text-align:right}
.case_class a{font-size:16px; color:#666; margin:0 10px; display: inline-block;}
.case_class .car{color:#000;}
@media (max-width:992px) {
.case_class{ padding:40px 0 20px}
}
@media (max-width:430px) {
.case_class a{font-size:14px;}
}


/**案例**/
.moreload .list {width:100%; overflow:hidden; display: flex; flex-wrap: wrap; justify-content: left; }
.moreload .list li {width:50%; position:relative; overflow:hidden; cursor:pointer}
.moreload .list li .img{}
.moreload .list li .img img{ width:100%; transition: all 0.6s;}
.moreload .list li .img img,.case_box li .img02 img{width:100%;}
.moreload .list li .img02{position: absolute; left:0; top:0; width:100%; height:100%; background-size:cover; background-position:50%; transition:all 0.6s ease-out; opacity:0}
.moreload .list li .font{position:absolute; top:50px; left:50px;  opacity:1; width:100%; color:#222; transition:all 0.4s ease-out; opacity:0}
.moreload .list li .font b{font-size:28px; display:block}
.moreload .list li .font span{font-size:20px; color:#222;}
.moreload .list li:hover .img02{opacity:1; height:100%;}
.moreload .list li:hover .font{opacity:1}
.moreload .list li:hover .img img{-webkit-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);transition: all 0.5s; }

.moreload .more{overflow: hidden; text-align: center; margin-top:40px}
.moreload .more a{display: block; width:220px; height:60px; line-height:60px; font-size:18px; color:#999; margin:0 auto; background:#fff; border:1px solid #ddd; text-align:center; border-radius:3px;}
.moreload .more a:hover{text-decoration: none;background:#111;color: #fff;}
.moreload .more a i{ margin-left:10px; transform: rotate(90deg)}
.moreload .more p{font-size:18px; color:#333;}
@media (max-width:1180px) {
.moreload .list li .font{top:30px; left:30px;}
.moreload .list li .font b{font-size:24px}
.moreload .list li .font span{font-size:18px}
}
@media (max-width:992px) {
.moreload .list li .font b{font-size:20px}
.moreload .list li .font span{font-size:16px}
}
@media (max-width:540px) {
.moreload .list li {width:100%;}	
}
@media (max-width:430px) {
.moreload .list li .font{top:20px; left:20px;}
}

/**新闻**/
.news_box {width:100%; overflow:hidden; display: flex; flex-wrap: wrap; justify-content: left; }
.news_box li{width:33.33%; position:relative; overflow:hidden; cursor:pointer; border:10px solid #fff}
.news_box li .font{font-size:24px; color:#222; line-height:40px; margin:10px 0; overflow:hidden}
@media (max-width:1180px) {
.news_box li{border:5px solid #fff}
.news_box li .font{font-size:20px; line-height:30px; margin:5px 0;}
}
@media (max-width:992px) {
.news_box li{width:50%;}
}
@media (max-width:540px) {
.news_box li{width:100%;}
.news_box li .font{font-size:18px; line-height:30px;}
}
@media (max-width:430px) {
.news_box li .font{font-size:16px; line-height:25px;}
}

.job_box{width:60%; overflow:hidden}
.job_box p{display:block;}
.job_box font{ display:block; float:right; font-size:14px}

.case_banner{margin-top:105px; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:1.2s;}
.case_banner img{ width:100%}
.case_show{margin-top:30px; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.2s;}
.show_box{ max-width:1200px; width:96%; overflow:hidden; margin:0 auto; padding:50px 0 100px 0}
.show_box span{display:block; font-size:14px;}
.show_box h1{display:block; font-size:40px; color:#222; margin:20px 0}
.show_box h2{display:block; font-size:20px; color:#222;}
.show_box .show{width:100%; overflow:hidden; margin:50px 0;}
.show_box .show img{ width:100%}
.show_box .show span{ background:none !important;}
.show_box .otherPage span{ color:#222; text-transform:uppercase; font-size:20px}
.show_box .otherPage a{ font-size:18px; color:#222;}
@media (max-width:992px) {
.case_banner{margin-top:60px;}
.show_box{padding:20px 0 60px 0}
.show_box h1{font-size:30px; margin:10px 0;}
}
@media (max-width:540px) {
.case_banner{margin-top:45px;}
.show_box .show{margin:30px 0 10px;}
}
@media (max-width:430px) {
.show_box{padding:10px 0 40px 0;}
.otherPage div{ width:100%}
.case_show{margin-top:20px;}
}


.index_box_two{padding:105px 0; overflow:hidden; width:100%; background:#f5f5f5; text-align:center}
.index_box_two h3{display:block; width:100%; font-size:60px; overflow:hidden; visibility:visible; animation-name:fadeInDown; animation-duration:1s; animation-delay:.2s;}
.index_box_two h4{font-size:26px; visibility:visible; animation-name:fadeInDown; animation-duration:1s; animation-delay:.3s;}
.about_counter{width:100%; overflow:hidden; margin-top:60px}
.about_counter dd{width:33.333%; float:left; visibility:visible; animation-name:fadeInUp; animation-duration:1s;}
.about_counter dd p{font-size:40px;}
.about_counter dd em{ font-style:normal;}
.about_counter dd span{font-size:16px; display:block; color:#333}
.about_counter dd:nth-child(1){animation-delay:.4s;}
.about_counter dd:nth-child(2){animation-delay:.5s;}
.about_counter dd:nth-child(3){animation-delay:.6s;}
.about_counter dd:nth-child(4){animation-delay:.7s;}
@media (max-width:1180px) {
.index_box_two{padding:60px 0;}
.about_counter{margin-top:30px}
.about_counter dd p{font-size:36px;}
}
@media (max-width:1024px) {
.index_box_two h3{font-size:40px;}
.index_box_two h4{font-size:18px;}
.about_counter dd{width:50%;}
}
@media (max-width:540px) {
.index_box_two{padding:40px 0;}
.about_counter{margin-top:20px}
.about_counter dd{width:100%;}
}



/*分页样式 开始*/
#fengye{clear:both; margin:40px 0 10px; text-align: center;}
div.digg{text-align:center; font-size:16px;}
div.digg span.disabled{padding:14px 20px; margin:0 2px; color:#666; background:#f5f5f5;}
div.digg span.current{padding:14px 20px; margin:0 2px; color:#f5f5f5; background:#222;}
div.digg a{padding:14px 20px; margin:0 2px; color:#666; text-decoration: none; background:#f5f5f5;}
div.digg a:hover {background:#222; color:#f5f5f5;}
div.digg .keng{display:none}


/**漂浮**/
.online_q {position:fixed;right:2px;bottom:10%;z-index:998}
.online_q .btn2 {width:50px; height:50px; cursor:pointer; position:relative; background:#f5f5f5; transition:.3s; border:1px solid #eee; border-bottom:none}
.online_q .btn2 span i{display:block; font-size:22px; height:50px; line-height:50px; color:#999}
.online_q .btn2 span {display:block;width:100%;height:100%;text-align:center;position:relative; z-index:999;overflow:hidden;transition:.3s;-webkit-transition:.3s;font-size:12px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-bottom:1px solid #eee;}
.online_q .btn2.btn-top span{ color:#fff; background:#222;}
.online_q .btn2.btn-top span p{font-weight:bold}
.online_q .btn2 .open.tel a{ color:#fff; font-size:16px}
.online_q .btn2 .open.pic {position:absolute; width:140px;height:140px;right:120px;top:50%;margin-top:-60px;text-align:right;opacity:0;transition:.6s;-webkit-transition:.6s;visibility:hidden; background:linear-gradient(90deg, #009cff, #173b99); background:-webkit-linear-gradient(-90deg #009cff,#173b99);}
.online_q .btn2 .open.pic:before {content:"";display:block;width:0;height:0;border:10px solid transparent;border-left:10px solid #173b99;position:absolute;right:-15px;top:45%;margin-top:-10px}
.online_q .btn2 .open.pic img {width:120px;height:120px;margin-top:10px;margin-right:10px}
.online_q .btn2 .open.tel {position:absolute; width:200px;height:50px;border-radius:25px;color:#fff;font-size:18px;font-family:arial;text-align:center;line-height:50px;right:100px;top:50%;margin-top:-25px;opacity:0;transition:.6s;-webkit-transition:.6s;visibility:hidden; background:linear-gradient(90deg, #009cff, #173b99); background:-webkit-linear-gradient(-90deg #009cff,#173b99);}
.online_q .btn2 .open.tel:before {content:"";display:block;width:0;height:0;border:10px solid transparent;border-left:10px solid #173b99;position:absolute;right:-16px;top:50%;margin-top:-10px}
.online_q .btn2:hover .open.pic {opacity:1;right:70px;visibility:visible}
.online_q .btn2:hover .open.tel {opacity:1;right:70px;visibility:visible}
.online_q #gotop {transition:.5s;overflow:hidden;height:73px}
.online_q #gotop.hide {height:0}
.online_q #gotop.hide i{color:#fff;}