@charset "utf-8";

/* 公用 */
body {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 12px;
    background: #fff;
    color: #686868;
    _background-image: url(../images/text.txt); /* for IE6 */
    _background-attachment: fixed;
}

ul, dl, dt, dd, p, h1, h2, h3, h4, h5, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

a {
    text-decoration: none;
    color: #686868;
    font-weight: normal;
}

a:hover {
    color: #710100;
}

img {
    border: none 0;
}

.hr1 {
    margin: 0 auto;
    border: 1px solid #9A0201;
}

.red {
    color: red;
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}

.tLeft {
    text-align: left;
}

.fLeft {
    float: left;
}

.mL {
    margin-left: 20px;
}

@font-face {
    font-family: 'DIN Alternate Bold';
    src: url('DIN Alternate Bold.ttf');
}

/* header */
#container {
    width: 100%;
    margin: 0 auto;
}

#container1 {
    margin: auto;
    width: 960px;
    background: #F5F5F5 url(../images/background1.jpg) repeat-x top;
}

#header, #main, #footer {
    margin: 0 auto;
    position: relative;
}

.main_box {
    width: 100%;
    height: auto;
    float: left;
    background: #ffffff;
    padding-bottom: 20px;
}

.main_box1 {
    width: 100%;
    height: auto;
    float: left;
    background: #FFF;
}

#main {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.head_top {
    width: 100%;
    height: 80px;
    float: left;
    background: #fff; /* 将背景改为白色 */
    z-index: 1000;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: fixed;
    top: 0;
    left: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}

.head_in {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.logo {
    float: left;
    margin-top: 20px;
}

.logo img {}

.weima {
    width: 99px;
    height: 99px;
    float: left;
    margin-left: 37px;
    margin-top: 14px;
}

.weima img {
    width: 98px;
    height: 98px;
    border: 1px solid #f0f0f0;
}

.jrsc {
    z-index: 2;
    position: absolute;
    display: table;
    right: 130px;
    top: 35px;
}

.swsy {
    z-index: 2;
    position: absolute;
    display: table;
    right: 30px;
    top: 35px;
}

.search {
    float: right;
    margin-top: 32px;
}

.top_t {
    width: 100%;
    height: 35px;
    float: left;
    background: #f5f5f5;
}

.top_t1 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.top_tleft {
    line-height: 35px;
    float: left;
    font-family: "微软雅黑";
    font-size: 13px;
    color: #333;
    text-indent: 30px;
    background: url(../images/t_5_1.png) no-repeat left center;
}

.top_tright {
    height: auto;
    line-height: 35px;
    float: right;
}

.top_tright span {
    height: auto;
    float: left;
    font-size: 13px;
    color: #999;
}

.top_tright font {
    height: auto;
    float: left;
    font-size: 13px;
    color: #999;
    margin-left: 10px;
    text-indent: 30px;
    background: url(../images/t_2_1.png) left center no-repeat;
}

.top_tright i {
    font-style: normal;
    font-size: 13px;
    color: #999;
}

.top_email {
    height: auto;
    float: left;
    font-size: 13px;
    color: #999;
    margin-left: 20px;
    height: 35px;
    text-indent: 30px;
    background: url(../images/t_3_1.png) left center no-repeat;
}

/* 导航 */
.nav_box {
    width: 100%;
    height: 80px;
    float: left;
    background: none;
}

.nav {
    height: 80px;
    float: right;
}

.nav ul li {
    margin: 0;
    text-align: center;
    width: 120px;
    font-family: "微软雅黑";
    float: left;
    height: 80px;
    position: relative;
    z-index: 100;
}

.add_top2 {
    padding-top: 30px;
}

.nav ul li a {
    color: #000; /* 将字体颜色改为黑色 */
    font-size: 16px;
    width: 120px;
    height: 80px;
    float: left;
    line-height: 80px;
}

.nav ul li a:hover {
    color: #000;
    width: 120px;
    height: 80px;
    background: url(../images/hover_1.png) no-repeat 50% bottom;
    float: left;
}

.nav ul li ul {
    position: absolute;
    display: none;
}

.nav ul li:hover ul {
    position: absolute;
    display: block;
    width: 140px;
    background: rgb(0, 0, 0, 0.4);
    margin-top: 95px;
}

.nav ul li ul li {
    height: 35px;
    background: none;
    line-height: 35px;
    font-size: 14px;
    border-right: none;
    margin-top: 0px;
    border-bottom: 1px dashed #ddd;
    width: 140px;
    float: left;
}

.nav ul li ul li a {
    color: #fff;
    line-height: 35px;
    font-size: 12px;
    font-weight: normal;
    width: 140px;
    float: left;
}

.nav ul li ul li a:hover {
    color: #fff;
    line-height: 35px;
    height: 35px;
    font-size: 12px;
    width: 140px;
    background: #0319a7;
    float: left;
    font-weight: normal;
}

.nav_right {
    float: right;
    width: 260px;
    height: 131px;
    background: url(../images/call_1.png) no-repeat left center;
}

.nav_right h1 {
    float: right;
    width: 200px;
    height: auto;
    color: #666;
    padding-top: 38px;
    margin: 0;
    font-size: 14px;
    font-family: "微软雅黑";
    font-weight: normal;
}

.nav_right p {
    float: right;
    width: 200px;
    height: auto;
    color: #333;
    font-weight: bold;
    font-size: 30px;
    font-family: "Impact";
    margin-top: 0px;
}

/* 首页优势2样式 */
.syyscon {
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    z-index: 100;
    margin-top: -45px;
}

.syyscom {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.syyscom .syyss1 {
    width: 290px;
    height: 102px;
    float: left;
    background: #FFFFFF;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.syyscom .syyss1:hover {
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.syyscom .syyss2:hover {
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.syyscom .syyss3:hover {
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.syyscom .syyss4:hover {
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    transform: translateY(-3px);
}

.syyscom .syyss1 .img {
    width: 38px;
    height: 39px;
    float: left;
    margin-left: 44px;
    margin-top: 30px;
    background: url(../images/s1_1.png) no-repeat;
}

.syyscom .syyss1 .pcon {
    width: 160px;
    height: auto;
    float: left;
    margin-left: 30px;
    margin-top: 25px;
}

.syyscom .syyss1 .pcon .p1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
}

.syyscom .syyss1 .pcon .p2 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #888;
}

.syyscom .syyss2 {
    width: 290px;
    height: 102px;
    float: left;
    margin-left: 10px;
    background: #FFFFFF;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.syyscom .syyss2 .img {
    width: 45px;
    height: 38px;
    float: left;
    margin-left: 44px;
    margin-top: 30px;
    background: url(../images/s2_1.png) no-repeat;
}

.syyscom .syyss2 .pcon {
    width: 160px;
    height: auto;
    float: left;
    margin-left: 30px;
    margin-top: 25px;
}

.syyscom .syyss2 .pcon .p1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
}

.syyscom .syyss2 .pcon .p2 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #888;
}

.syyscom .syyss3 {
    width: 290px;
    height: 102px;
    float: left;
    margin-left: 10px;
    background: #FFFFFF;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.syyscom .syyss3 .img {
    width: 40px;
    height: 40px;
    float: left;
    margin-left: 44px;
    margin-top: 30px;
    background: url(../images/s3_1.png) no-repeat;
}

.syyscom .syyss3 .pcon {
    width: 160px;
    height: auto;
    float: left;
    margin-left: 30px;
    margin-top: 25px;
}

.syyscom .syyss3 .pcon .p1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
}

.syyscom .syyss3 .pcon .p2 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #888;
}

.syyscom .syyss4 {
    width: 290px;
    height: 102px;
    float: left;
    margin-left: 10px;
    background: #FFFFFF;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.syyscom .syyss4 .img {
    width: 34px;
    height: 34px;
    float: left;
    margin-left: 44px;
    margin-top: 30px;
    background: url(../images/s4_1.png) no-repeat;
}

.syyscom .syyss4 .pcon {
    width: 160px;
    height: auto;
    float: left;
    margin-left: 30px;
    margin-top: 25px;
}

.syyscom .syyss4 .pcon .p1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    font-weight: bold;
}

.syyscom .syyss4 .pcon .p2 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 14px;
    color: #888;
}

.header {
    width: 100%;
    height: 420px;
    float: left;
}

.z_banner_product1 {
    position: absolute;
    width: 100%;
    height: 420px;
    background: url(../images/header_1.jpg) no-repeat center;
    background-attachment: fixed;
    background-position: top center;
}
.z_banner_product2 {
    position: absolute;
    width: 100%;
    height: 420px;
    background: url(../images/header_2.jpg) no-repeat center;
    background-attachment: fixed;
    background-position: top center;
}
.z_banner_product3 {
    position: absolute;
    width: 100%;
    height: 420px;
    background: url(../images/header_3.jpg) no-repeat center;
    background-attachment: fixed;
    background-position: top center;
}
.z_banner_product4 {
    position: absolute;
    width: 100%;
    height: 420px;
    background: url(../images/header_4.jpg) no-repeat center;
    background-attachment: fixed;
    background-position: top center;
}
.z_banner_product5 {
    position: absolute;
    width: 100%;
    height: 420px;
    background: url(../images/header_5.jpg) no-repeat center;
    background-attachment: fixed;
    background-position: top center;
}
/* 幻灯片广告 */
.ad {
    overflow: hidden;
    padding: 0;
    margin: 0;
    width: 960px;
    margin: 0 auto;
}

#full-screen-slider {
    width: 100%;
    height: 820px;
    float: left;
    position: relative;
    z-index: 99;
    margin-top: -81px;
}

#slides {
    display: block;
    width: 100%;
    height: 820px;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
}

#slides li {
    display: block;
    width: 100%;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
}

#slides li img {
    width: 100%;
    height: 100%;
}

#slides li a {
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}

#pagination {
    display: block;
    list-style: none;
    position: absolute;
    left: 28%;
    top: 790px;
    z-index: 9900;
    padding: 5px 15px 5px 0;
    margin: 0;
}

#pagination li {
    display: block;
    list-style: none;
    width: 30px;
    height: 5px;
    float: left;
    margin-left: 15px;
    background: #FFF;
}

#pagination li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    text-indent: -9999px;
}

#pagination li.current {
    background: #0067ac;
}

.banner {
    float: left;
    width: 100%;
    white-space: nowrap;
    margin-top: -81px;
    position: relative;
    overflow: hidden;
    background: #f8f8f8;
}

.banner_m {
    *float: left;
    width: 50%;
    height: 820px;
    display: inline-block;
    position: relative;
}

.wrapper {
    *float: left;
    width: 1920px;
    height: 820px;
    display: inline-block;
    position: relative;
    left: -967px;
}

.fn-clear {
    zoom: 1;
}

.box_skitter {
    position: relative;
    background: none;
}

.box_skitter ul {}

.box_skitter .container_skitter {
    overflow: hidden;
    position: relative;
}

.box_skitter .image {
    overflow: hidden;
}

.box_skitter .image img {
    display: none;
}

.box_skitter .box_clone {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    overflow: hidden;
    display: none;
    z-index: 20;
}

.box_skitter .box_clone img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

.box_skitter .prev_button {
    position: absolute;
    top: 50%;
    left: 2%;
    z-index: 100;
    width: 72px;
    height: 143px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    background: url('../images/prev1_1.png') no-repeat left top !important;
}

.box_skitter .next_button {
    position: absolute;
    top: 50%;
    right: 2%;
    z-index: 100;
    width: 72px;
    height: 143px;
    overflow: hidden;
    text-indent: -9999em;
    margin-top: -25px;
    background: url('../images/next1_1.png') no-repeat left top !important;
}

.box_skitter .label_skitter {
    z-index: 150;
    position: absolute;
    display: none;
}

.loading {
    position: absolute;
    top: 50%;
    right: 50%;
    z-index: 10000;
    margin: -16px -16px;
    color: #fff;
    text-indent: -9999em;
    overflow: hidden;
    background: url('../images/ajax-loader.gif') no-repeat left top;
    width: 31px;
    height: 31px;
}

#slideshow {
    width: 1920px;
    height: 820px;
    float: left;
}

#slideshow ul {}




/*首页两部分*/

.two_part {

    width: 100%;

    height: auto;

    float: left;

    min-height: 500px;

    position: relative;

}



.left_ad {

    width: 130px;

    height: 130px;

    position: absolute;

    left: 68px;

    bottom: 40px;

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

}



.right_ad {

    width: 130px;

    height: 130px;

    position: absolute;

    right: 0px;

    top: 40px;

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

}



.part_in {

    width: 1200px;

    height: auto;

    margin: 80px auto;

}



.index_gnjs {

    width: 586px;

    height: 368px;

    float: left;

}



.index_kfsb {

    width: 586px;

    height: 368px;

    float: right;

}



.index_gnjs a {

    width: 586px;

    height: 368px;

    float: left;

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

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.biao_ti {

    width: 90%;

    height: auto;

    float: left;

    margin-left: 5%;

    font-size: 30px;

    font-weight: bold;

    color: #fff;

    margin-top: 55px;

}



.biao_txt {

    width: 90%;

    height: auto;

    float: left;

    margin-left: 5%;

    font-size: 16px;

    color: #fff;

    line-height: 30px;

    margin-top: 5px;

}



.biao_btn {

    width: 112px;

    height: 40px;

    float: left;

    margin-left: 5%;

    border: 1px solid #fff;

    border-radius: 5px;

    line-height: 40px;

    text-align: center;

    font-size: 16px;

    color: #fff;

    margin-top: 50px;

}



.index_kfsb a {

    width: 586px;

    height: 368px;

    float: right;

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

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.index_gnjs a:hover {

    -ms-transform: translateY(-3px);

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

    box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.08);

}



.index_kfsb a:hover {

    -ms-transform: translateY(-3px);

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

    box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.08);

}



/*多种功能场景教室*/

.gnjs_box {

    width: 100%;

    height: auto;

    float: left;

    background: #f7f8fa;

    padding-top: 56px;

    padding-bottom: 68px;

    position: relative;

}



.right_ad1 {

    width: 130px;

    height: 130px;

    position: absolute;

    right: 50px;

    bottom: 100px;

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

}



.gnjs_in {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.gnjs_ti {

    width: 100%;

    height: auto;

    float: left;

    font-size: 30px;

    color: #333;

    line-height: 45px;

    font-weight: bold;

    text-align: center;

    margin-bottom: 40px;

}



.gnjs_ti span {

    font-size: 16px;

    color: #888;

    font-weight: normal;

}



.gnjs_l {

    width: 236px;

    height: auto;

    float: left;

}



.tagMenu1 {

    height: 553px;

    position: relative;

    width: 100%;

    float: left;

    margin-bottom: 1px;

}



.tagMenu1 ul {

    position: absolute;

    height: auto;

    left: 0px;

    float: left;

    width: 100%;

}



ul.menu1 li {

    height: 91px;

    cursor: pointer;

    float: left;

    background: #fff;

    width: 236px;

    margin-bottom: 1px;

}



ul.menu1 li a {

    height: 91px;

    float: left;

    width: 236px;

}



ul.menu1 li a span {

    width: 90%;

    height: auto;

    float: left;

    margin-left: 5%;

    font-size: 18px;

    color: #333;

    margin-top: 25px;

    font-weight: bold;

    line-height: 35px;

}



ul.menu1 li a font {

    width: 90%;

    height: auto;

    float: left;

    margin-left: 5%;

    font-size: 14px;

    color: #888;

}





ul.menu1 li.current1 {

    height: 91px;

    cursor: pointer;

    float: left;

    background: #fff;

    width: 235px;

    border-right: 1px solid #0e6fe4;

}



ul.menu1 li.current1 span {

    color: #0e6fe4;

}



ul.menu1 li.current1 font {

    color: #0e6fe4;

}



.gnjs_r {

    width: 962px;

    height: auto;

    float: right;

}



.content1 {

    width: 100%;

    height: auto;

    float: left;

}



.content1 img {

    width: 962px;

    height: 552px;

    float: left;

}



.gong_more {

    width: 100%;

    height: auto;

    float: left;

    /* 	text-align: center; */

    margin-top: 55px;

}



.gong_more a {

    font-size: 16px;

    color: #0e6fe4;

    border-radius: 5px;


    width: 100%;
    height: 43px;
    line-height: 43px;
    text-align: center;
    border: 1px solid #0e6fe4;
    float: left;
    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.gong_more a:hover {
    background: #0e6fe4;
    color: #fff;
    -ms-transform: translateY(-3px);

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

    box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.08);

}



/*儿童康复品牌*/

.zou_box {

    width: 100%;

    height: 570px;

    position: relative;

    float: left;

    background: url(../images/zou_bg_1.jpg) no-repeat;

    background-size: 100% 100%;

}



.zou_in {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.zou_ti {

    width: 100%;

    height: auto;

    float: left;

    color: #fff;

    margin-top: 80px;

    font-size: 30px;

    font-weight: bold;

    text-align: center;

    line-height: 45px;

}



.zou_ti span {

    color: #fff;

    font-weight: normal;

    font-size: 16px;

}



.zou_four {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 90px;

}



.zou_four li {

    width: 25%;

    height: auto;

    float: left;

}



.zou_four li span {

    width: 100%;

    height: auto;

    float: left;

    font-family: "Impact";

    font-size: 60px;

    color: #fff;

    text-align: center;

    /* font-weight: bold; */

}



.zou_four li span em {

    font-style: normal;

    font-size: 18px;



    color: #fff;

}



.zou_four li i {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 15px;

    margin-bottom: 15px;

    text-align: center;

}



.zou_four li font {

    width: 100%;

    height: auto;

    float: left;

    text-align: center;

    font-size: 16px;

    color: #fff;

}



.zou_san {

    width: 100%;

    height: auto;

    float: left;

    position: relative;

    z-index: 99;

    margin-top: -120px;

}



.zou_sin {

    width: 1254px;

    height: auto;

    margin: 0 auto;

}



.zou_sin li {

    width: 418px;

    height: 430px;

    float: left;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.zou_sin li a {

    width: 418px;

    height: 430px;

    float: left;

}



.zou_sin li:hover {

    -ms-transform: translateY(-3px);

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

    /* box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.08); */

}



.zou_sin li:nth-child(1) {

    width: 418px;

    height: 430px;

    float: left;

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

}



.zou_sin li:nth-child(2) {

    width: 418px;

    height: 430px;

    float: left;

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

}



.zou_sin li:nth-child(3) {

    width: 418px;

    height: 430px;

    float: left;

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

}



.zou_tia {

    width: 100%;

    height: auto;

    float: left;

    font-size: 22px;

    color: #333333;

    line-height: 30px;

    margin-top: 50px;

    text-align: center;

    font-weight: bold;

}



.zou_tia span {

    font-size: 14px;

    color: #777;

    font-weight: normal;

}



/*解决方案*/

.fang_an {

    width: 100%;

    height: auto;

    float: left;

    padding-bottom: 90px;

}



.fang_in {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.fang_ti {

    width: 100%;

    height: auto;

    float: left;

    font-size: 30px;

    color: #333333;

    line-height: 40px;

    margin-top: 50px;

    text-align: center;

    font-weight: bold;

}



.fang_ti span {

    font-size: 14px;

    color: #888;

    font-weight: normal;

}



.jie_five {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 35px;

}



.jie_five li {

    width: 220px;

    height: 220px;

    float: left;

    position: relative;

    margin-right: 25px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.jie_five li:hover {

    -ms-transform: translateY(-3px);

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

    box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.08);

}



.jie_five li:nth-child(5) {

    width: 220px;

    height: 220px;

    float: right;

    position: relative;

    margin-right: 0px;

}



.jie_five li a {

    width: 220px;

    height: 220px;

    float: left;

}



.jie_five li a img {

    width: 220px;

    height: 220px;

}



.jie_five li span {

    width: 220px;

    height: 220px;

    position: absolute;

    z-index: 99;

    left: 0;

    top: 0;

    line-height: 220px;

    text-align: center;

    font-size: 20px;

    font-weight: bold;

    color: #fff;

}



/*加盟+新闻*/

.news_bg {

    width: 100%;

    height: auto;

    min-height: 586px;

    float: left;

    background: url(../images/news_bg_1.jpg) no-repeat;

    background-size: 100% 100%;

}



.news_tin {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.two_l {

    width: 610px;

    height: auto;

    float: left;

    margin-top: 65px;

}



.he_img {

    width: 610px;

    height: 352px;

    float: left;

    margin-top: 40px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.he_img:hover {

    -ms-transform: translateY(-3px);

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

    box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.08);

}



.two_ti {

    width: 100%;

    height: auto;

    float: left;

}



.two_ti span {

    float: left;

    color: #333;

    font-size: 30px;

    font-weight: bold;

}



.two_ti a {

    float: right;

    color: #0e6fe4;

    font-size: 16px;

}



.two_ti a:hover {

    color: #1a66c2;

}



.two_r {

    width: 505px;

    height: auto;

    float: right;

    margin-top: 65px;

}



.search_bg {

    width: 100%;

    height: 80px;

    float: left;

    background: #f6f6f6;

}



.two_rlist {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 40px;

}



.two_rlist li {

    width: 100%;

    height: auto;

    float: left;

    line-height: 26px;

    margin-bottom: 25px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.two_rlist li:hover {

    -ms-transform: translateY(-3px);

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

}



.two_rlist li a {

    width: 100%;

    height: auto;

    float: left;

}



.two_rlist li a span {

    width: 100%;

    height: auto;

    float: left;

    font-size: 16px;

    color: #333;

}



.two_rlist li a font {

    width: 100%;

    height: auto;

    float: left;

    font-size: 14px;

    color: #888;

}







/*产品中心*/

.pro_boxaa {

    width: 100%;

    height: auto;

    float: left;

    background: #fff;

    padding-bottom: 50px;

}



.pro_inan {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.pro_ti {

    width: 100%;

    height: 120px;

    float: left;

    text-align: center;

    margin-top: 65px;

}



.pro_ti span {

    width: 100%;

    height: auto;

    float: left;

    font-size: 30px;

    color: #333;

}



.pro_ti font {

    width: 100%;

    height: auto;

    float: left;

    font-size: 16px;

    color: #333;

    margin-top: 15px;

}



.pro_ti i {

    width: 100%;

    height: auto;

    margin-top: 15px;

    float: left;

    text-align: center;

}



.chan_fen {

    width: 100%;

    height: auto;

    float: left;

}



.chan_fen li {

    width: 168px;

    height: 46px;

    line-height: 44px;

    font-size: 16px;

    text-align: center;

    float: left;

    margin-right: 20px;

}



.chan_fen li a {

    width: 164px;

    height: 42px;

    float: left;

    background: #f8f8f8;

    color: #333;

    border: 2px solid #dedede;

}



.chan_fen li a:hover {

    width: 164px;

    height: 42px;

    float: left;

    background: #0067ac;

    color: #fff;

    border: 2px solid #0067ac;

}



.chan_fen li .curr {

    width: 164px;

    height: 42px;

    float: left;

    background: #0067ac;

    color: #fff;

    border: 2px solid #0067ac;

}







.chan_box {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 50px;

}



.chan_list {

    width: 105%;

    height: auto;

    float: left;

}



.chan_list li {

    width: 292px;

    height: 311px;

    float: left;

    text-align: center;

    margin-right: 8px;

    margin-bottom: 10px;

    background: #f0f4f7;

    border: 1px solid #f0f4f7;

}



.chan_list li:hover {

    width: 292px;

    height: 311px;

    float: left;

    transition: all 0.4s linear 0s;

    background: #1862cb;

    border: 1px solid #1862cb;

    color: #fff;

}



.chan_list li:hover .indexCaseItem h3 a {

    position: relative;

    width: 100%;

    height: 51px;

    float: left;

    font-size: 14px;

    color: #fff;

}



.indexCaseList {

    width: 100%;

    height: auto;

    *float: left;

    *width: 292px;

    *margin-left: 15px;

}



.indexCaseItem {

    width: 292px;

    float: left;

    display: inline;

    position: relative;

}



.indexCaseItem p {

    position: relative;

    width: 292px;

    height: 261px;

    text-align: center;

    overflow: hidden;

    cursor: pointer;

    float: left;

}



.chan_list li .indexCaseItem h3 {

    position: relative;

    width: 100%;

    height: 51px;

    float: left;

    text-align: center;

    font-weight: normal;

    line-height: 51px;

}



.chan_list li .indexCaseItem h3 a {

    position: relative;

    width: 100%;

    height: 51px;

    float: left;

    font-size: 14px;

    color: #333;

}







.indexCaseItem p img {

    width: 292px;

    height: 260px;

}



.indexCaseList a.link {

    position: absolute;

    display: block;

    left: 0px;

    color: #fff;

    font-family: "宋体";

    padding-top: 1px;

    top: 100%;

    width: 100%;

    height: 100%;

    font-size: 12px;

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

}



.indexCaseList a.link span {

    display: block;

    line-height: 24px;

    width: 70%;

    height: 70%;

    padding-top: 15%;

    margin: 0 auto;

    overflow: hidden;

}



.sycasemore {

    width: 215px;

    height: 46px;

    float: left;

    line-height: 46px;

    margin-left: 492px;

    font-size: 16px;

    color: #fff;

    margin-top: 50px;

    text-align: center;

    transition: all ease-in-out .5s;

}



.sycasemore a {

    width: 215px;

    height: 46px;

    float: left;

    background: url(../images/more-_1.png) no-repeat;

    line-height: 46px;

    font-size: 16px;

    color: #fff;

    text-align: center;

    transition: all ease-in-out .5s;

}



.sycasemore a:hover {

    width: 215px;

    height: 46px;

    float: left;

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

    line-height: 46px;

    font-size: 16px;

    color: #fff;

    text-align: center;

}









.art-vmenublock-body {

    position: relative;

    padding: 0;

}



.art-vmenublock {

    margin: 0;

}



.art-vmenublockcontent {

    position: relative;

    margin: 0 auto;

    min-width: 1px;

    min-height: 1px;

}



.art-vmenublockcontent-body {

    position: relative;

    padding: 0;

}



.art-vmenublockcontent {

    position: relative;

    margin: 0 auto;

    min-width: 1px;

    min-height: 1px;

}



.art-vmenublockcontent-body {

    position: relative;

    padding: 0;

}



ul.art-vmenu,

ul.art-vmenu li {

    list-style: none;

    width: auto;

    float: left;

    line-height: 0;

}



ul.art-vmenu ul {

    display: none;

}



ul.art-vmenu ul.active {

    display: block;

}



ul.art-vmenu a {

    position: relative;

    display: block;

    overflow: hidden;

    height: 58px;

    cursor: pointer;

    text-decoration: none;

}



ul.art-vmenu li.art-vmenu-separator {

    display: block;

    padding: 0 0 0 0;

    margin: 0;

    font-size: 1px;

}



ul.art-vmenu .art-vmenu-separator-span {

    display: block;

    padding: 0;

    font-size: 1px;

    height: 0;

    line-height: 0;

}



ul.art-vmenu a .r,

ul.art-vmenu a .l {

    position: absolute;

    display: block;

    top: 0;

    height: 118px;

}



ul.art-vmenu a .l {

    left: 0;

    right: 26px;

}



ul.art-vmenu a .r {

    width: 966px;

    right: 0;

    clip: rect(auto, auto, auto, 940px);

}



ul.art-vmenu a .t,

ul.art-vmenu ul a {

    font-family: "微软雅黑";

    font-size: 14px;

}



ul.art-vmenu a .t {

    display: block;

    position: relative;

    top: 0;

    color: rgba(0, 0, 0, 0.6);

    float: left;

    height: 44px;

    line-height: 44px;

    background: #f1f1f1;
    width: 150px;
    font-size: 16px;
    text-align: center;
    margin-right: 10px;
    font-weight: bold;
    margin-left: 10px;

}



ul.art-vmenu a .t em {

    float: left;

}



ul.art-vmenu a.active .l,

ul.art-vmenu a.active .r {}



ul.art-vmenu a.active .t {

    color: #fff;

    background: #1571cf;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */

}



ul.art-vmenu a.active .t em {

    float: left;

}



ul.art-vmenu a.active .t1 {

    color: #ff9000;



}



ul.art-vmenu a:hover .l,

ul.art-vmenu a:hover .r {}



ul.art-vmenu a:hover .t {

    color: #fff;

    background: #1571cf;

    transition: 0.5s;

    -moz-transition: 0.5s;

    -webkit-transition: 0.5s;

    -o-transition: 0.5s;

    transition-timing-function: ease;

    -moz-transition-timing-function: ease;

    /* Firefox 4 */

    -webkit-transition-timing-function: ease;

    /* Safari 和 Chrome */

    -o-transition-timing-function: ease;

    /* Opera */

}



ul.art-vmenu a:hover .t em {

    float: left;

}



ul.art-vmenu ul,

ul.art-vmenu ul li {

    margin: 0;

    padding: 0;

}



ul.art-vmenu ul a {

    display: block;

    white-space: nowrap;

    height: 46px;

    overflow: visible;

    font-weight: normal;

    font-family: "微软雅黑";

    font-size: 12px;

    color: #4b4b4b;



}



ul.art-vmenu ul li {}



ul.art-vmenu ul span,

ul.art-vmenu ul span span {

    display: inline;

    float: none;

    margin: inherit;

    padding: inherit;

    background-image: none;

    text-align: inherit;

    text-decoration: inherit;

}



ul.art-vmenu ul a,

ul.art-vmenu ul a:link,

ul.art-vmenu ul a:visited,

ul.art-vmenu ul a:hover,

ul.art-vmenu ul a:active,

ul.art-vmenu ul span span {

    line-height: 46px;

    color: #333;

    font-size: 14px;

    margin-left: 8.5px;

    height: 46px;

    display: block;

    width: 218px;

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

    text-indent: 10px;

    border-bottom: 1px dashed #d6d6d6;

}



ul.art-vmenu ul {}



ul.art-vmenu ul ul {}



ul.art-vmenu ul li.art-vsubmenu-separator {

    display: block;

    margin: 0;

    font-size: 1px;

    padding: 0 0 0 0;

}



ul.art-vmenu ul .art-vsubmenu-separator-span {

    display: block;

    padding: 0;

    font-size: 1px;

    height: 0;

    line-height: 0;

    margin: 0;

    border: none;

}



ul.art-vmenu ul li.art-vmenu-separator-first {}



ul.art-vmenu ul li li a {

    background-position: 50px 0;

    padding-left: 68px;

}



ul.art-vmenu ul li li li a {

    background-position: 75px 0;

    padding-left: 93px;

}



ul.art-vmenu ul li li li li a {

    background-position: 100px 0;

    padding-left: 118px;

}



ul.art-vmenu ul li li li li li a {

    background-position: 125px 0;

    padding-left: 143px;

}



ul.art-vmenu ul li a.active {

    color: #404040;

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



}



ul.art-vmenu ul li li a.active {

    background-position: 50px -50px;

}



ul.art-vmenu ul li li li a.active {

    background-position: 75px -50px;

}



ul.art-vmenu ul li li li li a.active {

    background-position: 100px -50px;

}



ul.art-vmenu ul li li li li li a.active {

    background-position: 125px -50px;

}



ul.art-vmenu ul li a:hover,

ul.art-vmenu ul li a:hover.active {

    color: #404040;

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

}



ul.art-vmenu ul li li a:hover,

ul.art-vmenu ul li li a:hover.active {

    background-position: 50px -25px;

}



ul.art-vmenu ul li li li a:hover,

ul.art-vmenu ul li li li a:hover.active {

    background-position: 75px -25px;

}



ul.art-vmenu ul li li li li a:hover,

ul.art-vmenu ul li li li li a:hover.active {

    background-position: 100px -25px;

}



ul.art-vmenu ul li li li li li a:hover,

ul.art-vmenu ul li li li li li a:hover.active {

    background-position: 125px -25px;

}



.add_ly {

    width: 280px;

    height: auto;

    float: left;

    margin-left: 5px;

    background: #f0f4f7;

    padding-top: 15px;

    padding-bottom: 10px;

    margin-bottom: 6px;

}



/*服务流程*/

.fw_box {

    width: 100%;

    height: auto;

    float: left;

    padding-bottom: 30px;

}



.fw_in {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.fw_ti {

    width: 100%;

    height: auto;

    float: left;

    text-align: center;

    margin-top: 50px;

}



.fw_list {

    width: 100%;

    height: auto;

    float: left;



}



.fw_list li {

    width: 284px;

    height: 192px;

    margin-bottom: 22px;

    float: left;

    position: relative;

    margin-right: 20.5px;

}



.fw_list li:nth-child(4n+4) {

    width: 284px;

    height: 192px;

    margin-bottom: 22px;

    float: right;

    margin-right: 0px;

}



.fw_list li img {

    width: 284px;

    height: 192px;

}



.fw_list li p {

    width: 100%;

    height: 40px;

    text-align: center;

    position: absolute;

    line-height: 40px;

    color: #fff;

    left: 0px;

    bottom: 0px;

    background: rgb(0, 0, 0, 0.5);

    font-size: 16px;

}



/*服务支持*/

.zhichi_box {

    width: 100%;

    height: 640px;

    float: left;

    background: url(../images/fuwu_bg_1.jpg) no-repeat 50% 0;

    background-size: 100% 100%;

}



.zhichi_in {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.zhi_l {

    width: 695px;

    height: 340px;

    float: left;

    margin-top: 30px;

    background: #fff;

}



.zhi_img {

    width: 295px;

    height: auto;

    float: left;

}



.zhi_img img {

    width: 295px;

    height: 340px;

}



.zhi_txt {

    width: 325px;

    height: auto;

    float: left;

    margin-left: 45px;

    margin-top: 45px;

}



.zhi_ti {

    width: 100%;

    height: auto;

    float: left;

    line-height: 30px;

    padding-bottom: 10px;

    border-bottom: 1px solid #e7e7e7;

}



.zhi_ti span {

    float: left;

    font-size: 24px;

    color: #333;

}



.zhi_ti font {

    float: left;

    font-size: 16px;

    color: #999;

    margin-left: 5px;

}



.zhi_txt p {

    width: 100%;

    height: auto;

    float: left;

    font-size: 16px;

    color: #333;

    margin-top: 20px;

    line-height: 30px;

}



.zhi_txt p a {



    color: #1862cb;



}



.zhi_r {

    width: 460px;

    height: 340px;

    float: right;

    margin-top: 30px;

    background: #fff;

}



.zhi_rin {

    width: 340px;

    height: auto;

    margin: 30px auto;

}



.zhi_list {

    width: 100%;

    height: auto;

    float: left;

}



.zhi_list li {

    width: 49%;

    height: 129px;

    float: left;

    border-right: 1px solid #e7e7e7;

    border-bottom: 1px solid #e7e7e7;

    text-align: center;

    line-height: 50px;

}



.zhi_list li:nth-child(2) {

    width: 49%;

    height: 129px;

    float: left;

    border-right: 0;

    text-align: center;

    line-height: 50px;

}



.zhi_list li:nth-child(3) {

    width: 49%;

    height: 129px;

    float: left;

    border-right: 1px solid #e7e7e7;

    border-bottom: 0;

    text-align: center;

    line-height: 50px;

}



.zhi_list li:nth-child(3) img {

    padding-top: 20px;

}



.zhi_list li:nth-child(4) img {

    padding-top: 20px;

}



.zhi_list li:nth-child(4) {

    width: 49%;

    height: 129px;

    float: left;

    border-bottom: 0;

    border-right: 0;

    text-align: center;

    line-height: 50px;

}



.zhi_list li a {

    width: 100%;

    height: auto;

    float: left;

    color: #333;

    font-size: 16px;

}





/*热销产品*/

.hot_box {

    width: 100%;

    height: auto;

    float: left;

    background: #f6f6f6;

    padding-bottom: 40px;

}



.hot_in {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.hot_ti {

    width: 100%;

    height: auto;

    float: left;

    text-align: center;

    margin-top: 15px;

}



#fczs_main {

    height: auto;

}



.left1 {

    position: absolute;

    z-index: 99;

    left: -45px;

    top: 45%;

}



.right1 {

    float: left;

    position: absolute;

    z-index: 99;

    right: -45px;

    top: 45%;

}



.i_product_nr {

    position: relative;

    float: left;

    width: 100%;



}



#fczs_gd {

    width: 1200px;

    height: auto;

    float: left;

    overflow: hidden;

}



#fczs_gd ul {

    width: 1235px;

    height: auto;

}



#fczs_gd ul li {

    width: 288px;

    height: 328px;

    float: left;

    text-align: center;

    margin-right: 20px;

    margin-bottom: 20px;

    line-height: 46px;

}



#fczs_gd ul li a {

    width: 288px;

    height: 328px;

    background: #eee;

    float: left;

    color: #333;

    font-size: 14px;

}



#fczs_gd ul li a:hover {

    width: 288px;

    height: 328px;

    float: left;

    background: #0054bd;

    color: #fff;

}



#fczs_gd ul li img {

    width: 288px;

    height: 281px;

}



/*我们的优势*/

.bg2 {

    width: 100%;

    height: 632px;

    float: left;

    background: url(../images/section_bg_1.jpg) no-repeat 50% 0;

    background-size: 100% 100%;

    color: #fff;

}



.pe_in {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.pe_ti {

    width: 100%;

    min-height: 50px;

    height: auto;

    font-weight: bold;

    float: left;

    font-size: 30px;

    text-align: center;

    margin-top: 50px;

    padding-bottom: 10px;

    background: url(../images/zhi_bg_1.jpg) no-repeat 50% bottom;

}



.pe_ti span {

    color: #fff;

    width: 100%;

    float: left;

    font-size: 36px;

    font-weight: bold;

    line-height: 50px;

}





.pe_ti i {

    color: #fff;

    font-size: 16px;

    font-family: "Arial";

    font-style: normal;

    width: 100%;

    float: left;

    line-height: 30px;

    font-weight: normal;

}





.tel_box {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 60px;

}



.tel_bin {

    width: 340px;

    height: auto;

    margin: 0 auto;

}



.tel_bin h1 {

    width: 340px;

    height: auto;

    float: left;

    background: url(../images/tel_1.png) no-repeat 30px center;

    text-indent: 90px;

    font-size: 30px;

    font-weight: normal;

}



.tel_bin h2 {

    width: 340px;

    height: auto;

    float: left;

    text-align: center;

    color: #fff;

    font-weight: normal;

    font-size: 60px;

    line-height: 100px;

}



.tel_bin p {

    width: 340px;

    height: auto;

    float: left;

    text-align: center;



}





.in-rz {

    margin-left: -82px;

    margin-top: 60px;

    float: left;

}



.in-rz li {

    float: left;

    width: 131px;

    margin-left: 82px;

}



.in-rz li .wrap {

    display: table;

    width: 100%;

    height: 131px;

    position: relative;

}



.in-rz li .wrap:before {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: '';

    background: url(../images/rzico_1.png) no-repeat 0 0;

    -webkit-transition: all 0.5s;

    transition: all 0.5s;

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

}



.in-rz li .inner {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    padding: 0 25px;

}



.in-rz li .inner p {

    margin: 0;

    font-size: 12px;

}



.in-rz li:nth-child(2) .wrap:before {

    background-position: -214px 0;

}



.in-rz li:nth-child(3) .wrap:before {

    background-position: -427px 0;

}



.in-rz li:nth-child(4) .wrap:before {

    background-position: -642px 0;

}



.in-rz li:nth-child(5) .wrap:before {

    background-position: -855px 0;

}



.in-rz li:nth-child(6) .wrap:before {

    background-position: -1068px 0;

}



.in-rz li .wrap:hover:before {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

}



/*广告条*/

.ad_bg {

    width: 100%;

    height: 180px;

    float: left;

    background: url(../images/ad_bg_1.jpg) no-repeat 50% 0;

    background-size: 100% 100%;

}



.ad_bgin {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.ad_bl {

    width: 782px;

    height: auto;

    float: left;

}



.ad_bl h1 {

    width: 100%;

    height: auto;

    float: left;

    font-size: 36px;

    color: #fff;

    margin-top: 50px;

}



.ad_bl h2 {

    width: 100%;

    height: auto;

    float: left;

    font-size: 18px;

    color: #fff;

    margin-top: 15px;

    font-weight: normal;

    font-family: arial;

}



.ad_bl p {

    width: 100%;

    height: auto;

    float: left;

    color: #fff;

    font-size: 20px;

    font-family: "宋体";

    line-height: 35px;

    margin-top: 25px;



}





.ad_br {

    width: 270px;

    height: auto;

    float: right;

    margin-top: 60px;

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

}



.ad_br p {

    width: 200px;

    height: auto;

    float: right;

    font-size: 26px;

    color: #fff;

    line-height: 35px;

    font-weight: bold;

    font-family: "arial";

}



.ad_br h1 {

    width: 200px;

    height: auto;

    float: right;

    font-size: 14px;

    color: #fff;

    line-height: 35px;

    font-weight: normal;



}



.fa_box {

    width: 100%;

    height: auto;

    float: left;

    background: url(../images/you_bg_1.jpg) no-repeat;

    background-size: 100% 100%;



}



.fa_in {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.fa_ti {

    width: 100%;

    height: 151px;

    float: left;

    margin-top: 60px;

    text-align: center;

    background: url(../images/si_ti_1.png) no-repeat 50% 0;

}



.fa_list {

    width: 100%;

    height: 350px;

    float: left;

    margin-top: 10px;

}



.add_top110 {

    margin-top: 110px;

}



.add_top80 {

    margin-top: 80px;

}



.add_top30 {

    margin-top: 30px;

}



.fa_l {

    width: 550px;

    height: auto;

}



.f_l {

    float: left;

}



.f_r {

    float: right;

}



.fa_r {

    width: 550px;

    height: auto;

}



.fa_r img {

    max-width: 100%;

    max-height: 100%;

}



.fa_la {

    width: 100%;

    height: auto;

    float: left;

    border-bottom: 1px solid #e3e3e3;

}



.fa_la span {

    width: 59px;

    height: 59px;

    float: left;

    background: url(../images/01_bg_1.jpg) no-repeat;

    text-align: center;

    line-height: 59px;

    color: #fff;

    font-size: 36px;

    font-weight: bold;

    font-family: "Arial";

}



.fa_la0 {

    width: 470px;

    height: auto;

    float: right;

}



.fa_la0 h1 {

    width: 100%;

    height: auto;

    float: left;

    font-size: 26px;

    color: #333;

    line-height: 35px;

    font-weight: bold;

}



.fa_la0 h2 {

    width: 100%;

    height: auto;

    float: left;

    font-size: 12px;

    color: #999;

    line-height: 25px;

    padding-bottom: 5px;

    font-weight: normal;

}



.fa_l p {

    width: 100%;

    height: auto;

    float: left;

    font-size: 14px;

    margin-top: 20px;

}





/*关于我们*/

.about_box {

    width: 100%;

    height: auto;

    position: relative;

    float: left;

}



.about_bina {

    width: 1462px;

    height: auto;

    margin: 0 auto;

}



.about_bg {

    width: 100%;

    height: auto;

    position: relative;

    float: left;

}



.com_text {

    width: 731px;

    height: 509px;

    background: url(../images/about2_1.jpg) no-repeat;

    float: left;

}



.com_text p {

    width: 80%;

    height: auto;

    float: left;

    margin-left: 10%;

    line-height: 35px;

    font-family: "微软雅黑";

    font-size: 18px;

    color: #bbbbbb;

    margin-top: 48px;

}



.com_text h2 {

    width: 100%;

    height: auto;

    float: left;

    font-weight: normal;

}



.com_text h2 a {

    font-size: 14px;

    color: #fff;

    width: 165px;

    height: 38px;

    float: left;

    line-height: 38px;

    background: url(../images/more_bg_1.jpg) no-repeat;

    text-indent: 30px;

    margin-top: 50px;

}



.com_img {

    width: 731px;

    height: 509px;

    float: left;

}



.com_img img {

    width: 731px;

    height: 509px;

}









/*工程案例*/

.hezuo_box {

    width: 100%;

    height: auto;

    float: left;

    background: #f6f6f6;

    padding-top: 60px;

    padding-bottom: 50px;

}



.hezuo_in {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.hezuo_ti {

    width: 100%;

    height: auto;

    float: left;

    text-align: center;

}



#pro_gd {

    width: 1200px;

    height: 259px;

    margin-top: 50px;

    float: left;

    overflow: hidden;

}



#pro_gd ul {

    width: 1999px;

    height: 259px;

}



#pro_gd ul li {

    width: 283px;

    height: 259px;

    float: left;

    text-align: center;

    margin-right: 22px;

    line-height: 48px;

}



#pro_gd ul li a {

    width: 283px;

    height: 259px;

    background: #eee;

    float: left;

    color: #333;

    font-family: "微软雅黑";

    font-size: 14px;

}



#pro_gd ul li a:hover {

    width: 283px;

    height: 259px;

    float: left;

    background: #38517b;

    color: #fff;

}



#pro_gd ul li img {

    width: 283px;

    height: 211px;

}



.news_box {

    width: 100%;

    height: auto;

    float: left;

    background: #fff;

    margin-top: 50px;

    padding-bottom: 50px;

}



.news_in {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}



.news_l {

    width: 730px;

    height: 470px;

    float: left;

    background: #fff;

}



.news1 {

    width: 316px;

    height: auto;

    float: left;

}





.news_tia {

    width: 100%;

    height: auto;

    float: left;

    text-align: center;

    margin-bottom: 45px;

}



.news_img {

    width: 408px;

    height: 384px;

    float: left;

    background: url(../images/news_img.jpg) no-repeat;

    background-size: 100% 100%;

}



.news_img h1 {

    height: auto;

    width: 100%;

    float: left;

    text-indent: 30px;

    margin-top: 80px;

    font-size: 36px;

    color: #fff;

    font-weight: normal;

}



.news_img p {

    height: auto;

    float: left;

    width: 100%;

    text-indent: 30px;

    margin-top: 5px;

    font-size: 16px;

    color: #fff;

    font-weight: normal;

}



.news_img a {

    height: 33px;

    float: left;

    width: 106px;

    border: 1px solid #fff;

    border-radius: 30px;

    line-height: 33px;

    text-align: center;

    color: #fff;

    font-size: 14px;

    margin-left: 30px;

    margin-top: 70px;

}



.news_text {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 20px;

}



.news_top {

    width: 100%;

    height: auto;

    float: left;

    position: relative;

}



.news_pho {

    width: 316px;

    height: 141px;

    float: left;

}



.news_pho img {

    width: 316px;

    height: 141px;

}



.news_wen {

    width: 315px;

    height: auto;

    float: left;

    padding-top: 5px;

    padding-bottom: 5px;

    border-bottom: 1px solid #f3f3f3;

    border-right: 1px solid #f3f3f3;

}



.tu1 {

    width: 48px;

    height: 50px;

    float: left;

}



.tu2 {

    width: 10px;

    height: 50px;

    float: left;

}



.news_ti {

    width: 211px;

    height: auto;

    float: left;

    margin-top: 10px;

}



.news_ti a {

    width: 100%;

    height: auto;

    float: left;

    color: #333;

    font-size: 14px;

}



.news_time {

    width: 100%;

    height: auto;

    float: left;

    font-size: 12px;

    color: #333;

    line-height: 25px;

}



.news_wen p {

    width: 100%;

    height: auto;

    float: left;

    font-size: 14px;

    color: #666;

    margin-top: 20px;

    line-height: 28px;

}



.news_down {

    width: 315px;

    height: auto;

    float: left;

    border-right: 1px solid #f3f3f3;

}



.news_down p {

    width: 100%;

    height: auto;

    line-height: 32px;

    color: #333;

    float: left;

    font-size: 14px;

}



.news_down li {

    width: 100%;

    height: auto;

    float: left;

    line-height: 32px;

}



.news_down li a {

    width: 100%;

    height: auto;

    float: left;

    color: #333;

    font-size: 14px;

}



.news_down li a:hover {

    width: 100%;

    height: auto;

    float: left;

    color: #ff9000;

    font-size: 14px;

}



.news_down li a span {

    float: left;

}



.news_down li a font {

    float: right;

}



.news2 {

    width: 389px;

    height: auto;

    float: left;

    margin-left: 35px;

    color: #333333;

}



.news2 h1 {

    width: 100%;

    height: auto;

    line-height: 32px;

    color: #333;

    font-weight: normal;

    float: left;

    font-size: 20px;

}



.news2 .newtits {

    width: 389px;

    height: 103px;

    margin-top: 8px;

    float: left;

    background: url(../images/news3_1.jpg) no-repeat;

    margin-bottom: 8px;

}



.newtits .p1 {

    width: 283px;

    height: 24px;

    font-size: 17px;

    line-height: 24px;

    float: right;

    padding-right: 12px;

    padding-top: 15px;

}



.newtits p {

    width: 283px;

    height: auto;

    line-height: 32px;

    color: #333;

    float: right;

    padding-right: 12px;

    font-size: 12px;

}



.newtits .timed {

    width: 283px;

    height: auto;

    line-height: 25px;

    color: #666;

    float: right;

    padding-right: 12px;

    font-size: 12px;

}



.newtits .timed span {

    float: left;

}



.newtits .timed a {

    float: right;

    font-size: 12px;

    color: #999;

}



.news_down1 {

    width: 100%;

    height: auto;

    float: left;

}



.news_down1 li {

    width: 100%;

    height: auto;

    float: left;

    line-height: 32px;

}



.news_down1 li a {

    width: 100%;

    height: auto;

    float: left;

    color: #333;

    font-size: 14px;

}



.news_down1 li a:hover {

    width: 100%;

    height: auto;

    float: left;

    color: #ff9000;

    font-size: 14px;

}



.news_down1 li a span {

    float: left;

}



.news_down1 li a font {

    float: right;

}



.synewsline {

    width: 80px;

    height: 339px;

    float: left;

    background: url(../images/news4_1.jpg) center no-repeat;

}



.sycontact {

    width: 350px;

    height: auto;

    padding-top: 37px;

    line-height: 58px;

    font-size: 18px;

    color: #333333;

    float: left;

}



.sycontact h1 {

    width: 100%;

    height: auto;

    font-size: 18px;

    color: #333333;

    float: left;

    font-weight: normal;

}



.sycontact h1 span {

    font-size: 13px;

    color: #0a5caa;

}



.sycontact p input {

    width: 350px;

    height: 40px;

    font-size: 14px;

    color: #333333;

    float: left;

    text-indent: 10px;

    margin-top: 10px;

    font-weight: normal;

}



.sycontact h2 textarea {

    width: 350px;

    height: 40px;

    font-size: 14px;

    color: #333333;

    float: left;

    font-family: "微软雅黑";

    margin-top: 10px;

    font-weight: normal;

}



.sycontact h3 input {

    width: 350px;

    height: 40px;

    font-size: 14px;

    color: #fff;

    float: left;

    background: #023f90;

    font-family: "微软雅黑";

    margin-top: 10px;

    font-weight: normal;

    border: 0;

}



.pin_box {

    width: 100%;

    height: auto;

    padding-bottom: 40px;

    float: left;

}



.pin_in {

    width: 1200px;

    height: auto;

    margin: 0 auto;

}







.zhuying {

    width: 100%;

    height: auto;

    float: left;

    color: #575757;

    line-height: 25px;

    font-size: 12px;

}



.link_r {

    float: left;

}



.link_r a {

    color: #333;

    font-size: 14px;

    line-height: 30px;

    padding-left: 20px;

    padding-right: 20px;

}



.link_r a:hover {

    color: #666;

}









/* 内容三部分 */

.main_top {

    width: 1002px;

    height: auto;

    float: left;

}



.top_r {

    width: 670px;

    height: auto;

    float: left;

}



.top_c {

    width: 295px;

    height: auto;

    float: right;

}



.main_ti {

    width: 674px;

    height: 35px;

    float: left;

    background: #fff url(../images/nav_menu_1.jpg) repeat-x;

    line-height: 35px;

    border-right: 1px solid #ebebeb;

}



.main_ti span {

    width: 164px;

    height: 35px;

    float: left;

    background: url(../images/span_bg.jpg) no-repeat;

    text-indent: 15px;

    font-size: 16px;

    font-weight: bold;

    color: #feffff;

    font-family: "微软雅黑";

}



.main_ti span i {

    font-family: "宋体";

    font-size: 8px;

    color: #feffff;

    font-style: normal;

    padding-left: 5px;

    font-weight: normal;

}



.main_ti em {

    color: #1f9819;

    font-style: normal;

    font-family: "微软雅黑";

    font-size: 10px;

    float: right;

    margin-right: 10px;

}



.main_ti em a {

    color: #1f9819;

}



.main_ti em a:hover {

    color: #000;

}



.main_ti1 {

    width: 100%;

    height: auto;

    float: left;

    line-height: 54px;

    border-bottom: 1px solid #d9d9d9;

}



.main_ti1 span {

    float: left;

    border-bottom: 5px solid #0054bd;

    text-align: center;

    font-size: 22px;

    font-weight: bold;

    color: #000;

    font-family: "微软雅黑";

}



.main_ti1 em {

    color: #333;

    font-style: normal;

    font-family: "微软雅黑";

    font-size: 10x;

    float: right;

}



.nav_ti {

    width: 100%;

    height: auto;

    float: left;

    line-height: 64px;

    text-align: center;

    font-size: 30px;

    color: #333;

    margin-top: 30px;

    font-weight: bold;

    background: url(../images/ti_1.jpg) no-repeat 50% bottom;

}

.loca_ti{
    width: 100%;
    height: auto;
    float: left;
    line-height: 60px;
    border-bottom: 1px solid #efefef;
}
.loca_tin{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    color: #333;
    font-size: 14px;
}
.loca_tin a{
    color: #333;
}

.fen_box {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 40px;

}







.widget {

    margin-bottom: 20px;

    width: 290px;

    float: left;

    background: #1862cb;

}



.wid_box {

    width: 270px;

    height: auto;

    float: left;

    background: #fff;

    padding-top: 10px;

    padding-bottom: 30px;

    margin-left: 10px;

    margin-bottom: 10px;

}



.wid_box p {

    float: left;

    width: 96%;

    font-family: "微软雅黑";

    font-size: 14px;

    height: auto;

    margin-left: 2%;

    color: #000;

    line-height: 30px;

}



.pro_left {

    width: 676px;

    height: auto;

    float: left;

}



.pro_in {

    width: 674px;

    height: auto;

    float: left;

    background: #fff;

    border-top: none;

    border: 1px solid #ebebeb;

}



.pro_sty {

    width: 685px;

    height: auto;

    float: left;

    margin-left: 14px;

    position: relative;

    z-index: 99;

    margin-top: 14px;

}



.pro_sty li {

    width: 100px;

    height: 42px;

    float: left;

    margin-right: 9px;

    line-height: 42px;

    list-style: none;

}



.pro_sty li a {

    width: 100px;

    height: 42px;

    float: left;

    background: url(../images/p_bg.jpg) no-repeat 50% center;

    color: #333;

    font-family: "宋体";

    font-size: 12px;

    text-align: center;

}



.pro_sty li a:hover {

    width: 100px;

    height: 42px;

    float: left;

    background: url(../images/p_hover.jpg) no-repeat 50% center;

    color: #fff;

}





.indexCaseList1 {

    width: 100%;

    height: auto;

    *float: left;

    *width: 285px;

    *margin-left: 15px;

}



.indexCaseItem1 {

    width: 285px;

    float: left;

    display: inline;

    position: relative;

    margin-right: 16px;

}



.indexCaseItem1 p {

    position: relative;

    width: 275px;

    height: 241px;

    overflow: hidden;

    cursor: pointer;

    text-align: center;

    font-size: 20px;

    color: #fff;

}



.indexCaseItem1 p img {

    float: left;

    width: 275px;

    height: 241px;

}



.indexCaseItem1 h3 {

    position: relative;

    width: 250px;

    height: 40px;

    margin-left: 20px;

    float: left;

    font-family: "微软雅黑";

    font-size: 16px;

    line-height: 50px;

}



.indexCaseItem1 h3 a {

    color: #333;

    font-family: "微软雅黑";

    font-size: 16px;

    width: 250px;

    float: left;

    height: 40px;

    background: url(../images/case_bottom_1.jpg) no-repeat 50% bottom;

}



.indexCaseItem1 h3 a:hover {

    color: #333;

}



.indexCaseItem1 h4 {

    position: relative;

    width: 250px;

    height: 90px;

    padding-top: 10px;

    margin-left: 20px;

    float: left;

    font-family: "微软雅黑";

    font-weight: normal;

    font-size: 14px;

    color: #333;

    line-height: 25px;

}



.indexCaseItem1 h5 {

    position: relative;

    width: 250px;

    height: auto;

    margin-left: 20px;

    margin-top: 20px;

    float: left;

}



.indexCaseItem1 h5 a {

    color: #333;

    font-family: "微软雅黑";

    font-size: 16px;

    width: 101px;

    float: left;

    height: 32px;

    background: url(../images/more1_1.jpg) no-repeat;

}



.indexCaseItem1 h5 a:hover {

    width: 101px;

    float: left;

    height: 32px;

    background: url(../images/more2_1.jpg) no-repeat;

}



.indexCaseList1 a.link {

    position: absolute;

    display: block;

    left: 8px;

    margin-top: 8px;

    color: #fff;

    font-size: 20px;

    text-align: center;

    top: 100%;

    width: 100%;

    height: 100%;

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

}



.indexCaseList1 a.link span {

    display: block;

    line-height: 24px;

    width: 70%;

    height: 70%;

    padding-top: 15%;

    margin: 0 auto;

    overflow: hidden;

}



.you_box {

    width: 100%;

    height: 740px;

    float: left;

    background: url(../images/you_1.jpg) no-repeat 50% 0;

    background-size: 100% 100%;

}



.you_in {

    width: 1300px;

    height: auto;

    margin: 0 auto;

}



.pro_ti1 {

    width: 100%;

    height: 120px;

    float: left;

    text-align: center;

    margin-top: 45px;

    margin-bottom: 30px;



}



.pro_ti1 span {

    width: 100%;

    height: auto;

    float: left;

    font-size: 36px;

    font-weight: bold;

    color: #fff;

}



.pro_ti1 font {

    width: 100%;

    height: auto;

    float: left;

    font-size: 14px;

    color: #fff;

    margin-top: 20px;

}



.pro_ti1 i {

    width: 100%;

    height: auto;

    margin-top: 15px;

    float: left;

    text-align: center;

}



.rollBox {

    width: 1300px;

    height: auto;

    float: left;

    position: relative;

}



.rollBox .LeftBotton {

    height: 65px;

    width: 24px;

    background: url(../images/prev_1.png) no-repeat 0px 0;

    margin-top: 105px;

    overflow: hidden;

    float: left;

    display: inline;

    cursor: pointer;

}



.rollBox .RightBotton {

    height: 65px;

    width: 24px;

    background: url(../images/next_1.png) no-repeat 0px 0;

    overflow: hidden;

    float: right;

    margin-top: 105px;

    display: inline;

    cursor: pointer;

}



.rollBox .Cont {

    width: 1200px;

    overflow: hidden;

    float: left;

    position: relative;

    margin-left: 26px;

}



.rollBox .ScrCont {

    width: 10000000px;

}



.rollBox .Cont .pic {

    width: 300px;

    float: left;

    height: 465px;

    transition: all 0.4s linear 0s;

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

}



.pic .you_name {

    width: 100%;

    float: left;

    height: auto;

    text-align: center;

    font-size: 20px;

    margin-top: 20px;

    color: #fff;

    padding-bottom: 10px;

    background: url(../images/you_line_1.jpg) no-repeat 50% bottom;

}



.pic .you_txt {

    width: 90%;

    float: left;

    height: auto;

    margin-left: 5%;

    text-align: center;

    font-size: 14px;
    margin-top: 10px;
    color: #fff;
    line-height: 26px;
    display: none;

}



.pic:hover .you_txt {

    width: 90%;

    float: left;

    height: auto;

    margin-left: 5%;

    text-align: center;

    font-size: 14px;

    margin-top: 10px;

    color: #fff;

    line-height: 26px;

    display: block;

}



.rollBox .Cont .pic:hover {

    width: 300px;

    float: left;

    transition: all 0.4s linear 0s;

    height: 465px;

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

}





.rollBox .Cont .pic img {

    display: block;

    float: left;

    width: 300px;

    height: 275px;

}







.rollBox #List1,

.rollBox #List2 {

    float: left;

}



.content3 {

    width: 100%;

    height: auto;

    float: left;

    position: relative;



}



.con {

    width: 268px;

    height: 228px;

    float: left;

    margin-bottom: 27px;

    position: relative;

    margin-left: 26px;

    cursor: pointer;

    overflow: hidden;

}



.con img {

    width: 268px;

    height: 228px;

    border: 1px solid #e3e3e3;

}



.txt {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 40px;

    line-height: 40px;

    overflow: hidden;

    color: #fff;

    background: rgba(0, 0, 0, 0.6);

}



.txt h3 {

    text-align: center;

    font-size: 16px;

    font-weight: normal;

    float: left;

    width: 100%;



}





.txt p {

    font-size: 13px;

    display: block;

    padding-top: 34px;

    height: auto;

    margin: 0;

    width: 268px;

    float: left;

    line-height: 40px;



}



.txt span {

    width: 268px;

    padding-top: 16px;

    float: left;

    height: auto;

}



.txt span a {

    width: 268px;

    float: left;

    height: auto;

    text-align: center;

}



.txt span a img {

    width: 268px;

    height: 228px;

}







.main_right1 {

    width: 100%;

    height: auto;

    float: left;

}

/*新增特殊功能室*/
.teshu {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 50px;
    padding-bottom: 100px;
}

.teshu li {
    width: 570px;
    height: 240px;
    margin-bottom: 40px;
    float: left;
    border: 1px solid #efefef;
}

.teshu li .teshu_l {
    width: 280px;
    height: auto;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
}

.teshu li .teshu_l h1 {
    width: 100%;
    height: auto;
    float: left;
    font-size: 18px;
    line-height: 50px;
    color: #434343;
}

.teshu li .teshu_l p {
    width: 100%;
    height: auto;
    float: left;
    min-height: 80px;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.teshu li .teshu_l a {
    width: 138px;
    height: 38px;
    float: left;
    font-size: 14px;
    background: #e5e5e5;
    border-radius: 5px;
    line-height: 38px;
    text-align: center;
    margin-top: 30px;
}
.teshu li .teshu_r{
    width: 219px;
    height: 219px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}
.teshu li .teshu_r img{
    width: 219px;
    height: 219px;
}



.teshu li:nth-child(2n+2) {
    width: 570px;
    height: 240px;
    float: right;
    border: 1px solid #efefef;
}
.teshu1{
    width: 100%;
    height: auto;
    float: left;
    padding-top: 50px;
    padding-bottom: 100px;
}
.teshu1 li{
    width: 221px;
    height: auto;
    float: left;
    margin-right: 23.5px;
    margin-bottom: 40px;
}
.teshu1 li:nth-child(5n+5){
    width: 221px;
    height: auto;
    float: right;
    margin-right: 0px;
}
.teshu1 li a{
    width: 221px;
    height: auto;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 60px;
    font-weight: bold;
    background: #f1f1f1;
}
.teshu1 li a:hover{
    width: 221px;
    height: auto;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background: #1571cf;
}
.teshu1 li a img{
    width: 219px;
    height: 219px;
    float: left;

    border:1px solid #efefef;
}




/*新增产品中心*/
.chan_nlist {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 30px;
    padding-bottom: 100px;
}

.chan_nlist li {
    width: 200px;
    height: 200px;
    float: left;
}

.chan_nlist li a {
    width: 196px;
    height: 196px;
    float: left;
    background: #fff;
    border: 2px solid #ecf1f4;
}

.chan_nlist li a .chan1 {
    width: 100%;
    height: 130px;
    float: left;
    margin-top: 20px;
    background: url(../images/chan1_1.png) no-repeat 50% 0;
}

.chan_nlist li a:hover .chan1 {
    width: 100%;
    height: 130px;
    float: left;
    transition: all 0.4s linear 0s;
    background: url(../images/chan1a_1.png) no-repeat 50% 0;
}

.chan_nlist li a .chan2 {
    width: 100%;
    height: 130px;
    float: left;
    margin-top: 20px;
    background: url(../images/chan2_1.png) no-repeat 50% 0;
}

.chan_nlist li a:hover .chan2 {
    width: 100%;
    height: 130px;
    float: left;
    transition: all 0.4s linear 0s;
    background: url(../images/chan2a_1.png) no-repeat 50% 0;
}

.chan_nlist li a .chan3 {
    width: 100%;
    height: 130px;
    float: left;
    margin-top: 20px;
    background: url(../images/chan3_1.png) no-repeat 50% 0;
}

.chan_nlist li a:hover .chan3 {
    width: 100%;
    height: 130px;
    float: left;
    transition: all 0.4s linear 0s;
    background: url(../images/chan3a_1.png) no-repeat 50% 0;
}

.chan_nlist li a .chan4 {
    width: 100%;
    height: 130px;
    float: left;
    margin-top: 20px;
    background: url(../images/chan4_1.png) no-repeat 50% 0;
}

.chan_nlist li a:hover .chan4 {
    width: 100%;
    height: 130px;
    float: left;
    transition: all 0.4s linear 0s;
    background: url(../images/chan4a_1.png) no-repeat 50% 0;
}

.chan_nlist li a .chan5 {
    width: 100%;
    height: 130px;
    float: left;
    margin-top: 20px;
    background: url(../images/chan5_1.png) no-repeat 50% 0;
}

.chan_nlist li a:hover .chan5 {
    width: 100%;
    height: 130px;
    float: left;
    transition: all 0.4s linear 0s;
    background: url(../images/chan5a_1.png) no-repeat 50% 0;
}

.chan_nlist li a .chan6 {
    width: 100%;
    height: 130px;
    float: left;
    margin-top: 20px;
    background: url(../images/chan6_1.png) no-repeat 50% 0;
}

.chan_nlist li a:hover .chan6 {
    width: 100%;
    height: 130px;
    float: left;
    transition: all 0.4s linear 0s;
    background: url(../images/chan6a_1.png) no-repeat 50% 0;
}

.chan_nlist li a .chan7 {
    width: 100%;
    height: 130px;
    float: left;
    margin-top:20px;
    background: url(../images/chan7_1.png) no-repeat 50% 0;
}

.chan_nlist li a:hover .chan7 {
    width: 100%;
    height: 130px;
    float: left;
    transition: all 0.4s linear 0s;
    background: url(../images/chan7a_1.png) no-repeat 50% 0;
}

.chan_nlist li a .chan8 {
    width: 100%;
    height: 130px;
    float: left;
    margin-top: 20px;
    background: url(../images/chan8_1.png) no-repeat 50% 0;
}

.chan_nlist li a:hover .chan8 {
    width: 100%;
    height: 130px;
    float: left;
    transition: all 0.4s linear 0s;
    background: url(../images/chan8a_1.png) no-repeat 50% 0;
}

.chan_nlist li a .chan9 {
    width: 100%;
    height: 130px;
    float: left;
    margin-top: 20px;
    background: url(../images/chan9_1.png) no-repeat 50% 0;
}

.chan_nlist li a:hover .chan9 {
    width: 100%;
    height: 130px;
    float: left;
    transition: all 0.4s linear 0s;
    background: url(../images/chan9a_1.png) no-repeat 50% 0;
}

.chan_nlist li a .chan10 {
    width: 100%;
    height: 130px;
    float: left;
    margin-top: 20px;
    background: url(../images/chan10_1.png) no-repeat 50% 0;
}

.chan_nlist li a:hover .chan10 {
    width: 100%;
    height: 130px;
    float: left;
    transition: all 0.4s linear 0s;
    background: url(../images/chan10a_1.png) no-repeat 50% 0;
}

.chan_nlist li a .chan11 {
    width: 100%;
    height: 130px;
    float: left;
    margin-top: 20px;
    background: url(../images/chan11_1.png) no-repeat 50% 0;
}

.chan_nlist li a:hover .chan11 {
    width: 100%;
    height: 130px;
    float: left;
    transition: all 0.4s linear 0s;
    background: url(../images/chan11a_1.png) no-repeat 50% 0;
}

.chan_nlist li a .chan12 {
    width: 100%;
    height: 130px;
    float: left;
    margin-top: 20px;
    background: url(../images/chan12_1.png) no-repeat 50% 0;
}

.chan_nlist li a:hover .chan12 {
    width: 100%;
    height: 130px;
    float: left;
    transition: all 0.4s linear 0s;
    background: url(../images/chan12a_1.png) no-repeat 50% 0;
}

.chan_nlist li a .name {
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 40px;
}

.chan_nlist li a:hover .name {

    color: #136fe4;

}

.fuwu {

    width: 304px;

    height: auto;

    float: left;

}



.con_box {

    width: 304px;

    height: auto;

    float: left;

    margin-top: 20px;

}



.con_ta {

    border: 1px solid #ebebeb;

    border-top: none;

    padding-bottom: 14px;

    width: 302px;

    height: auto;

    background: #fff;

    float: left;

}



.con_ta h1 {

    width: 302px;

    height: auto;

    float: left;

    text-align: center;

}



.con_ta p {

    width: 302px;

    height: auto;

    float: left;

    text-indent: 18px;

    color: #333;

    font-family: "宋体";

    font-size: 12px;

    line-height: 25px;

}



.pro_right {

    width: 304px;

    height: auto;

    float: right;

}



.main_pei {

    width: 1002px;

    height: auto;

    float: left;

    margin-top: 20px;

}



.pei_ti {

    width: 1002px;

    height: 35px;

    float: left;

    background: #fff url(../images/nav_menu_1.jpg) repeat-x;

    line-height: 35px;

    border-right: 1px solid #ebebeb;

}



.pei_ti span {

    width: 164px;

    height: 35px;

    float: left;

    background: url(../images/span_bg.jpg) no-repeat;

    text-indent: 15px;

    font-size: 16px;

    font-weight: bold;

    color: #feffff;

    font-family: "微软雅黑";

}



.pei_ti span i {

    font-family: "宋体";

    font-size: 8px;

    color: #feffff;

    font-style: normal;

    padding-left: 5px;

    font-weight: normal;

}



.pei_ti em {

    color: #1f9819;

    font-style: normal;

    font-family: "微软雅黑";

    font-size: 10px;

    float: right;

    margin-right: 10px;

}



.pei_ti em a {

    color: #1f9819;

}



.pei_ti em a:hover {

    color: #000;

}



.pei_box {

    width: 1000px;

    height: auto;

    float: left;

    border: 1px solid #ebebeb;

    border-top: none;

    background: #fff;

}







/*左侧*/

.main_left {

    width: 290px;

    height: auto;

    float: left;

}



.main_left .model {

    float: left;

    height: auto;

    background: #f0f4f7;

    width: 290px;

    margin-bottom: 20px;

}



.main_left .model_top {

    width: 100%;

    height: 110px;

    float: left;

    text-align: center;

    color: #fff;

    font-family: "微软雅黑";

}



.main_left .model_top img {

    width: 100%;

    height: 100%;



}



.main_left .model_top1 {

    width: 100%;

    height: 110px;

    float: left;

    text-align: center;

    color: #fff;

    font-family: "微软雅黑";

}



.main_left .model_top1 img {

    width: 100%;

    height: 100%;



}



.main_left .model_top span {

    width: 100%;

    height: auto;

    float: left;

    text-align: center;

    margin-top: 30px;

    font-size: 30px;

    color: #fff;

    font-weight: bold;

}



.main_left .model_top font {

    width: 100%;

    height: auto;

    float: left;

    text-align: center;

    margin-top: 15px;

}



.main_left .model_top font a {

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 5px;

    padding-bottom: 5px;

    border: 1px solid #fff;

    opacity: 0.4;

    font-size: 14px;

    color: #fff;

}





.main_left .model_content {

    padding-bottom: 20px;

    float: left;

}



.main_left .model_content li {}



.main_left .model_content.clearbimg li {

    background: none;

    padding-left: 0;

}



.main_left .model_content.clearbimg li a.maxc {

    background: url(../images/j1_1.jpg) no-repeat left center;

    padding-left: 20px;

}



.main_left .model_content.clearbimg li a.minc {

    background: url(../images/j2_1.jpg) no-repeat left center;

    padding-left: 20px;

    margin-left: 20px;

}



/**********分页样式end*********************/



.main_left .model_content .lf_tree {

    width: 267px;

    padding-top: 5px;

    padding-bottom: 20px;

    height: auto;

    float: left;

    background: #fff;

}



.main_left .model_content .lf_tree li {

    width: 247px;

    height: 44px;

    margin-bottom: 5px;

    background: #ff9000;

    margin-left: 10px;

    text-align: center;

    float: left;

    line-height: 44px;

}



.main_left .model_content .lf_tree li a {

    width: 247px;

    height: 44px;

    float: left;

    font-size: 16px;

    color: #fff;

}



.main_left .model_content .lf_tree li a:hover {

    width: 247px;

    color: #fff;

    height: 44px;

    float: left;

    font-weight: bold;

}



.main_left .model_content .lf_tree ul {

    width: 100%;

    height: auto;

    float: left;

    padding-bottom: 10px;

}



.main_left .model_content .lf_tree ul li {

    width: 240px;

    height: auto;

    line-height: 30px;

    float: left;

    margin-left: 10px;

    border-bottom: 1px dashed #cacaca;

    background: none;

}



.main_left .model_content .lf_tree ul li a {

    color: #333;

    font-family: "微软雅黑";

    background: url(../images/yuan_1.jpg) no-repeat 10px center;

    font-size: 14px;

    font-weight: normal;

    text-align: left;

    text-indent: 25px;

    height: 30px;

    width: 240px;

    float: left;

}



.main_left .model_content .lf_tree ul li a:hover {

    color: #092a73;

    height: 30px;

    width: 240px;

    float: left;

}



/*********右侧*****************/

.main_right {

    width: 894px;

    float: right;

}



.content .content_top {

    background: url(../images/ctop_1.jpg) no-repeat top;

    height: 30px;

    line-height: 30px;

    padding-left: 45px;

    color: #820002;

    font-size: 14px;

    position: relative;

}



.content .content_top span a {

    position: absolute;

    right: 0px;

    color: #820002;

    font-size: 14px;

}



.content .content_top.cmain {

    background: url(../images/cmain.jpg) no-repeat top;

    height: 50px;

    line-height: 60px;

}



.content .content_main ul.listcontent {}



.content .content_main ul.listcontent li {

    float: left;

    margin-top: 15px;

    text-align: center;

    width: 215px;

}



.content .content_main ul.listcontent .img {}



.content .content_main ul.listcontent1 {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 30px;

    position: relative;

}



.content .content_main ul.listcontent1 li {

    width: 278px;

    height: 322px;

    background: #eee;

    float: left;

    color: #333;

    border: 1px solid #eee;

    font-family: "微软雅黑";

    font-size: 14px;

    margin-right: 25px;

    margin-bottom: 28px;

    -webkit-transition: all .3s ease;

    -moz-transition: all .3s ease;

    -ms-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}



.content .content_main ul.listcontent1 li:nth-child(4n+4) {

    width: 278px;

    height: 322px;

    background: #eee;

    float: right;

    color: #333;

    border: 1px solid #eee;

    font-family: "微软雅黑";

    font-size: 14px;

    margin-right: 0px;

    margin-bottom: 28px;

    -ms-transform: translateY(-3px);

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

    box-shadow: 0px 18px 15px 0px rgba(0, 0, 0, 0.08);

}

.content .content_main ul.listcontent1 li:nth-child(4n+4):hover {

    width: 278px;

    height: 322px;

    float: right;

    background: #eee;

    color: #fff;

    /* border: 1px solid #3d8dcb; */

}

.content .content_main ul.listcontent1 li:hover {

    width: 278px;

    height: 322px;

    float: left;

    background: #eee;

    color: #fff;

    /* border: 1px solid #3d8dcb; */

    -ms-transform: translateY(-3px);

    -webkit-transform: translateY(-3px);

    -moz-transform: translateY(-3px);

    -o-transform: translateY(-3px);

    transform: translateY(-3px);

    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.08);

}



.content .content_main ul.listcontent1 li img {

    width: 278px;

    height: 231px;

    float: left;



}



.content .content_main ul.listcontent1 li p {

    position: relative;

    width: 100%;

    height: auto;

    text-align: center;

    float: left;

    font-weight: normal;

    line-height: 50px;

    color: #333;

}



.content .content_main ul.listcontent1 li h2 {

    position: relative;

    width: 100%;

    height: auto;

    float: left;

    font-weight: normal;

    line-height: 30px;

    text-align: center;

}



.main_box .content1 {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 0px;

}



.content .content_main ul.listcontent1 li h2 font {

    width: 89px;

    height: 30px;

    float: left;

    background: #0054bd;

    color: #fff;

    font-size: 14px;

    margin-left: 40px;

}



.content .content_main ul.listcontent1 li h2 font a {



    color: #fff;



}



.content .content_main ul.listcontent1 li h2 i {

    width: 80%;

    height: 30px;

    float: left;

    margin-left: 10%;

    background: #0054bd;

    color: #fff;

    font-size: 14px;

    font-style: normal;

}



.content .content_main ul.listcontent1 li h2 i a {



    color: #fff;



}



.content .content_main ul.listcontent2 {

    width: 108%;

    height: auto;

    float: left;

    position: relative;

}



.content .content_main ul.listcontent2 li {

    float: left;

    margin-top: 15px;

    text-align: center;

    width: 182px;

    height: 80px;

    text-align: center;

    margin-left: 30px;

    line-height: 38px;

}



.content .content_main ul.listcontent2 li a {

    width: 182px;

    height: 80px;

    float: left;

    color: #010101;

    font-family: "微软雅黑";

    font-size: 14px;

}



.content .content_main ul.listcontent2 li a:hover {

    width: 182px;

    height: 80px;

    float: left;

    color: #113b83;

}



.content .content_main ul.listcontent2 li a img {

    width: 180px;

    height: 70px;

    border: 1px solid #ccc;

}



.content .content_main ul.listcontent3 {

    width: 108%;

    height: auto;

    float: left;

    position: relative;

}



.content .content_main ul.listcontent3 li {

    float: left;

    margin-top: 15px;

    text-align: center;

    width: 288px;

    height: 328px;

    text-align: center;

    margin-right: 28px;

    margin-bottom: 28px;

    margin-top: 10px;

    line-height: 44px;

}



.content .content_main ul.listcontent3 li a {

    width: 288px;

    height: 328px;

    background: #eeeeee;

    float: left;

    color: #333;

    font-family: "微软雅黑";

    font-size: 16px;

}



.content .content_main ul.listcontent3 li a:hover {

    width: 288px;

    height: 328px;

    float: left;

    background: #0054bd;

    color: #fff;

}



.content .content_main ul.listcontent3 li a img {

    width: 288px;

    height: 281px;

}







.content_news {

    float: left;

    margin-top: 20px;

    width: 100%;

    font-size: 14px;

}



.content_news li {

    background: url(../images/jh_1.gif) no-repeat left;

    padding-left: 20px;

    height: 45px;

    line-height: 45px;

    border-bottom: 1px solid #F0F0F0;

    position: relative;

    font-size: 14px;

}



.content_news li span {

    position: absolute;

    right: 10px;

}







.news_li {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 40px;

}



.news_li li {

    width: 100%;

    height: 213px;

    float: left;

    margin-bottom: 35px;

}



.news_li li a {

    width: 99%;

    height: 213px;

    float: left;

    border: 1px solid #ddd;

    transition: all 0.4s linear 0s;

}



.news_li li a:hover {

    width: 99%;

    height: 213px;

    float: left;

    border: 1px solid #ddd;

    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .18);

    box-shadow: 0 5px 30px rgba(0, 0, 0, .18);

    -webkit-transform: translate3d(0, -2px, 0);

    transform: translate3d(0, -2px, 0);

    transition: all 0.4s linear 0s;

}



.news_li li a img {

    width: 272px;

    height: 190px;

    float: left;

    margin-left: 12px;

    margin-top: 12px;

    /* border: 1px solid #ddd; */

}



.news_li li a .new_txt {

    width: 70%;

    height: auto;

    float: left;

    margin-left: 40px;

}



.news_li li a .new_txt h1 {

    width: 100%;

    height: auto;

    float: left;

    margin-top: 30px;

    font-size: 18px;

    color: #333;

}



.news_li li a .new_txt h2 {

    width: 100%;

    height: auto;

    float: left;

    line-height: 30px;

    font-size: 12px;

    color: #999;

    font-weight: normal;

}



.news_li li a .new_txt p {

    width: 100%;

    height: auto;

    float: left;

    font-size: 14px;

    line-height: 25px;

    color: #333;

    margin-top: 15px;

}



.news_li li a:hover h1 {

    color: #333;

}



.news_li li a:hover h2 {

    color: #999;

}



.news_li li a:hover p {

    color: #333;

}









/********底部******************/
/* 全局重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 页脚容器 */







/***********产品详细******************/

.content .content_main .title .pic {

    float: left;

    width: 760px;

    text-align: center;

    padding-top: 20px;

}



.content .content_main .title .info {

    float: left;

    margin-top: 20px;

    line-height: 20px;

    font-size: 14px;

    line-height: 26px;

}



.content .content_main .disdoc {

    padding: 20px 10px;

    padding: 20px 40px;

}



.content .content_main .disdoc li {}



.content .content_main .prev_next_nav .prev {

    float: left;

    width: 345px;

    font-family: "微软雅黑";

    padding-top: 20px;

}



.content .content_main .prev_next_nav .next {

    float: left;

    font-family: "微软雅黑";

    padding-top: 20px;

}



.content_main {

    line-height: 30px;

    margin-top: 15px;

    float: left;

    color: #333;

    width: 100%;

    font-family: "微软雅黑";

    font-size: 16px;

}



.content .content_main .thumb {

    text-align: center;

    padding-top: 30px;
    position: relative;

}
.p_prev{
    width: 57px;
    height: 62px;
    left:80px;
    position: absolute;
    top:400px;
    z-index: 999;
    color: #999;
    line-height: 67px;
    font-size: 14px;
}
.p_next{
    width: 57px;
    height: 62px;
    z-index: 999;
    right:80px;
    line-height: 67px;
    position: absolute;
    top:400px;
    color: #999;
    font-size: 14px;
}
.p_prev1{
    width: 57px;
    height: 62px;
    left:80px;
    position: absolute;
    top:600px;
    z-index: 999;
    color: #999;
    line-height: 67px;
    font-size: 14px;
}
.p_next1{
    width: 57px;
    height: 62px;
    z-index: 999;
    right:80px;
    line-height: 67px;
    position: absolute;
    top:600px;
    color: #999;
    font-size: 14px;
}


.content .content_main .thumb img {

    max-width: 650px;

    overflow: hidden;

    _width: 650px;

}



/***********新闻详细************************/

.content .content_news .title {

    text-align: center;

    font-family: "微软雅黑";

    width: 100%;

    float: left;

}



.content .content_news .title .info span {

    margin-right: 20px;

    font-family: "微软雅黑";

    font-size: 12px;

    line-height: 30px;

}



.content .content_news .disdoc {

    width: 100%;

    height: auto;

    float: left;

    font-size: 12px;

    color: #333;

    line-height: 30px;

    font-family: "微软雅黑";

}



.title {

    width: 100%;

    float: left;

    text-align: center;

    font-size: 16px;

}



.title1 {

    width: 100%;

    height: auto;

    float: left;

    border-bottom: 1px solid #d5d5d5;

    margin-top: 30px;

}



.title1 span {

    width: 100px;

    height: 35px;

    float: left;

    background: #0054bd;

    line-height: 35px;

    text-align: center;

    color: #fff;

    font-family: "微软雅黑";

    font-size: 16px;

}



.disdoc_ta {

    width: 100%;

    height: auto;

    line-height: 26px;

    font-family: "微软雅黑";

    float: left;

    margin-top: 20px;

    font-size: 14px;

    color: #333;

}



.disdoc_ta p {

    width: 100%;

    height: auto;

    line-height: 30px;

    font-family: "微软雅黑";

    float: left;

    font-size: 16px;

    color: #333;

}





.content .content_news .prev_next_nav .prev {

    float: left;

    width: 345px;

    font-family: "微软雅黑";

    padding-top: 30px;

    padding-bottom: 30px;

}



.content .content_news .prev_next_nav .next {

    float: left;

    font-family: "微软雅黑";

    padding-top: 30px;

    padding-bottom: 30px;

}



/**********分页样式*********************/

.page {

    overflow: hidden;

    _display: inline-block;

    padding: 15px 0;

}



.page ul {

    float: right;

}



.page ul li {

    float: left;

    margin-left: 10px;

    line-height: 25px;

    font-size: 14px;

}



.page ul li.thisclass,

.page ul li a:hover {

    background: #2DB4F4;

    color: white;

    border: 1px solid #2DB4F4;

}



.page ul li span.current {

    background: #2DB4F4;

    color: white;

    border: 1px solid #2DB4F4;

    display: inline-block;

    padding: 0 7px;

}



.page ul li a {

    display: inline-block;

    border: 1px solid #CCC;

    padding: 0 7px;

    color: #333;

}



.pageinfo {

    padding-left: 10px;

}



.pageinfo strong {

    font-weight: bold;

    padding: 0 3px;

}







/**************友情链接************************/

.links {

    margin: 15px 15px 0 15px;

    line-height: 28px;

}



.links span {

    color: #C00;

    margin-ritht: 10px;

}



.links a {

    margin: 0 5px;

}



/********会员************/

.member {

    z-index: 2;

    position: absolute;

    display: table;

    right: 30px;

    top: 5px;

}



.memberbox {

    margin-top: 20px;

    overflow: hidden;

}



.memberbox_left {

    float: left;

    width: 580px;

    margin-left: 20px;

}



.memberbox_right {

    float: left;

    width: 100px;

    padding-top: 70px;

    text-align: center;

}



.memberleft {

    float: left;

    width: 200px;

    border: 1px solid #992525;

}



.memberleft .member_nav {

    height: 26px;

    line-height: 26px;

    background: #992525;

    color: #FFF;

    font-size: 14px;

    text-align: center;

}



.memberleft ul {

    text-align: center;

}



.memberleft li {

    height: 24px;

    line-height: 24px;

}



.memberright {

    float: left;

    width: 738px;

    margin-left: 20px;

}



.memberright .member_detail {

    height: 26px;

    line-height: 26px;

    border-bottom: 2px solid #992525;

    text-align: left;

    font-weight: bold;

    font-size: 14px;

}



.memberright table th {

    text-align: right;

}



.memberright table td {

    text-align: left;

}



.memberright .form_b {

    width: 300px;

}



.memberright .member_order th {

    text-align: center;

}



.memberright .member_order td {

    text-align: center;

}



.orderpage {

    text-align: center;

    height: 24px;

    line-height: 24px;

}



.orderinfo,

.prolist,

.orderother {

    text-align: left;

    margin-bottom: 15px;

}



.orderinfo li {

    height: 22px;

    line-height: 22px;

}



.prolist table th {

    text-align: left;

}



.orderother .ordertitle {

    font-size: 14px;

    font-weight: bold;

    height: 24px;

    line-height: 24px;

}



/**************会员结束**********************/

.order {

    display: inline-block;

    width: 80px;

    height: 28px;

    line-height: 28px;

    background: #F0F0F0;

    text-align: center;

    border: 1px solid #555861;

}



.tabletop {

    font-size: 14px;

    font-weight: bold;

}



.prolisttitle {

    float: left;

    margin-left: 20px;

    height: 60px;

    line-height: 60px;

}



.button {

    width: 150px;

    height: 42px;

    background: #0067ac;

    border: 0;

    color: #fff;

    font-size: 14px;

}





/************幻灯片****************/

#play {

    width: 960px;

    height: 250px;

    overflow: hidden;

    position: relative;

    z-index: 1;

}



#play_info_bg {

    position: absolute;

    top: 90%;

    height: 25px;

    width: 80%;

    background-color: red;

    filter: Alpha(Opacity=30);

    opacity: 0.3;

    z-index: 10
}



#play_info {

    position: absolute;

    top: 90%;

    height: 25px;

    line-height: 25px;

    width: 80%;

    padding-left: 20px;

    color: #fff;

    z-index: 10;

    cursor: pointer
}



#play_text {

    position: absolute;

    top: 90%;

    right: 30px;

    z-index: 10
}



#play_text ul {

    display: block;

    filter: Alpha(Opacity=80);

    opacity: 0.8;

}



#play_text ul li {

    width: 20px;

    height: 20px;

    line-height: 20px;

    float: left;

    background-color: #000;

    display: block;

    color: #FFF;

    text-align: center;

    margin: 1px;

    cursor: pointer;

    font-family: "微软雅黑";

    font-size: 12px;

}



#play_list a img {

    width: 960px;

    height: 250px;

}



/* 浮动客服面板 */

#cmsFloatPanel {

    overflow: hidden;

}



#cmsFloatPanel .ctrolPanel {

    width: 36px;

    height: 248px;

    background: #fff url(../images/cmsfloatpanel-bg_1.gif) no-repeat left top;

    border: solid 1px #ddd;

    position: fixed;

    right: 30px;

    top: 200px;

    overflow: hidden;

    z-index: 10000;

    _position: absolute;

    _top: expression(eval(documentElement.scrollTop + 200));

}



#cmsFloatPanel .ctrolPanel a {

    width: 34px;

    font-size: 12px;

    color: #ff3300;

    letter-spacing: 1px;

    text-align: center;

    overflow: hidden;

}



#cmsFloatPanel .ctrolPanel .arrow {

    height: 29px;

    line-height: 28px;

    display: block;

    margin: 1px auto;

}



#cmsFloatPanel .ctrolPanel .arrow span {

    display: none;

}



#cmsFloatPanel .ctrolPanel .arrow:hover {

    background: #f4f4f4;

}



#cmsFloatPanel .ctrolPanel .arrow:hover span {

    display: block;

}



#cmsFloatPanel .ctrolPanel .service {

    height: 60px;

    display: block;

    margin: 2px auto;

}



#cmsFloatPanel .ctrolPanel .service span {

    color: #09F;

    line-height: 90px;

}



#cmsFloatPanel .ctrolPanel .message {

    height: 60px;

    display: block;

    margin: 2px auto;

}



#cmsFloatPanel .ctrolPanel .message span {

    color: #ff3300;

    line-height: 90px;

}



#cmsFloatPanel .ctrolPanel .qrcode {

    height: 60px;

    display: block;

    margin: 2px auto;

}



#cmsFloatPanel .ctrolPanel .qrcode span {

    color: #0C6;

    line-height: 90px;

}



#cmsFloatPanel .arrow01 {

    width: 0;

    height: 0;

    font-size: 0;

    line-height: 0;

    border-top: 10px solid transparent;

    _border-top: 10px solid black;

    _filter: chroma(color=black);

    border-right: 10px solid transparent;

    _border-right: 10px solid black;

    _filter: chroma(color=black);

    border-bottom: 10px solid transparent;

    _border-bottom: 10px solid black;

    _filter: chroma(color=black);

    border-left: 10px solid #ddd;

    position: absolute;

    bottom: 0;

    position: absolute;

    left: 2px;

    top: 0;

}



#cmsFloatPanel .arrow02 {

    width: 0;

    height: 0;

    font-size: 0;

    line-height: 0;

    border-top: 10px solid transparent;

    _border-top: 10px solid black;

    _filter: chroma(color=black);

    border-right: 10px solid transparent;

    _border-right: 10px solid black;

    _filter: chroma(color=black);

    border-bottom: 10px solid transparent;

    _border-bottom: 10px solid black;

    _filter: chroma(color=black);

    border-left: 10px solid #fff;

    position: absolute;

    bottom: 0;

    position: absolute;

    left: 0;

    top: 0;

}



#cmsFloatPanel .servicePanel {

    width: 120px;

    height: 400px;

    position: fixed;

    right: 70px;

    top: 200px;

    z-index: 10000;

    overflow: visible;

    display: none;

    _position: absolute;

    _top: expression(eval(documentElement.scrollTop + 200));

}



#cmsFloatPanel .servicePanel .servicePanel-inner {

    width: 120px;

    position: relative;

    overflow: visible;

}



#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel {

    width: 10px;

    height: 30px;

    position: absolute;

    right: 1px;

    top: 50px;

}



#cmsFloatPanel .servicePanel .servicePanel-inner .arrowPanel .arrow02 {

    border-left: 10px solid #399;

}



#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel {

    width: 110px;

    position: absolute;

    left: 0;

    top: 0;

    overflow: hidden;

}



#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd {

    width: 110px;

    height: 60px;

    background: url(../images/cmsfloatpanel-service-hd-bg_1.gif) no-repeat left top;

    overflow: hidden;

}



#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a {

    width: 24px;

    height: 24px;

    font-size: 12px;

    color: #fff;

    line-height: 24px;

    display: block;

    float: right;

}



#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-hd a span {

    display: none;

}



#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd {

    width: 110px;

    background: url(../images/cmsfloatpanel-service-bd-bg_1.gif) repeat-y left top;

    overflow: hidden;

}



#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msggroup {

    width: 80px;

    font-size: 12px;

    color: #666;

    font-weight: bold;

    line-height: 24px;

    letter-spacing: 1px;

    border-bottom: solid 1px #ddd;

    margin: 0 15px;

}



#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-bd .msgtool {

    width: 80px;

    font-size: 12px;

    color: #666;

    font-weight: bold;

    line-height: 24px;

    letter-spacing: 1px;

    margin: 6px 15px;

}



#cmsFloatPanel .servicePanel .servicePanel-inner .serviceMsgPanel .serviceMsgPanel-ft {

    width: 110px;

    height: 40px;

    background: url(../images/cmsfloatpanel-service-ft-bg_1.gif) no-repeat left top;

    overflow: hidden;

}



#cmsFloatPanel .messagePanel {

    width: 310px;

    height: 400px;

    position: fixed;

    right: 70px;

    top: 200px;

    z-index: 10000;

    overflow: visible;

    display: none;

    _position: absolute;

    _top: expression(eval(documentElement.scrollTop + 200));

}



#cmsFloatPanel .messagePanel .messagePanel-inner {

    width: 310px;

    position: relative;

    overflow: visible;

}



#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel {

    width: 10px;

    height: 30px;

    position: absolute;

    right: 1px;

    top: 110px;

}



#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow01 {

    border-left: 10px solid #ddd;

    left: 2px;

}



#cmsFloatPanel .messagePanel .messagePanel-inner .arrowPanel .arrow02 {

    border-left: 10px solid #fff;

}



#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel {

    width: 300px;

    border: solid 1px #ddd;

    background: #fff;

    position: absolute;

    left: 0;

    top: 0;

    overflow: hidden;

}



#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd {

    height: 32px;

    font-family: "微软雅黑";

    font-size: 14px;

    color: #fff;

    line-height: 32px;

    letter-spacing: 2px;

    text-indent: 10px;

    background: url(../images/cmsfloatformpanel-hd-bg_1.gif) no-repeat left top;

    overflow: hidden;

}



#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a {

    width: 32px;

    height: 32px;

    font-family: "宋体";

    font-size: 12px;

    color: #fff;

    line-height: 32px;

    letter-spacing: 1px;

    text-indent: 0;

    display: block;

    float: right;

}



#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-hd a span {

    display: none;

}



#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd {

    padding: 10px 15px;

    overflow: hidden;

}



#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-bd div {

    font-size: 12px;

    color: #666;

    line-height: 30px;

    padding: 5px 0;

    overflow: hidden;

}



#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft {

    height: 30px;

    background: #f4f4f4;

    text-align: right;

    padding: 0 10px;

    overflow: hidden;

}



#cmsFloatPanel .messagePanel .messagePanel-inner .formPanel .formPanel-ft a {

    font-size: 12px;

    color: #999;

    line-height: 30px;

    letter-spacing: 1px;

}



#cmsFloatPanel .qrcodePanel {

    width: 230px;

    height: 300px;

    position: fixed;

    right: 70px;

    top: 200px;

    z-index: 10000;

    overflow: visible;

    display: none;

    _position: absolute;

    _top: expression(eval(documentElement.scrollTop + 200));

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner {

    width: 230px;

    position: relative;

    overflow: visible;

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel {

    width: 10px;

    height: 30px;

    position: absolute;

    right: 1px;

    top: 180px;

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow01 {

    border-left: 10px solid #ddd;

    left: 2px;

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .arrowPanel .arrow02 {

    border-left: 10px solid #fff;

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel {

    width: 220px;

    background: #fff;

    border: solid 1px #ddd;

    position: absolute;

    left: 0;

    top: 0;

    overflow: hidden;

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd {

    height: 32px;

    font-family: "微软雅黑";

    font-size: 14px;

    color: #fff;

    line-height: 32px;

    letter-spacing: 2px;

    text-indent: 10px;

    background: url(../images/cmsfloatqrcodepanel-hd-bg_1.gif) no-repeat left top;

    overflow: hidden;

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a {

    width: 32px;

    height: 32px;

    font-family: "宋体";

    font-size: 12px;

    color: #fff;

    line-height: 32px;

    letter-spacing: 1px;

    text-indent: 0;

    display: block;

    float: right;

    overflow: hidden;

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-hd a span {

    display: none;

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd {

    padding: 10px;

    overflow: hidden;

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-bd img {

    width: 200px;

    height: 200px;

    border: none;

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft {

    height: 30px;

    background: #f4f4f4;

    text-align: center;

    padding: 0 10px;

    overflow: hidden;

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a {

    font-size: 12px;

    color: #666;

    line-height: 30px;

    letter-spacing: 1px;

}



#cmsFloatPanel .qrcodePanel .qrcodePanel-inner .codePanel .codePanel-ft a:hover {

    color: #F00;

}
/* 当前位置模块容器 */
.breadcrumb-container {
    width: 80%;
    margin: 0 auto;
    padding: 20px 0;
}

/* 当前位置模块 */
.breadcrumb {
    font-size: 14px;
    color: #666;
}

.breadcrumb a {
    color: #007bff;
    text-decoration: none;
}

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