﻿@charset "utf-8";

/* CSS Document */

* {
    padding: 0;
    margin: 0;
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
em {
    font-size: 13px;
    font-family: "Microsoft Yahei";
    font-weight: normal;
    font-style: normal;
    color: #666;
}

img {}

ul,
li,
ol,
li,
dl,
dt,
dd {
    list-style: none;
}

a:link,
a:visited {
    text-decoration: none;
    color: #666;
}

a:hover {
    color: #135063;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix:after {
    display: block;
    clear: both;
    content: '.';
    height: 0;
    line-height: 0;
    visibility: hidden;
}

fieldset,
img {
    border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-weight: normal;
    font-style: normal;
}

caption,
th {
    text-align: left;
}

q:before,
q:after {
    content: '';
}

abbr,
acronym {
    border: 0;
}

.fl {
    float: left
}

.fr {
    float: right
}

#goTopBtn {
    position: fixed;
    text-align: center;
    line-height: 30px;
    width: 30px;
    bottom: 35px;
    height: 33px;
    font-size: 12px;
    cursor: pointer;
    right: 0px;
    _position: absolute;
    _right: auto
}


/*头部*/

#header-top {
    height: 30px;
    background: #f7f7f7;
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid #ddd;
}

.header-top {
    width: 1180px;
    margin: 0 auto;
}

.header-top-L {
    width: 590px;
    float: left;
    color: #666;
}

.header-top-R {
    width: 590px;
    float: right;
    text-align: right;
}

.header-top-R a:link,
.header-top-R a:visited {
    padding: 0 0 0 10px;
    color: #666;
}

.header-top-R a:hover {
    color: #999;
}


/* kefu */

#kefu {
    width: 190px;
    height: auto;
    position: fixed;
    top: 50%;
    right: 5px;
    z-index: 8888;
    display: none;
    margin-top: -240px;
    background: url(../images/qqbg.jpg);
    background-color: #fff;
}

#kefu .top {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #DE150D;
}

#kefu .middle {
    font-size: 12px;
    width: 100%;
    text-align: center;
}

.middle a {
    height: 25px;
    display: inline-block;
    line-height: 25px;
    font-size: 14px;
    margin: 10px;
}

.middle a img {
    float: left;
    margin-right: 10px;
}

#kefu .middle p {
    color: #fff;
}

#kefu .close {
    float: right;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
}

.right_bar {
    width: 35px;
    height: 136px;
    position: fixed;
    top: 50%;
    right: 0;
    margin-top: -242px;
    z-index: 9999;
}

.right_bar img {
    cursor: pointer;
}

.qq-dh {
    background: #DE150D;
}


/*logo*/

#header-logo {
    width: 1180px;
    margin: 0 auto;
}

.header-logo {
    width: 888px;
    float: left;
    padding: 25px 0;
}

.header-logo img {
    float: left;
}

.header-logo span {
    margin-left: 10px;
    border-left: 2px solid #ddd;
    float: left;
    margin-top: 22px;
    padding: 5px 5px;
    font-size: 14px;
}

.header-ewm {
    width: 70px;
    float: left;
    padding-top: 25px;
}

.header-phone {
    width: 195px;
    float: right;
    font-size: 16px;
    padding-top: 25px;
}

.header-phone p {
    height: 25px;
    padding-top: 5px;
}

.header-phone p img {
    width: 15px;
    float: left;
    margin-right: 5px;
}

.header-phone p span {
    width: 175px;
    float: left;
}

.header-phone b {
    color: #DE150D;
}


/* 导航 */

.navbox {
    height: 50px;
    z-index: 9;
    margin: auto;
    background: #DE150D;
    margin-top: 0;
}

.navbox-box {
    width: 1180px;
    margin: 0 auto;
}

.nav {
    width: 1200px;
    height: 50px;
    list-style: none;
    float: left;
}

.nav li {
    float: left;
    height: 50px;
    position: relative;
    list-style: none;
}

.nav li.last {
    background: none;
}

.nav li a {
    text-decoration: none;
    font-size: 14px;
}

.nav li a span {
    float: left;
    display: block;
    line-height: 50px;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
    width: 120px;
    text-align: center;
}

.nav li.hover_menu,
.nav li.select {
    text-decoration: none;
    width: 120px;
    background: #A70002;
    height: 50px;
}

.nav li.selected .submenu {
    display: block;
}

.nav li .submenu {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 999;
}

.nav li .submenu li {
    float: none;
    padding: 0;
    background: none;
    height: auto;
    border-bottom: dotted 0px #BEBEBE;
}

.menu_pro_bg {
    width: 480px;
    height: 180px;
    background: #f7f7f7;
    border-bottom: 2px solid #093847;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.menu_pro_main {
    width: 440px;
    margin: auto;
    padding-top: 12px;
}

.menu_pro_li {
    padding: 0px 30px 0 0;
    margin-right: 30px;
    height: 150px;
    float: left;
    border-right: solid 1px #cccccc;
}

.menu_li_txt {
    line-height: 22px;
    font-size: 12px;
    color: #696969;
}

.menu_li_txt font {
    font-size: 14px;
    color: #093847;
}

.menu_li_txt a {
    color: #696969;
    text-decoration: none;
    padding: 5px 0 5px 20px;
    display: inline-block;
    font-size: 16px;
    background: url(../images/dian.png) no-repeat left center;
}

.menu_li_txt a:hover {
    color: #696969;
    text-decoration: underline;
}

.menu_news_bg {
    width: 480px;
    height: 250px;
    background: #f7f7f7;
    border-bottom: 2px solid #093847;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.menu_news_main {
    width: 440px;
    margin: auto;
    padding-top: 12px;
}

.menu_news_li {
    padding: 0px 30px 0 0;
    margin-right: 30px;
    height: 225px;
    float: left;
    border-right: solid 1px #cccccc;
}

.menu_news_img {
    float: left;
    text-align: left;
    color: #bb1721;
    line-height: 30px;
    font-size: 14px;
    width: 230px;
}

.menu_news_li2 {
    padding: 0px 30px 0 0;
    height: 150px;
    float: right;
    border-left: solid 1px #cccccc;
}

.menu_news_img2 {
    float: left;
    margin-left: 30px;
    text-align: left;
    color: #bb1721;
    line-height: 30px;
    font-size: 14px;
}

.menu_news_li3 {
    padding: 0px 25px 0 0;
    height: 150px;
    float: right;
    border-left: solid 1px #cccccc;
}

.menu_news_img3 {
    float: left;
    margin-left: 10px;
    text-align: left;
    color: #bb1721;
    line-height: 30px;
    font-size: 14px;
}

.nav-box-bottom {
    padding: 5px 0;
    width: 1180px;
    margin: 0 auto;
    height: 25px;
    line-height: 25px;
}

.nav-box-bottom-p {
    width: 625px;
    float: left;
}

.nav-box-bottom a {
    padding: 10px 10px;
}

.nav-box-bottom span {
    width: 555px;
    float: right;
    text-align: right;
    font-size: 14px;
    display: inline-block;
    color: #004f8d;
}


/*导航的搜索框*/

.nav-Search {
    width: 200px;
    float: left;
    padding-top: 8px;
}

#s {
    padding: 5px 0px 8px 9px !important;
    vertical-align: top;
    width: 159px;
    margin-bottom: 0px;
    color: #000;
}

.searchbutton {
    height: 32px;
    width: 27px;
    margin-left: -3px;
}

input.searchbutton {
    background: #ccc url("../images/search.png") no-repeat scroll center !important;
}

.button,
.button:visited,
input[type="submit"] {
    background: #444;
    color: #fff;
    border: 0;
}

.button:hover,
input[type="submit"]:hover {
    background: #666;
    color: #fff;
    border: 0;
}

.button,
.button:visited,
input[type="submit"],
button {
    padding: 6px 13px 9px 13px;
    cursor: pointer;
    font-size: 13px;
    line-height: normal;
}


/*图片点击放大效果*/

#show {
    background: url(../images/photo.jpg)
}

#meun1 {
    color: #fff;
    padding-left: 10px;
}

#meun1 img {
    float: left;
}

#submeun1 {
    margin-left: 70px;
    float: left;
}

#submeun1 li {
    text-align: center;
    margin-right: 10px;
    float: left;
    display: inline;
}

#submeun1 li a {
    color: #fff;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
}

#submeun1 li.cur {
    text-align: center;
    background: #82ce18;
    margin-right: 10px;
    float: left;
    display: inline;
}

#top1 {
    background-color: #000;
    margin: 0em 0 10px 0em;
    border-style: solid;
    border-width: 1px;
    border-color: #E5E5E5;
    height: 50px;
    line-height: 50px;
}

div.subtitle {
    font-size: 13px;
    float: right;
    color: #6CBD45;
    margin: 0 10px;
    text-align: right;
}

h1.title {
    height: 50px;
    font-size: 12px;
    background: url(../images/logo.png) no-repeat;
}

h1.title a:link,
h1.title a:visited,
h1.title a:hover {
    color: #000;
    text-decoration: none;
}

#quirkyPopupShowBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 64px;
    background: url(../images/quirkypopupshowbtn.gif) no-repeat;
}

#quirkyPopupShowBtn:hover {
    background: url(../images/quirkypopupshowbtn.gif) no-repeat 0 -70px;
}

#messageBoardContainer {
    width: 354px;
    height: 0px;
    position: absolute;
    top: 300px;
    left: 450px;
    overflow: hidden;
    z-index: 5;
}

#messageBoard {
    width: 354px;
    height: 294px;
    position: absolute;
}

#messageBoard .wrap {
    width: 344px;
    height: 284px;
    background: #ededed;
    border: 1px solid #f2f2f2;
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 2;
}

#messageBoard .bg {
    width: 354px;
    height: 294px;
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    filter: alpha(opacity=30);
    opacity: 0.3;
    z-index: 1;
}

#messageBoard h2 {
    height: 24px;
    background: url(../images/messageboard.gif) repeat-x 0 -24px;
    font-size: 12px;
    font-weight: normal;
    color: #666;
    padding-left: 10px;
    cursor: move;
}

#messageBoard h2 span {
    line-height: 22px;
}

#messageBoard h2 a {
    position: absolute;
    top: 5px;
    right: 6px;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(../images/messageboard.gif) no-repeat;
}

#messageBoard h2 a:hover {
    background: url(../images/messageboard.gif) no-repeat 0 -12px;
}

#messageBoard .content {
    padding: 10px 20px;
}

#messageBoard .content p {
    line-height: 30px;
    font-size: 12px;
    color: #666666;
}

#messageBoard .content p a {
    font-family: arial;
    font-weight: bold;
    color: #cc3333;
    border-bottom: 1px dotted #cc3333;
}

#messageBoard .content p a:hover {
    position: relative;
    top: 1px;
    color: #cc0000;
}

#messageBoard .red {
    color: #cc3333;
}

#messageBoard .indent {
    text-indent: 24px;
}

#messageBoard .date {
    text-align: right;
}


/*banner*/

.slides {
    width: 100%;
    height: 550px;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.slideInner {
    height: 550px;
    position: relative;
    left: 0;
    margin-left: 0;
}

.slideInner a {
    display: block;
    height: 550px;
    background-size: cover;
    background-position: center center;
    position: relative;
    text-align: center;
    z-index: 1;
}

.slideInner a div.img1 {
    width: 1070px;
    position: absolute;
    left: 50%;
    margin-left: -535px;
}

.slideInner a div.img2 {
    width: 1070px;
    position: absolute;
    top: 557px;
    left: 50%;
    margin-left: -535px;
}

.slideInner .slide3 .img2 {
    top: 200px;
}

.slideInner .slide3 .img3 {
    width: 181px;
    height: 286px;
    position: absolute;
    left: 50%;
    margin-left: 330px;
    top: 330px;
}

.jt {
    width: 100%;
    height: 440px;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.jt a {
    display: block;
    width: 41px;
    height: 119px;
    z-index: 9;
}

.jt a.prev {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -60px;
    background: url(../images/ban_pre.png) no-repeat;
}

.jt a.next {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -60px;
    background: url(../images/ban_next.png) no-repeat;
}

.navListBox {
    position: absolute;
    left: 50%;
    top: 525px;
    z-index: 99;
}

.navListBox li {
    width: 12px;
    height: 12px;
    float: left;
    margin-left: 5px;
    border-radius: 50%;
    overflow: hidden;
}

.navListBox li:first-child {
    margin-left: 0;
}

.navListBox li a {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #EBC84D;
}

.navListBox li a.active {
    background-color: #DE150D;
}

#content {
    margin: 0;
    width: 100%;
}

.content {
    background: url(../images/bg.png);
}

.content-histroy {
    width: 1180px;
    margin: 0 auto;
}

.mains {
    width: 1180px;
    margin: 20px auto 0 auto;
    height: 250px;
}

.mains .title {}

.g2 {
    width: 1180px;
    height: 98px;
    float: left;
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.g2 li {
    text-align: center;
}

.g2 img {
    border: 1px solid #eee;
    margin-bottom: 5px;
}


/*首页公司资料*/

.history {
    width: 100%;
    height: 1875px;
    position: relative;
}

.start-history {
    width: 1180px;
    height: 1875px;
    display: block;
}

.start-history-top {
    background: url(../images/xian.png) no-repeat bottom center;
    padding-top: 85px;
    position: relative;
    height: 90px;
    margin-bottom: 67px;
}

.cc_history {
    text-align: center;
}

.next_history {
    color: #f59900;
    font-size: 15px;
    width: 175px;
    padding: 10px 0;
    position: absolute;
    right: 40px;
    top: 85px;
}

.next_history span {
    font-weight: bold;
    font-size: 25px;
    color: #f59900;
}

.history_r_2005 {
    padding: 70px 0 58px 0;
    border-bottom: 2px solid #DE150D;
}

.year2006 {
    border-bottom: 2px solid #DE150D;
    padding-bottom: 52px;
    padding-top: 20px;
}

.history-img {
    height: 1635px;
    width: 85px;
    overflow: hidden;
    float: left;
}

.bt-wenzi {
    border-bottom: 2px solid #DE150D;
}

.bt-wenzi ul {
    padding: 30px 0 40px 23px;
}

.bt-wenzi li {
    background: url(../images/dian_1.png) no-repeat left center;
    padding-left: 22px;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    float: none;
    color: #474747;
}

.tp-03-wenzi {
    padding: 20px 0 19px 50px;
    border-bottom: 2px solid #DE150D;
}

.tp-03-wenzi li {
    background: url(../images/lx2.png) no-repeat left center;
    padding-left: 35px;
    text-align: left;
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 14px;
    color: #474747;
}

#tp-03-wenzi-curent {
    background: url(../images/lx2.png) no-repeat left 12px;
}

.zom-box {
    text-align: center;
}

.zom {
    padding: 15px 0 0 110px;
}

.zom li {
    background: url(../images/dian_1.png) no-repeat left center;
    padding-left: 15px;
    line-height: 30px;
    font-size: 18px;
    text-align: left;
    color: #474747;
}

.index-ys-one {
    background: url(../images/bj.png) no-repeat center;
    margin: 35px 0 55px 0;
    text-align: center;
}

.index-ys-one-wenzi {
    line-height: 35px;
    font-size: 18px;
    text-indent: 2em;
    padding: 0 0 0 27px;
    text-align: left;
    color: #474747;
}

.history_left {
    width: 500px;
    height: auto;
    float: left;
    clear: left;
    position: relative;
    overflow: hidden;
    margin-left: 40px;
}

.history_right {
    width: 515px;
    height: auto;
    float: left;
    position: relative;
    overflow: hidden;
}

.history_R {
    width: 515px;
    /*height: ;*/
    margin-left: 500px;
}

.history_L {
    width: 500px;
    float: right;
    margin-right: 500px;
}

.history_L-wenzi {
    text-align: center;
}

.year2006 {
    margin-top: 0;
}

.yearalmost {
    margin-top: 30px;
}

.yearalmostr {
    margin-top: 30px;
}


/*首页产品效果*/

#index-products {
    background: #fff;
    padding: 35px 0 30px 0;
}

.index-products {
    width: 1180px;
    margin: 0 auto;
}

.index-products h5 {
    margin: 0 0 20px 0;
}

.index-products-L {
    width: 236px;
    float: left;
    margin-right: 20px;
}

.index-products-L h1 {
    height: 83px;
    background-color: #DE150D;
}

.index-products-L h1 span {
    color: #fff;
    font-size: 21px;
    display: inline-block;
    width: 195px;
    padding: 12px 0 10px 41px;
}

.index-products-L h1 em {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-style: normal;
    padding-right: 20px;
    text-align: right;
    display: inline-block;
    width: 201px;
}

.index-products-L-ul {
    border: 1px solid #DE150D;
    padding-top: 17px;
    background: #f8f8f8;
}

.index-products-L ul li {
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    padding: 10px 1px;
}

.index-products-L ul li a {
    font-size: 16px;
    background: url(../images/dian.png) no-repeat 10px;
    padding-left: 30px;
    height: 40px;
    display: inline-block;
}

.index-products-bottom {
    background: url(../images/index-products-bottom.jpg) no-repeat top center;
    height: 115px;
    /*margin-top: 62px;*/
}

.index-products-bottom span {
    background: url(../images/dh.png) no-repeat left center;
    padding-left: 25px;
    color: #fff;
    font-size: 14px;
    margin: 20px 0 10px 62px;
    display: inline-block;
}

.index-products-bottom p {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 23px;
}

.index-products-R {
    width: 914px;
    float: left;
    background: #fff;
}

.index-products-R ul li {
    width: 282px;
    float: left;
    margin: 18px 10px 0 10px;
    padding-bottom: 17px;
    text-align: center;
    position: relative;
    border: 1px solid #eee;
}

.index-products-R ul li a {
    display: inline-block;
}

.index-products-R li img {
    width: 282px;
    height: auto;
    margin-bottom: 7px;
}

.index-products-R li span {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px 10px;
    background: #DE150D;
}

.index-products-R li span a {
    color: #fff;
}


/*首页优势效果*/

.brandbox {
    width: 1180px;
    margin: 0 auto;
    background: url(../images/bg_1.png) no-repeat center bottom;
    padding-bottom: 30px;
}

.top-bt {
    padding: 50px 0 30px 0;
}

.brandbox ul li {
    float: left
}

.brandbox ul li.brand_item {
    width: 393px;
    height: 340px;
    background: url(../images/shu.png) no-repeat right center;
}

.brandbox ul li.brand_item2 {
    background: url(../images/shu2.png) no-repeat right center;
}

.brandbox ul li.brand_item3 {
    background: none;
}

.brand_item a {
    display: block;
    width: 393px;
    height: 214px
}

.brand_item a:hover {
    text-decoration: none
}

.brand_item a.brand_name {}

.brand_item a.brand_detail {}

.brand_item a span {
    display: block;
    margin-left: 1px;
    width: 166px;
    padding-top: 6px;
    height: 24px;
    text-align: center
}

a.brand_name span {
    color: #7f5400;
}

a.brand_detail span {
    color: #fff;
    background-color: #8d5303;
}

.brand_item p {
    padding: 0 40px 0 60px;
    font-size: 14px;
    text-align: left;
}

.index-youshi {
    text-align: center;
    background: #fafafa;
    padding: 30px 0 30px 0;
}


/*首页关于我们和新闻中心*/

.index-aout-box {
    width: 1180px;
    margin: 0 auto;
}

.index-aout-news-box {
    width: 1180px;
    margin: 20px auto 0 auto;
}

.index-aout-news-box h1 {
    margin-bottom: 30px;
}

.index-about-box {
    width: 745px;
    float: left;
    margin-right: 30px;
}

.index-aout-news-box h2 {
    border-bottom: 1px solid #ddd;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
}

.index-aout-news-box h2 span {
    width: 150px;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.index-aout-news-box h2 a {
    width: 100px;
    float: right;
    text-align: right;
}

.index-about-box-wenzi {
    line-height: 30px;
    text-indent: 2em;
    margin-top: 15px;
}

.index-news-box {
    width: 430px;
    float: left;
    margin-right: 30px;
}

.index-news-top {
    padding-top: 10px;
}

.index-news-top-tp {
    width: 150px;
    float: left;
}

.index-news-top-wenzi {
    width: 267px;
    float: left;
    margin-left: 13px;
    line-height: 23px;
}

.index-news-top-wenzi p {
    text-indent: 2em;
}

.index-news-top-wenzi h3 {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-news-lieb {
    padding: 20px 0;
    margin-bottom: 10px;
}

.index-news-lieb-a {
    height: 38px;
    line-height: 38px;
}

.index-news-lieb-a a {
    width: 320px;
    float: left;
    display: inline-block;
}

.index-news-lieb-a b {
    width: 87px;
    float: left;
    display: inline-block;
}

.index-news-lieb-a span {
    width: 195px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

#index-about-box {
    background: url(../images/bbg.png) no-repeat center;
    background-color: #f6f6f6;
    padding: 20px 0 40px 0;
}

.index-faq-box {
    float: right;
    width: 405px;
}

#index-faq-fn {
    background: #fafafa;
    padding: 0 0 30px 0;
    border-bottom: 2px solid #DE150D;
}

.index-faq-fn {
    text-align: center;
    background: #fafafa;
    padding: 0;
    width: 1180px;
    margin: 0 auto;
}

.index-faq-fn ul li {
    width: 279px;
    float: left;
    padding: 0 57px;
}

.index-faq-fn ul li span {
    display: inline-block;
    padding: 10px;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    width: 100%;
    color: #DE150D;
}


/*底部*/

.footer-top-box {
    height: 40px;
    background: #DE150D;
    padding: 5px;
}

.footer-top {
    width: 1180px;
    margin: 0 auto;
}

.footer-top img {
    width: 191px;
    float: right;
    padding-top: 2px;
}

.footer-top ul {
    width: 955px;
    float: left;
    padding: 10px 0;
}
.footer-top ul li:first-child{ border-left:medium none;}
.footer-top ul li {
    width: 94px;
    float: left;
    text-align: center;
    border-left: 1px solid #fff;
}

.footer-top ul li a {
    color: #fff;
}

#footer-top-li-curent {
    border-right: 0;
}

.footer-content {
    width: 1180px;
    margin: 0 auto;
    padding: 20px 0;
}

.footer-right-tp {
   /* width: 666px;*/
    float: left;
    padding-top: 20px;
    padding-left: 51px;
}

.footer-content-right {
    width: 1000px;
    float: left;
    line-height: 25px;
}

.footer-content-right-wenzi {
    padding-top: 28px;
    float: left;
    width: 771px;
    padding-left: 52px;
}

.footer-content-right p a {
    padding: 0 10px;
}

.footer-right-phone {
    padding-top: 5px;
}

.footer-right-phone span {
    float: left;
    padding: 5px 20px 5px 0;
}

.footer-ewm {
    width: 158px;
    float: left;
    text-align: center;
}


/*case*/

#Tab2 {
    width: 1180px;
    margin: 0 auto;
}


/*菜单class*/

.Menubox {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: #f6f6f6;
}

.Menubox li {
    float: left;
    display: block;
    cursor: pointer;
    width: 114px;
    text-align: center;
    color: #666;
}

.Menubox li.hover {
    padding: 0px;
    background: #fff;
    width: 116px;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    color: #DE150D;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
}

#two4-a {
    float: right;
}

#two4-a a {
    font-size: 12px;
}

.Contentbox {
    clear: both;
    margin-top: 0px;
    border: 1px solid #eee;
    height: auto;
    text-align: center;
    padding-top: 8px;
}

.Contentbox ul li {
    width: 274px;
    float: left;
    margin: 10px;
    background: #f6f6f6;
    padding-bottom: 10px;
}

.Contentbox ul li img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

.Contentbox ul li span {}

.faq h3 {
    padding: 20px 0 20px 25px;
    font-weight: bold;
    background: url(../images/faq-tb.png) no-repeat left center;
}

.faq p {
    background: url(../images/faq-d.png) no-repeat left top;
    padding-left: 25px;
}


/*荣誉资质*/

.index-honor {
    width: 1180px;
    margin: 20px auto 50px auto;
}

.rollBox {
    height: 345px;
    margin: 0;
    width: 1180px;
    float: left;
    overflow: hidden;
    position: relative;
}

.rollBox .jslogo {
    height: 68px;
    width: 120px;
    border: 0px;
    padding: 1px
}

.rollBox .scrollcon {
    width: 1142px;
    height: 310px;
    position: absolute;
    top: 23px;
    left: 38px;
}

.rollBox .LeftBotton {
    height: 39px;
    width: 20px;
    background: url(../images/honor-left.png) no-repeat center;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: -32px;
    display: inline;
    margin: -86px 0 0;
    cursor: pointer;
}

.rollBox .RightBotton {
    height: 39px;
    width: 20px;
    background: url(../images/honor-right.png) no-repeat center;
    overflow: hidden;
    display: inline;
    margin:-86px 0 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 5px;
}

.rollBox .Cont {
    width: 1105px;
    overflow: hidden;
    height: 310px;
}

.rollBox .ScrCont {
    width: 10000000px;
}

.rollBox .Cont .pic {
    width: 200px;
    height: auto;
    overflow: hidden;
    float: left;
    padding-right: 25px;
    text-align: center;
}

.rollBox .Cont .pic img {
    background: #fff;
    display: block;
    width: 200px;
    margin-bottom: 8px;
    height: auto;
}

.rollBox #List1,
.rollBox #List2 {
    float: left;
}


/*首页在线留言*/

.index-meeage {
    float: left;
    width: 260px;
}

.index-meeage-lab li {
    margin-bottom: 20px;
    display: inline-block;
}

.index-meeage-lab li label {
    color: #353535;
    line-height: 25px;
    padding: 0 5px 0 0;
    text-align: right;
    width: 65px;
    display: inline-block;
    float: left;
}

.index-meeage-lab li input {
    border: 1px solid #afafaf;
    color: #666;
    font-size: 12px;
    height: 23px;
    line-height: 23px;
    outline: medium none;
    padding: 0 2px;
    width: 170px;
    float: left;
}

.index-meeage-lab li span {
    color: #f00;
    font-size: 12px;
    line-height: 25px;
    padding-left: 5px;
    float: left;
}

.index-meeage-lab li textarea {
    border: 1px solid #a3a3a3;
    color: #666;
    font-size: 12px;
    height: 80px;
    line-height: 24px;
    outline: medium none;
    overflow: hidden;
    padding: 0 2px;
    width: 170px;
}

.index-meeage-lab .test input {
    width: 81px;
}

.index-meeage-lab .test b {
    color: #353535;
    font-weight: normal;
    height: 25px;
    line-height: 25px;
    margin: 0 6px;
    text-align: center;
}

.index-meeage-lab .s_btn {
    height: 35px;
    overflow: hidden;
    padding: 8px 0 0 60px;
    width: 164px;
}

.index-meeage-lab .s_btn input {
    cursor: pointer;
    background: #DE150D;
    border: 0;
    color: #fff;
    padding: 5px 0;
    height: 35px;
}

.index-meeage-lab .s_btn .s_m {
    margin-right: 2px;
}

.index-bt {
    background: url(../images/bt1-bg.jpg) repeat-x;
}

.index-bt-hf-top {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}

.index-bt span {
    position: absolute;
    top: 50px;
    right: 395px;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;
}

.index-bt span a {
    padding: 5px 10px;
    background: #2d648a;
    color: #f59900;
    margin-top: 10px;
    display: inline-block;
    font-size: 18px;
}

.index-fiveyoushi {
    background: url(../images/5d-bg.png) no-repeat center;
    padding: 40px 0 60px;
}

.index-fiveyoushi-n {
    width: 1180px;
    margin: 0 auto;
}

.footer-banner-box {
    background: #006699;
}

.footer-banner {
    width: 1180px;
    margin: 0 auto;
    position: relative;
}

.footer-banner span {
    position: absolute;
    bottom: 70px;
    left: 100px;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
}

.footer-banner span a {
    background: #1d547a;
    color: #f59900;
    display: inline-block;
    font-size: 22px;
    margin-left: 10px;
    padding: 5px 10px;
}

.index-fiveyoushi-n-wenzi {
    position: relative;
}

.index-fiveyoushi-n-wenzi span {
    font-size: 22px;
    font-weight: bold;
    color: #DE150D;
}

.index-fiveyoushi-n-wenzi .index-fiveyoushi-n-wenzi-one {
    position: absolute;
    top: 35px;
    right: 180px;
    font-size: 18px;
    color: #000;
}

.index-fiveyoushi-n-wenzi .index-fiveyoushi-n-wenzi-two {
    position: absolute;
    top: 127px;
    right: 143px;
    font-size: 18px;
    color: #000;
}

.index-fiveyoushi-n-wenzi .index-fiveyoushi-n-wenzi-three {
    position: absolute;
    top: 217px;
    right: 51px;
    font-size: 18px;
    color: #000;
}

.index-fiveyoushi-n-wenzi .index-fiveyoushi-n-wenzi-four {
    position: absolute;
    bottom: 131px;
    right: 338px;
    font-size: 18px;
    color: #000;
}

.index-fiveyoushi-n-wenzi .index-fiveyoushi-n-wenzi-five {
    position: absolute;
    bottom: 53px;
    right: 100px;
    font-size: 18px;
    color: #000;
}


/*内页样式*/


/*产品展示样式*/

.products-box {
    width: 1180px;
    margin: 0 auto;
}

.products-top-img {
    margin-bottom: 20px;
}

.products-box-LR {
    margin-bottom: 20px;
}

.products-box-L {
    width: 266px;
    float: left;
}

.products-box-R {
    width: 914px;
    float: left;
}

.products-box-R-products {
    border: 1px solid #e3e3e3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.products-box-R h1 {
    font-size: 20px;
    font-weight: bold;
    color: #FCFFF4;
    background: #DE150D;
    padding: 10px 11px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #e3e3e3;
}

.products-box-R-products-ul li {
    width: 282px;
    float: left;
    position: relative;
    margin: 10px;
    text-align: center;
    border: 1px solid #eee;
}

.products-box-R-products-ul li a {
    display: inline-block;
}

.products-box-R-products-ul li a img {
    width: 282px;
    height: auto;
}

.products-box-R-products-ul li a b {
    display: inline-block;
    padding: 10px 0;
    height: 30px;
}

.products-box-R-products-ul li span {
    position: absolute;
    right: 0;
    top: 0;
}

.products-box-R-products-ul li span a {
    padding: 5px 10px;
    background: #DE150D;
    color: #fff;
}

.products-box-R-news {
    border: 1px solid #e3e3e3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: 10px;
}

.products-box-R-news ul li {
    width: 429px;
    float: left;
    height: 35px;
    line-height: 35px;
    padding: 0 17px 0 10px;
}

.products-box-R-news ul li a {
    float: left;
    background: url(../images/news-tb.png) no-repeat left center;
    padding-left: 23px;
}

.products-box-R-news ul li span {
    float: right;
}

.products-box-L-recommend {
    padding-top: 10px;
    margin-right: 30px;
}

.products-box-L-recommend h1 {
    height: 83px;
    background-color: #DE150D;
}

.products-box-L-recommend h1 span {
    color: #fff;
    font-size: 21px;
    display: inline-block;
    width: 195px;
    padding: 12px 0 10px 41px;
}

.products-box-L-recommend h1 em {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-style: normal;
    padding-right: 20px;
    text-align: right;
    display: inline-block;
    width: 201px;
}

.products-box-L-recommend-img {
    width: 234px;
    border: 1px solid #eee;
    text-align: center;
    padding-top: 10px;
    background: #fafafa;
}

.products-box-L-recommend-img a {
    margin-bottom: 10px;
    width: 194px;
    display: inline-block;
    border: 1px solid #eee;
    padding-bottom: 10px;
    background: #fff;
}

.products-box-L-recommend-img a img {
    width: 194px;
    height: auto;
    margin-bottom: 5px;
}

.web-contact-contact {
    line-height: 30px;
    border: 1px solid #eee;
    padding: 10px;
    background: #fafafa;
}

.web-contact-contact .web-contact-contact-p {
    display: inline-block;
    width: 100%;
}

.web-contact-contact .web-contact-contact-p img {
    float: left;
    margin-right: 10px;
    margin-top: 9px;
}

.web-contact-contact .web-contact-contact-p span {
    float: left;
    line-height: 23px;
    font-size: 15px;
}

.web-contact-contact .web-contact-contact-p span b {
    font-size: 20px;
    color: #DE150D;
}


/*关于旭峰样式*/

.about-box {
    border: 1px solid #e3e3e3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.about-box-wenzi {
    padding: 10px;
}

.about-box-wenzi p {
    text-align: left;
    text-indent: 2em;
    line-height: 25px;
    padding-top: 10px;
}


/*荣誉资质*/

.honor-box-tp ul li {
    width: 284px;
	height:405px;
    float: left;
    margin: 10px;
    text-align: center;
}

.honor-box-tp ul li a {
    display: inline-block;
}

.honor-box-tp ul li img {
    width: 274px;
    height: auto;
    margin-bottom: 10px;
    border: 1px solid #eee;
    padding: 5px;
}

.honor-box-tp ul li img:hover {
    border: 1px solid #DE150D;
}


/*新闻中心*/

.news-box {
    padding: 10px;
}

.news-box dl {
    padding: 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.news-box dl dt {
    width: 100px;
    float: right;
    background: #DE150D;
    color: #fff;
    text-align: center;
    padding: 0 5px;
}

.news-box dl dt b {
    width: 100%;
    display: inline-block;
    padding: 10px 0;
}

.news-box dl dt em {
    width: 100%;
    color: #fff;
    padding: 10px 0;
    font-style: normal;
    display: inline-block;
    border-top: 1px solid #c8c8c8;
}

.news-box dl dd {
    width: 757px;
    float: left;
    margin-left: 15px;
}

.news-box dl dd a {
    display: inline-block;
    width: 100%;
}

.news-box dl dd a h3 {
    font-weight: bold;
    margin-bottom: 8px;
}

.news-box dl dd a p {
    line-height: 23px;
}

.news-box dl.news-box-dlr dt {
    float: left;
}

.news-box dl.news-box-dlr dd {
    float: left;
    margin-left: 15px;
}

.news-box-pages {
    text-align: right;
    margin-top: 25px;
}

.news-box-pages a {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #eee;
    margin: 0 5px;
}


/*联系我们*/

.contact-box {
    padding: 80px 20px;
    line-height: 30px;
    background: url(../images/contact-tp.png) no-repeat right bottom;
}

.contact-box-content {
    padding-top: 10px;
    float: left;
    width: 300px;
}

.contact-box-content h4 {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 15px;
}

.contact-box-content-ewm {
    width: 300px;
    float: left;
}


/*产品详情效果*/

.products-pages-top {
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.products-pages {
    padding: 10px;
}

#tsShopContainer li,
#tsShopContainer img {
    vertical-align: top;
}

#tsShopContainer {
    width: 380px;
    position: relative;
    border: 1px solid #CCC;
    font-size: 12px;
    padding-bottom: 5px;
    float: left;
}

#tsShopContainer #tsImgS {
    text-align: center;
    width: 100%;
    position: relative;
}

#tsShopContainer #tsImgS a {
    display: block;
    text-align: center;
    margin: 0px auto;
}

#tsShopContainer #tsImgS img {
    border: 0px;
}

#tsShopContainer #tsPicContainer {
    width: 100%;
    height: 70px;
    position: relative;
    background: url(../images/scrollpicbg.gif) repeat-x 0px 0px;
}

#tsShopContainer #tsPicContainer #tsImgSArrL {
    width: 17px;
    height: 100%;
    background: url(../images/picshoparr.gif) no-repeat left center;
    position: absolute;
    top: 0px;
    left: 8px;
    cursor: pointer;
}

#tsShopContainer #tsPicContainer #tsImgSArrR {
    width: 17px;
    height: 100%;
    background: url(../images/picshoparr.gif) no-repeat right center;
    position: absolute;
    top: 0px;
    right: 8px;
    cursor: pointer;
}

#tsShopContainer #tsPicContainer #tsImgSCon {
    position: absolute;
    top: 10px;
    left: 38px;
    width: 1px;
    height: 70px;
    overflow: hidden;
}

#tsShopContainer #tsPicContainer #tsImgSCon ul {
    width: 100%;
    overflow: hidden;
}

#tsShopContainer #tsPicContainer #tsImgSCon li {
    width: 63px;
    float: left;
    cursor: pointer;
}

#tsShopContainer #tsPicContainer #tsImgSCon li img {
    padding: 3px;
    margin: 1px;
    border: 1px solid #e4e4e4;
    display: block;
    width: 48px;
    height: 42px;
}

#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img {
    border: 2px solid #DE150D;
    margin: 0px;
}

.MagicZoomBigImageCont {
    border: 1px solid #ccc;
    background: #FFF;
}

.MagicZoomMain {
    text-align: center !important;
    width: 92px;
}

.MagicZoomMain div {
    padding: 0px !important;
}


/* Header look and feel CSS class */


/* header is shown if "title" attribute is present in the <A> tag */

.MagicZoomHeader {
    font: 10px "微软雅黑";
    color: #fff;
    background: #ccc;
    text-align: center !important;
}


/* CSS class for small looking glass square under mouse */

.MagicZoomPup {
    border: 0px solid #aaa;
    background: #ffffff;
}


/* CSS style for loading animation box */

.MagicZoomLoading {
    text-align: center;
    background: #ffffff;
    color: #444;
    border: 1px solid #ccc;
    opacity: 0.8;
    padding: 3px 3px 3px 3px !important;
    display: none;
    /* do not edit this line please */
}


/* CSS style for gif image in the loading animation box */

.MagicZoomLoading img {
    padding-top: 3px !important;
}

.products-pages-content {
    width: 490px;
    float: left;
    margin-left: 20px;
}

.products-pages-content h2 {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 5px;
    color: #DE150D;
}

.products-pages-content p {
    line-height: 25px;
    margin-bottom: 10px;
}

.products-pages-content .products-pages-content-table {
    width: 100%;
    background: #eee;
}

.products-pages-content .products-pages-content-table td {
    background: #fff;
    padding: 5px 10px;
}

.products-pages-content-content h5 {
    padding-left: 102px;
    background: url(../images/bt-bg.png) no-repeat left bottom;
    height: 56px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.products-pages-content-content h5 b {
    color: #DE150D;
    display: inline-block;
    font-size: 17px;
    font-weight: bold;
    width: 100%;
}

.products-pages-content-content h5 span {
    color: #999999;
    display: inline-block;
    font-size: 15px;
    padding-top: 14px;
    width: 100%;
}

.products-pages-content-content-tp img {
    width: 100%;
    height: auto;
}

.products-Related {
    border: 1px solid #e3e3e3;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 20px 0;
}

.products-Related ul li {
    width: 202px;
    float: left;
    margin: 10px;
    text-align: center;
}

.products-Related ul li a {
    display: inline-block;
    width: 100%;
}

.products-Related ul li img {
    width: 202px;
    height: auto;
    margin-bottom: 5px;
    height: 145px;
}

.products-Related h3 {
    font-weight: bold;
    background: #DE150D;
    padding: 10px 11px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 20px;
    color: #FFFDFF;
}

#products-box-R-news ul li {
    width: 418px;
}

.products-pages-content-Purchase {
    margin-top: 10px;
}

.products-pages-content-Purchase a {
    padding: 10px 20px;
    background: #DE150D;
    display: inline-block;
    margin-right: 10px;
    border-radius: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}

.products-pages-content-Purchase a:hover {
    background: #DE150D;
}

.products-pages-content-Purchase span {
    font-size: 16px;
}

.products-pages-content-Purchase span b {
    font-size: 18px;
    color: #DE150D;
}


/*旭峰案例效果*/

.case-box-content img {
    height: auto;
}

.case-box-content h2 {
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}


/*旭峰案例效果结束*/

.news-pages-content-top {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin: 10px 0;
}

.news-pages-content-top h3 {
    font-weight: bold;
    font-size: 15px;
}

.news-pages-content-top span {
    width: 26%;
    display: inline-block;
    text-align: right;
}


/*旭峰动态效果*/

.xf-dynamic-about {
    margin-top: 20px;
    padding: 0 10px;
}

.xf-dynamic-box h3 {
    background: #fcfcfc;
    border: 1px solid #e3e3e3;
    border-bottom: none;
    padding: 7px 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 20px;
}

.xf-dynamic-box h3 span {
    float: left;
    font-weight: bold;
    font-size: 15px;
}

.xf-dynamic-box h3 a {
    float: right;
}

.xf-dynamic-about-content {
    border: 1px solid #e3e3e3;
    padding: 10px;
}

.xf-dynamic-about-content p {
    text-indent: 2em;
    line-height: 25px;
}

.xf-dynamic-honor ul li {
    width: 197px;
    float: left;
    margin: 10px;
    text-align: center;
}

.xf-dynamic-honor ul li img {
    width: 197px;
    height: auto;
    margin-bottom: 5px;
}

.xf-dynamic-about-content .products-box-R-news {
    border: none;
    margin: 0;
}

#xf-dynamic-about-content ul li {
    padding: 0 6px 0 0px;
}


/*旭峰动态效果结束*/

.tables {
    background: #ddd;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.tables td {
    background: #fff;
    padding: 5px;
}

.products-pages-content-content img {
    padding-bottom: 5px;
}

.industrial1-L {
    width: 380px;
    float: left;
    margin-right: 12px;
}

.industrial1-R {
    width: 500px;
    float: left;
}

.industrial1-R ul li {
    float: left;
    line-height: 25px;
    margin-bottom: 8px;
}

.industrial1-R ul li span {
    width: 195px;
    display: inline-block;
    height: 25px;
    float: left;
    margin-right: 5px;
}

.industrial1-R ul li b {
    width: 45px;
    float: left;
}

.industrial1-R-color-1 {
    background: #006f94;
}

.industrial1-R-color-2 {
    background: #007bc7;
}

.industrial1-R-color-3 {
    background: #f2f5f3;
}

.industrial1-R-color-4 {
    background: #c9caca;
}

.industrial1-R-color-5 {
    background: #fac12c;
}

.industrial1-R-color-6 {
    background: #d01126;
}

.industrial1-R h2 {
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}

.industrial1-R p img {
    width: 46%;
    float: left;
    padding: 2%;
}

.industrial1-tp li {
    width: 31.33%;
    float: left;
    padding: 2% 1%;
    text-align: center;
}

.door-p img {
    width: 46%;
    float: left;
    padding: 2%;
}

.industrial3-tp li {
    width: 23%;
    float: left;
    padding: 1%;
    text-align: center;
}

.industrial3-tp li img {
    margin-bottom: 5px;
}

.industrial4-tpL {
    width: 542px;
    float: left;
}

.industrial4-tpL ul li {
    width: 48%;
    float: left;
    padding: 1%;
    text-align: center;
}

.industrial4-tpR {
    width: 350px;
    float: left;
}

.industrial-h2 h2 {
    text-align: center;
    padding-bottom: 10px;
    font-size: 16px;
}

.industrial5-tp-L {
    width: 682px;
    float: left;
}

.industrial5-tp-L img {
    width: 48%;
    float: left;
    padding: 1%;
}

.industrial5-tp-R {
    width: 210px;
    float: left;
    padding-top: 1%;
}

.industrial8-tp h2 {
    font-weight: bold;
    margin-bottom: 5px;
}

.industrial8-tp p {
    line-height: 25px;
    margin-bottom: 10px;
}

.industrial8-tp-L {
    width: 436px;
    float: left;
    margin-right: 20px;
}

.industrial8-tp-R {
    width: 436px;
    float: left;
}

.news-ul li {
    width: 48%;
    float: left;
    padding: 1%;
}

.news-ul li img {
    width: 100%;
    height: auto;
}

.shutter-door {
    background: url(../images/bao-bg.jpg) no-repeat center;
    height: 770px;
    position: relative;
}

.jlm-bao-img {
    position: absolute;
    top: 0;
    left: 182px;
    width: 200px;
}

.shutter-door span {
    width: 50px;
    text-align: right;
    float: left;
    display: inline-block;
    color: #666;
}

.shutter-door img {
    width: 80px;
    height: auto;
    float: left;
}

.shutter-door a {
    width: 130px;
}

.jlm-bao-img2 {
    position: absolute;
    top: 0;
    left: 556px;
}

.jlm-bao-img3 {
    position: absolute;
    top: 175px;
    right: 0;
}

.jlm-bao-img4 {
    position: absolute;
    top: 358px;
    right: 0;
}

.jlm-bao-img5 {
    position: absolute;
    bottom: 126px;
    right: 0;
}

.jlm-bao-img6 {
    position: absolute;
    bottom: 0;
    right: 76px;
}

.jlm-bao-img7 {
    position: absolute;
    bottom: 0;
    right: 380px;
}

.jlm-bao-img8 {
    position: absolute;
    bottom: 0;
    left: 130px;
}

.jlm-bao-img9 {
    position: absolute;
    bottom: 125px;
    left: 0;
}

.jlm-bao-img10 {
    position: absolute;
    top: 357px;
    left: 0;
}

.jlm-bao-img11 {
    position: absolute;
    top: 175px;
    left: 0;
}

.shutter-door-drive {
    font-size: 15px;
    line-height: 25px;
}

.shutter-door-drive img {
    border: 1px solid #d9d9d9;
    padding-bottom: 0;
    margin-bottom: 5px;
}

.shutter-door-drive-L {
    width: 280px;
    float: left;
    margin-right: 25px;
}

.shutter-door-drive-Z {
    width: 280px;
    margin-right: 25px;
    float: left;
}

.shutter-door-drive h2 {
    font-weight: bold;
    background: #DE150D;
    padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.shutter-door-drive-R {
    width: 280px;
    float: left;
}

.shutter-door-installation {
    padding: 5px 0 30px 0;
    line-height: 26px;
}

.shutter-door-installation h2 {
    font-size: 18px;
    font-weight: bold;
    color: #DE150D;
    margin-bottom: 10px;
}

.shutter-door-installation h3 {
    color: #DE150D;
    font-weight: bold;
    margin: 5px 0;
    font-size: 16px;
}

.shutter-door-installation-L {
    width: 395px;
    font-size: 16px;
    margin-bottom: 20px;
}

.shutter-door-installation-R {
    width: 495px;
    margin-bottom: 20px;
}

.shutter-door-installation-R img {
    width: 32%;
    float: left;
    margin: 1% 9%;
}

.bz {
    height: 700px;
    background: url(../images/bz2.png) no-repeat center 30px;
    background-size: 80%;
    position: relative;
    margin: 0 auto 30px auto;
}

.bz a {
    text-align: center;
    color: #666;
}

.bz a img {
    height: auto;
}

.bz-img {
    position: absolute;
    top: 45px;
    left: 0;
    width: 92px;
}

.bz-img2 {
    position: absolute;
    top: 14px;
    left: 175px;
    width: 198px;
}

.bz-img3 {
    position: absolute;
    top: 14px;
    left: 422px;
    width: 110px;
}

.bz-img4 {
    position: absolute;
    top: 14px;
    right: 197px;
    width: 94px;
}

.bz-img5 {
    position: absolute;
    top: 135px;
    right: 0;
    width: 94px;
}

.bz-img6 {
    position: absolute;
    top: 257px;
    right: 0;
    width: 94px;
}

.bz-img7 {
    position: absolute;
    bottom: 179px;
    right: 0;
    width: 94px;
}

.bz-img8 {
    position: absolute;
    bottom: 28px;
    right: 139px;
    width: 122px;
}

.bz-img9 {
    position: absolute;
    bottom: 28px;
    right: 304px;
    width: 144px;
}

.bz-img10 {
    position: absolute;
    bottom: 28px;
    right: 483px;
    width: 92px;
}

.bz-img11 {
    position: absolute;
    bottom: 41px;
    left: 122px;
    width: 92px;
}

.bz-img12 {
    position: absolute;
    bottom: 115px;
    left: 0;
    width: 92px;
}

.bz-img13 {
    position: absolute;
    bottom: 223px;
    left: 0;
    width: 92px;
}

.bz-img14 {
    position: absolute;
    top: 190px;
    left: 0;
    width: 92px;
}

.garage-door-L {
    width: 512px;
}

.garage-door-R {
    width: 380px;
    padding-top: 30px;
}

.osjlm-bz {
    width: 100%;
    height: 710px;
    background: url(../images/bz.jpg) no-repeat center 100px;
    position: relative;
    margin-bottom: 50px;
}

.osjlm-bz-img {
    position: absolute;
    top: 30px;
    left: 183px;
    width: 208px;
}

.osjlm-bz-img2 {
    position: absolute;
    top: 28px;
    left: 455px;
    width: 208px;
}

.osjlm-bz-img3 {
    position: absolute;
    top: 169px;
    right: 0;
    width: 164px;
}

.osjlm-bz-img4 {
    position: absolute;
    top: 320px;
    right: 0;
    width: 164px;
}

.osjlm-bz-img5 {
    position: absolute;
    top: 473px;
    right: 0;
    width: 164px;
}

.osjlm-bz-img6 {
    position: absolute;
    bottom: 0;
    right: 194px;
    width: 160px;
}

.osjlm-bz-img7 {
    position: absolute;
    bottom: 0;
    right: 394px;
    width: 162px;
}

.osjlm-bz-img8 {
    position: absolute;
    bottom: 0;
    left: 90px;
    width: 165px;
}

.osjlm-bz-img9 {
    position: absolute;
    top: 460px;
    left: 0;
    width: 183px;
}

.osjlm-bz-img10 {
    position: absolute;
    top: 317px;
    left: 0;
    width: 183px;
}

.osjlm-bz-img11 {
    position: absolute;
    top: 179px;
    left: 0;
    width: 183px;
}

.European-door ul li {
    width: 426px;
    padding: 10px;
    float: left;
}

.European-door ul li img {
    border: 1px solid #ddd;
}


/**===================首页修改=================*/

.index-products-R ul {}

.index-products-R-title {
    margin: 0 10px;
    line-height: 35px;
    border-bottom: 1px solid #DE150D;
}

.index-products-R-title strong {
    border-bottom: 3px solid #DE150D;
    padding: 0 10px;
    font-size: 20px;
    line-height: 33px;
    font-weight: 700;
    display: inline-block;
    color: #DE150D;
    top: 1px;
    position: relative;
}

.index-products-R-title span {
    font-size: 16px;
    display: inline-block;
    margin-left: 10px;
    color: #c8c8c8;
    position: relative;
    top: 2px;
}

.advertise-01{ width:100%; height:165px; background:url(../images/gd-1.jpg) no-repeat center 0;}
.advertise-02{ width:100%; height:149px; background:url(../images/gd-2.jpg) no-repeat center 0;}
.projectCase *{box-sizing: border-box;}
.projectCase{ background-color:#fafafa; padding:25px 0 50px;box-sizing: border-box;}
.projectCase .container{ width:1180px; margin:0 auto;}
.projectCase .title{ text-align:center;}
.projectCase .title h2{ color:#DE150D; font-size:36px; font-weight:700; margin:10px 0;}
.projectCase .title h4{ padding:0 100px; display:inline-block; margin:0 auto; text-align:center; position:relative;}
.projectCase .title h4:before{ content:""; width:100%; height:1px; background-color:#cfcfcf; position:absolute; left:0px; top:50%;}
.projectCase .title h4 span{ position:relative; z-index:2;background-color:#fafafa; padding:0 15px; font-size:18px; color:#c8c8c8;
 text-transform:uppercase;}
.projectCase .caseList{ padding:20px 20px 0;}
.projectCase .caseList li{ padding:30px 0; position:relative; width:100%;}
.projectCase .caseList li .pic{ width:598px; height:248px; float:left;}
.projectCase .caseList li .textbox{ width:575px; height:195px; background:rgba(255,10,10,0.76); position:absolute; 
z-index:2; padding:20px;}
.projectCase .caseList li .textbox .case-title{ font-size:18px; font-weight:700; margin-bottom:18px;}
.projectCase .caseList li .textbox .case-title a{ color:#ffffff;}
.projectCase .caseList li .textbox .case-desc{color:#ffffff; line-height:25px;s}

.projectCase .caseList li .left.pic{ float:left; margin-left:40px;}
.projectCase .caseList li .right.textbox{ right:0; top:68px;padding-left:100px; padding-right:50px;}
.projectCase .caseList li .right.pic{ float:right; margin-right:40px;}
.projectCase .caseList li .left.textbox{ left:0; top:68px;padding-right:100px; padding-left:50px;}
.projectCase .actions{ text-align:center; margin-top:30px;}
.projectCase .more{ line-height:36px; padding:0 30px; display:inline-block; background-color:#DE150D; color:#fff;}

.whychoose *{box-sizing: border-box;}
.whychoose{ padding:70px 30px 50px;width:1180px; margin:0 auto;box-sizing: border-box;}
.whychoose .reasonList li{ width:292px; float:left;}
.whychoose .reasonList li.mid{ margin:0 120px;}
.whychoose .reasonList li .pic{ width:294px; height:294px; background:url(../images/whychooseus_bg.png) no-repeat scroll 0 0; 
padding:22px;}
.whychoose .reasonList li .pic img{ width:249px; height:249px; border-radius:50%;}
.whychoose .reasonList li .title{ margin:18px 0 10px; text-align:center; font-size:20px; font-weight:700;}
.whychoose .reasonList li .desc{text-align:center; font-size:14px; color:#7a7a7a; line-height:22px;}
 
.index-honor{background-color:#fafafa; padding:30px 0 50px; width:100%; margin:0;}
.rollBox,.rollBox .Cont{ height:280px;}
.index-honor .container{ width:1180px; margin:0 auto;}
.index-honor .title{ text-align:center;}
.index-honor .title h2{ color:#DE150D; font-size:36px; font-weight:700; margin:10px 0;}
.index-honor .title h4{ padding:0 100px; display:inline-block; margin:0 auto 10px; text-align:center; position:relative;}
.index-honor .title h4:before{ content:""; width:100%; height:1px; background-color:#cfcfcf; position:absolute; left:0px; top:50%;}
.index-honor .title h4 span{ position:relative; z-index:2;background-color:#fafafa; padding:0 15px; font-size:18px; color:#c8c8c8;
 text-transform:uppercase;}
 
.bottom-block *{box-sizing: border-box;}
.bottom-block{ background:#fff; padding:38px 0 40px;box-sizing: border-box;}
.bottom-block .container{ width:1180px; margin:0 auto; padding:0 10px;}
.index_news{ width:550px; float:left;}
.index_news h2{ margin-bottom:18px; line-height:38px;}
.index_news h2 span{ font-size:28px; color:#DE150D; position:relative; display:inline-block;}
.index_news h2 span:before{ content:""; width:100%; height:1px; position:absolute; left:0; top:50%; background-color:#fff;}
.index_news .actions{ text-align:right; margin:-38px 0 0;}
.index_news .more{ font-size:14px;color:#DE150D; }
.index_news_list li{ padding-left:85px; position:relative; margin-bottom:35px;}
.index_news_list li .date{ width:70px; height:79px; padding:12px 0; text-align:center; background:url(../images/newsbg.png) no-repeat center #DE150D; position:absolute;
left:0; top:0;}
.index_news_list li .date span{ line-height:22px; font-weight:700; display:block; color:#fff; font-size:24px; margin-bottom:7px;}
.index_news_list li .date span.month{ margin-left:5px;}
.index_news_list li .title{ margin-bottom:5px;}
.index_news_list li .title a{ line-height:25px; font-size:16px; color:#DE150D; display:inline-block; max-width:100%; overflow:hidden;
 text-overflow:ellipsis;}
.index_news_list li .desc{ color:#626262; line-height:22px;}
.index_aboutUs{ width:550px; float:right;}
.index_aboutUs h2{ margin-bottom:18px; line-height:38px;}
.index_aboutUs h2 span{ font-size:28px; color:#DE150D; position:relative; display:inline-block;}
.index_aboutUs h2 span:before{ content:""; width:100%; height:1px; position:absolute; left:0; top:50%; background-color:#fff;}
.index_aboutUs .more{ font-size:14px;color:#DE150D; }
.index-about-box-wenzi p{ margin-bottom:30px; line-height:25px; text-align:justify;}
.index_aboutUs embed{ margin-right:20px; float:left;}

.about-box{ padding:0 0 60px; position:relative;}
.about-box .products-box-R{ width:100%;}
.contact-box{ padding:50px 0; background:none;width: 95%;margin: 0 auto;}
.contact-box .pic{ width:235px;  height:260px; float:left; margin-right:40px; background: url(../images/contact-tp.png) no-repeat 0 0; background-size:100% auto; }
.contact-box .contact-box-content h4{ font-size:20px; color:#DE150D; line-height:50px;}
.contact-box-content{ width:338px; float:left;}
.contact-box-content-ewm{ width:190px; float:left; padding-top:20px;}
.contact-box-content-ewm img{ width:100%;}
.self-service{ padding:30px 0 20px; border-top:1px solid #e5e5e5;width: 95%;margin: 0 auto;}
.self-service h4{ line-height:50px; font-size:18px; color:#333;}
.self-service a{ width:195px; height:90px; display:inline-block; float:left; margin-right:30px; background-color:#ebebeb; padding:30px 0 20px; text-align:center;}
.self-service a i{ background:url(../images/icon-message.png) no-repeat scroll 0 0; display:inline-block; margin-bottom:15px;}
.self-service a.customer-service i{ width:44px; height:45px;}
.self-service a.online-message i{ width:48px; height:36px; background-position:0 -74px;position: relative;top: 7px;}
.self-service a span{ display:block; line-height:30px; color:#DE150D; font-size:14px;}
.contact-box-content-ewm p{ text-align:center;}
.contact-box-content-ewm p span{ display:block; line-height:20px; text-align:center;}
.sqsh-popup{ width:100%; height:100%; position:fixed; left:0; top:0; display:none; background:url(../images/opacity46.png) repeat scroll 0 0;}
.sqsh-popup .zxly{ width:300px; height:70px; padding:30px 30px; position:absolute; left:50%; top:50%; margin:-35px 0 0 -150px;
 background-color:#fff; border:1px solid #e3e3e3; font-size:18px;}
.sqsh-popup .zxly .icon-close{ background:url(../images/icon_close.png) no-repeat scroll 0 0; width:18px; height:18px; display:inline-block; position:absolute; top:10px; right:10px;}
.sqsh-popup .zxly p{ text-align:center; line-height:30px; margin:0;font-size:14px;}
.products-box{ width:100%;}
#content>.products-box{ width:1180px; margin:0 auto;}




.leftsort15{display:none;}
.cp_nr_tit{font-size:20px; font-weight:bold;}


.clear{clear:both; height:0; line-height:0; font-size:0;}
/*案例*/
.case_bg{ background:url(/images/case_bg.gif) no-repeat center 0; height:393px; overflow:hidden; font-size:0;}
.case{ width:1040px; margin:0 auto; padding:35px 0 0;}
.case_t{ height:90px; padding:0 0 25px; overflow:hidden; text-align:center;}
.case_t a{ font-size:24px; color:#ca090a; font-weight:bold;}
.case_t em{ display:block; font-family:"Didot"; font-size:14px; text-transform:uppercase; color:#b6b7ba; padding:5px 0 12px;}
.case_t span{ display:block;}
.case_t span img{ width:138px; height:26px;}
.case_l{ width:42px; margin:49px 0 0 -46px;}
.case_r{ width:42px; margin:49px -46px 0 0;}
.case_l img,.case_r img{ width:42px; height:59px;}
.case_c ul li { width:250px; float:left; padding:0 5px;}
.case_c ul li img{ width:250px; height:165px;}
.case_c ul li span{ width:250px; text-align:center; display:block; height:55px; line-height:20px; overflow:hidden; padding:15px 0 0;}
.case_c ul li span a{ font-size:14px; color:#656565;}

/*优势*/
.ys_tbg{ background:url(/images/ys_tbg.gif) no-repeat center 0; height:180px; overflow:hidden; text-align:center;}
.ys01{ background:url(/images/ys_bg01.jpg) no-repeat center 0; height:308px; padding:17px 0 0; overflow:hidden;}
.ys02{ background:url(/images/ys_bg02.jpg) no-repeat center 0; height:460px; overflow:hidden;}
.ys03{ background:url(/images/ys_bg03.jpg) no-repeat center 0; height:480px;padding-left: 100px; overflow:hidden;}
.ys_tbg div{    width: 1050px;margin: 0 auto;}
.ys_tbg span{ display:inline-block; font-size:28px; color:#fff; font-weight:bold; padding:35px 0 0;}
.ys_tbg i{ display:block; font-size:26px; padding:10px 0 0;font-style: inherit;}
.ys dl{ padding-top:35px; display:inline-block; width:456px; clear:both;}
.ys dl dt{ background:url(/images/ys_dtbg.gif) no-repeat; width:456px; height:53px; line-height:53px; overflow:hidden;}
.ys dl dt em{ display:block; width:48px; float:left; padding:10px 12px 0;}
.ys dl dt em img{ width:48px; height:30px;}
.ys dl dt h5{ float:left;font-weight: bold;}
.ys dl dt h5 a{ font-size:21px; color:#ca090a;}
.ys dl dd{ padding:12px 0 0;}
.ys dl dd p{ font-size:14px; color:#474954; line-height:30px;}
.ys dl dd p i{ color:#ca090a;font-style: inherit;}
.ys dl dd span{ display:block; float:left; padding:20px 12px 0 0;}
.ys dl dd span img{ width:91px; height:32px;}
.ys dl dd em{ display:block; margin:20px 0 0; float:left; font-size:13px; color:#fff; background:url(/images/ys_telbg.png) no-repeat; width:201px; height:30px; line-height:30px; text-align:center; overflow:hidden;}
.ys01 .ys dl{ padding-left:68px;}
.ys02 .ys dl{ padding-left:570px;}
.ys03 .ys dl dd p{ background:url(/images/ys_ico01.png) no-repeat 0 5px; padding:0 0 0 30px;}
.ys03 .ys dl dd p.ys03_p01{ background:none; padding:0;}
.content1{width: 1050px;margin: 0 auto;}

/*广告条*/
.ban01{ background:url(/images/ban01.jpg) no-repeat center 0; height:198px; overflow:hidden;cursor: pointer;}
.ban01 p{ font-size:15px; color:#474954; width:200px; float:right; padding:48px 0 0;}
.ban01 p span{ display:block; font-family: "Didot"; font-size:28px; font-weight:bold; padding:5px 0 0;}
.ban01 p em{ display:block; padding:15px 0 0;}
.ban01 p em img{ width:149px; height:40px;}

/*企业风采*/
.fengc{background:url(/images/fengc_bg.gif) no-repeat;width:1150px;height:368px;margin:0 auto 35px;font-size:0;overflow:hidden;}
.fengc .ab_t{ width:1100px; margin:0 auto; padding:28px 0 0;}
.fengc ul{margin-left: 10px;}
.fengc ul li{ width:270px; float:left; padding:20px 0 0 10px;}
.fengc ul li img{ width:270px; height:170px;}
.fengc ul li span{ width:265px; display:block; text-align:center; height:25px; line-height:25px; padding:5px 0 0; overflow:hidden;}
.fengc ul li span a{ font-size:13px; color:#474954;}
.fengc p{ width:265px; margin:0 auto; background:url(/images/news_line.gif) repeat-x 0 26px; height:22px; padding:15px 0 0;}
.fengc p .fenc_lico{ background:url(/images/fengc_lico01.gif) no-repeat; width:55px; height:22px; display:block; float:left; margin:0 1px 0 70px; overflow:hidden; _margin:0 1px 0 35px;}
.fengc p .fenc_lico:hover{ background:url(/images/fengc_lico02.gif) no-repeat;}
.fengc p .fenc_rico{ background:url(/images/fengc_rico01.gif) no-repeat; width:55px; height:22px; display:block; float:left;}
.fengc p .fenc_rico:hover{ background:url(/images/fengc_rico02.gif) no-repeat;}

.ab_t{ height:46px; line-height:36px; border-bottom:#d6d6d6 1px solid; overflow:hidden;}
.ab_t a{ font-size:20px; color:#d80c0d;font-weight: bold;}
.ab_t em{ display:inline-block; font-weight:normal; padding:0 0 0 10px; font-family:"Didot"; font-size:14px; color:#afaeae; text-transform:uppercase;}
.ab_t span,.news_t span{ float:right; display:block; line-height:0; padding:8px 0 0;}
.ab_t span img,.news_t span img{ width:53px; height:21px;}

#gsj{display:inline-block; vertical-align:-4px;}
#gsj a{display:inline-block;}

/*行业新闻*/
.w_980 { width: 1150px;margin: 0 auto;}
.news{ width:600px; font-size:0; overflow:hidden;}
.news_t{ height:34px; background:url(/images/news_line.gif) repeat-x 0 33px;}
.news_t ul li{ float:left; padding:0 10px 0 0;}
.news_t ul li a{ font-size:18px; color:#fff; font-weight:bold; display:block; float:left; width:122px; height:34px; line-height:34px; text-align:center; background:#a8a8a8;}
.news_t ul li.cur a,.news_t ul li a:hover{ background:#d51511;}
.news dl{ width:600px; padding:15px 0 20px; display:inline-block; overflow:hidden;}
.news dt{ width:247px; float:left; padding:0 15px 0 0;}
.news dt img{ width:247px; height:146px;}
.news dd{ float:left; overflow:hidden; width:320px;}
.news dd h3{ height:25px; line-height:25px; overflow:hidden;font-weight: bold;}
.news dd h3 a{ font-size:15px; color:#474954;}
.news dd p{ font-size:13px; color:#474954; height:84px; line-height:28px; padding:5px 0 0; overflow:hidden;}
.news dd span{ display:block; padding:10px 0 0;}
.news dd span a{ font-size:13px; color:#d80c0d;}
.news_m ul{ width:600px; display:inline-block; overflow:hidden;}
.news_m ul li{ height:31px; line-height:31px; border-bottom:#e0e0e0 1px dashed; overflow:hidden; background:url(/images/news_ico01.gif) no-repeat 0 12px; width:280px; float:left; margin:0 20px 0 0;}
.news_m ul li a{  font-size:13px; color:#474954; padding:0 0 0 18px;}
.news_m .nobor{ border:none;}

/*常见问题*/
.wd{ width:485px;height: 360px; background:url(/images/down_lbg.gif) no-repeat; padding:0 0 0 30px; font-size:0; overflow:hidden;}
.wd dl{ width:300px; border-bottom:#e0e0e0 1px dashed; padding:20px 0 0;}
.wd dt{ background:url(/images/wen.gif) no-repeat 0 5px; padding-left:25px; height:25px; line-height:25px; overflow:hidden;}
.wd dt a{  font-size:13px; color:#d51511;}
.wd dd{ font-size:13px; color:#696969; background:url(/images/da.gif) no-repeat 0 8px; padding:5px 0 0 25px; line-height:24px; height:72px; overflow:hidden;}
.wd dd a{ font-size:13px; color:#474954;}
.wd .nobor{ border:none; height:30px;}

#jswbox{width:480px;height:300px;margin:0 auto;position:relative}
#jswbox ul{position:relative;height:300px}
#jswbox li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;top:10px;left:10px}
#jswbox li span{width: 265px;display: block;text-align: center;height: 25px;line-height: 25px;padding: 5px 0 0;overflow: hidden;}
#jswbox li span a {font-size: 13px;color: #474954;}
#jswbox li img{width:100%;height:90%;vertical-align:top;float:left}
#jswbox .prev,#jswbox .next{display:none}

#jswbox1{width:480px;height:50px;margin:0 auto;position:relative}
#jswbox1 ul{position:relative;height:50px}
#jswbox1 li{position:absolute;width:0;height:0;z-index:0;cursor:pointer;overflow:hidden;top:10px;left:10px}
#jswbox1 li span{width: 480px;display: block;text-align: center;height: 25px;line-height: 25px;padding: 5px 0 0;overflow: hidden;}
#jswbox1 li span a {font-size: 13px;color: #474954;}
#jswbox1 .prev,#jswbox1 .next{display:none}