body,html{height: 100%;font-size: 16px;}
* {margin:0px;padding:0px;border:none;outline:none;}
body{font-size: 16px;line-height: 1.5; color:#333;font-family:"Poppins",arial;}
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: #0D6AEA;}
input:focus, textarea:focus,  select:focus {outline: none; box-shadow: inherit;}
img {
    max-width: 100%;
	height: auto;
    width: auto;
	vertical-align: middle;
    border: 0;
}

.container , .container2{width: auto;padding: 0;margin: 0 30px;}
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;}}
@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.ttf'),
  url('../fonts/iconfont.woff'),
  url('../fonts/iconfont.woff2');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Poppins';
  src:  url('../fonts/Poppins-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.pt-100{padding-top: 100px;}
.tc{text-align: center;}
.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";}
.b-blue{border: 1px solid #0D6AEA;}
/*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,.3);}

.logo{ width: 115px;height: 40px; transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;position: relative;}
.logo img:nth-of-type(1){display: block;}
.logo img:nth-of-type(2){display:none;position: absolute;left: 0;top: 0;}
.head-main.sticky,.head-main.on{background: #fff; transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;border-bottom: none;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-main.sticky .head-sear{border-right: 1px solid #4C4B4D;}
.head-r{display: flex;align-items: center;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;}
.language{position: relative; display: flex;cursor: pointer;}
.language a{margin-right: 20px;color: #fff;}
.language a.on{color: #8B8A8B;}
.head-sear {float: left; cursor: pointer; width:20px;height:20px;font-size:16px;line-height:20px;text-align:center;color:#fff;margin-right:30px;
-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out;border-right: 1px solid #fff;padding-right: 40px;}
.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;flex: 1;-webkit-flex:1;-webkit-box-flex: 1;display: flex;}
.main-menu{position: relative;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,.main-menu .navigation>li a:hover{color: #0D6AEA;}
.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.dropdown>a:after{  content: "\e64a";position:absolute;font-family: iconfont ;color:#fff;font-size:14px;margin-left:5px}
.main-menu .navigation>li.current>a:after{color: #0D6AEA;}
.main-menu .navigation>li.current>a:before,.main-menu .navigation>li:hover>a:before{width:100%}
.main-menu .navigation>li>ul{position:absolute;left:0;top:100%;width:250px;padding:0;z-index:100;display:none;background:#fff;border-top:2px solid #0D6AEA;
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;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>a{padding-left: 25px;}
.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{padding-left: 25px;}
.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 #222;background-size:20px;cursor:pointer;z-index:5;display:none}


/* banner */
.banner {overflow: hidden;height: 100vh;}

.banner .swiper-container{position:relative;height: 100vh;}
.banner .swiper-slide{overflow: hidden;}
#section0 .images{height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.banner-txt{position:absolute;right:50px;top: 40%;width: 40%;transform: translateY(40%); transition: all 1s ease; transition-delay: 0.3s; opacity: 0;}
.swiper-slide.swiper-slide-active .banner-txt{transform: translateY(0); opacity: 1;}
.banner-txt p{color: #fff;font-size: 48px;line-height:68px;text-align: right;font-weight: bold;}
.widthFix{width: 100%}
.bannerimg{height: 100vh;object-fit: cover;transform: scale3d(1, 1, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);}
.banner .swiper-slide-active .bannerimg{transform: scale3d(1.15, 1.15, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);}


.banner-info{position:absolute;bottom: 5%; right:0;left:0;z-index:5;display:flex;color:#fff;align-items:center;justify-content:center}
.banner-info .mouse{position:relative;width:64px;height:64px;border:1px dashed #fff;border-radius:64px;text-align: center;line-height: 64px;
}
.banner-info .mouse:after{position: absolute;left: 30%;top: 0; font-family:iconfont; content:"\eb90";font-size: 25px;color: #fff;transform: translateX(-50%);
 -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}

.banner-page-num{position: absolute; z-index: 6; right: 9.896%; top: 91.8vh; height: .3rem;  width: 2.64rem; display: flex; justify-content: space-between;}
.banner-page-num span{ display: inline-block; color: #fff;  transition: all .3s;font-size: 18px;line-height: 25px;}
.my-swiper-scrollbar{position: absolute;right: calc(9.896% + .36rem); top: 93vh;  height: 1px; background: rgba(255,255,255,0.4); width: 1.92rem;z-index: 6;}
.my-swiper-scrollbar .my-swiper-scrollbar-drag{position: absolute; left: 0;  height: 1px; background: #fff;z-index: 7; top: -0.5px; transition-duration: 300ms; transition: all .3s; transform: translate3d(0,0,0);}

#section0 .swiper-button-next, #section0 .swiper-button-prev{top: 60%; width: 48px;height: 48px;border-radius: 100%;background-image: none;border: 1px solid #fff;
background-color: #fff;line-height: 48px;text-align: center;}
#section0 .swiper-button-prev::before{font-family:iconfont;content:"\e72a";font-size: 25px;color: #222;}
#section0 .swiper-button-prev{left: 9.8%;}
#section0 .swiper-button-next::before{font-family:iconfont;content:"\e72b";font-size: 25px;color: #222;}
#section0 .swiper-button-next{left: calc(9.8% + 68px);right: unset;}


/* about hcl */
.ind-about{background: url(../images/ind-about-bg.png) no-repeat;background-position: left top; height: 795px;}

.ind-about .container{padding: 4% 0;margin-top: 1%;}
.ind-title p:nth-child(1){font-size: 24px;color: #333;}
.ind-title p:nth-child(2){font-size: 48px;font-weight: bold;}
.ind-about-tit{font-size: 32px;color: #0D6AEA;font-weight: bold;margin-bottom: 40px;}
.ind-about-r{padding: 80px 0 240px;}
.ind-about-r p{color: #585858;font-size: 18px;line-height: 28px;margin-bottom: 20px;}

.btn-more{color: #0D6AEA;border-radius: 25px;display:inline-block;margin-top: 60px;background: #fff;padding: 0 10px;
width: 30%;height: 50px;align-items: center;line-height: 50px;}
.btn-more-r{background:url(../images/btn-more.png) no-repeat;width: 36px;height: 36px;display: inline-block;float: right;margin-top: 6px;}
.btn-more:hover{background:#0D6AEA;color: #fff;}
/* news */
.ind-news{background: url(../images/ind-news-bg.png) no-repeat;height: 865px; background-size:cover;}
.ind-news h3{font-size: 18px;font-weight: bold;padding-top: 80px;}
.ind-news .swiper-container{padding: 8% 0;}
.ind-news .swiper-container .swiper-pagination{left: 0; bottom: 5%;width: auto;display: flex;}
.ind-news .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet{display: block; width:48px; height: 4px; opacity: 1; transition: all .5s; 
background: transparent; background: #BFBFBF; position: relative;margin: 26px 0;cursor: pointer;margin-right: 10px;}
.ind-news .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #0D6AEA;}
/* advantages */
.ind-adv{background: url(../images/bg2.png) no-repeat;background-size: 100% 100%;height: 950px;}
.ind-adv .container2{padding: 8% 0;}

.ind-adv .ind-title p ,.ind-adv .ind-tit-info {color: #fff;}
.ind-adv .ind-support-r{padding: 10% 0;width: 80%;}
.ind-adv .ind-support-l p{color: #fff;margin-top: 30px;}
.ind-adv .swiper-container .swiper-pagination{left: 0; bottom: 0;width: auto;display: flex;}
.ind-adv .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet{display: block; width:58px; height: 1px; opacity: 1; transition: all .5s; 
background: transparent; background: #737373; position: relative;margin: 0;cursor: pointer;}
.ind-adv .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active{background: #fff;}


/* products1 */
.ind-pro-bg{background: url(../images/ind-pro-bg.png) no-repeat;position: relative;background-size: 100% 100%;height: 960px;}
.ind-pro-slide{margin-top: -80px;position: relative;}
.ind-pro .ind-title{padding-top:12%;}
.ind-pro-slide #gallery-top{position: relative;margin: 0 100px;width: auto;height: 100%;overflow: hidden;}
.ind-pro-slide .swiper-slide{}
.ind-pro-slide #gallery-top .swiper-slide a{background: #fff;border-radius: 10px;box-shadow: 0 8px 8px -8px #ddd;padding: 10px; display: flex;align-items: center;
margin: 10px 0;cursor: pointer;}
.ind-pro-slide #gallery-top .swiper-slide a:hover,.ind-pro-slide #gallery-top .swiper-slide-thumb-active a{background: #1F77F1;}

.ind-pro-slide #gallery-top .swiper-slide p{color: #ddd;font-size: 26px;line-height: 32px;padding: 0 10px;overflow: hidden;}
.ind-pro-slide .swiper-wrapper{}

.ind-pro-slide .swiper-button-next,.page-adv-slide .swiper-button-next, .ind-pro-slide .swiper-button-prev,.page-adv-slide .swiper-button-prev{width: 80px;height: 80px;border-radius: 100%;
background-image: none;background-color: #fff;line-height: 80px;text-align: center;margin-top: -36px;}
.ind-pro-slide .swiper-button-prev::before,.page-adv-slide .swiper-button-prev::before{font-family:iconfont;content:"\e72a";font-size: 35px;color: #222;font-weight: bold;}
.ind-pro-slide .swiper-button-prev{left: 6%;top: 0;margin-top: 30px;}
.ind-pro-slide .swiper-button-next::before,.page-adv-slide .swiper-button-next::before{font-family:iconfont;content:"\e72b";font-size: 35px;color: #222;font-weight: bold;}
.ind-pro-slide .swiper-button-next{right: 6%;top: 0;margin-top: 30px;}
.swiper-button-prev:hover,.swiper-button-next:hover {background: #0D6AEA;}
.swiper-button-prev:hover::before,.swiper-button-next:hover::before {color: #fff;}

/* products2 */
#gallery-thumbs{padding: 50px 0;}
#gallery-thumbs a{padding: 30px 50px;text-align: center;display: block;}
#gallery-thumbs a .ind-pro-type{font-size: 16px;color: #999;position: relative;padding-bottom: 10px;margin-bottom: 20px;}
#gallery-thumbs a .ind-pro-type::after{position: absolute;left: 50%;bottom: 0; content: "";width: 16%;height: 2px; background:#0D6AEA ;transform: translateX(-50%);}
#gallery-thumbs a:hover{background:#F7F7F7 ;}
#gallery-thumbs a p{font-size: 22px;font-weight: bold;}
.ind-pro-btn{margin-top: 20px;opacity: 0;}
#gallery-thumbs a:hover .ind-pro-btn{opacity: 1;}

/* SUPPORT */
.ind-support{padding: 140px 0;background: #F3F3F3;}
.ind-tit-info{margin-top: 50px;color: #585858;font-size: 18px;}
.ind-support-l{width: 80%;padding-top: 20px;}
.ind-support-r{float: right;}
/* footer */
.foot-boot{padding: 50px 0;color: #585858;}
.foot-boot .row:nth-of-type(1){border-bottom: 1px solid #e7e7e7;padding-bottom: 30px;}
.foot-boot .row:nth-of-type(2){padding: 30px 0;}
.foot-boot-l .logo-img{margin-bottom: 40px;}
.foot-boot-nav a{margin-right: 30px;color: #585858;}
.foot-boot-r{text-align: right;color: #585858;font-size: 14px;width: 80%;float: right;}

.foot-boot-r p:nth-child(1){font-size: 28px;font-weight: bold;}
.foot-boot .row:nth-of-type(2) p{color:#8A8A8A ;font-size: 14px;}
.foot-boot .social{float: right;}
.foot-boot .social li{display: inline-block;margin-right: 6px;}
.foot-boot .social li a{background: #999;width: 32px;height: 32px;display: block;border-radius: 32px;color: #fff;text-align: center;line-height: 32px;}

/* 内页 */
.page-title{position: relative;}
.page-title img{ width:100%;}
.page-tex{position: absolute;left: 0;top: 50%;width: 100%;}
.page-tex p{color: #fff;font-size: 48px;font-weight: bold;}
.page-about{padding: 6% 0;}
.page-about .ind-about-tit{margin-top: 60px;}
.page-about-l{width: 90%;}
.page-about-l p{color: #585858; font-size: 18px; line-height: 28px; margin-bottom: 20px;}
.page-about-r{background: url(../images/page-about-bg.png) no-repeat;background-size: cover;padding: 20% 30% 40%;}
.page-about-r img{}
.page-adv{background: #F4F5F6;padding: 6% 0;}
.page-adv-slide{position: relative;}
.page-adv-slide .swiper-slide{text-align: center;}
.page-adv-slide .swiper-container{position: relative;margin: 0 100px;width: auto;height: 100%;overflow: hidden;padding: 50px 0 80px;}
.page-adv-slide .swiper-button-prev{left: 0;}
.page-adv-slide .swiper-button-next{right: 0;}
.page-adv-slide .swiper-pagination-bullet{width: 48px; height: 4px;background: #BFBFBF;}
.page-adv-slide .swiper-pagination-bullet-active{background: #0D6AEA;}
.page-adv-slide p{text-align: center;}
.page-adv-slide img{box-shadow: 0 0 20px #ddd;margin-bottom: 20px;}
/* 新闻内页 */
.page-news{background: #F4F5F6;padding: 50px 0 60px;}

.page-news-list{background: #fff;margin-bottom: 30px;border-radius: 20px;text-align: center;}
.page-news-tit{padding:30px;text-align: left;}
.page-news-list h3{font-size: 18px;line-height: 32px;margin-bottom: 20px;font-weight: bold;white-space: pre-wrap;height: 64px;
overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.page-news-list p{line-height: 24px;height: 48px; margin-bottom: 30px;white-space: pre-wrap;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.page-news-list .news-more{display: flex;color: #999999;align-items: center; justify-content: space-between;}
.news-more-btn{background:url(../images/ico-news-more.png) #fff;background-position: center;width: 36px;height: 36px;border: 1px solid #D2D2D2;border-radius: 36px;}
.page-news-list a:hover p{color: #333;}
.page-news-list a:hover .news-more-btn{background:url(../images/ico-news-more-w.png) #0D6AEA;}
.page-news-d{background: #fff;padding:8% 12%;}
.page-news-d h3{font-size: 36px;font-weight: bold;line-height: 42px;}
.page-news-d .news-day{padding: 40px 0;border-bottom: 1px solid #E7E7E7;color: #585858;display: block;}
.page-news-d p{margin: 50px 0;line-height: 32px;font-size: 18px;}
.page-d-nav{border-top: 1px solid #E7E7E7;padding-top: 50px;}
.page-d-nav a{display:block;margin-bottom: 30px;}
.page-d-nav span{border: 1px solid #ddd;width: 120px;height: 50px; border-radius: 30px;margin-right: 30px;display: inline-block;line-height: 50px;text-align: center;}
.page-d-nav a:hover span{border: 1px solid #0D6AEA;}
.page-news nav{text-align: center;margin: 50px 0;}
.pagina li{margin: 0 10px;display: inline-block;width: 50px;height: 50px;background: #fff;line-height: 50px;border-radius:100%;border: 1px solid #e4e4e4;}
.pagina li:hover,.pagina li.on{background:#0D6AEA;}
.pagina li:hover a,.pagina li.on a{color: #fff;}
.pagina li a{display:block;}

/* 技术 */
.page-super{background: url(../images/super-bg1.png) no-repeat;height: 800px; background-size:cover;}
.page-super .container2{padding: 8% 0;}
.page-super .col:nth-of-type(2){padding: 5%;}
.super-p{margin-top: 80px;line-height: 32px;font-size: 18px;}
.page-super-adv{background: url(../images/super-bg2.png) no-repeat;height: 1050px;background-size:cover;}
.page-super-adv .ind-title{padding: 80px 0;}
.page-super-adv .ind-title p{color: #fff;}
.super-list{background: #fff;border-radius: 8px;margin-bottom: 30px;text-align: center;padding: 30px;position: relative;}
.super-list span{display: block;font-size: 20px;color: #999;text-align: left;}
.super-list p{font-size: 18px;font-weight: bold;height: 50px;}
.super-list img{padding: 50px 0 80px;}
.super-list-hover{position: absolute;left: 50%;top: 0;transform: translateX(-50%); padding: 60px 0 80px;opacity: 0;}
.super-list:hover .super-list-hover{opacity: 1;}
.super-list:hover{background: #0D6AEA;cursor: pointer;color: #fff;}
.super-list:hover span{color: #fff;}


/* 服务 */
.page-serv{background: url(../images/serv-bg2.png) no-repeat;height: 800px;display: flex;align-items: center;-ms-flex-align: center;
 justify-content: space-between; background-size:cover;overflow:hidden;}
 .page-serv img{width: 64%;}
 .page-serv-sys{background: url(../images/serv-bg1.png) no-repeat;height: 800px;background-size:cover;}
 .page-serv-sys .ind-title p{color: #fff;}
 .page-serv-sys .ind-title{padding-top: 20%;}
 .page-serv-list{background: #F4F5F6;padding: 80px 0 100px;}
 .page-serv-list ul{margin: 0 -20px;overflow: hidden;}
.page-serv-list ul li{float: left;padding: 0 20px;box-sizing: border-box;width: 20%;}
 .page-serv-list ul li p{color: #585858;margin-top: 10px;line-height: 28px;}
 .serv-p{margin-top: 80px; line-height: 32px; font-size: 18px;width: 80%;}
 
 /* 联系我们 */
 .page-contact{background: url(../images/contact-bg1.png) no-repeat;height: 860px; background-size:cover;}
 .page-contact .container2{padding: 6% 0;}
 .page-contact .page-contact-info{background: #fff;padding: 50px;}
.contact-l{border: 1px solid #ddd;border-radius: 8px;padding: 50px 20px 30px;width: 95%;}
.contact-l h4 , .contact-r h4{font-size: 24px;font-weight: bold;margin-bottom: 30px;}
.contact-l ul li{display: flex;margin-bottom: 36px;}
.contact-l ul li img{margin-right: 20px;width: 60px;height: 60px;}
.contact-scrip p:nth-of-type(1){font-size: 20px;font-weight: bold;}
.contact-scrip p:nth-of-type(2){color: #585858;}
.contact-r{margin-top: 30px;}

.contact-r p{margin: 20px 0 30px;}

.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: 44px;color: #666;font-size: 20px;}
.contact-message .form-control{height: 44px;padding: 6px 40px;border: 1px solid #E5E5E5;}
.contact-message .form-textarea .form-control{height: 140px;}
.contact-message .btn-more{margin-top: 5px;}
/* 产品 */
.page-pro-nav{background: #fff;padding: 30px 0;}
.page-pro-nav .container2{display: flex;align-items: center;justify-content:space-between;}
.page-pro-nav a{border-right: 1px solid #e7e7e7;display: block;width: 16.66%;text-align: center;position: relative;}
.page-pro-nav a:last-child{border: none;}
.page-pro-nav a span{display: block;}
.page-pro-nav a.on p{color:#0D6AEA;}
.page-pro-nav a:hover p{color: #0D6AEA;}
.page-pro-nav a img:nth-of-type(1){}
.page-pro-nav a img:nth-of-type(2){position: absolute;left:50%;top: 0;transform: translateX(-50%);opacity: 0;}
.page-pro-nav a:hover img:nth-of-type(2),.page-pro-nav a.on img:nth-of-type(2){opacity: 1;}

/* .page-pro-nav .icon-pro{background: url(../images/ico-pro.png) no-repeat;width: 88px;height: 88px;margin: 0 auto;}
.page-pro-nav .icon1{background-position: 0 0;}
.page-pro-nav .icon2{background-position: 0 -88px;}
.page-pro-nav .icon3{background-position: 0 -176px;}
.page-pro-nav .icon4{background-position: 0 -264px;}
.page-pro-nav .icon5{background-position: 0 -352px;}
.page-pro-nav .icon6{background-position: 0 -440px;}
.page-pro-nav a:hover .icon1,.page-pro-nav a.on .icon1{background-position: 0 -529px;}
.page-pro-nav a:hover .icon2,.page-pro-nav a.on .icon2{background-position: 0 -617px;}
.page-pro-nav a:hover .icon3,.page-pro-nav a.on .icon3{background-position: 0 -704px;}
.page-pro-nav a:hover .icon4,.page-pro-nav a.on .icon4{background-position: 0 -792px;}
.page-pro-nav a:hover .icon5,.page-pro-nav a.on .icon5{background-position: 0 -880px;}
.page-pro-nav a:hover .icon6,.page-pro-nav a.on .icon6{background-position: 0 -968px;}
 */
.page-pro-nav p{color:#585858;font-weight: bold;margin-top: 10px;}
.pages-pro-list{background: #F4F5F6;padding: 50px 0;}
.pages-pro-list a{background: #fff;display: flex;padding: 50px 30px;margin-bottom: 50px;border-radius: 8px;}
.pages-pro-list a:hover{box-shadow: 0 0 8px #ddd;}
.pages-pro-list .page-pro-scrip{width: 44%;}
.pages-pro-list img{width: 56%;}
.page-pro-scrip p{color: #999;position: relative;padding: 10px 0;margin-bottom: 30px;}
.page-pro-scrip p::after{position: absolute; content: "";background:#0D6AEA ;width: 64px;height: 2px;left: 0;bottom: 0;}
.page-pro-scrip h2{font-size: 20px;font-weight: bold;line-height: 32px;}
.page-pro-scrip .btn-more{width: 60%;}

.pro-d{padding: 140px 0 50px;}
.pro-d-r{margin-top: 20px;}
.pro-d-r h2{font-size: 24px;margin-bottom: 20px;font-weight: bold;}
.pro-d-r p{font-size: 18px;color: #666;}
.pro-d-crip{margin-top: 100px;}
.pro-d-crip ul li{margin-bottom: 10px;color: #808080;font-size: 18px;}
.pro-d-crip ul li b{color: #333;}
.pro-detail{background: #F4F5F6;padding: 60px 0;}
.pro-detail > .container2{background: #fff;padding: 100px;}
.pro-detail h3{font-size: 36px;font-weight: bold;margin-bottom:50px;}
.pro-detail dl{border-bottom: 1px solid #D8D8D8;display: flex;padding: 30px 0;}
.pro-detail dl:last-child{border: none;}
.pro-detail dl dt{color: #0D6AEA;font-size: 22px;width: 40%;}
.pro-detail dl dd{width: 60%;line-height: 28px;}
.pro-detail dl dd p{line-height: 28px;margin-bottom: 20px;} 
.pro-detail dl dd img{margin-bottom: 50px;}
.pro-detail .table tr{font-size: 14px;text-align: center;}
.pro-detail .table th{color: #585858;padding: 20px;text-align: center;background: #F7F7F7;}
.pro-detail .table td{color: #666;padding: 20px;}
.pro-related{margin-top: 100px;}
.pro-related h3{font-size: 24px;margin-bottom: 30px;}
.pro-related a{display: block;background: #fff;text-align: center;padding: 30px;font-weight: bold;margin-bottom: 30px;}
.pro-related p{margin-top: 20px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; line-height: 24px;height: 48px;
-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.pro-d .swiper-container{border: 1px solid #ddd;text-align: center;padding: 100px 0;}
.pro-d .swiper-pagination-bullet{border-radius: 50%;background: #ddd;}
.pro-d  .swiper-pagination-bullet-active{background:#007aff ;}


.page-news-list-img {
    /*height: 4.3rem;*/
    overflow: hidden;
    border-radius: 6px;
}
.page-news-list-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}