@charset "utf-8";
* {
    font-family: 微软雅黑;
}

.menu {
    width: 100%;
    background: #ff8104;
    height: 38px;
}

.menu ul {
    width: 100%;
    list-style: none;
    height: 38px;
}

.menu ul li {
    width: 20%;
    float: left;
    height: 38px;
    line-height: 38px;
    text-align: center;
    text-transform: uppercase;
}

.menu ul li a {
    color: #fff;
    display: block;
}

.titlebg {
    width: 100%;
    height: auto;
}

.title {
    width: 100%;
    height: auto;
    padding: 10px 0;
    background: url(../img/titlebg.jpg) center repeat-x
}

.title_content {
    width: auto;
    height: auto;
    padding: 0 2%;
    text-align: left;
    background: #fff;
    float: left;
    color: #3d3d3d;
    font-size: 18px;
    line-height: 27px;
    text-transform: uppercase;
}

.title_content h3 {
    color: #3d3d3d;
    font-size: 18px;
    font-weight: normal;
}

.title_span {
    float: right;
    font-size: 13px;
    font-weight: normal;
    color: #adc537;
    line-height: 27px;
    padding: 0 2%;
    background: #fff
}

.title_span a {
    color: #ff8104;
    line-height: 27px;
}

#mySwipe {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#mySwipe ul,
#mySwipe li {
    display: block;
    width: 100%;
    float: left;
    position: relative;
}

#mySwipe li a,
#mySwipe li a img {
    display: block;
    width: 100%;
    position: relative;
}

.top-line {
    height: 10px;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 10000;
    bottom: 15px;
}

.di-img {
    height: 10px;
    width: 10px;
    margin-left: 5px;
    border: none;
    display: inline-block;
    background: url('../img/li.png') no-repeat 0 0;
    background-size: 100%;
}

.di-img.active {
    background-image: url('../img/lion.png')
}

.top-ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.top-ul li {
    height: 100%;
    width: 100%;
    float: left;
}

.top-ul li img {
    width: 100%;
    border: none;
    display: block
}

.index_pro {
    width: 96%;
    padding: 1% 2% 2% 2%;
}

#pros a {
    color: #676767;
    font-size: 16px;
}

#pros img {
    width: 100% !important;
}

.navigation {
    display: block;
}

table {
    border-collapse: inherit
}

th,
tr,
td {
    font-size: 12px;
}

.required {
    width: 100% !important;
}

.form-text {
    width: 100% !important;
    height: 25px;
    border: 1px solid #999
}

.form-item .description {
    margin-top: 3px;
}

label {
    font-weight: normal;
    margin-bottom: 5px;
}

.big img {
    width: 100%;
}

.styletable {
    border-left: 1px solid #c7c7c7;
    border-top: 1px solid #c7c7c7
}

.styletable tr td {
    border-bottom: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7
}

.styletable td {
    padding-left: 3px;
}

#news img {
    max-width: 100%!important;
    height: auto!important
}

.page_ny {
    width: 96%;
    padding: 1% 2% 4% 2%;
    height: auto;
    text-align: left;
    line-height: 22px;
}

.page_indexnews {
    width: 100%;
    padding: 2% 0 5% 0;
    height: auto;
    text-align: left;
    line-height: 22px;
    margin-bottom: 2%
}

#newslist {
    list-style: none;
    padding: 0 2%
}

#newslist li {
    list-style: none;
    border-bottom: 1px solid #cfcfcf;
    width: 100%;
    background: url(../img/newsj.png) no-repeat left 10px;
}

.pro {
    width: 32%;
    float: left;
    margin-bottom: 1%;
}

.proname {
    width: 100%;
    height: auto;
    line-height: 16px;
    text-align: center;
    padding-top: 5px;
}

.proname a {
    line-height: 16px;
}

.cat li {
    list-style: none;
    color: #010101;
    background: #fff;
    width: 100%;
}

.cat li .classname {
    width: 100%;
    color: #010101;
    padding: 15px 0px;
    background: url(../img/news_dot.jpg) no-repeat center right;
    background-size: 2% 20%;
}

.cat li .classname a h3 {
    font-weight: bold
}

.cat li .classname2 {
    width: 90%;
    color: #010101;
    padding: 15px 5%;
    background: url(../img/news_dot.jpg) no-repeat center right;
    background-size: 2% 20%;
}

.cat li .classname2 a h3 {
    font-weight: normal
}

.cat li .classname3 {
    width: 80%;
    color: #010101;
    padding: 15px 10%;
    background: url(../img/news_dot.jpg) no-repeat center right;
    background-size: 2% 20%;
}

.cat li .classname3 a h3 {
    font-weight: normal
}

.foot_email {
    width: 100%;
    margin: 0 auto;
    background: #ff8104;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    color: #fff
}

.foot_email a {
    font-size: 16px;
    color: #fff
}

.foot_copyright {
    width: 100%;
    margin: 0 auto;
    background: #49535d;
    font-size: 13px;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    line-height: 18px;
}

.foot_copyright a {
    color: #fff;
    line-height: 18px;
    font-size: 13px;
}

.page_ny_title {
    width: 96%;
    margin: 0 auto;
    padding: 10px 2% 0 2%;
    color: #3d3d3d;
    font-size: 14px;
}

.page_ny_title a {
    color: #3d3d3d
}

@media screen and (min-width: 900px) {
    .site {
        display: none;
    }
}

@media screen and (max-width: 899px) {
    .no-mobile {
        display: none;
    }
}

* {
    font-family: 微软雅黑;
    font-size: 12px;
}

label,
div,
a,
p,
span {
    font-family: 微软雅黑;
    font-size: 13px;
}

.no-mobile {
    text-align: center;
    font-size: 12px;
    width: 500px;
    margin: auto;
    padding-top: 200px;
    line-height: 40px;
    font-family: 微软雅黑;
}

.navigation {
    background: #ff8104;
    background-repeat: repeat-x;
    height: 49px;
    display: block;
    width: 100%;
    bottom: 0px;
    position: fixed!important;
    z-index: 99999;
}

#hidepage {
    z-index: 999999;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #FFF;
    layer-background-color: #FFF;
    height: 700px;
    width: 100%;
}

#hidepage img {
    padding-top: 20px;
}

.center-text {
    padding-top: 150px;
    text-align: center;
}

* {
    margin: 0px;
    border: 0px;
    padding: 0px;
    -webkit-text-size-adjust: none;
}

.home {}

.about {
    display: none
}

.portfolio {
    display: none;
}

.blog {
    display: none;
}

.contact {
    display: none;
}

.empty-clear-menu {
    height: 50px;
}

.clear {
    clear: both;
}

html body {
    width: 100%;
    height: 100%;
}

.header-deco {
    background-image: url(../images/background/header-deco.png);
    background-repeat: repeat-x;
    height: 7px;
    margin-left: -10px;
    padding-right: 10px;
    width: 102%;
    margin-top: -3px;
}

.header {
    padding-top: 0px;
    margin-bottom: 0px;
}

.social-icons {
    float: right;
}

.social-icons img {
    padding-left: 10px;
}

.decoration {
    background-image: url(../images/background/deco_style_1.png);
    height: 2px;
    width: 100%;
    display: block;
    background-repeat: repeat-x;
    padding-bottom: 20px;
}

.image-deco {
    padding: 3px;
    -webkit-box-shadow: 0px 1px 1px 1px rgba(202, 202, 202, 0.8);
    -moz-box-shadow: 0px 1px 1px 1px rgba(202, 202, 202, 0.8);
    box-shadow: 0px 1px 1px 1px rgba(202, 202, 202, 0.8);
}

.image-width {
    width: 98%;
}

.round-icon {
    float: left;
    opacity: 0.8;
    filter: alpha(opacity=80);
    width: 32px;
    height: 33px;
    background-image: url(../images/icon-bg/gray_bg.png);
    background-repeat: no-repeat;
    padding-right: 10px;
    padding-bottom: 2px;
    margin-top: 5px;
}

.footer {
    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #CCC;
    background-image: url(../images/background/footer-bg.png);
    background-repeat: repeat;
    margin-left: -10px;
    width: 102%;
    padding-right: 14px;
    margin-bottom: -1px;
}

.notification-box-green {
    margin-bottom: 20px;
    width: 100%;
    height: 32px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #3ca730;
    background-color: rgba(60, 167, 48, 0.3);
}

.notification-box-green a {
    display: block;
    overflow: hidden;
}

.notification-box-yellow {
    margin-bottom: 20px;
    width: 100%;
    height: 32px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #cda51b;
    background-color: rgba(255, 210, 1, 0.5);
}

.notification-box-yellow a {
    display: block;
    overflow: hidden;
}

.notification-box-blue {
    margin-bottom: 20px;
    width: 100%;
    height: 32px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #649bae;
    background-color: rgba(100, 155, 174, 0.5);
}

.notification-box-blue a {
    display: block;
    overflow: hidden;
}

.notification-box-red {
    margin-bottom: 20px;
    width: 100%;
    height: 32px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #c24747;
    background-color: rgba(219, 84, 84, 0.5);
}

.notification-box-red a {
    display: block;
    overflow: hidden;
}

.notification-icon {
    padding-top: 9px;
    padding-left: 10px;
    float: left;
}

.notification-text {
    float: left;
    margin-top: 7px;
    padding-left: 20px;
}

.notification-quit-green {
    float: left;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    padding-top: 8px;
    margin-left: 90%;
    position: absolute;
    color: #3ca730!important;
}

.notification-quit-yellow {
    float: left;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    padding-top: 8px;
    margin-left: 90%;
    position: absolute;
    color: #cda51b!important;
}

.notification-quit-blue {
    float: left;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    padding-top: 8px;
    margin-left: 90%;
    position: absolute;
    color: #649bae!important;
}

.notification-quit-red {
    float: left;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    padding-top: 8px;
    margin-left: 90%;
    position: absolute;
    color: #c24747!important;
}


/*/////////*/


/*Blog Post*/


/*/////////*/

.blog-post img {
    margin-bottom: 10px;
}

.blog-post p {
    padding-bottom: 20px;
}

ul.blog-post-details {
    margin-bottom: 10px;
}

li.posted-by {
    list-style: none;
    background-image: url(../images/blog-lists/user.png);
    background-repeat: no-repeat;
    font-size: 12px;
    background-position-y: 1px;
    padding-left: 20px;
    margin-left: 2px;
    padding-right: 12px;
    color: #5b5b5b;
    float: left;
    padding-bottom: 10px;
    font-family: 'PT Sans', sans-serif;
}

li.posted-at {
    list-style: none;
    background-image: url(../images/blog-lists/clock.png);
    background-repeat: no-repeat;
    font-size: 12px;
    background-position-y: 1px;
    padding-left: 20px;
    padding-right: 12px;
    color: #5b5b5b;
    float: left;
    padding-bottom: 10px;
    font-family: 'PT Sans', sans-serif;
}

li.posted-in {
    list-style: none;
    background-image: url(../images/blog-lists/tags.png);
    background-repeat: no-repeat;
    font-size: 12px;
    background-position-y: 1px;
    padding-left: 20px;
    padding-right: 12px;
    color: #5b5b5b;
    float: left;
    padding-bottom: 10px;
    font-family: 'PT Sans', sans-serif;
}

li.posted-mo {
    list-style: none;
    background-image: url(../images/blog-lists/more.png);
    background-repeat: no-repeat;
    font-size: 12px;
    background-position-y: 1px;
    padding-left: 20px;
    color: #5b5b5b;
    float: left;
    padding-bottom: 10px;
    font-family: 'PT Sans', sans-serif;
}


/*////////////*/


/*Contact Form*/


/*////////////*/

#nameError {
    position: absolute;
    font-size: 12px;
    color: #e34e47;
    margin-top: -70px;
    right: 10px;
}

#emailError {
    position: absolute;
    font-size: 12px;
    color: #e34e47;
    margin-top: -70px;
    right: 10px;
}

#emailError2 {
    position: absolute;
    font-size: 12px;
    color: #e34e47;
    margin-top: -70px;
    right: 10px;
}

#messageError {
    position: absolute;
    font-size: 12px;
    color: #e34e47;
    margin-top: -105px;
    right: 10px;
}

.contactButton {
    margin-top: 15px;
    padding: 10px 10px!important;
}

.contactBut {
    padding: 8px 10px!important;
}

label#name_label {
    display: block;
    margin-top: -10px!important;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 0px 1px 0px #ffffff;
    color: #5b5b5b;
    line-height: 40px;
    padding-left: 3px;
}

label#email_label {
    display: block;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 0px 1px 0px #ffffff;
    color: #5b5b5b;
    line-height: 40px;
    padding-left: 3px;
}

label#message_label {
    display: block;
    font-family: 'PT Sans', sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-shadow: 0px 1px 0px #ffffff;
    color: #5b5b5b;
    line-height: 40px;
    padding-left: 3px;
}

#contactName {
    width: 92%;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    text-transform: capitalize;
    border-style: solid;
    border-width: 2px;
    border-color: #cacaca;
}

#contactName:focus {
    border-color: #e34e47;
}

#successMessage {
    margin-top: -10px!important;
    padding-bottom: 181px;
}

#contactEmail {
    width: 92%;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    text-transform: lowercase;
    border-style: solid;
    border-width: 2px;
    border-color: #cacaca;
}

#contactEmail:focus {
    border-color: #e34e47;
}

#contactMessage {
    padding: 10px;
    width: 92%;
    height: 50px;
    border-style: solid;
    border-width: 2px;
    border-color: #cacaca;
}

#contactMessage:focus {
    border-color: #e34e47;
}


/*Big Columns */

.left-column-big-icon {
    float: left;
    background-image: url(../images/columns/left.png);
    background-repeat: no-repeat;
    width: 88px;
    height: 177px;
    padding-right: 20px;
}

.left-column-big-title {
    padding-bottom: 10px;
    font-size: 16px;
    display: block;
}

.left-column-big-text {
    line-height: 20px;
    width: 100%;
    float: left;
    margin-left: -10px;
    padding-bottom: 20px;
}

.right-column-big-icon {
    float: right;
    background-image: url(../images/columns/right.png);
    background-repeat: no-repeat;
    width: 88px;
    height: 177px;
    margin-right: -10px;
    margin-left: 20px;
}

.right-column-big-title {
    padding-bottom: 10px;
    font-size: 16px;
    display: block;
}

.right-column-big-text {
    line-height: 20px;
    width: 100%;
    float: left;
    padding-bottom: 20px;
}

#edit-submit {
    color: #000;
    border: 1px solid #d0d0d0;
    background-color: #ededed;
    font-size: 12px;
    text-decoration: none!important;
    font-family: 微软雅黑;
    padding: 8px 12px;
    margin-right: 10px;
    margin-bottom: 20px;
    display: inline-block;
}

.required {
    border: 1px solid #999
}

#edit-fax {
    border: 1px solid #999
}

.inmores {
    color: #666;
    border: 1px solid #c8c8c8;
    padding: 3px 35px;
    cursor: pointer;
    font-size: 13px;
}

#pros a {
    display: block
}

.item-list {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0
}

.item-list a {
    padding: 0 5px;
}