.ellipsis2{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }

.ellipsis3{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; }

.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
body,html{height: 100%;-webkit-text-size-adjust:none;}
* {margin:0px;padding:0px;border:none;outline:none;}
body{font-family:"Microsoft Yahei","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;font-size: 16px;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } 
h1,h2,h3,h4,h5,h6,h7{font-weight: normal;}
ol,li{list-style: none;}
a{text-decoration: none;color:#010101;}
a:hover,a:focus,a:visited{text-decoration:none;outline:none;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none;}
input:focus {outline:none !important;box-shadow: none !important;}
.text-r{text-align: right;}
.text-max-800{max-width: 800px;margin:0 auto;}
a:hover{color: #105ECC;}
input:focus, textarea:focus,  select:focus {outline: none; box-shadow: inherit;}
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	vertical-align: middle;
    border: 0;
}
.fixed{position: fixed !important;}
.container{width: auto; margin: 0 15px; padding: 0;}
.container2{width: auto; margin: 0 15px; padding: 0;}
.container-fluid{padding: 0;}
html{font-size: 100px;}
@media (max-width: 1600px){html{font-size: 95px;}}
@media (max-width: 1440px){html{font-size: 90px;}}
@media (max-width: 1220px){html{font-size: 85px;}}
@media (max-width: 1024px){html{font-size: 80px;}}
@media (max-width: 991px){html{font-size: 70px;}}
@media (max-width: 639px){html{font-size: 60px;}}

.icon-Youtube-fill:before { content: "\e883";}
.icon-linkedin1:before {content: "\e768";}
.icon-facebook:before {content: "\e685";}
.icon-twitter:before {content: "\eb2a";}
.icon-email3::before{content: "\e608";}
.icon-tel::before{ content: "\e607";}
.icon-bianjibi::before{content: "\e845";}
.icon-email7::before{ content: "\e671";}
.icon-write::before{content: "\e80e";}
.icon-xiala::before{ content: "\e64a";}
@font-face {
  font-family: 'AppleSDG';
  src:  url('../fonts/AppleSDGothicNeo.ttc');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.ttf'),
  url('../fonts/iconfont.woff'),
  url('../fonts/iconfont.woff2');
  font-weight: normal;
  font-style: normal;
}
.pt-100{padding-top: 100px;}
.tc{text-align: center;}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}


/*header*/
header{position: relative;width: 100%;z-index: 999;}
.head-main{position: fixed; width: 100%;display: flex;display: -moz-box;display: -ms-flexbox;align-items: center;-ms-flex-align: center;
 justify-content: space-between;padding: 10px 50px;border-bottom: 1px solid rgba(255,255,255,.2);}

.logo{width: 1.24rem;}
.logo img{}
.logo img:nth-of-type(1){display: block;}
.logo img:nth-of-type(2){display:none;position: absolute;left: 50px;top:12px;width: 1.28rem;}
.head-main.on{position: relative;}
.head-main.sticky,.head-main.on{background: #fff; transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;border-bottom: 1px solid #e1e1e1;box-shadow:0 3px 3px -3px #ddd ;}
.head-main.sticky .logo img:nth-of-type(1),.head-main.on .logo img:nth-of-type(1){display: none;}
.head-main.sticky .logo img:nth-of-type(2),.head-main.on .logo img:nth-of-type(2){display: block;}
.head-main.sticky .main-menu a,.head-main.on .main-menu a{color: #222;}
.head-main.sticky .sidemenu-btn span,.head-main .sidemenu-btn span{color: #222;}

.head-r{display: flex;align-items: center;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;color: #fff;font-size: 14px;}
.head-r img{margin-right: 10px;}
.language{position: relative;display:none;}
.language::after{position: absolute;content: "";right: -20px;top: 6px;width: 7px;height: 7px;border-top: solid 2px #c4c4c4;border-right: solid 2px #c4c4c4;
-webkit-transform: rotate(135deg);}
.language:hover::after{top: 10px;-webkit-transform: rotate(315deg);}
.language-en{}
.language-en a{color: #fff;position: relative;}
.language-cn a{color: #333;}
/* .language-cn{position: absolute;left: 0;top: 30px;transition: all .5s;} */
.change-language-cont { position: absolute; top: 36px; right: 0; z-index: 999; visibility: hidden; overflow-y: scroll; padding: 20px 10px 20px 20px; width: 360px; max-height: 50vh; border: 1px solid #eee; border-radius: 5px; background: #FFF; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: scale3d(0.9, 0.9, 1); -ms-transition: all 0.3s ease-in-out;
display: flex;flex-wrap: wrap;column-gap: 10px;row-gap: 15px; }
.language:hover .change-language-cont { visibility: visible; opacity: 1; transform: scale3d(1, 1, 1); }
.change-language-cont>div { display: inline-block !important; overflow: hidden; width: calc(33.3% - 6.67px); font-size: 10pt; }
.change-language-cont>div:hover a{ color: #105ECC; }
.change-language-cont>div a,.change-language-cont>div,.language::after{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}


.head-main.sticky .language a,.head-main.on .head-r,.head-main.on .head-r a {color: #222;}
.head-main.sticky .head-r a,.head-main.sticky .head-r{color: #333;}
.head-main.sticky .language-en img:nth-of-type(2) ,.head-main.on .language-en img:nth-of-type(2){opacity: 1;}
.head-main.sticky .telephone img:nth-of-type(2),.head-main.on .telephone img:nth-of-type(2){opacity: 1;}

.head-sear {cursor: pointer; width:20px;height:20px;font-size:16px;line-height:20px;text-align:center;color:#fff;margin-left: 80px;
-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out;}
.sear-box {position:absolute;width: 100%; height:0px;overflow:hidden;right:0px;top:85px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.sear-box input {height:60px;width:100%;font-size:18px;line-height:20px;padding:10px 5%;border-top: 1px solid #333;outline:none;background: #222;}
.head-sear.active .sear-box{height: 60px;}
.head-sear .sear-btn .icon-sousuo:before{content:"\e7d4";}
.head-sear .sear-btn i{font-weight: bold;}
.head-sear.active .sear-btn .icon-sousuo:before{content:"\e60f";}
.head-main.sticky .sear-btn i,.head-main.on .sear-btn i{color: #222;}
.head-main.sticky .language a,.head-main.on .language a{color: #222;}
/*nav*/
.nav-outer{position:relative;margin-right:30px;flex: 1;}
.main-menu{position: relative;float: right; max-width: 1300px;margin: 0 auto; -webkit-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;
-moz-transition:all .3s ease;transition:all .3s ease}
.main-menu .navbar-collapse{padding:0}
.main-menu .navigation{position:static;margin:0}
.main-menu .navigation>li{position:relative;float:left;margin:0 50px;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;
-ms-transition:all .5s ease;-o-transition:all .5s ease}
.main-menu .navigation>li.current> a::after,.main-menu .navigation>li a:hover::after{opacity: 1;}
.sticky-header .nav-outer .options-box{margin-top:26px}
.main-menu .navigation>li>a{position:relative;display:block;color:#fff;text-align:center;line-height:30px;letter-spacing:0;opacity:1;
padding:17px 0;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;
-o-transition:all .5s ease;}
.main-menu .navigation>li>a::after{position: absolute;content: "";left: 50%;bottom: 0; opacity: 0;
height: 1px;width: 100%;background: #fff;transform: translateX(-50%);}

.head-main.on .main-menu .navigation>li>a::after{position: absolute;content: "";left: 50%;bottom:0; opacity: 0;
height: 1px;width: 100%;background: #333;transform: translateX(-50%);}
.head-main.on .main-menu .navigation>li.current> a::after,.head-main.on .main-menu .navigation>li a:hover::after{opacity: 1;}

/* .main-menu .navigation>li.dropdown>a:after{ content: "\e64a";position:absolute;font-family: iconfont ;color:#fff;font-size:14px;margin-left:5px}
 */
.main-menu .navigation>li.current>a:before,.main-menu .navigation>li:hover>a:before{width:100%}
.main-menu .navigation>li>ul{position:absolute;left:20px;top:100%;width:200px;padding:0;z-index:100;display:none;background:rgba(255,255,255,.8);
transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .5s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05)}
.main-menu .navigation>li>ul.from-right{left:auto;right:0}
.main-menu .navigation>li>ul>li{position:relative;width:100%;border-bottom:1px solid rgba(0,0,0,.1)}
.main-menu .navigation>li>ul>li:last-child{border-bottom:none}
.main-menu .navigation>li>ul>li>a{position:relative;text-align: left; display:block;padding:10px 15px;line-height:24px;font-weight:400;font-size:14px;
text-transform:capitalize;color:#272727;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;
-o-transition:all .5s ease}
.main-menu .navigation>li>ul>li:hover{background: linear-gradient(135deg, #2597E8 0%, #105ECC 100%);}
.main-menu .navigation>li>ul>li:hover a{color: #fff;}

.main-menu .navigation>li>ul>li.dropdown>a:after{font-family:iconfont; content: "\e636";position:absolute;right:10px;top:10px;width:10px;height:20px;display:block;
color:#253d4a;line-height:20px;font-size:16px;font-weight:400;text-align:center;z-index:5}
/*.main-menu .navigation>li>ul>li.dropdown:hover>a:after{color:#fff}*/
.main-menu .navigation>li>ul>li>ul{position:absolute;left:100%;top:0;width:250px;padding:0;z-index:100;display:none;background:#fff;border-top:3px solid #0D6AEA;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05)}
.main-menu .navigation>li>ul>li>ul.from-right{left:auto;right:0}
.main-menu .navigation>li>ul>li>ul>li{position:relative;width:100%;border-bottom:1px solid rgba(0,0,0,.1)}
.main-menu .navigation>li>ul>li>ul>li:last-child{border-bottom:none}
.main-menu .navigation>li>ul>li>ul>li>a{position:relative;display:block;padding:10px 15px;line-height:24px;font-weight:400;font-size:14px;text-transform:capitalize;
color:#272727;transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}
.main-menu .navigation>li>ul>li>ul>li:hover>a{color: #fff;}
.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after{font-family:FontAwesome;content:"\f105";position:absolute;right:10px;top:11px;width:10px;height:20px;
display:block;color:#272727;line-height:20px;font-size:16px;font-weight:400;text-align:center;z-index:5}
.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after{color:#fff}
.main-menu .navigation>li.dropdown:hover>ul{visibility:visible;opacity:1;top:100%}
.main-menu .navigation li>ul>li.dropdown:hover>ul{visibility:visible;opacity:1;top:0;transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .5s ease;
-ms-transition:all .3s ease;-o-transition:all .3s ease}
.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn{position:absolute;right:18px;top:6px;width:30px;height:30px;text-align:center;color:#222;line-height:28px;
border:1px solid #ddd;background-size:20px;cursor:pointer;z-index:5;display:none}

.back{position: fixed; z-index: 10; right: 15px; bottom: 5%; width: 50px; height: 50px; background: url(../images/back.png) no-repeat center center; background-size: 100% 100%;}
/* banner */
.ind_banner_box .banner_img_box {display:block;overflow:hidden;height:100vh;transition:all .5s ease-in-out;position:relative;}
.ind_banner_box .banner_img_box .ind_src1_img_box {height:100vh;transition:all 4s ease;transform:scale(1.2);background-size:cover;background-position:center;}
.ind_banner_box .banner_img_box video {width:100%;height:100%;object-fit:cover;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.ind_banner_box .banner_img_box #myCanvas {display:none;transition:all .5s ease-in-out;}
.ind_banner_box .banner_img_box #myCanvas.on {opacity:0;}
.ind_banner_box .banner_text_img_box {width:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#ffffff;display:none;}
.ind_banner_box .banner_text_img_box .ind_src1_title {font-size:.62rem;line-height:1.5;margin-bottom:.2rem;font-weight:bold;text-align: center;}
.banner-m{display: none;}
.ind_banner_box .banner_text_img_box .ind_src1_title a{color: #fff;}
.ind_banner_box .banner_text_img_box .btn_d_video {margin-top:.35rem;position:absolute;width:90px;height:90px;cursor:pointer;left: 50%;transform: translateX(-50%);}
.ind_banner_box .banner_text_img_box .btn_d_video svg {position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;transform:rotate(20deg);}
.ind_banner_box .banner_text_img_box .btn_d_video svg circle {stroke-dasharray:250;stroke:#ffffff;stroke-width:4;transition:all .8s ease;}
.ind_banner_box .banner_text_img_box .btn_d_video > div {position:absolute;left:100%;top:50%;text-transform:uppercase;font-size:.16rem;font-family:'Conv_NEXA-XBOLD';transform:translate(-50%,-50%);transition:all .5s ease-in-out;}
.ind_banner_box .banner_text_img_box .btn_d_video:hover svg {animation:zhuang ease .5s forwards;}
.ind_banner_box .banner_text_img_box .btn_d_video:hover svg circle {stroke-dasharray:282;}
.ind_banner_box .banner_text_img_box .btn_d_video:hover > div {left:50%;}
.ind_banner_box .active .ind_src1_img_box {transform:none;}
.ind_banner_box .active .banner_text_img_box {display:block;}
.ind_fy_box {background-color:#105ECC;position:absolute;bottom:0;width:50vw;left:0;height:.9rem;z-index:1;display: none;}
.ind_fy_box .swiper-pagination {left:50%;top:50%;transform:translate(-50%,-50%);}
.ind_fy_box .lb_pagination_box {color:rgba(255,255,255,0.3);font-size:12px;line-height:1;font-weight:700;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);}
.ind_fy_box .lb_pagination_box .on {color:#ffffff;font-size:.22rem;}
.ind_fy_box .lb_pagination_box span {margin:0 .06rem;}

.ind_banner_box .swiper-pagination .swiper-pagination-bullet {background-color:transparent;opacity:.5;border:3px solid #ffffff;
vertical-align:middle;transition:all .5s ease-in-out;margin:0 .23rem;width:.06rem;height:.06rem;display:inline-block;border-radius: 50%;}

.ind_banner_box .swiper-pagination .swiper-pagination-bullet-active {opacity: 1; width: .2rem; height: .2rem;}
.swiper-slide.active{pointer-events: all;}

#scr {position:absolute;right:2.6vw;bottom:calc(12vh + 40px);z-index:2;display: none;}
#scr > label {color:#fff;white-space:nowrap;font-size:.2rem;}
#scr > b {position:absolute;top:120%;width:1px;left:0;right:0;margin:auto;overflow:hidden;background-color:rgba(255,255,255,0.3);}
#scr > b:nth-of-type(1):after {content:"";position:absolute;height:50%;width:100%;background-color:#fff;bottom:100%;left:0;animation:rise1 1.6s linear infinite;}
#scr > b:nth-of-type(2):after {content:"";position:absolute;height:50%;width:100%;background-color:#fff;bottom:100%;left:0;animation:rise2 1.6s linear infinite;}
#scr > b:nth-of-type(3):after {content:"";position:absolute;height:50%;width:100%;background-color:#fff;bottom:100%;left:0;animation:rise3 1.6s linear infinite;}
#scr > b:nth-of-type(1) {left:-25px;height:15px;}
#scr > b:nth-of-type(2) {right:0;height:40px;}
#scr > b:nth-of-type(3) {right:-25px;height:26px;}
@keyframes rise1 {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translateY(30px);
  }
}

@keyframes rise2 {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translateY(80px);
  }
}

@keyframes rise3 {
  0% {
    transform: translate(0);
  }
  100% {
    transform: translateY(56px);
  }
}

@keyframes zhuang {
  0% {
    transform: rotate(20deg); }
  48% {
    transform: rotate(359deg); }
  48.1% {
    transform: rotate(0deg); }
  98% {
    transform: rotate(359deg); }
  98.1% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(20deg); } }


.sha_video,.sha_img {background-color:rgba(0,0,0,0.7);position:fixed;left:0;top:0;height:100%;width:100%;display:none;z-index:9999;}
.sha_video > div,.sha_img > div {position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0) scale(0);transition:all .5s ease-in-out;}
.sha_video > div .video_btn_close,.sha_img > div .video_btn_close {position:absolute;right:-.5rem;top:-.25rem;cursor:pointer;color:#ffffff;opacity:.5;z-index:3;transition:all .5s ease-in-out;}
.sha_video > div .video_btn_close:hover,.sha_img > div .video_btn_close:hover {color:#D70B17;}
.sha_video > div video,.sha_img > div video {display:block;min-width:50vw;max-height:80vh;max-width:85vw;}
.sha_video > div .sha_img_box,.sha_img > div .sha_img_box {display:block;min-width:50vw;max-height:80vh;max-width:85vw;}
.sha_video > div .sha_img_box img,.sha_img > div .sha_img_box img {display:block;width:100%;}
.sha_video > div.on,.sha_img > div.on {transform:translate3d(-50%,-50%,0) scale(1);}

.indx-about{padding-top: 50px;}
.indx-about .container{position: relative;display: flex;margin-bottom: 1.1rem;}
.indx-tex{width: 20%;}
.indx-tex p{position: absolute;left: 0;top: 20%; font-size: 48px;font-weight: bold;transform: rotate(90deg);color: #105ECC;border-top: 1px solid #ddd;
padding-top: 40px;}
.indx-about-main{background: url(../images/about-bg.png) no-repeat;height: 7.02rem;width: 80%;padding: 50px 0;}
.indx-about-view{}
.indx-about-view p{width: 70%;float: left;padding-right: .4rem;}
.indx-about-main h2{font-size: 48px;font-weight: bold;margin-bottom: 50px;}
.indx-about-main p{font-size: 18px;line-height: 32px;}
.number-up{margin-top: 70px;display: flex;flex-wrap: wrap;}
.number-up .number-item{width: 33.33%;display: flex;margin-bottom: 60px;}

.number-item img{width: .64rem;height: .64rem; margin-right: 8px;}
.number-item span{font-size: 40px;color: #105ECC;font-weight: bold;}
.number-item p:nth-of-type(1){color: #666;}
.number-item p{font-size: 14px;}
.indx-about-img{ background: url(../images/img-bg.png) no-repeat ;width: 100%;height:7rem;z-index: 99;position: relative;margin-bottom: -1.1rem;}
.indx-about-img img{width: 80%;position: absolute;right: 0;bottom: 1.1rem;}

.indx-pro{background-color: #F4F4F4;padding-top: 190px;position: relative; padding-bottom: 100px;}
.indx-tit {text-align: center;margin-bottom:60px;}
.indx-tit h2{font-size: 48px;color: #105ECC;margin-bottom: 20px;font-weight: bold;}
.indx-tit p{font-size: 24px;}
.pro-list{margin-bottom: 40px;}
.pro-list a{background: #fff;display: block;position: relative;text-align: center;}
.pro-list a:hover .pro-hover{opacity: 1;}
.pro-hover{position: absolute;left: 0;top: 0;background:rgba(6, 40, 88, 0.6);width: 100%;height: 100%;opacity: 0;transition:all .5s;}
.pro-hover p{text-align: center;font-size: 28px;color: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;padding: 0 20px;}
.indx-pro-bg{position: absolute;left: 0;bottom: 0;}

.indx-news{padding: 80px 0;}
.indx-news-text{display: flex;margin-bottom: 10px;}
.indx-news .indx-tit{flex: 1;text-align: left;align-items: center;}

.news-list{text-align: left;}
.news-list img{margin-bottom: 20px;}
.news-list h3{font-size: 18px;font-weight: bold;margin-bottom: 20px;height: .4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.news-list p{color: #888;margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.news-list a{transition: all .5s;}
.pro-more{display: flex;align-items: center;}
.pro-more span{color: #999;flex: 1;}
.pro-more a{border:1px solid #E2E2E2 ;color: #105ECC;font-size: 14px;padding: 10px 20px;border-radius: 30px;}
.pro-more a:hover{background: #105ECC;color: #fff;}

.indx-contact{background: url(../images/indx-contact-bg.png) no-repeat;height: 3.6rem;}
.indx-contact-coop{border-right: 1px solid #D8D8D8;}
.indx-contact h3{font-size: 36px;font-weight: bold;margin-bottom: 30px;color: #222;}
.indx-contact p{font-size: 18px;margin-bottom: 30px;}
.indx-contact .row .col{padding: 70px 0;text-align: center;}
.btn-more{border-radius: 30px;border: 1px solid #E2E2E2;padding: 20px 30px;color:#105ECC ;width: 1.8rem;display: inline-block;text-align: center;}
.btn-more:hover{background: #105ECC;color: #fff;}
.foot{background: #222;padding: 60px 0 0;}
.foot-top{padding: 60px 0;display: flex;}
.foot-logo{width: 1.24rem;margin-right: 120px;}

.foot-top .col h3{color: #fff;font-weight: bold;margin-bottom: 30px;font-size: 16px;}
.foot-top .col ul li{margin-bottom: 10px;color: #747474;font-size: 14px;}
.foot-top .col ul li a{color: #747474;font-size: 14px;}
.foot-copy{border-top: 1px solid #4B4B4B;padding: 20px 0;color: #747474;display: flex;font-size: 14px;}
.foot-copy p,.foot-top .row{flex: 1;}
.foot-copy a{color: #747474;margin-right: 20px;transition: all .5s;}
.foot-copy a:nth-of-type(1){border-right: 1px solid #4B4B4B;padding-right: 20px;}
.social a{margin-right: 10px;background: #999999;width: .32rem;height: .32rem;border-radius: 50%;color: #fff;display: inline-block;text-align: center;line-height:.32rem;}
.social a span{color: #fff;}
.foot-top .col ul li a:hover,.foot-copy a:hover{color: #fff;}

/* 内页 */
.page-banner{position: relative;}
.page-banner img{width: 100%;height: 100%;object-fit: cover;}
.page-banner-text{position: absolute;left: 16%;top: 50%;transform: translateY(-50%);color: #fff;}
.page-banner-text h2{font-size: 56px;margin-bottom: 20px;font-weight: bold;}
.page-banner-text p{font-size: 28px;}
.page-pro-list{padding: 20px 0;}
.page-pro-list ul{}

.page-pro-list ul li{margin-bottom: 30px;}

.pcitem{display: flex;align-items: center;justify-content: space-between;padding: .2rem 0 .3rem;}
.ptxt{width: 30%;transition: all .5s;}
.ptxt h2{font-size: 26px;margin-bottom: 30px;}
.ptxt p{color: #666;line-height: 28px;margin-bottom: 50px;}
.pro-btn-more{border: 1px solid #E2E2E2;color: #105ECC;border-radius: 30px;padding: 10px 20px;display: inline-block;}
.pimg{position: relative;width: 65%;display: flex;justify-content: space-between;align-items: center;padding: 30px;}
.pimg img ,.pro-numb{z-index: 2;transition: all .5s;}
.pimg::after{position: absolute;content: "";background: #F6F8FA;top: 34%;left: 0;bottom: 0;width: 75%;z-index: -1;}
.pro-numb b{font-size: 52px;font-weight: bold;color: #f2f2f2;margin-bottom: 30px;}
.pro-numb p{font-size: 18px;color:#105ECC ;opacity: 0;}

/* .page-pro-list .pcitem:hover{background: url(../images/pcatebg.jpg) left bottom no-repeat;  background-size: 70% auto;} */
.page-pro-list .pcitem{position: relative;}
.page-pro-list .pcitem::after{position: absolute;content: "";background:#105ECC ;width: 80%;height: 60%;z-index: -1;left: 0;bottom: 0;opacity: 0;}
.page-pro-list .pcitem::before{position: absolute;content: "";background: url(../images/logo-bg.png) left bottom no-repeat;background-size: 85% auto;
left: 0;bottom: 0;width: 3.52rem;height: 3.12rem;opacity: 0;}
.page-pro-list .pcitem:hover .pimg::after{background: #fff;width: 100%;box-shadow: 0 16px  60px 0 rgba(34, 63, 104, 0.1);border-radius: 4px;z-index: 1;}
.page-pro-list .pcitem:hover::after,.page-pro-list .pcitem:hover::before{opacity: 1;}
.page-pro-list .pcitem:hover .ptxt{color: #fff ;padding: 2.5rem 0 0 .5rem;}
.page-pro-list .pcitem:hover .ptxt p,.page-pro-list .pcitem:hover .ptxt .pro-btn-more{color: #fff;}
.page-pro-list .pcitem:hover .pro-numb p{opacity: 1;}
.page-pro-list .pcitem:hover .pro-numb b {color: #105ECC;}

.page-pro-d{background: #fff;position: relative;}
.page-pro-d .row{display: flex;align-items: center;}
.page-pro-d .row .col:nth-of-type(1){text-align: center;}
.page-pro-d::before{position: absolute;content: "";background: #FCFCFC;width: 50%;right: 0;top: 0;height: 100%;}
.page-pro-d::after{position: absolute;content: ""; background: url(../images/pro-logo-bg.png) no-repeat;right: 0;bottom: -1.5rem; height: 7rem;
width: 6.8rem;background-size: 100%;pointer-events: none;}
.page-pro-info{padding: 0 50px;}
.page-pro-info a{margin-right: 20px;}
.page-pro-info h2{font-size: 30px;border-bottom: 1px solid #999999;padding-bottom: 30px;margin-bottom: .6rem;}
.page-pro-info p{font-size: 18px;color: #666;line-height: 32px;margin-bottom: .6rem;}
.pro-detail{background: #F8F8F8;padding: .6rem 0;}
.pro-detail .container{background-color: #fff;padding:0 .8rem .6rem;}
.pro-detail dl{border-bottom: 1px solid #D8D8D8;display: flex;padding: .5rem 0;}
.pro-detail dl dt{width: 40%;font-size: 22px;color: #105ECC;}
.pro-detail dl dd{width: 60%;}
.pro-detail .dot{background: url(../images/stand-dot.png) no-repeat;width: .18rem;height: .18rem;display: inline-block;margin-right: 10px;background-size: 100%;}
.pro-detail dl dd p{margin-bottom: 20px;line-height: 28px;}

.pro-relate{padding: .8rem 0;}
.pro-relate h2,.page-stand h2{font-size: 30px;margin-bottom: .8rem;font-weight: bold;}
.pro-relate img{margin-bottom:.3rem ;}
.pro-relate h3{font-size: 18px;text-align: center;}

.page-stand{padding-top: 50px; background: #f8f8f8;}
.page-stand .col{margin-bottom: 50px;padding-right: 30px;}
.stand-img{overflow: hidden;}
.page-stand .col a{display: block;}

.page-stand .col a:hover{box-shadow: 0px 16px 60px 0px rgba(34, 63, 104, 0.1);}

.page-stand img{transform: scale(1);transition: all .5s;}
.page-stand .col a:hover img{transform: scale(1.2);}
.page-stand-text{background: #fff;padding: 20px;}

.page-stand-text h3{margin-bottom: 20px;height: 52px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.page-stand-text p{font-size: 14px;line-height: 26px;height: 52px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.stand-d{border-bottom: 1px solid #D8D8D8;padding-bottom: .5rem;padding-top: .76rem;}
.stand-more{margin-bottom: 20px;display: flex;justify-content: flex-end;}
.stand-d h3{font-size: 36px;margin-bottom: 30px;}
.stand-d p{font-size: 18px; color: #666;line-height: 34px;}
.font-18{font-size: 18px;}
.font-24{font-size: 24px;}

.appli-nav{position: relative;}
.appli-nav .container{position: absolute;left: 0;top: -.6rem;right: 0;}
.appli-nav ul{ display: flex;align-items: center;}
.appli-nav ul li{position: relative;width: 20%; text-align: center;background: #105ECC;padding: 40px 0;cursor: pointer;transition: all .5s;z-index: 1;}
.appli-nav ul li:hover{background: #3A8CFF;}
.appli-nav ul li:hover::after{opacity: 1;}
.appli-nav ul li::after{position: absolute;content: "";background: url(../images/nav-logo-bg.png) no-repeat;width: 2.8rem;height: 1.4rem;left: 0;
bottom: 0;background-size: 100%;opacity: 0;z-index: -1;}
.appli-nav ul li a{color: #fff;font-size: 18px;border-right: 1px solid #588EDB;line-height: 24px;height: 48px;display: block;padding: 0 5px;}
.pt-14{padding-top: 1.4rem;}
.project .swiper-pagination-bullet{width: 6px;height: 6px;border-radius: 50%;background: #fff;}
.project .swiper-pagination-bullet-active{width: 20px;height: 20px;border: 2px solid #fff;background: unset;}
.project .swiper-button-next{background: url(../images/project-btn-next.png) no-repeat;width: .46rem;height: .46rem;background-size: 100%;}
.project .swiper-button-prev{background: url(../images/project-btn-pre.png) no-repeat;width: .46rem;height: .46rem;background-size: 100%;}


.page-download{}
.page-download ul {}
.page-download ul li{background: #F4F4F4;margin-bottom: 20px;padding: 30px;transition: all .5s;}
.page-download ul li:hover{background: #105ECC;}
.page-download ul li:hover .download-r{color: #fff;}
.page-download ul li:hover .download-r i{color: #105ECC;background: #fff;}
.page-download ul li:hover .download-l img:nth-of-type(2){opacity: 1;}
.page-download ul li:hover .download-l{color: #fff;}
.page-download ul li a{display: flex;}
.download-l{font-size: 18px;flex: 1;position: relative;}
.download-l img{margin-right: 40px;width: .24rem;height: .24rem;}
.download-l img:nth-of-type(2){position: absolute;left: 0;top: 0;opacity: 0;}
.download-r{color: #999;}
.download-r span{padding-right: 30px;}
.download-r i{font-style: normal;background: #105ECC;border-radius: 30px;padding: 10px 20px;color: #fff;font-size: 14px;}

.page-news{margin: .8rem 0;}
.page-news ul {}
.page-news-list li{border-bottom: 1px solid #D8D8D8;padding-bottom: .4rem;width: 100%;margin-bottom: .4rem;transition: all .5s;}
.page-news-list li:hover{box-shadow: 0px 16px 60px 0px rgba(34, 63, 104, 0.1);}
/* .page-news-list li:hover a{padding: 30px 30px 0;} */
.page-news-list li:hover .news-info i{background: #105ECC;color: #fff;border: none;}
.page-news-list li a{display: flex;align-items: center;transition: all .5s; padding: 0;}
.page-news-list li img{margin-right: 30px;width: 4.4rem;}
.news-info span{display: block;color: #999999;font-size: 14px;margin-bottom: 20px;}
.news-info h3{font-size: 24px;margin-bottom: 20px;line-height: 38px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-info p{color: #888;font-size: 18px;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-info i{font-style:normal;border-radius: 30px;padding: 10px 20px;color:#105ECC;font-size: 14px;border: 1px solid #E2E2E2;}
.navigation{text-align: center;}
.pagination>li{display:inline-block;margin: 0 5px;}
.pagination>li>a, .pagination>li>span{border-radius: 50%;color: #222;border:none;width: .5rem;height: .5rem;line-height: .5rem;padding: 0;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background: #105ECC;border-color:  #105ECC;color: #fff;}
.pagination>li>a:hover, .pagination>li>span:hover{background: #105ECC;border-color:  #105ECC;color: #fff;}

.pagination>li:first-child>a, .pagination>li:first-child>span{border-top-left-radius: 50%;border-bottom-left-radius: 50%;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-top-right-radius: 50%; border-bottom-right-radius: 50%;}

.news-detail{background: #F4F4F4;padding-top: .4rem;padding-bottom: 1rem;}
.news-detail .container{background: #fff;padding:1.2rem 2.5rem ;}
.news-detail-tit{border-bottom:1px solid #E7E7E7 ;padding-bottom: 30px;}
.news-detail-tit h2{font-size: 36px;font-weight: bold;margin-bottom: 30px;}
.news-detail-tit span{font-size: 15px;color: #585858;display: block;}
.news-detail-info{border-bottom: 1px solid #BBBBBB;padding:.4rem 0 1rem;}
.news-detail-info p{margin-bottom: 30px;line-height: 34px;font-size: 18px;color: #585858;}
.news-detail-info img{margin-bottom: 30px;}
.news-page{padding: .4rem 0;}
.news-page span{font-size: 14px; border: 1px solid #DDDDDD;border-radius: 25px;display: inline-block;width: 1.2rem;margin-right: 20px;text-align: center;padding: 10px 0;}
.news-page a{display: block;width: 100%;margin-bottom: 30px;}
.news-page a:hover span{border:1px solid #0D6AEA ;color: #0D6AEA;}

.page-about{padding: .8rem 0 1rem;}
.page-about h2{font-size: 48px;font-weight: bold;margin-bottom: 1rem;}

.page-about .col:nth-of-type(2){border-top: 1px solid #666;padding-top: .48rem;}
.page-about .col>p{font-size: 18px;margin-bottom: 30px;line-height: 34px;}
.page-about .number-up .number-item{width: 50%;}

.page-culture{position: relative;}
.culture-bg{position: absolute;left: 0;top: 0;z-index: -1;}

.culture-list{padding: 1.2rem 0;}
.culture-list h2{font-size: 48px;color: #fff;font-weight: bold;margin-bottom: .8rem;}
.culture-list ul{overflow: hidden;margin: 0 -20px;}
.culture-list ul li{float: left; width: 50%;padding: 0 20px;margin-bottom: 30px; box-sizing: border-box;
box-shadow: 0px 16px 60px 0px rgba(34, 63, 104, 0.1);}

.culture-list ul li a{background: #fff;display: flex;padding: 50px;align-items: center;}
.culture-list ul li img{width: 1rem;height: 1rem;margin-right: 50px;}
.culture-info h4{font-size: 18px;margin-bottom: 30px;}
.culture-info p{font-size: 18px;color: #666;line-height: 32px;height: 1.28rem;}
.map-img{width: 100%;}
.page-contact-info{padding:.6rem 0 1rem;}
.page-contact-info .col{text-align: center;margin-bottom: 50px;}
.page-contact-info img{width: .72rem;height: .72rem;margin-bottom: 30px;}
.page-contact-info b{margin-bottom: 20px;display: block;}
.page-contact-info p{font-size: 14px;}

.contact-form{margin-bottom: 70px;}
.contact-form .container{background: #F8F8F8;padding: .5rem .8rem;}
.contact-form h4{font-size: 36px;margin-bottom: 20px;}
.contact-form p{font-size: 18px;margin-bottom: 30px;color: #666;}
.contact-message .form-group{margin-bottom: 20px;position: relative;}
.contact-message .form-group span{ position: absolute;left: 0;top: 0;width: 44px;height: 44px;text-align: center;line-height: .64rem;color: #bbb;font-size: 20px;}
.contact-message .form-control{height: .64rem;padding: 18px 40px;border: none;}
.contact-message .form-textarea .form-control{height: 3rem;}
.form-box{display: flex;}
.form-box .form-group{width: 50%;margin-right: 40px;}
.form-box .form-group:nth-of-type(2){margin-right: 0;}

.contact-2{overflow: hidden;min-height: 50px;padding: .6rem 0;}
.amap-container{height: 100%;pointer-events: none;}

.page-policy{background: #F4F4F4;padding: .6rem 0;}
.page-policy .container{background: #fff;padding:.8rem ;}
.page-policy h3{font-size: 36px;margin-bottom: 30px;font-weight: bold;}
.page-policy P{font-size: 18px;color: #666;margin-bottom: 30px;line-height: 32px;}

.page-policy h4{font-size: 18px;margin-bottom: 30px;font-weight: bold;}


@media (min-width: 768px){.contact-list.en_contact .col-md-5{width:50%}}
.contact-list.en_contact .item {background:aliceblue; padding:15px 30px; margin-bottom:20px}
.contact-list.en_contact .item .contact-list-top-f {display:flex;align-items:center;}
.contact-list.en_contact .item .contact-list-top-f img{width:60px; height:60px}
.contact-list.en_contact .item .contact-list-top-f div{padding-left:10px;font-weight:bold;}

.consult-container{
	width: 52px;
	position: fixed;
	bottom: 25vh;
	right: 0px;
	z-index: 99;
	opacity: 1;
	transition: all .4s;
	font-size: 12px;
	color: #393a51;
  }
  .consult-container input{
	opacity: 0;
	cursor: default;
	position: absolute;
  }
  .consult-container .icon-box {
	padding: 14px 0;
	background-color: #333;
	text-align: center;
	cursor: pointer;
	position: relative;
  color: #393a51;
  border-bottom: 1px solid rgba(255,255,255,.5);
  }
  .consult-container  .item_span:last-child  .icon-box {border-bottom: 0;}
  .font-box {
	padding: 6px 0!important;
	background-color: #f4f5fc!important;
	border-bottom: 1px solid #fff;
  }
  .consult-container  .font-box1{padding: 6px 0;}
  .consult-container .consult1, .consult-container .consult {
	position: absolute;
	left: 12px;
	top: 14px;
	border: 1px solid #f93d66;
	height: 48px;
	width: 48px;
	border-radius: 50%;
	animation: ani-data-v-789143c6 1.4s ease-out infinite;
	-webkit-animation: ani-data-v-789143c6 1.4s ease-out infinite;
	-moz-animation: ani-data-v-789143c6 1.4s ease-out infinite;
  }
  .consult-container .consult1 {
	-webkit-animation-delay: .6s;
	animation-delay: .6s;
  }
  .consult-container .icon-box .iconfont {
	font-size: 30px;
	line-height: 1;
  }
  .consult-container .icon-box:hover {
	transition: color .2s ease;
  }
  .consult-container .icon-box:hover .font {
	color: #fff!important;
  }
  .consult-container .icon-box:hover .consult1, .consult-container .icon-box:hover .consult {
	display: none;
  }
  .consult-container .go-top {
	text-align: center;
	cursor: pointer;
	margin-top: 23px;
	color: #393a51;
	display: none;
  }

  .color500 {
	color: #f93d66;
  }
  .el-popover {
	display: none;
	position: absolute;
	background: #fff;
	min-width: 200px;
	border-radius: 4px;
	border: 1px solid #f2f4f5;
	padding: 12px;
	/* right: 15px;
	top: 0; */
	z-index: 2000;
	color: #0d1a26;
	line-height: 1.4;
	text-align: justify;
	font-size: 14px;
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	word-break: break-all;
   /* transform: translateY(-30%); */
   top: 50%;
   right: 115%;
   transform: translateY(-50%);
  }
  .phone-popover {
	padding: 0;
	max-width: 212px;
  }
  .phone-popover .phone {
	padding: 12px;
	font-size: 14px;
	line-height: 24px;
	color: #393a51;
  }
  .el-popper .popper__arrow, .el-popper .popper__arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 50%;
	right: -6px;
	background: #fff;
	transform:translateY(-50%) rotate(45deg);
	border-color: transparent;
	border-style: solid;
   
  }
  .el-popper .popper__arrow {
	border-width: 6px;
	filter: drop-shadow(0 2px 12px rgba(0,0,0,.03));
  }
  /* .tran_zixun{transform: translateY(70%);}
  .tran_tell{transform: translateY(50%);} */
  .el-popover-code img{width: 100%; height: 100%; object-fit: contain;}
  .icon-box_img{width: 24px; height: 24px;  margin:0 auto ; position: relative;}
  /* .icon-box_img img{position: absolute; left: 0; opacity: 1; top: 0;  object-fit: cover; width: 100%; height: 100%;} */
  .item_span{position: relative;  display: block;}
  span.el-popover__reference-wrapper{display: block;}
  @keyframes  ani-data-v-789143c6{
	0% {
	transform: scale(1);
	opacity: 0;
	}
	25% {
		transform: scale(1.15);
		opacity: .3;
	}
	50% {
		transform: scale(1.3);
		opacity: .7;
	}
	75% {
		transform: scale(1.45);
		opacity: .5;
	}
	100% {
		transform: scale(1.5);
		opacity: 0;
	}
  }
  /* @media (max-width: 780px){
	.consult-container {display: none ;}
  } */
  /* .bshareDiv{position: fixed; bottom: 25vh; right: 12px;z-index: 100; opacity: 0; height: 58px;} */

  .float-right-box {
    width: 230px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -127px;
    background-color: #191919;
    z-index: 1000;
    transition: width 0.3s ease 0s;
  }
  
  .float-right-box.on {
    width: 50px;
  }
  
  .float-right-box .top-list {
    width: 100%;
  }
  
  .float-right-box .top-list ul {
    width: 100%;
    padding: 0px;
  }
  
  .float-right-box .top-list li {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #3b3b3b;
    transition: background 0.3s ease 0s;
    height: 46px;
  }
  .float-right-box .top-list li:last-child{border-bottom: 0;}
  .float-right-box .top-list a {
    display: block;
    width: 100%;
  }
  
  .float-right-box .top-list .ico {
    display: inline-block;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.3s ease 0s;
    z-index: 2;
  }
  
  .float-right-box .top-list .ico1 {
    background: url(../images/ico_58.png) no-repeat center #191919;
  }
  
  .float-right-box .top-list .ico2 {
    background: url(../images/ico_59.png) no-repeat center #191919;
  }
  
  .float-right-box .top-list .ico3 {
    background: url(../images/ico_60.png) no-repeat center #191919;
  }
  
  .float-right-box .top-list .ico4 {
    background: url(../images/ico_61.png) no-repeat center #191919;
  }
  
  .float-right-box .top-list .ico5 {
    background: url(../images/ico_62.png) no-repeat center #191919;
  }
  
  .float-right-box .top-list .ico6 {
    background: url(../images/ico_68.png) no-repeat center #191919;
  }
  
  .float-right-box .top-list .ico7 {
    background: url(../images/ico_69.png) no-repeat center #191919;
  }
  
  .float-right-box .top-list .stt {
    display: inline-block;
    font-size: 14px;
    line-height: 46px;
    color: #fff;
    transition: color 0.3s ease 0s;
    position: absolute;
    left: 28px;
    top: 0;
    z-index: 1;
    width: 202px;
  }
  
  .float-right-box .top-list li:hover .stt {
    color: #15191e;
  }
  
  .float-right-box .top-list li:hover .ico1 {
    background: url(../images/ico_58_h.png) no-repeat center #fff;
  }
  
  .float-right-box .top-list li:hover .ico2 {
    background: url(../images/ico_59_h.png) no-repeat center #fff;
  }
  
  .float-right-box .top-list li:hover .ico3 {
    background: url(../images/ico_60_h.png) no-repeat center #fff;
  }
  
  .float-right-box .top-list li:hover .ico4 {
    background: url(../images/ico_61_h.png) no-repeat center #fff;
  }
  
  .float-right-box .top-list li:hover .ico5 {
    background: url(../images/ico_62_h.png) no-repeat center #fff;
  }
  
  .float-right-box .top-list li:hover .ico6 {
    background: url(../images/ico_68_h.png) no-repeat center #fff;
  }
  
  .float-right-box .top-list li:hover .ico7 {
    background: url(../images/ico_69_h.png) no-repeat center #fff;
  }
  
  .float-right-box .top-list li:hover {
    background-color: #fff;
  }
  
  .float-right-box .top-list .return-webtop .stt {
    font-family: "Arial";
    font-weight: bold;
  }