@charset "utf-8";

/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 14px;
    line-height: 26px;
    color: #333333;
    font-family: Microsoft YaHei, SimSun;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
    min-width: 1200px;
}

a {
    color: #333333;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s;
}

a:hover {
    text-decoration: none;
    transition: all 0.3s;
}

ul {
    list-style: none;
}

li {
    list-style-type: none;
}

img {
    border: 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

body {
    min-height: 1200px;
    margin: 0 auto;
}

.w1200 {
    width: 1200px;
}

.ho {
    height: auto;
    overflow: hidden;
}

.cl {
    clear: both;
}

.mr {
    margin: 0 auto;
}


/*-------------- top --------------*/

#head {
    width: 100%;
}

.top {
    height: 48px;
    background-color: #1e2326
}

.top6 {
    width: 100%;
    height: 33px;
    line-height: 33px;
    border-bottom: 1px solid #ececec;
    background: #e4e4e4;
}

.header6 {
    width: 1150px;
    height: 33px;
    margin: 0 auto
}

.header6 p {
    width: 400px;
    height: 33px;
    float: left;
    color: #939393;
}

/*.header_r {*/
/*width: 220px;*/
/*height: 33px;*/
/*float: right;*/
/*color: #999;*/
/*text-align: right*/
/*}*/
/*.header_r a {*/
/*margin-left: 10px;*/
/*margin-right: 10px;*/
/*color: #939393;*/
/*}*/





.head_inner_top {
    width: 1250px;
    height: 100%;
    margin: 0 auto;
    line-height: 48px;
    color: #666;
    overflow: hidden;
}

.head_inner_top .left {
    float: left;
    width: 216px;
    height: 100%;
    background: #535a6c;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.head_inner_top .right {
    float: left;
    width: 800px;
    height: 100%;
    text-align: left;
    text-indent: 2em;
}

.head_inner_top .right .site {
    padding-left: 12px;
    background: url(../images/icon_site.png) no-repeat center left;
}

.head_inner_top .right .contact {
    padding-left: 12px;
    background: url(../images/icon_phone.png) no-repeat center left;
    margin-left: 5px;
}

.head_inner_top .right a:hover {
    color: #fdad03
}


.right .r {
    font-size: 14px;
    color: #363636;
}

.right .r img {
    padding-right: 5px;
}

.right .r i {
    font-size: 30px;
    color: #e00b1f;
    font-family: impact;
    font-style: normal
}


.ta {
    width: 27%;
    padding-top: 47px;
}

/*.center{ height: 166px}*/

.head_inner_center {
    width: 1250px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.head_inner_center .left {
    float: left;
    width: 74%;
    height: 100%;
    overflow: hidden;
}

.head_inner_center .left img {
    margin-top: 25px;
    height: 95px;
}

.head_inner_center .right {
    float: right;
    height: 100%;
}

.head_inner_center .right .l {
    float: right;
    width: 38px;
    height: 38px;
    margin: 44px 5px 0 0;
}

.head_inner_center .right .r {
    float: right;
    width: 280px;
    height: 60px;
    margin-top: 38px;
}

.head_inner_center .right .r span {
    display: block;
    font-size: 14px;
}

.head_inner_center .right .r b {
    font-size: 26px;
    color: #d31a28;
    font-family: impact;
}


.bottom {
    height: 50px;
    background-color: #fff;
    text-align: center;
    border-top: 2px solid #DE261A
}

.navi {
    display: inline-block;
    width: 90%;
    height: 100%;
    overflow: hidden;
    *display: inline;
    *zoom: 1;
}

.navi a {
    float: left;
    width: 14%;
    height: 100%;
    display: block;
    text-align: center;
    line-height: 52px;
    font-size: 18px;
    color: #000;
    font-weight: 100;
    border-right: 1px solid #eee;
}

.navi a:hover,
.navi li .active {
    background-color: #DE261A;
    color: #fff;
}


#search {
    width: 260px;
    height: 45px;
    margin: 0 auto;
}

#search .right {
    float: right;
    height: 100%;
    overflow: hidden;
}

#search .right form {
    margin-top: 7px;
    overflow: hidden;
}

#search .right .btn {
    float: right;
    width: 60px;
    height: 30px;
    border: 0;
    color: #fff;
    font-size: 14px;
    text-align: center;
    background: #e6212a;
}

#search .right .btn:hover {
    background-color: #1e2326;
    cursor: pointer;
}

#search .right .words {
    float: right;
    width: 198px;
    height: 28px;
    border: 1px solid #ccc;
    text-indent: 5px;
    background: #eef1f6;
    outline: none;
}


.banner {
    width: 1200px;
    height: 489px;
    position: relative;
    /* margin: 0 auto; */
}

/*banner*/

.banner_index {
    height: 497px;
    position: relative;
    overflow: hidden;
    width: 1920px;
    /* left: -360px; */
}

.banner_index1 {
    /* width: 1200px; */
    height: 497px;
    /* margin: 0 auto; */
    position: relative;
}

.banner_index .btn,
.banner_pro .bBtn {
    position: absolute;
    top: 190px;
    width: 56px;
    height: 78px;
    display: block;
    z-index: 3;
}

.banner_index .btnPre,
.banner_pro .bPre {
    background: url(../images/bg_btnPre_index.png) no-repeat 0 0;
    left: 20px;
}

.banner_index .btnPre:hover,
.banner_pro .bPre:hover {
    background: url(../images/bg_btnPre_index_hover.png) no-repeat 0 0;
}

.banner_index .btnNext,
.banner_pro .bNext {
    background: url(../images/bg_btnNext_index.png) no-repeat 0 0;
    right: 20px;
}

.banner_index .btnNext:hover,
.banner_pro .bNext:hover {
    background: url(../images/bg_btnNext_index_hover.png) no-repeat 0 0;
}

.banner_index .banner_wrap {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}

.banner_index .banner_wrap li {
    width: 1920px;
    float: left;
}


.indexBanner_num {
    width: 1000px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    position: relative;
    top: -60px;
    z-index: 9999;
}

.indexBanner_num a {
    width: 12px;
    height: 12px;
    display: inline-block;
    _zoom: 1;
    border-radius: 50%;
    background-color: #FFF;
    font-size: 0px;
    line-height: 0px;
    margin: 0 5px;
}

.indexBanner_num a.on,
.indexBanner_num a:hover {
    background-color: #1e2326;
}


.headerzy {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.bannerzy {
    width: 100%;
    height: 350px;
    background: url(../images/bannerzy.jpg) repeat-x center
}



#team .bd li:hover span {
    color: #da2021
}


.numbox {
    width: 100%;
    height: 99px;
    background: #f7f7f7;
}

.num {
    width: 1200px;
    height: 99px;
    padding-top: 40px;
    background: #fff;
    position: relative;
    bottom: 70px;
    z-index: 99999;
}

.num li {
    float: left;
    width: 298px;
    text-align: center;
    height: 53px;
    line-height: 38px;
    color: #999999;
}

.num li span {
    display: block;
    width: 100%;
    font-family: impact;
    font-size: 35px;
    font-weight: bold;
    color: #da251c;
}

.num li:nth-of-type(2) {
    border-left: 1px solid #e2e2e2;
    border-right: 1px solid #e2e2e2;
}

.num li:nth-of-type(3) {
    border-right: 1px solid #e2e2e2;
}


/*-------------- index --------------*/


.productbox {
    width: 100%;
    background: #f7f7f7;
    height: 709px;
}

.productcont {
    height: 735px;
    padding-top: 20px;
}

.product01 {
    width: 230px;
    float: left;
    box-shadow: 0 2px 20px 0 #ccc;
    margin: 21px;
}

.product02 {
    width: 922px;
    float: right;
}

.pro_lt01 {
    font-size: 30px;
    color: #656364;
    position: relative;
    padding-left: 582px;
    font-weight: bold;
}

.pro_lt011 {
    font-size: 20px;
    color: #333333;
    position: relative;
    padding-left: 20px;
    font-weight: bold;
}

.pro_lt01 span {
    font-size: 23px;
    color: #656364;
    text-transform: uppercase;
    font-weight: 100;
}

.pro_lt011 span {
    font-size: 23px;
    color: #333333;
    text-transform: uppercase;
    font-weight: 100;
}

.pro_lt01:before {

    content: '';

    display: block;

    position: absolute;

    left: 562px;

    top: 50%;

    width: 4px;

    height: 50%;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    background: #DE261A;

}


.productt {
    height: 78px;
    line-height: 78px;
    margin-bottom: 28px;
    border-bottom: 2px solid #DE261A;
}

.product0101 {
    width: 230px;
    height: 66px;
    font-size: 18px;
    color: #fff;
    background: #DE261A;
}

.ptt01 {
    margin: 14px 0 3px 20px;
    line-height: 20px;
    padding-left: 42px;
    text-transform: uppercase;
    font-size: 22px;
    padding-top: 3px;
}

.ptt01 span {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 100;
}

.ptt02 {
    margin: 18px 20px 10px 20px;
}

.product0102 {
    width: 230px;
}


.product0103 {
    width: 265px;
    height: 147px;
    border: 1px solid #d7d7d7;
    background: #fff;
}

.product010301 {
    margin: 50px 0 0 10px;
}

.product010302 {
    margin: 50px 0 0 10px;
    font-size: 18px;
}


.product0102 li {
    width: 230px;
    height: 44px;
    line-height: 44px;
    float: left;
    text-indent: 60px;
    ;
    border: 1px solid #d7d7d7;
    margin: 2px 0;
    background: #ffffff;
    transition: 0.5s
}

.product0102 li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #1e2326;
    transition: 0.5s;
    font-size: 16px
}

.product0102 li:hover span {
    color: #000;
}

.product0102 li:hover a {
    padding-left: 10px;
}

.product0102 li:hover {
    background: #ccc;
}



.product02 li {
    float: left;
    width: 207px;
    height: 210px;
    margin: 7px;
    border: 1px solid #e6e6e6;
    margin-top: 43px;
    background: #ffffff;
    overflow: hidden;
    padding: 3px;
}

.proimg img {
    width: 100%;
    height: 170px;
    transition: 0.5s;
    display: block;
}

.protitle {
    text-align: center;
    line-height: 40px;
    font-size: 17px;
}

.product02 li:hover .protitle {
    color: #1e2326;
}

.product02 li:hover .proimg img {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
}



.product0201 {
    width: 100%;
    height: 60px;
    line-height: 60px;
}

.product020101 {
    width: 50%;
    height: 60px;
    line-height: 60px;
    float: left;
    background: #f8bf00;
    font-size: 24px;
    text-indent: 25px;
    color: #1e2326;
}

.product020102 {
    width: 50%;
    height: 60px;
    line-height: 60px;
    float: left;
    background: #1e2326;
    font-size: 24px;
    text-indent: 25px;
    color: #fff;
}

.product020101 span {
    display: block;
    width: 250px;
    margin-left: 30px;
}

.product020102 span {
    display: block;
    width: 250px;
    margin-left: 30px;
}

.product020102 span a {
    color: #fff;
}


.product0202 {
    padding-top: 10px;
}

.product0202l {
    width: 350px;
    height: 261px;
    overflow: hidden;
    float: left;
    border: 1px solid #ccc;
    padding: 2px;
}

.product0202l img {
    width: 350px;
    height: 261px;
    transition: 0.5s;
}

.product0202l:hover img {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);
    -moz-transform: scale(1.05, 1.05);
}

.product0202r {
    width: 526px;
    float: left;
    height: 227px;
    background: #fff;
    padding: 20px;
}



.product0202r01 {
    line-height: 33px;
    width: 100%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

.product0202r01 a {
    font-size: 22px;
    color: #363636;
}

.product0202r02 {
    line-height: 27px;
    height: 140px;
    overflow: hidden;
}

.product0202r02 a {
    color: #363636;
    font-size: 14px;
}



.product0202r03 a {
    display: block;
    width: 155px;
    height: 40px;
    border-radius: 5px;
    margin: 5px 10px;
    float: left;
}

.product0202r03 a:nth-of-type(1) {
    background: #e6212a;
    line-height: 40px;
    text-align: center;
    color: #fff;
}

.product0202r03 a:nth-of-type(2) {
    background: #fabf01;
    line-height: 40px;
    text-align: center;
    color: #000;
}

.product0202r03 a:hover {
    background: #1e2326;
    color: #fff;
}



.in_01_box {
    width: 100%;
    height: 465px;
    background: #fff;
}

.in_01 {
    padding-top: 23px;
}

.in_01_l {
    float: left;
    width: 754px;
    height: 400px;
    margin-left: 20px;
}

.in_01_r {
    float: right;
    width: 416px;
    height: 400px;
}

.in_01_01 {
    width: 214px;
    height: 65px;
    background: #1e2326;
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 65px;
}

.in_01_02 {
    font-size: 14px;
    color: rgba(0, 0, 0, .8);
    line-height: 30px;
    margin: 30px 0;
}

.in_01_03 li {
    text-align: center;
    width: 30%;
    margin: 0 1%;
    float: left;
}

.in_01_03_01 {
    height: 55px;
}

.in_01_03_02 {
    font-family: impact;
    color: #1e2326;
    font-size: 48px;
    margin: 20px 0;
    height: 35px;
}

.in_01_03_02 span {
    font-size: 14px;
}



.in_03_box {
    width: 100%;
    height: 638px;
    background: url('../images/in_03_bg.jpg') no-repeat top center;
}

.in_03_01 {
    font-weight: bold;
    font-size: 30px;
    color: #fff;
    text-align: center;
    line-height: 100px;
}

.in_03_01 span {
    font-size: 48px;
}

.in_03_02 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 100;
    line-height: 35px;
}

.in_03_03 {
    padding-top: 40px;
    height: 262px;
}

.in_03_03 li {
    float: left;
    text-align: center;
    width: 294px;
    height: 286px;
    transition: 0.8s;
    position: relative;
    bottom: 0px;
    margin: 0 1px;
    border: 2px solid #1e2326;
}

.box03 {
    margin: 4px 6px;
    background: #1e2326;
    padding: 10px 25px;
    height: 257px;
}

.in_03_03_01 {
    font-size: 30px;
    color: #fff;
    line-height: 28px;
    padding-top: 10px;
}

.in_03_03_02 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    line-height: 35px;
    padding-bottom: 35px;
}

.in_03_03_03 {
    font-size: 14px;
    color: rgba(255, 255, 255, .8);
}


.in_04box {
    width: 100%;
    background: #fff;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 40px;
}

.in_04t {
    width: 100%;
    height: 140px;
    background: url('../images/t01.png') no-repeat center center;
}

.in_0401 {
    width: 306px;
    float: left;
    margin-right: 30px;
}

.in_0402 {
    width: 527px;
    float: left;
    margin-right: 30px;
    text-align: center;
}

.in_0403 {
    width: 306px;
    float: left;
}



.in_0402 span {
    display: block;
    width: 152px;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #d5d5d5;
    line-height: 40px;
    text-align: center;
    margin: 16px auto;
}

.in_0402 span:hover a {
    color: #d60b1e;
}

.in_040102 {
    height: 177px;
    border-bottom: 1px solid #ae9393;
    margin-bottom: 60px;
    font-size: 17px;
    line-height: 27px;
    color: #000;
}

.in_040102 span {
    width: 100%;
    height: 54px;
    background: #ccc;
    text-align: center;
    line-height: 50px;
    display: block;
    text-indent: 10px;
    font-weight: bold;
    font-size: 18px;
    color: #DE261A;
}



.fly {
    font-size: 14px;
    padding: 5px;
    position: relative;
    padding-left: 21px;
    padding-top: 15px;
}

.fly:before {

    content: '';

    display: block;

    position: absolute;

    left: 10px;

    top: 24%;

    width: 4px;

    height: 20%;

    -webkit-transform: translate(0, -50%);

    -ms-transform: translate(0, -50%);

    transform: translate(0, -50%);

    background: #DE261A;

}


.in_05box {
    height: 470px;
    background: #f1f1f1;
    width: 100%;
}

.in_05t {
    font-size: 18px;
    color: #333;
    border-bottom: 1px solid #ccc;
    line-height: 60px;
    padding-top: 20px;
}

.in_05t span {
    font-size: 19px;
    padding-left: 10px;
}

.in_05t a:hover {
    color: #000;
}

.in_05t a:hover span {
    color: #000;
}


.tempWrap {
    bottom: 30px;
}


.in_05c {
    height: auto;
    overflow: hidden;
    padding: 20px 0;
}

.in_05c01 {
    width: 420px;
    float: left;
    border: 1px solid #ccc;
    margin-left: 10px;
    margin-top: 10px;
}

.in_05c01 img {
    position: relative;
    bottom: 10px;
    right: 10px;
    display: block;
    width: 100%;
}

.in_05c02 {
    width: 730px;
    float: left;
    margin-left: 25px;
}

.in_05c0201 {
    border-bottom: 1px solid #d8d8d8;
    height: 110px;
}

.in_05c0201 img {
    display: block;
    float: left;
    width: 614px;
}

.in_05c0201 span {
    width: 100px;
    height: 100px;
    display: block;
}

.in_05c0202 {
    padding: 9px 0;
    color: #292626;
}



.in_05c0202 a {
    display: block;
    width: 150px;
    height: 35px;
    background: #DE261A;
    color: #FFF;
    line-height: 35px;
    text-align: center;
    border-radius: 15px;
    margin-top: 10px;
    transition: 0.5s;
}

.in_05c0202 a:hover {
    background: #DE261A;
}

.in_05c0201i {
    width: 720px;
    float: left;
}

.in_05c0201s {
    width: 80px;
    height: 80px;
    margin-left: 40px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 80px;
    background: #fff;
    border-radius: 10px;
}

.in_05c0201s:hover {
    background: #f4bf00;
}

.in_05c0201s:hover a {
    display: block;
    width: 100%;
    height: 100%;
}



.in_06box {
    height: 411px;
    width: 100%;
    background: #fff;
}

.in_06t {
    width: 100%;
    height: 114px;
    background: url('../images/t02.png') no-repeat center center;
}

.in_06 {
    width: 1300px;
}


.in_new_box {
    width: 100%;
    height: 485px;
    background: #fff
}

.in_new01 {
    width: 642px;
    float: left;
    margin-right: 80px
}

.in_new02 {
    width: 478px;
    float: right;
}


.in_new001 {
    width: 123px;
    height: 92px;
    float: left;
}

.in_new001 img {
    width: 119px;
    height: 88px;
    padding: 2px;
    display: block;
}

.in_new002 {
    width: 494px;
    margin-left: 20px;
}

.in_new00201 span {
    color: rgba(38, 50, 74, .4);
    font-weight: 100;
}


.in_new01c li {
    width: 100%;
    height: 118px;
    display: block;
}

.in_new01c li a {
    display: block;
    width: 100%;
    height: 100%;
}

.in_new01c li a:hover .in_new00201 {
    color: #DE261A;
    padding-left: 10px;
}

.in_new01c li a:hover .in_new00202 {
    color: #1e2326
}


.in_new00201 {
    font-weight: bold;
    font-size: 17px;
    transition: 0.5s;
    padding-left: 0px;
    color: #444
}

.in_new00202 {
    color: #423d3d;
    font-size: 12px;
    line-height: 27px;
}

.in_new00301 {
    width: 100%;
    margin-bottom: 10px;
    line-height: 29px;
    background: #fabf01;
    color: #1e2326;
}

.in_new00302 {
    width: 100%;
    line-height: 29px;
}

.in_new00301 span {
    background: #d60b1e;
}

.in_new00302 span {
    background: #1e2326;
}



.in_new02c li:hover .in_new00301 {
    background: #fff;
}



/* 本例子css */

.slideBox {
    width: 100%;
    height: 367px;
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 5px;
    bottom: 35px;
    z-index: 1;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBox .hd ul li {
    float: left;
    margin-right: 2px;
    width: 15px;
    height: 15px;
    line-height: 14px;
    text-align: center;
    background: #fff;
    cursor: pointer;
}

.slideBox .hd ul li.on {
    background: #f00;
    color: #fff;
}

.slideBox .bd {
    position: relative;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

.slideBox .bd img {
    height: 367px;
    display: block;
    width: 100%;
}


.in_new01i {
    padding: 5px 0;
}





.picScroll-left {
    width: 1198px;
    overflow: hidden;
    position: relative;
    height: 296px;
    background: #fff;
    margin: 0 auto;
}

.picScroll-left .hd {
    padding: 0 10px;
}



.picScroll-left .hd .next {
    display: block;
    width: 48px;
    height: 48px;
    float: right;
    overflow: hidden;

    cursor: pointer;
    background: url("../images/right.png") no-repeat;
    position: relative;
    left: 5px;
    top: 100px;
    z-index: 9999;
}

.picScroll-left .hd .prev {
    display: block;
    width: 48px;
    height: 48px;
    float: right;
    overflow: hidden;
    position: relative;
    right: 1089px;
    top: 100px;

    cursor: pointer;
    background: url("../images/left.png") no-repeat;
}

.picScroll-left .hd ul {
    float: right;
    overflow: hidden;
    zoom: 1;
    margin-top: 10px;
    zoom: 1;
}

.picScroll-left .hd ul li {
    float: left;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: url("../images/icoCircle.gif") 0 -9px no-repeat;
}

.picScroll-left .hd ul li.on {
    background-position: 0 0;
}

.picScroll-left .bd {
    padding: 50px 50px 10px 50px;
}

.picScroll-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-left .bd ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
}

.picScroll-left .bd ul li .pic {
    width: 255px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;

    text-align: center;
    border: 1px solid #f3f0f0;
}

.picScroll-left .bd ul li .pic img {
    max-width: 255px;
    max-height: 240px;
    display: block;
}

.picScroll-left .bd ul li .pic a:hover img {
    border-color: #DE261A;
}



.picScroll-left .bd ul li:hover .pic {
    border: 1px solid #DE261A;
}


.news_box {
    width: 100%;
    height: 418px;
    background: #f7f7f7;
}

.news01t {
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    color: #1e2326;
    text-align: center;
    height: 71px;
    line-height: 71px;
}

.news01 {
    position: relative;
    bottom: 71px;
    height: 490px;
    background: #fff;
}

.news01c_l {
    width: 478px;
    height: 395px;
    background: #f4f4f4;
    margin: 0 15px;
}

.news01c_l01 {
    width: 478px;
    height: 272px;
}

.news01c_l01 img {
    width: 478px;
    height: 272px;
    transition: 0.5s;
}

.news01c_l02 {
    padding: 0 25px;
}

.news01c_l0201 {
    font-size: 16px;
    color: #000;
}

.news01c_l0202 {
    font-size: 14px;
    color: rgba(0, 0, 0, .6);
}

.news01c_l:hover .news01c_l0201 {
    color: #1e2326;
}

.news01c_l:hover .news01c_l01 img {
    transform: scale(1.05, 1.05);
    -ms-transform: scale(1.05, 1.05);
    -webkit-transform: scale(1.05, 1.05);
    -o-transform: scale(1.05, 1.05);

    -moz-transform: scale(1.05, 1.05);
}


.news01c_r {
    width: 672px;
}

.news01c_r li {
    width: 672px;
    height: 100px;
    background: #f4f4f4;
}

.news01c_r01 {
    width: 100px;
    text-align: center;
}

.news01c_r01 span {
    display: block;
    font-family: impact;
    padding-top: 20px;
    font-size: 25px;
}

.news01c_r01 i {
    padding-top: 20px;
    font-size: 14px;
    font-style: normal;
}

.news01c_r0201 {
    line-height: 43px;
    color: #313131;
    font-weight: 400;
    font-size: 16px;
}

.news01c_r0202 {
    line-height: 25px;
    font-weight: 100;
    font-size: 14px;
}

.news01c_r02 {
    width: 472px;
}

.news01c_r03 {
    width: 100px;
    height: 100px;
    font-size: 25px;
}

.news01c_r03 span {
    display: block;
    width: 35px;
    height: 35px;
    border: 2px solid #ccc;
    border-radius: 10px;
    text-align: center;
    line-height: 35px;
    color: #ccc;
    margin: 35px;
    transition: 0.5s;
}

.news01c_r li:hover .news01c_r03 span {
    color: #000;
    border: 2px solid #000;
    border-radius: 0px;
}

.news01c_r li {
    margin: 20px 0;
}



.anli_box {
    width: 100%;
    height: 602px;
    background: url('../images/anli_bg.png') no-repeat center center;
}

.anli01t {
    text-align: center;
    margin: 30px 0;
}

.anli0201 {
    width: 600px;
    float: left;
    background: #1e2326;
    height: 340px;
}

.anli020101 img {
    width: 300px;
    height: 340px;
}

.anli020102 {
    padding: 30px 25px;
    width: 250px;
    height: 280px;
}

.anli02010201 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    height: 45px;
    border-bottom: 3px solid rgba(255, 255, 255, 0.3)
}

.anli02010202 {
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    margin-top: 20px;
}


.in_02_box {
    width: 100%;
    height: 678px;
    background: #1e2326;
}

.in_02_01 {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    height: 100px;
    line-height: 100px;
}



.picFocus {
    margin: 0 auto;
    width: 1200px;
    position: relative;
    overflow: hidden;
    zoom: 1;
}

.picFocus .hd {
    width: 496px;
    float: left;
    margin-right: 8px;
}

.picFocus .hd ul {
    margin-right: -5px;
    overflow: hidden;
    zoom: 1;
}

.picFocus .hd ul li {
    float: left;
    text-align: center;
    width: 248px;
    height: 247px;
}

.picFocus .hd ul li:nth-of-type(1) {
    background: url("../images/p_01.jpg") no-repeat center 0;
}

.picFocus .hd ul li:nth-of-type(2) {
    background: url("../images/p_02.jpg") no-repeat center 0;
}

.picFocus .hd ul li:nth-of-type(3) {
    background: url("../images/p_03.jpg") no-repeat center 0;
}

.picFocus .hd ul li:nth-of-type(4) {
    background: url("../images/p_04.jpg") no-repeat center 0;
}

.picFocus .hd ul li span {
    display: block;
    width: 156px;
    height: 50px;
    border: 3px solid #ccc;
    margin: 100px 0 0 50px;
    color: #fff;
    line-height: 50px;
}

.picFocus .hd ul li span img {
    display: inline-block;
    line-height: 50px;
    vertical-align: middle;
    margin-right: 10px;
}

.picFocus .hd ul li span:hover {
    background: #ed4d35;
}

.picFocus .hd ul li.on img {
    border-color: #f60;
}

.picFocus .bd {
    width: 694px;
    height: 493px;
    float: left;
}

.picFocus .bd li {
    vertical-align: middle;
}

.picFocus .bd img {}

.sm {
    position: relative;
    z-index: 99;
    width: 100%;
    height: 131px;
    background: rgba(127, 127, 127, .8);
    color: #fff;
}

.sm01 {
    padding-left: 40px;
    line-height: 40px;
    font-size: 30px;
    font-weight: bold;
    padding-top: 20px;
}

.sm01 img {
    height: 30px;
    vertical-align: middle;
    padding-right: 10px;
}

.sm02 {
    padding-left: 40px;
    line-height: 40px;
}

.p_r {
    position: relative;
    bottom: 131px;
    z-index: 98;
}


.in_04_box {
    width: 100%;
    height: 890px;
    background: url('../images/in_04_bg.jpg') repeat-x top center;
    ;
}

.in_04_01 {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding-top: 20px;
    line-height: 36px;
}

.in_04_02 {
    font-size: 14px;
    text-align: center;
    line-height: 72px;
    color: #fff;
}


.in_04_04 {
    font-size: 30px;
    color: #000;
    line-height: 55px;
}

.in_04_05_01 {
    padding: 10px;
    width: 357px;
    height: 340px;
    background: #fff;
    float: left;
    transition: 0.5s;
}

.in_04_05_01:nth-of-type(1) {
    margin-right: 12px;
}

.in_04_05_01:hover {
    background: #000;
    color: #fff;
}

.in_04_05_01:hover .in_04_05_01_02 {
    color: #fff;
}

.in_04_05_01:hover .in_04_05_01_03 {
    color: #fff;
}

.in_04_05_01:hover .in_04_05_01_04 {
    color: #fff;
}

.in_04_05_01_02 {
    color: #000;
    font-size: 16px;
}

.in_04_05_01_03 {
    color: rgba(0, 0, 0, .5)
}

.in_04_05_01_04 {
    color: rgba(0, 0, 0, .5)
}

.in_04_05_02 {
    padding: 15px 20px;
    width: 360px;
    background: #fff;
    height: 329px;
    float: left;
    margin-left: 34px;
}

.in_04_05_02_01 {
    font-size: 30px;
    line-height: 35px;
}

.in_04_05_02_02 li {
    line-height: 35px;
    transition: 0.5s;
    padding-left: 0px;
}

.in_04_05_02_02 li:hover {
    padding-left: 5px;
}

.in_04_05_02_02 li:before {
    content: "·";
    color: #ff8400;
    font-weight: bold;
    margin-right: 5px;
}

.in_04_05_02_02 li a {
    font-size: 14px;
}


#warp {
    width: 100%;
    height: 100%;
}

#item {
    margin-top: 38px;
}

#item .hd {
    width: 1200px;
    height: 120px;
    margin: 0 auto 10px;
}

#item .hd ul {
    float: left;
}

#item .hd li {
    float: left;
    width: 240px;
    height: 120px;
}

#item .hd li a {
    display: block;
    height: 104px;
    border-right: 1px solid #232331;
    margin-top: 8px;
    background-color: #232331;
    transition: all 0.3s;
}

#item .hd li a:hover {
    margin-top: 0px;
    height: 120px;
    background-color: #d31a28;
    border-right: 1px solid #d31a28;
}

#item .hd li b {
    float: left;
    width: 57px;
    height: 55px;
    margin: 26px 0 0 30px;
    background: url(../images/type.png) no-repeat;
    transition: 0.5s;
}

#item .hd .l1 {
    background-position: 0px 0px;
}

#item .hd .l2 {
    background-position: -69px 0px;
}

#item .hd .l3 {
    background-position: -137px 0px;
}

#item .hd .l4 {
    background-position: -204px 0px;
}

#item .hd li a:hover .l1 {
    background-position: 0px -54px;
}

#item .hd li a:hover .l2 {
    background-position: -69px -54px;
}

#item .hd li a:hover .l3 {
    background-position: -137px -54px;
}

#item .hd li a:hover .l4 {
    background-position: -204px -54px;
}

#item .hd .right {
    float: left;
    margin: 30px 0 0 25px;
    text-align: left;
}

#item .hd .right p {
    color: #fff;
    font-size: 18px;
}

#item .hd .right span {
    color: #FFF;
    text-transform: uppercase
}

#item .hd .more {
    float: right;
    width: 192px;
    height: 104px;
    margin-top: 8px;
    background-color: #1e2326;
}

#item .hd .more a {
    display: block;
    height: 100%;
    text-align: center;
}

#item .hd .more img {
    margin-top: 35px;
}

#item .hd .more p {
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
}

#item .hd .more a:hover p {
    color: #ffb300
}

#item .bd {
    width: 1220px;
    height: 530px;
    margin: 0 auto;
    overflow: hidden;
}

#item .bd ul {
    height: 530px;
    overflow: hidden;
}

#item .bd li {
    float: left;
    width: 285px;
    height: 265px;
    margin: 0 10px;
    overflow: hidden;
}



#item .bd a {
    display: block;
    position: relative;
}

#item .bd img {
    border: 1px solid #e1e1e1;
    width: 283px;
    height: 212px;
}

#item .bd span {
    display: block;
    color: #333;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
}

#item .bd a i {
    position: absolute;
    left: -193px;
    top: 0;
    width: 50%;
    height: 214px;
    background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    -webkit-transform: skewx(-25deg);
    -webkit-transition: 0s;
}

#item .bd a:hover i {
    left: 334px;
    -webkit-transition: 0.5s;
}

#item .bd a:hover span {
    color: #000;
}



#advantage {
    height: 660px;
    background: url(../images/bg_advantage.jpg) no-repeat top center;
    overflow: hidden;
}

#advantage .text {
    width: 940px;
    text-align: center;
    margin: 55px auto 0;
    text-transform: uppercase;
}

#advantage .text b {
    color: #000;
    font-size: 46px;
}

#advantage .text span {
    color: #d31a28;
    font-size: 46px;
    font-weight: bold;
}

#advantage .text .en {
    display: inline-block;
    line-height: 26px;
    background-color: #000;
    padding: 0 10px;
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
    margin-top: 13px;
    *display: inline;
    *zoom: 1;
}

#advantage .text p {
    margin-top: 19px;
    font-size: 14px;
    line-height: 25px;
}

#advantage ul {
    width: 1170px;
    height: 350px;
    margin: 55px auto 0;
    overflow: hidden;
}

#advantage ul li {
    float: left;
    width: 350px;
    height: 350px;
    margin: 0 20px;
    overflow: hidden;
}



#advantage ul .l1 {
    background: #fff
}

#advantage ul .l2 {
    background: #fff
}

#advantage ul .l3 {
    background: #fff
}

#advantage ul a {
    display: block;
    width: 330px;
    height: 330px;
    margin: 10px;
    background: #333333;
    text-align: center;
    overflow: hidden;
    transition: all 0.3s;
}

#advantage ul a:hover {
    background: #d7303d;
}

#advantage ul b {
    display: block;
    color: #fff;
    font-size: 30px;
    margin-top: 38px;
}

#advantage ul span {
    display: inline-block;
    background-color: #fff;
    padding: 0 5px;
    margin-top: 12px;
    *display: inline;
    *zoom: 1;
    text-transform: uppercase;
    font-size: 12px;
}

#advantage ul p {
    width: 255px;
    margin: 27px auto 0;
    color: #fff;
    font-size: 14px;
    line-height: 28px;
}

#advantage ul .btn {
    width: 174px;
    height: 52px;
    margin: 25px auto;
    overflow: hidden;
    border-radius: 2px;
}

#advantage ul .inner {
    width: 158px;
    height: 36px;
    border: 1px solid #fff;
    margin: 6px auto 0;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    border-radius: 2px;
}



#team {
    height: 420px;
    overflow: hidden;
    padding-top: 50px;
}

#team .hd {
    position: relative;
    width: 570px;
    height: 81px;
    margin: 0 auto;
    text-align: center;
}

#team .hd img {
    width: 100%;
    height: 71px;
    margin-top: 10px;
}

#team .hd .ch {
    position: absolute;
    left: 139px;
    top: -9px;
    *display: inline;
    *zoom: 1;
}

#team .hd .ch b {
    color: #363636;
    font-size: 36px;
}

#team .hd .ch span {
    font-weight: bold;
    color: #da2021;
    font-size: 36px;
}

#team .hd .en {
    position: absolute;
    left: 167px;
    top: 31px;
    color: #adadad;
    text-transform: uppercase;
}

#team .hd a {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    cursor: pointer;
}

#team .hd .prev {
    background: #363636 url(../images/icon_arrow.png) no-repeat 7px 5px;
    left: 248px;
    bottom: -14px;
}

#team .hd .prev:hover {
    background-color: #da2021
}

#team .hd .next {
    background: #da2021 url(../images/icon_arrow.png) no-repeat -19px 4px;
    left: 293px;
    bottom: -14px;
}

#team .hd .next:hover {
    background-color: #363636
}

#team .bd {
    width: 1248px;
    height: 288px;
    margin: 50px auto 0;
    text-align: center;
    overflow: hidden;
}

#team .bd ul {
    overflow: hidden;
}

#team .bd li {
    float: left;
    width: 281px;
    height: 288px;
    margin: 0 12px;
}

#team .bd li a {
    display: block;
}

#team .bd li img {
    width: 281px;
    height: 207px;
    border: 1px solid #ccc;
}

#team .bd li span {
    color: #363636;
    font-size: 14px;
    line-height: 46px;
}



#profile {
    height: 560px;
    background: url(../images/bg_profile.jpg) no-repeat top center;
    text-align: center;
    overflow: hidden;
}

#profile .ch {
    margin-top: 55px;
    font-size: 46px;
}

#profile .ch b {
    color: #232331;
}

#profile .ch span {
    font-weight: bold;
    color: #da2021;
}

#profile .en {
    margin-top: 20px;
    color: #232331;
    font-size: 14px;
    text-transform: uppercase;
}

#profile .inner {
    width: 1140px;
    height: 343px;
    background-color: #f8f8f8;
    margin: 33px auto 0;
    overflow: hidden;
}

#profile .inner .left {
    float: left;
    width: 446px;
    height: 283px;
    margin: 30px 0 0 30px;
}

#profile .inner .right {
    float: right;
    width: 577px;
    height: 283px;
    margin: 35px 48px 0 0;
}

#profile .profile_rt {
    position: relative;
    width: 507px;
    height: 40px;
    margin: 0 auto;
}

#profile .profile_rt img {
    margin-top: 18px;
    width: 100%;
    height: 5px;
}

#profile .profile_rt a {
    position: absolute;
    left: 148px;
    top: 7px;
    color: #666;
    font-size: 20px;
}

#profile .profile_rt span {
    position: absolute;
    left: 55px;
    top: 27px;
    color: #9e9e9e;
    text-transform: uppercase;
}

#profile .profile_rc {
    height: 160px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 25px;
}

#profile .profile_rb img {
    vertical-align: bottom;
}

#profile .profile_rb b {
    color: #da2021;
    font-size: 26px;
    margin-left: 5px;
}

#profile .profile_rb a {
    display: inline-block;
    width: 95px;
    height: 27px;
    margin-left: 20px;
    background-color: #da2021;
    border-radius: 15px;
    color: #fff;
    font-size: 14px;
    line-height: 27px;
    vertical-align: text-bottom;
}

#profile .profile_rb a:hover {
    background-color: #1e2326;
}



#news {
    height: 405px;
    overflow: hidden;
}

#news .hd {
    position: relative;
    width: 570px;
    height: 81px;
    margin: 0 auto;
    text-align: center;
}

#news .hd img {
    width: 100%;
    height: 71px;
    margin-top: 10px;
}

#news .hd .ch {
    position: absolute;
    left: 139px;
    top: 6px;
    *display: inline;
    *zoom: 1;
}

#news .hd .ch b {
    color: #363636;
    font-size: 36px;
}

#news .hd .ch span {
    font-weight: bold;
    color: #da2021;
    font-size: 36px;
}

#news .hd .en {
    position: absolute;
    left: 131px;
    top: 42px;
    color: #adadad;
    text-transform: uppercase;
}

#news .hd a {
    display: block;
    width: 28px;
    height: 28px;
    position: absolute;
    cursor: pointer;
}

#news .hd .prev {
    background: #363636 url(../images/icon_arrow.png) no-repeat 7px 5px;
    left: 248px;
    bottom: -14px;
}

#news .hd .prev:hover {
    background-color: #da2021
}

#news .hd .next {
    background: #da2021 url(../images/icon_arrow.png) no-repeat -19px 4px;
    left: 293px;
    bottom: -14px;
}

#news .hd .next:hover {
    background-color: #363636
}

#news .bd {
    width: 1230px;
    height: 242px;
    margin: 25px auto 0;
    overflow: hidden;
}

#news .bd ul {
    overflow: hidden;
}

#news .bd li {
    position: relative;
    float: left;
    width: 585px;
    height: 220px;
    margin: 0 15px 22px;
    background-color: #26262d;
}

#news .bd li:hover {
    background-color: #3e3e48;
}





#news .bd .ctn {
    display: block;
    width: 532px;
    margin: 27px auto 0;
    overflow: hidden;
}

#news .bd .ctn img {
    float: left;
    width: 220px;
    height: 158px;
    border: 3px solid #fff;
}

#news .bd .ctn .right {
    float: right;
    width: 284px;
}

#news .bd .ctn .right .title {
    color: #fff;
}

#news .bd .ctn .right .time {
    display: block;
    color: #1e2326;
}

#news .bd .ctn .right p {
    color: #fff;
    line-height: 20px;
    margin-top: 20px;
}

#news .bd .more {
    position: absolute;
    left: 288px;
    bottom: -22px;
    width: 145px;
    height: 42px;
    background-color: #da2021;
}

#news .bd .more .inner {
    width: 131px;
    height: 30px;
    border: 1px solid #fff;
    margin: 5px auto 0;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
}

#news .bd .more:hover {
    background-color: #c20809
}







/*-------------- left --------------*/

.allleft {
    width: 260px;
    height: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 20px;
}

.lprolist {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.lprolistlogo {
    width: 100%;
    height: 76px;
    background: url(../images/prologo.png) no-repeat 21px 21px;
    background-color: #DE261A;
}

.lprolistlogo1 {
    width: 100%;
    height: 30px;
    line-height: 28px;
    display: block;
    text-align: center;
    font-size: 27px;
    color: #FFF;
    padding-top: 16px;
}

.lprolistlogo2 {
    width: 100%;
    height: 24px;
    line-height: 24px;
    display: block;
    text-align: center;
    color: #FFF;
    font-size: 18px;
}



.lprolistcon {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #f0f0f0;
}

.lprolistcon ul {
    width: 90%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.lprolistcon li {
    width: 100%;
    height: 46px;
    border-bottom: #b9b6b6 solid 1px;
}

.lprolistcon li a {
    width: 100%;
    height: 38px;
    line-height: 38px;
    color: #1e2326;
    text-indent: 50px;
    display: block;
    margin-top: 6px;
    font-weight: bold;
    font-size: 17px;
}

.lprolistcon li a:hover {
    background-color: #1e2326;
    color: #FFF;
    border-radius: 23px;
}





.prolistf {
    width: 100%;
    height: 206px;
    background-color: #1e2326;
    padding-top: 55px;
}

.prolistfup {
    width: 90%;
    height: auto;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    background: url(../images/prolistfbg.png) no-repeat right;
}

.prolistfup1 {
    width: 100%;
    height: auto;
    display: block;
    color: #FFF;
    font-size: 16px;
}

.prolistfup2 {
    width: 100%;
    height: auto;
    display: block;
    color: #fdc70b;
    font-size: 20px;
    font-weight: bold;
    padding-top: 4px;
}

.prolistfc {
    width: 100%;
    height: auto;
    display: block;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    padding-top: 10px;
    text-indent: 15px;
}

.prolistff {
    width: 236px;
    height: 41px;
    display: block;
    background-color: #d7313e;
    text-align: center;
    line-height: 41px;
    margin-left: 15px;
    margin-top: 10px;
}

.prolistff a {
    width: 236px;
    height: 41px;
    display: block;
    color: #FFF;
}

.prolistff a:hover {
    background-color: #d5001e;
}



/*-------------- right --------------*/



.allright {
    width: 245px;
    height: auto;
    overflow: hidden;
    float: right;
}

.rhotpor {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
    background-color: #FFF;
}

.rhotporlogo {
    width: 100%;
    height: 45px;
    line-height: 45px;
    color: #FFF;
    text-indent: 25px;
    font-size: 18px;
    background: url(../images/riglogo.jpg) no-repeat left top;
}

.rhotporcon {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 20px;
}



/* 本例子css */

.picScroll-top {
    margin: 0 auto;
    width: 245px;
    overflow: hidden;
    position: relative;
}

.picScroll-top .bd {
    padding: 0px;
    margin: 0;
}

.picScroll-top .bd ul {
    overflow: hidden;
    zoom: 1;
}

.picScroll-top .bd ul li {
    float: left;
    width: 245px;
    height: 243px;
    overflow: hidden;
}

.picScroll-top .bd ul li a {
    width: 243px;
    height: 226px;
    display: block;
    border: #1e2326 solid 1px;
    background-color: #1e2326;
    text-align: center;
}

.picScroll-top .bd ul li a:hover {
    background-color: #d5001e;
    border: #d5001e solid 1px;
}

.bdimg_ {
    width: 243px;
    height: 184px;
    display: block;
    overflow: hidden;
}

.bdimg1_ {
    width: 243px;
    height: 184px;
    background-color: #FFF;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.bdimg1_ img {
    max-width: 243px;
    max-height: 184px;
}

.bdwz_ {
    width: 100%;
    height: 42px;
    line-height: 42px;
    color: #FFF;
}



.rconta {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: #d5353f solid 6px;
    background-color: #fafafb;
}

.rcontacon {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 25px;
}

.rcontacon ul {
    width: 90%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    line-height: 32px;
}



/*-------------- contact ys --------------*/

.contup {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 30px;
}

.contupl {
    width: 600px;
    height: auto;
    float: left;
    padding-left: 15px;
}

.contuplup {
    width: 840px;
    padding-left: 20px;
    height: 100px;
    border-bottom: #d8d7d7 solid 2px;
    font-size: 20px;
    font-weight: bold;
    color: #DE261A;
    line-height: 35px;
    padding-top: 10px;
    display: block;
}

.contuplup1 {
    color: #1e2326;
}

.contuplf {
    width: 100%;
    height: auto;
    display: block;
    line-height: 33px;
    color: #555555;
    padding-top: 20px;
    padding-left: 40px
}

.contupr {
    width: 100px;
    display: block;
    float: right;
}

#allmap {
    width: 850px;
    height: 450px;
    border: #b8b8b8 solid 1px;
}



/*-------------- contact ys --------------*/

/*-------------- end --------------*/



.contact_inner_l {
    width: 540px;
    padding: 0 20px;
}

.contact_inner_l li {
    float: left;
    line-height: 29px;
    font-size: 19px;
    color: rgba(255, 255, 255, 0.2);
    width: 100%;
    text-align:
}


.endbox {
    width: 100%;
    height: 220px;
    background: #0a0808e0;
    color: #fff;
}


.end {
    padding-top: 36px;
}

.end01 {
    width: 200px;
}

.end01 img {
    width: 110px;
    display: block;
    margin: 0 auto;
}

.end01 span {
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 25px;
    font-weight: 100;
}

.end02 {
    width: 700px;
    margin-left: 20px;
    font-weight: 100;
    color: #848484
}

.end02 span {
    display: block;
    width: 870px;
}

.end02 a {
    color: #848484;
}


.link {
    height: 50px;
    background: url(../images/bg_flink.jpg) no-repeat center;
}

.link_inner {
    width: 1065px;
    height: 100%;
    margin: 0 auto;
    background-color: #f0f0f0;
}

.link_inner ul {
    float: left;
    height: 100%;
    background-color: #e0001d;
}

.link_inner li {
    float: left;
    font-size: 14px;
    line-height: 50px;
    margin-right: 25px;
}

.link_inner a {
    color: #fff;
}

.link_inner a:hover {
    color: #202020;
}

.link_inner img {
    float: left;
}



.foot_navi {
    height: 65px;
    text-align: center;
    background: #1e2326;
    line-height: 65px;
}


.foot_navi_inner {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    *display: inline;
    *zoom: 1;
}

.foot_navi_inner ul {
    overflow: hidden;
}

.foot_navi_inner li {
    float: left;
    line-height: 72px;
}

.foot_navi_inner li a {
    display: block;
    height: 100%;
    padding: 0 32px;
    font-size: 14px;
    color: #fff;
}

.foot_navi_inner li a:hover {
    color: #fff;
    background-color: #d7313e
}



.contact {
    height: 330px;
    overflow: hidden;
}

.contact_inner {
    width: 1200px;
    text-align: center;
    margin: 0 auto;
}


.f01 {
    font-size: 42px;
    color: #fff;
    font-weight: bold;
    height: 45px;
    padding: 50px 0 20px 0;
}

.f02 {
    font-size: 14px;
    color: rgba(255, 255, 255, .2);
}

.f03 {
    text-align: center;
    width: 1200px;
    line-height: 60px;
    height: 60px;
    margin: 10px 0
}

.f03 li {
    width: 169px;
    height: 60px;
    margin: 0 1px;
    float: left;
    background: #1f2124;
    color: rgba(255, 255, 255, 0.1)
}

.f04 {
    color: rgba(255, 255, 255, .2);
}

.f04 a {
    color: rgba(255, 255, 255, .2);
}


.qqkefu {
    position: fixed;
    bottom: 60px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 9999;
    right: 0;
    width: 45px
}

.qqkefu ul li {
    height: 45px;
    margin-bottom: 1px;
    float: right;
    background: #1b1b1d;
    line-height: 45px;
    font-size: 14px;
    cursor: pointer;
    position: relative
}

.qqkefu ul li a {
    color: #fff;
}

.qqkefu ul li.qq_cza {
    overflow: hidden
}

.qqkefu ul li:hover {
    background: #FEBF00;
    color: #000
}

.qqkefu ul li.top {
    color: #1c1c1c;
    font-weight: 800;
    text-align: center;
    line-height: 45px;
    background: url(../images/top.png) no-repeat center;
    height: 51px;
    position: relative;
    width: 45px;
    cursor: pointer
}

.qqkefu ul li.top:hover span {}

.qqkefu ul li b {
    width: 45px;
    height: 45px;
    display: block;
    overflow: hidden;
    float: left
}

.qqkefu ul li b.a {
    background: url(../images/czx4.png) no-repeat center;
}

.qqkefu ul li b.b {
    background: url(../images/czx3.png) no-repeat center;
}

.qqkefu ul li b.c {
    background: url(../images/czx5.png) no-repeat center;
}

.erweima {
    /*width: 390px;*/
    height: 150px;
    position: absolute;
    top: -107px;
    left: -142px;
    background: #FFF;
    border: 1px solid #CCC;
    float: right;
    cursor: default !important;
    display: none
}

.erweima p {
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
}

.erweima p img {
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
}

.erweima .arrow3 {
    width: 5px;
    height: 10px;
    display: block;
    background: url(../images/czx6.png) no-repeat;
    position: absolute;
    right: -5px;
    top: 122px;
}



/*public*/

.zyname {
    width: 100%;
    height: 41px;
    margin: 0 auto;
    position: relative;
    background-color: #f9f9f9;
}

.zyname1 {
    width: 82px;
    height: 82px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -41px;
}

#main {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 30px;
    background-color: #f9f9f9;
}

.main1 {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

#company {
    width: 916px;
    height: 100%;
    overflow: hidden;
    float: right;
    line-height: 32px;
    background-color: #FFF;
}

#companyct {
    width: 100%;
    height: 100%;
    overflow: hidden;
    float: left;
    line-height: 32px;
}



.nr {
    padding: 20px 10px 20px 10px;
}

.nr1 {
    padding: 20px 10px 20px 10px;
}

.nr table {
    border-collapse: collapse;
    width: auto;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.nr tr:first-child {
    background-color: #f4f4f4;
    font-weight: bold
}

.nr table th,
.nr table td {
    padding: 5px;
    border: 1px solid #dedede;
}

.nr tr {
    text-align: center;
}

.nr tr:nth-child(odd) {
    background-color: #e2f4f9
}

.nr h4 {
    font-size: 18px;
}



.nr1 table {
    border-collapse: collapse;
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}


.rightinfo {
    padding: 20px 10px 60px 10px;
    overflow: hidden;
}

.rightinfo table {
    border-collapse: collapse;
    width: auto;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.rightinfo tr:first-child {
    background-color: #f4f4f4;
    font-weight: bold
}

.rightinfo table th,
.rightinfo table td {
    padding: 5px;
    border: 1px solid #dedede;
}

.rightinfo tr {
    text-align: center;
}

.rightinfo tr:nth-child(odd) {
    background-color: #e2f4f9
}





/*public  ----产品内容页*/

.pronrup {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-bottom: 25px;
}

.pronrupl {
    width: 45%;
    height: auto;
    overflow: hidden;
    float: left;
    padding-right: 2px;
    margin-right: 5%;
}

.pronrupr {
    width: 58%;
    height: auto;
    overflow: hidden;
    float: right;
    padding-bottom: 20px;
}

.pronrupr1 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    color: #1e2326;
    background-color: #767676;
}

.pronrupr1_1 {
    width: auto;
    padding-left: 6px;
    padding-right: 6px;
    height: 40px;
    display: block;
    text-align: center;
    color: #FFF;
    background-color: #1e2326;
    float: left;
}

.pronrupr1_2 {
    width: 100%;
    height: auto;
    display: block;
    padding-top: 8px;
}

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

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



.pronrupr2 {
    width: 100%;
    height: 50px;
    display: block;
    padding-top: 10px;
}

.pronrupr2_1 {
    width: 135px;
    height: 39px;
    line-height: 39px;
    display: block;
    float: left;
}

.pronrupr2_1 a {
    width: 100%;
    height: 39px;
    display: block;
    color: #fff;
    background: url(../images/qqpibg.png) no-repeat 10px 10px;
    background-color: #333333;
    display: block;
    text-indent: 50px;
    font-weight: bold;
}

.pronrupr2_1 a:hover {
    color: #000;
    background: url(../images/qqpibg.png) no-repeat 10px -30px;
    background-color: #c40000;
    color: #FFF;
}

.pronrupr2_2 {
    width: 198px;
    height: 29px;
    padding-top: 7px;
    display: block;
    float: left;
    padding-left: 20px;
}



.pronrupr3 {
    width: 100%;
    height: 55px;
    padding-left: 61px;
    background: url(../images/protel.png) no-repeat left;
    font-size: 20px;
    color: #f25000;
    display: block;
    line-height: 24px;
}

.pronrupr3_1 {
    color: #000;
    font-size: 14px;
}



.pronrupr2_112 {
    width: 140px;
    height: 42px;
    line-height: 42px;
    display: block;
    float: left;
}



.pronrupr2_11 {
    width: 100%;
    height: 42px;
    display: block;
    color: #c40000;
    background: url(../images/weixin.png) no-repeat 5px 10px;
    background-color: #ffeded;
    border: #c40000 solid 1px;
    border-radius: 8px;
    text-indent: 37px;
    transition: all 0.3s
}

.pronrupr2_11:hover {
    color: #000;
    background: url(../images/weixin.png) no-repeat 5px -30px;
    background-color: #c40000;
    color: #FFF;
    transition: all 0.3s
}

.pronrupr2_22 {
    width: 148px;
    height: 148px;
    display: none;
    position: relative;
    top: -50px;
    transition: all 0.3s
}

.pronrupr2_22 img {
    width: 148px;
    height: 148px;
}

.pronrupr2_11:hover .pronrupr2_22 {
    display: block;
    width: 148px;
    height: 148px;
    position: relative;
    top: -157px;
    left: 91px;
    transition: all 0.3s
}



.w45 {
    width: 49%
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}



/*public  ----产品内容页*/

.zynav {
    width: 100%;
    height: 58px;
    line-height: 58px;
    background: url(../images/productconlogobg.jpg) repeat-x left;
}

.zynavct {
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-bottom: #ececec solid 1px;
    margin-top: 15px;
}

.zynav1 {
    float: left;
    color: #4c4b48;
    width: auto;
    height: 55px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 30px;
    padding-right: 10px;
    background: url(../images/comrbg.png) no-repeat left;
    margin-left: 20px;
}

.zynav1_ {
    float: left;
    color: #2f2a2a;
    width: auto;
    height: 55px;
    border-bottom: #11222e solid 3px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 30px;
    padding-right: 10px;
    background: url(../images/comrbg.png) no-repeat left;
}

.zynav2 {
    float: right;
    color: #898989;
    padding-right: 15px;
    font-size: 13px;
    background: url(../images/homep.png) no-repeat left;
    padding-left: 30px;
}

.zynav2 a {
    color: #898989;
}

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

#indexNews li {
    line-height: 33px;
    border-bottom: 1px dotted #cecccc;
    padding: 0 12px 0 10px;
    position: relative;
}

#indexNews li:hover {
    border-bottom: 1px solid #cecccc;
    background-color: #f1f1f1
}

#indexPro {
    height: 215px;
    overflow: hidden;
    margin: 0 auto;
}

#indexPro li {
    margin: 10px;
    width: 215px;
    height: 190px;
    float: left;
    display: block;
    text-align: center;
    line-height: 24px;
}

#indexPro li img {
    border: 2px solid #ffb913;
    width: 215px;
    height: 165px;
}

.introImg {
    float: left;
    margin-right: 10px;
}

.info_date {
    float: right;
    padding-right: 8px;
}

/*company*/

/************新闻*****************/

.news_tit_u {
    text-align: center;
    font-size: 16px;
    color: #d5353f;
    line-height: 30px;
    font-weight: 700;
}

.news_tit_d {
    text-align: center;
    padding: 5px 0px;
    font-size: 12px;
    font-weight: 100;
    border-bottom: #e8e8e8 solid 1px;
    color: #303030;
    width: 98%;
    margin: 10px auto;
    height: 20px;
    line-height: 20px;
}

.news_tit_img {
    margin: 9px auto;
    text-align: center
}

.news_tit_img img {
    max-height: 600px;
    max-width: 600px;
}

.pro_name {
    display: block;
    color: #da020d;
    text-align: center;
}







/****************************************1**************************************/

.news_1bj {
    width: 100%;
    padding: 32px 0;
}

.news_1nr {
    width: 100%;
    margin: 0 auto;
}

.news_1nr ul li a {
    width: 100%;
    height: 94px;
    display: block;
    font-size: 15px;
}

.news_1nr ul li {
    margin: 0 0 45px 0;
    position: relative;
    padding: 9px 16px 0 0;
    border: 1px solid #c4c4c4;
    width: 888px;
    height: 94px;
}

.news_1nr ul li span {
    width: 103px;
    height: 120px;
    overflow: hidden;
    float: left;
    border-bottom: 3px solid #1e2326;
    color: #ffffff;
    text-align: center;
    background: #1e2326;
    position: absolute;
    top: -1px;
    left: 8px;
    transition: all 0.4s;
}

.news_1nr ul li span h1 {
    font-size: 30px;
    font-family: Impact;
    line-height: 42px;
    padding: 20px 0 10px 0;
    display: block;
}

.news_1nr ul li div {
    width: 755px;
    float: right;
}

.news_1nr ul li div p {
    line-height: 24px;
    font-size: 13px;
    text-indent: -2em color:#777777;
}

.news_1nr ul li:hover {
    background: #f2f2f2;
}

.news_1nr ul li:hover span {
    background: none;
    border-bottom: 0px;
    color: #1e2326;
    transition: all 0.4s;
}


/************产品*****************/

.produc {
    width: 110%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.produc li {
    float: left;
    width: 256px;
    height: 250px;
    margin: 0 20px 30px 0;
    border: #e2e2e2 solid 1px;
    text-align: center;
}

.produc_index {
    width: 71%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.produc_index li {
    float: left;
    width: 256px;
    height: 250px;
    margin: 0 20px 30px 0;
    text-align: center;
}


.producimg {
    width: 100%;
    display: block;
}

.producimg1 {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.producimg img {
    height: 200px;
    width: 100%;
}


.products1 {
    width: 100%;
    height: 42px;
    line-height: 42px;
    display: block;
    border: #c9c9c9 solid 1px;
    transition: all 0.3s;
    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    background: #ccc;

}

.products1 a span:hover {
    background: #DE261A;
    color: #fff
}

.produc li a:hover .products1 {
    width: 100%;
    height: 45px;
    background-color: #DE261A;
    color: #FFF;
    transition: all 0.3s;
}

.produc_index li a:hover .products1 {
    width: 100%;
    height: 45px;
    background-color: #DE261A;
    color: #FFF;
    transition: all 0.3s;
}


.food_name {
    display: block;
    color: #da020d;
    text-align: center;
}

.info_img_detail {
    text-align: center;
    margin: 10px 0;
}

.info_img_detail img {
    width: 400px;
}

/************分页*****************/

.page {
    width: 99%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 12px auto;
    font-size: 12px;
    clear: both;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d4d6;
}

.page a {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    border: 1px solid #d2d4d6;
    padding: 0 2px;
    background: #FFF;
}

.page a:hover {
    background: #404040;
    color: #fff;
    border: none;
    height: 20px;
    line-height: 20px;
    padding: 1px 3px;
}

.page span.current {
    padding: 3px 6px 3px 6px;
    height: 18px;
    line-height: 18px;
    background: #404040;
    color: #fff;
}

/************留言*****************/

#company .rightinfo table {
    margin: 0 auto
}

#company .rightinfo table td {
    padding: 2px 5px;
    text-align: center;
}

#company .nr1 table {
    margin-left: 2px;
}

#company .nr1 table tr td {
    width: auto !important;
}

#company .nr1 table tr td:first-child {
    width: 160px !important;
    ;
}



#company .nr1 table th {
    color: #444444;
    font-weight: normal;
    font-size: 14px;
    font-family: 'Microsoft YaHei', arial;
    text-align: right;
    vertical-align: top;
    padding-top: 9px;
}

#company .nr1 table td select {
    font-family: 'Microsoft YaHei', arial;
    font-size: 14px;
    width: 278px;
    height: 32px;
    text-indent: 8px;
    border: 1px solid #d2d4d6;
    margin: 5px auto 6px 5px;
    background: #FFF;
    *+margin-left: -3px;
}

#company .nr1 table td ul {
    list-style: none;
    position: absolute;
}

#company .nr1 table td ul li {
    font-family: 'Microsoft YaHei', arial;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    text-indent: 8px;
    width: 276px;
    height: 28px;
    border-left: 1px solid #d2d4d6;
    border-right: 1px solid #d2d4d6;
    background: #FFF;
}

#company .nr1 table td ul li a {
    display: block;
    text-decoration: none;
    color: #444444;
}

#company .nr1 table td ul li a:hover {
    color: #fe7d0c;
}

#company .nr1 table td ul li:last-child {
    border-bottom: 1px solid #d2d4d6;
}

#company .nr1 table td input {
    font-size: 14px;
    width: 276px;
    height: 28px;
    border: 1px solid #d2d4d6;
    margin: 5px auto 5px 5px;
}

#company .nr1 table td .yanzheng {
    width: 101px;
}

#company .nr1 table td textarea {
    resize: none;
    width: 545px;
    height: 178px;
    border: 1px solid #d2d4d6;
    margin: 5px auto 5px 5px;
}

#company .nr1 table td img {
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 4px;
    *+margin-bottom: 14px;
}

#company .nr1 table td .but {
    width: 74px;
    height: 31px;
    line-height: 27px;
    background: #1e2326;
    border-radius: 2px;
    border: none;
    text-align: center;
    margin-top: 14px;
    margin-left: 5px;
    font-size: 14px;
    font-family: 'Microsoft YaHei', SimHei, sans-serif;
    color: #FFF;
}

/************招聘*****************/

.jobs li {
    overflow: hidden;
    margin: 23px 18px 28px 28px;
    padding-bottom: 27px;
    border-bottom: 1px dotted #cdcdcd;
}

.jobs .but a {
    position: relative;
    top: -150px;
    background: #1e2326;
    float: right;
    width: 71px;
    height: 34px;
    color: #fff;
    text-align: center;
    line-height: 34px;
}

.jobs strong {
    color: #da020d;
}

.jobs p {
    /*margin:6px 0 -134px 156px;*/
    line-height: 35px;
}

.job_nam {
    font-weight: 700;
    color: #F00
}

/*------------------menu-list--------------------*/

#graybar,
.recruit_info_tit_bg {
    height: 43px;
    background: #e1e1e1;
    margin-bottom: 16px;
}

#graybar span,
.recruit_info_tit {
    width: 100px;
    line-height: 43px;
    text-align: center;
    display: block;
    color: #FFF;
    background: #DE261A;
    border-right: 1px solid #FFF;
}

#prev_next {
    clear: both;
    overflow: hidden;
    background: #ccc;
    padding: 0px 20px;
}

#prev_next li {
    margin: 5px 0;
}

#prev_next :hover a {
    color: #DE261A;
}



.datalist {
    border: 1px solid #cccccc;
    /* 表格边框 */
    font-family: Arial;
    border-collapse: collapse;
    /* 边框重叠 */
    background-color: #ffffff;
    /* 表格背景色 */
    font-size: 12px;
}

.datalist caption {
    padding-bottom: 5px;
    font: bold 12px;
    text-align: left;
}

.datalist th {
    border: 1px solid #cccccc;
    /* 行名称边框 */
    background-color: #F6F6F6;
    /* 行名称背景色 */
    color: #000000;
    /* 行名称颜色 */
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
    text-align: left;
    font-size: 14px
}

.datalist td {
    border: 1px solid #cccccc;
    /* 单元格边框 */
    text-align: left;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 15px;
}

.datalist tr.altrow {
    background-color: #c7e5ff;
    /* 隔行变色 */
}


/*分页*/
.pagess {
    clear: both;
    margin: 20px;
    overflow: hidden;
    margin-left: 0px;
    text-align: center;
    font-size: 12px
}

.pagess ul li {
    display: inline-block;
    border: 1px solid #585e61;
    padding: 2px 9px;
    margin: 0 3px;
    line-height: 20px;
    background: #fff;
    color: #585e61
}

.pagess ul li:hover {
    background: #FEBF00;
    color: #1e2326;
    border: 1px solid #1e2326
}

.pagess ul li:hover a {
    color: #1e2326;
}

.pagess ul li.thisclass {
    display: inline-block;
    border: 1px solid #1e2326;
    padding: 2px 9px;
    margin: 0 3px;
    background: #FEBF00;
    color: #1e2326;
}

.pagess ul li.thisclass a {
    color: #1e2326;
}

.pagess ul li a {
    display: block;
    color: #1e2326
}

.pagess ul li a:hover {
    color: #1e2326;
}

/*文章分页*/
.xypg-detail-pn {
    margin-top: 30px;
}

.xypg-detail-pn div {
    margin-bottom: 10px;
    background: #ededed;
    line-height: 35px;
    padding: 0 20px;
    position: relative;
}

.xypg-detail-pn div b {
    font-size: 16px;
    color: #1e2326;
    float: left;
    font-weight: normal;
}

.xypg-detail-pn div a {
    float: left;
    width: 75%;
    font-size: 14px;
    color: #1e2326;
}

.xypg-detail-pn div a:hover {
    color: #1e2326;
}

@media (max-width: 600px) {
    .xypg-detail-pn div a {
        width: 60%;
    }
}

@media (max-width: 600px) {
    .xypg-detail-pn div a {
        width: 50%;
    }
}

.xypg-detail-pn div span {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 13px;
    color: #1e2326;
}

.sycp01 {
    width: 250px;
    height: auto;
    float: left;
    box-shadow: 0 2px 20px 0 #ccc;
    margin: 28px;
    margin-top: 20px;

}


.sycp_top {
    background: #DE261A;
    line-height: 35px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    border-top: 2px solid #DE261A;
}

.sycp_top span {
    margin-left: 10px;
    font-size: 14px;
}

.sycp_ul {
    height: auto;
    /*border-left: 2px solid #002f87;
    border-bottom: 2px solid #002f87;
    border-right: 2px solid #002f87;*/
    padding: 15px;
}

.sycp_ul ul {
    height: auto;
}

.sycp_ul ul li {
    height: auto;
}

.sycp_ul ul li a {
    display: block;
    font-size: 16px;
    line-height: 38px;
    text-decoration: none;
    padding: 0 10px;
    background: #DE261A;
    color: #fff;
}

.sycp_ul ul li a span {
    margin-right: 10px;
    color: #fff;
}

.sycp_ul ul li a:hover {
    background: #e7791a;
    color: #fff;
}


/*首页*/
.sycp_e {
    height: auto;
    padding: 15px;
}

.sycp_e ul {
    height: auto;
}

.sycp_e ul li {
    height: auto;
    margin-bottom: 10px;
}

.sycp_e ul li a {
    display: block;
    font-size: 16px;
    font-weight: 580;
    line-height: 38px;
    text-decoration: none;
    padding: 0px 10px;
    color: #333;
    border: 1px solid #cdcdcd;
}

.sycp_e ul li a span {
    margin-right: 10px;
    color: #cdcdcd;

}

.sycp_e ul li a:hover {
    background: #ccc;
    color: #333;
}

/*结束*/

.left {
    float: left;
    color: #8c8c8c;
}

.side {
    float: left;
    width: 280px;
    margin-bottom: 15px;
}

.side01 {
    box-shadow: 0 2px 20px 0 #ccc;
    margin: 15px;
    margin-top: 10px;
}

.side01 ul {
    padding: 10px 0;
    height: auto;
    overflow: hidden;
}

.side01 li {
    color: #1e2326;
    border-radius: 2px;
    margin: 10px 10px 0 10px;
    line-height: 43px;
    height: 43px;
    padding-left: 10px;
}

.side01 li:hover {
    background: #ccc;
    transition: all 0.3s;
}

.side01 li a {
    display: block;
    color: #1e2326;
    transition: all 0.3s;
    padding-left: 20px;
    border-bottom: 1px dotted #ddd;
}

.tit {
    background: #de261a;
    color: #fff;
    line-height: 66px;
    height: 66px;
    border-bottom: 1px solid #d9d9d9;
    text-align: center;
    font-size: 18px;
}

.tit span {
    display: block;
    color: #fff;
    float: left;
    line-height: 39px;
    height: 39px;
    background: #d42114;
    width: 127px;
    text-align: center;
}

.tit a {
    float: right;
    margin-right: 15px;
    transition: 0.4s;
}

.tit a:hover {
    color: #d10000;
}

.side02 {
    margin-top: 15px;
    box-shadow: 0 2px 20px 0 #ccc;
    margin: 15px;
}

.side02 p {
    line-height: 38px;
    font-size: 13px;
    color: #1e2326;
    border-bottom: 1px dotted #ddd;
}

.sidenr {
    padding: 18px;
    height: auto;
    overflow: hidden;
}

.jet_header {
    background: #ccc;
    line-height: 33px;
}

.jet_head {
    width: 1200px;
    margin: 0 auto;
}

.topwel {
    font-size: 12px;
    color: #999;
}

.k1 {
    color: #999;
    font-size: 12px;
}

.k1 a {
    color: #999;
}

.jet_l {
    padding: 12px 0;
    margin-top: 1px;
    border-top: 1px solid #e8e8e8;
}

.top_menu {
    background-color: #fbfbfb;
    color: #777777;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #f3f3f3;
}

.tll {
    text-align: left;
}

.tlr {
    text-align: right;
}

/*联系我们*/
.con_bd {
    float: left;
    width: 300px;
    margin-top: 30px;
    color: #000;
}

.con_bd strong {
    font-size: 16px;
    line-height: 45px;
    padding-left: 20px;
}

.con_bd p {
    line-height: 45px;
    border-bottom: 1px dashed #ddd;
    padding-left: 20px;
}