@charset "utf-8";
/* CSS Document */


* { margin:0; padding:0; border:0;}
a { text-decoration:none; border:0px; color:#000; }
a:hover { text-decoration:none; border:0px; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; font-family:"微软雅黑";}
body { font-family:"微软雅黑"; font-size:100%; font-weight:normal; color:#333; background:#f5f5f5;}
ul li,ol li { list-style-type:none; text-decoration:none; }
.clear { clear:both;}
.fl { float: left;}
.fr { float: right;}


/*头部*/
.header { width:100%; position:relative; margin-bottom:2%;}
.header img { width:100%; display:block;}
.top_head { width:60%; padding:0 20%; position:absolute; left:0; top:0; padding-top:2%;}
.top_head h6 { width:14%; float:left;}
.top_head h6 img { width:100%; display:block;}


/* hide toggle button */
#nav-wrap > a.mobile-btn { display: none; }

ul#nav {
   float:right; font-family:"微软雅黑";
   text-align: right; text-align:right; width:400px; z-index:100;
}
#nav-wrap ul li {
   position: relative;
   list-style: none;
   display: inline-block;
   float:left; padding:0.6% 3%; margin:0 2% 0 1%; overflow:hidden; cursor:pointer;
}
#nav-wrap ul li a { color:#fff;}
#nav-wrap ul li.current { border-radius:50px; behavior: url(css/pie.htc); position:relative; background:#fff;}
#nav-wrap ul li:hover { border-radius:50px; behavior: url(css/pie.htc); position:relative; background:#fff;}
#nav-wrap ul li:hover a { color:#ff7800;}
#nav-wrap ul li.current:hover { color:#000;}
#nav-wrap ul li.current a { color:#ff7800;}


@media only screen and (max-width: 800px) {

   /* mobile navigation
   -------------------------------------------------------------------- */
   #nav-wrap {
      width:12%;
      position: fixed;
      top: 0; z-index:5;
      right: 0;
   }
   #nav-wrap > a {
	  width: 30px;
	  height: 30px;
	  text-align: center;
	  background-color: #fff;
	  border-radius:5px;
	  position: relative;
      border:1px #ccc solid;
      float: right;
      text-shadow: none;
      color: transparent;
      position: relative;
      right: 25px; z-index:7;
	  position:fixed; top:10px;
   }

	#nav-wrap > a:before,
   #nav-wrap > a:after {
	   position: absolute;
		border: 2px solid #ff9833;
		top: 35%;
		left: 25%;
		right: 25%;
		content: '';
	}
   #nav-wrap > a:after { top: 60%; }

   /* toggle buttons */
	#nav-wrap:not( :target ) > a:first-of-type,
	#nav-wrap:target > a:last-of-type  {
	   display: block;
	}

   /* hide menu panel */
   #nav-wrap ul#nav {
      height: auto;
		display: none;
      clear: both;
      width: auto; 
      float: right;
	  position: relative;
      top: 12px;
      right: 0;
	  width:30%;
   }

   /* display menu panels */
	#nav-wrap:target > ul#nav	{
	  display: block;
      padding: 10px 0 0 10px;
      background: #fff;
      clear: both; text-align:center;
	  width:70px; float:right; border-radius:3px; behavior:url(css/pie.htc); position:relative; z-index:8;
	  position:fixed; right:0; top:38px; font-family:"微软雅黑"; border:1px #ccc solid;
   }

   ul#nav li {
      display: block;
      height: auto;      
      margin: 0 auto; 
      text-align: center;
      line-height:30px; font-size:0.9em;
   }
#nav-wrap ul li:hover { background:none;} 
#nav-wrap ul li.current { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; behavior: url(css/pie.htc); position:relative; background:none; font-family:"微软雅黑";}
#nav-wrap ul li.current a { color:#ff9833;}
#nav-wrap ul li a:hover { color:#d56900;}
#nav-wrap ul li a { color:#ff9833;}
.top_head h6 { width:25%; float:left;}
.top_head h6 img { width:100%; display:block;}
}





.header_btner { width:30%; position:absolute; left:0; bottom:15%; padding-left:21%;}
.header_btner img { width:46%; float:left; display:block; margin:0 2%;}


/*第一部分*/
.mail-banner-1 { width:85%; margin:0 auto; position:relative; z-index:1;}
.mail-banner-1 img { width:100%; display:block;}
.mail-banner-1 span { position:absolute; left:50%; top:40%; width:44%;}
.mail-banner-1 span h2 { font-size:2.7em; padding-bottom:5%; font-weight:bold;}
.mail-banner-1 span p { font-size:1.2em; line-height:1.8em; color:#949494;}


/*第二部分*/
.mail_wthite { width:100%; background:#ff9833; padding-bottom:1%; margin-bottom:2.4%;}
.mail-banner-2 { width:85%; margin:0 auto; position:relative; z-index:1;}
.mail-banner-2 img { width:100%; display:block; margin-bottom:-4%;}
.mail-banner-2 span { left:13%; color:#fff;}
.mail-banner-2 span p { color:#fff;}


@media only screen and ( max-width:800px ){
.mail-banner-1 span { top:20%;}
.mail-banner-1 span h2 { font-size:1.4em;}
.mail-banner-1 span p { font-size:0.9em; line-height:2em;}

}

@media only screen and (min-width:540px ) and ( max-width:640px){
.mail-banner-3 span { position:absolute; left:45%; top:20%; width:60%; z-index:4;}
.mail-banner-3 span h2 { font-size:1.2em; padding-bottom:3%; font-weight:bold;}
.mail-banner-3 span p { font-size:0.8em; line-height:1.6em; color:#949494;}
	}

@media only screen and (min-width:640px ) and ( max-width:800px){
.mail-banner-3 span { position:absolute; left:45%; top:20%; width:60%; z-index:4;}
.mail-banner-3 span h2 { font-size:1.5em; padding-bottom:3%; font-weight:bold;}
.mail-banner-3 span p { font-size:0.8em; line-height:1.6em; color:#949494;}
	}


@media only screen and ( min-width:800px ) and ( max-width:1400px){
.mail-banner-1 span { top:20%;}
.mail-banner-1 span h2 { font-size:2em;}
.mail-banner-1 span p { font-size:1.1em; line-height:2em;}
}

@media only screen and ( min-width:800px ) and ( max-width:1000px){
.mail-banner-3 span { top:20%;}
.mail-banner-3 span h2 { font-size:1.7em;}
.mail-banner-3 span p { font-size:1em; line-height:1.5em;}
}

@media only screen and (max-width:540px ){
.mail-banner-3 span { position:absolute; left:45%; top:10%; width:60%; z-index:4;}
.mail-banner-3 span h2 { font-size:1.2em; padding-bottom:3%; font-weight:bold;}
.mail-banner-3 span p { font-size:0.8em; line-height:1.6em; color:#5c5c5c;}
	}




/*底部*/
.footer { width: 100%; background:url(../images/footer_back.jpg); background-size:cover; overflow:hidden; float:left;}
.foter_db { width:80%; margin:0 auto;}
.footerMain { width: 49%; height: 240px; float:left;}
.footerMain div { height: 132px; float: left; margin-top: 50px; border-right: 1px solid #cccccc; width:41%; padding:0 4%; color:#fff;}
.footerMain div h6 { font-size: 18px; color: #fff; font-weight: bold; padding-top: 12px;}
.footerMain div p { width: 95%; line-height: 22px; font-size: 12px; color: #fff; font-family: "宋体"; padding-top: 10px; height:auto;}
.footerMain div p a{ font-size: 12px; color: #fff; font-family: "宋体";}
.footerMain div p a:hover{ color:#545454;}
.footerMain div ul li { width: 100%; line-height: 20px; font-size: 12px;
 color: #fff; font-family: "宋体"; padding: 10px 0px 0px 0px;}
.footerMain div ul li .phone { width: 14px; height: 14px; background: url(../images/icon.png) -90px -19px no-repeat; padding-right: 8px; margin-top: 0; border-right:none;}
.footerMain div ul li .mail { width: 14px; height: 14px; background: url(../images/icon.png) -90px -59px no-repeat; padding-right: 8px; margin-top: 5px; border-right:none;}
.footerMain div ul li .address { width: 14px; height: 14px; background: url(../images/icon.png) -90px -89px no-repeat; padding-right: 8px; margin-top: 3px; border-right:none;}
.footerMain div.version { border: none; width:63%;}
.footerMain div.code { float: right; border: none; width:18%;}
.footerMain div.code p { width: auto; text-align:center;}
.footerMain div.code img { width:100%; display:block;}
.footerMain div.caintr { color:#fff; width:37%; padding-left:8%;}

@media only screen and ( max-width:800px){
.footerMain { width:100%; height:auto;}
.footerMain div { width:39%; padding:0 5%; height:auto;}
.footerMain div.code { width:18%; font-size:2em;}
.footerMain div.version { height:auto; width:55%;}
.footerMain div.version p { height:auto; line-height:22px;}
.footerMain div.caintr { border-right:none;}
.header_top ol li.carder { padding-left:5%;}
	}
	
@media only screen and ( min-width:800px) and (max-width:960px){
.footerMain { width: 49%; height: 250px; float:left;}
.footerMain div.version { border: none; width:66%;}
	}


/*浮动二维码*/
.right-fid { behavior:url(css/pie.htc); position:relative; position:fixed; right:10px; top:30%; border:1px #ccc solid; padding:4px; border-radius:5px; z-index:2; background:#fff; line-height:30px; width:8%; text-align:center; color:#ffa300;}
.right-fid img { width:100%; display:block;}


@media only screen and (max-width:800px){
.right-fid { font-size:0.8em; width:72px; top:200px; right:0;}	
}