@import "c.css";
*{padding:0; margin:0; outline:none;}
body, .onepage-wrapper, html {display:block;width:100%;height:100%; font-family:"微软雅黑","黑体"; font-size:16px;}
img{border:none; max-width:100%;}
ul,li{list-style:none;}
a{text-decoration:none;}
a{color:#00a0e9;}
a:hover{text-decoration:underline;}
.contentbox{width:1200px; margin:0 auto; background:rgba(255,255,255,.7); overflow:auto;}
.padding80{padding:80px 80px 50px 80px;}
.font14{font-size:14px;}
.main{height:100%;}
.title{margin:0 auto; width:100%; margin-top:50px; text-align:center;}
.page{ width:100%; position:relative;}
.page1{height:100%; background:url(../images/bg.jpg) no-repeat top center; background-attachment:fixed;}
.autopage{height:auto;}
.index{background:rgba(29,30,34,.8);height:100%; width:100%; overflow:hidden;}
.index h1{line-height:5000px;}
.index .logo{position:absolute; left:50%; top:50%; margin-left:-100px; margin-top:-107px;}
.index .goto_nav{position:absolute; bottom:50px; left:50%; width:41px; height:43px; background:url(../images/gotonav.png) no-repeat; z-index:1; margin-left:-20px;}

.navbox{width:100%; padding:50px 0; overflow:auto;}
.video,.nav{width:50%; float:left; overflow:hidden;}
.video embed,#youkuplayer{margin:0 auto; display:block; height:356px; width:90%;}
.nav a{width:108px; height:118px; float:left; background:url(../images/nav.png) no-repeat 0 0; overflow:hidden; margin:30px 35px;}
.nav .nav1{background-position:0 0;}
.nav .nav2{background-position:-108px 0;}
.nav .nav3{background-position:-216px 0;}
.nav .nav4{background-position:-324px 0;}
.nav .nav5{background-position:-432px 0;}
.nav .nav6{background-position:-540px 0;}
.nav .nav1:hover{background-position:0 -119px;}
.nav .nav2:hover{background-position:-108px -119px;}
.nav .nav3:hover{background-position:-216px -119px;}
.nav .nav4:hover{background-position:-324px -119px;}
.nav .nav5:hover{background-position:-432px -119px;}
.nav .nav6:hover{background-position:-540px -119px;}
@media screen and (max-width:480px){
.contentbox{width:100%;}
.padding80{padding:40px 20px 20px 20px;}
.video,.nav{width:100%; float:none;}
.nav {width:325px; margin:20px auto;}
.nav a{margin:0px;}
.title{margin-top:20px;}
.navbox{padding:20px 0;}
#youkuplayer{height:260px;}
}

.aboutlist{overflow:auto;}
.aboutlist .option{width:250px; float:left; height:250px; background:#5bb1e5; margin:0 1px; text-align:center; color:#fff;}
.aboutlist .option .icon{background:url(../images/about_icon.png) no-repeat top center; height:50px; margin-top:50px;}
.aboutlist .option .icon2{background-position:center -78px;}
.aboutlist .option .icon3{background-position:center -153px;}
.aboutlist .option .icon4{background-position:center -230px;}
.abouttext{padding:0px 80px 40px 80px; line-height:25px; color:#666;}
.abouttext p{margin-top:25px;}

@media screen and (max-width:480px){
.aboutlist .option{width:48%; margin-top:2px;}
.abouttext{padding:20px;}
}


.timeline{position:relative; padding:50px 0; margin-top:80px; margin-bottom:80px;}
.timeline::before{content:''; position:absolute; top:0; left:50px; height:100%; width:4px; background:#5bb1e5;}
@media only screen and (min-width:800px) {
.timeline::before {left:50%; margin-left:-2px;}
}

.timeline .option {position:relative;margin:20px 0;}
.timeline .option:after {content:"";display:table;clear:both;}
.timeline .option:first-child {margin-top:0;}
.timeline .option:last-child {margin-bottom:0;}

@media only screen and (min-width:800px) {
.timeline .option {margin:20px 0;}
.timeline .option:first-child {margin-top:0;}
.timeline .option:last-child {margin-bottom:0;}
}

.timeline .year{ position:absolute; top:0; left:20px; width:60px; height:60px; border-radius:50%; box-shadow:0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); background:#5bb1e5; line-height:55px; text-align:center; color:#fff;}
.timeline .year.hidden {visibility:hidden;}

@media only screen and (min-width:800px) {
.timeline .year { width:60px; height:60px; left:50%; margin-left:-30px; }
}
.timeline .text { position:relative; margin-left:90px; padding:10px; color:#555;}
.timeline .text .case{font-size:20px; font-weight:bold;}
.timeline .text .desc{font-size:12px;}
.timeline .text::after { content:""; display:table; clear:both; }
.timeline .text::before { content:''; position:absolute; top:15px; right:100%; height:0; width:0; border:7px solid transparent; border-right:7px solid #8f9095; }
@media only screen and (min-width:800px) {
.timeline .text { margin-left:0; padding:10px; width:42%; text-align:right;}
.timeline .text::before { top:16px; left:100%; border-color:transparent; border-left-color:#8f9095; }
.timeline .option:nth-child(even) .text { float:right; text-align:left;}
.timeline .option:nth-child(even) .text::before { top:16px; left:auto; right:100%; border-color:transparent; border-right-color:#8f9095;}
}

.items .option{overflow:auto; margin:80px 0 0 0;}
.items .option:first-child{margin-top:0;}
.items .option .pic{float:left; width:400px;}
.items .option .name{font-size:18px; max-height:50px; overflow:hidden; line-height:25px;}
.items .option .name a{color:#555; text-decoration:none;}
.items .option .name a span{color:#999; margin-left:10px;}
.items .option .name a:hover{color:#000;}
.items .option .desc{font-size:14px; line-height:25px; color:#666; padding-top:10px;}
.items .option .desc:last-child{padding-top:10px;}
.items .option .desc a{color:#09f; word-break:break-all}
.items .option .more{width:116px; height:43px; background:url(../images/more.png) no-repeat 0 0; float:left; overflow:hidden; line-height:43px; text-indent:24px; margin-top:10px;}
.items .option .more a{color:#fff;}

@media screen and (max-width:480px){
.items .option{overflow:auto; margin:40px 0 0 0;}
.items .option .pic{float:none; width:100%;}
.items .option .info{margin-top:10px;}
}

.pages{font-size:14px; color:#666; line-height:25px; padding-top:0;}
.pages input{border:#ddd 1px solid; width:30px;}
.pages a{color:#666; border:#ddd 1px solid; text-align:center; text-decoration:none; padding:5px 8px; font-weight:100;}
.pages a:hover{ background:#09f; color:#fff; border:none; border:#09f 1px solid;}

.article .tit{font-size:20px; color:#555; font-weight:bold;}
.article p{color:#666; margin-top:25px; line-height:25px; overflow:auto;}
.article .fimg .left{width:318px; float:left; margin-right:50px;}
.article .fimg2 .left{width:551px; float:left; margin-right:45px;}
.article .fimg2 .right{display:block; padding-bottom:60px;}

@media screen and (max-width:480px){
.article .fimg .left{width:100%; margin-right:0px;}
.article .fimg .right img{margin-top:38px;}
.article .fimg2 .left{width:100%; float:none;}
.article .fimg2 .right{padding-bottom:10px;}
}

.contactlist{width:750px; margin:0 auto; overflow:auto;}
.contactlist .option{float:left; width:150px; overflow:hidden; color:#666; text-align:center;}
.contactlist .option .icon{width:100px; height:100px; border-radius:50%; color:#fff; background:url(../images/contact.png) no-repeat 35px center #09f; margin:0 auto;}
.contactlist .option .icon2{background-position:-130px center;}
.contactlist .option .icon3{background-position:-295px center;}
.contactlist .option .icon4{background-position:-463px center;}
.contactlist .option .icon5{background-position:-625px center;}
.qrcode{text-align:center; padding:20px 0 50px 0;}
.address{text-align:center; padding:50px; width:836px; margin:0 auto;}
.address .adr{color:#666; text-align:left; padding-top:10px;}
.address .adr span{font-weight:bold;}

.cp{background:#333; color:#fff; text-align:center; line-height:40px;}

.fontstyle1{font-size:38px; font-family:Arial; font-weight:bold; padding-bottom:10px; height:55px; overflow:hidden;}
.fontstyle2{font-weight:100; color:#555;}
.fontstyle3{border:#7b7c83 2px solid; display:inline; padding:3px 20px; font-weight:100; color:#7b7c83;}
.fontstyle4{font-size:30px; margin-top:16px; font-weight:bold;}
.fontstyle5{font-size:12px; margin-top:20px;}
.fontstyle6{margin-top:20px; font-weight:bold; color:#333;}
.fontstyle7{margin-top:10px; font-size:14px;}
.fontstyle8{font-family:Arial; font-size:30px; text-align:center; color:#777; width:150px; margin:0 auto; border-top:#aaa 1px solid; padding-top:10px;}

.navview{position:fixed; left:10px; top:50%; height:250px; margin-top:-125px; display:none;}
.navview li{overflow:auto; margin:10px; height:30px;}
.navview li .icon{background:#add8f2; float:left; border-radius:50%; width:10px; height:10px; margin:8px 0 0 5px;}
.navview li .text{display:none;}
.navview li.cur .icon,.navview li:hover .icon{background:none;border-radius:50%; box-shadow:0 0 0 4px #5bb1e5, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); width:10px; height:10px; float:left; margin:9px 0 0 5px;}
.navview li.cur .text,.navview li:hover .text{float:left; margin-left:20px; background:#5bb1e5; color:#fff; border-radius:3px; padding:2px 8px; display:inline; font-size:14px;}

@media screen and (max-width:480px){
.fontstyle1{font-size:25px; height:35px;}
.fontstyle3{font-size:20px;}
.contactlist{width:100%; padding:0;}
.contactlist .option{float:none; width:100%; margin:0; padding:20px 0 0 20px; text-align:left; overflow:hidden; box-sizing:border-box;}
.contactlist .option .icon{float:left; margin-right:20px; width:80px; height:80px;}
.contactlist .option .icon1{background-position:25px center;}
.contactlist .option .icon2{background-position:-139px center;}
.contactlist .option .icon3{background-position:-304px center;}
.contactlist .option .icon4{background-position:-470px center;}
.contactlist .option .icon5{background-position:-634px center;}
.address{width:90%; padding:20px 0;}
}