/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:'Microsoft YaHei'; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;}
p{line-height:1.8em; padding:2px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1280px; margin:0 auto;padding: 0 10px;}
@media only screen and (max-width: 1300px) {
.wapper{ width:100%;box-sizing: border-box;}
}

.icon img{vertical-align: middle;}


.header{ position:relative;}
.index_top{width: 100%;height: 40px;background: #f5f5f5;}
.index_top .left{float: left;height: 40px;line-height: 40px;color: #808080;font-size: 13px;}
.index_top .right{float: right;height: 40px;display: flex;justify-content: center;align-items: center;}
.index_top .right a{display: inline-block;padding-left: 10px;}
.index_top .right img{width: 20px;transition: 0.3s;}
.index_top .right .img2{display: none;}
.index_top .right a:hover .img1{display: none;}
.index_top .right a:hover .img2{display: block;}

.index_middle{width: 100%;height: 110px;background: #fff;}
.logo{float: left;}
.logo{height: 110px;display: flex;justify-content: center;align-items: center;}
.logo img{max-width: 100%;}
.index_middle .right{float: right;}
.index_middle .right .warp{height: 110px;display: flex;justify-content: center;align-items: center;}
.h_contact{font-size: 16px;line-height: 22px;color: #0a9ee8;}
.h_contact .tel{display: inline-block;width: 44px; height: 44px; border-radius: 50%;background: #f5f5f5;text-align: center;line-height: 42px;vertical-align: middle;border: 1px solid #f5f5f5;}
.h_contact .tel img{max-width: 100%;}
.h_contact .tel_nub {display: inline-block;vertical-align: middle;}
.h_contact .tel_nub .t1{font-size: 12px;color: #808080;padding-right: 40px;}
.h_contact .h_email{display: block;border-left: 1px solid #eee;padding-left: 40px;}
.h_contact .h_email .tel_nub{color: #808080;;}
.h_contact .h_email:hover .tel{border: 1px solid #24b36d;}
.h_contact .h_email:hover .tel_nub,
.h_contact .h_email:hover .tel_nub .t1{color:#24b36d;}
.h_contact .h_message{display: inline-block;padding: 0 25px;font-size: 14px;line-height: 45px; color: #fff; background: #986025;transition: 0.3s;}
.h_contact .h_message:hover{background: #0a9ee8;text-decoration: none;}


.pc_menu{height: 60px;width: 100%;position: relative;background: -webkit-linear-gradient(top left, rgb(243 151 151), rgb(22 122 37));}
.pc_menu.fixed{position: fixed;width: 100%;top: 0;left: 0;z-index: 9999;}
.menu{height:60px;line-height:60px;position: relative;}
.menu ul li{ float:left; position:relative;padding: 0 30px;}
.menu ul li:first-child{padding-left: 0;}
.menu ul li ul{ background:#fff;min-width: 200px; position:absolute; left:0px; top:60px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px;display:none;z-index: 99;border-radius: 0 0 5px 5px; }
.menu ul li ul li{ line-height:35px;margin:0 10px;float: none;padding: 0;}
.menu ul li ul li a{ font-size:16px; color:#676767;padding:0 10px; text-align:left;display: block;}
.menu ul li ul li a:hover{ color:#0a9ee8;}
.menu a{ font-size:16px;color:#fff; text-decoration:none;display:block;text-align:center;}
.menu a:hover{color:#fff;background-color:green;}
a.menu_hover{color:#fff;background: url(../images/sjsb.png) center bottom no-repeat;}
.menu ul li.active span a,
.menu ul li span a:hover{background: url(../images/sjsb.png) center bottom no-repeat;}

.h_search_btn {position: absolute;right: 0;height: 60px;}
.h_search_btn a{display: flex;justify-content: center;align-items: center;height: 60px;width: 40px;}
.h_search_btn a .img2{display: none;}
.h_search_btn.on .img1{display: none;}
.h_search_btn.on .img2{display: block;}
.h_search{width: 100%;height: 40px;padding-top: 20px;padding-bottom:10px;position: absolute;top: 0px;z-index: 9;background: rgba(0, 0, 0, 0.3);opacity: 0;visibility: hidden;transition: 0.5s;}
.h_search.active{opacity: 1;visibility: visible;top: 60px;}
.h_search .h_search_bg{height: 40px;width: 100%;background: none;position: relative;border-bottom: 1px solid #fff;}
.h_search input{color: #fff;position: absolute;top: 0;left: 0;width: 100%;height: 40px;background: none;border: none;outline: none;font-size: 16px;}
.h_search button{position: absolute;right: 0;height: 40px;top: 0;width: 40px;background: none;border: none;}


.m_header{width: 100%;}
.sp_header{height:75px;overflow:hidden;background:#fff;position:relative;z-index:10;width:100%;display: none;top: 0;}
.sp_logo{float:left;height:75px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:28px}
.sp_nav span{display:block;background:#0188FB;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#fff;width:100%;height:calc(100% - 75px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;border-bottom: 2px solid  #0188FB;}
.nav_show{top:75px}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #e4e8eb solid;position:relative;line-height:30px;font-size:13px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:block;background: #f5f5f5;padding:10px 0;}
.sjj_nav ul li a{color:#282828;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
/*.sjj_nav ul li a:hover{color: #0188FB;}*/
.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav ul li ul li a:hover{color: #fff;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#fff;background: #0a9ee8;border-radius: 50%;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#fff;}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}


.m_search_wrap{ background:#fff;box-shadow:2px 2px 5px rgba(0,0,0,0.2);width: 100%;}
.m_search_wrap .m_search_input{padding: 5px;border: 1px solid #e4e8eb;height: 30px;position: relative;background: #fff;}
.m_search_wrap .m_search_input input{width: 100%;color: #333;font-size: 14px;background: none;height: 100%;position: absolute;top: 0;left: 10px;outline: none;}
.m_search_wrap .m_search_input button{position: absolute;top: 0;right: 0;height: 100%;width: 45px;background: #fff;border: none;}



/*swiper*/
.banner{width: 100%;position: relative;}
.banner img{width: 100%;}
.swiper {width: 100%;height: 100%;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img {max-width: 100%;height: 100%;object-fit: cover;}
.mySwiper1{position: relative;}
.mySwiper1 .img_top{position: absolute;width: 100%;top: 0;left: 0;z-index: 9;height: 100%;}
.mySwiper1 .img_top .warp{position: relative;width: 100%;height: 100%;}
.mySwiper1 .img_top .img_top_img1{position: absolute;top: 21%;left: 15%;}
.mySwiper1 .img_top .img_top_img1 img{width: 25vw;height: auto;}
.mySwiper1 .img_top .img_top_img2{position: absolute;right: 0%;bottom: 2%;}
.mySwiper1 .img_top .img_top_img2 span{margin: 0 32px;}
.mySwiper1 .img_top .img_top_img2 img{width: 13vw;height: auto;}
.mySwiper1 .swiper-button-next,.mySwiper1  .swiper-button-prev{color: #fff;background: rgba(0,0,0,0.3);padding: 20px;transition: 0.3s;}
.mySwiper1 .swiper-button-next:hover,.mySwiper1  .swiper-button-prev:hover{;background: rgba(0,0,0,0.5);}
.mySwiper1 .img2{display: none;}


.index1{width: 100%;background: #F1F1F1;padding: 10px 0;}
.index1 .tit{width: 100%;text-align: center;}
.index1 .tit h2{color: #000;font-size: 30px;margin: 2px 0 10px 0;}
.index1 .text{width: 80%;margin: 0 auto;color: #333;font-size: 18px;margin-bottom: 30px;}



.index2{width: 100%;padding: 10px 0;height: 400px;position: relative;margin-bottom:5px;}
.tit_style2{width: 100%;text-align: center;position: relative;}
.tit_style2 .font_shadow{text-align: center;position: absolute;z-index: 7;color: #bde1d8;font-size: 0px;width: 100%;margin-top: -20px;}
.tit_style2 h2{color: #000;font-size: 30px;margin: 2px 0 10px 0;font-weight: 600;position: relative;z-index: 8;}
.index2 .list{width: 100%;position: relative;margin-top: 10px;}
.index2 .list ul li{float: left;width: 29%;margin: 2%;}
.index2 .list ul li a{display: block;width: 100%;background: #f7f7f7;box-sizing: border-box;padding: 2px;transition: 0.3s;}
.index2 .list ul li a .img{width: 100%;background: #fff;overflow: hidden;}
.index2 .list ul li a .img img{width: 100%;transition: 0.5s;}
.index2 .list ul li a .txt{text-align: center;}
.index2 .list ul li a .txt .t1{margin-top: 10px;color: #333;font-size: 16px;font-weight: 500;}
.index2 .list ul li a .txt .t2{margin-top: 10px;color: #999;font-size: 12px;}
.index2 .list ul li a:hover{background: #23527c;}
.index2 .list ul li a:hover .img img{transform: scale(1.2);}
.index2 .list ul li a:hover .txt .t1,
.index2 .list ul li a:hover .txt .t2{color: #fff;}

.index3{width: 100%;padding: 5px 0;}
.i3_tit{width: 100%;text-align: center;position: relative;}
.i3_tit a{color: #000;font-size: 36px;margin: 20px 0 10px 0;font-weight: 500;display: inline-block;}
.i3_tit .text{font-size: 16px;color: #666;}
.index3 .i3_list{width: 100%;padding-top: 5px;}
.index3 .i3_list ul li{float: left;width: 32%;margin-right: 1%;position: relative;margin-bottom: 20px;overflow: hidden;}
.index3 .i3_list ul li:nth-child(3n){margin-right: 0;}
.index3 .i3_list ul li .img{width: 100%;position: relative;overflow: hidden;display: block;}
.index3 .i3_list ul li .img img{width: 100%;max-width: 100%;vertical-align: middle;}
.index3 .i3_list ul li .desc{width: 100%; height: 100%; display: -webkit-flex;display: flex; align-items: center; position: absolute; left: 0;top: 0;transition: 0.3s;}
.index3 .i3_list ul li .desc .warp{padding: 0 30px;width: 100%;box-sizing: border-box;text-align:center;}
.index3 .i3_list ul li .desc .warp .t1{font-size: 24px;line-height: 1.32;color: #fff;width: 100%;font-weight: bold;}
.index3 .i3_list ul li .desc .warp .text{display: none;width: 100%; font-size: 16px;line-height: 26px; color: #fff;overflow: hidden;transition: 0.3s;}
.index3 .i3_list ul li .desc .warp .more_warp{margin-top: 20px;}
.index3 .i3_list ul li .desc .warp .more_warp .more{display: inline-block;vertical-align: top;padding: 0 39px;font-size: 16px;line-height: 40px; color: #fff;background: #24b36d;}
.index3 .i3_list ul li:hover .desc{background: rgba(20,104,172,0.9)}
.index3 .i3_list ul li:hover .desc .ti{color: #009A74;}
.index3 .i3_list ul li:hover .desc .warp .text{display: block;}

.index4{width: 100%;padding: 5px 0;}
.index4 .list{width: 100%;margin-top: 5px;}
.index4 .list .left{float: left;width: 50%;}
.index4 .i4_img{width: 100%;overflow: hidden;position: relative;}
.index4 .i4_img img{width: 50%;transition: 0.3s;}
.index4 .i4_img .time{position: absolute;left: 10px;top: 40px;width: auto;background: #24b36d; padding: 0 32px;line-height: 34px;color: #fff;z-index: 9;font-size: 14px;}
.index4 .i4_img .desc{position: absolute;bottom: 40px;width: 100%;text-align: left;color: #fff;font-size: 18px;font-weight: 600;left: 0;box-sizing: border-box;padding: 0 5%;}
.index4 .left a:hover .i4_img img{transform: scale(1.2);}
.index4 .left a:hover .i4_img .desc{color: #009A74;}


.index4 .list .right{float: right;width: 50%;box-sizing: border-box;padding-left: 5%;}
.i4_news{width: 100%;}
.i4_news ul li{padding-bottom: 20px;border-bottom: 1px solid #e6e6e6;margin-bottom: 20px;}
.i4_news ul li:last-child{border: 0;}
.i4_news .left_img{float: left;width: 33%;overflow: hidden;}
.i4_news .left_img img{width: 100%;transition: 0.3s;}
.i4_news .left_img a:hover img{transform: scale(1.2);}
.i4_news .warp{float: right;width: 60%;padding: 0 3%;}
.i4_news .warp .t1{display: block;width: 100%; font-size: 18px;line-height: 24px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;font-weight: 600;margin: 20px 0;}
.i4_news .warp .txt{display: block; width: 100%; font-size: 14px; line-height: 24px;color: #808080;margin: 10px 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.i4_news .warp .time{width: 100%; display: block;font-size: 14px; color: #24b36d;line-height: 24px;margin-top: 20px;}
.i4_news .warp .time span{display: inline-block;vertical-align: top;font-size: 14px;color: #24b36d;line-height: 24px;margin-left: 14px;padding-left: 14px;position: relative;}
.i4_news .warp .time span:before{ content: '|'; position: absolute;left: 0;top: 0;}
.i4_news .warp .t1:hover{color: #009A74;}


.footer{width: 100%;background: -webkit-linear-gradient(top left, rgb(243 151 151), rgb(22 122 37));padding: 8px 0;}
.footList{display: flex;flex-wrap: wrap;}
.fAbout{width: 30%;margin-right: 3%;}
.fAbout .title{height: 30px;line-height: 30px;margin-bottom: 10px;font-size: 20px;color: #fff;font-weight: 600}
.fAbout .text{font-size: 10px;color: rgba(255,255,255,0.6);text-align: left;line-height: 34px;}
.fMenu{width: 22%;}
.fMenu ul li{padding: 8px 0;}
.fMenu ul li a{font-size: 16px;color: rgba(255,255,255,0.6);}
.f_contact{width: 22%;}
.f_contact .span{color: rgba(255,255,255,0.6);font-size: 16px;line-height: 34px;display: block;position: relative;padding-left: 20px;word-break: break-all;}
.f_contact .span .icon{position: absolute;top: 0;left: 0;}

.footTit{height: 10px;line-height: 30px;margin-bottom: 10px;font-size: 16px;color: #fff;}
.footTit a{font-size: 8px;color: #000;}
.footer .f_link{margin-top: 10px;}
.footer .f_link ul li{display: inline-block;vertical-align: middle;width: 40px;height: 40px;margin-right: 10px;border-radius: 50%;background: rgba(255,255,255,0.11);}
.footer .f_link ul li a{display: flex;justify-content: center;align-items: center;height: 40px;font-size: 16px;color: #fff;}
.footer .f_link ul li:hover{background:#24b36d;}

.copyRight{background: #1a1a1a;padding: 8px 0;}
.copyRight .Warp{display: flex;justify-content: space-between;font-size: 8px;color: #fff;opacity: 0.8;}
.copyRight a{color: #fff;}


/*page*/

.tongtu{width: 100%;font-size: 0px;overflow: hidden;}
.tongtu img{width: 100%;}
.menu_nav{width: 100%;height: 35px;line-height: 35px;background: #F1F1F1;}
.menu_nav span{display: inline-block;color: #777;font-size: 14px;}
.menu_nav a{color: #333;font-size: 14px;}


.mainContent{width: 100%;padding: 50px 0;}
.mainWarp{position: relative;}
.mainLeft{float: left;width: 25%;margin-right: 3%;}
.pro_search{border: 1px solid #a0a0a0;padding: 20px;}
.pro_search span{position: relative;display: block;width: 100%;}
.pro_search input{width: 100%;display: table-caption;height: 40px; padding: 6px 12px; font-size: 14px;line-height: 1.4; color: #555;background-color: #fff;border: 1px solid #ccc;border-radius: 4px;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;outline: none;box-sizing: border-box;}
.pro_search button{width: 20%;height: 40px;border-color: #009A74;background: #009A74;position: absolute;top: 0;right: 0;border: none;}

/*标签5*/
.tab_list5{width: 100%;}
.tab_list5 ul li{margin: 10px 0;}
.accordion {width: 100%;margin: 5px auto;background: #FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.accordion .link {cursor: pointer;display: block;padding: 15px 20px;color: #333;font-size: 18px;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;background: #F1F1F1;}
.accordion .link a:hover{color: #24B36D;}
.accordion li:last-child .link {border-bottom: 0;}
.accordion li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #333;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.accordion li.open .link {color: #fff;background: #009A74;}
.accordion li.open .link a{color: #fff;}
.accordion li.open i {color: #fff;}
.accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.submenu {display: none;background: #fff;font-size: 14px;}
.tab_list5 .submenu li {border-bottom: 1px solid #eee;margin: 0;background: #fff;}
.submenu a {display: block;text-decoration: none;color: #d9d9d9;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;color: #333;font-size: 14px;padding:15px;}
.submenu a:hover {color: #009A74;}
/*标签5_____end*/

.mainRight{float: right;width:72%;}
.pro_title{width: 100%;}
.pro_title .t1{font-size: 24px;color: #009A74;font-weight: 700;}
.pro_title .txt{font-size:14px;color: #333;line-height: 1.5;margin: 10px 0;}
.product_list{width: 100%;}
.product_list ul li{float: left;width: 21%;margin: 2%;}
.product_list .desc{width: 100%;display: block;}
.product_list .desc .img{border: 1px solid #ddd;transition: 0.3s;}
.product_list .desc img{width: 100%;}
.product_list .desc .txt{padding: 10px 0;color: #333;font-size: 14px;}
.product_list .desc:hover .img{box-shadow: 1px 1px 10px rgb(0 0 0 / 30%);}
.product_list .desc:hover .txt{color: #24B36D;}

.product_page{width: 100%;margin: 20px 0;text-align: right;}
.product_page span,
.product_page a{font-size: 16px;color: #009A74;border:1px solid #009A74;padding: 3px 10px;margin: 0 7px;display: inline-block;}
.product_page span.on,
.product_page a.on,
.product_page span:hover,
.product_page a:hover{background: #24B36D;color: #fff;}



.news{width: 100%;}
.news ul.news_con li{margin: 10px 0;padding: 10px 0;border-bottom: 1px solid #c8c8c8;}
.news ul.news_con li .img{float: left;width: 20%;}
.news ul.news_con li .img a{height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;display: block;}
.news ul.news_con li .img img{max-width: 100%;transition: 0.3s;}
.news ul.news_con li .img a:hover img{transform: scale(1.2);}
.news ul.news_con li .desc{float: right;width: 78%;margin-left: 2%;}
.news ul.news_con li .desc .t1{color: #000;font-size: 18px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.news ul.news_con li .desc .txt{display: -webkit-box;-webkit-line-clamp: 3;/* 行数 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color: #555;font-size: 16px;margin: 20px 0 10px 0;line-height: 1.5;}


/*标签5*/
.tab_list5{width: 100%;}
.tab_list5 ul li{margin: 10px 0;}
.accordion2 {width: 100%;margin: 5px auto;background: #FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.accordion2 .link2 {cursor: pointer;display: block;padding: 15px 20px;color: #646464;font-size: 18px;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;border-bottom: 1px solid #F1F1F1;}
.accordion2 .link2 a:hover{color: #0A9EE8;}
.accordion2 li:last-child .link {border-bottom: 0;}
.accordion2 li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #0A9EE8;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion2 li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.accordion2 li.open2 i {color: #0A9EE8;}
.accordion2 li.open2 i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.submenu2 {display: none;background: #fff;font-size: 14px;}
.tab_list5 .submenu2 li {border-bottom: 1px solid #eee;margin: 0;background: #fff;}
.submenu2 a {display: block;text-decoration: none;color: #d9d9d9;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;color: #333;font-size: 15px;padding:15px;}
.submenu2 a:hover {color: #0A9EE8;}
/*标签5_____end*/
.news_detail{width: 100%;}
.news_detail .desc{font-size: 16px;color: #333;}

.newsDetail{width: 100%;overflow: hidden;font-size: 16px;color: #333;}
.newsDetail img{max-width: 100%;}


.about{width: 100%;padding: 50px 0;}
.about .list{width: 100%;box-shadow: 1px 1px 10px rgb(0 0 0 / 30%); padding: 35px;box-sizing: border-box;}
.about_tit{width: 100%;margin: 20px 0;font-weight: 700; color: #009A74;text-align: center;font-size: 24px;}
.about .about1{width: 80%;margin: 0 auto;}
.about .about1 .img{width: 100%;}
.about .about1 .img img{width: 100%;}
.about_banner {width: 80%;margin: 0 auto;}
.about_desc{width: 100%;color: #333;font-size: 14px;}
.about_desc img{width: 100%;}
.about_banner2{width: 100%;}
.about_banner2 .tit{color: #333;font-size: 14px;padding: 10px 0;text-align: center;}
.about_banner2 .txt{color: #666;font-size: 12px;padding: 6px;}
.about_banner2 .img{width: 100%;overflow: hidden;}
.about_banner2 img{transition: 0.3s;margin: 0 auto;display: block;}
.about_banner2 img:hover{transform: scale(1.1);}

.services{width: 100%;padding: 50px 0;}
.services .ser_tit{padding: 50px 0 20px 0;text-align: center;}
.services .ser_tit .t1{display: inline-block;color: #24B36D;font-size: 36px;font-weight: 700;border: 1px solid #24B36D;padding: 15px 60px;}
.services_list{width: 100%;padding: 50px 0;}
.services_list ul li{float: left;width: 31%;margin: 1%;border: 1px solid #dcdcdc;box-sizing: border-box;padding: 10px;}
.services_list ul li .img{height: 248px;width: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.services_list ul li .img img{max-width: 100%;transition: 0.3s;}
.services_list ul li .desc{padding: 10px 0;}
.services_list ul li .desc .title{display: block;width: 100%;font-size: 20px;color: #0a9ee8;line-height: 32px;margin-top: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 700;}
.services_list ul li .desc .txt{color: #666666;font-size: 16px;display: -webkit-box;-webkit-line-clamp: 5;/* 行数 */-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.services_list ul li .desc .more{isplay: block; width: 100%;font-size: 14px;line-height: 24px;color: #646464;margin-top: 10px;}
.services_list ul li .img a:hover img{transform: scale(1.1);}
.services_list ul li .desc a:hover {color: #24B36D;}

.contact{width: 100%;background: #f5f5f5;position: relative;}
.contact .left{float: left;width: 55%;margin-right: 5%;padding: 120px 0;}
.contact_txt{color: #333;font-size: 16px;margin: 1%;}
.contact_list ul li{float: left;width: 48%;margin: 1%;}
.contact_list a{display: flex;border: 1px solid #dbdbdb;padding: 46px 10px;align-items: center;}
.contact_list a .img{width: 66px;min-width: 66px;height: 66px;border-radius: 100%;text-align: center;line-height: 66px;background: #0a9ee8;margin-right: 20px;}
.contact_list a .img img{vertical-align: middle;}
.contact_list a .title{font-size: 18px;color: #4c4c4c;line-height: 32px;display: block;width: 100%;}
.contact_list a:hover{border: 1px solid #24B36D;}
.contact_list a:hover .img{background: #24B36D;}

.contact .right{float: right;width: 40%;position: relative;}
.contact_form_warp{width: 100%;position: absolute;left: 0;top: -180px;background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 60px;box-sizing: border-box;}
.contact_form_warp .tit{font-size: 20px; color: #333; line-height: 1.2;margin-bottom: 30px;}
.contact_form_warp .form{width: 100%;}
.form_input{width: 100%;margin-bottom: 14px;}
.form-control{border-color: transparent;border-radius: 0;background: #f5f5f5;font-size: 16px;line-height: 28px;color: #808080;padding: 15px 18px;outline: none;box-shadow: none;width: 100%;box-sizing: border-box;}
textarea.form-control{height: 160px;}
.form_input button.btn{display: inline-block;border-radius: 5px;vertical-align: top;padding: 10px 50px;color: #fff;font-size: 16px;line-height: 30px;background: #24b36d; border: none;margin-top: 20px;}
.form_input button.btn:hover{background: #0a9ee8;color: #fff;}

.form_input{position: relative;}
.input_tips{position: absolute;top: 58px;z-index: 999;width: 100%;border: 1px solid #999;display: none;}
.input_tips_box{height: 45px;display: flex;align-items: center;font-size: 14px;color: #333;background: #fff;}
.input_tips .tt{color: #fff;display: inline-block;background: #F0AD4E;width: 32px;height: 32px;line-height: 32px;text-align: center;color: #fff;font-weight: bold;font-size: 20px;font-style: normal;border-radius: 5px;margin: 0 5px;}
.input_tips:after{content: '';width: 0;height: 0;border: 10px solid; border-color: transparent transparent #ffffff;position: absolute;top: -20px;left: 10%;transform: translateX(-50%);}

.address{width: 100%;padding: 120px 0;}
.address .list{width: 100%;}
.address .left{float: left;width: 40%;margin-right: 5%;}
.address .left .tit{color: #333;font-size: 28px;font-weight: 700;}
.address_list{margin-top: 30px;}
.address_list ul li{width: 100%;box-sizing: border-box; position: relative; padding-left: 36px;border-top: 1px solid #e6e6e6;}
.address_list ul li .img{display: block;position: absolute;left: 0; top: 17px;line-height: 30px;}
.address_list ul li .img img{vertical-align: middle;}
.address_list ul li .desc{display: block; padding: 17px 0;}
.address_list ul li .desc .txt{font-size: 16px;line-height: 30px;color: #4c4c4c;}

.address .right{float: right;width: 55%;}
.map_warp{width: 100%;height: 320px;overflow: hidden;}
.map_warp .map{width: 100%;}
.map_warp .map img{width: 100%;}

.inside{width: 100%;padding: 50px 0;}
.inside .list{width: 100%;margin: 0 auto;}
.inside .desc{color: #333;font-size: 16px;}




@media only screen and (max-width: 1300px) {
.mySwiper1 .img_top .img_top_img1{left: 5%;top: 5%;}
.index2{height: auto;}
.index3 .i3_list ul li .desc .warp{padding:0 15px;}
.index3 .i3_list ul li .desc .warp .t1{font-size: 18px;line-height: 1.2;}
.index3 .i3_list ul li .desc .warp .more_warp{margin-top: 15px;}
.index3 .i3_list ul li .desc .warp .more_warp .more{padding: 0 30px;line-height: 35px;}
.index3 .i3_list ul li .desc .warp .text{line-height: 20px;font-size: 14px;}
.f_menu ul li a{padding: 0 25px;}
.mainWarp{width: 96%;margin: 0 auto;}
.about .list{width: 80%;margin: 0 auto;}
.services_list ul li .img{height: 220px;}
.contact_form_warp{padding: 40px;}
.contact .left{width: 60%;margin-right: 0;}
.inside .list{width: 80%;}

}



@media only screen and (max-width: 980px) {
.header{ display:none}
.sp_header{ display:block;}
.sjj_nav{ display:block;}
.mySwiper1 .img_top h3{margin-top: 40px;font-size: 22px;}
.mySwiper1 .img_top .t1{margin-top: 15px;font-size: 18px;}
.mySwiper1 .img_top .t2{margin-top: 15px;font-size: 18px;}
.mySwiper1 .swiper-button-next, .mySwiper1 .swiper-button-prev{padding: 8px;}
.index1 .left{float: none;width: 80%;margin: 0 auto;}
.index1 .right{float: none;width: 80%;margin:20px auto;}
.index1 .right .desc{padding:0;}
.index2 .list ul li{float: none;width: 80%;margin: 2% auto;}
.index3 .i3_list{width: 96%;margin: 0 auto;}
.index3 .i3_list ul li{width: 48%;margin: 1%;}
.index4 .list .right{padding-left: 2%;}
.i4_news .warp{width: 65%;padding: 0}
.product_list ul li{width: 46%;}
.mainLeft{width: 30%;margin-right: 0}
.mainRight{width: 68%;}
.services_list ul li{width: 48%;}
.contact_list ul li{float: none;width: 98%;}
.contact .left{padding: 60px 0;width: 55%;margin-right: 5%;}
.contact_form_warp{top: 60px;position: relative;}
.address .left{width: 48%;margin-right: 2%;}
.address .right{width: 50%;}
.footList{width: 100%;flex-wrap: wrap;}
.fAbout{width: 100%;margin: 0;padding-bottom: 20px;}
.fMenu{width: 33%;display:none;}
.copyRight .Warp{display: block;font-size: 14px;}


}

@media only screen and (max-width: 740px) {
.mySwiper1 .img1{display: none;}
.mySwiper1 .img2{display: block;}
.mySwiper1 .img_top{display: none;}
.index1 .text{width: 96%;}
.index1 .left{float: none;width: 96%;}
.index1 .right{float: none;width: 96%;}
.index2{margin-bottom: 0;}
.index2 .list ul li{float: none;width: 96%;}
.index3 .i3_list ul li{width: 98%;margin: 1%;}
.index3 .i3_list ul li .desc .warp{padding:0 30px;}
.index3 .i3_list ul li .desc .warp .t1{font-size: 2p0x;line-height: 1.3;}
.index3 .i3_list ul li .desc .warp .more_warp{margin-top: 20px;}
.index3 .i3_list ul li .desc .warp .more_warp .more{padding: 0 30px;line-height: 35px;}
.index4 .list .left{float: none;width: 96%;margin: 0 auto;}
.index4 .list .right{float: none;width: 96%;margin: 20px auto;padding: 0}
.i4_news .warp .t1{margin: 0;}
.i4_news .warp .txt{margin: 5px 0;line-height: 20px;}
.i4_news .warp .time{margin-top: 10px;}
.i4_news ul li{padding-bottom: 10px;}
.mainLeft{width: 100%;float: none;display: none;}
.mainRight{float: none;width: 100%;}
.product_list ul li{width: 48%;margin: 1%;}
.product_page{text-align: left;}
.tanchuang{width: 96%;margin: auto;}
.news_list ul li .desc .txt{margin: 10px 0;}
.about .list{width: 96%;margin: 0 auto;padding: 25px;}
.services_list ul li{width: 98%;float: none;}
.services_list ul li .img{height: auto;display: block;}
.services_list ul li .img img{width: 100%;}
.contact{padding: 50px 0;}
.contact .left{float: none;width: 96%;margin: 0 auto;padding: 20px 0;}
.contact .right{float: none;width: 96%;margin: 0 auto;}
.contact .right .contact_form_warp{top: 20px;padding: 20px;}
.address{padding: 60px 0;}
.address .left{width: 96%;float: none;margin: 0 auto;}
.address .right{width: 96%;float: none;margin: 20px auto;}
.inside .list{width: 96%;}
.footer{padding: 40px 0;}
.fAbout .title{font-size: 16px;}
.fAbout .text{font-size: 14px;line-height: 1.8;}
.footer .f_link{margin-top: 20px;display:none;}
.fMenu{width: 50%;display:none;}
.copyRight .Warp{display: block;font-size: 12px;}
.f_contact{width: 100%;}
.news ul.news_con li .desc .t1{font-size: 16px;}
.news ul.news_con li .desc .txt{font-size: 12px;margin: 5px 0;}

.map_warp{height: 220px;}



}