@charset "utf-8";
/* CSS Document */



.content .header p.title { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
/*顶部导航居右 */


#indexPage #mslider .bx-wrapper { position: relative; }
#header .content { padding: 0 5%; }
#header ul#nav { float: right; }
/*顶部导航背景默认色 */







#header { border-bottom: 1px solid transparent; background: rgba(255,255,255,0); }
/*顶部导航背景滚动颜色与阴影 */
html.effect #header.touming{ background:rgba(255,255,255,.2); box-shadow: 0 2px 4px rgba(0,0,0,.1)}
html.effect #header.half{ background:#ac1912; box-shadow: 0 2px 4px rgba(0,0,0,.1);}





#header.mini { background: #ac1912; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.5); }
/*顶部导航背景默认色IPAD */
#category_wap{ display:none}
.dialog .selectBox .btn{ display:none}
.dialog .selectBox h2{ display:none}






.lowB #header { background: #FFF; }
#header ul li.navitem a.active, #header ul li.navitem:hover a { color: #fff000; }
#indexPage a.more { color: #ac1912; border-color: #ececec; }
#indexPage a.more:hover { color: #fff; border-color: #ac1912; text-indent: 130px; background: #ac1912 }
#mpage .module-content .more{border-color: #cfcece;}
#indexPage #mpartner .slider_control a:hover { background-color: #ac1912 }
#contactform p .inputsub { background-color: #ac1912; }
#contactform .inputtxt.active { border-color: #ac1912 }
#pages a.active, #pages a:hover { background: #ac1912; }
.bx-wrapper .bx-controls-direction a:hover { background-color: #ac1912 }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { border: none; background-color: #ac1912; }
.serviceitem:hover .title { color: #ac1912; }
#header ul li.navitem a { color: #fff; }
.serviceitem div p.description { width: 100%; margin-top: 10px; }
/*导航下拉菜单 */















#header ul li.navitem ul.subnav li a { padding: 14px 30px; width: 205px; height: 20px; line-height: 20px; background: rgba(255, 255, 255, 1); display: block; font-size: 16px; transition: all 0.2s ease-out 0s; color: #999; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); }
#header ul li.navitem ul.subnav li a:hover,#header ul li.navitem ul.subnav li a.active { text-indent: 10px; background: #f4f4f4; color: #6c6c6c; }
#header ul li.navitem ul.subnav { border-top: #ac1912 3px solid; border-radius: 2px; }
#header ul li.navitem ul.subnav li { border-bottom: 1px solid #FFF; }

/*幻灯左右切换按钮 */
.wap{ display:none}
.device { width:100%; min-width:1200px;height:840px;position: relative; z-index:10; box-shadow: 0px 10px 58px rgba(0, 0, 0, 0.5);}
.device:hover .arrow-left0, .device:hover .arrow-right0{ display:block;}
.device .arrow-left0 { z-index:99; background: url(../img/left.png) no-repeat left top; position: absolute; left: 90px; top: 50%;margin-top: -25px; width: 49px; height: 49px; display:none;}
.device .arrow-left0:hover{ background-position:left bottom;}
.device .arrow-right0 {z-index:99;background: url(../img/right.png) no-repeat left top; position: absolute; right: 90px; top: 50%; margin-top: -25px;width: 49px;  height: 49px; display:none;}
.device .arrow-right0:hover{ background-position:left bottom;}
.device .swiper-container {height:840px;width: 100%; text-align:center; overflow:hidden}
.device .swiper-slide{ background-position:center center; background-repeat:no-repeat;}
.device .pagination0 {z-index:99;position: absolute;left: 0;text-align: center;bottom:26px;width: 100%;}
.device .swiper-pagination-bullet {display: inline-block;width:20px;height:20px;border-radius: 12px;background: #bbb;margin: 0 6px;cursor: pointer;}
.device .swiper-pagination-bullet-active { background: #ac1912;}
.device .swiper-slide a{ width:100%; height:840px; display:block;}





.bx-wrapper .bx-controls-direction a { background: rgba(0, 0, 0, 0.2); }
/*副标题 */







.content .header p.subtitle { color: #b5b5b6; font-size: 17px; }
/*首页案例背景颜色 */
#indexPage #mproject { background-color: #FFF; }
#indexPage #mfilm { background-color: #e5e5e5; }
#category a { font-size:14px; line-height: 16px; height: 16px; padding: 8px 20px; color: #fff; border:none; margin-right: auto; display: inline-block; transition: all 0.3s ease-out 0s; }
#category a.active, #category a:hover { background:none; border:none; color: #fff000; }
.nobanner #header { background: #4d4948; box-shadow: 0 6px 12px rgba(0,0,0,.2);}
.nobanner .npagePage .content{ background:#72706f;}
.nobanner .content .header p.title{ color:#fff;}
.nobanner .header p.subtitle { color: #fff;}
.nobanner .newsl .content{ background:#fff !important;}
.nobanner .newsl .content .header p.title{ color:#444;}
.nobanner .newsl .header p.subtitle { color: #444;}

.half{ }
.half #header{ background:rgba(77,73,72,.6); box-shadow: 0 6px 12px rgba(0,0,0,.2);}
.half .fixed-nav-appear{background:rgba(77,73,72) !important;}
.half .npagePage .content{ background:#72706f;}
.half .content .header p.title{ color:#fff;}
.half .header p.subtitle { color: #fff;}
.half .newsl .content{ background:#fff !important;}
.half .newsl .content .header p.title{ color:#444;}
.half .newsl .header p.subtitle { color: #444;}

#indexPage #mproject #category a  { color:#9fa0a0;}
#indexPage #mproject #category a.active, #indexPage #mproject #category a:hover { background:none; border:none; color: #ac1912; }
/*链接颜色 */
.service{ width:1376px; margin:0 auto;}
.tab .tab_menu ul li{ float:left; background:#e6e5e5; margin:0 18px 18px 0;}
.tab .tab_menu ul li a{ width:290px; height:160px; padding:70px 0 0 40px; display:block; font-size:18px; color:#595757; line-height:25px; font-weight:bold}
.tab .tab_menu ul li span{ display:block; padding:15px 0 0; font-weight:normal}
.tab .tab_menu ul li.nomargin{ margin-right:0;}
.tab_content{ margin-bottom:50px;}
.tab_content > div.tab_box { width:100%; font-size:18px; line-height:36px; color:#595757; display:none;}
.tab_content > div.tab_box:first-child{ display:block;}
.tab .tab_menu ul li.on{ background:#ac1912; color:#fff}
.tab .tab_menu ul li.on a{ color:#fff;}
.tab_content > div.tab_box h3{ font-size:23px; font-weight:normal; padding-bottom:30px;}

.tab_service{ width:1000px; margin:0 auto; font-size:18px; line-height:36px; color:#595757;}
.tab_service img{ float:none}
.tab_service .title2{ color:#d92142; font-weight:bold}
.tab_service .title3{ color:#333; font-weight:bold; text-align:center}

.postbody a { color: #ac1912; }
/*案例1180 */
#projectlist, #projectmore { margin: 0 auto; width: 100%; overflow: hidden; position: relative }
#projectlist .projectitem { width: 280px; margin-right: 20px; margin-bottom: 80px; background-color: transparent; }
#projectlist .wrapper { margin-right: -20px }
#projectmore { background: #fff; border: 1px solid #dfdfdf; font-family: "HELVETICANEUELTPRO-THEX"; border-radius: 30px; color: #ac1912; display: block; font-size: 20px; height: 58px; line-height: 58px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 360px; margin-top: 20px; }
#projectmore:hover { background: #ac1912; border: 1px solid #ac1912; width: 360px; height: 58px; line-height: 58px; text-indent: 0 }
#projectlist .projectitem a { border-radius: 8px; }

#filmlist, #filmmore { margin: 0 auto; width: 100%; overflow: hidden; position: relative }
#filmlist .filmitem { width: 280px; margin-right: 20px; margin-bottom: 80px; background-color: transparent; }
#filmlist .wrapper { margin-right: -20px }
#filmmore { background: #fff; border: 1px solid #dfdfdf; font-family: "HELVETICANEUELTPRO-THEX"; border-radius: 30px; color: #ac1912; display: block; font-size: 20px; height: 58px; line-height: 58px; text-indent: 0px; transition: all 0.3s ease-out 0s; width: 360px; margin-top: 20px; }
#filmmore:hover { background: #ac1912; border: 1px solid #ac1912; width: 360px; height: 58px; line-height: 58px; text-indent: 0 }
#filmlist .filmitem a { }
#mfilm a.more{ margin-top:80px; border:1px solid #cfcece;}
/*首页背景不平铺 */
#indexPage #yxzy{ background:#fff !important;}
#indexPage .module { background-size: auto; }
/*首页背景不加透明蒙层 */
#indexPage #mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask { background-color: rgba(255, 255, 255, 0); }
/*首页服务背景层 */
#indexPage #mservice {  }
#indexPage #mhonor { background-color: #f6f7f9; }
/*首页BANNER 文字位置*/
#indexPage #mslider ul li p.subtitle { width: 1200px;
    margin: 0 auto;font-size: 14px; height: 20px; transition-delay: 0.2s; color: #8a8a8c; text-align: left; }
#indexPage #mslider ul li p.title { width: 1200px;
    margin: 0 auto;font-size: 50px; line-height: 70px; height: 70px; font-family: "HELVETICANEUELTPRO-THEX"; text-align: left; margin-top: -136px;}
#projectlist .projectitem .project_info p.title { font-size: 14px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 120px; color: #333; }
#projectlist .projectitem .project_info p.subtitle { margin-top: 0px; color: #999; }
#projectlist .projectitem a:hover .project_info p.subtitle { margin-top: -16px; color: transparent; }
#projectlist .projectitem a:hover .project_info { background: transparent }

#filmlist .filmitem .film_info p.title { font-size: 14px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 120px; color: #333; }
#filmlist .filmitem .film_info p.subtitle { margin-top: 0px; color: #999; }
#filmlist .filmitem a:hover .film_info p.subtitle { margin-top: -16px; color: transparent; }
#filmlist .filmitem a:hover .film_info { background: transparent }
/*首页团队*/

#indexPage #mteam .header p.title { color: #ac1912; font-size: 24px; text-align: left; margin: 70px auto auto; }
#indexPage #mteam .header p.subtitle { font-size: 12px; color: #4B4B4B; text-align: left; margin: 0px auto; }
#indexPage #mteam .description { color: #fff; overflow: hidden; text-align: left; line-height: 24px; height: 150px; font-size: 13px; margin:0; width: 490px; }
#indexPage #mteam { height:507px; background:#4d4948 url(../img/teambg1.jpg) no-repeat top center; overflow:hidden;}
#indexPage #mteam .slider_control a i { color: #666; }
#indexPage #mteam .slider_control a:hover i { color: #ac1912 }
#indexPage .module .bgmask { background-color: transparent; }
#indexPage a.more:hover i { text-indent: 18px; color: #fff; }
#indexPage #mpage a.more{ border: #cecdcd 1px solid;}

#mteam .swiper-container { width: 100%; height: 100%;}
#mteam .swiper-slide {text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
/*首页联系 */	

#contactform p { padding-top: 5px; }
#contactform p .inputtxt { border: medium none; margin-bottom: 5px; background: transparent; border-bottom: 1px solid rgba(255,255,255,.1); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#contactform p .inputtxt:hover { border-bottom: 1px solid #ac1912; }
#contactform p .inputsub { background-color: #ac1912; margin-top: 10px; padding: 8px 0px; }
#contactinfo p { color: #717171; }
#indexPage #mcontact { height: 600px; background-color: rgb(31, 31, 35); }
#newslist .newsdate { width: 180px; float: right; margin: 0px 0px 0px 160px; padding-left: 40px; border-left: 1px solid rgb(230, 230, 230); }
#newslist .newsinfo { margin-left: 40px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); }
#newslist .newstitem:hover { background: #ac1912 }
#newslist .newsinfo .md { color: #ac1912; font-size: 50px; text-align: left; }
#newslist .newsinfo .year { text-align: left; }
#newslist .newstitem i { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #ECE4E4; }



.teamitem a div.wrap { background-color: rgba(210,210,210,0.7) }


#indexPage .module .content { position: inherit; top: 0px; }
#indexPage #mslider .content { margin: 0; height: 700px; }
#indexPage #mservice { height: 650px; }
#indexPage #mservice .content { margin: 0; height: 340px; padding-bottom: 100px; }
#indexPage #mhonor { height: 780px; }
#indexPage #mhonor .content { margin: 0; height: 1200px; padding-bottom: 100px; }
#indexPage #mproject .content { margin: 0; }
#indexPage #mfilm .content { margin: 0; }
#indexPage #mpage .content { margin: 0; height: auto; }
#indexPage #mteam .content { margin: 0; height: 600px; }
#indexPage #mnews .content { margin: 0; height: auto; }
#indexPage #mcontact .content { margin: 0; height: 600px }
#indexPage #mpartner .content { margin: 0; }
/*幻灯切换按钮*/

#indexPage #mslider .bx-wrapper .bx-pager { bottom: 20px; }
/*案例*/
#indexPage #mpage .content .header { padding-top: 150px; background:url(../img/icon_01.png) no-repeat center 70px;}
#indexPage #mproject .content .header { padding-top: 80px; background:url(../img/icon_01.png) no-repeat top center;}
#mproject #category { display: block; }
#indexPage #mproject .content { margin-right: -20px; }
#indexPage #mproject .content .wrapper { width: 90%; margin: 0 auto; }
#indexPage #projectlist .projectitem { width: 23%; margin: 0 1% 80px; }
#indexPage #mproject .content .wrapper .content_list { margin-left: 0 }
#indexPage #projectlist .projectitem .project_info p.title { font-size: 16px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 100px; color: #333; line-height: 24px; }
#indexPage #projectlist .projectitem .project_info p.subtitle { margin-top: 0px; color: #ff6666; font-size:1.6rem}
#indexPage #projectlist .projectitem a:hover .project_info p.title { margin-top: 110px; color: #ac1912; }
#indexPage #projectlist .projectitem a:hover .project_info p.subtitle { margin-top: -16px; color: transparent; }
#indexPage #mproject a.more { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
#mproject #projectlist .projectitem a .project_info div { height: 80px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; bottom: 0px; top: auto; width: 100%; }

#indexPage #mfilm .content .header { padding-top: 150px; background:url(../img/icon_01.png) no-repeat center 70px;}
#mfilm #category { display: block; }
#indexPage #mfilm .content { margin-right: -20px; }
#indexPage #mfilm .content .wrapper { width: 90%; margin: 0 auto; }
#indexPage #filmlist .filmitem { width: 23%; margin: 0 1% 80px; }
#indexPage #mfilm .content .wrapper .content_list { margin-left: 0 }
#indexPage #filmlist .filmitem .film_info p.title { font-size: 16px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 100px; color: #333; line-height: 24px; }
#indexPage #filmlist .filmitem .film_info p.subtitle { margin-top: 0px; color: #999; }
#indexPage #filmlist .filmitem a:hover .film_info p.title { margin-top: 110px; color: #ac1912; }
#indexPage #filmlist .filmitem a:hover .film_info p.subtitle { margin-top: -16px; color: transparent; }
#indexPage #mfilm a.more { font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; }
#mfilm #filmlist .filmitem a .film_info div { height: 80px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; bottom: 0px; top: auto; width: 100%; }
/*服务***************************display:flex; justify-content:center; align-items:center;****************/
/***********************display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;*****************/


#indexPage #mservice .content .header,#indexPage #mhonor .content .header { padding-top: 150px; background:url(../img/icon_01.png) no-repeat center 70px;}
#indexPage #mhonor .content { margin-right: -20px; }
#indexPage #mhonor .content .wrapper { width: 90%; margin: 0 auto;}

#indexPage #servicelist .serviceitem { margin-right: 80px; }
#servicelist .serviceitem:hover .title { color: #ac1912; }
#servicelist .serviceitem div p.description { color: #A5A5A5; }
#servicelist .serviceitem div p.title{ font-size:22px;}
/*证书*/
.honorbox{ padding:0; overflow: hidden;}
.honorbox ul li{ height:48px; line-height:48px; text-align:center}
.honorbox ul li h3{ font-size:18px; color:#595757; line-height:36px; font-weight:normal;}
.honorbox ul li span{ color:#898989; padding-left:5px; font-weight:bold;}
.honorbox ul li h3 span{ color:#868686;}
.honorbox ul li h3{ font-size:18px; color:#6c6b6b;}



/*关于*/



#mpage .content .header { padding-top: 80px; }
#indexPage #mpage .slider_wrapper li .fimg { height: 400px; }
/*新闻*/



#mnews .content .header { padding-top: 120px; padding-bottom: 80px; }
#indexPage #mnews .content .header { display: block; }
#newslist .newstitem .news_wrapper { position: inherit;}
#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover { padding: inherit; }
#newslist .news_wrapper { background: none;}
#newslist .newstitem a.newscontent:hover .news_wrapper, #newslist .news_wrapper { width: 100%; }
#newslist .separator { display: none; }
#newslist .newsbody { width: auto; text-align: left; position: relative; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -webkit-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition: all .6s cubic-bezier(0.215, 0.61, 0.355, 1); }
#newslist .newsbody .title {transition: all 0.3s ease-out 0s; width: 100%; height: 20px; line-height: 20px; font-size: 16px; color: #464646;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#newslist .newsbody .description { float: left; width: 530px; height: 42px; line-height: 22px; font-size: 12px; color: #9c9c9c; text-align: left; margin-top: 16px; overflow: hidden; }
#newslist .newsbody .md span { display: none; }
#newslist .newstitem:hover .md, #newslist .newstitem:hover .year, #newslist .newstitem:hover .description, #newslist .newstitem:hover .title { color: #fff; }
#newslist .newstitem a.details { display: block; z-index: 2; position: absolute; top: 16px; width: 150px; left: 50%; margin-left: 405px; text-indent: -230px; overflow: hidden; height: 36px; line-height: 36px; border: none; }
#newslist .newstitem:hover a.details { text-indent: -220px; }
#newslist .newstitem a.details i { font-size: 36px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; color: #ECE4E4; padding-left: 200px; }
#newslist .newstitem:hover a.details i { text-align: 40px; color: #fff; }
#newslist .newstitem a.details:hover { text-indent: -220px; }
#mnews a.more { display: block; margin-top: 50px; border:1px solid #cccbcb;}
/*合作伙伴*/



#indexPage #mpartner .content .header { padding-top: 150px; background:url(../img/icon_01.png) no-repeat center 70px;}
#indexPage #mpartner .module-content { padding:10px 0 60px; }
#indexPage #mpartner .wrapper { height: auto; }
#indexPage #mpartner .wrapper ul li { }
#indexPage #mpartner .wrapper ul li a { width: 170px; height: auto; margin-right: 10px; }
#indexPage #mpartner .bx-wrapper .bx-pager { display: none; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction { display: block; }
#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled { display: block; }
#mpartner .bx-wrapper .bx-controls-direction a { background: none; }
#mpartner .bx-wrapper .bx-controls-direction a:hover { background: none; }
#indexPage #mpartner .bx-wrapper .bx-prev { left: -58px; display: none; }
#indexPage #mpartner .bx-wrapper .bx-next { right: -58px; display: none; }
/*联系我们*/



#indexPage #mcontact .content .header { padding-top: 80px; }
#footer a path { fill: rgb(148, 148, 148); }
/*案例内页*/



.npagePage #projectlist .wrapper { width: 90%; margin: 0 auto; min-height:400px;}
.npagePage #projectlist .projectitem { width: 23%; margin: 0 1% 90px; }
.npagePage #projectlist .projectitem .project_info p.title {  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 100px; color: #fff; line-height:24px;}
.npagePage #projectlist .projectitem .project_info p.subtitle { margin-top: 0px; color: #f7f7f7; }
.npagePage #projectlist .projectitem a:hover .project_info p.title { margin-top: 110px; color: #ac1912; }
.npagePage #projectlist .projectitem a:hover .project_info p.subtitle { margin-top: -16px; color: transparent; }

.npagePage #projectlist .item2 { float:left; width: 14%; margin: 0 1% 90px; }
#projectlist .item2 a{ border-radius:5px;}

.npagePage #filmlist .wrapper { width: 90%; margin: 0 auto; }
.npagePage #filmlist .filmitem { width: 23%; margin: 0 1% 90px; }
.npagePage #filmlist .filmitem .film_info p.title {  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 100px; color: #fff; line-height:24px;}
.npagePage #filmlist .filmitem .film_info p.subtitle { margin-top: 0px; color: #f7f7f7; }
.npagePage #filmlist .filmitem a:hover .film_info p.title { margin-top: 110px; color: #ac1912; }
.npagePage #filmlist .filmitem a:hover .film_info p.subtitle { margin-top: -16px; color: transparent; }
/*团队内页*/



.npagePage .teamitem .title a { color: #000; }
#shares a#gotop { margin-top: 0; }
#shares a#sshare { display: none; }
#online_open { bottom: 160px; }
#indexPage .module { z-index: auto; }
#indexPage #mservice .wrapper { width: auto; margin-right: -80px }
#indexPage #mhonor .wrapper { width: auto; margin-right: -80px }
#servicelist .serviceitem a img {    width: 120px;
    margin-left: 100px;}
#servicelist .serviceitem { width: 320px; margin-right: 80px; }
#servicelist .wrap { margin-right: -80px }
.bx-wrapper .bx-controls-direction a i { font-size: 22px; margin-top: 8px; margin-left: 15px; }
.bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 18px; }
.bx-wrapper .bx-pager.bx-default-pager a { background-color: #eee; width: 8px; display: none; height: 8px; border: none; }
.content .header p.title { font-size: 37px; margin-bottom: 6px; color:#595757;}
#olx_head{background: #ac1912;}

#projectimages li{ margin:0;}
#projectib .projectitem img{border-radius: 8px;}
#filmimages li{ margin:0;}
#filmib .filmitem img{border-radius: 8px;}


#mnews .content .header { padding-bottom: 60px; padding-top: 150px; background:url(../img/icon_01.png) no-repeat center 70px;}
#indexPage #mnews .content .header { display: block; }
#indexPage #mnews .newstitem a.details { display: block; position: absolute; z-index: 20; top: -3px; background: none; width: 100px; height: 20px; margin: 0px; border-radius: 0px; line-height: 21px; text-indent: -94px; overflow: hidden; border: none; right: 90px; }
#indexPage #mnews .content_list { height: auto; }
#newslist .newsinfo { display: block; float: none; margin: 0; padding: 0 60px; position: relative; transform: translate3d(0px, -14px, 10px ); -webkit-transform: translate3d(0px, -14px, 10px ); -moz-transform: translate3d(0px, -14px, 10px ); }
#newslist .newstitem:hover .newsinfo { transform: translate3d(0px, -14px, 10px); -webkit-transform: translate3d(0px, -14px, 10px); -moz-transform: translate3d(0px, -14px, 10px); }
#newslist .newsbody .description { width: 100%; margin-top: 20px; font-size: 12px; color: #777; text-align: left; }
#newslist .newsbody .date { color: #7E7E7E; }
#newslist .newsbody .date .md { margin-right: 10px; }
#newslist .newsdate { width: auto; margin: 0 0 20px; background-color: transparent; transition: all 0.3s ease-out 0s; }
#newslist .newstitem:hover .newsdate { background-color: transparent; }
#newslist .newscontent { height: auto; margin: 0; padding: 0; width: 100%; }
.newsdate p { float: inherit; padding: 0; width: auto; }
#newslist .newsinfo .year { font-size: 16px; border-left: 20px solid #B9B9B9; line-height: 0px; height: 1px; padding: 0 0 0 15px; }
#newslist .newstitem i { text-indent: -100px; color: transparent; font-size: 36px; margin-top: -200px; }
#newslist .newstitem:hover i { text-indent: -80px; margin-top: -200px; }
#newslist .newsbody { margin-left:5%;}
#newslist { width: 80%; margin: 0px auto;}
#newslist .newstitem.left a.newscontent, #newslist .newstitem.right a.newscontent { width: auto; padding-left: 200px; padding-right:5%;}
#newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent:hover { padding-left: 200px; padding-right:5%;}
#newslist .newstitem.right a.newscontent { padding-right:5%;}
#newslist .newstitem.right a.newscontent:hover { padding-right:5%;}
#newslist .newstitem a.newscontent:hover .news_wrapper, #newslist .news_wrapper { width: 100%; }
#newslist .separator { display: none; }
#newslist .news_wrapper { background: transparent }
#newslist .newstitem:hover .newsbody p.date { margin-left: 80px; color: #DADADA; }
#newslist .newstitem a.newscontent { text-align: left; }
#newslist .newstitem .md span { display: none; }
#newslist .newstitem .md::after { content: ''; display: block; border-bottom: 1px solid #fff; width: 30px; position: absolute; left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }
#newslist .newstitem:hover .md::after { width: 110px; }
#newslist .newstitem .newsimg { width: 200px;  background-color: #f4f4f4;border-radius: 8px;}
#newslist .newstitem .newsimg img{ width: 200px; border-radius: 8px;}
#newslist .bx-viewport { min-height: 160px }
#newslist .newstitem.right a.newscontent .newsimg { left: 0; }
#indexPage #mnews .newstitem a.details { display: block; position: absolute; z-index: 20; top: -3px; background: none; width: 100px; height: 20px; margin: 0px; border-radius: 0px; line-height: 21px; text-indent: -94px; overflow: hidden; border: none; right: 90px; }

#indexPage #mnews .content_list:after { content: ''; display: block; clear: both; }
#newslist .newsbody .description { transition: all 0.3s ease-out 0s; height: 44px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#indexPage #mnews .content_list { height: auto; }
#newslist .bx-viewport { overflow: visible !important; }
#newslist .newstitem {
    border-radius: 8px;
    float: left;
    height: 160px;
    margin-bottom: 40px;
    position: relative;
    width: 45%;
    margin-right: 5%;
}
#newslist .newsbody .date .md {
    margin-right: 10px;
}
#newslist .newsbody p.date {
    font-family: "HELVETICANEUELTPRO-THEX", Arial;
    height: 30px;
    font-weight: 300;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#projectbody{width: calc(100% - 380px);}
#projectwrap{width: 80%;  max-width: 1800px;}
#projectbody .postbody{max-width: 1140px;margin: 0 auto;}
#projecttags a{border-radius: 2px;line-height: 20px;padding: 5px 15px;background: #f5f5f5;}

.wap{ display:none !important}
#leftcontrol{ display:none !important}

/**service**/
.lcBox{ width:520px; margin:0 auto; padding-bottom:80px; overflow:hidden;}
.lcBox dl{ width:100%; height:150px; position:relative; margin-bottom:60px;}
.lcBox dl dt{ position:absolute; left:0; top:0; border:1px solid #e0e0e0; border-radius: 100%; width:150px; height:150px; text-align:center; background:#969594; color:#fff;}
.lcBox dl dt span{ padding-top:85px; display:block; margin-top:15px; line-height:18px; background-repeat:no-repeat; background-position:center top;  font-size:20px;}
.lcBox dl dd{ position:absolute; top:0; right:0; width:297px; height:108px; overflow:hidden; font-size:14px; line-height:24px; color:#595757; padding:20px 35px 20px 65px; border:1px solid #b8b8b7; border-left:0;}
.lcBox dl dd span.tit { font-size:30px; padding-bottom:15px; display:block; text-align:center;}

.lcBox dl.lcright dt{ left:auto; top:0; right:0;}
.lcBox dl.lcright dd{ right:auto; left:0; top:0; border:1px solid #b8b8b7; border-right:0;}

/**serviceBox**/
.serviceBox{ padding:20px 0; overflow:hidden;}
.serviceBox dl{ float:left; width:165px; height:165px; padding-right:60px; position:relative; background:url(../img/icon_04.png) no-repeat 180px center;}
.serviceBox dl dt{ position:absolute; left:0; top:0; border:1px solid #e0e0e0; border-radius: 100%; width:150px; height:150px; text-align:center; background:#969594; color:#d5d5d4;}
.serviceBox dl dt span{ padding-top:85px; display:block; margin-top:15px; line-height:18px; background-repeat:no-repeat; background-position:center top;  font-size:20px;}
.serviceBox dl:last-child{ padding-right:0;}

.dropmenu ul { box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.15); border-radius: 8px; margin-top: 10px; width: 90%;margin-left: 5%; background-color: #fff;}
#categoryshow { position: relative; width: 90%; margin: 0 0 20px;}
.dropmenu ul li{ border: none;}
#categoryshow { min-height:40px; margin-bottom:40px; padding-top:40px; position:relative;}
#categoryshow .label{ width:260px; line-height:40px; height:40px; border:1px solid #a4a3a2; border-radius:50px; color:#fff; font-size:1.2rem; cursor:pointer; padding-right:15px; text-align:left; padding-left:35px; position:absolute; right:0;}
.dropmenu .label .down{ float:right; font-size:2rem; margin-top:0;}
.dropmenu.open .label .down{ transform:rotate(180deg); margin-top:10px;}
.dropmenu ul{ width:300px; height:0; overflow-y:auto; position:absolute; top:80px; right:5px; z-index:1; background-color:#72706f;}
.dropmenu ul li{ width:100%; height:40px; float:left; border-bottom:#a4a3a2 1px solid; text-align:left;}
.dropmenu ul li a{ line-height:40px; height:40px; padding:0 20px; color:#fff; display:block; font-size:1rem;}
.dropmenu ul li a:hover,.dropmenu ul li a.active{ background:#ac1912; color:#fff;}
.dropmenu ul li:last-child{ border-bottom:none;}

.videobg{ background:#4d4948 !important; width:100%; overflow:hidden; padding:50px 0; z-index:2 !important;}
.videobg .video-js-box{ margin:0 auto; overflow:hidden;/* box-shadow:0px 0px 20px #333333;*/}
.videobg .video video{ margin:0 auto; overflow:hidden;}
.videobg #plheader, .plheader{ padding:30px 0 0; color:#efefef; width:1280px; margin:0 auto;}
.videobg .title2{ font-size:22px; padding-bottom:10px;}
.videobg .subtitle2{ font-size:13px;}
.videobg .videocontent{ width:1280px; margin:0 auto; padding:10px 0 0; line-height:24px;}
.vjs16{ width:1280px !important; height:auto;}
.vjs4{ width:633px !important; height:auto;}
.vjs9{ width:910px !important; height:auto;}
.object-fit{ object-fit:fill;}
.vjsall video{ width:633px !important; height:506px !important;}
.vjs16 img,.vjs16 video{ width:1280px !important; height:720px !important;}
.vjs4 img,.vjs4 video{ width:632px !important; height:506px !important;}
.vjs9 img,.vjs9 video{ width:910px !important; height:510px !important;}
.max100,.max100 img,.max100 video{ width:100% !important; height:100% !important;}

.filmbg{ width:100%; overflow:hidden;}
.filmpic{ width:100%; height:850px;}
.filmshow{ width:1360px; margin:0 auto; padding:45px 0; overflow:hidden;}
.filmshow .leftfilm{ float:left; width:400px; height:570px;}
.filmshow .rightfilm{ float:right; width:910px; font-size:15px; line-height:42px; color:#fff;}
.filmbg .filmtitle{ font-size:20px; color:#fff;}
#filmlistshow .wrapper { width: 1360px; margin: 0 auto;}
#filmlistshow .wrapper .content_list{ overflow:hidden; padding-bottom:50px;}
#filmlistshow .filmitem { float:left; width: 31.11%; margin: 0 3.3% 0 0; }
#filmlistshow .film_img img{ width:100%; height:auto;}
#filmlistshow .filmitem .film_info p.title { font-size:15px; text-align:center; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-top: 30px; color: #fff; line-height:40px; display:block;}
#filmlistshow .nomargin{ margin-right:0;}
.box4 { min-height:400px;}
.box2{ padding-top:50px;}
.p60{ padding-top:60px; min-height:90px;}
#mproject .box .title_search{ font-size:28px; text-align:center; padding:0 0 40px; color:#d5d5d5;}
#newslist .box .title_search{ font-size:28px; text-align:center; padding:0 0 40px; color:#444;}
/*search*/
.searchbar{  overflow:hidden;
    width: 380px;
	margin:0 auto;
    height: 40px;
    line-height: 40px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    padding-left: 40px;
    position: relative;}

.searchbar #searN{ width: 170px;height: 40px;margin-left:2px; float:left; border:none; background:#6d6969;  color:#d5d5d5; padding-left:10px; position:absolute; left:0; top:0;}
.searchbar .fa-angle-down{ position:absolute; left:140px; top:14px; z-index:10; color:#d5d5d5;}
.searchbar .tint{ width:170px; padding-right:10px; height:40px; font:14px "Microsoft YaHei"; color:#d5d5d5; line-height:31px;  position:absolute; left:180px; top:0;}
.searchbar .bint{ width:61px; height:40px; background:#ac1912; font:14px "Microsoft YaHei"; color:#fff; cursor:pointer;float:right; position:absolute; top:0; right:0;}


.fixed-nav{
position: fixed;
width:100%;
top:-131px; 
-webkit-transition: top .5s;
 -moz-transition: top .5s;
 -o-transition: top .5s;
 transition: top .5s;
}
.fixed-nav-appear{top:0;}
.fix_sec{
position: fixed;
width:100%;
top:0;
z-index: 999;
-webkit-transition: top .5s;
-moz-transition: top .5s;
-o-transition: top .5s;
transition: top .5s;
}

.searchlist .pages .curr a{ border: 1px solid #fff !important;}
.searchlist .pages a{ color: #444 !important; border: 1px solid #444 !important;}

.pc11 .pages .curr a{ border: 1px solid #fff !important;}
.pc11 .pages a{ color: #fff !important; border: 1px solid #fff !important;}
.pc11 .pages a:hover{ border: 1px solid #ac1912 !important;}

.postbody .allmap{ float:right; width:800px; margin-bottom: 40px; padding: 10px; background-color: #ffffff; position: relative;  -moz-box-shadow:0px 0px 20px rgba(127,128,130,0.2); -webkit-box-shadow:0px 0px 20px rgba(127,128,130,0.2); box-shadow:0px 0px 20px rgba(127,128,130,0.2);  height: 500px; }
.postbody .allmap .text{position: absolute; background-color: rgba(255,255,255,0.9); padding: 40px 30px; width: 275px; top: 90px; left: 0; -moz-box-shadow:10px 0px 20px rgba(127,128,130,0.4); -webkit-box-shadow:10px 0px 20px rgba(127,128,130,0.4); box-shadow:10px 0px 20px rgba(127,128,130,0.4);}
.postbody .allmap .text .tt{ color: #2c88d8; font-size: 24px; height: 35px; margin-bottom: 20px; }
.postbody .allmap .text .dt,.n_contact .g_content .allmap .text .gj{ color: #333333; font-size: 18px; background: url(../img/contact_ico1.png) no-repeat left -181px; padding-left: 30px; margin-bottom: 10px; }
.postbody .allmap .text .gj{ background: url(../img/contact_ico1.png) no-repeat left 1px; }
.postbody .allmap .text .xt{ border-bottom: 1px dashed #CACACA; width: 100%; height: 1px; margin: 20px 0; }
.postbody .allmap .text .route{ color: #666666; line-height: 28px; }

.contacts .title,.contacts .follow{ display:none}

.sitemap{ padding:0 0 60px;}
.sitemap .nrnav { padding-left:20px;}
.sitemap li { border-bottom:1px dashed #ccc; line-height:32px;}
.sitemap li a{ text-decoration:none;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333;}
.sitemap li a:hover{ color:#ac1912}
.sitemap .nav { padding-left:12px;}