@charset "UTF-8";
.container,.head_main,.wrap,.inx-main{padding-right: 15px;padding-left: 15px;margin:0 auto;}
@media (min-width: 768px) {
	.wrap,.container{ width: 750px;}
}
@media (min-width: 992px) {
    .wrap,.container,.head_main,.inx-main{width: 970px;}
}
@media (min-width: 1260px) {
 	.wrap,.container,.head_main,.inx-main{ width: 1230px;}
}
@media (min-width: 1460px) {
  .wrap,.container,.head_main,.inx-main{ width: 1430px;}
}
@media (min-width: 1680px) {
  .head_main,.inx-main{ width: 1430px;}
}
@media (min-width: 1920px) {
  .head_main{ width: 1630px;}
  .inx-main{width: 1630px;}
  .foot .head_main{padding: 0;}
  .header .head_main{padding: 0 0 0 25px;}
}
  /* 滚动条 */
.scrollbar {
  overflow-y: auto;    padding-right: 10px;
}


.scrollbar::-webkit-scrollbar {
  width: 3px;   
  background-color: #dcdbdb;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #d30c2e;
  border-radius: 10px;   
}

.scrollbarX {
  overflow-X: auto;    padding-right: 10px;
}


.scrollbarX::-webkit-scrollbar {
  height: 3px;   
  background-color: #dcdbdb;
}
.scrollbarX::-webkit-scrollbar-thumb {
  background-color: #d30c2e;
  border-radius: 10px;   
}
/* 多行省略 */
.text-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-line-clamp: 3;
    /* -webkit-line-clamp: 4;行数外省略 */
    -webkit-box-orient: vertical;
}
.text-over5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
	-webkit-line-clamp: 5;
    /* -webkit-line-clamp: 4;行数外省略 */
    -webkit-box-orient: vertical;
}

.header {z-index: 1000;height: 100px;width: 100%;position: absolute;}
/* -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); */}
.header.on{height: 100px;background: rgba(0,0,0,.4);}
.header.scroll{position:fixed;background:#fff;}
.header.scroll .category-item .category-a{color:#333;}
.header.scroll .bt-search .sub-bot {background: url(../img/icon-searchh1.png) no-repeat center transparent;}
/*===============下拉==============*/
.header .logo{display: inline-block; margin: 20px 0; float: left;transition: all .5s;}
.header .logo img{display: block;width: 100%;}
.header .logo img.logo2,.header.scroll .logo img.logo1{display:none;}
.header.scroll .logo img.logo2{display:block;}

.navbar{float: none;margin-right: 18px;}
.navbar *{-webkit-box-sizing: border-box;box-sizing: border-box;}
.category-item{float: left;padding: 0 23px;}
.category-item-single{position: relative;}
.category-a{padding: 0 6px 9px;display: block;font-size: 17px;line-height: 47px;color: #fff;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;position: relative;}
.category-a i{margin-right: 10px;}
.category-a.on, .category-a:hover,.category-item.category-item-single:hover .category-a{color: #c4181f;}
.category-a::after{content: '';width:0;height: 3px;background: 003a81;background-size: cover; position: absolute;bottom: 0;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
/* .category-item.active .category-a::after,
.category-item:hover .category-a::after{width: 100%;} */
.category-item.active .category-a,.category-item:hover .category-a{color: #fff;font-weight: bold;border-bottom: 2px solid #fff;}
/* .category-item.active .category-a{font-weight: bold;} */
.header.on .header-top{height: 0;opacity: 0;display: none;}
.dropdown-menu.full-screen { position: absolute; top: 100%; z-index: 1100;background-color: rgba(255,255,255,0.9);border-top: 1px solid #dae1e6;-webkit-transition: none;-o-transition: none;transition: none;height: auto;display: none;overflow: hidden;width: 100%;min-width: 1200px;left: 0;margin-top: 0;-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);}
.dropdown-container{box-sizing: border-box;padding: 30px 0 60px;}
.p-drop-le{height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.p-drop-Lwrap{box-sizing: border-box;overflow-y: auto;max-height: 450px;}
.column-item{float: left;margin-right: 109px;margin-bottom: 90px;padding-right:30px;}
.column-item:nth-child(7n){margin-right: 0;}
.column-item a{display: block;font-size: 14px;color: #666;line-height: 30px;}
.column-item a:hover{color: #0e48a7;}
.column-item .nav-title{font-size: 16px;color: #333;margin-bottom: 9px;position: relative;padding-left: 12px;}
.column-item .nav-title:before{content: '';width: 2px;height: 25px;background: #0e48a7;position: absolute;left: 0;top: 50%;margin-top: -12.5px;}
.category-item:hover .dropdown-menu.full-screen{display: block;visibility: visible;}
.dropdown-menu.single {position: absolute;top: 100%;left: 50%; -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);transform: translate(-50%,0);z-index: 1100;background: rgba(255,255,255,1); margin-top: 0; max-height: 0;opacity: 0;overflow: hidden;-webkit-transition: max-height .5s;-o-transition: max-height .5s;transition: max-height .5s; border: none; color: #303233; box-shadow: 0 0 10px rgba(0,0,0,0.15);height: auto;padding: 0; display: block;}
.dropdown-menu.single ul{padding: 0px 0;}
.dropdown-menu.single li{ display: block;font-size: 16px; width: 100%;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: relative;}
.dropdown-menu.single li:last-child{border-bottom: 0;}
.dropdown-menu.single li>a {padding: 22px 50px;padding-left: 50px;white-space: nowrap;display: inline-block; width: 100%; color: #333;line-height: 1; height: auto; background: 0 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.dropdown-menu.single li>i{display: block;font-size: 16px;color: #4d4d4d;position: absolute;right: 25px;top:50%;margin-top: -8px;}
.dropdown-menu.single li:hover a{color:#fff;background: #69c133;}
.dropdown-menu.single li:hover i{color:#0e48a7; }
.category-item:hover .dropdown-menu.single{max-height: 560px;opacity: 1;}
.head-tel{float: right;font-size: 24px;color: #d30c2e;background: url(../images/head-tel.png) no-repeat left center; padding: 36px 0 36px 34px;font-family: 'DIN-REGULAR';}
.language{float: right;position: relative;}
.language-text{display: block;color: #666;line-height:36px;padding:0 4px;cursor: pointer;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language-text .icon-down{ display:block;float: right; vertical-align: middle;font-size: 12px; margin-left: 5px;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;}
.language-list{position: absolute;top:100%;right: 0;z-index: 10;background: #fff;padding:0px 0;-webkit-box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);box-shadow: 0 2px 4px 2px rgba(0,0,0,.05);opacity: 0;visibility: hidden;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.language-list a{display: block;padding:10px 20px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.language-list a:hover{color: #d30c2e}
.language:hover .language-text{color: #d30c2e;}
.language:hover .language-text .icon-down{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.language:hover .language-list{opacity: 1;visibility: visible;}

.header-search{float: right;margin: 0;margin-left: 10px;}
.bt-search{ position: relative;  border: none; background: none;  float: left; width: 30px; height:30px;text-align: right; line-height: 30px;padding: 12px 0; cursor: pointer;  transition: .5s;z-index: 10;}

.bt-search .sub-bot {display: inline-block;width: 23px;height: 23px;line-height: 34px;background: transparent;border: none;z-index: 3;cursor: pointer;background: url(../img/icon-searchh.png) no-repeat center transparent;padding-right: 0px;}
.searchop .search-all{  z-index: 10; opacity: 1; visibility: visible;}
.search-all{ position: absolute; right: 5%; top: 54%; width: 300px; height: auto;z-index: -1; opacity: 0;visibility: hidden; transition: all .2s;}
.search-all .search-box{  position: relative; height: 36px; margin-top: 38px;background: #fff;}
.searchop .search-all .search-box{ animation: searchform-fade 400ms both;}
.searchop .search-all form{ animation: searchform-slide 1s both; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.search-all .search-box .search-txt{ color: #333; line-height: 34px;  width: 44px;  text-align: center;cursor: pointer; transition: all .3s ease-out;}
.search-all .search-box .search-txt i{font-size: 20px!important;}
.search-all .search-box .search-txt.left{ float: left;}
.search-all .search-box .search-inp{  margin-left: 44px;transition: all .3s ease-out 0s;margin-right: 44px;}
.search-all .search-box .search-inp input{  font-size: 16px; line-height: 36px; color: #333; width: 100%; border-radius: 5px;}
.searchop .search-close{  opacity: 1;  transition: all .2s ease-out 0s;}
.search-all .search-box .search-close{  width: 44px; height: 36px; font-size: 16px; color: #333;line-height: 36px; text-align: center; cursor: pointer; position: absolute;  top: 0;   right: 0;  opacity: 1;}
.searchop .search-close:hover{}
.searchshow .top2-bu a{-webkit-animation: item-searchshow .4s both;   animation: item-searchshow .4s both;}

.header-top{transition: ease .5s;}
.headtop-con{padding: 7px 0; border-bottom: 1px solid rgba(255,255,255,.2);}
.header-bot{}
.header-language::after{position: absolute;content: "";width: 1px;height: 15px;background: #fff;left: -44px;top: 50%;transform: translateY(-50%);}
.header-language{margin: 35px 0 34px; margin-left: 44px; float: right;position: relative;padding-left: 23px;}
.header-language::before{position: absolute;content: "";width: 19px;height: 18px;background: url(../images/top-lang.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%);}
.header-language a{display: inline-block;font-size: 14px;line-height: 30px;color: #fff;font-weight: bold;}
.header-language a:hover{color: #e60012;}
.header-call{float: right;font-size: 14px;line-height: 30px;color: #fff;}
.header-call span{}
.header-call d{font-family: 'D-DINExp';}
.header-code{font-size: 14px;line-height: 30px;color: #fff;float: right;}
.header-right{float: right;margin-top: 27px;}

.language .lang-cn {
    position: absolute;
    top: 100%;
    z-index: 10;
	left: 0%;
    opacity: 0;
    visibility: hidden;
    transition: all .6s;display: none;
    width: 100%;background: #fff;text-align: center;}
.language .lang-text{ display: block; color: #fff; line-height: 33px; cursor: pointer; transition: all .3s; padding-left: 17px;}
.language i{ display: inline-block;  vertical-align: middle; font-size: 10px; margin-left: 2px; transition: all .3s; margin-top: -4px;}
/* .language:hover .lang-text{color: #0144a7;} */
.language:hover i{ transform: rotate(180deg);}
.language:hover .lang-cn{ opacity: 1; visibility: visible;display: block;}
.language a{display: inline-block;color: #666;transition: ease.5s;}
.language a:hover{color: #0144a7;}
.language{
    display: block;
    float: right;
    border-radius: 30px;
    width: 76px;
    height: 32px;
    line-height: 32px;
    position: relative;margin-top: 0px;margin-left: 15px;
}
.language::before{position: absolute;content: "";width: 1px;height: 13px;background: rgba(255,255,255,.2);left: 0;top: 50%;transform: translateY(-50%);}
.language::after{position: absolute;content: "";width: 1px;height: 13px;background: rgba(255,255,255,.2);right: 0;top: 50%;transform: translateY(-50%);}
.language .lang-cn a{display: block;}

.header-ritop{padding:0;float: right;}
.header-ribot{float: right;}
/*app-头部*/
.header-app{background: #191919; display: none;position: fixed;top: 0;left: 0;width: 100%;height: 60px;z-index: 500; -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);-o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);}
.header-app.open-menu{height: 100%; background: #191919;-webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);-o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);}
.navbar-app{ position: relative;  -webkit-box-shadow: 3px 0 7px 0 rgba(0,0,0,.1);box-shadow: 3px 0 7px 0 rgba(0,0,0,.1); height: 60px;text-align: center; }
.header-app .logo{ float: left; height: 60px; vertical-align: middle;padding: 10px 15px;}
.header-app .logo img{ height:100%;}
.navbar-togger {float: right; background: transparent;border: none;padding: 22px 15px; display: inline-block;visibility: visible;transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96),opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1),-webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);}
.navbar-togger .icon_bar {width: 24px;height: 2px;background-color: #3f71db;opacity: 1;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.navbar-togger .icon_bar:nth-of-type(2) { margin:5px 0;}
.open-menu .navbar-togger .icon_bar:nth-of-type(2) { opacity: 0;}
.open-menu .navbar-togger .icon_bar:first-child { -webkit-transform: translate(0,7px) rotate(45deg);-ms-transform: translate(0,7px) rotate(45deg); transform: translate(0,7px) rotate(45deg);}
.open-menu .navbar-togger .icon_bar:last-child {-webkit-transform: translate(0,-7px) rotate(-45deg);-ms-transform: translate(0,-7px) rotate(-45deg);transform: translate(0,-7px) rotate(-45deg);}
.nav-menu{position: absolute;top: 60px;left: 0;bottom: 0;right: 0;width: 100%;z-index: 620;padding:20px 15px;overflow-x: hidden;overflow-y: auto;visibility: hidden;-webkit-transition: visibility 0s linear 1s;-o-transition: visibility 0s linear 1s;transition: visibility 0s linear 1s;display: none;}
.header-app .nav-menu{padding-bottom: 70px;}
.header-app.open-menu .nav-menu{display: block;visibility: visible;-webkit-transition-delay: 0s;-o-transition-delay: 0s;transition-delay: 0s;}
.nav-list li{border-bottom: 1px solid #cfcfcf;opacity: 0; pointer-events: none;}
.nav-list li.open{/* border-bottom: none; */}
.header-app.open-menu .nav-list li{ opacity: 1;pointer-events: auto;-webkit-transform: none;-ms-transform: none;transform: none;}
.nav-list li:nth-child(1){-webkit-transform: translateY(-44px);-ms-transform: translateY(-44px);transform: translateY(-44px);transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s,transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s,-webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;}
.header-app.open-menu .nav-list li:nth-child(1){transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s,transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s,-webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;}
.nav-list li:nth-child(2){-webkit-transform: translateY(-40px);-ms-transform: translateY(-40px);transform: translateY(-40px);transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s,transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s,-webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;}
.header-app.open-menu .nav-list li:nth-child(2){transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s,transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s,-webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;}
.nav-list li:nth-child(3){-webkit-transform: translateY(-36px);-ms-transform: translateY(-36px);transform: translateY(-36px);transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s,transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s,-webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;}
.header-app.open-menu .nav-list li:nth-child(3){transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s,transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s,-webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;}
.nav-list li:nth-child(4){-webkit-transform: translateY(-32px);-ms-transform: translateY(-32px);transform: translateY(-32px);transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s,transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s,-webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;}
.header-app.open-menu .nav-list li:nth-child(4){transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s,transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s,-webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;}
.nav-list li:nth-child(5){ -webkit-transform: translateY(-28px);-ms-transform: translateY(-28px);transform: translateY(-28px);transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s,transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s,-webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;}
.header-app.open-menu .nav-list li:nth-child(5){transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s,transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s,-webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;}
.nav-list li:nth-child(6){-webkit-transform: translateY(-24px);-ms-transform: translateY(-24px);transform: translateY(-24px);transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s,transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s,-webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;}
.header-app.open-menu .nav-list li:nth-child(6){transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s,transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s,-webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;}
.nav-list li:nth-child(7){-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s,transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s,-webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;}
.header-app.open-menu .nav-list li:nth-child(7){transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s,transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s,-webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;}
.nav-list li:nth-child(8){-webkit-transform: translateY(-16px); -ms-transform: translateY(-16px);transform: translateY(-16px);transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s,transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s,-webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;}
.header-app.open-menu .nav-list li:nth-child(8){ transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s,transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s,-webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;}
.cate-item{position: relative;}
.cate-item a{font-size: 16px;line-height: 48px; margin-right: 60px; display: block; color: #fff;}
.nav-list li.active .cate-item a,.nav-list li.open .cate-item a{color: #3f71db;}
.category-cont a:last-child{border:none;}
.category-cont a.active{color:#d30c2e;}
.category-tig{font-size: 14px; color: #888;text-align: right;line-height: 48px;width: 50px; height: 48px; position: absolute; right: 0;top: 0;z-index: 2;}
.category-tig::before,.category-tig::after{ content: '';background: #fff; position: absolute; top:50%; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.category-tig::before{ width:16px; height: 2px; right:0; margin-top:-1px;}
.category-tig::after{ width:2px;height: 16px;margin-top: -8px;right:7px;}
.nav-list li.open .category-tig::after{ opacity: 0;}
.nav-list li.open .category-tig::before{background: #003a81;}
.category-cont{display: none;}
.nav-list li.open .category-cont{display: block;border-top:solid 1px #cfcfcf;border-bottom:solid 1px #cfcfcf;}
.category-pad{ padding: 0 15px;}
.category-cont a {line-height:40px;border-bottom: 1px solid #cfcfcf;display: block;color: #fff;font-size: 16px;}
.category-pad a.active{color: #3f71db;}
.app-lanu{text-align: center;padding: 20px 0;}
.app-lanu a{display: inline-block;padding: 0 10px;line-height: 24px;color: #666;}
.app-lanu a.active{color: white;background: #003a81;border-radius: 30px;}
.top-search{border-radius: 30px;border: 1px solid #fff;position: relative;margin-top: 7px; padding: 5px 25px;width: 300px;}
.top-search input:nth-child(2){width: 17px;height: 30px;position: absolute;right: 20px;top: 50%;margin-top: -15px; background: url(../images/top-search.png)no-repeat center;background-size: 100%;cursor: pointer;}
.top-search input:nth-child(1){font-size: 14px;line-height: 30px;color: #fff;width: 100%;padding-right: 25px;}
.header-app .top-search{width: 100%;margin-top: 0;}
.header-app .headtop-right{position: static;margin-right: 0;float: none;width: 100%;text-align: center;margin: 25px 0 0;}
.banner img.bannerappimg{display: none;}
.banner-slide{position: relative;width: 100%;display: block;}
.banner-cont{position: absolute;font-size: 0;width: 100%;left: 0;bottom: 0%;/* transition: ease 1s; *//* transition-delay: .6s; */}
.banner .swiper-slide-active .index-cont{left:3%!important;}
.banner .swiper-slide-active .banner-cont{bottom:33%;left: 5.5%;}
.banner-font{max-width: 80%;margin: 0 0 2px; display: inline-block;}
.banner-brand{font-size: 0;}
.banner-brand span{display: inline-block;vertical-align: top; width: 100px;}
.banner-brand span img{max-width: 100%;}
.banner-brand em{display: inline-block;vertical-align: top; font-size: 42px;line-height: 50px;color: #fff;font-style: normal; font-family: 'SourceHanSansCN-Bold';}
.banner-brand d{display: inline-block;vertical-align: top; font-size: 36px;line-height: 30px; color: #fff;font-family: 'SourceHanSansCN-Bold';}
.banner-font h3{color: #fff;transition: ease 1.2s;}
.banner-font h3 em{display: inline;vertical-align: top; font-size: 96px;line-height: 80px;font-family: 'EUCLIDSQUARE-MEDIUM';}
.banner-font h3 span{display: inline;vertical-align: top;font-size: 46px;line-height: 80px;font-weight: lighter;}
.head_main .banner-font .index-main span{display: inline;vertical-align: top;font-size: 60px;line-height: 80px;font-weight:bold;}
.banner-font h4{margin: 14px 0 0;font-size: 48px;line-height: 50px;color: #fff;font-weight: bold;}
.banner-font p{margin: 0; font-size: 16px;line-height: 36px;color: #fff;}
.banner-font p em{display: block;}
.banner img{display: block;width: 100%;}
.banner-pages{position: absolute;width: 100%;left: 0;bottom: 0;}
.banner-page{position: relative;}
.banner .swiper-pagination-bullets{width: 9%!important;padding-left: 8%!important;}
.banner .swiper-pagination{ top: 70% !important;height:50px;font-size: 0;width:100%;text-align: center;padding: 8px;right: 0;}
.banner .swiper-pagination-bullet{width: 13px;height: 13px;opacity: 1; background:none; margin:10px 0 !important;border-radius: 50%;border: 2px solid rgba(255,255,255,.6);padding: 5px;display: block;}
.banner .swiper-pagination-bullet-active{border: 2px solid #ff1515;position: relative;}
.banner .swiper-pagination-bullet-active::before{content: "";width: 2px;height: 2px;background-color: #ff1515;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.banner .swiper-pagination-bullet-active::after{content: "";width:160px;height: 1px;background-color: #FFFFFF;position: absolute;left:-170px;top: 50%;transform: translate(0,-50%);opacity: 1;}
em.fontaw{font-style: normal; font-family: 'fontaw';font-size: 20px;position: relative;z-index: 3;}



.more{position: relative;z-index: 22;padding: 0;border-radius: 30px; width: 200px;font-size: 16px;color: #666;background: transparent; height: 60px;overflow: hidden; display: block;line-height: 60px;transition: all .5s;border: 1px solid #e0e0e0;background-color:#003A81;color: #FFFFFF;cursor: pointer;}
.more a{color: #FFFFFF;margin-left:23%;}
.more::after{
	content:url(../img/bofang.png);
	position: absolute;
	right: 24%;
	top: 58%;
	transform: translateY(-50%);
}
.more::before{
	position: absolute;content: '';
   bottom: 0;
   width: 100%;
   height: 0%;
    left: 0%;
    z-index: -1;
    background: #3e50be;
    transition: ease .8s;
    opacity: 1;
    transition-delay: 0s,0s;
}
.more span{display: inline-block; position: relative;height: 100%;z-index: 5;padding-right: 0;}
.more:hover::before{
	height: 100%;
}
.more:hover{color: #fff;background:#003A81;}

.more2{margin: 0 auto; position: relative;z-index: 22;border-radius: 30px; width: 170px;font-size: 16px;border: 1px solid #043a80; height: 55px;overflow: hidden; display: block;text-align: center;color: white;line-height: 53px;transition: all .5s;}
.more2::before{
	position: absolute;content: '';
	top: 0;
    right: -30%;
    bottom: 0;
    left: -30%;
    z-index: -1;
    background: linear-gradient(to right, #043a80, #043a80);
    transition: opacity 0.4s linear, -webkit-transform 0.6s cubic-bezier(0.3, 0.69, 0.39, 1.04) 0.4s;
    transition: transform 0.6s cubic-bezier(0.3, 0.69, 0.39, 1.04) 0.4s, opacity 0.4s linear;
    opacity: 1;
    transition-delay: 0s,0s;
    transform: translate(0, 0) skew(-60deg, 0deg);
}
.more2 span{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 11;}

.more2:hover::before{
	opacity: 0;
	    transform: translate(400px, 0) skew(-60deg, 0deg);
}
.more2:hover{color: #043a80;transition: color 0s linear;border: 1px solid #043a80;}
@media (max-width:767px) {
	.more::after{right: 15%;}
	.header-app .logo{
		padding: 17px 15px;
	}
}

/*  */


/* .banner-font .banner-brand{opacity: 0;transform: translateX(-80px);transition: all .7s 1s;} */
.banner-font{opacity: 0;/* transition: all 3s; */}
.head_main .banner-font .index-title1{padding-right: 2%;font-weight: lighter!important;}
.head_main .banner-font .index-title{padding: 0 2%;position: relative;font-weight: lighter!important;}
.banner-font .index-title::before{content: "";position: absolute;left: 0;top: 15%;width: 1px;height:75%;background-color: rgba(255,255,255,.2);}
.banner .swiper-slide-active .banner-font{opacity: 1;transform: translateX(0);}
.banner-font h3{/* opacity: 0; *//* transform: translateX(-70px); */}
.banner-font .banner-h3-2{font-weight: bold;margin-bottom: 4%;}
.banner-font h4{opacity: 0;transform: translateX(-60px);transition: all .7s 1.4s;}
.banner-font .slide{width: 1px;background-color: rgba(255,255,255,.2);display: inline-block;}
.banner-font p a {color:#fff;}
.banner-mo{margin: 39px 0 0; opacity: 0;transform:  translateX(-50px);transition: all .7s 1.6s;}
.banner .swiper-slide-active .banner-font .banner-brand,
.banner .swiper-slide-active .banner-font h3,
.banner .swiper-slide-active .banner-font h4,
.banner .swiper-slide-active .banner-mo{opacity: 1;transform: translateX(0);}

.banner-mo span{transition: none;}
.banner .swiper-slide-active .banner-mo{transition: all.5s;}

.banner-img{display: block;width: 100%;position: absolute;left: 0;top: 0;}
.banner-img2{opacity: 0;transform: translateY(-70px);transition: all 1.4s 1.8s;}
.banner-img1{opacity: 0;transform: translateY(70px);transition: all 1.4s 2s;}
.banner .swiper-slide-active .banner-img2,.banner .swiper-slide-active .banner-img1{transform: translateY(0);opacity: 1;}
/**/
.foot{background: #0f0f0f;background-size: cover;}
.foot-top{padding: 72px 0 77px;}
.foot-left{float: left;width: 300px;padding-top: 25px;}
.foot-tel{margin-bottom: 0;padding-left: 0;/* background: url(../images/foot-tel.png) no-repeat left center; */font-size: 34px;line-height: 36px;color: #ededed;}
.foot-tel h3{font-family: 'itc'; font-size: 26px;color: #fff;}
.foot-tel h4{font-size: 14px;color: #ababaf;}
.foot-add{padding-left: 0;/* background: url(../images/foot-add.png) no-repeat left center; */font-size: 16px;line-height: 36px;color: #999;margin-top: 10px;}
.foot-add p{font-size: 14px;color: #ababaf;line-height: 22px;}
.foot-share{margin-top: 0;}
.foot-share a{margin: 0 !important;width: 38px;height: 38px !important;display: block;float: right !important;margin-right: 25px !important;opacity: 1;border-radius: 50%;border: 1px solid rgba(255,255,255,.1);/* background-size: 20px 20px; */}
.foot-share a.bds_sqq{background: url(../images/foot-qq.png) no-repeat center;background-size: 18px 18px;}
.foot-share a.bds_tsina{background: url(../images/foot-wb.png) no-repeat center;background-size: 22px 18px;}
.foot-share a.bds_weixin{background: url(../images/foot-wx.png) no-repeat center;background-size: 21px 18px;}
.foot-share a:hover{opacity: 1 !important;}
.foot-nav{float: right;margin-left: 30px;}
.foot-nav dl{float: left;padding-left: 130px;}
.foot-nav dt a{display: block;font-size: 20px;color: rgba(255,255,255,0.8);line-height: 60px;}
.foot-nav dd a{display: block;font-size: 14px;color: rgba(255,255,255,0.6);line-height: 30px;}
.foot-nav dt a:hover,.foot-nav dd a:hover{color: white;}
.foot-bot{position: relative;}
.foot-bot p{ padding: 25px 0;float: left;font-size: 16px;color: rgba(255,255,255,0.6);}
.foot-bot p a{font-size: 16px;color: rgba(255,255,255,0.6);padding-right: 35px;}
.foot-map{float: right;padding: 25px 15px;}
.foot-map  a{font-size: 16px;color: rgba(255,255,255,0.6);}
.foot-link{float: right;padding: 25px 0;cursor: pointer;margin-left: 24px;}
.foot-friend {position: absolute;bottom: 100%;left: 0;width: 100%;background:#f7f7f7;padding: 15px 0; z-index: 20;line-height: 1.5;display: none;}
.foot-link span{padding: 0 15px;border-right: solid 1px #9d9d9e; font-size: 16px;color: rgba(255,255,255,0.6);display:block;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.foot-link:hover span{color: #fff;}
.foot-friend a {margin: 0 8px;color: #666;display: inline-block;vertical-align: top;}
.foot-link:hover .foot-friend {display: block;}
.foot-bot a:hover{color: #fff;}
.foot-friend a:hover{color: #d30c2e;}

.foot-top{}
.foot-friendlink{font-size: 0;border-bottom: 1px solid rgba(255,255,255,.1);padding-bottom: 23px;}
.foot-friendlink span{display: inline-block;color: rgba(255,255,255,.3);font-size: 16px;line-height: 30px;}
.foot-friendlink a{display: inline-block;color: rgba(255,255,255,.3);font-size: 16px;line-height: 30px;margin-right: 35px;transition: ease .5s;}
.foot-friendlink a:last-child{margin-right: 0;}
.foot-friendlink a:hover{color: #fff;}

.foot-bot{}
.foot-botcon{padding: 14px 0 35px;}
.foot-right{float: right;max-width: 30%;position: relative;bottom: -35px;}
.foot-ewm{float: right;max-width: 26.8%;}
.foot-ewm img{}
.foot-rifont{float: right;text-align: right;padding-right: 29px;max-width: 73.2%;}
.foot-tel{font-family: "AkzidenzGrotesk-Light";margin-top: 16px;}
.foot-left{float: left;width: auto;padding-top: 0;max-width: 70%;}
.foot-logo{width: 160px;}
.foot-nav{float: none;margin: 22px 0 0;}
.foot-nav a{display: inline-block;padding-left: 14px;margin-right: 50px;position: relative;font-size: 18px;line-height: 30px;color: rgba(255,255,255,.8);margin-top: 10px;}
.foot-nav a::before{position: absolute;content: "";width: 4px;height: 4px;border-radius: 50%;background: #a0a0a0;left: 0;top: 50%;transform: translateY(-50%);}
.foot-spanli{font-size: 0;margin: 0 0 0;}
.foot-nav a:last-child{margin-right: 0;}
.foot-spanli span{display: inline-block;position: relative;font-size: 14px;line-height: 34px;color: rgba(255,255,255,.4);margin-right: 12px;top: -10px;
    margin-bottom: 10px;margin-right: 13px;}
.foot-spanli span.foot-bean{padding-left: 30px;}
.foot-spanli span.foot-bean::before{position: absolute;content: "";width: 22px;height: 24px;background: url(../images/footer-icon1.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%);}
.foot-spanli span a{display: block;font-size: 14px;line-height: 34px;color: rgba(255,255,255,.4);transition: ease .5s;display: inline-block;}
.foot-spanli span:last-child{margin-right: 0;}
.foot-right .foot-spanli span a img{display: inline;position: absolute;top:-100px;}
.bottom-ul{margin-left: 9px;}
.bottom-ul ul{float: left;margin: 0 7.9% 0 0;position: relative;text-align: left;}
.bottom-ul ul:last-child{margin: 0;}
.bottom-ul ul.bottom-secul::before{display: none;}
.bottom-ul ul.bottom-secul{margin-left: 30px;margin-right: 0;}
/* .bottom-ul ul:last-child{margin-left: 80px;} */
.bottom-ul ul.botul-k{margin: 0 55px 0 5px;}
.bottom-ul ul li{padding: 0px 0;margin-bottom: 0;color: #989999;}
.bottom-ul ul li:last-child{margin-bottom: 0;}
.bottom-ul ul li:first-child{margin-bottom: 11px;}
.bottom-ul ul li span{display: inline !important;}
.bottom-ul ul li em{display: inline;font-size: 20px;line-height: 30px;color: rgba(255,255,255,.8);font-family: "Arial";}
.bottom-ul ul li em.botem-sma{font-size: 16px;}
.bottom-ul ul li a,
.bottom1-contact li,
.bottom-ul ul li span{display: block;font-size: 14px;line-height: 36px;color: rgba(255,255,255,.4);transition: ease .5s;}
.bottom-ul ul li:first-child a{font-size: 20px;color: #fff;position: relative;}
.bottom-secul li:first-child a{opacity: 0;cursor: auto;}
.bottom-ul ul li a:hover{color:#ebebeb;}
.bottom-contact{float: right;}
.bottom-contact ul{}
.bottom-contact li{margin-top: 25px;}
.bottom-contact li:first-child{margin-top: 0;}
.bottom-contact li h4{margin-bottom: 5px; font-size: 18px;line-height: 30px;color: #fff;}
.bottom-contact li p{ font-size: 14px;line-height: 30px;color: rgba(255,255,255,.5);}
.bottom-contact li p span{}
.bottom-contact li p d{}
.bottom-ewm{float: right;width: 95px;text-align: center;margin-left: 30px;}
.bottom-ewm img{width: 100%;}
.bottom-ewm p{margin-top: 3px; font-size: 16px;line-height: 30px;color: #fff;}
.bot-link{border: 1px solid #292929;padding-left:5px ;width:28%;cursor:pointer;}
.bot-link a img{position: absolute;right:10px;top: 20%;}
.bottom-logo{width: 170px;font-size: 0;}
.bottom-logo img{display: inline-block;}
.bottom-phone{margin-top: 34px; position: relative;padding-left: 40px;}
.bottom-phone::before{position: absolute;content: "";width: 21px;height: 21px;background: url(../images/bot-phone.png)no-repeat center;background-size: 100% 100%;left: 2px;top: 50%;transform: translateY(-50%);}
.bottom-phone h5{font-size: 16px;line-height: 34px;color: #fff;}
.bottom-phone h4{font-size: 26px;line-height: 30px;color: #fff; font-family: 'EUCLIDSQUARE-MEDIUM';}
.bottom-web{margin-top: 10px;position: relative;padding-left: 40px;}
.bottom-web::before{position: absolute;content: "";width: 21px;height: 16px;background: url(../images/bot-web.png)no-repeat center;background-size: 100% 100%;left: 2px;top: 50%;transform: translateY(-50%);}
.bottom-web p{font-size: 16px;line-height: 34px;color: #969696;}
.bottom-addr{position: relative;padding-left: 40px;}
.bottom-addr::before{position: absolute;content: "";width: 24px;height: 24px;background: url(../images/bot-addr.png)no-repeat center;background-size: 100% 100%;left: 2px;top: 50%;transform: translateY(-50%);}
.bottom-addr p{font-size: 16px;line-height: 34px;color: #969696;}
.botlink-hide{display: none; padding: 0px 0;text-align: center;}
.botlink-hide a{display: inline-block;margin-right: 10px;font-size: 14px;line-height: 30px;color: #999;}
.botlink-hide a:hover{color: #fff;}
/*app-底部*/
.foot-app{width:100%;background: #222;background-size: cover;display: none;}
.foot-pad{padding: 0 15px;}
.footer-tit{position: relative;border-bottom:1px solid  rgba(255,255,255,0.2);}
.open .footer-tit a{color: #fff;}
.footer-tit a{ font-size:16px;color: rgba(255,255,255,0.8);line-height:48px;margin-right: 48px;display: block;}
.footer-tig {font-size: 14px; color: #888; text-align: right; line-height: 48px; width: 20px;height: 48px;position: absolute;right: 0px;top: 0;z-index: 2;}
.footer-tig::before,.footer-tig::after {content: '';background:  rgba(255,255,255,0.6);position: absolute;top:50%;transition: all .3s;left: 50%;}
.footer-tig::before {width: 18px;height: 2px;margin-left: -8px;}
.footer-tig::after {width: 2px;height: 18px;margin-top: -8px;}
.footer-item.open .footer-tig::after{opacity:0;}
.footer-item.open .footer-tig::before{background: #fff;}
.footer-cont{display: none;border-bottom: solid 1px  rgba(255,255,255,0.2);padding: 0 15px;}
.footer-cont a{text-transform: uppercase; line-height: 40px;color:  rgba(255,255,255,0.6);display: block; font-size: 14px;border-bottom: solid 1px  rgba(255,255,255,0.2);}
.footer-cont a:last-child{border:none;}
.footer-item.open .footer-cont a.active{color: #fff;}
.footer-left{float: left;padding-top: 25px;width: 70%;}
.footer-tel{margin-bottom: 20px; padding-left: 35px;background: url(../images/foot-tel.png) no-repeat left center;background-size: 25px;}
.footer-tel h3{font-family: 'itc'; font-size: 20px;color: #fff;}
.footer-tel h4{font-size: 13px;color: #ababaf;}
.footer-add{padding-left: 35px;background: url(../images/foot-add.png) no-repeat left center;background-size: 25px;}
.footer-add p{font-size: 13px;color: #ababaf;line-height: 18px;}
.footer-share{float: right;padding-top: 45px;}
.footer-share a{margin: 0 !important; width: 25px;height: 25px !important;display: block;float: left;margin-left: 5px !important;opacity: 0.5;}
.footer-share a.bds_sqq{background: url(../images/foot-qq.png) no-repeat center;background-size: 17px;}
.footer-share a.bds_tsina{background: url(../images/foot-wb.png) no-repeat center;background-size: 17px;}
.footer-share a.bds_weixin{background: url(../images/foot-wx.png) no-repeat center;background-size: 17px;}
.footer-share a:hover{opacity: 1 !important;}
.footer-bot{padding: 20px 15px 30px;background: #1f2023;margin-top: 25px;}
.footer-bot p,.footer-bot p a{font-size: 13px;line-height: 24px;color: rgba(255,255,255,0.6);}
.footer-link,.footer-link a{ line-height:22px;font-size: 13px;color: rgba(255,255,255,0.6);}
.footer-link{padding-bottom: 10px; overflow: hidden;}
.footer-link a{display: block;float: left;margin-right: 15px;}
.footer-link span{float: left;}
.footer-link a:hover{color: #fff;}
.foot-cent{padding: 0 15px;}
.foot-centcon{padding: 10px 0;border-bottom: 1px solid  rgba(255,255,255,0.2);}
.foot-cent .bottom-contact{float: left;width: 70%;}
.foot-cent .bottom-ewm{float: right;max-width: 30%;}
@media (max-width:1919px){
	.bottom-ul ul {
	    margin: 0 6.5% 0 0;
		}
} 
@media (max-width:1460px) {
	.foot-right {
	    bottom: 5px;
	}
}
@media  (max-width: 1023px) {
	.header,.foot{display: none !important;}
	.header-app,.foot-app{display: block;}
}
@media  (max-width: 320px) {
.footer-left{width: 68%;}
}
/*==========================*/



.footapp-hide{display: none;position: absolute;left: 0;bottom: 100%; background: #333;opacity: 1; z-index: 4; padding: 20px;}
.footapp-hide a{display: block;}
.foot-app .foot-friendlink{cursor: pointer;position: relative;padding-bottom: 10px;}
.foot-app .foot-friendlink:hover .footapp-hide{display: block;}
.foot-app .foot-top{padding: 20px 15px 0;}
.foot-app .foot-bot{padding: 20px 15px 40px;}
.foot-app .foot-left,.foot-app .foot-right{float: none;width: 100%;max-width: none;}
.foot-app .foot-left{}


.foot-app .foot-rifont{float: left;padding-right: 0; text-align: left; padding-left: 29px;}
.foot-app .foot-ewm{float: left;}
.foot-app .foot-share a{float: left !important;}

/* pc客服挂件 */
.kf {transition: .8s;z-index: 999999;background-color: transparent; position: fixed;bottom: 100px;right: 20px;width: 62px;border-radius: 5px;}
.kf span {z-index: 1000001;transition: .5s;cursor: pointer;position: relative;display: block;width: 64px;height: 64px;border-radius: 5px;margin-bottom: 10px;background:#b5b5b5;}
.kf .zx a{background-position: 0 0;background: #3f71db url(../images/kefu-zx.png)no-repeat center top 19px;}
.kf .back_top a{ border: none; background: #3f71db url(../images/kefu-top.png)no-repeat center top 18px;}
.kf span a { transition: .5s; display: block;height: 100%; color: #fff;line-height: 24px; font-size: 13px;  text-align: center;padding-top: 36px;border-radius: 5px;}
.kfimgr{ position: absolute; bottom:23px;  right: -9px;}
.kf span div em {display: block; position: absolute;width: 15px;height: 200px;right: -15px;top: 0;}
.kf .freetel a{background: #3f71db url(../images/kefu-qq.png)no-repeat center top 20px;}
.kf .inlinebj a{background: #3f71db url(../images/kefu-bj.png)no-repeat center top 12px;}
.kf .zxlya a{background: #3f71db url(../images/kefu-ewm.png)no-repeat center;}
.kf span:nth-child(4) div {white-space: nowrap;}
.kf a{display:block;height: 68px;position:absolute;top:0;right:0;width: 100%}
.nav_center div, .index_nav_center div, .shou, .zhan { -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.kf .zxlya .erweima{display: none;width: 140px; right: 64px;position: absolute;top: -45px; background: #fff; padding: 15px; text-align: center;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);border-radius: 5px;}
.kf .zxzx{display: none; right: 86px;position: absolute;top: 6px; background: #fff; padding: 20px; text-align: center;box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);border-radius: 5px;width: 150px;font-size: 14px;color: #333;}
.kfimgr { position: absolute;  bottom: 23px; right: -9px;}
/* .shou{    z-index: 1000000;cursor: pointer;   width: 70px;   height: 70px; top: 104%;  margin-top: -15px; border-radius: 5px 0 0 5px;  right: -9px; background:#b5b5b5; border-radius: 5px;cursor: pointer; position: absolute;font-size: 14px;line-height: 24px;color: #fff;transition: ease .5s;text-align: center;padding: 22px 0;} */
.shou{z-index: 1000000;cursor: pointer;width: 30px;height: 40px;top: 47%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 62px; background:transparent url(../images/zk1.png)no-repeat center left;position: absolute;box-shadow: none;}

.kffixed{position: fixed;display: none; bottom: 0; z-index: 20;width: 100%;height: 49px; overflow: hidden;}
.kufuul {text-align: center;padding: 2px 0;width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;display: inline-block;}
.kefu{padding: 0;}
.kefu li {float: left;height: 45px;text-align: center;color:#fff;line-height:45px;color: #fff;transition:all .4s;}
.kfzx-tigg{width: 49.5%;height: 45px;display: block;float: left;line-height:45px;opacity: 1;transition:1s opacity;}
.kfzx-enter{opacity: 0}
.kf-zx{display: block; width: 100%;height: 100%; color: #fff;line-height:45px;text-align: center;background: #b5b5b5;}
.kf-zx img{display: inline-block; vertical-align: middle;margin-right:10px;}
.teldb{width: 49.5%; background: rgba(0,0,0,0.6); background-size: contain; margin: 0 1px;position: relative;}
.teldb img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.teldb a{ color: white; }
.kf span:hover{background: #d30c2e;background-size: cover;}
.kf span:hover a{background-color: transparent;}

/* app-kf */
.kffixed{
    position: fixed;
    bottom: 0;
    /* left: 16%; */
    z-index: 2000;
    width: 100%;
    height: 49px;
	overflow: hidden;
	display:none;
}
.kufuul {text-align: center;padding: 2px 0;width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;display: inline-block;}

.kefu{padding: 0;}
.kefu li {float: left;height: 45px;text-align: center;color:#fff;line-height:45px;color: #fff;transition:all .4s;}
.kfzx-tigg{width: 49.5%;height: 45px;display: block;float: left;line-height:45px;opacity: 1;transition:1s opacity;}
.kfzx-enter{opacity: 0}
.kf-zx{display: block;width: 100%;height: 100%;color: #fff;line-height:45px;text-align: center;background: rgba(63,113,219,0.9);}
.kf-zx img{display: inline-block; vertical-align: middle;margin-right:10px;}
.teldb{
    width: 49.5%;
    background: rgba(0,0,0,0.6);
    /*background: url(/mobile/mobilectm/images/teldb.png) no-repeat center rgba(0,0,0,0.6);*/
    background-size: contain;
    margin: 0 1px;
    position: relative;
     /*background-size: 28px;*/
}
.teldb img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.teldb a{      color: white; }
@media (max-width:1023px) {
	.kf{display: none;}
	.kffixed{display: block;}
}
@keyframes anim4 {
	
    from {
        transform: rotateZ(0deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}
@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
.more1{border-bottom: 2px solid #333;position: relative; padding-bottom:7px;font-weight: bold; display: inline-block;font-size: 16px;line-height: 30px;color: #333;}
.more1::before{position: absolute;content: "";width: 0;height: 2px;background: #e60012;left: 0;bottom: -2px;transition: ease .5s;}
.more1:hover::before{width: 100%;}
.more1 span{display: block;position: relative;padding-right: 60px;}
.more1 span::before{position: absolute;content: "";width: 21px;height: 21px;background: url(../images/more1.png)no-repeat center;background-size: 100% 100%;right: 0;top: 50%;margin-top: -10.5px;transition: ease .8s;}
.more1:hover span::before{transform: translateX(-10px);}
.more1:hover{color: #e60012;}
.index-tit{position: relative;}
.index-tit h3{color: #333;font-size: 0;}
.index-tit h3 span{display: inline-block;vertical-align: middle;font-size: 50px;line-height: 60px;font-weight: bold;}
.index-tit h3 em{display: inline-block;vertical-align: middle;font-size: 66px;line-height: 60px;font-family: 'EUCLIDSQUARE-MEDIUM';transform: translateY(5px);}
.index-tit h4{margin: 13px 0 0; font-size: 32px;line-height: 40px;color: #333;}
.index-dec{margin: 14px 0 0;position: relative; font-size: 16px;color: #666;line-height: 30px;}
.index-dec em{display: block;}
.more3{}
.index-tit h3 em,.index-tit h3 span{display: inline;}
/* swiper按钮 */
.index-next,
.index-prev{z-index: 15; width: 54px !important;height: 54px !important;border-radius: 50%;line-height: 54px;text-align: center;font-size: 18px;font-weight: bold; color: #fff;border: 2px solid #fff;opacity: 1 !important;background: none !important;transition: ease .6s;}
.index-next:hover,
.index-prev:hover{color: #e60012;border-color: #e60012;}


/* 一站式户外LED大屏解决方案 */
.index-one{padding: 80px 0 0;}
.indone-top{}
.indone-tit{float: left;}
.indone-mo{float: right;}
.indone-mo>a{}
.indone-con{margin-top: 30px;}
.indone-nav{margin-bottom: -44px;position: relative;z-index: 3;}
.indone-navul{font-size: 0;text-align: center;}
.indone-navul li{display: inline-block;padding: 27px 23px 64px;background: transparent;transition: ease .5s;}
.indone-navul li a{display: block;font-size: 16px;line-height: 30px;color: #333;}
.indone-icon{margin: 0 auto;width: 39px;height: 36px;position: relative;overflow: hidden;}
.indone-icon img{width: 100%;position: absolute;left: 0;transition: ease .8s;}
.indone-icon img:nth-child(1){top: 0;}
.indone-icon img:nth-child(2){top: 100%;}
.indone-navul li.on .indone-icon img:nth-child(2){top: 0%;}
.indone-navul li.on .indone-icon img:nth-child(1){top: -100%;}
.indone-navul li.on{background-color: #d7272c;padding: 27px 23px 17px;}
.indone-navul li h4{margin-top: 15px; position: relative; font-size: 16px;line-height: 30px;color: #333;transition: ease .5s;}
.indone-navul li h4::before{position: absolute;content: "";width: 23px;height: 12px;background: url(../images/indone-on.png)no-repeat center;background-size: 100% 100%;bottom: 0;left: 50%;transform: translateX(-50%);transition: ease .5s;opacity: 0;}

.indone-navul li.on h4{color: #fff;padding-bottom: 47px;}
.indone-navul li.on h4::before{opacity: 1;}
.indone-pics{position: relative;width: 100%;height: 680px;overflow: hidden;}
.indone-pic{}
.indone-bf{position: absolute; width: 0%;height: 100%;left: 0;top: 0; background-size: cover; background-repeat: no-repeat; background-position: center;transition: ease .8s;}
.indone-pic.on .indone-bf{width: 100%;left: auto;right: 0;animation: scle2 8s linear;}

/* 10大LED显示屏系列产品 */
.index-two{position: relative;padding: 112px 0 80px;}
.index-two::before{position: absolute;content: "";width: 39.2%;height: 100%;background: #3f71db;right: 0;top: 0;}
.indtwo-con{padding: 0 70px;position: relative;margin-top: 9px;}
.indtwo-tags{float: right;width: 19.875%;padding-left: 30px;}
.indtwo-tag{margin-top: 24px; cursor: pointer;font-size: 0;text-align: center;}
.indtwo-tag:first-child{margin-top: 0;}
.indtwo-tag.on{}
.indtwo-img{display: inline-block; border-radius: 50%;background: transparent; border: 1px solid rgba(255,255,255,.3);transition: ease .5s; width: 117px;height: 117px;line-height: 117px;text-align: center;}
.indtwo-img img{display: inline-block;vertical-align: middle;}
.indtwo-tag h5{margin: 8px 0 0;font-size: 16px;line-height: 30px;color: #fff;}
.indtwo-tag.on .indtwo-img{border-color: #fff;background-color: #fff;}

.intwo-fonts{float: left;width: 80.125%; position: relative;overflow: hidden;}
.intwo-font{display: block;position: absolute;width: 0%;left: 0;top: 0;transition: ease 1s;}
.intwo-font.on{width: 100%;left: auto;right: 0;position: relative;}
.intwo-pic{margin-right: 549px;height: 549px;line-height: 549px;text-align: left;padding-right: 50px;}
.intwo-pic img{display: inline-block;vertical-align: middle;}
.intwo-circle{float: right;width: 549px;height: 549px;border-radius: 50%;background: #fff;position: relative;}
.intwo-txt{display: block;padding: 0 58px;position: absolute;width: 100%;top: 50%;left: 0;top: 50%;transform: translateY(-50%);}
.intwo-txt h3{font-size: 30px;line-height: 40px;color: #333;font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.intwo-txt h4{margin: 5px 0 0; font-size: 22px;line-height: 30px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.intwo-txt p{margin: 17px 0 0; font-size: 16px;line-height: 28px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.intwo-mo{margin: 84px 0 0;font-size: 0;text-align: left;}
.intwo-mo img{display: inline-block;transition: ease .5s;}
.intwo-font:hover .intwo-txt h3{color: #3f71db;}
.intwo-font:hover .intwo-mo img{transform: translateX(15px);}
.intwo-appcon{display: none;}
.intwo-swip{position: relative;padding-bottom: 30px;}
.intwo-swip .swiper-pagination{width: 100%;bottom:0;height: 8px;}
.intwo-swip .swiper-pagination-bullet{margin: 0 5px;vertical-align: top;}
.intwo-swip .swiper-pagination-bullet-active{background-color: #d7272c;}


/* 5000+全球应用案例 */
.index-three{padding: 52px 0 0px;}
.index-three .index-tit h3,.index-three .index-tit h4,
.index-three .index-dec{color: #fff;}
.indthr-top{}
.indthr-tit{float: left;}
.indthr-mo{float: right;}
.indthr-mo>a{}
.indthr-con{background: #fff;margin-top: 50px;}
.inthr-left{float: left;width: 49.95%;padding-right: 1px;}
.inthr-a{display: block;position: relative;}
.inthr-pic{position: relative;overflow: hidden;width: 100%;}
.inthr-bf{position: absolute; width: 100%;height: 100%;left: 0;top: 0; background-size: cover; background-repeat: no-repeat; background-position: center;transition: ease .8s;}
.inthr-a:hover .inthr-bf{transform: scale(1.1);}
.inthr-font{padding: 47px;background: linear-gradient(to top,rgba(0,0,0,.6),transparent); position: absolute;width: 100%;left: 0;bottom: 0;font-size: 36px;line-height: 40px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.inthr-right{float: right;width: 50.05%;}
.inthr-right .inthr-a:nth-child(1) .inthr-pic{height: 425px;}
.inthr-right .inthr-a:nth-child(2) .inthr-pic{height: 473px;}
.inthr-right .inthr-a:nth-child(2){margin-top: 2px;}
.inthr-right .inthr-font{font-size: 28px;padding: 37px 47px;}
.inthr-left .inthr-pic{height: 900px;}


/* 品质保障 */
.index-four{padding: 72px 0 0px;}
.index-four .index-tit,.index-four .index-dec{text-align: center;}
.indfou-con{margin: 0 auto; margin-top: 76px;width: 1122px;position: relative;}
.indfou-pic{width: 100%;position: relative;height: 594px;}
.indfou-bf{position: absolute; width: 100%;height: 100%;left: 0;top: 0; background-size: cover; background-repeat: no-repeat; background-position: center;transition: ease .8s;}
.indfou-nav{}
.indfou-nav a{display: block;position: absolute;left: 0;top: 0;width: 44px;transition: ease .5s;}
.indfou-nav a:nth-child(1){left: 5%;top: 10%;}
.indfou-nav a:nth-child(2){left: 46%;top: -20px;}
.indfou-nav a:nth-child(3){left: 77%;top: 10%;}
.indfou-nav a.on{opacity: 0;}
.indfou-nav a span{display: block;}
.indfou-nav a span img{width: 100%;}
.indfou-fonts{}
.indfou-font{display: block;position: absolute;width: 935px;left: 50%;bottom: 164px;transform: translateX(-50%) scale(0);transition: ease .8s;}
.indfou-font.on{transform: translateX(-50%) scale(1);}

.indfou-icon{float: left;background: #fff; width: 154px;height: 154px;font-size: 0; line-height: 154px;text-align: center;border-radius: 50%;border: 3px solid #3f71db;}
.indfou-icon img{display: inline-block;vertical-align: middle;height: 79%;}
.indfou-txt{margin: 17px 0;margin-left: 100px;height: 120px;padding: 29px 50px 0 80px; background: #fff;border-radius: 0 10px 10px 0;}
.indfou-txt h4{font-size: 24px;line-height: 30px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.indfou-txt h6{font-size: 0;margin-top: 7px;height: 30px;padding: 0;}
.indfou-txt h6 span{display: inline-block;vertical-align: top;font-size: 16px;line-height: 30px;color: #666;}
.indfou-txt h6 em{display: inline-block;vertical-align: top;font-size: 16px;line-height: 30px;color: #3f71db;font-weight: bold;}
.indfou-font:hover .indfou-txt h4{color: #3f71db;}
.indfou-appcon{display: none;}
.indfou-swip{position: relative;padding-bottom: 30px;}
.indfou-swip .swiper-pagination{width: 100%;bottom:0;height: 8px;}
.indfou-swip .swiper-pagination-bullet{margin: 0 5px;vertical-align: top;}
.indfou-swip .swiper-pagination-bullet-active{background-color: #d7272c;}

/* 极光王12年，精心沉淀7星服务标准 */
.index-five{padding: 87px 0 99px;position: relative;background-size: cover; background-repeat: no-repeat; background-position: center;}
.index-five .index-tit h3,.index-five .index-tit h4,
.index-five .index-dec{color: #fff;}
.indfiv-con{}
.indfiv-mo{margin: 43px 0 0; height: 60px; line-height: 58px;width: 190px;}
.indfiv-mo span{}

/* 走进极光王 */
.index-six{padding: 71px 0 80px;}
.indsix-con{}
.indsix-left{float: left;width: 33.75%;padding-right: 170px;}
.indsix-leul{margin-top: 17px;}
.indsix-leul li{border-bottom: 1px solid #eee;padding: 38px 0 13px;}
.indsix-leul li.indsix-num{padding: 49px 0 20px;}
.indsix-leul li>div{}
.indsix-icon{float: left;font-size: 0; width: 48px;height: 48px;line-height: 48px;text-align: center;border-radius: 50%;border: 1px solid #d2d2d2;}
.indsix-icon img{display: inline-block;}
.indsix-letxt{margin-left: 48px;padding: 10px 0 0; padding-left: 20px;}
.indsix-letxt h4{font-size: 24px;line-height: 30px;color: #333;font-weight: bold;}
.indsix-letxt h3{margin-top: -10px;color: #333;font-size: 40px;line-height: 50px;}
.indsix-letxt h3 span:nth-child(1){font-size: 60px;line-height: 60px; font-family: 'DINCond-Medium';}
.indsix-letxt p{margin: 3px 0 0;font-size: 20px;line-height: 30px;color: #666;}
.indsix-right{margin-left: 33.75%;overflow: hidden;padding-top: 41px;}
.indsix-rtcon{}
.indsix-ba{border-radius: 30px 0 30px 0; position: relative;background-size: cover; background-repeat: no-repeat; background-position: center;}
.indsix-ba::before{position: absolute;content: "";width: 100%;height: 1px;background: rgba(255,255,255,.2);left: 0;top:50%;transform: translateY(-50%);}
.indsix-ba::after{position: absolute;content: "";width: 1px;height: 100%;background: rgba(255,255,255,.2);left: 50%;top:0%;transform: translateX(-50%);}

.indsix-rtul{border-radius: 100px 0 100px 0;}
.indsix-rtul li{float: left;width: 50%;height: 280px;position: relative;}
.indsix-rta{display: block;position: relative;width: 100%;height: 100%;}
.indsix-rtxt{position: absolute;width: 100%;padding: 30px;left: 0;top: 50%;transition: ease .5s;transform: translateY(-50%);text-align: center;}
.indsix-rtxt h4{font-size: 24px;line-height: 30px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.indsix-rtxt h5{margin-top: 11px;font-size: 18px;line-height: 30px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.indsix-rtxt::before{position: absolute;content: "";width: 63px;height: 12px;background: url(../images/insix-mo.png)no-repeat center;background-size: 100% 100%;bottom: 0;left: 50%;transform: translateX(-50%);transition: ease .5s;opacity: 0;}
.indsix-rta:hover .indsix-rtxt::before{opacity: 1;}
.indsix-rta:hover .indsix-rtxt{padding: 70px 30px 47px;}

/* 新闻资讯 */
.index-seven{padding: 72px 0 80px;}
.indseven-con{margin-top: 28px;}
.indseven-left{float: left;width: 24.0625%;}
.indseven-left>div{}
.ind7-tit{font-size: 20px;line-height: 30px;color: #333;font-weight: bold;}
.ind7-a{margin-top: 16px; display: block;position: relative;}
.ind7-pic{position: relative;overflow: hidden;width: 100%;height: 460px;}
.ind7-bf{position: absolute; width: 100%;height: 100%;left: 0;top: 0; background-size: cover; background-repeat: no-repeat; background-position: center;transition: ease .8s;}
.ind7-font{padding: 28px 20px; position: absolute;width: 100%;left: 0;bottom: 0;}
.ind7-font span{display: block;font-size: 14px;line-height: 30px;color: #fff;font-family: 'ROBOTO-REGULAR';}
.ind7-font h4{margin-top: 3px;font-size: 24px;line-height: 30px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ind7-a:hover .ind7-bf{transform: scale(1.1);}
.indseven-cent{float: left;width: 50.3125%;padding-left: 19px;}
.indseven-cent>div{}
.indseven-right{float: right;width: 25.625%;position: relative;height: 100%;}
.indseven-right>div{}
.ind7-ul{margin-top: 16px;background: #fff;height: 460px;padding: 0 22px;}
.ind7-ul li{padding: 29px 0 30px; border-bottom: 1px dashed #999;}
.ind7-ul li:last-child{border: none;}
.ind7-ul li>a{display: block;}
.ind7-ul li h5{position: relative;padding-left: 38px;font-size: 18px;line-height: 26px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ind7-ul li p{margin-top: 10px;position: relative;padding-left: 38px;font-size: 14px;line-height: 24px;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ind7-ul li h5::before{position: absolute;content: "";width: 22px;height: 22px;background: url(../images/indseven-q.png)no-repeat center;background-size: 100% 100%;left: 0;top: 3px;}
.ind7-ul li p::before{position: absolute;content: "";width: 22px;height: 22px;background: url(../images/indseven-a.png)no-repeat center;background-size: 100% 100%;left: 0;top: 3px;}
.ind7-ul li:hover h5{color: #3f71db;}

@media  (max-width: 1919px) {
.banner-font h3 em{font-size: 80px;line-height: 70px;vertical-align: middle;}
.banner-font h3 span{font-size: 62px;line-height: 70px;}
.banner-font h4{font-size: 40px;}
.banner-font p{font-size: 18px;line-height: 30px;}
.index-tit h3 span{font-size: 48px;}
.index-tit h3 em{font-size: 54px;}
.index-tit h4{font-size: 30px;}
.indone-pics{height: 640px;}
}
@media  (max-width: 1680px) {
	.banner-font h3 em{font-size: 70px;line-height: 60px;vertical-align: middle;}
	.banner-font h3 span{font-size: 50px;line-height: 60px;}
	.banner-font h4{font-size: 30px;}
	.index-tit h3 span{font-size: 42px;line-height: 50px;}
	.index-tit h3 em{font-size: 50px;}
	.index-tit h4{font-size: 26px;line-height: 30px;}
	.indone-pics{height: 600px;}
	.indtwo-con{padding: 0;}
	.index-two{padding-top: 100px;}
	.inthr-right .inthr-font{font-size: 24px;}
	.inthr-font{font-size: 32px;}
	.inthr-left .inthr-pic{height: 800px;}
	.inthr-right .inthr-a:nth-child(1) .inthr-pic{height: 375px;}
	.inthr-right .inthr-a:nth-child(2) .inthr-pic{height: 423px;}
	.index-five{padding: 87px 0 80px;}
	.indsix-left{padding-right: 100px;}
	.indsix-letxt h3{font-size: 34px;margin-top: -20px;}
	.indsix-letxt h3 span:nth-child(1){font-size: 52px;}
	.indsix-letxt p{font-size: 18px;}
	.indsix-right{padding-top: 20px;}
	.indsix-letxt h4,.indsix-rtxt h4,
	.indfou-txt h4,.ind7-font h4{font-size: 22px;}
	.indsix-rtxt h5{margin-top: 6px;}
	.ind7-pic,.ind7-ul{height: 420px;}
	.ind7-ul li{padding: 28px 0 25px;}
}
@media  (max-width: 1459px) {
	.category-item{padding: 0px 6px;}
	.category-a{padding: 0 8px 9px;}
	.banner-font h3{font-size: 42px;line-height: 50px;}
	.banner-font h4{font-size: 22px;margin-top: 10px;}
	.banner .swiper-pagination{bottom: 42px !important;}
	.index-next, .index-prev{width: 42px !important;height: 42px !important;line-height: 40px;top: 35% !important;margin-top: 0 !important;}
	.banner-font h3 em{font-size: 60px;line-height: 50px;vertical-align: middle;}
	.banner-font h3 span{font-size: 40px;line-height: 50px;}
	.banner-font h4{font-size: 24px;line-height: 30px;}
	.banner-font p{margin: 15px 0 0;}
	.index-tit h3 span{font-size: 34px;line-height: 40px;}
	.index-tit h3 em{font-size: 42px;}
	.index-tit h4{font-size: 20px;line-height: 30px;}
	.index-one,.index-four{padding: 60px 0 0;}
	.indone-pics{height: 540px;}
	.index-two,.index-five,.index-six,.index-seven{padding: 60px 0;}
	.intwo-circle{width: 460px;height: 460px;}
	.intwo-mo{margin: 50px 0 0;}
	.intwo-txt h3{font-size: 24px;}
	.intwo-txt h4{font-size: 20px;}
	.intwo-pic{margin-right: 460px;height: 460px;line-height: 460px;}
	.indtwo-con{margin-top: 30px;}
	.inthr-font{font-size: 26px;padding: 30px;}
	.inthr-right .inthr-font{font-size: 22px;padding: 30px;}
	.inthr-left .inthr-pic{height: 700px;}
	.inthr-right .inthr-a:nth-child(1) .inthr-pic{height: 325px;}
	.inthr-right .inthr-a:nth-child(2) .inthr-pic{height: 373px;}
	.indfou-con{margin-top: 60px;}
	.indfiv-mo{height: 55px;line-height: 53px;}
	.indsix-letxt h4,.indsix-rtxt h4,
	.indfou-txt h4,.ind7-font h4{font-size: 20px;}
	.indsix-rtxt h5{font-size: 16px;}
	.indsix-left{padding-right: 50px;}
	.indsix-leul li,.indsix-leul li.indsix-num{padding: 30px 0 13px;}
	.indsix-letxt h3{font-size: 30px;margin-top: -10px;line-height: 40px;}
	.indsix-letxt h3 span:nth-child(1){font-size: 46px;line-height: 50px;}
	.indsix-letxt p{font-size: 16px;}
	.indsix-rta:hover .indsix-rtxt{padding: 0 30px 30px;}
	.indsix-rtxt{padding: 0 30px;}
	.indsix-rtul li{height: 240px;}
	.indseven-con{font-size: 0;}
	.indseven-left{width: 36.875%;float: none;display: inline-block;}
	.indseven-cent{float: none; width: 63.125%; display: inline-block;}
	.indseven-right {float: none;padding: 30px 0 0; width: 100%;position: relative; height: auto;}
	.ind7-ul{height: auto;}
	.ind7-pic{height: 380px;}
	.bottom-ul{margin: 0 -20px;}
	.bottom-ul ul{margin: 0 5% 0 0;}
}
@media  (max-width: 1259px) {
.banner{padding-top: 60px;}
.header-app{display: block !important;}
	.header{display: none !important;}
	.indone-pics{height: 500px;}
	.bottom-ul ul li:first-child a{font-size: 16px;}
	.bottom-ul ul li a, .bottom1-contact li, .bottom-ul ul li span{font-size: 14px;}
	.bottom-phone h4{font-size: 22px;}
	.bottom-logo{width: 136px;display: none;}
	.bottom-phone h5,.bottom-addr p,.bottom-web p{font-size: 14px;}
	.bottom-phone,.bottom-web,.bottom-addr{padding-left: 36px;}
	.bottom-phone{margin-top: 20px;}
	.bottom-ul{margin: 0 -15px;}
	.bottom-ul ul{margin: 0 15px;}
	.bottom-left{width: 186px;}
	.bottom-ul ul:last-child{margin-right: 0;}
	.foot-left{max-width: 80%;}
	.foot-right{max-width: 20%;}
	.foot-top{padding: 60px 0 60px;}
	.foot-botcon{padding: 26px 0;}
	.banner-font h3 em{font-size: 46px;line-height: 40px;vertical-align: middle;}
	.banner-font h3 span{font-size: 30px;line-height: 40px;vertical-align: middle;}
	.banner-font h4{font-size: 20px;margin-top: 10px;}
	.banner-font p{font-size: 16px;}
	.intwo-circle{width: 400px;height: 400px;}
	.intwo-mo{margin: 30px 0 0;}
	.intwo-txt h3{font-size: 22px;}
	.intwo-txt h4{font-size: 18px;}
	.intwo-pic{margin-right: 400px;height: 400px;line-height: 400px;}
	.indtwo-img{width: 90px;height: 90px;line-height: 90px;padding: 0 10%;}
	.indtwo-tag h5{font-size: 14px;}
	.index-tit h3 span{font-size: 30px;}
	.index-tit h3 em{font-size: 36px;line-height: 40px;}
	.intwo-txt{padding: 0 45px;}
	.intwo-mo img{width: 50px;}
	.indtwo-tag{margin-top: 16px;}
	.inthr-font{font-size: 24px;padding: 30px;line-height: 30px;}
	.inthr-right .inthr-font{font-size: 20px;padding: 30px;line-height: 30px;}
	.inthr-left .inthr-pic{height: 600px;}
	.inthr-right .inthr-a:nth-child(1) .inthr-pic{height: 275px;}
	.inthr-right .inthr-a:nth-child(2) .inthr-pic{height: 323px;}
	.indfou-con{width: 900px;}
	.indfou-pic{height: 477px;}
	.indfou-icon{width: 110px;height: 110px;line-height: 110px;}
	.indfou-icon img{height: 70%;}
	.indfou-font{width: 800px;bottom: 150px;}
	.indfou-txt{height: 110px;margin: 0; margin-left: 50px;padding: 20px 25px 0 76px;}
	.indsix-rtxt::before{width: 50px;height: 10px;}
	.indsix-rtul li{height: 200px;}
	.indsix-left{float: none;width: 100%;padding: 0;}
	.indsix-right{margin: 0;padding: 30px 0 0;}
	.indsix-letxt h3{font-size: 24px;margin-top: -10px;line-height: 30px;}
	.indsix-letxt h3 span:nth-child(1){font-size: 40px;line-height: 50px;}
	.indsix-leul li, .indsix-leul li.indsix-num{padding: 22px 0 13px;}
	.index-dec{margin: 9px 0 0;}
	.ind7-pic{height: 320px;}
	
}
@media (max-width:1023px) {
.bottom-left{width: 100%;}
}
@media (max-width:991px) {
	.more2{width: 160px;height: 46px;line-height: 46px;font-size: 16px;}
	.banner-font h3{font-size: 28px;line-height: 30px;}
	.banner .index-next, .banner .index-prev{display: none;}
	.banner .swiper-pagination{display: block;}
	.indfou-font{width: 90%;}
	.indfou-con{width: 100%;}
	.indfou-pic{height: 420px;}
	.indfou-bf{background-size: 100%;}
	.index-tit h4{font-size: 18px;margin-top: 9px;}
	.indfou-font {background: #fff; border-radius: 10px; padding: 20px;}
	.indfou-txt {height: auto; margin: 0;height: auto; margin-left: 50px; padding: 5px 0px 0 80px;}
	.indfou-txt h6{height: auto;}
	.indfou-font.on{position: relative;bottom: auto;}
	.index-four{padding: 60px 0;}
	.indsix-letxt h4, .indsix-rtxt h4, .indfou-txt h4, .ind7-font h4{font-size: 18px;}
	.indfou-nav a{width: 38px;}
	.indfou-nav a:nth-child(2){top: -12px;}
	.indfiv-mo{margin: 30px 0 0;}
	.indsix-leul li, .indsix-leul li.indsix-num{padding: 16px 0;}
	.indsix-leul li:first-child{padding-top: 0;}
	.indsix-letxt h3{font-size: 22px;margin-top: -10px;line-height: 30px;}
	.indsix-letxt h3 span:nth-child(1){font-size: 34px;line-height: 40px;}
	.ind7-tit{font-size: 18px;}
	.ind7-a,.ind7-ul{margin-top: 12px;}
	.ind7-pic{height: 290px;}
	.indseven-con{margin-top: 20px;}
	.indseven-cent{padding-left: 10px;}
	.ind7-font{padding: 20px;}
	.index-tit h3 span{font-size: 26px;}
	.index-tit h3 em{font-size: 30px;line-height: 40px;}
	.inthr-left .inthr-pic{height: 500px;}
	.inthr-right .inthr-a:nth-child(1) .inthr-pic{height: 225px;}
	.inthr-right .inthr-a:nth-child(2) .inthr-pic{height: 273px;}
	.inthr-right .inthr-font{padding: 20px;}
	.inthr-font{font-size: 22px;padding: 20px;}
	.indtwo-tags{float: none;width: 100%;font-size: 0;text-align: center;}
	.indtwo-tag{display: inline-block;padding: 0 30px;}
	.indtwo-tag h5{color: #333;}
	.indtwo-img{border-color: #dedede;}
	.intwo-fonts{float: none;width: 100%;margin-top: 30px;}
	.banner .swiper-pagination{bottom: 30px !important;}
	.intwo-txt h3{font-size: 20px;line-height: 30px;}
	.indthr-con{margin-top: 30px;}
	.indone-pics{height: 450px;}
	.indone-navul li.on h4{padding-bottom: 30px;}
	.indone-navul li{padding: 20px 15px 47px;}
	.indone-navul li.on{padding: 20px 15px 17px;}
	.indone-nav{margin-bottom: -30px;}
}
@media (max-width:767px) {
	.more{width: 145px;height: 42px;line-height: 40px;font-size: 16px;}
	.index-two, .index-five, .index-six, 
	.index-seven,.index-three, .index-four{padding: 40px 0;}
	.index-one{padding: 40px 0 0;}
	.index-tit h3{font-size: 22px;line-height: 30px;}
	.banner-font{margin: 0;}
	.banner-font h3 em{font-size: 36px;line-height: 30px;vertical-align: middle;}
	.banner-font h3 span{font-size: 26px;line-height: 30px;vertical-align: middle;}
	.banner-font h4{font-size: 18px;margin-top: 5px;}
	.banner-font{padding: 30px;}
	.banner-font p{margin: 12px 0 0;}
	.index-tit h3 span{font-size: 24px;line-height: 30px;}
	.index-tit h3 em{font-size: 26px;line-height: 30px;}
	.index-tit h4{font-size: 16px;margin: 5px 0 0;}
	.index-dec{font-size: 14px;line-height: 26px;}
	.indone-navul li h4{margin-top: 8px;font-size: 14px;line-height: 24px;}
	
	.indone-icon{width: 30px;height: 28px;}
	.indone-nav{margin-bottom: 0px;white-space: nowrap;overflow-x: auto;}
	.intwo-circle{width: 320px;height: 320px;}
	.intwo-pic{margin-right: 320px;height: 320px;line-height: 320px;padding-right: 30px;}
	.intwo-txt h3{font-size: 18px;}
	.intwo-txt h4{font-size: 16px;}
	.intwo-txt p{font-size: 14px;margin: 8px 0 0;}
	.intwo-mo{margin: 20px 0 0;}
	.intwo-txt{padding: 0 40px;}
	.indthr-con{margin-top: 20px;padding: 0 15px;background: transparent;}
	.inthr-right .inthr-font,.inthr-font{padding: 15px;font-size: 16px;}
	.inthr-left,.inthr-right{float: none;width: 100%;}
	.inthr-right .inthr-a:nth-child(1) .inthr-pic{height: 350px;}
	.inthr-right .inthr-a:nth-child(2) .inthr-pic{height: 400px;}
	.indone-pics{height: 400px;}
	.indone-navul li h4::before{width: 20px;height: 10px;}
	.indone-navul li.on h4{padding-bottom: 20px;}
	.indone-navul li,.indone-navul li.on{padding: 12px 15px;}
	.indone-navul li h4::before{display: none;}
	.indone-navul li h4,.indone-navul li.on h4{padding-bottom: 0;}
	.indone-icon{width: 25px;height: 23px;}
	.intwo-appcon,.indfou-appcon{display: block;margin-top: 20px;}
	.intwo-font{position: relative;width: 100%;}
	.indtwo-con{display: none;}
	.intwo-pic{margin: 0;padding: 0;text-align: center;padding: 0 20%;height: auto;line-height: normal;}
	.intwo-circle{margin: 30px 0 0; padding: 30px 0; border-radius: 10px;width: 100%;float: none;height: auto;}
	.intwo-txt{position: relative;top: auto;transform: none;padding: 0 20px;}
	.index-dec{margin: 4px 0 0;}
	.inthr-left .inthr-pic{height: 400px;}
	.inthr-right .inthr-a:nth-child(1) .inthr-pic{height: 200px;}
	.inthr-right .inthr-a:nth-child(2) .inthr-pic{height: 240px;}
	.indfou-nav,.indfou-fonts{display: none;}
	.indfou-con{margin-top: 20px;}
	.indfou-pic{height: 335px;}
	.indfou-bf{background-size: cover;}
	.indfou-appcon{margin-top: -20px;}
	.indsix-letxt h4, .indsix-rtxt h4, .indfou-txt h4, .ind7-font h4{font-size: 16px;}
	.indfou-txt h6 span,.indfou-txt h6 em{font-size: 14px;line-height: 26px;}
	.indfou-font{width: 100%;}
	.indsix-icon{width: 40px;height: 40px;line-height: 40px;padding: 0 10px;}
	.indsix-letxt{margin-left: 40px;padding: 5px 0 0; padding-left: 15px;}
	.indsix-letxt h3{font-size: 20px;}
	.indsix-letxt h3 span:nth-child(1){font-size: 30px;}
	.indsix-letxt p{font-size: 14px;line-height: 26px;margin: 0;}
	.indsix-rta:hover .indsix-rtxt,.indsix-rtxt{padding: 0 20px 25px;}
	.indsix-rta:hover .indsix-rtxt::before,.indsix-rtxt::before{opacity: 1;}
	.indsix-rtul li{height: 160px;}
	.indseven-left{width: 100%;}
	.indseven-cent{width: 100%;padding: 0;margin-top: 20px;}
	.indseven-right{padding: 20px 0 0;}
	.ind7-ul li h5{font-size: 16px;}
	.ind7-ul li{padding: 20px 0;}
	.banner .swiper-pagination{bottom: 25px !important;}
	.intwo-font:hover .intwo-mo img{transform: none;}
}
@media (max-width:640px) {
.foot-app .foot-ewm{float: none;max-width: 100%;width: 100px;margin: 0 auto;}
.foot-app .foot-rifont{float: none;text-align: center; margin: 20px 0 0; padding: 0;max-width: 100%;}
.foot-app .foot-share a{float: none !important;display: inline-block;}
.foot-spanli span,.foot-spanli span a{font-size: 14px;display: inline-block;margin-right: 0;margin-bottom: 0px;}
.banner img.bannerappimg{display: block;}
.banner img.bannerpcimg{display: none;}
.banner-cont{text-align: left;transform: none;}
.banner-font h4{font-size: 16px;padding-left: 0;}
.banner .swiper-pagination{text-align: center;bottom: 20px !important;}
.indone-tit,.indthr-tit{float: none;width: 100%;}
.indone-mo,.indthr-mo{float: none;margin: 15px 0 0;}
.index-two::before{display: none;}
.indthr-mo>a{margin: 0;}
.indsix-rtul li{height: 140px; width: 100%;border-bottom: 1px solid rgba(255,255,255,.2);}
.indsix-rtul li:last-child{border-bottom: none;}
.indsix-ba::before,.indsix-ba::after{display: none;}
.ind7-pic{height: 220px;}
.index-tit h3 span{font-size: 22px;}
.indfou-pic{height: 200px;}
.indfou-icon{float: none;width: 90px;height: 90px;line-height: 90px;border-width: 2px;}
.indfou-txt{margin: 10px 0 0;padding-left: 0;}
.inthr-left .inthr-pic{height: 340px;}
.indone-pics{height: 240px;}
.intwo-pic{padding: 0 10%;}
.bottom-phone{margin-top: 12px;}
.foot-centcon{padding-bottom: 20px;}
.banner-font p{display: none;}
.banner-font{max-width: 99%;width: 99%;padding: 15px 15px;position: absolute;top: 50%;left: 0px;transform: translateY(-50%) !important;}
.banner-font h3 em{font-size: 30px;}
.banner-font h3 span{font-size: 24px;}

}

@media (max-width:420px) {
	
}

@media  (max-width: 320px) {

}
.foot-app .foot-top{display: none;}

/* =============================== 内页 =========================== */

.ny-padd{padding: 80px 0;}
.ny-banner{background-size: cover;background-repeat: no-repeat;background-position: center;height: 400px;margin-top: 100px;}
.nybannerapp{display: none;width: 100%;}
.ny-menu{border-bottom: 1px solid #e5e5e5;}
.nymenu-con{position: relative;}
.bread{width: 100%;position: absolute;bottom: 0;left: 0;z-index: 3;}
.breadcon{padding: 15px 0;}
.breadcon a{display: inline-block;position: relative;padding-left: 0;margin-left: 9px; vertical-align: top;font-size: 16px;line-height: 30px;color: #999;font-family: 'PingFang-Medium';}
.breadcon a.bread-home{padding-left: 33px; display: inline-block;width: auto;height: auto;background: url(../images/homea.png)no-repeat left center;background-size: 22px 20px;}
.breadcon a::before{position: absolute;content: "";width: 6px;height: 9px;background: url(../images/bread.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%);}
.breadcon a:first-child::before{display: none;}
.breadcon a:first-child{margin-left: 0;}
.sec-black .breadcon a:hover{color: #3755ed;}
.sec-black .breadcon a::before{background-image: url(../images/breada.png);}
.sec-black .breadcon a.bread-home{background-image: url(../images/home.png);}
.nymenu-a{margin-left: 240px;font-size: 0;overflow-x: auto;white-space: nowrap;padding: 0 13px;}
.nymenu-a::-webkit-scrollbar {
  height: 5px;
  background-color: #dcdbdb;
}
.nymenu-a::-webkit-scrollbar-thumb {
  background-color: #e60012;
  border-radius: 10px;
}
.nymenu-a a{display: inline-block;font-size: 16px;line-height: 30px;color: #666;transition: ease .5s;padding: 15px 60px;border-right: 1px solid #e5e5e5;}
.nymenu-a a:last-child{border: none;}
.nymenu-a a.on,.nymenu-a a:hover{color: #d30c2e;}
.pagee{position: relative;width: 100%;text-align: center;padding: 0 38px;}
.pagee a{display: inline-block;font-size: 18px;line-height: 24px;color: #3a3e3f;font-family: "Arial";border-radius: 50%;transition: ease .5s;padding: 7px 14px;}
.pagee a.pagee-left{border: 1px solid #dbe0e2;padding: 6px 10px;position: absolute;left: 0;width: 38px;height: 38px;}
.pagee a.pagee-right{border: 1px solid #dbe0e2;padding: 6px 11px;position: absolute;right: 0;width: 38px;height: 38px;}
.pagee a i{display: block;font-weight: bold;color: #a3a7a9;transition: ease .5s;}
.pagee a.on,.pagee a:hover{background: url(../images/pagee-ba.png)no-repeat center;background-size: 100%;color: #fff;}
.pagee a.pagee-right:hover i,.pagee a.pagee-left:hover i{color: #fff;}
.pagee a.pagee-right:hover,.pagee a.pagee-left:hover{border-color: transparent;}

.info-pagee{position: relative;text-align: center;padding-top: 45px;margin-top: 50px;border-top: 1px solid #d6d6d6;}
.info-pagee a{display: inline-block;font-size: 14px;line-height: 38px;color: #333;transition: ease .5s;}
.info-pagee a img{display: inline-block;max-width: 100%;}
.info-pagee a i{display: inline-block; width: 38px;height: 38px;border-radius: 50%;text-align: center;line-height: 38px;font-weight: bold;font-size: 18px;color: #858e90;transition: ease .5s;border: 1px solid #e5eaeb;background: transparent;}
.info-pagee a:hover i{background: url(../images/pagee-ba.png)no-repeat center;background-size: cover;color: #fff;border-color: transparent;}
.info-pagee a.infopage-le{position: absolute;left: 0;top: 45px;padding-left: 43px; max-width: 33%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.info-pagee a.infopage-ri{position: absolute;right: 0;top: 45px;max-width: 33%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-right: 43px;}
.info-pagee a.infopage-ri i{position: absolute;right: 0;top: 0px;}

.info-pagee a.infopage-le i{position: absolute;left: 0;top: 0px;}

/* 分页 */

.lpage{font-size: 0;width: 100%;text-align: center;position: relative;margin-top: 30px;}
.lpage a{display: inline-block;min-width: 40px;height: 40px;vertical-align: top;font-size: 14px;background: #ececec;font-family: 'PingFang-Heavy';border-radius: 5px;line-height: 30px;color: #333;margin: 0 5px;padding: 0 10px;width: auto;text-align: center;transition: ease .5s;line-height: 40px;}
.lpage a.lpage-right,
.lpage a.lpage-left{color: #777;}
.lpage a.lpage-right:hover,
.lpage a.lpage-left:hover{background: #0069c2;color: #fff;}
.lpage a.on{background: #0069c2; color: #fff;}
.lpage a:hover{background: #0069c2; color: #fff;}
.lpage a.on:hover{border-color: #0069c2;}
.lpage a em{font-size: 20px;font-weight:600;}
/* ==============anchor============= */
.anchor { position: fixed;  top: 0;  left: 0;  width: 100%;   z-index: 490;  background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);  text-align: center;  display: none;}
.anchor li {  display: inline-block;  vertical-align: middle;  margin: 0 5px; padding: 15px 0;}
.anchor li a {  display: block;  padding: 0 26px; font-size: 14px;  line-height: 34px;  text-align: center; color: #333;  border-right: 1px solid #dfdfdf;   transition: all .3s;}
.anchor li:last-child a{border-right: none;}
.anchor li.on a, .anchor li a:hover{color: #fff;;border-color: transparent;background: #3f71db;}

/* ===============nav-second=========== */
.appsecond-nav {position: relative;display: none;z-index: 200;}
.bot { position: absolute; top: 48px; background: #fff; z-index: 10;}
.se-bot { width: 100%; display: none;}
.se-top { height: 48px; line-height: 48px; border-bottom: solid 1px #d8d8d8; position: relative;}
.se-top1 { background: #fff; }
.se-top .se-a { color: #444; font-size: 16px; display: block; padding: 0px 20px;}
.se-tig.P_tig { font-size: 16px; color: #333; text-align: center; transition: all .5s; line-height: 48px; width: 48px; height: 48px; position: absolute; right: 0; top: 0; z-index: 2;}
.se-btop { height: 48px; line-height: 48px;}
.se-a1 { color: #444; font-size: 16px; padding: 0px 20px; display: block;}
.se-a1.hover { color: #fff; background: #3f71db; border-bottom: solid 1px #fff;}
.se-tig.P_tig.open { transform: rotateZ(90deg); opacity: 1;}
.se-bottom{display: none;background:white;}
.se-bottom a{display: block;font-size: 14px;color: #888;border-bottom: 1px solid #eee;padding: 10px 30px;}
/* .se-bottom a:last-child{border-bottom: none;} */
.se-bottom a.on{font-weight: bold;}
.se-btop.active .se-tig.P_tig{color: #fff;}
.se-btop.active .se-a1{background: #10a2a3;color: #fff;border-bottom: 1px solid #fff;}


.nybanner {margin: 0; position: relative; height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.nybanner img.ny-app {display: none;}
.ny-font {width: 100%;position: absolute;top: 50%;transform:translateY(-50%);z-index: 11;}
.ny-cont{text-align: center;width: 100%;color: #fff;}
.ny-cont h4{font-size: 60px;line-height: 72px; font-family: 'PingFang-Bold';}
.ny-cont p{margin-top: 20px; font-size: 18px;line-height: 30px; font-family: 'PingFang-Bold';}

.ny-mbx {height: 60px;line-height: 60px;border-bottom: 1px solid rgba(119,119,119,.3);}
.com-mbx{padding-left: 18px;padding-bottom: 19px;}
.com-mbx a{font-size: 16px;color: #fff;}

.ban-nav.left{float: left;}
.ban-nav .com-ul{margin: 0;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
.ban-nav .com-ul::-webkit-scrollbar {
 height: 5px;
 background: url(../images/scroll2.png)repeat-x center;
}
.ban-nav .com-ul::-webkit-scrollbar-thumb {
 background:url(../images/scroll1.png)repeat center;
 border-radius: 10px;
}
.ban-nav .com-ul li a{text-align: center; color: #333;transition: all 0.5s;display: block;padding: 0 20px;font-size: 16px;}
.ban-nav .com-ul li{width: 20%;height: 60px;line-height: 60px;position: relative;padding: 0;}
.ban-nav .com-ul li::after{
  transition: all 0.5s;
  content: "";display: block;background-color: #d30c2e;
  position: absolute;top:50%;left: 50%;width: 0%;height: 0%;transform: translate(-50%,-50%);
}

/* 公共按钮的hover */
.com-hover {display: inline-block;position: relative;background: transparent;z-index: 1;}
.com-hover::before{
  content:""; width:100%; height:100%; background-color:#d30c2e; position:absolute; left:0; bottom:0; transform-origin:100%; 
  -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); 
  transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: -1;
}

.case .ny-wrap li:hover .com-hover::before,
.com-hover.on::before,
.com-hover:hover::before{transform:scaleX(1); -webkit-transform:scaleX(1);transform-origin:0%; 
  -webkit-transform-origin:0%; }
.com-hover:hover a,
.com-hover.on a{color: #fff!important;}



.ny-tit{font-size: 40px;color: #333;text-align: center;}
.ny-dec{font-size: 18px;color: #777;text-align: center;margin-top: 0px;line-height: 30px;margin-top: 13px;}
.p-style{display: block;}

.com-ul {margin: 0 -12px;font-size: 0;}
.com-ul li { float: none; width: 33.33%; padding: 0 12px; display: inline-block; vertical-align: top;}
.com-ul li:hover .swxt-img img{transform: scale(1.05);}
.com-swxt {display: block;position: relative;transition: all 0.5s;}


@media  (max-width: 1259px) {
	.ny-banner{margin-top: 60px;height: 350px;}
}

@media  (max-width: 767px) {
	.appsecond-nav{display: block;}
.ny-padd{padding: 30px 0 40px;}
.nymenu-a,.bread-a,.bread-icon{display: none;}
.bread-tit h3{font-size: 28px;}
.bread-tit h4{font-size: 18px;}
.ny-banner{height: 300px;}
.info-pagee a.infopage-le,.info-pagee a.infopage-ri{top: 25px;}
.info-pagee{padding-top: 25px;margin-top: 30px;}
.anchor{display: none !important;}
.header-app{display: block !important;}
.bread{display: none;}
}
@media  (max-width: 640px) {
.anchor{display: none !important;}
.header-app{display: block !important;}
.pagee a{font-size: 17px;}
.nybannerapp{display: block;}
.ny-banner{height: auto;background: none;}
.bread-tit{padding-left: 10px;}
.bread-tit h3{font-size: 24px;line-height: 30px;}
.bread-tit h4{font-size: 16px;letter-spacing: 0;}
.info-pagee a.infopage-le,.info-pagee a.infopage-ri{position: relative;top: 0;max-width: 100%;padding: 0 43px;}
.info-pagee a{display: block;}
.info-pagee a i{font-size: 16px;line-height: 34px;width: 34px;height: 34px;}

}
@media  (max-width: 360px) { 
	.lpage a{margin: 0 5px;}
	.lpage a em{font-size: 17px;}
}
/* ============================solution 解决方案 ======================= */
.header.black .header-call{color: #333;}

.sec-black{margin-top: 100px;}
.sec-black .bread{position: relaive;bottom: auto;top: 0;background: #f6f6f6;}

@media  (max-width: 1459px) {
	.header.black .header-language,
	.header.black.on .header-language{margin-left: 25px;}
	.header.black .header-search,
	.header.black.on .header-search{margin-left: 16px;}
	.breadcon{padding: 15px 0;}
	
}

@media  (max-width: 1259px) {
	.sec-black{margin-top: 60px;}
	.breadcon{padding: 10px 0;}
	
	
}
@media  (max-width: 991px) {
	
}
@media  (max-width: 767px) {
	
.sec-black .bread{display: block;}
}
@media  (max-width: 640px) {

}
/* ===================== brand 品牌优势 ================== */
.brand{}
.brand-tit{text-align: center;}
.brand-tit h{display: block;color: #333;font-size: 36px;line-height: 48px;}
.brand-tit d{ font-family: 'PingFang-Bold';}
.brand-tit span{}
.brand-tit em,.brand-dec em{color: #e60012;}
.brand-dec{margin-top: 14px; font-size: 16px;line-height: 30px;color: #333;font-family: 'PingFang-Medium';text-align: center;}
.brand-content{}
.brand-one{padding: 72px 0 80px;}
.brand1-left{width: 25%;float: left;background-color:#1d6da0;text-align: center;padding: 76px 59px;height: 100%;overflow-y: hidden;}
.brand1-con{position: relative;margin-top: 1.5%;overflow-y: hidden;background-color: #1d6da0;}
.brand1-pic{position: relative;width: 75%;float: left;}
.brand1-picimg{width: 100%;display: none;position: relative;}
.brand1-picimg p{position: absolute;left: 50%;bottom: 4%;transform: translateX(-50%);}
.brand1-l1{display: none;}
.brand1-l1.on{display: block;}
.brand1-picimg.on{display: block;}
.brand1-left h3{margin-bottom: 2.5%;}
.brand1-tit{line-height: 1.7em;margin: 4.8% 0 15%;}
.index-btn{margin: auto;text-align: left;margin-bottom: 35.5%;}
.brand1-left .more{background: #1d6da0;}
.brand1-left .more::before{background-color: #075ba2;}
.brand1-left .day span{opacity: .3;margin-left: 2px;}
.brand1-left em{width: 1px;height: 95px;background-color:rgba(255,255,255,.3);display: block;margin:50px auto;}
.brand1-left .noindex{font-size: 160px;color: rgba(255,255,255,.2);font-family: Roboto;font-weight: bold;line-height: .8em;}
.brand1-font{width: 75%;float: left;}
.brand1-ul{background: #e6eef6;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: space-between;}
.brand1-ul li{float: left;width: 25%;position: relative;cursor: pointer;border-right: 1px solid rgba(7,91,162,.1);margin: 1% 1.3% 0 0;}
.brand1-ul li img{width: 100%;}
.brand1-ul li:first-child{margin-left: 2.3%;}
.brand1-ul li:last-child{border: none;}
.brand1-ul li::before{position: absolute;z-index:10;content: "";width: 0;height: 100%;background: #075ba2;left: 0;top: 0;transition: ease .5s;opacity: .8;}
.brand1-ul li.on{}
.brand1-ul li.on::before{width: 100%;}
.brand1-ul li.on .brand1-txt h4,.brand1-ul li.on .brand1-txt span{color: #fff;}
.brand1-txt{position: relative;}
.brand1-txt span{display: block;font-size: 16px;line-height: 30px;color: #FFFFFF;font-family: "SourceHanSansCN-Regular",'PingFang-Medium';text-align: center;position: absolute;left: 50%;top: 50%;z-index: 11;transform: translate(-50%,-50%);width: 100%;}
.brand1-txt h4{margin-top: 16px; font-size: 16px;line-height: 30px;color: #333;font-family: 'PingFang-Medium';}
.brand1-txt h4 em{font-size: 48px;}
.brand1-txt h4 d{}

.brand-two{position: relative;padding: 94px 0 100px; background-size: cover;background-position: center;background-repeat: no-repeat;}
.brand-two .brand-tit h,.brand-two .brand-dec{color: #fff;}
.brand-two .brand-dec{margin-top: 18px;}
.brand2-con{margin-top: 28px;}
.brand2-dec{font-size: 18px;line-height: 24px;color: #fff;text-align: center;}
.brand2-dec em{display: block;}
.brand2-cont{padding: 0 240px;margin-top: 82px;}
.brand2-ul{margin: 0 -40px;}
.brand2-ul li{float: left;width: 20%;text-align: center;padding: 0 40px;}
.brand2-ul li a{display: block;}
.brand2-pic{font-size: 0;}
.brand2-pic img{display: inline-block;}

.brand-three{}
.brand-three .brand-dec{font-family: 'PingFang-Bold';}
.brand3-top{padding: 80px 0 74px;}
.brand3-bot{margin: 0 -72px;padding: 77px 72px 80px;}
.brand3-tit{color: #fff;font-size: 36px;line-height: 40px;text-align: center;font-family: 'PingFang-Bold';}
.brand3-con{margin-top: 60px;}
.brand3-ul{margin: -16px -8px 0;}
.brand3-ul li{float: left;width: 33.33%;padding: 0 8px;margin-top: 16px;}
.brand3-ul li>div{position: relative;}
.brand3-pic{position: relative;overflow: hidden;width: 100%;height: 282px;}
.brand3-bf{position: absolute;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;left: 0;top: 0;transition: ease .8s;}
.brand3-ul li:hover .brand3-bf{transform: scale(1.1);}
.brand3-font{position: absolute;width: 100%;left: 0;bottom: 0;padding: 20px 25px 44px; color: #fff;font-size: 18px;line-height: 24px;text-align: center;font-family: 'PingFang-Bold';}

.brand-four{padding: 72px 0 80px;}
.brand-four .brand-dec{font-size: 18px; font-family: 'PingFang-Bold';}
.brand4-con{margin-top: 36px;}
.brand4-ul{}
.brand4-ul li{float: left;background: #ebebeb;width: 33.333%;transition: ease .6s;text-align: center;border-bottom: 1px solid #fff;border-right: 1px solid #fff;}
.brand4-ul li:last-child{width: 66.666%;}
.brand4-font{padding: 56px 74px 49px;}
.brand4-icon{margin: 0 auto;overflow: hidden; width: 42px;height: 42px;line-height: 42px;text-align: center; border-radius: 50%;background: #075ba2;transition: ease .6s;}

.brand4-icon img{display: inline-block;vertical-align: middle;transition: ease .6s;}
.brand4-ul li:hover .brand4-icon img{transform: translateY(-42px);}
.brand4-ul li:hover .brand4-icon{background-color: #fff;}
.brand4-font h3{margin-top: 15px;font-size: 18px;line-height: 30px;color: #333;font-family: 'PingFang-Bold';}
.brand4-p{font-size: 16px;line-height: 30px;color: #333;height: 60px;}
.brand4-p span{}
.brand4-p em{color: #075ba2;}
.brand4-ul li:hover{background: #075ba2;}
.brand4-ul li:hover .brand4-font h3,
.brand4-ul li:hover .brand4-p,
.brand4-ul li:hover .brand4-p em{color: #fff;}
.banner-main2{width: 100%;position: relative;padding:79px 0 27%;}
.banner-main2 .title2{font-size: 18px ;color: #666666;margin-bottom: 7px;}
.banner-main2 .about-font2 h3{text-align: center;margin-bottom: .6%;}
.banner-main2 .about-font2 p{color: #888888;text-align: center;width: 53%;}
.banner-main2 .abt1-ul{top: 67%;margin-left: 0;    left: 50%;
    transform: translate(-50%,-50%);}
.banner-main2 .abt1-ul ul {width: 100%;}
.banner-main2 .abt1-ul ul li em{width:50px;height:50px;float: left;margin-right:5% ;border: solid 1px #DEDEDE;text-align: center;line-height: 50px;border-radius: 50%;margin-top: 6%;transition: all 1s;}
.banner-main2 .abt1-ul ul li em:hover{background:#5896e1;}
.banner-main2 .abt1-ul ul li{width: 30%;clear: both;
    margin: 0px 32% 0 4%;}
.banner-main2 .abt1-ul ul li:nth-child(2),.banner-main2 .abt1-ul ul li:nth-child(4){margin:0 0 1% 0;}
.banner-main2 .abt1-ul li>div{border-bottom: 1px solid #dddddd;}
.banner-main2 .stop{z-index: 2;transition: all 1s;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border-radius: 50%;}
.banner-main2 .abt1-pic3{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
 .banner-main2 .stop:hover{background-color:rgba(4,56,120,.5);}
.banner-main2 .abt1-ul li h3 {
	font-family: Roboto;
	font-weight: 300;
    color: #333333;
    font-size: 0;
	margin-left:23%;
}
.banner-main2 .abt1-ul li p {
	padding-left: 25%;
    color: #666666;
}
.banner-main4{padding: 0 8%;width: 100%;height: 728px;}
.banner-main4 .main4-left{width: 20%;float: left;border-right: 1px solid #e5e5e5;height: 100%;    padding: 16.5% 0 0 0%;}
.banner-main4-btn{display: none;}
.main4-left h3{margin-bottom: 5.5%;}
.main4-left .more{margin-top: 15.5%;}
.banner-main4 .main4-right{border:1px solid #e5e5e5;border-top: none;border-bottom: none;}
.banner-main4 .main4-center,.banner-main4 .main4-right{float: left;width: 40%;}
.banner-main4 .center{width:100%;height:364px;padding: 16.5% 20px 0 25px;cursor: pointer;}
.banner-main4 .center:hover{/* padding: 0; */}
.banner-main4 .center:hover h3{/* display: none; */font-weight: bold;color: #3f71db;}
.banner-main4 .center:hover p{/* display: none; */}
.banner-main4 .center:hover img{/* opacity: 1; */transform: translate(-25px, -50%);}
.banner-main4 .center h3{margin-bottom: 4.5%;line-height: 24px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.banner-main4 .center img{width: 100%;margin: auto;position: absolute;top: 50%;transform: translate(-25px, -190%);/* opacity: 0; */transition: .6s;}
.banner-main4 .pic{overflow: hidden;position: relative;}
.banner-main4 .center p{color: #888888;line-height: 1.8em;}
.banner-main4 .center-bot{margin-top: 8.5%;}
.banner-main4 .center:first-child{border-bottom: 1px solid #e5e5e5;}
@media  (max-width:1919px) {
	.brand3-bot{margin: 0;}
	.brand2-cont{padding: 0 100px;}
	.brand1-left .noindex{font-size: 8vw;}
	.brand1-left em{height: 15vh;} 
	 .index-btn{margin-bottom: 15%;}
	 .brand1-left{padding: 2%;}
	 .banner-main4 .main4-left {
    width: 20%;
    float: left;
    border-right: 1px solid #e5e5e5;
    height: 100%;
    padding: 16.5% 2% 16.5% 0%;
	
	}
	.main4-left .more{
		width: 80%;
		
		margin:20% auto 0;
	}
}
@media  (max-width:1660px) {
	.brand3-bot{margin: 0;}
	.brand2-cont{padding: 0 100px;}
}

@media  (max-width:1459px) {
	.banner-main4{height: 570px;}
	.banner-main4 .center{height: 280px;}
	.brand1-left .noindex{font-size: 8vw;}
	 .index-btn{margin-bottom: 20%;}
	.brand1-left em{height: 10vh;margin: 10px auto;}
	.banner-main2 .about-font2 p{
		width: 60%;
	}
	.head_main .banner-font .index-main span {
		font-size: 40px;
		line-height: 2em;
	}
}
@media  (max-width:1180px) {
	.brand1-left .noindex{font-size: 8vw;}
	 .index-btn{margin-bottom: 20%;}
	.brand1-left em{height: 10vh;margin: 10px auto;}
	.main4-left .more::after{
		right: 10%;
	}
}
@media  (max-width:1024px) {
	.banner-main4{height: 480px;}
	.banner-main4 .center{height: 240px;}
	.brand1-left .noindex{font-size: 8vw;}
	 .index-btn{margin-bottom: 7%;}
	.brand1-left em{height: 6vh;margin: 10px auto;}
	.main4-left .more::after{
		right: 10%;
	}
	.banner-main2 {
	    padding:25px 0 27%;
	}
	.banner-main4 .center{
		padding: 8.5% 6% 0px 6%;
		}
	.banner-main4 .center h3 {
		line-height: 1.5em;
	}
	.banner-main4 .center-bot {
	    margin-top: 3.5%;
	}
	.banner-main4 .center img{
		/* left: 50%; */
		transform: translate(-25px, -190%);
	}
	.head_main .banner-font .index-main span {
		font-size: 28px;
		line-height: 40px;
		margin-bottom: 0;
	}
	.banner-font .banner-h3-2{
		margin-bottom: 2%;
	}
}
@media  (max-width:991px) {
	.brand3-pic{height: 180px;}
	.brand-tit h{font-size: 24px;line-height: 34px;}
	.brand1-txt h4 em{font-size: 20px;}
	
	.brand2-ul li{width: 25%;margin-top: 20px;}
	.brand2-ul{margin-top: -20px;}
	.brand1-ul li{padding: 28px 13px;}
	.brand3-top{padding: 60px 0 40px;}
	.brand3-tit{font-size: 20px;}
	.brand3-bot{padding: 50px 20px;}
	.brand-four .brand-dec{font-size: 16px;}
	.brand4-font{padding: 40px 30px;}
	
}
@media  (max-width:768px){
	.banner-main4 .center{height:auto;border-bottom: 1px solid #e5e5e5;padding: 16px 10px;}
	.brand1-con {background-color: none;}
	.banner h5{display: none;}
	.banner .index-main{width:120%;}
	.brand1-left{display: none;}
	.brand1-pic,.brand1-font{width: 100%;}
	.brand1-ul li {
	   padding: 0;
	}
	.banner-main4 .center img{display:none}
	.banner-main2 .about-font2 p {
	    width: 100%;
	    padding: 0 15px;
	}
	.banner-main2 {
	    padding: 25px 0 40%;
	}
	.banner-main4 .main4-left{
		text-align: center;
		width: 40%;
		height: 480px;
	}
	.main4-left .more {
	    width: 60%;
	    margin: 20% auto 0;
		text-align: left;
	}
	.banner-main4 {
	  height: 720px;
	  padding: 0;
	}
	.banner-main4 .main4-center{
		width: 60%;
	}
	.banner-main4 .main4-right{
		width: 100%;
		height: 240px;
		border:1px solid #E5E5E5;
		
	}
	.banner-main4 .main4-right .center:nth-child(1){
		width: 40%;float: left;
		border: none;
	}
	.banner-main4 .main4-right .center:nth-child(2){
		width: 60%;float: left;
	}
} 
@media  (max-width:767px) {
	.brand-one,.brand3-top,.brand-four{padding: 40px 0;}
	.brand-tit h{font-size: 22px;line-height: 32px;}
	.brand1-con,.brand2-cont,.brand3-con,.brand4-con{margin-top: 20px;}
	.brand1-ul li,.brand1-ul li:last-child{width: 50%;border-top: 1px solid rgba(7,91,162,.1);}
	.brand1-ul li:nth-child(1),.brand1-ul li:nth-child(2){border-top: none;}
	.brand1-txt h4 em{font-size: 18px;}
	.brand-two{padding: 40px 0;}
	.brand2-ul li{width: 33.333%;}
	.brand3-top{padding: 40px 0 30px;}
	.brand3-bot{padding: 40px 15px;}
	.brand3-font{padding: 15px;}
	.brand3-pic{height: 160px;}
	.brand3-ul li{width: 50%;}
	.brand4-ul li{width: 100%;}
	.brand4-font h3{font-size: 16px;}
	.brand4-p{font-size: 14px;line-height: 24px;height: auto;}
	.brand4-font{padding: 30px 20px;}
	.brand1-ul li:nth-child(even){border-right: none;}
	.banner .index-main{width: 100%;}
	.banner-font {text-align: center;}
	.banner .swiper-slide-active .banner-cont {
	    bottom: 0px;
	    left: 0;
	    /* transform: translateY(50%); */
	    height: 100%;
	    background: #00000063;
	 }
	.banner .swiper-pagination-bullets {
	    width: 100%!important;
	    padding-left: 0%!important;
	}
	.banner .swiper-pagination-bullet{
		display: inline-block;
		margin: 0 5px!important;
	}
	.banner .swiper-pagination-bullet::after{
		display: none;
	}
	.banner .swiper-pagination {
	    top: 83% !important;
		}
	.brand1-ul li{
		width: 50%;
		margin: 0!important;
	}
	.brand1-picimg p{
		width: 100%;
		left: 0;
		transform: translate(0);
		text-align: center;
	}
	.banner-main2 .abt1-ul ul li {
		width: 45%;
		margin: 0;
	}
	.banner-main2 .abt1-ul ul li:nth-child(2), .banner-main2 .abt1-ul ul li:nth-child(4){
		margin: 0px 0 60% 10%;
	}
	.banner-main2 .abt1-ul ul li em {
		margin-top: 0;
	}
	.banner-main2 .abt1-ul li p{
		padding:0 12.5% ;

	}
	.abt1-ul li p {
	    width: 100%;
	    margin: 25px 0 0!important;
	    text-align: center;
	}
	.banner-main2 .abt1-ul li>div {
	    border-bottom: none;
	}
	.banner-main2 .abt1-ul li h3 {
		margin-left: 0;
		padding-top: 7%;
	}
	.banner-main2 .abt1-pic3,.banner-main2 .stop {
		top: 33%;
	}
	.banner-main2 {
		padding: 25px 0 0;
		height: 650px;
	}
	.banner-main .banner-main2 .abt1-ul li p{
		margin: 10px 0 0 0!important;
	}
	.banner-main .banner-main2 .abt1-ul li h3{
		text-align: left;
	}
	.banner-main2 .abt1-ul{
		width: 100%;
		top: 82%;
	}
	.about1-bot{
		margin-bottom: -43%;
	}
	.banner-main4 .main4-left{
		    width: 100%;
		    height: 90px;
		    padding:25px 0 0;
			border-bottom: 1px solid #E7E7E7;
	}
	.main4-left h3{
		margin-bottom: 2.5%;
	}
	.main4-left .more{
		width: 37%;
		margin: 20px auto 0;
		display: none;
	}
	.banner-main4{
		height: auto;
		padding-bottom: 40px;
	}
	.banner-main4 .main4-right{
		height: 480px;
		display:none;
	}
	.banner-main4 .main4-right .center{
		width: 100%;
		height: auto;
	}
	.banner-main4 .main4-right .center:nth-child(1) ,.banner-main4 .main4-right .center:nth-child(2){
		width: 100%;
	}
	
	.banner-main4 .main4-center{
		width: 100%;
	}
	.banner-main4-btn{
		display: block;
		margin: 0 auto;
		top: 20px;
	}
}
@media (max-width: 640px) {
	.brand3-ul li{width: 100%;}
	.brand2-ul li{width: 50%;}
	.banner-cont{text-align: left;/* transform: none !important; */}
}

/* =================== 产品列表 product ====================== */
.product{background: #f6f6f6;}
.product-content{padding: 70px 0 73px;}
.product-one{}
.pro1-con{position: relative;}
.pro1-main{line-height: 2em; margin: 3% 0;}
.pro1-ul{margin: -20px -10px 0;}
.pro1-ul li{float: left;width: 50%;padding: 0 10px;margin-top: 20px;}
.pro1-a{display: block;position: relative;height: 300px;line-height: 300px;font-size: 0;background-color: #FFFFFF;}
.pro1-a>span{display: block;position: absolute;padding: 5px 14px;font-size: 16px;line-height: 30px;left: 0;top: 0;color: #fff;}
.pro1-a>span.pro-hot{background: #d7272c;}
.pro1-a>span.pro-new{background: #3755ed;}
.pro1-pic{font-size: 0;padding: 0 46px 0 0;text-align: center;float: right;width: 50%;height: 300px;line-height: 300px;position: relative;}
.pro1-pic img{display: inline-block;vertical-align: middle;transition: ease .8s;max-height: 70%;}
.pro1-font{width: 50%; margin-right: 0;padding-left: 65px; display: inline-block; vertical-align: middle;}
.pro1-p{max-height: 90px;margin-top: 24px;}
.pro1-a h3{font-size: 26px;line-height: 40px;color: #333;transition: ease .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.pro1-a p{font-size: 16px;line-height: 30px;color: #666;word-break: break-all;}
.pro1-a p img{margin-left:2%;}
.pro1-a:hover .pro1-pic img{transform: scale(1.1);}
.pro1-a:hover h3{color: #003a81;}
.proinfo-top{padding-bottom:70px;}
.proinfotop-left{width: 29%;float: left;overflow: hidden;background-color: #FFFFFF;}
.proinfo-top:hover img{transform: scale(1.1);}
.proinfotop-left img{transition: ease .8s;}
.proinfotop-right{width: 70%;float: left;padding: 4.5% 0 0 3.6%;}
.proinfotop-right h3{line-height: 1.5em;font-weight: bold;}
.proinfo-top:hover h3{color: #003a81;}
.proinfotop-right .right-p{line-height: 1.5em;width: 75%;margin-top: 10px;}
.proinfotop-right .pro1-p{margin-top: 5.8%;}
.product-two{padding: 70px 0;}
.proinfo .swiper-container{padding-bottom: 3.7%;}
.proinfo .swiper-container .pro2-font {
    padding: 12px 0;
	}
.pro2-nav{}
.pro2-navul{font-size: 0;margin: 0;margin-left: -2.4%;display: flex;}
.pro2-navul li{display: inline-block;overflow: hidden;position: relative;padding-left: 5px;width: 18%;text-align: center;}
.pro2-navul li:last-child{width: auto;/* text-align: right; */}
.pro2-navul li:nth-last-child(2){/* width: 22%; */}
.pro2-navul li a::before{content: " ";position: absolute;left:15%;width: 3px;height: 80%;background: #003A81;top:10%;opacity: 0;}
.pro2-navul li:last-child a::before{left: 0%;}
.pro2-navul li:nth-last-child(2) a::before{left:12% ;}
.pro2-navul li:nth-last-child(4) a::before{left:10% ;}
.pro2-navul li a{padding-bottom: 0;display: block;font-size: 20px;line-height: 30px;color: #999;border-bottom: 1px solid transparent;transition: all .3s;text-align: center;}
.pro2-navul li.on a{color: #003a81;border-color: #003a81;}
/* .pro2-navul li:last-child:hover{text-align: center;} */
.proinfo .pro2-navul li.active a{color: #003a81;font-size: 22px;}
.pro2-navul li:hover,.pro2-navul li.active{padding: 0 0 0 15px;font-weight: bold;}
.pro2-navul li.active a {color: #003a81;}
.pro2-navul li:hover  a::before,.pro2-navul li.active a::before{opacity: 1;}
.pro2-con{margin-top: 60px;}
.pro2-ul{margin: -26px -15px 0;font-size: 0;}
.pro2-ul li{margin-top: 26px;display: inline-block;vertical-align: top; width: 33.333%;padding: 0 15px;}
.pro2-a{display: block;}
.pro2-pic{overflow: hidden;background: #f6f6f6;text-align: center;}
.pro2-pic img{display: inline-block;transition: ease .8s;}
.pro2-a:hover .pro2-pic img{transform: scale(1.1);}
.pro2-a:hover .pro2-font i{color: #FFFFFF;margin-right:20px;transition: all 1s;border: 1px solid #FFFFFF;}
.pro2-a:hover .pro2-font{padding-left:20px;transition: all 1s;}
.pro2-a:hover .pro2-font{color: #FFFFFF;background-color: #1f5fae;}
.pro2-font{padding: 20px  0; font-size: 18px;line-height: 30px;color: #666;border-bottom: 1px solid #dbdbdb;transition: all 1s;}
.pro2-font h4{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 40px;line-height: 40px;padding: 0 5px;}
.pro2-font h4 i{color: #000000;display: inline-block;border: 1px solid #999999;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;text-align: center;float: right;transition: all 1s;}
.pro-page{margin-top: 39px;font-size: 0;text-align: center;}
.pro-page a{display: inline-block;font-size: 16px;line-height: 30px;color: #b9b9b9;}
.pro-page em{margin-left: 10px;}

@media (max-width: 1679px) {
	.pro2-navul li a{padding-bottom: 0;padding-left: 50px;}
	
}
@media (max-width: 1459px) {
	.product-content{padding: 60px 0;}
	.pro1-font{padding-left: 40px;}
	.proinfo-top {
	    padding-bottom: 60px;
	}
	.pro1-a h3{font-size: 26px;}
	.pro1-a,.pro1-pic{height: 260px;line-height: 260px;}
	/* .pro2-navul{margin: 0 -30px;}
	.pro2-navul li{margin: 0 30px;}
	.pro2-navul li a{padding-bottom: 0;font-size: 18px;} */
	.product-two{padding: 60px 0 0;}
	.pro2-font{font-size: 20px;}
	.pro-page{margin-top: 30px;}
	.pro2-navul li:hover a{font-size: 22px;}
}
@media (max-width: 1259px) {
	.pro2-font{font-size: 18px;}
	.pro1-a h3{font-size: 24px;line-height: 30px;}
	.pro1-ul li{width: 100%;}
	.pro1-a,.pro1-pic{height: 300px;line-height: 300px;}
	.pro1-pic img{max-height: 75%;}
	.pro2-navul li a{padding-bottom: 0;font-size: 16px;}
	.pro1-p{margin-top: 15px;}
	.pro1-a>span{font-size: 14px;padding: 5px 10px;}
	.pro2-navul li:hover a{font-size: 18px;font-weight: bold;}
	.pro2-font h4 em {
	width: 25px;
	height: 25px;
	font-size: 12px;
	line-height: 25px;
	margin-top: 7.5px;
	margin-left: 10px;
	}
}
@media (max-width: 991px) {
	.pro2-ul li{width: 50%;}
	.breadcon a{font-size: 14px;margin-left: 0;}
	.pro2-con{margin: 30px 0 0;}
}
@media (max-width: 768px) {
	.pro2-navul li {width: 15.1%;}
	.pro2-navul li a::before {left: 5%!important;display: none;}
	.pro2-navul li:nth-last-child(4){/* width:19.5%; */}
	.pro2-navul li:hover a{font-size: 16px;font-weight: bold;}
	}
@media (max-width: 767px) {
	.pro2-font{font-size: 16px;padding: 5px 0;}
	.pro2-font h4 i{  
	    margin-top:5px;  
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.pro2-navul li{margin: 0 20px;width: 200px;}
	.pro2-navul{margin: 0 -20px;display: none;}
	.product-two .pro2-nav .pro2-navul{display:block;margin-bottom: 18px;}
	.pro2-con{margin-top: 0;}
	.product-content{padding: 40px 0;min-height: 40vh;}
	.pro1-a h3{font-size: 20px;line-height: 30px;}
	.pro1-a p{font-size: 14px;line-height: 26px;}
	.product-two{padding: 40px 0 0;}
	.pro1-a,.pro1-pic{height: 240px;line-height: 240px;}
	.pro2-con{margin: 0 0;}
	.bot-link a img {
	    position: absolute;
	    right: 2px;
	    top: 27%;
	}
	
}
@media (max-width: 640px) {
	.pro1-a h3{font-size: 18px;line-height: 30px;}
	.pro2-ul li{width: 100%;}
	.pro1-pic{padding: 0 10%; float: none;width: 100%;height: 200px;line-height: normal;}
	.pro1-pic img{max-height: 100%;}
	.pro1-a{padding: 40px 0 25px; height: auto;line-height: normal;}
	.pro1-font{padding: 20px 20px 0;display: block;width: 100%;}
	.pro1-a>span{padding: 3px 10px;}
	.pro1-p{max-height: none;height: auto;}
	/* .pro2-font{margin: 12px 0 0;} */
	.pro-page{margin-top: 25px;}
	
}
@media (max-width: 320px) {

}
/* =================== 产品详情 proinfo ====================== */
.proinfo{}
.pri-tit{font-size: 32px;line-height: 40px;color: #333;font-weight: bold;text-align: center;}
.pri-tit span{display: inline;}
.pri-tit em{display: inline;font-family: 'EUCLIDSQUARE-SEMIBOLD';}
.pri-dec{margin: 9px 0 0; font-size: 18px;line-height: 30px;color: #666;text-align: center;}
.pri-dec em{display: block;}
.proinfo-content{}
.proinfo-one{position: relative;padding: 80px 0 73px;}
.proinfo-one::before{position: absolute;content: "";width: 100%;height: 46%;background: #1f32ae;bottom:0;left: 0;}

.pri1-con{position: relative;}
.pri1-tag{font-size: 0;text-align: center;}
.pri1-tag span{padding: 1px 10px;display: inline-block;font-size: 20px;line-height: 30px;color: #fff;border-radius: 5px;background: #282828;}
.pri1-con>h3{margin-top: 11px;}
.pri1-ul{margin-top: 52px;}
.pri1-ul ul{font-size: 0;text-align: center;}
.pri1-ul li{display: inline-block;vertical-align: top;padding: 0 105px;}
.pri1-ul li>div{}
.pri1-icon{display: inline-block;transition: ease .5s; width: 112px;height: 112px;line-height: 112px;text-align: center;border-radius: 50%;border: 1px solid #ccc;}
.pri1-icon img{display: inline-block;vertical-align: middle;}
.pri1-ul li:hover .pri1-icon{transform: translateY(-10px);}
.pri1-ul li p{margin-top: 28px; font-size: 20px;line-height: 20px;color: #666;}
.pri1-ul li:hover p{color: #3f71db;}
.pri1-pic{margin-top: 75px; font-size: 0;text-align: center;}
.pri1-pic img{display: inline-block;}
.pri1-font{margin-top: 38px;}
.pri1-font h4{color: #fff;}
.pri1-dec{margin-top: 10px; color: #fff;}

.proinfo-two{}
.pri2-video{position: relative;width: 100%;height: 700px; display: block;background-size: cover;background-repeat: no-repeat;background-position: center;}
.pri2-video::before{position: absolute;content:"";width: 100%;height: 100%;border-radius: 0;background: rgba(0,0,0,.26) url(../images/play-button.png)no-repeat center;background-size: 81px 81px;}


.proinfo-three{padding: 72px 0 0px;}
.pri3-con{margin-top: 56px;}
.pri3-pic{overflow: hidden;font-size: 0;text-align: center;}
.pri3-pic img{display: inline-block;}

.proinfo-four{padding: 73px 0 73px;}
.pri4-con{margin-top: 56px;}
.pri4-pic{overflow: hidden;font-size: 0;text-align: center;}
.pri4-pic img{display: inline-block;}
.pri4-mo{margin-top: 23px;font-size: 0;text-align: center;}
.pri4-mo>a{padding-left: 24px;display: inline-block;font-size: 16px;line-height: 30px;color: #999;position: relative;}
.pri4-mo>a::before{position: absolute;content: "";width: 19px;height: 16px;background: url(../images/pri4-mo.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%);}

.proinfo-five{padding: 75px 0 83px;}
.pricase-tit{}
.pricase-tit span:last-child{position: relative;padding-right: 50px;background: url(../images/pricase-tit.png)no-repeat right center;background-size: 41px 21px;}
.pri5-con{margin-top: 28px;}
.pri5-swip{position: relative;padding-bottom: 76px;}
.pri5-slide{display: block;position: relative;overflow: hidden;}
.pri5-pic{overflow: hidden;}
.pri5-pic img{transition: ease .8s;width: 100%;}
.pri5-font{padding: 21px 15px;position: absolute;left: 0;bottom: -100%;background: linear-gradient(to top,#030b38,transparent); width: 100%; font-size: 22px;line-height: 30px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: ease .8s;}
.pri5-slide:hover .pri5-font{bottom: 0;}
.pri5-swip .swiper-pagination{display: none; width: 100%;bottom: 0;height: 8px;}
.pri5-swip .swiper-pagination-bullet{margin: 0 5px;vertical-align: top;}
.pri5-swip .swiper-button-next,
.pri5-swip .swiper-button-prev{top: auto;bottom: 0; width: 63px;height: 12px;background: url(../images/pri5-right.png)no-repeat center;background-size: 100% 100%;transition: ease .5s;}
.pri5-swip .swiper-button-next:hover,
.pri5-swip .swiper-button-prev:hover{background-image: url(../images/pri5-righta.png);}
.pri5-swip .swiper-button-prev{transform: rotate(180deg);}
.pri5-swip .swiper-button-next{right: auto;left: 50%;margin-left: 31px;}
.pri5-swip .swiper-button-prev{left: 50%;margin-left: -98px;}

.proinfo-six{padding: 74px 0 89px;}
.proinfo-six .pri-tit,.proinfo-six .pri-dec{text-align: left;}
.proinfo-six .pri-dec{margin-top: 14px;font-size: 16px;line-height: 28px;}
.pri6-con{margin-top: 44px;}

.proinfo-seven{padding: 55px 0 51px; background: #3f71db;position: relative;}
.pri7-con{}
.pri7-left{float: left;max-width: 60%;}
.pri7-tit{font-size: 24px;line-height: 36px;color: #fff;}
.pri7-dec{margin-top: 2px;font-size: 18px;line-height: 36px;color: #fff;}
.pri7-right{float: right;max-width: 40%;padding-top: 5px;}
.pri7-ema{padding: 12px 51px; display: inline-block;font-size: 22px;line-height: 34px;color: #fff;font-family: 'EUCLIDSQUARE-REGULAR';border: 1px solid rgba(255,255,255,.3);}

.proinfo .pro2-navul{font-size: 0;margin: 0 ;margin-left: -2%;}
.proinfo .pro2-navul li{display: inline-block;overflow: hidden;position: relative;padding-left: 5px;width:13%;text-align: center;}
.proinfo .pro2-navul li:last-child{text-align: center;}
.proinfo .pro2-navul li a::before{content: " ";position: absolute;left:15%;width: 3px;height: 80%;background: #003A81;top:10%;opacity: 0;}
.proinfo .pro2-navul li a{padding-bottom: 0;display: block;font-size: 20px;line-height: 30px;color: #999;border-bottom: 1px solid transparent;transition: all .3s;}
.proinfo .pro2-navul li.on a{color: #003a81;border-color: #003a81;}
.proinfo .pro2-navul li:hover a{color: #003a81;font-size: 23px;}
.proinfo .pro2-navul li:hover{padding: 0 0 0 15px;font-weight: bold; }
.proinfo .pro2-navul li:hover a::before{opacity: 1;}

.proinfo .pro2-font{background-color: #64696f;color: #FFFFFF;text-align: center;}
.proinfo .pro2-font h4 i{    color: #64696f;border: 1px solid #64696f;}
@media (max-width: 1680px) {

}
@media (max-width: 1459px) {
.pri-tit{font-size: 26px;line-height: 30px;}
.pri-dec{font-size: 16px;}
.pri1-tag span,.pri1-ul li p{font-size: 18px;}
.proinfo-one,.proinfo-four,
.proinfo-five,.proinfo-six{padding: 60px 0;}
.pri1-ul{margin-top: 40px;}
.pri1-ul li{padding: 0 80px;}
.pri1-icon{width: 100px;height: 100px;line-height: 100px;}
.pri1-ul li p{margin-top: 15px;}
.pri1-pic{margin-top: 60px;padding: 0 16%;}
.pri2-video{height: 600px;}
.pri2-video::before{background-size: 70px 70px;}
.proinfo-three{padding: 60px 0 0;}
.pri3-con,.pri4-con,.pri6-con{margin-top: 35px;}
.pri5-swip{padding-bottom: 60px;}
.pri5-swip .swiper-button-next, 
.pri5-swip .swiper-button-prev{width: 50px;height: 10px;}
.pri5-font{font-size: 20px;padding: 16px 15px;}
.pri5-swip .swiper-button-next{margin-left: 25px;}
.pri5-swip .swiper-button-prev{margin-left: -75px;}
.proinfo-six .pri-dec{margin-top: 10px;}
.pri7-ema{font-size: 20px;padding: 8px 40px;}

.proinfo .product-two {
    padding: 60px 0;
	}
	.proinfo .swiper-container .swiper-pagination{bottom: 0;}
}
@media (max-width: 1259px) {
.breadcon a{font-size: 14px;}
.pri1-tag span, .pri1-ul li p{font-size: 16px;}
.pri-tit{font-size: 24px;}
.pri2-video{height: 520px;}
.proinfo-seven{padding: 45px 0;}
.pri2-video::before{background-size: 65px 65px;}
.pri5-font{font-size: 18px;padding: 12px 15px;}
.pri7-tit{font-size: 22px;}
.pri7-dec{font-size: 16px;}
.proinfo .pro2-navul li{width: 15%;}
.proinfotop-left{width: 100%;}
	.proinfotop-right{width: 100%;padding:20px 20px 0;}
	.proinfotop-right .pro1-p {
	    margin-top: 3%;
	}
	
}
@media (max-width: 991px) {
.pri1-ul li{padding: 0 40px;}
.pri1-icon{width: 90px;height: 90px;line-height: 90px;padding: 0 20px;}
.pri1-pic{margin-top: 40px;padding: 0 12%;}
.pri1-font{margin-top: 30px;}
.pri-tit{font-size: 22px;}
.pri2-video{height: 400px;}
.pri2-video::before{background-size: 60px 60px;}
.pri5-swip{padding-bottom: 45px;}
.pri7-ema{font-size: 18px;padding: 6px 30px;}
.pri7-tit{font-size: 20px;}
.proinfo-seven{padding: 40px 0;}
.pricase-tit span:last-child{background-size: 30px 15px;padding-right: 40px;}
}
@media (max-width: 767px) {
.proinfo-one,.proinfo-four,
.proinfo-five,.proinfo-six{padding: 40px 0;}
.pri5-swip .swiper-button-next, 
.pri5-swip .swiper-button-prev{display: none;}
.pri5-swip .swiper-pagination{display: block;}
.pri5-swip{padding-bottom: 30px;}
.pri5-font{bottom: 0;font-size: 16px;}
.pri5-con,.pri3-con, .pri4-con, .pri6-con{margin-top: 20px;}
.pri7-left,.pri7-right{float: none;width: 100%;max-width: none;}
.pri7-right{margin-top: 12px;}
.pri7-ema{font-size: 16px;padding: 4px 20px;}
.proinfo-seven{padding: 30px 0 40px;}
.pri-dec em{display: inline;}
.pri1-dec,.pri-dec{margin-top: 6px;}
.pri1-ul li{padding: 0 20px;}
.pri1-icon{width: 82px;height: 82px;line-height: 82px;padding: 0 20px;}
.pri1-ul{margin-top: 20px;}
.pri4-mo{margin-top: 16px;}
.pri2-video{height: 320px;}
.pri2-video::before{background-size: 50px 50px;}
.proinfo .product-two {
		padding: 40px 0;
	}
	.proinfo-top {
	    padding-bottom: 40px;
	}
	.proinfotop-right {
	    width: 100%;
	    padding: 20px 0 0;
	}
	.proinfotop-right .right-p {
		width: 100%;
	}
	.proinfo .swiper-container {
	    padding-bottom:45px;
	}
	
}
@media (max-width: 640px) {
.pri1-ul li{padding: 0 10px;}
.pri1-tag span, .pri1-ul li p{font-size: 14px;}
.pri1-ul li p{margin-top: 10px;}
.pri2-video{height: 240px;}
.pri2-video::before{background-size: 42px 42px;}
}
@media (max-width: 320px) {
	.pri1-ul li{padding: 0 7px;}
.pri1-icon{width: 72px;height: 72px;line-height: 72px;padding: 0 20px;}
}

/* ====================== technology核心技术 ==================== */
.techno1{padding-top: 75px;}
.techno1 .about-font h3 {
    font-weight: bold;
    margin-bottom: 4.5%;
}
.one-left,.one-right{width: 50%;float: left;}
.one-right{padding-top: 10.5%;padding-right: 4%;}
.one-right h3,.one-right p{text-align: left;}
.one-right p{line-height: 1.8em;}
.one-right h3{margin-bottom: 4.5%;}
.techno1 .one-right:nth-child(2){padding-left: 5%;}
.about-center3 .icon{clear: both;} 
.about-center3 .icon li{padding:4.1% 0 2%;width: 25%;text-align: center;background-color: #FFFFFF;border-right: 1px solid #e9e9e9;}
.about-center3 .icon li img{margin:0 0 8%;}
.about-center3 .icon li p{margin-bottom: 2%;}
.about-center3 .icon li:last-child{border: none;}
.tech .proinfo .pro2-font {
    background-color:#FFFFFF;
    color: #666666;
	}
.tech .proinfo .pro2-font h4 em {
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
}
.tech .pro2-font{border: none;}
.tech .pro2-ul li{margin-top: 0;}
.techno{padding: 65px 0 70px;}
.techno .about-font h3 {
    font-weight: bold;
    margin-bottom: 3.5%;
}
@media (max-width:768px){
	.techno1{padding-top: 25px;}
	.about-center3,.techno{
		padding: 25px 0 25px!important;
	}
	.techno .pro2-ul {
    margin: 0 -15px 0;
	}
	.one-right {
	    padding-top: 5.5%;
	}
	}
	@media (max-width:767px){
		.techno .about-font h3{
			margin-bottom:25px;
		}
		.one-left, .one-right{
			width: 100%;
		}
		.one-right{
			padding-bottom: 5%;
		}
		.about-center3 .icon li{
			width: 50%;
			margin-bottom: 1px;
		}
		.about-center3 .icon li:nth-child(2){
            border-right:none;
		}
		}
/* ====================== solution 行业解决方案 ==================== */
.solution{}
.solu-top{padding-top:65px;box-shadow: 0px 0px 65px 0px rgba(4, 0, 0, 0.09);}
.top2{padding-bottom: 90px;}
.solu-main-left{width: 50%;float: left;padding: 3.5% .8% 0 0;margin-bottom: 20px;}
.solu-main-left h3{font-weight: bold;line-height: 2em;}
.solu-main-left p{margin-bottom: 5%;}
.solu-main-right{width: 50%;float: left;padding-left:8% ;}
.solu-main-right p{text-align: center;}
.solu-table{width: 100%;}
.solu-top tr:first-child td,.solu-top tr:first-child th
{
	border:0px
}
.solu-top .border td,.solu-top .border th{
	border-right: 2px solid #fff;
}
.solu-top td,.solu-top th{
	/* width: 33.3333%; */
	padding: 2% 2% 2% 2%;
	/* text-align: center; */
	line-height: 25px;
}
.solu-top .solu-left{/* padding: 2% 0 2% 6%; */}
.solution .about-main .icon-img{padding:1px;}
.solution .about-main .icon-img .icon-img2 {padding: 0;}
.solution .about-main-right .box .com-font {float: none;padding-top: 15px;margin-left: 24.5%;}
.solution .icon-img::after {background-color: #FFFFFF;border: 1px solid #3f71db;}
.solution .about-main .icon-img{width: 90px;height: 90px;}
.solution .about-main{margin-right: 14%;}
.solution .about-main-left {
    width: 58.5%;
}
.solution .about-main-right {
    padding: 3% 0 0 5.6%;
}
.solution .about-main-right .box {
    margin-bottom: 10px;
}
.solution .pro2-con {
    margin: 0 0 80px;
}
.solution .pro1-con{
	padding: 67px 0 80px 0;
}
.solution .about-font h3 {
    font-weight: bold;
    margin-bottom: 3.5%;
}
.solu-one{padding: 73px 0 0 0;}
.solution .about-main-right{width: 36%;}
.solu-main-right .p-top{background-color: #f1f4f7;padding:7px;display: inline-block;border-radius: 2px;}
.solu-ul .ul-img{position: relative;width: 100%;z-index: 0;}
.solu-ul{position: relative;width: 100%;}
.solu-ul li{position: absolute;width: 50%;}
.solu-ul li p{position: relative;padding-left:35%;}
.solu-ul li p::after{content: "";position: absolute;left: 10px;top: 50%;transform: translateY(-50%);width: 44%;height: 1px;border-top:#003a81 1px dashed;}
.solu-ul li p::before{content: "";position: absolute;left:0;top: 50%;transform: translateY(-50%);width: 7px;height: 7px;padding:3.5px;background-color:#003a81 ;border: 4px solid rgba(255,255,255,.5);border-radius: 50%;}
.solu-ul li:nth-child(2){right: -6%;top: 14%;}
.solu-ul li:nth-child(3){right: -6%;top: 30%;}
.solu-ul li:nth-child(3) p{padding-left:20%;}
.solu-ul li:nth-child(4){right: -6%;top: 41%;}
.solu-ul li:nth-child(4) p::after{width:30% ;}
.solu-main-right .solu-ul .solu-li2{right: -6%;top: 12%;}
.solu-main-right .solu-ul .solu-li3{right: -2%;top: 25%;}
.solu-main-right .solu-ul .solu-li3 p{padding-left: 35%;}
.solu-main-right .solu-ul .solu-li4{right: -5%;top: 37%;}
.solu-main-right .solu-ul .solu-li5{right: -6%;top: 46%;}
.solu-ul .solu-li5 p{padding-left: 16%;}
.solu-ul .solu-li6 p,.solu-ul .solu-li7 p{padding-left: 22%;}
.solu-main-right .solu-ul .solu-li6{right: -6%;top: 61%;}
.solu-main-right .solu-ul .solu-li7{right: -6%;top: 70%;}
.solu-main-right .solu-ul .solu-li8{right: -6%;top: 85%;}

.solu-con .pro2-font{background-color: #64696f;color: #FFFFFF;}
.solu-con .pro2-font h4{height: 28px;line-height: 28px;padding:0 0 0 30px ;}
@media (max-width:1800px) {
	.solution .about-main .icon-img {
	    width: 5vw;
	    height: 5vw;
	}
	.solution .about-main-right .box .com-font{
		padding-top:1.5vw;
	}
	.solution .about-main-right {
	    width: 38%;
	}
}
@media (max-width:1260px) {
	.solu-main-right {
	    padding-left: 0%;
	}
	.solution .about-main-right {
	    padding: 2.5% 0 0 2%;
	}
}
@media (max-width:768px) {
	.solution .about-main-left {
	    width: 100%;
	}
	.solution .about-main-left img{
		width: 768px;
	}
	.solu-top {
		padding-top: 25px;
		overflow-x: hidden;
	}
	.about-one, .about-three{
		padding: 25px 0!important;
	}
	.solution .about-main{
		margin-right: 0;
	}
	.solution .about-main-right {
		width: 100%;
		padding: 4% 15px 0;
	}
	.solution .about-main-right .box {
	    width: 50%;
	    float: left;
	    clear: none;
	    margin-bottom: 1.6%;
	    vertical-align: text-top;
	    display: inline-block;
	}
	.solution .about-main .icon-img {
	    width: 8vw;
	    height: 8vw;
	}
	.solution .about-main-right .box .com-font {
	    margin-top: 10px;
	    margin-left: 0px;
	    margin-right: 10px;
	    margin-bottom: 10px;
	}
	.solution .pro2-con {
	    margin: 0 0 25px;
	}
	.solution .pro1-con{
		padding: 25px 0;
	}
}
@media (max-width:767px) {
	.solution .about-font h3{
		margin-bottom: 25px;
	}
	.solu-top .about-font h3{
		margin-bottom: 10px;
	}
	.solu-main-left p {
		margin-bottom:3%;
	}
	.solu-main-left,.solu-main-right{
		width: 100%;
		padding: 0;
		margin-top:0;
	}
	.solu-main-right{
		margin-top: 20px;
	}
	.solu-ul .ul-img{
		/* left: -15%; */
		text-align: center;
	}
	.about-main-right .box .com-icon{
		width: 100%!important;
		margin-bottom: 5px;
	}
	.top2{
		padding-bottom:25px;
	}
	.solution .about-main .icon-img {
		width: 50px;
		height: 50px;
		float: none;
		margin:0 auto;
	}
	}
/* ====================== problem 常见问题 ==================== */
.problem{}
.problem-content{}
.problem-one{padding: 34px 0 73px;}
.problem-navul{}
.problem-tit{text-align: left;margin-top: 67px;}
.problem1-con{margin-top: 65px;}
.problem1-ul{width: 72%; margin-top: 0;background: transparent;height: auto;padding: 0;}

.problem1-ul li{padding: 0;margin-top: 50px;}
.problem1-ul li:first-child{margin-top: 0;}
.problem1-ul li>a{display: block;}
.problem1-q{padding-bottom: 23px; border-bottom: 1px solid #e7e7e7;}
.problem1-ul li h5{position: relative;padding-left: 50px;font-size: 22px;line-height: 30px;color: #333;}
.problem1-ul li p{margin-top: 15px;position: relative;padding-left: 51px;font-size: 16px;line-height: 28px;color: #888;}
.problem1-ul li h5::before{position: absolute;content: "";width: 31px;height: 31px;background: url(../images/problem-q.png)no-repeat center;background-size: 100% 100%;left: 0;top: 3px;}
.problem1-ul li p::before{position: absolute;content: "";width: 32px;height: 32px;background: url(../images/problem-a.png)no-repeat center;background-size: 100% 100%;left: 0;top: 3px;}
.problem1-ul li:hover h5{color: #3f71db;}
.problem-page{margin-top: 35px;}

@media (max-width: 1459px) {
	.problem-tit{margin-top: 50px;}
	.problem1-con{margin-top: 45px;}
	.problem1-ul li h5{font-size: 20px;}
	.problem1-ul li{margin-top: 40px;}
	.problem1-ul li h5::before{top: 0;}
	.problem1-ul{width: 84%;}
	.problem-one{padding: 34px 0 60px;}
	.problem-page{margin-top: 30px;}
}
@media (max-width: 1259px) {
	.problem-tit{margin-top: 40px;}
	.problem1-con{margin-top: 35px;}
}
@media (max-width: 991px) {
	.problem1-ul{width: 100%;}
	.problem1-q{padding-bottom: 10px;}
	.problem1-ul li h5{font-size: 18px;}
	.problem1-ul li p{margin-top: 10px;font-size: 14px;line-height: 26px;}
	.problem1-ul li p::before{width: 26px;height: 26px;}
	.problem1-ul li h5::before{top: 3px;width: 25px;height: 25px;}
	.problem1-ul li h5{padding-left: 40px;}
	.problem1-ul li p{padding-left: 41px;}
	.problem1-ul li{margin-top: 30px;}
	.problem-page{margin-top: 25px;}
}
@media (max-width: 767px) {
	.problem-one{padding: 30px 0 40px;}
	.problem-tit{margin-top: 0;}
	.problem1-con{margin-top: 20px;}
	.problem1-ul li h5{font-size: 16px;padding-left: 31px;}
	.problem1-ul li p::before{width: 22px;height: 22px;}
	.problem1-ul li h5::before{top: 3px;width: 21px;height: 21px;}
	.problem1-ul li p{padding-left: 32px;}
	.problem1-ul li{margin-top: 20px;}
	
}
/* =========================== 技术研发 ================== */
.research{}
.research-dec{margin: 11px 0 0; font-size: 16px;line-height: 28px;color: #666;text-align: center;}
.research-content{}
.research-nav{padding: 35px 0 0;}
.research-one{padding: 67px 0 80px;}
.research-one .pri-tit,.research-one .research-dec{text-align: left;}
.research1-con{margin-top: 24px;}
.research1-ul{margin: -30px -15px 0;font-size: 0;}
.research1-ul li{display: inline-block;vertical-align: top; text-align: center;width: 33.333%;padding: 0 15px;margin-top: 30px;}
.research1-a{display: block;}
.research1-pic{overflow: hidden;position: relative;}
.research1-pic img{transition: ease .8s;width: 100%;}
.research1-font{background: #f6f6f6;padding: 32px 20px 30px;}
.research1-font>div{}
.research1-font h3{font-size: 22px;line-height: 30px;color: #333;}
.research1-font p{margin: 12px 0 0;height: 56px; font-size: 16px;line-height: 28px;color: #666;}
.research1-ul li.research1-large{width: 66.666%;}
.research1-ul li:hover .research1-pic img{transform: scale(1.1);}
.research1-ul li:hover .research1-font h3{color: #3f71db;}

.research-two{padding: 73px 0 73px;}
.research2-con{margin-top: 115px;}
.research2-swip{position: relative;}
.research2-slide{position: relative;padding-left: 35px;}
.research2-slide::before{position: absolute;z-index: 3;content: "";width: 24px;height: 24px;background: #f6f6f6; border-radius: 50%;border: 4px solid #d7272c;top: 0;left: 0;}
.research2-slide::after{position: absolute;content: "";width: 4px;height: 100%;background: linear-gradient(to bottom,#d7272c,transparent);top: 0;left: 10px;}
.research2-font{padding-bottom: 38px;}
.research2-font span{display: block;font-size: 22px;line-height: 28px;color: #333;font-family: 'EUCLIDSQUARE-SEMIBOLD';}
.research2-font h4{font-size: 22px;line-height: 28px;color: #333;}
.research2-font p{margin: 10px 0 0; font-size: 16px;line-height: 28px;color: #666;}
.research2-swip .swiper-button-next,
.research2-swip .swiper-button-prev{background: none;width: auto;height: auto;font-size: 24px;font-weight: bold; color: #999;transition: ease .5s;}
.research2-swip .swiper-button-next:hover,
.research2-swip .swiper-button-prev:hover{color: #d7272c;}
.research2-swip .swiper-button-next{right: -41px;}
.research2-swip .swiper-button-prev{left: -41px;}
.research2-swip .swiper-pagination{display: none;width: 100%;bottom: 0;height: 8px;}
.research2-swip .swiper-pagination-bullet{margin: 0 5px;}
.research2-swip .swiper-pagination-bullet-active{background-color: #d7272c;}
.research2-slide:hover .research2-font h4{color: #3f71db;}

.research-three{padding: 75px 0 0;}
.research-three .research-dec{margin-top: 20px;}
.research3-con{margin-top: 27px;}
.research3-ul{width: 600px;height: 600px;margin: 0 auto;position: relative;background: url(../images/research3-ba.png)no-repeat center;background-size: 100% 100%;}
.research3-ul li{position: absolute; width: 140px;height: 140px;border-radius: 50%;transition: ease .5s;font-size: 0;text-align: center; line-height: 140px;}
.research3-a{display: block;position: relative;overflow: hidden; border-radius: 50%;width: 100%;height: 100%;}
.research3-bf{position: absolute;width: 0;height: 0;background-size: cover;background-repeat: no-repeat;background-position: center;transition: ease .5s;transform-origin: center center;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.research3-font{padding: 0 22px;position: relative;text-align: center;display: inline-block;vertical-align: middle;width: 100%;}
.research3-font h3{font-size: 22px;line-height: 28px;color: #fff;}
.research3-font h4{font-size: 22px;line-height: 24px;color: #fff;font-weight: bold; font-family: 'EUCLIDSQUARE-SEMIBOLD';}
.research3-font p{font-size: 16px;line-height: 28px;color: #fff;font-weight: bold;}
.research3-ul li.research3-red{background: #d7272c;}
.research3-ul li.research3-blue{background: #3f71db;}
.research3-ul li.research3-gray{background: #7d9fe7;}
.research3-ul li:hover .research3-bf{width: 100%;height: 100%;}
.research3-ul li:hover{box-shadow: 12px 12px 30px rgba(0,0,0,.4);}
.research3-ul li:nth-child(1){top: 50%;left: 50%;transform: translate(-50%,-50%);}
.research3-ul li:nth-child(2){top: 0%;left: 50%;transform: translateX(-50%);}
.research3-ul li:nth-child(3){top: 160px;left: 12px;}
.research3-ul li:nth-child(4){top: 160px;right: 12px;}
.research3-ul li:nth-child(5){bottom: 44px;left: 94px;}
.research3-ul li:nth-child(6){bottom: 44px;right: 94px;}

.research-four{padding: 80px 0 80px;}
.research4-con{background: #f5f5f5;margin-top: 45px;}
.research-four .pri-tit,.research-four .research-dec{text-align: left;}

@media (max-width:1919px){
	.research2-swip .swiper-button-next{right: 0;}
	.research2-swip .swiper-button-prev{left: 0;}
	.research2-swip{padding: 0 40px;}
	
}
@media (max-width:1459px){
	.research-one,.research-two,.research-four{padding: 60px 0;}
	.research1-font h3,.research2-font h4,
	.research2-font span,.research3-font h4,
	.research3-font h3{font-size: 20px;}
	.research2-con{margin-top: 40px;}
	.research2-font{padding-bottom: 26px;}
	.research-three{padding: 60px 0 0;}
	.research-three .research-dec{margin-top: 10px;}
	
}

@media (max-width:1259px){
	.research1-font{padding: 25px 20px;}
	.research1-font h3,.research2-font h4,
	.research2-font span,.research3-font h4,
	.research3-font h3{font-size: 18px;}
	.research2-font{padding-bottom: 20px;}
	.research4-con{margin-top: 30px;}
	.research-nav{padding: 30px 0 0;}
	.research1-font p{margin: 5px 0 0; font-size: 14px;line-height: 24px;height: 48px;}
	.research1-ul li{padding: 0 10px;margin-top: 20px;}
	.research1-ul{margin: -20px -10px 0;}
	.research2-font p{font-size: 14px;line-height: 24px;margin-top: 6px;}
	.research3-ul{width: 500px;height: 500px;}
	.research3-ul li{width: 120px;height: 120px;line-height: 120px;}
	.research3-font p{font-size: 14px;line-height: 24px;}
	.research3-ul li:nth-child(4){top: 138px;right: 10px;}
	.research3-ul li:nth-child(3){top: 138px;left: 10px;}
	.research3-ul li:nth-child(6){right: 75px;}
	.research3-ul li:nth-child(5){left: 75px;}
	
}
@media (max-width:991px){
	/* .research1-ul li:nth-child(1),.research1-ul li:nth-child(2),
	.research1-ul li:nth-child(5){width: 50%;} */
	.research1-font p{height: 72px;}
	.research1-font{padding: 25px 15px;}
	.research2-con{margin-top: 30px;}
	
}

@media (max-width:767px){
.research-one, .research-two, .research-four{padding: 30px 0 40px;}
.research-three{padding: 40px 0 0;}
.research2-swip .swiper-button-next, 
.research2-swip .swiper-button-prev{display: none;}
.research2-swip .swiper-pagination{display: block;}
.research2-swip{padding: 0 0 30px;}
.research2-con{margin-top: 20px;}
.research2-font{padding-bottom: 5px;}
.research1-font h3, .research2-font h4, 
.research2-font span, .research3-font h4, 
.research3-font h3{font-size: 16px;}
.research2-slide::before{width: 16px;height: 16px;border-width: 3px;}
.research2-slide::after{width: 3px;left: 6px;}
.research2-slide{padding-left: 24px;}
.research1-ul li{width: 100%;}
.research1-ul li:nth-child(4){width: 100%;}
.research1-font p{height: auto;}
.research1-font{padding: 20px 12px;}
.research-nav{padding: 0;}
.research4-con,.research3-con{margin-top: 20px;}
.research3-ul{font-size: 0; width: 100%;height: auto;background: none !important;}
.research3-ul li{display: inline-block;height: auto; vertical-align: top; border-top: 1px solid rgba(255,255,255,.3); width: 50%; border-radius: 0; font-size: 0; text-align: center; position: static;transform: none !important;}
.research3-font{padding: 0 10px;}
.research3-a{width: 120px;height: 120px;display: inline-block;vertical-align: middle;border-radius: 0;}
.research3-bf{display: none;}
.research3-ul li:hover{box-shadow: none;}
.research3-ul li:nth-child(odd){border-right: 1px solid rgba(255,255,255,.3);}
.research3-ul li:nth-child(1),.research3-ul li:nth-child(2){border-top: none;}
.research-dec{margin-top: 5px;}

}
@media (max-width:400px){
	.research3-ul li{width: 100%;line-height: normal;}
	.research3-a{padding: 15px; width: auto;height: auto;border-radius: 0;line-height: normal;}
}
/* ======================= about 关于我们 ================ */
.about{}
.about-tit{text-align: center; font-size: 36px;line-height: 40px;color: #333;font-family: 'PingFang-Heavy';}
.about-one{padding: 79px 0 76px;}
.about-font h3{font-weight: bold;margin-bottom: 2.5%;}
.about-font h3,.about-font p{text-align: center;}
.about-font1 p{width: 52%;margin: auto;line-height: 1.9em;}
.about-font2 p{width: 64%;margin: auto;line-height: 1.9em;}
.about-main-left,.about-main-right{width: 50%;float: left;}
.about-main-right .box{clear: both;margin-bottom:5% ;}
.about-main-right .box h4{position: relative;line-height:2.2em;}
.about-main-right .box .com-font{padding-top:20px;float: left;margin-left: 5%;}
.xian{position: absolute;width: 38px;height: 3px;background-color: #003a81;}
.about-main-right .box .com-icon{
    width:100px;
    float: left;
    position: relative;
    z-index: 10;
    }
.about-main-right {padding:5%;}
.about-center{width: 100%;position: relative;padding-bottom:6.8%;padding-top: 80px;overflow: hidden;}
.background{position:absolute;top: 0;z-index: -1;}
.background img:nth-child(2){display: none;}
.about-center1{padding: 0 8%;}
.about-center1 .swiper-container{padding: 0 6%;margin-top: 5.5%;}
.about-center1 .swiper-button-next:after,.about-center1 .swiper-button-prev:after {
    font-size: 22px;
}
.about-center3{padding-top: 71px;}
.about-center3 li{width: 25%;float: left;overflow: hidden;}
.about-center3 li img,.about-center4 li img{transition: all 1s;}
.about-center3 li:hover img,.about-center4 li:hover img{transform: scale(1.2);z-index: 1000;}
.about-center4{padding-top: 71px;}
.about-center4 h3{margin-bottom: 6%;}
.about-center4 li{width: 14%;float: left;margin-bottom: 5%;}
.about-center1 .swiper-button-next,.about-center1 .swiper-button-prev{top: 30%;}
.about-center1 .swiper-container .swiper-slide{
	overflow-y: initial;
	background: url(../img/background-3.png) no-repeat left top;
	padding-left: 30px;
	/* height:170px; */
	}
.about-center1 .swiper-container .swiper-slide p:first-child{
	font-family: Roboto;
	margin-bottom: 1%;
}
.about-center1 .swiper-container .swiper-slide p{
	line-height: 1.7em;
	font-weight: normal;
}
.about-center2{width: 100%;position: relative;padding-bottom:24%;padding-top: 80px;overflow: hidden;}
.rongyu img{width: 6%;position: absolute;transition: all 1s;z-index: 2;}
.rongyu img:hover{transform: scale(1.25);z-index: 100!important;}
.about-center2 .swiper-container{display: none;}
.rongyu img:nth-child(1){left: 34%;
    top: 50%;
    width: 7%;}
.rongyu img:nth-child(2){    left: 21%;
    top: 51%;
    width: 12%;}
.rongyu img:nth-child(3){left: 37%;
    top: 32%;
    width: 12%;
    z-index: 1;}
.rongyu img:nth-child(4){left: 61%;
    width: 5%;
    top: 38%;}
.rongyu img:nth-child(5){    left: 68%;
    top: 38%;}
.rongyu img:nth-child(6){left: 69%;
    width: 12%;
    top: 62%;
	z-index: 1;}
.rongyu img:nth-child(7){left: 62%;width: 7%;top:44%;z-index: -1;}
.rongyu img:nth-child(8){left:50%;
    top: 32%;
    width: 7%;}
.about-main .icon-img {border-radius:0;width:100px ;height: 100px;padding: 15px;}
.about-main .icon-img .icon-img1 { border:none; border-radius: 0;}
.about-main .icon-img .icon-img2{padding: 15px;}
.about-main-cen h3{position: relative;line-height: 2.5em;margin-bottom: 0;font-weight: normal;}
.about-main-cen .about-font2 p{line-height:16px;}
.about-main-cen h3 .xian{left: 50%;transform: translateX(-50%);}
.about-main-cen .main-cen ul{width: 25%;display: inline-block;margin: 0;float: left;height:450px;padding: 30px 2% 0 4%;position: relative;overflow: hidden;}
.about-main-cen .main-cen ul li .img2{display:none ;}
.about-main-cen .main-cen ul::before{content: "";width: 100%;height: 100%;position: absolute;background-image: url(../img/background-1.png);left:0%;top: 0;z-index:1;transition: all 1s;transform: translateX(-100%);}
.about-main-cen .main-cen ul:hover::before{transform: translateX(0%);}
.about-main-cen .main-cen ul:hover .img2{display:block;}
.about-main-cen .main-cen ul:hover .img1{display: none;}
.about-main-cen .main-cen ul li{color: #333;}
.about-main-cen .main-cen ul h5{color: #333;}
.about-main-cen .main-cen ul p{color: #666;}
.about-main-cen .main-cen ul:hover li{color: #FFFFFF;}
.about-main-cen .main-cen ul:hover h5{color: #FFFFFF;}
.about-main-cen .main-cen ul:hover p{color: #FFFFFF;}
.about-main-cen .main-cen ul li{margin-bottom: 8%;font-weight: bold;position: relative;z-index: 2;}
.about-main-cen .main-cen ul li div h5{margin-bottom: 1%;font-weight: bold;}
.about-main-cen .main-cen ul li div p{line-height: 1.5em;font-weight: normal;width: 80%;}
.about-main-cen .main-cen{margin-top: 2%;}
.about1-con{}
.about1-top{}
.about1-top .pri-tit{float: left;width: 185px;text-align: left;}
.abt-dec{margin-left: 185px;font-size: 16px;line-height: 28px;color: #666;}
.abt-dec p{margin-bottom: 17px;}
.abt-dec p:last-child{margin-bottom: 0;}
.abt1-pics{font-size: 0;text-align: center;}
.abt1-pic1,.abt1-pic2{display: inline-block;vertical-align: top; width: 131px;height: 508px;background-size: cover;background-position: center;background-repeat: no-repeat;}

.abt1-pic2{animation-delay: 1s;margin-top: 62px;margin-left: -81px;position: relative;}
.abt1-ul{ position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 10;margin-left: 10%;}
.abt1-ul ul{font-size: 0;text-align: left;overflow: hidden;width: 100%;}
.abt1-ul li{ display: inline-block;vertical-align: top; width: 50%;}
.abt1-ul li>div{padding-bottom: 50px;display: block;max-width: 100%; text-align: left;border-bottom: 3px solid #FFFFFF;margin-bottom: 50px;}
.abt1-ul li h3{color: #ffffff;font-size: 0;}
.abt1-ul li h3 span{display: inline-block;vertical-align: middle; font-size: 86px;line-height: 68px;font-family: 'Roboto';}
.abt1-ul li h3 em{display: inline-block;vertical-align: middle;font-size: 60px;line-height: 60px;}
.abt1-ul li h3 d{display: inline-block;vertical-align: bottom;font-size: 20px;line-height: 28px;}
.abt1-ul li p{margin: 8px 0 0; font-size: 16px;line-height: 28px;color: #ffffff;}
.about1-bottom{position: absolute;right: 16%;top: 50%;transform: translateY(-50%);width: 27%;height:55%;}
.about1-bottom ul{width: 100%;height: 100%;overflow: auto;}
.about1-bottom ul li{line-height: 1.5em;padding: 0 0 1% 0;position: relative;padding-left: 30px;}
.about1-bottom ul li::before{content: "";width: 10px;height: 10px;border: 2px solid #FFFFFF;border-radius: 50%;display: inline-block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.about1-bottom p{
  width: 450%;
  height:100%;
  background-image: -webkit-gradient(
  linear, left top, left bottom, from(rgba(19,69,120,.6)),
  to(rgba(19,69,118,.2)), color-stop(.1,#30465f)
);
  transform: rotate(180deg);
  position:relative;
  right: 250%;
  top: -56%;
  display: none;
  }
.about-content{position: relative;overflow: hidden;}
.abt-back{position:relative;top: 0;}
.about-content .container{overflow-x: hidden;}
.about-two{position: relative;padding: 0 0 80px;}
.about2-con{position: relative;}
.abt2-ba{background-size: cover;background-repeat: no-repeat;background-position: center;}
.abt2-font{}
.abt2-swip{height: 254px;overflow: hidden;}
.abt2-swip .swiper-container{height: 254px;padding-bottom: 0px;}

/* .abt2-swip .swiper-slide{height: 78px !important;} */
.abt2-a{height: 78px; display: block;text-align: center;}
.abt2-a.on{}
.abt2-a h4{font-size: 32px;line-height: 40px;color: rgba(255,255,255,.3);font-weight: bold;}
.abt2-a p{margin: 10px 0 0; font-size: 20px;line-height: 28px;color: rgba(255,255,255,.3);}
.abt2-ba{height: 600px;margin: 0 auto;transition: ease 1s;transform-origin: center center; background-size: cover;background-repeat: no-repeat;background-position: center;}
.abt2-fonts{z-index: 3; position: absolute;width: 100%; top: 50%;left: 0;transform: translateY(-50%);}
.abt2-swip .swiper-slide-active .abt2-a h4,
.abt2-swip .swiper-slide-active .abt2-a p{color: #fff;}
.abt2-swip .swiper-pagination{display: none;height: 8px;width: 100%;bottom: 0;}
.abt2-swip .swiper-pagination-bullet{margin: 0 5px;vertical-align: top;}
.abt2-swip .swiper-pagination-bullet-active{background-color: #fff;}
.about-one1{padding: 67px 0;}
.about-one1 .about-font h3{
	margin-bottom: 2%;
}
.about-one1 .about-font p:last-child{
	margin-bottom: 2%;
}
.about-three{padding: 96px 0 52px; position: relative;overflow: hidden;}
.about-three .pri-tit{color: #fff;text-align: left;position: relative;}
.abt3-bf,.abt3-aft{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.abt3-aft{}
.abt3-bf::before{position: absolute;content: "";width: 654px;height: 654px;background: url(../images/abt3-circle.png)no-repeat center;background-size: 100% 100%; left: 50%;top: 50%;transform: translate(-50%,-50%);animation: rotaterotateZ 10s linear infinite;}
.abt3-bf::after{position: absolute;content: "";width: 854px;height: 854px;background: url(../images/abt3-circle.png)no-repeat center;background-size: 100% 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);animation: rotaterotateZ 15s linear alternate infinite;}
.abt3-aft::before{position: absolute;content: "";width: 1254px;height: 1254px;background: url(../images/abt3-circle.png)no-repeat center;background-size: 100% 100%; left: 50%;top: 50%;transform: translate(-50%,-50%);animation: rotaterotateZ 16s linear infinite;}
.abt3-aft::after{position: absolute;content: "";width: 1654px;height: 1654px;background: url(../images/abt3-circle.png)no-repeat center;background-size: 100% 100%;left: 50%;top: 50%;transform: translate(-50%,-50%);animation: rotaterotateZ 20s linear alternate infinite;}
.about3-con{margin-top: 81px;position: relative;}
.abt3-swip{position: relative;}
.abth-top h4 {
   font-family: 'EUCLIDSQUARE-SEMIBOLD';
    color: #fff;
    font-size: 48px;line-height: 50px;
}
.abth-top p {margin-top: 14px;
    line-height: 28px;font-size: 16px;
    color: rgba(255,255,255,.7);
    height: auto;
    margin-bottom: 0;
}
.abt3-pic{margin-top: 25px; text-align: left;transition: ease .5s;}
.abth-top img { display: inline-block; max-width:100%;}
.abth-top { overflow: hidden; width: 100%;}
.abth-top .swiper-slide { padding-right: 0px; opacity: 0.2; }
.abth-top .swiper-slide .abt3-pic{opacity: 0;}
.abth-top .swiper-slide-active .abt3-pic{opacity: 1;} 
.abth-top .swiper-slide-active { opacity: 1; }
.abth-bot {
    margin: 113px 0 0;
    padding: 0 100px 0;
    position: relative;
    overflow: hidden;
}
.abth-bot h4 {font-family: "hel"; color: #fff;font-size: 34px;}
.abth-bot .swiper-slide { position: relative;padding-top: 16px; }
    .abth-bot .abth-line::after {
        content: "";
        position: absolute;
        top: 12px;
        left: 22%;
        transform: translateX(-50%);
        width: 8px;
        height: 8px;
        background-color: #d1d1d1;
        border-radius: 50%;
        z-index: 1;
    }
    .abth-bot .abth-line::before {
        content: "";
        position: absolute;
        top: 8px;
        left: 22%;
       margin-left: -8px;
        width: 16px;
        height: 16px;
        background-color: rgba(255,255,255,.3);
        border-radius: 50%;
        opacity: 0;
    }
@-ms-keyframes scle3{
	0{transform: scale(0);}
	100%{transform: scale(1.3);}
}
@-webkit-keyframes scle3{
	0{transform: scale(0);}
	100%{transform: scale(1.3);}
}
.abth-bot .swiper-slide h4 { color: rgba(255,255,255,.3); padding-top: 26px;font-size: 32px;line-height: 40px;font-family: 'EUCLIDSQUARE-SEMIBOLD'; }
.abth-bot .swiper-slide-active h4 {color: #fff; }
.abth-bot .swiper-slide-active .abth-line::before { opacity: 1;animation: scle3 2s linear infinite;}
.abth-bot .swiper-button-next, 
.abth-bot .swiper-button-prev{top: 9px; background: none;color: #fff;font-weight: bold;width: auto;height: auto; margin-top: 0;}
.abth-bot .swiper-pagination{bottom: 0; display: none;width: 100%;height: 8px;}
.abth-bot .swiper-pagination-bullet{margin: 0 5px;vertical-align: top;}
.abth-bot .swiper-pagination-bullet-active{background-color: #fff;}
.abth-line { width: 100%; height: 1px; background-color: #d1d1d1;}
.abth-bot .swiper-button-prev{left: 54px;}
.abth-bot .swiper-button-next{right: 54px;}

.about-four{padding: 70px 0 80px;}
.about4-con{margin-top: 40px;}
.about-four .pri-tit{text-align: left;}
.abt4-swip{}

.about-five{padding: 0 0 92px;}
.about-five .pri-tit{text-align: left;}
.about5-con{margin-top: 59px;}
.abt5-swip{position: relative;}
.abt5-swip .swiper-container-horizontal>.swiper-scrollbar{opacity: 1 !important;background: #e0e0e0;width: 100%;left: 0;bottom: 0;}
.abt5-swip .swiper-scrollbar-drag{background: #d7272c;}
.abt5-swip .swiper-container{padding-right: 200px;padding-bottom: 60px;}
.abt5-slide{display: block;position: relative;padding: 40px 32px;background: #f9f9f9;}
.abt5-pic{float: right;font-size: 0;width: 204px;}
.abt5-pic img{display: inline-block;}
.abt5-font{margin-right: 204px;}
.abt5-font span{margin-top: -7px; display: block;font-size: 32px;line-height: 40px;color: #333;font-family: 'EUCLIDSQUARE-SEMIBOLD';}
.abt5-font p{font-size: 16px;line-height: 28px;color: #333;}
.abt5-p{position: absolute;max-height: 110px; left: 0; bottom: 0; padding: 0 0 54px 32px;  width: 50%;}
.abt5-swip .swiper-pagination{display: none;width: 100%;bottom:0;height: 8px;}
.abt5-swip .swiper-pagination-bullet{margin: 0 5px;vertical-align: top;}
.abt5-swip .swiper-pagination-bullet-active{background-color: #d30c2e;}
.app-about1{display: none;}
@media (max-width:1919px){
	
}

@media (max-width:1459px){
	.about-one,.about-three{padding: 60px 0;}
	.about-two,.about-five{padding: 0 0 60px;}
	.abt2-ba{height: 520px;}
	.abt1-ul ul{width: 39%;}
	.abt1-ul li h3 span{font-size: 60px;line-height: 50px;}
	.abt1-ul li h3 em{font-size: 42px;line-height: 50px;}
	.abt1-ul li>div{padding-bottom: 14px;}
	.abt1-ul li{margin-top: 60px;}
	.about1-bot{padding: 0 160px;margin-top: 50px;}
	.abt1-ul{padding-bottom: 50px;}
	.abt2-a h4,.abth-bot .swiper-slide h4,
	.abt5-font span{font-size: 26px;line-height: 30px;}
	.abth-top h4{font-size: 40px;line-height: 42px;}
	.abth-bot{margin: 60px 0 0;}
	.about3-con{margin-top: 50px;}
	.about5-con{margin-top: 35px;}
	.abt5-slide{padding: 40px 25px;}
	.abt5-p{padding: 0 10px 54px 25px;width: 55%;}
	.abt5-pic{width: 180px;}
	.abt5-font{margin-right: 180px;}
	.abt5-swip .swiper-container{padding-bottom: 40px;}
	.about-four{padding: 60px 0;}
	.about4-con{margin-top: 35px;}
	.about-center{
		padding-bottom: 4.3%!important;
	}
	.about .abt1-ul ul {
	    width: 67%;
	}
}
@media (max-width:1259px){
	.about-center{
		padding-bottom: 2%!important;
		overflow-y: hidden;
	}
	.abt2-ba{height: 480px;}
	.abt1-ul li h3 span{font-size: 50px;line-height: 40px;}
	.abt1-ul li h3 em{font-size: 30px;line-height: 40px;}
	.abt1-ul li>div{padding-bottom: 10px;}
	.abt1-ul li{margin-top: 40px;}
	.abt1-ul ul{width: 50%;}
	.about1-bot{padding: 0 100px;margin-top: 40px;}
	.abt1-ul{padding-bottom: 0px;}
	.abt2-a h4,.abth-bot .swiper-slide h4,
	.abt5-font span{font-size: 24px;}
	.abth-top h4{font-size: 30px;line-height: 32px;}
	.about3-con{margin-top: 40px;}
	.abt5-p{padding: 0 5px 0 0;margin: 10px 0 0; width: auto;max-height: 140px; position: relative;bottom: auto;top: 0;}
	.abt5-pic{width: 160px;}
	.abt5-font{margin-right: 160px;padding: 30px 0;}
	.abt5-swip .swiper-container{padding-right: 0px;}
	.abth-bot,.abth-top{padding: 0 60px;}
	.abth-bot .swiper-button-prev{left: 0;}
	.abth-bot .swiper-button-next{right: 0;}
	.about1-top .pri-tit{width: 160px;}
	.abt-dec{margin-left: 160px;}
}

@media (max-width:1024px){
	.about-main .icon-img {
	    border-radius: 0;
	    width: 76px;
	    height: 76px;
		}
	.about-center1 .swiper-container .swiper-slide{
		height: 200px;
	}
	.about-main-right .box h4{
		line-height: 2.1em;
	}
	.about-font1 p{
		width: 80%;
	}
	.about-center{
		padding: 0!important;
		
	}
	.about-center1 h3{
		margin-top: 4%;
	}
	.about-center1 .swiper-container {
	    padding: 16px 6%;
	    margin-top: 5.5%;
	}
}
@media (max-width:991px){
	.abt2-ba{height: 420px;}
	.abt1-ul li h3 span{font-size: 40px;line-height: 30px;}
	.abt1-ul li h3 em{font-size: 24px;line-height: 30px;}
	.abt1-ul li{}
	
	.about1-bot{padding: 0;margin-top: 30px;}
	.abt2-a h4,.abth-bot .swiper-slide h4,
	.abt5-font span{font-size: 22px;}
	.abth-top h4{font-size: 24px;line-height: 30px;}
	.about3-con,.about5-con{margin-top: 30px;}
	.about1-top .pri-tit{width: 100%;float: none;}
	.abt-dec{margin: 20px 0 0;}
	.abt-dec p{margin-bottom: 10px;}
	.abt1-pic1, .abt1-pic2{width: 100px;height: 390px;}
	.abt2-a p{font-size: 18px;margin-top: 6px;}
	.abth-bot{margin: 30px 0 0;}
	.abt1-pic2{margin-top: 40px;margin-left: -50px;}
}
@media (max-width:768px){
	.about-main-cen .main-cen ul{
		width: 50%;
		margin: 0;
	}
	.about-center2 .rongyu,.about-center2 .background{display: none;}
	.about-center2 .swiper-container{display: block;text-align: center;padding-bottom: 30px;height: 290px;padding: 20px 0px;}
    .about-center2 .swiper-container .swiper-slide{height: 240px;padding: 20px;}
	.about-center2 .swiper-container img{height:100%;width: auto;}
	.about-center{
		padding: 35px 0 0;
	}
	.app-about1{display: block!important;position: static;width: 100%;background-color: #ebebeb;
	    margin-top: -31px;
	    padding: 0 0 0 15px;
	transform: none;height: 300px;}
	.abt1-ul ul {
	    width: 100%;
	}
	.abt1-ul{top: 50%;}
	.abt1-ul li>div{border: none;margin: 0;}
	.about1-bottom{display: none;}
	.app-about1 p{display: none;}
	.about-center2{
	margin-top:-5px ;
	padding-bottom: 0;
	    padding-top: 40px;
	}
	.about-center2 .swiper-pagination-bullet{
		width: 8px;
		    height: 8px;
		    display: inline-block;
		    border-radius: 100%;
		    background: #000;
		    opacity: .2;
	}
	.about-center2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 0;
	}
	.about-center2 .swiper-pagination-bullet-active{
		background: #003A81;
		opacity: 1;
	}
	.about-font1 p,.about-font2 p {
		width: 100%;
	}
	.about-main-left, .about-main-right{
		width: 100%;
	}
	.about-main-right .box .com-font {
		float: revert;
		
	}
	
	.about-main-cen .main-cen ul li .img1{
		margin: auto;
	}
	.about-main-cen .main-cen ul li{
		margin-bottom: 3%;
		text-align: center;
	}
	.about-main-cen .main-cen ul li div p{
		width: 100%;
	}
	
	.about-center .background img:first-child{display: none;}
	.about-center .background img:nth-child(2){display: block;}
	}
@media (max-width:767px){
	 .app-about1{
		height:inherit;
		padding:10px 15px;
		background:#fff;
		margin-top:0px;
		border-bottom:1px solid #ebebeb;
	 }
	 .about1-bottom ul li::before{
		border-color:#999;
		top:0;
		transform: translateY(50%);
	 }
	 .about1-bottom ul li {
		padding-left: 20px;
	 }	 
	.about-main-right .box .com-font {
		text-align: center;
		width: 100%;
		margin: 0px;
		padding: 0;
	}
	.about-main-right .box {
    clear: none;
    margin-bottom: 2%;
    width:50%;
    float:left;
    padding:0 10px;
    }
    .about-main-right{
    	padding:3% 0;
    }
	.about-main-cen .main-cen ul{
		width: 100%;
		/* margin-bottom: 4%; */
	}
	.about-main-cen .main-cen ul li:last-child{
		margin-bottom:0;
	}
	.about-main-cen .main-cen ul:nth-child(4){
		margin-bottom: 0;
	}
	.about-main-cen h3{
		line-height:2em;
	}
	.about-two, .about-five{padding: 0 0 40px;}
	.about-one, .about-three{padding: 40px 0;}
	.abt-dec{margin: 12px 0 0;font-size: 14px;line-height: 26px;}
	.abt1-ul li h3 span{font-size: 30px;line-height: 30px;}
	.abt1-ul li h3 em{font-size: 20px;line-height: 30px;}
	.abt1-ul li>div{border-width: 1px;}
	.abt2-a h4, .abth-bot .swiper-slide h4, .abt5-font span{font-size: 20px;}
	.abt2-a p{font-size: 16px;margin-top: 0;}
	.abth-bot .swiper-button-next, 
	.abth-bot .swiper-button-prev{display: none;}
	.abth-bot .swiper-pagination{display: block;}
	.abth-bot{padding: 0 0 30px;}
	.abth-top{padding: 0;}
	.abth-top p{font-size: 14px;margin-top: 6px;line-height: 24px;}
	.abt3-pic{margin-top: 15px;}
	.abt5-swip .swiper-container-horizontal>.swiper-scrollbar{opacity: 0 !important;}
	.abt5-swip .swiper-pagination{display: block;}
	.abt5-swip .swiper-container{padding-bottom: 0;}
	.abt5-swip{padding: 0 0 30px;}
	.abth-bot .swiper-slide h4{padding-top: 20px;}
	.abth-top h4{font-size: 22px;}
	.about3-con, .about5-con{margin-top: 20px;}
	.abt2-ba{width: 100% !important;height: 300px;}
	.abt2-swip,.abt2-swip .swiper-container{height: auto;}
	.abt2-a{height: auto;}
	.abt2-swip{padding: 0 0 25px;}
	.abt2-swip .swiper-pagination{display: block;}
	.about-four{padding: 40px 0;}
	.about4-con{margin-top: 20px;}
	.background img:first-child{display: none;}
	.background img:last-child{display:block;}
	.about-center1 .swiper-button-next, .about-center1 .swiper-button-prev{
		display: none;
	}
	.about-center{
		overflow-y:hidden;
	}
	.about-center1 .swiper-pagination-bullet{
		width: 8px;
		    height: 8px;
		    display: inline-block;
		    border-radius: 100%;
		    background: #fff;
		    opacity: .2;
	}
	.about-center1 h3 {
        margin-top:25px;
    }
	.about-center1 .swiper-pagination-bullet-active{
		opacity: 1;
	}
	.about-center2 {
		margin-top: -3px;
		padding-top:25px;
	}
	.about-center3,.about-center4{
		padding-top: 0;
	}
	.about-center3 li,.about-center4 li {
		width: 33.3333%;
		overflow: hidden;
	}
	.about1-bottom {
		display: none;
		/* height: auto; */
	}
	.about-content .abt1-ul{
		margin-left: 0;
		width:95%;
	}
	.about-content .abt1-ul ul{
		width: 100%;
	}
	.about-content .abt1-ul ul li{
		margin: 0;
		text-align: center;
	}
	/* .about-content .abt1-ul ul li:nth-child(1),.about-content .abt1-ul ul li:nth-child(3){
		padding-left: 10px;
	} */
	.about-content .abt1-ul li h3{
		text-align: center;
	}
	.about-content .abt1-ul li p{
		display: block;
		    float: none;
		    width: 100%;
		    line-height: 20px;
		    margin: 0!important;
		    font-size: 12px;
			text-align: center;
	}
	.about-content .abt1-ul li>div {
		margin-bottom: 10px;
		border: none;
	}
	.about-main-cen .main-cen ul{
		height:inherit;
		padding: 20px 15px;
	}
}
/* =================== job 加入我们 ================= */
.job{}
.job-content{}
.job-one{}
.job1-con{}

.job-two{}
.job2-con{overflow-x: auto;}
.job-con{width: 100%;}
.join-s{margin-top: 0px;}

.job-item{margin-top: 0px;border-bottom: 1px solid #dbdbdb;}
.job-hea{border: none;padding: 23px 0px;padding-left: 0;cursor: pointer;transition: ease .5s;position: relative;}
.job-le{float: none;width: 100%;}
.job-le h3{font-size: 0;margin-top: -5px; color: #777;margin-bottom: 0px;padding-right: 0;}
.job-le h3 span{margin-top: 5px; min-width: 20%;padding-right: 10px; display: inline-block;font-size: 18px;line-height: 30px;}
.job-le p{font-size: 16px;line-height: 30px;color: #666;}
.job-le p span{display: inline-block;position: relative;margin: 0 10px;}
.job-le p span:first-child{margin-left: 0;}
.job-le p span::before{position: absolute;content: "";width: 1px;height: 17px;right: -10px;top: 7px;background: #dcdcdc;}
.job-le p span:last-child::before{display: none;}
.job-ri{float: right;margin-top: 0;position: absolute;right: 50px;top: 50%;transform: translateY(-50%);}
.job-ri i{display: block;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #777;transition: ease .5s;position: relative;}
.job-ri i::before,.job-ri i::after{position: absolute;content: "";top: 50%;left: 50%;background: #777;transform: translate(-50%,-50%);}
.job-ri i::before{width: 14px;height: 2px;}
.job-ri i::after{width: 2px;height: 14px;}
.job-item.open{box-shadow: none;}
.job-item.open .job-ri i{border-color: #777;}
.job-item.open .job-ri i::before,.job-item.open .job-ri i::after{background-color: #777;}
.job-item.open .job-ri i::after{opacity: 0;}
.job-item.open .job-ri i::before{width: 10px;}
.job-item.open .job-hea{border: none;background: #f5f5f5;background-size: 100% 100%;background-position: center;}
.job-item.open .job-le h3,.job-item.open .job-le p{color: #d30c2e;}
.job-item.open .job-le p span::before{background: #fff;}
.job-cont{border: none;border-top: none;display: none;/* box-shadow: 0 0 13px rgba(0,0,0,.1); */}
.job-item.open .job-cont{display: block;}
.job-pad{padding: 40px 0;}
.job-pad h4,.job-pad h5{font-size: 16px;line-height: 30px;color: #777;}
.job-pad h4{}
/* .job-p{margin-bottom: 50px;} */
.job-sub{margin-top: 55px;background: transparent;width: 160px;height: 52px;line-height: 52px;}
.job-sub span{border-color: transparent;}

.job-font{border-bottom: 1px solid #eee;padding-bottom: 32px;margin-bottom: 33px;}
.job-font ul{margin: -4px -15px 0;}
.job-font li{float: left;width: 25%;padding: 0 15px;margin: 4px 0 0;}
.job-font li span{display: block;font-size: 16px;line-height: 30px;color: #666;}
.job-ema{font-size: 0;margin: 32px 0 0;}
.job-ema em{display: inline-block;font-style: normal;font-size: 16px;line-height: 32px;color: #666;;}
.job-ema a{display: inline-block;font-size: 16px;line-height: 32px;color: #d30c2e; font-family: 'DIN-REGULAR';}
.job-p{margin-top: 30px;}
.job-item:first-child{margin-top: 0;}
.job-mo{margin: 47px 0 0;}

.job-one{padding: 58px 0 50px;}
.job1-con{}
.job1-nav{}
.job1-li:first-child{margin-top: 0;}
.job1-li{margin-top: 58px;}
.job1-li>span{float: left;width: 98px; display: block;font-size: 16px;line-height: 26px;color: #333;position: relative;}
.job1-li>span.job1-addr{padding-left: 20px;background: url(../images/job-addr.png)no-repeat left center;background-size: 14px 20px;}
.job1-li>span.job1-category{padding-left: 23px;background: url(../images/job1-leib.png)no-repeat left center;background-size: 20px 20px;}
.job1-rt{margin-left: 98px;}
.job1-topa{font-size: 0;margin-top: -12px;}
.job1-topa a{padding: 0 24px;margin: 12px 2px 0; display: inline-block;font-size: 16px;line-height: 26px;color: #333;border-radius: 30px; transition: ease .5s;}
.job1-topa a.on{color: #fff;background: #043a80;}
.job1-topa a:first-child{margin-left: 0;}
.job1-topa a:last-child{margin-right: 0;}
.job1-topa a:hover{color: #043a80;}
.job1-topb{margin-top: 14px;}
.job1-topb a{margin: 10px 25px 0; display: inline-block;font-size: 16px;line-height: 26px;color: #333;transition: ease .5s;}
.job1-topb a.on,.job1-topb a:hover{color: #FFFFFF;}
.job1-topa .on:hover{color: #ffffff;}
.job1-topb a.on{border-bottom: 1px solid #043a80;}
.job1-topb a:first-child{margin-left: 0;}
.job1-topb a:last-child{margin-right: 0;}

.job1-search{margin-top: 77px;}
.job1-search>div{width: 219px;border-bottom: 2px solid #d7272c;}
.job1-search input{}
.job1-inp{width: 177px; font-size: 16px;line-height: 42px;color: #666;}
.job1-inp::-webkit-input-placeholder{color: #999;}
.job1-sub{float: right;cursor: pointer; width: 42px;height: 42px;color: transparent;background: url(../images/job-search.png)no-repeat center;background-size: 18px 18px;}

.job2-top{background: #043a80;padding: 20px 0;}

.job2-ul1{font-size: 0;}
.job2-ul1 li{display: inline-block;width: 22%;padding-left: 28px; font-size: 22px;line-height: 30px;color: #fff;}
.job2-ul1 li:last-child{width: 12%;}
.job2-ul1.job2-ul2 li{font-size: 16px;line-height: 30px;color: #666;}

.job2-font{}
.job2-font li{margin-top: 30px;}
.job2-font li:first-child{margin-top: 0px;}
.job2-tit{font-size: 22px;line-height: 30px;color: #333;float: left;padding-left: 28px;width: 22%;}
.job2-p{padding: 0 28px; font-size: 16px;line-height: 32px;color: #999;margin-left: 22%;}

.job-mo{}
.job-two{padding-bottom: 80px;}
.job-item:hover{background: #f5f5f5;}
.job-item.open:hover{background: transparent;}
@media  (max-width:1459px) {
	.job-le h3 span{font-size: 16px;}
	.job1-search{margin-top: 60px;}
	.job-two{padding: 0 0 60px;}
	.job2-ul1 li,.job2-tit{font-size: 20px;}
	.job-hea{padding: 20px 0;}
	.job-mo{margin: 35px 0 0;}
	.job1-li{margin-top: 40px;}
}
@media  (max-width:1259px) {
	.job-con{min-width: 1000px;}
	.job1-search{margin-top: 40px;}
	.job1-li{margin-top: 30px;}
}

@media  (max-width:991px) {
	.job-con{min-width: 900px;}
	.job2-top,.job-hea{padding: 16px 0;}
	.job2-ul1 li, .job2-tit{font-size: 18px;}
	.job-pad{padding: 30px 0;}
	.job2-p{font-size: 14px;line-height: 28px;}
	.job-mo{margin: 30px 0 0;}
	.job1-topb{margin-top: 10px;}
	
}
@media  (max-width:767px) {
	.job-one{padding: 40px 0;}
	.job-two{padding: 0 0 40px;}
	.job1-topa a{padding: 0 12px;font-size: 14px;}
	.job1-topb a{font-size: 14px;margin: 10px 12px 0;}
	.job1-search{margin-top: 25px;}
	.job1-inp{font-size: 14px;}
	.job2-top,.job-hea{padding: 12px 0;}
	.job-con{min-width: 800px;}
	.job2-font li{margin-top: 20px;}
	.job-mo{margin: 25px 0 0;}
	.job2-ul1 li,.job2-tit{padding-left: 16px;}
	.job2-p{padding: 0 16px;}
	.job-content .job-nav{display: block!important;}
	.job-nav .news-navul {
    font-size: 0;
    margin: 0 auto;
    text-align: center;
	}
	.job-nav .news-navul li {
	    margin: 0 20px;
	    display: inline-block;
	}
}
@media  (max-width:640px) {
	.job2-ul1 li, .job2-tit{font-size: 16px;}
	.job2-ul1.job2-ul2 li{font-size: 14px;line-height: 26px;}
	.job-pad{padding: 25px 0;}
	.job-con{min-width: 700px;}
	.bottom-logo{margin: 0 auto;}
}
@media  (max-width:580px) {
.job1-li>span{float: none;width: 100%;}
.job1-rt{margin: 12px 0 0;}
.job1-topb{margin-top: 5px;}
.job1-search{margin-top: 20px;}
.job-con{min-width: 600px;}
.job2-ul1 li:last-child{width: 16%;}
.job2-ul1 li{width: 21%;}
.job2-p{margin-left: 0;}
.job2-tit{float: none;width: 100%;}
.job2-font li{margin-top: 15px;}
}


/* ====================== news 新闻资讯 ================ */
.news{}
.news-content{}
.news-one{padding: 100px 0 53px;}
.news1-con{}
.news-a{display: block;position: relative;}
.news-pic{float: left;width: 580px; overflow: hidden;position: relative;}
.news-pic img{transition: ease .8s;}
.news-a:hover .news-pic img{transform: scale(1.1);}
.news-fonts{margin-left: 580px;padding-left: 55px;}
.news1-con .news-pic{width: 801px;}
.news1-con .news-fonts{margin-left: 801px;}
.news-font{padding-bottom: 40px;}
.news-font h3{margin-top: 25px; font-size: 36px;line-height: 48px;color: #333; font-family: 'PingFang-Bold';display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-font em{display: block;font-size: 16px;line-height: 36px;color: #333;font-weight: bold; font-family: 'DIN-REGULAR';}
.news-font p{margin: 32px 0 0; font-size: 16px;line-height: 36px;color: rgba(51,51,51,.8); font-family: 'PingFang-Medium';display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news1-mo{position: absolute; left: 856px;  bottom: 0;}
.news2-mo{position: absolute; left: 635px;  bottom: 0;}
.news-a:hover .news-font h3{color: #003a81;}

.news-two{}
.news-nav{font-size: 0;border-bottom: 1px solid #d3d3d3;}
.news-nav a{margin: 0 40px -1px;padding-bottom: 52px; display: inline-block;font-size: 18px;line-height: 30px;color: #333;transition: ease .5s;}
.news-nav a:first-child{margin-left: 0;}
.news-nav a:last-child{margin-right: 0;}
.news-nav a.on{color: #003a81;border-bottom: 2px solid #003a81;font-family: 'PingFang-Bold';}
.news-nav a:hover{color: #003a81;}
.news-three{padding: 69px 0 99px;}
.news3-con{}
.news-ul{}
.news-ul li{margin-top: 60px;}
.news-ul li:first-child{margin-top: 0;}

.news-navul {
    font-size: 0;
    margin: 0 -39px;
}
.news-navul li {
    display: inline-block;
    margin: 0 39px;
}
.news-navul li.on a {
    color: #003a81;
    border-color: #003a81;
	font-weight: bold;
}
.news-navul li:hover a{color: #003A81;font-weight: bold;}
.news-navul li a {
    padding: 14px 0;
    display: block;
    font-size: 20px;
    line-height: 30px;
    color: #999;
    border-bottom: 3px solid transparent;
}
.news-page{margin-top: 90px;}
@media  (max-width:1679px) {
	.news1-con .news-pic{width: 530px;}
	.news1-con .news-fonts{margin-left: 530px;}
	.news1-mo{left: 585px;}
	.news-one{padding: 80px 0 50px;}
	.news-nav a{padding-bottom: 30px;}
	.news-pic{width: 500px;}
	.news-fonts{margin-left: 500px;}
	.news2-mo{left: 555px;}
	.news-font h3{margin-top: 10px;font-size: 30px;line-height: 40px;}
	.news-font p{margin: 20px 0 0;}
	.news-page{margin-top: 50px;}
	.news-three{padding: 70px 0 80px;}
	
}
@media  (max-width:1459px) {
	.news1-con .news-pic{width: 480px;}
	.news1-con .news-fonts{margin-left: 480px;}
	.news1-mo{left: 520px;}
	.news-one{padding: 60px 0 40px;}
	.news-nav a{padding-bottom: 20px;}
	.news-pic{width: 450px;}
	.news-fonts{margin-left: 450px;padding-left: 40px;}
	.news2-mo{left: 490px;}
	.news-font h3{margin-top: 10px;font-size: 24px;line-height: 36px;}
	.news-font p{margin: 12px 0 0;line-height: 30px;}
	.news-page{margin-top: 40px;}
	.news-ul li{margin-top: 40px;}
	.news-three{padding: 40px 0 60px;}
	
}
@media  (max-width:1259px) {
	.news-font p{-webkit-line-clamp:2;}
	.news1-con .news-pic{width: 410px;}
	.news1-con .news-fonts{margin-left: 410px;}
	.news1-mo{left: 445px;}
	.news-nav a{padding-bottom: 16px;margin: 0 25px -1px;}
	.news-pic{width: 380px;}
	.news-fonts{margin-left: 380px;padding-left: 35px;}
	.news2-mo{left: 415px;}
	.news-font h3{margin-top: 10px;font-size: 20px;line-height: 30px;}
	.news-font p{margin: 10px 0 0;}
	.news-ul li{margin-top: 35px;}
}
@media  (max-width:991px) {
	.news-nav a{padding-bottom: 12px;font-size: 16px;margin: 0 15px -1px;}
	.news1-con .news-pic{width: 380px;}
	.news1-con .news-fonts{margin-left: 380px;}
	.news1-mo{left: 410px;}
	.news-pic{width: 360px;}
	.news-fonts{margin-left: 360px;padding-left: 30px;}
	.news2-mo{left: 390px;}
	.news-font em{font-size: 14px;line-height: 30px;}
	
}
@media  (max-width:767px) {
	
	.news-nav{display: none;}
	.news1-con .news-pic{width: 350px;}
	.news1-con .news-fonts{margin-left: 350px;}
	.news1-mo{left: 380px;}
	.news-pic{width: 320px;}
	.news-fonts{margin-left: 320px;}
	.news2-mo{left: 350px;}
	.news-font h3{font-size: 16px;margin: 8px 0 0;}
	.news-font p{margin: 6px 0 0; -webkit-line-clamp:2;font-size: 14px;line-height: 24px;}
	.news-ul li{margin-top: 25px;}
	.news-three,.news-one{padding: 40px 0;}
	.news-page{margin-top: 30px;}
}
@media  (max-width:640px) {
	.news-nav a{padding-bottom: 8px;}
	.news1-con .news-pic,.news-pic{float: none;width: 100%;}
	.news1-con .news-fonts,.news-fonts{margin: 20px 0 0;padding: 0;}
	.news-font{padding: 0;}
	.news2-mo,.news1-mo{position: relative;top: 0;left: 0;margin-top: 16px;font-size: 14px;}
	.news-font h3{margin: 0;}
	.lpage-select{display: none;}
	
}

/* ====================== newsinfo 新闻详情 ================= */
.newsinfo{}
.newsinfo-content{padding: 64px 0 43px;}
.newsinfo-con{padding: 0 100px;}
.newsinfo-tit{font-size: 36px;line-height: 40px;color: #333; font-family: 'PingFang-Heavy';}
.newsinfo-dec{margin-top: 40px;font-size: 18px;line-height: 30px;color: rgba(51,51,51,.7); font-family: 'PingFang-Heavy';}
.newsinfo-dec span{display: inline-block;margin-left: 30px;}
.newsinfo-dec span:first-child{margin-left: 0;}
.newsinfo-cont{margin-top: 42px;padding-top: 43px; border-top: 1px solid #c1c1c1; font-size: 18px;line-height: 30px;color: rgba(0,0,0,.7); font-family: 'PingFang-Medium';}
.newsinfo-cont img{display: inline-block;}
.newsinfo-ul{font-size: 0;margin: 74px -20px 0;text-align: center;}
.newsinfo-ul li{display: inline-block;width: 50%;padding: 0 20px;}
.newsinfo-ul li>img{}
.newsinfo-page{ border-top: 1px solid #c1c1c1;padding: 56px 0; margin: 80px 0px 0;position: relative;font-size: 0;}
.newsinfo-page a{padding: 0 30px;position: relative; display: inline-block;vertical-align: top;width: 50%;}
.newsinfo-page a h4{font-size: 16px;line-height: 30px;color: rgba(51,51,51,.7); font-family: 'PingFang-Heavy';white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.newsinfo-page a.newsinfo-left{text-align: left;padding-left: 24px;}
.newsinfo-page a.newsinfo-right{text-align: right;padding-right: 24px;}
.newsinfo-left::before{position: absolute;content: "";width: 16px;height: 26px;background: url(../images/newsinfo-left.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%);}
.newsinfo-right::before{position: absolute;content: "";width: 16px;height: 26px;background: url(../images/newsinfo-right.png)no-repeat center;background-size: 100% 100%;right: 0;top: 50%;transform: translateY(-50%);}
.newsinfo-page a.newsinfo-cent{padding: 0;z-index: 3; position: absolute;width: 30px;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.newsinfo-cent img{width: 100%;}
.newsinfo-page a:hover h4{color: #0069c2;}
@media  (max-width:1459px) {
	.newsinfo-tit{font-size: 30px;line-height: 40px;}
	.newsinfo-dec{margin-top: 20px;}
	.newsinfo-con{padding: 0 50px;}
	.newsinfo-cont{margin-top: 20px;padding-top: 20px;font-size: 16px;}
	.newsinfo-page{margin: 40px 0 0;padding: 30px 0;}
}
@media  (max-width:1259px) {
	.newsinfo-con{padding: 0px;}
	.newsinfo-tit{font-size: 24px;line-height: 30px;}
	.newsinfo-dec{margin-top: 12px;font-size: 16px;}
	.newsinfo-ul{margin-top: 50px;}
}
@media  (max-width:991px) {
	.newsinfo-content{padding: 50px 0 40px;}
	.newsinfo-right::before,
	.newsinfo-left::before{width: 12px;height: 20px;}
	.newsinfo-page a.newsinfo-cent{width: 24px;}
	.newsinfo-tit{font-size: 22px;line-height: 30px;}
	.newsinfo-ul{margin-top: 30px;}
}
@media  (max-width:767px) {
	.newsinfo-content{padding: 40px 0;}
	.newsinfo-cont{font-size: 14px;line-height: 26px;}
	.newsinfo-tit{font-size: 18px;line-height: 30px;}
	.newsinfo-ul li{width: 100%;margin-top: 20px;}
	.newsinfo-ul li:first-child{margin-top: 0px;}
	.newsinfo-ul{margin-top: 20px;}
	.newsinfo-page{margin: 25px 0 0;padding: 20px 0;}
	.newsinfo-cont p{margin: 0 0 15px !important;}
}
@media  (max-width:640px) {
	
	.newsinfo-page a{width: 100%;text-align: center !important;}
	.newsinfo-page a.newsinfo-cent{top: auto;bottom: 0; transform: translateX(-50%);}
	.newsinfo-cent img{width: 24px;display: inline-block;}
	.newsinfo-page{margin: 25px 0 0;padding: 20px 0 30px;}
	.newsinfo-dec span{margin-left: 15px;}
	.newsinfo-dec{margin-top: 6px;}
	.newsinfo-cont{margin-top: 15px;padding-top: 15px;}
}

/* =================== contact 联系我们 =============== */
.contact{}
.contact-content{}
.contact-tit{font-size: 36px;line-height: 40px;color: #333; font-family: 'PingFang-Bold';}
.contact-one{padding: 100px 0 100px;}
.contact1-con{}
.contact1-pic{float: right;width: 68.53%;position: relative;height: 519px;}
.contact1-bf{position: absolute;width: 100%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;left: 0;top: 0;}
.contact1-fonts{margin-right: 68.53%;padding-right: 50px;}
.contact1-fonts h3{}
.contact1-ul{margin-top: 37px;max-height: 371px;}
.contact1-ul ul{}
.contact1-ul li:first-child{margin-top: 0;}
.contact1-ul li{margin-top: 35px; padding-top: 40px;border-top: 1px solid #d2d2d2;}
.contact1-icon{width: 31px;}
.contact1-icon img{width: 100%;}
.contact1-ul li h4{margin: 17px 0 1px;font-size: 18px;line-height: 30px;color: #333;}
.contact1-ul li p{color: rgba(51,51,51,.5);}
.contact1-ul li p span{display: inline-block;font-size: 14px;line-height: 24px;font-family: 'PingFang-Medium';}
.contact1-ul li p em{display: inline-block;}

.contact-two{padding: 85px 0 95px;}
.contact2-con{margin-top: 115px;}
.contact2-top{}
.contact2-top ul{margin: 0 -16px;}
.contact2-top li{float: left;width: 50%;padding: 0 16px;}
.contact2-toptxt{background: #fff;padding: 15px 30px 10px;}
.contact2-toptxt h4{padding-bottom: 11px; font-size: 18px;line-height: 30px;color: #333;font-family: 'PingFang-Heavy';border-bottom: 1px solid #eaeaea;}
.contact2-topsel{}
.contact2-topsel select{padding: 18px 0 11px; width: 100%;font-size: 16px;line-height: 36px;color: rgba(51,51,51,.7);font-family: 'PingFang-Medium';}
.contact2-topsel option{}
.contact2-topsel option span{display: inline-block;}

.contact2-topinp{padding: 13px 0 5px;font-size: 0;}
.contact2-topinp input{width: 50%;display: inline-block;padding-right: 10px; font-size: 16px;line-height: 36px;color: rgba(51,51,51,.7);font-family: 'PingFang-Medium';}
.contact2-topinp input::-webkit-input-placeholder{color: rgb(51,51,51,.7);}

.contact2-bot{}
.contact2-botul{margin: -31px -16px 0;}
.contact2-botul li{float: left;width: 50%;padding: 0 16px;margin-top: 31px;}
.contact2-botul li>div{background: #fff;padding: 21px 30px 22px;font-size: 18px;line-height: 36px;color: rgba(51,51,51,.5);font-family: 'PingFang-Heavy';}
.contact2-botul li.contact2-botlon{width: 100%;}
.contact2-botinp{}
.contact2-botarea{display: block;min-width: 100%;max-width: 100%;min-height: 304px;max-height: 304px;}
.contact2-botinp1{}
.contact2-submit{text-align: center;margin-top: 60px;}
.contact2-submit button{cursor: pointer;border-width: 1px;}
.contact2-submit button::before{height: 1px;bottom: -1px;}
.contact2-botul li>div input::-webkit-input-placeholder{color: rgb(51,51,51,.5);}
.contact2-bot input{width: 100%;}
@media  (max-width:1919px) {
	
}
@media  (max-width:1459px) {
	.contact1-pic{height: 460px;}
	.contact1-ul li{padding-top: 25px;margin-top: 30px;}
	.contact1-ul{margin-top: 25px;max-height: 360px;}
	.contact-tit{font-size: 30px;}
	.contact2-con{margin-top: 40px;}
	.contact-two,.contact-one{padding: 60px 0;}
	.contact2-botarea{min-height: 240px;max-height: 240px;}
	.contact2-botul li>div{padding: 16px 30px;}
	
}
@media  (max-width:1259px) {
	.contact-tit{font-size: 26px;line-height: 32px;}
	.contact2-toptxt h4,.contact2-botul li>div,.contact1-ul li h4{font-size: 16px;}
	.contact1-fonts{padding-right: 35px;}
	.contact1-pic{height: 410px;}
	.contact1-ul li{padding-top: 16px;margin-top: 20px;}
	.contact1-ul{margin-top: 20px;}
	.contact2-top li{padding: 0 10px;}
	.contact2-top ul{margin: 0 -10px;}
	.contact2-botul li{margin-top: 20px;padding: 0 10px;}
	.contact2-botul{margin: -20px -10px 0;}
	.contact2-toptxt{padding: 15px 18px 10px;}
	.contact2-botul li>div{padding: 12px 18px;}
	.contact2-botarea{min-height: 200px;max-height: 200px;}
	.contact2-submit{margin-top: 30px;}
	
}
@media  (max-width:991px) {
	.contact1-pic{float: none;width: 100%;}
	.contact1-fonts{margin: 30px 0 0;padding: 0;}
	.contact1-ul li h4{margin: 10px 0 1px;}
	
}
@media  (max-width:767px) {
	.contact-tit{font-size: 22px;line-height: 30px;}
	.contact-two,.contact-one{padding: 40px 0;}
	.contact2-top li{width: 100%;margin-top: 20px;}
	.contact2-top li:first-child{margin-top: 0;}
	.contact2-botul li{width: 100%;}
	.contact2-toptxt{padding: 15px 16px 10px;}
	.contact2-botul li>div{padding: 12px 16px;}
	.contact2-botarea{min-height: 160px;max-height: 160px;}
	.contact2-submit{margin-top: 20px;}
	.contact2-con{margin-top: 20px;}
}
@media  (max-width:640px) {
	.contact1-icon{width: 24px;}
	.contact2-topsel select,.contact2-botul li>div,
	.contact2-topinp input{font-size: 14px;line-height: 24px;}
	.contact2-botarea{min-height: 130px;max-height: 130px;}
	.contact2-topinp input{width: 100%;}
}


/* ======================= case 项目案例 ================== */
.app-menu{height: 45px;background: #fff;display: none;}
.app-parent{height: 100%; position: relative;}
.app-item{position: relative;height: 45px;padding: 0 15px;}
.app-cate{line-height: 45px; float: left;font-size: 14px;color: #333;font-weight: bold;}
.app-tig{position: absolute;width: 20px;height: 45px;top: 0;right: 15px;background: url(../images/pro-dowm.png) no-repeat center;}
.app-parent .pro-menu{display: none;position: absolute;width: 100%;left: 0;top: 100%;z-index: 33;}
.app-parent.open .app-tig{transform: rotate(90deg);}
.app-parent.open .app-item{border-bottom: solid 1px #eee;}
.app-menu .pro-menu{padding: 0 6px;background: white;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.app-menu .pro-item1{position: relative; height:41px; line-height: 40px;border-bottom: solid 1px #eeeeee;padding: 0 10px;}
.app-menu .pro-cate1{display: block;margin-right: 20px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 14px;color: #222;}
.app-menu .pro-tig1{position: absolute;right: 20px;top: 0; transition: all .5s; width: 20px;height: 40px;background: url(../images/pro-dowm.png) no-repeat center;}
.app-menu .pro-item2{position: relative;height: 41px; line-height: 40px;border-bottom: solid 1px #eeeeee;padding: 0 10px;}
.app-menu .pro-cate2{display: block;margin-right: 20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 14px;color: #555;padding-left: 16px;background: url(../images/pro-cate2.png) no-repeat left center;}
.app-menu .pro-tig2{position: absolute;right: 20px;top: 0; transition: all .5s;width: 20px;height:40px;background: url(../images/pro-dowm.png) no-repeat center;}
.app-menu .pro-slide2{border-bottom: solid 1px #eeeeee;}
.app-menu .pro-pad{padding: 7px 25px 4px;}
.app-menu .pro-pad a{display: block;font-size: 12px;color: #888;line-height: 20px;}
.app-menu .pro-slide1,.app-menu .pro-slide2{display: none;}
.app-menu .pro-parent1.open .pro-cate1,.app-menu .pro-cate1:hover{color: #0069c2;font-weight: bold;}
.app-menu .pro-parent1.open .pro-tig1,.app-menu .pro-parent2.open .pro-tig2{transform: rotate(90deg);}
.app-menu .pro-parent2.open .pro-cate2{color: #0069c2;}
.app-menu .pro-pad a.on,.pro-pad a:hover,.pro-cate2:hover{color: #0069c2;}
.app-menu .pro-parent1.open .pro-slide1,.app-menu .pro-parent2.open .pro-slide2{display: block;}
.app-menu .pro-parent1:last-child .pro-item1{border-bottom: none;}
.app-menu{box-shadow: 0 0 13px rgba(0,0,0,.1);}
.case{}
.nybanner-swip{position: relative;}
.nybanner-swip .nybanner{}
.nybanner-pages{position: absolute;width: 100%;left: 0;top: 50%;transform: translateY(-50%);z-index: 3;}
.nybanner-page{position: relative;width: 100%;}
.nybanner-swip .swiper-pagination{display: none;width: 100%;bottom: 20px;}
.nybanner-swip .swiper-pagination-bullet{margin: 0 5px;}
.nybanner-swip .swiper-button-next,
.nybanner-swip .swiper-button-prev{width: 54px;height: 54px;border-radius: 50%;line-height: 52px;color: #fff;font-size: 18px;border: 2px solid #fff;text-align: center;background: transparent;transition: ease .5s;}
.nybanner-swip .swiper-button-next:hover,
.nybanner-swip .swiper-button-prev:hover{border-color: #0069c2;background-color: #0069c2;}
.case-content{padding: 53px 0 100px;}
.case-nav{padding-bottom: 41px;}
.casenav-ul{font-size: 0;text-align: right;margin: 0 -20px;}
.casenav-ul li{display: inline-block;padding: 0 10px 13px;margin: 0 20px;position: relative;}
.casenav-one{display: block;position: relative;padding-right: 20px; font-size: 18px;line-height: 30px;color: #333;font-family: 'PingFang-Bold';}
.casenav-one::before{position: absolute;content: "";width: 11px;height: 7px;background: url(../images/casenav-down.png)no-repeat center;transition: ease .5s;background-size: 100% 100%;right: 0;top: 50%;transform: translateY(-50%);}
.casenav-drop{padding: 12px 10px 10px;display: none; position: absolute; width: 100%; top: 100%; left: 0; background: #026ac2;z-index: 4;transition: ease .5s;}
.casenav-drop a{display: block;font-size: 14px; line-height: 30px; color: #fff;text-align: center;}
.casenav-ul li:hover .casenav-drop{display: block;}
.casenav-ul li:hover .casenav-one{color: #0069c2;}
.casenav-ul li:hover .casenav-one::before{background-image: url(../images/casenav-down1.png);}

.case-one{}
.case1-con{}
.case1-ul{margin: -38px -19px 0;font-size: 0;}
.case1-ul li{display: inline-block;vertical-align: top; width: 50%;padding: 0 19px;margin-top: 38px;}
.case1-a{display: block;}
.case-pic{overflow: hidden;}
.case-pic img{transition: ease .8s;}
.case1-a:hover .case-pic img{transform: scale(1.1);}
.case1-fonts{background: #e8e8e8;position: relative;}
.case1-fonts::before{position: absolute;content: "";width: 100%;height: 0;background: #0069c2;left: 0;bottom: 0;transition: ease .5s;}
.case1-a:hover .case1-fonts::before{height: 100%;}
.case1-fonts>div{position: relative;padding: 49px 35px 46px;transition: ease .5s;}
.case1-a:hover .case1-fonts>div{padding: 49px 45px 46px;}
.case1-tit{position: relative;padding-right: 120px;}
.case1-tit h3{font-size: 24px;line-height: 30px;color: #333;font-family: 'PingFang-Bold';white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: ease .5s;}
.case1-tit span{display: block;padding-right: 50px;font-weight: bold; font-size: 14px;line-height: 24px;color: #333; position: absolute;right: 0;top: 50%;transform: translateY(-50%);transition: ease .5s;}
.case1-tit span::before{position: absolute;content: "";width: 20px;height: 20px;background: url(../images/more1.png)no-repeat center;background-size: 100% 100%;border-radius: 50%;right: 0;top: 50%;margin-top: -10px;transition: ease .5s;}
.case1-a:hover .case1-tit h3,
.case1-a:hover .case1-tit span{color: #fff;}
.case1-a:hover .case1-tit span::before{background-image: url(../images/morea.png);}
.case1-tags{margin-top: 14px;}
.case1-tag{padding: 0 16px;margin-right: 16px;margin-top: 12px; display: inline-block;font-size: 14px;line-height: 30px;color: #333;border-radius: 30px; font-family: 'PingFang-Medium';transition: ease .5s;border: 1px solid #0069c2;}
.case1-tag:last-child{margin-right: 0;}
.case1-a:hover .case1-tag{color: #fff;border-color: #fff;}

@media (max-width: 1459px) {
	.case-content{padding: 60px 0;}
	.casenav-one{font-size: 16px;}
	.casenav-ul li{margin: 0 15px;padding-bottom: 5px;}
	.casenav-ul{margin: 0 -15px;}
	.case-nav{padding-bottom: 30px;}
	.case1-ul li{padding: 0 15px;margin-top: 30px;}
	.case1-ul{margin: -30px -15px 0;}
	.case1-tit h3{font-size: 22px;}
	.case1-fonts>div{padding: 40px 30px;}
	.case1-a:hover .case1-fonts>div{padding: 40px;}
	.case1-tags{margin-top: 6px;}
	.case1-tag{margin-right: 12px;}
	
}
@media (max-width: 1259px) {
	.case1-tit h3{font-size: 20px;}
	.case1-fonts>div{padding: 35px 25px;}
	.case1-a:hover .case1-fonts>div{padding: 35px 35px;}
	.case1-tag{padding: 0 12px;}
	.casenav-ul li{margin: 0 10px;padding-bottom: 2px;}
	.casenav-ul{margin: 0 -10px;}
	.nybanner-swip .swiper-button-next,
	.nybanner-swip .swiper-button-prev{width: 42px;height: 42px;line-height: 40px;}
}
@media (max-width:991px){
	.casenav-ul li{margin: 0 8px;padding-bottom: 0px;}
	.casenav-ul{margin: 0 -8px;}
	.case1-tit h3{font-size: 18px;}
	.case1-tag{padding: 0 10px;margin-right: 10px;margin-top: 10px;}
	.case1-fonts>div{padding: 30px 25px;}
	.case1-a:hover .case1-fonts>div{padding: 30px 30px;}
	
	
}
@media (max-width:767px){
	.app-menu{display: block;}
	.pro-tig1::before{display: none;}
	.case-nav{display: none;}
	.case-content{padding: 40px 0;}
	.case-nav{padding-bottom: 20px;}
	.case1-fonts>div,.case1-a:hover .case1-fonts>div{padding: 20px 15px 25px;}
	.case1-tit span{padding-right: 40px;}
	.case1-tit{padding-right: 110px;}
	.case1-ul li{padding: 0 10px;margin-top: 20px;}
	.case1-ul{margin: -20px -10px 0;}
	.case1-tit h3{font-size: 16px;}
	.case1-tit span{margin-top: 5px; position: relative;top: 0;left: 0;transform: none;display: inline-block;}
	.case1-tit{padding: 0;}
	.case1-tag{padding: 0 8px;line-height: 24px; margin-right: 6px;margin-top: 10px;}
	.nybanner-swip .swiper-button-next,
	.nybanner-swip .swiper-button-prev{display: none;}
	.nybanner-swip .swiper-pagination{display: block;}
}
@media (max-width:640px){
	.case1-ul li{width: 100%;}
}

/* ======================= caseinfo 案例详情 ================ */
.caseinfo{}
.caseinfo-content{padding: 0px 0px 0px 33.59%;position: relative;}
.caseinfo-left{width: 33.59%;position: absolute;left: 0; top: 0; bottom: auto; height: 100vh;  background-color: #fff;}
.caseinfo-left.on {position: fixed;left: 0; top: 0; bottom: auto;}
.caseinfo-left.on.on2{ position: absolute; top: auto; bottom: 0;}
.caseinfo-right{padding: 0 30px 0 80px;position: relative; background-repeat: no-repeat;background-position: center;background-size: cover;}
.caseinfo-right::before{position: absolute;content: "";width: 14px;height: 38px;background: url(../images/caseinfo-mo.png)no-repeat center;background-size: 100% 100%;right: 45px;bottom: 88px;}
.caseinfo-fonts{padding: 97px 89px 40px 110px;}
.caseinfo-fonts h3{}
.caseinfo-tags{margin-top: 34px;}
.caseinfo-tagul{font-size: 0;margin: -10px -10px 0;}
.caseinfo-tagul li{display: inline-block;padding: 0 10px;margin-top: 10px;}
.caseinfo-tagul li a{padding: 3px 14px;min-width: 100px;text-align: center; display: block;font-size: 16px;line-height: 30px;color: #fff;background: #0069c2;border-radius: 30px;}
.caseinfo-fonts h4{margin-top: 52px;font-size: 16px;line-height: 30px;color: #004077; font-family: 'PingFang-Bold';}
.caseinfo-p{margin-top: 17px;max-height: 330px; font-size: 16px;line-height: 30px;color: #333;}
.caseinfo-p::-webkit-scrollbar {
 width: 3px;
 background: url(../images/caseinfo-left1.png)repeat-y center;
}
.caseinfo-p::-webkit-scrollbar-thumb {
 background:url(../images/caseinfo-left2.png)repeat-y center;
 border-radius: 0px;
} 
.caseinfo-page{margin-top: 71px;padding-top: 79px;border-top: 1px solid #d2d2d2;font-size: 0;}
.caseinfo-page a{display: inline-block;margin: 0 50px;}
.caseinfo-page a:first-child{margin-left: 0;}
.caseinfo-page a:last-child{margin-right: 0;}
.caseinfo-page a{color: #333;background: #f5f5f5 !important;border-color: #f5f5f5;}
.caseinfo-page a:hover{color: #fff;background: #0069c2 !important;border-color: #0069c2;}
.caseinfo-pics{padding-right: 50px;position: relative;}
.caseinfo-pic{font-size: 0;margin-top: 20px;}
.caseinfo-pic:first-child{margin-top: 0;}
.caseinfo-pic img{display: block; width: 100%;}
/* .caseinfo-pics{overflow-y: auto;max-height: 400px;}
.caseinfo-pics::-webkit-scrollbar {
 width: 3px;
 background: url(../images/caseinfo-scrl.png)repeat-y center;
}
.caseinfo-pics::-webkit-scrollbar-thumb {
 background:url(../images/caseinfo-scrl2.png)repeat-y center;
 border-radius: 0px;
} */
.foot-app,.foot{position: relative;}
@media (max-width:1919px){
	.caseinfo-fonts{padding: 80px 60px 40px 100px;}
	.caseinfo-tagul li a{min-width: 90px;}
	.caseinfo-page{margin-top: 50px;padding-top: 40px;}
	.caseinfo-page a{margin: 0 30px;}
}
@media (max-width:1459px){
	.caseinfo-fonts{padding: 60px 30px 40px 80px;}
	.caseinfo-fonts h4{margin-top: 30px;}
	.caseinfo-tags{margin-top: 20px;}
	.caseinfo-tagul li a{min-width: auto;font-size: 14px;}
	.caseinfo-tagul li{padding: 0 5px;}
	.caseinfo-tagul{margin: -10px -5px 0;}
	.caseinfo-page a{margin: 0 20px;}
	.caseinfo-page{margin-top: 40px;padding-top: 30px;}
}
@media (max-width:1259px){
	.caseinfo-fonts{padding: 60px 30px 40px 20px;}
	
}
@media (max-width:991px){
	.caseinfo-left.on.on2,
	.caseinfo-left.on,.caseinfo-left{position: relative;left: 0;top: 0;width: 100%;height: auto !important;}
	.caseinfo-content{padding: 0;}
	.caseinfo-pics{padding: 0;}
	.caseinfo-right{padding: 40px 15px;}
	.caseinfo-page{margin-top: 30px;padding-top: 20px;}
	.caseinfo-page a{margin: 0 12px;}
	.caseinfo-fonts h4{margin-top: 20px;}
	.caseinfo-p{max-height: none;padding: 0;}
	.caseinfo-fonts{padding: 40px 15px;}
	.caseinfo-right::before{display: none;}
}
@media (max-width:767px){
	.caseinfo-tags{margin-top: 15px;}
	.caseinfo-fonts h4{margin-top: 16px;}
	.caseinfo-p{margin-top: 10px;font-size: 14px;line-height: 26px;}
	.caseinfo-page{margin-top: 25px;padding-top: 18px;}
}
/*视频弹窗*/
 .msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 10001;background: rgba(0,0,0,0.5);}
 .msg-box {width: 860px;height: 524px;padding: 50px;background-color: #F3F3F3;position: absolute;left: 50%;margin-left: -430px;top: 0px;margin-top: -262px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
 .msg-box .close-box {width: 38px;height: 38px;font-size: 30px;color: #666; cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
 .msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
/*视频弹窗  -end*/

@media  (max-width:1259px) {
		.msg-box{width:800px;height:465px;padding:30px;}
.msg-box .close-box{width:24px;height:24px;font-size:24px;top:5px;right:5px}
}
@media  (max-width:991px) {

	.msg-box{width: 600px;height: 365px;left: 50%;margin-left: -300px;}
}
@media  (max-width:767px) {
	.msg-box{width: 500px;margin-left: -250px;}
}
@media  (max-width:640px) {
	.msg-box{width: 320px;margin-left: -160px;height: 300px;}
}
@media (max-width: 400px) {
	.msg-box{width: 280px;margin-left: -140px;}
}

/* =================== news 新闻动态 ===================== */
.news{}
.ny-nav{}
.nav-ul{font-size: 0;text-align: center;}
.nav-ul li{display: inline-block;}
.nav-ul li.on{}
.nav-ul li a{display: block;padding: 23px 41px; font-size: 18px;line-height: 30px;color: #444;transition: ease .5s;position: relative;}
.nav-ul li a::before{position: absolute;content: "";width: 0;height: 3px;background: #d30c2e;left: 50%;bottom: 0;transform: translateX(-50%);transition: ease .5s;}
.nav-ul li.on a::before{width: 100%;}
.nav-ul li.on a{color: #d30c2e;}

/* ===================== 下拉 ================ */
.dropdown-menu{ position: absolute; top: 100%; z-index: 1100;background: #fff;border-top: 1px solid #eeeeee; -webkit-transition: none;-o-transition: none;transition: none;height: auto;display: none;overflow: hidden;width: 100%;left: 0;margin-top: 0;-ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);-o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);}
.category-item-single{position: static;}
.category-item{}

.dropdown-menu.single{width: 300px;left: 50%;transform: translateX(-50%);}
.category-item:hover .dropdown-menu{opacity: 1;display: block;visibility: visible;}

/* .category-item:hover .dropdown-menu.single{max-height: 450px;opacity: 1;} */
.dropdown-menu ul{padding: 54px 0 85px;}
.dropdown-menu li{float: left;padding: 0 0 0 45px;width: 21.14%;}
.dropdown-menu li.dropdown-img{width: 21.42%;padding: 0 0px 0 0;}
.dropdown-img1{width: 100%;}
.dropdown-img1 img{width: 100%;}
.dropdown-menu li:first-child{padding-left: 0;}
/* .dropdown-menu li:last-child{padding-right: 0;border-right: none;} */
.dropdown-tit{display: block; margin-bottom: 6px; font-size: 24px;color: #242e38;line-height: 40px;font-family: 'semi';}
.dropdown-dec{display: block; font-size:18px;color: #444;line-height: 28px;padding:16px 12px 15px 0px; border-bottom: 1px solid #e5e5e5;position: relative;}
.dropdown-dec::before{content: "";position: absolute;width: 0;height: 1px;background:#d30c2e;bottom: -1px;left: 50%;transform: translateX(-50%);transition: ease .5s;}
.dropdown-dec:hover::before{width: 100%;}
.dropdown-dec:hover i{color: #d30c2e;}
.dropdown-dec i{font-size: 18px;color: #666;font-weight: 550; float: right;}
.dropdown-menu li a:last-child{margin-bottom: 0;}
.dropdown-menu li a:hover{color: #d30c2e;}
.dropdown-menu li.dropdown-title{width: 26%;padding-right: 30px;}
.dropdowntit-font{}
.dropdowntit-font h3{font-size: 30px;line-height: 40px;color: #333;}
.dropdowntit-font h5{font-size: 16px;line-height: 30px;color: #555;margin: 9px 0  43px;}
@media  (max-width:1460px) {
	.dropdown-dec{font-size: 17px;padding: 16px 12px 15px 0px !important;}
	.dropdown-menu li{}
}
@media  (max-width:1259px) {
	.dropdown-menu li{padding: 0 0 0 30px;}
	.dropdown-dec{font-size: 16px;padding: 12px 12px 11px 0px !important;}
	.dropdown-menu li.dropdown-img{width: 25%;}
	.dropdown-menu li.dropdown-title{width: 31%;}
	.dropdowntit-font h5{margin-bottom: 30px;}
}
@media  (max-width:1170px) {
	.dropdown-menu li{}
}

@keyframes scle2 {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    to {
        transform: scale(1.1);
    }
		
}


@keyframes rotaterotateZ{
  0%{transform: translate(-50%,-50%) rotateZ(0deg);}
  100%{transform: translate(-50%,-50%) rotateZ(360deg);}
}
@-moz-keyframes rotaterotateZ /* Firefox */
{
    0%{transform:  translate(-50%,-50%) rotateZ(0deg);}
  100%{transform: translate(-50%,-50%) rotateZ(360deg);}
}

@-webkit-keyframes rotaterotateZ /* Safari 和 Chrome */
{
    0%{transform: translate(-50%,-50%) rotateZ(0deg);}
  100%{transform: translate(-50%,-50%) rotateZ(360deg);}
}

@-o-keyframes rotaterotateZ /* Opera */
{
    0%{transform: translate(-50%,-50%) rotateZ(0deg);}
  100%{transform: translate(-50%,-50%) rotateZ(360deg);}
}


.lb-data .lb-number{display: none !important;}


/* 常规下拉 */
.category-item-single .dropdown-menu{padding-bottom: 0;margin-top: 0px;display: none;position: absolute;width: 235px;top: 100%;left: 50%;transform: translateX(-50%);}
.category-item.category-item-single{position: relative;}
.category-item:hover .dropdown-menu{display: block;}
.category-item.category-item-single .dropdown-pad{text-align: center;background: #fff;padding: 8px 20px;}
.category-item.category-item-single .dropdown-menu a{display: block;font-size: 16px;line-height: 30px;padding: 15px 0; color: #333;transition: ease .5s;border-top: 1px dashed #e5e5e5;}
.category-item.category-item-single .dropdown-menu a:hover{color: #d30c2e;}
.category-item.category-item-single .dropdown-menu a:first-child{border-top: none;}

.dropdown-menu li a:hover{color: #d30c2e;}

/* 产品下拉 */
.xiala{position: absolute;padding: 33px 36px 27px; min-width: 510px;text-align: left; left: -22%;top: 100%;display: none;background: #fff;}
.category-item:hover .xiala{display: block;}

.xiala-con{position: relative;font-size: 0;text-align: center; width: 100%;}
.xiala-ul{}
.xiala-li{float: left;width: 50%;}
.xiala-li:first-child{border: none;}
.xiala-li.xiala-link{width: 48.4%;padding-left: 30px;}
.xiala-li.xiala-pic{width: 51.6%;}

.xiala-li ul{}
.xiala-li li{text-align: left;}
.xiala-li li>a{margin-top: 6px; display: block;font-size: 16px;line-height: 30px;color: rgba(51,51,51,.6);}
.xiala-li li>h4{margin-top: -5px; padding-bottom: 9px; font-size: 18px;line-height: 30px;color: #333;border-bottom: 1px solid rgba(7,21,58,.3);}
.xiala-li li>a:hover{color: #d30c2e;}

@media  (max-width:1679px) {
    .nybanner .ny-title .ny-tit {font-size: 48px;}
  .nybanner .ny-title p {font-size: 32px;}
  .nybanner .ny-title span{font-size: 22px;}
  .ny-tit,
  .ino-left h3{font-size: 38px;}
  .ny-cont h4{font-size: 48px;line-height: 60px;}
}
@media  (max-width:1459px) {
  .nybanner{height: 450px;}
  .ban-nav .com-ul li{height: 60px;line-height: 60px;}
  .ban-nav .com-ul li a{font-size: 16px;padding: 0 10px;}
  .ny-mbx{height: 60px;line-height: 60px;}
  .com-mbx{font-size: 16px;}	
  .ny-padd{padding: 60px 0;}
  .ny-cont h4{font-size: 40px;line-height: 50px;}
  .ny-cont p{margin-top: 12px;}
}
@media  (max-width:1259px) {
  .nybanner{height: 400px;}
  .ban-nav .com-ul li a{font-size: 16px;}
  .com-mbx a{font-size: 14px;}
  .com-mbx{padding-bottom: 10px;}
  .ban-nav .com-ul li{height: 50px;line-height: 50px;}
  .ny-mbx{height: 50px;line-height: 50px;}
  .more3{width: 150px;height: 45px;line-height: 45px;font-size: 16px;}
 .anchor{display: none !important;}
 .ny-cont h4{font-size: 32px;line-height: 40px;}
 .ny-cont p{font-size: 16px;margin-top: 5px;}
 
.proinfo .pro2-navul li:hover a, .pro2-navul li.active a{color: #003a81;font-size: 20px;}
.proinfo .pro2-navul li:hover,.proinfo  .pro2-navul li.active{padding: 0 0 0 15px;font-weight: bold;}
}
@media (max-width: 991px){
  .nybanner{height: 350px;}
  .ban-nav .com-ul li{width: auto;}
  .ban-nav .com-ul li a{padding: 0 20px;font-size: 15px;}
 .ny-cont h4{font-size: 26px;line-height: 30px;}
}
@media(max-width:767px){
.ny-mbx{display: none;}
.ny-padd{padding: 40px 0;}
 .ny-cont h4{font-size: 24px;line-height: 30px;}
 .proinfo  .pro2-navul li a,.proinfo .pro2-navul li.active a{font-size: 18px;}
 .proinfo .pro2-navul li, .proinfo .pro2-navul li.active, .proinfo .pro2-navul li:hover{width:auto;margin: 10px 5px;padding: 0;}
}
.news-navul{margin:0px;}
@media  (max-width:640px) {
  .nybanner{height: auto;}
  .nybanner img.ny-app{display: block;}
  .nybanner .ny-img{display: none;}
  .nybanner .ny-title .ny-tit {font-size: 22px;line-height: 42px;}
  .nybanner .ny-title p {font-size: 18px;margin: 0 0 2px;}
  .nybanner .ny-title span{font-size: 16px;}
  .ny-mbx{display: none;} 
  .nybanner .ny-title{width: 100%;}
  .about-main-cen .main-cen ul:hover::before{transform: translateX(-100%); }
  .about-main-cen .main-cen ul:hover li,.about-main-cen .main-cen ul:hover h5,.about-main-cen .main-cen ul:hover p{color:#333;}
  .about-main-cen .main-cen ul:hover .img2{display: none;}
  .about-main-cen .main-cen ul:hover .img1{display: block;}
  .foot-spanli span.bot-link{display:none;}
  .botlink-hide{display:block;margin-bottom: 10px;}
  .proinfo .pro2-navul li:hover a{font-size: 18px;}
}
/* 核心技术 */
.newinfo-center img{max-width:100%!important;}
.image{max-width:100%!important;}
a.none{display:none}
.section2 h3.tit img{/* background: #fff; */}