.language_btn{position: relative;}
.language_list{position: absolute;display: none;right: 0;}
.language_btn:hover .language_list{display: block;}

.bg-base{background: rgba(32, 123, 230, 1);}
.text-base{color: rgba(32, 123, 230, 1);}

.innerpage.container-fluid{max-width: 1560px;}

.menu_btn .ico{width: 18px;height: 2px;background: #000;position: relative;transition: all .3s;}
.menu_btn .ico:before,.menu_btn .ico:after{content: '';position: absolute;display: block;width: 18px;height: 2px;left: 0;background: #000;transition: all .3s;}
.menu_btn .ico:before{top: -6px;}
.menu_btn .ico:after{bottom: -6px;}
.menu_btn:focus{box-shadow: none;}
.menu_btn.active .ico{background: transparent;}
.menu_btn.active .ico:before{top: -6px;transform: rotate(45deg);top: 0;}
.menu_btn.active .ico:after{bottom: -6px;transform: rotate(-45deg);bottom: 0;}

.wap_slide_menu{position: absolute;left: 100%;transition: all .3s;width: 100%;z-index: 3;}
.wap_slide_menu.active{left: 0;}
.pc_top_nav{position: relative; z-index: 9;}
.pc_top_nav .nav-item{position: relative;}
.pc_top_nav .nav-item .submenu{position: absolute;top: -500%;transition: all 1.3s;z-index: 9;}
.pc_top_nav .nav-item:hover .submenu{top: auto;}

.banner .swiper-slide{position: relative;}
.banner_label{position: absolute;top: 50%;transform: translateY(-50%);}
.pcbanner .banner_label p:first-child{font-size: 168px;font-weight: bold;color: #fff;text-shadow: 5px 5px 5px #000;}
.pcbanner .banner_label p:last-child{font-size: 48px;color: #fff;text-shadow: 5px 5px 5px #000;}
.wapbanner .banner_label p:first-child{font-size: 68px;font-weight: bold;color: #fff;text-shadow: 5px 5px 5px #000;}
.wapbanner .banner_label p:last-child{font-size: 28px;color: #fff;text-shadow: 5px 5px 5px #000;}
.banner .swiper-pagination{bottom: 0!important;top: unset!important;}

.service .cover{width: 100%;height: 100%;position: absolute;background-color: rgba(0, 0, 0, .35);z-index: 9;top: 0;left: 0;transition: all .3s;}
.service .innerbox{position: absolute;left: 0;right: 0;margin: auto;z-index: 10;top: 50%;transition: all .3s;}
.service .innerbox p{opacity: 0;transition: all .3s;}
.service img{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(1);}
.service .service_li:hover .cover{background-color: rgba(32, 123, 230, .7);}
.service .service_li:hover .innerbox p{opacity: 1;}
.service .service_li:hover .innerbox{top: 25%;}

.case{background: url(../images/casebg.jpg) left bottom;background-size: cover;background-attachment: fixed;}
.case .case_li{overflow: hidden;}
.case .cover{position: absolute;left: 0;top: 100%;background-color: rgba(32, 123, 230, .7);width: 100%;height: 100%;transition: all .3s;}
.case .innerbox{position: absolute;left: 0;right: 0;margin: auto;z-index: 10;top: 50%;transition: all .3s;opacity: 0;}
.case .case_li:hover .cover{top: 0;}
.case .case_li:hover .innerbox{opacity: 1;top: 25%;}

.news{background: url(../images/newsbg.jpg) center bottom; background-size: cover;background-attachment: fixed;}
.news .news_date{width: 60px;background-color: #f0f2f5; border: 1px solid #e2e3e8;transition: all .3s;}
.news .news_li{transition: all .3s;background-color:#f8f9fa;}
.news .news_li:hover{background-color: rgba(32, 123, 230, .7);color: #fff;}
.news .news_li:hover .news_date{background-color: rgba(32, 123, 230, 1);}

.foot_info{background-color: #000;}

.innerbanner .title{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);}
.innerpage .title_line{width: 81px;background: rgba(32, 123, 230, 1);height: 5px;}