.mainwrapper{width:1440px; margin: 0px auto; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.2);}
.header {height: 90px; z-index: 999; position: fixed; top:0;width: 1440px; background: rgb(255,255,255,1); box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);-webkit-transition: all .5s ease;transition: all .5s ease;}
.wrapper{width:auto; padding: 0 4%;}
.header .wrapper{width:auto; padding: 0 3%;}
.header .logo {margin:20px 0 0; display:block;float:left; background:url(../image/logo.png) no-repeat center;width:350px; height:50px; background-size: 100%;-webkit-transition: all .5s ease;	transition: all .5s ease;}
.topblank{min-height: 90px;}
.phone{float:right; line-height: 90px; font-size: 18px; font-family: 'Montserrat';color: #0074e0; background:url(../image/phone.png) no-repeat left center; padding-left: 28px;}
.phone span{font-size: 16px;}
.navmenu{position:relative;height:90px; margin-right:40px}
.navmenu ul >li.navitem {float:left;display:block;list-style:none;font-size: 16px;text-align:center;line-height:90px;position:relative;margin:0;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;}
.navmenu ul >li.navitem a{display:block;text-align:center;color: #333;position: inherit;z-index: 3;transition:all .3s;}
.navmenu ul >li.navitem >a {padding: 0 28px;}
.navmenu ul >li.navitem::after {content: "";position: absolute;bottom: 20px;left: 0;right: 0;width: 0px;height: 2px;margin: 0 auto;background: #0074e0;transition: all .35s;z-index: 2;opacity: 0;}
.navmenu ul >li.navitem.hover::after,.navmenu ul >li.navitem:hover::after {width: 35px;bottom: 20px;opacity: 1;}
.navmenu ul >li.navitem.hover >a,.navmenu ul >li.navitem:hover >a {color: #0074e0;}

.navmenu ul >li.navitem .subnav {position: absolute;margin-top: 15px;width: 180px;visibility: hidden;opacity: 0;transition: all .5s;-moz-transition: all .5s; -0-transition: all .4s;-webkit-transition: all .5s;left: 5px;background: #fff;z-index: 109;border-radius: 5px;}
.navmenu ul >li.navitem .subnav dd {overflow: hidden;}
.navmenu ul >li.navitem .subnav dd a:hover {background-color: #eee;}
.navmenu ul >li.navitem .subnav dd:first-child { margin-top: 15px;}
.navmenu ul >li.navitem .subnav a {display: block;height: 35px;font-size: 14px;line-height: 35px;text-align: left;padding: 0 20px; position: relative;}
.navmenu ul >li.navitem .subnav a i { position: absolute; right:15px; top:14px; display: inline-block; width: 7px; height: 7px; border-right: 1px solid #bbb; border-top: 1px solid #bbb; border-left: 0; border-bottom: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); vertical-align: middle;}
.navmenu ul >li.navitem:hover .subnav {visibility: visible;opacity: 1;margin-top: 10px;overflow: visible;}
.navmenu ul >li.navitem .subnav dd:last-child{border-bottom:0;margin-bottom: 15px;}
.navmenu ul >li.navitem .subnav::before {content: "";position: absolute;right: 0;top: -16px;left: 48px;display: block;width: 0;height: 0;border: 8px solid transparent;border-bottom: 8px solid #FFF;}
.navmenu ul >li.navitem .subnav dd a:hover{color: #0074e0;padding: 0 20px 0 25px;}
.navmenu ul >li.navitem .subnav dd a:hover i{border-right: 1px solid #0074e0; border-top: 1px solid #0074e0;}


.banner{height: 100%;width: 100%; text-align: center;position: relative;}
.PC_ban{display: block;}
.Mob_ban,.Fast-nav{display: none;}
.banner .swiper-button-next,.banner .swiper-button-prev{background: url(../image/rightjt.png) no-repeat center center;width: 40px;height: 40px; border-radius:50%; border:1px solid #fff;right:0px;}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-prev {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;overflow: hidden;}
.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 8px;width: 12px;border-radius: 4px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:22px !important;background: #ffff00 !important;opacity: 1 !important;}
.banner .swiper-button-next{right: 40px!important;left: auto!important; display: none;}
.banner .swiper-button-prev{left: 40px!important;display: none;}
@media(max-width:1024px){
	.PC_ban{display: none;}
	.Mob_ban{display: block;}
	.banner .swiper-pagination{bottom:5px;}
	.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 8px;width: 8px;margin: 0 3px;}
	.banner .swiper-pagination-bullet-active{width:15px !important;}
	.banner .swiper-button-next,.banner .swiper-button-prev{width:25px;height:25px;right:0; background-size:80%;}
	.banner .swiper-button-next{right: 10px!important;left: auto!important;}
	.banner .swiper-button-prev{left: 10px!important;}
}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}

.pd80{padding: 70px 0;}
.serviceitem{padding: 40px 0 0;}
.serviceitem ul{margin:0 -8px}
.serviceitem li{float:left; width:20%;moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; transition:all .5s ease;}
.servicebox{background:#fcfcfc; margin:8px; padding:0; border-radius:5px; border: 1px solid #e2e2e2;}
.itemimg{ text-align: center;}
.itemfont{padding-top:0; padding-bottom:20px; text-align:center; font-size:20px; line-height:1;}
.serviceitem li:hover{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
.homewrap{background: #dae6f2; background-size: cover; margin: 0px auto; max-width: 1920px;display: flex; flex-direction: row; display: -webkit-flex; align-items: center; justify-content: space-between; -webkit-justify-content:space-between; -webkit-align-items:center}
.home-l{ width:50%}
.home-r{ width:50%}
.homewrap .newsmore{border:1px solid #000;color: #000;}
.homewrap .newsmore:hover{background: #0074e0; border:1px solid #0074e0; color: #fff;}
.homepadd{padding: 0 8%;}
.homefont{font-size: 16px; color: #000; line-height: 2; padding: 30px 0;}
.homefont p{padding: 5px 0;}
.hometitle { line-height: 1.4; color: #333; font-size: 30px;}
.newsmore{border:1px solid #ddd; border-radius: 5px; line-height: 40px; width:120px; text-align: center; display: block; transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;}
.newsmore:hover{background-image: linear-gradient(-90deg, #00a2eb, #0074e0); border: 1px solid #018be5; color: #fff;}
@media(max-width:1480px){
	.hometitle {font-size: 24px;}
	.homefont{font-size: 14px; line-height: 1.8; padding: 20px 0;}
}
.partner{padding: 10px 0 0;}
.partner ul{display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between; flex-direction: row;}
.partner li{width:22%; border: 1px solid #E5E5E5; margin-top:30px}
.partner img{ max-width:80%; display: block; margin: 0px auto;}

.aboutcontent{font-size: 16px; line-height: 2; padding: 50px 0; color: #555;}
.aboutcontent p{padding: 5px 0;}
.aboutcontent .en{font-size: 14px; line-height: 1.6;}

.contactinfo{float:left; width:50%;line-height:2.5; padding-top: 20px;}
.contactimg{float:right; width:50%}
.mapok{width:100%; height: 400px; font-size: 12px;}
.abouttitlebox{padding:50px 0 0}
.entit{ text-transform: uppercase; font-size:16px; color:#777; line-height:1.5; text-align: center;}
.abouttitle{ font-size:26px; font-weight: bold; line-height:50px; text-align: center; }
.abouttitle:before,.abouttitle:after{ content: ''; width:25px; height:2px; background:#0074e0; margin:7px 10px; display: inline-block;}

.footer{background:#20252b; color:#a2afbe;font-family:'Montserrat';}
.foot{width:100%; line-height: 32px; padding:40px 0;}
.foot-left{float:left;}
.foot-left .fl{}
.foot-left .fl img{padding-top: 5px; padding-right: 40px; width:100px}
.foot-right{float:right; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 50px;}
.footer span{display: inline-block; width:260px}
.footer strong{font-size: 16px; font-weight: normal; color: #fff;}
.footer h2{font-size: 16px; color: #fff; margin-bottom: 5px;}
.footer a{color: #a2afbe;}
.footer a:hover{color: #fff;}
@media(max-width:1480px){
	.mainwrapper{width:1200px;}
	.header {width: 1200px;}
	.foot-right{display: none;}
}

.mbmenu { display:none;}
.mbmenu .navmb{transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s; -webkit-transition-duration:.5s;}
.nav__trigger {display: block;position:fixed; width: 56px; height: 50px; box-sizing: border-box; -webkit-box-sizing: border-box; padding: 9px 0 0 13px; right:0px; top: 0px; z-index: 99997; background: #0074e0;}
.nav--active .nav__trigger {opacity:1;}
.nav__icon {display: inline-block;position: relative;width: 30px;height: 2px;background-color:#fff;-webkit-transition-property: background-color, -webkit-transform;transition-property: background-color, -webkit-transform;transition-property: background-color, transform;transition-property: background-color, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 30px;height: 2px;position: absolute;background: #fff;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;
transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.nav__icon:before {margin-top:-9px;}
.nav__icon:after {margin-top:9px;}
.mbmenu .navmb { position:fixed; z-index:99996;top:50px;width: 70%;height: 100%;right:0; background:rgba(40,40,40,0.98);right:-100%;}
.mbmenu .navbg {position: fixed;left: 0px; top:50px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1001; display: none;}
.mbmenu .nav--active .navbg {display: block;}
.mbmenu .nav--active .navmb {right:0;}
.mbmenu .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.mbmenu .nav--active .nav__icon:before { margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.mbmenu .nav--active .nav__icon:after {margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
@media(max-width:1024px){
	.banner .swiper-pagination{}
	.hidden_pc{display: none;}
	.hidden_mob{display: block;}
	.banner .swiper-button-next{width:25px;height:25px;right:0; background-size:80%;}
	.banner .swiper-button-next{right: 10px!important;left: auto!important;}
	.banner .swiper-button-prev{left: 10px!important;}
}
@media(max-width:1024px){
	.wrapper{width:auto; padding: 0 2.5%;}
	.mainwrapper{width:auto; margin: 0px auto; background: none; box-shadow:none;}
	.topblank{min-height: 50px;}
	.header .navmenu,.phone{display: none;}
	.header {height: 50px;border-top:0px solid #0074e0;width: 100%;}
	.header .wrapper{width:auto; padding: 0 2.5%;}
	.header.active2 { height:50px;}
	.header .logo {margin:8px 0 0; width:245px; height:35px;}
	.header.active2 .logo {margin:8px 0 0; width:245px; height:35px;}

	.mbmenu { display:block;}
	.accordionmenu {margin:10px 15px 0}
	.accordionmenu i{background:url(../image/mbtel.png) no-repeat; width: 19px; height: 19px; background-size: 100%; vertical-align: middle; display: inline-block; margin: 0 8px 0 12px;}
	.accordionmenu ul { display:block;float:none; text-align:left;}
	.accordionmenu li { position:relative;border-bottom: 1px solid #444; display:block;width:100%;margin:0;color:#ccc}
	.accordionmenu li:last-child{border-bottom:0; line-height: 45px;}
	.accordionmenu a {display: block;border-width:0;line-height:45px;padding-left:10px;color:#ccc}
	.accordionmenu li .link {cursor: pointer;display: block;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;height:45px; line-height:45px;color:#ccc;padding-left:10px; background: url(../image/icon-plus.png) no-repeat 98% 50%;background-size:16px auto !important;}
	.accordionmenu li .link a {color:#ccc;font-size:14px;}
	.accordionmenu li.open .link { background:url(../image/icon-minus.png) no-repeat 98% 50%; color: #fff;}
	.accordionmenu .submenu {display:none; padding: 0 0 20px;}
	.accordionmenu .submenu dd { height:34px; line-height:34px;}
	.accordionmenu .submenu dd a:before{content: ''; width:3px; height:3px; background: #666; display: inline-block; vertical-align: middle; margin-right:8px;}
	.accordionmenu .submenu dd a { display:block;color:#ddd;}
	.accordionmenu .submenu dd a:hover {color:#fff}
	
	.homewrap{ max-width: 100%;flex-direction:column;}
	.home-l{ width:100%}
	.home-r{ width:100%}

	.homepadd{padding: 20px 2.5%;}
	.homefont{font-size: 14px; line-height: 1.6; color:#444444; padding: 10px 0 15px;}
	.newsmore{border-radius: 2px; line-height: 30px; width:80px; font-size: 12px;}
	
	.hometitle { line-height: 1.4; font-weight: bold; font-size: 16px;}

	.serviceitem{padding: 5px 0 0;}
	.serviceitem ul{margin:0}
	.serviceitem li{width:32%; margin-right: 2%; margin-top: 2%;}
	.serviceitem li img{max-width: 80%; display: block; margin:0px auto;}
	.serviceitem li:nth-child(3n){margin-right:0;}
	.servicebox{margin:0; padding:0;}
	.itemimg{ text-align: center; padding:0 3%}
	.itemfont{padding-top:0; font-size:14px; padding-bottom: 15px;}

	.footer{background:#0074e0; color:#fff;}
	.foot{width:100%; line-height:1.5; padding:10px 0; font-size: 13px;}
	.foot-left{float:none; text-align: center;}
	.foot-left h2{display: none;}
	.foot-left .fl{float:none; padding-top: 8px;}
	.foot-left .fl a{color:#fff;}
	.foot-left .fl img{padding-top: 5px; padding-right: 0px; width:100px}
	.foot-right{float:none; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 50px; display: none;}
	.footer span{display: block; width:100%}
	.footer strong{font-size: 14px;}
	.footer h2{font-size: 14px; margin-bottom: 0px; line-height: 1;}
	
	.pd80{padding: 20px 0;}
	.aboutcontent{font-size: 14px; line-height: 1.8; padding: 20px 0;}
	.abouttitlebox{padding:20px 0 0}
	.entit{ font-size:12px; color:#999999}
	.abouttitle{ font-size:16px; line-height:30px;}
	.abouttitle:before,.abouttitle:after{ width:10px; margin:5px 8px;}
	
	.partner{padding: 15px 0 0;}
	.partner li{width:32%; margin-top: 1%;}
	.partner img{ max-width:94%;}
	
	.contactinfo{float:none;width:100%; line-height:2; padding-top: 0px;}
	.contactimg{float:none; width:100%;padding-top: 20px;}
	.mapok{height:300px}
}


.toolbar {position: fixed; z-index: 999; right: 2px;bottom: 150px; width: 65px;}
.toolbar .toolitem {position: relative; width: 65px; padding: 5px 0; background: #0074e0; margin-top: 2px; text-align: center; color: #fff;}
.toolbar .toolitem p{line-height: 20px; font-size: 12px;}
.toolbar .toolitem:hover {background:#ff6600}
.toolbar .toolitem:hover .toolbox {opacity: 1;display: block;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.toolbar .toolbox {display: none;position: absolute;text-align: center;right: 72px;top: 25px;width: 150px;height: auto; padding: 15px 10px 15px 15px; opacity: 0; background: #fff;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border:1px solid #e2e2e2;border-radius:3px;box-shadow:0px 2px 4px rgba(161, 163, 175, 0.1);}
.toolbar .toolbox img{width:110px}
.toolbar .tooltit {font-size: 14px; color: #444; line-height: 24px; text-align: left;}
.toolbar .toolfont {text-align: left; margin: 8px 0; font-size: 18px;font-weight: bold;color: #ff6600;}
.toolbar .tooltext {color: #444;text-align: left;}
.toolbar .toolitem:hover .arrow{position:absolute; width:8px;height:12px; background:url(../image/kefu_arrow.png) no-repeat; right:65px; top:30px; z-index: 99;}
.toolbar .tce{text-align: center; margin-bottom: 5px;}
.toolbar a {display: block; color: #fff;}
.wxico{width:46px; height: 40px; margin: 0px auto; display:block; background: url(../image/wxico.png);}
.jtico{width:46px; height: 40px; margin: 0px auto; display:block; background: url(../image/zxico.png);}
.telico{width:46px; height: 40px; margin: 0px auto; display:block; background: url(../image/telico.png);}
@media(max-width:1024px){
	.toolbar{display: none;}
}