@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:#bf0202;color:#333;font-size:14px; font-family:Helvetica,"微软雅黑",Arial,sans-serif; width:100%; min-width:1060px; }
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:1000px; margin:0 auto}


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

.body-bg{ background:url(../../images/shuangshi-bg.jpg) no-repeat center -36px #bf0202; padding-top:280px;}


#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:1000px; margin:0 auto; background-color:#fff;overflow:hidden}
#index .intro h2{ width:47px; height:159px; background:url(../../images/shuangshi-intro-bg.jpg) no-repeat; text-indent:-10000px; margin-left:40px; float:left; }  
#index .intro p{ width:840px; float:left;margin-left:30px; margin-top:30px; line-height:1.9; text-indent:2em}

#index .list{ margin:30px 30px 0; min-height:280px }
#index .list h2{ background:url(../../images/shuangshi-title-bg2.jpg) no-repeat; height:40px}
#index .list h2 span{ display:block; width:256px; height:58px; background:url(../../images/shuangshi-title-bg1.png) no-repeat; line-height:62px; color:#fff; text-align:center; font-size:18px; position:relative;top:-10px; left:-8px}
#index .list ul{ width:1100px; margin-top:30px;}
#index .list ul li{ width:170px; float:left; margin-right:22px; height:280px;}
#index .list ul li img{ width:170px; height:200px;}
#index .list ul li strong{ display:block; font-size:16px; text-align:center; margin-top:10px;}
#index .list ul li span{ display:block; text-align:center; color:#888; margin-top:4px;}

#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;}