/*banner*/
#banner{width:100%; margin:100px auto 0; position:relative; overflow:hidden;}
#banner .wrap{width:95%;}
#banner .swiper-slide .pc{display:block;}
#banner .swiper-slide .mb{display:none;}
#banner .swiper-slide img{display:block;width:100%;}
#banner .swiper-button-prev{background:none; width:55px; height:55px;}
#banner .swiper-button-next{background:none; width:55px; height:55px;}
#banner .swiper-pagination-bullets{bottom:60px !important;}
#banner .swiper-pagination-bullet{width:100px !important; height:2px; background:#fff; color:#fff !important; line-height:50px; opacity:.2; font-size:14px; border-radius:0 !important; margin:0; border:none; outline:none;}
#banner .swiper-pagination-bullet-active{background:#fff !important; color:#fff; opacity:1;}
#banner img{width:100%;display: block;}

/*首页产品中心部分*/
.title{font-size:18px; color:#666; text-align:center; padding-top:80px; font-weight:300;}
.title p{font-size:36px;color:#000; padding-bottom:15px; font-weight:500; text-transform:uppercase;}

#sbzt .shang{margin-top:40px;}
#sbzt .shang .fl{width:49.333%; height:600px; background:#fff; border:1px solid #e9e9e9; display:block; text-align:center; transition:all .5s;}
#sbzt .shang .fl:hover{transition:all .5s ease-in-out; transform:translateY(-5px); box-shadow:0 4px 12px rgba(0,0,0,.1); border-color:#8dc309;}
#sbzt .shang .fr{width:49.333%; height:600px; background:#fff; border:1px solid #e9e9e9; display:block; text-align:center; transition:all .5s;}
#sbzt .shang .fr:hover{transition:all .5s ease-in-out; transform:translateY(-5px); box-shadow:0 4px 12px rgba(0,0,0,.1); border-color:#8dc309;}

#sbzt .shang a p{font-size:36px; color:#333; padding-top:60px;}
#sbzt .shang a .wen{font-size:16px;color: #333; line-height:30px; display:block; padding:20px;}
#sbzt .shang a i{display: block; font-size:16px;color: #8dc309;}
#sbzt .shang a i img{display: inline-block; padding-left:10px;}
#sbzt .shang .tu{margin:20px auto 0; display:block;}
#sbzt .shang .tu img{display: block;margin:auto; transition:.5s; width:50%;}
#sbzt .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);}

#sbzt .xia a{width:24%; height:250px; background:#fff; border:1px solid #e9e9e9; display:block; margin:20px 1.333% 0 0; float:left; position:relative; overflow:hidden; transition:all .5s;}
#sbzt .xia a:hover{border-color:#8dc309; box-shadow:0 4px 12px rgba(0,0,0,.1);}
#sbzt .xia a p{font-size:22px; color:#333; padding:30px 20px 0; height:48px;}
#sbzt .xia a i{display:block; font-size:16px; color:#8dc309; padding:140px 0 0 20px;}
#sbzt .xia a i img{display:inline-block; padding-left:10px;}
#sbzt .xia .tu{display:block; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
#sbzt .xia .tu img{display:block; width:200px;}
#sbzt .xia a:last-child{margin-right:0;}
#sbzt .xia a .tu img{display:block; width:200px; transition:0.5s;}
#sbzt .xia a:hover .tu img{-webkit-transform:scale(1.12, 1.12); transform:scale(1.12, 1.12); -moz-transform:scale(1.12, 1.12);}

/*技术能力*/
#jishu .bottom{width:100%; height:800px; margin-top:40px; position:relative; overflow:hidden;}
#jishu .bottom .tab-menu{position:absolute; right:8%; bottom:8%; width:38%;z-index:11}
#jishu .bottom .tab-menu li{width:31.333%; height:62px; line-height:62px; border:1px solid #fff; color: #fff; text-align:center; font-size:18px; float:left; margin:0 2% 20px 0;cursor: pointer;}
#jishu .bottom .tab-menu li:nth-child(3n){margin-right:0;}
#jishu .bottom .tab-menu li.active{background: #fff;color: #8dc309;}
#jishu .bottom .tab-con{color:#fff;}
#jishu .bottom .tab-con div{display:none;}
#jishu .bottom .tab-con div:first-child{display:block;}
#jishu .bottom .tab-con div .shu{font-size:80px; color:#fff; opacity:.5; position:absolute; top:100px; left:8%;z-index:11;}
#jishu .bottom .tab-con div .tit{font-size:52px; width:38%; position:absolute; right:8%; top:100px; z-index:11;}
#jishu .bottom .tab-con .wen{width:38%; position:absolute; right:8%; top:240px; font-size:18px; z-index:11;}
#jishu .bottom .tab-con .wen ol{background:url(../image/yuan.png)no-repeat left; text-indent:30px;line-height:50px;}
#jishu .tu{display:block;}
#jishu .tu img{width:100%;display:block;}

/*首页解决方案部分*/
#yyly{width:100%; margin:60px auto 0; background:url(../image/kz4e.jpg) fixed no-repeat; background-size:cover; padding:60px 0; overflow:hidden;}
#yyly .title{padding-top:0;}
#yyly .title p{text-transform:uppercase;}
#yyly .wrap a{width:32.333%; height:340px; display:block; position:relative; float:left; margin:0 1.5% 20px 0; overflow:hidden;}
#yyly .wrap a:nth-child(3n){margin-right:0;}
#yyly .wrap a span{display:block; position:absolute; font-size:22px; color:#fff; z-index:2; bottom:20px; left:20px; transition:.5s; text-shadow:1px 1px 3px rgba(0,0,0,.6);}
#yyly .wrap{margin-top:50px;}
#yyly .wrap a img{width:100%; display:block; position:relative;}
#yyly .wen{width:100%; height:280px; background:url(../image/touy.png)no-repeat center; background-size:cover; position:absolute;left:0; color:#fff; font-size:16px; padding-left:20px; line-height:480px;
transition:0.5s;}
#yyly a:hover .wen{bottom:0;}
#yyly a:hover span{bottom:60px;}

/*首页选择我们的理由部分*/
#liyou .wrap{margin-top:40px;}
#liyou li{width:23.5%; height:280px; background: #f7f7f7; float:left; margin:0 2% 20px 0; padding:0 20px; font-size:14px; line-height:22px; color:#666; position:relative; border-radius:6px;}
#liyou li img{position:absolute; width:80px; display:block; bottom:20px; transition:all .5s;}
#liyou li:nth-child(4n){margin-right: 0;}
#liyou li p{font-size:24px;color:#333; padding:40px 0 20px;}
#liyou li:hover{background:#8dc309;color:#fff;box-shadow:2px 10px 10px 2px rgba(0,0,0,0.1); cursor:pointer; transform:translateY(-15px); transition:all .5s ease-in;}
#liyou li:hover p{color:#fff;}
#liyou li:hover img{transition:all .5s ease-in-out; transform: rotate(360deg);}

/* 首页公司介绍部分 */
#jiesao .bottom .title{padding-top:20px;}
#jiesao .bottom .title,#jiesao .bottom .title p{color:#fff; padding-bottom:10px;text-transform:uppercase;}
#jiesao .bottom{width:100%; height:auto; background:url(../image/gsjs.jpg) fixed center; background-size:cover; margin-top:60px; color:#fff; position:relative; text-align:center; padding:40px 0 100px;}
#jiesao .bottom p{font-size:38px; line-height:52px; padding:30px 0; margin-top:40px;}
#jiesao .bottom .wen{width:85%; height:150px; margin:auto; font-size:14px; line-height:25px; text-align:center; overflow:hidden;}
#jiesao .bottom .more{width:200px; height:52px; line-height:50px; border:1px solid #fff; text-align:center; display:block; color:#fff; font-size:16px; margin:60px auto 0; border-radius:30px;}
#jiesao .bottom .more img{display: inline-block; padding-left:10px;}
#jiesao .bottom .more:hover{background-color:#8dc309; border-color:#8dc309; color:#fff; transition:all .5s ease-in-out;}

#jiesao .bottom .shu{width:100%; margin:80px auto 0; overflow:hidden;}
#jiesao .bottom .shu li{width:23.5%; float:left; text-align:center; font-size:18px; line-height:46px; padding-right:30px;}
#jiesao .bottom .shu li p{font-size:18px; padding:0;}
#jiesao .bottom .shu li p span{font-size:64px; padding-right:10px; font-weight:bold;}
#jiesao .bottom .shu li p i{font-size:30px; padding-right:10px; display:inline-block; opacity:1; padding-top:0;}
#jiesao .bottom .shu li:last-child{padding-right:0;}


/*首页新闻资讯部分*/
#xinwen .bottom{width:95%; max-width:1600px; margin:60px auto 0;}
#xinwen .bottom li{width:31.333%; float: left; margin-right:2%;}
#xinwen .bottom li:last-child{margin-right:0;}
#xinwen .bottom li .ri{font-size:14px;color:#666;background:#f8f8f8;font-family: 'Oswald-Medium'; width:140px; height:40px; line-height:36px; border:2px solid #e5e5e5; border-radius:40px;text-align:center;margin-top:40px;}
#xinwen .bottom li .tit{font-size:24px; color: #333; margin-top:30px; display: block; height:60px; overflow:hidden;}
#xinwen .bottom li p{font-size:14px; color:#666; line-height:28px; padding-top:20px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient: vertical;}

#xinwen .bottom div .tu{margin-top:66px; width:100%;}
#xinwen .bottom li .tu{display:block; width:100%; height:300px; overflow:hidden; border:1px solid #e9e9e9; border-radius:10px;}
#xinwen .bottom li .tu img{transition:all .4s linear; -webkit-transition:all .4s linear; width:100%; min-height:300px; object-fit:cover; display:block;}
#xinwen .bottom li .tu img:hover{-webkit-transform:scale(1.12, 1.12); transform: scale(1.12, 1.12);}

#xinwen .more{font-size:16px; display:block; color:#fff; border-radius:50%; line-height:50px; position:relative; margin:80px auto; overflow:hidden;}
#xinwen:hover .more i{background:#003e61; color:#000; box-shadow:0 3px 15px rgba(0,0,0,0.1);}
#xinwen .more i{width:200px; height:52px; display:block; background:#8dc309; border-radius:50px; margin:auto; text-align:center;}
#xinwen .more img{display:inline-block; padding-left:20px;}
#xinwen .more span{position:absolute; z-index:1; left:46%; top:0; color:#fff; font-size:16px;}


/* 内页产品中心部分 */
.pagesBan-bg{margin:auto; overflow:hidden; position:relative;}
.pagesBan-bg .pic img{width:100%;}
.pagesBan-mask{position:absolute; left:0; bottom:0; display:flex; align-items:center; width:100%;}
.pagesBan-mask img{width:100%;}
.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:62px; font-weight:bold; color:#fff; margin-top:20px; line-height:1; letter-spacing:1px; 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 #8dc309;}
.pagesBread{align-items: center;}
.pagesBread a:first-child::before{content:""; top:50%; transform:translateY(-50%); position:absolute; right:auto; left:0; width:20px;height:20px; transition:all .4s ease; background:url('../image/ny_home_icon.png') no-repeat center left; background-size:20px 20px;}
.pagesBread a:first-child{padding-left:32px;}
.pagesBread a:first-child:hover::before{background-image:url('../image/ny_home_iconh.png');}
.pagesBread a{display:block; font-size:16px; color:#fff; margin-right: 24px;position: relative;transition:all .4s ease; text-shadow:0 3px 5px rgba(0,0,0,.1);}
.pagesBread a:hover{color:#8dc309;}
.pagesBread a::after{content:">"; display:inline-block; color:#fff; font-size:12px; position:absolute; right:-18px; top:50%; transform: translateY(-50%) scale(.7);}
.pagesBread a:last-child::after{display: none;}
@keyframes pagesText {0%{opacity: 0;transform: translateX(150px);}100%{opacity: 1;transform: translateX(0);}}
.pagesNav-item{margin:20px 10px 0 20px; position:relative; transition:all .4s ease; user-select:none; padding-bottom:20px;}
.pagesNav-item:first-child{margin-left:0;}
.pagesNav-item::after{content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:all .4s ease; width:0; height:2px; background:#8dc309;}
.pagesNav-item span{position:relative; font-size:18px; color:#333;}
.pagesNav-item:hover span,.pagesNav-item.active span{color:#8dc309; font-weight:bold;}
.pagesNav-item span::after{content: ""; position:absolute; right:-7px; bottom:3px; width:3px; height:3px; border-radius:50%; background:#8dc309; opacity:0; transition:all .4s ease;}
.pagesNav-item.active::after{width:100%;}
.pagesNav-item.active span::after{opacity:1;}

.proNav2{width:95%; max-width:1680px; margin:40px auto 0;}
.proNav2-item{display:inline-block; text-align:center; border-radius:6px; transition:color 0.35s, background 0.35s ease-out; margin:0 20px 20px 0; padding:15px; background:#f2f2f2; border:1px solid #ececec; position:relative; font-size:15px;}
.proNav2-item:hover{color:#8dc309;border-color: #8dc309;}
.proNav2-item.active{background:#8dc309;border-color: #8dc309;color: #fff;}
.proNav2-item::after{content:"";width: 9px;height: 9px;border: 10px solid transparent;border-top-color: #8dc309;position: absolute;left: 50%;top: 100%;transform: translateX(-50%);transition: all .4s ease;opacity: 0;}
.proNav2-item.active::after{opacity: 1;}

.proNav3{margin-bottom:12px;}
.proNav3-item{position: relative; margin-left: 12px;width: 128px;height: 37px;border-radius: 30px;border: 2px solid #003e61;}
.proNav3-item:first-child{margin-left: 0;}
.proNav3-item::after{content: "";transform: translateX(-50%); width: 10px;height: 7px;position: absolute;left: 50%;top: 100%;border: 8px solid transparent;border-top-color: #003e61;transition: all .4s ease;opacity: 0;}
.proNav3-item:hover,.proNav3-item.active{background: #003e61;color: #fff;}
.proNav3-item:hover::after,.proNav3-item.active::after{opacity: 1;}

/* 内页关于我们部分 */
.abojsdc{width:100%; padding:80px 0; overflow:hidden;}
.abojsdc-wdbox,.abojsdc-img{height:600px;}
.abojsdc-wdbox{width:100%; margin:60px auto 0;}
.abojsdc-img{width:60%; margin:auto; position:relative;}
.abojsdc-img img{width:100%; height:100%; object-fit:cover;}
.abojsdc-img video{width:100%; height:100%; object-fit:cover;}
.abojsdc-wd{width:100%; float:left;}
.abojsdc-wd h2{font-size:36px; font-weight:bold; color:#8dc309; margin-bottom:30px;}
.abojsdc-wd h2::after{content:""; display:block; width:50px; height:3px; background:#8dc309; margin-top:20px;}
.abojsdc-wd p{font-size:16px; color:#888; line-height:30px; margin-top:20px; text-indent:28px;}
.abojsdc-wd strong{color:#000; font-size:18px; line-height:30px; text-indent:0;}
.abojsdc-wd p:first-of-type{margin-top:0;}
.abojsdc-wd p img{width:100%; display:block;}
.abojsdc-wd-pic{width:100%; float:left; margin-top:60px;}
.abojsdc-wd-pic li{float:left;}
.abojsdc-wd-pic li:nth-child(1){width:22%; float:left;}
.abojsdc-wd-pic li:nth-child(2){width:78%; float:right;}
.abojsdc-wd-pic li img{width:100%; display:block;}
.abojsdc-wd-txt{width:100%; float:left; margin-top:60px; font-size:18px; line-height:30px; color:#666;}

.abojsdc .shu{width:100%; float:left; margin-top:80px;}
.abojsdc .shu li{width:23.5%; float:left; text-align:center; font-size:18px; line-height:46px; padding-right:30px; margin-right:2%; border-right:1px solid #e9e9e9;}
.abojsdc .shu li:nth-child(4n){margin-right:0; border-right:none;}
.abojsdc .shu li p{font-size:18px; padding:0;}
.abojsdc .shu li p span{font-size:64px; padding-right:10px; font-weight:bold; font-family:Impact;}
.abojsdc .shu li p i{font-size:30px; padding-right:10px; display:inline-block; opacity:1; padding-top:0;}
.abojsdc .shu li:last-child{padding-right:0;}

.honor_r_img{width:100%; float:left;}
.honor_r_img li{width:23.5%; float:left; margin:0 2% 30px 0; text-align:center; padding:10px 10px 0 10px; background:#fff; border:1px solid #e9e9e9; border-bottom:3px solid #ddd; position:relative;}
.honor_r_img li:nth-child(4n){margin-right:0;}
.honor_r_img li img{width:66%; margin:auto; object-fit:cover;}
.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:#8dc309; 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{box-shadow:0 1px 10px #999; border-color:#8dc309;}

.about_derp{min-height:780px; background:url(../image/img80.jpg) no-repeat center; background-size:cover; padding:5% 5% 10% 5%;}
.about_derp .title{font-size:3rem; font-weight:bold; text-align:center; color:#003e61; padding-top:0;}
.about_derp .historical{margin-top:8rem;}
.about_derp .swiper-wrapper{align-items:stretch;}
.about_derp .historical .swiper-slide{color:#666; text-align:center;padding:2.5rem;box-sizing: border-box;display: flex;align-items: center;justify-content:center; flex-flow:column;}
.about_derp .historical .swiper-slide h2{font-size:3rem; color:#000;}
.about_derp .historical .swiper-slide-active h2{color:#8dc309;font-size:4.8rem; font-weight:bold; margin-top:4rem;}
.about_derp .swiper-button-next,.about_derp .swiper-button-prev{background:none;width:2.4rem;height:2.4rem;text-align: center;line-height:2.4rem;outline: medium;color:#003e61;border:2px solid #003e61; margin-top:-1.2rem;}
.about_derp .swiper-button-next:after,.about_derp .swiper-button-prev:after{font-size:1rem; font-weight:bold; color:#003e61;}
.about_derp .swiper-button-next:hover,.about_derp .swiper-button-prev:hover{color:#8dc309; border:2px solid #8dc309;}
.about_derp .swiper-button-next:hover:after,.about_derp .swiper-button-prev:hover:after{font-size:1rem; color:#8dc309;}
.about_derp .historical .swiper-slide .txt{margin-top:2.5rem; font-size:1.2rem;}

/* 内页产品中心部分 */
.testTop{position:fixed; right:0; top:50px; color:#111;  font-size:15px; z-index:9999999; border:1px solid #333; background:#fff; display:inline-block; padding:10px 15px; display:none;}
.proTitleTop{width:100%; padding:10px 0; background:#f0f0f0; position:fixed; top:100px; left:0; box-shadow:0 2px 10px rgba(0,0,0,.3); z-index:9; opacity:0; transition:opacity 0.3s ease-out;}
.proTitleTop.showed{opacity:1; transition:opacity 0.3s ease-out;}
.proTitleTop .titleBox{width:95%; max-width:1680px; margin:0 auto; position:relative;}
.proTitleTop .titleBox h3{display:inline-block; cursor:pointer; font-size:20px; line-height:48px; font-weight:400;}
.proTitleTop .Top{position:absolute; right:0; font-weight:bold; display:inline-block; cursor:pointer; transform:translateY(-50%); top:50%;}
.proTitleTop .Top span{position:absolute; left:-30px; top:0;}

/*内页产品搜索部分*/
.pro_serach{width:35%; float:right;}
.pro_serach form{width:100%; height:43px; float:left; overflow:hidden;}
.pro_serach form input{width:88%; height:43px; font-size:16px !important; float:left; padding:10px; color:#aaa; border:1px solid #e9e9e9; border-right:none; border-radius:6px 0 0 6px;}
.pro_serach form .btn{width:12%; height:43px; float:right; color:#fff; background-color:#24b139; transition:all .25s ease; border-radius:0 6px 6px 0; text-align:center; padding:0 10px; line-height:43px; cursor:pointer;}
.pro_serach form .btn span{display:block;}
.pro_serach form .btn img{height:24px; margin:10px auto 0; display:block;}

.probox,.pro_box{width:95%; max-width:1680px; margin:60px auto; position:relative;}
.pro_box .listWrapper{width:100%; margin:40px auto 0;}
.pro_box .listWrapper .list_pro{width:100%;}
#productSeries .product_title{background-color:#f0f0f0; border-top:1px solid #c8c8c8; padding:15px; font-size:20px; line-height:40px;}
.pro_box .listWrapper .list_item{width:100%; margin-top:20px;}
.pro_box .listWrapper .list_item h4{font-size:16px; line-height:30px; color:#333; display:block; border-bottom:1px solid #e9e9e9; padding-bottom:20px;}
.pro_box .listWrapper .list_item h4 i{margin-right:10px;}
.pro_box .listWrapper .list_item .plist{display:flex;  align-items:self-start; margin-top:40px;}
.pro_box .listWrapper .list_item .plist_pic{width:20%; vertical-align:top; border:1px solid #e8e8e8; border-radius:6px;}
.pro_box .listWrapper .list_item .plist_pic img{width:100%; display:block;}
.pro_box .listWrapper .list_item .plist_wen{width:40%; vertical-align:top; padding-left:5%;}
.pro_box .listWrapper .list_item .plist_wen dl{margin-bottom:15px; line-height:30px; overflow:hidden;}
.pro_box .listWrapper .list_item .plist_wen dl dt{width:100%; float:left; margin:0 15px 15px 0;}
.pro_box .listWrapper .list_item .plist_wen dl dt h5{font-weight:bolder; margin:0; font-size:16px; color:#000; display:block;}
.pro_box .listWrapper .list_item .plist_wen dl dd{float:left;}
.pro_box .listWrapper .list_item .plist_wen dl dd p{line-height:30px; padding-left:15px; position:relative; margin:0; color:#666;}
.pro_box .listWrapper .list_item .plist_wen dl dd p::before{content:""; display: inline-block; width:5px; height:5px; background:#000; border-radius:50%; vertical-align:middle; position:absolute; left:0; top:10px;}
.pro_box .listWrapper .list_item .plist_down{width:40%; padding-left:5%;}
.pro_box .listWrapper .list_item .plist_down h5{display:block; border-bottom:1px solid #e9e9e9; padding-bottom:20px; font-weight:bolder; margin:0; font-size:16px; color:#000;}
.pro_box .listWrapper .list_item .plist_down dl{float:left; border-bottom:1px solid #e9e9e9; padding-bottom:20px; margin-top:20px;}
.pro_box .listWrapper .list_item .plist_down dl dt{float:left; font-weight:bold; margin-right:10px; font-size:15px;}
.pro_box .listWrapper .list_item .plist_down dl dd{width:88%; float:left; line-height:30px; color:#003e61;}
.pro_box .listWrapper .list_item .plist_down dl dd a{color:#003e61; text-decoration:underline; margin:0 2px;}
.pro_box .listWrapper .list_item .plist_down dl dd a:hover{color:#8dc309;}

/* 内页产品详情部分 */
.products{width:100%; float:left;}
.promore_l{width:40%; float:left; position:relative; overflow:hidden;}
.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:300px;margin-left:auto;margin-right:auto;}
.promore_l .swiper-slide{background-size:cover;background-position:center;}
.promore_l .mySwiper2{height:80%;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;}
.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:#8dc309;}

.pros_right{width:50%; float:right; padding-top:60px; overflow:hidden;}
.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:#8dc309;}
.pros_right_top p{font-size:18px; color:#999; margin-top:20px;}
.proleft{width:100%; float:left; font-size:16px; line-height:32px; margin-top:40px;}
.proleft_tel{width:100%; float:left; margin-top:40px; border:1px dashed #ddd; border-width:1px 0; padding:20px 0; background:url(../image/promore_dhtb.png) no-repeat left 20px; padding-left:40px; font-size:16px; line-height:30px;}
.proleft_tel strong{font-size:20px; font-weight:bold; color:#8dc309;}
.f16{font-size:18px; color:#000; font-weight:bold;}
.proleft_btn{width:100%; float:left; margin-top:40px;}
.proleft_btn li{width:180px; float:left; margin-right:20px;}
.proleft_btn li a{width:180px;float:left; line-height:46px; text-align:center; font-size:16px; background:#eee; border-radius:6px; display:block;}
.proleft_btn li span{padding:0 10px 0 0;}
.proleft_btn li span img{width:20px; height:20px; margin-top:5px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#8dc309; color:#fff;}

.tabs-basic{width:100%; margin-top:60px; 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;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 #8dc309; 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 46px; color:#000;}
.tabs-basic .tab-active{border-bottom:2px solid #8dc309; color:#fff; background:#8dc309; 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; border: 1px #ddd solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #ddd solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.proxq-al{width:100%; margin:80px auto 0; padding:80px 0; background:#f8f8f8; overflow:hidden;}

.casexq-btnback{width:95%; max-width:1680px; margin:60px auto 0; padding-top:40px; border-top: 1px solid #eee; overflow:hidden;}
.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:#8dc309;}
.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:#8dc309;text-align: center;}
.casexq-back i{width: 14px;height: 14px;display: inline-block;vertical-align: middle;background: url('../image/newsxq_lbicon.png') no-repeat;margin: -4px 12px 0 0;transition: all .4s linear;}
.casexq-back:hover i{transform:rotate(180deg);}
.casexq-back:hover{color:#fff; font-weight:bold; background:#003e61;}

/* 内页解决方案部分 */
.prelblt{width:100%; padding-top:40px; overflow:hidden;}
.prelblt ul{display:flex; flex-wrap:wrap; display:-ms-flex; -ms-flex-wrap:wrap;}
.prelblt li{width:31.333%; margin:0 2% 30px 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-top-left-radius:15px; border-bottom-right-radius:15px;}
.prelblt li a img{width:100%; 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; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; line-clamp:2; -webkit-box-orient:vertical; transition:all .5s; text-shadow:0 1px 3px rgba(0,0,0,.5);}
.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/prelbic1.png') repeat-y; background-size:contain; transition:all .6s ease; opacity:0;}
.prelblt li a:hover img{-webkit-transform:scale(1.06); transform:scale(1.06);}
.prelblt li a:hover:before{opacity:1;}

.casexq-nr{width:100%; padding:80px 0 60px; overflow:hidden;}
.contain{width:95%; max-width:1680px; margin:auto; position:relative;}
.casexq-nr-title{width:100%; text-align:center;}
.casexq-nr-title h2{font-size:36px; font-weight:bold; line-height:36px; color:#000;}
.casexq-nr-txt{width:100%; margin-top:40px; font-size:16px; line-height:30px; padding:0 5%;}
.casexq-nr-loop{width:100%; max-width:1400px; margin:60px auto 0; overflow:hidden;}
.casexq-nr-loop img{width:100%; display:block;}

.casexq-al{width:100%; margin:0 auto; padding:60px 0; background:#f8f6f4; overflow:hidden;}
.casexq-al-title{width:100%; text-align:center;}
.casexq-al-title h3{font-size:30px; font-weight:bold; line-height:30px; color:#8dc309;}

/* 内页分页部分 */
.fullpage{width:100%; float:left; font-size:0; text-align:center; margin:40px auto 80px; 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:#8dc309;color: #fff;border-color: #8dc309;}
.fullpage a:first-child:hover, .fullpage a:last-child:hover{background-image: url('../image/fparrH.png');background-color: #fff;}


/* 内页新闻资讯部分 */
.news_text{width:100%; float:left;}
.news_text dl{width:100%; float:left; margin-bottom:40px; border-bottom:1px solid #e9e9e9; padding-bottom:60px; transition:all .5s ease;}
.news_text dl:nth-child(5n){margin-bottom:0;}
.news_text dl:hover{transition:all .5s ease; border-color:#8dc309;}
.com-img{width:100%; overflow:hidden;}
.com-img img{width:100%; height:250px; object-fit:cover; display:block; transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.news_text dl dt{width:26%; float:left;}
.news_text dl dd{width:70%; float:right;}
.news_text dl dd .left{width:80%; float:left;}
.news_text dl dd .left h3{line-height:30px; font-size:24px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.news_text dl dd .left h3 a{color:#000;}
.news_text dl dd .left h3 a:hover{color:#8dc309;}
.news_text dl dd .left .con{width:100%; float:left; font-size:16px; line-height:30px; margin-top:30px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; vertical-align:middle;}
.news_text dl dd .right{width:15%; float:right; margin-top:20px; border-left:1px solid #e9e9e9;} 
.news_text dl dd .right p{width:100%; float:left; text-align:center; font-size:18px; padding:10px 0; font-family:Arial; color:#999;}
.news_text dl dd .right p:nth-child(1){font-size:60px; position:relative; font-weight:bold; line-height:60px; border-bottom:none;}
.news_text dl dd a.more{width:140px; float:left; line-height:42px; text-align:center; margin-top:40px; font-size:16px; transition:all .3s; background:#8dc309; color:#fff;}
.news_text dl dd a:hover.more{background:#003e61; color:#fff; width:180px;}

.casexq-al .bottom{width:95%; max-width:1600px; margin:60px auto 0;}
.casexq-al .bottom li{width:31.333%; float: left; margin-right:2%;}
.casexq-al .bottom li:last-child{margin-right:0;}
.casexq-al .bottom li .ri{font-size:14px;color:#666;background:#f8f8f8;font-family: 'Oswald-Medium'; width:140px; height:40px; line-height:36px; border:2px solid #e5e5e5; border-radius:40px;text-align:center;margin-top:40px;}
.casexq-al .bottom li .tit{font-size:24px; color: #333; margin-top:30px; display: block; height:60px; overflow:hidden;}
.casexq-al .bottom li p{font-size:14px; color:#666; line-height:28px; padding-top:20px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient: vertical;}

.casexq-al .bottom div .tu{margin-top:66px; width:100%;}
.casexq-al .bottom li .tu{display:block; width:100%; height:300px; overflow:hidden; border:1px solid #e9e9e9; border-radius:10px;}
.casexq-al .bottom li .tu img{transition:all .4s linear; -webkit-transition:all .4s linear; width:100%; min-height:300px; object-fit:cover; display:block;}
.casexq-al .bottom li .tu img:hover{-webkit-transform:scale(1.12, 1.12); transform: scale(1.12, 1.12);}

/* 内页联系我们部分 */
.cont_box{width:95%; max-width:1680px; margin:60px auto 0;}
.contact_tlist{width:100%; float:left; margin-top:20px;}
.contact_tlist li{width:100%; min-height:280px; float:left; background:#fff; border-radius:10px; position:relative; padding:30px 20px 30px 50px; margin:0 0 40px 0; box-shadow:0 3px 9px rgba(0,0,0,.1);}
.contact_tlist li::before{content: ""; display: block; width:4px; min-height:174px; background-color:#8dc309; position: absolute; left: 0; top: 30px;}
.contact_tlist li .title{width:100%; float:left; border-bottom:1px solid #f5f5f5; padding: 0 0 30px; text-align:left !important;}
.contact_tlist li .title h3{font-size:36px; line-height:36px; font-weight:bold; color: #8dc309;}
.contact_tlist li .textnr{width:100%; float:left; margin-top:30px; position:relative;}
.contact_tlist li .text{width:calc(100% - 200px); float: left; z-index:1;}
.contact_tlist li .text h4{font-size:24px; font-weight: 400; line-height:30px; color: #666;}
.contact_tlist li .text p{font-size:18px; line-height:36px; color:#666;}
.contact_tlist li .text p a{color:#666;}
.contact_tlist li .text p a:hover{color:#8dc309;}
.contact_tlist li .ticon{width:200px; position:absolute; top:-10px; right:0;}
.contact_tlist li .ticon img{width:100%; display: block;}

.map{width:100%; float:left; margin:20px 0 80px;}


/* 内页在线留言部分 */
.message{width:95%; max-width:1680px; margin:80px auto 0; background:#fff; padding:60px 40px 40px; box-shadow:0 5px 20px #d6d6d6; overflow:hidden; border-radius:10px 10px 0 0;}
.message h3{text-align:center; color:#000; font-size:30px; line-height:30px;}
.message p{margin-top:20px; font-size:18px; line-height:36px; text-align:center;}
.message ol{width:100%;float:left; margin-top:60px;}
.message ol li{width:49%; float:left; margin-bottom:20px; background:#fff; border:1px solid #e6e6e6;}
.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; background:none; border:none; color:#999; padding:0 15px;}
.message ol li textarea{padding:15px; width:100%; height:180px; border:none; background:none; color:#999; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
.message ol li .btn,.message ol li .btn2{color:#fff; font-size:18px; border-radius:6px; cursor:pointer;}
.message ol li .btn{background:#8dc309;}
.message ol li .btn2{background:#003e61; 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;}