@charset "utf-8"; /* CSS Document */
html {
    font-size: 62.5%;
    height: 100%
}

body {
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    height: 100%;
    background: url(../img/beijing.jpg);
}

img {
    border: none;
}

ul li {
    list-style-type: none;
}

ul, form, p, a, img, table, tr, td, li, dd, dt, dl, span {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #333;
}

a {
    text-decoration: none;
    color: #333;
    outline: none;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
}

h1 {
    margin: 0;
    padding: 0;
    font-weight: normal;
    color: #333;
}

.clear {
    clear: both;
}

.maln {
    margin-left: auto !important;
}

.diy-p .maln{
    /*margin-left: 62px !important;*/
}

input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    color: #333;
    border: none;
    outline: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #333;
}

:-o-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #333;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #333;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #333;
}

@media screen and (min-width: 1220px) {
    .zong {
        width: 1200px;
        margin: auto;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .zong {
        width: 980px;
        margin: auto;
    }
}

@media screen and (max-width: 999px) {
    .zong {
        width: 95%;
        margin: auto;
    }
}

/*  head  */
.head {
    background: #1d6fb8;
    padding-top: 8px;
    padding-bottom: 8px;
}

/*  sousuo  */
.sousuo {
    width: 246px;
    height: 28px;
    background: #f5f5f5;
    border-radius: 14px;
    overflow: hidden;
    float: right;
}

.sou {
    width: 205px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    color: #999999;
    background: none;
}

.suo {
    width: 27px;
    height: 26px;
    background: url(../img/sousuo.jpg) no-repeat left center;
    cursor: pointer;
    float: right;
}

.shejiao {
    float: right;
    margin-right: 7px;
    margin-top: 6px;
}

.shejiao a {
    display: block;
    float: left;
    margin-right: 13px;
}

.head2 {
    background: #fff;
    background: rgba(255, 255, 255, 0.85);
    position: absolute;
    width: 100%;
    left: 0px;
    top: 44px;
    z-index: 99;
    padding-top: 14px;
}

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

.logo a {
    display: block;
    text-align: center;
}

.logo a img {
    width: 100%;
    max-width: 260px;
}

.daohang {
    float: right;
}

.daohang > li {
    position: relative;
    float: left;
    *margin: 0 20px;
    margin-right: -14px;
}

.daohang > span {
    display: block;
    float: left;
    width: 10px;
    height: 74px;
    background: url(../img/nav.jpg) no-repeat center;
    margin: 0 30px;
    *display: none;
}

.daohang > li > a {
    display: block;
    line-height: 74px;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #363636;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    text-transform: uppercase;
}

.daohang > li:hover > a {
    color: #0080c9;
}

.dangqiandao {
    color: #0080c9 !important;
}

.yiji {
    width: 318px;
    background: rgba(29,111,184,0.7);
    color:#ffffff;
    padding-bottom: 2px;
    position: absolute;
    left: -70px;
    top: -9999px;
    z-index: 99999
}

.yiji li {
    position: relative;
    padding-right: 17px;
}

.yiji li a {
    display: block;
    font-size: 14px;
    color:#ffffff;
    font-size: 1.6rem;
    line-height: 26px;
    padding: 5px 0;
    padding-left: 24px;
}

.yiji li:hover {
    font-weight: bold;
    /*background: #81adcf;*/
}

.yiji li:hover > a {
    font-size: 1.8rem;
    /*background: url(../img/xialaxian.png) repeat-x bottom, url() no-repeat left 14px;*/
    color: #fff;
}

.erji {
    width: 270px;
    background: #fff;
    padding-top: 3px;
    padding-bottom: 9px;
    position: absolute;
    right: 270px;
    top: -9999px;
    z-index: 99999
}

.sanji {
    width: 270px;
    background: #fff;
    padding-top: 3px;
    padding-bottom: 9px;
    position: absolute;
    right: 270px;
    top: -9999px;
    z-index: 99999
}

.mowei {
    background: url() no-repeat left 14px !important;
}

.yiji li:hover > .mowei {
    background: url(../img/xialaxian.png) repeat-x bottom;
}

.daohang > li:hover .yiji {
    top: 74px;
}

.yiji > li:hover .erji {
    top: 0px;
}

.erji > li:hover .sanji {
    top: 0px;
}

/*lun bo*/
.index_focus {
    position: relative;
    width: 100%;
    height: 880px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 9
}

.index_focusn {
    width: 1920px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -960px;
    height: 100%;
    z-index: 99
}

.index_focus .bd li {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 1920px;
    z-index: 999
}

.index_focus .slide_nav {
    position: absolute;
    bottom: 39px;
    left: 50%;
    margin-left: -49px;
    z-index: 9998
}

.index_focus .slide_nav a {
    width: 15px;
    height: 15px;
    border-radius: 8px;
    cursor: pointer;
    float: left;
    margin-right: 5px;
    margin-left: 4px;
    background: url(../img/baiquan.png);
}

.index_focus_post {
    z-index: 10;
}

.index_focus .pic {
    height: auto;
    display: block;
    margin: 0 auto;
}

.index_focus .pic:hover {
    text-decoration: none;
}

.index_focus .slide_nav li:hover, .index_focus .slide_nav .on {
    text-decoration: none;
    background: url(../img/kongquan.png);
}

.index_focus_pre, .index_focus_next {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: 0px;
    width: 64px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 9999
}

.index_focus_pre {
    left: 64px;
    background: url(../img/baleft.png) no-repeat;
}

.index_focus_next {
    right: 63px;
    background: url(../img/baright.png) no-repeat;
}

.index_focus2 {
    position: relative;
    width: 100%;
    height: 342px;
    margin: 0 auto;
    overflow: hidden;
    z-index: 9
}

.index_focusn2 {
    width: 1920px;
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: -960px;
    height: 100%;
    z-index: 99
}

.index_focus2 .bd li {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 1920px;
    z-index: 999
}

.index_focus_post {
    z-index: 10;
}

.index_focus_pre2, .index_focus_next2 {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: 25px;
    width: 64px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    z-index: 9999
}

.index_focus_pre2 {
    left: 64px;
    background: url(../img/baleft.png) no-repeat;
}

.index_focus_next2 {
    right: 63px;
    background: url(../img/baright.png) no-repeat;
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .index_focus {
        height: 704px;
    }

    .index_focusn img {
        width: 80%;
    }

    .index_focus2 {
        height: 364px;
    }

    .index_focusn2 img {
        width: 80%;
    }

    .yiji {
        width: 240px;
    }

    .erji {
        width: 240px;
        right: 240px;
    }

    .sanji {
        width: 240px;
        right: 240px;
    }
}

@media screen and (min-width: 1000px) {
    .carousel {
        display: none
    }
}

@media screen and (max-width: 999px) {
    .index_focus {
        display: none
    }

    .index_focus2 {
        display: none
    }

    .logo {
        width: 200px;
    }

    .head2 {
        position: relative;
        top: 0px;
    }

    .carousel {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .carousel ul {
        width: 100%;
        height: 100%;
    }

    .carousel ul li {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .carousel ul li img {
        width: 100%;
        vertical-align: middle;
    }

    .carousel ol {
        position: absolute;
        z-index: 2;
        width: 120px;
        height: 5px;
        bottom: 5px;
        left: 50%;
        -webkit-transform: translate3d(-50%, 0, 0);
    }

    .carousel ol li {
        float: left;
        width: 10px;
        height: 10px;
        margin-right: 10px;
        border-radius: 5px;
        background-color: #fff;
        transition: all 0.3s ease 0s;
    }

    .carousel ol li.cur {
        width: 10px;
        background: #0080c9;
    }

    .carousel ol li:last-child {
        margin: 0;
    }

    .daohang li a {
        text-transform: none !important;
    }

    .daohang > span {
        margin: 0 15px;
    }

    .yiji {
        display: none
    }
}

@media screen and (max-width: 799px) {
    .head {
        padding-top: 6px;
    }

    .logo {
        width: 150px;
        margin-top: 7px;
    }

    .daohang li a {
        font-size: 14px !important;
        font-size: 1.4rem !important;
    }

    .daohang > span {
        margin: 0 9px;
    }

    .sousuo {
        height: 28px;
        width: 235px;
    }

    .sou {
        width: 180px;
        height: 26px;
        line-height: 26px;
    }

    .suo {
        width: 27px;
        height: 26px;
    }
}

@media screen and (min-width: 769px) {
    .container, .clear2 {
        display: none
    }
}
@media screen and (max-width: 768px) {
    .daohang {
        display: none
    }

    .nav2 {
        margin-top: 20px;
        padding-top: 10px;
    }

    .logo {
        width: 170px;
    }

    .youxiang {
        float: none;
    }

    .head2 {
        padding-bottom: 15px;
    }

    .clear2 {
        clear: both;
    }

    .shejiao {
        margin-top: 17px;
    }

    .container {
        width: 5px;
        height: 100%;
        position: absolute;
        right: 0px;
        transition: all 0.4s ease 0s;
        z-index: 9999;
        cursor: pointer;
    }

    .menubtn {
        width: 35px;
        height: 30px;
        position: absolute;
        top: 127px;
        right: 10px;
        transition: all 0.4s ease 0s;
        z-index: 9999;
    }

    .menubtn span {
        display: block;
        width: 100%;
        height: 5px;
        margin-bottom: 5px;
        background-color: #0080c9;
    }

    .nav {
        width: 250px;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        bottom: 0;
        right: 0;
        display: none;
    }

    .nav ul {
        display: none;
        margin-top: 40px;
    }

    .nav ul li {
        line-height: 40px;
        font-size: 12px;
        font-size: 1.2rem;
        text-indent: 30px;
    }

    .nav ul li a {
        color: #fff;
    }
}
    
/*@media screen and (max-width: 639px) {
    .daohang {
        display: none
    }

    .nav2 {
        margin-top: 20px;
        padding-top: 10px;
    }

    .logo {
        width: 170px;
    }

    .youxiang {
        float: none;
    }

    .head2 {
        padding-bottom: 15px;
    }

    .clear2 {
        clear: both;
    }

    .shejiao {
        margin-top: 17px;
    }

    .container {
        width: 5px;
        height: 100%;
        position: absolute;
        right: 0px;
        transition: all 0.4s ease 0s;
        z-index: 9999;
        cursor: pointer;
    }

    .menubtn {
        width: 35px;
        height: 30px;
        position: absolute;
        top: 127px;
        right: 10px;
        transition: all 0.4s ease 0s;
        z-index: 9999
    }

    .menubtn span {
        display: block;
        width: 100%;
        height: 5px;
        margin-bottom: 5px;
        background-color: #0080c9;
    }

    .nav {
        width: 250px;
        height: 100%;
        background: rgba(0, 0, 0, 0.8);
        position: absolute;
        bottom: 0;
        right: 0;
        display: none;
    }

    .nav ul {
        display: none;
        margin-top: 40px;
    }

    .nav ul li {
        line-height: 40px;
        font-size: 12px;
        font-size: 1.2rem;
        text-indent: 30px;
    }

    .nav ul li a {
        color: #fff;
    }
}*/

/*  main1  */
.main1 {
    padding-bottom: 57px;
    padding-top: 20px;
}

#outer {
    position: relative;
}

.m1biao {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
}

#tab {
    overflow: hidden;
    zoom: 1;
    /*float: right;
    padding-left: 11px;*/
}

#tab li {
    float: left;
    cursor: pointer;
    line-height: 35px;
    /*width: 125px;
    height: 35px;
    border: 1px solid #0080c9;*/
    font-size: 16px;
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
    background: #ffffff;
    margin-right: 11px;
}

#tab li.current {
    /*color: #fff;
    background: #0080c9;*/
    color: #0080c9;
}

#content {
}

#content ul {
    display: none;
}

.m1lie {
    width: 275px;
    float: left;
    margin-left: 28px;
    margin-top: 25px;
    min-height: 272px;
    margin-bottom: 4px;
    border:1px solid #dcdcdc;
    border-radius: 1rem;
    overflow: hidden;
}

.m1lie:hover{
    border-color: #0e6bcd;
}

.m1tu {
    display: block;
}

.m1tu img {
    width: 100%;
    max-width: 404px;
    max-height: 335px;
}

.m1zi {
    display: block;
    height: 3.2rem;
    line-height: 1.6rem;
    text-align: center;
    font-size: 1.6rem;
    padding: 15px;
    color: #333;
    background: #fff;
    overflow: hidden !important;
}

.m1lie:hover .m1zi {
    /*background: #0080c9;
    color: #fff;*/
}

.m1lie:hover .m1tu {
    /*border: 1px solid #0080c9 !important;*/
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .m1lie {
        width: 230px;
        margin-left: 12px;
    }
}

@media screen and (max-width: 999px) {
    .m1lie {
        width: 32%;
        margin-left: 0.5% !important;
        margin-right: 0.5%;
    }
}

@media screen and (max-width: 639px) {
    .main1 {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    #tab {
        /*padding-top: 50px;*/
        padding-left: 0px;
    }

    #tab li {
        /*width: 79px;*/
        font-size: 12px;
        font-size: 2.5rem;
        font-weight: normal;
        margin-right: 2px;
        transform: skew(0deg, 0deg);
    }

    .m1lie {
        width: 45%;
        margin-right: 2%;
    }

    .m1zi {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

/*  main2  */
.main2 {
    background: url(../img/m2bei.jpg) no-repeat center;
    padding-top: 92px;
    padding-bottom: 98px;
}

.m2biao {
    display: block;
    margin-bottom: 35px;
}

.m2biao img {
    width: 95%;
    max-width: 450px;
    max-height: 32px;
}

.main2 p a {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    color: #fff;
    margin-top: 23px;
}

.m2mor {
    display: block;
    width: 150px;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 21px;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    margin-top: 42px;
}

.m2mor:hover {
    background: #fbdd12;
    color: #333;
    border: 1px solid #fbdd12;
}

.main2 p a:hover {
    color: #fbdd12;
}

@media screen and (max-width: 639px) {
    .main2 {
        padding-top: 42px;
        padding-bottom: 28px;
    }

    .main2 p a {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

/*  main3  */
.main3 {
    padding-top: 30px;
    padding-bottom: 54px;
}

.m3biao {
    display: block;
}

.m3biao img {
    width: 130px;
    max-height: 30px;
}

.img-scroll {
    position: relative;
    margin: auto;
    z-index: 99;
    padding-top: 36px;
}

.m3nav {
    width: 100px;
    height: 29px;
    position: absolute;
    right: 1px;
    top: -29px;
}

.img-scroll .prev, .img-scroll .next {
    position: absolute;
    display: block;
    width: 50px;
    height: 29px;
    z-index: 999;
    top: 0px;
}

.img-scroll .prev {
    left: 0px;
    cursor: pointer;
    background: url(../img/m3left.jpg)
}

.img-scroll .next {
    right: 0px;
    cursor: pointer;
    background: url(../img/m3right.jpg);
}

.img-scroll .prev:hover {
    background: url(../img/m3lefth.jpg)
}

.img-scroll .next:hover {
    background: url(../img/m3righth.jpg)
}

.img-list {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.img-list ul {
    width: 9999px;
}

.img-list li {
    float: left;
    display: inline;
    width: 383px;
    margin-right: 25px;
    transition: 0.5s;
}

.m3tu {
    position: relative;
    overflow: hidden;
}

.m3tun {
    display: block;
    text-align: center;
}

.m3tun img {
    width: 100%;
    max-width: 383px;
    max-height: 246px;
}

.m3fu {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    transition: 0.5s;
}

.m3fu a {
    display: block;
    width: 106px;
    height: 36px;
    position: absolute;
    left: 50%;
    margin-left: -53px;
    top: 50%;
    margin-top: -18px;
    background: #fff;
    border-radius: 18px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    font-size: 1.4rem;
}

.m3nbiao {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 24px;
    margin-top: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.img-list li span {
    display: block;
    background: url(../img/shizhong.jpg) no-repeat 3px center;
    padding-left: 25px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    margin-top: 6px;
}

.img-list li p a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #666666;
    margin-top: 6px;
}

.img-list li:hover .m3fu {
    top: 0px;
}

.m3nbiao:hover {
    color: #0080c9;
}

.m3fu a:hover {
    background: #0080c9;
    color: #fff;
}

.img-list li p a:hover {
    color: #0080c9;
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .img-list li {
        width: 320px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 999px) {
    .m3biao {
        font-size: 30px;
        font-size: 3rem;
    }

    .main3 p a {
        width: auto;
    }

    .img-list ul {
        width: 1000%;
    }

    .img-list li {
        width: 3.2%;
        margin-right: 0.2%;
    }

    .m3tu {
        display: block;
    }
}

@media screen and (max-width: 639px) {
    .m3biao {
        font-size: 20px;
        font-size: 2rem;
        line-height: 24px;
    }

    .img-list li {
        width: 4.9%;
        margin-right: 0.2%;
    }

    .main3 {
        padding-bottom: 30px;
    }

    .img-scroll {
        padding-top: 50px;
    }

    .m3nav {
        top: 10px;
    }
}

@media screen and (max-width: 369px) {
    .img-list li {
        width: 10%;
        margin-right: 0.2%;
    }
}

/*  foot  */
.foot {
    background: #136199 url(../img/footbei.jpg) no-repeat bottom center;
    padding-top: 55px;
    padding-bottom: 50px;
}

.ful1 {
    width: 150px;
    float: left;
}

.ful3 {
    width: 289px;
    float: right;
}

#outer1 {
    width: 270px;
    float: left;
    margin-left: 286px;
}

#tab1 {
    overflow: hidden;
    zoom: 1;
    background: url(../img/xiegang.png) no-repeat 155px center;
}

#tab1 li {
    float: left;
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    margin-right: 17px;
}

#tab1 li.current1 {
    color: #fbdd12;
}

#content1 {
}

#content1 ul {
    display: none;
    margin-top: 18px;
}

#content1 ul li a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 40px;
    color: #fff;
    background: url(../img/baidian.png) no-repeat left 17px;
    padding-left: 13px;
}

#content1 ul a:hover {
    color: #fbdd12;
}

#content1 ul > a {
    display: block;
    float: left;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    margin-right: 10px;
    color: #fff;
}

.fbiao {
    display: block;
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

.ful1n {
    margin-top: 17px;
    margin-left: 2px;
}

.ful1n a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 40px;
    color: #fff;
    background: url(../img/baijian.png) no-repeat left center;
    padding-left: 21px;
}

.ful1n a:hover {
    color: #fbdd12;
    background: url(../img/huangjian.png) no-repeat left center;
}

.ful3 ul {
    margin-top: 19px;
}

.ful3 ul li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 40px;
    color: #fff;
    padding-left: 28px;
}

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

.ful3 ul li a:hover {
    color: #fbdd12;
}

.fdianhua {
    background: url(../img/fdianhua.png) no-repeat left 11px;
}

.fyouxiang {
    background: url(../img/fxinfeng.png) no-repeat left 13px;
}

.fchuanzhen {
    background: url(../img/fchuanzhen.png) no-repeat left 11px;
}

.shejiao2 {
    border-top: 1px solid #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 11px;
    padding-bottom: 12px;
    padding-left: 15px;
    margin-top: 23px;
}

.shejiao2 a {
    display: block;
    margin: 0 10px;
    float: left;
}

.foot2 {
    background: #333;
    line-height: 24px;
    padding: 10px 0;
}

.foot2 p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #fff;
}

.foot2 p a {
    color: #fff;
}

.wzdt {
    color: #fff;
    background: url(../img/wzdt.jpg) no-repeat left center;
    padding-left: 24px;
}

.wzdt:hover {
    color: #fbdd12;
}

.fp1 {
    float: left;
}

.fp2 {
    float: right;
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    #outer1 {
        margin-left: 186px;
    }
}

@media screen and (max-width: 999px) {
    .ful1 {
        width: 24%;
    }

    #outer1 {
        width: 36%;
        margin-left: 2%;
    }

    .ful3 {
        width: 36%;
    }

    .foot2 p {
        float: none;
    }
}

@media screen and (max-width: 639px) {
    #youlian {
        display: none
    }

    #tab1 {
        background: none
    }

    .ful1 {
        width: 40%;
    }

    #outer1 {
        width: 57%;
        margin-left: 0px;
        float: right;
    }

    .ful3 {
        width: 100%;
        margin-top: 20px;
    }

    .foot {
        background: #04518c
    }

    #tab1 li.current1 {
        color: #fff;
    }
}

@media screen and (max-width: 389px) {
    .ful1 {
        width: 100%;
        float: none;
    }

    #outer1 {
        width: 100%;
        margin-left: 0px;
        float: none;
        margin-top: 20px;
    }
}

/*******************************************************************************  product  **************************************************************************/
.tab12 {
    background: none !important;
}

.mianbao {
    line-height: 44px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
}

.mianbao a:hover {
    color: #0080c9;
}

.co04 {
    color: #0080c9 !important;
}

.prmain {
    padding-bottom: 59px;
}

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

.prl {
    width: 220px;
    float: left;
}

.prr {
    width: 875px;
    float: right;
}

.prltbiao {
    height: 48px;
    line-height: 48px;
    display: block;
    font-size: 2.5rem;
    font-weight: bold;
    /*background: #0080c9; padding-right:10px;*/
    overflow: hidden;
    margin-bottom: 1rem;
}

.prltbiao img {
    width: 95%;
    max-width: 251px;
    max-height: 64px;
    display: block;
    margin: 0 auto;
}

.subNavBox {
    /*border: 1px solid #d2d2d2;*/
}

.subNav {
    cursor: pointer;
    line-height: 20px;
    padding: 10px 0;
    padding-right: 40px;
    /* background-color: #f6f6f6; background:#f6f6f6 url(../img/jiahao.jpg) no-repeat left center;
    border-bottom: 1px solid #d2d2d2;
    padding-left: 47px;*/
    /*font-size: 14px;*/
    font-size: 1.6rem;
}

.subNav a{
    display: block;
}

.subNav:hover { 
	/*background:#0080c9 url(../img/jiahaoh.jpg) no-repeat left center;
    background-color: #0080c9;
    background:#ffffff url(../images/right_bg.png) no-repeat right 20px center;*/
	background: #ffffff url(../images/right_bg.png) no-repeat right 20px center;
}

.subNav:hover a {
    /*color: #fff;*/
    font-weight: bold;
}

.currentDd a {
    /*color: #fff*/
}

.currentDt { /*background:#0080c9 url(../img/jiahaoh.jpg) no-repeat left center;
    background-color: #0080c9;*/
    background:#ffffff url(../images/right_bg.png) no-repeat right 20px center;
    font-weight: bold;
}

.navContent {
    display: none;
    border-bottom: 1px solid #d2d2d2;
}

.subNav2 {
    cursor: pointer;
    line-height: 23px;
    padding: 5px 0;
    padding-left: 29px;
    font-size: 14px;
    font-size: 1.4rem;
    border-bottom: 1px dashed #dbdbdb;
}

.subNav2:hover {
    color: #277fc2;
    background: #fbdd12 url(../img/henggang.jpg) no-repeat 15px 17px;
}

.currentDt2 {
    background: #fbdd12 url(../img/henggang.jpg) no-repeat 15px 17px;
}

.navContent2 {
    display: none;
    border-bottom: 1px dashed #dbdbdb;
    padding-top: 10px;
    padding-bottom: 11px;
}

.navContent2 li a {
    display: block;
    line-height: 22px;
    color: #666;
    padding-left: 29px;
}

.navContent2 li a:hover {
    color: #0080c9;
}

.prlb {
    margin-top: 45px;
}

.prlbt {
    border-bottom: 1px solid #0080c9;
    margin-bottom: 21px;
    padding-bottom: 5px;
}

.prlbbiao {
    display: block;
    float: left;
}

.prlbbiao img {
    width: 99px;
    height: 28px;
}

.prlbmor {
    float: right;
    margin-right: 11px;
    background: url(../img/prlbmor.jpg) no-repeat right center;
    padding-right: 17px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #0e6bcd;
    line-height: 30px;
}

.prlblie {
    position: relative;
    min-height: 73px;
    margin-top: 19px;
}

.prlbtu {
    width: 114px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.prlbtu a {
    display: block;
    text-align: center;
}

.prlbtu a img {
    width: 100%;
    max-width: 383px;
    max-height: 246px;
}

.prlbzi {
    padding-left: 123px;
}

.prlbzi span {
    display: block;
    background: url(../img/shizhong.jpg) no-repeat left center;
    padding-left: 22px;
    line-height: 22px;
    color: #0080c9;
}

.prlbzi p a {
    display: block;
    line-height: 24px;
    color: #666666;
    margin-top: 4px;
    height: 48px;
    overflow: hidden;
}

.prlbzi p a:hover {
    color: #0e6bcd;
}

.product-type {
    margin-bottom: 20px;
    padding-right: 20px;
}

.prr .product-type h1 {
    line-height: 3.2rem;
    font-size: 2.6rem;
    margin-bottom: 1rem;
    color: #000000;
}

.product-type p {
    line-height: 24px;
    margin-bottom: 3rem;
    font-size: 18px;
}

#message-from-box .code-input {
    float: left;
    width: 30% !important;
}

.code-img {
    height: 52px;
    float: left;
    display: inline-block;
    margin-right: 20px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    overflow: hidden;
    width: 220px;
}

.code-img img {
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
    height: 56px;
    cursor: pointer;
}

#message-from-box {
    width: 100%;
    overflow: hidden;
    margin: 40px 0px 20px 0px;
    /*border-top: 1px solid #cccccc;*/
}

.message-title {
    height: 48px;
    text-align: center;
    line-height: 48px;
    font-family: "Arial";
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
    /*background: url('../images/message-ico.png') no-repeat left center;*/
    background-size: 28px;
}

#message-from-box input[type='text'] {
    border: 1px solid #cccccc;
    height: 48px;
    line-height: 48px;
    width: 45%;
    margin-right: 20px;
    padding-left: 20px;
    color: #333;
    border-radius: 5px;
    font-size: 16px;
}

#message-from-box input[type='text']:focus, #message-from-box textarea:focus {
    border-color: #0e6bcd;
}

#message-from-box *::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
    font-size: 16px;
}

#message-from-box *:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
    font-size: 16px;
}

#message-from-box *::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 16px;
}

#message-from-box *:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
    font-size: 16px;
}

#message-from-box textarea {
    width: 90%;
    padding: 20px 40px 10px 20px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    resize: none;
    height: 80px;
    font-size: 16px;
}

.message-btn {
    margin-right: 24px;
    float: right;
    display: block;
    width: 300px;
    height: 48px;
    line-height: 41px;
    text-align: center;
    background: #0080c9;
    color: #fff !important;
    font-size: 18px;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    border: 0;
}

.message-btn:hover {
    background: #0699ec;
    color: #333;
}

#message-from-box li {
    padding: 10px 0;
}

@media screen and (max-width: 639px) {

    #message-from-box input[type='text'] {
        width: 90%;
        margin-bottom: 20px;
    }

    #message-from-box li {
        padding: 0px;
    }

    #message-from-box textarea {
        width: 90%;
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .message-btn {
        width: 90%;
        float: left;
        margin-top: 10px;
        margin-left: 5px;
    }
}

#big-img-box {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 100%;
    text-align: center;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999999999;
    display: none;
}

.big-img {
    margin: 100px auto 0;
    border: 1px solid #333;
    border-radius: 10px;
    max-width: 700px;
}

.close-big-img {
    display: inline-block;
    margin-top: 115px;
    cursor: pointer;
    margin-left: -47px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 16px;
    color: #ffffff;
    width: 32px;
    text-align: center;
}

.chanlie {
    width: 424px;
    float: left;
    margin-left: 20px;
    margin-top: 2px;
    margin-bottom: 36px;
    border: 1px solid #dcdcdc;
    border-radius: 1rem;
    overflow: hidden;
}

.chantu {
    display: block; /*border:1px solid #dcdcdc;*/
    text-align: center;
    max-height: 185px;
    max-width: 284px;
    margin: 10px auto 0;
    overflow: hidden;
}

.chantu img {
    /*width: 100%;*/
    max-height: 185px;
}

.chanzi {
    background: #fff;
    position: relative;
    padding-bottom: 13px;
}

.chanming {
    display: block;
    line-height: 22px;
    font-size: 16px;
    padding: 0 20px;
    margin-bottom: 10px;
    height: 22px;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
}

.product-desc {
    display: block;
    line-height: 20px;
    font-size: 16px;
    padding: 0 20px;
    margin-bottom: 10px;
    height: 60px;
    text-align: center;
    overflow: hidden;
}

.chanmor {
    display: block;
    width: 160px;
    font-size: 16px;
    font-weight: bold;
    height: 38px; /*border:1px solid #0080c9;*/
    background-color: #0080c9;
    border-radius: 5px;
    text-align: center;
    line-height: 38px;
    margin: auto;
    color: #ffffff;
}

.chanzi input {
    position: absolute;
    left: 4px;
    top: 12px;
}

.chanlie:hover .chanzi { /*background:#0080c9;*/
    /*padding-left: 1px;*/
}

.chanlie:hover {
    border: 1px solid #0080c9;
}
.chanlie:hover .chantu{
    overflow: hidden;
}
.chanlie:hover .chantu img{ /*border: 1px solid #0080c9;*/
    /*width: 101%;*/
    /*border-top:2px solid #ffffff;
    margin-bottom: 18px;
    border-left:2px solid #ffffff;*/
}

.chanlie:hover .chanming { /*color:#ffffff;*/
}

.chanlie:hover .product-desc { /*color:#ffffff;*/
}

.chanlie:hover .chanmor {
    background: #0699ec; /*border:1px solid #fff;*/
}

.fenye {
    margin-top: 0px;
}

.fenyen {
    float: left;
}

.fenyen a {
    display: block;
    float: left;
    width: 33px;
    height: 28px;
    background: #eeeeee;
    text-align: center;
    line-height: 28px;
    border: 1px solid #e5e5e5;
    margin-right: 9px;
    margin-bottom: 10px;
}

.fenyen a:hover {
    background: #0080c9;
    color: #fff;
}

.sx {
    width: 65px !important;
}

.fenyen a.no, .fenyen a.no:hover {
    color: #333 !important;
    background: #eeeeee;
}

.dangqianfen {
    background: #0080c9 !important;
    color: #fff;
}

.fuxuan {
    background: url(../img/fuxuan.jpg) no-repeat left center;
    padding-left: 31px;
    float: right;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 30px;
    color: #4b4b4b;
}

.fuxuan input {
    float: right;
    margin-top: 0px;
    width: 102px;
    height: 30px;
    background: #025bbf;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 11px;
}

.fuxuan input:hover {
    background: #fbdd12;
}

.fuxuan11 {
    float: left;
    width: 152px;
    height: 30px;
    background: #025bbf;
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    margin-left: 11px;
    display: block;
    line-height: 30px;
    text-align: center;
}

.fuxuan11:hover {
    background: #fbdd12;
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .prl {
        width: 220px;
        float: left;
    }

    .prr {
        width: 700px;
        float: right;
    }

    .chanlie {
        width: 300px;
        margin-left: 24px;
    }
    #message-from-box input[type='text'] {
        width: 44%;
    }
    #message-from-box textarea{
        width: 88%;
    }
    #message-from-box #checkcodestr1{
        width: 20%;
    }

    #message-from-box .message-btn{
        width: 220px;
    }
}

@media screen and (max-width: 999px) {
    .prl {
        width: 45%;
        float: left;
    }

    .prr {
        width: 53%;
        float: right;
    }

    .chanlie {
        width: 80%;
        margin-left: 1% !important;
        margin-right: 1%;
    }

    .diy-p .chanlie{
        /*margin-left: 10% !important;*/
    }

    .fenyen {
        float: none;
    }

    .fuxuan {
        float: none;
    }
}

@media screen and (max-width: 639px) {
    .prl {
        width: 100%;
        float: none;
        margin-top: 30px;
    }

    .prr {
        width: 100%;
        float: none;
    }
}

@media screen and (max-width: 409px) {
    .chanlie {
        width: 98%;
    }
}

/*************************************************************************  product2  *****************************************************************/
.prmain2 {
    padding-bottom: 59px;
}

#tsShopContainer li, #tsShopContainer img {
    vertical-align: top;
}

#tsShopContainer {
    width: 408px;
    position: relative;
    float: left;
    padding-bottom: 10px;
    overflow: hidden;
}

#tsShopContainer #tsImgS {
    text-align: center;
    width: 100%;
    position: relative;
}

#tsShopContainer #tsImgS a {
    display: block;
    text-align: center;
    margin: 0px auto;
    border: 1px solid #0080c9;
    border-radius: 9px;
}

#tsShopContainer #tsImgS img {
    border: 0px;
    border-radius: 9px;
}

#tsShopContainer #tsPicContainer {
    width: 100%;
    height: 70px;
    position: relative;
}

#tsShopContainer #tsPicContainer #tsImgSArrL {
    width: 22px;
    height: 22px;
    background: url(../img/prleft.jpg) no-repeat left bottom;
    position: absolute;
    top: 33px;
    left: 0px;
    cursor: pointer;
}

#tsShopContainer #tsPicContainer #tsImgSArrR {
    width: 22px;
    height: 22px;
    background: url(../img/prright.jpg) no-repeat right bottom;
    position: absolute;
    top: 33px;
    right: 0px;
    cursor: pointer;
}

#tsShopContainer #tsPicContainer #tsImgSCon {
    position: absolute;
    top: 8px;
    left: 26px;
    width: 1px;
    height: 70px;
    overflow: hidden;
}

#tsShopContainer #tsPicContainer #tsImgSCon ul {
    width: 100%;
    overflow: hidden;
}

#tsShopContainer #tsPicContainer #tsImgSCon li {
    width: 88px;
    float: left;
    cursor: pointer;
}

#tsShopContainer #tsPicContainer #tsImgSCon li a {
    display: block;
    width: 84px;
}

#tsShopContainer #tsPicContainer #tsImgSCon li img {
    border: 1px solid #dcdcdc;
    display: block;
    width: 82px;
    height: 68px;
}

#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img {
    border: 1px solid #0080c9;
}

#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg a {
}

.MagicZoomBigImageCont {
    border: 1px solid #ccc;
    background: #FFF;
}

.MagicZoomPup {
    border: 0px solid #aaa;
    background: #ffffff;
}

.MagicZoomMain {
    text-align: center !important;
    width: 92px;
}

.prr h1 {
    margin-top: 12px;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    color: #000;
    line-height: 21px;
    padding-bottom: 10px;
}

.jianjie {
    width: 422px;
    float: right;
}

.jianjie h1 {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    color: #0080c9;
    line-height: 21px;
}

.jianjie ul {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    margin-top: 14px;
    min-height: 240px;
}

.inno {
    margin-top: 29px;
}

.inno a {
    display: block;
    width: 250px;
    height: 50px;
    border-radius: 6px;
    text-align: center;
    line-height: 50px;
    background: #0080c9;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    margin-right: 18px;
    font-weight: bold;
    margin: 0 auto;
}

.inno a:hover {
    background: #0699ec;
}

.chanxbiao {
    background: url(../img/huitiao.jpg) repeat-x bottom;
    margin-top: 40px;
}

.chanxbiao a {
    display: block;
    background: url(../img/lantiao.jpg) no-repeat left bottom;
    padding-bottom: 13px;
}

.chanxiang {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    color: #0080c9;
    /*padding-top: 30px;*/
}

.chanxiang p, .chanxiang li, .chanxiang span {
}

.chanxiang a {
    color: #0080c9;
}

.chanxiang img {
    max-width: 100%;
}

.chanxiang table, .nex table {
    width: 97%;
    border-collapse: collapse;
    line-height: 24px;
    word-break: break-all;
}

.chanxiang tr td, .nex tr td {
    line-height: 24px;
    padding: 2px;
}

.rpbiao {
    background: url(../img/huitiao.jpg) repeat-x bottom;
    margin-top: 64px;
}

.rpbiao a {
    display: block;
    background: url(../img/lantiao.jpg) no-repeat left bottom;
    padding-bottom: 13px;
}

.rpbiao a img {
    width: 202px;
    height: 19px;
}

.rpn {
    margin-bottom: 12px;
}

.rplie {
    width: 100%; /* float:left;*/
    margin-top: 23px;
    border:1px solid #dcdcdc;
    /*background: #eeeeee;*/
    padding-bottom: 9px; /*margin-left:22px;*/
    border-radius: 1rem;
    overflow: hidden;
}

.rptu {
    display: block;
    /*border: 1px solid #dcdcdc;*/
    text-align: center;
}

.rptu img {
    width: 100%;
    max-width: 404px;
    max-height: 335px;
}

.rpzi {
    display: block;
    padding: 0 10px;
    line-height: 22px;
    text-align: center;
    height: 44px;
    overflow: hidden;
    margin-top: 10px;
    /*font-size: 14px;*/
    font-size: 1.4rem;
    font-weight: bold;
}

.rplie:hover {
    /*background: #0080c9;*/
    margin-left: 1px;
    padding-top: 1px;
    border:1px solid #0080c9;
}

.rplie:hover .rpzi {
    /*color: #fff;*/
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .MagicZoomBigImageCont, .MagicZoomPup {
        display: none !important;
    }

    .jianjie {
        width: 280px;
    }

    .rplie {
        width: 170px;
        margin-left: 5px;
    }
}

@media screen and (min-width: 1000px) {
    .chanx {
        display: none
    }
}

@media screen and (max-width: 999px) {
    #tsShopContainer {
        display: none
    }

    .chanx {
        width: 100%;
    }

    .chanx a {
        display: block;
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
        float: left;
        margin-top: 9px;
        margin-bottom: 10px;
    }

    .chanx a img {
        width: 100%;
        max-width: 404px;
        max-height: 335px;
        border: 1px solid #ddd
    }

    .jianjie {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .jianjie h1 {
        margin-top: 20px;
        font-size: 18px;
        font-size: 1.8rem;
        background-position: bottom center;
        text-align: center;
    }

    .jianjie ul {
        margin-top: 20px;
        min-height: auto;
    }

    .inno {
        text-align: center;
        margin-top: 20px;
    }

    .inno a {
        float: none;
        display: inline-block;
        *float: left;
        margin: 0 3px;
    }

    .rplie {
        width: 48%;
        margin-left: 1% !important;
        margin-right: 1%;
    }

}

@media screen and (max-width: 639px) {
    .prr2 {
        width: 100%;
        float: none;
    }

    #tab li {
        font-size: 14px;
        font-size: 2rem;
        padding: 0 5px;
        font-weight: bold;
    }
}

@media screen and (max-width: 369px) {
    .chanx a {
        width: 98%;
    }

    .rplie {
        width: 98%;
    }
}

/*************************************************************************  news  *****************************************************************/
.nemain {
}

.nelie {
    border-bottom: 1px dashed #dbdbdb;
    position: relative;
    min-height: 204px;
    /*margin-top: 26px;*/
    padding-bottom: 29px;
    margin-bottom: 28px;
}

.netu {
    width: 317px;
    position: absolute;
}

.netu a {
    display: block;
    text-align: center;
}

.netu a img {
    width: 100%;
    max-width: 383px;
    max-height: 246px;
}

.nezi {
    padding-left: 347px;
}

.nebiao {
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 24px;
    color: #0080c9;
    /*padding-top: 13px;*/
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.nezi span {
    display: block;
    background: url(../img/shizhong.jpg) no-repeat left center;
    padding-left: 22px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    margin-top: 8px;
}

.nezi p a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #666666;
    margin-top: 9px;
}

.nemor {
    display: block;
    width: 104px;
    height: 34px;
    border-radius: 17px;
    border: 1px solid #0080c9;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 26px;
}

.nezi p a:hover {
    color: #0080c9;
}

.nemor:hover {
    background: #0080c9;
    color: #fff;
}

.nelie2 {
    border-bottom: none !important;
    margin-bottom: 5px !important;
}

.hotmain {
    border-top: 1px solid #cfcfcf;
    margin-top: 38px;
    padding-top: 36px;
    padding-bottom: 69px;
}

.hotnav {
    width: 100px;
    height: 29px;
    position: absolute;
    right: 0px;
    top: -29px;
}

.img-scroll2 {
    position: relative;
}

.img-scroll2 .prev2, .img-scroll2 .next2 {
    position: absolute;
    display: block;
    width: 50px;
    height: 29px;
}

.img-scroll2 .prev2 {
    left: 0;
    cursor: pointer;
    background: url(../img/m3left.jpg)
}

.img-scroll2 .next2 {
    right: 0;
    cursor: pointer;
    background: url(../img/m3right.jpg)
}

.img-scroll2 .prev2:hover {
    background: url(../img/m3lefth.jpg)
}

.img-scroll2 .next2:hover {
    background: url(../img/m3righth.jpg)
}

.img-list2 {
    position: relative;
    width: 100%;
    overflow: hidden
}

.img-list2 ul {
    width: 9999px;
}

.img-list2 li {
    float: left;
    display: inline;
    width: 277px;
    margin-right: 30px;
    margin-top: 35px;
}

.hottu {
    display: block;
    text-align: center;
    border: 1px solid #dcdcdc;
}

.hottu img {
    width: 100%;
    max-width: 404px;
    max-height: 335px;
}

.hotzi {
    display: block;
    line-height: 22px;
    padding: 10px;
    background: #0080c9;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.img-list2 li:hover .hotzi {
    color: #333;
    background: #fbdd12;
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .img-list2 li {
        width: 320px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 999px) {
    .img-list2 ul {
        width: 1000%;
    }

    .img-list2 li {
        width: 3.2%;
        margin-right: 0.2%;
    }
}

@media screen and (max-width: 639px) {
    .img-list2 li {
        width: 4.9%;
        margin-right: 0.2%;
    }

    .img-scroll2 {
        padding-top: 50px;
    }

    .nezi {
        padding-left: 0px;
        padding-top: 200px;
    }
    .nebiao {padding-top: 15px;}
    .netu {width: 100%;}
}

@media screen and (max-width: 369px) {
    .img-list2 li {
        width: 10%;
        margin-right: 0.2%;
    }

    .hotnav {
        top: 20px;
    }

    .netu {
        width: 280px;
    }

    .nezi {
        padding-top: 180px;
    }
}

/*************************************************************************  news2  *****************************************************************/
.nemain h1 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    padding-top: 30px;
}

.riqi {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    color: #0080c9;
    width: 150px;
    background: url(../img/shizhong2.jpg) no-repeat left center;
    margin: auto;
    padding-left: 22px;
    margin-top: 16px;
}

.nexiang {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    color: #666666;
    padding-top: 25px;
}

.nexiang p, .nexiang li, .nexiang span {
    color: #666666;
}

.nexiang span {
    color: #0080c9;
}

.nexiang a {
    color: #0080c9;
}

.nexiang ul {
    list-style-type: disc;
}

.nexiang ul li {
    list-style-type: disc;
}

.fanpian {
    margin-top: 23px;
    margin-bottom: -4px;
}

.fanpian li {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 32px;
    font-family: Tahoma, Geneva, sans-serif;
    padding-left: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.pr {
    background: url(../img/pr.jpg) no-repeat left center;
}

.ne {
    background: url(../img/ne.jpg) no-repeat left center;
}

.fanpian li a:hover {
    color: #0080c9;
}

.pa2 {
    padding-top: 48px;
}

@media screen and (max-width: 639px) {
    .nemain h1 {
        font-size: 20px;
        font-size: 2rem;
    }
}

/*************************************************************************  about  *****************************************************************/
.abmain {
}

.abnav {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 3px;
}

.abnavn {
    background: #f5f5f5;
    line-height: 54px;
}

.abnavn a {
    display: block;
    padding: 0 32px;
    float: left;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 12px;
}

.abnavn a:hover {
    background: #0080c9;
    color: #fff;
}

.dangqianab {
    background: #0080c9 !important;
    color: #fff !important;
}

.abn1 {
    padding-top: 44px;
    padding-bottom: 67px;
}
.abn1 img{ max-width:100%;}
.ab1biao {
    display: block;
}

.ab1biao img {
    width: 619px;
    height: 43px;
}

.abn1 p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 24px;
    margin-top: 24px;
}

.ab1tu {
    display: block;
    margin-top: 33px;
    margin-bottom: 48px;
}

.ab1tu img {
    width: 100%;
    max-width: 1200px;
    max-height: 612px;
}

@media screen and (max-width: 639px) {
    .ab1tu {
        margin-top: 13px;
        margin-bottom: 18px;
    }

    .abn1 {
        padding-bottom: 27px;
    }

    .abnavn a {
        padding: 0 7px;
        font-size: 12px;
        font-size: 1.2rem;
        margin-right: 0px;
    }
}

/*************************************************************************  about2  *****************************************************************/
.abn2 {
    padding-top: 44px;
}

.ab2biao {
    display: block;
}

.ab2biao img {
    width: 233px;
    height: 29px;
}

.abn2 p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    margin-top: 32px;
}

.left-pro {
    width: 1200px;
    margin: auto;
    margin-top: 43px;
    margin-bottom: 54px;
}

.left-pro .t1 {
    width: 197px;
    float: left;
}

.left-pro .t1 li {
    padding-right: 7px;
    transition: 0.2s;
    margin-bottom: 7px;
}

.left-pro .t1 li a {
    display: block;
    border: 2px solid #dfe0df;
}

.left-pro .t1 img {
    width: 100%;
}

.left-pro .t1 li:hover a {
    border: 2px solid #0080c9;
}

.left-pro .t1 li:hover {
    background: url(../img/zhizhen.jpg) no-repeat right 23px;
}

.left-pro .t2 {
    width: 974px;
    float: right;
    overflow: hidden;
    display: inline;
    position: relative;
}

.left-pro .t2 img {
    width: 100%;
    max-width: 974px;
    max-height: 608px;
    overflow: hidden;
}

.left-pro #gotop {
    cursor: pointer;
    display: block;
    background: url(../img/top.jpg) no-repeat center top;
    width: 100%;
    height: 28px;
    margin-bottom: 11px;
    margin-top: 5px;
}

.left-pro #gobottom {
    cursor: pointer;
    display: block;
    background: url(../img/bottom.jpg) no-repeat center top;
    width: 100%;
    height: 28px;
    margin-top: 11px
}

.left-pro #showArea {
    height: 520px;
    overflow: hidden;
    width: 204px;
    margin: 0px;
}

#wenzi {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 54px;
    color: #333;
}

.feiji_juyou {
    margin-right: 30px;
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .left-pro #showArea {
        height: 390px;
    }

    .left-pro {
        width: 980px;
    }

    .left-pro .t2 {
        width: 750px;
    }
}

@media screen and (min-width: 1000px) {
    .gonglie {
        display: none
    }
}

@media screen and (max-width: 999px) {
    .left-pro {
        display: none
    }

    .gonglie {
        padding-bottom: 30px;
    }

    .gonglien {
        display: block;
        width: 47%;
        margin-left: 1.5%;
        margin-right: 1.5%;
        margin-top: 20px;
        float: left;
    }

    .gongtu {
        display: block;
        text-align: center;
    }

    .gongtu img {
        width: 100%;
        max-width: 974px;
        max-height: 608px;
    }

    .gongzi {
        display: block;
        text-align: center;
        font-size: 14x;
        font-size: 1.4rem;
        line-height: 25px;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        overflow: hidden;
    }
}

@media screen and (max-width: 529px) {
    .gonglien {
        width: 97%;
    }
}

/*************************************************************************  about3  *****************************************************************/
.abn3 {
    padding-top: 44px;
    padding-bottom: 35px;
}

.ab3biao {
    display: block;
}

.ab3biao img {
    width: 201px;
    height: 29px;
}

.baidi {
    margin-top: 7px;
    padding-top: 35px;
    padding-bottom: 34px;
}

.ab3lie {
    width: 554px;
    position: relative;
    min-height: 278px;
}

.ab3tu {
    width: 200px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.ab3tu2 {
    border: 1px solid #dbdbdb;
    position: relative;
    max-width: 198px;
    margin: auto;
    overflow: hidden;
}

.ab3tun {
    display: block;
}

.ab3tun img {
    width: 100%;
    max-width: 198px;
    max-height: 276px;
}

.ab3fu {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0px;
    transition: 0.5s;
    background: #000;
    background: rgba(0, 0, 0, 0.5);
}

.ab3fu img {
    width: 37px;
    height: 39px;
    position: absolute;
    left: 50%;
    margin-left: -16px;
    top: 50%;
    margin-top: -20px;
}

.ab3zi {
    padding-left: 218px;
    padding-top: 13px;
}

.ab3zi > a {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 24px;
}

.ab3zi ul {
    margin-top: 14px;
}

.ab3zi ul a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    font-weight: bold;
    color: #4d4d4d;
    margin-top: 10px;
}

.ab3zi ul p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    color: #4d4d4d;
}

.huidi {
    border-bottom: 1px dashed #dbdbdb;
    border-top: 1px dashed #dbdbdb;
    padding-top: 4px;
    padding-bottom: 4px;
}

.huidin {
    background: #f3f4f8;
    padding: 38px 0;
}

.ab3lie:hover .ab3fu {
    top: 0px;
}

#baguetteBox-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222;
    background-color: rgba(0, 0, 0, .8);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    z-index: 99999999999999999999999999999999999999;
}

#baguetteBox-overlay.visible {
    opacity: 1
}

#baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
}

#baguetteBox-overlay .full-image figure {
    display: inline;
    margin: 0;
    height: 100%
}

#baguetteBox-overlay .full-image img {
    display: inline-block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}

#baguetteBox-overlay .full-image figcaption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    line-height: 1.8;
    color: #ccc;
    background-color: #000;
    background-color: rgba(0, 0, 0, .6);
    font-family: Verdana, Geneva, sans-serif;
}

#baguetteBox-overlay .full-image:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#baguetteBox-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    white-space: nowrap;
    -webkit-transition: left .4s ease, -webkit-transform .4s ease;
    transition: left .4s ease, -moz-transform .4s ease;
    transition: left .4s ease, transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
    animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
    animation: bounceFromLeft .4s ease-out
}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
    top: 50%;
    top: calc(50% - 30px);
    width: 44px;
    height: 60px
}

.baguetteBox-button {
    position: absolute;
    cursor: pointer;
    outline: 0;
    padding: 0;
    margin: 0;
    border: 0;
    -moz-border-radius: 15%;
    border-radius: 15%;
    background-color: #323232;
    background-color: rgba(50, 50, 50, .5);
    color: #ddd;
    font: 1.6em sans-serif;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
}

.baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
    right: 2%
}

.baguetteBox-button#previous-button {
    left: 2%
}

.baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px
}

.baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0
}

.spinner {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: bounce 2s infinite ease-in-out;
    animation: bounce 2s infinite ease-in-out
}

.double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes bounceFromRight {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
    100% {
        margin-left: 0
    }
}

@keyframes bounceFromRight {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
    100% {
        margin-left: 0
    }
}

@-webkit-keyframes bounceFromLeft {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
    100% {
        margin-left: 0
    }
}

@keyframes bounceFromLeft {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
    100% {
        margin-left: 0
    }
}

@-webkit-keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce {
    0%, 100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .ab3lie {
        width: 485px;
        min-height: 278px;
    }
}

@media screen and (max-width: 999px) {
    .ab3lie {
        width: 100%;
        float: none;
        margin: 10px 0;
    }
}

@media screen and (max-width: 489px) {
    .ab3tu {
        position: relative;
        left: auto;
        top: auto;
        margin: auto;
    }

    .ab3zi {
        padding-left: 0px;
        margin-top: 15px;
    }
}

/*****************************************************************************  contact  **************************************************************/

.comain {
    background: url(../img/coditu.jpg) no-repeat top center;
    padding-bottom: 71px;
}

.colie {
    float: left;
    text-align: center;
    margin-top: 17px;
}

.codianhua {
    width: 150px;
}

.coxinfeng {
    width: 175px;
    float: left;
    margin-left: 89px;
}

.coshouji {
    width: 140px;
    float: left;
    margin-left: 58px;
}

.codingwei {
    width: 320px;
    float: left;
    margin-left: 50px;
}

.cotu {
    display: block;
}

.cotu img {
    width: 80px;
    height: 80px;
}

.colie p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 28px;
    color: #4d4d4d;
    margin-top: 18px;
    text-transform: uppercase;
}

.colie li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 24px;
    margin-top: 5px;
}

.cotr {
    border: 1px solid #367cb3;
    width: 196px;
    float: right;
    margin-top: 17px;
    padding-top: 4px;
    padding-bottom: 15px;
}

.cotr ul {
    padding-left: 17px;
}

.cotr ul li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 39px;
    padding-left: 40px;
    margin-top: 13px;
}

.coqq {
    background: url(../img/coqq.jpg) no-repeat left center;
}

.cos {
    background: url(../img/cos.png) no-repeat left center;
}

.coapp {
    background: url(../img/coapp.png) no-repeat left center;
}

.cotr ul li a:hover, .colie li a:hover {
    color: #367cb3;
}

@font-face {
    font-family: 'FuturaStdBook';
    src: url('../fonts/FuturaStdBook.eot');
    src: url('../fonts/FuturaStdBook.eot') format('embedded-opentype'),
    url('../fonts/FuturaStdBook.woff2') format('woff2'),
    url('../fonts/FuturaStdBook.woff') format('woff'),
    url('../fonts/FuturaStdBook.ttf') format('truetype'),
    url('../fonts/FuturaStdBook.svg#FuturaStdBook') format('svg');
}

.cubiao {
    text-align: center;
    padding-top: 51px;
    padding-bottom: 20px;
    font-family: "Arial Black";
}

.cubiao a {
    display: block;
    font-size: 40px;
    font-size: 4rem;
    text-transform: uppercase;
    font-family: "Arial";
    font-weight: bold;
}

.cubiao p {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 25px;
    color: #8a8a8a;
    margin-top: 0px;
}

.cuxin { /*margin-top:-40px;*/
}

.xinl {
    width: 462px;
    float: left;
}

.xinr {
    width: 662px;
    float: right;
}

.cuxin .int1 {
    padding-left: 18px;
    margin-top: 19px;
}

.cuxin .xing {
    background: url(../img/xing.png) no-repeat left 22px;
}

.int2 #content{
    resize: none;
}


.cuxin .int1 input {
    width: 439px;
    height: 46px;
    border: 1px solid #d9d9d9;
    padding-left: 40px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 46px;
}

.cuxin .curen {
    background: #fff url(../img/coren.jpg) no-repeat left center;
}

.cuxin .cuxinfeng2 {
    background: #fff url(../img/coxinfeng.jpg) no-repeat left center;
}

.cuxin .cudianhua2 {
    background: #fff url(../img/codianhua.jpg) no-repeat left center;
}

.cuxin .cufangzi2 {
    background: #fff url(../img/cofang.jpg) no-repeat left center;
}

.cuxin .int2 {
    padding-left: 18px;
    margin-top: 19px;
}

.cuxin .int3 {
    padding-left: 18px;
    margin-top: 18px;
}

.cuxin textarea {
    width: 600px;
    height: 186px;
    border: 1px solid #d9d9d9;
    padding-left: 40px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 46px;
    background: #fff url(../img/cobiji.jpg) no-repeat left top;
}

.cuxin .int4 {
    width: 229px;
    height: 46px;
    border: 1px solid #d9d9d9;
    padding-left: 11px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 46px;
    float: left;
}

.cuxin .cuyanzheng {
    width: 161px;
    height: 50px;
    float: left;
    margin-left: 8px;
    cursor: pointer;
}

.cuxin .int5 {
    width: 200px;
    height: 50px;
    border-radius: 5px;
    border: none;
    background: #0080c9;
    float: right;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
}

.ditu {
    width: 1181px;
    height: 512px;
    margin-left: 18px;
    margin-top: 50px;
}

.cuxin .int5:hover {
    background: #1386e1;
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .codianhua {
        width: 130px;
    }

    .coxinfeng {
        width: 155px;
        float: left;
        margin-left: 20px;
    }

    .coshouji {
        width: 120px;
        float: left;
        margin-left: 20px;
    }

    .codingwei {
        width: 300px;
        float: left;
        margin-left: 20px;
    }

    .colie li {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .xinl {
        width: 400px;
    }

    .xinr {
        width: 564px;
    }

    .cuxin .int1 input {
        width: 337px;
    }

    .cuxin textarea {
        width: 503px;
    }

    .cuxin .int4 {
        width: 179px;
    }

    .cuxin .int5 {
        width: 150px;
    }

    .ditu {
        margin-left: auto;
        width: 100%;
        height: auto;
        max-width: 1181px;
        max-height: 512px;
    }
}

@media screen and (max-width: 999px) {
    .colie {
        width: 25% !important;
        margin-left: auto;
    }

    .colie li {
        font-size: 12px;
        font-size: 1.2rem;
    }

    .cotr {
        width: 97%;
        float: left;
    }

    .cotr ul {
        float: left;
        margin-left: 15px;
    }

    .xinl {
        width: 100%;
    }

    .xinr {
        width: 100%;
    }

    .cuxin .int1 input {
        width: 92.3%;
    }

    .cuxin textarea {
        width: 92.3%;
    }

    .cuxin .int4 {
        width: 30%;
    }

    .cuxin .int5 {
        width: 30%;
        float: left;
        margin-left: 10px;
    }

    .ditu {
        margin-left: auto;
        width: 100%;
        height: auto;
        max-width: 1181px;
        max-height: 512px;
    }
}

@media screen and (max-width: 729px) {
    .colie {
        width: 50% !important;
    }
}

@media screen and (max-width: 639px) {
    .xinl {
        width: 100%;
    }

    .xinr {
        width: 100%;
    }

    .cuxin .int1 input {
        width: 88.5%;
    }

    .cuxin textarea {
        width: 88.5%;
    }

    .cuxin .int4 {
        width: 30%;
    }

    .cuxin .cuyanzheng {
        float: left;
        margin-left: 10px;
    }

    .cuxin .int5 {
        width: 100%;
        margin-top: 20px;
        margin-left: auto;
    }

    .ditu {
        margin-left: auto;
    }

    .cotrbiao {
        margin-left: 9px;
    }

    .cokefu {
        margin-left: 9px;
    }

    .cotr ul {
        float: left;
        margin-left: 5px;
    }

    .cubiao a {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width: 419px) {
    .colie {
        width: 100% !important;
    }

    .cul ul {
        width: 97%;
        margin-left: 1.5%;
        margin-right: 1.5%;
        margin-bottom: 20px;
    }

    .cuxin .int1 input {
        width: 84.5%;
    }

    .cuxin textarea {
        width: 84.5%;
    }
}

.qhmain {
    background: url(../img/qhbei.jpg) no-repeat center top;
    font-family: Arial, Helvetica, sans-serif
}

.qhmain .zong {
    position: relative;
    padding-top: 64px;
    padding-bottom: 73px;
}

.qhbiao {
    display: block;
    text-align: center;
}

.qhbiao img {
    display: block;
    margin: auto;
    width: 90%;
    max-width: 475px;
    max-height: 78px;
}

.qhtu {
    display: block;
    width: 508px;
    margin-left: 367px;
    margin-top: 56px;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
}

.qhtu img {
    display: block;
    margin: auto;
    width: 100%;
    max-width: 508px;
    max-height: 508px;
}

.qhtu:hover {
    transform: rotate(360deg);
}

.qh1 {
    width: 390px;
    position: absolute;
    left: 0px;
    top: 221px;
}

.qh1a {
    display: block;
    padding-left: 85px;
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    color: #0080c9;
    line-height: 94px;
    background: url(../img/1.png) no-repeat left center;
}

.qhfu {
    position: absolute;
    height: 0px;
    z-index: 100
}

.qh2 {
    width: 390px;
    position: absolute;
    left: 0px;
    top: 384px;
}

.qh2a {
    display: block;
    padding-left: 85px;
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    color: #0080c9;
    line-height: 94px;
    background: url(../img/2.png) no-repeat left center;
}

.qh3 {
    width: 390px;
    position: absolute;
    left: 0px;
    top: 542px;
}

.qh3a {
    display: block;
    padding-left: 85px;
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    color: #0080c9;
    line-height: 94px;
    background: url(../img/3.png) no-repeat left center;
}

.qh4 {
    width: 320px;
    position: absolute;
    right: 0px;
    top: 296px;
}

.qh4a {
    display: block;
    padding-left: 85px;
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    color: #0080c9;
    line-height: 47px;
    background: url(../img/4.png) no-repeat left center;
}

.qh5 {
    width: 320px;
    position: absolute;
    right: 0px;
    top: 497px;
}

.qh5a {
    display: block;
    padding-left: 85px;
    font-size: 40px;
    font-size: 4rem;
    font-weight: bold;
    color: #0080c9;
    line-height: 94px;
    background: url(../img/5.png) no-repeat left center;
}

.qhfu1 {
    display: block;
    width: 0px;
    transition: 0.5s;
    overflow: hidden;
    background: url(../img/qhjian.png) no-repeat 23px top;
    left: 0px;
    top: 90px;
    padding-top: 20px;
}

.qhfun {
    background: #0080c9;
    padding: 16px;
    position: relative;
    min-height: 150px;
}

.qhtu2 {
    display: block;
    width: 129px;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -75px;
}

.qhtu2 img {
    display: block;
    margin: auto;
    width: 129px;
    height: 150px;
}

.qhtu21 {
    display: block;
    width: 160px;
    position: absolute;
    left: 4px;
    top: 50%;
    margin-top: -95px;
}

.qhtu21 img {
    display: block;
    margin: auto;
    width: 160px;
    height: 186px;
}

.qhfu ul {
    margin-left: 140px;
}

.qhfu ul li a {
    display: block;
    padding-left: 12px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 24px;
    background: url(../img/baidian.jpg) no-repeat left 10px;
    margin-bottom: 4px;
}

.qhfu2 {
    display: block;
    width: 0px;
    transition: 0.5s;
    overflow: hidden;
    background: url(../img/qhjian.png) no-repeat 23px top;
    left: 0px;
    top: 90px;
    padding-top: 20px;
}

.qhfu3 {
    display: block;
    width: 0px;
    transition: 0.5s;
    overflow: hidden;
    background: url(../img/qhjian2.png) no-repeat 23px bottom;
    left: 0px;
    bottom: 90px;
    padding-bottom: 20px;
}

.qhfu4 {
    display: block;
    width: 0px;
    transition: 0.5s;
    overflow: hidden;
    background: url(../img/qhjian.png) no-repeat 530px top;
    right: 257px;
    top: 90px;
    padding-top: 20px;
}

.qhfu5 {
    display: block;
    width: 0px;
    transition: 0.5s;
    overflow: hidden;
    background: url(../img/qhjian2.png) no-repeat 530px bottom;
    right: 257px;
    bottom: 90px;
    padding-bottom: 20px;
}

.qhn:hover .qhfu1 {
    width: 570px;
    height: 187px;
}

.qhn:hover .qhfu2 {
    width: 570px;
    height: 187px;
}

.qhn:hover .qhfu3 {
    width: 570px;
    height: 181px;
}

.qhn:hover .qhfu4 {
    width: 570px;
    height: 282px;
}

.qhn:hover .qhfu5 {
    width: 570px;
    height: 181px;
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    .qhtu {
        width: 308px;
        margin-left: 300px;
    }

    .qh5a, .qh4a, .qh3a, .qh2a, .qh1a {
        font-size: 20px;
        font-size: 2rem;
    }

    .qh4a {
        line-height: 94px;
    }

    .qh1 {
        width: 300px;
        position: absolute;
        left: 0px;
        top: 170px;
    }

    .qh2 {
        width: 300px;
        position: absolute;
        left: 0px;
        top: 290px;
    }

    .qh3 {
        width: 300px;
        position: absolute;
        left: 0px;
        top: 400px;
    }

    .qh4 {
        width: 330px;
        position: absolute;
        right: 0px;
        top: 170px;
    }

    .qh5 {
        width: 318px;
        position: absolute;
        right: 0px;
        top: 350px;
    }
}

@media screen and (max-width: 999px) {
    .qhmain {
        background-attachment: fixed;
    }

    .qhn {
        position: relative;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        margin-top: 10px;
        width: auto;
    }

    .qhtu {
        display: none
    }

    .qh5a, .qh4a, .qh3a, .qh2a, .qh1a {
        font-size: 20px;
        font-size: 2rem;
        line-height: 60px;
        background-size: 40px auto;
        padding-left: 50px;
    }

    .qhfu {
        position: relative;
        width: auto;
        height: auto;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        background: none;
        padding: 0px;
    }

    .qhmain .zong {
        padding-top: 30px;
        padding-bottom: 33px;
    }

    .qhbiao {
        margin-bottom: 30px;
    }

    .qhn:hover .qhfu1 {
        width: auto;
        height: auto;
    }

    .qhn:hover .qhfu2 {
        width: auto;
        height: auto;
    }

    .qhn:hover .qhfu3 {
        width: auto;
        height: auto;
    }

    .qhn:hover .qhfu4 {
        width: auto;
        height: auto;
    }

    .qhn:hover .qhfu5 {
        width: auto;
        height: auto;
    }
}

@media screen and (max-width: 599px) {
    .qhtu2 {
        position: relative;
        margin: auto;
        left: auto;
        top: auto;
    }

    .qhtu21 {
        position: relative;
        margin: auto;
        left: auto;
        top: auto;
    }

    .qhfu ul {
        margin-left: 0px;
        margin-top: 20px;
    }
}

.se4n {
    margin-top: 77px;
}

.se4lie {
    border-bottom: 1px dashed #c6c6c6;
    position: relative;
    min-height: 75px;
    padding-bottom: 33px;
    margin-top: 41px;
}

.pdf {
    position: absolute;
    left: 0px;
    top: 4px;
    display: block;
}

.pdf img {
    width: 75px;
    height: 75px;
}

.xiazai {
    display: block;
    width: 83px;
    height: 37px;
    background: url(../img/xiazai.png) no-repeat left center;
    border: 1px solid #0080c9;
    padding-left: 46px;
    color: #0080c9;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: Verdana, Geneva, sans-serif;
    position: absolute;
    right: 0px;
    top: 23px;
    line-height: 37px;
}

.xiazai:hover {
    background: #0080c9 url(../img/xiazaih.png) no-repeat left center;
    color: #fff;
}

.se4zi {
    padding-left: 104px;
    padding-right: 140px;
}

.se4zi > a {
    display: block;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 33px;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.se4zi p a {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px;
    color: #4d4d4d;
    height: 44px;
    overflow: hidden;
    margin-top: 4px;
}

.se4zi a:hover {
    color: #0080c9;
}

.mat1 {
    margin-top: 100px;
}

@media screen and (max-width: 999px) {
    .semain4 {
        padding-bottom: 79px;
    }

    .se4n {
        margin-top: 37px;
    }

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

@media screen and (max-width: 639px) {
    .se4zi {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 90px;
    }

    .se4zi p a {
        height: auto;
    }
}

.subNav2 {
    cursor: pointer;
    border-left: 5px solid #0080c9;
    margin-top: 24px;
    padding-right: 45px;
}

.subNav2 a {
    display: block;
    line-height: 24px;
    padding: 12px 0 14px 0;
    font-size: 18px;
    font-size: 1.8rem;
}

.subNav2:hover {
    background: #0080c9 url(../img/faqjianh.png) no-repeat right center;
    border-left: 5px solid #cecece;
}

.subNav2:hover a {
    color: #fff;
}

.currentDd2 a {
    color: #fff;
}

.currentDt2 {
    background: #0080c9;
url(../img/faqjianh.png) no-repeat right center;
    border-left: 5px solid #cecece;
}

.navContent2 {
    display: none;
    border: 1px solid #e9ecee;
    padding-left: 42px;
    padding-right: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666666;
    line-height: 24px;
    margin-top: 6px;
    padding-top: 15px;
    padding-bottom: 39px;
}

.navContent2 li, .navContent2 span, .navContent2 p {
    color: #666
}

.mat1 {
    margin-top: 39px;
}

@media screen and (max-width: 999px) {
    .faqmain {
        padding-bottom: 30px;
        margin-top: 14px;
    }
}

.bottom {
    margin-bottom: 20px;
}

/** kefu */
.kefu {
    position: fixed;
    top: 200px;
    z-index: 99999;
    padding-left: 11px;
    padding-right: 20px;
    width: 49px;
    background: url(../img/kefu-bg.jpg);
    padding-top: 3px;
    text-align: center;
    color: #000000;
    font-family: Verdana, Geneva, sans-serif;
    right: 0px;
    background: #f7f7f7;
    padding-bottom: 12px;
}

.kefu a {
    color: #000000;
    font-family: Verdana, Geneva, sans-serif;
}

.kefu a:hover {
    color: #ec6d00;
}

.kefu_skype {
    border-bottom: solid 1px #aaaaaa;
    padding-bottom: 1px;
    padding-top: 11px;
}

.kefu_skype_div {
    line-height: 22px;
}

.kefu_whats {
    border-bottom: solid 1px #aaaaaa;
    padding-top: 8px;
    padding-bottom: 5px;
}

.kefu_email {
    padding-top: 13px;
}

.kefu_email img {
    display: block;
    margin: auto;
}

.download {
    display: block;
    width: 277px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    background: #0080c9;
    color: #fff !important;
    font-size: 16px;
    margin: 0 auto;
    border-radius: 6px;
}

.download:hover {
    background: #fbdd12;
    color: #333;
}

.colie1 {
    margin-top: 31px;
}

.coc1 {
    width: 390px;
    float: left;
    margin-left: 51px;
}

.coc1 li {
    padding-left: 21px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 35px;
}

.codingwei1 {
    background: url(../img/codingwei.jpg) no-repeat left 9px;
}

.codianhua1 {
    background: url(../img/codianhua1.jpg) no-repeat left 10px;
}

.cochuanzhen1 {
    background: url(../img/cochuanzhen.jpg) no-repeat left 10px;
}

.coshouji1 {
    background: url(../img/coshouji.jpg) no-repeat left 9px;
}

.coxinfeng1 {
    background: url(../img/coxinfeng1.jpg) no-repeat left 13px;
}

.cos1 {
    background: url(../img/cos.jpg) no-repeat left 9px;
}

.ss {
    position: fixed;
    top: 500px;
    z-index: 999;
}

.ss li {
    width: 50px;
    height: 50px;
    background: url("../img/bi6.png") no-repeat #f00 center center;
    transition: 0.5s;
}

.ss li:hover {
    width: 70px;
}

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

#outer2 {
    margin-top: 35px;
    border-bottom: 1px solid #cccccc;
}

#tab2 { /*overflow:hidden;*/
    zoom: 1;
    border-bottom: #b3b3b3 solid 1px;
    padding-left: 30px;
    min-height: 45px;
}

#tab2 li {
    float: left;
    cursor: pointer;
    height: 44px;
    text-align: center;
    line-height: 44px;
    background: #efefef;
    font-size: 18px;
    font-size: 1.8rem; /*text-transform:uppercase; */
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    border: #b3b3b3 solid 1px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    border-right: none;
    font-weight: bold;
}

#tab2 li.current2 {
    background: #fff;
    color: #0080c9;
    border-top: #0080c9 solid 4px;
    border-bottom: none;
    height: 42px;
    border-left: #b3b3b3 solid 1px;
    border-right: #b3b3b3 solid 1px;
}

#content2 {
}

#content2 .ul {
    display: none;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    color: #666666;
    padding-top: 21px;
}

#tab2 li span {
    width: 8px;
    height: 7px;
    position: absolute;
    top: 0px;
    left: 50%;
    display: block;
    display: none;
}

#tab2 li.current2 span {
    background: url(../img/xiaosanjiao.png) no-repeat;
}

@media screen and (min-width: 1000px) and (max-width: 1219px) {
    #tab2 {
        padding-left: 0px;
    }

    #tab2 li {
        font-size: 12px;
        font-size: 1.2rem;
        padding-left: 15px;
        padding-right: 15px;
        font-weight: normal;
    }
}

@media screen and (max-width: 999px) {
    #tab2 {
        padding-left: 0px;
    }

    #tab2 li {
        font-size: 12px;
        font-size: 1.2rem;
        padding-left: 8px;
        padding-right: 8px;
        font-weight: normal;
    }
}

@media screen and (max-width: 450px) {
    #tab2 li {
        font-size: 12px;
        font-size: 1.2rem;
        padding-left: 5px;
        padding-right: 5px;
        font-weight: normal;
    }
}

@font-face {
    font-family: 'Wingdings';
    src: url('../fonts/Wingdings.eot');
    src: url('../fonts/Wingdings.eot') format('embedded-opentype'),
    url('../fonts/Wingdings.woff2') format('woff2'),
    url('../fonts/Wingdings.woff') format('woff'),
    url('../fonts/Wingdings.ttf') format('truetype'),
    url('../fonts/Wingdings.svg#Wingdings') format('svg');
}

.chanxingxing {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 20px;
    display: block;
    color: #000
}

.dingbuyx {
    background: url(../img/youxiangqh.png) no-repeat left center;
    font-size: 20px;
    font-size: 2rem;
    float: right;
    color: #1d6fb8;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 48px;
    font-weight: bold;
}
.hidden {display: none;}