/*
        --分页栏示意代码
        <div style="margin-top:10px;text-align:center;" class="pagebar">
            <span class="p_pages">
                <span class="p_prev_d p_fun_d"><a href="#">&lt;</a></span>
                <span class="p_next p_fun"><a href="#">&gt;</a></span>
            </span>
        </div>
        --样式名称表
         名称    带链接样式 不带链接样式 公共样式 不带链接公共样式
         首页     p_first   p_first_d   p_fun   p_fun_d
         尾页     p_last    p_last_d    p_fun   p_fun_d
         上一页   p_prev    p_prev_d    p_fun   p_fun_d
         下一页   p_next    p_next_d    p_fun   p_fun_d
         某页     p_no      p_no_d

         省略号   p_dot
         页码框   p_goto_input  p_goto
         跳转     p_goto
        */
        /*pagebar可改为自定义名称*/

        /*公共样式 字体，行高，字体颜色等*/
        .pagebar {
            font-size: 12px;
            font-family: SimSun;
            line-height:12px;

            color:#222;
        }

        /*去掉a链接的下划线*/
        .pagebar a{
            text-decoration: none;
        }

        /*消掉最左侧页码区margin-left的5个像素*/
        .pagebar .p_pages{
            margin-left: -5px;
        }

        /*按钮和页码的外观*/
        .pagebar .p_fun_d, .pagebar .p_no_d,.pagebar .p_fun a, .pagebar .p_no a{
            width: 38px;
            height:55px;
            -height:auto;
            line-height:12px;
            box-sizing:border-box;
            display:inline-block;
            vertical-align:middle;
            background: #f28e1e;
        }

        /*文字对齐样式*/
        .pagebar .p_t{
            line-height:55px;
            margin:0px;
            padding:0px;
            display:inline-block;
            vertical-align:middle;
        }

        /*无链接的字体颜色*/
        .pagebar .p_fun_d, .pagebar .p_no_d{
            font-size: 40px;
            font-family: SimSun;
            line-height:44px;
            color: white;
            font-weight: bolder;
        }

        /*链接字体颜色*/
        .pagebar .p_fun a, .pagebar .p_no a{
            font-size: 40px;
            font-family: SimSun;
            line-height:44px;
            color: white;
            font-weight: bolder;
        }

        /*鼠标移上时有链接按钮的外观*/
        .pagebar .p_no a:hover,.pagebar .p_fun a:hover, .pagebar .p_goto a:hover{
            background-color: #f5f5f5;
        }


        /*页码省略号...的外观*/
        .pagebar .p_dot {
            margin-left:4px;
            margin-right:-4px;
            color:#222;
        }

        /*当前页码的外观*/
        .pagebar .p_no_d {
            border: 1px solid #258CFF;
            color: #fff;
            background-color: #258CFF;
        }

        /*按钮控制*/

        /*控制是否显示 "首页" "尾页" */
        .pagebar .p_first,.pagebar .p_first_d,.pagebar .p_last,.pagebar .p_last_d{
            display:none;
        }

        /*控制是否显示 "上页" "下页"*/
        .pagebar .p_prev,.pagebar .p_prev_d.pagebar .p_next,.pagebar .p_next_d{
            /*display:none;*/
        }

        /*控制是否显示无链接的 "首页" "上页" "下页" "尾页"*/
        .pagebar .p_first_d,.pagebar .p_prev_d,.pagebar .p_next_d,.pagebar .p_last_d{
            /*display:none;*/
        }

        /*控制是否显示页码*/
        .pagebar .p_no,.pagebar .p_no_d,.pagebar .p_dot{
            display:none;
        }

        /*跳转到页码输入框的外观*/
        .pagebar .p_goto input {
            font-family: SimSun;
            font-size:12px;

            border: 1px solid #aaa;
            height:22px;
            line-height:20px;
            box-sizing:border-box;
            vertical-align:middle;

            outline-width:thin;
            outline-color:#258CFF;

            margin:0px 2px;
            padding:0px 1px;

            width:22px;
            text-align:center;
        }

        /*跳转到页码输入框  鼠标移上及输入时的外框颜色*/
        .pagebar .p_goto input:hover, .pagebar .p_goto input:focus{
            border: 1px solid #258CFF;
        }

        /*跳转按钮的外观*/
        .pagebar .p_goto a{
            border: 1px solid #ccc;
            padding: 5px 6px;
            color: #222;

            margin:0px;

            height:24px;
            -height:auto;

            line-height:12px;
            display:inline-block;
            box-sizing:border-box;
            vertical-align:middle;
        }

        .p_prev a,.p_prev_d{
            float: left;
            margin-top: -150px;
            padding: 6px;
            margin-left: -50px;
            padding-left: 4px;
        }

        .p_next a,.p_next_d{
            float: right;
            margin-top: -150px;
            padding: 5px;
            margin-right: -50px;
            padding-left: 4px;
        }

        .img_a{
            background: black;
            opacity: 0.5;
            width: 340px;
            height: 200px;
            margin-top: -200px;
            display: none;
        }
        .img_content{
            width: 340px;
            height: 50px;
            padding-top: 30px;
            padding-left: 40px;
        }
        .img_a a{
            font-size: 18px;
            line-height: 60px;
            color: white;
            margin: 0 auto;
            text-decoration: none;
        }

        .img1:hover .img_a{
            display: block;
        }





        a{
            font-family: 微软雅黑;
        }

        .top {
            width: 100%;
            height: 520px;
            margin: 0 auto;
        }

        .top-box {
            height: 200px;
            width: 100%;
            position: absolute;
            z-index: 100;
        }

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

        .top_logo {
            float: left;
            margin-top: 5px;
            height: 100px;
        }

        .top_nav {
            width: 350px;
            margin-top: 50px;
            float: right;
        }

        .top_nav a {
            float: left;
            font-size: 18px;
            text-decoration: none;
            color: white;

        }

        .top_search {
            height: 50px;
            float: right;
            margin-top: 6px;
        }

        .top img {
            position: absolute;
            z-index: 1;
        }

        .main_nav {
            float: right;
            height: 200px;
            z-index: 100;
            position: relative;
            margin-right: -18px; 
            margin-top: 50px;
        }

        .main_nav ul li {
            float: left;
            width: 110px;
            height: 50px;
            list-style: none;
            text-align: center;
        }

        .main_nav ul li a {
            color: #161b38;
            font-size: 20px;
            line-height: 50px;
            text-decoration: none;
        }

        .main_nav ul :hover .main_nav2 {
            display: block;
        }

        .main_nav2 {
            display: none;
            width: 370px;
            background: #FFFFFF;
            opacity: 0.9;
            position: absolute;
        }

        .main_nav2 ul {
            padding: 20px 20px;
            height: 160px;
        }

        .main_nav ul li ul li {
            float: left;
            width: 165px;
            height: 40px;
            list-style: none;
            color: #666666;
            text-align: left;
            overflow: hidden;
        }

        .main_nav ul li ul li a {
            font-size: 18px;
            line-height: 40px;
            color: #666666;
            font-weight: normal;
        }

        .main_nav2 :hover {
            color: #333664;
        }

        .control {
            width: 900px;
            height: 10px;
            margin: 0 auto;
            margin-top: -100px;
            z-index: 10;
            position: relative;
        }

        .controller {
            width: 300px;
            height: 10px;
            background: #eeeeee;
            float: left;
        }

        .controller_new {
            width: 300px;
            height: 15px;
            background: #2e347a;
            float: left;
            margin: 0 auto;
        }

        .context {
            width: 1200px;
            height: 3200px;
            margin: 0 auto;
            margin-top: 190px;
        }

        .font_title1{
            font-size: 30px;
            color: #323d8e;
            font-weight: bolder;
        }

        .font_title2{
            font-size: 30px;
            color: #f28e1e;
            font-weight: bolder;
        }

        .font_more{
            float: right;
            font-size: 20px;
            color: #808080;
            text-decoration: none;
        }
        .context_1 {
            width: 100%;
            height: 600px;
        }

        .title_top{
            margin-bottom: 50px;
        }

        .context_1_left {
            width: 400px;
            height: 300px;
            float: left;
        }

        .context_1_picture {
            width: 380px;
            height: 280px;
            background: #6d6faf;
            padding-left: 20px;
            padding-top: 20px;
        }

        .context_1_right {
            width: 700px;
            height: 510px;
            float: right;
        }

        .context_1_right ul li {
            width: 100%;
            height: 80px;
            list-style: none;
        }
        .context_1_right ul li :hover{
            color: #f28e1e;
            transition-duration:1s;
        }


        .context_1_right ul li a {
            font-size: 20px;
            text-decoration: none;
            color: black;
        }

        .context_2 {
            width: 100%;
            height: 1200px;
            margin-top: 120px;
        }

        .more\+{
            width: 100px;
            height: 40px;
            background: white;
            text-align: center;
            line-height: 40px;
            float: right;
            font-size: 22px;
            color: #666;
            margin-right: 50px;
            margin-top: 75px;
        }

        .context_2_left {
            width: 500px;
            height: 800px;
            float: left;
            margin-top: 100px;
        }

        .context_2_left_box {
            width: 500px;
            height: 700px;
            background: #eeeeee;
        }

        .context_2_left_box ul li{
            width: 100%;
            list-style: none;
            margin-top: 25px;
        }

        .context_2_left_box ul li :hover{
            color: #f28e1e;
            transition-duration:1s;
        }

        .context_2_left_box ul li a{
            font-size: 22px;
            text-decoration: none;
            color: #666666;
        }

        .a1{
            width: 400px;
            display: inline-block;
            line-height: 20px;
        }

        .a2{
            float: right;

            line-height: 40px;
            font-size: 25px;
            margin-top: -33px;
            margin-right: 35px;
        }

        .context_2_right {
            width: 700px;
            height: 1200px;
            float: left;
        }

        .context_2_right_box {
            width: 700px;
            height: 1000px;
            background: #f28e1e;
        }

        .context_2_right_box ul li{
            list-style: none;
            margin-top: 25px;
            margin-right: 65px;
            margin-left: 50px;
        }

        .context_2_right_box ul li :hover{
            color: black;
            transition-duration:1s;
        }

        .context_2_right_box ul li a{
            font-size: 22px;
            text-decoration: none;
            color: white;
        }

        .context_2_picture{
            width: 500px;
            height: 400px;
            margin: 0 auto;
            margin-top: 40px;
        }

        .context_3 {
            width: 100%;
            height: 400px;
            margin-top: 90px;
        }

        .context_3_context{
            width: 100%;
            height: 300px;
            margin: 0 auto;
        }

        .context_4 {
            width: 100%;
            height: 400px;
            margin-top: 90px
        }

        .context_4_context{
            width: 100%;
            height: 300px;
            margin: 0 auto;

        }

        .context_4_context ul li{
            float: left;
            list-style: none;
        }

        .context_4_context ul li:hover .picture_a{
            background: #545fac;
            color: white;
        }

        .context_4_context ul li:hover .picture_a a{
            color: white;
        }

        .context_4_context img{
            width: 340px;
            height: 310px;
        }
        .picture_a{
            width: 340px;
            height: 100px;
            background: #e8e8e8;
            margin-top: -103px;
            z-index: 100;
            position: absolute;
            /*! color: black; */
        }
        .picture_a_context{
            margin-top: 15px;
            margin-left: 50px;
            text-decoration: none;
        }

        .picture_a a{
            line-height: 28px;
            font-size: 20px;
            text-decoration: none;

            color: black;
        }

        .context_5{
            width: 100%;
            height: 481px;
            margin-top: 120px;
        }

        .context_5_context{
            width: 100%;
            height: 392px;
            margin: 0 auto;
        }

        .foot{
            width: 100%;
            height: 120px;
            background: #c8c8c8;
            margin-top: 430px;
        }

        .foot_context{
            width: 1600px;
            margin: 0 auto;
        }