2016-04-26 10:02:16 +08:00
|
|
|
/* CSS Document */
|
|
|
|
|
/* 样式重置 */
|
|
|
|
|
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0; padding:0;}
|
|
|
|
|
body,table,input,textarea,select,button { font-family: "微软雅黑","宋体"; font-size:12px;line-height:1.9; background:#f2f2f2;}
|
|
|
|
|
div,img,tr,td,table{ border:0;}
|
|
|
|
|
table,tr,td{border:0;cellspacing:0; cellpadding:0;}
|
|
|
|
|
ol,ul,li{ list-style-type:none}
|
|
|
|
|
a:link,a:visited{color:#000;text-decoration:none;}
|
|
|
|
|
a:hover,a:active{color:#24366e;}
|
|
|
|
|
|
|
|
|
|
.sn-fl {float:left;}
|
|
|
|
|
.sn-fr {float:right;}
|
|
|
|
|
.sn-cl {clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}
|
|
|
|
|
.sn-container {width:100%; background-color:#fff;}
|
|
|
|
|
.sn-p-absolute {position:absolute;}
|
|
|
|
|
.sn-grey-opacity {background:rgba(230, 230, 230, 0.9)!important; filter:Alpha(opacity=90); background:#e6e6e6;}
|
|
|
|
|
.sn-border {border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
|
|
|
|
|
/* 公共 */
|
|
|
|
|
.cl {clear:both;}
|
|
|
|
|
.fl {float:left;}
|
|
|
|
|
.fr {float:right;}
|
|
|
|
|
.mb18 {margin-bottom:18px;}
|
|
|
|
|
.mt10 {margin-top:10px;}
|
|
|
|
|
.mr20 {margin-right:20px;}
|
|
|
|
|
.mr10 {margin-right:10px;}
|
|
|
|
|
|
|
|
|
|
/*字体，链接颜色*/
|
|
|
|
|
.sn-font-black {color:#000;}
|
|
|
|
|
.sn-font-grey {color:#b4bbbf;}
|
|
|
|
|
.sn-font-grey2 {color:#5e5e5e;}
|
|
|
|
|
.sn-font-grey3 {color:#999;}
|
|
|
|
|
a.sn-link-blue {color:#24366e;}
|
|
|
|
|
a.sn-link-white {color:#fff;}
|
|
|
|
|
a.sn-link-grey {color:#999;}
|
|
|
|
|
a.sn-link-grey:hover {color:#24366e;}
|
|
|
|
|
a.sn-link-grey2 {color:#888;}
|
|
|
|
|
a.sn-link-select {color:#809df9;}
|
|
|
|
|
/*字体大小*/
|
|
|
|
|
.sn-f12 {font-size:12px;}
|
|
|
|
|
.sn-f14 {font-size:14px;}
|
|
|
|
|
.sn-f18 {font-size:18px;}
|
|
|
|
|
/*padding&margin*/
|
|
|
|
|
.sn-mt-10 {margin-left:-10px;}
|
|
|
|
|
.sn-mt4 {margin-top:4px;}
|
|
|
|
|
.sn-mt10 {margin-top:10px;}
|
|
|
|
|
.sn-mt13 {margin-top:13px;}
|
|
|
|
|
.sn-mt15 {margin-top:15px;}
|
|
|
|
|
.sn-mt28 {margin-top:28px;}
|
|
|
|
|
.sn-mb40 {margin-bottom:40px;}
|
|
|
|
|
.sn-ml15 {margin-left:15px;}
|
|
|
|
|
.sn-ml55 {margin-left:55px;}
|
|
|
|
|
.sn-mr0 {margin-right:0px !important;}
|
|
|
|
|
.sn-mr50 {margin-right:50px;}
|
|
|
|
|
/*头部样式*/
|
|
|
|
|
.sn-header {}
|
|
|
|
|
.sn-row {width:100%;}
|
|
|
|
|
.sn-bg-grey {background-color:#f4f4f4;}
|
|
|
|
|
.sn-bg-grey2 {background-color:#a5a5a5;}
|
|
|
|
|
.sn-bg-white {background-color:#fff;}
|
|
|
|
|
.sn-bg-blue {background-color:#24366e;}
|
|
|
|
|
.sn-login {width:1200px; height:45px; line-height:45px; margin:0 auto; font-size:14px; color:#24366e; vertical-align:middle; text-align:right;}
|
|
|
|
|
.sn-login2 {width:1200px; height:54px; line-height:54px; margin:0 auto; font-size:14px; color:#24366e; vertical-align:middle; text-align:right;}
|
|
|
|
|
.sn-logo {width:1200px; height:90px; line-height:90px; margin:0 auto; vertical-align:middle;}
|
|
|
|
|
.sn-search-input {width:328px; height:40px; font-size:16px; color:#ccc; padding-left:10px; border:1px solid #ccc; border-right:none; float:right; background-color:#fff; outline:none;}
|
|
|
|
|
a.sn-search-button {width:53px; height:40px; border:1px solid #ccc; border-left:none; float:right; outline:none; background:url(../images/sn_search_icon.jpg) 0 3px no-repeat;}
|
|
|
|
|
.sn-nav {width:1200px; height:55px; margin:0 auto; font-size:16px; position:relative; line-height:1;}
|
|
|
|
|
.sn-nav li {float:left; padding-top:11px; padding-bottom:12px; margin-right:50px;}
|
|
|
|
|
.sn-nav li a {display:inline-block; padding:8px 6px; border-radius:5px;}
|
|
|
|
|
.sn-nav li a:hover {background-color:#809df9;}
|
|
|
|
|
.sn-sub-nav {width:1200px; margin:0 auto; font-size:14px; position:relative; line-height:1;}
|
|
|
|
|
.sn-sub-nav li {color:#999; float:left;}
|
|
|
|
|
.sn-sub-nav li a {height:40px; line-height:40px; vertical-align:middle; margin:0 5px; padding:0 5px; display:inline-block;}
|
|
|
|
|
.sn-sub-nav li a:hover {border-bottom:3px solid #ffbd18; height:37px;}
|
|
|
|
|
.sn-subnav-slice {margin:12px 5px;}
|
|
|
|
|
.sn-banner {width:1200px; height:210px; margin:0 auto;}
|
|
|
|
|
.sn-content-position {width:1200px; height:50px; line-height:50px; vertical-align:middle; font-size:14px; color:#888; margin:0 auto;}
|
|
|
|
|
/*footer样式*/
|
|
|
|
|
.sn-footer {width:1200px; height:220px; margin:0 auto; text-align:center; font-size:14px; color:#fff; line-height:normal;}
|
|
|
|
|
.sn-footer-link {padding:40px 0 30px 0;}
|
|
|
|
|
.sn-footer-link li {display:inline-block;}
|
|
|
|
|
.sn-contact {margin-bottom:30px;}
|
|
|
|
|
/* 首页内容 */
|
|
|
|
|
.sn-content{ width:1200px; margin:0 auto;}
|
|
|
|
|
.sn-content-left{ width:820px; margin-right:12px; margin-bottom:100px;}
|
|
|
|
|
.sn-content-right{ width:368px; margin-bottom:74px; }
|
|
|
|
|
/* index-banner */
|
|
|
|
|
.sn-index-banner{ width:820px; height:435px; margin-bottom:20px;}
|
|
|
|
|
.focus{ position:relative; width:820px; height:435px; background-color: #000; float: left;}
|
|
|
|
|
.focus img{ width:820px; height:435px;}
|
|
|
|
|
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
|
|
|
|
|
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
|
|
|
|
|
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
|
|
|
|
|
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
|
|
|
|
|
.focus .btn a:hover,.focus .btn a.current{ cursor:pointer;background:#fc114a;}
|
|
|
|
|
.focus .fPic{ position:absolute; left:0px; top:0px; }
|
|
|
|
|
.focus .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; }
|
|
|
|
|
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6);
|
|
|
|
|
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display:block; text-align:left; }
|
|
|
|
|
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; }
|
|
|
|
|
.focus .fcon{ position:relative; width:100%; float:left; display:none; background:#000 }
|
2016-04-26 16:23:08 +08:00
|
|
|
.focus .fcon-default{ position:relative; width:100%; float:left; background:#fff }
|
2016-04-26 10:02:16 +08:00
|
|
|
.focus .fcon img{ display:block; }
|
|
|
|
|
.focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; }
|
|
|
|
|
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
|
|
|
|
|
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
|
|
|
|
|
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}
|
|
|
|
|
.focus .D1fBt img{display:none}
|
|
|
|
|
.focus .D1fBt i{display:none; font-style:normal; }
|
|
|
|
|
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/banner/focus_btn.png) no-repeat;}
|
|
|
|
|
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
|
|
|
|
|
.focus .next{top: 50%;margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;}
|
|
|
|
|
.focus .prev:hover{ background-position:0 0; }
|
|
|
|
|
.focus .next:hover{ background-position:-40px 0;}
|
|
|
|
|
/* index-news */
|
|
|
|
|
.sn-index-leftbox{ width:820px; background:#fff; margin-bottom:20px;}
|
|
|
|
|
.h2-title{ padding:5px 0 3px; border-bottom:1px solid #ebebeb; font-size:18px; color:#777; font-weight:normal; padding-left:17px;}
|
|
|
|
|
.h2-title a.more{ font-size:12px; color:#777; float:right; margin-right:17px; line-height:2.8;}
|
|
|
|
|
.h2-title a:hover.more{ color:#24366e;}
|
|
|
|
|
.sn-news-bigbox{ padding:0px 26px 0px 18px; margin:18px 0 26px; border-right:1px solid #ebebeb;}
|
|
|
|
|
.sn-news-bigbox a.h3-title{ font-size:18px; width:380px; display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
|
|
|
|
|
.sn-news-bigbox .sn-news-txt{ width:380px; color:#666;}
|
|
|
|
|
.sn-news-bigbox .sn-news-bigimg{ width:380px; height:165px;}
|
|
|
|
|
.txt-grey{ color:#999;}
|
|
|
|
|
.sn-news-smallbox{padding:0px 18px 0px 26px; margin:18px 0 26px; width:350px; }
|
|
|
|
|
.sn-news-smallbox .sn-news-smallimg{ width:85px; height:85px; margin-right:10px;}
|
|
|
|
|
.sn-news-smallbox a.h4-title{ font-size:14px; width:255px; float:left;}
|
|
|
|
|
/* index-resources */
|
|
|
|
|
.sn-index-resourcescon{ padding-top:12px;background:#f2f2f2;}
|
|
|
|
|
.sn-index-resourcesbox{ padding:10px; background:#f2f2f2; width:185px; float:left;}
|
|
|
|
|
.sn-index-resourcesbox:hover{ background:#fff;}
|
|
|
|
|
.sn-index-resourcesbox a.resources-title{ font-size:18px; font-weight:normal; line-height:2.0;width:185px; display:block; border-bottom:1px solid #ccc; margin-bottom:5px;}
|
2016-04-27 09:36:54 +08:00
|
|
|
.sn-hidden {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
|
2016-04-26 10:02:16 +08:00
|
|
|
.sn-index-resourcesbox a.resources-tag{ font-size:14px; color:#999; margin-right:5px; line-height:1.5;}
|
2016-04-27 09:36:54 +08:00
|
|
|
.resources-tagbox {width:185px; height: 46px; overflow:hidden;}
|
|
|
|
|
.resources-tagbox img {max-width: 100%;}
|
|
|
|
|
a.more-btn{ display:block; width:185px; height:30px; text-align:center; background:#ccc; color:#666; line-height:30px;}
|
2016-04-26 10:02:16 +08:00
|
|
|
/* index-partner */
|
|
|
|
|
.sn-index-partnerbox{ padding:25px 30px; }
|
|
|
|
|
.sn-index-partnerbox{ width:775px;}
|
|
|
|
|
.sn-index-partnerbox ul li{ height:55px;}
|
|
|
|
|
.sn-index-partnerbox ul li a.partnerimg{ display:block; margin:0 10px 10px 0; border:1px solid #ccc; width:370px; height:43px; float:left;}
|
|
|
|
|
.partner-btnbox{ width:90px; margin:0 auto;}
|
|
|
|
|
.partner-btn{ width:35px; height:22px; background-color:#999; line-height:1.0; font-size:18px; color:#fff; text-align: center; margin-right:5px; cursor:pointer;}
|
|
|
|
|
.partner-btn:hover{ background-color:#172b65;}
|
|
|
|
|
/* index-active */
|
|
|
|
|
.sn-index-activebox{ margin-bottom:20px; background:#fff; padding-bottom:10px;}
|
|
|
|
|
.active-title{width:330px; display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
|
|
|
|
|
.sn-index-active{ margin:0px 20px 5px 20px;}
|
|
|
|
|
.sn-index-active a.sn-activeimg{width:330px; height:210px;}
|
|
|
|
|
/* index-wx*/
|
|
|
|
|
.sn-index-wxbox{margin-bottom:20px; background:#fff;}
|
|
|
|
|
.sn-index-wximg{ margin:15px; margin-right:5px;}
|
|
|
|
|
.sn-index-txt{ font-size:16px; line-height:2.0; margin-top:30px;}
|
|
|
|
|
.sn-index-smallbanner img{ display:block; width:369px; height:169px; }
|
|
|
|
|
|
|
|
|
|
/* 内页新闻列表 */
|
|
|
|
|
.sn-inner-body{ width:100%; background-color:#fff;}
|
|
|
|
|
.sn-innner-content{ width:1200px; margin:0 auto;}
|
|
|
|
|
.sn-inner-newsh2{ font-size:20px; font-weight:normal; padding-bottom:5px; border-bottom:1px dashed #eee;}
|
|
|
|
|
.sn-circle{ margin:18px 5px 0 5px ;border:1px solid #24366e; width:5px; height:5px; -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px; }
|
|
|
|
|
.sn-inner-newslist ul li{ line-height:42px; font-size:15px; border-bottom:1px solid #eee;}
|
|
|
|
|
.sn-inner-newslist a{font-size:15px; color:#888;}
|
|
|
|
|
.sn-inner-newslist a:hover{ color:#24366e;}
|
|
|
|
|
a.sn-newslist-titile{ font-size:15px;width:840px; display:block;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
|
|
|
|
|
a:hover.sn-newslist-reply,a:hover.sn-newslist-zan{ color:#379be9;}
|
|
|
|
|
.sn-inner-pages a{ display:block; font-size:12px; border:1px solid #d1d1d1; color:#999; float:left; width:30px; text-align:center; padding:3px 0; line-height:1.9; margin-right:5px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; }
|
|
|
|
|
.sn-inner-pages a:hover{ background-color:#24366e; color:#fff;}
|
|
|
|
|
a.sn-inner-pages-big{ width:50px;}
|
|
|
|
|
a.sn-pages-active{ background-color:#24366e; color:#fff;}
|
|
|
|
|
.sn-inner-pages{width:330px; margin:40px auto 100px;}
|
|
|
|
|
/* 内页新闻展示 */
|
|
|
|
|
.sn-inner-newscon{ width:1200px; padding:5px 0 50px; border-bottom:1px solid #e8e8e8; margin-bottom:30px; color:#999; font-size:14px; }
|
|
|
|
|
.sn-inner-pcon{text-indent:2em;}
|
|
|
|
|
.sn-inner-newscon img{ display:block; width:830px; margin:25px auto 5px;}
|
|
|
|
|
.sn-inner-psmall{ color:#999; font-size:12px; margin-bottom:15px;}
|
|
|
|
|
.sn-inner-imgp{ color:#000; text-align:center; margin-bottom:30px;}
|
|
|
|
|
a.sn-newslist-zan{ display:block; background:url(../images/zan.gif) 0 15px no-repeat; width:54px; height:28px; padding-left:12px; color:#999; }
|
|
|
|
|
a:hover.sn-newslist-zan{ background:url(../images/zan.gif) 0 -21px no-repeat; }
|
|
|
|
|
/* 留言 */
|
|
|
|
|
.sn-replybox{ margin-bottom:100px;}
|
|
|
|
|
.sn-reply-h2{ font-size:18px; font-weight:normal; color:#24366e; margin-bottom:6px;}
|
|
|
|
|
.sn-reply-form{ width:1200px;height:180px; border:1px solid #e8e8e8; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:#fff; margin-bottom:20px; }
|
|
|
|
|
.sn-reply-text{ width:1200px; height:130px; background:#fff; border:none; resize:none;}
|
|
|
|
|
.sn-reply-btnbox{border-top:1px solid #e8e8e8; height:48px;}
|
|
|
|
|
a.submit-btn{ display:block; color:#fff; text-align:center; font-size:14px; line-height:27px; width:79px; height:27px; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; background:#24366e; margin:8px 0 0 10px;}
|
|
|
|
|
a:hover.submit-btn{ color:#16275c; color:#fff;}
|
|
|
|
|
.sn-comment-h2{ color:#999; font-size:16px; font-weight:normal; border-bottom:1px solid #e8e8e8; padding-bottom:5px;}
|
|
|
|
|
.sn-reply-userpic{ height:65px; margin-right:15px;}
|
|
|
|
|
.sn-reply-userpic img{ width:40px; height:40px;-webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;}
|
|
|
|
|
a.sn-reply-zan{ display:block; background:url(../images/zan.gif) 0 4px no-repeat; width:54px; height:16px; padding-left:12px; color:#999; }
|
|
|
|
|
a:hover.sn-reply-zan{ background:url(../images/zan.gif) 0 -32px no-repeat; }
|
|
|
|
|
.sn-comment-listbox{ padding:23px 0; width:1200px;border-bottom:1px solid #e8e8e8;}
|
|
|
|
|
a.sn-reply-username { color:#24366e; margin-right:15px; }
|
|
|
|
|
.sn-reply-usertxt{ width:1145px; font-size:14px; }
|
|
|
|
|
.sn-reply-more{ width:1200px; height:25px; background:#ddd; text-align:center; line-height:25px;}
|
|
|
|
|
|
|
|
|
|
/*用户图像*/
|
|
|
|
|
.topnav_login_list{ border:1px solid #eaeaea; background:#fff; padding-left:10px; padding-bottom:10px; padding-top:8px; width:60px; left:-7px; position:absolute; z-index:9999; line-height:2; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); margin-top: 1px;}
|
|
|
|
|
.topnav_login_list a{color:#269ac9;}
|
|
|
|
|
.topnav_login_list li{ }
|
|
|
|
|
.homepageProfileMenuIcon {background:url(../images/nav_icon.png) 30px -155px no-repeat; width:65px; height:54px; position:relative; display:inline-block; line-height:0;}
|
|
|
|
|
.homepageLeft {width:240px; float:left; margin-right:10px; margin-bottom:10px;}
|
|
|
|
|
.none {display: none;}
|
|
|
|
|
.user-img,.user-img img{ margin-right:10px; -moz-border-radius: 50px; -webkit-border-radius: 50px;border-radius: 50px; display:block; width:40px; height:40px;}
|
|
|
|
|
.ml60{ margin-left:60px;}
|
|
|
|
|
.user-img img{border:2px solid #e6473b; }
|
|
|
|
|
.user-img img:hover{border:2px solid #29156f;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
