﻿@charset "utf-8";
/* CSS Document */

html { font-family: "microsoft yahei", Helvetica, STHeiTi, Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; }
body { margin: 0; font-size: 1.4rem; line-height: 1.5; color: #666; background-color:#fff; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {
display: none;
}
svg:not(:root) { overflow: hidden; }
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #666; }
a:active { outline: 0; }
a:active { color: #006699; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; vertical-align: middle; width:100%; }
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; vertical-align:middle; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
html, button, input, select, textarea { font-family: "microsoft yahei", Helvetica, STHeiTi, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol, li { list-style: none outside none;}
h1, h2, h3 { line-height: 2; font-weight: normal; }
h1 { font-size: 1.8rem; }
h2 { font-size: 1.6rem; }
h3 { font-size: 1.4rem; }
input::-moz-placeholder, textarea::-moz-placeholder {
color: #cccccc;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #cccccc;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #cccccc;
}
.fl{ float:left;}
.fr{ float:right;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { zoom: 1 }
.spline10 {height: 10px;margin: 0 auto;}
.spline20 {height: 20px;margin: 0 auto;}
select{outline:none;-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}

/*----------index------------*/
header{background: #cc3333;padding: 15px 0;position: fixed;top: 0;left: 0;z-index: 999;width: 100%;-webkit-box-shadow: 0 0 5px #999;box-shadow: 0 0 5px #999;}
header .logo{background-size:261px 42px; width:261px; height:42px; display:block;float: left;margin-left: 1rem;}
.m_nav { width: 40%;  display: block; position: fixed; right: 0; top: 0; z-index: 4;}
.m_navBtn { width: 25px; height: 24px; cursor: pointer; transition: 500ms; overflow: hidden; position: absolute; right:12px; top: 25px; z-index: 5; }
.m_navBtn .burger { width: 25px; height: 3px; background: #dfcc92; display: block; position: absolute; z-index: 5; top: 0px; left: 50%; margin: 0 0 0 -13px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center;}
.m_navBtn .burger-2 { top: 8px; }
.m_navBtn .burger-3 { top: 16px; }
.m_navActive { transform: rotateZ(90deg); -webkit-transform: rotateZ(90deg); -ms-transform: rotateZ(90deg); top: 14px; }
.m_navActive .burger { background: #c5a765; }
.m_navList { width: 100%; padding: 0 0 0 0; background: #fff;overflow-y: scroll; position: absolute; left: 100%; top: 0; }
.m_nav ul { width: 100%;margin-top: 5rem;}
.m_nav li { width: 100%; line-height: 50px; font-size: 14px;text-align: center;border-top: 1px solid #f2f1f1;}
.m_nav li:last-child{border-bottom: 1px solid #f2f1f1;}
.m_nav li a { display: block; color: #be9d53;}

.banner{width: 100%;height: auto;margin-top: 72px;position: relative;}
.swiper-container {width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.main{width: 100%;height: auto;}
.indexlist{width: 100%;height: auto;background: #fff;padding: 1rem;}
.indexlist li{width: 25%;height: auto;float: left;line-height: 30px;font-size: 14px;color: #444444;text-align: center;margin-bottom: 10px;}
.indexlist li:nth-child(4n){margin-right: 0;}
.indexlist li img{width: 60px;height: 60px;display: block;margin: 0 auto;}

.indeximg1{width: 100%;height: auto;}
.indeximg1 img{width: 100%;height: auto;}

.new{width: 100%;height: auto;}
.new_top{width: 100%;height: 50px;line-height: 50px;background: #edeeef;border-left: 5px solid #cc3333;}
.new_top span{display: block;width: 50%;height: 50px;float: left;padding-left: 10px;font-size: 16px;color: #333333;}
.new_top a{display: block;width: 40%;height: 50px;float: right;text-align: right;font-size: 12px;color: #666666;padding-right: 20px;}
.newC{width: 100%;height: auto;}
.newC li{width: 100%;height: auto;border-bottom: 1px dashed #d2d2d2;padding: 1rem 1rem 0.5rem;}
.newC li .newimg{width: 30%;height: auto;float: left;}
.newC li .newimg img{width: 100%;height: auto;}
.newC li .new_detail{width:100%;height: auto;float: right;}
.newC li .new_detail span{display: block;width: 100%;height: 25px;font-size: 14px;color: #222222;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newC li .new_detail label{display: block;width: 100%;max-height: 40px;line-height: 20px;overflow: hidden;font-size: 12px;color: #757575;}
.newC li .new_detail label a{color: #c59733;}
.newC li .new_detail i{display: block;width: 100%;height: 20px;line-height: 20px;text-align: right;font-size: 12px;color: #757575;font-style: normal;}

.member{width: 100%;height: auto;}
.member .memberC{width: 100%;height: auto;padding: 1rem;}
/*
.member .memberC li{width: 48%;height: 40px;line-height: 40px;float: left;margin-right: 4%;}
*/
.member .memberC li{width: 48%;line-height: 40px;float: left;margin-right: 4%;}

.member .memberC li:nth-child(2n){margin-right: 0;}
/*
.member .memberC li a{display: block;width: 100%;height: 40px;font-size: 14px;color: #333333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.member .memberC li img{width: 9px;height: 9px;float: left;vertical-align: middle;margin-right: 5px;margin-top: 16px;}
*/

.member .memberC li a{display: block;width: 100%;font-size: 14px;color: #333333; text-align: center;}

.member .memberC li img{width: 100%;float: left;vertical-align: middle;margin-right: 5px;margin-top: 16px;}
.bazaar{width: 100%;height: auto;}
.bazaar .bazaarC{width: 100%;height: auto;}
.bazaar .bazaarC li{width: 100%;height: auto;padding: 1rem;border-bottom: 1px solid #eeeeee;}
.bazaar .bazaarC li .bazaar_title{width: 100%;height: 25px;}
.bazaar .bazaarC li .bazaar_title span{display: block;width: 80%;height: 25px;float: left;overflow: hidden;font-size: 14px;color: #222222;}
.bazaar .bazaarC li .bazaar_title label{display: block;width: 20%;height: 25px;float: right;text-align: right;font-size: 12px;color: #222222;}
.bazaar .bazaarC li .bazaar_detail{width: 100%;height: 20px;font-size: 12px;color: #666666;overflow: hidden;}
/*----------index end------------*/

.head{background: #fff;}
.headtitle{float: left;width:50%;line-height:42px;font-size: 20px;color: #ccb778;font-weight: bold;padding-left: 1rem;padding-right: 1rem;}
.members{width: 100%;height: auto;padding: 1rem;margin-top: 82px;}
.members .memberlist li{width: 48%;height: auto;float: left;margin: 0 4% 4% 0;}
.members .memberlist li:nth-child(2n){margin-right: 0;}
.members .memberlist li img{width: 100%;height: auto;}
.members .memberlist li label{display: block;width: 100%;height: 30px;line-height: 30px;text-align: center;padding: 0 0.5rem;font-size: 14px;color: #333333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*----------members end------------*/

.exchange{width: 100%;height: auto;margin-top: 82px;}
.exchange_title{width: 100%;height: 50px;background: #02438f;padding: 0 1rem;}
.exchangeC{width: 100%;height: auto;padding: 1rem;}
.exchange_title .tab{width:100%;overflow:hidden;}
.exchange_title .tab li{float:left;width:90px;height:50px;color:#fff;text-align:center;line-height:50px;cursor:pointer;font-size: 14px;}
.exchange_title .tab li.cur{color: #fff;background: #ccb778;}
.exchangeC .details{width:100%;display:none;}
.exchangeC .on{display:block;}
.exchangeC li{width: 100%;height: 50px;border-bottom: 1px solid #e4e4e4;line-height: 50px;}
.exchangeC li span{display: block;width: 68%;height: 50px;float: left;font-size: 14px;color: #333333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.exchangeC li label{display: block;width: 20%;height: 50px;float: right;text-align: right;font-size: 12px;color: #888888;}
/*----------exchange end------------*/

.contacts{width: 100%;height: auto;margin-top: 82px;}
.contactsC{width: 100%;height: auto;}
.contactsC .details{width:100%;display:none;}
.contactsC .on{display:block;}
.contact{width: 88%;height: auto;margin: 3rem auto 0;background: url(../images/conatctimg.jpg) no-repeat;background-size: 100% 100%;font-size: 14px;color: #b9a360;line-height: 40px;text-align: center;padding: 4rem 0;}
.message{width: 100%;height: auto;padding: 2rem 1rem 1rem;}
.message li{width: 100%;line-height: 50px;margin-bottom: 10px;}
.message li label{display: block;width: 24%;height: 50px;float: left;font-size: 14px;color: #444444;}
.message li input{margin-bottom:20px; display: block;width: 60%;height: 48px;float: left;border:1px solid #dcdcdc;border-radius: 5px;padding: 0 1rem;}
.message li textarea{display: block;width: 100%;height: 200px;border:1px solid #dcdcdc;border-radius: 5px;padding: 1rem;}
.message li .submit{width: 80%;height: 50px;line-height: 50px;text-align: center;margin: 0 auto;margin-top:20px;background: url(../images/messagebtnbg.jpg) repeat-y;border-radius: 5px;font-size: 14px;color: #fff;border: 0;float: none;}
/*----------contacts end------------*/

.chamber{width: 100%;height: auto;margin-top: 82px;padding: 1rem;}
.chamber .newC li{padding: 1rem 0 0.5rem;}
.chamberinfo{width: 100%;height: auto;margin-top: 82px;font-size: 14px;color: #222222;line-height: 25px;padding: 1rem;}

.bazaars{width: 100%;height: auto;margin-top: 82px;}
.bazaars_title{width: 100%;height: 50px;background: #02438f;padding: 0 1rem;}
.bazaarsC{width: 100%;height: auto;padding: 1rem;}
.bazaars_title .tab{width:100%;overflow:hidden;}
.bazaars_title .tab li{float:left;width:25%;height:50px;color:#fff;text-align:center;line-height:50px;cursor:pointer;font-size: 14px;}
.bazaars_title .tab li.cur{color: #fff;background: #ccb778;}
.bazaarsC .details{width:100%;display:none;}
.bazaarsC .on{display:block;}
.bazaarsC li{width: 100%;height: 50px;border-bottom: 1px dashed #e5e5e5;line-height: 50px;padding: 0 1rem;}
.bazaarsC li span{display: block;width: 4px;height: 4px;float: left;background: #02438f;border-radius: 100%;margin-right: 10px;margin-top: 25px;}
.bazaarsC li a{display: block;width: 90%;height: 50px;float: left;font-size: 14px;color: #222222;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*----------bazaars end------------*/

.news{width: 100%;height: auto;margin-top: 82px;}
.news_title{width: 100%;height: 50px;background: #cc3333;padding: 0 1rem;}
.newsC{width: 100%;height: auto;padding: 1rem;}
.news_title .tab{width:100%;overflow:hidden;}
.news_title .tab li{float:left;width:20%;height:50px;color:#fff;text-align:center;line-height:50px;cursor:pointer;font-size: 14px;}
.news_title .tab li.cur{color: #333333;background: #eef0f1;}
.newsC .details{width:100%;display:none;}
.newsC .on{display:block;}
.newsC .newC li{padding: 1rem 0 0.5rem;}
/*----------news end------------*/

.video{width: 80%;height: auto;margin: 2rem auto 0;}
.video li{width: 100%;height: auto;margin-bottom: 1rem;}
.video li label{display: block;width: 100%;height: 30px;font-size: 14px;color: #444444;text-align: center;}
.video li img{width: 100%;height: auto;}
/*----------video end------------*/

.tender{width: 100%;height: auto;}
.tender li{width: 100%;height: 50px;border-bottom: 1px dashed #e5e5e5;line-height: 50px;}
.tender li img{width: 9px;height: 9px;float: left;vertical-align: middle;margin-right: 10px;margin-top: 22px;}
.tender li span{display: block;width: 70%;height: 50px;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 14px;color: #222222;}
.tender li label{display: block;width: 20%;height: 50px;float: right;text-align: right;font-size: 12px;color: #888888;}
/*----------tender end------------*/

.newsinfo{width: 100%;height: auto;margin-top: 92px;}
.newsinfo .newsinfo_top{width: 100%;height: 60px;border-bottom: 1px solid #e5e5e5;text-align: center;}
.newsinfo .newsinfo_top span{display:block;font-size: 16px;color: #333333;font-weight: bold;}
.newsinfo .newsinfo_top label{display:block;font-size: 12px;color: #666666;margin-top: 5px;}
.newsinfo .newsinfoC{width: 100%;height: auto;padding: 1rem;font-size: 14px;color: #222222;line-height: 25px;}
/*----------newsinfo end------------*/

.policy{width: 100%;height: auto;margin-top: 82px;padding: 1rem;}
.policy li{width: 100%;height: 50px;border-bottom: 1px dashed #e5e5e5;line-height: 50px;}
.policy li img{width: 9px;height: 9px;float: left;vertical-align: middle;margin-right: 10px;margin-top: 22px;}
.policy li span{display: block;width: 90%;height: 50px;float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 14px;color: #222222;}
/*----------tender end------------*/

.paging{display: table;margin:20px auto 0;height: 25px;line-height: 25px;}
.paging a{float: left;margin-right: 25px;display: table-cell;color: #666;font-size: 14px;}
.paging span{float: left;margin-right: 25px;display: table-cell;color: #666;font-size: 14px;}
.paging span.current{color: #02438f;}


.footer{width: 100%;height: auto;padding: 30px 0;}
.footer .tels{width: 100%;height: 25px;font-size: 12px;color: #888888;text-align: center;}
.footer .tels img{width: 16px;height: 16px;vertical-align: middle;margin-right: 5px;}
.footer label{display: block;width: 100%;height: 25px;font-size: 12px;color: #cac8c8;text-align: center;}

        .jwlogo {
            display:none;
        }
.Validform_checktip {float:left;}

.page {

}
.tc {
    text-align: center;
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 17px 0;
    border-radius: 3px;
}

.pagination > li {
    display: inline;
}


.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #2c3e50;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 2;
    color: #11181f;
    background-color: #eeeeee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #cc3333;
    border-color: #cc3333;
    cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 15px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}


