/*!
 * @ 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,strong,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: 1200px; 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; border-radius: 30px; }
.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; }
.fl{ float: left; }
.fr{ float: right; }
.text-center{ text-align: center; }
input:active, input:focus, button:active, button:focus, textarea:focus{ border:none; outline:0; }
@font-face{ font-family: DIN; src: url('./fonts/DIN-Medium.ttf'); }
@font-face{ font-family: DINB; src: url('./fonts/DIN-Black.otf'); }
@font-face{ font-family: YS; src: url('./fonts/YS.ttf'); }
@font-face {
  font-family: 'iconfont';  /* Project id 3044360 */
  src: url('http://at.alicdn.com/t/font_3044360_2d2qlil7a15.woff2?t=1643168942094') format('woff2'),
       url('http://at.alicdn.com/t/font_3044360_2d2qlil7a15.woff?t=1643168942094') format('woff'),
       url('http://at.alicdn.com/t/font_3044360_2d2qlil7a15.ttf?t=1643168942094') format('truetype');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/* 网站色值设置 */
body{ --zhu-color:#0074c7; --pei-color:#fb9414; }
/*no-goods*/
.no-goods{ width: 100%;}
.no-goods,.no-network{padding:100px 0; overflow: hidden; text-align: center;}
.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}
.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}
/*page*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; width: 100%; 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 4px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden; border-radius: 5px; }
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: var(--zhu-color); background: var(--zhu-color);}
.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: block; font-size: 12px; color: #333; float: left; line-height: 38px; border-radius: 5px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px; border-radius: 5px;}
/*h_tool*/
.h_tool{ overflow: hidden; height:47px; background: #ffffff url(../images/tool_bg.png) no-repeat top center; border-bottom: 1px solid #ecebea; }
.h_tool .inner{ height: 100%; display: flex; align-items: center; justify-content: space-between; }
.h_tool p{ font-size: 14px; color: #9a9999; }
.h_tool p span{ font-size: 14px; margin-right: 6px; color: #9a9999; line-height: 1; }
.h_tool ul{ overflow: hidden; display: flex; align-items: center; justify-content: flex-end; }
.h_tool li{ display: inline-block; padding:0 18px; position: relative; transition: all .3s; }
.h_tool li + li::before{ display: inline-block; content: ""; width: 1px; height: 12px; background: rgba(255, 255, 255, .45); position: absolute; left:0; top:50%; margin-top: -6px; }
.h_tool li a{ display: inline-flex; align-items: center; }
.h_tool li small{ font-size: 14px; color: #fff; line-height: 1; transition: all .3s;  }
.h_tool li span{ font-size: 18px; color: #fff; line-height: 1; transition: all .3s; margin-right: 8px; }
.h_tool li:hover small, .h_tool li:hover span{ transition: all .3s; color: var(--pei-color);  }
/*h_top*/
.h_top{ padding:32px 0; overflow: hidden; }
.h_top .inner{ height: 100%; display: flex; align-items: center; justify-content: space-between; }
.h_top .logo{ display: inline-flex; align-items: center; }
.h_top .logo .info{ margin-left: 15px; padding-left: 15px; border-left: 1px solid #dcdcdc; }
.h_top .logo .info p{ font-size: 22px; color: #fb9414; font-weight: bold; line-height: 1; }
.h_top .logo .info span{ display: inline-block; padding:3px 24px; background: var(--zhu-color); border-radius: 20px; font-size: 16px; color: #ffffff; line-height: 1; margin:6px 6px 0 0; }
.h_top .tel{ display: inline-flex; align-items: center; }
.h_top .tel span{ font-size: 50px; font-weight: 200; line-height: 1; color: #acabab; margin-right: 8px; display: inline-flex; }
.h_top .tel p{ font-size: 14px; color: #333333; line-height: 1; }
.h_top .tel b{ font-size: 30px; color: var(--zhu-color); font-family: DIN; font-weight: bold; margin-top: 6px; line-height: 1; display: block; }
/*h_menu*/
.h_menu{ height: 48px; line-height: 48px; background: var(--zhu-color); position: relative; overflow: hidden; }
.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; background: url(../images/menu_li_bg.png) no-repeat left center; position: relative; }
.h_menu .nav > li:nth-child(1){ background: none; }
.h_menu .nav > li > a{ display: block; transition: all .3s; position: relative; }
.h_menu .nav > li > a span{ line-height: 48px; transition: all .3s; font-size: 15px; color: #ffffff; display: block; width: 100%; height: 100%; }
.h_menu .nav > li > a:hover span{ background: var(--pei-color); color: #fff;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: 13px; color: #ffffff; background: var(--zhu-color); font-weight: light; display: block; overflow: hidden; height: 46px; line-height: 46px; transition: all .3s; }
.h_menu .nav li div a span{ position: relative; z-index: 33; }
.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; }
.h_menu:hover{ overflow: visible; }
/*banner*/
#banner{ width: 100%; height: 598px; }
#banner .swiper-slide{ min-width: 1200px; 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: 598px; width: 1200px; margin:0 auto; display: block; }
#banner .swiper-slide .b1_tit{ position: absolute; top:133px; left: 6px; }
#banner .swiper-slide .b1_4{ position: absolute; top:270px; left: 6px; }
#banner .swiper-slide .b1_3{ position: absolute; top:370px; left: 6px; }
#banner .swiper-slide .b1_img{position: absolute; top:40px; right: -110px; }
#banner .swiper-slide .b2_img{ position: absolute; top:75px; left: 120px; }
#banner .swiper-slide .b2_p{ position: absolute; top:324px; left: 66px; }
#banner .swiper-slide .b3_tit{ position: absolute; top:162px; left: -16px; }
#banner .swiper-slide .b3_p1{ position: absolute; top:328px; left: 0; }
#banner .swiper-slide .b3_p2{ position: absolute; top:416px; left: 0; }
#banner .swiper-slide .b3_img{ position: absolute; top:84px; right: 62px; }
#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: 60px; }
#banner .swiper-button-next{ left: auto; right: 60px; }
#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 var(--pei-color); }
#banner .swiper-pagination-bullet-active::before{ background: var(--pei-color);  }
/*h-key*/
.h-key{ background: #dcdada; padding:8px 0; overflow: hidden; }
.h-keys{ line-height: 36px; box-sizing: border-box;  }
.h-keys b{ display: inline-block; float: left; font-size: 16px; color: var(--pei-color); font-weight: bold; }
.h-keys b span{ display: inline-block; width: 16px; height: 16px; line-height: 16px; text-align: center; background: var(--pei-color); border-radius: 50%; position: relative; top:-12px; left:-6px; font-size: 12px; color: #fff; }
.h-keys a{ display: inline-block; font-size: 14px; color: #666666; padding:0 8px; line-height: 1; }
.h-keys a:hover{ color: var(--pei-color); }
.h-search{ overflow: hidden; }
.h-search form{ width: 330px; height: 36px;border-radius: 30px; background: #ffffff; overflow: hidden; }
.h-search .search_text{ width: 283px; height: 36px; box-sizing: border-box; padding:0 20px; background: transparent; border:0; outline: none; float: left; box-sizing: border-box; line-height: 36px; font-size: 14px; color: #999999; }
.h-search .search_btn{padding: 9px 15px; background: #fb9316; border:0; outline: none; cursor: pointer;  }
.h-search .search_btn span{ font-size: 17px; color: #fff; line-height: 1;  }
/*p_tit*/
.p_tit{ overflow: hidden; text-align: center; position: relative; padding:0 0 78px; }
.p_tit span{ font-size: 100px; color: rgba(51, 51, 51, .06); text-transform: uppercase; line-height: 1; font-family: DINB; font-weight: bold; }
.p_tit b{ margin:-36px 0 0; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 40px; color: #333333; font-weight: bold; }
.p_tit b small{ font-weight: normal; }
.p_tit b i{ display: inline-block; width:15px; height: 15px; background: #333333; border-radius: 50%; margin:0 11px; }
.p_tit p{ font-size: 18px; color: #808080; line-height: 1; margin: 22px 0; }
/*m_pro*/
.m_pro{ overflow: hidden; padding:60px 0; background: #fff; }
.m_pro .fr{ width: 920px; }
.focus_product{ margin-bottom: 12px; border:1px solid #d2d2d2; display: flex; align-items: center; justify-content: space-between; position: relative; }
.focus_product > img{ position: absolute; right: 40px; top:-8px; }
.focus_product .img{ width: 410px; height:300px; overflow: hidden; border-right: 1px solid #d2d2d2;  }
.focus_product .img img{ width: 100%; height:100%; object-fit: cover; overflow: hidden; transition: all .3s; }
.focus_product .info{ height:100%; width:calc(100% - 410px); box-sizing: border-box; padding:35px; }
.focus_product .info b{ display: block; font-size: 24px; color: #262626; font-weight: bold; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom: 20px; }
.focus_product .info p{ font-size: 14px; color: #666666; line-height: 1.7; overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.focus_product .btn{ margin-top: 40px; }
.focus_product .btn a{ position: relative; display: inline-block; padding:13px 16px 13px 24px; background: var(--pei-color); overflow: hidden; border-radius: 30px; }
.focus_product .btn a + a{ background: #686666; margin-left: 20px; }
.focus_product .btn a span{ position: relative; z-index: 3; font-size: 16px; display: inline-block; line-height: 1; margin-right: 6px; color: #f6f5f5; }
.focus_product .btn a small{ position: relative; z-index: 3; display: inline-block; line-height: 1; font-size: 14px; color: #ffffff; }
.focus_product .btn a::before{ content:""; display: block; width: 100%; height: 100%; position: absolute; top:0; left:-88%; border-radius: 30px; background: var(--zhu-color); transition: all .3s; }
.focus_product .btn a:hover::before{ transition: all .3s; left:0; }
.focus_product:hover .img img{ transition: all .3s; transform: scale(1.05); }
#product{ overflow: hidden; width:100%; }
#product a{ display: block; width: 100%; border:1px solid #cecece; box-sizing: border-box; }
#product a .img{ width: 100%; height:238px; border-bottom: 1px solid #cecece; overflow: hidden; }
#product a .img img{ width:100%; height: 100%; object-fit: cover; transition: all .3s; }
#product a .txt{ background: #eeeeee; padding:10px; text-align: center; }
#product a .txt b{ display: block; font-size: 15px; color: #333333; font-weight: bold; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:4px 0 8px; }
#product a .txt small{ display: inline-block; padding:8px 18px; border:1px solid #d6d6d6; border-radius: 30px; font-size: 12px; color: #333333; }
#product a:hover img{ transition: all .3s; transform: scale(1.05); }
#product a:hover small{ transition: all .3s; background: var(--zhu-color); border-color: var(--zhu-color); color: #fff; }
/*g_sider*/
.g_sider{ width: 270px; overflow: hidden; }
.g_class .hd{ background: var(--zhu-color); text-align: center; padding:20px 0; border-radius: 5px 5px 0 0; border-bottom: 11px solid #0f8bff; }
.g_class .hd b{ display: block; font-size: 20px; color: #ffffff; line-height: 1; margin:7px 0 0; }
.g_class .hd span{ display:inline-block; clear: both; font-family: DIN; font-size: 36px; color: #ffffff; text-transform: uppercase; line-height: 1; }
.g_sidemenu{ background: #fff; border:1px solid #cfcfcf; border-radius: 0 0 5px 5px; border-top: 0; padding:15px; overflow: hidden; }
.g_sidemenu b{ display: block; overflow: hidden; border-bottom: 1px solid #e2dfdf; }
.g_sidemenu b > a{ display: flex; align-items: center; font-size: 16px; line-height: 1; color:var(--zhu-color); font-weight: bold; display: block; padding:16px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.g_sidemenu b > a > i{ font-size: 20px; color: var(--zhu-color); line-height: 1; margin-right: 10px; position: relative; top:1px; }
.g_sidemenu b:hover > a{ color: var(--pei-color); transition: all .3s; }
.g_sidemenu b:hover > a > i{ color: var(--pei-color); transition: all .3s; }
.g_sidemenu ul{ overflow: hidden; margin:10px 0; display: flex; flex-wrap: wrap; }
.g_sidemenu ul + b, .g_sidemenu ul + p{ margin-top: 2px; }
.g_sidemenu li{ width:50%; }
.g_sidemenu li a{ line-height: 1.8; position: relative; box-sizing: border-box; padding:1px 2px 1px 10px; transition: all .3s; display: block; width: 100%; font-size: 14px; color: #666666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.g_sidemenu li a::before{ content: ""; display: inline-block; width:2px; height: 2px; background: #666666; position: absolute; left:4px; top:50%; margin-top: -1px; }
.g_sidemenu li a:hover{ transition: all .3s; color: var(--pei-color); }
.g_sidemenu li a:hover::before{ transition: all .3s; background: var(--pei-color); }
.g_contact{ background: var(--zhu-color); border-radius: 5px; text-align: center; overflow: hidden; margin-top:12px; padding:12px 18px; box-sizing: border-box; }
.g_contact .hd{ text-align: center; margin-bottom: 8px; }
.g_contact .hd b{ display: block; font-size: 30px; color: var(--pei-color); font-weight: bold; line-height: 1; margin:0 0 7px; }
.g_contact .hd p{ font-size: 18px; font-weight: bold; color: var(--pei-color); line-height: 1; }
.g_contact .bd{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
.g_contact .bd img{ width: 147px; }
.g_contact .bd p{ font-size: 14px; color: #ffffff; line-height: 1; margin:8px 0; }
.g_contact .bd b{ font-size: 24px; color: #ffffff; font-weight: bold; line-height: 1; }
.s_other .g_sidemenu b > a{ color: #333; font-weight: normal; transition: all .3s; }
.s_other .g_sidemenu b > a i{ color: #333; font-weight: normal; }
.s_other .g_sidemenu b > a:hover{ transition: all .3s; color: var(--zhu-color); }
.s_other .g_sidemenu b > a:hover i{ transition: all .3s; color: var(--zhu-color); }

/* g_xgcp */
.g_xgcp{ width: 270px; overflow: hidden; margin: 12px 0; }
.g_xgcp .hd{ background: var(--zhu-color); text-align: center; padding:28px 0; border-radius: 5px 5px 0 0; border-bottom: 11px solid #0f8bff; }
.g_xgcp .hd b{ display: block; font-size: 36px; color: #ffffff; line-height: 1; }
.g_xgcp .bd{ background: #fff; border:1px solid #cfcfcf; border-radius: 0 0 5px 5px; border-top: 0; padding:15px; overflow: hidden; }
.g_xgcp .bd a{ display: block; width: 100%; border:1px solid #cecece; box-sizing: border-box; }
.g_xgcp .bd a .img{ width: 100%; height:190px; border-bottom: 1px solid #cecece; overflow: hidden; }
.g_xgcp .bd a .img img{ width:100%; height: 100%; object-fit: cover; transition: all .3s; }
.g_xgcp .bd a .txt{ background: #eeeeee; padding:10px; text-align: center; }
.g_xgcp .bd a .txt b{ display: block; font-size: 15px; color: #333333; font-weight: bold; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:4px 0 8px; }
.g_xgcp .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
/* m_super */
.m_super{ overflow: hidden; background: url(../images/super_bg.jpg) no-repeat top center; padding:60px 0 40px; background-attachment: fixed; position: relative; }
.m_super::before{ content: ""; display: block; width: 100%; height: 100%; background: rgba(0, 116, 199, .84); position: absolute; top:0; left:0; }
.m_super::after{ content: ""; display: block; width: 82px; height: 33px; background: url(../images/super_more.png); position: absolute; top:0; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.m_super .p_tit{ padding:0 0 30px; }
.m_super .p_tit span{ font-size: 80px; color: rgba(255, 255, 255, .05); }
.m_super .p_tit b{ color: var(--pei-color); }
.m_super .p_tit b small{ color: #fff; }
.m_super .p_tit b i{ background: #fff; }
.m_super .p_tit p{ color: #fff; }
.m_super .bd{ overflow: hidden; position: relative; }
.m_super .bd .inner{ overflow: visible; position: relative; }
.m_super .bd .swiper-button-next, .m_super .bd .swiper-button-prev{ background-image: none; width:42px; height: 42px; }
.m_super .bd .swiper-button-next{ right: -5%; }
.m_super .bd .swiper-button-prev{ left: -5%; }
.m_super .bd .swiper-button-next span, .m_super .bd .swiper-button-prev span{ display: inline-block; font-size: 42px; color: #ffffff; line-height: 1; }
.m_super .bd .swiper-button-prev span{ transform: rotate(180deg); }
#super{ overflow: hidden; border-radius: 48px 48px 0 0; }
#super .super_box{ padding:20px; background: #fff; transition: all .3s; }
#super .super_box .img{ width: 100%; height: 216px; overflow: hidden; }
#super .super_box .img img{ width:100%; height:100%; object-fit: cover; transition: all .3s; }
#super .super_box .info{ display: flex; flex-direction: column; align-items: center; justify-content: center; }
#super .super_box .info span{ display: inline-flex; align-items: center; justify-content: center; width:75px; height:75px; line-height: 75px; background: #fff; border-radius: 50%; text-align: center; margin-top: -38px; position: relative; }
#super .super_box .info b{ margin-bottom: 20px; border-bottom: 1px solid #dbddde; width:100%; display: block; text-align: center; padding:6px 0 12px; text-align: center; line-height: 1; font-size: 24px; color: #016bbf; font-weight: bold; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#super .super_box .info p{ font-size: 15px; color: #666666; line-height: 1.6; min-height: 72px; }
#super .super_box:hover .img img{ transition: all .3s; transform: scale(1.05); }
#super .super_box:hover span{ animation: swing 1s;}
@-webkit-keyframes swing{
    20%{-webkit-transform:rotate(15deg);}
    40%{-webkit-transform:rotate(-10deg);}
    60%{-webkit-transform:rotate(5deg);}
    80%{-webkit-transform:rotate(-5deg);}
    100%{-webkit-transform:rotate(0);}
}
@-moz-keyframes swing{
    20%{-moz-transform:rotate(15deg);}
    40%{-moz-transform:rotate(-10deg);}
    60%{-moz-transform:rotate(5deg);}
    80%{-moz-transform:rotate(-5deg);}
    100%{-moz-transform:rotate(0);}
}
@-ms-keyframes swing{
    20%{-ms-transform:rotate(15deg);}
    40%{-ms-transform:rotate(-10deg);}
    60%{-ms-transform:rotate(5deg);}
    80%{-ms-transform:rotate(-5deg);}
    100%{-ms-transform:rotate(0);}
}
@keyframes swing{
    20%{transform:rotate(15deg);}
    40%{transform:rotate(-10deg);}
    60%{transform:rotate(5deg);}
    80%{transform:rotate(-5deg);}
    100%{transform:rotate(0);}
}

#super .swiper-slide-active .img img{ border-radius: 48px 0 0 0; }
#super .swiper-slide.on .img img{ border-radius: 0 48px 0 0; }
.m_super .consulting{ position: relative; margin-top: 30px; display: flex; align-items: center; justify-content: center; }
.m_super .consulting .info{ margin-right: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.m_super .consulting .info p{ font-size: 30px; color: #ffffff; font-family: "YS"; line-height: 1; margin-bottom: 12px; display: flex; align-items: center; }
.m_super .consulting .info p span{ display: inline-flex; width: 35px; height:35px; align-items: center; background: var(--pei-color); border-radius: 50%; justify-content: center; font-size: 16px; color: #fff; line-height: 1; margin-right: 10px; }
.m_super .consulting .info b{ font-size: 60px; font-family: "YS"; color: var(--pei-color); letter-spacing: 3px; -webkit-text-stroke: 1px #fdfdfd; }
.m_super .consulting .info .tel{ padding:10px 32px; border:1px solid #eff6fb; margin-top:20px; display: inline-flex; align-items: center; font-size: 18px; color: #ffffff; font-weight: bold; border-radius: 30px; }
.m_super .consulting .info .tel span{ font-size: 20px; line-height: 1; margin-right: 8px; }
.m_super .consulting .ewm{ display: inline-flex; flex-direction: column; padding:18px; background: var(--pei-color); position: relative; }
.m_super .consulting .ewm::before{ content:""; display: inline-block; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:9px solid var(--pei-color); position: absolute; left:-9px; bottom:58px; }
.m_super .consulting .ewm img{ width: 117px; }
.m_super .consulting .ewm span{ display: inline-block; text-align: center; margin-top: 10px; font-size: 14px; border-radius: 30px; color: #ffffff; line-height: 1; padding:4px 20px; background: -webkit-linear-gradient(left, #0e0e0e 0%, #4f4f53 100%); background: -o-linear-gradient(right, #0e0e0e 0%, #4f4f53 100%); background: -moz-linear-gradient(right, #0e0e0e 0%, #4f4f53 100%); background: linear-gradient(to right, #0e0e0e 0%, #4f4f53 100%); }
/* m_choice */
.m_choice{ padding:56px 0; overflow: hidden; }
.m_choice .p_tit span{ font-size: 80px; color: rgba(51, 51, 51, .055); }
.m_choice .bd{ overflow: hidden; }
.m_choice .numbers{ display: flex; width:100%; align-items: center; justify-content: space-between; margin-bottom: 45px; }
.m_choice .numbers li{ width: 20%; box-sizing: border-box; padding:0 40px; position: relative; }
.m_choice .numbers li + li::before{ content: ""; display: inline-block; width: 1px; height:100%; background: #bdbcbc; position: absolute; left:-10px; top:0; transform: rotate(15deg); }
.m_choice .numbers li > div{ display: flex; align-items: flex-start; margin-bottom: 16px; }
.m_choice .numbers li > p{ font-size: 16px; color: #666666; line-height: 1; }
.m_choice .numbers li span{ font-size: 48px; color: var(--zhu-color); line-height: 1; }
.m_choice .numbers li small{ display: inline-block; width:30px; height:30px; line-height: 30px; background: var(--pei-color); border-radius: 50%; text-align: center; line-height: 30px; font-size: 14px; color: #ffffff; margin-left: 12px; }
.m_choice .numbers li:first-child{ padding:0 60px; }
#choice{ overflow: hidden; }
#choice .choice_box{ display: block; width: 100%; box-sizing: border-box; padding:6px; background: var(--zhu-color); transition: all .3s; }
#choice .choice_box > span{ display: inline-block; position: absolute; left:6px; top:6px; width:76px; height: 103px; background: url(../images/choice_span.png) no-repeat left top; text-align: center; font-size: 40px; font-weight: bold; color: #fff; font-family: DIN; padding:15px 0 15px; line-height: 1; }
#choice .choice_box > span::before{ content: ""; display: inline-block; width: 30px; height:4px; background: #fff; position: absolute; left:24px; top:64px; }
#choice .choice_box .img{ width:100%; height:182px; overflow: hidden; position: relative; }
#choice .choice_box .img img{ width:100%; height:100%; object-fit: cover; transition: all .3s; }
#choice .choice_box .img::after{ transition: all .3s; content:""; width: 0; height: 0; border-bottom: 30px solid var(--zhu-color); border-left: 280px solid transparent; position: absolute; bottom:0; right:0; }
#choice .choice_box .info{ overflow: hidden; padding:0 12px; min-height: 245px; }
#choice .choice_box .info b{ margin-bottom: 12px; display: block; padding:17px 0 22px; text-align: center; font-size: 30px; color: #ffffff; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background: url(../images/choice_b.png) no-repeat center bottom; }
#choice .choice_box .info .param{ font-size: 15px; color: #ffffff; line-height: 1.6; padding-left: 36px; position: relative; }
#choice .choice_box:hover{ transition: all .3s; background: #4c4b4b; }
#choice .choice_box:hover .img::after{ transition: all .3s; border-bottom: 30px solid #4c4b4b; border-left: 280px solid transparent; }
#choice .choice_box:hover img{ transition: all .3s; transform: scale(1.05); }
.coment { width: 32px; height: 20px; position: absolute; left: 0; top:3px; }
.coment::after{ content: ""; display: inline-block; width: 20px; height: 1px; background: #dddddd; border:0; position: absolute; right: 0; top:9px; z-index: 22; }
.coment .ima { float:left; position:relative; width:20px; height:20px; z-index: 33; }
.coment .ima .cc { position:absolute; width:5px; height:5px; opacity:1; background-color:var(--pei-color); border-radius:50%; top:50%; left:50%; transform:translate(-50%,-50%); animation:circulmove 3s infinite linear; }
.coment .ima .cc1 { animation:circulmove 3s 1s infinite linear; }
.coment .ima .cc2 { animation:circulmove 3s 2s infinite linear; }
@keyframes circulmove { 0% {width:5px; height:5px; opacity:1; }
100% { width:20px; height:20px; opacity:0; }
}
/* m_case */
.m_case{ overflow: hidden; background: #fcfbfb; }
.m_case .p_tit{ padding:50px 0 58px; }
.m_case .p_tit span{ font-size: 80px; color: rgba(51, 51, 51, .055); }
.m_case .bd{ overflow: hidden; }
.case_box .hd {  background: #edeff0; height: 64px; border: 1px solid rgb(223, 226, 227); width: 100%; box-sizing: border-box; margin-bottom: 12px; }
.case_box .hd ul{ display: flex; width: 100%; }
.case_box .hd li { display: inline-block; width:16.7%; box-sizing: border-box; text-align: center; line-height: 63px; float: left; text-align: center; font-size: 18px; color: rgb(4, 13, 42); cursor: pointer; }
.case_box .hd li span { display: inline-block; width: 32px; height: 32px; font-size: 30px; color: rgb(69, 68, 68); margin-right: 18px; line-height: 1; position: relative; top: 4px; }
.case_box .hd li + li { border-left: 1px solid rgb(223, 226, 227); }
.case_box .hd li.on { background: var(--zhu-color); color: rgb(255, 255, 255); }
.case_box .hd li.on span { color: rgb(255, 255, 255); }
.case_bd{ overflow: hidden; position: relative; }
.case_bd li{ width: 292px; float:left; clear:left; margin-bottom: 12px; }
.case_bd li:nth-child(even){ float:right; clear: right; }
.case_bd li .img{ width:100%; height: 196px; overflow: hidden; }
.case_bd li .img img{ width:100%; height:100%; object-fit: cover; transition: all .3s; }
.case_bd li .info{ display: flex; align-items: center; padding:12px; background: #e4e4e4; }
.case_bd li .info b{ display: block; width:calc(100% - 80px); font-size: 16px; color: #333333; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case_bd li .info small{ width:60px; display: inline-block; padding:6px 12px; background: #b3b3b3; font-size: 12px; color: #f6f5f5; line-height: 1; transition: all .3s; }
.case_bd li:last-child{ position: absolute; top:0; left:304px; width: 592px; }
.case_bd li:last-child .img{ height:398px; }
.case_bd li:last-child .info{ padding:36px 24px; }
.case_bd li:last-child .info b{ width:calc(100% - 110px); font-size: 24px; color: #333333; font-weight: bold; }
.case_bd li:last-child .info small{ width:68px; padding:8px 16px; font-size: 14px; color: #f6f5f5; }
.case_bd li:hover img{ transition: all .3s; transform: scale(1.05); }
.case_bd li:hover .info small{ transition: all .3s; background: var(--pei-color); }
.type_box .hd {  background: #edeff0; height: 64px; border: 1px solid rgb(223, 226, 227); width: 100%; box-sizing: border-box; margin-bottom: 12px; }
.type_box .hd ul{ display: flex; width: 100%; }
.type_box .hd li { display: inline-block; width:16.7%; box-sizing: border-box; text-align: center; line-height: 63px; float: left; text-align: center; font-size: 18px; color: rgb(4, 13, 42); cursor: pointer; }
.type_box .hd li span { display: inline-block; width: 32px; height: 32px; font-size: 30px; color: rgb(69, 68, 68); margin-right: 18px; line-height: 1; position: relative; top: 4px; }
.type_box .hd li + li { border-left: 1px solid rgb(223, 226, 227); }
.type_box .hd li:hover { background: var(--zhu-color); color: rgb(255, 255, 255); }
.type_box .hd li:hover span, .type_box .hd li:hover a { color: rgb(255, 255, 255); }
/* case_brand */
.case_brand{ overflow: hidden; margin:15px 0 32px; }
.case_brand b{ display: block; padding:10px 0; font-size: 18px; color: #333333; font-weight: normal; line-height: 1; }
.case_brand b span{ font-weight: bold; }
.case_brand hr{ width:94px; height:5px; background: var(--pei-color); border:0; margin:0; }
.case_brand .bd{ padding:36px 76px; background: #eaeaea; position: relative; margin-top: 20px; }
.case_brand .bd .img{ width:100%; height:80px; background: #fff; box-sizing: border-box; padding:12px; }
.case_brand .bd .img img{ width: 100%; height:100%; object-fit: contain; transition: all .3s; }
.case_brand .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
.case_brand .bd .swiper-button-next, .case_brand .bd .swiper-button-prev{ background-image: none; width:10px; height:18px; top:56%; }
.case_brand .bd .swiper-button-next{ right:30px; }
.case_brand .bd .swiper-button-prev{ left:30px; }
.case_brand .bd .swiper-button-next span, .case_brand .bd .swiper-button-prev span{ display: inline-block; font-size: 24px; position: relative; left:-17px; }
.case_brand .bd .swiper-button-prev span{ transform: rotate(-180deg); left:0; }
/* m_mode */
.m_mode{ height: 198px; box-sizing: border-box; padding:35px 0; overflow: hidden; background: url(../images/mode_bg.png) no-repeat top center; margin-top: -8px; }
.m_mode .inner{ display: flex; align-items: center; justify-content: space-between; }
.m_mode .info{ overflow: hidden; width: 50%; padding:12px 0; box-sizing: border-box; padding-left: 24px; border-left: 10px solid var(--pei-color); }
.m_mode .info b{ display: block; font-weight: bold; font-size: 34px; color: var(--pei-color); display: block; font-style: italic; line-height: 1; }
.m_mode .info span{ display: block; font-size: 24px; color: #fff; font-weight: 200; line-height: 1; margin:11px 0; }
.m_mode .info p{ font-size: 18px; color: #fff; font-weight: bold; line-height: 1; }
.m_mode .tel{ display: flex; align-items: center; }
.m_mode .txt{ display: flex; align-items: center; }
.m_mode .txt > div{ text-align: right; }
.m_mode .txt p{ font-size: 18px; color: #ffffff; line-height: 1; }
.m_mode .txt b{ display: block; font-size: 33px; color: #ffffff; font-weight: bold; line-height: 1; margin:16px 0; }
.m_mode .txt a{ display: inline-block; padding:8px 60px; background: var(--pei-color); text-align: center; transform: skew(-25deg); transition: all .3s; }
.m_mode .txt a b{ font-weight: normal; margin:0; font-size: 18px; color: #ffffff; transform: skew(25deg); transition: all .3s; }
.m_mode .txt a:hover{ transform: skew(25deg); transition: all .3s; background: #f00; }
.m_mode .txt a:hover b{ transition: all .3s; transform: skew(-25deg); }
.m_mode .txt span{ display: inline-block; width: 50px; height:50px; line-height: 50px; text-align: center; background: #fff; border-radius: 50%; font-size: 22px; color: var(--zhu-color); margin-left: 12px; margin-right: 30px; position: relative; top:-10px; }
/* m_about */
.m_about{ overflow: hidden; }
.m_about .p_tit{ padding:60px 0; }
.m_about .p_tit span{ font-size: 80px; color: rgba(51, 51, 51, .055); }
.m_about .bd{ overflow: hidden; background:#eaeaea; display: flex; align-items: center; justify-content: space-between; }
.m_about .info, .m_about .video{ width:50%; }
.m_about .info{ padding:40px; }
.m_about .info b{ font-size: 28px; color: #333333; line-height: 1; font-weight: bold; }
.m_about .info hr{ width:78px; height: 6px; background: var(--pei-color); border:0; margin:18px 0 24px; }
.m_about .info p{ font-size: 15px; line-height: 2; color: #666666;  }
.m_about .info p a{ color: var(--pei-color); transition: all .3s; }
.m_about .info p a:hover{ transition: all .3s; color: var(--zhu-color); }
.m_about .info span{ font-size: 20px; margin-top: 32px; color: var(--pei-color); display: block; line-height: 1; margin-bottom: 16px; font-weight: bold; }
.m_about .info div > a{ font-size: 16px; color: var(--zhu-color); display: inline-block; padding:6px 12px; border:1px dashed var(--zhu-color); border-radius: 5px; margin-right: 8px; transition: all .3s; }
.m_about .info div > a:hover{ transition: all .3s; border:1px solid var(--pei-color); background: var(--pei-color); color: #fff; }
.m_about .video{ position: relative; overflow: hidden; }
.m_about .video::before{ content:""; display: block; width: 100%; height:100%; position: absolute; top:0; left:0; background:rgba(0,0,0,0.38); }
.company_video{ cursor: pointer; display: inline-flex; flex-direction: column; justify-content: center; align-items: center; 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: 3; }
.company_video span{ font-size: 46px; color: #fff; line-height: 1; transition: all .3s; }
.company_video small{ font-size: 16px; color: #ffffff; line-height: 1; margin-top: 20px; transition: all .3s; }
.company_video:hover span{ transition: all .3s; transform: rotate(360deg); }
.company_video:hover small{ transition: all .3s; margin-top: 10px; }
/* company_honor */
.company_honor{ overflow: hidden; text-align: center; position: relative; margin-bottom: 30px; }
.company_honor .inner{ position: relative; overflow: visible; }
.company_honor > b{ display: block; font-size: 40px; color: #333333; line-height: 1; margin:0 0 30px; }
.company_honor a{ display: block; }
.company_honor a .img{ width: 100%; overflow: hidden; }
.company_honor a .img img{ width: 100%; overflow: hidden; }
.company_honor a b{ display: block; padding:14px; background: #eaeaea; text-align: center; font-size: 16px; color: #333333; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.company_honor a:hover b{ transition: all .3s; background: var(--zhu-color); color: #fff; }
.company_honor .swiper-button-next, .company_honor .swiper-button-prev{ background-image: none; width: 36px; height:36px; }
.company_honor .swiper-button-next{ right:-40px; }
.company_honor .swiper-button-prev{ left:-40px; }
.company_honor .swiper-button-next span, .company_honor .swiper-button-prev span{ display: inline-block; font-size: 36px; color: #333333; transition: all .3s; }
.company_honor .swiper-button-prev span{ transform: rotate(-180deg); }
.company_honor .swiper-button-next span:hover, .company_honor .swiper-button-prev span:hover{  transition: all .3s; color: var(--zhu-color); }
/* honor_factory */
.honor_factory{ margin:50px 0 80px; overflow: hidden; }
.show_box{ overflow: hidden; }
.show_box .hd{ width:100%; overflow: hidden; text-align: center; position: relative; margin-bottom: 25px; }
.show_box .hd::before{ content:""; display: block; width:100%; height:1px; background: #ebecec; position: absolute; left:0; top:50%; }
.show_box .hd ul{ display: inline-flex; background: #fff; align-items: center; justify-content: center; position: relative; z-index: 3; }
.show_box .hd li{ cursor: pointer; display: inline-block; width:160px; height:42px; line-height: 42px; background:var(--zhu-color); text-align: center; font-size: 16px; color: #fff; border-radius: 4px; transition: all .3s; }
.show_box .hd li + li{ margin-left: 25px; }
.show_box .hd li:hover, .show_box .hd li.on{ background: var(--pei-color); font-weight: bold; }
.show_box .bd, .show_box .bd ul{ display: block; width:100%; }
.show_box .bd a{ display: block; }
.show_box .bd a .img{ width: 100%; }
.show_box .bd a .img img{ width: 100%; }
.show_box .bd a b{ display: block; padding:14px; background: #eaeaea; text-align: center; font-size: 14px; color: #333333; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition: all .3s; }
.show_box .bd a:hover b{ transition: all .3s; background: var(--zhu-color); color: #fff; }
/* m_news */
.m_news{ overflow: hidden; background: #f6f5f5; padding-bottom: 42px; }
.m_news .p_tit{ padding:36px 0 50px; }
.m_news .p_tit span{ font-size: 80px; color: rgba(51, 51, 51, .055); }
.m_news .inner > .bd{ overflow: hidden; display: flex; align-items: flex-start; justify-content: space-between; }
.m_news .left_news{ width: 820px; overflow: hidden; border:1px solid #dedddd; }
.news_box{ overflow: hidden; }
.news_box .hd{ overflow: hidden; }
.news_box .hd ul{ height: 60px; background: #efeded; display: flex; align-items: center; position: relative; }
.news_box .hd li{ height: 100%; }
.news_box .hd li a{ position: absolute; right:23px; top:23px; font-size: 16px; color: #666666; line-height: 1; text-transform: uppercase; display: none; transition: all .3s; }
.news_box .hd li .tit{ height:100%; padding:0 32px; font-size: 18px; color: #333333; display: inline-flex; align-items: center; }
.news_box .hd li .tit span{ font-size: 24px; margin-right: 10px; line-height: 1; }
.news_box .hd li:hover .tit, .news_box .hd li.on .tit{ background:var(--zhu-color); color: #fff; }
.news_box .hd li:hover .tit span, .news_box .hd li.on .tit span{ color: #fff; }
.news_box .hd li:hover a, .news_box .hd li.on a{ display: block; transition: all .3s; }
.news_box .bd{ overflow: hidden; padding:24px; }
.news_box ul > a{ float: left; display: block; width: calc(100% - 352px); padding:16px 0; border-bottom: 1px dashed #eeeded; }
.news_box ul > a .img{ width:170px; height:110px; overflow: hidden; float: left; margin-right: 20px; }
.news_box ul > a .img img{ width:100%; height:100%; object-fit: cover; transition: all .3s; }
.news_box ul > a .img b{ display: none; }
.news_box ul > a .txt{ width:calc(100% - 190px); float: left; }
.news_box ul > a .txt b{ font-size: 16px; color: #333333; padding:18px 0; display: block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_box ul > a .txt p{ font-size: 14px; color: #999999; line-height: 1.8; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news_box ul > a:first-child{ padding:0; border-bottom: 0; display: block; overflow: hidden; width:336px; height:426px; margin-right: 16px; }
.news_box ul > a:first-child .txt{ display: none; }
.news_box ul > a:first-child .img{ width:100%; height: 100%; overflow: hidden; position: relative; }
.news_box ul > a:first-child .img img{ width: 100%; height: 100%; position: relative; object-fit: cover; }
.news_box ul > a:first-child .img b{ display: flex; align-items: center; justify-content: space-between; width:100%; box-sizing: border-box; padding:18px 20px; background: rgba(0, 116, 199, .7); position: absolute; bottom:0; left:0; }
.news_box ul > a:first-child .img b small{ display: block; width: calc(100% - 40px); font-size: 15px; color: #ffffff; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.news_box ul > a:first-child .img b span{ font-size: 22px; color: #fff; line-height: 1; }
.news_box ul > a:hover img{ transition: all .3s; transform: scale(1.05); }
.news_box ul > a:hover b{ transition: all .3s; color: var(--zhu-color); }
.m_news .right_qa{ width: 360px; overflow: hidden; border:1px solid #dedddd; }
.m_news .right_qa .hd{ height:60px; background:var(--zhu-color); box-sizing: border-box; padding:0 25px; display: flex; align-items: center; justify-content: space-between; }
.m_news .right_qa .tit{ font-size: 18px; color: #ffffff; line-height: 1; display: flex; align-items: center; }
.m_news .right_qa .tit span{ font-size: 24px; margin-right: 8px; line-height: 1; }
.m_news .right_qa .hd a{ font-size: 14px; color: #ffffff; line-height: 1; text-transform: uppercase; }
.m_news .right_qa .bd{ background: #fff; padding:0 20px; }
.m_news .right_qa .bd a{ display: block; padding:17.8px 0; border-bottom: 1px solid #e7e4e4; }
.m_news .right_qa .bd a:last-child{ border-bottom: 0; }
.m_news .right_qa .bd a b{ display: block; width: calc(100% - 30px); font-size: 16px; color: #333333; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom: 12px; }
.m_news .right_qa .bd a p{ font-size: 14px; text-indent: -2em; color: #999999; line-height: 1.5; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.m_news .right_qa .bd a span{ margin-right: 8px; display: inline-flex; width:25px; height:25px; border-radius: 50%; align-items: center; justify-content: center; font-size: 14px; color: #fff; }
.m_news .right_qa .bd a b span{ background: var(--zhu-color); }
.m_news .right_qa .bd a p span{ background: #827f7f; position: relative; left: 2em; text-indent: 0; }
.m_news .right_qa .bd a:hover b{ transition: all .3s; color: var(--zhu-color); }
/* footer */
.footer{ overflow: hidden; background:#303030; }
.footer .h_menu{ margin-bottom: 46px; }
.f_msg{ width:476px; height:248px; float: left; position: relative; box-sizing: border-box; padding-right: 42px; }
.f_msg::after{ content: ""; display: block; width: 2px; height:225px; background: #3f3e3e;position: absolute; right:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.f_msg > p{ font-size: 14px; color: #b0b0b0; line-height: 1; margin-bottom: 12px; }
.f_msg li{ display: flex; align-items: center; justify-content: space-between; }
.f_msg li input{ width:200px; height: 32px; background: #b0b0b0; padding:0 15px; font-size: 14px; color: #515151; border:0; box-sizing: border-box; }
.f_msg li img{ width:200px; height: 32px;  }
.f_msg li textarea{ resize: none; width:100%; height: 86px; background: #b0b0b0; padding:15px; font-size: 14px; color: #515151; border:0; box-sizing: border-box; margin:12px 0; }
.f_msg li .submit{ display: block; padding:10px 0; font-size: 15px; color: #f6f5f5; line-height: 1; background:var(--pei-color); margin-top: 12px; text-align: center; width: 100%; transition: all .3s; }
.f_msg li .submit:hover{ transition: all .3s; background: var(--zhu-color); }
.f_ewm{ width:370px; height:248px; float: left; position: relative; box-sizing: border-box; padding:0 35px; position: relative; }
.f_ewm::before{ content: ""; display: block; width: 2px; height:225px; background: #282828; position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.f_ewm::after{ content: ""; display: block; width: 2px; height:225px; background: #3f3e3e;position: absolute; right:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.f_ewm .hd{ text-align: center; }
.f_ewm .hd b{ font-size: 30px; color: rgba(255, 255, 255, .45); font-weight: bold; display: block; line-height: 1;  }
.f_ewm .hd p{ margin:10px 0 14px; display: inline-block; padding:0 48px; font-size: 16px; color: rgba(255, 255, 255, .45); line-height: 1; position: relative; }
.f_ewm .hd p::before{ content: ""; display: inline-block; width:38px; height:1px; background:#888887; border:0; position: absolute; left:0; top:50%; }
.f_ewm .hd p::after{ content: ""; display: inline-block; width:38px; height:1px; background:#888887; border:0; position: absolute; right:0; top:50%; }
.f_ewm .bd{ text-align: center; }
.f_ewm .bd img{ width:147px; }
.f_ewm .bd p{ font-size: 14px; color: #a3a3a3; margin:12px 0 0; }
.f_info{ float: left; position: relative; height:248px; width:354px; box-sizing: border-box; padding-left: 56px; }
.f_info::before{ content: ""; display: block; width: 2px; height:225px; background: #282828; position: absolute; left:0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.f_info b{ display: block; height:36px; margin:30px 0 28px; font-size: 24px; color: #a3a3a3; padding-left: 52px; background: url(../images/f_logo.png) no-repeat left center; }
.f_info p{ font-size: 16px; color: #666666; margin-bottom: 20px; }
.f_info p small{ font-weight: bold; }
.f_info p span{ margin:0 20px 0 10px; font-size: 22px; color: var(--zhu-color); line-height: 1; }
.f_copy{ margin-top: 36px; background: #262626; padding:18px 0; }
.f_copy p{ width:100%; text-align: center; font-size: 14px; color: #989898; line-height: 1; }
.f_copy p a{ font-size: 14px; color: #989898; transition: all .3s; }
.f_copy p a:hover{ transition: all .3s; color: var(--pei-color); }
/* l-banner */
.l-banner{ box-sizing: border-box; height: 365px; text-align: center; position: relative; }
.l-banner img{ width: 100%; height: 100%; object-fit: cover; }
/* location */
.location{ background: #edeeee; }
.location .inner{ overflow: visible; }
.location .box{ display: flex; align-items: center; justify-content: space-between; }
.location .crumbs{ display: inline-flex; align-items: center; font-size: 14px; color: #666666; padding:20px 0; }
.location .crumbs span{ font-size: 22px; color: #32528b; line-height: 1; margin-right: 12px; }
.location .crumbs p, .location .crumbs a{ font-size: 14px; color: #999999; transition: all .3s; }
.location .crumbs a:hover{ transition: all .3s; color: var(--zhu-color); }
/* company */
.company{ overflow: hidden; }
.company .bd .img{ position: relative; }
.company .bd > p{ font-size: 16px; color: #333333; line-height: 1.875; }
.company .bd > p strong{ font-weight:bold; }
.company .bd > p em{ color: var(--zhu-color); }
.company .m_choice{ padding:56px 0 30px; }
.company_info .p_tit{ padding:0 0 42px; }
/* main */
.main{ overflow: hidden; padding:30px 0; }
.main .fr{ width:920px; }
/* company_purpose */
.company_purpose{ padding:60px 0 110px; background:url(../images/purpose_bg.jpg) no-repeat top center; background-attachment: fixed; }
.company_purpose .p_tit{ padding:0 0 54px; }
.company_purpose .p_tit span{ font-size: 80px; color: rgba(255, 255, 255, .03); }
.company_purpose .p_tit b{ color: #ffffff; }
.company_purpose .p_tit b small{ color: #fff; }
.company_purpose .p_tit b i{ background: #fff; }
.company_purpose .p_tit p{ color: #fff; }
#purpose{ overflow: hidden; }
#purpose .purpose_box{ display: flex; align-items: center; }
#purpose .purpose_box span{ display: inline-flex; width: 120px; height:120px; background: #ffb244; border-radius: 50%; border-radius: 50%; align-items: center; justify-content: center; font-size: 54px; line-height: 1; color: #fff; }
#purpose .purpose_box .info{ display: flex; flex-direction: column; justify-content: center; width: calc(100% - 120px); box-sizing: border-box; padding:0 20px; }
#purpose .purpose_box .info b{ font-size: 24px; color: #ffffff; font-weight: bold; display: block; line-height: 1; margin-bottom: 10px; }
#purpose .purpose_box .info p{ min-height: 48px; font-size: 16px; line-height: 1.5; color: rgba(125,125,125,0.67);  transition: all .3s; }
#purpose .purpose_box:hover span{ animation: swing 1s;}
#purpose .purpose_box:hover p{ color: #fff; transition: all .3s; }
/* product */
.product{ padding:30px 0; }
.product .fl{ width: 270px; }
.product .fr{ width: 920px; }
/* product_list */
.product_list{ overflow: hidden; }
.product_list ul{ overflow: hidden; }
.product_list li{ width: 296px; display: flex; align-items: center; justify-content: space-between; float: left; margin-right: 15px; margin-bottom: 15px; background: #fff; }
.product_list li:nth-child(3n){ margin-right: 0; }
.product_list li > a{ display: block; width: 100%; height: 100%; }
.product_list li > a{ display: block; width: 100%; border:1px solid #cecece; box-sizing: border-box; }
.product_list li > a .img{ width: 100%; height:238px; border-bottom: 1px solid #cecece; overflow: hidden; }
.product_list li > a .img img{ width:100%; height: 100%; object-fit: cover; transition: all .3s; }
.product_list li > a .txt{ background: #eeeeee; padding:10px; text-align: center; }
.product_list li > a .txt b{ display: block; font-size: 15px; color: #333333; font-weight: bold; line-height: 1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:4px 0 8px; }
.product_list li > a .txt small{ display: inline-block; padding:8px 18px; border:1px solid #d6d6d6; border-radius: 30px; font-size: 12px; color: #333333; }
.product_list li > a:hover img{ transition: all .3s; transform: scale(1.05); }
.product_list li > a:hover small{ transition: all .3s; background: var(--zhu-color); border-color: var(--zhu-color); color: #fff; }
/* product_foucs */
.product_info{ overflow: hidden; }
.product_foucs{ overflow: hidden; clear: both; }
.product_foucs .fl, .product_foucs .fr{ width: 50%; box-sizing: border-box; position: relative; }
.product_foucs .fl > img{ position: absolute; left:25px; top:25px; z-index: 33; }
.product_foucs .fl{ background:#ffffff; }
#gfocus{ overflow: hidden; height: 304px; }
#gfocus img{ width: 100%; height: 100%; box-sizing: border-box; object-fit: cover; }
#glist{ padding:0 28px; margin:16px 0; overflow: hidden; position: relative; }
#glist .swiper-slide{ cursor: pointer; width: 100%; padding:4px; height: 84px; border:1px solid #e5e5e5; box-sizing: border-box; transition: all .3s; }
#glist img{ width: 100%; height: 100%; box-sizing: border-box; object-fit: cover; }
#glist .swiper-slide-active{ transition: all .3s; border:2px solid #fdc075; }
#glist .next, #glist .prev{ cursor: pointer; width: 24px; height: 84px; background: var(--zhu-color); display: flex; align-items: center; justify-content: center; position: absolute; z-index: 34; }
#glist .next{ right:0; top:0; }
#glist .prev{ left:0; top:0; }
#glist .next span, #glist .prev span{ display: inline-block; font-size: 24px; line-height: 1; color: #ffffff; transition:  all .3s; }
#glist .prev span{ transform: rotate(-180deg); }
.product_foucs .fr{ max-height: 420px; height:420px; padding:20px; box-sizing: border-box; }
.product_foucs .fr > b{ margin: 0 0 20px; display: block; width: 100%; line-height: 1; font-size: 30px; color: #333333; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.product_foucs .fr .parm{ padding:18px; border:1px solid #d2d2d2; }
.product_foucs .fr .parm p{ font-size: 14px; color: #333333; line-height: 1.7; }
.product_foucs .fr .parm p small{ font-size: 14px; color: #999999; line-height: 1.7; display: block; }
.product_foucs .fr .parm p:nth-child(1) small{ display: inline-block; font-size: 14px; color: #333333; }
.product_foucs .fr .parm p + p{ margin-top: 12px; }
.product_foucs .btn{ margin-top: 32px; display: flex; align-items: center; }
.product_foucs .btn a{ display: inline-flex; align-items: center; padding:15px 56px; background: var(--pei-color); font-size: 18px; color: #ffffff; border-radius: 5px; transition: all .3s; }
.product_foucs .btn a i{ font-size: 18px; line-height: 1; color: #fff; }
.product_foucs .btn a + a{ margin-left: 20px; background: #050505; }
.product_foucs .btn a:hover{ transition: all .3s; background: var(--zhu-color); }
/* product_nav */
.product_nav{ height: 48px; background: var(--zhu-color); overflow: hidden; margin-bottom: 30px; }
.product_nav ul{ display: flex; align-items: center; justify-content: flex-start; }
.product_nav ul li{ position: relative; }
.product_nav ul li a{ position: relative; z-index: 3; display: inline-block; padding:0 60px; line-height: 48px; font-size: 18px; color: #ffffff; transition: all .3s; }
.product_nav ul li::before{ content: ""; display: inline-block; width: 0; height:3px; background: var(--pei-color); position: absolute; left:0; top:0; transition: all .3s; z-index: 3; }
.product_nav ul li::after{ content: ""; display: inline-block; width: 100%; height:0px; background: #fafbfc; position: absolute; left:0; top:0; transition: all .3s; z-index: 2; }
.product_nav ul li:hover::before{ transition: all .3s; width: 100%; }
.product_nav ul li:hover::after{ transition: all .3s; height: 100%; }
.product_nav ul li:hover a{ transition: all .3s; color: #333333; }
.product_nav ul li:nth-child(1) a{ color: #333333; }
.product_nav ul li:nth-child(1)::before{ transition: all .3s; width: 100%; }
.product_nav ul li:nth-child(1)::after{ transition: all .3s; height: 100%; }
/* product_content */
.product_content{ width: 100%; box-sizing: border-box; padding:0 10px; overflow: hidden; }
.product_content .location{ margin:0 -10px; }
.product_content img{ max-width: 100%; }
.product_content p{ font-size: 16px; color: #333333; line-height: 1.8; }
.product_content p em{ display: block; padding:20px 0; border-bottom: 1px solid #e5e0e0; margin-bottom: 22px; }
.product_content p em strong{ padding-left: 20px; border-left: 6px solid var(--pei-color); font-size: 32px; color: #333333; display: block; line-height: 1; font-weight: normal; }
.product_content p strong{ font-size: 18px; color: var(--zhu-color); display: block; font-weight: bold; margin-bottom: 10px; }
.product_content p span{ display: inline-flex; align-items: center; justify-content: center; width:18px; height: 18px; background: var(--pei-color); border-radius: 50%; margin-right: 12px; font-size: 16px; color: #ffffff; text-align: center; text-decoration: none!important; }
.product_content ul{ flex-wrap: wrap; display: flex; align-items: center; justify-content: space-between; }
.product_content li{ display: flex; align-items: center; justify-content: center; width: calc(50% - 10px); margin-bottom: 20px; background:#f6f5f4; box-sizing: border-box; padding:30px; }
.product_content li img{ margin-right: 40px; }
.product_content li q{ font-size: 28px; color: #333333; line-height: 1; }
.product_content li dfn{ font-size: 14px; color: #999999; line-height: 1.7; margin-top: 12px; clear: both; display: block; }
/*g_honor*/
.g_honor{ width:100%; overflow: hidden; padding:24px 0 0; }
.g_honor .hd{ margin-bottom: 24px; display: flex; padding:20px 0; border-bottom: 2px solid #ecedee; align-items: center; justify-content: space-between; }
.g_honor .hd b{ display: inline-block; font-size: 24px; color: #333333; font-weight: bold; padding-left: 10px; border-left: 3px solid #f39800; }
.g_honor .hd a{ display: inline-flex; align-items: center; align-items: center; font-size: 16px; line-height: 1; }
.g_honor .hd a span{ font-size: 22px; color: #444444; line-height: 1; margin-left: 12px; }
#g_honor a{ display: block; width: 100%; overflow: hidden; }
#g_honor a .img{ width:100%; height:256px; overflow: hidden; }
#g_honor a .img img{ width:100%; height: 100%; object-fit: cover; transition: all .3s; }
#g_honor a b{ display: block; text-align: center; font-size: 16px; color: #333333; line-height: 1; padding:12px 0; }
#g_honor a:hover b{ transition: all .3s; color: #0074c7; }
/* g_case */
.g_case{ width:100%; overflow: hidden; padding:24px 0 0; }
.g_case .hd{ margin-bottom: 24px; display: flex; padding:20px 0; border-bottom: 2px solid #ecedee; align-items: center; justify-content: space-between; }
.g_case .hd b{ display: inline-block; font-size: 24px; color: #333333; font-weight: bold; padding-left: 10px; border-left: 3px solid #f39800; }
.g_case .hd a{ display: inline-flex; align-items: center; align-items: center; font-size: 16px; line-height: 1; }
.g_case .hd a span{ font-size: 22px; color: #444444; line-height: 1; margin-left: 12px; }
#g_case a{ display: block; width: 100%; overflow: hidden; }
#g_case a .img{ width:100%; height:258px; overflow: hidden; position: relative; }
#g_case a .img img{ width:100%; height: 100%; object-fit: cover; transition: all .3s; }
#g_case a b{ width: 100%; display: block; text-align: center; font-size: 14px; color: #ffffff; line-height: 1; padding:15px; background:rgba(0,0,0,0.67); position: absolute; left:0; bottom:0; }
#g_case a:hover img{ transform: scale(1.05); transition: all .3s; }
/* honor_list */
.honor_list{ overflow: hidden; }
.honor_list li{ width: calc((100% - 30px) / 4); margin:0 10px 10px 0; display: inline-block; float: left; }
.honor_list li:nth-child(4n+0){ margin-right: 0; }
.honor_list li a{ display: block; overflow: hidden; box-sizing: border-box; border:1px solid #f1f1f1; padding:15px; position: relative; }
.honor_list li a .img{ width: 100%; padding-bottom: 140%; position: relative; overflow: hidden; }
.honor_list li a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.honor_list li a .info{ display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; left:0; top: 100%; width: 100%; height: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99ED1C24', endColorstr='#99ED1C24'); background: rgba(0, 0, 0, 0.4); -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;  }
.honor_list li a .info b{ display: inline-block; font-size:16px; color: #fff; padding: 0 15px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin-bottom:20px;}
.honor_list li a .info span{ font-size: 16px; color: #fff; }
.inter-inner { width: 94%; height: 94%; position: absolute; left: 3%; top: 3%; }
.inter-inner .line1, .inter-inner .line2 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; filter: alpha(opacity=0); pointer-events: none; -webkit-transition: opacity 0.6s, -webkit-transform 0.6s; transition: opacity 0.6s, transform 0.6s; transition-delay:0.6s}
.inter-inner .line1 { border-top: 3px solid #fff; border-bottom: 3px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
.inter-inner .line2 { border-right: 3px solid #fff; border-left: 3px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
.honor_list .inter-inner .line1 { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); }
.honor_list .inter-inner .line2 { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); }
.honor_list li:hover .line1,
.honor_list li:hover .line2 { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); transform: scale(1); }
.honor_list li:hover .info{ top:0; }
/* case_list */
.case_list{ overflow: hidden; }
.case_list li{ width: calc((100% - 40px) / 3); margin:0 20px 20px 0; display: inline-block; float: left; }
.case_list li:nth-child(3n+0){ margin-right: 0; }
.case_list li a{ display: block; overflow: hidden; box-sizing: border-box; border:1px solid #f1f1f1; position: relative; }
.case_list li a .img{ width: 100%; padding-bottom: 70%; position: relative; overflow: hidden; }
.case_list li a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }
.case_list li a > b{ display: block; padding:15px; text-align: center; background: #eeeeee; font-size: 14px; color: #333; transition: all .3s; }
.case_list li a .mask{ display: flex; align-items: center; justify-content: center; flex-direction: column; width:100%; height:100%; position: absolute; top:-100%; left:0; transition: all .4s; background: rgba(0, 116, 199, .7) }
.case_list li a .mask span{ font-size: 36px; color: #fff; }
.case_list li a:hover img{ transition: all .3s; transform: scale(1.05); }
.case_list li a:hover .mask{ transition: all .4s; top:0; }
.case_list li a:hover > b{ transition: all .3s; background: var(--pei-color); color: #fff; }
/* achie_list */
.achie_list ul{ overflow: hidden; }
.achie_list li{ border:1px solid #333; display: flex; align-items: center; justify-content: space-between; }
.achie_list li span{ padding:14px 5px; font-size: 16px; color: #333; text-align: center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.achie_list li span + span{ border-left: 1px solid #333; }
.achie_list li span:nth-child(1){ width: 5%; }
.achie_list li span:nth-child(2){ width: 40%; }
.achie_list li span:nth-child(3){ width: 25%; }
.achie_list li span:nth-child(4){ width: 15%; }
.achie_list li span:nth-child(5){ width: 15%; }
.achie_list li + li{ border-top: 0; }
/* news_list */
.news_list{ overflow: hidden; padding:15px; border:1px solid #cfcfcf; border-radius: 5px; }
.news_list li{ border-bottom: #d5d5d5 1px solid; position:relative; }
.news_list li:nth-child(1) a{ padding-top: 0; }
.news_list li:after{position:absolute;content:"";bottom:-1px;height:1px;width:0;left:0;background: var(--zhu-color);transition:1s ease;}
.news_list li a{ padding: 15px 0; display:flex; align-items:center; justify-content:space-between; }
.news_list li .info{ width: 805px; display:flex; align-items:center; }
.news_list li .info .time{ width:134px; padding:0 0 0 20px}
.news_list li .info .time small{ display:block; font-size: 32px;color: #acacac;margin-bottom: 34px;font-family: Barlow Condensed;}
.news_list li .info .time span{ display:inline-flex; align-items: center; justify-content: center; width:30px; height:30px; border:#bfbfbf 1px solid; line-height:28px; text-align:center; border-radius:50%; transition:0.6s; font-size:12px; color:#adadad; font-family:simsun; position:relative;}
.news_list li .info .txt{ width:calc(100% - 134px); padding:0 15px;}
.news_list li .info .txt b{ display:block; font-size: 18px; color: #3c3c3c; margin-bottom: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news_list li .info .txt p{ font-size: 13px; line-height: 22px; color: #999999; height: 44px; overflow:hidden; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.news_list li .img{ overflow:hidden; border: #d5d5d5 4px solid; border-radius: 5px; }
.news_list li .img img{ transition:0.9s ease; width: 315px; height: 160px; object-fit: cover; transform: scale(1.02); }
.news_list li:hover:after{ width:100%; }
.news_list li:hover .img{ border: var(--zhu-color) 4px solid; }
.news_list li:hover .img img{ transform:scale(1.06); }
.news_list li:hover .time span{ background:var(--zhu-color); border:var(--zhu-color) 1px solid; color:#fff; }
.news_list li:hover .txt b{ color:var(--zhu-color) }
.scrollsidebar{ padding-left: 30px; position:fixed; right:0; z-index:999; top:180px; width: 165px; overflow: hidden; transition: all .3s; }
.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; }
.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; }
.close_btn span, .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: 150px; background: var(--zhu-color); text-align: center; box-sizing: border-box; padding:12px 16px 36px; }
.scrollsidebar .s_center strong{ font-weight:bold; 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 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: 18px; color: #fff; font-weight: bold; }
.scrollsidebar .s_center a{ display: inline-block; padding:10px 15px; background: var(--pei-color); border-radius: 3px; font-size: 14px; color: #fff; margin-top:14px; }
.scrollsidebar .s_center a span{ display: inline-block; line-height: 1; color: #ffffff; 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; }
/* contact */
.contact .fr{ width: 920px; }
/* contact_msg */
.contact_msg{ overflow: hidden; clear: both; display: flex; flex-direction: column;  }
.contact_msg .fl{ width: 100%; box-sizing: border-box; border:1px solid #cfcfcf; padding:33px; border-radius: 5px; }
.contact_msg .fl b{ display: block; font-size: 28px; color: #333333; margin-bottom: 20px; }
.contact_msg .txt{ overflow: hidden; width: 60%; float: left; }
.contact_msg .txt li{ padding:18px 0; border-bottom: 1px dashed #cdcdcd; display: flex; align-items: flex-start; justify-content: flex-start; }
.contact_msg .txt li span{ font-size: 24px; color: var(--pei-color); line-height: 1; margin-right: 12px; }
.contact_msg .txt li small{ font-size: 15px; color: #595959; display: block; line-height: 1; margin-bottom: 6px; }
.contact_msg .txt li p, .contact_msg .txt li a{ font-size: 16px; color: #333333; line-height: 1.5; }
.contact_msg .ewm{ overflow: hidden; float: right; }
.contact_msg .ewm div{ width: 160px; text-align: center; float: left; box-sizing: border-box; padding:6px; border:1px solid #cbcbcb; border-radius: 3px; }
.contact_msg .ewm div img{ max-width: 100%; }
.contact_msg .ewm div p{ font-size: 14px; color: #595959; line-height: 1.5; }
.contact_msg form{ width: 100%; margin-top: 12px; border-radius: 5px; box-sizing: border-box; overflow: hidden; background: #e6e6e6; padding:30px 20px; }
.contact_msg .form_item, .contact_msg .form_box, .contact_msg .form_btn{ overflow: hidden; margin-bottom: 25px; }
.contact_msg .form_item input{ width: 100%; height: 54px; line-height: 54px; background: #ffffff; border-radius: 5px;box-sizing: border-box; padding:0 18px; font-size: 12px; color: #999999; border:0; }
.contact_msg .form_box textarea{ width: 100%; height: 136px; line-height: 1.5;border-radius: 5px; background: #fff; box-sizing: border-box; padding:20px 18px; font-size: 12px; color: #999999; font-family: "微软雅黑"; resize: none; border:0; }
.contact_msg .form_btn input{ float: left; width: 210px; height: 54px; line-height: 54px; border-radius: 5px; background: #fff; box-sizing: border-box; padding:0 18px; font-size: 12px; color: #999999; border:0; }
.contact_msg .form_btn img{ width: 160px; height: 54px; object-fit: cover; float: left; margin-left: 30px; border:1px solid #f0f0f0; border-radius: 5px; background: #fff; box-sizing: border-box; }
.contact_msg .csubmit{  display: block; padding:20px 0; width: 100%; box-sizing: border-box; font-size: 14px; color: #fff; background: var(--zhu-color); border:0;  text-align: center; border-radius: 5px; }
.contact_msg .csubmit:hover{ background:var(--pei-color); transition: all .3s; }
/* contact_map */
.contact_map{ border:1px solid #cfcfcf; border-radius: 5px; overflow: hidden; box-sizing: border-box; margin: 12px 0; }
.contact_map #dituContent{ width: 100%; height: 408px; }
.article_main{padding:30px 0; }
.article_main .type_box .hd li{ width:20%; }
.article_main .type_box .hd li span{ margin-right: 0; }
.article_content .single{ font-size: 16px; color: #696969; line-height: 1.875;}
.article_content .single p{ font-size: 16px; color: #696969; line-height: 1.875; }
.article_content .single img{ max-width: 100%; margin:12px 0!important }
.article_box{ background: #fff; box-sizing: border-box; padding:0 25px; }
.page_tit{ position: relative; padding: 20px 0; text-align: left; }
.page_tit b{ display: block; font-size: 24px; color: var(--zhu-color); line-height: 1.5; font-weight: bold; }
.page_tit .meta{ font-size: 14px; color: #696969; line-height: 1; padding:20px 0; border-bottom: solid 1px #d1d1d1; padding-bottom: 15px; }
.page_tit .meta span{ display: inline-block; margin-right: 8px; color: #393939; font-size: 20px; }
.prev_next{width:100%; margin:20px 0 0; display: flex; }
.prev_next>div{width:50%;padding:12px 0; font-size: 14px; border: 1px solid #e9e9e9; border-right:0; display: flex;flex-direction: row;align-items: center; justify-content: center; }
.prev_next>div a{ font-size: 14px; color: #999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; width: calc(100% - 100px); }
.prev_next>div a:hover{color: var(--zhu-color);}