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

/* 全局 */
body {font-family: microsoft yahei, Arial, Verdana; font-size:15px; margin:0px; padding:0px; background:#fff; color: #333; overflow-x: hidden;}
html, body {  height: 100%;}
div,ul,dl,dt,dd{ margin:0; padding:0;}
ul,p,h2,p,a{ list-style:none; margin:0; padding:0;}
img{ border:0;}
*,li{margin:0;padding: 0}

a,input{font-family:microsoft yahei, Arial, Verdana; font-size:15px; }
a:link,a:visited{ font-size:15px; color:#666; text-decoration:none;}
a:visited{ background:none;-webkit-transition:0.5s;-o-transition:0.5s;}
a:hover{ color:#51c0de;-webkit-transition:0.5s;-o-transition:0.5s;}
input,button {border:none;outline:none;}

.wp{ width:100%; margin:0 auto; max-width:1920px;display: inline-block;}
.wp100{ width:100%; margin:0 auto;}
.wp1000{ width:1000px; margin:0 auto;box-sizing:border-box; }
.wp45{ width: 48%;}

.wp70{ width:62%;}
.wp30{ width:35%;}

.wp80{ width:73%;}
.wp20{ width:20%;}

.wp90{ width:86%;}
.main{display: inline-block;min-height: 350px;}

.picdt a img{transition: all 0.6s;}
.picdt a:hover img{transform: scale(1.2)}

.clear{clear: both;height: 0px;line-height: 0px; font-size: 0px;}
.overflow{overflow: hidden;}
.fleft{ float: left; display: block;}
.fright{ float: right; display: block;}
.txtleft{text-align: left}
.txtright{text-align: right}
.txtcenter{text-align: center}
.mt80{margin: 80px 0 0 0;}
.mt60{margin: 60px 0 0 0;}
.mt40{margin: 40px 0 0 0;}
/* 头部 */
.head{padding: 30px 0 30px 0;display: inline-block;}
.logo{float: left;width: 60%;margin: 15px 0 0 0;}
.logo a{font-size: 38px;font-weight: bold;color: #00467b;display: inline-block;margin: 0 0 0 20px;}
.logo a:hover{}

.head_tel{float: right;width: 30%;display: inline-block;margin: 0 20px 0 0;}
.head_tel span{color: #006bbc;float: left;line-height:25px;}
.head_tel p{ float: left; font-weight: bold;line-height:25px;color: #006bbc;}

.search{display: inline-block; float: right; margin: 10px 40px 0 0;display: inline-block;position: relative;}
.searchInput{ border-radius: 50PX; border: 1px solid #ccc ;padding: 5px 50px 5px 20px;background:transparent;color: #333;font-size: 14px;width: 210px}
.searchbtn{margin: 0px 0 0 -20px;position: absolute;background: url(/images/serachbtn.svg) no-repeat center/100%;width: 22px;height: 22px; right: 15px;cursor:pointer; top: 6px;}

/* 分页 */
.pagnation { display: table;text-align: center; margin:40px auto; clear:both;min-width:200px;max-width: 1000px;}
.pagnation a { float: left; display: inline-block; height: 30px; letter-spacing: 2px; line-height: 30px; overflow: hidden;border: 1px #e5e5e5 solid; margin-left: -1px; font-size:14px; padding: 5px 15px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.pagnation a:hover,.pagnation .active { background:#5abcde; color: #fff; text-decoration: none }
.pagnation .page-prev, .pagnation .page-next { }
.pagnation .page-prev { content: "<" }
.pagnation .page-prev:hover {background:#5abcde; }
.pagnation .page-next {content: ">"}
.pagnation .page-next:hover { background:#5abcde; }
.pagnation .current { background:#5abcde; color: #fff }
.pagnation-tips { margin-top: 10px; color: #999; text-align: center }

.link{background:#1b272b}
.link_box{padding:20px 0;border-bottom:1px solid #fff;color:#fff}
.link_box a{color:inherit;margin-left:15px}


/* 菜单 */
.nav{width: 100%;background-color: #006bbc;display:inline-block;}
.rm-nav ul, .rm-menu{background-color: #006bbc!important;}
.rm-layout-expanded .rm-nav>ul>li>a, .rm-layout-expanded .rm-top-menu>.rm-menu-item>a{height: 4em!important;line-height: 4em!important;}
.rm-layout-expanded .rm-nav>ul>li, .rm-layout-expanded .rm-top-menu>.rm-menu-item{width: 15%;text-align: center}

.rm-nav { letter-spacing: 1px;}
.rm-toggle.rm-button { margin-top: 25px;}
.rm-css-animate.rm-menu-expanded {max-height: none;display: block;}
.rm-container.rm-layout-expanded {}
.act a{ background: #d11700;}
.act ul>li>a{color: #fff!important;}
.rm-nav li a,.rm-top-menu a {padding: .75rem;font-size: .9em;line-height: 1.5rem;text-transform: uppercase;}
.rm-layout-expanded .rm-nav > ul > li > a,
.rm-layout-expanded .rm-top-menu > .rm-menu-item > a { height: 80px;line-height: 80px;}
.tagline { width: 360px;font-size: 1.75em; font-weight: bold; letter-spacing: 2px; line-height: 1.2;text-align: center; margin: 275px auto; color: #1A88D3;}
.tagline strong { font-size: 1.3em;}
.dev-output {background-color: #e1eaf3; /* fall-back */background-color: rgba(255,255,255,.85);color: #000; padding: 2em;margin-bottom: 2em;}
/* 轮播 */
.slider{margin: -5px auto 0 auto;}


/* 标题 */
.title{text-align: center;margin: 0 0 100px 0;z-index: 0; position: relative;height: 45px;}
.title h2{ color:#006bbc;font-size: 30px;line-height: 40px;font-weight: bold;}
.title span{color: #999;display: inline-block;  background-color: #fff;padding: 0px 50px;}
.title_bg{position: absolute; bottom: -5px;left: 0;right: 0; margin: auto; display: inline-block; width: 260px; height: 1px; z-index: -1;/* border-top: 1px solid #666666; */ background-color: #999;}


a.more{width: 60px;font-size: 12px; clear: both;display: block; padding: 5px 15px; border: 1px solid #006bbc;color: #006bbc;margin:10px auto; text-align: center;}
a:hover.more{border: 1px solid #006bbc;color: #fff;background:#006bbc }

/* 新闻 */
.index_news{}

.newspic{height: 350px; overflow: hidden;}
.newspic a{}
.newspic h3{color: #fff; width: 100%; font-size: 16px;  position: absolute;top: 0px; line-height: 36px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;z-index: 2}
.newspic span{width: 100%; height: 36px;  position: absolute;top: 0px;  background: rgba(0, 0, 0, 0.4);z-index: 1;}
.newspic img{ height: 100%;}

.index_newslist{}
.index_newslist li{width: 100%;display: block;line-height: 40px;clear: both;border-bottom: 1px #eaeaea dashed; height: 50px;}
.index_newslist i{float: left; height: 5px;width: 5px;background: #FFAA00;display: inline-block;border-radius: 10px;;position: relative;top:25px;margin-right: 10px;}
.index_newslist h3{display: block;float: left;font-weight: normal;}
.index_newslist p{display: block;float: left; max-width: 75%; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight: bold;}
.index_newslist span{float: right;display: block;text-align: right;line-height: 52px;}
.index_newslist a{float: left; display: block;margin: 6px 0;}


.index_newslist img{width: 100px;}
.index_newslist h4{width: 100%;padding:10px 10px; font-weight: 100;clear: both;margin: 20px 0 0 0;display: inline-block;border-top: 1px #eaeaea dashed;line-height: 30px;}

.newslist{}
.newslist a{width: 100%;display: inline-block;margin: 6px 0;}
.newslist i{height: 5px;width: 5px;background: #FFAA00;display: inline-block;border-radius: 10px;float: left;position: relative;top: 8px;margin-right: 10px;}
.newslist p{float: left;width: 70%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight: bold;}
.newslist span{float: right;width: 20%;text-align: right;}
.newslist img{width: 100px;}
.newslist h4{width: 100%;padding:10px 10px; font-weight: 100;clear: both;margin: 20px 0 0 0;display: inline-block;border-top: 1px #eaeaea dashed;line-height: 30px;}


/* 简介 */
.index_about{background: url(/images/beijing.png) no-repeat;padding: 40px 0 40px 0;}
.index_about img{height: 260px}
.index_about h2{font-size: 25px;line-height: 80px;font-weight: bold; text-indent: 1em;}
.index_about p{text-indent: 2rem;line-height: 25px;text-align: justify;}

.imgshadow{ box-shadow: 15px 14px 0px 2px #88888833;}
/* 工程案例 */

.slide{margin: 100px auto 30px auto;}
#case1 img{width: 100%;}
#case5 img{width: 100%;}
#case7 img{ height:100%!important;min-width: 500px;}
#case1 .swiper-slide{height: 400px!important;width: 450px; overflow: hidden;}
#case5 .swiper-slide{}
#case7 .swiper-slide{height: 400px!important;width: 450px; overflow: hidden;}
.swiper-pagination-bullet{width: 12PX!important; height: 12PX!important;}

/*.swiper-container_slide{width: 43.75rem;height: 18.125rem;margin:0 auto; } 
.swiper-button-next { right: 20px;left: auto; }
.swiper-button-prev {left: 20px;right: auto;}
#case5{--swiper-theme-color: #ff6600;--swiper-pagination-color: #00ff33;}
#case6 img,#case7 img{transform: scale(0.7);}
#case7{width:auto; }*/


/* 优秀员工 */
.index_album{}

.pic_list{margin: 0 0 40px 0; display: inline-block;}
.pic_list li{width:31%;max-height:300px; margin:10px 10px; float: left;overflow: hidden;position:relative;display:inline-block;}
.pic_list li a{display:inline-block;width: 100%;height: 100%}
.pic_list li a img{width: 100%;}
.pic_list li a:hover img{transform: scale(1.2);}
.pic_list li a span{text-align: center; line-height: 35px;display: block;position: absolute;width: 100%;background: #33333394;color: #fff;bottom: 0;}

.pic_list2{margin: 0 0 40px 0; display: inline-block;}
.pic_list2 li{width:31%;height:200px; margin:10px 10px; float: left;overflow: hidden;position:relative;display:inline-block;}
.pic_list2 li a{display:inline-block;width: 100%;height: 100%}
.pic_list2 li a img{width: 100%; height: 100%;}
.pic_list2 li a:hover img{transform: scale(1.2);}
.pic_list2 li a span{text-align: center; line-height: 35px;display: block;position: absolute;width: 100%;background: #33333394;color: #fff;bottom: 0;}

/* 左侧菜单 */
.nav_left{padding:0px 0px 20px 20px; border-radius: 20px;}

.nav_left h2{font-size: 20px;line-height: 35px;background: #3094e0;padding: 10px 20px;color: #fff;}
.nav_left h2 span{font-size: 14px;clear: both;line-height: 20px;width: 100%;display: block;color: #8ccdff;font-weight: normal;}

.nav_left ul{border-left: 1px solid #3094e0;border-right: 1px solid #3094e0;}
.nav_left ul li{border-bottom: 1px solid #3094e0;text-align: center;}

.nav_left ul li a{display: inline-block;position: relative;width: 100%;padding: 20px 0px; width: 100%}
.nav_left ul li a:after{content: ">"; font-size: 16px;color: #6a6a6a;position: absolute;right: 10px;}
.active{color:#006bbc;background: #e2f3ff;}
.nav_left ul li a:hover{color:#006bbc;background: #e2f3ff;}

/* 详细页 */
.ny{padding: 20px;    border: 1px solid #ededed;  overflow: hidden;  background: #ffffff;  margin: 12px auto 0;}
.nr{padding:60px 20px 20px 20px;}
.lj{ border-bottom: 1px solid #ededed; line-height:20px;padding: 0 0 20px 28px; margin-bottom: 20px; background: url(/images/location.png) no-repeat left top;}
.lj a{}



.zw_title{margin: 40px 0 0px 0;}
.zw_title h1{font-size: 30px; font-weight: bold;line-height: 40px; text-align: center;}
.zw_title .line{width: 50px; height: 5px; background-color:#006bbc; margin: 20px auto 0 auto;}

.zw_title_tool{width: 450px; margin:30px auto 60px auto }
.zw_title_tool h2{font-size: 15px;line-height: 40px;float: left;font-weight: normal;}

.zw_btoom_tool{border-top: 1px solid #ededed;padding: 20px}
.bdsharebuttonbox{float: left;}
.fxd_close{ float: right;  text-align: left; overflow: hidden;}
.print_btn{display: block; float: left; width: 65px; height: 36px; line-height: 36px; background: url(/images/print.gif) 0 10px no-repeat; padding-left: 22px; font-size: 14px;}
.close_btn{display: block; float: left; width: 65px; height: 36px; line-height: 36px; background: url(/images/close1.gif) 0 10px no-repeat;  padding-left: 22px;  font-size: 14px;margin-left: 20px;}


.zw{padding: 20px 0;text-align: justify; min-height:500px;}
.zw p{line-height: 30px;}
.zw img{max-width: 100%;display: block;margin:20px auto;}
.zw i{}

/* 图片列表 */

/* 文字列表 */

/* 联系我们 */
.contactMain {margin-bottom: 50px;overflow: hidden; position: relative;}


.icon_tel{margin-right: 40px; background: url(/images/tel.jpg) no-repeat left center;}
.icon_email{background: url(/images/email.jpg) no-repeat left center;}
.icon_fax{margin-right: 40px; background: url(/images/fax.jpg) no-repeat left center;}
.icon_add{background: url(/images/add.jpg) no-repeat left center;}

.contactMain h1{margin: 30px 0 20px 0; font-size: 24px;}
.contactMain ul li {height: 60px;  line-height: 60px; border-bottom: 1px solid #e5e5e5; width: 47.5%;  float: left; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;
    box-sizing: border-box;  padding-left: 40px;}

.contactMain ul li .cop1 {font-size: 20px; color: #666666; margin-top: 30px;}
.contactMain ul li .cop2 {font-size: 16px; color: #999999;}
.ueditor_baidumap{width: 100%!important;}

/* 尾部 */
.foot{ background: #006bbc;display: block;min-height: 150px;padding: 30px 0 0px 0;}
.foot ul{}
.foot ul li{ text-align: center;width: 20%; float: left;display: block;line-height: 35px;}
.foot ul li a{color: #e7c696;font-size: 20px}
.foot ul li a:hover{ color: #e7c696; }
.foot ul li ul{width: 100%;}
.foot ul li ul li{width: 100%;}
.foot ul li ul li a{color: #fff; font-size: 15px;}

.foot p{width: 100%;display: inline-block;clear: both; color: #fff; margin: 40px auto 20px auto; text-align: center; border-top:1px #1979c1 solid;line-height: 60px;}
.foot p a{color: #fff;}
.foot p a:hover{ color: #e7c696}

/* 回到顶部 */
#back-to-top {display:none; position:fixed; bottom:30px;right:30px;height:40px;width:40px; cursor:pointer;background:#2a2f3a;
line-height:1em;-webkit-border-radius:5px; -moz-border-radius:5px;border-radius:5px;background-image:url(/images/triangle.png); background-position: 12px 16px;background-repeat:no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity:0.5;-webkit-transition: all .3s ease;-moz-transition: all .3s ease; -ms-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease;}

#back-to-top:hover {background-color:#0989e9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter: alpha(opacity=80); opacity:0.8; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}

/*  响应 */
@media screen and (max-width:1100px) {
.wp{ width:100%; margin:0 auto; max-width:1920px;}
.wp1000{ width:100%; margin:0 auto;box-sizing:border-box; }
	
	.rm-toggle.rm-button{margin-top: 15px;}
}