@import url(index.ie.css) screen and (min-width:750px);
@media screen and (max-width: 750px) {
@charset "gb2312";
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;}/*IE6 7*/
.ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*logo*/
.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;background: url(../img/logo_min.png) no-repeat 0 0;width: 170px;height: 34px;background-size: 100%;}
.logo img{float: left;width: 200px;}
.logo p{float: left;margin-top: 5px;}
.logo p img{width: 226px;}
.logo_bg{background: url(../img/pc_ico.png) no-repeat 0 -735px;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: url(../img/pc_ico.png) no-repeat 8px -83px;background-color: #188bd8;border-radius: 0  4px 4px 0;}
/*投稿*/
.rougao {float: right;margin-top: 7px;width: 257px;display: none;}
.rougao a:before{content: "";background: url(../img/pc_ico.png) no-repeat;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: url(../img/pc_ico.png) no-repeat;background-position: -19px -471px;}
.rougao a:hover{color:#fff!important;}
.phone{background: url(../img/pc_ico.png) no-repeat;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: url(../img/pc_ico.png) no-repeat;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;}
/*header*/
.index_mid{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: url(../img/pc_ico2.png) no-repeat 0 0;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_left*/
.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;background: url(../img/pc_ico.png) no-repeat -82px -72px;font-weight: 700;}
.main_fl_pic{margin: 2%;border-bottom-style: dashed;float: left;position: relative;width: 96%;overflow: hidden;border-radius: 10px;}
.main_fl_pic a img{float: left;width: 100%;min-height: 127px;}
.main_fl_pic a span{font-weight:bold;font-size: 15px;color: #ffffff;height: 35px;line-height: 35px;display:block;float: left;width: 100%;text-align: center;position: absolute;bottom: 0;background: #696969a6;}
.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 {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_center*/
.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: 83px;overflow: hidden;}
.main_fl_c_pic .c_img img{width: 100%;height: 83px;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: 30%;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;background: url(../img/pc_ico.png) no-repeat -82px -72px;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{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: 90px;overflow: hidden;width: 37%;}
.col_txt .pic img{width: 100%;height: 90px;border-radius: 10px;}
.col_txt .text{color: #8c8c8c;float:left;font-size:12px;text-align:left;width: 57%;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;background: url(../img/pc_ico.png) no-repeat -82px -72px;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*/
.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;}
}