html, body, span, div, p, a, table, tbody, td, h1, h2, h3, h4, h5, h6, img, form, font, strong, b, i, dl, dt, dd, ol, ul, li, dl, dd, dt, iframe, label, blockquote, input, button {padding:0; margin:0;list-style: none;text-decoration:none;}
html{font-size:100px;}
body{position:relative;font-family: "微软雅黑";font-size:.3rem;color:#666;}
a {color: #333;text-decoration: none;cursor: pointer;text-decoration: none;-webkit-font-smoothing: subpixel-antialiased}
a:hover {color: #ff8000;text-decoration: none;cursor: pointer;text-decoration: none;-webkit-font-smoothing: subpixel-antialiased}
.clear{clear:both;}
img{border:0;}
.head{height:2.2rem;background:#fff;box-shadow:0 0 10px #ccc;}
    .head .logo {
        float: left;
        background: url(../images/log.png) no-repeat;
        background-size: 100%;
        width: 10rem;
        height: 1.8rem;
        margin: .35rem 0 0 .35rem;
    }
.menu{width:1.1rem;height:.8rem;background:url(../images/menu.png) no-repeat;background-size:100%;float:right;margin:0.8rem .37rem 0 0;}
.nav{padding:20px 0 0;}
.nav a{color:#666;font-size:.5rem;text-align:center;float:left;width:25%;margin-bottom:20px;}
.nav a img{width:60%;margin:0 auto;}

.hxyw {background-color: #eaeaea;width: 100%;padding-bottom:0.3rem;margin: 0px auto;}

.box{width:96%;padding:.15rem 2% 0 2%;clear:both;float:left;}
.box .tit{width:100%;line-height:1.2rem;height:1.2rem;border-bottom:#ccc solid 1px; text-align:left; padding-top:0.3rem}
.box .tit .more a{color:#999;font-size:.4rem;}
.box .tit .more{float:right;margin-right:.3rem;}
    .box .tit h3 {
        margin: 0 auto;
        font-size: .55rem;
        font-weight: normal;
        color: #000000;
        text-align: left
    }
.box .tit h3 .yw{margin:0 auto; font-size:.4rem; font-weight:normal;font-family:Arial, Helvetica, sans-serif; text-transform: uppercase; color:#999; padding-left:8px;}

.about .ctt{padding:0.15rem 0 0px 0;font-size:.45rem;line-height:.9rem;}
.about .ctt img{float:left;margin:0 .4rem 0 0;width:5.3rem;}
.about .ctt .more{color:#ff8200;}

.pro .ctt ul li{width:48.5%;margin:0.2rem 0 0rem 0.5%;float:left;position:relative;}
.pro .ctt ul li:nth-child(2n){margin-left:2.5%;}
.pro .ctt ul li a{display:block;}
.pro .ctt ul li img{width:100%;height:5.85rem;}
.pro .ctt ul li p{position:absolute;height:1rem;line-height:1rem;background:rgba(0,0,0,.5);bottom:0.1rem;width:100%;color:#fff;text-align:center;font-size:.5rem;}

.pro2{ padding-top:0.2rem}
.pro2 .ctt ul li{width:48.5%;margin:0.2rem 0 0rem 0.5%;float:left;position:relative;}
.pro2 .ctt ul li:nth-child(2n){margin-left:2.5%;}
.pro2 .ctt ul li a{display:block;}
.pro2 .ctt ul li img{width:100%;height:7.4rem;}
.pro2 .ctt ul li p{position:absolute;height:1rem;line-height:1rem;background:rgba(0,0,0,.5);bottom:0.1rem;width:100%;color:#fff;text-align:center;font-size:.5rem;}

.position .ctt li{position:relative;padding:.4rem 0;display:block;clear:both;height:3rem;overflow:hidden;}
.position .ctt li div{float:left;width:45%;}
.position .ctt li:nth-child(2n) .img{float:right;text-align:right;}
.position .ctt li div img{width:100%;}
.position .ctt li .img{margin-right:5%;}
.position .ctt li .word{margin-left:5%;}
.position .ctt li:nth-child(2n) .img{margin:0 0 0 5%;}
.position .ctt li:nth-child(2n) .word{margin:0 5% 0 0;}
.position .ctt li .word h2{color:#005BA0;font-size:.6rem;font-weight:normal;}
.position .ctt li .word p{font-size:.5rem;line-height:.6rem;margin:.2rem 0 0;}
.position .ctt li .line{width:.16rem;height:3.8rem;background:#5C96BE;position:absolute;left:50%;top:0;margin-left:-.08rem;}
.position .ctt li .cir{width:.5rem;height:.5rem;background:#1C6DAC;border-radius:1rem;border:.1rem solid #5C96BE;position:absolute;left:50%;top:0;margin-left:-.33rem;}

.news .ctt li {
    float: left;
    margin: 0.2rem 0 0.3rem 0;
    width: 98%;
}
.news .ctt li img{float:left;width:45%;height:5.1rem;}
.news .ctt li .imgR{float:right;width:50%;}
.news .ctt li .imgR h2{color:#ff8200;font-size:.5rem;font-weight:normal;line-height:1rem;}
.news .ctt li .imgR .p1{height:2.1rem;overflow:hidden;margin:.2rem 0;font-size:.4rem;color:#666;line-height:.7rem;text-indent:.8rem;}
.news .ctt li .imgR .p2{color:#999;font-size:.4rem;line-height:.8rem;}
.news .ctt li .imgR .ly{color:#999;font-size:.4rem;line-height:.6rem;}
.news .ctt li .imgR .p2 span{float:left;margin-right:.5rem;}
.footer{position:relative;line-height:.7rem;color:#eee;font-size:.45rem;background:#161817;padding:.5rem 0.5rem .5rem;text-align:center; margin-bottom:1.05rem; margin-top:0.4rem}
.top{position:absolute;left:50%;margin-left:-.5rem;bottom:.3rem;width:1.05rem;height:1.05rem;background:#333;border-radius:2rem; line-height:0.45rem; font-size:0.3rem; padding-top:0.05rem}
.footer a{ color:#FFF}

.slideBar {
    right: -5rem;
    width: 5rem;
    background: #16a1b3;
    position: fixed;
    height: 100%;
    padding-top: 5%;
    z-index: 1000;
}
.slideBar a{display:block;text-align:center;width:100%;float:left;color:#fff;line-height:1.4rem;height:1.4rem;font-size:.5rem;}
.bg{position:fixed;width:100%;height:100%;left:0;top:0;z-index:500;background:rgba(0,0,0,.6);display:none;}

.pagelist{text-align:center;border-top:1px solid #ccc;display:inline-block;width:100%;padding:10px 0;margin-top:10px;}
.pagelist a{padding:0 .3rem;height:0.8rem;line-height:0.8rem;border:1px solid #ccc;color:#666;display:inline-block;margin:0 .1rem;}
.page span {font-size: 12px;color: #000;display: inline-block;padding: 10px 5px 10px 0px;margin-left: -1px;}

.tab-hd2 {zoom:1; width:98%; margin:0 auto; text-align:center; line-height:1.2rem;}
.tab-hd2 li{ width:31%; float:left; margin:0 1% 0.3rem;white-space:nowrap;}
.tab-hd2 a{background:#ff8200;color:#fff; text-align:center; cursor:pointer;font-size:0.45rem; display:block; line-height:1rem; height:1rem;border-radius:2px}
.tab-hd2 a:hover{ background:#000;font-size:0.45rem;display:block; line-height:1rem; height:1rem;border-radius:2px}
.tab-hd2 a.active{ background:#000;font-size:0.45rem;display:block; line-height:1rem; height:1rem;border-radius:2px}

.ejfl {width:97.5%;padding:.1rem 0% .3rem 2.5%;clear:both;float:left; border-bottom:#ccc solid 1px;}
.ejfl li{ width:31.5%; float:left; margin:1.5% 1.5% 0rem 0;white-space:nowrap;}
.ejfl a{background:#666;color:#fff; text-align:center; cursor:pointer;font-size:0.45rem; display:block; line-height:1rem; height:1rem;border-radius:2px}
.ejfl a:hover{ background:#ff8200;font-size:0.45rem;display:block; line-height:1rem; height:1rem;border-radius:2px}
    .ejfl a.xz {
        background: #de3032;
        font-size: 0.45rem;
        display: block;
        line-height: 1rem;
        height: 1rem;
        border-radius: 2px
    }

.news2{ padding-top:0.2rem}
.news2 .xwxq {width:98%; margin:0 auto}
.news2 .xwxq .bt2 {font-size:0.55rem;font-weight: normal;color: #333;border-bottom: 1px dotted #ddd;padding: 0.2rem 0px 0.1rem 0px;line-height:1rem;width:100%; text-align:center}
.news2 .xwxq .rq {color: #999;width:100%;padding-top: 0.2rem; text-align:left; line-height:0.5rem;text-align:center}
.news2 .xwxq .tp9 img{ width:100%;padding:.35rem 0 0rem 0; margin:0 auto}
.news2 .xwxq .tp9 img{max-width:100%;}
.news2 .xwxq .nrxq {line-height:0.8rem;color: #333;width:100%;padding-top:0.3rem; padding-bottom:0.3rem; font-size:0.45rem}
.news2 .xwxq .nrxq img{ max-width:100%}
.news2 .xwxq .nrxq a{ color:#333;font-size:0.45rem}
.news2 .xwxq .nrxq a:hover{ color:#ff8200;font-size:0.45rem}
.news2 .xwxq .nrxq p{ padding-bottom:0.3rem;}
.news2 .sxp {width:100%;margin: 0px auto;padding-top:0.35rem;border-top: 1px dotted #ddd;font-size:0.40rem; line-height:0.8rem}
.news2 .sxp a{ color:#666;font-size:0.40rem}
.news2 .sxp a:hover{ color:#ff8200;font-size:0.40rem}

#footer2 {
    background: #2e2e2e;
    margin: 0rem auto 0px auto;
    left: 0px;
    height: 1.1rem;
    right: 0px;
    bottom: 0px;
    color: #fff;
    line-height: 1.1rem;
    position: fixed;
    z-index: 999;
    overflow-x: hidden;
    width: 100%;
}
#footer2 li {width: 33.3333333333%; text-align: center; float: left;display:block; line-height:1.1rem;height:1.1rem; }
#footer2 li a {text-align:center; color:#FFF;font-size:0.45rem; }
#footer2 li a:hover {text-align:center; color:#FFF;font-size:0.45rem; }

/*page*/
.page_box {clear: both;padding-top:0px;padding-bottom: 40px;}
@media only screen and (max-width: 640px) {.page_box {padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 30px;}}
.page {text-align: center;}
.page span {font-size: 12px;color: #fff;display: inline-block;padding: 0px 5px;margin-left: -1px;}
.page a {font-size: 12px;color: #333;background: #fff;display: inline-block;padding:0px 10px; border:#CCC solid 1px;}
.page a:hover,
.page .absolutepage {background: #ff8200; color:#FFF}
.page .absolutepage {}
.page .page_index,
.page .page_end {padding: 5px 24px;}
@media only screen and (max-width: 640px) {.page a,.page .page_index,.page .page_end {padding: 5px 10px;margin-bottom: 10px;}}