body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td ,img{padding: 0;margin: 0;border:none;}
body{ text-align: center;color: #333;font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
a{text-decoration: none; color: #000;}

/* Style for our header texts
* --------------------------------------- */
h1{font-size: 5em;font-family: arial,helvetica;margin:0;padding:0;}
h2{font-size: 2em;padding:20px; display:block;margin:0 auto;font-family: arial,helvetica; text-align: center;font-weight:600;background: rgba(0,0,0, 0.5);}
li{list-style:none;}
.section{text-align:center;overflow:hidden;}
.fp-auto-height.fp-section{height: auto !important;}
.fp-section {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.more{float:right;margin-top:30px;}
.wrap{max-width: 1200px;width:80%;height: 100%;margin-left: auto;margin-right: 300px;position: relative;}
.box{text-align: left;color: #fff;font-size: 1.2em;line-height: 1.6em;}
.box p{font-size:16px;background: rgba(0,0,0, 0.5);padding:20px;text-indent: 2em;}
.box p a{color:#fff;}
.wenhou{ background-color:#000;color:#fff;height:30px; text-align: left; font-size:12px;line-height:30px; }
.wenhou span{display:block;max-width: 1200px;margin:0 auto;}
.nav{position:fixed;top:0;width:100%;height:130px;z-index: 70;background: #fff;background: rgba(50, 50, 50, 0.8);}
.nav img{height:80px; margin-top:10px;}
.nav ul{width:100%;max-width:1200px; margin:0 auto; text-align: left;}
.nav ul div{float:left;margin-right:50px;}
.nav ul li{ display:block;float:left;max-width:120px;display:inline-block; line-height:30px;margin-left:5px;margin-top:30px;background:rgba(0,0,0, 0.8);border-radius: 3px;cursor: pointer;}
.nav ul li:hover{background: #999;background: rgba(90, 90, 90, 0.6);}
.nav ul li a{display: block;height:100%;padding:10px;color:#fff;}
.nav ul li:hover a{color:#000;}
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-menuanchor] a i{
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:10px;
  color:#f79f04;
}
[data-menuanchor="firstPage"] i.icon-legal:before{content: "\f015";}
[data-menuanchor="secondPage"] i.icon-legal:before{content: "\f001";}
[data-menuanchor="3rdPage"] i.icon-legal:before{content: "\f164";}
[data-menuanchor="4thpage"] i.icon-legal:before{content: "\f0ad";}
[data-menuanchor="5thpage"] i.icon-legal:before{content: "\f118";}
[data-menuanchor="lastPage"] i.icon-legal:before{content: "\f0d1";}

.menu li {margin:10px; list-style:none;float:none;color: #000;background:#fff;background: rgba(255,255,255, 0.5);-webkit-border-radius: 10px;border-radius: 10px;}
.menu li.active{background:#666;background: rgba(0,0,0, 0.5);color: #fff;}
.menu li a{text-decoration:none;color: #000;}
.menu li.active a:hover{color: #fff;}
.menu li:hover{background: rgba(0,0,0, 0.5);}
.menu li:hover a{color:#fff;}
.menu li a,.menu li.active a{padding: 9px 18px;display:block;}
.menu li.active a{color: #fff;}
.menu{ width:auto;position:fixed;top:180px;right:10px;height: 40px;z-index: 70;padding: 0;margin:0;}
/* Common styles
* --------------------------------------- */
img{-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;-o-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}

/* Section 0
* --------------------------------------- */
#section0{padding: 60px 0; position:relative;}
#media{width:1920px; height:1080px;top:0;left:0;z-index:1 ;}
#section0 .box{width:100%;height:100%; margin:0 auto; text-align: left;margin-top:100px; position:absolute;right:150px;top:150px;}
#section0 .box h1{ font-size:30px; }
#section0 .box img{position:absolute;left:250px; bottom:350px;width:400px;height:auto;float:left;}
.index_about{position:absolute;width:30%;max-width:600px; min-width:500px;bottom:250px;right:50px;max-height:500px; overflow: hidden;}
#section0 .index_about p{line-height:30px;  }

/* Section 1
* --------------------------------------- */
#section1 {background: url(../images/mggq1.jpg) top center no-repeat;position: relative;padding-top:80px;}
#section1 .imgsContainer{position:absolute;left:60%;display: block;z-index: 1;width: 45%;height:100%;float:left;}
#section1 .imgsContainer img{width:100%;margin-top:200px;}
#section1 .box{position:absolute;z-index: 1;float:left;width:50%;height:100%;margin-top:200px;margin-left:5%;}
#section1 .box ul {background:rgba(68, 68, 68, 0.4);padding:20px;}
#section1 .box ul li{width:32%;display: block; margin-bottom:10px;float:left;position:relative;}
#section1 .box ul li:nth-child(3n-1){margin-left:2%;margin-right:2%;}
#section1 .box ul li img{width:100%;height:auto;max-width:200px; max-height:150px;border:1px solid #444444;background:rgba(68, 68, 68, 0.7);}
#section1 .box ul li h2{border:1px solid rgba(255, 255, 255, 0.3);display:none;position:absolute;width:100%;margin:0;bottom:9px;font-size: 14px; text-align: center;background:rgba(68, 68, 68, 0.7);padding:0;color:#fff;}
#section1 .box ul li:hover h2{display:inline;}
#section1 .box .more a{color:#fff;font-size:14px;}

/* Section 2
* --------------------------------------- */
#section2{position: relative;background: url('../images/mogui.jpg') top center no-repeat; }
#section2 .wrap{margin-top:200px;}
#section2 .box{width:50%;float:right;}

/* Section 3
* --------------------------------------- */
#section3 {position:relative; background-size:100px 100px; background: url('../images/mggq2.jpg') top center  no-repeat;}
#section3 .wrap{margin-top:200px;width:100%;max-width:1400px;}
#section3 .box{width:25%;float:right;text-align: center;}
#section3 .imgsContainer{width:50%;height:auto;position:relative;}
#section3 img{top: 155px;left: 455px;position: absolute;}

#section3 [class^="gqwx"]{display:block;width:48%;}

#section3 .gqwx1{width:417px;height:296px;top:-517px;left:0;}
#section3 .gqwx2{width:417px;height:296px;top:0;left:2000px}
#section3 .gqwx3{width:351px;height:296px;top:316px;left:-1000px}
#section3 .gqwx4{width:484px;height:296px;top:1000px;left:371px}

#section3 .gqwx1.active{top:200px;left:200px;}
#section3 .gqwx2.active{top:200px;left:637px;}
#section3 .gqwx3.active{top:516px;left:200px;}
#section3 .gqwx4.active{top:516px;left:571px;}



/* Section 4
* --------------------------------------- */
#section4 {position:relative; background-size:100px 100px; background: url('../images/zulin.jpg') top center  no-repeat;}
#section4 .wrap{margin-top:250px;}
#section4 .box{width:50%;position: absolute; left:25%;bottom:300px;}
/* Section 5
* --------------------------------------- */
#section5 {position:relative; background-size:100px 100px; background: url('../images/banyun.jpg') top center  no-repeat;}
#section5 .wrap{margin-top:250px;}
#section5 .box{width:50%;float:right;}
/* Overwriting fullPage.js tooltip color
* --------------------------------------- */
.fp-tooltip{color: #AAA;}
#fp-nav span, .fp-slidesNav span{border-color: #AAA;}
#fp-nav li .active span, .fp-slidesNav .active span{background: #AAA;}



/* pro_list
* --------------------------------------- */
#list {position:relative;min-height:300px;background-size:100px 100px;}
#list .wrap{width:100%;height:100%;min-height:1000px;margin:0;text-align: center;max-width:inherit;}

.probox,.newsbox,.contentbox{height:100%;width:98%;max-width:1200px;margin:1% auto;padding-top:150px;}
.probox .title,.newsbox .title,.contentbox .title{height:50px;padding-left:20px;}
.probox h1,.newsbox h1,.contentbox h1{font-size:30px;color:#fff; text-align: left;}
h1 a{color:#fff; font-size:24px;}


.left{width:75%;float:left;}
.right{width:20%;float:right;background:rgba(68, 68, 68, 0.7);}
.probox .left{background:rgba(68, 68, 68, 0.4);}
.probox .left ul{margin-left:2%;padding-top:20px;}
.probox .left ul li{width:23%;  display: block; margin-right:2%;margin-bottom:20px;float:left;position:relative;}
.probox .left ul li img{width:100%;height:auto;max-width:200px; max-height:150px;border:1px solid #444444;background:rgba(68, 68, 68, 0.7);box-shadow: 8px 8px 7px 3px rgba(0, 0, 0, 0.80);}
.probox .left ul li h2{border:1px solid rgba(255, 255, 255, 0.3);display:none;position:absolute;width:100%;max-width:200px;margin:0;bottom:8px;font-size: 14px; text-align: center;background:rgba(68, 68, 68, 0.7);padding:0;height:30px;line-height:30px;color:#fff;}
.probox .left ul li:hover h2{display:block;}


.right ul{padding:20px;padding-bottom:0;}
.right ul li{margin-bottom:20px;background:rgba(68, 68, 68, 0.9);line-height:35px;border:1px solid #666666;border:1px solid rgba(120, 120, 120, 0.3);box-shadow: 8px 8px 7px 3px rgba(0, 0, 0, 0.80);}
.right ul li:hover{background:#999;background:rgba(255, 255, 255, 0.4);box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.80);}
.right ul li a{color:#fff;display:block;}

/* news_list
* --------------------------------------- */
.newsbox .left ul{overflow-x:hidden;overflow-y:auto;margin-bottom:30px;}
.newsbox .left ul li{width:96%;margin-right:20px;padding:10px;display: block;border:1px solid #444444; margin-bottom:20px;background:#999;background:rgba(68, 68, 68, 0.7);}
.newsbox .left ul li h2{color:#fff;text-align: left;font-size:18px; background: none;}
.newsbox .left ul li p{color:#fff;text-align: left;font-size:14px;}
/* content_list
* --------------------------------------- */
.contentbox .title{padding:10px 0;background:rgba(68, 68, 68, 0.6);line-height: 50px;margin-bottom:30px;box-shadow: 8px 8px 7px 3px rgba(0, 0, 0, 0.80);}
.contentbox h1{text-align: center;}
.contentbox .content{margin-bottom:30px;background:rgba(68, 68, 68, 0.4);padding:20px;}
.contentbox .content img{max-width:100%;height:auto;}
.contentbox .content p{color:#fff;text-align: left;font-size:16px;margin-top:30px;line-height:35px;padding:20px;background:rgba(68, 68, 68, 0.9);text-indent: 2em;box-shadow: 8px 8px 7px 3px rgba(0, 0, 0, 0.80);}
.listpage{margin-bottom:30px;}
.listpage>* {display:inline-block; background:rgba(255, 255, 255, 0.3); font-size: 12px; border: #444444 solid 1px; color:#fff; padding:5px 10px;}
.listpage>b{color:#f00;}

/* 友链
* --------------------------------------- */
.friendslinks {background:#e8e6e6;border-bottom:1px solid #ccc;}
.friendslinks ul{max-width:1180px;margin:0 auto;}
.friendslinks ul li {font-size:12px;line-height:40px;width:auto;margin-left:10px;float:left;}
.friendslinks ul li a{font-size:12px; }

.footer{min-height:100px;background: #e8e6e6; }
.copyright{padding:20px;}
.copyright ul li,.copyright ul li a{text-align:center; line-height:35px; font-size:12px; }

@media only screen  and (max-width: 768px){
	.nav ul .logo{display:block;width:25%;text-align: center;margin-right:0px;}
	.nav ul .logo img{width:90%;height:auto;max-width:136px;}
	.nav ul li{width:25%;float:left;display:block;text-align:center;margin-left: 0px;padding:0px; margin-top:0px;max-width:inherit; background: none;}
	.nav ul li a{font-size:14px;}
	/* Section 0
* --------------------------------------- */
	#section0 #media{height:100%;width:auto;margin-top:80px;display:none;}
	#section0 .box{width:90%;left:5%;}
	#section0 .box img{display:none;}
	#section0 .index_about{width:auto;height:50%;left:10px;right:10px;min-width:auto;} 

	/* Section 1
* --------------------------------------- */
	#section1 .wrap{ width:100%;}
	#section1 .box{width:80%;margin-left:inherit;left:5%;margin-top: inherit;top:80px;}
	#section1 .box ul li h2{display:inline;padding:inherit;}
	/*.probox{padding-left:1%;}*/
	.left{width:100%;float:none;}
	.right{width:100%;float:none;margin-top:20px;}
	.left ul li{display:inline-block;}
	.right ul li{width:48%;display:block;float:left; border:none;}
	.right ul li:nth-child(odd) {margin-right:4%;}
	.probox .left ul li{width:31.3%;margin-right:2%;}
	.probox .left ul li img{box-shadow: 4px 4px 7px 3px rgba(0, 0, 0, 0.80);}
  	.newsbox .left ul{height:auto;overflow-x:hidden;overflow-y: visible;}
}