body dl dd{margin:0;padding:0;font-family:"'Microsoft YaHei',helvetica,arial,sans-serif";}
body{width: 100%;height: 100%;top: 0;bottom: 0;position: absolute; overflow: hidden;background:url('../images/bg.jpg') repeat;}
ul li{list-style-type:none; }
p{line-height:28px;font-size:16px;text-align:justify;}
a {text-decoration:none;opacity: 0;}
a:link{color:#000;}
a:visited{color:#000;}
.loading{position:absolute;width:100%;height:100%;background:url('../images/loading.gif') no-repeat 0 0;background-size:100% 100%;}
.suggest{position:fixed;bottom:0;width:100%;color:white;font-size:12px;}
.suggest p{text-align:center;text-indent:0;}
section{position:absolute;width:100%;height:100%;background-size:100% 100%;}
.swiper-container{position:absolute;width:100%;height:100%}
.swiper-slide{position:relative;overflow:hidden}
.swiper-slide *{position:absolute;opacity:0}
.layer{width:100%;height:100%;opacity:1}
.layer div{border-radius:100%}
.active{display:block;}

.body{width: 100%;height: 100%;position: absolute;-webkit-overflow-scrolling: touch;}
/*菜单*/
.fuceng{width: 100%;height: 100%;position: absolute;left:-100%;z-index: 99;opacity: 0;}
.nav{width:55%;height:100%;background: #FFF;z-index: 100;position: absolute;left:-60%;border-right: 7px solid rgba(0, 0, 0, 0.2);-moz-background-clip: padding;-webkit-background-clip: padding;background-clip: padding-box;}
.come{animation:fadeInLeft;-webkit-animation:fadeInLeft;-moz-animation:fadeInLeft;-webkit-animation-fill-mode: both;-webkit-animation-duration: .5s;-webkit-animation-timing-function: ease;}
.come_n{animation:fadeInLeft_n;-webkit-animation:fadeInLeft_n;-moz-animation:fadeInLeft_n;-webkit-animation-fill-mode: both;-webkit-animation-delay: .2s;-webkit-animation-duration: .6s;-webkit-animation-timing-function: ease;}
.come_n1{animation:fadeInLeft_n;-webkit-animation:fadeInLeft_n;-moz-animation:fadeInLeft_n;-webkit-animation-fill-mode: both;-webkit-animation-delay: .2s;-webkit-animation-duration: .6s;-webkit-animation-timing-function: ease;}
.come_n2{animation:fadeInLeft_n;-webkit-animation:fadeInLeft_n;-moz-animation:fadeInLeft_n;-webkit-animation-fill-mode: both;-webkit-animation-delay: .3s;-webkit-animation-duration: .6s;-webkit-animation-timing-function: ease;}
.come_n3{animation:fadeInLeft_n;-webkit-animation:fadeInLeft_n;-moz-animation:fadeInLeft_n;-webkit-animation-fill-mode: both;-webkit-animation-delay: .4s;-webkit-animation-duration: .6s;-webkit-animation-timing-function: ease;}
.come_n4{animation:fadeInLeft_n;-webkit-animation:fadeInLeft_n;-moz-animation:fadeInLeft_n;-webkit-animation-fill-mode: both;-webkit-animation-delay: .5s;-webkit-animation-duration: .6s;-webkit-animation-timing-function: ease;}
.come_n5{animation:fadeInLeft_n;-webkit-animation:fadeInLeft_n;-moz-animation:fadeInLeft_n;-webkit-animation-fill-mode: both;-webkit-animation-delay: .6s;-webkit-animation-duration: .6s;-webkit-animation-timing-function: ease;}
.come_n6{animation:fadeInLeft_n;-webkit-animation:fadeInLeft_n;-moz-animation:fadeInLeft_n;-webkit-animation-fill-mode: both;-webkit-animation-delay: .7s;-webkit-animation-duration: .6s;-webkit-animation-timing-function: ease;}
.come_n9{animation:fadeInLeft_n;-webkit-animation:fadeInLeft_n;-moz-animation:fadeInLeft_n;-webkit-animation-fill-mode: both;-webkit-animation-delay: .8s;-webkit-animation-duration: .6s;-webkit-animation-timing-function: ease;}
.come_n7{animation:fadeInLeft_n;-webkit-animation:fadeInLeft_n;-moz-animation:fadeInLeft_n;-webkit-animation-fill-mode: both;-webkit-animation-delay: .9s;-webkit-animation-duration: .6s;-webkit-animation-timing-function: ease;}
.come_n8{animation:fadeInLeft_n;-webkit-animation:fadeInLeft_n;-moz-animation:fadeInLeft_n;-webkit-animation-fill-mode: both;-webkit-animation-delay: 1s;-webkit-animation-duration: .6s;-webkit-animation-timing-function: ease;}
.back{animation:fadeInRight;-webkit-animation:fadeInRight;-moz-animation:fadeInRight;-webkit-animation-fill-mode: both;-webkit-animation-duration: .5s;-webkit-animation-timing-function: ease;-webkit-animation-delay: .1s;}
.back_n{animation:fadeInRight_n;-webkit-animation:fadeInRight_n;-moz-animation:fadeInRight_n;-webkit-animation-fill-mode: both;-webkit-animation-duration: 1s;-webkit-animation-timing-function: ease;}
#back{width: 20%;margin-top:4%;margin-left: 15px;padding: 10px;}
#back img{width: 32%;}
.back_b{animation:hand;-webkit-animation:hand;-moz-animation:hand;-webkit-animation-fill-mode: both;-webkit-animation-duration: 1s;-webkit-animation-timing-function: ease;}
.nav hr{color: #c6c6c6;width: 80%;}
.nav_list1,.nav_list2,.nav_list3,.nav_list4,.nav_list5,.nav_list6,.nav_list8,.nav_list9{width: 86%;margin: 7% 0 7% 7%;padding-bottom: 7%;position: relative;left:-100%;border-bottom: 1px solid #f0f0f0;}
.nav_list7{width: 86%;position: relative;left:-100%;top:5%;margin: 0 0 22% 7%;padding-bottom: 7%;left:-100%;border-bottom: 1px solid #f0f0f0;}
.nav_list1 span,.nav_list2 span,.nav_list3 span,.nav_list4 span,.nav_list5 span,.nav_list6 span,.nav_list7 span,.nav_list8 span,.nav_list9 span{position: absolute;top: 1%;margin-left: 40px;}
.nav_1{background: #606060;width: 4px;height: 16px;position: absolute;top:1%;left:14%;}
.nav_2{background: #febf00;width: 4px;height: 16px;position: absolute;top:1%;left:14%;}
.nav_3{background: #00a9d4;width: 4px;height: 16px;position: absolute;top:1%;left:14%;}
.nav_4{background: #8d8bd6;width: 4px;height: 16px;position: absolute;top:1%;left:14%;}
.nav_5{background: #00d7c5;width: 4px;height: 16px;position: absolute;top:1%;left:14%;}
.nav_6{background: #fc4932;width: 4px;height: 16px;position: absolute;top:1%;left:14%;}
.nav_9{background: #36c3df;width: 4px;height: 16px;position: absolute;top:1%;left:14%;}
.nav_7{position: absolute;top:1%;left:12%;height: 20%;}
.select{margin-top: 8%;margin-left: 8%;}
.nav_8{position: absolute;top:1%;left:12.5%;height: 42%;}
.select{width: 80%;height:1%;background: url(../images/select.png) no-repeat;background-size: 100% 100%;padding:1px 3px;}
#select{width: 100%;height: 100%;border: 1px solid white;}
/*菜单*/
/*封面*/
.cover{width: 100%;height:100%;position: absolute;display: none;top:0%;z-index: 999;}
.fadeInRight{animation:fadeInRight1;-webkit-animation:fadeInRight1;-moz-animation:fadeInRight1;-webkit-animation-fill-mode: both;-webkit-animation-delay: .4s;-webkit-animation-duration: 1s;-webkit-animation-timing-function: ease;}
.fm1{position: absolute;width: 100%;height: 100%;display: none;overflow: hidden;}
.fm2{position: absolute;width: 100%;height: 100%;opacity: 0;}
.fm3{position: absolute;width: 100%;height: 100%;}
.fm1 img,.fm2 img,.fm3 img{width: 100%;height: 100%;}
.up{animation:up;-webkit-animation:up;-moz-animation:up;-webkit-animation-fill-mode: both;-webkit-animation-duration: .6s;-webkit-animation-timing-function: ease;}
.up1{animation:up1;-webkit-animation:up1;-moz-animation:up1;-webkit-animation-fill-mode: both;-webkit-animation-duration: 1s;-webkit-animation-timing-function: ease ;-webkit-animation-iteration-count:infinite;}
/*封面*/
/*列表*/
.list{width: 100%;position: absolute;height: 100%;display: none;overflow: scroll;}
.news_list{top:8%;position: absolute;}
img{vertical-align:middle;}
.bg{display: none;height:10%;width:100%;background:url(../images/logo1.jpg) center top no-repeat;background-size:100% 100%;position:fixed;top:0px;z-index: 10;}
.bg1{display: none;height:7%;width:100%;background:url(../images/logo.jpg) center top no-repeat;background-size:100% 100%;position:fixed;top:0px;z-index: 10;}
.menu{width: 7.5%;margin-left:3%;line-height:7%;}
.menu1{width: 7.5%;margin-left:3%;line-height:7%;opacity: 0;}
.menu img{width:100%;margin-top:60%;}
.menu_b{animation:hand;-webkit-animation:hand;-moz-animation:hand;-webkit-animation-fill-mode: both;-webkit-animation-delay: .1s;-webkit-animation-duration: 1s;-webkit-animation-timing-function: ease;}
.news_list{width: 100%;}
.news_list dt{width: 100%;border-top:1px solid #ccc;border-bottom:1px solid #dcdcdc;padding:10px 0px;}
.news_list dt img{width:10%;margin-left:3%;}
.news_list dt span{float: right;margin-right:3%;display:inline;color:#9f9f9f;}
.news_list dd{width:94%;position: relative;margin-top:4%;left:3%;}
.news_list dd img{width:100%;}
.news_list dd h2{position: relative;margin: 2% 0;}
.news_list dd span{width:76%;color:#686868;font-size:0.8em;font-weight:700;line-height:1.1em;padding:8px 0px 2px 0px;display:block;/* white-space:nowrap; */overflow:hidden; text-overflow:ellipsis;}
.news_list .type_img{width:18%;position: absolute;top:25%;right: 0;}
.news_list dd p{width:95%;height: 3em;margin-top: 0;color:#979797;padding-right:1.5em;font-family: Microsoft YaHei;font-size:0.9em;font-weight:normal;line-height:1.2em;background:url(../images/arrow.png) right 0.7em no-repeat;background-size: 3% 50%;}
/*问科学*/
.ask{width: 100%;height: 100%;}
.ask_science{border-top:6px solid #dcdcdc;padding-top:20px;margin-top:15px;position: absolute;}
.ask_science img{width:94%;margin-left:3%;}
.ask_science h2{padding:30px 3% 10px 3%;text-align:center;color:#767676;font-size:1.3em;font-weight:700;line-height:1.3em;}
.ask_science p{color:#979797;font-family: Microsoft YaHei;font-size:0.9em;font-weight:normal;line-height:1.4em;padding:0 3%;}
.review{text-align:center;position: absolute;width: 100%;bottom: -15%;}
.review img{width:28%;margin:0px auto;margin:30px 0px;}

.ask_list{padding-top:60px;}
.ask_list dd{width:94%;margin:0px auto;margin-top:15px;margin-bottom:25px;}
.ask_list dd img{width:100%;}
.ask_list dd h2{color:#686868;font-size:1.1em;font-weight:700;line-height:1.4em;padding:13px 0px 2px 0px;}
.ask_list dd p{color:#979797;font-family: Microsoft YaHei;font-size:0.9em;font-weight:normal;line-height:1.4em;}


.ask_science1{border-top:5px solid #dcdcdc;padding-top:25px;}
.ask_science1 h5{padding:0px 3% 10px 3%;text-align:center;color:#767676;font-size:1.1em;font-weight:700;line-height:1.4em;}
.ask_science1 p{color:#979797;font-family: Microsoft YaHei;font-size:0.9em;font-weight:normal;line-height:1.4em;padding:0 3%;}

.reply{border-top:5px solid #dcdcdc;padding:20px 0px;}
.reply .touxiang{width:100px;float:left;height:auto;margin-left:3%;display:inline;margin-right:3%;}
.reply .touxiang img{width:100px;height:100px;border-radius:100px;-moz-border-radius: 100px;-webkit-border-radius:100px;}
.reply .jieshao{margin:0px 3% 0px 6%;padding-left:100px;}
.reply .jieshao h2{font-family:"Microsoft YaHei";font-size:1.2em;font-weight:500;color:#767676;}
.reply .jieshao h2 span{font-weight:400;font-size:0.9em;color:#a6a6a6;display:inline-block;height:0.9em;line-height:0.9em;border-left:1px solid #dcdcdc;padding:0px 6px;margin-left:5px;}
.reply .jieshao h2 > span:first-child{margin-left:12px;}
.reply .jieshao p{color:#979797;font-family: Microsoft YaHei;font-size:0.9em;font-weight:normal;line-height:1.4em;margin-top:8px;}
.reply .zan{margin-top:10px;}
.reply .zan img{width:90px;height:90px;}
.reply .zan h6{font-size:0.8em;color:#979797;width:90px;text-align:center;line-height:1.6em;font-weight:normal;}
/*问科学*/

/*关于我们*/
.about{display: none;width: 100%;height: 100%;}
/*关于我们*/



/*@keyframes loading_pic {
	0%{background-image:url('../images/loading1.png');}
	50%{background-image:url('../images/loading2.png');}
	100%{background-image:url('../images/loading1.png');}
}

@keyframes loop_pic
{
    0%{background-image: url("../images/00.jpg")}
	25%{background-image: url("../images/01.jpg")}
	50%{background-image: url("../images/02.jpg")}
	75%{background-image: url("../images/03.jpg")}
	100%{background-image: url("../images/00.jpg")}
}

@-moz-keyframes loop_pic 

{
    0%{background-image: url("../images/00.jpg")}
	25%{background-image: url("../images/01.jpg")}
	50%{background-image: url("../images/02.jpg")}
	75%{background-image: url("../images/03.jpg")}
	100%{background-image: url("../images/00.jpg")}
}

@-webkit-keyframes loop_pic 

{
    0%{background-image: url("../images/00.jpg")}
	25%{background-image: url("../images/01.jpg")}
	50%{background-image: url("../images/02.jpg")}
	75%{background-image: url("../images/03.jpg")}
	100%{background-image: url("../images/00.jpg")}
}*/

@keyframes fadeInRight1
{
    0%{opacity:0;-webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-moz-keyframes fadeInRight1 /* Firefox */
{
    0%{opacity:0;-webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@-webkit-keyframes fadeInRight1 /* Safari 和 Chrome */
{
    0%{opacity:0;-webkit-transform:translate3d(40%,0,0);transform:translate3d(40%,0,0)}
    100%{opacity:1;-webkit-transform:none;transform:none}
}

@keyframes hand
{
	0%{opacity:1;}
    50%{opacity:0;}
    100%{opacity:1;}
}

@-moz-keyframes hand /* Firefox */
{
	0%{opacity:1;}
    50%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes hand /* Safari ºÍ Chrome */
{
    0%{opacity:1;}
    50%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes fadeInLeft{from{left:-60%;}to{left:0;}}
@-moz-keyframes fadeInLeft{from{left:-60%;}to{left:0;}}
@keyframes fadeInLeft{from{left:-60%;}to{left:0;}}

@-webkit-keyframes fadeInLeft_n{from{left:-100%;}to{left:0;}}
@-moz-keyframes fadeInLeft_n{from{left:-100%;}to{left:0;}}
@keyframes fadeInLeft_n{from{left:-100%;}to{left:0;}}

@-webkit-keyframes fadeInRight{from{left:0%;}to{left:-60%;}}
@-moz-keyframes fadeInRight{from{left:0%;}to{left:-60%;}}
@keyframes fadeInRight{from{left:0%;}to{left:-60%;}}

@-webkit-keyframes fadeInRight_n{from{left:0%;}to{left:-100%;}}
@-moz-keyframes fadeInRight_n{from{left:0%;}to{left:-100%;}}
@keyframes fadeInRight_n{from{left:0%;}to{left:-100%;}}

@-webkit-keyframes up{from{top:0%;}to{top:-100%;}}
@-moz-keyframes up{from{top:0%;}to{top:-100%;}}
@keyframes up{from{top:0%;}to{top:-100%;}}

@-webkit-keyframes up1{0%{opacity:1;bottom:0;}90%{opacity:1;bottom:2%;}100%{opacity:1;bottom:0;}}
@-moz-keyframes up1{0%{opacity:1;bottom:0;}90%{opacity:1;bottom:2%;}100%{opacity:1;bottom:0;}}
@keyframes up1{0%{opacity:1;bottom:0;}90%{opacity:1;bottom:2%;}100%{opacity:1;bottom:0;}}
