@charset "gb2312";
/** 
   description:globalcss
   author:Ada
   date:2015.10.16
*/
/*Reset*/
html{ height:100%; font-size:62.5%;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,figcaption,figure,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1 'Microsoft YaHei','Helvetica',"Lucida Grande","Lucida Sans Unicode"}
address,cite,dfn,em,var,i{font-style:normal}
code,kbd,pre,samp,tt{font-family:"Courier New",Courier,monospace}
small{font-size:12px}
ul,ol,li{list-style:none}
a{text-decoration:none}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
q:before,q:after{content:''}
legend{color:#000}
img{border:0; display:block; width:100%;}
table{border-collapse:collapse;border-spacing:0}
hr{border:0;height:1px}
*{-ms-word-break:break-all;word-break:break-all;-ms-word-wrap:break-word;word-wrap:break-word;-webkit-tap-highlight-color:rgba(0,0,0,0)}

.clearfix {*zoom:1;}
.clearfix:after{content:"\200B";height:0;display:block;clear:both;}
.clearfix2{ zoom:1; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.hide{display:none;}

#container{ /*background:url(../img/bg_page1.jpg) no-repeat; background-size:100%; background-attachment:fixed;*/ color:#fff; position:relative;}
#container:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../img/bg_page1.jpg) center top no-repeat;
  background-size: cover;
}
.page{ overflow:hidden;}
/* page1 */
.page1{/* background:url(../img/bg_page1.jpg) center center no-repeat; background-size:100%;*/ position:relative; height:730px;}
.page1 .title_pic{ width:90%; margin:30% auto 0;}
.page1 .title{ color:#fff; position:absolute; left:50%; margin-top:10%; text-align:center;}
.page1 .title h5{ font:bold 3.2rem/5rem "Microsoft YaHei";}
.page1 .title p{ font:2rem/2.5rem "Microsoft YaHei";}

/* page2 */
figcaption{ padding:0 0.5rem; background:#3098ee; border-radius:5px; position:absolute; left:50%; transform:translate(-50%,120%); -webkit-transform:translate(-50%,120%);}
figcaption h2{ font:bold 2rem/3.5rem "Microsoft YaHei"; text-align:center;}
#gallery{ width:95%; margin:100px auto 0;}
#gallery a{ border:3px solid #275daf; border-radius:3px; margin-bottom:3%; display:block;}
#gallery p{ text-indent:2em; font-size:1.6rem; line-height:2rem;}
.swiper-button-next,.swiper-button-prev{ width:30px; height:39px; margin-top:-70px;}
.swiper-button-next{ background:url(../img/next.png) no-repeat; background-size:contain;}
.swiper-button-prev{ background:url(../img/prev.png) no-repeat; background-size:contain;}

/* page3 */
.graph{ width:65%; margin:100px auto 0; position:relative;}
.sentence{ position:absolute; font-size:1.6rem; font-weight:bold;}
.sentence1{ left:34%; top:3%;}
.sentence2{ right:40%; top:26%;}
.sentence3{ left:46%; top:59%;}
.sentence4{ right:27%; top:88%;}

/* page4 */
.tablist{ width:98%; margin:100px auto 0;}
.tablist ol{ width:100%;}
.tablist ol li{ width:24%; margin-right:1%; background:url(../img/bg_tab.png) top center no-repeat; background-size:contain; float:left; font:bold 2rem/2.8rem "Microsoft YaHei"; height:2.8rem; text-align:center;}
.tablist ol li.hover{ background:url(../img/bg_tab_hover.png) top center no-repeat; background-size:contain;}
.tablist ul li{ float:left; width:48%; margin:1%; background:url(../img/polygonborder.png) no-repeat; background-size:contain;}
.tablist ul li img{ width:88%; margin:6%;}

/* page5 */
.page5 p{ font:1.4rem/2rem "ËÎÌå"; text-indent:2em; text-align:center; margin-top:100px;}
.page5 .btns div{ display:inline-block; float:left; width:38%; margin:3% 6%; background:url(../img/bg_btn.png) center center no-repeat; background-size:contain; text-align:center; padding-bottom:1rem;}
.page5 .btns div img{ width:55px; height:55px; margin:1rem auto;}
.page5 .btns div span{ font:2rem/3rem "Microsoft YaHei"; color:#fff;}
#m_share{ width:100%;}
#m_share .tit{ display:none!important;}
#m_share .bdshare-button-style0-16 a{ float:left; width:10rem!important; height:10rem!important; margin:3% 1rem!important; border-radius:50%; background-size:50%!important; background-position:center!important; background-color:#3098EE!important;}
#m_share .bdshare-button-style0-16 .bds_tieba{ background-image:url(../img/iconfont-baidutieba.png)!important;}
#m_share .bdshare-button-style0-16 .bds_qzone{ background-image:url(../img/iconfont-qqkongjian.png)!important;}
#m_share .bdshare-button-style0-16 .bds_tsina{ background-image:url(../img/iconfont-xinlangweibo.png)!important;}
#m_share .bdshare-button-style0-16 .bds_tqq{ background-image:url(../img/iconfont-tengxunweibo.png)!important;}

/* page6 */
#SOHUCS{ margin-top:100px;}
#SOHUCS #cy-comment-list-wrapper,#SOHUCS #cy-focus-cbox{ background-color:#f3f3f3;}


.gotop{ display:none; width:4rem; height:3rem; position:absolute; bottom:0; left:50%; margin-left:-2rem; animation:gotop 0.7s ease-in infinite alternate; -moz-animation:gotop 0.7s ease-in infinite alternate; -webkit-animation:gotop 0.7s ease-in infinite alternate;}
/*@keyframes gotop { 0% { bottom:5%;} 100% { bottom:0%; }}
@-moz-keyframes gotop { 0% { bottom:5%;} 100% { bottom:0%; }}
@-webkit-keyframes gotop { 0% { bottom:5%;} 100% { bottom:0%; }}
*/


@media (max-width:1440px){
	html{ font-size:150.0%;}
	.page1 .title{ margin-left:-268.8045px;}
	.bdshare-button-style0-16 {padding-left: 5%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 8rem!important;}
}
@media (max-width:1025px){
	.bdshare-button-style0-16 {padding-left: 4%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 5.2rem!important;}
}
@media (max-width:1024px){
	html{ font-size:125.0%;}
	.page1 .title{ margin-left:-224px;}
	.bdshare-button-style0-16 {padding-left: 5%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 7rem!important;}
}
@media (max-width:960px){
	.bdshare-button-style0-16 {padding-left: 5%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 4rem!important;}
}
@media (max-width:819px){
	.bdshare-button-style0-16 {padding-left: 5%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 6rem!important;}
}
@media (max-width:640px){
	html{ font-size:100%;}
	.page1 .title{ margin-left:-179.203px;}
	.bdshare-button-style0-16 {padding-left: 5%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 4rem!important;}
}
@media (max-width:480px){
	html{ font-size:62.5%;}
	.page1 .title{ margin-left:-105px;}
	.bdshare-button-style0-16 {padding-left: 5%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 4rem!important;}
}
@media (max-width:414px){
	.bdshare-button-style0-16 {padding-left: 7%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 3rem!important;}
}
@media (max-width:404px){
	.bdshare-button-style0-16 {padding-left: 4%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 3rem!important;}
}
@media (max-width:384px){
	.bdshare-button-style0-16 {padding-left: 7%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 2rem!important;}
}
@media (max-width:375px){
	.bdshare-button-style0-16 {padding-left: 6%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 2.3rem!important;}
}
@media (max-width:360px){
	.bdshare-button-style0-16 {padding-left: 5%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 1.5rem!important;}
}
@media (max-width:320px){
	.bdshare-button-style0-16 {padding-left: 5%;}
	#m_share .bdshare-button-style0-16 a{  margin: 3% 1.3rem!important;}
}