/*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:''; color:#444;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1240px; margin:0 auto;}


.header{ position:relative;width: 100%;height: 96px;position: sticky;z-index: 999;background: #fff;box-shadow: 0 0 10px #ccc;top: 0;left: 0;}
.header_list{display: flex;justify-content: space-between;width: 100%;}
.header_list .left{display: flex;align-items: center;height: 96px;}
.header_list .left .logo{display: flex;justify-content: center;align-items: center;height: 96px;}
.header_list .left .logo img{max-width: 100%;}
.header_list .left .gupiao{display: block;color: #f00;font-size: 15px;font-weight: bold;}
.header_list .left .gupiao span{display: block;}


/*menu*/
.pc_menu{float: right;display: flex;align-items: center;}
.menu{height:96px;line-height:96px;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff; width:110%; position:absolute; left:0px; top:96px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none;box-shadow: 0 0 10px #ccc;z-index: 9;border-radius: 5px; }
.menu ul li dl dd{ line-height:35px;text-align:center; }
.menu ul li dl dd a{ font-size:12px; color:#444;display:block; padding:0;}
.menu ul li dl dd a:hover{font-weight: bold;-moz-border-radius: 15px; -webkit-border-radius: 15px;border-radius: 15px;background-color: #e67015;color: #fff;}
.menu a{ font-size:15px;color:#444; text-decoration:none;display:block;text-align:center;padding: 0 30px;}
.menu ul li.active span a{color: #e67015;}
.menu a:hover{color:#e67015;}
a.menu_hover{color:#e67015;}

.language{margin-left: 15px; border-radius: 15px;background: #e4e4e4;line-height: 26px;overflow: hidden;}
.language a{color: #444;font-size: 12px;display: inline-block;padding: 0 10px;transition: 0.3s;border-radius: 15px;}
.language a.active,
.language a:hover{background: #e67015; color: #fff;}


.m_header{width: 100%;position: relative;z-index: 9999;position: sticky;top: 0;left: 0;height:65px;display: none;box-shadow: 0 0 10px #ccc;}
.sp_header{height:65px;overflow:hidden;background:#fff;position:relative;z-index:10;width:100%;display: none;top: 0;}
.sp_logo{float:left;height:65px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px}
.sp_nav span{display:block;background:#e67015;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:#343434;width:100%;/*height:calc(100% - 52px);*/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  #E67015;}
.nav_show{top:65px;}
.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 solid #3e3e3e;position:relative;line-height:48px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#fff;width:100%;padding: 0 20px;display: block;}
.sjj_nav ul li a:hover{color: #e67015;}
.sjj_nav ul li ul li a{color:#fff !important;display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#fff;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#e67015}
.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;}
.sjj_nav ul li.active a{color: #e67015;}

.m_header .gupiao{float: left;height: 100%;display: flex;justify-content: center;align-items: center;}
.m_header .gupiao a{color: #000000;font-size: 12px;font-weight: 500;}
.m_header .gupiao a span{display: block;}
.m_header .m_language{float: right;line-height: 65px;}
.m_header .m_language a{color: #000000;font-size: 12px;}

/*swiper*/
.banner{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 { display: block;width: 100%;height: 100%;object-fit: cover;}
.banner_swiper .swiper-button-next,.banner_swiper .swiper-button-prev{color: #fff;}

.index1{width: 100%;position: relative;z-index: 9;}
.index1_list{width: 100%;margin-top: -40px;}
.index1_list ul{display: flex;justify-content: space-between;}
.index1_list ul li{width: 16.6%;}
.index1_list .part{width: 100%;height: 100%;display: block;overflow: hidden;box-shadow:0 0 10px #ccc;}
.index1_list .part .tit{width: 100%;height: 40px;line-height: 40px;background:#003399;text-align: center;color: #fff;font-size: 15px;font-weight: 500;border-radius:10px 10px 0 0;}
.index1_list .desc{width: 100%;background: #fff;padding: 10px;box-sizing: border-box;display: flex;justify-content: center;align-items: center;height: 100px;} 
.index1_list .desc img{max-height: 100%;}



.footer {line-height: 40px;padding-bottom: 15px;margin-top: 160px;color: #626262;border-top: solid 1px #e8e8e8;background: #fff;box-shadow: 10px 0 0 #ccc;}
.footer_list{display: flex;justify-content: space-between;color: #626262;}
.footer_list a{color: #626262;}
.footer_list img{margin-right: 5px;}

.toTop{background:#666 url(../images/totop.png) center no-repeat;cursor: pointer; height: 40px;width: 40px;position: absolute;float: right;right: 10px;bottom: 60px;z-index: 999;position: fixed;display: none;}
.toTop.fixed{display: block;}


.m_header_menu{position: fixed;bottom: 0;left: 0;width: 100%;height: 60px;background: #E67015;border-radius: 10px 10px 0 0;z-index: 999;overflow: hidden;display: none;}
.m_header_menu ul{display: flex;justify-content: space-between;height: 60px;}
.m_header_menu ul li{width: 33%;display: flex;justify-content: center;height: 60px;align-items: center;text-align: center;}
.m_header_menu a{color: #fff;font-size: 12px;}



.tongtu{width: 100%;height: 220px;overflow: hidden;position: relative;}
.tongtu .img{width: 100%;font-size: 0;height: 220px;overflow: hidden;}
.tongtu .img img{width: 100%;height: 100%;object-fit: cover;}
.tongtu .Pro_nav{position: absolute;height: 32px;line-height: 32px;background: rgba(0,0,0,0.8);bottom: 0;left: 0;width: 100%;}
.Pro_nav_list{text-align: right;color: #fff !important;font-size: 12px;}
.Pro_nav_list a{color: #fff;}

.mian_content{width: 100%;padding: 10px 0;}
.main_nav_list{width: 100%;}
.main_nav_list ul{display: flex;flex-wrap: wrap;}
.main_nav_list ul li{width: 19%;margin-right: 1%; margin-bottom: 1%;position: relative;}
.main_nav_list ul li a{display: block;background: #e3e4df;line-height: 32px;text-align: center;font-size: 13px;}
.main_nav_list ul li a:hover,
.main_nav_list ul li.active a{background: #E67015;color: #fff;}

/*列表二级*/
.main_nav_down{width: auto;padding: 10px;box-sizing: border-box;background: #E3E4DF;min-width: 175px;position: absolute;top: 32px;left: 0;z-index: 99;display: none;}
.main_nav_down .desc{display: flex;justify-content: flex-start;align-items: flex-start;}
.main_nav_down dl{min-width: 150px;padding-right: 15px;}
.main_nav_down dl:last-child{padding-right: 0;}
.main_nav_down dl dt a {display: block;line-height: 28px;text-align: left;font-size: 13px;color: #e67015 !important;padding: 0 5px;font-weight: 600;}
.main_nav_down dl dd a {display: block;line-height: 25px;text-align: left;font-size: 12px;color: #666;padding: 0 5px;}
.main_nav_list ul li.active .main_nav_down dl a{background: none;color: #666;}
.main_nav_down dl a:hover{background: #E67015 !important;color: #fff !important;}

.main_nav_list ul li:hover .main_nav_down{display: block;}
.main_nav_list ul li:nth-child(6n) .main_nav_down{left: auto;right: 0;}


.main_menu1{width: 100%;}
.main_menu1 .tit{font-size: 17px;line-height: 60px;font-weight: bold;}
/*标签5*/
.tab_list5{width: 100%;}
.tab_list5 ul li{background: #e3e4df;}
.accordion {width: 100%;margin: 30px auto 20px;background: #FFF;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.accordion .link {cursor: pointer;display: block;padding: 10px 15px;color: #fff;font-size: 14px;border-bottom: 1px solid #CCC;position: relative;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion .link a{color: #444;}
.accordion .link:hover a{color: #E67015;}
.accordion li:last-child .link {border-bottom: 0;}
.accordion li i {position: absolute;top: 14px;left: 12px;font-size: 18px;color: #E67015;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li i.fa-plus {right: 12px;left: auto;font-size: 14px;}
.accordion li.open .link {color: #b63b4d;}
.accordion li.open i {color: #E67015;}
.accordion li.open i.fa-plus:before {content: "\f068";}
.submenu {display: none;background: #444359;font-size: 14px;}
.submenu li {border-bottom: 1px solid #c2c2c2;}
.submenu a {display: block;text-decoration: none;color: #444;padding: 10px;padding-left: 35px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;background: url(../images/jiantou.png) left center no-repeat;background-position:20px;}
.submenu a:hover {background: #E67015 url(../images/jiantou02.png) left center no-repeat;color: #FFF;background-position:10px;}
/*标签5_____end*/



.about{width: 100%;}
.about_left{width: 75%;float: left;}
.about_right{width: 20%;float: right;}
.about_tit{color: #444444;font-size: 18px;font-weight: bold;padding-top: 20px;}
.about_tit .line{display: inline-block;width: 40px;height: 3px;background: #E67015;}
.about_desc{margin-top: 30px;}

.culture{width: 100%;margin-top: 30px;}
.culture .tit{font-size: 18px;color: #444;font-weight: bold;,margin: 10px 0;}
.culture_list{width: 100%;}
.culture_list ul li{margin-top: 60px;}
.culture_list .tit{color: #E67015;font-size: 18px;font-weight: bold;}
.culture_list .tit span{display: block;}
.culture_list .part{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.culture_list .part .desc{width: calc(100% - 210px);margin-top: 15px;font-size: 12px;color: #444;}
.culture_list .part .img{width: 200px;overflow: hidden;}
.culture_list .part .img img{width: 100%;}

.honor{width: 100%;margin-top: 30px;}
.honor ul{display: flex;align-items: center;height: 100%;flex-wrap: wrap;}
.honor ul li{width: 31%;margin: 1%;}
.honor .part{width: 100%;height: 100%;border: 1px solid #e7e7e7;padding: 10px;box-sizing: border-box;display: flex;justify-content: center;align-content: center;overflow: hidden;}
.honor .part img{max-width: 100%;max-height: 100%;}


.news{width: 100%;}
.news_list{width: 100%;margin-top: 30px;}
.news_list ul li{border-bottom: dashed 1px #e8e8e8;line-height: 38px;display: flex;justify-content: space-between;align-items: center;}
.news_list a{display: block;padding-left: 20px;background: url(../images/dian.jpg) left center no-repeat;color: #444444;font-size: 12px;width: calc(100% - 70px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.news_list .time{font-size: 12px;color: #949494;width: 70px;text-align: right;}

.Pro_page { clear:both; margin-top:40px;display: flex;flex-wrap: wrap;}
.Pro_page span,
.Pro_page a { border: solid 1px #e8e8e8; padding:5px 12px; margin:0 6px;display: inline-block;}

.product{width: 100%;}
.product .main_nav_list ul li{width: 15%;}
.product_tit{width: 100%;font-size: 18px;margin: 15px 0;}
.product_tit .line{display: inline-block;width: 60px;height: 4px;background: #E67015;}
.product_list{width: 100%;display: flex;justify-content: space-between;}
.Pro_left{width: 20%;}
.Pro_right{width: 75%;}

.pro_menu2{width: 100%;}
.pro_menu2 ul {background: #e3e4df;font-size: 14px;}
.pro_menu2 ul li {border-bottom: solid 1px #c2c2c2;}
.pro_menu2 a {display: block;text-decoration: none;color: #444;padding: 8px;padding-left: 35px;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease;transition: all 0.25s ease;background: url(../images/jiantou.png) left center no-repeat;background-position:20px;}
.pro_menu2 a:hover {background: #E67015 url(../images/jiantou02.png) left center no-repeat;color: #FFF;background-position:10px;}

.Pro_style1{width: 100%;display: flex;justify-content: space-between;}
.Pro_style1 .left{width: 180px;margin-right: 10px;line-height: 26px;border-top: solid 1px #e8e8e8;padding: 5px 0;height: 100%;}
.Pro_style1 .right{width: calc(100% - 190px);}
.Pro_style1 .right h3{line-height: 52px;border-top: solid 1px #e8e8e8;font-size: 15px;}
.Pro_style1 .right .desc{line-height: 26px;border-top: solid 1px #e8e8e8;padding: 5px 0;}
.Pro_style1_tit span{font-size: 26px;background-color: rgb(231,114,21);color: #fff;padding: 12px;text-decoration: none;display: inline-block;}


.service{width: 100%;}
.service_list{margin-top: 30px;}

.contact{width: 100%;}
.contact_list{width: 100%;margin-top: 30px;}
.contact_list ul.list{display: flex;flex-wrap: wrap;}
.contact_list ul.list li{width: 50%;line-height: 30px;}

.map_warp{width: 100%;height: 550px;border: 4px solid #ccc;overflow: hidden;}
.map_warp .map{width: 100%;height: 100%;}
.map_warp .map img{width: 100%;height: 100%;object-fit: cover;}

.message{width: 100%;}
.message_list{width: 100%;margin-top: 30px;border: solid 4px #e8e8e8;box-sizing: border-box;}
.message_list .item{width: 100%;height: 40px;display: flex;align-items: center;border-bottom: 1px solid #E8E8E8;}
.message_list .item .left{width: 25%;padding: 10px;box-sizing: border-box;text-align: right;border-right: 1px solid #E8E8E8;height: 40px;line-height: 20px;}
.message_list .item .right{width: 75%;padding: 10px;box-sizing: border-box;}
.message_list .item .right span{display: inline-block;vertical-align: middle;margin-right: 5px;}
.message_list input{border: 1px solid #000;outline: none;}
.message_list .item.textarea{height: auto;}
.message_list .item.textarea .left{height: 180px;}
.message_list .item.textarea textarea{height: 130px;width: 100%;outline: none;}
.message_list .item.yzm input{width: 100px;}
.message_list .item.yzm img{width: 40px;height: 20px;object-fit: cover;}

.joinUs{width: 100%;}
.joinUs_list{width: 100%;margin-top: 30px;}
.joinUs_email{font-size:16px; text-align:center; background-color:#f1f1f1; line-height: 45px;}
.font_colore67015{color: #E67015;}
.joinUs_position{margin-top: 50px;}
.joinUs_position ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.joinUs_position ul li{width: 49%;height: 100%;}
.joinUs_position .tit{line-height: 32px;padding-top: 12px;color: #e67015;font-size: 14px;font-weight: bold;}





@media only screen and (max-width: 1240px) {
.wapper{ width:100%;}
.menu a{padding: 0 20px;}
.banner{height: 500px;}
.index1_list{margin-top: 20px;}
.index1_list ul{flex-wrap: wrap;}
.index1_list ul li{width: 48%;margin:2% 1%;}
.index1_list .part{padding: 10px;box-sizing: border-box;border-radius: 10px;}
.index1_list .part .tit{background: none;border-radius: 0;text-align: left;color: #444;}
.index1_list .desc{padding: 0;}
.Pro_nav_list,
.about,
.news,
.product,
.service,
.contact,
.message,
.joinUs,
.inside{padding: 0 2%;box-sizing: border-box;}

.main_nav_down{min-width: 350px;}
.main_nav_down .desc{flex-wrap: wrap;}




}


@media only screen and (max-width: 980px) {
.header{ display:none}
.m_header{display: block;}
.sp_header{ display:block;}
.sjj_nav{ display:block;}
.product .main_nav_list ul li{width: 24%;}
.product .main_nav_list ul li:nth-child(4n) .main_nav_down{left: auto;right: 0;}








}


@media only screen and (max-width: 740px) {
.sp_logo img{max-height: 40px;}
.index1_list .part .tit{font-size: 13px;}
.index1_list .desc{height: 60px;}
.footer{margin-top: 60px;line-height: 25px;margin-bottom: 50px;}
.footer_list{display: block;padding: 0 10px;box-sizing: border-box;}
.m_header_menu{display: block;}
.about_left{float: none;width: 100%;}
.about_right{float: none;width: 100%;}
.main_menu1{display: none;}
.honor ul li{width: 48%;}
.news_list .time{width: 75px;}
.product .main_nav_list ul li{width: 32%;}
.product .main_nav_list ul li:nth-child(4n) .main_nav_down{left: 0;right: auto;}
.product .main_nav_list ul li:nth-child(3n) .main_nav_down{left: auto;right: 0;}
.product_list{display: block;}
.Pro_left{width: 100%;}
.Pro_right{width: 100%;}
.Pro_style1 .left{width: 80px;}
.Pro_style1 .right{width: calc(100% - 90px);}
.contact_list ul.list{display: block;}
.contact_list ul.list li{width: 100%;}
.joinUs_position ul{display: flex;}
.joinUs_position ul li{width: 100%;}

.aboutL{float:left; width:100%;}
.aboutR{float:left; width:100%;}

.aboutL img{ width:100%;}
.aboutR img{ width:100%;}

}

@media only screen and (max-width:580px) {
.main_nav_list ul li{width: 32%;}
.culture_list .part{display: block;}
.culture_list .part .desc{width: 100%;}
.culture_list .part .img{width: 100%;}
.product .main_nav_list ul li{width: 49%;}
.product .main_nav_list ul li:nth-child(odd) .main_nav_down{left: 0;right: auto;}
.product .main_nav_list ul li:nth-child(even) .main_nav_down{left: auto;right: 0;}


}