@charset "utf-8";



/* --------- 原始样式 --------- */

@font-face {font-family: 'HELVETICANEUELTPRO-THEX';src: url('fonts/HELVETICANEUELTPRO-THEX.OTF');font-weight: normal;font-style: normal;}

* {padding: 0;margin: 0;}

ul li {list-style: none;}

a {text-decoration: none;}

img {border: none;}

input {border: none;background: none;}

input, textarea {font-family: "微软雅黑", Arial;outline: 0;font-size: 14px;-webkit-appearance: none;}



.clear {clear: both;}

.ellipsis {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: block}

html, body {font: 12px Arial, "微软雅黑"; color: #929292; background: #fff}

body {overflow-x: hidden;}







@media screen and (min-width:960px)  and  (max-width:2600px)  {



/* --- 新增样式 --- */

.pc{display:block;}

.wap{display:none;}





/* --------- 原始样式 --------- */

.nobanner .npagePage { padding-top: 80px;}

.fw {margin: 0 auto; width: 80%;}

#pageWrapper {}

.fl {float: left;}

.fr {float: right;}



/* ---- 头部 ---- */

#header { position: fixed; border-bottom: 1px solid rgba(255,255,255,.2); font-size: 14px; transition: all ease .3s; z-index: 99; background: url(../images/tm.png); width:100%;}

#header.mini {background: url(../images/tm.png);}



.nobanner #header {background: rgba(33, 33, 33, 0.9);}

#header .content {padding: 0;}



/* logo */

#header .logo {padding: 20px; transition: all 0.3s ease-out 0s;  display: block; float: left;}

#header .logo img {transform: scale(1, 1); transition: all 0.3s ease-out 0s;}

#header.mini .logo {padding: 10px 20px;}

#header.mini .logo img {transform: scale(0.8, 0.8);}



/* 导航 */

#header ul#nav {float: right;  transition: all 0.3s ease-out 0s; margin-top:30px;}

#header ul li.navitem { height: auto; float: left; position: relative; transition: all ease .3s;}

#header ul li.navitem a {color: #fff; transition: all ease-out .3s; display:block; line-height:40px; height:40px; padding:0 25px; margin-right:20px;}



#header ul li.navitem a.active, #header ul li.navitem:hover a {color: #000; border-radius: 30px; background: -webkit-linear-gradient(#e7edff, #dde5ff); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(#e7edff, #dde5ff); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(#e7edff, #dde5ff); /* Firefox 3.6 - 15 */background: linear-gradient(#e7edff, #dde5ff); /* 标准的语法 */}



#header.mini ul#nav { margin-top:20px;}

#header.mini ul li.navitem { }

#header.mini ul li.navitem a.active{color:#333;}

#header.mini ul li.navitem a:hover{color:#333;}





/* 导航 弹出 */

#header ul li.navitem:hover ul.subnav {opacity: 1; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); visibility: visible;}

#header ul li.navitem a.active, #header ul li.navitem:hover a {color: #000}

#header ul li.navitem ul.subnav {position: absolute; width: 210px; border-top: #000 3px solid; top: 58px; opacity: 0; transition: all 0.3s ease 0s; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); visibility: hidden;}

#header ul li.navitem ul.subnav li {border-bottom: #2e2f29 1px solid}

#header ul li.navitem ul.subnav li a {padding: 14px 30px;width: 150px;height: 20px;line-height: 20px;background: rgba(0,0,0,.7);display: block;color: #bbb9b9;font-size: 12px;transition: all ease-out .2s}

#header ul li.navitem ul.subnav li a i {float: right;margin-top: 5px;transition: all ease-out .2s;opacity: 0}

#header ul li.navitem ul.subnav li a:hover {text-indent: 10px;background: rgba(0,0,0,1);color: #fff}

#header ul li.navitem ul.subnav li a:hover i {opacity: 1}





/* ---- banner ---- */

#banner{height: 380px; width:100%;}

#banner span{display:block; height:380px; overflow:hidden;  background-attachment: fixed;  background-size:100% auto; background-repeat:no-repeat; background-position:center top;}





/* ---- 产品列表 ---- */

#indexPage #mproject {background-color: #f3f3f3; overflow:hidden;}

#projectlist{ margin-bottom:50px;}

#projectlist .projectitem { float: left; position: relative; margin:0 1.5%; background:#fff;  width:30%; -moz-box-shadow:1px 1px 10px #CCC; -webkit-box-shadow:1px 1px 10px #CCC;  box-shadow:1px 1px 10px #CCC;}

#projectlist .projectitem a {display: block; overflow: hidden}

#projectlist .projectitem a img { float:none; transition: all ease-out .3s; }



/* 产品信息 */

#projectlist { background:#f3f3f3;}

#projectlist .wrapper { margin:0 auto; width:68%;}

#projectlist .projectitem .project_info {border-radius: 5px;}

#projectlist .projectitem .project_info h6{ display:block; text-align:left; padding:12% 8% 1% 8%; font-size:18px; color:#000;}

#projectlist .projectitem .project_info i { display:block; text-align:left; padding:0 8%; font-size:12px; color:#999; font-style:normal}

#projectlist .projectitem .project_info .text { display:block; text-align:left; padding:2% 8% 0 8%; color:#666; font-size:14px; height:80px;}

#projectlist .projectitem .project_info em { display:block; text-align:left; padding:2% 8% 2% 8%; color:#000;}

#projectlist .projectitem .project_info .pic { display:block; text-align:center; padding:5%; overflow:hidden;}

#projectlist .projectitem .project_info .pic img{ transition:all .6s ease; overflow:hidden;}

#projectlist .projectitem .project_info .pic img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}

#projectlist .projectitem a:hover .project_info {background: #fff; overflow:hidden;}





/* 更多 */

#projectmore {color: #a2d5ac; height: 100px; line-height: 100px; background: #f3f3f3;font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑";font-size: 18px;}

#projectmore:hover {color: #a2d5ac;height: 100px;line-height: 100px;background: #212229;font-size: 18px;}



 





/* ---- 更多 ---- */

#indexPage a.more {border: #dfdfdf 1px solid; display: block;  width: 360px; height: 58px; line-height: 58px; font-size: 16px;  border-radius: 0px; background-color: transparent; text-align: center; text-indent: 0px; border-radius: 30px; color:#333;  transition: all ease-out .3s; margin:0 auto; margin-top:60px; margin-bottom:60px;}

#indexPage a.more:hover { border-color: #b6b6b6; text-indent: 130px;}

#indexPage a.more i {text-indent: -10px;font-size: 22px;color: transparent;transition: all ease-out .3s}

#indexPage a.more:hover i {text-indent: 18px;color: #707070;}







/* ---- 工程列表 ---- */

#indexPage #mteam {background-color: #303030; padding-bottom:80px; overflow:hidden;}

#indexPage #mteam .module-slider {overflow:hidden; padding:0; max-width:80%; margin:0 auto;}



/* 栏目标题 */

#indexPage #mteam .header p.title {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;color: #fff;font-size:26px; text-align:center;}

#indexPage #mteam .header p.subtitle {color: #a5a5a5; font-size: 14px;overflow:hidden; height:36px;}



/* 内容 */

#indexPage #mteam li .box{float:left; width:30%; margin:0 1.5%;}

#indexPage #mteam .info img { display: block; margin: 10px auto 24px auto;  border:5px #dde5ff solid;}

#indexPage #mteam .info a{color:#fff;}

#indexPage #mteam .info .title{ text-align:center; margin-bottom:15px;}

#indexPage #mteam .info .subtitle {color: #a5a5a5; font-size: 14px;overflow:hidden; height:36px; margin-bottom:20px; text-align:center;}

#indexPage #mteam .description {color::#848484; width:122px;}

#indexPage #mteam .slider_wrapper {width:80%; overflow: hidden; margin:0 auto;}

#indexPage #mteam .slider_wrapper ul li { width:20%; float:left;}



/* 箭头 */

#indexPage #mteam .slider_control {width: 60px; margin-top:100px}

#indexPage #mteam .slider_control a i {color: #a1a1a1;transition: all ease-out .3s;}

#indexPage #mteam .slider_control a:hover i {color: #fff}

#indexPage #mteam .slider_control a i:hover {color: #FDD947;}





/* ---- 关于 ---- */

#indexPage #mpage {background-color: #ffffff; overflow: hidden; }

#indexPage #mpage .slider_wrapper {overflow: hidden; margin: 0 auto}

#indexPage #mpage .slider_wrapper li {height: auto; background:url(../images/about-bj.png) no-repeat center 80% ;}

#indexPage #mpage .slider_wrapper li .fimg {background-repeat: no-repeat; background-position: top center; width: 100%;}

#indexPage #mpage .slider_wrapper li span { width: 60%; margin:0 auto; display:block; margin-top:20px}

#indexPage #mpage .slider_wrapper li span em { width: 33.1%; float:left; display:block; background:url(../images/libj.jpg) no-repeat center bottom; background-size: 100% 100%;}

#indexPage #mpage .slider_wrapper li span em b { display:block; font-size:40px;font-style:normal; line-height:200%}

#indexPage #mpage .slider_wrapper li span em i { display:block; font-style:normal; padding-bottom:20px;}

#indexPage #mpage .slider_wrapper li .fimg {width: 50%; background-size: cover;}

#mpage .module-slider .description {padding-bottom:2%;height: auto;line-height: 26px; width:50%;}

#mpage .module-slider .description img { width:100%;}



 #indexPage #mpage a.more{margin-top:100px;}







/* ---- 栏目 ---- */

.header  { padding-top:60px; padding-bottom:30px; text-align:center;}

.header p.title {color: #444;font-size: 26px}

.header p.subtitle {color: #c1c1c1;font-size: 12px;line-height: 20px; margin-top:15px;}



#indexPage #mcontact .header p.title {color: #fff;}

#indexPage #mcontact .header p.subtitle {color: #c1c1c1;}



#indexPage #mservice .header p.title {color: #fff;}

#indexPage #mservice .header p.subtitle {color: #c1c1c1;}





/* ---- 服务 ---- */

#indexPage #mservice {background-color: #14151B; overflow:hidden; padding-bottom:80px;}



/* 框架 */

#indexPage #mservice .fw {}

#indexPage #mservice .module-slider {overflow:hidden; padding:0; max-width:68%; margin:0 auto;}



/* 箭头 */

#indexPage #mservice .slider_control {width: 60px; height: 180px;}

#indexPage #mservice .slider_control i {margin-top: 80px}

#indexPage #mservice .slider_control {color: #898989}

#indexPage #mservice .slider_control:hover {color: #141414;}



/* 内容 */

#indexPage #mservice li{border-radius: 5px; background-color: #fff; overflow:hidden; width:30%; margin:0 1.5%; float:left;}

#indexPage #mservice li:hover {background-color: #e7edff;padding: 0 0;box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.8);}

#indexPage #mservice li a {display: block; height: 120px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; text-align:center; margin-top:50px; margin-bottom:30px;}

#indexPage #mservice li .box{padding-bottom:50px;}

#indexPage #mservice li p.description {color: #787878; overflow: hidden; width: 70%; margin-top: 10px;  transition: all 0.2s ease-out 0s; text-align:center; line-height:25px;}

#indexPage #mservice li p.title {font-size: 18px;width: 70%;padding: 0 15%;color: #333;  text-align:center;}



#indexPage #mservice li:hover .title {color: #565656;}

#indexPage #mservice li:hover div p.description {color: #838383;}







/* ---- 介绍 ---- */

.module-slider .description {text-align: center;height: 50px; margin: 0 auto; font-size: 14px;color: #848484; line-height: 25px; overflow: hidden;}

.module-slider .description a { width:120px; margin:0 auto; color:#FFF; border:1px #CCC solid; height:36px; line-height:36px; display:block}

.module-slider .description a:hover { color:#e7edff; border:1px #e7edff solid}







/* ---- 新闻 ---- */



#indexPage #mnews {background-color: #f8f8f8; }

#newslist {margin:0 auto; width:68%;}

#newslist .newstitem {width: 30%; height: 340px; border-bottom: rgba(0,0,0,0.05) 1px solid; transition: all ease-out .2s; position: relative; background-color: #f3f3f3; float: left; margin: 0 1.5%; border-radius: 5px; margin-bottom:50px;}

#newslist .newscontent {width: 100%; height: auto;  display: block;position: relative;z-index: }



#newslist .newsinfo { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding: 0 60px; position: relative; transform: translate3d(0px, 0, -14px, 10px ); display: block; float: none;}

#newslist .newsdate {border-radius: 5px;width: auto;margin: 0 0 40px;background-color: #2D2D2D;padding: 40px 20px 10px 20px;transition: all 0.3s ease-out 0s;}

#newslist .newsdate p {font-family: "HELVETICANEUELTPRO-THEX", Arial;}

#newslist .newsinfo .md {color: #dcdcdc;font-size: 60px;line-height: 50px;text-align: right}

#newslist .newsinfo .year {color: #bdbdbd;font-size: 16px;text-align: right;}



#newslist .newsbody {width: 100%;}

#newslist .newsbody .title {width: 100%; height: 20px; line-height: 20px; font-size: 16px; color: #464646;}

#newslist .newsbody .description {width: 100%; height: 42px;line-height: 22px;font-size: 13px;color: #6a6a6a; margin-top: 30px; overflow: hidden}

#newslist .newstitem i {font-size: 36px; margin-top: -200px; color: rgba(0,0,0,0); transition: all ease-out .3s; text-indent: -30px; text-indent: -100px; color: transparent; font-size: 36px;} 

#newslist .newstitem .md {color: #FFF;font-size: 30px;line-height: 30px;}



/* 鼠标经过 */

#newslist .newstitem:hover i {font-size: 36px;margin-top: -200px;color: #fff; text-indent: -80px;}

#newslist .newstitem:hover .newsinfo {transform: translate3d(0px, 0, -14px, 0px);}

#newslist .newstitem:hover p {color: #fff}

#newslist .newstitem:hover a {color: #fff}

#newslist .newstitem:hover {background: #000}

#newslist .newstitem:hover .md {color: #595959;}

#newslist .newstitem:hover .year {color: #7B7B7B;}

#newslist .newstitem:hover .description {color: #A1A1A1;}

#indexPage #mnews .news_wrapper {height: 100%;margin: 0 auto;overflow: hidden;width: 100%;}

#newslist .newstitem:hover .newsdate {background: -webkit-linear-gradient(#e7edff, #dde5ff);background: -o-linear-gradient(#e7edff, #dde5ff);background: -moz-linear-gradient(#e7edff, #dde5ff);background: linear-gradient(#e7edff, #dde5ff);padding: 60px 20px 10px 20px;}

 







/* ---- 联系 ---- */



#indexPage #mcontact {background-color: #080808; overflow:hidden; padding-bottom:50px;}

#indexPage #mcontact .content {width: 100%;}

#mcontact .content .header {width: 50%;}

#mcontact .contactlist {margin:0 auto; width:68%;}



/* 联系信息 */

#contactinfo {width: 25%;padding: 0 10%;}



/* 留言 */

#contactform.fr {background:#fff;width: 30%;padding: 2% 4%;margin-right:10%}

#contactform p .inputsub {background-color: #424242;margin-top: 10px;padding: 8px 0;color: #fff;border-radius: 30px;}

#contactform .inputtxt.active {border-color: #424242}

#indexPage #mcontact .header p.title {color: #fff;}

#indexPage #mcontact .header p {text-align: left;padding-left: 20%;}

#contactinfo h3 {color: #FFF; font-size:20px;}

 





/* ---- 底部 ---- */

#footer {background: #fff;}

#footer p {padding: 20px 60px;font-size: 12px;color: #8e8e8e;height: 20px;line-height: 20pxtext-align:left;}

#footer a {display: inline-block;width: 47px;height: 20px;vertical-align: top;margin-left: 20px;margin-right: 40px}









/* ---- 服务内页 ---- */

#servicelist {max-width:68%; margin:0 auto; margin-bottom:50px;}

#servicelist .serviceitem {width: 30%;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: #f8f8f8;  float:left; margin:20px 1.5%; text-align:center; padding-bottom:60px;}

#servicelist .serviceitem:hover {background-color: #fff; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);}

#servicelist .serviceitem:hover .title {color: #151515;}



#servicelist .serviceitem a{display:block; margin-top:60px; margin-bottom:60px;} 

#servicelist .serviceitem div p.description {color: #999; font-size:14px; max-width:60%; margin:0 auto;}

#servicelist .serviceitem div p.title {color: #333; font-size:24px; margin-top:15px; margin-bottom:15px;}

#servicelist {width: 100%;}

#servicelist .wrap {width: 100%;margin-left: 1%;}









/* ---- 内页分类 ---- */



/*大分类*/

#category {text-align: center;  margin-bottom:50px;}

#category li {display: inline-block}

#category a {padding: 8px 30px; margin-right: 10px; transition: all 0.3s ease-out 0s; color: #666; border: 1px solid #EDEDED; border-radius: 30px; font-weight:bold;  display: inline-block;}

#category a:hover {background: #333; color: #fff; border: 1px solid #333;}





#category li.hasmore {height: 107px}

#category li.hasmore div {position: absolute;width: 100%;left: 0}

#category li.hasmore div ul {text-align: center;margin-top: 20px;padding-top: 20px;border-top: rgba(0,0,0,0.10) 1px solid}

#category li.hasmore div ul a {border: none}

#category li.hasmore div ul a.active, #category li.hasmore div ul a:hover {background: #7d7d7d; color: #fff}



/*大分类*/

#p-category { margin:0 16%; text-align: center; margin-bottom:50px;}

#p-category li {display: inline-block}

#p-category a {line-height:18px; height: 18px; padding: 8px 16px;color: #999; border: #E4E4E4 1px solid; margin:0 5px; display: inline-block; margin-bottom:10px; transition: all 0.3s ease-out 0s;}

#p-category a.active, #p-category a:hover{background: #333; color: #fff; border:1px solid #333;}



#p-category li.hasmore {height: 107px}

#p-category li.hasmore div {position: absolute;width: 100%;left: 0}

#p-category li.hasmore div ul {text-align: center;margin-top: 20px;padding-top: 20px;border-top: rgba(0,0,0,0.10) 1px solid}

#p-category li.hasmore div ul a {border: none}

#p-category li.hasmore div ul a.active, #category li.hasmore div ul a:hover {background: #7d7d7d;color: #fff}









/* ---- 产品详情 ---- */

#projectwrap {padding-top: 0px;}

#projectimages {background: #fff;}

#projectimages li {margin-bottom: 0px; background: #fff;border-top:1px #CCC solid;}

#projectimages li img {display: block;float: none;margin: 0 auto;max-width: 100%}

#projectbody .postbody {padding-bottom: 20px;}



#projectih {width: 100%;}

#projecttags {margin-top: 40px}

#projecttags a {transition: all ease-out .3s;float: left;font-size: 13px;color: #989898;padding: 5px 10px;background: #f3f3f3;margin-right: 5px	margin-bottom: 5px}

#projecttags a:hover {color: #fff;background: #ADADAD;}

#projectib {margin-right: -10px;margin-top: 20px}

#projectib .projectitem {width: 165px;height: auto;float: left;margin-right: 10px;margin-bottom: 14px}

#projectib .projectitem img {width: 100%;height: auto;float: none}

#projectib .projectitem a .project_info {width: 100%;height: 30px}

#projectib .projectitem a .project_info p {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

#projectib .projectitem a .project_info p.title {margin-top: 10px;color: #333;font-size: 12px;transition: all ease-out .3s;}

#projectib .projectitem a .project_info p.subtitle {margin-top: 0px;color: #b7b7b7;font-size: 12px;transition: all ease-out .3s;}

#projectinfo .description a {padding: 50px 0px;color: #fff;background: #000;transition: all ease .3s}

#projectinfo .description a:hover {background: #02b2ed}



#projectinfo .header {padding: 0; border-bottom: #cccccc 1px dotted; width: 100%}

#projectinfo .header p {text-align: left}

#projectinfo .header .description {color: #6a6a6a; font-size: 14px; line-height: 24px; margin: 30px 0; }

#projectinfo .header .description img { width:100%}



#projectinfo {width: 68%; margin: 0px auto; clear: both;}

#projectimages li img {display: block;float: none;margin: 0px auto;max-width: 100%;}



#projectbody {max-width: 100%; margin: 0 15%; padding: 0 0px 0 0; border-bottom: 10px solid #f3f3f3; margin-bottom:50px; margin-top:0px;}

#projectimages li img {display: block;float: none;max-width: 60%;margin: 0px auto;}

#projectimages {background: #fff; width:60%; margin:0 auto;}



#projectinfo .description {text-align:left;}

#projectinfo .description a {background: #333; border-radius: 30px;}

#projectinfo .description a:hover {background: #557c83;}









/* ---- 文章页 ---- */

.page-article{max-width:60%; margin:0 auto; margin-bottom:50px; }







/* ---- 分页 ---- */

#pages {padding: 40px 0;height: 36px; text-align: center}

#pages a {width: 36px;height: 36px;background: f8f8f8; color: #a9a9a9;line-height: 36px;text-align: center;font-family: Arial;margin: 5px;transition: background-color 0.2s ease-out}

#pages span {margin-right: 5px} 

#pages span.current { color:#F90}

#pages a i {font-size: 24px;top: 2px;position: relative}

#pages a.active, #pages a:hover {background: #FFF;color: #838383;}







/* ---- 项目列表 ---- */



#teampost #teamimage {width:30%;float: left;}

#teampost #teamimage img {float: none;width: 100%;}

#teampost #teambody {float:left; margin-left:5%; width:65%;}

#teambody .theader .title {color: #343434;font-size: 24px; margin-bottom:15px;}

#teambody .theader .subtitle {color: #626262;font-size: 14px; line-height:200%;}

#teambody .theader .postbody {margin-top: 0px}



.page-Project{max-width:60%; margin:0 auto;}

.page-Project #teampost{border-bottom:1px solid #efefef; padding-bottom:30px; margin-bottom:30px;}







/* ---- 联系我们 ---- */

.page-contcat {overflow:hidden; margin-bottom:50px;}

.page-contcat .map{float:left; width:50%;}

.page-contcat .contact-way{float:right; width:45%;}

.page-contcat .contact-way h3{font-size:24px; margin-bottom:25px;}

.page-contcat .contact-way .text{margin-bottom:25px; display:block;}

.page-contcat .contact-way .text p{line-height:220%; font-size:14px;}











#sitecontent {

	height: auto;

	min-height: 1000px;

}

#indexPage #mslider {

	height: 700px;

	width: 100%;

	position: relative;

	overflow: hidden

}

#indexPage #mslider .bx-wrapper {

	position: fixed;

	width: 100%;

}

#indexPage #mslider ul li {

	width: 100%;

	height: 700px;

	display: block;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover

}

#indexPage #mslider ul li div {

	display: table-cell;

	text-align: center;

	vertical-align: middle;

	width: auto;

}

#indexPage #mslider ul li p {

	color: #fff;

	text-align: center;

}

#indexPage #mslider ul li p.title {

	font-size: 52px;

	line-height: 70px;

	height: 70px;

	transition-delay: 0

}

#indexPage #mslider ul li p.subtitle {

	font-size: 16px;

	height: 20px;

	transition-delay: 0.2s

}

#indexPage #mslider ul li a {

	width: 100%;

	height: 100%;

	display: table;

}

#indexPage #mslider ul li a i {

	text-indent: 20px;

	font-size: 24px

}

#indexPage #mslider ul li p, #indexPage #mslider ul li a {

	transform: translateY(25px);

	-webkit-transform: translateY(25px);

	-moz-transform: translateY(25px);

	transition: all ease-out .3s;

	-webkit-transition: all ease-out .3s;

	opacity: 0

}

#indexPage #mslider ul li.active p, #indexPage #mslider ul li.active a {

	transform: translateY(0px);

	-webkit-transform: translateY(0px);

	-moz-transform: translateY(0px);

	opacity: 1

}

#indexPage #mproject .bgmask, #indexPage #mnews .bgmask, #indexPage #mservice .bgmask, #indexPage #mpage .bgmask {

	background-color: rgba(255,255,255,.8);

}

#indexPage .module {

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	position: relative;

	z-index: 2

}

#indexPage .module:last-child {

	border: none

}

#indexPage .module .bgmask {

	background-color: rgba(0,0,0,.7);

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	display: none

}

#indexPage .module.bgShow {

	background-attachment: fixed

}

#indexPage .module.bgShow .bgmask {

	display: block

}

#indexPage .module.bgShow .content {

	position: relative;

}

.bx-controls-direction .bx-next:hover, .bx-controls-direction .bx-prev:hover {

}

@-webkit-keyframes bxbutton {

10% {

-webkit-transform: translateZ(6px) rotate(4deg) skewX(7deg);

}

20% {

-webkit-transform: translateZ(-6px) rotate(-4deg) skewX(-7deg);

}

30% {

-webkit-transform: translateZ(5px) rotate(4deg) skewX(6deg);

}

40% {

-webkit-transform: translateZ(-5px) rotate(-4deg) skewX(-6deg);

}

50% {

-webkit-transform: translateZ(4px) rotate(4deg) skewX(5deg);

}

60% {

-webkit-transform: translateZ(-4px) rotate(-4deg) skewX(-5deg);

}

70% {

-webkit-transform: translateZ(3px) rotate(5deg) skewX(4deg);

}

80% {

-webkit-transform: translateZ(-3px) rotate(-5deg) skewX(-4deg);

}

90% {

-webkit-transform: translateZ(2px) rotate(4deg skewX(3deg));

}

100% {

-webkit-transform: translateZ(-2px) rotate(-4deg) skewX(-3deg);

}

}

@keyframes bxbutton {

10% {

transform: translateZ(6px) rotate(4deg) skewX(7deg);

}

20% {

transform: translateZ(-6px) rotate(-4deg) skewX(-7deg);

}

30% {

transform: translateZ(5px) rotate(4deg) skewX(6deg);

}

40% {

transform: translateZ(-5px) rotate(-4deg) skewX(-6deg);

}

50% {

transform: translateZ(4px) rotate(4deg) skewX(5deg);

}

60% {

transform: translateZ(-4px) rotate(-4deg) skewX(-5deg);

}

70% {

transform: translateZ(3px) rotate(5deg) skewX(4deg);

}

80% {

transform: translateZ(-3px) rotate(-5deg) skewX(-4deg);

}

90% {

transform: translateZ(2px) rotate(4deg skewX(3deg));

}

100% {

transform: translateZ(-2px) rotate(-4deg) skewX(-3deg);

}

}





 



#indexPage .slider_control {

	display: block;

	font-size: 36px;

}

#indexPage .slider_control i {

	color: #a1a1a1

}

#indexPage .slider_control.fr {

	text-align: right

}









#indexPage #mproject {

	background-color: #f3f3f3;

}







#projectmore {

	width: 100%;

	height: 150px;

	line-height: 150px;

	text-align: center;

	font-size: 20px;

	color: #fff;

	display: block;

	background: #f3f3f3;

	transition: all ease-out .3s;

	text-indent: 0px;

	position: relative;

	z-index: 1

}

#projectmore:hover {

	width: 100%;

	height: 150px;

	line-height: 150px;

	text-align: center;

	font-size: 20px;

	color: #fff;

	display: block;

	background: #000;

	text-indent: -50px;

}



#indexPage #mpartner {

	background-color: #fff;

	height: 200px

}

#indexPage #mpartner .content {

	padding: 60px 0

}

#indexPage #mpartner .slider_wrapper {

	width: 960px;

	height: 80px;

	overflow: hidden;

	margin: 0 auto

}

#indexPage #mpartner .slider_control {

	height: 40px;

	width: 40px;

	margin-top: 14px

}

#indexPage #mpartner .slider_control a {

	height: 40px;

	width: 40px;

	display: block;

	background: rgba(0, 0, 0, 0.2);

	border-radius: 20px;

	transition: all ease-out .3s;

}

#indexPage #mpartner .slider_control a i {

	color: #ffffff;

	margin-left: 16px;

	margin-top: 7px;

	font-size: 24px

}

#indexPage #mpartner .slider_control.next {

	text-align: left

}

#indexPage #mpartner .slider_control.next a i {

	margin-left: 18px

}

#indexPage #mpartner .slider_control a:hover {

	background-color: #000

}

#indexPage #mpartner .slider_wrapper ul li {

	width: 160px;

	height: 80px;

	float: left

}

#indexPage #mpartner .slider_wrapper ul li img {

	width: 160px;

	height: 80px;

	transition: all .3s ease-out 0s;

}





#contactinfo {

	width: 25%;

}

#contactinfo a {

  color: #989898; padding:0 1%;

}

#contactinfo a:hover {

  color: #CCC;

}

#contactinfo h3 {

	font-size: 16px;

	color: #fff;

	line-height: 24px;

	margin-bottom: 25px;

	font-weight: 100

}

#contactinfo p {

	line-height: 24px;

	font-size: 13px;

	color: #989898;

	width: 100%

}



#contactinfo > a {

	color: #989898;

	text-decoration: underline

}

#contactinfo div {

	margin-top: 24px

}

#contactinfo div a {

	color: #efefef;

	width: 30px;

	height: 30px;

	display: block;

	font-size: 16px;

	background: #2e2f2f;

	margin-right: 10px;

	text-align: center;

	border-radius: 15px;

	transition: all 0.2s ease-out 0s;

}

#contactinfo div a:hover {

	color: #fff;

	background: #5c5c5c;

}

#contactinfo div a i {

	margin-top: 7px;

	font-size: 16px

}

#contactform p .inputtxt {

	width: 320px;

	height: 20px;

	line-height: 20px;

	padding: 10px 20px;

	color: #bcbcbc;

	background-color: #000;

	border: #3f3f3f 1px solid;

	margin-bottom: 10px;

}

#contactform p textarea.inputtxt {

	height: 100px;

	resize: none;

	overflow: hidden

}

#contactform p .inputsub {

	width: 100%;

	background-color: #000;

	color: #ffffff;

	font-size: 16px;

	padding: 8px 0

}

#contactform .inputtxt.active {

	border-color: #000

}



.nobanner .npagePage {

	padding-top: 80px

}



.npagePage .content {

	background: #fff;

	position: relative;

	z-index: 1

}

#plheader {

	padding-bottom: 30px

}

















#teamlist {

	margin: 0 auto;

	width: 1100px;

}

#teamlist .wrap {

	margin-right: -70px

}

.teamitem {

	float: left;

	width: 320px;

	height: 460px;

	margin-right: 70px;

	margin-bottom: 50px

}

.teamitem a {

	width: 320px;

	height: 320px;

	display: block;

	position: relative;

	overflow: hidden

}

.teamitem a div.wrap {

	height: 50px;

	width: 100%;

	background: #da0000;

	position: absolute;

	bottom: -50px;

	color: #fff;

	transition: all ease-out .2s;

	transform: translate(0, 0px)

}

.teamitem a:hover div.wrap {

	margin-bottom: 50px;

}

.teamitem a div.wrap div {

	width: 14px;

	height: 14px;

	margin: 18px auto;

	position: relative

}

.teamitem a div.wrap span {

	display: block;

	background: #fff;

	position: absolute;

}

.teamitem a div.wrap span.h {

	width: 14px;

	height: 2px;

	top: 6px

}

.teamitem a div.wrap span.v {

	width: 2px;

	height: 14px;

	left: 6px

}

.teamitem .teaminfo {

	margin-top: 33px;

	text-align: center

}

.teamitem .teaminfo .title {

	font-size: 18px;

	color: #000000;

}

.teamitem .teaminfo .subtitle {

	font-size: 12px;

	color: #9a9a9a;

	margin-top: 5px

}

.teamitem .teaminfo .description {

	font-size: 12px;

	color: #949494;

	margin-top: 15px;

	line-height: 20px;

	height: 38px;

	overflow: hidden

}









.postbody {

	line-height: 24px;

	font-size: 13px;

	color: #6a6a6a

}

.postbody a {

	color: #000

}

.postbody a:hover {

	text-decoration: underline

}

.postbody img {

	float: none;

	width: 100%;

}

.lowB #header, .lowB #indexPage #mslider .bx-wrapper, .lowB .npagePage #banner div {

	position: relative

}

.lowB #indexPage .module.bgShow {

	background-attachment: scroll

}

.lowB #header {

	background: rgb(23, 28, 32)

}

.lowB .nobanner .npagePage {

	padding: 0

}



#shares {

	height: 140px;

	position: fixed;

	right: 10px;

	bottom: 10px;

	z-index: 99

}

#shares a {

	width: 30px;

	height: 30px;

	display: block;

	background: #8b8b8b;

	background-color: rgba(31,31,31,.6);

	color: #fff;

	font-size: 16px;

	text-align: center;

}

#shares a i {

	margin-top: 7px

}

#shares a#sshare {

	cursor: default;

}

#shares a#sweibo {

	background-color: #ea493c

}

#shares a#sweixin {

	background-color: #24b727

}

#shares a#gotop {

	background-color: #666666;

	background-color: rgba(0,0,0,.6);

	margin-top: 20px;

	font-size: 22px

}

#shares a#gotop i {

	margin-top: 3px

}

.fixed {

	position: fixed;

	z-index: 9999;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgb(0,0,0);

	background: rgba(0,0,0,.6);

	overflow-y: auto;

	z-index: 100;

	display: none

}

{

height:auto;

cursor:default;

}

#fixed_weixin .fixed-container {

	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);

	width: 220px;

	height: auto;

	padding: 20px 20px 0 20px;

	background: #fff;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -110px;

	margin-top: -140px

}

#fixed_weixin .fixed-container div {

	height: 220px

}

#fixed_weixin .fixed-container p {

	height: 40px;

	line-height: 40px;

	text-align: center;

	font-size: 14px;

	color: #000

}

#fixed_mp .fixed-container {

	box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);

	width: 258px;

	height: 298px;

	background: #fff;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -129px;

	margin-top: -149px

}

#fixed_mp .fixed-container p {

	padding: 0 20px;

	text-align: center;

	font-size: 14px;

	color: #000

}

.hide, .popup {

	display: none;

}

.show {

	display: block;

}



#online_open {

	width: 30px;

	height: 30px;

	background: #00d420;

	cursor: pointer;

	position: fixed;

	right: -40px;

	bottom: 160px;

	z-index: 99999;

	font-size: 18px;

	color: #fff;

	text-align: center;

	line-height: 30px;

}

#online_open i {

	margin-top: 6px

}

#online_lx {

	width: 180px;

	height: auto;

	border-radius: 5px;

	background-color: #fff;

	-webkit-box-shadow: 0 5px 9px rgba(4,0,0,.17);

	box-shadow: 0 5px 9px rgba(4,0,0,.17);

	position: fixed;

	right: 10px;

	bottom: 160px;

	z-index: 99999

}

#olx_head {

	padding: 20px;

	line-height: 16px;

	height: 16px;

	background: #00d420;

	border-radius: 4px 4px 0 0;

	color: #fff;

	font-size: 14px

}

#olx_head i {

	font-size: 18px;

	color: #fff;

	cursor: pointer

}

#olx_qq li a {

	padding: 12px 28px;

	height: 18px;

	line-height: 18px;

	background: #f5f5f5;

	color: #353434;

	display: block;

	border-bottom: #fff 1px solid;

	transition: all ease-out .3s;

	font-size: 12px

}

#olx_qq li a i {

	transition: all 0.3s ease-out 0s;

	color: #5e5e5e;

	font-size: 16px;

	vertical-align: middle;

	margin-right: 16px

}

#olx_qq li a:hover {

	color: #fff;

	background: #565656

}

#olx_qq li a:hover i {

	color: #00d420;

}

#olx_tel {

	padding: 20px 28px

}

#olx_tel div {

	color: #434343;

	line-height: 14px;

	height: 14px;

	margin-bottom: 10px

}

#olx_tel div i {

	font-size: 18px;

	margin-right: 20px;

	vertical-align: middle

}

#olx_tel p {

	line-height: 18px;

	font-family: HELVETICANEUELTPRO-THEX;

	font-size: 15px

}

#mslider li video {

	position: absolute;

}

#indexPage #mslider ul li div.mask {

	background-color: transparent;

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0

}

.netmask {

	display: block

}

.netmask div {

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -20px;

	margin-top: -20px

}

.netmask.loading div i {

	display: block;

	background: url(../images/loading.gif);

	width: 40px;

	height: 40px

}

.netmask div i:before {

	display: none;

	font-size: 40px;

	color: #fff;

}

.netmask.success div i:before {

	display: block

}

.sliderArrow {

	display: none;

	font-size: 0;

}

#page404 {

	padding-top: 200px

}

#page404 span {

	font-size: 150px;

	font-family: "HELVETICANEUELTPRO-THEX", Arial;

	color: #efefef;

}

#page404 div {

	margin-left: 320px;

	padding-left: 26px;

	border-left: #e9e9e9 1px solid;

	height: 70px;

}

#page404 div p.title {

	color: #787878;

	font-size: 36px;

	line-height: 36px

}

#page404 div p.subtitle {

	color: #787878;

	font-size: 14px;

	margin-top: 10px

}

#projectlist.masonry {

	margin: 0 auto;

}

#headSHBtn {

	display: none;

}

#shares a i.fa-mobile {

	color: transparent;

	background-image: url(../images/shouji.png);

	background-repeat: no-repeat;

	font-size: 23px;

}

.postbody hr {

	height: 1px;

	border: none;

	border-top: 1px dotted rgb(211, 211, 211);

	margin-top: 20px;

	margin-bottom: 20px;

}

.postbody p {

	word-wrap: break-word;

	word-break: normal; /* word-break:break-all*/

}



.navitem .fa-angle-down {

	color: transparent;

	font-size: 0;

}

@font-face {

	font-family: 'NeoSansStd-Regular';

	src: url('fonts/NeoSansStd-Regular.otf');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'NeoSansStd-Light';

	src: url('fonts/NeoSansStd-Light.otf');

	font-weight: normal;

	font-style: normal;

}

@font-face {

	font-family: 'NeoSansStd-Medium';

	src: url('fonts/NeoSansStd-Medium.otf');

	font-weight: normal;

	font-style: normal;

} 





}



@media screen and (min-width:960px)  and  (max-width:1360px)  {

	

/* --------- 原始样式 --------- */

.fw {margin: 0 auto; width: 100%;}







/* ---- 产品列表 ---- */



/* 产品信息 */

#projectlist .wrapper { margin:0 auto; width:90%;}





/* ---- 工程列表 ---- */

#indexPage #mteam .slider_wrapper {width:80%; overflow: hidden; margin:0 auto;}





/* ---- 关于 ---- */

#indexPage #mpage .slider_wrapper li {height: auto; background:none;}

#indexPage #mpage .slider_wrapper li span { width: 90%; }





/* ---- 服务 ---- */

#indexPage #mservice .module-slider {overflow:hidden; padding:0; max-width:90%; margin:0 auto;}





/* ---- 新闻 ---- */

#newslist {margin:0 auto; width:90%;}







/* ---- 产品详情 ---- */



#projectinfo {width: 80%; margin: 0px auto; clear: both;}

#projectimages li img {display: block; max-width: 100%;}

#projectbody {max-width: 100%; margin: 0 10%;  margin-top:0px;}





/* ---- 文章页 ---- */

.article-content{max-width:80%;}





/* ----服务内页 ---- */

#servicelist {max-width:90%; margin:0 auto; margin-bottom:50px;}





/* ---- 文章页 ---- */

.page-atricle{max-width:90%; margin-bottom:50px;}





}