*{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,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:#0083c4; text-decoration:none; -webkit-transition:.3s; transition:.3s;}
/* 重置图片元素 */
.fl{float:left;}
.fr{float:right;}
.flex{display:flex; justify-content:space-between; align-items:center;}

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

/* 头部部分 */
.top_bg{width:100%; height:100px; margin:auto; background:#fff; position:fixed; top:0; left:0; right:0; z-index:9999; -webkit-transition:.3s; transition:.3s; box-shadow:-20px 20px 30px 0px rgba(158,158,158,.3);}
.w1600{width:95%; max-width:1600px; margin:auto;}
.top{width:95%; max-width:1600px; margin:auto;}
.logo{float:left;}

.navMenu{float:left;}
.navMenu>li{float:left; position:relative; line-height:100px; font-size:18px;}
.navMenu>li>a{padding:0 30px; color:#333; text-transform:uppercase; display:block;}
.navMenu>li>a:after{content:'';display:block;width:41px;height:6px;background:url(../image/nav_fgx.jpg) center bottom no-repeat;position:absolute;left:50%;bottom:0;margin-left:-20.5px;-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:#0083c4;}
.navMenu>li>ul.sub-menu{position:absolute; left:50%; margin-left:-95px; top:100px; z-index:3; display:none; background:#fff; width:190px; box-shadow:0 5px 10px #333; z-index:9999;}
.navMenu>li>ul.sub-menu li{background:none; margin:0; padding:0; position:relative; border-bottom:1px solid #e9e9e9; 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:30px; padding:6px 10px; clear:both; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.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:#0083c4; 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;}
.phxia{display:none;}
.top_r{float:right;}
.top_rtel{float:right; line-height:100px; margin-left:20px; font-size:20px; font-family:Impact; font-weight:bold; color:transparent; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); -webkit-background-clip:text;}
.Hsrch{float:left; margin-top:40px;}
.Hsrch-menu{display:block; background:url(../image/fdj.jpg) center no-repeat; width:20px; height:20px;}
.Hsrch-box{width:100%;height:100px;background:#fff;position:absolute;top:0;left:0;display:none;z-index:1002;}
.Hsrch-block{width:85% !important;height:32px;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;margin-top:3px;}
.Hsrch-block .close{display:block;width:24px;height:32px;background:url(../image/icon-close2.png) no-repeat center center;float:right;}
.Hsrch-block .text{width:92%;height:32px;float:left;margin:0 0 0 20px;border:none;border-bottom:1px solid #e9e9e9;}
.Hsrch-block .text::-webkit-input-placeholder{color:#6f6f6f;}
.Hlang:hover .Hlang-box{display:block;}

.Header-lang{float:left; position:relative; z-index:999; margin-left:20px;}
.Header-lang-menu{display:flex; align-items:center; height:98px; color:#444; transition:color .4s ease;}
.Header-lang-menu span{font-size:16px; font-family:Arial;}
.Header-lang-menu i{font-size:24px;}
.Header-lang.active .Header-lang-menu{color:#0083c4;}
/* 多个语言 Header-lang-more添加class="hasIcon" 就会启用图标 */
.Header-lang-more{display:none;z-index: 9;width: 140px;box-shadow:0 1px 6px rgba(0, 0, 0, 0.1);background: #fff;position: absolute;top:calc(100% - 4px);left:50%; margin-left:-70px; border-top:4px solid #0083c4; border-radius:5px 5px 0 0;transition: top .4s ease;}
.Header-lang-more:before{content: "";display: block;width:0;height:0;border-style: solid;border-width: 0 8px 8px;border-color: transparent transparent #0083c4 transparent;position: absolute;top: -8px;left: 50%;margin: 0 0 0 -8px;}
.Header-lang-more a{display: flex;font-size: 15px;color: #444;justify-content: center;padding: 10px 0;transition: all .4s ease;}
.Header-lang-more.hasIcon a{padding: 10px 0 10px 36px;justify-content: flex-start;}
.Header-lang-more.hasIcon a span{background-repeat: no-repeat;background-position: left center;padding-left: 38px;background-size: 32px auto;}
.Header-lang-more.hasIcon a.cn span{background-image:url('../image/nicon-cn.svg');}
.Header-lang-more.hasIcon a.en span{background-image:url('../image/nicon-en.svg');}
.Header-lang-more a:hover {color:#fff;background:#0083c4;}
.Header-lang:hover.active .Header-lang-more{display:block; animation:langInUp .4s ease-out;}
@keyframes langInUp{0% {transform:translateY(20px); opacity: 0.5;} 100% {transform:translateY(0); opacity:1;}}

/* 首页焦点图部分 */
.banner{width:100%; margin:100px auto 0; overflow:hidden; position:relative;}
.banner .swiper-slide .m{display:none;}
.banner .swiper-slide img{width:100%; display:block; transform:scale(1.1); -webkit-transform:scale(1.1); -webkit-transition:all 0.4s linear 1.2s; transition:all 0.4s linear 1.2s; -webkit-transition:all 0.4s linear 1.2s;}
.banner .swiper-slide-active img{transition-delay:0.4s !important; transform:scale(1); -webkit-transform:scale(1);-webkit-transition:all 5.0s linear; transition:all 5.0s linear;}
.banner .swiper-pagination-bullet{background:#fff;}
.banner .swiper-pagination-bullet-active{background:#0083c4;}
.banner .swiper-button-next,.banner .swiper-button-prev{color:#fff; width:40px; height:40px; background:rgba(0,0,0,.5); border-radius:50%;}
.banner .swiper-button-prev{left:5%;}
.banner .swiper-button-next{right:5%;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background:#0083c4;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size:20px; color:#fff !important;}
.banner .swiper-pagination-bullet{width:13px; height:13px; border-radius:50%; margin:0 5px !important; opacity:.9;}
.banner .swiper-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-bullets.swiper-pagination-horizontal,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{bottom:30px !important;}

/* 首页链接图标部分 */
.in_main{width:95%; max-width:1600px; margin:auto;}
.in_main_l,.in_main_r{float:left; width:48%; display:block; padding:40px 0; position:relative;}
.in_main_r{margin-left:4%;}
.in_main_l i,.in_main_r i{width: 90px; height: 60px; transition:0.3s all ease; display:block; float: left; position: relative;}
.in_main_l i:before{content: ''; display:block; background:url(../image/ds_icon.png) no-repeat center 0; position:absolute; left:0; top:0; width:100%; height: 100%; z-index: 2; opacity: 1; filter: alpha(opacity=100); transition:0.3s all ease; transform:rotateY(0deg);}
.in_main_r i:before{content: ''; display:block; background:url(../image/ds_icon2.png) no-repeat center 0; position: absolute; left:0; top:0; width:100%; height: 100%; z-index: 2; opacity: 1; filter: alpha(opacity=100); transition:0.3s all ease; transform:rotateY(0deg);}
.in_main_l:after,.in_main_r:after{content: ''; display: block; clear: both; }
.in_main_l i:after{content: ''; background:url(../image/ds_icon.png) no-repeat center -60px; position: absolute; left: 0; top: 0; width:100%; height:100%; z-index: 3; opacity: 0; filter: alpha(opacity=0); transition:0.3s all ease; transform:rotateY(-120deg);}
.in_main_r i:after{content: ''; background:url(../image/ds_icon2.png) no-repeat center -60px; position: absolute; left: 0; top: 0; width:100%; height:100%; z-index: 3; opacity: 0; filter: alpha(opacity=0); transition:0.3s all ease; transform:rotateY(-120deg);}
.in_main_l:hover i:after,.in_main_r:hover i:after{opacity:100 ;filter:alpha(opacity=100); transform:rotateY(0deg);}
.in_main_l:hover i:before,.in_main_r:hover i:before{opacity:0 ;filter:alpha(opacity=0); transform:rotateY(-120deg);}
.in_main_l strong,.in_main_r strong{font-size:30px; line-height:30px; color: #444; display:block; font-weight:normal; padding:5px 5px 5px 15px; float: left; transition: 0.3s all ease;}
.in_main_l strong .en,.in_main_r strong .en{display:block; color: #a9a9a9; font-size: 14px; line-height: 20px; font-weight: normal; text-transform: capitalize; }
.in_main_l em,.in_main_r em{display:block; width:50px; height:50px; position:absolute; right:30px; top:42px;}
.in_main_l em:before,.in_main_r em:before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../image/ds_jt.jpg) no-repeat center; transition:0.3s all ease; opacity:1; filter:alpha(opacity=100); transform:rotateY(0deg); }
.in_main_l em:after,.in_main_r em:after{content:''; position:absolute; left:0; top: 0; width:100%; height:100%; background: url(../image/ds_jth.jpg) no-repeat center; transition:0.3s all ease; opacity:0; filter:alpha(opacity=0); transform:rotateY(-120deg);}
.in_main_l:hover strong,.in_main_r:hover strong{ color:#0083c4}
.in_main_l:hover em:before,.in_main_r:hover em:before{opacity:0; filter:alpha(opacity=0); transform:rotateY(-120deg);}
.in_main_l:hover em:after,.in_main_r:hover em:after{opacity:1; filter:alpha(opacity=100); transform:rotateY(0deg);}

/* 首页产品中心部分 */
.in_probg{background:url(../image/in_probg.jpg) top center; background-size:cover; padding:80px 0; overflow:hidden;}
.in_title{width:100%; margin:auto;}
.in_title .fl{float:left; background:url(../image/in_pro_titicon.png) left no-repeat; padding-left:80px;}
.in_title h2{font-size:36px; line-height:36px; font-weight:bold;}
.in_title h2 a{color:transparent; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); -webkit-background-clip:text;}
.in_title h2 a:hover{color:#0083c4;}
.in_title p{font-size:16px; margin-top:6px; line-height:30px; color:#666;}
.in_title .fr{float:right;}
.a{display:inline-flex; width:220px; line-height:52px; font-size:20px; color:#fff; -webkit-transition: 0.4s; transition: 0.4s; background-image:-webkit-gradient(linear,left 0, right 0, from(#030303), to(#787878)); border-radius:0 30px 30px 0; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;}
.a:hover{background:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); color:#fff;}
.a em{margin-left:20px; -webkit-transition:.4s; transition:.4s;}
.a:hover em{-webkit-transform:rotate(90deg); transform:rotate(90deg); margin-left:30px;}

.in_pronr{width:100%; float:left; margin-top:40px;}
.in_probox{width:100%; float:left;}
.in_probox li{width:49%; min-height:460px; float:left; background:#fff url(../image/in_pro_bg.jpg) center bottom no-repeat; padding:40px; position:relative; margin-right:2%; transition:all .5s;}
.in_probox li:nth-child(2n){margin-right:0;}
.in_probox li:hover{background:#fff url(../image/in_pro_bgh.jpg)center bottom no-repeat; transition:all .5s ease-in-out; cursor:pointer;}
.in_probox li .ltxt{width:40%; float:left; position:relative; padding-top:20px;}
.in_probox li .ltxt h3{font-size:30px; line-height:30px; display:block; color:#333;}
.in_probox li:hover .ltxt h3{color:#0083c4;}
.in_probox li .ltxt .wen{width:100%; float:left; margin-top:40px; font-size:16px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; white-space:normal;}
.in_probox li .ltxt .a1{margin-top:60px; display:inline-flex; width:160px; line-height:42px; font-size:16px; color:#fff; -webkit-transition: 0.4s; transition: 0.4s; background-image:-webkit-gradient(linear,left 0, right 0, from(#030303), to(#787878)); border-radius:0 30px 30px 0; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; border-radius:10px;}
.in_probox li .ltxt .a1:hover{background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); color:#fff;}
.in_probox li .ltxt .a1 em{margin-left:20px; -webkit-transition:.4s; transition:.4s;}
.in_probox li .ltxt .a1:hover em{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-left:30px;}
.in_probox li .xlogo{width:55px; height:53px; position:absolute; left:42px; bottom:20px;}
.in_probox li .rtu{width:50%; position:absolute; top:65px; right:20px; overflow:hidden;}
.in_probox li .rtu img{width:90%; margin:auto; display:block; transition:all .5s;}
.in_probox li:hover .rtu img{-webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}

.in_probox2{width:100%; float:left; margin-top:20px;}
.in_probox2 li{width:23.5%; min-height:340px; float:left; background:#fff url(../image/in_pro_bg2.jpg) center bottom no-repeat; padding:30px; position:relative; margin-right:2%; transition:all .5s;}
.in_probox2 li:nth-child(4n){margin-right:0;}
.in_probox2 li:hover{background:#fff url(../image/in_pro_bgh.jpg)center bottom no-repeat; transition:all .5s ease-in-out; cursor:pointer;}
.in_probox2 li .ltxt{width:100%; float:left;}
.in_probox2 li .ltxt h3{font-size:24px; line-height:30px; display:block; color:#333;}
.in_probox2 li:hover .ltxt h3{color:#0083c4;}
.in_probox2 li .ltxt .wen{width:100%; float:left; margin-top:10px; font-size:15px; line-height:30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}
.in_probox2 li .rtu{width:66%; margin:40px auto 0; overflow:hidden;}
.in_probox2 li .rtu img{width:100%; margin:auto; display:block; transition:all .5s;}
.in_probox2 li:hover .rtu img{-webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}

/* 首页四大解决方案部分 */
.service_bg{width:95%; max-width:1600px; margin:80px auto 0; overflow:hidden;}
.in_title2{width:100%; margin:auto; text-align:center;}
.in_title2 h2{font-size:36px; line-height:36px; font-weight:bold;}
.in_title2 h2 a{color:transparent; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); -webkit-background-clip:text;}
.in_title2 h2 a:hover{color:#0083c4;}
.in_title2 p{font-size:18px; margin-top:6px; line-height:30px; color:#666;}
.service{width:100%; height:540px; cursor:pointer; margin:40px auto 0;}
.service .on{width:1029px; height:540px; position:relative;}
.service li{position:relative;}
.service .on .service_li{display:none;}
.service .on .service_li2{display:block; animation:hideIndex 0.3s; -webkit-animation:hideIndex 0.3s;}
 @keyframes hideIndex{
  0%{opacity:0; transform:translate(800px, 0)}
  100%{opacity:1; transform:translate(0, 0)}
}
.service .on .service_text{width:100%; padding:30px; background-image:-webkit-gradient(linear,left 0, right 0, from(rgba(0,131,196,.8)), to(rgba(42,171,62,.8))); color:#fff; position:absolute; bottom:0; left:0; z-index:1;}
.service .on .service_text b{font-size:26px;line-height:20px;}
.service .on .service_text a{display:block; float:right; width:125px; height:30px; line-height:30px; background:#fff; border-radius:30px; font-size:14px; color:#e5203d; text-align:center;}
.service .on .service_text p{font-size:16px; margin-top:15px;}
.service .on .service_image{position:relative; top:0; left:0;}
.service li{float:left; margin-right:5px;}
.service li:last-child{margin-right:0;}
.service li .service_li2{display:none;}
.service li .service_title{position:absolute; top:100px; left:50%; margin-left:-20px; text-align:center;}
.service li .service_title span{width:38px; height:38px; align-items:center; display:flex; justify-content:center;}
.service li .service_title p{width:30px; margin-top:30px; font-size:24px; color:#fff; -webkit-writing-mode:vertical-rl; writing-mode:vertical-rl; letter-spacing:7px;}

/* 首页为什么选择力尚部分 */
.in_sdysbg{width:100%; margin:0 auto; background:url(../image/in_ysbg.jpg) center bottom no-repeat; padding:80px 0 0;}
.in_ystitle{width:100%; margin:auto; text-align:center;}
.in_ystitle h3{font-size:40px; line-height:40px; font-weight:bold; color:transparent; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); -webkit-background-clip:text;}
.in_ystitle p{font-size:18px; line-height:30px; margin-top:20px; text-transform:uppercase; font-weight:100;}
.worry{width:100%; max-width:1600px; margin:80px auto 0;}
.worry li{position:relative; cursor:pointer;}
.worry .on b,.worry .on p{color:transparent; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); -webkit-background-clip:text;}
.worry .on .worry_y:before{background:rgba(7,133,197,.5);}
.worry .on .worry_yy{background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e));}
.worry li b{font-size:30px;color:#333;}
.worry li p{font-size:16px; color: #666;}
.worry_fl,.worry_fr{width:42%; height:580px;}
.worry_fl{text-align:right;}
.worry_fl li:nth-child(2){margin:40px 125px 0 0;}
.worry_fl li:nth-child(3){margin:60px 240px 0 0;}
.worry_fl li:nth-child(4){margin:60px 340px 0 0;}
.worry_fl li:nth-child(5){margin:60px 420px 0 0;}
.worry_fl li:nth-child(1) .worry_y{top:0; right:-40px;}
.worry_fl li:nth-child(2) .worry_y{top:0; right:-40px;}
.worry_fl li:nth-child(3) .worry_y{top:0; right:-40px;}
.worry_fl li:nth-child(4) .worry_y{top:0; right:-40px;}
.worry_fl li:nth-child(5) .worry_y{top:0; right:-40px;}
.worry_fr li:nth-child(2){margin:40px 0 0 125px;}
.worry_fr li:nth-child(3){margin:60px 0 0 240px;}
.worry_fr li:nth-child(4){margin:60px 0 0 340px;}
.worry_fr li:nth-child(5){margin:60px 0 0 420px;}
.worry_fr li:nth-child(1) .worry_y{top:0; left:-40px;}
.worry_fr li:nth-child(2) .worry_y{top:0; left:-40px;}
.worry_fr li:nth-child(3) .worry_y{top:0; left:-40px;}
.worry_fr li:nth-child(4) .worry_y{top:0; left:-40px;}
.worry_fr li:nth-child(5) .worry_y{top:0; left:-40px;}
.worry_y{position:absolute;}
.worry_yy{background:#000; width:28px; height:28px; border-radius:50%; align-items:center; display:flex; justify-content:center;}
.worry_y:before{width:44px; height:44px; display:block; border-radius:50%; background:hsla(0, 0%, 0%, 0.5); margin:0 auto; z-index:9; -webkit-animation: warn1 2s ease-out; animation:warn1 2s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count:infinite; content:""; position:absolute; top:-8px; left:-8px;}
@-webkit-keyframes warn1{
0%{-webkit-transform:scale(.3); transform:scale(.3); opacity:0.0;}
25%{-webkit-transform:scale(0.3); transform:scale(0.3); opacity:0.1;}
50%{-webkit-transform:scale(0.5); transform:scale(0.5);opacity:0.3;}
75%{-webkit-transform:scale(0.8); transform:scale(0.8); opacity:0.5;}
100%{-webkit-transform:scale(1); transform:scale(1); opacity:0.0;}
}
@-webkit-keyframes warn1{
0%{-webkit-transform:scale(.3); transform:scale(.3); opacity:0.0;}
25%{-webkit-transform:scale(0.3); transform:scale(0.3); opacity:0.1;}
50%{-webkit-transform:scale(0.5); transform:scale(0.5); opacity: 0.3;}
75%{-webkit-transform:scale(0.8); transform:scale(0.8); opacity:0.5;}
100%{-webkit-transform:scale(1); transform:scale(1); opacity:0.0;}
}
@keyframes warn1{
0%{-webkit-transform:scale(.3); transform:scale(.3); opacity:0.0;}
25%{-webkit-transform:scale(0.3); transform:scale(0.3); opacity:0.1;}
50%{-webkit-transform:scale(0.5); transform:scale(0.5); opacity:0.3;}
75%{-webkit-transform:scale(0.8); transform:scale(0.8); opacity:0.5;}
100%{-webkit-transform: scale(1); transform:scale(1); opacity:0.0;}
}
@-webkit-keyframes worry_yy{
0%{-webkit-transform:rotate(0deg); transform:rotate(0deg)}
20%{-webkit-transform:rotate(-5deg); transform:rotate(-5deg)}
40%{-webkit-transform:rotate(2deg); transform:rotate(2deg)}
60%{-webkit-transform:rotate(-10deg); transform:rotate(-10deg)}
80%{-webkit-transform:rotate(8deg); transform:rotate(8deg)}
100%{-webkit-transform:rotate(0deg); transform:rotate(0deg)}
}
@-webkit-keyframes worry_yy{
0%{-webkit-transform:rotate(0deg); transform:rotate(0deg)}
20%{-webkit-transform:rotate(-5deg); transform:rotate(-5deg)}
40%{-webkit-transform:rotate(2deg); transform:rotate(2deg)}
60%{-webkit-transform:rotate(-10deg); transform:rotate(-10deg)}
80%{-webkit-transform:rotate(8deg); transform:rotate(8deg)}
100%{-webkit-transform:rotate(0deg); transform:rotate(0deg)}
}
@keyframes worry_yy{
0% {-webkit-transform:rotate(0deg); transform:rotate(0deg)}
20%{-webkit-transform:rotate(-5deg); transform:rotate(-5deg)}
40%{-webkit-transform:rotate(2deg); transform:rotate(2deg)}
60%{-webkit-transform:rotate(-10deg); transform:rotate(-10deg)}
80%{-webkit-transform:rotate(8deg); transform:rotate(8deg)}
100%{-webkit-transform:rotate(0deg); transform:rotate(0deg)}
}

.in_adbn{width:100%; height:396px; margin:auto; background:url(../image/in_adbg.jpg) center no-repeat; background-size:cover; padding:80px 0; overflow: hidden;}
.in_ad_txt{width:56%; margin:auto;}
.in_ad_txt em{width:120px; float:left;}
.in_ad_txt .cont1{float:left; text-align:center; margin:20px 0 0 20px; font-size:30px; line-height:48px; font-weight:bold; color:#fff;}
.in_ad_txt .cont1 span{color:#2bae35;}
.in_ad_txt .cont2{float:left; margin-left:20px; font-size:18px; color:#fff; margin-top:10px; font-family:Arial;}

.in_shuju{width:95%; max-width:1600px; height:280px; background:#fff; margin:-140px auto 0; position:relative; border-radius:200px; box-shadow:0 5px 20px rgba(0,0,0,.2);}
.in_shuju ul{width:100%; padding:100px 5% 0 5%;}
.in_shuju li{width:25%; float:left; position:relative; text-align:center;}
.in_shuju li span{font-size:80px; font-weight:bold; font-family:"Impact"; color:transparent; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); -webkit-background-clip:text;}
.in_shuju li sup{display:block; font-size:16px; float:left; position:absolute; top:-20px; right:20px; width:34px; height:34px; border-radius:50%; background:#e9e9e9; color:#0083c4; line-height:34px; font-weight:normal;}
.in_shuju li p{font-size:18px; line-height:30px; color:#333; margin-top:20px;}

/* 首页新闻资讯部分 */
.in_news{width:95%; max-width:1600px; margin:80px auto 0; overflow:hidden;}
.in_newsbox{width:100%; margin:60px auto 0;}
.in_newsl{width:65%; float:left;}
.in_newsl li{width:49%; float:left; background:#fff; margin-right:2%; transition:all .4s;}
.in_newsl li:nth-child(2n){margin-right:0;}
.in_newsl li:hover{background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); transform:translateY(-10px); box-shadow:0 3px 12px rgba(0,0,0,.3); transition:all .4s ease-in-out;}
.in_newsl li .pic{width:100%; float:left; overflow:hidden;}
.in_newsl li .pic img{width:100%; height:316px; object-fit:cover; display:block; transition:all .5s;}
.in_newsl li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all .5s ease-in-out; transition:all .5s ease-in-out;}
.in_newsl li .txt{padding:20px; overflow:hidden;}
.in_newsl li .txt h3{font-size:22px; font-weight:400; line-height:30px; color:#000; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; vertical-align:middle;}
.in_newsl li a .txt h3{color:#000;}
.in_newsl li a:hover .txt h3{color:#fff;}
.in_newsl li .txt p{display:block; margin-top:10px; font-size:15px; color:#666; line-height:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.in_newsl li:hover .txt p,.in_newsl li:hover .txt span{color:#fff;}
.in_newsl li .txt span{display:block; margin-top:10px; font-size:16px; color:#c0c0c0; line-height:30px;}
.in_newsr{width:30%; height:505px; float:right; padding-right:1%; overflow-y:scroll; border-top:1px dashed #e9e9e9;}
.in_newsr li{width:100%; float:left; border-bottom:1px dashed #e9e9e9; margin-top:20px; padding-bottom:20px;}
.in_newsr li h4{display:block; font-size:22px; line-height:30px; color:#000; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; vertical-align:middle;}
.in_newsr li a h4{color:#000; font-weight:normal;}
.in_newsr li a:hover h4{color:transparent; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); -webkit-background-clip:text;}
.in_newsr li span{display:block; margin-top:10px; font-size:16px; color:#c0c0c0; line-height:30px; font-family:Impact;}
.in_news_more{width:220px; margin:40px auto 0;}

/* 首页关于我们部分 */
.in_aboutbg{width:100%; margin:80px auto 0; background:url(../image/in_aboutbg.jpg) center no-repeat; background-size:cover; padding:80px 0;}
.in_aboutbg .in_title .fl{float:left; background:url(../image/in_about_titicon.png) left no-repeat; padding-left:100px;}
.in_aboutnr{width:100%; margin:60px auto; position:relative;}
.in_about_lpic{width:50%; background-image:-webkit-gradient(linear,left 0, right 0, from(#030303), to(#787878)); padding:10px; border-radius:10px; overflow:hidden;}
.in_about_lpic img{width:100%; display:block; transition:all .5s ease;}
.in_about_lpic:hover img{-webkit-transform:scale(1.03); transform:scale(1.03); transition:all .5s ease-in-out;}
.in_about_lpic video{width:100%; display:block; transition:all .5s ease;}
.in_about_rtxt{width:50%; padding:60px; background:#fff;}
.in_about_rtxt h3{font-size:36px; line-height:36px; color:#000;}
.in_about_rtxt h3 a{color:#000;}
.in_about_rtxt h3 a:hover{color:transparent; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); -webkit-background-clip:text;}
.in_about_rtxt .wen{display:block; margin-top:20px; font-size:18px; line-height:30px;}
.in_about_rtxt .more{float:left; color:#0083c4; font-size:16px; margin-top:30px;}
.in_about_rtxt a .more{color:#0083c4;}
.in_about_rtxt:hover a.more{color:#231f20;}

.xc_bj{width:100%; margin:-160px auto 0; position:relative;}
.xc_c{width:95%; max-width:1600px; margin:auto;}
.xc_a{display:none;}
.xc_qh{width:95%; max-width:1200px; height:120px; margin:100px auto 0; overflow:hidden; position:relative;}
.xc_qh li{width:400px; height:120px; float:left; text-align:center; background:#f4f6f8; padding-top:20px; border-right:1px solid #fff;}
.xc_qh li:nth-child(3n){border-right:none;}
.xc_qh li:hover,.xc_qh li.on{background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e));}
.xc_qh li i{display:inline-block; margin:10px 10px 0 0; vertical-align:top; width:60px; height:56px; overflow:hidden;}
.xc_qh li:nth-child(1) i{background:url(../image/in_about_icon.png) no-repeat; background-size:60px 56px;}
.xc_qh li:hover:nth-child(1) i,.xc_qh li.on:nth-child(1) i{background:url(../image/in_about_iconh.png) no-repeat; background-size:60px 56px;}
.xc_qh li:nth-child(2) i{background:url(../image/in_about_icon2.png) no-repeat; background-size:60px 56px;}
.xc_qh li:hover:nth-child(2) i,.xc_qh li.on:nth-child(2) i{background:url(../image/in_about_icon2h.png) no-repeat; background-size:60px 56px;}
.xc_qh li:nth-child(3) i{background:url(../image/in_about_icon3.png) no-repeat; background-size:60px 56px;}
.xc_qh li:hover:nth-child(3) i,.xc_qh li.on:nth-child(3) i{background:url(../image/in_about_icon3h.png) no-repeat; background-size:60px 56px;}
.xc_qh li .bt{display:inline-block; padding-top:15px; font-size:30px; color:#000;}
.xc_qh li.on .bt{color:#fff !important; font-weight:bold;}
.xc_qh li .bt p{font-size:16px; font-weight:100; line-height:30px; color:#333;}
.xc_qh li.on .bt p{color:#fff;}
.xc_nr{width:100%; margin:40px auto 0; overflow:hidden;}
.xc_nr ul{width:10000%; position:relative;}
.xc_nr ul li{width:519px; float:left; overflow:hidden; margin-right:20px; position:relative;}
.xc_nr ul li .pic{width:100%; float:left; overflow:hidden;}
.xc_nr ul li .pic img{width:100%; display:block; -webkit-transition:all .3s; transition:all .3s;}
.xc_nr ul li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.xc_nr ul li .biaoti{width:100%; float:left; margin-top:1px; text-align:center;}
.xc_nr ul li a .biaoti{display:block; background:#666; padding:15px 10px; font-size:24px; line-height:30px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.xc_nr ul li a:hover .biaoti,.link_text a:hover{color:#fff; background:#0083c4;}

/* 首页定制流程部分 */
.in_dzlcbg{width:100%; margin:80px auto 0; background:url(../image/lc_bg.jpg) center no-repeat; background-size:cover; padding:80px 0 0; border-top:1px solid #e9e9e9; overflow:hidden;}
.in_lc{margin:auto; padding:60px 0 100px; position:relative; overflow:hidden;}
.in_lc ul{width:1220px; margin:60px auto 0; position:relative;}
.in_lc li{ width:52px; font-size:22px; font-weight:normal; text-align:center; float:left; margin-right:66px; cursor:pointer; color:#000; line-height: 30px; position:relative;}
.in_lc li b{font-weight:bold;display: block;}
.in_lc li em{width:52px;height:52px; display: block;margin:0 auto 35px; position:relative; overflow:hidden;}
.in_lc li em img{width:52px;display:block; position: absolute;left:0;top:0;}
.in_lc li:last-child{margin-right: 0;}
.in_lc li img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.in_lc li:hover img{-webkit-animation:warn1 0.75s linear;animation:warn1 0.75s linear;}
.in_lc li:nth-child(5){margin-left: 327px}
.in_lc_tel{width:788px; background:#fff; height:58px;line-height:54px; margin:0 auto; border:3px solid #0083c4; border-radius:28px; padding-left:38px;}
.in_lc_tel p{font-size:20px; color:#4e4e4e;float: left;}
.in_lc_tel p b{font-weight:bold; color:#0083c4;}
.in_lc_tel span a{width:238px;height:54px;line-height:54px;text-align: left;padding-left:102px; font-size:18px;color: #ffffff;font-weight:normal;background:#0083c4 url(../image/lc_zx.png) no-repeat 65px center;;display:block;border-radius:25px;float:right;}

/* 底部版权部分 */
.footer_bg{width:100%; margin:80px auto 0; background:url(../image/footer_bg.jpg) top center no-repeat; background-size:cover; padding:175px 0 30px; overflow:hidden;}
.footer{width:95%; max-width:1600px; margin:auto; align-items:normal;}
.foot_ksdh{width:26%; float:left;}
.foot_ksdh_list{width:100%; float:left; margin-top:10px;}
.foot_ksdh_list li{width:49%; float:left; margin:20px 2% 0 0; position:relative;}
.foot_ksdh_list li:nth-child(2n){margin-right:0;}
.foot_ksdh_list li a{font-size:18px; line-height:20px; padding-left:15px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.foot_ksdh_list li a:hover{color:#0083c4; font-weight:bold;}
.foot_ksdh_list li a em{width:3px; height:3px; display:block; border-radius:50%; background:#fff; position:absolute; top:10px; left:0;}
.foot_ksdh_icon{width:100%; float:left; margin-top:35px;}
.foot_ksdh_icon li{width:40px; float:left; margin-right:20px; position:relative;}
.foot_ksdh_icon li i{width:40px; height:40px; display:block; background:#fff url(../image/foot_wx.png) center no-repeat; background-size:30px; border-radius:50%; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;}
.foot_ksdh_icon li:nth-child(2) i{background:#fff url(../image/foot_wb.png) center no-repeat; background-size:30px;}
.foot_ksdh_icon li i:hover{background-color:#0083c4; transform:rotate(360deg); -webkit-transform:rotate(360deg); cursor:pointer;}
.foot_ksdh_icon li em{width:40px; height:40px; display:block; background:#fff url(../image/foot_wx.png) center no-repeat; background-size:30px; border-radius:50%; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out;}
.foot_ksdh_icon li:nth-child(2) em{background:#fff url(../image/foot_wb.png) center no-repeat; background-size:30px;}
.foot_ksdh_icon li em:hover{background-color:#0083c4; transform:rotate(360deg); -webkit-transform:rotate(360deg); cursor:pointer;}
.foot_ksdh_icon li.wxx img{display:none; width:120px; height:120px; position:absolute; left:50%; top:40px; margin-left:-60px;}
.foot_ksdh_icon li.wxx:hover img{display:block; background:#fff; padding:5px;}

.foot_copy{width:52%; float:left; margin-left:8%;}
.foot_copy_txt{width:100%; float:left; font-size:16px; line-height:32px; margin-top:20px; color:#fff;}
.foot_copy_txt a{color:#fff;}

.foot_rnr{width:190px; float:right;}
.foot_rnr_title{width:100%; float:left; font-size:24px; font-weight:bold; color:#fff; line-height:30px;}
.foot_rnr_title a{color:#fff;}
.foot_copy_txt a:hover,.foot_rnr_title a:hover{color:#0083c4;}
.foot_rnr_ewm{width:190px; float:right; margin-top:30px;}
.foot_rnr_ewm img{width:160px; height:160px; float:left; padding:5px; background:#fff;}
.foot_rnr_ewm p{width:20px; font-size:18px; color:#fff; float:left; margin-left:10px; line-height:22px;}

.in_linkbg{width:100%; margin:60px auto 0; background:url(../image/link_fgx.jpg) top repeat-x; padding-top:20px; overflow:hidden;}
.in_linkbg_box{width:95%; max-width:1600px; margin:auto;}
.in_linkbg_box h4{float:left; background:url(../image/in_link_tb.png) left no-repeat; padding-left:40px; font-size:16px; font-weight:bold; color:#fff; line-height:50px;}
.in_linkbg_box .lbl{width:85%; float:left; overflow:hidden; color:#999; margin-left:1%;}
.in_linkbg_box .lbl a{color:#fff; font-size:16px; line-height:50px;}
.in_linkbg_box .lbl a:hover{color:#0083c4;}

/* 在线客服部分 */
.side{position:fixed;width:54px;height:275px;right:0;top:275px;z-index:10000;}
.side ul li{width:54px;height:54px;float:left;position:relative;margin-bottom:2px;}
.side ul li .wx{width:220px;position:absolute; bottom:54px;right:0; display:none;}
.side ul li a:hover .wx{display:block;}
.side ul li .wx img{width:100%; display:block;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;background:#333; color:#fff; line-height:54px; font-size:14px;overflow:hidden; border-radius:5px 0 0 5px;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#333; border-radius:5px 0 0 5px;}
.side ul li .sidetop:hover{background:#0083c4;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}

/* 内页Banner部分 */
.ny_bn{width:100%; height:520px; margin:100px auto 0; position:relative; overflow:hidden;}
.ny_bn .pc{display:block;}
.ny_bn img{width:100%; min-height:520px; object-fit:cover;}
.ny_bn .m{display:none;}
.pagesBan-con{position:absolute; left:0; top:0; width:100%; height:100%; align-items:center; opacity:0; transform:translateX(150px); animation:pagesText 1.5s ease forwards;}
.pagesBan-title{position:relative; display:inline-block; font-size:48px; font-weight:bold; color:#fff; line-height:1; letter-spacing:2px; text-shadow:0 3px 12px rgba(0,0,0,.3);}
.pagesBan-title::after{content:""; position:absolute; right:-20px; bottom:-4px; width:10px; height:10px; border-radius:50%; border:3px solid #0083c4;}

@keyframes pagesText{
	0%{opacity:0; transform:translateX(-150px);}
	100%{opacity:1; transform:translateX(0);}
}
@keyframes bannerscale{
	0%{-webkit-transform:scale(1.1); transform:scale(1.1);}
	50%{-webkit-transform:scale(1); transform:scale(1);}
	100%{-webkit-transform:scale(1.1); transform:scale(1.1);}
}

.flexBetween{display:flex; -webkit-box-pack:justify; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flexStart{display:flex; display:-webkit-flex; -webkit-box-pack:start; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flexCenter{display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.flexEnd{display:flex; -webkit-box-pack:end; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-flex-wrap:wrap; flex-wrap:wrap;}

.dw{width:100%; float:left; border-bottom:1px solid #e6e6e6; padding-bottom:20px;}
.dw_tit{float:left; font-size:18px; padding-left:20px; color:#0083c4; font-weight:bold; position:relative;}
.dw_tit:after{content:""; display:block; width:3px; height:24px; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); position:absolute; left:0; top:0;}
.dw_wz{background:url(../image/home_tb.png) left center no-repeat; float:right; padding-left:25px; font-size:15px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dw_wz span{color:#0083c4;}

/* 内页关于我们部分 */
.ny_main{width:95%; max-width:1600px; margin:60px auto 0;}
.ny_left{width:22%; float:left; top:20px; position:sticky;}
.nyl_list{width:100%; float:left;}
.nyl_list h2{width:100%; height:80px; line-height:80px; padding:0 20px; float:left; overflow:hidden; background:#0083c4 url(../image/in_protit_icon.png) 95% center no-repeat; border-radius:6px 6px 0 0;}
.nyl_list h2 a{display:block; font-size:24px; color:#fff; font-weight:bold;}
.sidebarMenu{width:100%; float:left; background:#fff; margin-bottom:20px; border-radius:0 0 6px 6px;}
.sidebarMenu li{width:100%; float:left;}
.sidebarMenu li a{line-height:52px;background:url(../image/slide_li.png) no-repeat 95% center;display:block; padding:0 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid #e9e9e9; font-size:18px; color:#000;}
.sidebarMenu li a.cur,.sidebarMenu li a:hover{background:#2aab3e url(../image/slide_lih.png) no-repeat 95% center;color:#fff; font-weight:bold;}
.sidebarMenu li ul{font-size:14px;padding:0}
.sidebarMenu ul li{background:none;padding-top:0;}
.sidebarMenu li ul a{background:url(../image/ly_li.png) no-repeat 20px center;padding-left:35px;color:#666;height:36px;line-height:36px;font-size:14px;}
.sidebarMenu li ul .cur,.sidebarMenu li ul a:hover{background:url(../image/ly_li.png) no-repeat 20px center;color:#2aab3e;padding-left:35px;}

.cbgg-01{background:#0083c4; text-align:center; color:#fff; margin-top:20px; border-radius:0 0 5px 5px;}
.cbgg-01 p{padding-top:15px; font-size:16px;}
.cbgg-01 p img{vertical-align:middle; margin-right:10px;}
.cbgg-01 span{display:block; font-size:30px; letter-spacing:2px; font-family:Impact; font-weight:bold; padding-bottom:20px; padding-top:10px;}
.cbgg-01 span a{color:#fff;}

.ny_right{width:75%; float:right;}
.nyr_text{width:100%; float:left; margin-top:30px; line-height:30px; font-size:16px;}
.nyr_text h3{font-size:24px; font-weight:400; color:#0083c4;}
.nyr_text span{font-size:18px; font-weight:bold; color:#0083c4;}
.nyr_text video{max-width:100%; height:auto;}
.m30{margin-top:30px;}

/* 内页数据 */
.shujubg{width:100%; height:220px; float:left; margin-top:40px; background:url(../image/in_shuzbg.jpg) center no-repeat; background-size:cover; overflow:hidden; border-radius:25px 0;}
.shuju ul{width:100%;}
.shuju li{width:25%; height:220px; background:#2aab3e; float:left; padding-top:70px; color:#fff; position:relative; text-align:center;}
.shuju li:nth-child(1),.shuju li:nth-child(3){background:#0083c4;}
.shuju li span{font-size:48px; font-weight:bold; font-family:"Impact";}
.shuju li b{display:block; font-size:16px; float:left; position:absolute; top:60px; right:45px; width:30px; height:30px; border-radius:50%; background:#fff; color:#0083c4; line-height:30px; font-weight:bold;}
.shuju li p{font-size:18px; color:#fff; margin-top:20px; padding:0 20px;}

/* 内页资质证书部分 */
.honor_r_img{width:100%; float:left; margin-top:20px;}
.honor_r_img li{width:23.5%; float:left; margin:20px 2% 0 0; text-align:center; padding:10px 10px 0 10px; background:#fff; border:1px solid #ddd; border-bottom:3px solid #ddd; position:relative;}
.honor_r_img li:nth-child(4n){margin-right:0;}
.honor_r_img li img{width:100%; display:block;}
.honor_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.honor_r_img li:hover::before{width:100%; background:#2aab3e; transition:all .5s}
.honor_r_img li p{font-size:16px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0;}
.honor_r_img li:hover{background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); box-shadow:0 1px 10px rgba(0,0,0,.1);}
.honor_r_img li:hover p{color:#fff;}

/* 内页企业风采部分 */
.qyfc_r_img{width:100%; float:left; margin-top:20px;}
.qyfc_r_img li{width:32%; float:left; margin:20px 1.8% 0 0; text-align:center; padding:10px 10px 0 10px; background:#fff; border:1px solid #ddd; border-bottom:3px solid #ddd; position:relative;}
.qyfc_r_img li:nth-child(3n){margin-right:0;}
.qyfc_r_img li img{width:100%; display:block;}
.qyfc_r_img li::before{content:""; position:absolute; height:3px; bottom:-3px; left:0; transition:all .5s; width:0;}
.qyfc_r_img li:hover::before{width:100%; background:#2aab3e; transition:all .5s}
.qyfc_r_img li p{font-size:16px; line-height:35px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; padding:10px 0;}
.qyfc_r_img li:hover{background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); box-shadow:0 1px 10px rgba(0,0,0,.1);}
.qyfc_r_img li:hover p{color:#fff;}

.pagination{width:100%; height:auto; float:left; text-align:center; font-size:0; position:relative; overflow:hidden; margin:60px 0 0; text-transform:uppercase;}
.pagination a,.pagination span{display:inline-block; padding:0 10px; line-height:30px; font-size:14px; border:1px solid #d6d6d6; margin:0 5px;}
.pagination a.cur,.pagination a:hover{color:#fff; border-color:#0083c4; background:#0083c4;}

/* 内页产品中心部分 */
.pro_list{width:100%; float:left;}
.pro_list li{width:32%; height:360px; border:1px solid #e9e9e9; padding:1px; float:left; margin:40px 2% 0 0; position:relative; transition:all .5s;}
.pro_list li:hover{border-color:#0083c4;}
.pro_list li:nth-child(3n){margin-right:0;}
.pro_list li .pic{width:100%; float:left; overflow:hidden;}
.pro_list li .pic img{width:90%; margin:20px auto 0; display:block; -webkit-transition:all .5s; transition:all .5s;}
.pro_list li:hover .pic img{-webkit-transform:scale(1.1); transform:scale(1.1);}
.pro_list li .title{width:100%; padding:20px; line-height:30px; text-align:center; position:absolute; left:0; bottom:0;}
.pro_list li a .title h3{width:100%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#000;}
.pro_list li .title h3{font-size:18px; color:#000;}
.pro_list li a:hover .title h3{font-size:18px; color:#0083c4; display:none;}
.pro_list li .tbox{position:absolute; left:0; top:0; width:100%; height:360px; padding:80px 20px; background:rgba(5,132,201,.9); display:none; color:#fff; text-align:center;}
.pro_list li .tbox h4{font-size:24px; font-weight:bold; line-height:30px;}
.pro_list li .tbox p{font-size:16px; line-height:30px; margin:20px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:normal;}
.pro_list li .tbox span{width:40px; height:40px;}
.pro_list li .tbox span img{width:40px; height:40px;}
.pro_list li:hover .tbox{display:block;}

/* 内页产品详情部分 */
.products{width:100%; float:left; margin-top:40px;}
.promore_l{width:45%; float:left; position:relative; overflow:hidden;}
.promore_l .swiper-container{width:100%; height:100%; padding-bottom:60px;}
.promore_l .swiper-slide{width:100% !important; text-align:center; font-size:18px; background:#fff; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -webkit-align-items:center;align-items:center;}
.promore_l .swiper-slide img{width:100%; display:block;}
.promore_l .swiper-pagination-bullet{width:25px; height:3px; border-radius:0; background:#ddd; opacity:.8;}
.promore_l .swiper-pagination-bullet-active{opacity:1; background:#0083c4;}
.swiper-button-prev::after,.swiper-button-next::after{font-size:30px; color:#0083c4;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; padding-bottom:20px; border-bottom:1px solid #e9e9e9;}
.pros_right_top h2{font-size:24px; color:#0083c4; font-weight:bold;}
.proleft{width:100%; float:left; margin-top:20px; line-height:30px; font-size:15px;}

.proleft_btn{width:100%; float:left; margin-top:40px;}
.proleft_btn li{width:31.333%; float:left; margin-right:3%;}
.proleft_btn li:nth-child(3n){margin-right:0;}
.proleft_btn li a{width:100%; height:40px; float:left; line-height:40px; text-align:center; font-size:16px; background:#eee; border-radius:6px; display:block;}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); color:#fff;}

.tabs-basic{width:100%; margin-top:40px; float:left;}
/* 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; font-weight:bold; text-transform:uppercase; position:relative;}
.tabs-basic a{display:block; text-decoration:none; border:1px solid transparent; padding:15px 60px; background:#eee; color:#333; border-radius:6px 6px 0 0;}
.tabs-basic .tab-active{color:#fff; background:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e));}
.tabs-basic .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 #0083c4; border-bottom:none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
/* The content */
.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding-top:20px;}
.tabs-basic .tabs-content-placeholder div{display:none;}
.tabs-basic .tabs-content-placeholder div.tab-content-active{display:block; line-height:30px; font-size:16px;}
.tabs-basic .tabs-content-placeholder div.tab-content-active table{line-height:30px; 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:30px; text-align:left;}
.tabs-basic .tabs-content-placeholder div img{max-width:100%;}
.tabs-basic table{width:100%; font-size:16px; border-color:#e9e9e9;}
.tabs-basic table tbody{width:100%;}
.tabs-basic table tbody tr:nth-child(1){font-size:18px; background:#0083c4 !important; color:#fff;}
.tabs-basic table tbody tr:nth-child(odd){background:#f7f9fc !important;}
.tabs-basic table tbody tr td{padding:12px 0;}
.tabs-basic table tbody tr td:nth-child(1){width:20%; text-align:center;font-size:18px;}
.tabs-basic table tbody tr td:nth-child(2){width:80%; padding:12px 20px;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.tabs-basic table tbody tr td p{text-align:inherit !important;}
/* 相关产品 */
.hot_pro2{width:100%; float:left; margin-top:60px;}
.hot_pro2_tit{width:100%; background:#fff; float:left; border-bottom:1px solid #e9e9e9;}
.hot_pro2_tit h3{float:left; color:#fff; line-height:52px; font-size:18px; padding:0 52px; background:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); text-align:center; font-weight:bold; position:relative; border-radius:6px 6px 0 0;}
.hot_pro2_tit h3:after{content:''; position:absolute; bottom:-9px; height:0; width:0; margin:auto; left:0; right:0; border:9px solid transparent; border-top:9px solid #0083c4; border-bottom:none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

.scrollleft2{width:100%; float:left; margin-top:40px;}
.scrollleft2 li{width:320px; float:left; margin-right:20px; overflow:hidden; border:2px solid #e9e9e9;}
.scrollleft2 li img{width:100%; display:block; padding:10px;}
.scrollleft2 li:hover{border-color:#0083c4;}
.scrollleft2 li span{width:100%; line-height:30px; margin:10px 0 20px; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; float:left;}

/* 内页新闻资讯部分 */
.newsL{width:100%; float:left;}
.newsL li{width:100%; float:left; margin-top:40px; padding-bottom:30px; -webkit-transition:all .2s linear; transition:all .2s linear; overflow:hidden; border-bottom:1px solid #f0f0f0;}
.newsL li .newsL-pic{width:30%; float:left; overflow:hidden;}
.newsL li .newsL-pic img{width:100%; display:block; border-radius:10px; -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:18px; line-height:30px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.newsL li .newsL-note h3 a{color:transparent; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); -webkit-background-clip:text;}
.newsL li .newsL-note h3 a:hover{color:#0083c4;}
.newsL li .newsL-note p{margin:20px auto; font-size:16px; line-height:28px; 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; font-size:16px; margin-top:10px; line-height:36px; background:#2aab3e; color:#fff; display:inline-block; text-align:center; -webkit-transition:all .3s; transition:all .3s; border-radius:6px;}
.newsL li .newsL-note a:hover.more{background:#0083c4; color:#fff; width:200px;}
.newsL li .newsL-date{width:10%; float:right; text-align:right; background:#f8f8f8; padding:30px 20px 30px 0; border-radius:6px;}
.newsL li .newsL-date span{color:#999; font-size:40px; line-height:40px; font-family:Impact; margin-bottom:10px; 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:#999; font-family:Impact;}
.newsL li:hover{border-bottom:1px solid #0083c4;}

.new-view-title{width:100%; float:left; margin-top:40px; text-align:center; padding-bottom:10px; border-bottom:1px solid #e9e9e9;}
.new-view-title h2{line-height:30px; font-size:24px; font-weight:bold; color:#0083c4;}
.new-view-wz{width:100%; float:left; text-align:center; line-height:28px; color:#999; margin-top:10px; font-size:14px;}
.newsmore_text{width:100%;float:left; margin-top:40px; line-height:30px; font-size:15px;}
.f18{font-size:18px; font-weight:bold; color:#000;}

.view-page{width:100%; float:left; position:relative; margin:40px 0; border-top:1px solid #e6e6e6; padding-top:30px;}
.view-page .prev,.view-page .back,.view-page .next{font-size:16px; width:160px; height:52px; line-height:52px; position: absolute;transition:background-color .25s ease-in-out;-moz-transition:background-color .25s ease-in-out;-webkit-transition:background-color .25s ease-in-out; }
.view-page .prev{left:0;}
.view-page .prev a{background:#fff url(../image/le.png) 20px center no-repeat; padding-left:60px; border:1px solid #e6e6e6; border-radius:6px;}
.view-page .prev:hover a{color:#fff; background:url(../image/le-white.png) 20px center no-repeat #2aab3e;}
.view-page a{display:block;} 
.view-page .back{left:50%; margin-left:-80px; width:160px;}
.view-page .back a{background:url(../image/back.png) 20px center no-repeat #0083c4;color: #fff; text-align:center; padding-left:25px; border:none; border-radius:6px;}
.view-page .back a:hover{background:url(../image/back.png) 20px center no-repeat #2aab3e; color:#fff;}
.view-page .next{right:0;}
.view-page .next a{background:#fff url(../image/ri.png) 85% center no-repeat;text-align:center; border:1px solid #e6e6e6; padding-right:20px; border-radius:6px;}
.view-page .next:hover a{color:#fff; background:url(../image/ri-white.png) 85% center no-repeat #2aab3e;}

.new_s2{width:100%;float:left; margin-top:60px;}
.news_random2{width:100%;float:left; margin-top:20px;}
.news_random2 ul li{width:48%; float:left; font-size:16px; line-height:52px; margin-right:4%; border-bottom:1px dashed #e6e6e6;}
.news_random2 ul li:nth-child(2n){margin-right:0;}
.news_random2 ul li a{width:75%; float:left; background:url(../image/slide_li.png) no-repeat left center; padding-left:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_random2 ul li a:hover{color:#0083c4;}
.news_random2 ul li span{float:right; color:#999;}

/* 内页解决方案部分 */
.apply-list_2 li{position:relative;margin-bottom:40px;clear:both;overflow:hidden;z-index:2;}
.apply-list_2 li a{position:relative;z-index:2;display:flex;clear:both;overflow:hidden;}
.apply-list_2 li:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:0px;}
.apply-list_2 .pic{flex-shrink:0;width:50%; border-radius:24px 0; overflow:hidden;}
.apply-list_2 .pic img{width:100%; height:340px; object-fit:cover; transform:.5s ease;}
.apply-list_2 .pic img:hover{-webkit-transform:scale(1.1); transform:scale(1.1); transition:.5s ease-in-out;}
.apply-list_2 .box{position:relative;flex:1;margin:40px 0 0 60px;width:40%;}
.apply-list_2 h2{color:transparent; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); -webkit-background-clip:text;font-size:30px; line-height:36px; font-weight:normal;margin-bottom:30px;}
.apply-list_2 span{display:block;color:#999;font-size:14px;}
.apply-list_2 .lcp{-webkit-line-clamp:4;line-clamp:4;color:#666;font-size:16px;line-height:30px;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.apply-list_2 .btn{width:160px; float:left; margin-top:40px;}
.apply-list_2 .btn .a{display:inline-flex; width:160px; line-height:40px; font-size:16px; color:#fff; -webkit-transition:.4s; transition:.4s; background:#2aab3e; border-radius:0 30px 30px 0; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center;}
.apply-list_2 .btn:hover .a{background:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e));}
.apply-list_2 .btn .a em{margin-left:40px; -webkit-transition:.4s; transition:.4s;}
.apply-list_2 .btn:hover .a em{-webkit-transform:rotate(-45deg); transform:rotate(-45deg); margin-left:40px;}
.apply-list_2 li:hover h2{color:#0083c4;}
.apply-list_2 li:nth-child(2n) a{flex-direction:row-reverse;}
.apply-list_2 li:nth-child(2n) .box{margin:50px 50px 0 0}

.lcp{-webkit-line-clamp:2;display: -webkit-box;word-break: break-all;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.effect-one{position:relative;box-sizing:border-box;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect-one .effect-one-img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:hidden}
.effect-oneBox:hover .effect-one-img,.effect-one:hover .effect-one-img{/*opacity:.9;*/-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

/* 内页联系我们部分 */
.cont_text{width:100%; float:left; border-bottom:1px solid #e9e9e9; padding-bottom:40px; margin-top:40px;}
.cont_l{width:80%; float:left;}
.cont_l h3{font-size:26px; line-height:30px; font-weight:bold; color:transparent; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); -webkit-background-clip:text;}
.cont_l p{margin-top:20px; line-height:30px; font-size:16px;}
.cont_l .wen{width:100%; float:left; margin-top:40px;}
.cont_l .wen p{font-size:18px; line-height:32px; color:#666;}
.cont_r{width:20%;float:right; text-align:right;}
.cont_r img{width:200px; height:200px;}
.map{width:100%; float:left; margin-top:40px;}

.message{width:100%; float:left; margin-top:60px;}
.message h3{text-align:center; color:transparent; background-image:-webkit-gradient(linear,left 0, right 0, from(#0083c4), to(#2aab3e)); -webkit-background-clip:text; font-size:30px; line-height:36px; font-weight:bold;}
.message ol{width:100%;float:left; margin-top:40px;}
.message ol li{float: left; width:49%; margin-bottom:20px; background:#fff;}
.message ol li:nth-child(2n){float:right;}
.message ol li:nth-child(6){float:left; border:none;}
.message ol li:nth-child(7){float:right; border:none;}
.message ol li input{width:100%; height:50px; font-size:16px; background:none; border:1px solid #e6e6e6; color:#999; padding:0 15px; border-radius:6px;}
.message ol li textarea{padding:15px; font-size:16px; width:100%; height:180px; border:1px solid #e6e6e6; background:none; color:#999; border-radius:6px;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:18px; cursor:pointer; border:none;}
.message ol li .btn{background:#0083c4;}
.message ol li .btn2{background:#2aab3e; color:#fff;}
.message input::-webkit-outer-spin-button,.message input::-webkit-inner-spin-button{-webkit-appearance: none !important; margin: 0;}
.message input::-moz-placeholder, textarea::-moz-placeholder{color: #999;}
.message input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #999;}
.message input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #999;}