#banner { font-size:0; overflow:hidden; }

.m_aside_wl{float:left; width:260px;}
.m_aside_wrap{width:250px; background-color:#fff; border:5px solid #00468e; margin-top:31px;}
.m_aside_hd{background:url(../images/m_aside_hd.jpg) no-repeat 18px center #00468e; height:50px; line-height:50px; color:#fff; font-size:18px; text-indent:37px;}
.m_aside_bd{margin:15px auto 10px;}
.m_aside_bd .parent{width:218px; mar gin:0 auto 3px; margin:0 auto 5px; height:48px; line-height:48px; font-size:14px; color:#202020; overflow:hidden; background:url(../images/m_aside.jpg) no-repeat 17px center #f3f3f3; text-indent:32px; border:1px solid #d9d9d9;}
.m_aside_contacts{background:url(../images/contacts_m.jpg) no-repeat right 20px #00468e; padding:0 0 37px 23px; width:237px; margin:10px 0 0 0; font-size:14px; color:#fff; line-height:29px;}
.m_aside_contacts a{color:#fff;}
.contacts_ht{color:#fff; font-size:18px; text-indent:19px; background:url(../images/contacts_ht.jpg) no-repeat left 21px; line-height:32px; margin:0px 0 11px; padding-top:15px;}

/*工程案例*/
.gc_main{background-color:#f1f1f1; padding:42px 0 46px; margin-top:27px;}
.gc_hnt{background:url(../images/hd_bg_h2.jpg) repeat-x right center; margin-bottom:26px;}
.gc_hht{background:url(../images/hd_bg_h1.jpg) no-repeat right center; text-align:center; color:#00468e; font-size:24px; width:220px; margin:auto;}
.gc_ma_h1{float:left; line-height:0; margin:0 10px 0px 0; width:420px;}
.gc_ma_h2{float:right; width:340px; line-height:0;}
.gc_ma_img{position:relative; margin-bottom:10px;}
.gc_ma_img img{width:100%;}
.gc_ma_img span{position:absolute; left:0; bottom:0; height:48px; line-height:48px; text-indent:30px; color:#fff; font-size:14px; width:100%; background:url(../images/gc_ma.png) repeat-x right center;}

/*公司简介*/
.ht_dt{float:left; margin:30px 0 0 0;}
.ht_dd{float:right; width:720px; display:none;}
.ht_h3, .dtd_tn .ht_h3{color:#00468e; font-size:24px; line-height:69px; height:69px; background:url(../images/about_hb.jpg) no-repeat bottom left; margin-top:33px;}
.ht_h3 span, dtd_tn .ht_h3 span{color:#9c9c9c; font-size:12px; text-transform:uppercase; margin-left:9px;}
.ht_dd p, .dtd_tn p{color:#333; font-size:14px; line-height:32px; margin:24px 0px 0 0;}
.ht_max{width:160px; height:42px; line-height:42px; text-align:center; color:#e1131c; border:1px solid #e1131c; font-size:12px; margin-top:29px;}
.ht_max:hover{color:#fff; background-color:#e1131c;}
.video_img{ background-color:#000000;}


.dtd_tn{width:720px; float:right;}
.picMarquee-left{ overflow:hidden; position:relative; margin-top:26px;}
.picMarquee-left .bd{ padding:0px;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 10px 0 0; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:280px; height:188px; display:block; padding:5px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }


/*新闻*/
.m_item{backgr ound:url(../images/m_item.jpg) repeat-y left top #fff; border:1px solid #d6d6d6; padding:0 19px 0 18px; margin-top:20px; height:342px; widt h:781px; width:820px;float:left;}
.n_item{float:left; width:371px; padding-top:6px; line-height:0;}
.n_item_l{margin-right:39px;}
.n_item img{line-height:0; margin-bottom:15px;}
.n_hd{height:51px; background:url(../images/news_hb_02.jpg) repeat-x left bottom; margin-bottom:23px;}
.n_hd_h{background:url(../images/news_hb_01.jpg)repeat-x 1px bottom; /*width:67px;*/ line-height:41px; color:#00468e; font-size:16px; float:left; padding:0 3px;}
.n_max a{float:right; color:#181818; font-size:12px; line-height:39px; margin-top:9px;}
.n_db{background:url(../images/m_news_icon.jpg) no-repeat left center; text-indent:22px; line-height:39px; font-size:14px; color:#181818; border-bottom:1px dashed #d0d0d0;}

/*视频*/
.video_m{float:right; background-color:#f1f1f1; padding:0 20px; height:344px; margin-top: 20px;}
.vi_hd_h{background:none; color:#00468e; font-size:16px; margin-bottom:9px;}
.video_hd{height:51px; display:block;}

/*友情*/
.yq_min{background-color:#f4f4f4; padding:33px 0 29px; margin-top:23px;}
.yq_hbu{background:url(../images/hd_bg_h2.jpg) repeat-x left center; margin-bottom:25px;}
.yq_hb{background:url(../images/hd_bg_h1.jpg) repeat-x left center; width:220px; margin:auto; font-size:24px; text-align:center; color:#00468e;}
.mf_tx{ float:left; font-size:14px; color:#181818; margin:0 12px 14px;}
.yq_item span{margin:0 0px 0 0; float:left; }

.m_right_wrap{float:right; width:920px; margin-top:31px;}
.m_series_p{float:left; width:286px; margin-right:20px;}
.m_series_p:nth-child(3n){margin-right:0;}
.m_series_p img{border:1px solid #d0d0d0; width:100%;max-height:284px;/* min-height:220px;*/}
.m_series_p figcaption{display: block; height:48px; line-height:48px; text-align: center; font-size: 0.875em; overflow: hidden; }

#location .wrapper { max-width:1200px; }
.location_title { line-height:66px; color:#00468e; font-size:1.875em; }
.location_title span { display:inline-block; border-bottom:solid 2px #00468e; }
.location_list { color:#525252; font-size:0.875em; line-height:180%; margin-bottom:25px; padding-top:13px; }
#location { height:120px; padding-top:40px; }
#location .wrapper { position:relative; }
.white .location_title { color:#fff; }
.white .location_title span { color:#fff; border-bottom:solid 2px #fff; }
.white .location_list { color:#fff; }
.location_list a{ display: inline-block; width: 44px; height: 44px; position: absolute; right: 5px; top: 25px; }
.location_list a p{ width: 100%; float: left; line-height:24px; color: #fff; display: none; font-size:0.875em; }
.location_list a.download{ width: 50px; height: 76px; right: 130px; text-align: center; }
.location_list a.box{ width: 50px; height: 76px; right: 68px; text-align: center; }
.location_list a:hover p{ display: block; }

.products-body { background:url(../images/about_bg.jpg) no-repeat center top #2d85cd; }
.products-list{ width: 1200px; margin:0 auto; position: relative; padding-bottom:80px;  }
.products-list li{ width: 299px; position: relative; float: left; margin-right: 1px; margin-top:1px; display: inline; background: #fff; font-size: 16px; text-align: center; }
.products-list .line-t{ width: 0; height: 5px; background: #dfdfdf; position: absolute; left: 0; top: 0; }
.products-list .line-r{ width: 5px; height: 0; background: #dfdfdf; position: absolute; right: 0; bottom: 0; }
.products-list .line-b{ width: 0; height: 5px; background: #dfdfdf; position: absolute; right: 5px; bottom: 0; }
.products-list .line-l{ width: 5px; height: 0; background: #dfdfdf; position: absolute; left: 0; top: 5px; }
.products-list .bg{ width: 0; height: 100%; background: #000; filter:alpha(opacity=30); opacity: 0.3; position: absolute; left: 50%; top: 0; }
.products-list img{ display:block; }
.products-list p{ width: 100%; float: left; color: #00468e; height:60px; line-height:60px; }
.products-list .prev{ width: 47px; height: 47px; position: absolute; left: 10px; top: 30%; z-index: 2; cursor: pointer; }
.products-list .next{ width: 47px; height: 47px; position: absolute; right: 10px; top: 30%; z-index: 2; cursor: pointer; }
@media screen and (max-width:1314px){  
.wrapper{ width:1200px;}
}
@media screen and (max-width:1099px){  
.wrapper { width:99%; margin:0 auto; }
#nav ul li.menu a { padding:0; text-align:center; }

#location { height:110px; }
.products-list{ width: 100%; height: auto; position: relative; overflow:inherit; padding-bottom:0;  }
.products-list li { width:23%; padding-top:0; height:auto; position: relative; float: left; margin:1%; font-size: 1em; }
.products-list li img { width:100%; border:solid 1px #e1e1e1; height:auto; }
.products-list p{ width: 100%; float: left; color: #00468e; height:40px; line-height:40px; border-left:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1; border-right:solid 1px #e1e1e1; font-size:0.875em; }
}
@media screen and (max-width:1024px){  

}
@media screen and (max-width:768px){
.wrapper { width:100%; margin:0 auto; }
#header { position:static; height:auto }
#header .logo { float:left; width:auto; display:inline; }
#nav { width:100%; float:left; background-color:#025bab; padding:0; margin:0; }
#nav ul li { height:2.9em;}
#nav ul li.line {  background:url(../images/line_bg.png) no-repeat left center; }
#nav ul li.menu a { display:block; text-align:center; line-height:2.9em; padding:0; color:#fff; }

#hContainer { height:0; }

.products-body { background:none; padding-bottom:2%; }
#location { height:auto; padding:1em 0; width:98%; margin:0 auto;}
.location_title { line-height:40px; color:#00468e; font-size:1.125em; }
.products-list{ width: 100%; height: auto; position: relative; overflow:inherit; padding-bottom:0;  }
.products-list li { width:31.3%; padding-top:0; height:auto; position: relative; float: left; margin:1%; font-size: 1em; }
.products-list li img { width:100%; border:solid 1px #e1e1e1; height:auto; }
.products-list p{ width: 100%; float: left; color: #00468e; height:40px; line-height:40px; border-left:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1; border-right:solid 1px #e1e1e1; font-size:0.875em; }

.hidden-sm { display:none; }
}
@media screen and (max-width:640px){
	
.hidden-xm { display:none; }
.clear-xm { clear:both; }

#header { background:none;}
.m_aside_wl{width:100%; margin-top:20px;}
.m_aside_wrap{width:100%; border:none; margin-top:0px;}
.m_aside_hd, .m_aside_contacts{display:none;}
.m_aside_bd{margin:0;}
.m_aside_bd .parent{width:48%; float:left; margin-right:2.8%;}
.m_series_p:nth-child(3n){margin-right:3%;}
.m_aside_bd .parent:nth-child(2n){margin-right:0%;}

.m_right_wrap{width:100%; margin-top:20px;}
.m_series_p{width:48%; margin-right:3%;}
.m_series_p:nth-child(2n){margin-right:0%;}

.gc_main{padding:12px 0;}
.gc_ma_h1{width:49%; margin-right:2%;}
.gc_ma_h1:nth-child(3){margin-right:0%;}
.gc_ma_h2{display:none;}

.ht_dd{width:100%; display:block;}
.dtd_tn{display:none;}

.m_item{width:96%; height:auto; padding:0 2% 2%;}
.n_item{width:100%;}
.video_m{width:100%; padding:0;}
.video_img{text-align: center;}

}
@media screen and (max-width:480px){
.wrapper { width:98%; margin:0 auto; }
#header { position:static; height:auto; background:none;}
#header div.wrapper { width:100%; }
#header .logo { width:50%; float:none; display:block; margin-left:1%; }
#header .language { display:none; }
#nav { width:100%;  background-color:#025bab; padding:0; float:none; margin-top:0; }
#nav ul li.menu { float:left; width:25%; height:32px; }
#nav ul li.line { display:none; }
#nav ul li.menu:hover { background:none; }
#nav ul li.menu a { padding-top:0; color:#fff; height:32px; line-height:32px; font-size:0.875em; }
#nav ul li.menu a:hover { color:#fff; text-decoration:underline; background:none;}
#nav ul li.menu a.line_r { border-right:solid 1px #357bbc; }
#nav ul li.menu a.line_b { border-bottom:solid 1px #357bbc; height:31px; }
#nav ul li.visible-xs { visibility:visible; display:block; }

.products-body { background:none; padding-bottom:2%; }
#location { height:auto; padding:1em 0;}
.location_title { line-height:40px; color:#00468e; font-size:1.125em; }
.products-list{ width: 100%; height: auto; position: relative; overflow:inherit; padding-bottom:0;  }
.products-list li { width:48%; padding-top:0; height:auto; position: relative; float: left; margin:1%; font-size: 1em; overflow:hidden; }
.products-list li a { display:block; }
.products-list li img { width:100%; border:solid 0px #e1e1e1; height:auto; display:block; }
.products-list li ul li { margin:0; padding:0; }
.products-list p{ width: 100%; float: left; color: #00468e; height:40px; line-height:40px; border-left:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1; border-right:solid 1px #e1e1e1; font-size:0.875em; }

#footer { }
#footer p { line-height:1.5em; font-size:0.875em; }

.hidden-xs { display:none; }
.visible-xs { visibility:visible; }
#mobile_nav_wrap { height:40px; display:block; width:100%; }
#mobile_nav { background:url(../images/toolr_bg.jpg) repeat-x left top; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; height: 40px; opacity: 1; width: 100%; position:fixed; left:0; bottom:0; display:block; z-index:10010; }
#mobile_nav .img { background-position: center 3px; background-repeat: no-repeat; background-size: 18px 18px;}

#mobile_nav .icon { color: #fff; display: inline-block; float: none; font-size: 18px; height: 18px; margin-right: 0; position: relative; vertical-align: middle;
 width: 18px; }
#mobile_nav > a, #mobile_nav > div {  border-right: 1px solid #575757; color: #fff;  cursor: pointer; float: left;  font-size: 0.75em; height: 100%; line-height: 20px;  position: relative; text-align: center; width: 24.5%; }
#mobile_nav a:hover { text-decoration:none; }
#mobile_nav .menu ul { background-color: #414141; border-radius: 6px; bottom: 44px; display: none; font-size: 14px; margin-bottom: 8px;  max-height: 311px; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; position: absolute; right: 10px; }
#mobile_nav .menu ul li { border-bottom: 1px solid #6a6b6c; }
#mobile_nav .menu ul li:last-child { border: medium none;}
#mobile_nav .menu ul li a { background-color: inherit; color: #ffffff; display: block; height: 38px; line-height: 38px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 75px;}
#mobile_nav ul::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #434343; bottom: 45px; content: ""; height: 0; position: fixed; width: 0; }
}
@media screen and (max-width:360px){

}
@media screen and (max-width:320px){
    
}