* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { height: 100%; font-size: 16px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; }
section, article, aside, blockquote, body, button, code, dd, details, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hr, html, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul { margin: 0; padding: 0 }
h1, h2, h3, h4, h5, h6 { font-family: Arial, 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif; font-weight: 500; }
div { box-sizing: border-box; }
ul, li { list-style-type: none; }
img { border: 0; vertical-align: middle; max-width: 100%; }
em, b, i { font-style: normal; }
body { height: 100%; font: 500 1em/1.8 "Microsoft YaHei", \5FAE\8F6F\96C5\9ED1; }
a { color: #333; text-decoration: none; }
a:hover { color: #f60; }
/*==========public class=========*/
/*浮动元素固定*/
.clearfix { zoom: 1; }
.clearfix:after, .clearfix:before { content: ""; display: table; }
.clearfix:after { clear: both; visibility: hidden; font-size: 0; height: 0; }
.clearfix::after { display: block; content: ""; clear: both; }
.clear { clear: both }
.container { float: left; width: 100%; margin-left: auto; margin-right: auto; }
.wrap { float: left; width: 100%; padding: 0 20px; margin-left: auto; margin-right: auto; }
.wrap-l { float: left; width: 65.6666667%; }
.wrap-r { float: right; width: 31.3333333%; }
.fl { float: left !important; }
.fr { float: right !important; }
.clear { clear: both; }
hr.style-two {/*透明渐变水平线*/ width: 100%; margin: 0 auto; border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); margin-bottom: 10px; }
.bgf5 { background-color: #f5f5f5; }
.mb { margin-bottom: 20px; }
.mt { margin-top: 20px; }
.br { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.sb { box-shadow: 0 1px 3px rgba(26,26,26,.2); background: #e2e2e2; }
.img-cover { display: block; max-width: 100%; height: auto; object-fit: cover; }
.tp img { -webkit-transition: transform .3s; -moz-transform: transform .3s; -o-transform: transform .3s; }
.tp img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); }
/**/
.row { float: left; width: 103%; margin-left: -3%; }
.row .col3 { float: left; width: 30.3333333%; margin-left: 3%; overflow: hidden; }
h1, h1 a { font-size: 34px; }
h1 strong { font-size: 34px; position: relative; display: inline-block; }
h1 strong:after { display: block; content: ' '; width: 40px; height: 4px; position: absolute; left: 50%; top: 0; margin-left: -20px; background: #f60; }
/*header*/
header { float: left; position: relative; width: 100%; line-height: 80px; z-index: 999; background: #f8f8f8; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; border-top: 4px solid #225a45; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
header .logo { float: left; height: 60px; }
header .logo img { width: 100%; }
.nav { float: right; position: relative; }
.nav-list li { float: left; width: 120px; text-align: center; position: relative; }
.nav-list li a { color: #225a45; font-size: 20px; font-weight: 100; }
.nav-list li a:hover, .nav-list li .cur { color: #F60; }
.nav-list .sub-nav { display: none; position: absolute; left: 0; z-index: 101; background: #fff; box-shadow: 0 0 7px #ddd; border-radius: 5px; padding-top: 1px; border-bottom: none; max-height: none; -webkit-transition: all ease .5s; transition: all ease .5s; }
.nav-list .sub-nav:after { content: ''; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent; border-top: none; position: absolute; top: -10px; left: 50%; margin-left: -10px; z-index: 99; }
.nav-list .sub-nav li { line-height: 46px;  1border-top: 1px solid #eaeaea;
}
.nav-list .sub-nav li a { font-size: 15px; }
.nav-list .sub-nav li:hover { background: #f60; }
.nav-list .sub-nav li:hover a { color: #fff; }
.nav-list li:hover .sub-nav { display: block; }
/**/
.banner { float: left; width: 100%; overflow: hidden; }
.incp { float: left; width: 100%; padding: 30px 0 10px 0; overflow: hidden; }
.incp h1 { text-align: center; font-weight: bold; padding-top: 40px; }
.incp h2 { padding-top: 15px; padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 1; line-height: 22px; color: #f60; }
.incp p { text-align: center;  1line-height:30px;
font-size: 22px; }
.incp-l { float: left; width: 30%; height: 500px; padding: 20px 0; background: #f5f5f5; position: relative; }
.pic-txt { position: relative; margin: 20px 0; }
.pic-txt a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.cate-tit { text-align: center; font-size: 1.8rem; line-height: 1.2 }
.cate-tit strong { font-size: 2.5rem; display: inline-block; }
.incp-r { float: right; width: 68%; position: relative; }
.incp-r ul {
 1float:left; width: 100%; width: 102%; margin-left: -2%; }
.incp-r li { float: left; width: 48%; height: 240px; margin-left: 2%; margin-bottom: 2%; position: relative; overflow: hidden; }
.incp-r li a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.in-case { float: left; width: 100%; text-align: center; color: #fff; background: url(../images/in-case-bg.jpg) center center no-repeat; background-size: cover; padding: 40px 0 10px 0; overflow: hidden; }
.in-case h1 { line-height: 60px; }
.in-case .swiper-wrapper { padding: 40px 0; }
.in-case .thumb { padding-bottom: 20px; }
.in-case .thumb img { display: block; width: 100%; height: 240px; object-fit: cover; }
.in-case .thumb .num { padding: 20px 0; color: #555; font-size: 48px; font-weight: inherit; line-height: 40px; border-bottom: 1px solid #c3c3c3; display: inline-block; }
.in-case .thumb h4 { padding: 10px 20px; font-size: 17px; line-height: 60px; font-weight: 400; }
.in-case .thumb { background-color: #fff; }
.in-case .thumb:hover { background-color: #f60; }
.in-case .thumb:hover .num { color: #fff; border-color: #fff; }
.in-case .thumb:hover a { color: #fff; }
/**/

.in-about { float: left; width: 100%; padding: 30px 0 20px 0; background: url(../images/about-bg1.png) center no-repeat; background-size: cover; overflow: hidden; }
.about-video { float: left; width: 45%; }
.about-txt { float: right; width: 53%; }
.about-txt .title { font-size: 20px; font-weight: 300; line-height: 40px; }
.about-txt .title em { color: #f60; margin-right: 5px; }
.about-txt .txt { font-size: 15px; line-height: 36px; text-indent: 2em; }
.in-news { float: left; width: 100%; overflow: hidden; }
.in-news h3 { font-size: 22px; font-weight: 300; line-height: 60px; border-top: 1px solid #c3c3c3; margin-top: 20px; }
.in-news ul { margin: 0 -10px; }
.in-news li { width: 50%; float: left; padding: 0 10px; }
.in-news a { display: block; font-size: 14px; padding-left: 22px; background: url(../images/icon15.png) left 6px no-repeat; height: 24px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 5px; }
/**/
.link { float: left; width: 100%; padding: 15px 0; background-color: #f5f5f6; text-align: left; font-size: 14px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.link a { padding: 0 5px; color: #000; }
.link a:hover { color: #f60; }
/*分享到*/
.share { width: 200px; display: block; text-align: right; }
.share i { float: left; font-size: 36px; color: #999; }
/*分页样式*/
.pagination { clear: both; margin: 20px 0; overflow: hidden; margin-left: 0px; text-align: center; font-size: 14px }
.pagination ul li { display: inline-block; border: 1px solid #ccc; padding: 5px 10px; margin: 0 1px; background: #fff; color: #999; cursor: pointer; }
.pagination ul li:hover { background: #f60; color: #fff; border: 1px solid #f60 }
.pagination ul li:hover a { color: #fff; }
.pagination ul li.thisclass { display: inline-block; border: 1px solid #f60; padding: 5px 10px; margin: 0 1px; background: #f60; color: #fff; }
.pagination ul li.thisclass a { color: #fff; }
.pagination ul li a { display: block; color: #999 }
.pagination ul li a:hover { color: #fff; }
/*footer*/
footer { float: left; width: 100%; background: #333; color: #999; font-size: 14px; line-height: 30px; }
.footer-nav { float: left; width: 100%; text-align: center; padding: 15px 0; }
.footer-nav a { padding: 0 10px; position: relative; color: #999999; font-size: 14px; }
.footer-nav a:after { display: block; content: ''; width: 1px; height: 10px; background-color: #545454; position: absolute; right: 0; top: 50%; margin-top: -5px }
.footer-nav a:last-child:after { display: none; }
.footer-nav a:hover { color: #f60; }
.footer-copy { float: left; width: 100%; padding: 1.5em 0 1em; text-align: center; border-top: 1px solid #494848; }
.footer-copy a { color: #999; }
.footer-copy a:hover { color: #f60; }
/*nbanner*/
.product .nbanner { float: left; width: 100%; height: 300px; background: url(../images/nbanner1.jpg) center no-repeat; background-size: cover; }
.commonweb { float: left; width: 100%; border-bottom: 1px solid #ccc; }
.commonweb li { float: left; width: 16.66666667%; }
.commonweb ul li a { position: relative; display: block; width: 100%; font-size: 15px; padding: 15px 0; text-align: center; background-color: #fff; }
.commonweb ul li a:after { content: ''; display: block; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background-color: #ccc; }
.commonweb ul li a:hover, .commonweb ul li a.cur { color: #f60;  1background-color: #f60;
}
.product1 { float: left; width: 100%; padding: 20px 0; overflow: hidden; }
.tp-list { width: 102%; margin-left: -2%; margin-top: 20px; }
.tp-list li { float: left; width: 23%; margin-left: 2%; margin-bottom: 2%; background: #fff; padding: 20px 20px 10px 20px; overflow: hidden; }
.tp-list .pic { float: left; width: 100%; height: 220px; overflow: hidden; }
.tp-list .pic img { width: 100%; height: 100%;  1border-radius: 5px;
}
.tp-list h2 { float: left; width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 18px; border-top: 1px solid #eeeeee; white-space: nowrap; overflow: hidden; }
.tp-list li:hover {
 1background:#225a45; -moz-box-shadow: 0px 3px 15px #CDCDCD; -webkit-box-shadow: 0px 3px 15px #CDCDCD; box-shadow: 0px 3px 15px #CDCDCD; }
.tp-list li:hover h2 { color: #f60; }
.case .nbanner { float: left; width: 100%; height: 300px; background: url(../images/nbanner6.jpg) center no-repeat; background-size: cover; }
.case-list { width: 102%; margin-left: -2%; margin-top: 20px; }
.case-list li { float: left; width: 23%; margin-left: 2%; margin-bottom: 2%; position: relative; overflow: hidden; }
.case-list .pic { float: left; width: 100%; height: 220px; overflow: hidden; }
.case-list .pic img { width: 100%; height: 100%; }
.case-list h2 { position: absolute; text-align: center; left: 0; bottom: 0; width: 100%; font-size: 15px; line-height: 50px; color: #fff; background: rgba(0, 0, 0, 0.7); }
.case-list li:hover h2 { background: #f60; }
.about .nbanner { float: left; width: 100%; height: 300px; background: url(../images/nbanner9.jpg) center no-repeat; background-size: cover; }
.about .about-con { float: left; width: 100%; margin-top: 20px; background: url(../images/about-bg.png) center no-repeat; background-size: cover; }
.about .about-con .left { float: left; width: 58%; padding: 20px; }
.about .about-con .left h4 { font-size: 27px; font-weight: 400; line-height: 60px; }
.about .about-con .left p { line-height: 36px; text-indent: 2em; font-size: 17px; }
.about .about-con .right { float: right; width: 40%; background: #666; padding: 10px 10px 2px 10px; border-radius: 10px; }
.about .txt { float: left; width: 100%; padding: 20px; }
.about .txt h4 { font-size: 24px; font-weight: 500; line-height: 40px; position: relative; }
.about .txt p { line-height: 26px; text-indent: 2em; font-size: 14px; margin-bottom: 10px; }
.contact .nbanner { float: left; width: 100%; height: 300px; background: url(../images/contact_banner.jpg) center no-repeat; background-size: cover; }
.contact-con { float: left; width: 100%; padding: 20px 0; }
.contact-con .lxwm { float: left; width: 48%; }
.contact-con .lxwm img {
 1border-radius: 20px; margin-bottom: 20px; }
.contact-con .lxwm h3 { font-size: 24px; line-height: 40px; }
.contact-con .lxwm p { font-size: 18px; line-height: 40px; }
.contact-con .feedback { float: right; width: 50%; }
.feedback h3 { text-align: center; font-size: 24px; line-height: 40px; }
.feedback input, .feedback textarea { margin-top: 18px; border: 1px solid #e6e6e6; width: 100%; height: 42px; line-height: 42px; padding: 0 10px; font-size: 14px; outline: none; margin-bottom: 10px;  1background: none;
}
.feedback textarea { height: 160px; line-height: 20px !important; padding-top: 12px !important; font-family: Arial, 'hiragino sans gb', 'microsoft yahei ui', 'microsoft yahei', simsun, sans-serif; }
.feedback .submit { font-size: 16px; line-height: 50px; display: block; width: 50%; height: 50px; margin-top: 20px; padding: 0 40px; -webkit-transition: all .4s; transition: all .4s; color: #fff; border-radius: 0; outline: none; background-color: #f60; }
.news .nbanner { float: left; width: 100%; height: 300px; background: url(../images/news_banner.jpg) center no-repeat; background-size: cover; }
.xw-list { float: left; width: 100%; padding-bottom: 20px; }
.xw-list li { float: left; width: 100%; border-bottom: 1px solid #ccc; padding: 30px 0; }
.xw-list .pic { float: left; width: 25%; }
.xw-list .pic img { width: 100%; }
.xw-list .text { float: left; width: 70%; padding: 0 0 0 20px; position: relative; }
.xw-list .text h4 { font-size: 22px; }
.xw-list .text p { font-size: 16px; color: #595757; margin-top: 20px; text-align: justify; }
.xw-list .text span { font-size: 12px; color: #999; }
.news h1 { text-align: center; font-size: 32px; font-weight: 300; margin: 30px 0; }
.article-declare { margin: 20px 0; font-size: 14px; color: #999; }
.news-detail { padding-top: 20px; border-top: 1px solid #d9d9d9; }
.news-detail p { margin-top: 10px; line-height: 36px; font-size: 17px; }
.news-detail img { display: block; max-width: 100%; height: auto!important; margin: 10px auto; }
.detailpage { font-size: 15px; line-height: 40px; border-top: 1px solid #d9d9d9; padding: 30px 0; }
/**/
.product_desc { float: left; width: 100%; padding: 30px; border: 1px solid #d9d9d9; }
.product_desc img { float: left; width: 20%; margin-right: 30px; }
.cp-tu { float: left; width: 100%; padding: 20px 30px 30px 30px; margin-top: 20px; border: 1px solid #d9d9d9; }
.cp-tu h1 { margin-bottom: 20px; }
.feedback { float: left; width: 100%; padding: 20px 0; }
.feedback ul { float: left; width: 102%; margin-left: -2%; }
.feedback ul li { float: left; width: 48%; margin-left: 2%; }
.feedback ul .big { float: left; width: 98%; margin-left: 2%; }
 @media screen and (orientation:portrait) {/* Small Desktops 竖屏*/
.wrap-l, .wrap-r { float: left; width: 100%; }
.mb { margin-bottom: 0px; }
.mt { margin-top: 10px; }
.epages { padding: 0 3% !important; }
.row { width: 100%; margin: 0; }
.row .col3 { width: 100%; margin: 0; }
h1, h1 a, h1 strong { font-size: 24px; }
header { line-height: 60px; padding: 0; }
header .logo { float: left; line-height: 50px; }
header .logo img { height: 40px; }
.menu { position: absolute; top: 0; right: 0; display: block; width: 50px; cursor: pointer; height: 30px; z-index: 200; }
.menu11:before { position: absolute; left: 0; top: 10px !important; content: ""; display: inline-block; width: 1px; height: 30px; background: hsla(0, 0%, 100%, .65); }
.menu span { display: block; background: #225a45; width: 25px; height: 2px; position: absolute; left: 10px; transition: all ease 0.35s; }
.menu span:nth-of-type(1) { top: 15px; }
.menu span:nth-of-type(2) { top: 25px; }
.menu span:nth-of-type(3) { top: 35px; }
.menu_se span:nth-of-type(1) { top: 25px; transform: rotate(45deg); }
.menu_se span:nth-of-type(2) { width: 0; }
.menu_se span:nth-of-type(3) { top: 25px; transform: rotate(-45deg); }
.nav { position: absolute; z-index: 10; width: 100%; left: -100%; }
.nav_show { position: relative; left: 0; }
.nav-list1 { float: left; width: 100%; padding: 10px 0; border-top: 1px solid #ccc; }
.nav-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid #ccc; padding: 10px 0; }
.nav-list li { height: 30px; line-height: 30px; text-align: center; }
.nav-list li a { color: #000; font-size: 15px; }
.nav-list li a:hover, .nav-list .cur a { color: #f60; }
.nav-list li:hover .sub-nav { display: none; }
/**/
.incp { padding: 20px 0 10px 0; }
.incp h1 { padding-top: 20px; }
.incp h2 { padding-top: 15px; padding-left: 15px; position: absolute; left: 0; top: 0; z-index: 1; line-height: 22px; color: #f60; }
.incp p { text-align: center;  1line-height:30px;
font-size: 22px; }
.incp-l { width: 100%; height: auto; padding: 20px 0 0 0; margin-bottom: 2%; }
.pic-txt { position: relative; margin: 20px 0 0 0; }
.pic-txt a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
.cate-tit { display: none; text-align: center; font-size: 1.8rem; line-height: 1.2 }
.cate-tit strong { font-size: 2.5rem; display: inline-block; }
.incp-r { float: left; width: 100%; }
.incp-r ul { float: left; width: 100%; margin-left: 0%; }
.incp-r li { float: left; width: 100%; height: auto; margin-left: 0%; margin-bottom: 2%; position: relative; overflow: hidden; }
.incp-r li a { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; }
/**/
.in-case { }
.in-case .thumb img { height: 200px; }
.in-case .thumb .num { padding: 10px 0; color: #555; font-size: 30px; font-weight: lighter; ; line-height: 40px; border-bottom: 1px solid #c3c3c3; display: inline-block; }
.in-case .thumb h4 { padding: 10px 10px; font-size: 14px; line-height: 40px; font-weight: 300; }
/**/

.in-about h1 { margin-bottom: 10px; }
.about-video, .about-txt { float: left; width: 100%; }
.about-txt { margin-top: 10px; }
.about-txt .txt { line-height: 26px; }
.in-kh .kh-tt { width: auto; }
/**/
.footer-nav { display: none; }
/**/
.product .nbanner, .case .nbanner, .about .nbanner { height: 150px; }
.commonweb { border-bottom: none; }
.commonweb ul li { float: left; width: 33.33333333%; }
.commonweb ul li a { padding: 15px 0; text-align: center; border-bottom: 1px solid #ccc; }
.tp-list li { float: left; width: 48%; padding: 20px 20px 10px 20px; }
.case-list li { float: left; width: 48%; }
.case-list li h2 { line-height: 40px; font-size: 15px; }
.tp-list .pic, .case-list .pic { height: 180px; }
.about .about-con .left { float: left; width: 100%; padding: 0px; margin-bottom: 15px; }
.about .about-con .left h4 { text-align: center; font-size: 26px; font-weight: 300; line-height: 40px; }
.about .about-con .left p { line-height: 30px; text-indent: 0em; font-size: 14px; }
.about .about-con .right { float: left; width: 100%; }
.about .txt p { text-indent: 0em; }
.contact-con .lxwm, .contact-con .feedback { float: left; width: 100%; }
.contact-con .feedback { margin-top: 20px; }
.xw-list .pic { float: left; width: 100%; }
.xw-list .text { float: left; width: 100%; padding: 0 0 0 20px; position: relative; }
.xw-list .text h4 { margin-top: 20px; }
.news h1 { font-size: 26px; margin: 30px 0; }
.detailpage .fl, .detailpage .fr { float: left; width: 100%; }
.product_desc img { float: left; width: 100%; margin-right: 0; margin-bottom: 20px; }
.feedback ul { width: 100%; margin-left: 0; }
.feedback ul li { float: left; width: 100%; margin-left: 0; }
.feedback ul .big { float: left; width: 100%; margin-left: 0; }
}