body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,p,blockquote,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(117, 39, 115, 0.8);}
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(117, 39, 115, 0.8);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(255, 255, 255, 0.9);}
.nav .logo img{height:80px; margin-top:10px;max-width:480px;min-width:320px;}
.nav ul{position:relative;width:100%;height:100px;max-width:1200px; margin:0 auto; text-align: left;}
.nav ul div.logo{float:left;margin-right:20px;}
.nav ul div.tel{position:absolute;right:0;top:25px;float:right;max-width: 200px;}
.nav ul div.tel img{display:block;float:left;max-width:50px;height:auto;margin-top:5px;}
.nav ul div.tel a{display:block;float:left;color:red;font-size:18px; font-weight:bold;line-height:30px; text-align:right;}
.nav ul li{ display:block;float:left;max-width:120px;display:inline-block; line-height:30px;margin-left:2px;margin-top:30px;background:rgb(204, 102, 0);border-radius: 3px;cursor: pointer;font-size:14px;}
.nav ul li:hover{background: red;background: rgba(71, 60, 236, 0.71);}
.nav ul li a{display: block;height:100%;padding:10px;color:#fff;font-size:20px;}
.nav ul li:hover a{color:#fff;}
@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,.right 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";}
.right li:nth-child(1) i:before{content: "\f07a";}
.right li:nth-child(2) i:before{content: "\f001";}
.right li:nth-child(3) i:before{content: "\f164";}
.right li:nth-child(4) i:before{content: "\f0ad";}
.right li:nth-child(5) i:before{content: "\f118";}
.right li:nth-child(6) i:before{content: "\f0d1";}
.right li:nth-child(7) i:before{content: "\f0f6";}
.right li:nth-child(8) i:before{content: "\f026";}

.menu li {margin:20px; list-style:none;float:none;color: #000;background:#fff;background: rgba(106, 0, 245, 0.45);-webkit-border-radius: 10px;border-radius: 10px;}
.menu li.active{background:#666;background: rgba(40, 212, 61, 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;font-size:24px;color: #f5e403;}
.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{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(http://f.senyinpiano.com/skin/pc_m/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(117, 39, 115, 0.8);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('http://f.senyinpiano.com/skin/pc_m/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('http://f.senyinpiano.com/skin/pc_m/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('http://f.senyinpiano.com/skin/pc_m/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('http://f.senyinpiano.com/skin/pc_m/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:18%;float:right;/*background:rgba(255, 255, 255, 0.3); */ margin-right: -5%;}
.probox .left{background:rgba(255, 255, 255, 0.3);}
.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-bottom:0;}
/*.right ul li{margin-bottom:20px;background:rgba(68, 68, 68, 0.9);line-height:45px;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);font-weight:bold;}*/
.right ul li{
    margin-bottom: 20px;
    line-height: 35px;
    border: 1px solid rgba(120, 120, 120, 0.3);
    box-shadow: 8px 8px 7px 3px rgba(0, 0, 0, 0.80);
    background: rgba(106, 0, 245, 0.45);
    color: #fff;
    border-radius: 10px;
    margin: 20px 0;
	}
.right ul li:hover{background:#999;background:rgba(40, 212, 61, 0.5);}
.right ul li a{color: #f5e403;display:block;font-size: 24px;padding: 9px 18px;}
/*.right ul li:hover a{color:rgba(106, 0, 245, 0.45);}/*
/* 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-bottom:1px dashed #444444; background:#999;background:rgba(255, 255, 255, 0.6);}
.newsbox .left ul li h2{color:#222;text-align: left;font-size:18px; background: none;}
.newsbox .left ul li p{color:#222;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(208, 255, 227, 0.8);padding:20px;}
.contentbox .content img{max-width:100%;height:auto;margin-left: -2em;}
.contentbox .content p{color:#1e4005;text-align: left;font-size:16px;line-height:35px;padding:20px;/*background:rgba(93, 20, 20, 0.2);*/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(225, 225, 225, 0.4);text-align:center; font-size: 12px; border: #444444 solid 1px; color:#444; 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: 1200px){
	.nav ul div.tel{position:absolute;right:0;top:0;}
	.nav ul div.tel span{float:right;color:red;font-size:18px; font-weight:bold;line-height:30px; text-align:right;}
}

@media only screen  and (max-width: 900px){
	.nav ul li a{font-size:12px;padding:5px;}	
}

@media only screen  and (max-width: 768px){
	.nav ul div.logo{display:block;width:39%;margin-right:1%;text-align: center;margin-right:0px;}
	.nav ul div.logo img{width:90%;height:auto;max-width:auto;min-width:auto;}
	.nav ul li{width:19%;float:left;display:block;text-align:center;margin-left: 1%;padding:0px; margin-top:5px;max-width:inherit; }
	.nav ul li a{font-size:14px;}
	.nav ul div.tel{position:static;margin-top:-30px;float:left;width:39%;margin-right:1%;max-width:inherit;}
	.nav ul div.tel img{display:none;}
	.nav ul div.tel a{width:50%;display:block;float:right;color:red;font-size:14px; font-weight:bold;line-height:20px; text-align:center;} 
	.contentbox .content {    background: rgba(208, 255, 227, 0.8);}

	/* 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;}
}	
@media only screen  and (max-width: 425px){
	.nav{height:170px;}
	.wenhou{display:none;}
	.nav ul div.logo{display:block;width:100%;text-align: center;margin-right:0px;}
	.nav ul div.logo img{width:90%;max-width:288px;max-height:60px;min-width:auto;margin-top:5px;}
	.nav ul li{width:31%; float:left;display:inline-block;}
	.nav ul li:nth-child(3n+0){margin-left:2%;margin-right:2%;}
	.nav ul li a{font-size:12px;padding:0;}
	.nav ul div.tel{position:static;margin-top:0;float:left;width:100%;}
	.nav ul div.tel a{width:auto;float:right;color:red;font-size:14px;margin-top:5px; font-weight:bold;line-height:20px; text-align:right;margin-left:20px;}

}