@charset "utf-8";
/* CSS Document */


@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {
    margin: 0;
    padding: 0;
}
 
h1 {
    font-size: 1.5em;
}
small {
}
ul, ol, li {
    list-style: outside none none;
}
a {
    color: #666666;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
fieldset, img {
    border: 0 none;
    max-width: 100%;
    vertical-align: top;
}
button, input, select, textarea {
    font-size: 100%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input {
    vertical-align: middle;
}
html {
    overflow-y: scroll;
}
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
.clearfix {
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.hide {
    display: none;
}
.paged {
    padding: 1em 0;
    text-align: right;
}
.paged a {
    background: url("../images/probtn.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    display: inline-block;
    height: 29px;
    margin: 0 0.3em;
    width: 29px;
}
.paged .pro_prev {
    background-position: 0 0;
}
.paged .pro_next {
    background-position: -46px 0;
}
.cpadd {
    padding: 0 15px;
}
.ui-bar-z {
    background: none repeat scroll 0 0 #f5f5f5;
    color: #3e3e3e;
    font-weight: bold;
}
.ui-bar-z .ui-link-inherit {
    color: #3e3e3e;
}
.ui-bar-z a.ui-link {
    color: #cc0d00;
    font-weight: bold;
}
.ui-bar-z a.ui-link:visited {
    color: #cc0d00;
}
.ui-bar-z a.ui-link:active {
    color: #cc0d00;
}
.ui-bar-z, .ui-bar-z input, .ui-bar-z select, .ui-bar-z textarea, .ui-bar-z button {
    font-family: Arial,sans-serif;
}
.ui-body-z, .ui-overlay-z {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #aaa;
    color: #333;
}
.ui-overlay-z {
    background-image: none;
    border-width: 0;
}
.ui-body-z, .ui-body-z input, .ui-body-z select, .ui-body-z textarea, .ui-body-z button {
    font-family: Microsoft YaHei,Arial,sans-serif;
}
.ui-body-z .ui-link-inherit {
    color: #333;
}
.ui-body-z .ui-link {
    color: #fff;
    font-weight: bold;
}
.ui-body-z .ui-link:hover {
    color: #00589d;
}
.ui-body-z .ui-link:active {
    color: #00589d;
}
.ui-body-z .ui-page-footer-fixed {
    padding-bottom: 0;
}
.ui-btn-up-z {
    background: none repeat scroll 0 0 #ba0a06;
    border-left: 1px solid #eb110a;
    border-right: 1px solid #660401;
    color: #ffffff;
    font-weight: bold;
}
.ui-btn-up-z:visited, .ui-btn-up-z a.ui-link-inherit {
    color: #fff;
}
.ui-btn-hover-z {
    background: none repeat scroll 0 0 #9d0602;
    border-left: 1px solid #eb110a;
    border-right: 1px solid #660401;
    color: #ffffff;
    font-weight: bold;
}
.ui-btn-hover-z:visited, .ui-btn-hover-z:hover, .ui-btn-hover-z a.ui-link-inherit {
    color: #fff;
}
.ui-btn-down-z {
    background: none repeat scroll 0 0 #9d0602;
    border-left: 1px solid #eb110a;
    border-right: 1px solid #660401;
    color: #00589d;
    font-weight: bold;
}
.ui-btn-down-z:visited, .ui-btn-down-z:hover, .ui-btn-down-z a.ui-link-inherit {
    color: #fff;
}
.ui-btn-up-z, .ui-btn-hover-z, .ui-btn-down-z {
    font-family: Arial,sans-serif;
    text-decoration: none;
}
.ui-btn-active {
    background: none repeat scroll 0 0 #9d0602;
}
header {
    margin: 0 auto;
    max-width: 640px;
    overflow: hidden;
}
footer {

    padding-bottom: 65px;
}
article {
    margin: 0 auto;
    max-width: 640px;
}
.hdtop {
    background: url("../images/hdTopBg.gif") repeat-x scroll center top rgba(0, 0, 0, 0);
    overflow: hidden;
}
.logo {
    width:75%;
}
.content {
    padding: 0;
}
.banner {
}
.c_box {
    background: none repeat scroll 0 0 #f5f5f5;
    padding: 15px;
}
.c_tit {
    background: none repeat scroll 0 0 #e8e8e8;
    padding: 1em 15px;
}
.c_tit span {
    color: #000;
    font-weight: bold;
}
.ui-body-z .c_tit .more {
    color: #aaaaaa;
    font-weight: bold;
    margin-top: -5px;
}
.web_about {
    padding: 15px;
}
.web_about img {
    border-radius: 3px;
    float: left;
    margin: 0 15px 10px 0;
    max-width: 26%;
}
.ui-body-z .web_about a {
    color: #666666;
    font-size: 1em;
    line-height: 1.5em;
    text-align: justify;
}
.ui-body-z .web_about a b {
    color: #151515;
}
.web_newslist {
    padding: 15px;
}
.ui-body-z .web_newslist li {
    border-bottom: 1px dashed #b3b3b3;
    padding-left: 0;
    padding-right: 0;
}
.ui-body-z .web_newslist li > a {
    color: #333;
    font-weight: normal;
}
.ui-body-z .web_newslist li a.ui-link-inherit {
    padding-left: 0;
}
.web_newslist .pic {
    padding-right: 1em;
    width: 26%;
}
.web_newslist .txt {
    width: 70%;
}
.ui-body-z .web_newslist .txt a {
    color: #333333;
    font-weight: normal;
}
.ui-body-z .web_newslist .txt h3 {
    margin: 0;
}
.ui-body-z .web_newslist .txt h3 a {
    color: #cc0d00;
    font-weight: bold;
}
.web_prolist {
    padding: 0 10px;
}
.web_prolist > div {
    padding: 15px 5px;
    text-align: center;
}
.web_prolist img {
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.web_prolist p {
    font-size: 0.8em;
    text-align: center;
}
.web_prolist h3 {
    color: #333333;
    padding-top: 15px;
    text-align: center;
}
.ui-body-z .web_prolist p {
    color: #cc0000;
}
.ui-body-z .web_prolist span {
    color: #898989;
}
.web_probtn {
    background: url("../images/probtn.jpg") repeat-x scroll center center rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 0 4px #c6c6c6;
    cursor: pointer;
    display: block;
    height: 52px;
    line-height: 52px;
    margin: 0 auto;
    text-align: center;
    text-shadow: 3px 3px 3px #03366c;
}
.ui-body-z .web_probtn:hover {
    color: #fefefe;
}
.web_probox {
    padding-bottom: 30px;
}
.i_arr_r {
    background: url("images/icons-18-black.png") no-repeat scroll -108px -1px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 18px;
    width: 18px;
}
.hdnav .ui-btn-inner {
    padding: 0;
}
.hdnav .ui-btn-text {
    font-size: 1em;
}
.lang {
    padding-right: 3em;
}
.langbtn {
    background: none repeat scroll 0 0 #f8f8f8;
    border: 1px solid #fff;
    border-radius: 3px;
    box-shadow: 2px 2px 2px #ccc;
    display: block;
    font-size: 0.6em;
    line-height: 2em;
    padding: 0 0.5em;
}
.hdmenutit {
    line-height: 31px;
}
.hdmenu {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999;
}
.footer {
    background: none repeat scroll 0 0 #fff;
    position: relative;
}
.foottit {
    font-size: 1.2em;
    line-height: 4em;
    text-align: center;
}
.foottit span {
    color: #cc0000;
    font-size: 1.3em;
}
#gotop {
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    right: 0;
    width: 20%;
}
.footnav {
    background:#009b7f;
    line-height: 3em;
    text-align: center;
}
.footnav a {
    color: #fff;
}
.footnav span {
    color: #fff;
}
.footlink > div {
    padding: 0.5em 0.2em;
}
.footinfo {
    color: #666666;
    font-size:13px;
    text-align: center;
	font-weight:normal;
	padding:10px 0;
}
.footba {
    font-size: 0.5em;
    line-height: 2em;
    text-align: center;
}
.ui-body-z .footba a {
    color: #666666;
}
#positionOrigin-popup {
    position: fixed;
}
.theBanner {
    overflow: auto;
    position: relative;
}
.theBanner li {
    background-size: 2000px 500px;
    list-style: outside none none;
}
.theBanner ul {
    margin: 0;
    padding: 0;
}
.theBanner ul li {
    float: left;
}
.theBanner .dots {
    bottom: 20px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}
.theBanner .dots li {
    background: none repeat scroll 0 0 #000;
    border: 2px solid #fff;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 0 4px;
    opacity: 0.4;
    text-indent: -999em;
    transition: background 0.5s ease 0s, opacity 0.5s ease 0s;
    width: 10px;
}
.theBanner .dots li.active {
    opacity: 1;
}
.ordertit {
    -moz-text-align-last: justify;
    font-size: 1.125em;
    line-height: 1.5em;
    padding-bottom: 15px;
    text-align: justify;
}
.paper {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 2px #d3d3d3;
    padding: 0.625em;
}
.ordering {
    padding: 1.5em;
}
.ordering table {
    width: 100%;
}
.ordering table tr td:first-child {
    font-size: 1em;
    padding-right: 0.5em;
    text-align: right;
}
.ordering table tr td b {
    color: #ca0001;
}
.ordering table tr td {
    padding: 0.625em 0;
}
.ui-body-z .ordering table tr td label {
    width: 100%;
}
.ordering .ordsubmit .ui-btn-up-z {
    background: url("../images/probtn.jpg") repeat-x scroll center center rgba(0, 0, 0, 0);
    border: medium none;
}
.ordering table tr td textarea {
    height: 100px;
    resize: none;
}
.c_box .protabs > div {
    background: none repeat scroll 0 0 #e7e7e7;
    border-radius: 5px 5px 0 0;
    margin: 0 0.75%;
    padding: 0.8em 0;
    text-align: center;
    width: 23.5%;
}
.c_box .protabs > div.selected {
    background: none repeat scroll 0 0 #013f88;
    color: #fff;
}
.prolist > li {
    border-bottom: 1px dashed #d3d3d3;
    padding: 1.5em 0;
}
.prolist .pic {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    float: left;
    max-height: 150px;
    overflow: hidden;
    width: 30%;
}
.prolist .pic img {
    max-height: 100%;
    width: 100%;
}
.prolist .text {
    float: right;
    width: 67%;
}
.prolist .text strong {
    color: #ba0a06;
    display: block;
    font-size: 1.2em;
    padding-bottom: 5px;
}
.prolist .text li {
    float: left;
    font-size: 0.8em;
    line-height: 170%;
    width: 49%;
}
.prolist .text li a {
    color: #333;
}
.pro_piclist {
    padding: 1em 0;
}
.pro_piclist > a {
    display: inline-block;
    margin: 2%;
    max-height: 110px;
    width: 45%;
}
.pro_piclist > a > img {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 100%;
    max-height: 110px;
    width: 100%;
}
.proedit {
    font-size: 1em;
    line-height: 1.3em;
    padding: 1em;
}
.ui-body-z .paper .web_probtn {
    color: #fff;
}
.proviewbox {
    padding: 2em 0;
}
.proinfo {
    border-bottom: 1px dashed #c0c0c0;
    margin: 0 1em;
    padding: 1em 0;
}
.proinfo .pic {
    float: left;
    width: 30%;
}
.proinfo .text {
    float: right;
    width: 68%;
}
.proinfo .text h2 {
    color: #b60400;
    padding-bottom: 0.5em;
}
.proinfo .text p {
    color: #666666;
    line-height: 1.25em;
}
.aboutbox {
    -moz-text-align-last: justify;
    font-size: 1.125em;
    line-height: 1.5em;
    text-align: justify;
}
#slides, #slides2 {
    display: none;
    position: relative;
}
#slides .slidesjs-navigation {
    margin-top: 3px;
}
#slides .slidesjs-previous {
    float: left;
    margin-right: 5px;
}
#slides .slidesjs-next {
    float: left;
    margin-right: 5px;
}
.slidesjs-pagination {
    bottom: 20px;
    list-style: outside none none;
    position: absolute;
    z-index: 99;
}
.slidesjs-pagination li {
    display: inline-block;
    margin: 0 1px;
}
.slidesjs-pagination li a {
    background-image: url("../img/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 13px;
    width: 13px;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a.active:hover {
    background-position: 0 -13px;
}
.slidesjs-pagination li a:hover {
    background-position: 0 -26px;
}
#slides a:link, #slides a:visited {
    color: #333;
}
#slides a:hover, #slides a:active {
    color: #9e2020;
}
.solubox ul {
    border-bottom: 1px dashed #e1e1e1;
}
.solubox ul li {
    float: left;
    margin: 4% 2%;
    text-align: center;
    width: 28%;
}
.solubox ul li p {
    color: #666666;
    font-size: 0.8em;
    min-height: 40px;
}
.solubox ul li img {
    max-height: 175px;
}
.soluviewtit {
    background: none repeat scroll 0 0 #b60400;
    color: #fff;
    font-size: 1.25em;
    padding: 0.5em;
}
.soluviewedit {
    border-bottom: 1px solid #e1e1e1;
    line-height: 1.5em;
    padding: 1em 0.5em;
}
.c_box .ctttabs > div {
    background: url("../images/probtn2.jpg") repeat-x scroll center center rgba(0, 0, 0, 0);
    border-radius: 5px 5px 0 0;
    font-weight: bold;
    margin: 0 0.75%;
    padding: 0.8em 0;
    text-align: center;
    width: 23.5%;
}
.c_box .ctttabs > div.selected {
    background: url("../images/probtn.jpg") repeat-x scroll center center rgba(0, 0, 0, 0);
    color: #fff;
}
.newslist li {
    border-bottom: 1px solid #dcdcdc;
    border-top: 1px solid #fff;
}
.newslist li:first-child {
    border-top: medium none;
}
.flippaged {
    padding: 1em 0;
}
.ui-body-z .flippaged ul li a {
    color: #333333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.flippaged ul li i {
    margin-right: 5px;
}
i.pageup {
    background: url("../images/paged.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 7px;
    width: 11px;
}
i.pagedn {
    background: url("../images/paged.png") no-repeat scroll 0 -31px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 7px;
    width: 11px;
}
.newsviewbox {
    padding: 1.5em;
}
.newsview .tit {
    border-bottom: 1px dashed #c7c7c7;
    color: #cc0000;
    font-size: 1.25em;
    padding: 0.5em 0;
    text-align: center;
}
.newsview .date {
    border-top: 1px dashed #fff;
    color: #333333;
    font-size: 0.875em;
    padding: 0.3em;
    text-align: center;
}
.newsedit {
    border-bottom: 1px dashed #c7c7c7;
    color: #333333;
    line-height: 1.5em;
    padding: 1.5em 0;
}
.posr {
    position: relative;
}
.posr p {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    color: #fff;
    left: 0;
    line-height: 2em;
    overflow: hidden;
    padding-left: 5%;
    padding-right: 35%;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%;
    z-index: 999;
}
#slides2 .slidesjs-pagination {
    bottom: 0.3em;
    right: 10%;
}
#slides2 .slidesjs-pagination li a {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    display: block;
}
#slides2 .slidesjs-pagination li a.active, .slidesjs-pagination li a.active:hover {
    background: none repeat scroll 0 0 #0c7cc2;
}
.nslist .more {
    background: none repeat scroll 0 0 #bc0400;
    border-radius: 3px;
    display: block;
    float: right;
    font-size: 0.5em;
    height: 1.5em;
    line-height: 1.5em;
    margin: 0.8em 0;
    padding: 0.5em 0;
    text-align: center;
    width: 70px;
}
.ui-body-z .nslist .more:active {
    color: #fff;
}
.ui-body-z .nslist .more:hover {
    color: #fff;
}
.ui-body-z .ui-btn-up-b {
    background: none repeat scroll 0 0 #646464;
}
.footmenu {
    background: none repeat scroll 0 0 #404040;
    bottom: 0;
    left: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 999;
}
.footmenu > div {
    padding: 0.5em 0;
}
#slides .slidesjs-pagination li a {
    background: none repeat scroll 0 0 #4e4e4e;
    border-radius: 6px;
}
#slides .slidesjs-pagination {
    display: inline;
    text-align: center;
    width: 100%;
}
#slides .slidesjs-pagination li a.active {
    background: none repeat scroll 0 0 #cb0400;
}
#slides .slidesjs-container {
    text-align: center;
}
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
}
@media only all {
#gotop {
    bottom: 20px;
}
.theBanner li {
    height: 175px;
}
.hdnav .ui-btn-text {
    font-size: 1em;
}
}
@media screen and (min-width: 20em) {
#gotop {
    top: 135px;
}
.top_new_view {
    float: left;
    width: 100%;
}
.web_newslist .pic {
    padding-bottom: 5px;
    padding-right: 0;
}
.hdmenu, .lang {
    padding-top: 0.3em;
}
.theBanner li {
    height: 175px;
}
.hdnav .ui-btn-text {
    font-size: 0.8em;
}
}
@media screen and (min-width: 30em) {
#gotop {
    top: 135px;
}
.top_new_view {
    float: left;
    width: 100%;
}
.ui-body-z .web_newslist .txt h3 {
    overflow: visible;
    white-space: normal;
}
.top_new_view {
    float: right;
    width: 100%;
}
.hdmenu, .lang {
    padding-top: 1.2em;
}
.theBanner li {
    height: 250px;
}
.hdnav .ui-btn-text {
    font-size: 1em;
}
}
@media screen and (min-width: 40em) {
#gotop {
    right: -10px;
    top: 142px;
}
.top_new_view {
    float: right;
    width: 70%;
}
.hdmenu, .lang {
    padding-top: 2em;
}
.theBanner li {
    height: 350px;
}
.prolist .text li {
    font-size: 0.8em;
    line-height: 200%;
}
.prolist .text strong {
    font-size: 1.2em;
}
.hdnav .ui-btn-text {
    font-size: 1.2em;
}
}
@media screen and (min-width: 50em) {
}
@media screen and (min-width: 60em) {
}
@media screen and (min-width: 70em) {
}
@media only all {
.hdnav .ui-btn-text {
    font-size: 0.9em;
}
}
@media (min-width: 35em) {
}
@media (max-width: 35em) {
}
.c_box .protabs > div a {
    color: #fff;
}
.c_box .protabs > div.selected a {
    color: #fff;
}
.c_box .ctttabs > div a {
    color: #000;
}
.c_box .ctttabs > div.selected a {
    color: #fff;
}
.slidesjs-play {
    display: none;
}
.slidesjs-stop {
    display: none;
}
.prosorts ul li {
    float: left;
    margin: 0 5px 5px 0;
}
.ui-body-z .prosorts ul li a {
    background: none repeat scroll 0 0 #e7e7e7;
    color: #333333;
    display: inline-block;
    padding: 10px 20px;
}
.ui-body-z .prosorts ul li a.on {
    background: none repeat scroll 0 0 #ba0a06;
    color: #fff;
}
.newscn .c_tit {
    background: none repeat scroll 0 0 #646464;
}
.newscn .c_tit span {
    color: #fff;
}
.ui-body-z .newscn .c_tit .more {
    color: #fff;
}