/*全局*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,header,footer,section,aside,article{padding:0;margin:0}
body { background:#e0e0e0; font-size:12px; font-family:"Microsoft YaHei",Tahoma,SimSun,Verdana;}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
abbr,acronym,img,input{border:0}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
ul,ol,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0}
.fr{float:right;}
.fl{float:left;}
.disb{display:block;}
.hid{display:none;}
.disib{display:inline-block;*display:inline;*zoom:1;}
a{color:#666; text-decoration:none} 
a:hover{color:#000; text-decoration: none; }
a:focus,input:focus{outline:0}
img{border:0;vertical-align:top; }
.clr { clear: both; }

.mainboxtop{margin: 0 auto;width: 100%; margin-top:-10px; position:relative; z-index:10; min-width:1200px; }
.mainbox{margin: 0 auto; width: 1200px;height: 100%;position: relative; min-width:1200px; }


/*公司名称*/
.companyname {  width: 100%; height:80px; }
.companyname h1 { text-align: left; line-height: 80px; font-size: 32px; }
/*网站导航*/
#nav{ height: 43px; width: 800px; float: left; border-left: 1px solid #ccc; }
#nav ul li { width: 120px; height: 42px; line-height: 42px; float: left; text-align: center; border-top: 1px solid #ccc; border-right: 1px solid #ccc; background: #fff; }
#nav ul li a { width: 120px; height: 42px; line-height: 42px; display: block; font-size: 16px; }
#nav ul li a:hover { background: #f6f6f6;}
#nav ul li a.current { background: #222; color: #ddd;}
/*注册登陆*/
#reglogin { height: 43px; width: 300px; float: right; font-size: 14px; }
#reglogin a { width: 80px; height: 32px; line-height: 32px; display: block; float: right; border-radius: 4px; text-align: center; background: #333; color: #999; margin: 5px 0 0 10px; }
#reglogin a:hover{ background: #111; color: #fff; }
/*banner*/
.banner { height: 300px; width: 100%; background: url("../images/img-banner.jpg")/*tpa=http://www.sfst8.com/images/img-banner.jpg*/ no-repeat center top; margin-bottom: 15px; min-width:1200px; }
.banner h2 { font-size: 32px; width: 100%; display: block;  text-align: right; color: #fff; padding: 80px 0 0; font-weight: normal; }
.banner p {  text-align: right; color: #fff; font-size: 46px; }
.banner2 { height: 250px; width: 100%; background: url("../images/img-banner2.jpg")/*tpa=http://www.sfst8.com/images/img-banner2.jpg*/ no-repeat center bottom; margin-bottom: 15px; min-width:1200px; }
.banner2 h2 { font-size: 26px; display: block;  text-align: right; color: #fff; padding: 30px 0 0; margin: 0 50px 0 0; font-weight: normal; }
.banner2 p {  text-align: right; color: #fff; font-size: 36px; margin: 0 50px 0 0; }

/*首页下载*/
.downbox { width: 380px; height: 250px; background: #999; float: left; text-align: center; }
.downbox .down { width: 190px; height: 170px; float: left; background: url("../images/bg-down.jpg")/*tpa=http://www.sfst8.com/images/bg-down.jpg*/ no-repeat left top;}
.downbox .chongzhi { width: 190px; height: 170px; float: left; background: url("../images/bg-down.jpg")/*tpa=http://www.sfst8.com/images/bg-down.jpg*/ no-repeat -190px top;}
.downbox .jianhu { width: 380px; height: 80px; line-height: 78px; float: left; background:url("../images/bg-btn380x80.jpg")/*tpa=http://www.sfst8.com/images/bg-btn380x80.jpg*/ no-repeat; }
.downbox .jianhu a { color: #290819; text-shadow: 1px 1px 2px #faf2aa; font-size: 24px; font-weight: bold; }
.downbox .jianhu a:hover { color: #111; }
.downbox .down a,.downbox .chongzhi a { width: 190px; height: 80px; padding: 90px 0 0; display: block; color: #fff; font-size: 24px; }
.downbox .down a { background: url("../images/icon-xiazai.png")/*tpa=http://www.sfst8.com/images/icon-xiazai.png*/ no-repeat center 40px; }
.downbox .chongzhi a { background: url("../images/icon-chongzhi.png")/*tpa=http://www.sfst8.com/images/icon-chongzhi.png*/ no-repeat center 40px; }
.downbox .down a:hover,.downbox .chongzhi a:hover { text-shadow: 1px 1px 5px #333;}

/*首页游戏*/
.jieshao { width: 820px; height: 250px; float: right; background: #fff; position: relative; margin: 0 0 15px; }
.title-jieshao { width:82px; height: 190px; background: #fff url("../images/title-jieshao.png")/*tpa=http://www.sfst8.com/images/title-jieshao.png*/ no-repeat center top; position: absolute; top: 15px; right:70px; font-family: "宋体";
	font-weight: 900;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr;
	line-height: 82px;
	padding-top: 33px;
	font-size: 32px;
	letter-spacing: 8px;}
.newslist { width: 610px; float: left; margin: 20px 0 0 20px; }
.newslist li { height: 34px; line-height: 34px; text-align: left; font-size: 14px; }
.newslist li a { color: #333; display: block; height: 34px; width: 580px; border-radius: 34px; padding: 0 0 0 20px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; }
.newslist li a:hover { color: #4383b8; background:#f6f6f6; animation-name:dmyani; animation-duration:1s;}
@keyframes dmyani {
	0%{ margin-left:5px;}
	}
/*首页简介*/
.homeabout { width: 320px; height: 230px; padding: 20px 30px 0; background: url("../images/bg-homeabout.jpg")/*tpa=http://www.sfst8.com/images/bg-homeabout.jpg*/ no-repeat center top; float: left; }
.homeabout p { color: #a7b8ce; font-size: 14px; text-indent: 32px; line-height: 30px; margin: 10px 0;}
.homeabout b { color: #fff;}

/*首页焦点图*/
.focus { width: 820px; height: 250px; background-color: green; float: right; margin: 0 0 20px; }
.swiper-container{position:relative;width:820px;height:250px;overflow:hidden}
.swiper-wrapper{position:absolute;left:0;height:100%}.swiper-wrapper-transition{transition:all .8s ease 0s}
.swiper-item{display:inline-block;width:100%;height:100%;float:left}
.swiper-item img { width: 820px; height: 250px; }
.swiper-btn-group{position:absolute;left:0;top:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}
.swiper-btn-group_prev,.swiper-btn-group_next{position:relative;width:50px;height:50px;margin:10px;border-radius:50%;transition:background-color .2s;cursor:pointer}
.swiper-btn-group_prev:hover,.swiper-btn-group_next:hover{background-color:rgba(255,255,255,.1)}
.swiper-btn-group_prev::before,.swiper-btn-group_next::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-30%,-50%) rotate(45deg);width:15px;height:15px;border-color:#fff;border-style:solid}
.swiper-btn-group_prev::before{border-width:0 0 2px 2px}
.swiper-btn-group_next::before{border-width:2px 2px 0 0;transform:translate(-70%,-50%) rotate(45deg)}
.swiper-pagination{position:absolute;left:0;bottom:10px;display:flex;justify-content:center;align-items:center;width:820px;height:20px}
.swiper-pagination-item{width:10px;height:10px;border-radius:50%;background-color:rgba(255,255,255,0.45);transition:all .3s}
.swiper-pagination-item:not(:last-child){margin-right:10px}
.swiper-pagination-item_active{width:30px;border-radius:5px;background-color:rgba(255,255,255,0.85)}


/*关于我们*/
.about { width: 100%; height: 100%; margin: 10px 0 50px; clear: both; }
.aboutmain { display: block; height: 100%; clear: both; position: relative; background: #fff url("../images/about-sidenavbg.jpg")/*tpa=http://www.sfst8.com/images/about-sidenavbg.jpg*/ repeat-y left; border-radius: 8px; margin-bottom: 30px; }

/*内页左侧菜单*/
.sidenav { width: 180px; padding: 20px 10px; float: left;}
.sidenav a { display: block; line-height: 46px; background-color: #fff; border-left: 3px solid #666; font-size: 16px; padding-left: 15px; margin-bottom: 10px; 
	box-shadow: 2px 2px 3px #ccc;}
.sidenav a:hover{ color:#fff; background-color: #222; }
.sidenav a.current { color:red;  font-weight: bold; border-left: 3px solid red; }
.sidenav i { width: 40px; height: 40px; float: left; margin: 3px 12px 0 0; background: url("../images/payIcon.png")/*tpa=http://www.sfst8.com/images/payIcon.png*/ no-repeat; }
.sidenav i.alipay { background-position: 0 -80px;}
.sidenav i.wxpay { background-position: 0 0;}
.sidenav i.bankpay { background-position: 0 -40px;}

/*内页框架*/
.cntbox { width: 940px; padding: 20px 30px 40px; float: right; }
.cntbox h3 { font-size: 34px; line-height: 34px; width: 100%; display: block; text-align: left; color:#000; margin: 10px 0 15px; padding-bottom: 20px; font-weight: normal; border-bottom: 1px solid #ddd; }
.cntbox .text,.cntbox .contact { padding: 10px; }
.cntbox .text p { font-size: 14px; line-height: 32px; text-indent: 28px; margin: 5px 0; }
.cntbox .text p.key { color:red; font-weight: 14px; margin-bottom: 30px; }
.cntbox .text p.step { font-size: 20px; font-weight: bold; margin: 10px 0; }
.cntbox .text p.tit { font-size: 16px; text-align: center; font-weight: bold; line-height: 26px;}
.cntbox .text p.time { text-align: right;}
.cntbox .contact p { font-size: 20px; line-height: 42px; margin: 0 0 10px; }

.stepthree { margin: 15px 0; height: 50px; }
.stepthree a { height: 40px; line-height: 40px; width: 285px; font-size: 16px; margin: 0 15px 0 0; float: left; display: block; border: 1px solid #ccc; background: #eee; text-align: center; color:#000; }
.stepthree a.current { background: #333; color:#fff; border: 1px solid #333; font-weight: bold; }

.imgcenter { text-align: center; margin: 0 0 20px; }
.cntbox .xiazai { margin: 15px 0; }
.cntbox .xiazai a { display: block; height: 36px; width: 160px; line-height: 36px; font-size: 16px; margin-left: 40%; text-align: center; background: red; color: #fff; border-radius: 6px; }
.cntbox .xiazai a:hover { background-color: #000;}

/* 注册登陆 */
.intxt {
    padding: 4px 5px;
    border: 1px solid #ddd;
    width: 320px;
    color: #666;
}
.login_sidebar {
    height: 146px;
    width: 300px;
    margin-right: 98px;
    margin-top: 30px;
    background: url("../images/pe_bg.jpg")/*tpa=http://www.sfst8.com/images/pe_bg.jpg*/ no-repeat left;
	display: inline;
	line-height: 30px;
}
.tishi { line-height: 20px; font-size: 14px;  }
.tishi p { margin: 0 0 10px; color: #555;}
.tishi p.red { color: red;}


/* 内页新闻列表 */
#newslist ul li { height: 36px; line-height: 36px; width: 900px; padding: 10px; border-bottom:1px solid #e6e6e6; }
#newslist ul li:hover { background-color: #f6f6f6;}
#newslist ul li a { width: 700px; height: 36px; display: block; float: left; text-align: left; font-size: 16px; color:#333; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
#newslist ul li a:hover { color:#4383b8; }
#newslist ul li span { width: 160px; display: block; float: left; text-align: right; font-size: 14px; color:#a5b8c6; }
#page { padding: 40px 20px 30px; float: right;}
#page a { float: left; width: 36px; height: 36px; display: block; line-height: 36px; font-size: 14px; background: #f0f6fa; border:1px solid #a5b8c6; text-align: center; margin: 0 8px 0 0; cursor: pointer; }
#page a.pn-first,#page a.pn-last { width: 60px;}
#page a.pn-prev,#page a.pn-next { width: 80px;}
#page a:hover { background: #fff; color:#4383b8; }
#page b { float: left; height: 36px; line-height: 36px; padding: 0 14px; margin-right: 5px; font-size: 14px; color:#c8a695; }
#page span.num { float: left; line-height: 36px; font-size: 14px; }

/* 内页新闻详细 */
.newsinfo { margin-top: 15px; }
.newsinfo-top { width: 1010px; height: 50px; background: url("../images/bg-newsinfo-top.png")/*tpa=http://www.sfst8.com/images/bg-newsinfo-top.png*/ no-repeat center bottom; }
.newsinfo-mid { width: 910px; padding: 20px 50px 50px; height: auto; background: url("../images/bg-newsinfo-mid.png")/*tpa=http://www.sfst8.com/images/bg-newsinfo-mid.png*/ repeat-y center; }
.newsinfo-btm { width: 1010px; height: 27px; background: url("../images/bg-newsinfo-btm.png")/*tpa=http://www.sfst8.com/images/bg-newsinfo-btm.png*/ no-repeat center top; }
.newstitle { padding: 20px 50px; background-color: #f2f2f2; text-align: center; }
.newstime { text-align: center; color: #999; padding: 20px 0 10px; }
.newscnt p { font-size: 14px; text-indent: 28px; color: #333; line-height: 36px; margin: 10px 0; }
.newsinfo-img { width: 910px; padding: 10px 0; text-align: center;}

/* 底部版权 */
#footer { height: 180px; width: 100%; background: #121921; min-width:1200px; }
.footerlogo { width: 240px; height: 130px; text-align: center; display: block; float: left; margin: 20px 0 0 0; }
.footerlogo img { height: 120px; width: auto; }
.copyright { width: 940px; float: left; padding: 0 0 0 15px; margin:35px 0 0; color: #999; font-size: 12px; line-height: 24px; }
.copyright .tips { color: #4383b8; font-weight: normal; }
.copyright a { color: #fff; }