/************************Notice background path*********************************************/
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-right,
.content-right-in {
    content: " ";
    display: table;
}

.clear {
    clear: both;
}


html,
body {
    -webkit-text-size-adjust: none;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: #fff;
}

a,
p {
    margin: 0;
    padding: 0;
}

ol,
ul,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

img {
    border: 0;
    vertical-align: top;
}

#scrollUp {
    bottom: 20px;
    right: 10px;
    height: 42px;
    width: 42px;
    background-color: rgba(0, 0, 0, 0.3);
    font-size: 36px;
    color: white;
    text-align: center;
    border-radius: 10px;
    text-decoration: none;
    z-index: 999;
    -webkit-transition: -webkit-transform opacity 0.2s ease-out;
    -moz-transition: -moz-transform opacity 0.2s ease-out;
    -o-transition: -o-transform opacity 0.2s ease-out;
    transition: transform opacity 0.2s ease-out;
}

#scrollUp .icon {
    vertical-align: middle;
    display: table;
    width: 29px;
    height: 28px;
    background: url(../images/scroll.png);
    margin: 7px auto;
    z-index: 999;
}

#scrollUp:hover {
    background-color: rgba(0, 0, 0, 0.75);
}


.box {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.box a:link,
.box a:visited {
    text-decoration: none;
}

.box a:hover {
    text-decoration: underline;
}

/*-------------------       header      ---------------------------*/
.header {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    height: auto;
    background: #ffffff;
}

.logo {
    width: 300px;
    margin: 2.604166666% auto;
}

.logo img {
    width: 100%;
    height: auto;
}

.clear {
    zoom: 1;
}

.clear::after {
    content: '';
    display: block;
    clear: both;
}

/*-------------------       headmenu      ---------------------------*/
.headmenu {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 59px;
    background: url(../images/headmenu-bg.jpg) repeat;
}

.headmenu-head {
    display: none;
}

#menu-header {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    font-size: 15px;
    font-family: Calibri;
    font-weight: bold;
    text-transform: uppercase;
}

#menu-header li {
    position: relative;
    float: left;
    margin: 0 1px;
    width: 13%;
}

#menu-header li a,
#menu-header li a:visited {
    display: block;
    _display: inline-block;
    width: 100%;
    height: 59px;
    color: #ffffff;
    text-decoration: none;
    line-height: 59px;
    text-align: center;
    transition: all 1s;
}

#menu-header li a:hover {
    color: #ffffff;
    background: url(../images/headmenu-bg.jpg) repeat;
}

#menu-header li ul.sub-menu {
    position: absolute;
    top: 59px;
    left: -59px;
    overflow: hidden;
    background: #E90003;
    display: none;
    z-index: 999;
    font-size: 12px;
    font-family: Calibri;
    font-weight: bold;
    text-transform: uppercase;
}

#menu-header li ul.sub-menu li {
    position: relative;
    float: left;
    margin: 0 1px;
    width: 280px;
}

#menu-header li ul.sub-menu li a,
#menu-header li ul.sub-menu li a:visited {
    display: block;
    _display: inline-block;
    width: 280px;
    margin: 0 auto;
    height: 40px;
    color: #ffffff;
    text-decoration: none;
    line-height: 40px;
    text-align: center;
    transition: all 1s;
    background: url(../images/headmenu-bg.jpg) repeat;
}

#menu-header li ul.sub-menu li a:hover {
    background: none;
}

/*-------------------       flash       ---------------------------*/
.flash {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    height: auto;
    background: #D2D2D2;
}

.line-bg {
    width: 100%;
    height: 27px;
    margin: 0 auto;
}

.line-bg img {
    width: 100%;
    height: auto;
}

/*-------------------       content1    ---------------------------*/
.content1 {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    height: 744px;
    background: #D2D2D2;
}

.content-div {
    width: 92.2916666%;
    margin: 74px auto 0px;
    overflow: hidden;
}

.content-left {
    width: 48.419864%;
    height: 591px;
    background: #ffffff;
    float: left;
}

.content-left-title {
    width: 308px;
    margin: 12.820512% auto 0px;
    font: bold 57px/57px 'Arial';
    color: #D70002;
}

.content-left-profile {
    width: 65.617715%;
    margin: 5.4778554% auto 0px;
    font: bold 15px/18px 'Arial';
    color: #333333;
    text-align: center;
}

.arrows {
    width: 29px;
    margin: 2.331002% auto 0px;
    cursor: pointer;
    transition: all 1s;
}

.arrows:hover {
    margin: 2.9137529% auto 0px;
}

.btn {
    width: 199px;
    margin: 4.0792540% auto 0px;
    font-size: 20px;
    font-family: 'Calibri';
    font-weight: bold;
    text-align: center;
}

.btn a,
.btn a:visited {
    display: block;
    width: 100%;
    height: 41px;
    text-align: center;
    line-height: 41px;
    color: #B20006;
    transition: all 1s;
    background: url(../images/btn-bg.jpg);
}

.btn a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #D70002;
}

.content-right {
    width: 50.286704%;
    height: 591px;
    background: #232323;
    float: right;
    z-index: 2;
}

.content-right-in {
    position: relative;
    display: block;
    width: 94.725028%;
    height: 542px;
    margin: 25.5px auto;
    z-index: 9;
    /*background: url(../images/content-right-pic.png) no-repeat;*/
}

.content-right-pic {
    display: block;
    width: 100%;
    height: 100%;
}

.content-right-pic img {
    position: relative;
    width: 100%;
    height: auto;
}

.content-right-info {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 196px;
    background: url(../images/content-right-info-bg.png);
    z-index: 99;
    padding-top: 20px;
}

.content-right-arrows {
    position: relative;
    top: -18px;
    width: 100%;
    text-align: center;
    z-index: 999;
    transition: all 1s;
}

.content-right-arrows:hover {
    position: relative;
    top: -36px;
}

.content-right-title {
    position: relative;
    top: 0px;
    font-weight: bold;
    font-size: 23px;
    font-family: 'Arial';
    color: #E9E9E9;
    width: 100%;
    text-align: center;
}

.content-right-p {
    position: relative;
    top: 0px;
    width: 100%;
    margin: 5px auto;
    overflow: hidden;
}

.content-right-profile {
    width: 70%;
    margin: 0 auto;
    font-weight: bold;
    font-size: 14px;
    font-family: 'Arial';
    color: #ffffff;
    line-height: 20px;
    text-align: center;
}

.content-right-iso {
    float: right;
    width: 26.25%;
}

.content-right-iso img {
    width: 100%;
    height: auto;
}

.content-right-btn {
    width: 199px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 20px;
    transition: all 1s;
    font-family: 'Calibri';
}

.content-right-btn a,
.content-right-btn a:visited {
    display: block;
    width: 199px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    color: #B20006;
    background: url(../images/content-right-profile-bg.jpg);
    transition: all 1s;
}

.content-right-btn a:hover {
    color: #ffffff;
    text-decoration: none;
    background: #DD0101;
}

/*-------------------       content2    ---------------------------*/
.content2 {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    height: 490px;
    background: #313131;
}

.product-img {
    width: 94.1875%;
    margin: 75px auto 0;
    overflow: hidden;
}

.product-img li {
    float: left;
    width: 24.5%;
    margin: 0px 0.25%;
}

.product-img li img {
    width: 100%;
    height: auto;
}

.click {
    font-weight: bold;
    font-size: 15px;
    font-family: 'Arial';
    width: 100%;
    height: 59px;
    text-align: center;
    line-height: 59px;
    background: #D2D2D2;
    box-shadow: 0px;
    transition: all 1s;
    cursor: pointer;
}

.click:hover {
    box-shadow: 1px 1px 1px #000;
}

.click a,
.click a:visited {
    color: #0E0C0D;
    transition: all 1s;
}

.click a:hover {
    color: #88000F;
    text-decoration: none;
}

/*-------------------       foooter     ---------------------------*/
.footer {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    height: 218px;
    background: #DC0203;
}

.footer-info {
    width: 90%;
    margin: 70px auto 90px;
    overflow: hidden;
}

.footer-info-left {
    width: 30%;
    text-align: right;
    color: #E9E9E9;
    font-weight: bold;
    font-size: 20px;
    font-family: 'Arial';
    float: right;
    margin: 0px 0px;
}

.footer-info-right {
    width: 70%;
    text-align: left;
    color: #E9E9E9;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    font-family: 'Arial';
    float: left;
}

.footer-info-right li {
    float: left;
    width: 100%;
}

.footer-info-right a,
.footer-info-right a:visited {
    color: #E9E9E9;
}

.footer-info-right-li {
    font-size: 14px;
    margin-top: 52px;
}


/********************     frame      ***************************/
.frame-pic {
    position: relative;
    width: 100%;
    height: auto;
}

.frame-img {
    display: block;
    width: 100%;
    height: 100%;
}

.frame-img img {
    position: relative;
    width: 100%;
    height: 394px;
}

.aboutus-frameway {
    position: absolute;
    top: 0px;
    margin-top: 6.45833333%;
    margin-left: 11.04166666%;
    font-size: 57px;
    font-family: 'Arial';
    font-weight: bold;
}

.frame-arrows {
    width: 52px;
    height: auto;
    margin-top: 5px;
    transition: all 1s;
    cursor: pointer;
}

.frame-arrows:hover {
    margin-top: 10px;
}

.frame-arrows img {
    width: 100%;
    height: auto;
}

.frame-content {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    background: #D2D2D2;
}

.frame-content img {
    max-width: 100%;
}

.frame-content-in {
    width: 90%;
    margin: 2% auto;
    min-height: 1200px;
}

/****************************** global ******************************/
.rightcontent {
    width: 98%;
    padding-top: 80px;
    margin: auto;
    overflow: hidden;
}

/* right content*/
.rightcontent a,
.rightcontent a:visited {
    color: #000;
    text-decoration: none;
}

.rightcontent a:hover {
    color: #006699;
    text-decoration: none;
}

.righttitlebg {
    width: 100%;
}

/*right content head bgcolor*/
.righttitle {
    color: #000;
    font-weight: bold;
    height: 30px;
    font-size: 26px;
}

.righttitle a,
.righttitle a:visited {
    color: #000;
    text-decoration: none;
}

.righttitle a:hover {
    color: #006699;
    text-decoration: none;
}

.righttitle:before,
.righttitle:after {
    clear: both;
}

.content_box {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.loopimg img {
    border: 1px #ccc solid;
}

.bottom_loop_div {
    width: 23%;
    margin: 1%;
    float: left;
}

/*bottom product box*/
.catimg {
    width: 200px;
    margin: 0 auto;
    text-align: center;
}

.catna {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.cat-name {
    width: 200px;
    margin: 0 auto;
    overflow: hidden;
}

.cattotal {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

.rightinfo {
    width: 100%;
    margin: 0 auto;
    line-height: 20px;
    padding: 10px 0px;
}

#product_show {
    width: 100%;
    margin: 50px auto;
    overflow: hidden;
}

.m_product_box {
    width: 25%;
    padding: 20px 0px;
    overflow: hidden;
    float: left;
}

.product-list-left {
    float: left;
    width: 100%;
    text-align: center;
}

.show_photo {
    width: 200px;
    margin: 0 auto;
}

/*width of m_photo box*/
.show_photo img {
    width: 100%;
    height: auto;
}

.product-list-middle {
    float: left;
    width: 48%;
    text-align: left;
}

.show_photo_detail {
    margin-left: 0px;
    margin-right: 0px;
}

/*width of m_photo detaile box*/
.product-list-right {
    float: left;
    width: 100%;
    text-align: center;
}

.product-list-right li {
    padding-top: 30px;
}

.btn_box a,
.btn_box a:visited,
.btn_box a:hover {
    color: red;
    text-decoration: none;
}

.page_list_a {
    padding: 2px 2px 2px 2px;
    xbackground-color: #eee;
    xborder: 1px #000 solid;
}

.pagelist_hover {
    xbackground-color: #ccc;
    xborder: 1px #000 solid;
}

.page_list_a_bold {
    padding: 2px 2px 2px 2px;
    font-weight: bold;
}

.righttitle-left {
    float: left;
    width: 70%;
    text-align: left;
}

.righttitle-right {
    float: right;
    width: 28%;
    text-align: right;
    padding-right: 2%;
}

.product-infomation {
    width: 100%;
    font-size: 14px;
    margin: 10px auto;
    text-align: center;
}

.product-img-l {
    padding: 5px;
    text-align: center
}

.product-link {
    height: 22px;
    width: 300px;
    margin: 0 auto;
}

.product-detail-btn {
    width: 320px;
    padding-top: 20px;
    margin: 0 auto;
}

.product-detail-btn li {
    width: 33.3333%;
    float: left;
    text-align: center;
}

.product-list-bottom {
    width: 100%;
    height: 25px;
    line-height: 25px;
    margin: 10px 0px;
    border-bottom: 1px #999 dashed;
}

.total-product {
    float: left;
    width: 50%;
    text-align: center;
}

.page-list {
    float: left;
    width: 50%;
    text-align: center;
}

.enquiry-btn {
    float: left;
    width: 30%;
    text-align: right;
}

/****************************** enquiry ******************************/
.form_max {
    position: relative;
    width: 90%;
    margin: 20px auto;
    border: 3px solid #666666;
    padding: 1px;
}

.enquiry_form_color {
    width: 100%;
}

#ta {
    width: 100%;
}

.list {
    width: 100%;
}

.style1 {
    width: 100%;
}

.style2 {
    width: 90%;
}

.style6 {
    font-weight: bold;
    color: #000;
}

/************************** aboutus page *************************************/

.aboutus {
    width: 1000px;
    margin: 20px auto;
    line-height: 20px;
}

.aboutus-title {
    width: 100%;
    margin: 20px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.aboutus-pic {
    width: 100%;
    margin: 0 auto;
}

.aboutus-pic img {
    width: 100%;
    height: auto;
}

.aboutus-content-title {
    width: 100%;
    margin-top: 20px;
    font-weight: bold;
}

.aboutus-content {
    width: 100%;
    margin: 10px 0px;
}


/************************** Machinery page *************************************/
.Machinery {
    width: 100%;
    margin: 20px auto;
    line-height: 20px;
}

.Machinery-title {
    width: 100%;
    margin: 20px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.Machinery-content-title {
    width: 100%;
    margin-top: 20px;
    font-weight: bold;
    font-size: 26px;
}

.Machinery-content-title span {
    font-size: 39px;
}

.Machinery-content-title span strong {
    color: #707070;
}

.Machinery-content {
    width: 100%;
    margin: 1% auto;
    overflow: hidden;
}

.Machinery-content li {
    width: 49%;
    margin-right: 1%;
    float: left;
}

.machinery-pic {
    width: 100%;
    text-align: center;
    margin: 3px 0px;
}

.machinery-pic img {
    width: 100%;
    height: auto;
}

.machinery-pic-name {
    width: 100%;
    text-align: center;
    height: 30px;
}


/************************** Capabilities page *************************************/
.Capabilities {
    width: 100%;
    margin: 20px auto;
    line-height: 20px;
}

.Capabilities-title {
    width: 100%;
    margin: 20px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
}

.Capabilities-content-title {
    width: 100%;
    margin-top: 20px;
    font-weight: bold;
    font-size: 26px;
}

.Capabilities-content {
    width: 100%;
    margin: 1% auto;
    overflow: hidden;
}

.Capabilities-content li {
    width: 48%;
    margin: 1%;
    float: left;
}

.Capabilities-pic {
    width: 100%;
    text-align: center;
    margin: 3px 0px;
}

.Capabilities-pic img {
    width: 100%;
    height: auto;
}

.Capabilities-pic-name {
    width: 100%;
    text-align: center;
    height: 30px;
}


/************************** contactus page *************************************/
#contactus {
    width: 100%;
    margin: 0 auto;
    font-size: 14px;
}

.contactus {
    width: 100%;
    margin: 10px auto;
    color: #000;
}

.contactus-left {
    width: 24%;
    float: left;
}

.contactus-right {
    width: 74%;
    float: left;
}

.map {
    width: 100%;
    height: 500px;
}

.contactus-content-t {
    font-size: 18px;
}

.contactus-content-title {
    width: 100%;
    margin-top: 0px;
    font-weight: bold;
}

.contactus-content {
    width: 100%;
    margin: 5px 0px;
}

.map {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.map img {
    width: 100%;
    height: auto;
}

.map a {
    display: block;
}

/*other*/
.lighti .Machinery-content li {
    width: 31%;
    overflow: hidden;
    margin-bottom: 2%;
}

.lighti .Machinery-content li img {
    max-height: 294px;
    overflow: hidden;
}