html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style:none; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */

/* General Setup
/*-----------------------------------------------------------------------------------*/
html{ height:100%;}
body{font-family:'Microsoft Yahei',Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color: #fff; background-color:#fff;}
body#page{height:auto;}
.clear{clear:both;}
a{ text-decoration:none;color:#fff;-webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;}

/* Structure
/*------------------------------------------*/
#container{ width:100%; max-width:700px; height:auto; margin:auto; position:relative; background:#e6d7b8;}
/*pic swipe style*/
#SwipeTarget { width:100%; z-index:1; position:relative; max-width:700px; overflow:hidden;}
#SwipeTarget img { width: 100%;display:block;}
.loadings{background:url(../images/loading.gif) no-repeat center center;}
.jleft{ display:block; position:fixed; left:5px; top:35%; width:18px; height:25px;  z-index:1003}
.jright{ display:block; position:fixed; right:5px; top:35%; width:18px; height:25px; z-index:1003}	

.closes{ width:18%; top:4%; left:82%; position:absolute; z-index:12; display:none;}
.backs{ width:18%; top:4%; left:82%; position:absolute; z-index:12; display:block;}
.closes img,.backs img{width: 100%;display:block;}
			
#bottom_nav{ _position:absolute;  position: fixed; bottom:0px; height:auto;  width:100%; max-width:700px; color:#FFFFFF;  z-index:1002;}
#tops{ _position:absolute;  position: fixed; top:0px; height:auto;  width:100%; max-width:700px;z-index:1002;}
#tops img {max-width: 100%; display: block;}
.lanmubj{ z-index:1002;  width:100%; max-width:700px; }
.lanmubj img{ width:100%; display:block;}
.lanmucon{position:absolute; z-index:1003; bottom:10%; left:0; width:95.5%; padding:0 1.5% 0 3%;}
.lanmu_nav {  width:100%; }
.lanmu_nav li { width:25%; float:left;}
.lanmu_nav li img {max-width: 100%; display: block;}
.projectcon{position:absolute; z-index:1003; bottom:13%; left:0; width:99%; padding-left:1%;}
.project_nav {  width:100%; }
.project_nav li { width:20%; float:left;}
.project_nav li img {max-width: 100%; display: block;}
.touming{ opacity:0.6;}

/*----------------home-----------------*/
.manimate{width:100%; position:absolute; left:0%; top:0; background:#011643;}
.mhuyu{ width:100%; position:absolute; left:0; top:0; left:0%;}
.taiyang{ width:128.5%; position:absolute; left:-40%; z-index:1; top:0%; opacity:0.2; }
.gaoguang{width:100%; position:absolute; left:0%; top:0; z-index:3; display:none;}
.diqiu{width:100%; position:absolute; left:0%; top:0; z-index:2;}

.mlogo{ width:41%; position:absolute; right:8%; z-index:10; top:24%; display:none;}
.mtext1{ width:46%; position:absolute; right:0%; z-index:10; top:48%; display:block; opacity:0; font-size:100%; line-height:130%}
.mtext2{ width:46%; position:absolute; right:0%; z-index:10; top:51.5%; display:block; opacity:0; font-size:100%; line-height:130%}
.mtext3{ width:46%; position:absolute; right:0%; z-index:10; top:55%; display:block; opacity:0; font-size:100%; line-height:130%}
.mtext4{ width:46%; position:absolute; right:0%; z-index:10; top:58.5%; display:block; opacity:0; font-size:100%; line-height:130%}
.mtext5{ width:46%; position:absolute; right:0%; z-index:10; top:62%; display:block; opacity:0; font-size:100%; line-height:130%}
.mhuadong{width:100%; position:absolute; left:0%; z-index:-1; top:0%; display:block;}

/*----------------shapan-----------------*/
#shapan { width:100%; z-index:1; position:relative; max-width:700px; overflow:hidden;}
.sp_peitao{ width:40%; position:absolute; left:30%; z-index:1; top:5%;}
  .sp_peitao img{width: 100%;display:block;}
.qyswiper{ width:100%;z-index:10; position:absolute; top:0; background:url(../images/public/bj.jpg) no-repeat; background-size:100%; display:none; }
  .qyswiper img{width: 100%;display:block;}
	
/*----------------gaikuang-----------------*/
.fangda1{ position:absolute; z-index:11; width:20%; top:55%; max-width:700px; }
.fangda1 img{width: 100%;display:block;}

.gditu{width:100%; overflow:hidden; position:absolute; top:0.5%; z-index:10; overflow-x:scroll; height:88%; max-width:700px; display:none;}
.gditucon{ width:155%;}
.gclose{ width:13%; position:absolute; z-index:20; right:2%; top:5%; display:none;}

	
/*----------------project-----------------*/
.pback{ position:absolute; z-index:10; top:22%; right:5%; width:12%;}
.pback_btn{ position:fixed; z-index:12; top:6%; right:5%; width:12%; max-width:77px;}
.pback_btn img{width: 100%;display:block;}
.phuxingcon{ position:absolute; z-index:1; top:46%; left:21%; height:32%; width:58%;}
 .phuxingconl{ width:44%; padding:0 3%; float:left;}
 
/*----------------huxing-----------------*/
.xiaoqwtu{ position:absolute; z-index:11; width:20%; top:17%; max-width:700px; }
.xiaoqwtu img{width: 100%;display:block;}

.huxingbtn{position:fixed; z-index:12; top:6%; right:1%; width:19%; max-width:138px;}
.huxingbtn img{width: 100%;display:block;}
.huxingbtn1{top:57%;}
.huxingbtn2{top:64%;}
.huxingbtn3{top:71%;}
.huxingbtn4{top:78%;}

.huxingdd{ position:absolute; width:52%; top:38%; left:25%; z-index:2;}
.huxingdd .hxcon{ width:44%; padding:0 3% 6% 3%; float:left;}

.huxinglp{ position:absolute; width:58%; top:39%; left:22%; z-index:2;}
.huxingyf{ position:absolute; width:59%; top:44%; left:22%; z-index:2;}
.huxinglp .hxcon,.huxingyf .hxcon{ width:31%; padding:0 1% 6% 1%; float:left;}


 
/*----------------coutant-----------------*/
.newscon{ width:100%; left:0%; top:0; position:absolute; z-index:1; overflow:hidden; overflow-y:scroll; height:100%; }
/*----------------guwencon-----------------*/
.guwen{ position:relative; width:100%; height:50%;}
.guwencon{ height:48%; width:90%; padding:0 5%; padding-bottom:20%;}
.guwencon h3{ text-align:left; font-size:150%; line-height:200%; color:#fff;}
.guwencon ul{ margin:0; padding:0; list-style:none;}
.guwencon ul li{ width:100%; border-top:1px solid #efe9c9; padding:2% 0;}
.guwencon ul li .gwicon{ width:18%; float:left; padding-right:2%;}
.guwencon ul li .gwlanxi{ width:46%; float:left;}
.guwencon ul li  h4{text-align:left; font-size:130%; line-height:130%; color:#fff;}
.guwencon ul li  span{text-align:left; font-size:120%; line-height:110%; color:#fff; font-weight:bold;}
.guwencon ul li  .zyming{text-align:left; font-size:100%; line-height:115%; color:#fff; font-weight:bold; height:39px; overflow:hidden; display:block; overflow-y:scroll; margin:3px 0; }
.guwencon ul li  .zyming b{ font-weight:bold; color:#fff;}
.guwencon ul li .gwtel{ width:15%; float:right; margin-right:2%; padding-top:7%;}
.guwencon ul li .gwmsn{ width:15%; float:right; padding-top:7%; }
.guwenbj{ background:#cac97b;}


/*----------------coutant-----------------*/
.contants img{width: 100%;display:block;}
.coudianhua{ width:51%; padding-left:24%;  z-index:1; padding-top:77%;}
.coudaohang{ width:51%; padding-left:24%; z-index:1; padding-top:35%;}
	
#wrapper {   
	background: #eae2bd;
	overflow: hidden;}
	
#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

/*--------loading--------*/
.loading{ width:100%; position:absolute; height:100%; z-index:13;background:#011842;}

.spinner {margin: 45% auto 0 auto; width: 40px; height: 40px; position: relative; text-align: center; -webkit-animation: rotate 2.0s infinite linear;animation: rotate 2.0s infinite linear;    }
.dot1, .dot2 { width: 60%; height: 60%;display: inline-block;position: absolute;
top: 0;background-color: #fff; border-radius: 100%; -webkit-animation: bounce 2.0s infinite ease-in-out;      animation: bounce 2.0s infinite ease-in-out;}

.dot2 {top: auto;bottom: 0px; -webkit-animation-delay: -1.0s; animation-delay: -1.0s;   }

    @-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
    @keyframes rotate { 
      100% { transform: rotate(360deg);-webkit-transform: rotate(360deg);
      }
    }
    @-webkit-keyframes bounce {
      0%, 100% { -webkit-transform: scale(0.0) }
      50% { -webkit-transform: scale(1.0) }
    }
    @keyframes bounce {
      0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }
/* CSS Media Queries
/*-----------------------------------------------------------------------------------*/
@media screen and (max-width: 700px) {
#container{width:100%; height:auto;}
#pagecontainer{width:100%; height:100%;}
#bottom_nav{ width:100%;}