/********************************************************************************
**项目名：紫微改版
** 描述：紫微改版项目
** 作者： wangyoumin
** 创建时间：2018/4/10
** 最后修改人：（无）
** 最后修改时间：（无）
** 版权所有 (c) :tianmei
*********************************************************************************/
@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

body, html {
    width: 100%;
    height: 100%;
    font: 12px/1.5 "microsoft yahei";
    color: #666666;
}

html body {
    background: #ededed;
}

a:focus, a:hover {
    color: #000000;
    text-decoration: none !important;
}

a {
    text-decoration: none;
}

a {
    color: #333;
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

img {
    vertical-align: middle;
}

em, i {
    font-style: normal;
}

ol, ul {
    list-style: none;
}

button, input, select, textarea {
    font-size: 100%;
    outline: none;
}

textarea {
    resize: none;
}

div {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.bgff {
    background: #ffffff;

}

.ovfl {
    overflow: hidden;
}

.mt28 {
    margin-top: 28px;
}

.mt12 {
    margin-top: 12px;
}

.mt50 {
    margin-top: 50px;
}

.pd60 {
    padding: 60px;
}

.pr4 {
    padding-right: 4%;
}

.redfont {
    color: #b90000;
    font-size: 30px;
}

.redfont2 {
    color: #d91717;
    font-size: 14px;
}

.redfont3 {
    font-size: 26px;
    color: #b90000;
}

.fontsize30 {
    display: block;
    font-size: 30px;
    margin-top: 20px;
    color: #888888;
    font-weight: 400;
}
.fontsize10 {
    color: #888888;
    font-size: 15px;
}
.hide {
    display: none;
}

.cen {
    margin: 0px auto;
    width: 87%;
    max-width: 1200px;
}

.breadcrumbs {
    margin: 30px auto;
    font-size: 14px;
    color: #999999;
    position: relative;
}
.breadcrumbs_search{
    position: absolute;
    right: 0px;
    top:50%;
    margin-top: -12px;
    border: 1px solid #e41515;
    border-radius: 16px;
    height: 30px;
    width: 300px;
    padding-left: 20px;
    background: #ffffff;
}
.bre_search_btn{
    color: #ffffff;
    text-align: center;
    border-radius: 16px;
    background: #e41515;
    line-height: 28px;
    padding: 0px 20px;
    float: right;
    cursor: pointer;
}
.bre_search_input{
    display: inline-block;
    outline: 0px;
    height: 28px;
    border: 0px;
}
.breadcrumbicon {
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
}

.breadcrumb__item {
    color: #999999;
}

.zw_head {
    width: 100%;
    height: 50px;
    background: #b90000;
    float: left;
}

.zw_logo {
    width: 46%;
    margin-top: -22px;
    margin-left: -82px;
}

.zw_name_top {
    font-size: 20px;
    font-weight: 400;
}

.zw_name_bottom {
    font-size: 10px;
}

/*导航*/
.zw_nav, .menu {
    width: 100%;
    float: left;
}

.menu{
    padding: 0px 3%;
}

.hidden-xs {
    overflow: hidden;
}

.menu, .menu .menu_li {
    height: 50px;
    line-height: 50px;
    margin-bottom: 0px;
}

.menu_li {
    float: left;
    display: block;
    text-align: center;
    cursor: pointer;
    width: 13.8%;
    position: relative;
}

.menu_li.active, .menu_li:hover{
    background-color: #e41515;

}

.menu .menu_li.active a.menu_a, .menu .menu_li:hover a.menu_a, .submenu li:hover a {
    color: #ffffff;
}

.menu .menu_li a.menu_a {
    line-height: 40px;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}

.menu > li:hover .submenu, .menu > li:focus .submenu li {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.menu li.menu_li:nth-last-child(1) .submenu {
    left: -626px;
}

.menu li.menu_li:nth-last-child(2) .submenu {
    left: -312px;

}
.menu .menu_li:hover .submenu {
    max-height: 2000px;
    z-index: 10;
}

.submenu {
    width: 1000px;
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 0;
    text-align: center;
    opacity: 0;
}

.submenu li {
    width: 15%;
    float: left;
    margin-right: 8px;

}

.submenu li a {
    font-size: 13px;
    color: #333333;
    display: block;
    line-height: 36px;
    padding: 0 3px;
    text-decoration: none;
    background:rgba(255,255,255,.8);
    text-transform: uppercase;
    margin-bottom: 1px;
}
.submenu li:hover a{
    color: #e41515;
    font-weight: bold;
}
.nav_two_pro {
    width: 284px;
    float: left;
    background-color: #f6f6f6;
    border: 2px solid #b81b22;
    display: inline;
    padding-bottom: 15px;
    line-height: 30px;
}

.nav_two_pro ul {
    float: left;
    width: 100%;
    margin-top: 15px;
    /*background-image: url(/uploads/image/cimg/nav_line.jpg);*/
    /*background-repeat: repeat-y;*/
    /*background-position: center top;*/
}

.nav_two_pro ul li {
    float: left;
    width: 140px;
    border-right: 1px solid #cacaca;

}

.nav_two_pro ul li span {
    font-size: 14px;
    line-height: 50px;
    font-weight: bold;
    color: #666;
    display: inline;
    float: left;
    width: 117px;
    margin-top: 10px;
    margin-left: 20px;
}

.nav_two_pro ul li div {
    line-height: 24px;
    display: inline;
    float: left;
    width: 117px;
    margin-left: 20px;
}

.nav_two_pro ul li div a {
    color: #666;
    float: left;
    width: 117px;
}

.nav_two_pro ul li a img {
    display: inline;
    float: left;
    height: 66px;
    width: 102px;
    margin-top: 10px;
    margin-left: 17px;
}

.menu_li:hover .menu-bd2 {
    display: block;
}

.menu-bd2 {
    display: none;
    z-index: 10001;
    position: absolute;
    width: 312px;
    float: left;
    left: -544px;
    top: 50px;
}

.menu-bd2.type1 {
    left: 0px;
}

.menu-bd2.type3 {
    left: -466px;
}

.menu-bd2.type3  .nav_two_pro ul li{
    width: 182px;
}

.type3 .nav_two_pro,.type3 .nav_two_pro ul{
    width:100%;
}

.type2 .nav_two_pro,.type2 .nav_two_pro ul{
    width:848px;
}
.menu-bd2.type2,.menu-bd2.type3{
    width: 1100px;
}

.logopic {
    width: 41%;
    float: left;
    margin-top: 26px;
    margin-bottom: 26px;
}

.nav_box {
    width: 100%;
    height: 110px;
    background: #ffffff;
}

.nav_right {
    float: right;
    width: 408px;
    margin-top: 20px;
}

.telicon {
    float: left;
    margin-top: 4%;
    width: 52%;
}

.nav_righticon {
    float: left;
    width: 170px;
    padding-top: 34px;
    padding-left: 22px;
}

.nav_text {
    font-size: 14px;
    color: #555555;
    margin-right: 10px;
    vertical-align: middle;
}

.wordtext {
    margin-left: 10px;
}

.slidebox {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
    display: block;
}

.slidebox .bd {
    height: 100%;
    z-index: 1;
    overflow: hidden;
    float: left;
    display: inline;
    width: 100%;
    background: #f2f2f2;
}

.slidebox .bd ul {
    height: 100%;
    width: 100% !important;
}

.slidebox .bd ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.slidebox .bd ul li {
    width: 100% !important;
    height: 100%;
}

.slidebox:hover .prev,.slidebox:hover  .next{
    display: block;
}
.slidebox .prev, .slidebox .next {
    width: 32px;
    height: 32px;
    margin-top: -16px;
    top: 50%;
    position: absolute;
    cursor: pointer;
    z-index: 999;
    display: none;
}

.slidebox .prev {
    left: 3%;
    background:  0px 0px no-repeat;
}

.slidebox .next {
    right: 3%;
    background:  0px 0px no-repeat;
}

.bgf2 {
    width: 100%;
    background: #f2f2f2;
}

.commontitle {
    width: 100%;
    text-align: center;
    padding-top: 40px;
    margin-bottom: 45px;
}

.wordtitle {
    color: #7f7f7f;
    font-size: 30px;
    font-weight: 400;
}

.commontitle .floor_p {
    font-size: 14px;
    color: #a5a5a5;
}

.floor_p {
    margin-top: 10px;
}

.floor_p p {
    font-size: 14px;
    color: #a5a5a5;
}

.news_content {
    width: 100%;
    overflow: hidden;
    padding-bottom: 40px;
}

.news_left {
    /*width: 734px;*/
    width: 61%;
    float: left;
}

.new_right {
    padding-left: 26px;
    /*width: 440px;*/
    width: 39%;
    float: left;
}

.contentinner, .newsitem, .news_ulr, .newsdesc, .newslist {
    width: 100%;
}

.newsitem {
    padding: 20px;
}

.contentinner {
    /*height: 430px;*/
    width: 100%;
    background: #ffffff;
}

.common_tab {
    width: 100%;
    line-height: 40px;
    height: 40px;
}

.common_tab a {
    font-size: 16px;
    display: block;
    float: left;
    width: 140px;
    text-align: center;
    background: #eaeaea;
    margin-right: 4px;
    color: #666666;

}

.common_tab a.on {
    color: #b90000;
    background: #ffffff;
    border-top: 2px solid #b90000;
    font-weight: bold;
}

.newsbig {
    width: 100%;
    padding-left: 20px;
    padding-bottom: 15px;
}

.newsimg {
    width: 192px;
    height: 128px;
    float: left;
}


.newsdesc {
    padding-left: 215px;
}

.newsdesc h2 {
    font-size: 16px;
    color: #444444;
    font-weight: bold;
}

.newsdesc {
    padding-top: 15px;
    height: 128px;
}

.newsdesc p {
    margin-top: 10px;
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #999999;
}

.news_time {
    color: #999999;
    margin-top: 10px;
    display: block;
}

.newslist{
    height: 256px;
    overflow: hidden;
}

.newslist li {
    background:  center top repeat-x;
    color: #999999;
    line-height: 36px;
    font-size: 14px;
    position: relative;
    width: 100%;
}

.newslist li a {
    display: block;
}

.newslist li:hover a .newdec, .newslist li:hover .newtime {
    color: #b90000;
}

.newslist li:hover a .newdec {
    text-decoration: underline;
}

.newslist li a {
    color: #666666;
}

.newsarrow {
    display: block;
    width: 5px;
    height: 13px;
    position: absolute;
    left: 0px;
    top: 36%;
    background:  no-repeat;
}

.newdec {
    /*width: 600px;*/
    width: 86%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #666666;
    padding-left: 20px;
    transition: all .4s linear;
    -moz-transition: all .4s linear; /* firefox 4 */
    -webkit-transition: all .4s linear; /* safari 和 chrome */
    -o-transition: all .4s linear; /* opera */
}

.newtime {
    float: right;
    color: #666666;
    font-size: 12px;
}

.news_pic_wrap {
    float: left;
}

.news_pic_wrap, .news_pic {
    width: 110px;
    height: 75px;
    border: 0px;
}

.new_pic_dec {
    padding-left: 130px;
    width: 100%;
    height: 75px;
    padding-top: 8px;
}

.new_pic_dec h2 {
    font-size: 14px;
    color: #444444;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400;
    transition: all .4s linear;
    -moz-transition: all .4s linear; /* firefox 4 */
    -webkit-transition: all .4s linear; /* safari 和 chrome */
    -o-transition: all .4s linear; /* opera */
}

.new_pic_dec p {
    text-overflow: ellipsis;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #999999;
    margin-top: 10px;
    transition: all .4s linear;
    -moz-transition: all .4s linear; /* firefox 4 */
    -webkit-transition: all .4s linear; /* safari 和 chrome */
    -o-transition: all .4s linear; /* opera */
}
.news_ulr{
    height: 400px;
    overflow: hidden;
}

.news_ulr li {
    padding-bottom: 14px;
    margin-bottom: 10px;
    clear:both;
    background:  center bottom repeat-x;
}
    .news_ulr .fontsize30 {
        margin-top: 5px;
    }
.news_ulr .ul_2_time{
    width:80px;
    height:80px;
}

.news_ulr li:hover .new_pic_dec h2, .news_ulr li:hover .new_pic_dec p {
    color: #b90000;
}

.product_content, .product_right {
    overflow: hidden;
}

.product_right {
    float: left;
    /*width: 648px;*/
    width: 54%;
    max-height: 490px;
}

.protext {
    width: 100%;
    height: 58px;
    line-height: 58px;
    background-color: #b90000;
    color: #ffffff;
    text-align: center;
    position: absolute;
    left: 0px;
    bottom: -58px;
    font-size: 16px;
    padding: 0px 20px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.product_content, .floor_cell, .product_left .bd {
    width: 100%;
}

.product_left .bd {
    height: 490px;
    overflow: hidden;
}

.product_left {
    float: left;
    /*width: 550px;*/
    width: 45.8%;
    height: 490px;
    position: relative;
}
.product_left .bd li{
    position: relative;
}
.product_left .bd li,.proimg {
    width: 100%;
    height: 432px;
}

.product_left .hd, .about_us_left .hd {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    text-align: center;
}

.product_left .hd li {
    width: 30px;
    height: 4px;
    display: inline-block;
    vertical-align: middle;
    background: #ffffff;
    opacity: 0.3;
    cursor: pointer;
}

.product_left .hd li.on {
    background: #ffffff;
    border-radius: 4px;
    opacity: 1;
}

.product_item {
    width: 49%;
    height: 240px;
    float: left;
    background-color: #f2f2f2;
    margin-left: 1%;
    margin-bottom: 12px;
    text-align: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.product_icon {
    width: 40px;
    height: 40px;
    margin-top: 78px;
}

.product_text {
    font-size: 20px;
    color: #444444;
    margin-top: 20px;
}

.floor_cell {
    padding-bottom: 70px;
    background: #ffffff;
}

.slide_item, .one, .two {
    width: 100%;
}

.one {
    height: 100%;
}

.two {

    /*width: 312px;*/
    height: 240px;
    position: absolute;
    left: 0px;
    top: 490px;
    right: 0px;
    bottom: 0px;
    text-align: center;
}

.two_word {
    font-size: 26px;
    color: #ffffff;
    position: relative;
    z-index: 99;
    display: block;
    font-weight: 400;
    margin-top: 128px;
}

.lookbtn {
    width: 70px;
    height: 22px;
    line-height: 22px;
    margin: 20px auto 0px;
    border: solid 1px #ffffff;
    color: #ffffff;
    display: block;
    background: rgba(255, 255, 255, .3);
    position: relative;
    z-index: 99;
    border-radius: 10px;
}
a.lookbtn:hover{
    color:#ffffff
}
.twopic {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.two_classfity {
    width: 60px;
    height: 60px;
}

.two_name {
    margin-top: 20px;
    font-size: 42px;
    color: #ffffff;
    display: block;
}

.btn2 {
    margin-top: 80px;
}

.btn8 {
    background: #333333;
    color: #ffffff;
    padding: 4px 10px;
    font-size: 15px;
    line-height: 26px;
    cursor: pointer;
}

.btn8:hover{
    color: #ffffff;
}

.product_two {
    padding-top: 120px;
    /*width: 550px;*/
    width: 100%;
    height: 432px;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -490px;
    text-align: center;
    background: rgba(0, 0, 0, .6);
}

.product_two .lookbtn {
    margin-top: 40px;
}

.slide_item li {
    float: left;
    margin-right: 1.5%;
    position: relative;
}

.slide_item li {
    width: 23.5%;
    text-align: center;
}

.slide_item li img {
    /*width: 282px;*/
    height: 370px;
    width: auto;
    width: 100%;
}

.slide_item {
    overflow: hidden;
    margin-top: 40px;
    padding-bottom: 64px;
}

.slide_item ul {
    width: 103%;
}

.slide_item li:hover .mask {
    opacity: 1;
    border:146px solid rgba(0, 0, 0, 0.7);

}

.slide_item li:hover a.info {
    transition-delay: 0.3s;
}

.mask {
    opacity: 0;
    overflow: visible;
    border: 0px solid rgba(0, 0, 0, 0.7);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-align: center;
}

a.info {
    background: url(/uploads/image/cimg/link.png) no-repeat scroll center center transparent;
    display: inline-block;
    text-decoration: none;
    padding: 0px;
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 22;
    margin-top: 20px;
}

.mask, .view {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.slide_item li:hover a.info {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.about_us {
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    height: 340px;
}

.about_us_left {
    width: 48.3%;
    float: left;
    height: 340px;
    position: relative;
}

.about_us_left .bd {
    /*width: 580px;*/
    width: 100%;
}

.about_us_left .bd li {
    /*width: 580px;*/
    width: 100%;
    height: 340px;
}

.about_us_left .bd li img {
    width: 100%;
    height: 100%;
}

.about_us_left .hd {
    width: 100%;
    padding: 0px 20px;
    text-align: left;
}

.about_us_left .hd li {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background: #ffffff;
    cursor: pointer;
    border-radius: 50%;
    margin: 0px 2px;
}

.about_us_left .hd li.on {
    background: #908f8c;
}

.about_us_left .hd {
    bottom: 8px
}

.about_us_right {
    width: 51.7%;
    /*width: 590px;*/
    float: left;
    height: 340px;
    padding-left: 3%;
}

.bigttile {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    color: #b90000;
}

.about_text {
    font-size: 14px;
    color: #7f7f7f;
    text-indent: 20px;
    line-height: 24px;
}
.about_us_inner{
    width: 100%;
    height: 222px;
    overflow: hidden;
}
.link_item {
    display: block;
    float: left;
    width: 28%;
    height: 42px;
    background-color: #f2f2f2;
    color: #b90000;
    text-align: center;
    line-height: 42px;
    margin-right: 3%;
    font-size: 16px;
}

a.link_item:hover{
    color: #b90000;
}

.about_link {
    display: block;
    margin-top: 26px;
    overflow: hidden;
}

.iconpic {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    margin-top: -2px;
}

.about_link_inner {
    width: 110%;
}

.redcircle {
    width: 340px;
    height: 40px;
    background: #df1616;
    border-radius: 20px;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    color: #ffffff;
    margin: 50px auto 0px;
}

.circlelist {
    width: 100%;
    margin-top: 50px;
    overflow: hidden;
    padding-bottom: 100px;
}

.circlelist li {
    float: left;
    width: 20%;
    position: relative;
    text-align: center;

}

.circleitem {
    width: 122px;
    height: 122px;
    margin: 0px auto;
    position: relative;
}

.circleimg {
    position: absolute;
    top: 50%;
    bottom: 0;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
    width: 54px;
    height: 54px;
}

.circleimg img {
    width: 100%;
    height: 100%;
}

.spinner {
    width: 122px;
    height: 122px;
    border: 4px solid #cccccc;
    border-right-color: #b90000;
    border-bottom-color: #b90000;
    border-radius: 50%;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.info {
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0;
    background: #333;
    background: rgba(0, 0, 0, .6);
    opacity: 0;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    line-height: 122px;
    letter-spacing: 0px;
    font-size: 14px;
}

.circleitem a:hover .info {
    opacity: 1;
}

.info p {
    color: #ffffff;
}

.infotext {
    margin-top: 14px;
    font-size: 16px;
    color: #666666;
    text-align: center;
}

.circleitem a:hover .spinner {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bge3 {
    width: 100%;
    height: 88px;
    background: #e3e3e3;
    line-height: 88px;
}

.select1 {
    width: 20%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin-left: 30px;
    border: 0px;
    color: #666666;
    padding-left: 20px;
}

.linkname {
    /*margin-left: 150px;*/
    font-size: 21px;
    color: #7f7f7f;
}

.footer_link {
    padding-top: 34px;
    background:  top center repeat-y;
    width: 100%;
    min-height: 410px;
    padding-bottom: 30px;
    overflow: hidden;
}

.footer_link .cen {
    height: 100%;
}

.footer_link_left {
    float: left;
    width: 70%;
    height: 100%;
    border-right: 1px solid #666666;
}

.link_itema {
    float: left;
    color: #cccccc;
    margin-right: 46px;
}

.link_itema dt {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 400;
}

.link_itema dd a {
    font-size: 14px;
    color: #999999;
    line-height: 26px;
    display: block;
}

.link_itema.type2 {
    max-width: 180px;
}

.link_itema.type2 dd a {
    float: left;
    margin-right: 20px;
}

.link_itema dd {
    height: 368px;
}

.footer_link_right {
    float: left;
    width: 30%;
    padding-left: 40px;
}

.bshare-customs {
    margin: 40px auto 0px;
    padding: 5px 0;
    width: 100%;
    height: 40px;
    _zoom: 1;
    z-index: 9999;
}

.bshare-customs a.bshare-weixin {
    background-image: url(/uploads/image/cimg/weixin.png);
    background-repeat: no-repeat;
}

.bshare-customs a.bshare-qzone {
    background-image: url(/uploads/image/cimg/share4.png);
    background-repeat: no-repeat;

}

.bshare-customs a.bshare-sinaminiblog {
    background-image: url(/uploads/image/cimg/share6.png);
    background-repeat: no-repeat;

}

.bshare-customs a.bshare-renren {
    background-image: url(/uploads/image/cimg/share5.png);
    background-repeat: no-repeat;

}

.bshare-customs a.bshare-qqmb {
    background-image: url(/uploads/image/cimg/share3.png);
    background-repeat: no-repeat;

}

.bshare-customs a.bshare-neteasemb {
    background-image: url(/uploads/image/cimg/share1.jpg);
    background-repeat: no-repeat;

}

.bshare-customs a.bshare-more {
    background-image: url(/uploads/image/cimg/share2.jpg);
    background-repeat: no-repeat;

}

.bshare-customs a {
    float: left;
    width: 16px;
    padding: 2px;
    margin-right: 6px;
    _margin-left: 3px;
    height: 16px;
    overflow: hidden;
    list-style: none;
    cursor: pointer;
}

.weicode, .footer_about {
    float: left;
}

.weicode{
    width: 114px;
    height: 114px;
}
.footer_about {
    margin-left: 20px;
    font-size: 16px;
    margin-top: 36px;
}

.footer_about p {
    font-size: 14px;
    color: #999999;
}
.footer_about strong{
    color: #999999;
}
.footer_link_item, .footer_link_form {
    width: 100%;
}

.footer_link_item {
    overflow: hidden;
}

.footer_link_form {
    overflow: hidden;
    margin-top: 20px;
}

.select2 {
    background: #ffffff;
    width:24%;
    height: 40px;
    float: left;
    font-size: 12px;
}

.form_box {
    width: 73%;
    margin-left: 3%;
    /*margin-right: 10px;*/
    height: 40px;
    float: left;
}
.footer_link_form form{
    width: 100%;
}
.texts2 {
    float: left;
    background: #ffffff;
    height: 40px;
    width: 70%;
    /*width: 136px;*/
    border: 0px;
    font-size: 14px;
    padding: 0px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
}

.buttons {
    display: block;
    float:right;
    width: 60px;
    height: 40px;
    background: #7c0000;
    text-align: center;
    line-height: 40px;
    cursor: pointer;

}

.buttons img {
    margin-top: -4px;
}

.bsbox {
    box-sizing: content-box;
}

.addressbox {
    margin-top: 20px;
}

.addressbox p {
    color: #bfbfbf;
    font-size: 14px;
}

.copyright {
    width: 100%;
    background: #000000;
    height: 60px;
    line-height: 60px;
}

.copyright_left {
    float: left;
    font-size: 14px;
    color: #7f7f7f;
}

.copyright_right {
    float: right;
    margin-right: 88px;
}

.copyright_right a {
    margin: 0px 8px;
    color: #7f7f7f;
}

.footerred {
    font-size: 20px;
    color: #ff3333;
}

.zw_banner {
    width: 100%;
    max-height: 300px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.zw_container, .zw_list1, .zw_banner_img, .ul_5, .innovate_top,.zw_inner,.detail_containter, .sidebar_content, .ul_2_img img
  {
    width: 100%;
}

.zw_inner {
    position: relative;
    padding-bottom: 118px;
    /*overflow: hidden;*/
    /*margin-bottom: 85px;*/
}


/*产品详情*/
.detail_wrapper {
    width: 100%;
    overflow: hidden;
    padding: 0px 60px 60px;
    background: #ffffff;
}

.detail_title {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.con_div {
    overflow: hidden;
    width: 100%;
}

.pro_js {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.contentbox2 {
    float: left;
    width: 100%;
    /*height: 374px;*/
    margin-bottom: 20px;
    text-align: center;

}

.con_div_right {
    float: left;
    /*width: 485px;*/
    /*margin-left: 52px;*/
    width: 100%;
    margin-top: 50px;
}

.con_div_item {
    width: 100%;
    margin-bottom: 30px;
}

.con_div_ti {
    float: left;
    color: #000000;

}

.con_div_tis, .con_div_ti {
    color: #999999;
    font-size: 14px;
}

.con_div_item2 {
    display: block;
    font-size: 14px;
}

.con_div_title1 {
    font-size: 26px;
    color: #000000;
    font-weight: bold;
    line-height: 30px;
    padding-top: 20px;
}


.con_div_title2 {
    color: #333333;
}

.loadbook {
    margin-left: 26px;
    color: #003aff;
    font-size: 14px;
}

.loadbook img {
    margin-right: 4px;
}

.detail_tab {
    width: 100%;
    height: 38px;
    line-height: 38px;
    text-align: left;
    font-size: 16px;
    background: #f4f4f4;
}

.detail_tab a {
    display: inline-block;
    vertical-align: middle;
    width: 118px;
    text-align: center;
    margin-top: -5px;
    border-left: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
    margin-left: -1px;
}

.detail_tab a.on {
    color: #ffffff;
    background: #b90000;
}

.detail_content {
    width: 100%;
    padding-top: 40px;
}

.detail_content img, .detail_content video {
    max-width: 100%;
}


.detail_content .p1 {
    font-size: 16px;
    line-height: 30px;
}

.detail_content table tr td {
    border: 1px solid #aaaaaa;
    text-align: center;
}

.pro_js_btn {
    width: 100%;
    margin-top: 30px;
    float: left;
    text-align: left;
    font-size: 16px;
}

.pro_js_btn .btn8 {
    color: #000000;
}

table tr td {
    padding: 20px;
}

/*产品中心*/
.zw_left {
    float: left;
    width: 16%;
    background: #ffffff;
    border-bottom: 2px solid #e41515;
}

.zw_right {
    float: right;
    width: 81%;
    background: #ffffff;
    position: relative;
    min-height: 686px;
    padding-bottom: 60px;
}

.zw_right.type1 {
    background: transparent;
}

.zw_right2 {
    float: right;
    width: 87%;
    position: relative;
    min-height: 500px;
}

.sidebar_content li.active,.sidebar_content li:hover {
    background: #e41515;
    border-bottom: 6px solid #a90000;
    border-top: 1px solid #e41515;
}

.sidebar_content li.active a,.sidebar_content li:hover a {
    color: #ffffff;
    font-weight: bold;
}

.sidebar_content li {
    width: 100%;
    padding: 0px 14%;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 6px solid #ffffff;
    position: relative;
    background: #ffffff;
}

.sidebar_content li a {
    color: #888888;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.shadow {
    width: 5px;
    height: 115%;
    background:  no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0px;
    right: -5px;
}

.product_list {
    width: 100%;
    overflow: hidden;
}

.pro_ul3 {
    width: 104%;
}

.pro_ul3 li {
    float: left;
    width: 33.3%;
}

.pro_text {
    text-align: center;
    font-size: 16px;
    height: 44px;
    margin-top: 20px;
    overflow: hidden;
    width: 88%;
    margin-bottom: 20px;
}

.pro_pic {
    width: 88%;
    height: 190px;
    overflow: hidden;
    background: #f7f7f7;
    text-align: center;
    line-height:190px;
}

.pro_ul3 li img{
    max-width: 100%;
    max-height: 100%;
}


/*成功案例*/
.radi {
    border-radius: 0px 90px 0px 0px;
}

.ul_2 {
    margin-top: -30px;
}

.ul_2_img {
    width: 25%;
    max-height: 160px;
    overflow: hidden;
    float: left;
}

.ul_2_dec,.ul_2_dec2{
    color: #999999;
    font-size: 15px;
    position: relative;
}
.ul_2_dec {
    padding-left: 30%;
    padding-bottom: 10.5%;
}

.ul_2_dec2 {
    width: 100%;
    padding-left: 160px;
}

.ul_2_p {
    margin: 10px auto;
    color: #999999;
    position: absolute;
    left: 30%;
    top: 28px;
}

.type2 .ul_2_p {
    bottom: -15px;
    top: auto;
}

.ul_2 li {
    padding: 30px 0px;
    overflow: hidden;
    width: 100%;
}

.list-border-bottom {
    border-bottom: 1px solid #e2e2e2;
}

.ul_2_dec_h2 {
    font-size: 24px;
    color: #000000;
    height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.ul_2_dec_p {
    font-size: 15px;
    color: #999999;
    height: 48px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    bottom: 28px;
    right: 0px;
    left: 30%;
    position: absolute;
}

.big .zw_left {
    width:10%;
}

.big .zw_right {
    width: 86%;
}

.big .sidebar_top, .big .sidebar_content li {
    padding: 20% 14%;
    height: auto;
    text-align: center;
}

.list-border-bottom2 {
    border-bottom: 1px dashed #cccccc;
}

.product dl {
    padding: 30px 0px;
}

.product dt.red {
    font-size: 16px;
    color: #b90000;
    float: left;
}

.product dd {
    width: 100%;
    padding-left: 172px;
    font-size: 15px;
}

.product dd p{
    word-break: break-word;
}
/*品牌服务*/
.zw_ul, .service {
    width: 100%;
}

.zw_ul li {
    float: left;
    width: 24%;
    height: 160px;
    line-height: 160px;
    text-align: center;
    margin-right: 1%;
    border: 1px solid #e4e4e4;
    margin-bottom: 1%;
}

.zw_ul li img {
    max-height: 100%;
    max-width: 100%;
}

.tab-nav {
    width: 100%;
    height: 50px;
    padding: 0px 50px;
    position: relative;
}
.tabarrowbtn{
    display: block;
    width: 16px;
    height: 26px;
    position: absolute;
    top:50%;
    margin-top: -16px;
    cursor: pointer;
}
.tabarrowbtn.left.on{
    background:  no-repeat;
}
.tabarrowbtn.right.on{
    background:  no-repeat;
}
.tabarrowbtn.left{
    left: 10px;
    background:  no-repeat;
}
.tabarrowbtn.right{
    right: 10px;
    background:  no-repeat;
}
.tab-nav-item {
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-right: 8px;
    padding: 0px 20px;
    background: #f6f6f6;
    font-size: 16px;
    color: #888888;
    display: inline-block;
}

.tab-nav-item.tab-active {
    color: #b90000;
    background: #ffffff;
}
.tab-nav-inner{
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    height: 50px;
    width: 100%;
}
.tab-panel-item {
    display: none;
}

.tab-panel-item.tab-active {
    display: block;
}

/*服务平台*/
.pro_ul2 {
    width: 104%;
}

.pro_ul2 li {
    float: left;
    width: 33.3%;
    margin-bottom: 10px;
}

.pro_pic2 {
    width: 90%;
    max-height: 206px;
    overflow: hidden;
    background: #f7f7f7;
}

.tab-panel {
    /*margin-top: 20px;*/
    background: #ffffff;
    width: 100%;
    overflow: hidden;
    padding: 60px 60px 100px;
    min-height:424px;
}

/*专利成果*/
.patent {
    color: #555555;
}

.patent-title {
    font-size: 22px;
}

.ul_4 {
    width: 100%;
    margin-top: 24px;
}

.ul_4 li {
    margin-top: 10px;
    font-size: 15px;
}

/*新闻正文--------------------------*/

.zw_title3 {
    font-size: 30px;
    text-align: center;
    color: #000000;
    font-weight: bold;
}

.zw_new_title {
    height: 100px;
    line-height: 100px;
    width: 100%;
    text-align: center;
    position: relative;
}

.new_line {
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #d3d3d3;
}

.zw_new_time {
    display: inline;
    color: #888888;
    font-size: 15px;
    padding: 0px 15px;
    background: #ffffff;
    position: relative;
    z-index: 2;
}

.zw_new_time .bshare-custom {
    display: inline-block;
    margin-left: 20px;

}

.pagebox {
    position: relative;
    padding-top: 60px;
    border-top: 1px solid #d3d3d3;
}

.pageitem {
    line-height: 30px;
    font-size: 15px;
 display: block;
}

.new_content {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 120px;
}

.new_content img {
    max-width: 100%;
    margin: 10px auto;
}

.backlist {
    position: absolute;
    left: 50%;
    top: -13px;
    margin-left: -40px;
    padding: 0px 10px;
    background: #ffffff;
}

.innovate_title {
    color: #111111;
    font-size: 22px;
}

.innovate_p {
    margin-top: 40px;
    font-size: 17px;
}

.innovate_red {
    color: #b90000;
}

.innovate_center {
    margin-top: 70px;
}

.innovate_center .innovate_title {
    margin-bottom: 30px;
}

.innovate_center .innovate_p2 {
    margin-top: 10px;
    font-size: 15px;
    color: #555555;
}

.innovate_bottom {
    margin-top: 36px;
}

.innovate-title {
    text-align: center;
    font-size: 28px;
    color: #111111;
    position: relative;
}

.innovate-title span {
    background: #ffffff;
    padding: 0px 20px;
    position: relative;
    z-index: 99;
}

.innovate-line {
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 8;
    width: 100%;
    display: block;
    border-bottom: 1px dashed #111111;
}

.innovate-content {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.innovate-content ul {
    margin: 0px -30px;
}

.innovate-content li {
    float: left;
    width: 33.3%;
    text-align: center;
    margin: 50px 0px;
    position: relative;
}

.innovate-img {
    width: 100%;
    height: 178px;
    overflow: hidden;
}

.innovate-img img {
    max-width: 100%;
    max-height: 100%;
}

.innovate-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 20px;
    font-size: 17px;
    font-weight: bold;
}

.line {
    width: 300%;
    position: absolute;
    left: -200%;
    bottom: -45px;
    border-bottom: 1px dashed #c6c6c6;
}

.ul_5 li {
    height: 108px;
    line-height: 108px;
    border-bottom: 1px dashed #d4d4d4;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timeicon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    width: 20px;
    height: 20px;
    background:  no-repeat;
    background-size: 100% 100%;
}

.texticon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    width: 20px;
    height: 20px;
    background:  no-repeat;
    background-size: 100% 100%;
}

.type1 .page_wrapper {
    bottom: 20px;

}

.ovfl.type1 {
    padding-bottom: 100px;
}

.ul5_text {
    display: inline-block;
    vertical-align: middle;
    width: 88%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ul5_down {
    float: right;
    line-height: 30px;
    font-size: 14px;
    padding-top: 24px;
    text-align: center;
}

.download {
    width: 36px;
    height: 36px;
}

.ul5_text2 {
    display: block;
    font-size: 14px;
}

/*人力资源*/
.zw_people_top, .zw_people_bottom img, .service_map img, .ul_2_dec {
    width: 100%;
}

.zw_people_top img {
    width: 311px;
}

.zw_people_bottom {
    margin-top: 40px;
}

.service-title {
    font-size: 60px;
    color: #cccccc;
    font-weight: 400;
}

.service-title2 {
    color: #555555;
    font-size: 20px;
    margin-top: 38px;
}

.service-title3 {
    color: #eeeeee;
    font-weight: 400;
    font-size: 40px;
}

.mtd30 {
    margin-top: -30px;
}

.mtd60 {
    margin-top: -60px;
}

.service-content p {
    line-height: 30px;
    font-size: 15px;
}

.service-red {
    color: #b90000;
    font-size: 15px;
}

.service-line {
    line-height: 46px;
    border-bottom: 2px solid #e1e1e1;
}

.service-title4 {
    color: #000000;
    font-size: 26px;
}

.zw_service_left, .zw_service_right, .service-dl.w50, .service-dl-span {
    width: 50%;
    float: left;
}

.zw_service_left {
    padding-right: 70px;
}

.service_map {
    max-height: 500px;
    overflow: hidden;
    border-radius: 0px 60px 0px 0px;
}

.serviceicon {
    width: 27px;
    height: 27px;
}

.service-dl-span {
    margin-bottom: 30px;
}

.service-dl {
    width: 100%;
    margin-top: 30px;
    overflow: hidden;
}

.word-text, .word-num {
    font-size: 15px;
}

.word-num {
    color: #333333;
    margin-top: 10px;
}

.service-dl dd {
    margin-top: 20px;
    overflow: hidden;
    width: 100%;
}

.service-dl-span2 {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
.service_pic_w50 img{
    width: 140px;
    height: 140px;
}
.service_pic_w50 {
    float: right;
    margin-left: 40px;
}

.service-text {
    line-height: 40px;
    text-align: center;
    font-size: 15px;
}

.ul_2_time {
    width: 110px;
    height: 110px;
    border: solid 1px #e2e2e2;
    float: left;
    text-align: center;
}

.ul_des_text {
    /*margin-top: 26px;*/
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.service-name {
    font-size: 26px;
    color: #b90000;
}

.service-dec {
    text-indent: 20px;
    line-height: 30px;
    font-size: 15px;
}

.service-name2 {
    color: #bbbbbb;
    font-size: 17px;
}

.service-head {
    font-size: 18px;
    color: #b90000;
    width: 100%;
    text-align: center;
    height: 100px;
    line-height: 100px;
}

.service-content {
    font-size: 15px;
    color: #555555;
    line-height: 30px;
    text-indent: 20px;
}

.service-logo {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}

.institutions {
    width: 100%;
    margin-top: 60px;
}

.institutions img, .products img, .products_bottom,
.products_bottom ul li img,
.products_img, .products_top, .products_top img, .products_bottom {
    width: 100%;
}

.products_img{
    height: 294px;
}
.products_top {
    background: #ffffff;
    padding: 20px;
    overflow: hidden;
    border-radius: 0px 50px 0px 0px;
}

.products_top img {
    border-radius: 0px 50px 0px 0px;
}

.products_bottom ul li {
    float: left;
    width: 24%;
    background: #ffffff;
    margin-right: 1%;
    padding: 20px;
    margin-top: 26px;
}

.products_bottom {
    overflow: hidden;
}

.products_bottom ul {
    width: 101%;
}

/*.bgededed {*/
/*    background: #ededed;*/
/*}*/
.bgededed .pd60{
    padding: 0px;
    background: #ededed;
}
.bgededed .mtd60{
    margin-top: 0px;
}
.bgededed.zw_right{
    padding-bottom: 0px;
}
.products_dec {
    color: #333333;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*文化*/
.culture_left {
    float: left;
    width: 60%;
}

.culture_right .culture_right {
    width: 100%;
}

.culture_left .culture_logo {
    width: 49%;
}

.culture_left .culture_logo:nth-child(1) {
    margin-right: 1%;
}

.culture_right {
    float: left;
    width: 40%;
}

.culture_dec {
    line-height: 30px;
    text-indent: 20px;
    color: #555555;
    font-size: 15px;
    margin-top: 20px;
}

.culture_right .culture_pic {
    width: 100%;
    display: block;
    margin-top: 58px;
}

.ul_3 {
    overflow: hidden;
    width: 100%;
}

.ul_3 li {
    float: left;
    width: 45%;
    margin-bottom: 4%;
}

.ul_3 li:nth-child(2n 1) {
    margin-right: 5%;
}

.ul_3 li img, .list2 {
    width: 100%;
}

.list2 li {
    width: 49.5%;
    float: left;
    margin-bottom: 1%;

}

.list2 li:nth-child(2n 1) {
    margin-right: .5%;
}

.list2 li:nth-child(2n) {
    margin-left: .5%;
}

.list2-border {
    border: solid 1px #efefef;
    width: 49%;
    float: left;
    margin-right: 1%;
    font-size: 18px;
    color: #333333;
    padding: 20% 0px;
    position: relative;
    overflow: hidden;
}

.list2-w50 {
    width: 50%;
    float: left;
    background: #f4f4f4;
    padding: 20% 0px;
    text-align: center;
    overflow: hidden;
    position: relative;
    border: 1px solid transparent;
}

.list2-w50-inner {
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    text-align: center;
    height: 100%;
    max-height: 100%;
}

.list2-w50 img {
    max-width: 100%;
    max-height: 128px;
    margin-top: 12%;
}

.list2-rel {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    text-align: center;
}

.list2-border-inner {
    width: 114px;
    text-align: center;
    margin: 21% auto;
    font-weight: bold;
}

/*发展历程*/
.history {
    width: 100%;
    position: relative;
    margin-top: 100px;
    height: 546px;
}

.history-left {
    float: left;
    width: 25%;
    height: 300px;
    overflow-y: scroll;
    margin-right: 5%;
    text-align: right;
    padding-right: 52px;
}

.history-left::-webkit-scrollbar {
    display: none
}

.article-box {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
    background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
    position: absolute;
    left: 108px;
    bottom: 257px;
    width: 9%;
    z-index: 99;
    padding: 10px 0px;
}

.arrowupdown {
    position: absolute;
    left: 23%;
    width: auto;
    top: -64px;
    height: 558px;
}

.history .redfont3, .history-right li {
    font-size: 15px;
}

.history-item {
    color: #ababab;
    line-height: 60px;
    font-size: 24px;
    cursor: pointer;
}

.hide {
    display: none !important;
}

.history-item.active span {
    color: #9d1b22;
    padding: 8px 0px;
    border-bottom: 2px solid #9d1b22;
}

.history-right {
    float: left;
    width: 70%;
}

.history-right li {
    line-height: 40px;
}
.layui-laypage{
    width:100%;
    text-align:center;
}
/*增加qq*/
.rightarrow {
    width: 50px;
    height: 45px;
    background:  no-repeat;
    position: fixed;
    background-position: -50px 0px;
    top: 50%;
   left: 170px;
    z-index: 999;
    margin-top: -22px;
}

.floatdivboxs {
    width: 170px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 0;
    z-index: 999;
    margin-top: -22px;
}
.floatdivboxs .floatdtt {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #f08326;
    color: #fff;
    font-size: 18px;
    text-indent: 22px;
    position: relative;
}
.floatshadow {
    background: #fff;
    box-shadow: -2px 0 3px rgba(0,0,0,0.25);
}
.floatdivboxs .floatdqq {
    padding: 0 14px;
}
.floatdivboxs .floatdqq li {
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    border-bottom: 1px solid #e3e3e3;
    padding: 0px;
}
.floatdivboxs .floatdbg {
    width: 100%;
    height: 20px;
    background: url(/uploads/image/cimg/online_botbg.jpg) no-repeat;
    box-shadow: -2px 0 3px rgba(0,0,0,0.25);
}

@media screen and (max-device-width: 1200px) {
    body, html {
        width: 1200px;
    }
}