@charset "utf-8";

html{ width:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;-webkit-backface-visibility: hidden;}
body{background:#0b0a20;color:#333;font-size:14px; font-family:Helvetica,"微软雅黑",Arial,sans-serif; width:100%; min-width:1250px; }
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle; font-size:12px; outline:none;font-family:Helvetica,"微软雅黑",Arial,sans-serif;}

@font-face {font-family: 'iconfont';
    src: url('../iconfont.eot'); /* IE9*/
    src: url('../iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
      

.iconfont{font-family:"iconfont" !important; font-size:16px;font-style:normal; -webkit-font-smoothing: antialiased;   -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

input.hover{ color:#555;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);box-shadow: 0 0 6px rgba(0,0,0,0.2); border-color:#74b9ef !important; background-color:#fff !important}

a{text-decoration:none; color:#333}
a:hover{color:#f39800;}
.clearit{clear:both; }


.b{font-weight:bold}
.red{ color:#ff0000 !important}
.orange{ color:#f39800}
.orange:hover{ text-decoration:underline}
.black{ color:#222}
.blue{ color:#0294C5}
.green{ color:#69bd83 !important}
.green:hover{ color:#69bd83; text-decoration:underline}
.gray{ color:#888}
.font14{ font-size:14px}
.left{ float:left}
.right{ float:right}


#top-bar{ height:36px; line-height:36px; background-color:#f2f2f2;}
#top-bar .top-left{ float:left;}
#top-bar .top-left a{ color:#005acb; font-weight:bold}
#top-bar .top-left a:hover{ text-decoration:underline; color:#f39000}
#top-bar .top-right{ float:right; margin-top:7px;}

.wrapper{ width:1180px; margin:0 auto}


#footer{ padding-top:20px; padding-bottom:30px; text-align:center; position:relative; z-index:100; font-size:16px;}
#footer .copyright{ line-height:180%; color:#dfcda1 }
#footer .copyright img{ margin-left:10px;}
#footer .copyright a{ color:#dfcda1;}
#footer .copyright a:hover{ color:#f39800}

.body-bg{ background:url(../../images/ssj2017.jpg) no-repeat center -36px #0b0a20; padding-top:660px;}


#follow-btn{ position:fixed;right:5px;bottom:-106px; z-index:99;-webkit-transition:bottom 0.3s;-moz-transition:bottom 0.3s;transition: bottom 0.3s; display:none}
#follow-btn a{ display:block; background-color:#888; color:#fff; width:50px; height:50px; margin-bottom:3px; line-height:50px; text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; }
#follow-btn a i{font-size:20px;}
#follow-btn a:hover{ background-color:#f39800}

#index{ width:1180px; margin:0 auto; overflow:hidden}

#index .list{min-height:280px; margin-top:30px }
#index .list h2.t1{ background:url(../../images/ssj2017-t1.png) no-repeat center top; height:48px; text-indent:-10000px}
#index .list h2.t2{ background:url(../../images/ssj2017-t2.png) no-repeat center top; height:48px; text-indent:-10000px}
#index .list ul{ width:1240px; margin-top:30px;}
#index .list ul li{ width:190px; float:left; margin-right:20px; height:290px; background-color:#100741; padding:15px; margin-bottom:20px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
#index .list ul li .image{ overflow:hidden; padding:7px; border:1px #d8ba71 solid; position:relative}
#index .list ul li .image:before {content:"";display:block;width: 12px;height: 12px; position:absolute; left:3px; top:3px;  background:url(../../images/ssj2017-icon1.png) no-repeat;}
#index .list ul li .image:after {content:"";display:block;width: 12px;height: 12px; position:absolute; right:3px; bottom:3px;  background:url(../../images/ssj2017-icon2.png) no-repeat;}
#index .list ul li img{ width:175px; height:205px;}
#index .list ul li strong{ display:block; font-size:22px; text-align:center; color:#fff; margin-top:10px; font-weight:400}
#index .list ul li span{ display:block; text-align:center; color:#a9815c; margin-top:4px;}
#index .list ul li:hover{ background-color:#1e1451;}

#shuangshi-view{ padding:30px 40px 40px}
#shuangshi-view h1.title{ font-size:22px; font-weight:normal; border-bottom:1px #e2e2e2 solid; margin-bottom:25px; padding-bottom:15px;}
#shuangshi-view .content{ line-height:2;}
#shuangshi-view .content p{ margin-bottom:15px;}

#shuangshi-view .pics{ background:#fff;  position:relative; margin:30px auto 20px; width:510px; }
#shuangshi-view .pics .swiper-container{overflow:hidden; height:380px;}
#shuangshi-view .pics .swiper-slide{ text-align:center;}
#shuangshi-view .pics .swiper-slide img{max-width:510px; height:340px;}
#shuangshi-view .pics .swiper-slide .title{ margin-top:15px; font-weight:bold}
#shuangshi-view .pics .pagination{position: absolute; z-index: 20; bottom:60px; width: 100%; text-align: center;}
#shuangshi-view .pics .swiper-pagination-switch{display: inline-block; width: 8px; height: 8px; border-radius: 8px; background: #fff; margin: 0 5px; opacity: 0.8;  cursor: pointer;}
#shuangshi-view .pics .swiper-active-switch{background: #0090ff;}
#shuangshi-view .pics .arrow-left{ display:block;z-index:50; width:70px; height:70px; background:url(https://www.invest.com.cn/Public/images/prev-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; left:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
#shuangshi-view .pics .arrow-right{display:block; z-index:50; width:70px; height:70px; background:url(https://www.invest.com.cn/Public/images/next-btn.png) no-repeat; position:absolute;top:50%; margin-top:-35px; right:-80px; visibility:hidden;filter:alpha(opacity=0);opacity: 0;transition-duration: 0.5s;}
#shuangshi-view .pics:hover .arrow-left{ visibility:visible;filter:alpha(opacity=100);opacity:1; left:-70px}
#shuangshi-view .pics:hover .arrow-right{ visibility:visible;filter:alpha(opacity=100);opacity:1; right:-70px}