/*!
 * @ Author: weiwei
 * @ Date: 2019-04-22 09:39:04
 */
/*Css Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,b,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:normal;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul,li{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;text-decoration:none;-webkit-backface-visibility:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track-piece{background-color:rgba(0,0,0,0.2);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:vertical{height:5px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px}::-webkit-scrollbar-thumb:horizontal{width:5px;background-color:rgba(125,125,125,0.7);-webkit-border-radius:6px}html,body{width:100%;font-family:"Arial","Microsoft YaHei","微软雅黑","黑体","宋体",sans-serif}body{line-height:1;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{overflow-y:scroll}.clearfix:before,.clearfix:after{content:" ";display:inline-block;height:0;clear:both;visibility:hidden}.clearfix{*zoom:1}.dn{display:none;}.fl{float:left;}.fr{float:right;}
html,body{overflow:hidden;overflow-y:auto; font-family: "Microsoft YaHei"; }
.inner{ width: 1400px; margin:0 auto; overflow: hidden; box-sizing: border-box; }
iframe{ width: 100%; height: 460px; }
.page{ clear: both; margin:30px 0; text-align: center; }
.page a{ display: inline-block; padding:0 7px; margin:0 2px; border:1px solid #ccc; text-align: center; line-height: 32px; }
.page .current{ display: inline-block; margin:0 2px; text-align: center; line-height: 32px; width: 32px; height: 32px; border-radius: 50%; background: #0344a5; color: #fff; }
img{ max-width: 100%; }
.fl{ float: left; }
.fr{ float: right; }
.text-center{ text-align: center; }
/*h_top*/
.h_top{ height: 142px; border-top: 6px solid #00bd95; }
.h_top .inner{ height: 100%; display: flex; align-items: center; justify-content: space-between; }
.h_top .logo{ overflow: hidden; }
.h_top .logo img{ float: left; }
.h_top .logo div{ padding:15px 0; display: inline-block; float: left; margin-left: 16px; padding-left: 16px; background: url(../images/logo_line.jpg) no-repeat left center; }
.h_top .logo div b{ font-size: 30px; color: #ff8400; font-weight: bold; display: block; line-height: 1; }
.h_top .logo div p{ font-size: 22px; color: #273145; line-height: 1; margin-top: 16px; }
.h_top .logo div p i{ display: inline-block; width: 8px; height: 8px; background: #273145; border-radius: 50%; margin:0 10px; position: relative; top:-3px; }
.h_top .logo div p i:first-child{ margin-left: 0; }
.h_top .tel{ display: flex; align-items: center; }
.h_top .tel span{ font-size: 50px; color: #00be96; line-height: 1; margin-right: 10px; }
.h_top .tel p{ font-size: 18px; color: #2d2d2d; line-height: 1; display: block; }
.h_top .tel b{ font-size: 33px; color: #0f0c0c; line-height: 1; margin-top: 12px; display: block; }

/*h_menu*/
.h_menu{ height: 60px; line-height: 60px; background: #273145; border-bottom:4px solid #1d2637; }
.h_menu .inner{ overflow: visible; }
.h_menu .nav{ width: 100%; height: 100%; display: flex; justify-content: space-around; }
.h_menu .nav li{ display: block; width: 100%; text-align: center; position: relative; }
.h_menu .nav li > a{ display: block; font-size: 16px; color: #ffffff; transition: all .3s; border-bottom:4px solid #1d2637;  }
.h_menu .nav li > a span, .h_menu .nav li div a span{ position: relative; z-index: 3; }
.h_menu .nav li > a::after{ content: ""; display: block; width:100%; height: 0; border:0; transition: all .3s; background: #00bd95; position: absolute; left: 0; bottom:4px; }
.h_menu .nav li > a:hover, .h_menu .nav li:hover a{ border-color: #04a583; transition: all .3s; }
.h_menu .nav li > a:hover::after, .h_menu .nav li:hover a::after{ height: 60px; transition: all .3s; }
.h_menu .nav li div{ width: 100%; position: absolute; top:120%; left:0; transition: all .3s; z-index: 0; opacity: 0; transition: all .6s; }
.h_menu .nav li div a{ position: relative; margin-top: 1px; font-size: 14px; color: #717171; background: #ffffff; font-weight: light; display: block; overflow: hidden; height: 50px; line-height: 50px; transition: all .3s; }
.h_menu .nav li div a::after{ content: ""; display: block; width:0; height: 100%; border:0; transition: all .3s; background: #ff8400; position: absolute; left: 50%; top:0; }
.h_menu .nav li:hover div{ transition: all .6s; top:100%; opacity: 1; z-index: 33; }
.h_menu .nav li:hover div a:hover{ transition: all .3s; color: #fff; }
.h_menu .nav li:hover div a:hover::after{ transition: all .3s; width: 100%; left: 0; }
/*banner*/
#banner{ width: 100%; height:570px; }
#banner .swiper-slide{ min-width: 1400px; position: relative; background-position: center!important; background-size: cover!important; }
#banner .swiper-slide a{ position: absolute; top:0; left: 0; display: block; width: 100%; height: 100%; }
#banner .swiper-slide .inner{ overflow:visible; position: relative; height:570px; width: 1400px; margin:0 auto; display: block; }
#banner .swiper-slide .b1_tit{ position: absolute; top:164px; left: 15px; }
#banner .swiper-slide .b1_p{position: absolute; top:296px; left: 15px; }
#banner .swiper-slide .b1_tel{position: absolute; top:350px; left: 15px; }
#banner .swiper-slide .b1_img{position: absolute; top:132px; right: 0; }

#banner .swiper-slide .b2_tit{ position: absolute; top:85px; left: 45px; z-index: 3; }
#banner .swiper-slide .b2_p{ position: absolute; top:285px; left: 48px; z-index: 2; }
#banner .swiper-slide .b2_img{ position: absolute; top:10px; right: 0; }

#banner .swiper-slide .b3_tit{ position: absolute; top:92px; right: 0; }
#banner .swiper-slide .b3_span{ position: absolute; top:212px; right: 0; }
#banner .swiper-slide .b3_p{ position: absolute; top:285px; right: 0; }
#banner .swiper-button-next, #banner .swiper-button-prev{ background-image: none; width: 66px; height: 66px; text-align: center; line-height: 66px; border:1px solid #7babd4; border-radius: 50%; margin-top:-33px; }
#banner .swiper-button-prev{ left: 220px; }
#banner .swiper-button-next{ left: auto; right: 220px; }
/*#banner .swiper-button-prev::before{ content: ""; display: block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-right:6px solid #77acd5; position: absolute; top:50%; left: 50%; margin:-4px 0 0 -2px; }*/
/*#banner .swiper-button-next::before{ content: ""; display: block; width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:6px solid #77acd5; position: absolute; top:50%; left: 50%; margin:-4px 0 0 -4px;  }*/
#banner .swiper-button-prev span{ color: #fff; font-size: 26px; }
#banner .swiper-button-next span{ color: #fff; font-size: 26px; }
#banner .swiper-button-prev:hover{ background: #e9a641; border-color: #e9a641; }
#banner .swiper-button-next:hover{ background: #e9a641; border-color: #e9a641; }
#banner .swiper-button-prev:hover::before{ border-right:6px solid #fff; }
#banner .swiper-button-next:hover::before{ border-left:6px solid #fff; }
#banner .swiper-pagination{ bottom: 20px; }
#banner .swiper-pagination-bullet{ width: 12px; height: 12px; border-radius: 50%; background: #ffffff; border:1px solid transparent; position: relative; opacity: .8; }
#banner .swiper-pagination-bullet::before{ content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: transparent; position: absolute; left:2px; top:2px; }
#banner .swiper-pagination-bullet-active{ background: transparent;  border:1px solid #00be96; }
#banner .swiper-pagination-bullet-active::before{ background: #00be96;  }
/*h-key*/
.h-key{ background: #fff; padding:16px 0; overflow: hidden; }
.h-keys{ line-height: 32px; }
.h-keys b{ display: inline-block; float: left; font-size: 17px; color: #00bd95; margin-right: 6px; font-weight: bold; }
.h-keys a{ display: inline-block; font-size: 16px; color: #333333; }
.h-keys a + a{ margin-left: 16px; }
.h-keys a:hover{ color: #ff8400; }
.h-search{ overflow: hidden; }
.h-search form{ width: 220px; height: 32px; background: #00e4b4; border-radius: 5px; position: relative; transition: all .3s; }
.h-search .search_text{ width: 100%; height: 32px; background: transparent; border:0; outline: none; float: left; padding-left: 14px; box-sizing: border-box; line-height: 32px; font-size: 14px; color: #ffffff; }
.h-search .search_btn{ transition: all .3s; font-size: 16px; color: #fff; border:none; cursor: pointer; width: 32px; height: 32px; background: #00c99e; border-radius: 5px; position: absolute; right:0; top:0; outline: none; }
.h-search form:hover{ transition: all .3s; width: 240px; }
.h-search .search_btn:hover{ background: #ff8400; transition: all .3s; }
/* m_tit */
.m_tit{ text-align: center; padding:30px 0 36px; overflow: hidden; position: relative; }
.m_tit span{ display: inline-block; font-size: 60px; font-weight: bold; color: rgba(51, 51, 51, .1); text-transform: uppercase; line-height: 1; margin-bottom: 10px; }
.m_tit b{ font-size: 33px; color: #00bd95; font-weight: bold; line-height: 1; position: absolute; top: 44px; display: block; text-align: center; width: 100%; }
.m_tit b i{ color: #ff8400; font-weight: bold; }
.m_tit p{ font-size: 18px; color: #333333; line-height: 1; }

.g_imgs{ width: 49%; float: left; margin-bottom: 15px; border:1px solid #f1f1f1; box-sizing: border-box; border-radius: 5px; }
.g_imgs img{ width: 100%; }
.g_imgs:nth-child(2n+0){ margin-left: 2%; }
/*m_pro*/
.m_pro{ overflow: hidden; padding:0 0 40px; }
.m_pro .fr{ width: 1043px; }
#hot_product{ overflow: hidden; height: 444px; border:1px solid #989898; border-radius: 5px; }
#hot_product .img{ width: 562px; height: 100%; float: left; overflow: hidden; }
#hot_product .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
#hot_product .txt{ float: left; width: 478px; height: 100%; box-sizing: border-box; border-left: 1px solid #989898; padding:54px 32px; }
#hot_product .txt b{ display: block; font-size: 24px; font-weight: bold; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin-bottom: 30px; }
#hot_product .txt p{ font-size: 14px; color: #333333; line-height: 24px; margin-bottom: 54px; }
#hot_product .txt a{ overflow: hidden; display: inline-block; padding:10px 30px; border:1px solid #666666; font-size: 16px; color: #333333; line-height: 1; border-radius: 5px; position: relative; }
#hot_product .txt a::before{ content: ""; display: inline-block; width: 0; height:100%; background: #00bd95; position: absolute; left:0; top:0; transition: all .3s; }
#hot_product .txt a + a{ background: #ff8400; border-color: #ff8400; color: #fff; margin-left: 30px; }
#hot_product .txt a span{ position: relative; z-index: 3; }
#hot_product .txt a:hover{ color: #ffffff; border-color: #00bd95; }
#hot_product .txt a:hover::before{ transition: all .3s; width: 100%; color: #ffffff; border-color: #00bd95; }
#pro_list{ overflow: hidden; margin-top: 20px; width: 100%; }
#pro_list .img{ width: 100%; height: 300px; box-sizing: border-box; border:1px solid #989898; overflow: hidden; position: relative; }
#pro_list .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
#pro_list .img .info{ background: rgba(0, 0, 0, .8); display: block; width: 100%; height: 100%; padding:25px; position: absolute; top:100%; transition: all .3s; box-sizing: border-box; }
#pro_list .img .info div{ border:1px solid #d6d6d6; width: 100%; height: 100%; padding:40px 10px; text-align: center; box-sizing: border-box; }
#pro_list .img .info p{ font-size: 16px; color: #ffffff; line-height: 30px; }
#pro_list .img .info p + a{ margin-top: 20px; }
#pro_list .img .info a{ display: inline-block; padding:12px 32px; background: #fff; border-radius: 5px; font-size: 16px; color: #333333; line-height: 1; clear: both; transition: all .3s; }
#pro_list .img .info a + a{ background: #ff8400; color: #fff; margin-top: 8px; }
#pro_list .img .info a:hover{ background: #00bd95; color: #fff; transition: all .3s; }
#pro_list .txt{ border:1px solid #989898; border-top:0; padding:20px; overflow: hidden; }
#pro_list .txt b{ display: block; font-size: 18px; color: #444444; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#pro_list .txt p{ font-size: 14px; color: #444444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin:14px 0 24px; }
#pro_list .txt .line{ display: inline-block; margin:5px 0; float: left; width: 82px; height: 2px; background: #c4c4c4; position: relative; }
#pro_list .txt .line::before{ content: ""; display: inline-block; width: 30px; height: 2px; background: #00bd95; position: absolute; left: 0; top:0; transition: all .3s; }
#pro_list .txt small{ float: right; font-size: 14px; color: #444444; text-transform: uppercase; }
#pro_list .swiper-slide:hover .info{ transition: all .3s; top:0; }
#pro_list .swiper-slide:hover .line::before{ transition: all .3s; width:100%; }
/* m_ad */
.m_ad{ background: url(../images/ad_bg.jpg) no-repeat top center; overflow: hidden; }
.m_ad .fl{ width: 835px; box-sizing: border-box; padding:50px 0; }
.m_ad .fl > div{ border-left: 5px solid #ff8400; padding-left: 34px; position: relative; }
.m_ad .fl > div::before{ content: ""; display: block; width: 10px; height: 100%; background: #ffb15d; position: absolute; left:0; top:0; }
.m_ad .fl > div > p{ margin:14px 0 26px; font-size: 26px; color: #ffffff; line-height: 1; }
.m_ad .fl .tel{ overflow: hidden; width: 480px; }
.m_ad .fl .tel > div{ display: inline-block; float: left; padding:6px 16px; background: #ff8400; border-radius: 20px; }
.m_ad .fl .tel > div span{ font-size: 28px; color: #fffcf9; margin-right: 7px; line-height: 1; }
.m_ad .fl .tel > div i{ font-size: 18px; color: #ffffff; position: relative; top:-4px; }
.m_ad .fl .tel > small{ float: right; font-size: 24px; color: #ffffff; margin-top: 15px; } 
.m_ad .fl .tel > b{ font-style: italic; display: block; padding-top: 12px; font-size: 60px; font-weight: bold; line-height: 1; color: #fff; clear: both; width: 100%; }
.m_ad .fr{ width: 543px; float: left; padding:23px 0 0; }
.m_ad .fr .info{ text-align: right; }
.m_ad .fr .info b{ font-size: 50px; color: #ffffff; font-weight: bold; line-height: 1; }
.m_ad .fr .info p{ font-size: 24px; color: #ffffff; line-height: 1; margin:16px 0 52px; }
.m_ad .fr .info small{ font-size: 18px; color: #ffffff; line-height: 1; }
.m_ad .info form{ padding-top: 28px; overflow: hidden; }
.m_ad .info form > input{ float: left; margin-bottom: 12px; outline: none; width: 256px; height: 42px; border:1px solid #fff; background: none; box-sizing: border-box; padding:0 22px; border-radius: 30px;font-size: 14px; color: rgba(255, 255, 255, .5);  }
.m_ad .info form > input:nth-child(3){ margin-left: 30px; }
.m_ad .info form input::-webkit-input-placeholder{ font-size: 14px; color: rgba(255, 255, 255, .5); }
.m_ad .info form input::-moz-input-placeholder{ font-size: 14px; color: rgba(255, 255, 255, .5); }
.m_ad .info form input::-ms-input-placeholder{ font-size: 14px; color: rgba(255, 255, 255, .5); }
.m_ad .info form > .code{ width: 256px; margin-right: 30px; }
.m_ad .info form > .code > input{ float: left; outline: none; width: 126px; height: 42px; border:1px solid #fff; background: none; box-sizing: border-box; padding:0 22px; border-radius: 30px;font-size: 14px; color: rgba(255, 255, 255, .5); }
.m_ad .info form > .code > img{ float: left; width: 116px; height: 44px; border-radius: 30px; margin-left: 12px; }
.m_ad .info form .submit{ position: relative; width: 256px; height: 44px; line-height: 44px; transition: all .3s; text-align: center; border-radius: 30px; background: #00bd95; display: inline-block; overflow: hidden; }
.m_ad .info form .submit::before{ content: ""; display: inline-block; width: 0; height: 100%; position: absolute; left:50%; background: #333; transition: all .3s; }
.m_ad .info form .submit span{ font-size: 18px; color: #fff; position: relative; z-index: 3; transition: all .3s; }
.m_ad .info form .submit:hover::before{ left: 0; transition: all .3s; width: 100%; }
.m_ad .info form .submit:hover span{ transition: all .3s; letter-spacing: 3px; }







/*g_sider*/
.g_sider{ width: 328px; overflow: hidden; margin-bottom: 20px; }
.g_class{ overflow: hidden; width: 100%; }
.g_class > .hd{ background: -webkit-linear-gradient(left, #ff8400 50%, #ff8400 50%); background: -o-linear-gradient(right, #ff8400 50%, #ff8400 50%); background: -moz-linear-gradient(right, #ff8400 50%, #ff8400 50%); background: linear-gradient(to right, #ff8400 50%, #ff8400 50%); padding:21px 0; border-radius: 20px 0 0 0; text-align: center; }
.g_class > .hd b{ display: block; font-size: 32px; color: #ffffff; font-weight: bold; line-height: 1; }
.g_class > .hd span{ display: inline-block; text-align: center; line-height: 1; margin:13px 0; }
.g_class > .hd span i{ display: inline-block; width: 21px; height: 3px; background: #484747; }
.g_class > .hd span i:nth-child(1){ background: #00bd95; }
.g_class > .hd span i:nth-child(2){ background: #ffb15d; }
.g_class > .hd p{ font-size: 18px; line-height: 1; color: #ffffff; }
.g_class > .bd{ width: 100%; box-sizing: border-box; border-left: 1px solid #a3a3a3; border-right: 1px solid #a3a3a3; }
.g_class > .bd a{ display: block; line-height: 54px; box-sizing: border-box; padding:0 56px; position: relative; transition: all .3s; }
.g_class > .bd a span{ position: relative; z-index: 3; font-size: 16px; color: #999999; }
.g_class > .bd a::before{ content: ""; display: block; width: 0; height: 100%; background: #04a583; transition: all .3s; position: absolute; left:0; }
.g_class > .bd a:hover span{ transition: all .3s; color: #fff; }
.g_class > .bd a:hover::before{ width: 100%; transition: all .3s; }
.g_contact{  border: 1px solid #a3a3a3; border-top: 0; background: url(../images/sider_bg.jpg) no-repeat top center; border-radius: 0 0 0 20px; }
.g_contact .hd{ text-align: center; padding:16px 0; }
.g_contact .hd b{ border-radius: 10px; display: inline-block; line-height: 1; padding:9px 20px; background: #ff8400; font-size: 30px; color: #ffffff; font-weight: bold; letter-spacing: 2px; }
.g_contact .hd hr{ display: inline-block; width: 80px; height: 3px; background: #00bd95; margin:12px 0;  }
.g_contact .hd p{ font-size: 16px; color: #333333; line-height: 1; }
.g_contact .bd{ overflow: hidden; padding:0 13px 18px; }
.g_contact .bd .ewm{ overflow: hidden; clear: both; }
.g_contact .bd .ewm img{ width: 152px; float: left; }
.g_contact .bd .ewm p{ margin-left: 16px; width: 16px; font-size: 16px; color: #333333; float: left; padding:8px 0 0; }
.g_contact .bd > p{ font-size: 18px; color: #ffffff; line-height: 1; padding:12px 0; }
.g_contact .bd > b{ font-size: 34px; color: #ffffff; font-weight: bold; line-height: 1; }
/*m_about*/
.m_about{ overflow: hidden; padding:0; }
.m_about .bd{ margin:6px auto 20px; text-align: center; }
.m_about .bd img{ margin-bottom: 20px; }
.m_about .bd p{ font-size: 18px; color: #333; line-height: 30px; }
.show_box{ overflow: hidden; }
.show_box .hd{ overflow: hidden; text-align: center; margin-bottom: 22px; }
.show_box .hd li{ display: inline-block; padding:16px 48px; font-size: 15px; color: #ffffff; background: #ff8400; transition: all .3s; border-radius: 30px; }
.show_box .hd li + li{ margin-left: 50px; }
.show_box .hd li:hover, .show_box .hd li.on{ background: #00bd95; transition: all .3s; }
.show_box .bd{ overflow: hidden; }
.show_box .bd a{ display: block; overflow: hidden; }
.show_box .bd a .img{ width: 100%; height: 256px; background: #f3f3f3; box-sizing: border-box; padding:15px; overflow: hidden; transition: all .3s; }
.show_box .bd a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.show_box .bd a b{ display: block; line-height: 60px; width: 70%; float: left; font-size: 15px; color: #777777; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; transition: all .3s; box-sizing: border-box; }
.show_box .bd a span{ font-size: 15px; color: #777777; display: inline-block; padding-left: 30px; text-transform: uppercase; position: relative; line-height: 60px; }
.show_box .bd a span::before{ content: ""; display: inline-block; width: 20px; background: #5c5c5c; height: 1px; position: absolute; left:0; top:50%; }
.show_box .bd a:hover .img{ transition: all .3s; background: #00bd95; }
.show_box .bd a:hover b{ transition: all .3s; color: #00bd95; padding-left: 5px; }
.show_box .bd a:hover span{ transition: all .3s; color: #00bd95; padding-right: 5px; }
.show_box .bd a:hover span::before{ transition: all .3s; background: #00bd95;}






/* m_solution */
.m_solution{ overflow: hidden; background: #f3f3f3; padding:0 0 36px; }
.m_solution .hd{ padding:30px 0 0; }
.super_list{ overflow: hidden; display: flex; justify-content: space-between; padding:56px 0 0; }
.super_list li{ cursor: pointer; width: 328px; height: 406px; position: relative; overflow: hidden; transition:all .3s; top:0; }
.super_list li dt{ width: 100%;line-height: 0;position: relative; transition: all .3s; }
.super_list li dt img{ width: 100%; height: 100%; object-fit: cover; }
.super_list li dt b{ font-size: 18px; color: #ffffff; height: 70px; line-height: 70px; width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; background: #00bd95; transition: all .3s; }
.super_list li dt em{ display: block; width: 46px; height: 46px; line-height: 46px; background: #273145; border-radius: 50%; position: absolute;top: -23px; left: 50%; margin-left: -23px; font-size: 18px; color: #ffffff; }
.super_list li dd{ width: 100%; height: 100%; position: absolute; top:100%; transition: all .3s; text-align: center; background: rgba(0, 0, 0, .5); padding:92px 0 0;  }
.super_list li dd em{ display: inline-block; width: 46px; height: 46px; line-height: 46px; background: #ff8400; border-radius: 50%; font-size: 18px; color: #ffffff;}
.super_list li dd b{ display: block; font-size: 30px; color: #ffffff; display: block; line-height: 1; padding:18px 0 36px; position: relative; }
.super_list li dd b::after{ content: ""; display: inline-block; width: 48px; height: 4px; border-radius: 3px; background: #fff; position: absolute; bottom:20px; left: 50%; margin-left: -24px; }
.super_list li dd p{ font-size: 18px; color: #ffffff; line-height: 30px; padding:0 15px; text-align: left; }
.super_list li:hover{ transition: all .3s; top:-26px; }
.super_list li:hover dt b{ transition: all .3s; bottom: -30%; }
.super_list li:hover dd{  transition: all .3s; top:0; }

/* m_case */
.m_case{ overflow: hidden; }
.m_case a{ display: block; width: 458px; height: 296px; float: left; margin:0 12px 12px 0; overflow: hidden; position: relative; }
.m_case a:nth-child(3n+0){ margin-right: 0; }
.m_case a > img{ width: 100%; height: 100%; object-fit: cover; }
.m_case a > div{ width: 396px; height: 234px; position: absolute; top:30px; left: 30px; opacity: 0; z-index: 5; }
.m_case a > div b{ font-size: 18px; color: #fff; position: absolute; top:50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 6; transition: all .3s; text-align: center; line-height: 1.5; }
.m_case a > div img{ position: absolute; left: 0; top:0; filter: blur(10px); width: 100%; height: 100%; }
.m_case a:hover > div{ transition: all .3s; opacity: 1; z-index: 5; }
.boxBor { position:absolute; left:0; top:0; display:none; border:6px solid white; z-index:4; overflow: hidden; }
/* m_video */
.m_video{ overflow: hidden; }
.m_video .bd{ overflow: hidden; }
.m_video .bd .type{ text-align: center; margin-bottom: 46px; }
.m_video .bd .type a{ display: inline-block; padding:10px 30px; font-size: 16px; color: #333333; line-height: 1; background: #f5f5f5; border-radius: 30px; margin:0 15px; transition: all .3s; }
.m_video .bd .type a:hover{ background: #00bd95; color: #fff; transition: all .3s; }
#video{ padding:22px 15px 15px; overflow: hidden; }
#video a, .video_list a{ display: block; background: #fff; padding:18px; box-shadow: 0 0 15px #9d9d9d; position: relative; top:0; transition: all .3s; }
#video a .img, .video_list a .img{ width: 100%; height: 230px; overflow: hidden; }
#video a .img img, .video_list a .img img{ width: 100%; height: 100%; object-fit: cover; }
#video a .txt, .video_list a .txt{ overflow: hidden; padding: 30px 0; position: relative; transition: all .3s; }
#video a .txt b, .video_list a .txt b{ display: block; line-height: 1; font-size: 18px; color: #333333; width: 80%; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; transition: all .3s; padding-left: 0; font-weight: bold; }
#video a .txt b::before, .video_list a .txt b::before{ content: ""; display: inline-block; width: 0; height: 2px; background: #fff; position: absolute; left:0; top:8px; transition: all .3s; }
#video a .txt span, .video_list a .txt span{ font-size: 32px; color: #00bd95; line-height: 1; position: absolute; right: 20px; top:30px; }
#video a .txt p, .video_list a .txt p{ margin-top: 24px; font: 14px; color: #333333; line-height: 2; font-family: 200; }
#video a:hover, .video_list a:hover{ transition: all .3s; top:-22px; background: #00bd95; box-shadow: none; }
#video a:hover img, .video_list a:hover img{ transition: all .3s; transform: scale(1.05); }
#video a:hover b, .video_list a:hover b{ color: #fff; transition: all .3s; box-sizing: border-box; padding-left: 54px; }
#video a:hover b::before, .video_list a:hover b::before{ transition: all .3s; width: 38px; }
#video a:hover .txt, .video_list a:hover .txt{ transition: all .3s; padding:30px 0 62px; }
#video a:hover .txt span, .video_list a:hover .txt span{ transition: all .3s; top:212px; color: #fff; }
#video a:hover .txt p, .video_list a:hover .txt p{ transition: all .3s; color: #fff; }
.video_list li{ width: 49%; float: left; padding:10px 0; }
.video_list li:nth-child(2n+0){ margin-left: 2%; }
.video_list a:hover{ transition: all .3s; top:0px; background: #00bd95; box-shadow: none; }
.video_list a:hover .txt{ padding:30px 0 ; }
.video_list a:hover .txt span{ top:162px; }
/* m_news */
.m_news{ overflow: hidden; }
.m_news .bd{ overflow: hidden; padding:0 100px 40px; }
.m_news .bd .fl{ width: 585px; float: left; }
.m_news .bd .fr{ width: 585px; float: left; margin-left: 30px; }
.m_news .bd .news_focus{ width: 100%; overflow: hidden; }
.m_news .bd .news_focus .img{ width: 100%; height: 376px; overflow: hidden; background: #f1f1f1; }
.m_news .bd .news_focus .img img{ width: 100%; height:100%; object-fit: cover; transition: all .3s; }
.m_news .bd .news_focus .txt{ padding:20px; }
.m_news .bd .news_focus .txt b{ font-size: 26px; color: #1d1c1c; line-height: 50px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; transition: all .3s; }
.m_news .bd .news_focus .txt b::before{ content:""; display: inline-block; width:4px; height: 0; position: absolute; top:0; left:0; transition: all .3s; background: #00bd95; }
.m_news .bd .news_focus .txt p{ font-size: 14px; color: #555555; line-height: 2; }
.m_news .bd .news_focus:hover img{ transition: all .3s; transform: scale(1.05) rotate(-5deg); }
.m_news .bd .news_focus:hover b{ transition: all .3s; color: #00bd95; padding-left: 20px; }
.m_news .bd .news_focus:hover b::before{ transition: all .3s; height: 100%; }
.m_news .bd .news_img{ width: 100%; overflow: hidden; display: block; margin-bottom: 12px; }
.m_news .bd .news_img .img{ width: 220px; height: 150px; overflow: hidden; float: left; }
.m_news .bd .news_img .img img{ width: 100%; height: 100%; object-fit: cover; transition: .3s; }
.m_news .bd .news_img .txt{ width: 330px; float: left; margin-left: 12px; }
.m_news .bd .news_img .txt b{ display: block; line-height: 40px; font-size: 20px; color: #1d1c1c; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_news .bd .news_img .txt p{ margin:12px 0 20px; font-size: 14px; color: #555555; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.m_news .bd .news_img .txt small{ font-size: 14px; color: #555555; }
.m_news .bd .news_img:hover img{ transition: all .3s; transform: scale(1.05) ; }
.m_news .bd .news_img:hover b{ transition: all .3s; color: #00bd95; padding-left: 20px; }
.m_news .bd .news_img + .news_li{ padding-top:16px; border-top: 2px solid #e8e8e8; }
.m_news .bd .news_li{ display: block; line-height: 36px; overflow: hidden; }
.m_news .bd .news_li span{ margin-top:11px; display: inline-block; width:0; height:0; border-top:7px solid transparent; border-bottom: 7px solid transparent; border-left: 12px solid #00bd95; float: left; margin-right: 10px; position: relative; right: 0; transition: all .3s; }
.m_news .bd .news_li b{ font-size: 14px; color: #555555; width: 80%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding-left: 0; }
.m_news .bd .news_li small{ font-size: 14px; color: #555555; float: right; transition: all .3s; }
.m_news .bd .news_li:hover span{ transition: all .3s; right: -10px; }
.m_news .bd .news_li:hover b{ transition: all .3s; color: #00bd95; padding-left: 10px; font-weight: bold; }
.m_news .bd .news_li:hover small{ transition: all .3s; color: #00bd95; font-weight: bold; }
/*footer*/
.footer{ overflow: hidden; clear: both; background: #333333; }
/* f_nav */
.f_nav{ height: 62px; line-height: 62px; background: #00bd95; border-radius: 0 0 15px 15px; margin-bottom: 50px; }
.f_nav a{ display: inline-block; margin:0 42px; font-size: 16px; color: #ffffff; position: relative; transition: all .3s; }
.f_nav a + a::before{ content: ""; display: inline-block; width: 2px; height:18px; position: absolute; left:-42px; top: 24px; background: #fff; }
.f_nav a:hover{ transition: all .3s; color: #ff8400; }
/* type_nav */
.type_nav{ width: 461px; float: left; height: 251px; border-right: 1px solid #fff; box-sizing: border-box; padding-left: 180px; }
.type_nav > b, .f_contact > b{ font-size: 18px; color: #fff; line-height: 1; display: block; text-align: left; margin-bottom: 26px; font-weight: bold; }
.type_nav ul, .type_nav li{ overflow: hidden; display: block; }
.type_nav li{ line-height: 28px; }
.type_nav li a{ font-size: 14px; color: #ffffff; }
.type_nav li a:hover{ color: #00bd95; }
/* f_contact */
.f_contact{ width: 474px; float: left; height: 251px; border-right: 1px solid #fff; box-sizing: border-box; padding-left: 116px; }
.f_contact .tel{ overflow: hidden; margin-bottom: 32px; }
.f_contact .tel p{ font-size: 14px; color: #ffffff; line-height: 36px; }
.f_contact .tel b{ font-size: 30px; color: #ffffff; font-weight: bold; line-height: 1; }
.f_contact > p, .f_contact > p a{ font-size: 14px; color: #ffffff; line-height: 30px;  }
/* f_ewm */
.f_ewm{ width: 463px; float: right; text-align: center; }
.f_ewm b{ font-size: 18px; color: #fff; line-height: 1; display: block; text-align: center; margin-bottom: 26px; font-weight: bold; }
.f_ewm > div{ border-radius: 8px; display: inline-block; width: 172px; background: #fff; padding:10px; box-sizing: border-box; }
.f_ewm > div p{ font-size: 18px; color: #999999; line-height: 1; margin-top: 12px; }
.f_ewm > div + div{ margin-left: 30px; }
/* f_logo */
.f_logo{ overflow: hidden; padding:40px 0; position: relative; text-align: center; }
.f_logo a{ display: inline-block; padding:0 30px; position: relative; z-index: 3; background: #333333; }
.f_logo::before{ content: ""; display: block; width: 100%; height: 2px; background: #717171; position: absolute; left:0; top:50%; margin-top: -1px; }
/*f_copy*/
.f_copy{ text-align: center; height: 48px; line-height: 48px; background: #484747; }
.f_copy p, .f_copy p a{ font-size: 14px; color: #ffffff; }
.f_copy p a:hover{ color: #00bd95; }
/*main*/
.main .article{ width:1042px; }
.main .inner{ overflow: visible; }
.pro_list{ overflow: hidden;  }
.pro_list li{ width: 334px; float: left; margin:0 20px 20px 0; }
.pro_list li:nth-child(3n+0){ margin-right: 0; }
.pro_list li .img{ width: 100%; height: 300px; box-sizing: border-box; border:1px solid #989898; overflow: hidden; position: relative; }
.pro_list li .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.pro_list li .img .info{ background: rgba(0, 0, 0, .8); display: block; width: 100%; height: 100%; padding:25px; position: absolute; top:100%; transition: all .3s; box-sizing: border-box; }
.pro_list li .img .info div{ border:1px solid #d6d6d6; width: 100%; height: 100%; padding:40px 10px; text-align: center; box-sizing: border-box; }
.pro_list li .img .info p{ font-size: 16px; color: #ffffff; line-height: 30px; }
.pro_list li .img .info p + a{ margin-top: 20px; }
.pro_list li .img .info a{ display: inline-block; padding:12px 32px; background: #fff; border-radius: 5px; font-size: 16px; color: #333333; line-height: 1; clear: both; transition: all .3s; }
.pro_list li .img .info a + a{ background: #ff8400; color: #fff; margin-top: 8px; }
.pro_list li .img .info a:hover{ background: #00bd95; color: #fff; transition: all .3s; }
.pro_list li .txt{ border:1px solid #989898; border-top:0; padding:20px; overflow: hidden; }
.pro_list li .txt b{ display: block; font-size: 18px; color: #444444; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro_list li .txt p{ font-size: 14px; color: #444444; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin:14px 0 24px; }
.pro_list li .txt .line{ display: inline-block; margin:5px 0; float: left; width: 82px; height: 2px; background: #c4c4c4; position: relative; }
.pro_list li .txt .line::before{ content: ""; display: inline-block; width: 30px; height: 2px; background: #00bd95; position: absolute; left: 0; top:0; }
.pro_list li .txt small{ float: right; font-size: 14px; color: #444444; text-transform: uppercase; }
.pro_list li:hover .info{ transition: all .3s; top:0; }
.pro_list li:hover .line::before{ transition: all .3s; width:100%; }
/* video */
.jw-error .jw-preview,.jw-stretch-uniform .jw-preview,.jwplayer .jw-preview{background-size:contain !important;}
.jw-flag-compact-player .jw-icon-playlist,.jw-flag-compact-player .jw-text-duration,.jw-flag-compact-player .jw-text-elapsed,.jw-flag-touch.jw-state-paused.jw-flag-dragging .jw-display-icon-container{display:inline-block !important;}
.jw-icon-barlogo-new,.jw-icon-tooltip.jw-hidden,.jwplayer .jw-rightclick.jw-open{display:none !important;}
.jw-skin-bce .jw-controlbar .jw-icon-hd .jw-hd-label{margin-top:8px !important;}
.media-info{display:none;padding:0 38px;}
.media-info p{font-size:14px;line-height:26px;color:#737373;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.media-info p span{color:#252525;}
.video-error{display:none;position:absolute;left:0;right:0;top:50%;margin-top:-50px;overflow:hidden;text-align:center;font-size:12px;color:#999;line-height:20px;}
/* location */
.location{ overflow: hidden; margin-bottom: 20px; }
.location p, .location a{ line-height: 1; font-size: 14px; color: #777777; transition: all .3s; }
.location p span{ font-size: 20px; line-height: 1; margin-right: 12px; }
.location a:hover{ transition: all .3s; color: #00bd95; }
/* g_info */
.g_info{ width: 1042px;  position: relative; }
.g_focus{ overflow: hidden; }
.g_focus .fl{ width: 476px; position: relative; }
.g_focus .fr{ width: 560px; position: relative; }
.g_focus .fr b{ margin-bottom: 10px; display: block; overflow: hidden; line-height: 36px; border-bottom: 1px dashed #b3b4b4; font-size: 24px; color: #273145; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g_focus .fr p{ font-size: 16px; color: #2c2c2c; line-height: 34px; }
.g_focus .fr .tel{ padding:20px 38px; background: #f9f9f9; margin-top: 72px; }
.g_focus .fr .tel p{ font-size: 16px; color: #000000; margin-bottom: 20px; }
.g_focus .fr .tel p i{ font-size: 30px; color: #ff8400; position: relative; top:-2px; }
.g_focus .fr .tel a{ border-radius: 5px; padding:12px 26px; display: inline-block; background: #00bd95; transition: all .3s; font-size: 16px; color: #ffffff; position: relative; overflow: hidden; }
.g_focus .fr .tel a + a{ background: #ff8400; margin-left: 20px; }
.g_focus .fr .tel a span{ position: relative; z-index: 3; }
.g_focus .fr .tel a::before{ content: ""; display: inline-block; width: 0; height: 100%; background: #333; transition: all .3s; position:absolute; left:0; top:0; }
.g_focus .fr .tel a:hover::before{ transition: all .3s; width: 100%; }
#gfocus{ width: 444px; box-sizing: border-box; padding-bottom: 78px; overflow: hidden; }
#gfocus .swiper-slide{ width: 100%; height: 286px; border:8px solid #00bd95; box-sizing: border-box; }
#gfocus img{ width: 100%; height: 100%; object-fit: contain; }
#gfocus .swiper-button-next, #gfocus .swiper-button-prev{ background-image: none; width: 30px; height: 70px; background: #d3d3d3; text-align: center; top:auto; bottom:0; margin-top: 0;  }
#gfocus .swiper-button-next span, #gfocus .swiper-button-prev span{ font-size: 18px; color: #fff; line-height: 70px; }
#gfocus .swiper-button-next{ right: 0; } 
#gfocus .swiper-button-prev{ left: 0; }
#gfocus .swiper-button-next:hover{ background: #00bd95; } 
#gfocus .swiper-button-prev:hover{ background: #00bd95; }
.g_list{ width: 79%; position: absolute; left:50px; bottom: 5px; }
#glist{ width: 100%; overflow: hidden; }
#glist .swiper-slide{ width: 100%; height: 60px; border:5px solid #00bd95; box-sizing: border-box; }
#glist .swiper-slide img{ width: 100%; height: 100%; object-fit: contain; }
.g_content{ background: #fff; margin:20px 0; padding:12px; }
.g_content p{ font-size: 18px; color: #373737; line-height: 36px; ; }
.g_content strong{ display: inline-block; padding:10px 12px; background: #00bd95; border-radius: 5px; font-size: 18px; color: #ffffff; line-height: 1; font-weight: normal; margin:10px 0; }
.g_tit{ line-height: 46px; font-size: 28px; font-weight: bold; color: #273145; border-bottom: 2px solid #ebebeb; position: relative; margin:12px 0; }
.g_tit::before{ display: block; content: ""; width: 132px; height: 4px; background: #00bd95; position: absolute; left:0; bottom:-2px; }
.g_content .parm{ display: block; }
.g_content .parm li{ margin-bottom: 2px; overflow: hidden; }
.g_content .parm li span{ display: block; float: left; box-sizing: border-box; background: #ff8400; color: #fff; line-height: 62px; width: 20%; text-align: center; font-size: 18px; }
.g_content .parm li span + span{ width: 80%; border-left: 2px solid #fff; }
.g_content .parm li:nth-child(even) span{ background: #00bd95; }
.g_crop{ display: block; width: 100%; padding:12px 0; overflow: hidden; }
.g_crop li{ width: 16.5%; float: left; text-align: center; }
.g_crop li p{ font-size: 28px; color: #01513b; }
.g_situation{ overflow: hidden; width: 100%; }
.g_situation .hd{ width: 100%; background: #4fb245; padding:15px 0; text-align: center; }
.g_situation .hd > b{ display: block; font-size: 60px; color: #ffffff; line-height: 1; letter-spacing: 2px; margin-bottom: 10px; }
.g_situation .hd > small{ font-size: 18px; color: #ffffff; text-transform: uppercase; letter-spacing: 5px; }
.g_situation .bd{ padding:40px; box-sizing: border-box; width: 100%; overflow: hidden; }
.g_situation .bd .fl{ width: 250px; float: left; }
.g_situation .bd .fl span{ background: #ff8200; text-align: center; display: inline-block; width: 220px; height: 68px; line-height: 68px; font-size: 36px; color: #ffffff; }
.g_situation .bd .fl span + span{ margin-top: 20px; }
.g_situation .bd .fr{ width: 688px; float: right; }
.g_situation .bd .fr > div{ overflow: hidden;  }
.g_situation .bd .fr > div p{ font-size: 30px; color: #101010; line-height: 1; margin-bottom: 15px; }
.g_situation .bd .fr > div b{ font-weight: bold; display: block; font-size: 60px; color: #ff8200; line-height: 1; margin-bottom: 10px; }
.g_situation .bd .fr > div small{ font-size: 30px; color: #141414; line-height: 1; text-transform: uppercase; }
.g_situation .bd .fr > div i{ display: block; width: 100%; text-align: right; font-size: 206px; color: rgba(219, 219, 219, .5); font-weight: bold; text-transform: uppercase; }
.g_situation .bd .fr > span{ background: #ff8200; text-align: center; display: inline-block; width: 220px; height: 68px; line-height: 68px; font-size: 36px; color: #ffffff; }
.g_situation .bd .fr > span + span{ margin-left: 9px; }
.g_footer{ overflow: hidden; width: 100%; text-align: center; }
.g_footer b{ font-size: 60px; color: #ff8200; padding:12px 0; display: block; text-indent: -99999px; background: url(../images/bb.jpg) no-repeat center; height: 84px; }
.g_footer b small{ font-size: 90px; color: #4fb245; }
.g_footer > span{ display: inline-block; padding:10px 18px; border:1px solid #535353; font-size: 24px; color: #2c2c2c; margin-bottom: 18px; }
.g_footer ul{ overflow: hidden; display: block;  }
.g_footer li{ width: 16.5%; float: left; text-align: center; }
.g_footer li div{ display: inline-block; border:1px solid #1e1e1e; border-radius: 5px; text-align: center; padding:10px; }
.g_footer li div span{ font-size: 68px; color: #515151; line-height: 1; }
.g_footer li div p{ font-size: 24px; color: #2d2d2d; margin-top:10px; }






/*g_xgcp*/
.g_xgcp{ width: 328px; overflow: hidden; margin:24px 0; box-shadow: 0 0 15px rgba(0,0,0,.4); background: #fff; }
.g_xgcp > b{ display: block; line-height: 78px; background: #00bd95; border-top:8px solid #ff8400; font-size: 24px; color: #ffffff; }
.g_xgcp > b span{ display: inline-block; margin:0 12px 0 35px; color: #fff; font-size: 24px; }
.g_xgcp .bd{ padding:15px; }
#g_xgcp{ width: 100%; }
.g_xgcp a{ display: block; width: 100%;  overflow: hidden; position: relative; }
.g_xgcp a .img{ width: 100%; height: 198px; overflow: hidden; border:1px solid #00bd95; box-sizing: border-box; }
.g_xgcp a img{ width: 100%; height: 100%; object-fit: contain;  transition: all .3s; }
.g_xgcp a b{ display: block; line-height: 44px; text-align: center; font-size: 16px; color: #00bd95; font-weight: light; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.g_xgcp a:hover img{ transition: all .3s; transform: scale(1.05); }

/* g_compny */
.g_compny{ font-size: 24px; color: #000000; line-height: 2; }
.g_compny img{ margin:12px 0; }
/* g_case */
#g_case{ background: #00bd95; padding:24px 20px; border-radius: 10px; width: 94%; margin:0 auto; }
#g_case a{ display: block; height: 332px; box-sizing: border-box;  overflow: hidden; position: relative; border-radius: 20px; overflow: hidden; }
#g_case a img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
#g_case a b{ display: block; width: 90%; box-sizing: border-box; left:50%; margin-left: -45%; border-radius: 15px; background: #ff8400; text-align: center; padding:4px 18px; font-size: 14px; color: #ffffff; line-height: 1.5; position: absolute; top:8px; }
/* g_factory */
#g_factory{  padding:26px 0; border-radius: 10px; width: 100%; box-sizing: border-box; margin:0 auto; }
#g_factory a{ display: block; height: 246px; box-sizing: border-box;  overflow: hidden; position: relative; border-radius: 20px; overflow: hidden; border-radius: 5px; }
#g_factory a img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
#g_factory a b{ display: inline-block; box-sizing: border-box; left:0; top:0; border-radius: 5px; background: #4fb245; text-align: center; padding:12px 24px; font-size: 2px; color: #ffffff; line-height: 1.5; position: absolute; }
/* g_honor */
#g_honor{  padding:26px 0; border-radius: 10px; width: 100%; box-sizing: border-box; margin:0 auto; }
#g_honor a{ display: block; height: 160px; box-sizing: border-box;  overflow: hidden; position: relative; border:1px solid #f8f8f8; overflow: hidden; border-radius: 5px; }
#g_honor a img{ width: 100%; height: 100%; object-fit: contain; transition: all .3s; }

/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; clear: both; }
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #00bd95; background: #00bd95;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: none; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: none; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333;}
.de-page-mian .page-inner .page-btn{ display:none; }
/* no-goods */
.no-goods{ text-align: center; width: 100%; padding:60px 0;  }
.no-goods p{ font-size: 16px; color: #999; line-height: 2; }
/* m_culture */
.m_culture{ background: url(../images/culture_bg.jpg) no-repeat center; padding:90px 0 60px; }
.m_culture .hd{ overflow: hidden; }
.m_culture .hd span{ font-size: 40px; color: #fff; text-transform: uppercase; font-weight: bold; display: block; }
.m_culture .hd b{ font-weight: normal; display: block; font-size: 36px; color: #ffffff; line-height: 1; margin: 10px 0 12px; }
.m_culture .bd{ padding:30px 0 0; }
.m_culture .bd p{ font-size: 16px; color: #fff; line-height: 30px; }

/*c_case*/
.c_case{ background: url(../images/flow_bg.jpg) no-repeat top center; background-size: cover; padding:40px 0; }
.c_case .hd b{ padding-bottom: 0; font-size: 32px; font-weight: normal; display: inline-block; position: relative; }
.c_case .hd b::before{ content: ""; display: inline-block; width: 40px; height: 2px; background: #666; border:0; position: absolute; left: -60px; top:50%; margin-top: -1px; }
.c_case .hd b::after{ content: ""; display: inline-block; width: 40px; height: 2px; background: #666; border:0; position: absolute; left: auto; right: -60px; top:50%; margin-top: -1px; }
.c_case .hd{ padding-bottom: 40px; text-align: center; }
.c_case .bd{ overflow: hidden; }
.c_case .bd a{ display: block; width: 100%;  }
.c_case .bd a .img{ width: 100%; height: 260px; background: #fff; }
.c_case .bd a .img img{ width: 100%; height: 100%; object-fit: cover; }
.c_case .bd a p{ font-size: 14px; color: #333333; line-height: 1; padding:15px 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.c_case .bd a:hover p{ color: #00bd95; }
.c_case .bd .swiper-button-next,.c_case .bd .swiper-button-prev{ background-image: none; width: 40px; height: 60px; background: rgba(0,0,0,.5); text-align: center; margin-top: -30px; line-height: 60px; }
.c_case .bd .swiper-button-prev span, .c_case .bd .swiper-button-next span{ font-size: 30px; color: #fff; line-height: 60px; }
.c_case .bd .swiper-button-next{ right: -60px; transition: all .3s; }
.c_case .bd .swiper-button-prev{ left: -60px; transition: all .3s; }
.c_case .bd:hover .swiper-button-next{ right: 0; transition: all .3s; }
.c_case .bd:hover .swiper-button-prev{ left: 0; transition: all .3s; }
/*飘窗*/
/*scrollsidebar*/
.scrollsidebar{ padding-left: 30px; position:absolute; z-index:999; top:150px; width: 195px; overflow: hidden; transition: all .3s; }
.scrollsidebar .close_btn{ cursor: pointer; display: inline-block; width: 60px; height: 60px; background: #323335; position: absolute; top:0; left: 0; border-radius: 50%; z-index: 25; }
.scrollsidebar .show_btn{ cursor: pointer; display: inline-block; width: 60px; height: 60px; background: #323335; position: absolute; top:0; left: 0; border-radius: 50%; z-index: 24; }
.scrollsidebar .close_btn span, .scrollsidebar .show_btn span{ display: inline-block; font-size: 18px; color: #fff; margin:20px 0 0 10px; line-height: 1; }
.scrollsidebar .s_center{ position: relative; z-index: 33; width: 170px; background: #00bd95; text-align: center; box-sizing: border-box; padding:12px 16px 36px; }
.scrollsidebar .s_center strong{ font-size: 18px; color: #fff; line-height: 1; display: block; margin:12px 0; }
.scrollsidebar .s_center span{ font-size: 12px; color: #fff; text-transform: uppercase; line-height: 1; margin-bottom:12px; display: inline-block; }
.scrollsidebar .s_center .img{ width: 100%; background: #fff; }
.scrollsidebar .s_center .img p{ line-height: 38px; font-size: 14px; color: #666666; margin:-10px 0 0; }
.scrollsidebar .s_center p{ font-size: 15px; color: #fff; line-height: 1; margin:14px 0; }
.scrollsidebar .s_center b{ font-size: 16px; color: #fff; font-weight: bold; }
.scrollsidebar .s_center a{ display: inline-block; padding:10px 15px; background: #fff; border-radius: 3px; font-size: 14px; color: #3f3f3f; margin-top:14px; }
.scrollsidebar .s_center a span{ display: inline-block; line-height: 1; color: #00bd95; font-size: 18px; margin:0 8px 0 0; }
.scrollsidebar .s_center .cd-top{ position: absolute; bottom:0; left: 0; width: 100%; z-index: 33; cursor: pointer; }
/* playercontainer */
#playercontainer{ margin:10px auto; }
/*新闻列表*/
.news_list{ overflow: hidden; width: 100%; }
.news_list li + li a{ border-top:1px solid #e9e9e8; }
.news_list a .fl{ width: 260px; }
.news_list a .fr{ width: 777px; box-sizing: border-box; padding-left: 20px; }
.news_list a{ display: block; display: flex; padding:20px 0; }
.news_list a .img{ width: 100%; height: 160px; overflow: hidden; position: relative; }
.news_list a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.news_list a .img span{ position: absolute; left: 50%; top:50%; color: #666; font-size: 12px;  opacity: 0; }
.news_list a .txt{ overflow: hidden; }
.news_list a .txt strong{ transition: all .3s; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; color: #1E1E1E; font-weight: normal; margin:12px 0 6px; }
.news_list a .txt small{ color: #999; font-size: 12px; margin-bottom: 30px; display: block; }
.news_list a .txt p{ position: relative; transition: all .3s; font-size: 14px; color: #777; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news_list a .txt p::before{ content: ""; display: inline-block; width: 2px; height: 0; position: absolute; left: 0; top:0; transition: all .3s; background: #00bd95; border:0; }
.news_list a:hover strong{ transition: all .3s; color: #00bd95; }
.news_list a:hover .txt p{ transition: all .3s; padding-left: 30px; }
.news_list a:hover .txt ::before{ transition: all .3s; height: 100%; }
.news_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.news_list a:hover .img small{ opacity: 1; transition: all .3s; background: rgba(255,255,255,.6); padding:8px 16px; }

/*news_content*/
.news_content{ overflow: hidden; margin:30px 0; }
.news_title h2{ font-size: 24px; color: #333; font-weight: bold; margin-bottom: 12px; line-height: 1.5; }
.news_title p{ font-size: 16px; color: #999; padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.news_content .fl{ width: 100%; background: #fff; box-sizing: border-box; padding:30px; }
.news_content .fl p{ font-size: 16px; color: #333; line-height: 2; margin-bottom: 10px; }
.news_content .fr{ width: 100%; box-sizing: border-box; }
.news_content .fr div{ float: left; font-size: 16px; color: #666; padding:20px; background: #fff; margin-bottom: 20px; }
.news_content .fr div + div{ float: right; }
.news_content .fr div a{ display: block; margin:12px 0; font-size: 18px; color: #666; line-height: 1.5; }
.news_content .fr div a:hover{ color: #0344a5; }
.case_info img{ width: 100%; height: 460px; object-fit: cover; border:1px solid #c5c5c5; padding:5px; margin-bottom: 25px; }
.case_info .fl p b{ font-weight: bold; font-size: 18px; }









/* -------------------------------------------------------------------------------------------------- */













#dplayer{ width: 92.5%; height: 460px; margin:0 auto 20px; padding:20px 0 0; }
/*案例*/

.case_list li{ width: 278px; float: left; margin:0 20px 20px 0; }
.case_list li:nth-child(3n+0){ margin-right: 0; }
.case_list li a{ display: block; overflow: hidden; border:1px solid #dedada; position: relative; }
.case_list li a .img{ width: 100%; height: 236px; overflow: hidden; }
.case_list li a .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.case_list li a .txt{ border-top:1px solid #dedada; box-sizing: border-box; padding:14px 12px;  }
.case_list li a .txt p{ text-align: center; font-size: 16px; color: #333333; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case_list li a:hover img{ transition: all .3s; transform: scale(1.05); }
.case_list li a:hover p{ color: #00bd95; font-weight: bold; }

#contact_msg, .c_tit{ overflow: hidden; padding:0 0 20px; width: 100%; }
#contact_msg .hd, .c_tit .hd{ text-align: center; }
#contact_msg .hd b, .c_tit .hd b{ position: relative; font-size: 36px; color: #333; line-height: 1; margin:12px 0 20px; display: block; font-weight: normal;  }
#contact_msg .hd b::after, .c_tit .hd b::after{ content: ""; display: inline-block; width: 60px; height: 4px; border:0; background: #00bd95; position: absolute; left: 50%; margin-left: -30px; bottom:-20px; }
#contact_msg .hd p, .c_tit .hd p{ font-size: 14px; color: #999; padding:20px 0; }
#contact_msg .bd{ background: #f7f7f7; padding:40px; overflow: hidden; margin:10px 0 30px; }
#contact_msg .bd .col-md-6{ width:48%; float: left; }
#contact_msg .bd .col-md-6:nth-child(odd){ margin-left: 4%; }
#contact_msg .bd .form_item{ margin-bottom: 30px; background: #fff; height: 46px; border:1px solid #eee; }
#contact_msg .bd .form_item label{ line-height: 46px; font-size: 16px; color: #666; width: 10%; text-align: center; float: left; }
#contact_msg .bd .form_item input{ width: 90%; float: left; height: 100%; outline: none; border:0; }
#contact_msg .bd .form_box{ overflow: hidden; margin-bottom: 30px; background: #fff; height: 100px; border:1px solid #eee; }
#contact_msg .bd .form_box label{ display: block; text-align: left; box-sizing: border-box; padding-left: 17px; line-height: 46px; font-size: 16px; color: #666;  }
#contact_msg .bd .form_box textarea{ width: 100%; height: 100%; padding:5px 17px; font-size: 14px; color: #333; border:0; }
#contact_msg .bd .form_item:last-child label{ width: auto; padding:0 17px; }
#contact_msg .bd .form_item:last-child img{ height: 34px; float: left; margin-top: 6px; }
#contact_msg .bd .form_item:last-child input{ width: 82%; float: left; box-sizing: border-box; padding-left: 5px; }
#contact_msg .bd .submit{ display: block; width: 100%; padding:24px 0; line-height: 1; font-size: 16px; color: #fff; background: #00bd95; text-align: center; border-radius: 5px; }
#contact_msg .bd .submit:hover{ background: #e9a641; transition: all .3s; }

/*contact*/
.t_info{ overflow: hidden; margin-bottom: 40px; }
.t_info ul{ overflow: hidden; }
.t_info li{ width: 350px; float: left; text-align: center; box-sizing:border-box; padding:15px; }
.t_info li span{ font-size: 82px; color: #999; margin-bottom: 15px; display: inline-block; }
.t_info li + li{ border-left: 1px solid #ededed; }
.t_info li b{ font-size: 26px;  color: #333; display: block; margin:0 0 5px; }
.t_info li p{ font-size: 20px; font-weight: bold; color: #999; line-height: 1.5; }
.t_info li p{ margin-bottom: 0; }
#dituContent{ width:100%; box-sizing:border-box; height:460px; overflow:hidden; margin:20px 0; border:1px solid #ccc;}
#dituContent p{ margin-bottom: 0; }
.main .catname{ font-size: 28px; color: #333; height: 42px; line-height: 28px; margin:28px 0; }


.honor_list{ overflow: hidden; }
.honor_list li{ width: 278px; float: left; margin:0 20px 20px 0; }
.honor_list li:nth-child(3n+0){ margin-right: 0; }
.honor_list li a{ display: block; overflow: hidden; border:1px solid #dedada; position: relative; }
.honor_list li a .img{ width: 100%; height: 390px; overflow: hidden; }
.honor_list li a .img img{ width: 100%; height: 100%; object-fit: contain; transition: all .3s; }
.honor_list li a .txt{ border-top:1px solid #dedada; box-sizing: border-box; padding:14px 12px;  }
.honor_list li a .txt p{ text-align: center; font-size: 16px; color: #333333; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.honor_list li a:hover img{ transition: all .3s; transform: scale(1.05); }
.honor_list li a:hover p{ color: #00bd95; font-weight: bold; }