        /* 头部开始 */
        
        a:hover {
            color: #3285ff;}
        
        header {
            width: 100%;
            background-color: #f2f4f7;}
        
        .header_box {
            width: 1280px;
            margin: 0 auto;}
        
        .header_box h3,
        .header_box ul li a h2 {
            font-family: "PingFang Regular";
            font-size: 14px;
            font-weight: normal;
            line-height: 30px;
            color: #666;
            float: left;}
        
        .header_box h3:hover,
        .header_box ul li a h2:hover {
            color: #3285ff;
            transition: color 0.5s;
            -moz-transition: color 0.5s;
            /* firefox 4 */
            -webkit-transition: color 0.5s;
            /* safari 和 chrome */
            -o-transition: color 0.5s;
            /* opera */
            -ms-transition: color 0.5s;}
        
        .header_box ul {
            float: right;
            margin-right: 28px;}
        
        .header_box ul li {
            float: left;}
        
        .header_box ul .header_box_login {
            margin-top: 4.5px;}
        
        .header_box ul .header_box_shu {
            width: 1px;
            height: 18px;
            margin: 6px 10px 0 10px;
            background-color: #dcdee0;}
        /* 适配 */
        
        @media only screen and (min-width:999px) and (max-width:1280px) {
            .header_box {
                width: 100%;
                margin: 0;}
            .header_box h3 {
                margin-left: 20px;}
            .header_box ul {
                margin-right: 48px;}
        }
        
        @media only screen and (min-width:999px) and (max-width:1086px) {
            .header_box ul {
                margin-right: 20px;}
            .header_box h3 {
                margin-left: 10px;}
        }
        
        @media only screen and (min-width:0px) and (max-width:999px) {
            header {
                display: none;}
            nav .nav_box {
                width: 100%;}
        }
        /* 头部结束 */
        /* 导航开始 */
        
        nav {
            width: 100%;
                      position: relative;
            z-index: 300;}
        
        nav .nav_box {
            width: 1280px;
            margin: 0 auto;}
        
        nav .nav_box .nav_box_logo {
            float: left;
            margin-top: 13px;}
        
        nav .nav_box .nav_box_link {
            float: right;
            width: 1000px;}
        
        nav .nav_box .nav_box_link>li {
            float: left;
            width: 140px;
            text-align: center;
            position: relative;}
        
        .nav_box_link_bg {
            background-image: url(../img/pc_bg_nav.jpg);
            background-repeat: no-repeat;}
        
        nav .nav_box .nav_box_link li #eng1 {
            font-family: "PingFang Regular";
            font-size: 18px;
            font-weight: 400;
            line-height: 80px;
            color: #000;
            text-align: center;
            cursor: pointer;}
        nav .nav_box .nav_box_link li #eng1:hover {
            color: #3285ff;
            transition: color 0.3s;
            -moz-transition: color 0.3s;
            /* firefox 4 */
            -webkit-transition: color 0.3s;
            /* safari 和 chrome */
            -o-transition: color 0.3s;
            /* opera */
            -ms-transition: color 0.3s;
            /* ie 9 */
            font-weight: bold;}
        
        nav .nav_box .nav_box_link li .nav_box_link_child {
            display: none;
            position: absolute;
            z-index: 100;}
        
        nav .nav_box .nav_box_link li .nav_box_link_child>li a {
            width: 140px;
            display: block;
            border-bottom: 1px solid #ccc;
            background-color: #fff;
            opacity: 0.8;}
        
        nav .nav_box .nav_box_link li .nav_box_link_child>li a:hover {
            background-color: #3285ff;}
        
        nav .nav_box .nav_box_link li .nav_box_link_child>li a:hover h2 {
            color: #fff;}
        
        nav .nav_box .nav_box_link li .nav_box_link_child>li a h2 {
            margin: 0 auto;
            font-family: "PingFang Regular";
            font-size: 16px;
            font-weight: 400;
            line-height: 40px;
            text-align: center;
            color: rgb(49, 49, 49);}
        
        @media only screen and (min-width:1020px) and (max-width:1280px) {
            nav .nav_box {
                width: 100%;
                margin: 0;}
            nav .nav_box .nav_box_link {
                width: 720px;}
            nav .nav_box .nav_box_link li .nav_box_link_child>li a{
              width: 90px;}
            nav .nav_box .nav_box_link>li{
                width: 90px;}
            nav .nav_box .nav_box_logo {
                margin-left: 10px;}
        }
        
        @media only screen and (min-width:0px) and (max-width:1020px) {
            nav .nav_box {
                display: none;}
        }
        /* 导航结束 */
        /* nav-iphone 开始*/
        
        .n_iphone {
            width: 100%;}
        
        .bar {
            height: 3px;
            width: 40px;
            border-radius: 50pt;
            background: #3285ff;
            margin: 10px auto;
            transition: all .5s ease;
            -webkit-transition: all .7s ease;
            -moz-transition: all .7s ease;
            -ms-transition: all .7s ease;
            -o-transition: all .7s ease;}
        
        .n_iphone .con {
            cursor: pointer;
            display: inline-block;
            width: auto;
            height: auto;
            position: absolute;
            right: 30px;
            top: 3px;
            z-index: 120;}
        
        .top5 {
            transform: translateY(13.5px) rotateZ(45deg);
            background-color: #fff;}
        
        .bottom5 {
            transform: translateY(-13.5px) rotateZ(-45deg);
            background-color: #fff;}
        
        .middle5 {
            background-color: #fff;
            transform: rotateZ(360deg);
            width: 0;}
        
        .n_iphone_logo {
            margin: 8px 0 8px 10px;}
        
        .n_iphone_box {
            position: absolute;
            background-color: #fff;
            width: 100%;
            top: -10px;}
        
        .n_iphone_box #pi-1 li {
            float: left;
            margin-left: 24px;}
        .n_iphone_box #pi-2 li {
            float: left;
            margin-left: 24px;}
        
        .n_iphone_box .nav_dao {
            font-size: 24px;
            font-family: "PingFang Regular";
            font-weight: 400;
            line-height: 74px;
            padding-left: 24px;
            background-color: #3285ff;}
        
        .n_iphone_box .nav_dao a {
            color: #fff;}
        
        .n_iphone_box #item-gg {
            display: block;
            font-family: "PingFang Regular";
            font-size: 18px;
            font-weight: 400;
            padding-left: 24px;
            line-height: 66px;
            color: #000;
            height: 66px;}
        
        .n_iphone_box>li {
            border-bottom: 1px solid #eeeeee;
            position: relative;}
        
        .n_iphone_box #si-2 {
            position: absolute;
            right: 30px;
            top: 20px;
            display: inline-block;
            width: 18px;
            height: 18px;
            z-index: 130;}
        
        .n_iphone_box {
            display: none;}
        
        .xz {
            border-top: 2px solid #fff;
            border-right: 2px solid #fff;
            transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            /* ie 9 */
            -webkit-transform: rotate(135deg);
            /* safari and chrome */
            transition: transform 0.5s linear 0s;
            -webkit-transition: transform 0.5s linear 0s;
            -ms-transition: transform 0.5s linear 0s;}
        
        .zx {
            border-top: 2px solid #ccc;
            border-right: 2px solid #ccc;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            /* ie 9 */
            -webkit-transform: rotate(45deg);
            /* safari and chrome */
            transition: transform 0.5s linear 0s;
            -webkit-transition: transform 0.5s linear 0s;
            -ms-transition: transform 0.5s linear 0s;}
        
        #pi-1 {
            display: none;}
        
        .n_iphone_box #pi-1 li a,.n_iphone_box #pi-2 li a {
            line-height: 60px;
            font-family: "PingFang Regular";
            font-size: 16px;
            font-weight: normal;
            color: #000;}
        
        .n_iphone_box #pi-1 li a:hover {
            color: #00b368;}
        .n_iphone_box #pi-2 li a:hover{
            color: #00b368;}
        /* 适配 */
        
        @media only screen and (min-width:999px) and (max-width:108000px) {
            .n_iphone {
                display: none;}
        }
        
        @media only screen and (min-width:320px) and (max-width:500px) {
            .n_iphone_logo {
                width: 230px;
                height: 42px;}
            .n_iphone_logo img {
                width: 100%;
                height: 100%;}
            .n_iphone .con {
                top: -3px;
                right: 20px;}
            .n_iphone_box .nav_dao {
                line-height: 64px;}
        }
        /* nav-iphone 结束*/
        /* nav结束 */
        /* 首图开始-*/
        
        .sh_pic .sh_pic_box img {
            width: 100%;}
        /* 适配 */
        /* 首图结束 */
        /* container开始 */
        
              .page_list {
            width: 100%;}
        
        .page_list .container {
            width: 1280px;
            margin: 0 auto;}
        
        .page_list .container .list_info {
            width: 68%;
            float: left;
            margin-left: 3%;}
        
        .page_list .container .list_info .detail {
           line-height: 80px; 
           font-family: "PingFang Regular";}
        .page_list .container .left_l{
            float: right;
width:26%;
            margin-top: 30px;
            margin-left: 3%;}

         .page_list .container .list_info .title span {
            font-family: "PingFang Regular";
            font-size: 16px;
            font-weight: 400;
            line-height: 50px;
            color: #000;}

        
        .list_info .title {
            width: 100%;
            margin: 0 auto;
            border-bottom: 1px solid #f0f0f0;
            margin-top: 22px;}
        
        .list_info .title span a  {
            font-family: "PingFang Regular";
            font-size: 16px;
            font-weight: 400;
            line-height: 50px;
            color: #000;}
        .list_info .title span a{
            color:#000
        ;}
        .list_info .title span a:hover{
            color:#3285ff
        ;}
        .list_content .list li {
            padding: 12px 0 12px 0;
            border-bottom: 1px dashed #ccc;}
        
        .list_content .list li a {
            font-family: "PingFang Regular";
            font-size: 16px;
            font-weight: normal;
            color: #333333;}
        
        .list_content .list li a:hover {
            color: #3285ff;}
        .list_content .list li span {
            color: #abaaaa;
            float: right;}
        .paging .pagination {
            width: 600px;
            margin: 0 auto;}
        
        .paging .pagination span:first-child {
            color: #ccc;
            font-size: 16px;
            font-weight: normal;
            font-family: "PingFang Regular";
            line-height: 60px;
            margin-right: 10px;}
        .page_list .container .left_l .tilte {
            width: 300px;
            background: url(../img/bg_zuixin.jpg) no-repeat left top #42acf7;
            height: 60px;
            line-height: 60px;
            padding-left: 22px;
            font-size: 20px;
            color:#fff;}
        .page_list .container .left_l ul {
            width: 300px;
            padding: 11px;
            margin-top: 3px;
            background-color: #fbfbfb;}
        
        .page_list .container .left_l ul li {
            border-bottom: 1px dashed #ccc;}
        .page_list .container .left_l ul li a {
            font-size: 12px;
            color: #333;
            display: block;
            float: left;
            line-height: 30px;}
        
        .page_list .container .left_l ul li a:hover {
            color: #3285ff;}
        
        .page_list .container .left_l ul li span {
            font-size: 12px;
            color: #ccc;
            line-height: 30px;
            display: block;
            float: right;}
        .page_list .container .left_l .menu ul{
            background: none;}
        /* 适配 */
        @media only screen and (min-width:300px) and (max-width:1300px) {
            .page_list .container {
                width: 90%;}
            .page_list .container .list_info{
                margin:0;}
        }
        @media only screen and (min-width:1000px) and (max-width:1260px) {
            .page_list .container .list_info{
                width: 63%;}
        }
        @media only screen and (min-width:730px) and (max-width:1050px) {
            .page_list .container .left_l .tilte,.page_list .container .left_l ul {
                width: 100%;}

        }
        @media only screen and (min-width:200px) and (max-width:730px) {
            .page_list .container .left_l {
                display: none;}
            .page_list .container .list_info{
                width: 100%;}           
        }
        @media only screen and (min-width:200px) and (max-width:600px) {
            .page_list .container .list_info .detail{
                line-height: 40px;}  
            .page_list .container .list_info .detail h1{
                font-size: 18px;}        
        }
        /* container结束 */
        /* footer开始 */
        
        .footer {
            width: 100%;
            background-image: url(../img/footer_bg2_02.jpg);
            background-repeat: no-repeat;}
        
        .footer_main {
            width: 1282px;
            margin: 0 auto;}
        
        .footer_main_link h2 {
            font-family: "PingFang Regular";
            font-size: 18px;
            font-weight: 400;
            line-height: 48px;
            color: #fff;}
        .list_content .list li span img {
            margin-right: 15px;}
        
        .footer_main_link {
            margin-left: 30px;}
        
        .footer_main li {
         }
        
        .footer_main li+li {
            margin-right: 94px;}
        
        .footer_main_line_1,
        .footer_main_line_2 {
            margin-top: 40px;}
        
        .footer_main_weixin {
            margin-top: 10px;}
        
        .footer_main_weixin h3 {
            font-family: "PingFang Regular";
            font-size: 16px;
            font-weight: normal;
            line-height: 36px;
            color: #fff;
            text-align: center;}
        
        .footer_main_logo {
            margin-top: 60px;}
        
        .footer_main_link p {
            font-family: "PingFang Regular";
            font-size: 16px;
            font-weight: normal;
            line-height: 36px;
            color: #fff;}
        
        .footer_banquan {
            width: 100%;
            border-top: 1px solid #fff;}
        
        .footer_banquan h1 {
            font-family: "PingFang Regular";
            font-size: 14px;
            font-weight: normal;
            line-height: 40px;
            color: #fff;
            text-align: center;}
        /* 适配 */
        
        @media only screen and (min-width:1176px) and (max-width:1000000px) {
            .footer_main_link {
                margin-right: 94px;}
        }
        
        @media only screen and (min-width:1176px) and (max-width:1300px) {
            .footer_main {
                width: 90%;
                margin: 0 auto;}
            .footer_main_link {
                width: 368px;
                margin-left: 0px;}
            .footer_main_logo {
                width: 287px;}
            .footer_main_weixin {
                width: 123px;}
            .footer_main li+li {
                margin-right: 4%;}
        }
        
        @media only screen and (min-width:1024px) and (max-width:1176px) {
            .footer_main {
                width: 95%;
                margin: 0 auto;}
            .footer_main_link {
                width: 368px;
                margin-left: 0px;}
            .footer_main_logo {
                width: 287px;}
            .footer_main_weixin {
                width: 123px;}
            .footer_main li+li {
                margin-right: 0%;
                margin-left: 4%;}
        }
        
        @media only screen and (min-width:800px) and (max-width:1024px) {
            .footer {
                height: 100%;}
            .footer_main {
                width: 90%;
                margin: 0 auto;}
            .footer_main li+li {
                margin-right: 0%;
                margin-left: 6%;}
            .footer_main_link {
                width: 270px;
                margin-left: 0px;}
            .footer_main_link h2 {
                font-size: 16px;
                line-height: 36px;}
            .footer_main_link p span {
                display: none;}
            .footer_main_link p {
                font-size: 12px;
                line-height: 28px;}
            .footer_main_logo {
                width: 287px;
                margin-top: 40px;}
            .footer_main_weixin {
                width: 90px;
                margin-top: 10px;}
            .footer_main_weixin img {
                width: 90px;}
            .footer_main_weixin h3 {
                font-size: 14px;
                line-height: 20px;}
            .footer_main_line_1,
            .footer_main_line_2 {
                margin-top: 25px;}
        }
        
        @media only screen and (min-width:800px) and (max-width:967px) {
            .footer_main li+li {
                margin-right: 0%;
                margin-left: 3%;}
        }
        
        @media only screen and (min-width:800px) and (max-width:860px) {
            .footer_main li+li {
                margin-right: 0%;
                margin-left: 2%;}
        }
        
        @media only screen and (min-width:770px) and (max-width:800px) {
            .footer {
                height: 100%;}
            .footer_main {
                width: 90%;
                margin: 0 auto;}
            .footer_main li+li {
                margin-right: 0%;
                margin-left: 20%;}
            .footer_main_link {
                width: 270px;
                margin-left: 0px;}
            .footer_main_link h2 {
                font-size: 16px;
                line-height: 36px;}
            .footer_main_link p span {
                display: none;}
            .footer_main_link p {
                font-size: 12px;
                line-height: 28px;}
            .footer_main_logo,
            .footer_main_line_2 {
                display: none;}
            .footer_main_weixin {
                width: 90px;
                margin-top: 10px;}
            .footer_main_weixin img {
                width: 90px;}
            .footer_main_weixin h3 {
                font-size: 14px;
                line-height: 20px;}
            .footer_main_line_1,
            .footer_main_line_2 {
                margin-top: 25px;}
        }
        
        @media only screen and (min-width:500px) and (max-width:770px) {
            .footer {
                height: 100%;}
            .footer_main {
                width: 90%;
                margin: 0 auto;}
            .footer_main li+li {
                margin-right: 0%;
                margin-left: 20%;}
            .footer_main_link {
                width: 270px;
                margin-left: 0px;}
            .footer_main_link h2 {
                font-size: 16px;
                line-height: 36px;}
            .footer_main_link p span {
                display: none;}
            .footer_main_link p {
                font-size: 12px;
                line-height: 28px;}
            .footer_main_logo,
            .footer_main_line_2 {
                display: none;}
            .footer_main_weixin {
                width: 90px;
                margin-top: 10px;}
            .footer_main_weixin img {
                width: 90px;}
            .footer_main_weixin h3 {
                font-size: 14px;
                line-height: 20px;}
            .footer_main_line_1,
            .footer_main_line_2 {
                margin-top: 25px;}
            .footer_banquan h1 {
                line-height: 40px;
                font-size: 12px;}
        }
        
        @media only screen and (min-width:500px) and (max-width:684px) {
            .footer_banquan h1 {
                line-height: 18px;
                font-size: 12px;
                margin: 5px 0 5px 0;}
            .footer_main li+li {
                margin-right: 0;
                margin-left: 15%;}
        }
        
        @media only screen and (min-width:520px) and (max-width:684px) {
            .footer_main li+li {
                margin-left: 10%;}
        }
        
        @media only screen and (min-width:500px) and (max-width:520px) {
            .footer_main li+li {
                margin-left: 6%;}
        }
        
        @media only screen and (min-width:500px) and (max-width:684px) {
            .footer_banquan h1 {
                line-height: 18px;
                font-size: 12px;
                margin: 5px 0 5px 0;}
            .footer_main li+li {
                margin-right: 0;
                margin-left: 15%;}
        }
        
        @media only screen and (min-width:300px) and (max-width:500px) {
            .footer {
                height: 100%;}
            .footer_main {
                width: 60%;
                margin: 0 auto;}
            .footer_main_link {
                width: 270px;
                margin-left: 0px;}
            .footer_main_link h2 {
                font-size: 16px;
                line-height: 36px;}
            .footer_main_link p span {
                display: none;}
            .footer_main_link p {
                font-size: 12px;
                line-height: 28px;}
            .footer_main_logo,
            .footer_main_line_2,
            .footer_main_weixin,
            .footer_main_line_1 {
                display: none;}
            .footer_main_line_1,
            .footer_main_line_2 {
                margin-top: 25px;}
            .footer_banquan h1 {
                line-height: 18px;
                font-size: 12px;}
            .footer_main li+li {
                margin-left: 10%;}
        }
        
        @media only screen and (min-width:300px) and (max-width:500px) {
            .footer_main {
                width: 80%;
                margin: 0 auto;}
            .footer_banquan{
                padding: 8px 0 8px 0;}
        }
        /* footer结束 */