/*头部*/
.head{line-height: 40px;color: #cfdcee;font-size: 14px;background: #2974bc;}
.head ul li{float: right;color: #fff;}
.head ul li span{font-weight: bolder;font-size: 16px;}
.top{padding:10px 0;position: fixed;top:40px;z-index: 1000000;left:0;right: 0;background: rgba(0,0,0,.7);transition: all .4s;}
.top .container{display: flex;}
.top_logo{flex:0 0 12%; height: 45px;transition: all .4s;}
.top_logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;transition: all .4s;}
.top_nav{flex:0 0 88%;text-align: right; margin-top: 6px;}
.top_nav a{display: inline-block;padding:0 10px;margin-left: 20px; border-radius: 5px;border:solid 1px transparent; text-align: center;line-height: 33px;transition: all .4s;color: #fff;font-size: 16px;}
.top_nav a:hover,.top_nav a.active{border-color: #fff;}
.top_fix{padding:25px 0;top:0;}

/*手机导航*/
.ovh{overflow: hidden;}
.menu{position: absolute;right: 15px; width: 30px;height: 30px;z-index: 1000;top:50%;transform:translateY(-50%);}
.top_fix .menu{top:13px;}
.menu .menu_button{width: 100%;height: 30px;cursor: pointer}
.menu .menu_button .line{float: right;width: 30px;height: 3px;background: #fff;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.menu .menu_button .line:nth-child(2){transition-delay:0.05s;}
.menu .menu_button .line:nth-child(3){transition-delay:0.1s;margin-bottom: 0;}
.m-sub-menu.show {right: 0;transition: all 0.44s ease 0s;z-index: 100000000;}
.m-sub-menu {position: fixed;right: -100%;width: 100%;top: 0;z-index: 100;height: 100%;background-color: #fff;transition: all 0.64s ease 0s;}
.m-sub-menu .top-box {line-height: 70px;background-color: #2974bc;font-size: 16px;color: #fff;text-indent: 25px;position: relative;}
.m-sub-menu .top-box .menu_button{width: 40px;height: 40px;cursor: pointer;position:absolute;right: 15px;top:18px; }
.m-sub-menu .top-box .menu_button .line{background: #fff;float: right;width: 40px;height: 3px;margin-top:6px;transition:.3s;transition-timing-function:ease;}
.m-sub-menu .top-box .menu_button .line:nth-child(1){transform:translateY(10px) rotate(45deg);-webkit-transform:translateY(10px) rotate(45deg);}
.m-sub-menu .top-box .menu_button .line:nth-child(2){transform:translateY(0) rotate(0);-webkit-transform:translateY(0) rotate(0);display: none;}
.m-sub-menu .top-box .menu_button .line:nth-child(3){transform:translateY(0px) rotate(-45deg);-webkit-transform:translateY(0px) rotate(-45deg);}
.m-sub-menu .list-wrap li {line-height: 60px;border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .list-wrap li .col-box {display: block;width: 94%;padding: 0 8%;}
.m-sub-menu .list-wrap .tit {font-size: 16px;color: #666;}
.m-sub-menu .list-wrap .point {display: inline-block;width: 8px;height: 12px;background: url(../images/arrow_right.png) no-repeat center;margin-top: 26px;}
.m-sub-menu .sec-sub-list {position: absolute;right: -100%;top: 70px;width: 100%;}
.m-sub-menu .sec-sub-list .return-fir {display: block;/*width: 84%;*/padding: 0 7.8% 0 8.2%;line-height: 60px;background-color: #333;}
.m-sub-menu .sec-sub-list .return-fir p {padding-left: 18px;color: #fff;font-size: 18px;background: url(../images/arrow_left.png) no-repeat left center;}
.m-sub-menu .sec-sub-list .boxs {width: 100%;height: 100vh; position: absolute;left: 0;top: 0; transition: all 0.4s ease 0s;background-color: #fff;}
.m-sub-menu .sec-sub-list .boxs.show {left: -100%;}
.m-sub-menu .sec-sub-list ul{width: 100%;height: 400px;overflow-y:auto}
.m-sub-menu .sec-sub-list li {line-height:50px; border-bottom: 1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a {display: block;width: 84%;padding: 0 7.8% 0 8.2%;font-size: 16px;color: #666;}

/*产品下拉菜单*/
.nav li .navson{display: none;position: absolute;left: 0;top:55px;z-index: 100000;width: 100%;}
.nav li .navson>a{display: block;color: #fff!important;width: 150%!important;background: #78c340;padding:0 20px; line-height: 40px!important;font-size: 14px;position: relative;}
.nav li .navson>a:hover{background: #178fe6!important;}

/*轮播*/
.banner .swiper-container {width: 100%;}
.banner .swiper-container .swiper-slide {text-align: center;}
.banner .swiper-container .swiper-slide a{display:block;width:100%;height: 100%;}
.banner .swiper-container .swiper-slide a img{display:block;width:100%;}
.banner .swiper-button-prev{display: block; width: 70px;height: 70px;margin-top: -35px;top:50%;left:20px;position: absolute;background: url(../images/banner_arrow.png) no-repeat left top;outline: none;z-index: 5;}
.banner .swiper-button-next{display: block;width: 70px;height: 70px;margin-top: -35px;top:50%;right:20px;position: absolute;background: url(../images/banner_arrow.png) no-repeat left bottom;outline: none;z-index: 5;}
/*网站标题样式*/
.in_tit{position: relative;text-align: center;line-height: 30px;font-size: 16px;color: #cccccc;text-transform: uppercase;padding-bottom: 10px;}
.in_tit:after{width: 70px;height: 2px;background: #2974bc;content: '';position: absolute;left: 50%;bottom:0;transform:translateX(-50%);}
.in_tit b{color: #333333;font-size: 36px;font-weight: normal;}

/*产品导航*/
.inner-nav{border-bottom:solid 1px white;}
.inner-nav ul{display: flex;text-align: center; flex-wrap: wrap;justify-content:center;}
.inner-nav ul li{/* flex: 0 0 12.5%; */padding:0 15px;margin-bottom: 10px;}
.inner-nav ul li a{color: white;font-size: 16px;line-height: 25px; display: block;transition: all .4s;position: relative;}
.inner-nav ul li a:after{width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid none;position: absolute;content: "";bottom: -40px;left: 50%;transform:translateX(-50%);transition:all .5s;}
.inner-nav ul li a:hover:after,.inner-nav ul li a.on:after{border-bottom: 15px solid #2974bc;}

.footdh a{ color: #ababab; font-size: 15px; margin-right: 20px;}

/*首页样式*/
.in_01{background: url(../images/in_01_bg.jpg) center;}
.in_01 .tit{color: white;font-size: 50px;line-height: 45px;}
.in_01 .tit:after{width:10%;height: 3px;background: white;content: '';position: absolute;left:0;top:50%;transform:translateY(-50%);}
.in_01 .tit:before{width:10%;height: 3px;background: white;content: '';position: absolute;right:0;top:50%;transform:translateY(-50%);}
.in_01 .product{overflow: hidden;}
.in_01 .box{display: none;margin-top: 45px;}
.in_01 .box:first-of-type{display: block;}
.in_01 .box ul{display: flex;justify-content:space-between;flex-wrap:wrap;}
.in_01 .box li{flex:0 0 19.5%;width: 19.5%;margin-bottom: 15px;}
.in_01 .box li .img{overflow: hidden;position: relative;width: 100%;}
.in_01 .box li .img img{width: 100%;}
.in_01 .box li .txt{width: 100%; left:0;bottom:0;right: 0;z-index: 1;transition:all .5s;}
.in_01 .box li .txt a{display: block; background: rgba(0,0,0,.75);height: 45px;line-height: 45px;color: #fff;font-size: 16px;transition:all .5s;}
.in_01 .box li .overlay{left:0;top:0;right: 0;bottom:0;background: rgba(0,0,0,.75);display: flex;align-items: center;justify-content:center;opacity: 0;transition:all .5s;}
.in_01 .box li .overlay .view img{max-width: 100%;}
.in_01 .box li .overlay .title{font-size: 18px;color: #fff;line-height: 30px;margin:15px auto;}
.in_01 .box li .overlay .gd{display: inline-block;line-height: 34px;padding:0 25px; border:solid 1px #fff; font-size: 15px;color: #fff;border-radius: 5px;border:solid 1px #fff;}
.in_01 .box li:hover .overlay{opacity: 1;}
.in_01 .box li:hover .txt{opacity: 0;}
.in_01 .box li .overlay .gd:hover{background: #2974bc;border-color: #2974bc;}
.in_01 .list{margin-bottom: 30px;}
.in_01 .list li{padding:0 5px;margin-bottom: 10px;}
.in_01 .list li .img{overflow: hidden;position: relative;width: 100%;}
.in_01 .list li .img img{width: 100%;}
.in_01 .list li .txt{background: #f0f0f0;height: 35px;}
.in_01 .list li .txt dl{display: flex;}
.in_01 .list li .txt dl dt{font-weight: normal;flex: 0 0 60%;}
.in_01 .list li .txt dl dt a{display: block;line-height: 35px;color: #333333;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-indent: 15px;}
.in_01 .list li .txt dl dd{flex: 0 0 40%;}
.in_01 .list li .txt dl dd a{display: block;line-height: 35px;color: #fff;font-size: 14px;text-align: center;background: #2974bc;transition: all .4s;}
.in_01 .list li .txt dl dd a:hover{background: #6fb72f;}
.in_01 .more{text-align: center;margin-top: 30px;}
.in_01 .more a{display: inline-block;padding:0 50px;color: #fff;line-height: 45px;transition: all .4s; font-size: 16px;border-radius: 5px;border:solid 1px #fff;}
.in_01 .more a:hover{background: #2974bc;border-color: #2974bc;}
.in_03 {background: url(../images/in_03_bg.jpg);}
.in_03 .news{background:#fff;padding-top:15px;padding-bottom: 15px;}
.in_03_l .swiper-slide {display: block;position: relative;}
.in_03_l .swiper-slide img { width: 100%;}
.in_03_l .swiper-slide .name { width:100%;position: absolute;left:0;bottom:0;line-height: 50px;background: rgba(0,0,0,.6);padding:0 20px;}
.in_03_l .swiper-slide .name h4 {line-height: 50px;color: #fff;font-size: 14px;text-overflow: ellipsis;white-space: pre;overflow: hidden;}
.in_03_l .swiper-button-prev,.in_03_l .swiper-button-next{display: block; width: 50px;height: 80px;background: rgba(0,190,144,.8);line-height: 80px;text-align: center;}
.in_03_l .swiper-button-prev i,.in_03_l .swiper-button-next i{color: #fff;font-size: 30px;}
.in_03_l .swiper-button-prev{left:0;}
.in_03_l .swiper-button-next{right: 0;}
.in_03_l .swiper-pagination-bullets{bottom:50px;}
.in_03_l .swiper-pagination-bullet{width: 15px;height: 7px;border-radius: 30px;opacity: 1;background: #fff}
.in_03_l .swiper-pagination-bullet-active{width: 25px;background: #ffbc6b;}
.in_03_hot{padding-top:15px;padding-bottom: 15px;border-bottom:dashed 1px #e6e6e6;}
.in_03_hot a{display: flex;}
.in_03_hot a .img{flex:0 0 30%;overflow: hidden;}
.in_03_hot a .img img{width: 100%;}
.in_03_hot a .con{flex:0 0 70%;}
.in_03_hot a .con>div{padding-left: 20px;}
.in_03_hot a .con>div h4{line-height: 30px;color: #333;font-size: 16px;}
.in_03_hot a .con>div span{color: #999999;font-size: 12px;margin:5px 0;}
.in_03_hot a .con>div .detail{line-height: 26px;color: #999999;font-size: 14px;}
.in_03_hot a:hover .con>div h4{color: #2974bc;}
.in_03_list{margin-top: 15px;}
.in_03_list .tit{color: #333333;font-size: 18px;line-height: 30px;margin-bottom: 15px;}
.in_03_list .tit a{position: absolute;right: 0;top:0;color: #999999;font-size: 12px;}
.in_03_list .tit a:hover{color: #2974bc;}
.in_03_list li a{display: flex;}
.in_03_list li:not(:last-child) a{border-bottom:solid 1px #eaeaea;}
.in_03_list li a h4{flex: 0 0 75%;color: #666666;font-size: 14px;line-height: 45px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.in_03_list li a span{flex: 0 0 25%;line-height: 45px;text-align: right;}
.in_03_list li a span i{ font-style: normal; display: inline-block;color: #999999;font-size: 14px;}
.in_03_list li a:hover h4{color: #2974bc;}
.in_04{background: url(../images/in_04_bg.jpg)  center;}
.in_04 .info{color: #333333;font-size: 16px;line-height: 30px;text-align: center;}
.in_04 img{max-width: 100%;}
.in_04 .more{text-align: center;}
.in_04 .more a{display: inline-block;padding:0 50px;color: #fff;line-height: 45px;transition: all .4s; font-size: 16px;border-radius: 5px;background:#2974bc;border:solid 1px #2974bc;}
.in_04 .more a:hover{background: none;color: #2974bc;}
.in_02{background: url(../images/in_02_bg.jpg) center;}
.in_02 .tit{color: #333333;font-size: 36px;}
.in_02 .tit span{background: #2974bc;width: 9px;height: 9px;border-radius: 100%;display: inline-block;margin:0 10px;vertical-align: middle;}
.in_02 .conbox{display: flex;justify-content:center; flex-wrap: wrap;
}
.in_02 .conbox .item{flex:1}
.in_02 .img{width:127px;height: 97px;background: url(../images/in_02_k.png) center no-repeat;line-height: 97px;margin:0 auto;display:block;}
.in_02 .img img{max-width: 100%;vertical-align: middle;}
.in_02 .txt{line-height: 30px;color: #333333;font-size: 16px;margin-top: 10px;}
.in_02 .dz{padding-top:50px;}
.in_02 .formbox{position: relative;top:-80px;background: #fff;-moz-box-shadow:0px 0px 5px #A3A3A3; -webkit-box-shadow:0px 0px 5px #A3A3A3; box-shadow:0px 0px 5px #A3A3A3;padding:20px;z-index: 9;}
.in_02 .formtit p{line-height: 30px;color: #999999;font-size: 18px;}
.in_02 .formtit p span{color: #333333;font-size: 24px;}
.in_02 .formsub{line-height: 35px;color: #333;font-size: 14px;margin:15px 0;}
.in_02 .formsub span{color: #fff;font-size: 14px;background-color: #2974bc;display: inline-block;padding:0 15px;margin:0 5px;}
.in_02 .forminfo{line-height: 26px;color: #999999;font-size: 14px;margin-top:15px;}
.in_02 .item{margin-bottom: 15px;}
.in_02 .item .I_InputText{width: 100%; height:40px;line-height:40px;border:solid 1px #dfdfdf;background: #fff;color: #999999; padding:0px 10px;outline: none;transition:all .5s;}
.in_02 .item .I_InputText:hover{ border:1px solid #2974bc; }
.in_02 .item .I_captcha{width:120px;height:40px;line-height:40px;border:solid 1px #dfdfdf;background: #fff;padding:0px 10px;color: #999999;outline: none;margin-right: 5px;transition:all .5s;}
.in_02 .item .I_captcha:hover{ border:1px solid #2974bc; }
.in_02 .item .code img{height: 40px;}
.in_02 .item .I_But{display: block;width: 100%; height:50px;line-height:50px;padding:0;border-radius: 0; background:#2974bc;border:solid 1px #2974bc; text-align:center;color:#FFF;cursor:pointer;margin:0 auto;transition: all 0.3s;outline: none;font-size: 15px;}
.in_02 .item .I_But:hover{background:none;color: #2974bc;}

/*底部样式*/
.footer {background: #2a2a2a;border-top:solid 5px #2974bc;}
.footer-01 .foot_t{line-height: 30px;text-transform: uppercase;color: #999999;font-size: 14px;}
.footer-01 .foot_t span{color: #fff;font-size: 26px;}
.footer-01 .foot_ewm ul{display: flex;flex-wrap:wrap;}
.footer-01 .foot_ewm li{flex:1 0 40%;padding:0 20px; text-align: center;color: #666666;font-size: 13px;line-height: 30px;}
.footer-01 .foot_ewm li img{max-width: 100%;border:solid 1px #f0f0f0;padding:2px; margin-top: 40px;}
.footer-01 .foot_lxwm{color: #666666;font-size: 14px;line-height: 30px;}
.footer-01 .foot_lxwm a{color: inherit;font-size: inherit;}
.footer-01 .foot_lxwm a:hover{color: #666666;}
.footer-01 .foot_lxwm span{margin-bottom:20px;display:block;}
.footer-02{margin-top: 30px;}
.footer-02 .item{margin-bottom: 15px;}
.footer-02 .item .I_InputText{width: 100%; height:40px;line-height:40px;border:solid 1px #f8f8f8;background: #f8f8f8; padding:0px 10px;border-radius: 2px;outline: none;transition:all .5s;}
.footer-02 .item .I_InputText:hover{ border:1px solid #2974bc; }
.footer-02 .item .I_captcha{width:120px;height:40px;line-height:40px;border:solid 1px #f8f8f8;background: #f8f8f8;padding:0px 10px;border-radius: 2px;outline: none;margin-right: 5px;transition:all .5s;}
.footer-02 .item .I_captcha:hover{ border:1px solid #2974bc; }
.footer-02 .item .I_textarea{width: 100%; height:90px;line-height:30px;border:solid 1px #f8f8f8;background: #f8f8f8;padding:0px 10px;padding-top: 5px; border-radius: 2px;outline: none;transition:all .5s;}
.footer-02 .item .I_textarea:hover{ border:1px solid #2974bc; }
.footer-02 .item .code img{height: 40px;}
.footer-02 .item_30{margin-top: 30px;}
.footer-02 .item .I_But{display: inline-block;padding:0 100px; height:50px;line-height:50px;background:#2974bc;border:solid 1px #2974bc; border-radius:30px;text-align:center;color:#FFF;cursor:pointer;margin:0 auto;transition: all 0.3s;outline: none;font-size: 15px;}
.footer-02 .item .I_But:hover{background:none;}
.foot{text-align: center;background: #2974bc;line-height: 40px;color: rgba(255,255,255,.6);font-size: 13px;}
.foot a{color: rgba(255,255,255,.6);font-size: 13px;}