@charset "utf-8";
/*wap*/
@media screen and (min-width:0px)  and  (max-width:959px)  {
html{font-size:62.5%}
.pc{display:none;}
.wap{display:block;}
a{color:#333;}

@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}



/* ---- 头部 ---- */
#header { position: fixed; transition: all ease .3s; background: rgba(33, 33, 33, 0.9); width:100%; z-index:10; left:0; top:0;}
#header.mini {background: url(../images/tm.png);}
 
/* logo */
#header .logo { isplay: block;  padding:1rem;}
#header .logo img{width:8rem;}

/* 导航 */
.wap-nav{}
.drawer-nav{z-index:200;}
.drawer-nav li{height:3.5rem; line-height:3.5rem; text-align:center; border-bottom:1px solid #efefef; font-size:1.4rem;}




/* ---- 栏目 ---- */
.header  { padding-top:2rem; padding-bottom:2rem; text-align:center;}
.header p.title {color: #444; font-size: 2.4rem}
.header p.subtitle {color: #c1c1c1; font-size: 1.4rem;  margin-top:.5rem;}

#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 #mteam .header p.title {color: #fff;}
#indexPage #mteam .header p.subtitle {color: #c1c1c1;}


/* ---- 更多 ---- */
#indexPage a.more {border: #dfdfdf 1px solid; display: block;  height: 3.5rem; line-height: 3.5rem; font-size: 1.4rem;   background-color: transparent; text-align: center; text-indent: 0px; border-radius: 100px; color:#333;  transition: all ease-out .3s; margin:0 auto; margin:2rem 1rem;}


/* ---- banner ---- */
#banner{height: 20rem; width:100%;}
#banner span{display:block; height:20rem; overflow:hidden; background-position: center top; background-size:cover; background-repeat:no-repeat;}



/* ---- 产品列表 ---- */
#mproject  {background: #f3f3f3; overflow:hidden; padding:1.5rem;}

#mproject .swiper-container{padding-bottom:3rem; overflow:hidden; margin-top:4%}
#mproject .swiper-slide{ }
.projectitem{background:#fff; border-radius:1rem; text-align:center; padding:1.5rem; }
.projectitem .project_info h6{font-size:1.8rem; margin-bottom:1rem;}
.projectitem .project_info .text{font-size:1.2rem; line-height:180%; color:#999; display:block; margin-bottom:1rem;}
.projectitem .project_info .pic{display:block;}



/* 更多 */
#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 #mteam { overflow:hidden; padding-bottom:2rem;}
#indexPage #mteam  .swiper-container{padding-bottom:3rem; overflow:hidden;}

/* 内容 */
#mteam .swiper-slide .box{margin:0 1.5rem 1.5rem 1.5rem; background:#fff; padding:1rem; border-radius:1rem;}
#mteam .swiper-slide .info {text-align:center;}
#mteam .swiper-slide .info img { display: block;  width:100%; margin-bottom:1rem;}
#mteam .swiper-slide .info .title{ text-align:center; margin-bottom:1rem; font-size:1.4rem;}
#mteam .swiper-slide .info .subtitle {color: #a5a5a5; font-size: 1.2rem; overflow:hidden;  text-align:center;}
#mteam .swiper-slide .description {color::#999; padding:1rem 2rem;  text-align:center; margin-top:1rem; border-radius:1rem; font-size:1.2rem;}




/* ---- 关于 ---- */
#indexPage #mpage {background-color: #ffffff; overflow: hidden;  font-size:1.2rem;}
#indexPage #mpage .text{padding:0 1.5rem;}
#indexPage #mpage .text .description{margin-bottom:1rem; line-height:180%;}
#indexPage #mpage .text .description img{width:100%;}

#indexPage #mpage .text b{display:block; text-align:center; font-size:1.8rem; color:#333; margin-bottom:1rem;}
#indexPage #mpage .text i{font-style:normal; font-size:1.2rem; border-bottom:1px solid #efefef; display:block; padding-bottom:1rem; margin-bottom:1rem; text-align:center;}



/* ---- 服务 ---- */
#indexPage #mservice {background-color: #14151B; overflow:hidden; }

/* 内容 */
#indexPage #mservice li{border-radius: 1rem; background: #fff; overflow:hidden; margin:0 1.5rem 1.5rem 1.5rem; text-align:center;}
#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:3rem; margin-bottom:3rem;}
#indexPage #mservice li .box{ padding-bottom:3rem;}
#indexPage #mservice li p.description {color: #787878; overflow: hidden; width: 70%;  transition: all 0.2s ease-out 0s; text-align:center; margin:0 auto; font-size:1.2rem; color:#999;margin-top: 1rem; line-height:180%;}
#indexPage #mservice li p.title {font-size: 1.8rem; width: 70%; padding: 0 15%; color: #333;  text-align:center;}



/* ---- 新闻 ---- */
#indexPage #mnews {background-color: #f8f8f8; }
#newslist .newstitem { position: relative; background: #fff; border-radius: 1rem; margin:0 1.5rem 1.5rem 1.5rem; overflow:hidden; padding:1.5rem;}
#newslist .newscontent { }

#newslist .newsinfo {  display: block; }
#newslist .newsinfo img{width:100%; margin-bottom:1rem; border-radius: 1rem; overflow:hidden;}

#newslist .newsdate {border-radius: 1rem;  background: #2D2D2D; position:absolute; left:1.5rem; top:1.5rem; padding:1rem;}
#newslist .newsdate p {font-family: "HELVETICANEUELTPRO-THEX", Arial;}

#newslist .newsinfo .md {color: #dcdcdc; font-size: 1.8rem;}
#newslist .newsinfo .year {color: #bdbdbd;font-size: 1.2rem;  }

#newslist .newsbody .title {font-size: 1.4rem; margin-bottom:1rem;}
#newslist .newsbody .description { font-size: 1.2rem; color: #999; line-height:180%;}
#newslist .newstitem i { display:none; } 
 



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

#indexPage #mcontact {background-color: #080808; overflow:hidden; }


/* 联系信息 */
#contactinfo { padding:0 1.5rem;}
#contactinfo h3{margin-bottom:1rem;}
#contactinfo p{line-height:200%; font-size:1.2rem; color:#fff;}
#contactinfo p a{color:#fff;}
#contactinfo p img{margin-bottom:1rem;}
#contactinfo i{font-size:2.4rem; color:#fff; margin-right:1rem;}


/* 留言 */
#contactform.fr {background:#fff; margin:1.5rem; padding:1.5rem;}
#contactform p{border:1px solid #ddd; margin-bottom:1rem;}
#contactform p .inputtxt{ line-height:3rem; background:#fff; width:95%; padding-left:5%; font-size:1.2rem; }
#contactform p textarea{border:none;  font-size:1.2rem;}
#contactform p .inputsub{text-align:center; height:3rem; line-height:3rem; background:#fff; width:100%;  font-size:1.2rem;}




/* ---- 底部 ---- */
#footer {background: #fff; padding:1.5rem;}
#footer p { font-size: 1.2rem; color: #999; }
#footer a {}
#shares,.fixed,#online_open,#online_lx{display:none;}



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

/*大分类*/
#category {text-align: center; overflow:hidden; background:#f9f9f9;  border-top:1px solid #efefef; border-bottom:1px solid #efefef;}
#category li { float:left; width:25%; height:3rem; line-height:3rem; border-bottom:1px solid #efefef; font-size:1.2rem;}
#category a {color: #666;  font-weight:bold; display:block; }
#category a:hover,#category a.active{background:#333; color:#fff;}


#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-bottom:3rem; overflow:hidden; border-top:1px solid #efefef;}
#p-category li { float:left; width:50%; text-align:center; height:3rem; line-height:3rem; border-bottom:1px solid #efefef; font-size:1.2rem;}
#p-category a {color: #999; display:block;}
#p-category a.active, #p-category a:hover{background: #333; color: #fff;}

#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}




/* ---- 内页 产品列表---- */
#projectlist .projectitem{border-bottom:1px solid #efefef;}




/* ---- 产品详情 ---- */
#projectwrap {padding-top: 0px;}
#projectimages {background: #fff;}
#projectimages li {margin-bottom: 0px; background: #fff; border-top:1px #CCC solid;}
#projectimages li img {display: block;  margin: 0 auto; max-width: 100%}
#projectbody .postbody {padding-bottom: 2rem;}
#projectih {width: 100%;}


/*相关产品*/

/*相关产品 标题*/
#projecttags {margin-top: 2rem}
#projecttags a {transition: all ease-out .3s; float: left; font-size: 1.2rem; color: #989898; padding: .5rem 1rem; background: #f3f3f3; margin-right:1rem; margin-bottom: 1rem}
#projecttags a:hover {color: #fff;background: #ADADAD;}

/*相关产品 列表*/
#projectib {}
#projectib .projectitem {width: 50%; float: left; margin:0; padding:0; border-radius:none;}
#projectib .projectitem img {width: 90%; height: auto; margin:2.5%;}
#projectib .projectitem a .project_info {width: 100%; height: 3rem; line-height:3rem;}
#projectib .projectitem a .project_info p {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#projectib .projectitem a .project_info p.title { color: #333; font-size: 1.2rem; transition: all ease-out .3s;}
#projectib .projectitem a .project_info p.subtitle {margin-top: 0px; color: #b7b7b7; font-size: 1.2rem; transition: all ease-out .3s;}
#projectinfo .description a {padding: 50px 0px;color: #fff;background: #00c0ff;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: 20px 0; }
#projectinfo .header .description img {width: 100%;}

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

#projectbody {max-width: 100%; margin: 0 5%; padding: 0 0px 0 0; border-bottom: 1rem solid #f3f3f3; margin-bottom:3rem; margin-top:0px;}
#projectimages li img {display: block;float: none;max-width: 60%;margin: 0px auto;}
#projectimages {background: #fff; }

#projectinfo .description {text-align:left;}
#projectinfo .description a {background: #333; border-radius: 30px;}
#projectinfo .description a:hover {background: #557c83;}




/* ---- 服务内页 ---- */
#servicelist { padding:1.5rem;}
#servicelist .serviceitem { background-color: #f8f8f8;  text-align:center; padding:2.5rem 1.5rem; margin-bottom:1.5rem; border-radius:1rem;}
#servicelist .serviceitem:hover .title {color: #151515;}

#servicelist .serviceitem a{display:block; margin-bottom:2rem;} 
#servicelist .serviceitem div p.description {color: #999; font-size:1.2rem; }
#servicelist .serviceitem div p.title {color: #333; font-size:1.8rem; margin-top:1rem; margin-bottom:1rem;}



/* ---- 新闻列表 ---- */
#newslist {background-color: #f8f8f8; padding-top:1.5rem; padding-bottom:1.5rem;}


/* ---- 分页 ---- */
#pages {text-align: center; padding:1.5rem; font-size:1.2rem;}
#pages a {display: inline-block; color: #999; margin-left:1rem; margin-right:1rem;}
#pages span {margin-right: 1rem}



/* ---- 项目列表 ---- */
#teampost #teamimage { margin-bottom:1.5rem;}
#teampost #teamimage img { width:100%;}
#teampost #teambody {}
#teambody .theader .title {color: #343434; font-size: 1.8rem; margin-bottom:1rem;}
#teambody .theader .subtitle {color: #626262;font-size: 1.2rem; margin-bottom:1rem;}
#teambody .theader .postbody {margin-top: 0px; line-height:150%;font-size: 1.2rem; }

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



/* ---- 文章页 ---- */
.page-article-title{margin:0 1.5rem;}
.page-article{ padding:1.5rem;}
.page-article img{width:100%; margin-bottom:1.5rem;}



/* ---- 联系我们 ---- */
.page-contcat {overflow:hidden;}
.page-contcat .map{}
.page-contcat .contact-way{ padding:1.5rem;}
.page-contcat .contact-way h3{font-size:1.8rem; margin-bottom:1rem; color:#333;}
.page-contcat .contact-way .text{margin-bottom:1.5rem; display:block;}
.page-contcat .contact-way .text p{line-height:220%; font-size:1.4rem;}



}