.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
/* Fix of Webkit flickering */
z-index: 1; }
.swiper-wrapper {
position: relative;
width: 100%;
-webkit-transition-property: -webkit-transform, left, top;
-webkit-transition-duration: 0s;
-webkit-transform: translate3d(0px, 0, 0);
-webkit-transition-timing-function: ease;
-moz-transition-property: -moz-transform, left, top;
-moz-transition-duration: 0s;
-moz-transform: translate3d(0px, 0, 0);
-moz-transition-timing-function: ease;
-o-transition-property: -o-transform, left, top;
-o-transition-duration: 0s;
-o-transform: translate3d(0px, 0, 0);
-o-transition-timing-function: ease;
-o-transform: translate(0px, 0px);
-ms-transition-property: -ms-transform, left, top;
-ms-transition-duration: 0s;
-ms-transform: translate3d(0px, 0, 0);
-ms-transition-timing-function: ease;
transition-property: transform, left, top;
transition-duration: 0s;
transform: translate3d(0px, 0, 0);
transition-timing-function: ease;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
.swiper-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-slide {
float: left;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; }
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
-ms-touch-action: pan-y; }
.swiper-wp8-vertical {
-ms-touch-action: pan-x; }
/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
/* Specify Swiper's Size: */
/*width:200px;
height: 100px;*/ }
.swiper-slide {
/* Specify Slides's Size: */
/*width: 100%;
height: 100%;*/ }
.swiper-slide-active {
/* Specific active slide styling: */ }
.swiper-slide-visible {
/* Specific visible slide styling: */ }
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
/* Stylize pagination button: */ }
.swiper-active-switch {
/* Specific active button style: */ }
.swiper-visible-switch {
/* Specific visible button style: */ }
/**定义全局变量**/
/**多国语言显示图标**/
.dc_list_s1 {
width: 300px; }
.dc_list_s1 li {
background: url(../images/libg_2.jpg) no-repeat 2px 8px;
padding-left: 15px;
overflow: hidden; }
.dc_list_s1 span.date {
font-size: 12px;
font-color: #CC0000; }
.dc_list_s1 a.title {
color: #5c5c5c; }
.dc_list_s1 a.title:hover {
color: #5c5c5c; }
.dc_list_s2 {
width: 100%;
overflow: hidden; }
.dc_list_s2 li, .dc_list_s2 a {
line-height: 200%; }
.dc_list_s2 li {
position: relative;
width: 100%;
white-space: nowrap; }
.dc_list_s2 a.title {
color: #5c5c5c;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
float: left;
width: 90%;
background: url(../images/libg_2.jpg) no-repeat 2px center;
padding-left: 15px; }
.dc_list_s2 span.date {
color: #CC0000;
float: right;
display: block;
width: 10%;
background: #fff;
text-align: right;
padding-right: 5px;
font-size: 12px;
font-color: #CC0000; }
.dc_list_s3, .list02, .list03, .list05 {
width: 400px; }
.dc_list_s3 li, .list02 li, .list03 li, .list05 li {
background: url(../images/libg_2.jpg) no-repeat right center;
padding-left: 15px;
padding-right: 35px;
overflow: hidden;
float: left;
margin-right: 20px;
border-bottom: 1px dashed #ccc; }
.dc_list_s3 span.date, .list02 span.date, .list03 span.date, .list05 span.date {
font-size: 12px;
font-color: #CC0000; }
.dc_list_s3 a.title, .list02 a.title, .list03 a.title, .list05 a.title {
color: #5c5c5c; }
.dc_list_s3 a.title:hover, .list02 a.title:hover, .list03 a.title:hover, .list05 a.title:hover {
color: #5c5c5c; }
.dc_list_s4 img, .list04 img {
width: 100%; }
.dc_list_s4 p.desc, .list04 p.desc {
margin: 0;
padding: 10px 10px 0 10px; }
.dc_list_s5, .list01 {
width: 100%;
overflow: hidden; }
.dc_list_s5 li, .list01 li, .dc_list_s5 a, .list01 a {
line-height: 200%; }
.dc_list_s5 li, .list01 li {
position: relative;
width: 100%;
white-space: nowrap;
background: url(../images/libg_2.jpg) no-repeat 2px center;
padding-left: 15px; }
@media (max-width: 768px) {
.dc_list_s5 li, .list01 li {
background-position: 2px 12px; } }
.dc_list_s5 a.title, .list01 a.title {
color: #5c5c5c;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block; }
.dc_list_s5 span.date, .list01 span.date {
color: #CC0000;
float: right;
display: block;
width: 75px;
text-align: left;
font-size: 12px;
font-color: #CC0000; }
@media (max-width: 768px) {
.dc_list_s5 span.date, .list01 span.date {
float: none; } }
/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
#mobileReady {
display: block;
background: url("../images/mb_bg_2.jpg") no-repeat top center;
background-size: 100%; }
.pcReady {
display: none; }
body {
margin: 0;
padding: 0;
font-size: 14px;
font-family: Microsoft YaHei; }
ul, li, ol {
margin: 0;
padding: 0; }
li {
list-style: none; }
hr {
margin: 5px 0 5px 0; }
.block5, .block10, .block20 {
height: 5px;
overflow: hidden; }
.block10 {
height: 10px; }
.block20 {
height: 20px;
clear: both; }
.container {
padding: 0; }
.mainWrap {
overflow: hidden; }
h3.title {
margin: 0;
padding: 0;
color: #5b4d28;
font-size: 21px;
border-bottom: 1px solid #e9e9e9;
height: 40px;
line-height: 40px;
position: relative; }
h3.title a.more {
color: #c7c7c7;
cursor: pointer;
font-size: 14px;
font-family: "Arial";
position: absolute;
display: block;
right: 0;
top: 0;
line-height: 40px;
padding-right: 15px;
background: url(../images/index-more-plus_2.png) no-repeat right center; }
h3.spTitle {
border-bottom: 0; }
h4.title {
font-size: 28px;
font-family: Microsoft YaHei, "HelveticaNeue-UltraLight", "Helvetica Light", "Myriad Set Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
font-weight: normal;
color: #5b4d28;
opacity: .3;
margin: 0;
padding: 0;
margin-top: -10px; }
h5.title {
border-left: 4px solid #f29221;
height: 18px !important;
line-height: 18px !important;
padding: 0 0 0 10px !important;
margin: 0;
font-size: 18px !important;
color: #666 !important; }
.list01 li {
background: url(../images/index_decoration_2.png) no-repeat 2px center; }
.list01 a, .list01 span {
line-height: 38px; }
.list01 a.title {
color: #353535;
font-size: 16px; }
.list01 span.date {
color: #9d9c9c; }
@media (max-width: 768px) {
.list01 a, .list01 span {
line-height: 28px; }
.list01 li {
background-position: 2px 10px; } }
.list02 {
width: 100%; }
.list02 li {
background: url(../images/index_arrow_2.png) no-repeat right center;
line-height: 38px;
width: 45%; }
@media (max-width: 450px) {
.list02 li {
width: 100%; } }
.list02 .title {
font-size: 16px; }
.list03 {
width: 100%; }
.list03 li {
background: none;
line-height: 38px;
width: 48%;
margin: 0;
position: relative;
margin-right: 10px; }
@media (max-width: 546px) {
.list03 li {
width: 100%; } }
.list03 .title {
font-size: 16px; }
.list03 span {
font-family: "arial";
font-size: 13px;
position: absolute;
right: 0;
top: 0; }
.list03 span.date {
color: #d17200; }
.list03 span.up {
background: url(../images/index_up_2.png) no-repeat right center;
padding-right: 15px;
color: #bf0000; }
.list03 span.down {
background: url(../images/index_down_2.png) no-repeat right center;
padding-right: 15px;
color: #2b7931; }
.list04 p.desc {
font-size: 14px;
line-height: 200%;
color: #666;
padding: 10px 0 0; }
.list4more {
float: right;
height: 20px;
color: #f39222;
padding-right: 5px; }
.list05 {
width: 100%; }
.list05 li {
background: url(../images/index-list05-bg_2.png) repeat-x;
height: 48px;
border-bottom: 0;
padding: 0 18px 0 2px;
margin: 5px 5px 5px 0;
width: inherit; }
.list05 li a {
line-height: 48px;
border-left: 4px solid #f4c63a;
padding-left: 10px; }
.list05 li:nth-of-type(2n) a {
border-color: #95ace0; }
.list05 li:nth-of-type(3n) a {
border-color: #e9728c; }
.list05 li:nth-of-type(5n) a {
border-color: #84ab56; }
.wraper {
background: url(../images/index_wrap_bg_02_2.png) no-repeat left top;
background-size: inherit; }
.wraper .weibo {
position: absolute;
text-align: center;
top: 80px;
right: 20px;
display: none; }
.wraper .weibo img {
margin-bottom: 5px; }
.wraper .weibo a {
color: #5b4d28; }
.stockTable {
width: 100%;
display: table !important;
display: block; }
.stockTable th {
background-color: #e59a1d;
border-left: 1px solid #fff;
color: #fff;
font-weight: 100;
padding: 2px;
white-space: nowrap;
width: 25%;
font-size: 12px;
text-align: center; }
.stockTable th:first-child {
border: 0; }
.stockTable td.dm {
text-align: center;
background-color: #f9f9f9;
color: #938175;
font-size: 12px; }
.stockTable td {
background-color: #f5f5f5;
border-left: 1px solid #fff;
padding: 2px;
white-space: nowrap;
font: 14px/20px Arial;
text-align: center; }
.stockTable td:first-child {
border: 0; }
.stockTable td span.up {
color: #bf0000; }
.stockTable td span.down {
color: #2b7931; }
.flexslider {
overflow: hidden; }
.flexslider .flex-control-paging {
text-align: center;
margin-top: 20px; }
.flexslider .flex-control-paging li {
display: inline-block;
width: 9px;
height: 9px;
overflow: hidden;
border-radius: 10px;
border: 1px solid #f26921;
margin-left: 2px;
margin-right: 2px; }
.flexslider .flex-control-paging a {
display: block;
width: 9px;
height: 9px;
text-indent: -9999px;
cursor: pointer; }
.flexslider .flex-control-paging .flex-active {
background: #f26921; }
.flexslider .slides {
width: 10000px; }
.flexslider .slides li {
float: left;
text-align: center;
position: relative; }
.flexslider .slides li img {
width: 100%;
height: auto; }
.flexslider .slides li a.title {
width: 100%;
height: 30px;
line-height: 30px;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
padding: 0 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.flexslider .slides li .s_bg {
width: 100%;
height: 30px;
position: absolute;
bottom: 0;
left: 0;
background-color: #000;
filter: alpha(opacity=60);
opacity: 0.6; }
.mobileSwiper {
width: 100%; }
.mobileSwiper .swiper-container {
height: 100%; }
.mobileSwiper .pagination {
text-align: center;
width: 100%;
z-index: 1000; }
.mobileSwiper .swiper-slide {
position: relative; }
.mobileSwiper .swiper-slide img {
width: 100%; }
.mobileSwiper .swiper-wrapper {
width: 2500px; }
.mobileSwiper .s_bg {
width: 100%;
height: 30px;
position: absolute;
bottom: 0;
left: 0;
background-color: #000;
filter: alpha(opacity=60);
opacity: 0.6; }
.mobileSwiper a.title {
width: 100%;
height: 30px;
line-height: 30px;
color: #fff;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
padding: 0 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.mobileSwiper .swiper-pagination-switch {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 10px;
border: 1px solid #f26921;
margin: 0 3px;
cursor: pointer; }
.mobileSwiper .swiper-active-switch {
background: #f26921; }
.mediaWrap .media-body a, .tabWrap .tab-content .media-body a {
font-size: 14px;
color: #666; }
.mediaWrap .media-heading a, .tabWrap .tab-content .media-heading a {
color: #353535;
font-size: 18px; }
.mediaWrap .media-object, .tabWrap .tab-content .media-object {
width: 120px;
height: auto; }
.mediaWrap hr, .tabWrap .tab-content hr {
margin: 30px 0 10px 0; }
.mediaWrap hr:nth-of-type(2), .tabWrap .tab-content hr:nth-of-type(2) {
display: none; }
.thumbnail {
position: relative;
padding: 0;
border-radius: 0; }
.thumbnail .title {
color: #fff;
font-size: 14px;
position: absolute;
bottom: 0;
left: 0;
height: 30px;
line-height: 30px;
text-align: center;
width: 100%;
background: #333;
opacity: .6; }
.tabWrap {
background: #f9f8f4;
border-top: 1px solid #e6e3d8;
position: relative; }
.tabWrap span.title {
color: #5b4d28;
font-size: 21px;
position: absolute;
top: 0;
left: 0;
line-height: 48px;
padding-left: 20px;
display: none; }
.tabWrap .nav-tabs {
border-color: #e6e3d8; }
.tabWrap .nav-tabs li, .tabWrap .nav-tabs a {
height: 48px; }
.tabWrap .nav-tabs a {
color: #6e6e6e;
font-size: 18px;
padding: 10px 10px; }
@media (max-width: 388px) {
.tabWrap .nav-tabs a {
font-size: 16px;
padding: 10px 5px; } }
.tabWrap .nav-tabs li:first-child {
padding-left: 0; }
.tabWrap .nav-tabs li.active a {
color: #f39222;
border: 0;
background: none;
border-bottom: 4px solid #f39222; }
.tabWrap .list01 span.date {
background: #f9f8f4; }
.linkWrap {
position: absolute;
padding: 10px;
top: 0;
left: 5%;
width: 90%; }
@media (max-width: 767px) {
.linkWrap h3.title {
line-height: 28px;
font-size: 16px;
height: 28px; } }
.linkWrap select {
width: 100%; }
.list_tzzgx ul li {
width: 320px;
position: relative; }
.list_tzzgx ul li span {
position: absolute;
right: 0; }
footer {
border-top: 1px solid #d4c9b9;
padding: 15px;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ede2d1), to(#fff)); }
footer .copyright {
text-align: center;
color: #49362a;
font-family: Arial;
font-size: 11px; }
/**内页样式**/
.insideWrap {
width: 95%;
border-radius: 15px 0 15px 0;
border: 1px solid #eee;
padding: 5px; }
.insideWrap .breadcrumb {
text-align: right;
background: none;
margin-bottom: 0;
padding: 0 5px; }
.insideWrap .left h3.title {
color: #960;
text-align: right;
border: 0;
background: url(../images/boxpbg_2.gif) no-repeat right top;
height: 52px;
padding-right: 12px;
line-height: 52px;
font-size: 18px;
font-weight: bold; }
.insideWrap .left .nav-sidebar li {
background: url(../images/boxlibg_2.gif) no-repeat right top; }
.insideWrap .left .nav-sidebar .subNav a {
font-size: 12px; }
.insideWrap .left .takeplace {
text-align: right; }
.insideWrap .left .nav li a {
padding: 0 12px 0 0;
line-height: 34px;
text-align: right;
color: #7e7e7e; }
.insideWrap .left .nav li a:hover {
color: #996600;
background: none; }
.insideWrap .left .nav li a.active {
background: url(../images/boxlibgadd_2.gif) no-repeat right top; }
.insideWrap .right h3.title {
text-align: left;
border-bottom: 0;
font-size: 28px;
color: #960; }
.insideWrap .right .content {
line-height: 200%;
padding: 20px;
font-size: 14px; }
.insideWrap .layout01 div {
width: 100% !important;
float: none !important;
text-align: center; }
.insideWrap .layout01 p {
width: 100% !important; }
/* 手机专用 */
@media (max-width: 767px) {
.wraper {
background: none;
border-top: 1px solid #ccc; }
#mobileReady {
background: none; }
.flexslider {
margin: 0; }
h3.title {
border-bottom: 3px solid #f39222; }
h3.spTitle {
border-bottom: 3px solid #f39222; }
h3.spTitle2 {
border-bottom: 1px solid #e9e9e9; }
.tabWrap .nav-tabs {
padding-left: 10px; }
.XXs {
margin-bottom: 20px; }
.tabWrap .tab-content .media-body a.Xdesc {
font-size: 14px;
color: #808080;
overflow: hidden;
height: 40px;
display: inline-block; }
.tabWrap .tab-content .media-body a.more {
font-size: 12px;
color: #f39222; } }
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 767px) {
.list02 li {
width: 45%; }
.stockTable {
display: none !important; }
.mediaWrap .media-object, .tabWrap .tab-content .media-object {
width: 143px;
height: auto; }
.XXs {
margin-bottom: 35px; }
.mediaWrap .XXs .Xtu, .tabWrap .tab-content .XXs .Xtu {
width: 165px;
margin-right: 14px; }
.mediaWrap .media-heading .Xa, .tabWrap .tab-content .media-heading .Xa {
color: #5b4d28;
font-weight: lighter;
font-size: 18px; }
.tabWrap .tab-content .media-body a.Xdesc {
font-size: 14px;
color: #808080;
overflow: hidden;
height: 60px;
display: inline-block; }
.tabWrap .tab-content .media-body a.more {
font-size: 12px;
color: #f39222; }
.tabWrap span.title {
display: inline; }
.tabWrap .nav-tabs li:first-child {
padding-left: 130px; }
.insideWrap .layout01 div {
width: 50% !important;
float: right !important;
text-align: center; }
.insideWrap .layout01 img {
width: 100%; }
.insideWrap .layout01 p {
width: 50% !important; }
.wraper {
background-size: 100% auto; }
.wraper .weibo {
display: block; } }
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {
.insideWrap {
width: 1366px; }
.list03 li {
width: 47%; } }
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) {
.list03 li {
width: 48%; } }
@media (min-width: 1200px) {
#mobileReady {
display: none; }
.pcReady {
display: block; }
* {
-webkit-box-sizing: content-box;
box-sizing: content-box; } }
/*# sourceMappingURL=main.test.css.map */