/* 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&width*/ .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-w229 {width:229px;} /*头部样式*/ .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 } .focus .fcon-default{ position:relative; width:100%; float:left; background:#fff } .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; height:182px; color:#666; overflow:hidden;} .sn-news-txt img {width:100%;} .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-title-wrap {width:250px; height:62px; line-height: 26px; font-size:14px; overflow:hidden; position: relative;} .sn-news-smallbox a.h4-title{} .title-ellipsis {width:15px; display:block; bottom:0; right:-4px; position:absolute;} /* 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;} .sn-hidden {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .sn-index-resourcesbox a.resources-tag{ font-size:14px; color:#999; margin-right:5px; line-height:1.5;} .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;} /* index-partner */ .sn-index-partnerbox{width:760px; padding:25px 30px;} .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:368px; 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;}