@charset "UTF-8";

/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-12-12 14:11:10
 * @version $Id$
 */


/*top区域开始*/

.wrapper > .top {
    width: 100%;
    height: 110px;
    background: #fff;
}

.wrapper > .top .w1200 {
    background: #fff;
    height: 110px;
}

.logo {
    float: left;
}

.logo a {
    float: left;
}

.logo a img {
    float: left;
}

.logo2 {
    margin-left: 10px;
}

.top_r {
    width: 360px;
    float: right;
}

.top_rt {
    float: right;
    margin-top: 30px;
}

.top_rt ul li {
    float: left;
    font-size: 13px;
    color: #666;
    margin-left: 14px;
}

.top_rt ul li a {
    float: left;
    color: #666;
    line-height: 13px;
}

.top_rt ul li a:hover {
    text-decoration: underline;
}

.top_rb {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.top_rbr {
    float: right;
    width: 260px;
    height: 30px;
    background: #efefef;
    margin-left: 20px;
}

.search_txt {
    width: 210px;
    height: 22px;
    float: left;
    line-height: 22px;
    border: 0;
    background: none;
    font-size: 13px;
    color: #999;
    outline: 0;
    margin: 4px 0 0 10px;
    *margin: 5px 0 0 -10px;
}

.search_tj {
    width: 35px;
    height: 30px;
    float: left;
    background: url(search_icon_001.png) no-repeat 50% 50%;
    border: 0;
    outline: 0;
    margin-left: 3px;
}


/* 头部二维码样式 */

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

.hoverewm:hover {
    overflow: visible;
}

.hoverewm div {
    position: absolute;
    top: 15px;
    right: 0;
}

.hoverewm div img,
.hoverewm div {
    width: 88px;
    height: 88px;
}



/*nav区域开始*/


/*.nav_bg {
    width: 100%;
    height: 50px;
    background: #2373c8;
}
.nav_bg .w1200{background: #2373c8;}

.nav_list,
.nav_list>ul {
    height: 50px;
}

.nav_list>ul>li {
    width: 133px;
    height: 50px;
    float: left;
    position: relative;
}

.nav_list>ul>li>a {
    color: #fff;
    width: 133px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    font-size: 17px;
    font-weight: bold;
}

.nav_boxl {
    position: absolute;
    padding-bottom: 26px;
    top: 50px;
    left: 0;
    width: 133px;
    z-index: 10000;
    display: none;
    background: url(box_xialabar.png) center bottom no-repeat;
}

.nav_boxl li {
    width: 133px;
    background: #fff;
    height: 37px;
}

.nav_boxl li a {
    width: 123px;
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    color: #666;
    margin: 0 auto;
    border-bottom: 1px solid #e6e6e6;
}

.nav_boxl li a:hover {
    background: #F5F1F1;
    color: #2373c8;
}*/


/*导航条样式二*/

.pc_nav2 {
    float: left;
    width: 100%;
    height: 50px;
    background: #2373c8;
    position: relative;
    min-width: 1200px;
}

.pc_nav2 .page-con {
    margin: 0 auto;
    width: 1200px;
    position: relative;
    z-index: 3;
}

.pc_nav2 .page-con>li {
    float: left;
    position: relative;
    display: inline-block;
}

.pc_nav2 .page-con>li>p {
    width: 100%;
    float: left;
    font-size: 17px;
    height: 50px;
    position: relative;
    z-index: 3;
}

.pc_nav2 .page-con>li>p a {
    width: 100%;
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    background-position: 50% 100%;
}

.pc_nav2 .page-con>li.on>p a {
    background: url(nav_over_bg.png) no-repeat 50% 100% #0452a4;
}

.pc_nav2 .page-con>li.nav_nobg:hover>p a {
    background: #0452a4 !important;
}

.pc_nav2 .page-con>li.on>.nav_list {
    height: 250px;
}

.nav_wapperBg {
    width: 100%;
    height: 1316px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    min-width: 1200px;
}

.pc_nav2 .nav_list {
    width: 530px;
    height: 0;
    background: #fff;
    float: left;
    margin: 0 0 0 -150px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.pc_nav2 .nav_list_l {
    width: 220px;
    float: left;
    margin-left: 5px;
    margin-top: 15px;
}

.pc_nav2 .nav_list_l>ul {
    width: 100%;
    float: left;
}

.pc_nav2 .nav_list_l>ul>li {
    width: 90px;
    height: 45px;
    border-bottom: 1px solid #ebebeb;
    float: left;
    margin-left: 20px;
    background: url(nav_second_icon.png) no-repeat 0 50%;
    *height: 44px;
    white-space: nowrap;
}

.pc_nav2 .nav_list_l>ul>li a {
    float: left;
    line-height: 45px;
    color: #666;
    font-size: 14px;
    margin-left: 15px;
}

.pc_nav2 .nav_list_l>ul>li a:hover {
    text-decoration: underline;
}

.pc_nav2 .nav_list_r {
    width: 235px;
    height: 165px;
    float: left;
    margin: 30px 0 0 40px;
}

.pc_nav2 .nav_list_r a {
    float: left;
}

.pc_nav2 .nav_list_r img {
    width: 235px;
    height: 165px;
    float: left;
}


/*.nav_li_0{margin-left:150px;}*/

.pc_nav2 .nav_li_1 {
    margin-left: 0;
}


/*.nav_li_2{margin-left:300px;}*/


/*.nav_li_3{margin-left:450px;}*/


/*.nav_li_4{margin-left:410px;}*/


/*.nav_li_5{margin-left:560px;}*/

.pc_nav2 .nav_li_6 {
    margin-left: -150px;
}

.pc_nav2 .nav_li_7 {
    margin-left: -170px;
}

.pc_nav2 .nav_li_8 {
    margin-left: -292px;
}

.nav_off {
    display: none;
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0;
    background: url(mob_nav_off.png) no-repeat 50% 50% #fff;
    border-left: 1px solid #ccc;
}

.nav_on {
    display: none;
    width: 50px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0;
    background: url(mob_nav_on.png) no-repeat 50% 50% #fff;
    border-left: 1px solid #ccc;
}

.nav ul li {
    position: relative;
}

.nav ul li p {
    position: relative;
}

.mob_nav {
    width: 100%;
    float: left;
    background: #fff;
    display: none;
}

.mob_nav ul li p .nav_off {
    display: inline-block;
}

.mob_nav>ul {
    width: 100%;
    float: left;
}

.mob_nav>ul>li>p {
    width: 100%;
    float: left;
    line-height: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
}

.mob_nav>ul>li>p>a {
    color: #333;
}

.mob_nav>ul>li>ul {
    width: 100%;
    float: left;
    background: #eee;
    display: none;
}

.mob_nav>ul>li.on>p {
    background: #0452a4;
}

.mob_nav>ul>li.on>ul {
    display: block;
}

.mob_nav>ul>li>ul {
    width: 100%;
    float: left;
}

.mob_nav>ul>li>ul>li {
    width: 100%;
    float: left;
}

.mob_nav>ul>li>ul>li>p {
    text-align: center;
    height: 36px;
    border-bottom: 1px solid #e6e6e6;
}

.mob_nav>ul>li>ul>li>p>a {
    line-height: 36px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
    color: #666;
}

.mob_nav>ul>li>ul>li>ul {
    width: 100%;
    float: left;
    background: #ddd;
    display: none;
}

.mob_nav>ul>li>ul>li>ul>li {
    width: 100%;
    float: left;
    text-align: center;
}

.mob_nav>ul>li>ul>li>ul>li>p {
    border-bottom: 1px solid #ccc;
}

.mob_nav>ul>li>ul>li>ul>li>p>a {
    line-height: 36px;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    display: block;
    font-size: 14px;
    color: #666;
}

.mob_off {
    display: none;
    width: 42px;
    height: 34px;
    background: url(nav_kg.png) no-repeat 0 0;
    position: absolute;
    top: 32px;
    right: 2.5%;
    display: none;
}

.mob_on {
    display: none;
    width: 42px;
    height: 34px;
    background: url(nav_kg.png) no-repeat 0 0;
    position: absolute;
    top: 32px;
    right: 2.5%;
    display: none;
}



/*导航条-栏目个数选择*/

.w7 ul li {
    width: 14.28571%;
}

.w8 ul li {
    width: 12.5%;
}

.w9 ul li {
    width: 11.11111%;
}

.w10 ul li {
    width: 10%;
}

.w11 ul li {
    width: 9.09090%;
}

.w12 ul li {
    width: 8.33333%;
}



/*nav区域end*/


/*bottom区域开始*/

.wrapper > .bottom {
    width: 100%;
    height: 215px;
    float: left;
    background: #efefef;
    min-width: 1200px;
    margin-top: 25px;
    border-top: 4px solid #019eeb;
}

.wrapper > .bottom .w1200 {
    height: 175px;
}

.wrapper > .bottom .bottom_t {
    width: 100%;
    height: 30px;
    float: left;
    text-align: center;
    margin-top: 12px;
}

.wrapper > .bottom .bottom_t ul {
    margin: 0 auto;
}

.wrapper > .bottom .bottom_t ul li {
    display: inline-block;
    color: #333;
    font-size: 15px;
    line-height: 30px;
    padding: 0 30px 0 24px;
    background: url(bottom_icon_001.png) no-repeat 100% 50%;
    *display: inline;
}

.wrapper > .bottom .bottom_t ul li a {
    display: inline-block;
    color: #333; 
}

.wrapper > .bottom .bottom_t ul li a:hover {
    text-decoration: underline;
}

.wrapper > .bottom .bottom_b {
    width: 100%;
    float: left;
    margin-top: 16px;
}

.wrapper > .bottom .bottom_bl {
    width: 386px;
    float: left;
}

.wrapper > .bottom .bottom_blt {
    width: 100%;
    float: left;
    font-size: 17px;
    color: #333;
}

.wrapper > .bottom .bottom_blb {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #333;
    margin-top: 10px;
}

.wrapper > .bottom .bottom_blb a {
    color: #333;
}

.wrapper > .bottom .bottom_blb a:hover {
    text-decoration: underline;
}

.wrapper > .bottom .bottom_bm {
    width: 550px;
    float: left;
    margin-left: 20px;
}

.wrapper > .bottom .bottom_bmt {
    width: 100%;
    float: left;
    font-size: 17px;
    color: #333;
}

.wrapper > .bottom .bottom_bmb {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #333;
    margin-top: 10px;
}

.wrapper > .bottom .bottom_bmb div {
    float: left;
    *width: 212px;
}

.wrapper > .bottom .bottom_br {
    float: right;
}

.wrapper > .bottom .bottom_br div {
    width: 88px;
    float: left;
    margin-left: 33px;
}

.wrapper > .bottom .bottom_br div p {
    width: 88px;
    float: left;
    text-align: center;
    font-size: 15px;
    color: #333;
}

.wrapper > .bottom .bottom_br div img {
    width: 88px;
    height: 88px;
    float: left;
    margin-top: 10px;
}

.lxwm1 {
    width: 330px;
    margin-right: 20px;
}

.lxwm2 {
    width: 200px;
}


/*bottom区域end*/


/*footer区域开始*/

.wrapper > .footer {
    width: 100%;
    height: 50px;
    float: left;
    background: #fff;
    line-height: 50px;
    color: #333;
}

.footer .w1200 {
    height: 50px;
    background: #fff;
}

.footer_l {
    float: left;
    font-size: 13px;
}

.footer_l a {
    float: left;
    color: #333;
}

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

.footer_l span {
    float: left;
    width: 24px;
    height: 50px;
    background: url(footer_icon_001.png) no-repeat 50% 50%;
    display: inline-block;
}

.footer_r {
    float: right;
    font-size: 13px;
}

.footer_r a {
    color: #333;
}

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


/*footer区域end*/


/*friendlink区域*/

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

.friendlink {
    width: 100%;
    height: 50px;
    margin-top: 30px;
    background-color: #dcdcdc;
    overflow: hidden;
}

.friendlink_wrap {
    line-height: 50px;
    overflow: hidden;
}

.friendlink_title {
    float: left;
    margin-right: 50px;
    font-size: 16px;
    line-height: 50px;
}

.friendlink li {
    float: left;
    width: 230px;
    height: 30px;
}

.friendlink li+li {
    margin-left: 52px;
}

.friendlink select {
    padding: 4px 0;
    width: 228px;
    height: 28px;
    font-size: 13px;
    line-height: 28px;
}


/*friendlink区域end*/