@charset "utf-8";
/* by yan 20160104 */
/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%;  font-family: Microsoft Yahei; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);  background: #fff; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a{ text-decoration: none; }
img{ max-width:100%;}

/*top*/

/* 全局侧滑菜单 */
.mm-menu { width: 50%; }
.mm-navbar { height: 50px; line-height: 30px; }
.mm-panel .mm-navbar { display: block; }
.mm-menu > .mm-panel > .mm-navbar + .mm-listview { margin-top: 1px; border-top: 1px solid #3a3b4b; }
.mm-menu > .mm-panel:before { height: 50px; font-size: 1.125rem; }
.mm-listview { line-height: 26px; }
.mm-listview > li:not(.mm-divider):after { left: 0; }
.mm-listview > li > a, .mm-listview > li > span { padding: 10px 10px 10px 10px; text-align: center; }

html.mm-right.mm-opening .mm-slideout { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.mm-menu.mm-theme-dark .mm-navbar > *, .mm-menu.mm-theme-dark .mm-navbar a { text-transform: uppercase; color: #888; }
.mm-menu.mm-theme-dark .mm-navbar { border-color: #14151b; }

.mm-menu.mm-theme-dark { background: #22232d; color: #cfcfcf; }
.mm-listview > li:not(.mm-divider):after { height: 1px; background: #14151b; }
.mm-menu .mm-listview > li:after { border-color: #3a3b4b; }
.mm-menu.mm-theme-dark .mm-listview > li:after { border-color: #3a3b4b; }

.mm-menu.mm-theme-dark .mm-navbar.mm-navbar-bottom { border: 0; }


/* 首页头部 */
.head{ background:#565E6B; height:36px; line-height:36px; text-align:right; padding:0 16px 0 10px; font-size:11px; color:#f2f2f2;}
.head a{display:block;height:36px;}
.head .top_menu{width:10%; background:url(../images/fiet.gif) no-repeat center center / 20px; float:left;}
.index_top{padding:0 10px; overflow:hidden; background:#fff; height:54px; border-bottom:1px solid #efefef; margin-bottom:1px;}
.index_top a{display:block;height:54px;}
.index_top .logo{width:80%;float:left; text-align:center; background:url(../images/logoa.png) no-repeat left center; background-size:108px 26px;}
.index_top .tel{width:10%;float:right;background:url(../images/tel.png) no-repeat center center / 30px;}


.usa{float:right; margin:12px 10px 0 0;}
.usa  img{width:16px;}
.usa span{color:#03428f; font-weight:bold; font-size:12px; margin-left:6px;}

/* banner */
.slideBox{ position:relative; overflow:hidden; }
.slideBox .hd{width:100%; height:11px;  position:absolute; z-index:1; bottom:10px; text-align:center; }
.slideBox .hd ul{display:inline-block; height:5px; padding:3px 5px; font-size:0; vertical-align:top;}
.slideBox .hd ul li{display:inline-block; width:6px; height:6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background:#none ; border:1px solid #fff; margin:0 5px;  vertical-align:top; overflow:hidden; }
.slideBox .hd ul li.on{background:#fff;  }
.slideBox .bd{ }
.slideBox .bd li{ text-align:center;  }
.slideBox .bd li img{  width:100%; display:block/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */


/*首页栏目*/
.nav{padding:0 10px; margin-top:26px;}
.nav ul{overflow:hidden;}
.nav ul li{float:left; width:47%; margin-right:4%; margin-bottom:16px; border:1px solid #f2f2f2;}
.nav ul li:nth-child(2n){margin-right:0;}
.nav ul li a{display:block;}
.nav ul li h1{ font-size:14px; padding:0 10px;font-weight:normal;color:#333;line-height:36px;}
.nav ul li .navbox{}
.nav ul li .navbox .img{padding:0 6px;}
.nav ul li .navbox img{display:block; margin:0 auto;width:100%}
.nav ul li .navbox .nav_text{padding:6px;}
.nav ul li .navbox .nav_text h2{font-size:12px; color:#b92319; white-space:nowrap; overflow:hidden;margin:6px 0; text-overflow: ellipsis; font-weight:normal;}
.nav ul li .navbox .nav_text p{font-size:10px; color:#666; line-height:18px; }

.footer{ background:#efefef; padding:18px 10px 16px; text-align:center; font-size:9px; color:#666;line-height:23px;}
.footer a{ color:#ff0000; margin-right:6px; font-weight:bold;}




/*内页*/
.titbox{margin:16px 0;}
.titbox ul{overflow:hidden; padding:0 10px}
.titbox .inpage li{float:left; width:33.3%; text-align:center; }
.titbox ul li a{display:block;position:relative;background:#fff;color:#444; font-size:13px;line-height:40px;}
.titbox ul li a:after{content:'';position:absolute; right:0;top:0;bottom:0;border-right:1px solid #f2f2f2;}
.titbox ul li:last-child a{border:0;}
.titbox ul li.on a{background:#3565A2; color:#fff;}
.titbox ul li.on a:after{border:0;}

.innconbox{margin:26px auto; background:#fff;padding:20px 12px; }
.inncon{font-size:13px; color:#555;line-height:30px; }
.titbox .innewpage
 li{float:left; width:50%; text-align:center; }


/*内页新闻*/
.innnews{overflow:hidden;padding-top:16px;}
.innnews li{overflow:hidden; margin-bottom:30px;}
.innnews li a{display:block;}
.innnews li .innew_img{float:left; width:25%; margin-right:4%;border: 1px solid #ddd;}
.innnews li .innew_info{float:left; width:70%;}
.innnews li .innew_info h2{ font-size:14px; color:#f40103;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-weight:normal;}
.innnews li .innew_info p{font-size:12px; color:#666; line-height:18px; margin-top:12px}
.newdis{font-size:11px; color:#999; margin:6px 0;}
.newdis span{margin-left:10px;}

.info_tit{ text-align:center; padding-bottom:16px; border-bottom:1px dashed #f2f2f2; margin-bottom:12px;}
.info_tit h4{font-size:14px; color:#333; font-weight:normal; line-height:20px;}
.info_tit p{font-size:11px; color:#999; margin-top:6px}
.info_tit p span{margin-left:8px;}

.infobox{font-size:13px; color:#555;line-height:30px; padding:16px 0;}

/*内页产品*/

/*展开折叠*/

.subNavBox{ overflow:hidden; display:block; margin-top:16px;}
.subNav{font-size:16px; color:#38383a; line-height:26px; background:url(../images/pin_biao1.png) 95% center no-repeat; background-size:12px 12px !important; }
.subNav a{ overflow:hidden; display:block; font-size:16px; color:#38383a; line-height:26px; }
.currentDt{background:url('../images/pin_biao1.png') 95% center no-repeat; background-size:12px 12px !important;}
.navContent{display: none; margin-bottom:10px; margin-left:33px;}
.qing {overflow: hidden;display: block;clear: both;}
.pro_bt{overflow:hidden;}
.pro_btimg{float:left;width:43px;padding:8px 0;}
.pro_btimg  img{width:32px; height:32px;}
.pro_bti{font-size:16px; color:#38383a; line-height:26px; border-bottom:1px solid #cecece; padding:8px 0; float:left;width:85%}
.qing ul{overflow:hidden; padding-left: 3%;}
.qing ul li{overflow:hidden;}
.pro_jian {padding-left: 15px;font-size: 14px;color: #38383a;line-height: 26px;background: url(../images/pin_biao2.png) 96% center no-repeat;background-size: 12px 12px;display:block;float:left;width:100%;padding:8px 0;border-bottom:1px solid #cecece;}
.qing ul li .qing_timg{float:left;width:43px;text-align: center;}
.qing ul li .qing_timg  img{width:25px; height:40px;}


/*工程展示*/
.project{padding:16px 0;}
.project ul{overflow:hidden;}
.project ul li{float:left;width:48%; margin-right:4%; margin-bottom:16px;line-height:36px}
.project ul li a{display:block; padding-left:24px; background:url(../images/vew.gif) no-repeat left center / 15px; color:#444;font-size:12px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden; }
.project ul li:nth-child(2n){margin-right:0;}

/*.swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.swiper-slide {background-size: cover;background-position: center;}
.gallery-top { width: 100%;}
.gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.gallery-thumbs .swiper-slide { width: 25%;height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}*/



/*在线留言*/
/*message*/
.bm_form{width:92%; margin:12px auto 0;}
.bm_form ul{ width:100%; margin:0 auto;}
.bm_form ul li{ line-height:36px; border-bottom:1px solid #f2f2f2; padding:6px 0; overflow:hidden;}
.bm_form ul li span{float:left;color:#666; font-size:13px}
.bm_form ul li .inputstyle{ border:none medium; background:none; line-height:24px; color:#666; font-size:13px; width: 75%;margin-left:2%;}
.bm_form ul li .textareas{ background:none; border:none medium;color:#666; font-size:13px; padding-top:8px; width:88%; line-height:23px; margin-left:2%;}
.tj{ background:#0D4FA2; border-radius:6px; width:80%; line-height:40px; display:block; text-align:center; color:#fff; margin:26px auto 0; border:none medium;}



.pages { height: 30px; line-height: 30px; text-align: center; font-size: 12px; margin: 30px 0; }
.pages li { margin: 0 5px; display: inline-block; }
.main .con .pages li a, .pages li a { background: #3565A2; padding: 0 10px; border: 1px solid #3565A2; overflow: hidden; display: block; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; height: 30px; color: #fff; margin-top: 0; line-height: 30px; text-decoration: none; }
.pages li a:hover, .pages li a:hover { opacity: .6; filter: alpha(opacity=60); }