body,

h1,

h2,

h3,

h4,

h5,

h6,

hr,

p,

blockquote,

dl,

dt,

dd,

ul,

ol,

li,

pre,

form,

fieldset,

legend,

button,

input,

textarea,

th,

td,

div {

    margin: 0;

    padding: 0;

}



img {

    border: 0;

}



ul,

ol,

li {

    list-style: none;

}



a {

    text-decoration: none;

    outline: none;

    color: #666;

}



a:hover {

    color: #ff0000

}



body {

    font-size: 13px;

    background: #fff;

    font-family: "微软雅黑";

    color: #666;

}



div,

ul,

dl,

dt,

dd {

    height: auto;

    overflow: hidden

}



.clear {

    padding: 0;

    width: 100%;

    height: 1px;

    clear: both;

}



.wrap {

    max-width: 1650px;

    width: 100%;

    margin: 0 auto;

    min-width: 320px;

}



.fullbox {

    display: -webkit-flex;

    -webkit-align-items: stretch;

    -webkit-flex-wrap: wrap;

    display: flex;

    align-items: stretch;

    flex-wrap: wrap;

}



.mt20 {

    margin-top: 20px;

}



.header {

    width: 100%;

    position: fixed;

    left: 0;

    top: 0;

    background: #fb0014;

    z-index: 9999;

}



.header div.wrap {

    height: 95px

}



.logo {

    float: left;

    width: 253px;

    margin-top: 20px;

}



.nav {

    float: right;

    height: 43px;

    line-height: 43px;

    margin-top: 35px;

}



.nav li {

    float: right;

    font-size: 18px;

    display: inline;

    margin-left: 20px;

}



.nav li a {

    display: block;

    padding: 0 10px;

    color: #dab96b;

}



.nav li a:hover {

    border-bottom: 5px solid #dab96b;

    height: 38px;

}



.mobile-nav {

    display: none;

    float: right;

    margin-top: 20px;

    margin-right: 10px;

}



.mob-nav-btn {

    display: block;

    height: 40px;

    width: 40px;

    background: url(../images/mob-nav-icon_w.png) no-repeat;

    text-indent: -99999px

}



.mob-nav-menu {

    position: fixed;

    z-index: 100;

    width: 100%;

    background: rgba(17, 17, 17, 0.9);

    display: none;

    top: 80px;

    z-index: 9999;

    font-size: 14px;

}



.mob-nav-menu ul {

    margin-left: 0;

    list-style: none;

}



.mob-nav-menu li {

    padding-bottom: 0;

    position: relative;

}



.mob-nav-menu ul li a {

    display: block;

    padding: 15px 3%;

    border-bottom: 1px solid rgba(255, 255, 255, 0.07);

    color: #ffffff;

}



.mob-nav-menu ul ul {

    background-color: rgba(255, 255, 255, 0.11);

    display: none;

}



.mob-nav-menu ul ul li {

    padding-left: 2%;

}



.mob-nav-arrow {

    position: absolute;

    top: 0px;

    right: 0px;

    width: 50px;

    height: 50px;

    border-left: 1px dotted rgba(255, 255, 255, 0.11);

    color: #ffffff;

    text-align: center;

    font-size: 20px;

    line-height: 30px;

    cursor: pointer;

}



.mob-nav-arrow span {

    display: block;

    background: url(../images/i5.png) no-repeat center;

    width: 100%;

    height: 100%

}



.footer {

    width: 100%;

    margin: 8px auto 0;

    background: #474443;

    padding: 0px;

    padding-bottom: 55px;

}



.footer a {

    color: #aaa

}



.footer_l {

    float: left;

    width: 45%;

    font-size: 12px;

}



.footer_l dl {

    float: left;

    width: 20%;

    line-height: 22px;

}



.footer_l dl dt {

    color: #fff

}



.footer_l dl dd a {

    display: block;

    color:

}



.footer_r {

    float: right;

    width: 40%;

    text-align: right

}



.foot_copy {

    background: #4e4e4e;

    padding: 10px;

    color: #aaa;

    font-size: 10px;

    line-height: 20px

}



.foot_copy div.wrap {

    position: relative

}



.foot_copy img {

    width: 50px;

    position: absolute;

    right: 0;

    height: auto;

    top: 50%;

    margin-top: -20px;

}



.foot_copy a {

    color: #aaa

}



.go_top {

    width: 100%;

    background: url(../images/icon_03.gif) no-repeat center #525252;

    height: 56px;

    cursor: pointer;

    display: none

}



.footer_out {

    width: 80%;

    margin: 0 auto;

}



.coin01 {

    float: left;

    width: 12%;

    background: url(../images/coin01.jpg) no-repeat 0px 6px;

    padding-left: 18px;

    font-size: 12px;

    line-height: 28px;

    color: #fff;

}



.coin02 {

    float: left;

    width: 12%;

    background: url(../images/coin02.jpg) no-repeat 0px 6px;

    padding-left: 15px;

    font-size: 12px;

    line-height: 28px;

    color: #fff;

}



.coin03 {

    float: left;

    width: 25%;

    background: url(../images/coin03.jpg) no-repeat 0px 6px;

    padding-left: 15px;

    font-size: 12px;

    line-height: 28px;

    color: #fff;

}



.coin05 div {

    float: left;

}



.coin05 {

    line-height: 28px;

}



.work-list div {

    float: left;

    width: 33.33%

}



.work-list dl {

    margin: 8px;

    position: relative;

    padding-bottom: 30px;

}



.work-list dl dt img {

    width: 100%;

    display: block

}



.work-list dl dd {

    position: absolute;

    bottom: -80px;

    height: 120px;

    left: 0;

    width: 100%;

}



.work-list dl dd h4 {

    line-height: 30px;

    height: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    background: url(../images/bg.png);

    font-size: 16px;

    color: #fff;

    padding-left: 10px;

    font-weight: normal

}



.work-list dl dd p {

    height: 50px;

    display: block;

    background: #fff;

    padding: 10px;

    text-align: left;

    color: #666

}



.fixed div {

    overflow: visible

}



.fixed {

    position: fixed;

    bottom: 0px;

    right: 0px;

    width: 45px;

    display: none;

    overflow: visible

}



.fixed .child {

    position: absolute;

    right: 0px;

    overflow: hidden;

    cursor: pointer;

    width: 45px;

    height: 45px;

    background: #cc0000;

    line-height: 45px;

    margin-top: 1px;

}



.fixed .child {

    transition-duration: .5s;

    -ms-transition-duration: .5s;

    -moz-transition-duration: .5s;

    -webkit-transition-duration: .5s;

}



.fixed .child:hover {

    width: 110px;

    background: #000;

}



.fixed .fixedCall:hover {

    width: 160px;

}



.fixed .child img {

    position: absolute;

    top: 0px;

    left: 0px;

}



.fixed .child p {

    position: absolute;

    left: 45px;

    color: #fff;

}



.fixed .fixedQQ {

    bottom: 92px;

}



.fixed .fixedCall {

    bottom: 46px;

}



.fixed .fixedTop {

    position: absolute;

    right: 0px;

    bottom: 90px;

    color: #fff;

    background-color: #cbcbcb;

    cursor: pointer;

    text-align: center;

    width: 45px;

    height: 45px;

    line-height: 45px;

    font-size: 14px;

    font-family: "MICROSOFT YAHEI", "Arial Narrow";

}



.fixed .fixedTop .fixedTopPointer {

    position: absolute;

    top: -5px;

    left: 18px;

}



.fixed .fixedCode {

    bottom: 0;

    cursor: pointer;

    width: 45px;

    height: 45px;

    background: #cc0000;

    line-height: 45px;

    margin-top: 1px;

}



.fixedCodeInfo {

    display: none;

    position: fixed;

    bottom: 0px;

    right: 54px;

    padding: 0 3px;

    border: 1px solid #ccc;

    background: #fff;

}



.fixedCodeInfo .fixedPointer {

    position: absolute;

    right: -6px;

    bottom: 12px;

}



.pd {

    height: 50px;

    width: 100%;

}



.pd2 {

    height: 95px;

    width: 100%;

}



.banner {

    clear: both;

	

}



.teamlist li {

    background-color: #b6b6b7;

    clear: both;

    margin-top: 10px;

    color: #393332;

}



.img_left {

    width: 60%;

    float: left;

}



.img_left h1 {

    display: block;

    float: left;

}



.img_left p {

    clear: both;

    padding-top: 10px;

}



.img_left div {

    margin-top: 10%;

    margin-left: 10%;

}



.img_left span {

    display: block;

    float: left;

    line-height: 40px;

    margin-left: 10px;

    font-size: 16px;

}



.img_right {

    width: 35%;

    float: right;

}



.img_right img {

    width: 100%;

    display: block;

}



.ft_top {

    height: 20px;

    width: 100%;

}



.ab_txt,

.yw_txt {

    width: 20%;

    float: left;

}



.ab_item {

    min-height: 230px

}



.yw_item {

    min-height: 280px

}



.com_box {

    width: 100%;

    max-width: 1920px;

    height: 55px;

    line-height: 55px;

    background: #fb0014;

    position: fixed;

    z-index: 9999;

    left: 0;

    bottom: 0px;

}



.com_box div {

    color: #fff;

    width: 1200px;

    margin: 0px auto;

    font-size: 24px;

    font-weight: bold;

}



.com_box div em {

    font-style: normal;

}



.com_box div a.zixun {

    border: 1px #ccc solid;

    text-align: center;

    background: #dab96b;

    margin-top: 6px;

    padding: 0 49px;

    line-height: 37px;

    height: 37px;

    color: #fb0014;

    font-size: 14px;

    float: right;

}



@media (max-width:1650px) {

    .wrap {

        max-width: 1400px

    }

}



@media (max-width:1000px) {

    .top_menu {

        display: none

    }

}



@media (max-width:800px) {

    .logo {

        margin: 0;

        margin-top: 5px;

    }

    .header div.wrap,

    .pd2 {

        height: 80px;

    }

    .work-list div {

        width: 100%

    }

    .footer_l {

        width: 100%;

        text-align: center

    }

    .footer_l dl {

        display: inline-block;

        float: none;

        vertical-align: top

    }

    .footer_r {

        width: 100%;

        text-align: center

    }

    .mobile-nav {

        display: block

    }

    .nav {

        display: none

    }

    .sub_nav,

    .pd {

        display: none

    }

    .foot_copy img {

        position: static;

        width: 30px

    }

    .banner {

        clear: both;

    }

    .footer_out {

        width: 80%;

        margin: 0 auto;

    }

    .coin01 {

        float: left;

        width: 40%;

        background: url(../images/coin01.jpg) no-repeat 0px 5px;

        padding-left: 20px;

        font-size: 12px;

        line-height: 26px;

        color: #fff;

    }

    .coin02 {

        float: left;

        width: 40%;

        background: url(../images/coin02.jpg) no-repeat 0px 5px;

        padding-left: 20px;

        font-size: 12px;

        line-height: 26px;

        color: #fff;

    }

    .coin03 {

        display: none;

        float: left;

        width: 100%;

        background: url(../images/coin03.jpg) no-repeat 0px 2px;

        padding-left: 30px;

        font-size: 16px;

        line-height: 32px;

        color: #fff;

    }

    .coin05 {

        width: 100%;

        clear: both;

    }

    .ft_top {

        height: 70px;

        width: 100%;

    }

    .ab_txt,

    .yw_txt {

        width: 100%;

        clear: both;

        padding-bottom: 10px;

    }

    .ab_item,

    .yw_item {

        min-height: auto;

    }

    .com_box {

        height: 100px;

        line-height: 36px;

    }

    .com_box div {

        color: #fff;

        width: 100%;

        margin: 0px auto;

        font-size: 14px;

        font-weight: bold;

    }

    .com_box div a.zixun {

        margin-top: 6px;

        padding: 0 20px;

        line-height: 20px;

        height: 20px;

        color: #fb0014;

        font-size: 12px;

    }

    .footer {

        padding-bottom: 100px;

    }

}



@media (max-width:400px) {

    .work-list div {

        width: 100%

    }

}



.ft_links {

    border-top: 1px solid #ccc;

    width: 100%;

}



.ft_links li {

    float: left;

    margin: 8px;

}



.ft_ewm {

    text-align: center;

    line-height: 24px;

    padding: 10px 0px;

    font-weight: bolder;

}



.ft_ewm img {

    width: 150px;

}

.page{clear:both; margin:20px 0px 0px 0px; text-align: center;}

.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}

.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}

.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}