@charset "utf-8";
/* CSS Document */
*{box-sizing:border-box;}

body{width:100vw; overflow-x:hidden; min-width:100px;}
#header #logo{padding:10px; height:50px; margin-right:0;}
#header ul#nav{ display:none;}
#header #logo img{ height:32px !important;}

#header.mini #logo{padding:10px;}
#header.mini #logo img{transform-origin: 0 10px;}
/*轮播图*/
#indexPage #mslider{ height:215px !important; width:100vw;}

#indexPage #mslider ul li{  height:215px !important; width:100vw !important;}



#indexPage #mslider .bx-wrapper .bx-controls-direction a{ display:none;}
#indexPage #mslider .bx-wrapper .bx-pager{ bottom:25px;}


#indexPage #mproject{ padding:50px 0 30px;}
#indexPage #mproject .content .header{ padding-bottom:10px;}
#indexPage #mproject #category{ display:none;}
#indexPage #mproject a.more{ display:none;}

#indexPage #projectlist .projectitem{  margin:0 10px 10px 0;width:calc(50% - 5px) !important;}
#indexPage #projectlist .projectitem:nth-child(2n+2){ margin-right:0;}
.wapindexprotit{ display:block;font-size:12px; color:#333; height:20px; width:100%; text-align:center; background:#fff;}
#indexPage #projectlist .projectitem .projectitem_content .project_img img{}
#indexPage #mproject #projectlist .projectitem a .project_info div::after{ font-size:42px !important;}
#indexPage #mproject #projectlist .projectitem a .project_info p.title{ font-size:14px !important;}


#indexPage #mservice{ padding-top:50px;}
#servicelist{ width:100%;}
#mservice .bx-wrapper{ width:100%;}

#indexPage #servicelist .bx-viewport{ height:380px !important;}
#indexPage #servicelist .serviceitem{width:100vw !important; padding:50px 0 0; height:380px;}
#indexPage #servicelist .serviceitem:before{left:60px;}
#servicelist .serviceitem a{ margin-left:0 ;}
#sitecontent #servicelist .serviceitem .service_img{ display:block;}
#sitecontent #servicelist .serviceitem a img{ width:100%; height:auto; float:none;}
#servicelist .serviceitem div{ float:none; margin-left:0; width:100%; margin-top:0px; padding:10px; box-sizing:border-box;}

#indexPage #mservice .bx-wrapper .bx-controls-direction{ position:relative;}
#indexPage #mservice .bx-wrapper .bx-controls-direction a{ margin-top:0;}
#indexPage #mservice .wrapper .bx-wrapper .bx-prev{left:calc(50% - 60px);}
#indexPage #mservice .wrapper .bx-wrapper .bx-next{right:calc(50% - 60px);}

#indexPage #mservice a.more{ bottom:-50px; top:auto;}
#servicelist .serviceitem div p.title{ height:45px;}
#indexPage #mproject #projectlist .projectitem a:hover .project_info div::before{ height:32%;}
#indexPage #mproject #projectlist .projectitem a .project_info div::before{ top:25%;}

#indexPage #mnews{ padding-top:50px; padding-bottom:30px; height:auto !important; overflow:hidden}
#indexPage #newslist { height:auto !important;}
#indexPage #newslist .bx-viewport{ height:auto !important;}
#indexPage #mnews .content{height:auto !important;}
#indexPage #newslist .newstitem{ width:100vw !important; height:270px !important; margin-right:0 !important; padding:0 15px; box-sizing:border-box; float:none !important; position:relative;}
#indexPage #newslist .newstitem .newsbody .date{ width:100% !important;}
#indexPage #newslist .newstitem .newsbody .title{ width:100% !important;}
#indexPage #newslist .newstitem .newsbody .description{ width:100% !important;}
#indexPage .newstitem .newsbody{ padding-top:50px;}
#indexPage .newstitem .newsbody{ height:auto !important;}

#mpage .content .header{ width:100%; float:none; padding-top:50px;margin-left:10px;}
#mpage .content .header p.title{margin-left:0; font-size:24px;}
#mpage .module-content .description{ max-height:500px;float:none;width:100%; padding:10px;  margin-top:0px; box-sizing:border-box;}

#indexPage #mpage .wrapper{height:auto;}
#indexPage #mpage a.more{ width:150px;float:none; left:0;}
#indexPage #mpage .wrapper li .fimg{ width:100%; margin-left:0;left:0; top:40px; background-size:150%;}

.module.mcounter ul.content_list li p.title{ font-weight:100;}
.module.mcounter ul.content_list li p.y{ font-weight:100;}

.indexmapdizhi{ height:350px !important;}

#indexPage .mmap{ padding-top:30px; background:#fff;}

#indexPage #mcontact{ height:auto;}
#indexPage #mcontact .content{ height:350px;}
#mcontact .content #contactinfo{width:100%; padding-left:20px; margin-left:0; padding-top:50px;}
#mcontact .content #contactinfo h3{margin-bottom:20px;}

#mcontact .content #contactform{ display:none;}

#footer{ position:relative; z-index:999;background:transparent; padding:10px 0; background:#878c91;}
#footer p{position:static; padding:0 10px 0 20px; height:auto; color:#fff; text-align:left; height:40px;}
#footer p a.beian{ display:block !important; margin:0; color:#fff !important;}
#shares{position:relative;left:0;right:auto;bottom:0; padding:10px 20px; background:#878c91; justify-content:flex-start; display:none;}
#online_open{ display:none;}

.npagePage #banner{ height:215px;}
.npagePage #banner div{ height:215px;}
.npagePage .content .header{ padding-top:50px;}

.wangluozujian{width:100%;}
.wangluozujian ul li{ width:100%;}
.wangluozujian ul li.h{width:100%; font-size:14px; font-weight:bold;}
.wangluozujian ul li.h span{ font-weight:100; font-size:12px;}

.shiyitu{ width:100%; margin:0 auto; display:block;  justify-content:space-between;}
.shiyitu .yazhuang{ width:100%; text-align:center; padding:0 10px; box-sizing:border-box;}
.shiyitu .yazhuang .tu{ text-align:center;  display: flex;
  justify-content: center;}
.shiyitu .yazhuang .tu img{ height:200px;}
.shiyitu .yazhuang .tuz{ clear:both; display:block; font-size:12px;line-height:180%; color:#bbb; text-align:center;}
.shiyitu .yazhuang .one{ display:block; color:#333; line-height:180%;text-align:left;margin-top:15px;}
.shiyitu .yazhuang .two{ display:block; color:#333; line-height:180%;text-align:left; margin-top:8px;}

.shiyitu .baozhuangxian{ width:100%; text-align:center; padding:0 10px;box-sizing:border-box;}
.shiyitu .baozhuangxian .tu{ text-align:center;  display: flex;
  justify-content: center;}
.shiyitu .baozhuangxian .tu img{ height:200px;}
.shiyitu .baozhuangxian .tuz{ clear:both; display:block; font-size:12px;line-height:180%; color:#bbb; text-align:center;}
.shiyitu .baozhuangxian .one{ display:block; color:#333; line-height:180%;text-align:left;margin-top:15px;}
.shiyitu .baozhuangxian .two{ display:block; color:#333; line-height:180%;text-align:left; margin-top:8px;}

.xuanxing{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
.xuanxing img{ width:100%;} 

.caozuo{ width:100%; margin:0 auto; height:auto; overflow:hidden;}
.caozuo{display:block;  justify-content:space-between;}
.caozuo .leftc{width:100%; height:auto; overflow:hidden;}
.caozuo .leftc  img{ width:100%; margin-bottom:20px;}
.caozuo .rightc{ width:100%; margin-top:-20px;}
.caozuo .rightc .t{background: #b6414f;
    color: #fff;
    text-align: left;
    width: 21%;
    box-sizing: border-box; width:100%; padding:12px 20px 10px 20px; line-height:160%; font-size:14px; margin-top:0px;}

.caozuo .rightc .genju{ padding:20px; line-height:160%; font-size:14px;}

.caozuo .rightc .lg{display:flex;  justify-content:space-between;}
.caozuo .rightc .zht{ border-left:4px solid #b6414f; padding:0 0px 0 10px; line-height:160%; font-size:14px; margin-left:20px;}
.caozuo .rightc .zhty{ border-left:4px solid #fff; padding:0 0 0 10px; line-height:160%; font-size:14px; margin-left:20px; margin-top:20px;}

.c2{display:flex;flex-direction:column-reverse;}

.Pageanli #plheader{ margin-left:10px; width:100%; float:none;}
.Pageanli #category{ height:auto;}
#plheader{ padding-top:20px;}
#category{ width:100%;float:none;padding-top:0px; text-align:left; margin-left:10px; margin-right:0; padding-bottom:20px;}
#category a{ height:30px; margin:0 12px 0 0 !important;}

#projectlist .projectitem{ width:calc(50% - 5px); margin-right:10px;}
#projectlist .projectitem:nth-child(2n+2){ margin-right:0px;}

#pages{}
#pages .mui-pager{display:flex;  justify-content:center;}

#projectwrap.fw{display:flex; flex-direction:column-reverse; padding-top:0;}
#projectinfo{width:100%;float:none;padding:0 10px;}
#projectih{ width:100%;}
#projectinfo .header{ width:100%;}
#projectinfo #projectshow{ display:none;}

#projectbody{ width:100%;border-left:0;padding:10px;}
#projectimages{ padding:0;}

#projectwrap1, #projectwrap2, #projectwrap3, #projectwrap4, #projectwrap5{ width:100%; margin-top:0;}
#projectwrap2{display:flex; flex-direction:column-reverse; padding:0 10px;}
#projectinfo2{ float:none;width:100%;}
#projectbody2{ float:none; width:100%;}
#projectshow2{ display:none;}
#projectinfo2 .header .description{ line-height:180%; margin:20px 0;}

#newsPage .content .header{ width:100%; float:none;margin-left:10px; padding-top:30px; padding-bottom:20px;}
#newsPage .content .header  p.title{ margin-left:0;}
#newsPage .content .header  p.subtitle{margin-left:0;}
#newsPage .content #category{ padding-top:0; margin-bottom:0;}

#newsPage #newslist{ width:100%;}
#newsPage #newslist .wrapper{ margin-right:0;}
#newsPage #newslist .newstitem{ height:95px; padding:0 10px; margin:20px 0; position:relative;}
#newsPage #newslist .newstitem a.newscontent{padding-bottom:0;}
#newsPage #newslist .newsbody{ width:100%; }
#newsPage #newslist .newstitem .newsimg{ display:none;}
.Pagenews #newslist .newstitem .newsbody .date .year{ font-size:28px;}
.Pagenews #newslist .newstitem .newsbody .date .md{ width:82px; top:34px;}
#sitecontent .npagePage a.details{width:82px; top:50px; font-size:12px; height:22px; line-height:22px; position:absolute;}
#newsPage #newslist .newstitem .newsbody .title{ width:calc(100% - 100px);position:absolute; left:100px; top:0;}
#newsPage #newslist .newstitem .newsbody .description{width:calc(100% - 100px);position:absolute; left:100px;top:20px; margin-top:12px;}
#newsPage #newslist .newstitem .newsbody .date::after{height:75px;}
#newsPage #newslist .newstitem:hover .newsbody .date::after{ height:75px; top:5px; left:90px;}
#newsPage #newslist .newstitem a:hover .newsbody .title{left:100px;}
#newsPage #newslist .newstitem:hover .newsbody .description{left:100px; }

.fw{ width:100%;}

.newsl .content{padding:0 10px;}
.newsl .content .header{ padding-top:0; padding-bottom:20px;}
.newsl .content .postbody span{text-wrap:auto !important; }

.page_about .content .postbody{ padding:0 10px;}
.page_about table{width:100% !important;}
.page_about table td{width:100% !important; display:block;}
.page_about table td img{width:100% !important; height:auto !important;}
.page_about table.tone tr{display:flex; flex-direction:column-reverse;}

.qiyewenhua ul{ width:100%;}
.qiyewenhua .ytu{ position:relative; width:100%;}

.page_about table.ttwo td{ display:table-cell; width:20% !important;}
.page_about table.ttwo tr{ }

.page_118667 table{width:100% !important; margin-top:20px;}
.page_118667 table td{width:100% !important; display:block; padding-bottom:30px !important;}
.page_118667 table td hr{margin:10px 0;}
.page_118667 .lxt{ font-size:16px !important; font-weight:bold;}

#indexPage #newslist .newstitem:hover::before{ z-index:0;}


#indexPage #newslist #newsitem_2 a:hover .news_wrapper::after, #indexPage #newslist #newsitem_3:hover .news_wrapper::after, #indexPage #newslist #newsitem_4:hover .news_wrapper::after, #indexPage #newslist #newsitem_5:hover .news_wrapper::after{ height:0;}

#online_lx{ right:-200px;}