@media screen and (min-width:750px){
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0 none;outline:0;}
    body{font-size:14px;background-color: #f8f8f8;}
    table{border-collapse:collapse;border-spacing:0}
    fieldset,img{border:0 none}
    address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
    strong{font-weight:800}
    ol,ul,li{list-style:none outside none}
    caption,th{text-align:left}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
    a{color: #188bd8;text-decoration:none;font-size: 16px;}
    a:hover{text-decoration:underline;color: #f14848;}

    .clearfix{*zoom:1;}
    .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .header{width: 100%;float: left;padding: 26px 0;position: relative;background: #fff;}
    .logo_box{width: 100%;float: left;margin: 15px 0;position: relative;}
    .logo{float: left;height: 47px;background-size: 100%;margin-top: -1px;}
    .logo a{font-size:35px;}
    .logo a:hover{color:#188bd8 !important;font-weight: bold;}
    .logo img{float: left;width: 200px;}
    .logo p{float: left;margin-top: 5px;}
    .logo p img{width: 226px;}
    .logo_bg{float: left;width: 140px;height: 40px;margin-top: 10px;margin-left: 10px;}

    .search {float: right;width: 373px;margin-top:7px;margin-right: 7px;border-radius: 4px;}
    .search .search-key{border:1px solid #ddd;border-radius:5px 0px 0px 5px;padding:0px 10px;border-right: none;width:200px}
    .search .submit{padding:0px 10px;border:1px solid #ddd;border-left:none;border-radius:0px 5px 5px 0px;color:#999;}
    .search input {line-height: 32px;float: left;color: #B9B9B9;}
    .search input.searchbar {height: 39px;width: 81%;text-indent: 5px;font-size: 14px;border-radius: 4px 0 0 4px;border: 1px solid #188bd8;}
    .search input.search_results {float: left;width: 18%;height: 41px;font-size: 14px;font-weight: 700;border: 0;background-color: #188bd8;border-radius: 0  4px 4px 0;}
    .rougao {float: right;margin-top: 7px;}
    .rougao a:before{content: "";background-position: -44px -471px;float: left;height: 30px;width: 26px;margin-top: 4px;margin-left: 10px;margin-right: 6px;}
    .rougao a {height: 33px;line-height: 33px;float: left;display: inline-block;color: #ffffff;font-size: 14px;width: 111px;background: #379adc;margin: 0 2%;border-radius: 4px;text-align: left;}
    .rougao .on {background-color: #f96969;}
    .rougao .on:before{background-position: -19px -471px;}
    .rougao a:hover{color:#fff!important;}
    .phone{background-position: 0px -474px;float: right;color: #333;height: 24px;line-height: 24px;padding-left: 20px;margin-top: 12px;font-size:14px;}
    .phone:hover{color:#f96969!important;}
    contact-i{background-position: -125px -448px;float: right;color: #777777;height: 24px;line-height: 24px;padding-left: 20px;margin-top: 20px;font-size:14px;margin-left: 10px;}
    .index_mid{width: 1200px;margin: auto;}
    .subnav{float: left;height: 50px;background: #188bd8;width: 100%;overflow: hidden;line-height: 50px;margin-bottom: 0px;}
    .subnav p{float: left;line-height: 29px;height: 29px;color: #666;}
    .subnav ul {float: left;text-align: center;width: 100%;}
    .subnav ul li{float: left;text-align: center;padding: 0 13px;}
    .subnav ul li:hover, .subnav ul li a.on{background: #187aca;}
    .subnav ul li:hover a,.subnav ul li.on a{color: #fff;width: 100%;float: left;}
    .subnav ul a {color: #ffffff;font-size: 17px;width: 100%;float: left;}
    .subnav ul a.now,.header a:hover{text-decoration: none;color: #929292;}
    .subnav ul li:nth-child(1){background: #187aca;}

    .index_lanmu{float: left;background: #6bbcf2;font-size: 17px;padding: 0 16px;color: #fff;border-radius: 4px;margin-top: 9px;height: 30px;line-height: 30px;margin-left: 12px;}
    .header a:hover{color:#fff;}

    .fabu{float: right;width: 279px;background-size: 100%;height: 350px;}
    .fabu .fabu_top{float: left;width: 100%;height: 60px;line-height: 60px;margin-top: 50px;}
    .fabu .fabu_top a{float: left;color: #428ecc;font-size: 18px;width: 50%;text-align: center;}
    .fabu .fabu_bot{float: left;width: 70%;margin-left: 17%;margin-top: 3%;margin-bottom: 16%;}
    .fabu .fabu_bot p{float: left;font-size: 18px;width: 100%;height: 40px;line-height: 40px;}
    .fabu .fabu_bot p:before{content: "";width: 5px;border-radius: 5px;height: 16px;background: #fd7b53;float: left;margin-top: 12px;margin-right: 5px;}
    .fabu .fabu_bot span{float: left;font-size: 32px;color: #f14848;font-weight: 700;}
    .fabu .fabu_bot font{float: right;font-size: 14px;color: #ababab;width: 60px;margin-top: 5px;}
    .fabu .fabu_input{float: left;width: 100%;text-align: center;}
    .fabu .fabu_input a{background: #188bd8;width: 74%;display: inline-block;height: 46px;font-size: 20px;color: #fff;border-radius: 2px;line-height: 46px;margin-top: 5px;}
    .fabu .fabu_input a:hover{background: #45adc1;color: #fff;}
    .fabu .fabu_art{float: left;width: 96%;height: 30px;line-height: 30px;font-size: 14px;color: #979797;padding: 2%;text-align: center;}
    .wavy-line{float: left;position: absolute;left: 2%;bottom: -3px;height: 4px;width: 98%;background-image: -webkit-radial-gradient( transparent 0px, transparent 3px, #fff 3px, #fff 4px, white 4px, white);background-image: -moz-radial-gradient( transparent 0px, transparent 3px, #ccc 3px, #fff 4px, white 4px, white);background-image: radial-gradient( transparent 0px, transparent 3px, #fff 3px, #fff 4px, white 4px, white);background-size: 8px 9px;background-position: -0px 1px;display: none;}


    .main_fl{width: 1145px;overflow: hidden;background: #fff;padding: 20px 30px;border-radius: 15px;float: left;margin-top: 20px;}
    .main_fl_title {width: 100%;float: left;margin-bottom: 10px;border-bottom: 2px solid #7fb9e8;}
    .main_fl_title h1 {height: 40px;line-height: 40px;float: left;border-bottom: 3px solid #188bd8;width: 142px;text-align: center;margin-bottom: 3px;}
    .main_fl_title h1 a {font-size: 24px;font-weight:600;color: #188bd8;}
    .main_fl_title ul{float:right;width: 870px;}
    .main_fl_title ul li{float:right;margin: 0px 5px 0px 8px;height: 26px;line-height: 26px;background: #eff8ff;padding: 0 10px;margin-bottom: 4px;margin-top: 13px;border-radius: 5px;}
    .main_fl_title ul li a{color: #188bd8;font-size: 13px;}
    .main_fl_title ul li a:hover{color:#128cdf;text-decoration:underline}

    .main_fl_l{width: 268px;float:left;}
    .main_fl_l_box {width: 100%;margin-top: 8px;border: 1px solid #f1f1f1;background: #f9f9f9;float: left;}
    .main_fl_l h2{float: left;height: 34px;line-height: 34px;width: 100%;border-bottom: 1px solid #e3e3e3;}
    .main_fl_l h2 a{height: 34px;float: left;line-height: 34px;color: #333;border-bottom: 1px solid #428ecc;font-size: 16px;font-weight: 700;}
    .main_fl_pic{margin: 2%;border-bottom-style: dashed;float: left;position: relative;width: 96%;height: 127px;overflow: hidden;}
    .main_fl_pic a img{float: left;width:90px;min-height: 127px;border-radius: 10px;overflow: hidden;}
    .main_fl_pic a span{font-weight:bold;font-size: 15px;color: #ffffff;height: 35px;line-height: 35px;display:block;float: left;width: 90px;text-align: center;position: absolute;bottom: 0;background: #696969a6;border-radius:0px 0px 10px 10px;}

    .main_fl_info{margin-left:100px;}
    .main_fl_info .title{font-size:18px;}
    .main_fl_info .author{display:block;line-height:23px;color:#777;}
    .main_fl_info .intro{color:#999;overflow: hidden;height:80px;line-height:20px;}
    .main_fl_l_list li .author{position:absolute;top:0px;right:10px;color:#999;}

    .main_fl_l_list {float: left;display: inline-block;width: 100%;padding-bottom: 8px;}
    .main_fl_l_list ul {width: 100%;float: left;}
    .main_fl_l_list li {position:relative;width: 96%;line-height: 34px;height: 34px;font-size: 14px;overflow: hidden;float: left;margin: 2%;margin-bottom: 0;background: #fff;border: 1px solid #f5f5f5;}
    .main_fl_l_list li span{width: 4px;height: 4px;line-height: 4px;background: #d4d4d4;float: left;margin-top: 15px;margin-left: 10px;margin-right: 5px;border-radius: 50%;}
    .main_fl_l_list .kind{width: auto;color: #b9b9b9;margin-right: 10px;font-size: 14px;}
    .main_fl_l_list li a {width: 64%;color: #333;line-height: 30px;height: 30px;font-size: 15px;}
    .main_fl_l_list li a:hover{color:#FF4311}

    .main_fl_c{float:left;width: 510px;margin-left: 30px;margin-top: 20px;}
    .main_fl_c a:hover{color:#FF4311;text-decoration:underline}
    .main_fl_c_pic .c_img{width: 88%;height: 132px;overflow: hidden;}
    .main_fl_c_pic .c_img img{width: 100%;height:130px;float: left;border-radius: 10px;}
    .main_fl_c_pic .c_art {height: 30px;line-height: 30px;overflow:hidden;float: left;width: 88%;}
    .main_fl_c_pic {padding-top: 10px;width:23%;float: left;overflow: hidden;display: inline-block;text-align: center;margin-left:2%;}
    .main_fl_c_pic a, .main_fl_c_pic a:link, .main_fl_c_pic a:visited {color: #5a5a5a;font-size: 14px;height: 24px;line-height: 24px;overflow: hidden;}
    .main_fl_c_list {font-size: 14px;line-height: 28px;padding-top: 5px;overflow: hidden;white-space: nowrap;width: 100%;float: left;border-top: #dedede dotted 1px;margin-bottom: 5px;}
    .main_fl_c_list li{float: left;width: 49%;height: 39px;line-height: 39px;}
    .main_fl_c_list li:nth-child(even){float: right;}
    .main_fl_c_list code{color: #cfcdcd;float: right;font-size: 12px;font-family: initial;}
    .main_fl_c_list a{color:#333;float: left;width: 80%;overflow: hidden;font-size: 15px;}

    .main_fl_r{float: right;width: 300px;margin-top: 6px;}
    .l_hot{float:left;background: #fafafa;padding: 4% 6%;}
    .l_hot .table{float: left;height: 34px;line-height: 34px;width: 100%;border-bottom: 1px solid #e3e3e3;margin-bottom: 15px;}
    .l_hot .table h3{height: 34px;float: left;line-height: 34px;color: #333;border-bottom: 1px solid #188bd8;font-size: 16px;font-weight: 700;}
    .l_hot .l_hot_title{width: 96%;height: 32px;border-bottom: 1px solid #ececec;margin: 2%;float: left;}
    .l_hot .l_hot_title h3 span {font-size: 16px;color: #333;height:32px;width:70px;display:block;line-height: 32px;text-align: center;border-bottom: #1d8fe2 solid 1px;}
    .l_hot .l_hot_list{overflow: hidden;float: left;width: 100%;}
    .l_hot .l_hot_list ul{width: 100%;float: left;}
    .l_hot .l_hot_list ul li{font-size: 14px;line-height: 43px;float: left;width: 100%;overflow: hidden;height: 43px;}
    .l_hot .l_hot_list ul li code{font-family: inherit;font-size: 12px;color: #9f9f9f;margin-right: 10px;background: #f0f0f0;padding: 4px 10px;border-radius: 48px;height: 30px;line-height: 30px;}
    .l_hot .l_hot_list ul li a:hover{color:#FF4311;text-decoration:underline;}
    .l_hot .l_hot_list ul li a{color: #333;text-decoration:none;font-size: 15px;}
    .l_hot .l_hot_list ul li.li_name a{color: #989898;text-decoration:none;}
    .l_hot .l_hot_list ul li.li_name {float: left;width:68px;text-align: center;margin-right: 5px;}
    .l_hot .l_hot_list ul li span{position:absolute;right:10px;color:#ff4311;font-size:12px}
    .l_hot  a img{width:100px;height:70px;}

    .main{width: 1200px;margin: auto;}
    .container{width: 100%;float: left;margin-top: 20px;}
    .main-block {width: 821px;float: left;}
    .main-block .b-block {position: relative;height: 268px;float: left;font-size: 13px;margin-bottom: 4px;cursor: pointer}
    .main-block .b-block a {color: #fff}
    .main-block .b-block:hover .b-cover img {-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-filter: blur(7px);-ms-filter: blur(7px);filter: blur(7px)}
    .main-block .b-block:hover .b-hover {height: 100%;width: 100%}
    .main-block .b-block:hover .b-cont2 {visibility: visible;opacity: 1}
    .main-block .bk-3 {width: 576px}
    .main-block .bk-2 {width: 384px}
    .main-block .bk-1 {width: 192px}
    .main-block .bk-3 .b-cube {*width: 572px}
    .main-block .bk-2 .b-cube {*width: 260px}
    .main-block .bk-1 .b-cube {*width: 188px}
    .main-block .b-cube {position: relative;height: 100%;overflow: hidden;margin-right: 8px;}
    .main-block .b-cover {height: 100%;width: 100%;overflow: hidden;transition: background-color .3s;}
    .main-block .b-cover img {height: 100%;width: 100%;display: block;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
    .main-block .b-hover {position: absolute;z-index: 9;bottom: 0;width: 100%;height: 85px;transition: width .3s, height .3s, opacity .3s}
    .main-block .b-cont {position: absolute;color: #fff;z-index: 10;bottom: 15px;width: 100%;transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, transform .3s;transition: opacity .3s, transform .3s, -webkit-transform .3s;}
    .main-block .b-cont p {font-size: 12px;overflow: hidden;}
    .main-block .b-cont .b-title {font-size: 18px;font-weight: 700;margin-bottom: -4px;}
    .main-block .b-cube2 {padding: 0 20px;position: relative;z-index: 2;}
    .main-block .b-cont1 {visibility: visible;transition: opacity .3s, -webkit-transform .3s;transition: transform .3s, opacity .3s;transition: transform .3s, opacity .3s, -webkit-transform .3s}
    .main-block .b-cont2 {visibility: hidden;opacity: 0;top: 15px;}
    .main-block .b-cont2 p {transition: opacity .3s, -webkit-transform .3s;transition: transform .3s, opacity .3s;transition: transform .3s, opacity .3s, -webkit-transform .3s;opacity: 0}
    .main-block .b-cont2 p:nth-child(2) {transition-delay: .1s}
    .main-block .b-cont2 p:nth-child(3) {transition-delay: .2s}
    .main-block .b-cont2 p:nth-child(4) {transition-delay: .3s}
    .main-block .b-cont2 .b-desc, .main-block .b-cont2 .b-title {margin-bottom: 10px;}
    .main-block .b-green {background-color: #188bd8;filter: Alpha(opacity=95);opacity: .95;}
    .main-block .b-yellow {background-color: #f14848;filter: Alpha(opacity=95);opacity: .95;}
    .main-block .b-blue {background-color: #f04f4f;filter: Alpha(opacity=95);opacity: .95;}
    .main-block .b-blue2 {background-color: #188bd8;filter: Alpha(opacity=95);opacity: .95;}
    .main-block .bk-num1 .b-cont1 {top: 30px;}
    .main-block .bk-num1 .b-cont1 .b-title {margin-bottom: 15px;}
    .main-block .bk-num1 .b-cont1 .b-desc {margin-bottom: 20px}
    .main-block .bk-num1 .b-hover {height: 100%;width: 200px}
    .main-block .bk-num1 .b-cont2, .main-block .bk-num2 .b-cont2 {top: 30px}
    .main-block .bk-num1 .b-cont2 .b-title, .main-block .bk-num2 .b-cont2 .b-title {font-size: 24px;}
    .main-block .bk-hori .b-cont2 p {-webkit-transform: translateX(-30%);transform: translateX(-30%)}
    .main-block .bk-hori:hover .b-cont1 {visibility: hidden;opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%)}
    .main-block .bk-hori:hover .b-cont2 p {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0)}
    .main-block .square {display: inline-block;padding: 5px 15px;border: 1px solid #fff;border-radius: 2px;transition: background-color .3s;font-size: 12px;}
    .main-block .square:hover {background-color: hsla(0, 0%, 100%, .2)}
    .main-block .b-block {height: 170px;margin-bottom: 8px;}
    .main-block .bk-3 {width: 541px;}
    .main-block .bk-2 {width: 279px;}
    .main-block .bk-1 {width: 180px;}
    .main-block .b-cube {margin-right: 8px}
    .main-block .b-cont2 p {font-size: 12px;line-height: 20px;}
    .main-block .b-cont2 .b-title {font-size: 20px;height: 24px;}
    .main-block .b-title {font-size: 22px}
    .main-block .b-hover {height: 45px;}
    .main-block .bk-num1 .b-cont1 .b-title {font-size: 26px;}
    .main-block .bk-num1 .b-cont1 .b-desc {margin-bottom: 20px;}
    .main-block .bk-num1 .b-hover {width: 192px;}
    .main-block .bk-num1 .b-cont2, .main-block .bk-num2 .b-cont2 {top: 20px;}
    .main-block .bk-num1 .b-cont2 .b-title, .main-block .bk-num2 .b-cont2 .b-title {font-size: 24px;}
    .main-block .b-cube2 {padding: 0 10px;}

    .col_txt{overflow:hidden;margin-bottom: 10px;}
    .col_box a{font-size:14px;color: #006fb7;}
    .col_box a:hover{color:#00c;text-decoration:underline!important}
    .col_txt .pic{float:left;margin-right: 20px;height:150px;overflow: hidden;width: 135px;}
    .col_txt .pic img{width: 100%;height:149px;border-radius: 10px;}
    .col_txt .text{color: #8c8c8c;float:left;font-size:12px;text-align:left;width: 336px;height: 24px;line-height: 24px;}
    .col_txt .text p{float: left;font-size: 14px;margin-top: 0px;line-height: 24px;overflow: hidden;height: 48px;color: #9b9b9b;}
    .col_txt .text b a{color: #272727;font-size: 15px;font-weight:bold;line-height: 34px;}

    .right_list{width: 100%;float: left;}
    .right_list .right_list_title {width: 100%;float: left;font-size: 16px;color: #f05051;border-radius: 6px 6px 0 0;margin-bottom: 15px;border-bottom: 1px solid #e3e3e3;height: 34px;line-height: 34px;}
    .right_list .right_list_title span{height: 34px;float: left;line-height: 34px;color: #333;border-bottom: 1px solid #f05050;font-size: 16px;font-weight: 700;}
    .right_list ul li {line-height: 40px;height: 40px;float: left;width: 100%;}
    .right_list ul li span {float:left;width: 22px;height: 22px;margin-top: 4px;line-height: 22px;font-size: 12px;text-align:center;color: #fff;background-color: #cbcbcb;border-radius: 50px;margin-right: 5px;}
    .right_list ul li i{color:#999;}
    .right_list ul li:nth-child(1) span{background: #f14848;}
    .right_list ul li:nth-child(2) span{background: #f14848;}
    .right_list ul li:nth-child(3) span{background: #f14848;}
    .right_list ul li span.fr {background-color:#FF3C00;}
    .right_list ul li span.sec { background-color:#FF6600;}
    .right_list ul li span.thr {background-color:#FFD800;}
    .right_list ul li a {float:left;font-size: 15px;line-height:30px;color: #333;margin-left:5px;width: 200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .right_list ul li a:hover{color: #ff5252;}
    .right_list ul li code{float:right;font-size: 14px;color:#CCC;width:30px;display: none;}


    .lanmu{width:1200px;margin:auto;}
    .flink{float: left;background: #fff;border-radius: 12px;padding: 2.5%;margin-top: 20px;width: 95%;margin-bottom: 20px;}
    .flink ul{width: 1100px;margin: auto;}
    .flink b{line-height: 28px;float: left;font-size: 15px;font-weight: 700;color: #188bd8;display: flex;flex-wrap: nowrap;align-items: center;}
    .flink b:before{content:"";font-weight: 700;color: #333;float: left;width: 5px;height: 15px;margin-right: 5px;background: #188bd8;border-radius: 50px;}
    .flink b:after{content:"";display: inline-block;background: #eeeeee;height: 3px;width: 1004px;margin-left: 15px;}

    .flink li{line-height: 22px;color: #666;margin: 5px;float: left;}
    .flink li:nth-child(1){color: #4586f1;}
    .flink li a{color: #666;font-size: 12px;}
    .flink li a:hover{color: #4586f1;}

    .footer{float: left;width: 100%;background: #363d4d;text-align: center;padding: 10px 0;font-size: 12px;}
    .footer p{text-align: center;color: #c7c7c7;float: left;width: 100%;font-size: 12px;line-height: 24px;}
    .footer p a{font-size: 12px;color: #c7c7c7;padding: 0 3px;}

    .sidetop{left:50%;margin-left:620px;margin-top:350px;position:fixed;width:54px;z-index:400;display: none;}
    .sidetop ul li{float:left;text-align:center;margin-bottom:5px;display: none;background-color: #8dc5f3;border-radius: 2px;}
    .sidetop ul li a{display:block;height: 54px;color:#484848;font-size: 14px;width: 56px;}
    .sidetop ul li a span{display: inline-block;color: #ffffff;width: 50%;line-height: 20px;margin-top: 7px;}
    .sidetop ul li a:hover span{text-decoration: none; color:#fff;}
    .sidetop ul li a:hover{background-color: #2ca6e0;}

    .main-left {
        float: left;
        width: 772px;
        background: #fff;
        border-radius: 10px;
        padding: 30px;
        margin-top: 20px;
    }
    .content-list {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .content-list .column {
        font-size: 15px;
        color: #afafaf;
        float: right;
        margin-top: 5px;
    }

    .content-list ul {
        width: 100%;
        display: inline-block;
    }

    .content-list ul li {
        width: 100%;
        display: inline-block;
        padding: 12px 0;
        border-bottom: 1px solid #f1f1f1;
    }

    .content-list ul li:last-child {
        border-bottom: 0 none;
    }

    .content-list ul li .t_img {
        display: inline-block;
        margin-right: 20px;
        width: 164px;
        float: left;
        height: 110px;
        margin-top: 5px;
        overflow: hidden;
    }

    .content-list ul li .t_img img {
        width: 100%;
        height: 110px;
        webkit-transition: all .4s;
        -moz-transition: all .4s;
        -ms-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        -moz-border-radius: 4px;
    }

    .content-list ul li .t_img:hover img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .content-list .con {
        overflow: hidden;
        margin-left: 130px;
        height: 140px;
    }

    .content-list ul li .con .person {
        font-size: 12px;
        color: #949494;
        float: left;
        padding: 0 5px;
        margin-right: 10px;
    }

    .content-list ul li .con .liulan {
        float: left;
        padding-left: 34px;
        font-size: 12px;
        color: #949494;
        background-position: -65px -449px;
        margin-right: 14px;
    }

    .content-list ul li .con .dianzan {
        float: left;
        padding: 0 5px;
        margin-right: 14px;
        padding-left: 26px;
        font-size: 12px;
        color: #949494;
    }

    .content-list ul li .con .cont a {
        line-height: 30px;
        height: 30px;
        display: inline-block;
        font-size: 15px;
    }

    .content-list ul li .con .cont p {
        line-height: 24px;
        display: inline-block;
        height: 24px;
        overflow: hidden;
        font-size: 14px;
        color: #666;
    }

    .content-list ul li .con .cont a h2 {
        color: #333;
        font-size: 16px;
        font-weight: 700;
        float: left;
    }

    .content-list ul li .con .cont a:hover h2 {
        color: #ff5252
    }

    .content-list ul li .con .info {
        line-height: 22px;
        overflow: hidden;
    }

    .content-list ul li .con .info img {
        float: left;
        width: 22px;
        height: 22px;
        display: block;
        border-radius: 5px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        margin-top: 5px;
    }

    .content-list ul li .con .info .time {
        float: right;
        margin-left: 15px;
        font-size: 12px;
        color: #949494;
        padding-left: 18px;
    }

    .content-list ul li .con .info .pinglun {
        width: 18%;
        float: right;
        overflow: initial;
        line-height: 30px;
        height: 30px;
    }
    .content-list .title{font-size:20px;}
    .content-list li{position:relative;}
    .content-list .cover{position:absolute;top:20px;left:5px;}
    .content-list .cover img{width: 105px;height: 130px;border-radius: 5px;}

    .main-right {
        float: right;
        width: 336px;
        margin-top: 20px;
    }

}
@media screen and (max-width: 750px) {
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0 none;outline:0;}
    body{font-size:14px;background-color: #f8f8f8;}
    table{border-collapse:collapse;border-spacing:0}
    fieldset,img{border:0 none}
    address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}
    strong{font-weight:800}
    ol,ul,li{list-style:none outside none}
    caption,th{text-align:left}
    h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
    a{color: #188bd8;text-decoration:none;}
    a:hover{text-decoration:underline;color: #f14848;}

    .clearfix{*zoom:1;}
    .ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .header{width: 100%;padding: 9px 0;background: #fff;text-align: center;}
    .logo_box{width: 100%;float: left;margin: 15px 0;position: relative;}
    .logo{display: inline-block;height: 34px;background-size: 100%;width:100%;font-size:20px;text-align: left;margin-left:10px;}
    .logo a{font-size:25px;}
    .logo img{float: left;width: 200px;}
    .logo p{float: left;margin-top: 5px;}
    .logo p img{width: 226px;}
    .logo_bg{float: left;width: 140px;height: 40px;margin-top: 10px;margin-left: 10px;}

    .search {float: right;width: 273px;margin-top: 12px;margin-right: 7px;border-radius: 4px;display: none;}
    .search input {line-height: 32px;float: left;color: #B9B9B9;}
    .search input.searchbar {height: 39px;width: 81%;text-indent: 5px;font-size: 14px;border-radius: 4px 0 0 4px;border: 1px solid #188bd8;}
    .search input.search_results {float: left;width: 18%;height: 41px;font-size: 14px;font-weight: 700;border: 0;background-color: #188bd8;border-radius: 0  4px 4px 0;}
    .rougao {position:absolute;top:2px;right:10px;width:60px;}

    .rougao a {height: 33px;line-height: 33px;display: inline-block;color: #ffffff;font-size: 14px;background: #379adc;text-align:center;width:100%;}
    .rougao .on {background-color: #f96969;}
    .rougao a:hover{color:#fff!important;}
    .phone{float: right;color: #333;height: 24px;line-height: 24px;padding-left: 20px;margin-top: 12px;font-size:14px;}
    .phone:hover{color:#f96969!important;}
    contact-i{float: right;color: #777777;height: 24px;line-height: 24px;padding-left: 20px;margin-top: 20px;font-size:14px;margin-left: 10px;}
    .index_mid{position:relative;width: 100%;margin: auto;}
    .subnav{float: left;background: #188bd8;width: 100%;overflow: hidden;line-height: 42px;padding: 10px 0;}
    .subnav p{float: left;line-height: 29px;height: 29px;color: #666;}
    .subnav ul {float: left;text-align: center;width: 100%;}
    .subnav ul li{float: left;text-align: center;width: 25%;}
    .subnav ul li:hover, .subnav ul li a.on{background: #187aca;}
    .subnav ul li:hover a,.subnav ul li.on a{color: #fff;width: 100%;float: left;}
    .subnav ul a {color: #ffffff;font-size: 17px;width: 100%;float: left;}
    .subnav ul a.now,.header a:hover{text-decoration: none;color: #929292;}
    .subnav ul li:nth-child(1){background: #187aca;display: none;}

    .index_lanmu{float: left;background: #6bbcf2;font-size: 17px;padding: 0 16px;color: #fff;border-radius: 4px;margin-top: 9px;height: 30px;line-height: 30px;margin-left: 12px;}
    .header a:hover{color:#fff;}

    .fabu{float: right;width: 279px;background-size: 100%;height: 350px;}
    .fabu .fabu_top{float: left;width: 100%;height: 60px;line-height: 60px;margin-top: 50px;}
    .fabu .fabu_top a{float: left;color: #428ecc;font-size: 18px;width: 50%;text-align: center;}
    .fabu .fabu_bot{float: left;width: 70%;margin-left: 17%;margin-top: 3%;margin-bottom: 16%;}
    .fabu .fabu_bot p{float: left;font-size: 18px;width: 100%;height: 40px;line-height: 40px;}
    .fabu .fabu_bot p:before{content: "";width: 5px;border-radius: 5px;height: 16px;background: #fd7b53;float: left;margin-top: 12px;margin-right: 5px;}
    .fabu .fabu_bot span{float: left;font-size: 32px;color: #f14848;font-weight: 700;}
    .fabu .fabu_bot font{float: right;font-size: 14px;color: #ababab;width: 60px;margin-top: 5px;}
    .fabu .fabu_input{float: left;width: 100%;text-align: center;}
    .fabu .fabu_input a{background: #188bd8;width: 74%;display: inline-block;height: 46px;font-size: 20px;color: #fff;border-radius: 2px;line-height: 46px;margin-top: 5px;}
    .fabu .fabu_input a:hover{background: #45adc1;color: #fff;}
    .fabu .fabu_art{float: left;width: 96%;height: 30px;line-height: 30px;font-size: 14px;color: #979797;padding: 2%;text-align: center;}
    .wavy-line{float: left;position: absolute;left: 2%;bottom: -3px;height: 4px;width: 98%;background-image: -webkit-radial-gradient( transparent 0px, transparent 3px, #fff 3px, #fff 4px, white 4px, white);background-image: -moz-radial-gradient( transparent 0px, transparent 3px, #ccc 3px, #fff 4px, white 4px, white);background-image: radial-gradient( transparent 0px, transparent 3px, #fff 3px, #fff 4px, white 4px, white);background-size: 8px 9px;background-position: -0px 1px;display: none;}


    .main_fl{width: 94%;overflow: hidden;background: #fff;padding: 3%;border-radius: 10px;float: left;margin-top: 10px;}
    .main_fl_title {width: 100%;float: left;margin-bottom: 10px;border-bottom: 2px solid #7fb9e8;}
    .main_fl_title h1 {height: 40px;line-height: 40px;float: left;border-bottom: 3px solid #188bd8;text-align: center;margin-bottom: 3px;padding: 0 4%;}
    .main_fl_title h1 a {font-size: 20px;font-weight:600;color: #188bd8;}
    .main_fl_title ul{float:right;width: 78%;height: 40px;overflow: hidden;}
    .main_fl_title ul li{float:right;margin: 0px 5px 0px 8px;height: 26px;line-height: 26px;background: #eff8ff;padding: 0 10px;margin-bottom: 4px;margin-top: 13px;border-radius: 5px;}
    .main_fl_title ul li a{color: #188bd8;font-size: 13px;}
    .main_fl_title ul li a:hover{color:#128cdf;text-decoration:underline}

    .main_fl_l{width: 100%;float:left;}
    .main_fl_l_box {width: 100%;margin-top: 8px;border: 1px solid #f1f1f1;background: #f9f9f9;float: left;}
    .main_fl_l h2{float: left;height: 34px;line-height: 34px;width: 100%;border-bottom: 1px solid #e3e3e3;}
    .main_fl_l h2 a{height: 34px;float: left;line-height: 34px;color: #333;border-bottom: 1px solid #428ecc;font-size: 16px;font-weight: 700;}
    .main_fl_pic{margin: 2%;border-bottom-style: dashed;float: left;position: relative;width: 96%;overflow: hidden;}
    .main_fl_pic a img{float: left;width:90px;min-height: 127px;border-radius: 10px;}
    .main_fl_pic a span{font-weight:bold;font-size: 15px;color: #ffffff;height: 35px;line-height: 35px;display:block;float: left;width: 90px;text-align: center;position: absolute;bottom: 0;background: #696969a6;border-radius:0px 0px 10px 10px;}
    .main_fl_info{margin-left:100px;}
    .main_fl_info .title{font-size:18px;}
    .main_fl_info .author{display:block;line-height:30px;color:#777;}
    .main_fl_info .intro{color:#999;overflow: hidden;height:80px;line-height:20px;}
    .main_fl_l_list {float: left;display: inline-block;width: 100%;padding-bottom: 8px;}
    .main_fl_l_list ul {width: 100%;float: left;}
    .main_fl_l_list li {position:relative;width: 96%;line-height: 34px;height: 34px;font-size: 14px;overflow: hidden;float: left;margin: 2%;margin-bottom: 0;background: #fff;border: 1px solid #f5f5f5;}
    .main_fl_l_list li span{width: 4px;height: 4px;line-height: 4px;background: #d4d4d4;float: left;margin-top: 15px;margin-left: 10px;margin-right: 5px;border-radius: 50%;}
    .main_fl_l_list .kind{width: auto;color: #b9b9b9;margin-right: 10px;font-size: 14px;}
    .main_fl_l_list li a {width: 64%;color: #333;line-height: 30px;height: 30px;font-size: 15px;}
    .main_fl_l_list li a:hover{color:#FF4311}
    .main_fl_l_list li .author{position:absolute;top:0px;right:10px;color:#999;}

    .main_fl_c{float:left;width: 100%;margin-top: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .main_fl_c a:hover{color:#FF4311;text-decoration:underline}
    .main_fl_c_pic .c_img{width: 100%;height:140px;overflow: hidden;}
    .main_fl_c_pic .c_img img{width:95%;height:139px;float: left;border-radius: 10px;margin-left:5px;}
    .main_fl_c_pic .c_art {height: 30px;line-height: 30px;overflow:hidden;float: left;width: 88%;}
    .main_fl_c_pic {padding-top: 10px;width:25%;float: left;overflow: hidden;display: inline-block;text-align: center;}
    .main_fl_c_pic a, .main_fl_c_pic a:link, .main_fl_c_pic a:visited {color: #5a5a5a;font-size: 14px;height: 24px;line-height: 24px;overflow: hidden;}
    .main_fl_c_list {font-size: 14px;line-height: 28px;padding-top: 5px;overflow: hidden;white-space: nowrap;width: 100%;float: left;border-top: #dedede dotted 1px;margin-bottom: 5px;}
    .main_fl_c_list li{float: left;width: 100%;height: 39px;line-height: 39px;overflow: hidden;}
    .main_fl_c_list li:nth-child(even){float: right;}
    .main_fl_c_list code{color: #cfcdcd;float: right;font-size: 12px;font-family: initial;}
    .main_fl_c_list a{color:#333;float: left;width: 80%;overflow: hidden;font-size: 15px;}

    .main_fl_r{float: right;width: 100%;margin-top: 6px;}
    .l_hot{float:left;background: #fafafa;padding: 3%;width: 93%;}
    .l_hot .table{float: left;height: 34px;line-height: 34px;width: 100%;border-bottom: 1px solid #e3e3e3;margin-bottom: 15px;}
    .l_hot .table h3{height: 34px;float: left;line-height: 34px;color: #333;border-bottom: 1px solid #188bd8;font-size: 16px;font-weight: 700;}
    .l_hot .l_hot_title{width: 96%;height: 32px;border-bottom: 1px solid #ececec;margin: 2%;float: left;}
    .l_hot .l_hot_title h3 span {font-size: 16px;color: #333;height:32px;width:70px;display:block;line-height: 32px;text-align: center;border-bottom: #1d8fe2 solid 1px;}
    .l_hot .l_hot_list{overflow: hidden;float: left;width: 100%;}
    .l_hot .l_hot_list ul{width: 100%;float: left;}
    .l_hot .l_hot_list ul li{font-size: 14px;line-height: 43px;float: left;width: 100%;overflow: hidden;height: 43px;}
    .l_hot .l_hot_list ul li code{font-family: inherit;font-size: 12px;color: #9f9f9f;margin-right: 10px;background: #f0f0f0;padding: 4px 10px;border-radius: 48px;height: 30px;line-height: 30px;}
    .l_hot .l_hot_list ul li a:hover{color:#FF4311;text-decoration:underline;}
    .l_hot .l_hot_list ul li a{color: #333;text-decoration:none;font-size: 15px;}
    .l_hot .l_hot_list ul li.li_name a{color: #989898;text-decoration:none;}
    .l_hot .l_hot_list ul li.li_name {float: left;width:68px;text-align: center;margin-right: 5px;}
    .l_hot .l_hot_list ul li span{position:absolute;right:10px;color:#ff4311;font-size:12px}
    .l_hot  a img{width:100px;height:70px;}

    .main{width: 100%;margin: auto;}
    .container{width: 100%;float: left;margin-top: 20px;}
    .main-block {width: 821px;float: left;}
    .main-block .b-block {position: relative;height: 268px;float: left;font-size: 13px;margin-bottom: 4px;cursor: pointer}
    .main-block .b-block a {color: #fff}
    .main-block .b-block:hover .b-cover img {-webkit-transform: scale(1.1);transform: scale(1.1);-webkit-filter: blur(7px);-ms-filter: blur(7px);filter: blur(7px)}
    .main-block .b-block:hover .b-hover {height: 100%;width: 100%}
    .main-block .b-block:hover .b-cont2 {visibility: visible;opacity: 1}
    .main-block .bk-3 {width: 576px}
    .main-block .bk-2 {width: 384px}
    .main-block .bk-1 {width: 192px}
    .main-block .bk-3 .b-cube {*width: 572px}
    .main-block .bk-2 .b-cube {*width: 260px}
    .main-block .bk-1 .b-cube {*width: 188px}
    .main-block .b-cube {position: relative;height: 100%;overflow: hidden;margin-right: 8px;}
    .main-block .b-cover {height: 100%;width: 100%;overflow: hidden;transition: background-color .3s;}
    .main-block .b-cover img {height: 100%;width: 100%;display: block;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;}
    .main-block .b-hover {position: absolute;z-index: 9;bottom: 0;width: 100%;height: 85px;transition: width .3s, height .3s, opacity .3s}
    .main-block .b-cont {position: absolute;color: #fff;z-index: 10;bottom: 15px;width: 100%;transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, transform .3s;transition: opacity .3s, transform .3s, -webkit-transform .3s;}
    .main-block .b-cont p {font-size: 12px;overflow: hidden;}
    .main-block .b-cont .b-title {font-size: 18px;font-weight: 700;margin-bottom: -4px;}
    .main-block .b-cube2 {padding: 0 20px;position: relative;z-index: 2;}
    .main-block .b-cont1 {visibility: visible;transition: opacity .3s, -webkit-transform .3s;transition: transform .3s, opacity .3s;transition: transform .3s, opacity .3s, -webkit-transform .3s}
    .main-block .b-cont2 {visibility: hidden;opacity: 0;top: 15px;}
    .main-block .b-cont2 p {transition: opacity .3s, -webkit-transform .3s;transition: transform .3s, opacity .3s;transition: transform .3s, opacity .3s, -webkit-transform .3s;opacity: 0}
    .main-block .b-cont2 p:nth-child(2) {transition-delay: .1s}
    .main-block .b-cont2 p:nth-child(3) {transition-delay: .2s}
    .main-block .b-cont2 p:nth-child(4) {transition-delay: .3s}
    .main-block .b-cont2 .b-desc, .main-block .b-cont2 .b-title {margin-bottom: 10px;}
    .main-block .b-green {background-color: #188bd8;filter: Alpha(opacity=95);opacity: .95;}
    .main-block .b-yellow {background-color: #f14848;filter: Alpha(opacity=95);opacity: .95;}
    .main-block .b-blue {background-color: #f04f4f;filter: Alpha(opacity=95);opacity: .95;}
    .main-block .b-blue2 {background-color: #188bd8;filter: Alpha(opacity=95);opacity: .95;}
    .main-block .bk-num1 .b-cont1 {top: 30px;}
    .main-block .bk-num1 .b-cont1 .b-title {margin-bottom: 15px;}
    .main-block .bk-num1 .b-cont1 .b-desc {margin-bottom: 20px}
    .main-block .bk-num1 .b-hover {height: 100%;width: 200px}
    .main-block .bk-num1 .b-cont2, .main-block .bk-num2 .b-cont2 {top: 30px}
    .main-block .bk-num1 .b-cont2 .b-title, .main-block .bk-num2 .b-cont2 .b-title {font-size: 24px;}
    .main-block .bk-hori .b-cont2 p {-webkit-transform: translateX(-30%);transform: translateX(-30%)}
    .main-block .bk-hori:hover .b-cont1 {visibility: hidden;opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%)}
    .main-block .bk-hori:hover .b-cont2 p {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0)}
    .main-block .square {display: inline-block;padding: 5px 15px;border: 1px solid #fff;border-radius: 2px;transition: background-color .3s;font-size: 12px;}
    .main-block .square:hover {background-color: hsla(0, 0%, 100%, .2)}
    .main-block .b-block {height: 170px;margin-bottom: 8px;}
    .main-block .bk-3 {width: 541px;}
    .main-block .bk-2 {width: 279px;}
    .main-block .bk-1 {width: 180px;}
    .main-block .b-cube {margin-right: 8px}
    .main-block .b-cont2 p {font-size: 12px;line-height: 20px;}
    .main-block .b-cont2 .b-title {font-size: 20px;height: 24px;}
    .main-block .b-title {font-size: 22px}
    .main-block .b-hover {height: 45px;}
    .main-block .bk-num1 .b-cont1 .b-title {font-size: 26px;}
    .main-block .bk-num1 .b-cont1 .b-desc {margin-bottom: 20px;}
    .main-block .bk-num1 .b-hover {width: 192px;}
    .main-block .bk-num1 .b-cont2, .main-block .bk-num2 .b-cont2 {top: 20px;}
    .main-block .bk-num1 .b-cont2 .b-title, .main-block .bk-num2 .b-cont2 .b-title {font-size: 24px;}
    .main-block .b-cube2 {padding: 0 10px;}

    .col_txt{position:relative;width:100%;overflow:hidden;margin-bottom: 10px;}
    .col_box a{font-size:14px;color: #006fb7;}
    .col_box a:hover{color:#00c;text-decoration:underline!important}
    .col_txt .pic{float:left;margin-right: 20px;height:150px;overflow: hidden;width:120px;}
    .col_txt .pic img{width:120px;height:150px;border-radius: 10px;}
    .col_txt .text{position:absolute;top:0px;left:130px;right:0px;color: #8c8c8c;font-size:12px;height: 24px;line-height: 24px;}
    .col_txt .text p{float: left;font-size: 14px;margin-top: 0px;line-height: 24px;overflow: hidden;height:94px;color: #9b9b9b;}
    .col_txt .text b a{color: #272727;font-size: 15px;font-weight:bold;line-height: 34px;}

    .right_list{width: 100%;float: left;}
    .right_list .right_list_title {width: 100%;float: left;font-size: 16px;color: #f05051;border-radius: 6px 6px 0 0;margin-bottom: 15px;border-bottom: 1px solid #e3e3e3;height: 34px;line-height: 34px;}
    .right_list .right_list_title span{height: 34px;float: left;line-height: 34px;color: #333;border-bottom: 1px solid #f05050;font-size: 16px;font-weight: 700;}
    .right_list ul li {line-height: 40px;height: 40px;float: left;width: 100%;}
    .right_list ul li span {float:left;width: 22px;height: 22px;margin-top: 4px;line-height: 22px;font-size: 12px;text-align:center;color: #fff;background-color: #cbcbcb;border-radius: 50px;margin-right: 5px;}
    .right_list ul li:nth-child(1) span{background: #f14848;}
    .right_list ul li:nth-child(2) span{background: #f14848;}
    .right_list ul li:nth-child(3) span{background: #f14848;}
    .right_list ul li span.fr {background-color:#FF3C00;}
    .right_list ul li span.sec { background-color:#FF6600;}
    .right_list ul li span.thr {background-color:#FFD800;}
    .right_list ul li a {float:left;font-size: 15px;line-height:30px;color: #333;margin-left:5px;width: 200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .right_list ul li a:hover{color: #ff5252;}
    .right_list ul li code{float:right;font-size: 14px;color:#CCC;width:30px;display: none;}


    .lanmu{width: 100%;margin:auto;}
    .flink{float: left;background: #fff;border-radius: 12px;padding: 2.5%;margin: 10px 0;width: 95%;}
    .flink ul{width: 1100px;margin: auto;}
    .flink b{line-height: 28px;float: left;font-size: 15px;font-weight: 700;color: #188bd8;display: flex;flex-wrap: nowrap;align-items: center;}
    .flink b:before{content:"";font-weight: 700;color: #333;float: left;width: 5px;height: 15px;margin-right: 5px;background: #188bd8;border-radius: 50px;}
    .flink b:after{content:"";display: inline-block;background: #eeeeee;height: 3px;width: 240px;margin-left: 15px;}

    .flink li{line-height: 22px;color: #666;margin: 5px;float: left;}
    .flink li:nth-child(1){color: #4586f1;}
    .flink li a{color: #666;font-size: 12px;}
    .flink li a:hover{color: #4586f1;}

    .footer{float: left;width: 100%;background: #363d4d;text-align: center;padding: 10px 0;font-size: 12px;}
    .footer p{text-align: center;color: #c7c7c7;float: left;width: 100%;font-size: 12px;line-height: 24px;}
    .footer p a{font-size: 12px;color: #c7c7c7;padding: 0 3px;display: inline-block;}

    .sidetop{left:50%;margin-left:620px;margin-top:350px;position:fixed;width:54px;z-index:400;display: none;}
    .sidetop ul li{float:left;text-align:center;margin-bottom:5px;display: none;background-color: #8dc5f3;border-radius: 2px;}
    .sidetop ul li a{display:block;height: 54px;color:#484848;font-size: 14px;width: 56px;}
    .sidetop ul li a span{display: inline-block;color: #ffffff;width: 50%;line-height: 20px;margin-top: 7px;}
    .sidetop ul li a:hover span{text-decoration: none; color:#fff;}
    .sidetop ul li a:hover{background-color: #2ca6e0;}

    .main-left {
        float: left;
        width: 94%;
        background: #fff;
        border-radius: 10px;
        padding: 3%;
    }
    .content-list {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }

    .content-list .column {
        font-size: 15px;
        color: #afafaf;
        float: right;
        margin-top: 5px;
    }

    .content-list ul {
        width: 100%;
        display: inline-block;
    }

    .content-list ul li {
        width: 100%;
        display: inline-block;
        padding: 12px 0;
        border-bottom: 1px solid #f1f1f1;
    }

    .content-list ul li:last-child {
        border-bottom: 0 none;
    }

    .content-list ul li .t_img {
        display: inline-block;
        margin-right: 20px;
        width: 164px;
        float: left;
        height: 110px;
        margin-top: 5px;
        overflow: hidden;
    }

    .content-list ul li .t_img img {
        width: 100%;
        height: 110px;
        webkit-transition: all .4s;
        -moz-transition: all .4s;
        -ms-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        -moz-border-radius: 4px;
    }

    .content-list ul li .t_img:hover img {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    .content-list .con {
        overflow: hidden;
        height:100px;
        margin-left:100px;
    }

    .content-list ul li .con .person {
        font-size: 12px;
        color: #949494;
        float: left;
        padding: 0 5px;
        margin-right: 10px;
    }

    .content-list ul li .con .liulan {
        float: left;
        padding-left: 34px;
        font-size: 12px;
        color: #949494;
        margin-right: 14px;
    }

    .content-list ul li .con .dianzan {
        float: left;
        padding: 0 5px;
        margin-right: 14px;
        padding-left: 26px;
        font-size: 12px;
        color: #949494;
    }

    .content-list ul li .con .cont a {
        line-height: 30px;
        height: 30px;
        display: inline-block;
        font-size: 15px;
    }

    .content-list ul li .con .cont p {
        line-height: 24px;
        display: inline-block;
        height: 24px;
        overflow: hidden;
        font-size: 14px;
        color: #666;
    }

    .content-list ul li .con .cont a h2 {
        color: #333;
        font-size: 16px;
        font-weight: 700;
        float: left;
    }

    .content-list ul li .con .cont a:hover h2 {
        color: #ff5252
    }

    .content-list ul li .con .info {
        line-height: 22px;
        overflow: hidden;
    }

    .content-list ul li .con .info img {
        float: left;
        width: 22px;
        height: 22px;
        display: block;
        border-radius: 5px;
        -webkit-border-radius: 50px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        margin-top: 5px;
    }

    .content-list ul li .con .info .time {
        float: right;
        margin-left: 15px;
        font-size: 12px;
        color: #949494;
        padding-left: 18px;
    }

    .content-list ul li .con .info .pinglun {
        width: 18%;
        float: right;
        overflow: initial;
        line-height: 30px;
        height: 30px;
    }
    .content-list .title{font-size:20px;}
    .main-right {
        float: right;
        width: 100%;
        margin-top: 10px;
    }
    .content-list li{position:relative;}
    .content-list .cover{position:absolute;top:15px;left:5px;}
    .content-list .cover img{width:80px;height:90px;border-radius: 5px;}

    .right_list {
        width: 94%;
        float: left;
        padding: 3%;
        border-radius: 10px;
        margin-top: 10px;
        background: #fff;
    }

    .right_list .right_list_title {
        width: 100%;
        float: left;
        font-size: 16px;
        color: #f05051;
        border-radius: 6px 6px 0 0;
        margin-bottom: 15px;
        border-bottom: 1px solid #e3e3e3;
        height: 34px;
        line-height: 34px;
    }

    .right_list .right_list_title span {
        height: 34px;
        float: left;
        line-height: 34px;
        color: #333;
        border-bottom: 1px solid #188bd8;
        font-size: 16px;
        font-weight: 700;
    }

    .right_list ul li {
        line-height: 33px;
        height: 33px;
        float: left;
        width: 100%;
    }
    .right_list ul li i{color:#999;}

    .right_list ul li span {
        float: left;
        width: 18px;
        height: 18px;
        margin-top: 6px;
        line-height: 18px;
        font-size: 14px;
        text-align: center;
        color: #fff;
        background-color: #dbdbdb;
        border-radius: 5px;
        margin-right: 5px;
    }

    .right_list ul li:nth-child(1) span {
        background: #f96969;
    }

    .right_list ul li:nth-child(2) span {
        background: #ff762e;
    }

    .right_list ul li:nth-child(3) span {
        background: #e8b856;
    }

    .right_list ul li span.fr {
        background-color: #FF3C00;
    }

    .right_list ul li span.sec {
        background-color: #FF6600;
    }

    .right_list ul li span.thr {
        background-color: #FFD800;
    }

    .right_list ul li a {
        float: left;
        font-size: 15px;
        line-height: 30px;
        color: #333;
        margin-left: 5px;
        width: 265px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .right_list ul li a:hover {
        color: #ff5252;
    }

    .right_list ul li code {
        float: right;
        font-size: 14px;
        color: #CCC;
        width: 30px;
        display: none;
    }
    .infobox .cover img{
        height: 120px !important;
        width:100px !important;
    }
    .infobox .info{
        margin-left: 110px !important;
        min-height: auto !important;
    }
    .infobox .author{
        margin-top:0px !important;
    }
    .infobox .lastupdate{
        margin-top:20px;
    }
    .infobox .info .author span{
        width:50% !important;
    }
    .chapters{
        display: none;
    }
    .chapters-m{
        display:block !important;
    }
    .chapters li{
        width:100% !important;
    }
    .novelcontent .chapterlink a{
        display: block !important;
        width: 25%;
        float: left !important;
        border:none !important;
        padding:0px !important;
        margin:0px !important;
        border-radius:0px !important;
    }
}
.cl{clear: both;}
@font-face{
    font-family: 'yahei';
    src: url('/webfile/font.ttf') format('truetype');
}
.novelcontent i,#ad i,.infobox i,.chapters i{font-family: "yahei" !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.subtitle{
    height:40px;
    line-height: 30px;
    color:#188bd8;
    padding-left: 20px;
}
.infobox{
    background: #fff;
    padding:20px;
    border:1px solid #ddd;
    border-radius:10px;
    min-height: 200px;
}
.infobox .cover{
    position:absolute;
}
.infobox .cover img{
    height:150px;
    width:130px;
    border-radius:5px;
}
.infobox .info{
    margin-left:170px;
    min-height: 170px;
}
.infobox .info h1{
    font-size:25px;
    color:#188bd8;
}
.infobox .author{
    margin-top:20px;
}
.infobox .info .author span{
    float: left;
    width:40%;
    color:#666;
    border-bottom:1px solid #ddd;
    line-height: 40px;
}
.infobox .intro{
    color:#999;
    min-height: 100px;
    line-height:25px;
    margin-top:20px;
}
.infobox .lastupdate{
    color:#666;
}
.chapters{
    background: #fff;
    margin:20px 0px;
    padding:20px;
    border:1px solid #ddd;
    border-radius:10px;
}
.chapters li{
    float:left;
    width:33%;
    height:45px;
    line-height: 45px;
    overflow: hidden;
    border-bottom:1px solid #f1f1f1;
}
.chapters .title{
    font-size:22px;
    border-bottom:2px solid #eee;
    padding-bottom:10px;
}
.chapter{
    background: #fff;
}
.novelcontent {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid #eee;
    font-size: 20px;
    color:#333;
}
.novelcontent h1{
    text-align: center;
    font-size:25px;
    border-bottom:1px solid #eee;
    padding-bottom:20px;
    margin-bottom: 20px;
}
.novelcontent .chapterlink {
    text-align: center;
    height:90px;
    line-height:60px;
}
.novelcontent .chapterlink a{
    display: inline-block;
    border:1px solid #ddd;
    border-radius:7px;
    background:#188bd8;
    color:#fff;
    height:40px;
    line-height:40px;
    padding:0px 20px;
    margin:0px 10px;
}
.listpage{padding:.5rem 0;line-height:1.5rem;overflow:hidden;height:1.5rem;font-size:.8rem}
.listpage span{height:1.5rem;line-height:1.5rem;text-align:center}
.listpage .left{float:left;width:25%}
.listpage .left a,.listpage .right a{display:inline-block;height:1.5rem;width:90%;border-radius:3px;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
.listpage .left a{float:left}
.listpage .right a{float:right}
.listpage .right{float:right;width:25%}
.listpage .middle{width:49%;display:block;float:left;}
.listpage .middle em{width:80%;text-align:center;color:#999;font-style:normal;height:30px}
.listpage .middle a,.listpage .middle em{display:inline-block;float:left;line-height:36px}
.listpage .middle a{width:19%;height:36px;vertical-align:middle}
.listpage .middle select{clear:both;border:none;display:inline-block;float:left;font-style:normal;height:1.5rem;line-height:1.5rem;text-align:center;width:100%;box-shadow: inset 1px 0 rgba(0,0,0,.05), inset 0 1px rgba(0,0,0,.05), inset 0 -1px rgba(0,0,0,.05), inset -1px 0 rgba(0,0,0,.05);}
.listpage .middle select,.listpage .middle select option{color:#666}
.listpage .onclick{background:#f0f2f7}
.listpage .before{background:#ddd;color:#f0f2f7}
.list-chapter .booklist ul{margin-top:0;margin-bottom:0}