@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; font:12px Arial,"microsoft yahei"; color:#333; background:#fff;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0; }
ul,li,ol{list-style:none;}
a{text-decoration:none; color:#333;cursor: pointer;}
a:hover{text-decoration:none; color: #333;}
input,textarea,select,button{font-family:Arial,"Microsoft YaHei";}
input:focus,textarea:focus,select:focus,button:focus{ outline:none;}
::-moz-selection {background:#aaa;color:#FFF;}
::selection {background: #aaa;color: #FFF;}
img{border:0}
.clear {zoom: 1;clear:both; }
.clear:after {content: ''; display: block; clear: both; }
table{width: 100%; border-collapse:collapse;}
table tr,table td{max-width: 100%; border: solid 1px #eee; }
.fl{float:left;}
.fr{float:right;}
.point{ position: relative; display: block;   visibility:hidden;  top: -150px;}
input,textarea,select{font-family:"Microsoft YaHei"; font-size:12px;}
input:focus,textarea:focus,select:focus{ outline:none;}
.scrollbar::-webkit-scrollbar{ width:2px; background:#f4f4f4; }/* 滚动条整体部分 */
.scrollbar::-webkit-scrollbar-button{ display:none;}/*  滚动条两端的按钮 */
.scrollbar::-webkit-scrollbar-track{ display:none;}/*  外层轨道 */
.scrollbar::-webkit-scrollbar-track-piece{ display:none;}/*  内层轨道 */
.scrollbar::-webkit-scrollbar-thumb{ background:#185ebc;}/*  滚动条里面可以拖动的那部分 */
.scrollbar::-webkit-scrollbar-corner{display:none;}/* 边角 */
.scrollbar::-webkit-resizer{display:none;}/*  定义右下角拖动块的样式 */

/* 小屏幕（平板，大于等于 768px） */
@media screen and (max-width: 991px) {
    .point{ top:-80px;}
    .w1200 {width: 100%;margin: 0 auto;zoom: 1;box-sizing: border-box}
}
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media screen and (min-width: 992px) {
    .wrap {width: 982px;margin: 0 auto;zoom: 1;box-sizing: border-box;}
    .wrap1 {width: 982px;margin: 0 auto;zoom: 1;box-sizing: border-box;}
}
/* 中等屏幕（桌面显示器，大于等于 1240px） */
@media screen and (min-width: 1240px) {
    .wrap {width: 1120px;margin: 0 auto;zoom: 1;box-sizing: border-box;}
    .wrap1 {width: 1120px;margin: 0 auto;zoom: 1;box-sizing: border-box;}
}
/* 大屏幕（大桌面显示器，大于等于 1360px） */
@media screen and (min-width: 1360px) {
    .wrap {width: 1350px;margin: 0 auto;zoom: 1;box-sizing: border-box;}
    .wrap1 {width: 1230px;margin: 0 auto;zoom: 1;box-sizing: border-box;}
}

/*pc_header*/
.pc_header{width: 100%;position: relative;top: 0;left: 0;z-index: 999;background-color: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.06);padding: 24px 0 25px;box-sizing: border-box;transition: all 0.6s ease;}
.pc_header .box{display: flex;}
.pc_header .logo{display: flex;align-items: center;justify-content: flex-start;}
.pc_header .logo img{height: 50px;display: block;}
.pc_header .logo .txt{font-size: 20px;color: #6d6d6d;position: relative;padding-left: 12px;margin-left: 12px;margin-top: 14px;line-height: 20px;}
.pc_header .logo .txt::after{content: '';width: 1px;height: 18px;background-color: #dbdbdd;position: absolute;top: 2px;left: 0;}
.pc_header .headerNav{display: flex;align-items: center;justify-content: space-between;margin-top: 24px;}
.pc_header .headerNav .nLi a{color: #333;font-size: 16px;line-height: 20px;}
.pc_header .headerNav .nLi:hover a,.pc_header .headerNav .nLi#on a{font-weight: bold;color: #185ebc;}
.pc_header .cont{display: flex;justify-content: flex-end;align-items: center;margin-top: 24px;}
.pc_header .cont a{display: flex;justify-content: flex-end;align-items: center;margin-right: 14px;}
.pc_header .cont a .tit{color: #999;font-size: 16px;margin-left: 4px;line-height: 20px;}
.pc_header .cont a .icon{cursor: pointer;width: 20px;height: 20px; background: url(../images/icon_language.png) center center no-repeat;}
.pc_header .cont a:hover .tit{color: #185ebc;}
.pc_header .cont a:hover .icon{background-image: url(../images/icon_language1.png) center center no-repeat;}
.pc_header .cont .icon1{width: 20px;height: 20px;cursor: pointer; background: url(../images/icon_search.png) center center no-repeat;}
.pc_header .cont .icon1:hover{background-image: url(../images/icon_search1.png) center center no-repeat;}
.pc_header .searchBox{width: 100%;height: 80px;display:none;background-color: #fff;position: absolute;top: 100px;left:0;z-index:80;border-bottom:1px solid #eee;}
.pc_header .searchBox .box{display: flex;align-items: center;justify-content: flex-end;height: 80px;}
.pc_header .searchBox form{width: 60%;height: 44px;display: flex;align-items: center;justify-content: space-between;border: 1px solid #dddddd;border-radius: 22px;padding: 0 14px;box-sizing: border-box;margin-right: 2%;}
.pc_header .searchBox form .inputBox{width: 87%;height: 30px;font-size: 14px;border: none;}
.pc_header .searchBox form .search1{border:none;cursor:pointer;width: 20px;height: 20px;background: rgba(0,0,0,0) url(../images/icon_search.png) center center no-repeat;}
.pc_header .searchBox .inputClose{width: 30px;height: 30px; background: url(../images/iocn_close.png) center center no-repeat; background-size: 20px 20px ;cursor: pointer;}
.pc_header .searchBox form .search1:hover{opacity: 0.8;}
.pc_header .searchBox .inputClose:hover{opacity: 0.8;}

/*phone_header*/
.phone_header{width: 100%;height:50px;position:relative;top:0;left: 0;z-index: 99;padding: 0 15px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;background-color: #fff;}
.phone_header .logo{height: 32px;display: block;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.menu{width: 24px;height: 18px;position: relative;overflow: hidden;}
.menu .solid{width: 24px;height: 2px;background-color: #185ebc;transition: all 0.6s ease;}
.menu .solid1{position: absolute;top: 0;left: 0;}
.menu .solid2{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.menu .solid3{position: absolute;bottom: 0;left: 0;}
.onSolid1{transform: rotate(45deg) translateY(11px);left: 8px !important;}
.onSolid2{transform: translateX(-30px);}
.onSolid3{transform: rotate(-45deg) translateY(-11px);left: 8px !important;}
.phone_header .cont{display: flex;justify-content: flex-end;align-items: center;}
.phone_header .cont a{display: flex;justify-content: flex-end;align-items: center;margin-right: 10px;}
.phone_header .cont a .tit{color: #999;font-size: 14px;margin-left: 4px;line-height: 20px;}
.phone_header .cont a .icon{cursor: pointer;width: 20px;height: 20px; background: url(../images/icon_language.png) center center no-repeat; background-size: 18px 18px !important;}
.phone_header .cont .icon1{width: 20px;height: 20px;cursor: pointer; background: url(../images/icon_search.png) center center no-repeat; background-size: 18px 18px !important;}
.phone_header .searchBox{width: 100%;height: 50px;display:none;background-color: #fff;position: absolute;top: 50px;left:0;z-index:80;border-bottom:1px solid #eee;}
.phone_header .searchBox .box{display: flex;align-items: center;justify-content: space-between;width: 96%;margin: 0 auto;height: 50px;}
.phone_header .searchBox form{width: 90%;height: 34px;display: flex;align-items: center;justify-content: space-between;border: 1px solid #dddddd;border-radius: 17px;padding: 0 14px;box-sizing: border-box;}
.phone_header .searchBox form .inputBox{width: 87%;height: 30px;font-size: 14px;border: none;}
.phone_header .searchBox form .search1{border:none;cursor:pointer;width: 20px;height: 20px;background: rgba(0,0,0,0) url(../images/icon_search.png) center center no-repeat;}
.phone_header .searchBox .inputClose{width: 20px;height: 20px; background: url(../images/iocn_close.png) center center no-repeat; background-size: 16px 16px !important;cursor: pointer;}
.is-fixed{position: fixed;}
/*navBox*/
.navBox{width: 100%;height:100%;position: fixed;top: 50px;right: 0;z-index: 98;background-color: #001a37;display: none;}
.navBox h3{width: 100%;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.1);position: relative;}
.navBox h3 a{width: 100%;color: #fff;font-size: 16px;padding: 15px 3%;display: block;font-weight: normal;text-align: center;}


/*indexBanner*/
.indexBanner{width: 100%;}
.indexBanner .swiper-slide .contBox{width: 100%;padding: 10% 0;}
.indexBanner .swiper-slide .cont{padding: 0 15px;box-sizing: border-box;}
.indexBanner .swiper-slide .cont .tit1{font-size: 60px;color: #fff;font-weight: bold;}
.indexBanner .swiper-slide .cont .tit2{font-size: 48px;color: #fff;margin: 1% 0 6%;}
.indexBanner .swiper-slide .cont a{display: block;width: 170px;height: 56px;background-color: #185ebc;line-height: 56px;padding-left: 20px;color: #fff;font-weight: bold;font-size: 16px;position: relative;}
.indexBanner .swiper-slide .cont a::after{content: '';width: 12px;height: 2px;background-color: #fff;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;transition: all 0.6s ease;}
.indexBanner .swiper-slide .cont a:hover::after{width: 30px;}
.indexBanner .swiper-pagination{bottom: 2%;left: 0;right: 0;margin:auto;}
.indexBanner .swiper-pagination-bullet{width: 8px;height: 8px;cursor: pointer;border: 2px solid #fff;box-sizing: border-box;border-radius: 50%;transition: all 0.6s ease;opacity: 1 !important;margin: 0 6px !important;}
.indexBanner .swiper-pagination-bullet-active{background-color: #fff;}
/* .indexBanner .iconfont{width:50px;height:50px;line-height:50px;border-radius: 50%;border: 1px solid rgba(255, 255, 255, 0.4);background-image: none !important;font-size: 26px;color:#fff;text-align: center;transition: all 0.6s ease;}
.indexBanner .swiper-button-prev{left:2%;transform: rotate(-180deg);}
.indexBanner .swiper-button-next{right:2%;}
.indexBanner .swiper-button-prev:hover,.indexBanner .swiper-button-next:hover{background-color: #fff;border-color: #fff;color: #999;} */
@media (max-width:1360px){
    .indexBanner .swiper-slide .cont .tit1{font-size: 50px;}
    .indexBanner .swiper-slide .cont .tit2{font-size: 38px;}
}
@media (max-width:1200px){
    .indexBanner .swiper-slide .cont .tit1{font-size: 40px;}
    .indexBanner .swiper-slide .cont .tit2{font-size: 28px;}
    .indexBanner .swiper-slide .cont a{width: 150px;height: 50px;line-height: 50px;padding-left: 10px;font-size: 14px;}
    .indexBanner .swiper-slide .cont a::after{width: 12px;height: 2px;background-color: #fff;right: 10px;}
    .indexBanner .swiper-slide .cont a:hover::after{width: 30px;}
}
@media (max-width:992px){
    .indexBanner .swiper-slide .cont .tit1{font-size: 30px;}
    .indexBanner .swiper-slide .cont .tit2{font-size: 18px;}
    .indexBanner .swiper-slide .cont a{width: 130px;height: 40px;line-height: 40px;padding-left: 10px;font-size: 14px;}
}
@media (max-width:768px){
    .indexBanner .swiper-slide .cont .tit1{font-size: 20px;}
    .indexBanner .swiper-slide .cont .tit2{font-size: 14px;}
    .indexBanner .swiper-slide .cont a{width: 100px;height: 30px;line-height: 30px;padding-left: 10px;font-size: 12px;}
}
@media (max-width:480px){
    .indexBanner .swiper-slide .cont .tit1{font-size: 18px;}
    .indexBanner .swiper-slide .cont .tit2{font-size: 12px;}
}


/* indexTitle */
.indexTitle{width: 100%;text-align: center;}
.indexTitle .tit1{font-size: 36px;color: #333333;}
.indexTitle .tit2{font-size: 18px;color: #666666;margin-top: 6px; padding: 0 2%; box-sizing: border-box;}
@media (max-width:1200px){
    .indexTitle .tit1{font-size: 30px;}
    .indexTitle .tit2{font-size: 16px;}
}
@media (max-width:768px){
    .indexTitle .tit1{font-size: 26px;}
    .indexTitle .tit2{font-size: 14px; }
}
@media (max-width:450px){
    .indexTitle .tit1{font-size: 22px;}
    .indexTitle .tit2{font-size: 14px;}
}

/* indexService */
.indexService{width: 100%;background-color: #fff;padding: 4% 0 2%;overflow: hidden;}
.indexService ul{margin-top: 4%;display: flex;flex-wrap: wrap;}
.indexService ul li{margin-bottom: 4%;}
.indexService ul li a{display: block;width: 100%;height: 100%;}
.indexService ul li .img{width: 100%;overflow: hidden;position: relative;}
.indexService ul li .img>img{width: 100%;display: block;}
.indexService ul li .img::after{content: '';width: 100%;height: 100%;background-color: #185ebc;opacity: 0.8;position: absolute;top: 0;left: 0;opacity: 0;transition: all 0.6s ease;}
.indexService ul li .img .iconBox{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;width: 35%;height: 60%;}
.indexService ul li .img .iconBox::after{content: '';width:0;height: 100%;border-top: 2px solid #fbfbfb;border-bottom: 2px solid #fbfbfb;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);   transition: all 0.6s ease;}
.indexService ul li .img .iconBox::before{content: '';width: 100%;height: 0;border-left: 2px solid #fbfbfb;border-right: 2px solid #fbfbfb;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);    transition: all 0.6s ease;}
.indexService ul li .img .icon{width: 100%;height: 82%;padding-top: 26%;box-sizing: border-box;transition: all 0.6s ease;}
.indexService ul li .img .icon1{width: 100%;height: 18%;background: url(../images/icon_arrow.png) center center no-repeat;position: relative;opacity: 0;transition: all 0.6s ease;}
.indexService ul li .img .icon1::after{content: '';width:0;height: 2px;border-top: 2px solid #fbfbfb;position: absolute;top: 0;left: 50%;transform: translate(-50%);transition: all 0.6s ease;}
.indexService ul li .cont{width: 100%;}
.indexService ul li .cont .tit1{font-size: 18px;font-weight: bold;color: #333333;position: relative;padding-left: 50px;box-sizing: border-box;margin: 3% 0 2%;}
.indexService ul li .cont .tit1::after{content: '';width: 30px;height: 4px;background-color: #185ebc;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.indexService ul li .cont .tit2{font-size: 16px;color: #666666;text-transform: capitalize;padding-left: 50px;box-sizing: border-box;}
.indexService ul li a:hover .img::after{opacity: 0.8;}
.indexService ul li a:hover .img .icon{padding-top: 0;}
.indexService ul li a:hover .img .iconBox::after{width: 100%;}
.indexService ul li a:hover .img .iconBox::before{height: 100%;}
.indexService ul li a:hover .img .icon1{opacity: 1;}
.indexService ul li a:hover .img .icon1::after{width: 100%;}
.indexService ul li a:hover .cont .tit1{color: #185ebc;}


/* indexCustomer */
.indexCustomer{width: 100%;background-size: cover !important;padding: 4% 0;overflow: hidden;}
.indexCustomer .customer{margin-top: 4%;}
.indexCustomer .customer .bd ul{width:100%;display: table;font-size: 0;text-align: center;}
.indexCustomer .customer .bd li{background-color: #fff;margin: 0.5%;display: inline-block;vertical-align: top;overflow: hidden;}
.indexCustomer .customer .bd li img{width: 100%;display: block;transition: all 0.6s ease;}
.indexCustomer .customer .hd{ height:10px;margin-top: 2%;}
.indexCustomer .customer .hd ul{width: 100%;display: flex;align-items: center;justify-content: center;}	
.indexCustomer .customer .hd li{ float:left; width:10px; height:10px; margin:0 5px; overflow:hidden; font-size: 0;border-radius:50%; border: 2px solid #185ebc;box-sizing: border-box;}
.indexCustomer .customer .hd .on{ background:#185ebc;}
.indexCustomer .customer .bd li:hover img{transform: scale(1.1);}
@media (max-width:1360px){
    .indexCustomer .customer .bd li{width: 15.6% !important;}
}
@media (max-width:768px){
    .indexCustomer .customer .bd li{width: 32% !important;}
}
@media (max-width:450px){
    .indexCustomer .customer .bd ul{padding: 0 1%;box-sizing: border-box;}
    .indexCustomer .customer .bd li{width: 48% !important;margin-right: 2%;margin-bottom: 2%;}
    .indexCustomer .customer .bd li:nth-child(2n){margin-right: 0;}
}


/* indexAbout */
.indexAbout{width: 100%;background-color: #fff;padding: 4% 0 2%;overflow: hidden;}
.indexAbout ul{width: 100%;display: flex;align-items: flex-start;flex-wrap: wrap;}
.indexAbout ul li{margin-bottom: 4%;width: 30%;padding: 0 15px;box-sizing: border-box;margin-right: 5%;}
.indexAbout ul li:nth-child(3n){margin-right: 0;}
.indexAbout ul li .icon{width: 30px;height: 30px;background-size: 30px 30px !important;}
.indexAbout ul li .tit{color: #333;font-size: 18px;font-weight: bold;margin: 10px 0 15px;}
.indexAbout ul li .txt{color: #333;font-size: 16px;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.indexAbout ul li .txt img{ display: none;}
.indexAbout ul li .txt a{ color: #333;}
.indexAbout ul li .txt a:hover{ color: #185ebc;}
.indexAbout ul li .time{color: #999;font-size: 14px;}
.indexAbout ul li .a{display: block;width: 140px;height: 42px;border: solid 2px #185ebc;margin-top: 20px;color: #185ebc;font-size: 16px;line-height:38px;font-weight: bold;position: relative;padding-left: 20px;transition: all 0.6s ease;}
.indexAbout ul li .a::after{content: '';width: 12px;height: 2px;background-color: #185ebc;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;transition: all 0.6s ease;}
.indexAbout ul li .a:hover{background-color: #185ebc;color: #fff;}
.indexAbout ul li .a:hover::after{width: 20px;background-color: #fff;}
@media (max-width:768px){
    .indexAbout ul li{border-bottom: 1px solid #eee;padding-bottom: 5%;width: 100%;margin-right: 0;}
    .indexAbout ul li:last-child{border-bottom: none;padding-bottom: 0;}
}
@media (max-width:480px){
    .indexAbout ul li .tit{margin: 5px 0 8px;}
    .indexAbout ul li .txt{font-size: 14px;line-height: 24px;}
    .indexAbout ul li .a{margin-top: 10px;font-size: 14px;}
}

/* pc_pc_footer */
.pc_footer{width: 100%;background-color: #001a37;padding: 4% 0;}
.pc_footer .box{width: 100%;display: flex;align-items: flex-start;justify-content: space-between;}
.pc_footer .box ul{display: flex;align-items: flex-start;justify-content: flex-start;}
.pc_footer .box ul li{margin-right: 100px;}
.pc_footer .box ul li a{color: #fff;font-size: 16px;}
.pc_footer .box ul li a:hover{font-weight: bold;}
.pc_footer .box .right{width: 40px;height: 40px;position: relative;cursor: pointer;float: right;}
.pc_footer .box .right .icon{width: 40px;height: 40px;border: solid 1px rgba(251, 251, 251, 0.5);background: url(../images/icon_WeChat.png) center center no-repeat;}
.pc_footer .box .right .img{width: 100px;position: absolute;top: -108px;left: 50%;transform: translateX(-50%);display: none;box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);}
.pc_footer .box .right .img::after{content: '';width: 0;height: 0;border-top: 6px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;bottom: -6px;left: 50%;transform: translateX(-50%);}
.pc_footer .box .right:hover .img{display: block;}
.pc_footer .box .right .img img{width: 100%;height: 100px;}
.pc_footer .copyRight{font-size: 14px;line-height: 16px;color: #e6e6e6;width: 100%;display: flex;align-items: center;justify-content: space-between;margin: 30px 0 0;padding: 60px 15px 0;box-sizing: border-box;border-top: 1px solid rgba(255, 255, 255, 0.05);}
.pc_footer .copyRight a{color: #e6e6e6;}
.pc_footer .copyRight a:hover{color: #ffffff;}

/* phone_footer */
.phone_footer{width: 100%;background-color: #001a37;padding: 4% 0;}
.phone_footer .img{width: 80px;margin:  0 auto; padding: 3% 0;}
.phone_footer .img img{width: 100%;height: 100%;}
.phone_footer .txt{font-size: 14px;line-height: 16px;color: #e6e6e6;text-align: center;border-top: 1px solid rgba(255, 255, 255, 0.05);margin-top: 4%;padding-top: 4%;}
.phone_footer a{display: block;font-size: 14px;line-height: 16px;color: #e6e6e6;text-align: center;margin-top: 6px;}

/* goTop */
.goTop{width: 40px;height: 40px;border-radius: 50%;position: fixed;overflow: hidden;background-size: 28px 28px !important;background:#185ebc url(../images/icon_up.png) center center no-repeat;bottom: 6%;right: 2%;display: none;}


/* pageBanner */
.pageBanner{width: 100%;overflow: hidden;}
.pageBanner .cont{width: 100%;padding: 10% 0;}
.pageBanner .cont .title{padding: 0 15px;font-size: 60px;color: #ffffff;}
.pageBanner .cont .txt{padding: 0 15px;font-size: 24px;color: #ffffff;margin-top: 1%;display: flex;align-items: center;justify-content: flex-start;}
.pageBanner .cont .txt .tit{margin-right: 8%;position: relative;padding-left: 22px;}
.pageBanner .cont .txt .tit::after{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: #fff;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
@media (max-width:1200px){
    .pageBanner .cont .title{font-size: 40px;}
    .pageBanner .cont .txt{font-size: 20px;}
}
@media (max-width:992px){
    .pageBanner .cont .title{font-size: 30px;}
    .pageBanner .cont .txt{font-size: 18px;}
}
@media (max-width:768px){
    .pageBanner .cont .title{font-size:20px;}
    .pageBanner .cont .txt{font-size: 14px;}
}
@media (max-width:480px){
    .pageBanner .cont .title{font-size: 18px;}
    .pageBanner .cont .txt{font-size: 12px;margin-top: 3%;}
    .pageBanner .cont .txt .tit{margin-right: 4%;padding-left: 10px;}
    .pageBanner .cont .txt .tit::after{width: 4px;height:4px;}
}


/* pageBusiness */
.pageBusiness{width: 100%;overflow: hidden;}
.pageBusiness .listBox .listLi .box{padding: 100px 0;}
.pageBusiness .listBox .listLi:nth-child(4n-2){background-color: #fff;}
.pageBusiness .listBox .listLi:nth-child(4n){background-color: #f7f8fa;}
.pageBusiness .listBox .listLi:nth-child(4n-2) .left{float: left;}
.pageBusiness .listBox .listLi:nth-child(4n-2) .right{float: right;}
.pageBusiness .listBox .listLi:nth-child(4n) .left{float: right;}
.pageBusiness .listBox .listLi:nth-child(4n) .right{float: left;}
.pageBusiness .box{width: 100%;}
.pageBusiness .business .swiper-slide .slide{width: 100%;position: relative;}
.pageBusiness .business .swiper-slide .img{width: 100%;overflow: hidden;}
.pageBusiness .business .swiper-slide .img img{width: 100%;display: block;}
.pageBusiness .business .swiper-slide .cont{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.25);}
.pageBusiness .business .swiper-slide .cont .contP{width: 52%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pageBusiness .business .swiper-slide .cont .tit1{font-size: 36px;font-weight: bold;color: #ffffff;}
.pageBusiness .business .swiper-slide .cont .tit2{font-size: 16px;line-height: 30px;color: #ffffff;margin-top: 6%;}
.pageBusiness .business .swiper-slide .cont .tit2 .p{position: relative;padding-left: 14px;box-sizing: border-box;}
.pageBusiness .business .swiper-slide .cont .tit2 .p::after{content: '';width: 4px;height: 4px;border-radius: 50%;background-color: #fff;position: absolute;top: 13px;left: 0;}
.pageBusiness .business .iconfont{width:40px;height:40px;border-radius: 50%;margin-top: -20px !important;background:url(../images/icon_arrow1.png) center center no-repeat !important;transition: all 0.6s ease;}
.pageBusiness .business .swiper-button-prev{left:18px;transform: rotate(-180deg);}
.pageBusiness .business .swiper-button-next{right:18px;}
.pageBusiness .business .swiper-button-prev:hover,.pageBusiness .business .swiper-button-next:hover{background: #999 url(../images/icon_arrow1.png) center center no-repeat !important;}
.pageBusiness .contBox .title{font-size: 32px;color: #333333;}
.pageBusiness .contBox .txt{font-size: 18px;line-height: 28px;color: #666666;margin-top: 1%;}
.pageBusiness .contBox .txt span{color: #185ebc;}
.pageBusiness .contBox .titBox{display: flex;align-items: center;justify-content: flex-start;}
.pageBusiness .contBox .titBox .icon{width:30px;height: 30px;border: 2px solid #185ebc;border-radius: 50%;margin-right: 16px;position: relative;}
.pageBusiness .contBox .titBox .icon::after{content: '';width: 14px;height: 2px;background-color: #185ebc;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.pageBusiness .contBox .titBox .icon::before{content: '';width: 2px;height: 14px;background-color: #185ebc;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.6s ease;}
.pageBusiness .contBox .titBox .icon.on::before{transform: translate(-50%,-50%) rotate(90deg);}
.pageBusiness .contBox .titBox .tit{font-size: 18px;color: #333333;line-height: 30px;}
.pageBusiness .contBox .contUl{margin-top: 6%;}
.pageBusiness .contBox .contLi{margin-top: 4%;cursor: pointer;}
.pageBusiness .contBox .contLi .text{margin-left: 46px;display: none; font-size: 16px; color: #999; margin-top: 15px; line-height: 30px;}
@media (max-width:1280px){
    .pageBusiness .business .swiper-slide .cont .tit1{font-size: 30px;}
    .pageBusiness .business .swiper-slide .cont .tit2{font-size: 14px;line-height: 28px;}
    .pageBusiness .business .swiper-slide .cont .tit2 .p::after{top: 12px;}
    .pageBusiness .contBox .title{font-size: 32px;}
    .pageBusiness .contBox .txt{font-size: 14px;line-height: 26px;}
    .pageBusiness .contBox .titBox .icon{width:26px;height: 26px;}
    .pageBusiness .contBox .titBox .icon::after{width: 12px;height: 2px;}
    .pageBusiness .contBox .titBox .icon::before{content: '';width: 2px;}
    .pageBusiness .contBox .titBox .tit{font-size: 16px;line-height: 26px;}
    .pageBusiness .contBox .contLi .text{margin-left: 42px;}
}
@media (max-width:992px){
    .pageBusiness .business .swiper-button-prev{ left: 0;}
    .pageBusiness .business .swiper-button-next{right:0;}
    .pageBusiness .listBox .listLi .box{padding: 60px 0;}
    .pageBusiness .business .swiper-slide .cont .tit1{font-size: 24px;}
    .pageBusiness .contBox .title{font-size: 26px;}
}
@media (max-width:768px){
    .pageBusiness .contBox{margin-top: 2%;}
    .pageBusiness .contBox .contUl{margin-top: 1%;}
}
@media (max-width:480px){
    .pageBusiness .business .swiper-slide .cont .tit2{line-height: 24px;max-height: 100px;overflow: auto;}
    .pageBusiness .business .iconfont{width:30px;height:30px;background-size: 20px 20px !important;margin-top: -15px !important;}
    .pageBusiness .business .swiper-button-prev:hover,.pageBusiness .business .swiper-button-next:hover{background-size: 20px 20px !important;}
    .pageBusiness .business .swiper-slide .cont .contP{width: 76%;}
    .pageBusiness .business .swiper-slide .cont .tit1{font-size: 20px;}
    .pageBusiness .contBox .title{font-size: 20px;}
}


/* pageApplication */
.pageApplication{width: 100%;padding: 5% 0;background-color: #fff;}
.pageApplication .box{margin-top: 3%;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.pageApplication .contUl .contLi{margin-top: 2%;}
.pageApplication .contUl .titBox{display: flex;align-items: center;justify-content: flex-start;border: 1px solid #eee;padding: 2% 3%;box-sizing: border-box;position: relative; cursor: pointer;}
.pageApplication .contUl .titBox .iconfont{margin-right: 4%;width: 40px;height: 40px;background-size: 100% !important;}
.pageApplication .contUl .titBox .tit{font-size: 24px;color: #333333;}
.pageApplication .contUl .titBox .icon{width:30px;height: 30px;border: 2px solid #185ebc;border-radius: 50%;position: absolute;top:50%;right: 3%;transform: translateY(-50%);}
.pageApplication .contUl .titBox .icon::after{content: '';width: 14px;height: 2px;background-color: #185ebc;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.pageApplication .contUl .titBox .icon::before{content: '';width: 2px;height: 14px;background-color: #185ebc;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);transition: all 0.6s ease;}
.pageApplication .contUl .titBox .icon.on::before{transform: translate(-50%,-50%) rotate(90deg);}
.pageApplication .contUl .cont{color: #333;font-size: 16px;line-height: 30px;border: 1px solid #eee;padding: 2% 3%;box-sizing: border-box;border-top: none;display: none;}
.pageApplication .contUl .cont img{ max-width: 100%; display: none;}
@media (max-width:1200px){
}
@media (max-width:992px){
    .pageApplication .contUl .titBox .iconfont{width: 30px;height: 30px;}
    .pageApplication .contUl .titBox .tit{font-size: 20px;}
    .pageApplication .contUl .cont{font-size: 14px;line-height: 26px;}
}
@media (max-width:768px){
}
@media (max-width:480px){
    .pageApplication .contUl .titBox .iconfont{width: 24px;height: 24px;}
    .pageApplication .contUl .titBox .tit{font-size: 16px;}
    .pageApplication .contUl .titBox .icon{width:22px;height: 22px;border: 1px solid #185ebc;}
    .pageApplication .contUl .titBox .icon::after{width: 12px;height: 1px;}
    .pageApplication .contUl .titBox .icon::before{width: 1px;height: 12px;}
    .pageApplication .contUl .cont{font-size: 14px;line-height: 24px;}
}

/* pageCase */
.pageCase{width: 100%;padding: 5% 0;background-color: #f7f8fa;}
.pageCase .case{margin-top: 4%;}
/* .pageCase .case .swiper-slide{padding: 0 15px;box-sizing: border-box;} */
.pageCase .case .swiper-slide .slide{width: 100%;position: relative;}
.pageCase .case .swiper-slide .img{width: 100%;overflow: hidden;}
.pageCase .case .swiper-slide .img img{width: 100%;display: block;}
.pageCase .case .swiper-slide .cont{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-image: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0));}
.pageCase .case .swiper-slide .cont .contP{width: 60%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.pageCase .case .swiper-slide .cont .tit1{font-size: 48px;color: #ffffff;}
.pageCase .case .swiper-slide .cont .tit2{font-size: 16px;line-height: 36px;color: #ffffff;margin-top: 4%;}
.pageCase .case .swiper-slide .cont .tit2 img{ max-width: 100%; display: none;}

.pageCase .caseBox{position: relative;}
.pageCase .caseBox .iconfont{width:50px;height:50px;border-radius: 50%;margin-top: -25px !important;border: 1px solid #ddd;background:url(../images/icon_arrow2.png) center center no-repeat !important;transition: all 0.6s ease;}
.pageCase .caseBox .swiper-button-prev{left:-10%;transform: rotate(-180deg);}
.pageCase .caseBox .swiper-button-next{right:-10%;}
.pageCase .caseBox .swiper-button-prev:hover,.pageCase .caseBox .swiper-button-next:hover{background:#ccc url(../images/icon_arrow1.png) center center no-repeat !important;border-color: #ccc;}
@media (max-width:1640px){
    .pageCase .caseBox .swiper-button-prev{left:-4%;}
    .pageCase .caseBox .swiper-button-next{right:-4%;}
}
@media (max-width:1480px){
    .pageCase .caseBox .swiper-button-prev{left:0;}
    .pageCase .caseBox .swiper-button-next{right:0;}
}
@media (max-width:1200px){
    .pageCase .case .swiper-slide .cont .tit1{font-size: 44px;}
    .pageCase .caseBox .swiper-button-prev{left:0;}
    .pageCase .caseBox .swiper-button-next{right:0;}
}
@media (max-width:992px){
    .pageCase .case .swiper-slide .cont .tit1{font-size: 40px;}
    .pageCase .case .swiper-slide .cont .tit2{font-size: 16px;line-height: 36px;margin-top: 4%;}
}
@media (max-width:768px){
    .pageCase .case .swiper-slide .cont .tit1{font-size: 32px;}
    .pageCase .case .swiper-slide .cont .tit2{font-size: 14px;line-height: 30px;margin-top: 3%;max-height: 210px;overflow: auto;}
    .pageCase .caseBox .iconfont{width:38px;height:38px;}
}
@media (max-width:480px){
    .pageCase .case .swiper-slide .cont .contP{width: 70%;}
    .pageCase .case .swiper-slide .cont .tit1{font-size: 20px;}
    .pageCase .case .swiper-slide .cont .tit2{font-size: 12px;line-height: 20px;margin-top: 3%;max-height: 80px;overflow: auto;}
    .pageCase .caseBox .iconfont{width:30px;height:30px;background-size: 18px 18px !important;margin-top: -15px !important;}
}


/* pageNews */
.pageNews{width: 100%;background-color: #fff;padding: 3% 0;overflow: hidden;}
.pageNews ul li{border-bottom: 1px solid #eee;padding: 3% 0;}
.pageNews ul li:nth-child(2n-1) .imgBox{float: left;}
.pageNews ul li:nth-child(2n) .imgBox{float: right;}
.pageNews ul li .img{display: block;overflow: hidden;width: 100%;}
.pageNews ul li .img img{display: block;width: 100%;transition: all 0.6s ease;}
.pageNews ul li:nth-child(2n-1) .cont{float: right;}
.pageNews ul li:nth-child(2n) .cont{float: left;}
.pageNews ul li .cont{margin-top: 2%;}
.pageNews ul li .cont .time{font-size: 16px;font-weight: bold;color: #185ebc;}
.pageNews ul li .cont .title{font-size: 30px;color: #333333;display: block;margin: 3% 0 5%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;transition: all 0.6s ease;}
.pageNews ul li .cont .txt{font-size: 16px;line-height: 30px;color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pageNews ul li .cont .iconfont{display: block;margin-top: 7%;width: 38px;height: 20px;background: url(../images/icon_arrow4.png) center center no-repeat;transition: all 0.6s ease;}
.pageNews ul li .img:hover img{transform: scale(1.1);}
.pageNews ul li .cont:hover .title{color: #185ebc;}
@media (max-width:1200px){
    .pageNews ul li .cont .title{font-size: 26px;}
}
@media (max-width:992px){
    .pageNews ul li .cont .title{font-size: 22px;}
    .pageNews ul li .cont .time{font-size: 14px;}
    .pageNews ul li .cont .txt{font-size: 14px;line-height: 26px;}
    .pageNews ul li .cont .iconfont{font-size: 26px;}
}
@media (max-width:768px){
    .pageNews ul li .cont .title{font-size: 18px;margin: 2% 0;}
    .pageNews ul li .cont .txt{line-height: 20px;}
    .pageNews ul li .cont .iconfont{margin-top: 4%;}
}
@media (max-width:480px){
    .pageNews ul li .cont .title{font-size: 18px;margin: 2% 0 3%;}
}

/* pageNewsD */
.pageNewsD{width: 100%;background-color: #fff;padding: 3% 0;}
.pageNewsD .title{font-size: 36px;color: #000;text-align: center;}
.pageNewsD .time{ text-align: center; border-bottom: 1px solid #eee; width: 100%; display: inline-block; line-height: 20px; padding: 2% 0 3%;margin-bottom: 3%;}
.pageNewsD .time span{font-size: 16px;color: #999999; display: inline-block; vertical-align: middle; margin: 0 10px; line-height: 20px;  }
.pageNewsD .time span.t{ padding-left: 25px; background: url(../images/icon_time.png) left top no-repeat; background-size: auto 20px;}
.pageNewsD .text{font-size: 16px;line-height: 32px;color: #333333;}
.pageNewsD .text img{max-width: 100%;display: block;margin: 0 auto;}
.pageNewsD .link{width: 100%;border-top: 1px solid #eee;margin-top: 3%;padding: 3% 0;}
.pageNewsD .link p{margin: 14px 0;}
.pageNewsD .link a{display: inline-block;font-size: 16px;color: #666666;}
.pageNewsD .link a:hover{color: #185ebc;text-decoration: underline;}
@media (max-width:1200px){
    .pageNewsD .title{font-size: 30px;}
}
@media (max-width:992px){
    .pageNewsD .title{font-size: 26px;}
    .pageNewsD .iconfont{font-size: 16px;}
    .pageNewsD .iconfont span{font-size: 14px;}
    .pageNewsD .text{font-size: 14px;line-height: 28px;}
    .pageNewsD .link a{font-size: 14px;}
}
@media (max-width:768px){
    .pageNewsD .title{font-size: 22px;}
}
@media (max-width:480px){
    .pageNewsD .title{font-size: 20px;}
}



/* pageTitle */
.pageTitle{font-size: 40px;font-weight: bold;color: #333333;text-align: center;}
.pageTitle1{font-size: 36px;color: #333333;}
@media (max-width:1200px){
    .pageTitle{font-size: 30px;}
    .pageTitle1{font-size: 28px;}
}
@media (max-width:768px){
    .pageTitle{font-size: 26px;}
    .pageTitle1{font-size: 24px;}
}
@media (max-width:450px){
    .pageTitle{font-size: 22px;}
    .pageTitle1{font-size: 20px;}
}


/* pageSketch */
.pageSketch{width: 100%;background-color: #f7f8fa;padding: 5% 0;overflow: hidden;}
.pageSketch .box{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 5%;}
.pageSketch .box .img{overflow: hidden;width: 100%;}
.pageSketch .box .img img{display: block;width: 100%;}
.pageSketch .box .cont{font-size: 16px;color: #333333;padding-left: 6%; line-height: 40px; box-sizing: border-box;}
.pageSketch .box .cont img{ max-width: 100%;}
@media (max-width:992px){
    .pageSketch .box .cont{font-size: 14px;padding-left: 5%; line-height: 30px;}
}
@media (max-width:768px){
    .pageSketch .box .cont{padding-left:15px;margin-top: 2%;}
    .pageSketch .box .cont .p{margin: 2% 0;}
}

/* pageHonor */
.pageHonor{width: 100%;background-color: #fff;padding: 4% 0 !important;margin-top: 4% !important;}
.pageHonor .swiper-slide{width: 33.3333% !important;}
.pageHonor .swiper-slide .imgBox{width: 60%;overflow: hidden;padding: 0;box-sizing: border-box;margin:0 auto;/* background: url(../images/honor_bg_img1.jpg) center center no-repeat; */background-size: cover;}
.pageHonor .swiper-slide .imgBox .img{width: 100%;display: block;}
.pageHonor .swiper-slide .tit{width: 60%;margin: 2% auto;text-align: center;font-size: 20px;color: #185ebc;}
.honorBox .iconfont{width:48px;height:48px;line-height:50px;border-radius: 50%;margin-top: -24px !important;border: 1px solid #d9d9d9;background:url(../images/icon_arrow2.png) center center no-repeat !important;transition: all 0.6s ease;}
.honorBox .swiper-button-prev{left:-10%;transform: rotate(-180deg);}
.honorBox .swiper-button-next{right:-10%;}
.honorBox .swiper-button-prev:hover,.honorBox .swiper-button-next:hover{background:#ccc url(../images/icon_arrow1.png) center center no-repeat !important;border-color: #ccc;}
@media (max-width:1640px){
    .honorBox .swiper-button-prev{left:-4%;}
    .honorBox .swiper-button-next{right:-4%;}
}
@media (max-width:1480px){
    .honorBox .swiper-button-prev{left:0;}
    .honorBox .swiper-button-next{right:0;}
}
@media (max-width:1200px){
    .pageHonor .swiper-slide .tit{font-size: 18px;}
    .honorBox .swiper-button-prev{left:16px;}
    .honorBox .swiper-button-next{right:16px;}
}
@media (max-width:992px){
    .pageHonor .swiper-slide .tit{font-size: 16px;}
    .honorBox .iconfont{width:38px;height:38px;line-height:40px;font-size: 22px;margin-top: -19px !important;}
}
@media (max-width:768px){
    .pageHonor .swiper-slide{width: 50% !important;}
}
@media (max-width:480px){
    .pageHonor .swiper-slide{width: 100% !important;}
}


/* pageAbout */
.pageAbout{width: 100%;background-color: #fff;padding: 5% 0;overflow: hidden;}
.pageAbout .box{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 5%;}
.pageAbout .box .img{overflow: hidden;width: 100%;padding: 5% 5% 0 0;position: relative;z-index: 1;}
.pageAbout .box .img::after{content: '';width: 90%;height: 90%;background-color: #f3f5f7;position: absolute;top: 0;right: 0;z-index: -1;}
.pageAbout .box .img img{display: block;width: 100%;}
.pageAbout .box .cont{font-size: 16px;line-height: 38px;color: #333333;padding-right: 8%;box-sizing: border-box;}
.pageAbout .box .cont img{ max-width: 100%;}
@media (max-width:1200px){
    .pageAbout .box .cont{font-size: 14px;line-height: 26px;}
}
@media (max-width:992px){
    .pageAbout .box .cont{margin-bottom: 2%;padding-right: 15px;}
}


/* pageRecruit */
.pageRecruit{width: 100%;background-color: #f7f8fa;padding: 5% 0;overflow: hidden;}
.pageRecruit ul{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;margin-top: 3%;}
.pageRecruit ul li{margin-top: 2%;}
.pageRecruit ul li .box{width: 100%;background-color: #fff;padding: 4% 8% 8%;box-sizing: border-box;cursor: pointer;position: relative;}
.pageRecruit ul li .box .tit{font-size: 16px;color: #999999;}
.pageRecruit ul li .box .title{font-size: 26px;color: #333;font-weight: bold;display: block;margin: 2% 0 5%;}
.pageRecruit ul li .box .text{display: flex;align-items: center;justify-content: flex-start;margin-top: 3%;}
.pageRecruit ul li .box .text .icon{margin-right: 2%;width: 20px;height: 20px;}
.pageRecruit ul li .box .text .icon.icon1{ background: url(../images/iocn_address.png) center center no-repeat;}
.pageRecruit ul li .box .text .icon.icon2{ background: url(../images/iocn_people.png) center center no-repeat;}
.pageRecruit ul li .box .text .txt{color: #666;font-size: 16px;}
.pageRecruit ul li .box .a{display: flex;align-items: center;justify-content: flex-end;width: 60px;height: 50px;overflow: hidden;padding: 0 14px;box-sizing: border-box;background-color: #185ebc;position: absolute;bottom: 0;right: 0;transition: all 0.6s ease;}
.pageRecruit ul li .box .a .p{position: absolute;top: 50%;left: 18px;transform: translateY(-50%);font-size: 16px;color: #ffffff;opacity: 0;transition: all 0.6s ease;}
.pageRecruit ul li .box .a .iconfont{width: 32px;height: 8px;background: url(../images/icon_arrow.png) center center no-repeat;}
.pageRecruit ul li:hover .title{color: #185ebc;}
.pageRecruit ul li .box .a:hover{width: 120px;}
.pageRecruit ul li .box .a:hover .p{opacity: 1;}
@media (max-width:1200px){
    .pageRecruit ul li .box .tit{font-size: 14px;}
    .pageRecruit ul li .box .title{font-size: 22px;}
    .pageRecruit ul li .box .text .txt{font-size: 14px;}
    .pageRecruit ul li .box .text .icon{width: 18px;height: 18px;background-size: 18px 18px !important;}
    .pageRecruit ul li .box .a{width: 60px;height: 40px;}
}
@media (max-width:992px){
}
@media (max-width:768px){
}
@media (max-width:480px){
    .pageRecruit ul li .box .title{font-size: 18px;}
}

/* pageRecruitD */
.pageRecruitD{width: 100%;height: 100vh;background-color: #fff;overflow: hidden;margin: 0 auto;padding: 4% 4% 4% 6% ;box-sizing: border-box;}
.pageRecruitD .recruit{width: 100%;height: 100%;overflow-y:auto;padding-right: 2%;box-sizing: border-box;}
.pageRecruitD .recruit .title{font-size: 28px;color: #333333;font-weight: bold;}
.pageRecruitD .recruit .tit{font-size: 16px;color: #444;margin-top: 2%;} 
.pageRecruitD .recruit .tit span{margin: 0 2%;color: #999;}
.pageRecruitD .recruit .text{font-size: 16px;line-height: 36px; padding-top: 40px; color: #666666;}
.pageRecruitD .recruit .text img{ max-width: 100%;}
.pageRecruitD .recruit .a{display: block;width: 190px;height: 56px;background-color: #185ebc;line-height: 56px;padding-left: 20px;color: #fff;font-weight: bold;font-size: 16px;position: relative;margin-top: 4%;}
.pageRecruitD .recruit .a::after{content: '';width: 12px;height: 2px;background-color: #fff;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;transition: all 0.6s ease;}
.pageRecruitD .recruit .a:hover::after{width: 30px;}
@media (max-width:1200px){
    .pageRecruitD .recruit .title{font-size: 24px;}
    .pageRecruitD .recruit .tit{font-size: 14px;} 
    .pageRecruitD .recruit .text{font-size: 14px;line-height: 30px;}
    .pageRecruitD .recruit .a{width: 170px;height: 50px;line-height: 50px;}
}
@media (max-width:992px){
}
@media (max-width:768px){
}
@media (max-width:480px){
    .pageRecruitD .recruit .title{font-size: 20px;}
    .pageRecruitD .recruit .a{width: 150px;height: 40px;line-height: 40px;font-size: 14px;}
}



/* pageMessage */
.pageMessage{width: 100%;background-color: #fff;padding: 5% 0;}
.pageMessage form{width: 100%;margin: 3% 0 0;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.pageMessage form .p{font-size: 16px;color: #666;}
.pageMessage form .p span{color: #ff0000;}
.pageMessage form .txt.w1{width: 100%;font-size: 16px;color: #333;line-height: 20px;display: block;padding: 0 10px;height: 50px;background-color: #f2f5f7;border: none;box-sizing: border-box;margin: 14px 0 30px;}
.pageMessage form .txt.w2{width: 100%;font-size: 16px;color: #333;line-height: 20px;display: block;height:140px;resize: none;padding: 10px;background-color: #f2f5f7;border: none;box-sizing: border-box;margin: 14px 0 30px;}
.pageMessage form .tit{font-size: 14px;color: #999999;}
.pageMessage form .tit span{color: #ff0000;}
.pageMessage form .int,.pageMessage form #vercodeimg,.pageMessage form .button{ display: inline-block; vertical-align: top; margin-top: 3%; font-size: 0;}
.pageMessage form .int input{ width: 100%;font-size: 16px;color: #333;line-height: 20px;display: block;padding: 0 10px;height: 56px;background-color: #f2f5f7;border: none;box-sizing: border-box;}
.pageMessage form #vercodeimg{ width: 10%; height: 56px; margin: 3% 0.5% 0;}
.pageMessage form .button{width: 15%;height: 56px;background-color: #185ebc;border: none;line-height: 56px;padding-left: 20px;text-align: left;color: #fff;font-weight: bold;font-size: 16px;position: relative;}
.pageMessage form .button::after{content: '';width: 12px;height: 2px;background-color: #fff;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;transition: all 0.6s ease;}
.pageMessage form .button:hover::after{width: 30px;}

@media (max-width:1200px){
}
@media (max-width:992px){
    .pageMessage form .button::after{ display: none;}
}
@media (max-width:768px){
    .pageMessage form .p{font-size: 14px;}
    .pageMessage form .txt.w1{font-size: 14px;height: 40px;margin: 10px 0 20px;}
    .pageMessage form .txt.w2{font-size: 14px;height:120px;margin: 10px 0 20px;}
    .pageMessage form .int input{ height: 50px;}
    .pageMessage form #vercodeimg{ width: 20%; height: 50px; }
    .pageMessage form .button{width: 100%;height: 50px;line-height: 50px;font-size: 14px;}
}
@media (max-width:680px){
}
@media (max-width:480px){
    .pageMessage form .txt.w1{margin: 5px 0 10px;}
    .pageMessage form .txt.w2{margin: 5px 0 10px;}
    .pageMessage form .int input{ height: 40px;}
    .pageMessage form #vercodeimg{ width: 20%; height: 40px; }
    .pageMessage form .button{width: 20%;height: 40px;line-height:40px;}
}


/* pageContact */
.pageContact{width: 100%;background-color: #f7f8fa;padding: 3% 0 2%;}
.pageContact .contact{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.pageContact .contact .hd ul li{font-size: 20px;color: #333333;position: relative;cursor: pointer;margin: 14% 0;transition: all 0.6s ease;}
.pageContact .contact .hd ul li span{ display: inline-block; vertical-align: middle; }
.pageContact .contact .hd ul li em{width: 30px;height: 2px;background-color: #b3b3b3; display: inline-block; vertical-align: middle; transition: all 0.6s ease; margin-left: 30px;}
.pageContact .contact .hd ul li.on{color: #185ebc;font-size: 30px;font-weight: bold;}
.pageContact .contact .hd ul li.on em{width: 60px;background-color: #185ebc;}
.pageContact .contact .bd ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.pageContact .contact .bd ul li .cont{background-color: #fff;border-top: 3px solid #185ebc;padding: 6% 8%;box-sizing: border-box;margin: 2% 0;}
.pageContact .contact .bd ul li .cont .title{color: #111;font-size: 24px;font-weight: bold;}
.pageContact .contact .bd ul li .cont .tit{color: #999;font-size: 16px;margin: 3% 0 8%;}
.pageContact .contact .bd ul li .cont .tit1{color: #666;font-size: 16px;margin-top: 4%;}
.pageContact .contact .bd ul li .cont .tit2{color: #111;font-size: 16px;margin-top: 2%;}
@media (max-width:1200px){
    .pageContact .contact .hd ul li{font-size: 18px;}
    .pageContact .contact .hd ul li.on{font-size: 26px;}
}
@media (max-width:992px){
}
@media (max-width:768px){
    .pageContact .contact .hd ul{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap;}
    .pageContact .contact .hd ul li{margin: 0;padding-bottom: 20px;width: 25%;text-align: center;}
    .pageContact .contact .hd ul li.on{font-size: 18px;}
}
@media (max-width:480px){
    .pageContact .contact .bd ul li .cont{padding: 4% 6%;}
    .pageContact .contact .bd ul li .cont .title{font-size: 18px;}
    .pageContact .contact .bd ul li .cont .tit{font-size: 14px;margin: 3% 0 6%;}
    .pageContact .contact .bd ul li .cont .tit1{font-size: 14px;}
    .pageContact .contact .bd ul li .cont .tit2{font-size: 14px;}
}


/* pageInformation */
.pageInformation{width: 100%;background-color: #f7f8fa;padding: 3% 0;border-top: 1px solid #e6e6e6;}
.pageInformation .information{display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
.pageInformation .information .title{font-size: 18px;color: #333333;}
.pageInformation .information .text{display: flex;align-items: flex-start;justify-content:flex-start;flex-wrap: wrap;}
.pageInformation .information .text .titBox{display: flex;align-items: flex-start;justify-content:flex-start;padding: 0 !important;}
.pageInformation .information .text .titBox .iconfont{margin-right: 3%;width: 30px;height: 30px;background-size: 30px 30px !important;}
.pageInformation .information .text .titBox .tit{font-size: 16px;color: #333333;line-height: 30px;}
@media (max-width:1200px){
    .pageInformation .information .title{font-size: 16px;}
    .pageInformation .information .text .titBox .iconfont{width: 24px;height: 24px;background-size: 24px 24px !important;}
    .pageInformation .information .text .titBox .tit{font-size: 14px;color: #333333;line-height: 24px;}
}
@media (max-width:992px){
}
@media (max-width:768px){
    .pageInformation .information .title{text-align: center;}
    .pageInformation .information .text .titBox{margin-top: 2%;}
}
@media (max-width:480px){
    .pageContact .contact .bd ul li .cont{padding: 4% 6%;}
    .pageContact .contact .bd ul li .cont .title{font-size: 18px;}
    .pageContact .contact .bd ul li .cont .tit{font-size: 14px;margin: 3% 0 6%;}
    .pageContact .contact .bd ul li .cont .tit1{font-size: 14px;}
    .pageContact .contact .bd ul li .cont .tit2{font-size: 14px;}
}

/* 招聘详情弹窗 */
.jquery-lightbox-overlay{background: #000000;}
.jquery-lightbox-move{width:64%;display: none;left: 50% !important;transform: translateX(-50%);}
@media (max-width:1200px){
    .jquery-lightbox-move{width: 74%;}
}
@media (max-width:992px){
    .jquery-lightbox-move{width: 80%;}
}
@media (max-width:768px){
    .jquery-lightbox-move{width: 94%;}
}
.jquery-lightbox{ position:relative;top: 0;left: 0; background-color: #fff;padding:0; margin:0;
    width: 100% !important;height: 70vh !important;}
@media (max-width:480px){
    .jquery-lightbox{height: 90vh !important;}
}
.jquery-lightbox-html{width: 100% !important;height: 100% !important;}
.jquery-lightbox-background{display: none;}
iframe{width: 100% !important;height: 100% !important;}
.jquery-lightbox-button-close{position:absolute;top:4%; right:6%;width:30px;height:30px;border: 2px solid #999;box-sizing: border-box;background:#fff url(../images/iocn_close.png) center center no-repeat;border-radius: 50%;background-size: 14px 14px;transition: all 0.6s ease;}
.jquery-lightbox-button-close:hover{transform: rotate(360deg);}
.jquery-lightbox-button-close SPAN{display:none;}
.jquery-lightbox-buttons SPAN{display:none;}
.jquery-lightbox-navigator{display: none;}

/* fenye */
.pages{margin-top:80px; text-align:center; font-family: 'Averta-Regular'; font-size:16px;}
.pages .mpage{display:inline-block;}
.pages a{display:inline-block; padding:10px 15px; text-align:center; background-color: #eee; color:#333; transition:all 0.3s; -webkit-transition:all 0.3s; margin:0px 5px;}
.pages a:hover,.pages a.on{color:#fff; background:#185ebc;}

@media screen and (max-width:768px){
.pages{margin-top:60px;}
.pages .mpage{display:none;}
}

@media screen and (max-width:640px){
.pages{margin-top:40px;}
}

/*404*/
.h404{position:fixed; width:100%; height:100%; background:#FFF;}
.h404 .cont{position:absolute;top:50%; left:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center;width:100%;}
.h404 .cont .txt{display:inline-block; font-size:28px; padding-left:55px; background:url(../images/ico20.png) left center no-repeat; color:#333; line-height:40px;}
.h404 .cont .img{width:311px;margin:60px auto 80px auto;}
.h404 .cont .back{display:block;width:300px; height:42px; border:2px solid #241916; color:#241916; line-height:42px; text-align:center;margin:0px auto; font-weight:bold; transition:all 0.5s; -webkit-transition:all 0.5s;}
.h404 .cont .back:hover{color:#FFF; background:#241916;}

@media screen and (max-width:480px){
.h404 .cont .txt{font-size:20px; padding-left:40px; background-size:25px auto;}	
.h404 .cont .img{width:230px; margin: 40px auto 60px auto;}
.h404 .cont .back{width:250px;}
}