*{padding:0; margin:0; border:0; outline:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,br,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,textarea,img{border:0;margin:0;padding:0;}
/* 设置默认字体 */
body,textarea,input,button,select,keygen,legend{font-size:14px; line-height:24px; font-family:"Microsoft YaHei",Verdana, Geneva, Tahoma, sans-serif; color:#666;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
/* 重置列表元素 */
ul,li,ol{list-style:none;}
img{vertical-align:middle;}
/* 重置超链接元素 */
a{text-decoration:none; color:#666;}
a:hover{color:#008ad8; text-decoration:none; -webkit-transition:.3s; transition:.3s;}
/* 重置图片元素 */
.fl{float:left;} 
.fr{float:right;}
.flex{display:flex; justify-content:space-between;}
.align_item{align-items: center;}

/* 重置表格元素 */
table{border-collapse:collapse;}
.clear:after{content:"."; display:block; height:0; visibility:hidden; clear:both;}

.np_center{width:84%; margin: 0 auto;}

.g_syhead{width:100%; padding:0 8%; position:fixed; top:0; left:0; z-index:1000; background:white; box-shadow:0 5px 20px rgba(0,0,0,.3); -webkit-transition:all .36s ease; transition:all .36s ease;}
.g_sylogo{width:240px; float:left; margin-top:26px; position:relative;}
.g_sylogo img{width:100%; display:block; transition:all .36s; -webkit-transition:all .36s;}

/* PC导航部分 */
.navMenubox{position:relative; float:left; margin-left:23%;}
.navMenu>li{float:left; position:relative; line-height:100px; height:100px; font-size:18px;}
.navMenu>li>a{padding:0 30px; color:#000; display:block;}
.navMenu>li>a:after{content:'';display:block;width:80px;height:3px;background:#008ad8;position:absolute;left:50%;bottom:0;margin-left:-40px;-webkit-transition:all .3s;transition:all .3s;-webkit-transform:scaleX(0);transform:scaleX(0);}
.navMenu>li:hover>a:after,.navMenu>li.on>a:after{-webkit-transform:scaleX(1);transform:scaleX(1);}
.navMenu>li>a:hover,.navMenu>li.on>a{color:#008ad8;}
.navMenu>li>ul.sub-menu{position:absolute; left:50%; margin-left:-100px; top:100px; z-index:3; display:none; background:#fff; width:200px; box-shadow:0 5px 10px #333;}
.navMenu>li>ul.sub-menu li{background:none; margin:0; padding:0; position:relative; border-bottom:1px solid #e6e6e6; text-align:center;}
.navMenu>li>ul.sub-menu li:last-of-type{border-bottom:none;}
.navMenu>li>ul.sub-menu li>a{display:block; font-size:15px; line-height:24px; padding:10px 25px; clear:both; white-space:pre-wrap;}
.navMenu>li>ul.sub-menu li>a.active,.navMenu>li>ul.sub-menu li>a:hover,.navMenu>li>ul.sub-menu>li.active >a{background:#008ad8; color:#fff;}
.navMenu>li>ul.sub-menu li>ul{position:absolute; left:180px; top:0; background:#eee; width:180px;}
.navMenu>li>ul.sub-menu li>ul>li{border-bottom:1px solid #fff;}

/* 头部搜索部分 */
.g_syhead .language_search{align-items:center;}
.g_syhead .language{align-items:center; border-left:1px solid #008ad8; padding-left:20px; margin-left:20px;}
.g_syhead .language a{font-size:18px; line-height:30px; color:#008ad8;}
.g_syhead .language a:hover{color:#008ad8;}

.Hsrch{margin:38px 0 0 40px; float:right;}
.Hsrch-menu{display:block;width:24px;height:24px;background:url(../image/sousuo-1.png) center no-repeat; background-size:24px 24px;}
.Hsrch-box{width:100%;height:100px;background:#fff;position:absolute;top:0;left:0;display:none;z-index:1002;}
.Hsrch-block{width:84% !important; margin:30px auto 0;}
.Hsrch-block .btn{width:24px; height:32px; background:url(../image/icon-Hsrch2.png) no-repeat center center; float:left; border:0;}
.Hsrch-block .close{width:24px; height:32px; margin-top:5px; background:url(../image/icon-close2.png) no-repeat center center;float:right;}
.Hsrch-block .text{width:94%; height:auto; float:left; margin:0 0 0 20px; border-bottom:1px solid #e9e9e9; padding-bottom:20px;}
.Hsrch-block .text::-webkit-input-placeholder{color:#999; font-size:16px;}
.Hlang:hover .Hlang-box{display:block;}

.phxia{display:none!important;}
.w1600{width:95%; max-width:1600px; margin:auto;}

/* 首页Banner部分 */
.banner{margin:100px auto 0;}
.banner #swiper_banner .pc{display:block;}
.banner #swiper_banner .mb{display:none;}
.banner #swiper_banner .swiper-slide img{width:100%;}
.banner #swiper_banner .swiper-pagination{width: auto; left:8%; bottom:80px;}
.banner #swiper_banner .swiper-pagination-bullet{width:16px; height:16px; background-color:white; opacity:.8;}
.banner #swiper_banner .swiper-pagination-bullet-active{opacity:1; background-color: #008ad8; width:32px; border-radius:30px;}

/* 首页产品中心部分 */
#cpzx{padding-bottom:80px;}
.title{font-size:18px; color:#666; text-align:center; padding-top:80px; font-weight:300;}
.title h2{font-size:40px; font-weight:bold; color:#008ad8; padding-bottom:15px;}
.title h2 a{color:#008ad8;}
.title h2 a:hover{color:#03499e;}
.wrap{position:relative; margin:0 auto; width:95%; max-width:1600px; padding:0;}

#cpzx .shang{margin-top:60px; overflow:hidden;}
#cpzx .shang li{width:50%; float:left; padding:40px; background:#fff; display:block; text-align:center;}
#cpzx .shang li:nth-child(2n){margin-right:0;}
#cpzx .shang li:hover{background:#008ad8; box-shadow:0 3px 10px rgba(0,0,0,.1); transition:all .5s ease-in-out; border-radius:6px;}
#cpzx .shang li:nth-child(3n),#cpzx .shang li:nth-child(4n),#cpzx .shang li:nth-child(5n){width:33.333%; margin-top:10px; padding:30px 20px;}
#cpzx .shang a p{font-size:26px; line-height:30px; color:#333;}
#cpzx .shang a:hover p,#cpzx .shang a:hover .wen{color:#fff;}
#cpzx .shang a .wen{height:76px; overflow:hidden; font-size:18px; font-weight:300; color:#333; line-height:30px; display:block; padding:10px; box-sizing:border-box;}
#cpzx .shang a i{display:block; font-size:16px; line-height:30px; color:#03499e; padding-bottom:20px;}
#cpzx .shang a:hover i{color:#fff;}
#cpzx .shang a i img{display: inline-block; padding-left:10px;}
#cpzx .shang .tu{width:100%; margin:10px auto 0; display:block; overflow:hidden;}
#cpzx .shang .tu img{display:block; margin:auto; transition:.5s; width:90%;}
#cpzx .shang a:hover .tu img{-webkit-transform: scale(1.12, 1.12); transform:scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}

/* 首页关于我们部分 */
.np_about{padding:100px 0; background:url(../image/about-bg.jpg) fixed center; background-size:cover; box-shadow:0 3px 9px rgba(0,0,0,.1);}
.np_about .about_top{margin-left: 8%;}
.np_about .about_top .text{width: 45.7%; flex-direction: column; justify-content: flex-start;}
.np_about .about_top .text h3{font-size: 40px; color: #000; position: relative; z-index: 1;}
.np_about .about_top .text h3 span{color: #008ad8;}
.np_about .about_top .text h3::after{content: 'ABOUT US'; position: absolute; top: -6px; left: 0; z-index: -1; opacity: .08; font-size:80px; -webkit-text-stroke: 1px #000; color: transparent;}
.np_about .about_top .text h4{font-size: 24px; font-weight: 500; margin: 6.3% 0;}
.np_about .about_top .text p{font-size: 18px; line-height: 36px; color:#666; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:8; line-clamp:8; -webkit-box-orient:vertical; white-space:pre-wrap;}
.np_about .about_top .text .details{margin-top:8%; display: block; width:180px; padding-left:20px; border-radius:30px; box-sizing:border-box; border:2px solid #008ad8; background-color:#008ad8; position:relative; overflow:hidden;}
.np_about .about_top .text .details p{color: white; font-size: 18px; line-height: 46px; position: relative;}
.np_about .about_top .text .details p::after{content: url(../image/jiantou-icon1-white.png); position: absolute; top: 2px; right: 18px; opacity: 0; transition: .3s linear;}
.np_about .about_top .text .details .trapezoid{position: absolute; top: 0; right: 0; width:70px; height: 0; border-bottom: 46px solid white; /* 底边的高度和颜色 */ border-left: 26px solid transparent; /* 左边的宽度和透明 */ transform: skewY(180deg); /* 向下倾斜的角度 */ transition: all .3s linear;}
.np_about .about_top .text .details .trapezoid img{margin-top: 14px;}
.np_about .about_top .text .details:hover .trapezoid{width: 0; border-left: 0px solid transparent; /* 左边的宽度和透明 */}
.np_about .about_top .text .details:hover p::after{opacity: 1;}
.np_about .about_top .video{width: 50.5%; overflow: hidden;}
.np_about .about_top .video img{width: 100%;}
.np_about .about_bottom{margin-top:60px; background-color: white; border-radius: 10px; box-shadow: 0 0 30px rgba(0, 128, 200, .1); padding: 3% 0;}
.np_about .about_bottom .numCount_1 li{width: 25%; text-align: center; border-right: 1px solid #cccccc;}
.np_about .about_bottom .numCount_1 li:last-child{border-right: none;}
.np_about .about_bottom .numCount_1 li .item .numU{color: #008ad8; font-size: 42px; font-weight: 600;}
.np_about .about_bottom .numCount_1 li .item .indc{font-size: 18px; margin-top: 18px;}

/* 首页资质证书部分 */
.in_honor{width:95%; margin: auto; position: relative; overflow:hidden;}
.scrollleft2{width:95%; margin:60px auto 0;}
.scrollleft2 li{width:360px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:100%; display:block; border:1px solid #e9e9e9;}
.scrollleft2 li img:hover{border-color:#008ad8;}
.scrollleft2 li span{display:block; width:100%; background:#e9e9e9; padding:10px 20px; line-height:30px; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; float:left;}
.scrollleft2 li:hover span{background:#008ad8; color:#fff;}

/* 首页解决方案部分 */
.np_case{margin-top:80px; padding-top: 4%; background-image: url(../image/case-bg.jpg); color: white;}
.np_case .np_center{overflow: hidden;}
.np_case .case_title h3{font-size:40px; line-height:40px; font-weight: 500;}
.np_case .case_title a{display: block; width: 180px; line-height: 50px; border: 1px solid white; border-radius: 6px; font-size: 18px; color: white; padding-left: 30px; box-sizing: border-box; position: relative;}
.np_case .case_title a::after{content: url(../image/jiantou-icon2.png); position: absolute; top: -3px; right: 30px;}
.np_case #swiper_case{margin-top: 4%; padding-bottom: 9.4%; width: 66%; overflow:visible;}
.np_case #swiper_case .swiper-wrapper{transition-duration: 1.5s !important;}
.np_case #swiper_case .swiper-slide{border-radius: 20px; overflow: hidden; position: relative;}
.np_case #swiper_case .swiper-slide img{width: 100%;}
.np_case #swiper_case .swiper-slide .case_text{display: flex; position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, .4); backdrop-filter: blur(6px); color: white; padding: 6% 4%; padding-top: 4%; box-sizing: border-box;}
.np_case #swiper_case .swiper-slide .case_text h3{font-size: 26px; position: relative;}
.np_case #swiper_case .swiper-slide .case_text p{font-size: 18px;}
.np_case #swiper_case .swiper-slide .case_text h3::after{content: ''; display: block; width: 50px; height: 2px; background-color: white; position: absolute; bottom: -20px; left: 0;}
.np_case #swiper_case .swiper-slide{opacity: .6;}
.np_case #swiper_case .swiper-slide .case_text{opacity: 0;}
.np_case #swiper_case .swiper-slide-active{opacity: 1;}
.np_case #swiper_case .swiper-slide-active .case_text{opacity: 1;}
.np_case #swiper_case .swiper-scrollbar{bottom: 11%; background: rgba(255, 255, 255, .3); height: 9px; left: -26%; width: 152%;}
.np_case #swiper_case .swiper-scrollbar .swiper-scrollbar-drag{background-color: #bbe6ff;}
.np_case #swiper_case .swiper-button-next,
.np_case #swiper_case .swiper-button-prev{width: 50px; height: 50px; border-radius: 50px; background-color: white; top: 40%;}
.np_case #swiper_case .swiper-button-prev{left: -6%;}
.np_case #swiper_case .swiper-button-next{right: -6%;}
.np_case #swiper_case .swiper-button-next::after,
.np_case #swiper_case .swiper-button-prev::after{font-size: 24px;}

/* 首页新闻资讯部分 */
.np_news{padding-bottom:80px; background-color:#f8f8f8; overflow:hidden;}
.np_news .np_news_list{margin-top: 3.7%;}
.np_news .np_news_list .item{display: block; width: 32%; overflow: hidden; background-color:white; border-radius:10px;}
.np_news .np_news_list .item .img{width: 100%; height: 55%; overflow: hidden;}
.np_news .np_news_list .item .img img{display: block; width: 100%; min-height: 100%;}
.np_news .np_news_list .item .text{width: 100%; box-sizing: border-box; background-color: white; padding: 7% 6%; position: relative; z-index: 1; transition: all .2s ease-in-out;}
.np_news .np_news_list .item .text::after{content: ''; width: 100%; height: 0%; background-color: #008ad8; position: absolute; bottom: 0; left: 0; z-index: -1; transition: all .3s ease-in-out;}
.np_news .np_news_list .item .text h3{font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.np_news .np_news_list .item .text span{font-size: 16px; display: inline-block; color: #999999; margin: 4.5% 0; position: relative; padding-left: 22px;}
.np_news .np_news_list .item .text span::after{content: url(../image/rili-icon.png); position: absolute; top: 1px; left: 0;}
.np_news .np_news_list .item .text p{font-size:16px; line-height:30px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.np_news .np_news_list .item_2{box-sizing: border-box; background-color: white; padding:2%;}
.np_news .np_news_list .item_2 li{margin-bottom:20px; float:left; width:100%; border-bottom:1px solid #e9e9e9; padding-bottom:20px;}
.np_news .np_news_list .item_2 li:last-child{margin-bottom: 0%;}
.np_news .np_news_list .item_2 h3{font-size: 20px; line-height: 30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.np_news .np_news_list .item_2 p{font-size: 16px; color: #999999; padding-left: 22px; margin-top: 3%; position: relative;}
.np_news .np_news_list .item_2 p::after{content: url(../image/rili-icon.png); position: absolute; top: 1px; left: 1px;}
.np_news .np_news_list .item_1:hover .text{color: white;}
.np_news .np_news_list .item_1:hover .text span{color: white;}
.np_news .np_news_list .item_1:hover .text::after{height: 100%;}
.np_news .np_news_list .item_1:hover .text span::after{content: url(../image/rili-icon-2.png);}
.np_news .np_news_list .item_2 li:hover a{color: #008ad8;}

/* 底部版权部分 */
.footer_bg{width:100%; margin:auto; background:#333; padding:60px 0 20px; overflow:hidden;}
.footer{width:100%; margin:auto;}
.foot_list{width:75%; float: left;}
.foot_list ul{width:25%; float:left; min-height:180px; padding-right:5%;}
.foot_list ul li{width: 100%; float: left;}
.foot_list ul li.foot_l_bt a{color:#fff; font-size:20px; float:left; font-weight:bold; margin-bottom:15px;}
.foot_list ul li.foot_l_bt.on{background: url(../image/img-74.png) no-repeat right center; background-size: 16px;}
.foot_list ul li.foot_l_bt a:after{content: ""; display: block; width: 20px; height: 2px; background: #fff; margin-top: 10px;}
.foot_list ul li a{line-height:30px; font-size:15px; color: #afafaf; display:block; white-space:pre-wrap;}
.foot_list ul li a:hover{color: #008ad8;}
.foot_rnr{width:25%; float: right;}
.foot_rnr_btel{width:100%; float:left; text-align:right; font-size:30px; line-height:30px; letter-spacing:3px;  font-family:"阿里巴巴普惠体"; font-weight:bold; color:#fff;}
.foot_rnr_txt{width:100%; float:left; margin-top:20px; font-size:16px; color:#afafaf; line-height:28px; text-align:right;}
.foot_rnr_ewm{width:160px; float:right; margin-top:20px;}
.foot_rnr_ewm img{width:100%; display: block; float:left; border-radius:10px;}
.foot_rnr_ewm p{width: 100%; font-size:16px; color:#afafaf; float: left; margin-top:10px; text-align: center;}
.copy{width:100%; margin:40px auto 0; position: relative; border-top:1px solid #444; padding:30px 0 10px;}
.copy_text{width:100%; text-align:center; font-size:16px; color:#afafaf;}
.copy_text a{color:#afafaf;}
.copy_text a:hover{color:#008ad8;}

/* 内页banner部分 */
.nei_banner{width:100%; margin:100px auto 0; position:relative; overflow:hidden;}
.nei_banner>img{width:100%; height:420px; object-fit:cover; display:block; animation:img 10s linear infinite alternate;}
@keyframes img{0%{transform: scale(1);} 100%{transform: scale(1.1);}}
.nei_banner .nei_banner_text{display:none; position: absolute; top: 50%; left: 50%; text-align: center; transform: translate(-50%,-50%); background:rgba(0,0,0,.2); width:30%; padding:40px 20px; border-radius:6px;}
.nei_banner .nei_banner_text h2{font-size:40px; font-weight:bold; line-height:40px; color:white;}
.nei_banner .nei_banner_text p{font-size:16px; color:white; margin-top:20px;}
.nei_banner .nei_banner_text p a{color:white; padding:0 5px;}
.nei_banner .nei_banner_text p a:hover{color:#008ad8; text-decoration:underline;}
.nei_banner .nei_banner_text p span{font-weight:bold;}

/* 内页子导航部分 */
.ny_navbg{width:100%; margin:auto; background:#f8f9f4; overflow:hidden; box-shadow: 0 5px 20px rgba(0,0,0,.1);}
.ny_nav{width:95%; max-width:1600px; margin:auto; display:flex; flex-wrap:nowrap; overflow:hidden; margin-top:10px;}
.ny_nav ul{display:flex; align-items:center; justify-content:center; text-align:center;}
.ny_nav li{display:inline-block; position:relative; margin-bottom:10px;}
.ny_nav li a{display: block; height:60px; padding:5px 30px;font-size:18px;color: #333;background: transparent;text-align: center;line-height:42px;-webkit-transition: all .5s;transition: all .5s;position: relative;z-index:1; white-space:nowrap; text-overflow:ellipsis;}
.ny_nav li a:after{content: '';display: block;width:120px;height: 3px;background:#008ad8;position: absolute;left: 50%;bottom: -10px;margin-left: -60px;-webkit-transition: all .3s;transition: all .3s;-webkit-transform: scaleX(0);transform: scaleX(0);}
.ny_nav li a:hover:after,.ny_nav li a.on:after{-webkit-transform: scaleX(1);transform: scaleX(1);}
.ny_nav li a:hover,.ny_nav li a.on{color:#008ad8; font-weight:bold;}

/* 内页产品中心部分 */
.ny_main{width:95%; max-width:1600px; margin:80px auto;}
.pro_list{width:100%;}
.pro_list li{width:33.333%; float:left; padding:40px 20px; background:#fff; border:1px solid #e9e9e9; display:block; text-align:center;}
.pro_list li:hover{background:#008ad8; box-shadow:0 3px 10px rgba(0,0,0,.2); transition:all .5s ease-in-out;}
.pro_list a p{font-size:24px; line-height:30px; color:#333;}
.pro_list a:hover p,.pro_list a:hover .wen{color:#fff;}
.pro_list a .wen{height:76px; overflow:hidden; font-size:16px; font-weight:400; color:#333; line-height:30px; display:block; padding:10px;}
.pro_list a i{display:block; font-size:16px; line-height:30px; color:#03499e; padding-bottom:20px;}
.pro_list a:hover i{color:#fff;}
.pro_list a i img{display: inline-block; padding-left:10px;}
.pro_list .tu{width:100%; margin:10px auto 0; display:block; overflow:hidden;}
.pro_list .tu img{display:block; margin:auto; transition:.5s; width:100%;}
.pro_list a:hover .tu img{-webkit-transform: scale(1.12, 1.12); transform:scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);}

/* 内页分页部分 */
.fullpage{width:100%;font-size: 0;text-align: center;margin:70px auto 0;user-select: none;}
.fullpage a{display: inline-block;vertical-align: middle;width: 38px;height: 38px;line-height: 38px;border: 1px solid #dcdcdc;margin: 0 8px;font-size: 16px;color: #666;transition: all .4s ease;}
.fullpage a:first-child,.fullpage a:last-child{background: url('../image/fparr.png') no-repeat center;border-color: transparent;}
.fullpage a:last-child{transform:rotate(180deg);}
.fullpage a:hover, .fullpage a.ontrue, .fullpage a.on{background-color: #008ad8;color: #fff;border-color: #008ad8;}
.fullpage a:first-child:hover, .fullpage a:last-child:hover{background-image: url('../image/fparrH.png');background-color: #fff;}

/* 内页产品中心详情部分 */
.products{width:95%; max-width:1400px; margin:80px auto 0;}
.promore_l{width:40%; float:left; position:relative;}
.promore_l .swiper{width:100%; height:100%;}
.promore_l .swiper-slide{text-align:center; font-size:18px; background:#fff; display:flex; justify-content:center; align-items:center;}
.promore_l .swiper-slide img {display:block; width:100%; height:100%; object-fit:cover;}
.promore_l .swiper{width:100%;height:520px;margin-left:auto;margin-right:auto;}
.promore_l .swiper-slide{background-size:cover;background-position:center;}
.promore_l .mySwiper2{width:100%;}
.promore_l .mySwiper{height:20%;box-sizing:border-box;padding:10px 0;}
.promore_l .mySwiper .swiper-slide{width:25%;height:100%;opacity: 0.4; cursor:pointer;}
.promore_l .mySwiper .swiper-slide-thumb-active{opacity:1;}
.promore_l .swiper-slide img{display: block;width:100%;height:100%;object-fit:cover;}
.promore_l .swiper-button-next:after,.promore_l .swiper-button-prev:after{color:#008ad8;}

.pros_right{width:55%; float:right; overflow:hidden; padding-top:60px;}
.pros_right_top{overflow:hidden; border-bottom:1px dashed #e6e6e6; padding-bottom:20px;}
.pros_right_top h2{overflow:hidden; display:inline-block; font-size:30px; font-weight:bold; line-height:30px; color:#008ad8;}
.pros_right_top h3{font-size:20px; color:#999; margin-top:20px;}
.proleft{width:100%; float:left; font-size:18px; line-height:40px; margin-top:40px;}
.proleft span{font-size:18px; font-weight:bold; color:#000;}
.proleft_tel{width:100%; float:left; margin-top:40px; border:1px dashed #ddd; border-width:1px 0; padding:20px 0; background:url(../image/kefu-pro.png) no-repeat left 25px; background-size:30px 30px; padding-left:40px; font-size:16px; line-height:30px;}
.proleft_tel strong{font-size:20px; font-weight:bold; color:#008ad8;}
.f16{font-size:16px; color:#000; font-weight:bold;}
.proleft_btn{width:100%; float:left; margin-top:40px;}
.proleft_btn a{width:240px;float:left; line-height:52px; text-align:center; font-size:18px; background:#eee; border-radius:6px; display:block;}
.proleft_btn a:hover{background:#008ad8; color:#fff;}

.tabs-basic{width:95%; max-width:1400px; margin:60px auto 0;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e9e9e9;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:18px;text-transform:uppercase; position:relative;}
.tabs-basic ul li a.tab-active::after{content:''; position:absolute; bottom:-9px; height:0; width:0; margin:auto; left:0; right:0; border:9px solid transparent; border-top:9px solid #008ad8; border-bottom:none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.tabs-basic ul li a{display:block; text-decoration:none; background:#eee; padding:15px 66px; color:#000;}
.tabs-basic .tab-active{border-bottom:2px solid #008ad8; color:#fff; background:#008ad8; font-weight:bold;}
/* The content */
.tabs-basic .tabs-content-placeholder{width:100%; float:left; margin-top:40px; background:#fff; overflow:hidden;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:36px; font-size:16px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div strong{font-size:18px; font-weight:bold; color:#000; line-height:36px;}
.tabs-basic .tabs-content-placeholder .div .m40{margin-top:40px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;}
.tabs-basic table{border-collapse:collapse; width:100% !important; float:left; margin-top:20px; line-height:30px!important; border-bottom:1px solid rgba(0,128,216,.2) !important; border-width:0 0 1px 0 !important;}
.tabs-basic table tr{background:rgba(0,128,216,.2); color:#000;}
.tabs-basic table tr:nth-child(2n){background:#fff; color:#000;}
.tabs-basic table td{padding:8px!important; font-size:16px !important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; line-height:30px!important;}
.tabs-basic table td:nth-child(1){border-right:1px solid rgba(0,128,216,.1); font-weight:bold;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.w1400{width:95%; max-width:1400px; margin:auto;}

.proxq-al{width:100%;	margin:80px auto 0;	padding:80px 0;	background:#f2f2f2; overflow:hidden;}
.casexq-btnback{width:100%;overflow: hidden;margin-top: 48px;padding-top: 38px;border-top: 1px solid #eee;}
.casexq-btn{width: calc(100% - 136px);padding-right: 80px;float: left;}
.casexq-btn p{width: 100%;font-size: 16px;color: #666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height: 34px;}
.casexq-btn p a{transition: all .4s ease;}
.casexq-btn p a:hover{color:#008ad8;}
.casexq-back{margin-top:10px;width:136px; height:50px; line-height:50px; display:block; float:right; border-radius:25px; font-size:16px;color:#fff; background:#008ad8; text-align:center;}
.casexq-back:hover{background:#03499e;}
.casexq-back i{width: 14px;height: 14px;display: inline-block;vertical-align: middle;background: url('../image/casexqic3.png') no-repeat;margin: -4px 12px 0 0;transition: all .4s linear;}
a.casexq-back{color:#fff;}
a:hover.casexq-back{font-weight:bold; color:#fff;}
.casexq-back:hover i{-webkit-transform:rotate(180deg); transform:rotate(180deg);}

/* 内页相关产品列表 */
.casexq-al-title{width:100%;}
.casexq-al-title h3{font-size:32px; line-height:32px; color:#333;}
.casexq-al .caselb-list{padding-top:0;}
.caselb{width:100%; overflow:hidden; padding:60px 0 20px;}
.caselb-list{width:100%; float:left;}
.caselb-list li{width:31.333%; float:left; margin:40px 3% 0 0; background:#fff; border-radius:6px; transition:all .5s ease;}
.caselb-list li:nth-child(3n){margin-right:0;}
.caselb-list li a{display:block; width:100%;}
.caselb-list li:hover{transform:translateY(-10px); box-shadow:0 5px 15px rgba(0,0,0,0.25);}
.caselb-img{width:100%; overflow: hidden;}
.caselb-img img{width:100%; object-fit:cover; transition: all .4s linear; min-height:300px; max-height:300px;}
.caselb-wd{width:100%; padding:28px 32px;}
.caselb-wd h4{font-size:22px; line-height:30px; color:#333; transition: all .4s ease; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.caselb-wd span{margin-top:42px;}
.sonlink{display:inline-block; position:relative; font-size:14px; color:#666;line-height: 24px;padding-right: 15px; transition: all .4s ease; background:url(../image/caselbic2.png) right center no-repeat;}
.sonlink:after{content: "";position: absolute;bottom: 0;left: auto;right: 0;width: 0;height: 1px;background: #008ad8;transition: all .4s ease;}
.sonlink:hover:after{width:100%; right:auto; left:0;}
.caselb-list li a:hover .caselb-img img{-webkit-transform: scale(1.06); transform: scale(1.06);}
.caselb-list li a:hover .caselb-wd h4{color:#008ad8; font-weight:bold;}
.caselb-list li a:hover .sonlink:after{width:100%; right:auto; left:0;}
.caselb-list li a:hover .sonlink{color:#008ad8; background-image:url('../image/jian2.png');}

/* 内页解决方案部分 */
.prelblt{width:100%;}
.prelblt ul{display:flex; flex-wrap:wrap; display:-ms-flex; -ms-flex-wrap:wrap;}
.prelblt li{width:31.333%; margin:0 2% 20px 0; float:left; transition:all .5s;}
.prelblt li:nth-child(3n){margin-right:0;}
.prelblt li a{display:block; width:100%; position:relative; overflow:hidden; border-radius:10px;}
.prelblt li a img{width:100%; height:350px; object-fit:cover; transition: all .4s linear;}
.prelblt li .prelblt-wd{position:absolute; width:100%; padding:0 30px; bottom:30px; color:#fff; left:0; z-index:2;}
.prelblt li .prelblt-wd h3{font-size:24px; line-height:32px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.prelblt li .prelblt-wd p{font-size:16px; line-height:30px; margin-top:15px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; line-clamp:1; -webkit-box-orient:vertical; transition:all .5s;}
.prelblt li:hover .prelblt-wd p{-webkit-line-clamp:2; line-clamp:2; transition:all .5s ease-in-out;}
.prelblt li a:before{content:""; position:absolute; z-index:1; width:100%; height:100%; top:0; left:0; background:url('../image/prelbic2.png') repeat-y; background-size:contain; transition:all .6s ease;}
.prelblt li a:hover img{-webkit-transform:scale(1.06); transform:scale(1.06);}
.prelblt li a:hover:before{background:url('../image/prelbic1.png') repeat-y; background-size:contain;}

.new-view-title{width:100%; float:left; text-align:center; padding-bottom:20px; border-bottom:1px solid #e9e9e9;}
.new-view-title h2{line-height:30px; font-size:24px; font-weight:bold; color:#008ad8;}
.new-view-wz{width:100%; float:left; margin-top:10px; text-align:center; line-height:30px; font-size:15px; color:#999;}
.newsmore_text{width:100%;float:left; margin-top:30px; line-height:30px; font-size:16px;}

/* 内页新闻资讯部分 */
.newsL{width:100%; float:left;}
.newsL li{width:100%; float:left; margin:20px 0; padding-bottom:30px; -webkit-transition:all .2s linear; transition:all .2s linear; overflow:hidden; border-bottom:2px solid #f0f0f0;}
.newsL li .newsL-pic{width:30%; float:left; border-radius:6px; overflow:hidden;}
.newsL li .newsL-pic img{width:100%; display:block; -webkit-transition:all .5s; transition:all .5s;}
.newsL li:hover .newsL-pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.newsL li .newsL-note{width:60%; float:left; padding:2% 3%;}
.newsL li .newsL-note h3{font-size:24px; line-height:30px; font-weight:bold; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newsL li .newsL-note h3 a{color:#000;}
.newsL li .newsL-note h3 a:hover{color: #008ad8;}
.newsL li .newsL-note p{margin:30px auto; font-size:16px; line-height:30px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical;}
.newsL li .newsL-note a.more{width:160px; margin-top:10px; line-height:44px; background:#03499e; color:#fff; display:inline-block; text-align:center; -webkit-transition:all .3s; transition:all .3s; border-radius:6px; font-size:16px;}
.newsL li .newsL-note:hover a.more{background:#008ad8; color:#fff; width:200px;}
.newsL li .newsL-date{width:10%; margin-top:40px; float:right; text-align:right;}
.newsL li .newsL-date span{color:#d7dcd8; font-size:40px; line-height:40px; margin-bottom:20px; padding-bottom:10px; display:block; position:relative;}
.newsL li .newsL-date span:after{content:""; position:absolute; right:0; bottom:0; width:30px; height:1px; background:#d7dadc;}
.newsL li .newsL-date p{font-size:18px; color:#d7dadc;}
.newsL li:hover{border-bottom:2px solid #008ad8;}
.m30{margin-top:30px;}
.f18{font-weight:bold; font-size:18px; color:#008ad8; line-height:30px;}

/* 内页相关新闻部分 */
.np_news_list{width:100%; float:left; margin:40px 0 0;}
.np_news_list .item{display: block; width:32%; overflow: hidden; background-color:white; border-radius:10px;}
.np_news_list .item .img{width: 100%; height: 55%; overflow: hidden;}
.np_news_list .item .img img{display: block; width: 100%; min-height: 100%;}
.np_news_list .item .text{width: 100%; box-sizing: border-box; background-color: white; padding: 7% 6%; position: relative; z-index: 1; transition: all .2s ease-in-out;}
.np_news_list .item .text::after{content: ''; width: 100%; height: 0%; background-color: #008ad8; position: absolute; bottom: 0; left: 0; z-index: -1; transition: all .3s ease-in-out;}
.np_news_list .item .text h3{font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.np_news_list .item .text span{font-size: 16px; display: inline-block; color: #999999; margin: 4.5% 0; position: relative; padding-left: 22px;}
.np_news_list .item .text span::after{content: url(../image/rili-icon.png); position: absolute; top: 1px; left: 0;}
.np_news_list .item .text p{font-size: 18px; line-height: 36px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.np_news_list .item_1:hover .text{color: white;}
.np_news_list .item_1:hover .text span{color: white;}
.np_news_list .item_1:hover .text::after{height: 100%;}
.np_news_list .item_1:hover .text span::after{content: url(../image/rili-icon-2.png);}


/* 内页关于我们部分*/
.nei_about{width:100%; margin:9px auto 0; padding:80px 0; background:url(../image/nei-about-bg.jpg) fixed center; background-size:cover;}
.nei_about .about_text h3{text-align: center;font-size:36px; font-weight:bold; color: #008ad8;}
.nei_about .about_text p{text-align: center;font-size: 18px;color: #333333; line-height: 36px; width:90%;margin: 2% auto;}
.nei_about .about_video{margin:20px auto 0; text-align: center;}
.nei_about .about_number{margin-top:60px;background-color: white;border-radius: 10px;box-shadow: 0 0 30px rgba(0, 128, 200, .1);padding: 3% 0;}
.nei_about .about_number .numCount_1 li{width: 25%;text-align: center;border-right: 1px solid #cccccc;}
.nei_about .about_number .numCount_1 li:last-child{border-right: none;}
.nei_about .about_number .numCount_1 li .item .numU{color: #008ad8;font-size: 42px;font-weight: 600;}
.nei_about .about_number .numCount_1 li .item .indc{font-size: 18px;margin-top: 18px;}

.qymb_text{width:100%; float:left; text-align:center; border-radius:10px; box-shadow:0 3px 12px rgba(0,0,0,.2);}
.qymb_text img{width:100%; display:block; border-radius:10px;}


/* 内页发展历程部分 */
.fzlc_list{width:100%; float:left;}
.fzlc_list li{width:23.5%; float:left; margin:10px 2% 10px 0; background:#fff; border:1px solid #e9e9e9; border-radius:6px; padding:40px 20px; transition:all .5s ease;}
.fzlc_list li:nth-child(4n){margin-right:0;}
.fzlc_list li:hover{border-color:#008ad8; transform:translateY(-10px); box-shadow:0 3px 9px rgba(0,0,0,.1); transition:all .5s ease-in-out;}
.fzlc_list li .btitle{width:100%; float:left; line-height:40px; font-size:46px; color:#008ad8; font-weight:bold; font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; border-bottom:1px solid #e9e9e9; padding-bottom:20px;}
.fzlc_list li .btitle em{font-size:18px; vertical-align:top;}
.fzlc_list li .tbox{width:100%; float:left; margin-top:10px; font-size:14px; line-height:28px;}

/* 内页资质证书部分 */
.honor_r_img{width:100%; float:left;}
.honor_r_img li{width:18.333%; float:left; margin:10px 2% 30px 0; transition:all .5s ease;}
.honor_r_img li:hover{transition:all .5s ease-in-out; transform:translateY(-10px); box-shadow:0 3px 12px rgba(0,0,0,.3); border-radius:0 0 6px 6px;}
.honor_r_img li:nth-child(5n){margin-right:0;}
.honor_r_img li p{width:100%; float:left; text-align:center; line-height:24px; font-size:18px; padding:15px 20px; background:#e9e9e9; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-radius:0 0 6px 6px; color:#000;}
.honor_r_img li:hover p{background:#008ad8; color:#fff;}
.honor_r_img li img{width:100%;float:left; border:2px solid #e9e9e9; padding:4px; border-bottom:none; border-radius:6px 6px 0 0;}
.honor_r_img li img:hover{border-color:#008ad8;}

/* 内页联系我们部分 */
.cont_text{width:100%; float:left; border-bottom:1px solid #e9e9e9; padding-bottom:40px;}
.cont_l{width:60%; float:left;}
.cont_l h3{font-size:24px; font-weight:bold; color:#008ad8;}
.cont_l p{margin-top:20px; line-height:30px; font-size:16px;}
.cont_r{width:20%;float:right; text-align:right;}
.cont_r img{width:200px; height:200px;}
.map{width:100%; float:left; margin-top:60px;}

.message{width:100%; float:left;}
.message h3{text-align:center; color:#333; font-size:24px; font-weight:bold; margin-bottom:40px;}
.message ol{width:100%;float:left; margin-top:30px;}
.message ol li{float: left; width:49.5%; margin-bottom:30px; background:#fff; border:1px solid #e9e9e9; border-radius:6px}
.message ol li:nth-child(2n){float:right;}
.message ol li:nth-child(6){float:left;}
.message ol li:nth-child(7){float:right;}
.message ol li input{width:100%; height:45px;  background:none; border:none; color:#999; padding:0 15px; font-size:14px; outline:none;}
.message ol li textarea{font-size:14px; padding:10px 15px; width:100%; height:180px; border:none; background:none; color:#999; outline:none;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:16px; cursor:pointer; border-radius:6px;}
.message ol li .btn{background:#008ad8;}
.message ol li .btn2{background:#03499e;}