@charset "utf-8";

*{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle;border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:13px/1.5 arial,'microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.noBg{background:none!important}

body{position:relative;background:#ddd;color:#444;}

*{ padding:0; margin:0;}

a{color:#444;text-decoration:none;  transition: all 0.4s linear}

@media all and (orientation : landscape) { .wraper { width: 100%; } } /* 横屏 */

@media all and (orientation : portrait) { .wraper { max-width: 640px; } } /* 竖屏 */

#g-wp { max-width:640px;  margin:0 auto; padding:0 0 64px; background:#fff; overflow:hidden;}


#header { position:relative;width:100%; background:#fff; position: relative;position: fixed;
    z-index: 1000;box-shadow: 0px 1px 12px 3px #ccc;}

.logo{ position:relative; font-size:0; height:76px; background-size:contain; background-repeat:no-repeat; background-position:left; }

.logo a { display:block; width:100%; height:100%; }

.topright{width:92px; position: absolute; top: 23px; right: 17px;}

.topright .home{background: url(../images/home.png) 0 center no-repeat; width: 42px; height: 36px; display: block; float: left; position: relative;}

.home .sub{ position:absolute; top:40px;  right:-170px; z-index:6; background:#fff;}

.home .sub li{ width:100px; text-align:center; line-height:30px;  transition: all 0.4s linear; border-bottom: 1px dashed #ccc;}

.home .sub li:last-child{ border-bottom:0;}

.home .sub li a{ display:block;color:#444; font-size:14px;}

.home .sub li a:hover{ background:#444; color:#fff;}

.topright .phone{background: url(../images/phone.png) 0 0 no-repeat; width: 36px; height: 36px; display: block; float: left; margin-left: 14px;}

.nav{width: 98%; height: 45px; margin: 0 1%;  background: url(../images/nav.png) 0 0 no-repeat; background-size:100% 100%; border-radius: 4px; overflow: hidden;}

.nav ul li{position:relative; display:inline-block; float:left; width: 18.5%;  padding:0; text-align: center; height: 45px;}

.nav ul li:nth-of-type(1){width: 16%;  padding: 0; }

.nav ul li:nth-of-type(1) a{background: url(../images/home_bg.png) center center no-repeat; display: block; width: 100%; height: 100%;}

.nav ul li a{display: inline-block; width: auto; margin: 0 auto;  height: 45px; padding: 0; line-height: 45px;  color: white; font-size: 14px; }

.nav li::before { content:"|"; position:absolute; top:16px; right:0; color:#fff; width: 1px; font-size:12px; font-weight:100; line-height:12px; }

.nav li:nth-child(7)::before { content:""; }

.nav ul li:hover,.nav ul li.current{background: #aacd06;}


.banner { position:relative;  overflow:hidden; width: 98%; margin: 5px 0 5px 1%; border-radius: 4px; overflow: hidden;}

.banner .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; width: 100%; text-align: center;}

.banner .hd li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#FFFFFF; text-indent:-9999px; overflow:hidden; margin:0 6px;   }

.banner .hd li.on{ background:#1d66cf;  }

.banner .bd{ position:relative; z-index:0; }

.banner .bd li{ position:relative; text-align:center;  }

.banner .bd li img{ vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}

.banner .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */



.container{width: 100%;}



.com_hd{height: 54px;}

.com_hd h1{line-height: 54px; font-size: 14px; font-weight: normal; float: left; background: url(../images/hd_bg.png) 0 center no-repeat; padding-left: 22px;}

.com_hd a{display: block; line-height: 54px; float: right; padding-right: 12px; background: url(../images/more_bg.png) right center no-repeat; text-transform: uppercase; font-size: 12px; color: #474747; }



.business{width: 100%; margin-bottom: 14px;}

.bu_hd{width: 94%; margin: 0 3%;}

.buCon{width: 92%; height:auto; padding: 10px 4%;  background: #f9f8f7;}

.area{float: left; width: 27%; height: auto;  display: table; }

.area a{display: block; width: 100%; height: 100%; position: relative;}

.area .arImg{width: 66%; float: left;}

.area .arImg img{width: 100%; height: 100%;}

.area .arRight{ width: 30%;  position: absolute; right: 0; top: 0;  display: table;  }

.area p {display: table-cell; vertical-align: middle;}

.area p strong{line-height: 20px; white-space: nowrap; font-size: 18px; color: #0b53a5; font-family: "黑体";}

.area p span{line-height: 20px; white-space: nowrap;}



p.add{float: left; width: 9%; text-align: center; display: block; font-size: 20px; color: #cccbcb;}



.intro{margin-bottom: 12px;}



.c_wrap{width: 96%; height: auto; padding: 0 2% 16px; background: #F9F8F7;}

.aboutUs{width: 48%; float: left;}

.aboutImg{width: 37%; float: left;}

.aboutCon p{width: 59%; float: right; font-size: 12px; color: #999; line-height: 20px; max-height: 80px; overflow: hidden; text-align:justify;}



.newsCenter{width: 48%; float: right;}

.newsImg{width: 34%; float: left;}

.newsCon ul{width: 62%; float: right;}

.newsCon ul li{font-size: 12px;  line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 6px; background: url(../images/li_bg.png) 0 center no-repeat;}

.newsCon ul li a{color: #999;}



.bg_wrap{background: #F9F8F7; padding: 0 1% 16px;}



/* 面包屑 */



.breadcrumbs { float:left; text-align:right; }

.breadcrumbs a { display:inline-block; padding: 0 6px;  vertical-align:top; }



/* 二级、三级菜单 */

.menu {  background: #f9f8f7;}

.menu dl dt { }

.menu dl dt a { display:block; padding:6px 6px 6px 36px; border-bottom:1px dotted #cfcfcf;  color:#010101; font-size:14px; text-align:left; background: url(../images/menu_dt.png) 16px center no-repeat;}

.menu dl dt a:hover,.menu dl dt .current {color: #003ba5; background: url(../images/menu_dt_h.png) 16px center no-repeat;}



/* 内容模式 */

.article { padding:3% 3% 30px; line-height:24px; font-size:14px; word-wrap:break-word; }

.article .hd { padding:0 0 10px; text-align:center; }

.article .hd h1 { color:#000; font-size:18px; font-weight: normal;}

.article .hd .titBar { color:#484848; font-size:12px; line-height: 30px; margin-top: 6px;} 

.article .bd { color: #666666; text-align:justify;}

.article .ft { padding:20px 0 0;  }



/* 图片列表 一行两个 */

.m-pList{margin-bottom: 20px;}

.m-pList li { float:left; width:46%; padding:0 2%; margin-bottom: 6px;}

.m-pList li .t { padding:8px 0; font-size:13px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }



.more{width: 100%; text-align: center; background: url(../images/more.png) center 0 no-repeat; font-weight: normal; display: block; padding-top: 10px;}

.more span{font-size: 16px; color: #9a9a9a; line-height: 16px; height: 16px; display: block; text-transform: uppercase; margin-bottom: 2px;}



.news{padding: 0 3%; width: 94%; margin-bottom: 30px;}

.hotnews{margin-bottom: 12px;  border: 1px solid #dfdfdf;}

.hotImg{width: 30%; float: left;}

.hotnews dl{width: 66%; float: right; margin-right: 2%; max-height: 112px; overflow: hidden; }

.hotnews dl dt{font-size: 14px; color: #484848; line-height: 30px; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}

.hotnews dl dd{font-size: 12px; color: #686868; line-height: 20px; overflow: hidden;}



.news ul{}

.news ul li{height: 40px; border-bottom: 1px solid #cecece; margin-bottom: 10px;}

.news ul li a{display: block; height: 40px; line-height: 40px; width: 70%; float: left; font-size: 14px; color: #555555; padding-left: 5%; background: url(../images/news_li.png) 4px center no-repeat; white-space: nowrap; text-overflow:ellipsis; overflow:hidden;}

.news ul li a:hover{background: url(../images/news_li_h.png) 4px center no-repeat; color: #0068db;}

.news ul li span{float: right; font-size: 12px; color: #878686; display: block; line-height: 40px; width: 20%; padding-right: 3%; white-space: nowrap;  text-align:right;}



#foot { position:fixed; left:0; bottom: 0; border-top:4px solid #007aff; width:100%; height:64px; background:#1d66cf; line-height:24px; text-align:center; z-index:1; }

#foot li { float:left; width:25%;  }

#foot li a { display:block; padding:6px 0 0; color:#fff; }



.btn { display:block; width:33px; height:33px; margin:0 auto;  overflow:hidden; border:none; }

.home1 { background-image:url(../images/home1.png)}

.about{ background-image:url(../images/about.png)}

.case { background-image:url(../images/case.png)}

.phone1{  background-image:url(../images/phone1.png)}



/* 分页 */

.more { padding:8px; margin-bottom: 10px;}

.more a { display:block; border-radius:5px; background:#eee; line-height:30px; text-align:center; }



.pager-next-pre { display:table; width:94%; padding:0 3%; text-align:center; }

.pager-next-pre a { float:left; width:50%; padding:8px 0; background:linear-gradient(#eee,#ddd); display:table-cell; }

.pager-next-pre .btn_next { background:#0b6f43; background:linear-gradient(#313231,#101110); color:#fff; }



.page{text-align:center;padding:0% 0 2%;}

.page a{margin:0 2px;}

.page span{margin-right:2px;}



/* 图片列表 一行一个 */

.m-pFList li { position:relative; padding:0 2% 3%; }

.m-pFList li .p { float:left; width:45%; left:0; margin-right:5%; }

.m-pFList li .c { display:block; overflow:hidden; zoom:1; }

.m-pFList li .t { padding:0 0 8px; font-weight:bold; font-size:14px; }

.m-pFList li .t a { color:#0b6f43; }

.m-pFList li .i { padding:0 0 8px; color:#777; font-size:12px; }

.m-pFList li .m { font-size:12px; }
div#dituContent {
    display: none !important;
}