﻿.page{
    position: relative;
    width: 100%;
    height: auto;
    font-family: "Microsoft YaHei";
    /* background-color: #f2f2f2; */
    min-width: 1200px;
    max-width: 1920px;
    margin: 0 auto;
}
.page2{
    background-color:#f2f2f2;
}
.page a,.top a,.content a{
    text-decoration: none;
    display: inline;
}

.R_content a{
    text-decoration: none !important;
}
.top{
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #ffffff;
    z-index: 100;
}
.top_banner{
    width: 1200px;
    margin: 0 auto;
    height: 80px;
}
.top_banner .logo{
    width: 250px;
    margin-top: 30px;
}
.top_navs{
    width:690px;
    height: 50px;
    margin-left: 350px;
    margin-top: -30px;
}
.top_navs li a{
    color: #333333;
    height: 45px;
    display: inline-block;
}
.top_navs li a:hover{
    color: #ff5500
}
.top_navs .active{
    color: #ff5500 !important;

}
.top_navs .active_li{
}
.top_navs li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: #333333;
    margin-right: 33px;
    height: 50px;
    line-height: 50px;
}
.top_navs li:hover{
    color: #ff5500;
}
.top_banner .free{
    width: 100px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    background-color: #2cc8ff;
    color: #ffffff;
    float: right;
    border-radius: 15px;
    font-size: 16px;
    margin-top: -66px;
}
.top_banner .free a{
    color: #ffffff;
}
.top_banner .telephone_num{
    float: right;
    width: 178px;
    height: 25px;
    font-size: 14px;
    text-align: center;
    margin-top: -30px;
    color: #333333;
}
.top_banner .telephone_num span{
    color: #ff5500;
    font-weight: bolder;
}
.erji{
    position: absolute;
    width: 100%;
    height: 45px;
    background-color: #555555;
    left: 0;
    margin-top: 0px;
    text-align: right;
    display: block;
    -webkit-animation: fadeIn 0.5s 0s ease both;
    animation: fadeIn 0.5s 0s ease both;
    z-index: 99999;
}
.nacs{
    margin-top: -35px;
}
.erji1{
    position: absolute;
    width: 100%;
    height: 45px;
    background-color: #555555;
    left: 0;
    margin-top: 3px;
    text-align: right;
    display: block;
    -webkit-animation: fadeIn 0.5s 0s ease both;
    animation: fadeIn 0.5s 0s ease both;
    z-index: 9999;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeout {
    -webkit-animation: fadeout 1s .2s ease both;
    animation: fadeout 1s .2s ease both;
}
@-webkit-keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeout {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.show{
    opacity: 1;
}
.erji_navs{
    width: 1200px;
    height: 47px;
    margin: 0 auto;
    margin-top: 0px;
}
.erji_navs li{
    width: 137px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    list-style: none;
    display: inline-block;
    margin-right: -5px;
}
.erji_navs .active{
    background-color: #ff5500;
    color: #ffffff !important;
    border: none;
    width: 137px !important;
    height: 45px !important;
}
.erji_navs li:hover{
    background-color: #ff5500;
    color: #ffffff;
    border: none;
}

/*头部结束*/
/*底部开始*/
.bottom{
    position: relative;
    background-color: #283442;
    vertical-align: top;
    min-width: 1200px;
}
.bottom_center{
    width: 1200px;
    margin: 0 auto;
    padding: 27px 5px 5px 5px;
    position: relative;
    vertical-align: top;
}
.b_logo{
    width: 228px;
    height: 29px;
}
.bottom_center .left{
    width: 300px;
    display: inline-block;
    position: absolute;
    left: 5px;
}
.bottom_center .left ul{
    margin-top: 15px;
}
.bottom_center .left li{
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    float: left;
}
.bottom_center .left .img1{
    width: 35px;
    height: 35px;
    background: url("../images/lianjie.png") no-repeat;
    background-position: 0% 0%;
}
.bottom_center .left .img2{
    width: 35px;
    height: 35px;
    background: url("../images/lianjie.png") no-repeat;
    background-position: 50% 0%;
}
.bottom_center .left .img3{
    width: 35px;
    height: 35px;
    background: url("../images/lianjie.png") no-repeat;
    background-position:100% 0%;
}
.bottom_center .center{
    width: 520px;
    margin-left: 300px;
    font-size: 12px;
    color: #a7a7a7;
    position: relative;
    display: inline-block;
    float: left;
}
.bottom_center .center ul .active,.bottom_center .right ul .active{
    font-size: 15px;
    color: #ffffff !important;
}
.bottom_center .center ul{
    position: relative;
    display: inline-block;
    vertical-align:top;
}
.bottom_center .center ul li,.bottom_center .right ul li{
    line-height: 15px;
    height: 28px;
    font-size: 12px;
}
.bottom_center .center ul li a:hover,.lianjie a:hover,.hide_bottom a:hover{
    color: #d8d8d8;
}
.down{
    margin-left: 110px;
}
.about{
    margin-left: 110px;
}
.bottom_center .right{
    width: 300px;
    text-align: left;
    float: right;
    padding-bottom: 12px;
}
.bottom_center .right .rexian{
    font-size: 16px;
    color: #ffffff;
    text-align: left;
}
.bottom_center .right li a{
    border:1px solid #a7a7a7;
    padding: 3px 15px;
}
.bottom_center .right li a:hover{
    background-color:#a7a7a7;
    color: #283442;
}
.right .telephone_num{
    color: #ff5e0d;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
    text-align: left;
}
/*.right img{
    margin-top: 10px;
}*/
.hr{
    height: 1px;
    width: 100%;
    background-color: #343e4b;
    margin-top: 7px;
    /*margin-top: 260px;*/
}
.banquan{
    color: #a7a7a7;
    line-height: 30px;
    text-align:center;
    border-top:1px solid #343e4b;
}
.lianjie{
    clear: both;
    /*width: 1200px;*/
    text-align: left;
    color: #a7a7a7;
    /*margin: 0px 80px;*/
    line-height: 36px;
    padding-top: 10px;
}
.lianjie a{
    color: #a7a7a7;
}
.bottom_center a,.bottom_center li{
    color: #a7a7a7;
}
/*底部结束*/
.content{
    position: relative;
    width: 100%;
    height: auto;
}
.content2{
    background:#fff;
}
.return{
    width: 50px;
    position: fixed;
    z-index: 999;
    display: none;
    right:0px;
    bottom: 100px;
}
.return img{
    width: 50px;
    height: 50px;
    cursor: pointer;
    border-radius: 50%;
}

.chhid .active{
    margin-top: 0px !important;
}

#pages a{
    border: 1px solid #666;
    padding: 4px 7px;
    color: #333;
    border-radius: 5px;
}
#pages span{
    border: 1px solid #666;
    padding: 4px 7px;
    border-radius: 5px;
}
.aside{
    position: fixed;
    right: 0;
    top: 40%;
}
.aside_nav li{
    list-style: none;
    margin-bottom: 5px;
}
.aside_nav li a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.QQcontent{
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -70px;
    border-radius: 5px;
}
.QQcontent a img{
    width: 50px;
    height: auto;
}
.link_list{display:none;background: #283442;overflow: hidden;margin-top: 5px}
.link_list li{float: left;width:160px;margin: 5px 0;text-align: left;font-size: 12px;color: #a7a7a7;}
.link_list a{display: inline-block;}
.friend_link{cursor: pointer;}


/*侧边栏*/
/* leftsead */
#leftsead{width:163px;height:290px;position:fixed;top:350px;right:0px; z-index:110;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{/*width:163px;*/height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:161px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:143px;}
#leftsead li a.youhui .2wm{display:none;position:absolute;right:143px;}
.p2{width:112px;background-color:#00bdff;height:47px;margin-left:47px;border:1px solid #00bdff;text-align:center;line-height:47px}
.p3{width:112px;background-color:#3385ff;height:47px;margin-left:49px;border:1px solid #3385ff;text-align:center;line-height:47px}
.p4{width:112px;background-color:#ff894e;height:47px;margin-left:47px;border:1px solid #ff894e;text-align:center;line-height:47px}
.p5{width:112px;background-color:#46C1A1;height:47px;margin-left:47px;border:1px solid #46C1A1;text-align:center;line-height:47px}
.p1{width:47px;height:49px;float:left}
.shows{border-radius: 5px;}


/*隐藏的底部*/

.hide_bottom{
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #283442;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
    position: relative;
}
.bottom_list1{
    width: 1200px;
    margin: 0 auto;
    line-height: 35px;
}
.bottom_list1 li{
    display: inline-block;
    width: 175px;
    padding-right: 20px;
    color: #a7a7a7;
    font-size: 14px;
}
.bottom_list1 li a{
    color: #a7a7a7;
}