*{margin: 0px;padding:0px;font-family: 'Microsoft Sans Serif', Tahoma, Arial, Verdana, Sans-Serif;font-size: 14px;}
body{color: #001737; background: #f3f8fb;}
.clear{
    clear:both;/*清浮动 voerflow:hidden也可用来清浮动一般放在浮动盒的父级*/
}
.clearfix{
    zoom:1;/*IE浏览器清浮动*/
}
.clearfix:after{
    content:'';/*添加一个空内容*/
    display:block;/*转块*/
    clear:both;/*清浮动*/
}
ul, li {list-style: none;}
.w{width: 1200px; margin: 0px auto}
.w10{width: 10%;}.w20{width: 20%;}.w30{width: 30%;}.w40{width: 40%;}.w50{width: 50%;}.w60{width: 60%;}.w70{width: 70%;}.w80{width: 80%;}
.fl{float: left}
.fr{float: right}
.ma{margin: 0px auto}
.mt20{ margin-top: 20px;}
/**
按钮
 */
a{text-decoration:none;color: #001737;}
a:hover{text-decoration:underline}
.button{
    color: #FFF;
    padding: 10px 20px;
    border: 0;
    border-radius: 6px;
    background: #19B9A8;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    vertical-align: middle;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 15%);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.button:hover{background:#128379;}
/**
input
 */
input{
    display: block;
    border-radius: 25px;
    padding: 3px 15px;
    font-size: 14px;
    line-height: 1.6;
    color: #8F9BAD;
    background-color: #FFF;
    background-image: none;
    border: solid 1px #EBEBEB;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-height: calc(1.5em + 0.75rem + 2px);
    font-weight: 400;
    color: #495057;
    background-clip: padding-box;
    /* -webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    /*appearance: none;*/
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input[type="text"]:focus,input[type="password"]:focus,select:focus,textarea:focus {
    border-color: #19B9A8;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* 头部搜索 */
#header{display:none}
.search { padding: 22px 0; display:flex; align-items:center; }
.search .s { flex: 1; }
.search .s form { display: flex; align-items: stretch; }
.search .sinput { flex: 1; height: 46px; border-top-right-radius:0; border-bottom-right-radius:0; border-right:none; border-color:#19B9A8; box-sizing: border-box; }
.search .sbut { border-radius:0 46px 46px 0; padding: 0 34px; height: 46px; cursor:pointer; font-size:16px; }
.search .other { margin-left: 20px; }
.search .other .release { height:46px; padding:0 28px; font-size:15px; border-radius:46px; white-space: nowrap; }

/* 纵向导航 */
#nav { width: 200px; background: #fff; border-radius: 8px; box-shadow: 0 2px 12px rgb(0 0 0 / 6%); overflow: hidden; padding: 8px 0; }
#nav a { display: block; height: 46px; line-height: 46px; color: #001737; padding: 0 24px; font-size: 15px; border-left: 3px solid transparent; transition: all .2s; }
#nav a:hover, #nav a.active { color: #19B9A8; background: rgba(25,185,168,.08); border-left-color: #19B9A8; }

/* 内容区 */
.content-main { width: calc(100% - 220px); margin-left: 20px; }
/* 会员中心：去掉左侧主导航后，内容区占满整行；顶部留 22px 间距，与前台上方搜索区的留白(padding:22px 0)一致 */
.content-main.content-full { width: 100%; margin-left: 0; padding-top: 22px; }


/* 行间样式 */
.__line{line-height: 40px;}
.__line label.line{ display: block; width: 100%;position: relative; margin-top: 20px;}
.__line label.line span{ display: inline-block; float: left;border:1px solid #19B9A8; height: 40px; width: 40px; text-align: center; line-height: 40px; color:#606266}
.__line label.line input[type="text"],.__line label.line input[type="password"]{float: left; border-radius: 0px; margin-left: -1px;width: 217px;}
.__line label.line .button{width: 100%; padding: 8px}
.__line label.line .imgcode{ width: 107px;padding: 3px; position: absolute;top: 8px; right:7px}
.__line label.line select {height: 42px;border:1px solid #EBEBEB; margin-left: -1px;}
.__line label.line textarea {border:1px solid #EBEBEB; margin-left: -1px; padding: 12px; width: 50%; height: 100px;}

.__table{ width: 100%;}
.__table tr{
    border-width: 1px;
    border-style: solid;
    border-color: rgb(128, 102, 160);
}
.__table td, .__table th {
    padding: 5px 10px;
    font-size: 12px;
    font-family: Verdana;
    color: rgb(177, 106, 104);
    text-align:center;
}
.__table tr:nth-child(even) {
    background: rgb(238, 211, 210)
}
.__table tr:nth-child(odd) {
    background: #FFF
}

    /*footer*/
footer { background: #fff; padding: 30px 0; width: 100%; overflow: hidden; text-align: center; color: #808595; margin-top: 30px; }
.footer_nav { margin: 0 0 10px 0; }
.footer_nav li { display: inline-block; height: 14px; overflow: hidden; line-height: 14px; }
.footer_nav li a { display: block; padding: 0 10px; margin: 0 10px; position: relative }
.footer_nav li a:after { content: ""; width: 1px; height: 100%; background: #dddddd; right: -10px; top: 0; position: absolute }
.footer_nav li:last-child a:after { display: none }
.guanzhu_img { margin: 30px 0 }
.guanzhu_img i { display: inline-block; font-style: normal; margin: 0 10px; font-size: 14px; }
.guanzhu_img i img { width: 120px; height: 120px; }
.copyright { font-size: 14px; letter-spacing: .1em; overflow: hidden; border-top: #dddddd 1px solid; padding: 15px 0 0; line-height: 30px; }
.copyright a { color: #808595 }
.copyright a:hover { color: #012684; text-decoration: underline; }
.ga img { display: inline-block; vertical-align: middle; margin: 0 5px; }

/* 内容 */
#content{background: #f3f8fb; padding-bottom: 20px;}


/* 首页 */
.banner{ height: 300px; background: url("../images/banner.jpg") no-repeat center #0f74a8;display:flex;justify-content: center; align-items: center; color: #fff; font-size: 24px; }
.title{ line-height: 60px; padding: 0px 10px;}
.title span{ font-size: 16px;}
.title a{ font-size: 12px; font-family: '宋体'}
.newslist{ background: #fff;}
.news_list{ margin-left: 5%;}
.news_list:first-child{ margin: 0px }
.news_list li {
    background: #FFF;
    margin-bottom: 15px;
    border-radius: 3px;
    padding: 15px 15px;
    overflow: hidden;
}
.news_list li i { width: 133px; height: 100px; overflow: hidden; display: block; float: left; margin-right: 15px; border-radius: 3px; }
.news_list li i img { height: 100%; min-width: 100%; transition: .5s; }
.news_list li:hover img { transform: scale(1.1) }
.news_list li p { margin: 10px 0; font-size: 16px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.news_list li span { font-size: 13px; color: #999; }


/* 案例 */
.weizhi { background: url(../icon/wz.png) no-repeat left 10px top 10px #fff; background-size: 24px; line-height: 40px; padding-left: 40px; color: #808595; }
.weizhi a { color: #808595; }
.weizhi a:hover { color: #19B9A8 }
.blogs_list { overflow: hidden; position: relative; transition: all .8s; padding: 20px; background: #fff; margin-bottom: 20px }
.blogs_list i { display: block; width: 210px; height: 158px; background: #ccc; overflow: hidden; float: left; margin-right: 20px; border-radius: 3px; }
.blogs_list i img { width: 100%; min-height: 100%; transition: all .6s; }
.blogs_list h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 10px 0; line-height: 28px; font-size: 20px; }
.blogs_list h2 span { font-size: 14px;    color: #ffffff;    margin-right: 5px;    background: #19B9A8;    padding: 0 5px;    border-radius: 3px;    display: inline-block;}
.blogs_list p { color: #808595; font-size: 14px; line-height: 24px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.blogs_list:hover { box-shadow: 0px 12px 8px -12px #c0bebe; }
.blogs_list h2:hover { color: #19B9A8; }
.blogs_list img:hover { transform: scale(1.1); }
.blogs_base { color: #999; font-size: 14px; margin: 30px 0 0 0; line-height: 24px; }
.blogs_base a { color: #999; }
.blogs_base span { margin-right: 20px; padding-left: 24px; line-height: 24px; display: block; float: left; }
span.blogs_time { background: url(../icon/time.png) no-repeat left center; background-size: 20px; }
span.blogs_onclick { background: url(../icon/fire.png) no-repeat left center; background-size: 20px; }
a.read_more { background: #19B9A8; color: #fff; font-size: 14px; font-weight: 600; text-align: center; padding: 8px 20px; border-radius: 4px; width: 80px; float: right; }
a.read_more:hover { background: #128379; }
.blogs_right{ width: 28%}
/*hot_news*/
h2.h_title {
    line-height: 50px;
    font-size: 22px;
}
/* 人气排行 */
.hot_news { border-radius: 3px; background: #fff; padding: 5px 20px 0; overflow: hidden; position: relative }
.hot_news ol { overflow: hidden; padding: 10px 0 20px 25px; }
.hot_news li { line-height: 36px; list-style-type: inherit; padding-left: 10px; }
.hot_news p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 80%; float: left; }
.hot_news li span { float: right; width: 20%; text-align: center; color: #808595; font-size: 12px; }
.hot_news section { background-color: #fff; line-height: 42px; box-shadow: 0px 9px 24px rgb(0 0 0 / 5%); margin: 10px 0; border-radius: 10px; }
.hot_news ol:before { content: ""; background: url(../icon/fire.png) no-repeat; background-size: 20px; width: 20px; height: 20px; position: absolute; right: 40px; top: 22px; }
.hot_news li:nth-child(1) span { color: #f33; font-weight: bold; }
.hot_news li:nth-child(2) span, .hot_news li:nth-child(3) span { color: #f80; font-weight: bold; }
.ad_r { margin: 20px 0; overflow: hidden; border-radius: 3px; background: #fff; padding: 20px; }
.ad_r img { width: 100% }

/*tagsclous*/
.tagsclous { border-radius: 3px; background: #fff; padding: 5px 20px 0; margin: 20px 0; overflow: hidden; }
.tagsclous ul { padding: 10px 0 20px 0; overflow: hidden; position: relative; }
.tagsclous a { display: inline-block; float: left; line-height: 34px; text-align: center; position: relative; color: #2c3e50; margin: 4px 5px; padding: 0 14px; border-radius: 3px; transition: .2s }
.tagsclous li:nth-child(8n-7) a { background: #def6ff }
.tagsclous li:nth-child(8n-6) a{ background: #f2fbf2 }
.tagsclous li:nth-child(8n-5) a { background: #f8f3fe }
.tagsclous li:nth-child(8n-4) a { background: #fff7f0 }
.tagsclous li:nth-child(8n-3) a { background: #fff3f3 }
.tagsclous li:nth-child(8n-2) a { background: #edf9fe }
.tagsclous li:nth-child(8n-1) a { background: #f1f3fd }
.tagsclous li:nth-child(8n) a { background: #def6ff }
.tagsclous li:hover a{ background: #19B9A8; color: #fff }


article { background: #fff; padding: 20px; margin: 20px 0; }
article h1 { color: #001737; font-size: 24px; margin: 0 0 20px 0; }
.wz_info { font-size: 12px; line-height: 28px; color: #808595; margin-bottom: 20px; border-bottom: #dbdbdb 1px dashed; }
.wz_info span { margin: 0 20px 0 0 }
.wz_info a { color: #808595; }
.message { font-size: 16px; line-height: 32px; word-break: break-all; }
.message p { margin: 20px 0; text-indent: 2em; }
.message ul, .content ol { margin: 20px 0 20px 35px; }
.message ul li, .content ol li { margin-top: 3px; line-height: 30px; }
.message ul li { list-style-type: disc; }
.message ol li { list-style-type: decimal; }
.message h2, .content h3, .content h4, .content h5, .content h6 { position: relative; padding-left: 14px; font-size: 16px; margin: 20px 0; text-indent: 1em;background: #f3f8fb; }
.message img { max-width: 100% !important; width: auto !important; height: auto !important; margin: 10px auto; }
.message video { height: auto !important; display: block; margin: auto; max-width: 100% !important; }
.message table { max-width: 100%; border-width: 1px; border-color: #666; border-collapse: collapse; font-size: 15px; line-height: 26px; }
.message table th { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #dedede; }
.message table td { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #ffffff; }
.diggit { display: block; width: 160px; margin: 20px auto; background: #19B9A8; color: #fff!important; box-shadow: 1px 2px 6px 0px rgba(0,0,0,.2); border-radius: 3px; line-height: 40px; text-align: center; }
.diggit a { color: #fff; display: block }
/*share*/
.share { width: 331px; margin: 20px auto; text-align: center; }
.share span { float: left; line-height: 44px; font-size: 16px; color: #808595; }
.share b { margin-top: 20px; }
.bdshare-button-style0-16 a { width: 42px; height: 42px !important; padding-left: 0 !important; display: inline-block; margin: 0 2px !important; cursor: pointer !important; background-size: 42px !important; }
.share a.bds_sqq { background: url(../icon/share.png) no-repeat; background-position: 0 -156px; }
.share a.bds_weixin { background: url(../icon/share.png) no-repeat; background-position: 0 -52px; }
.share a.bds_qzone { background: url(../icon/share.png) no-repeat; background-position: 0px -364px; }
.share a.bds_tsina { background: url(../icon/share.png) no-repeat; background-position: 0 -260px; }
.share a.bds_sqq:hover { background: url(../icon/share.png) no-repeat; background-position: 0 -104px; }
.share a.bds_weixin:hover { background: url(../icon/share.png) no-repeat; background-position: 0 0px; }
.share a.bds_qzone:hover { background: url(../icon/share.png) no-repeat; background-position: 0 -312px; }
.share a.bds_tsina:hover { background: url(../icon/share.png) no-repeat; background-position: 0 -208px; }
.share a.bds_more { background: url(../icon/share.png) no-repeat; background-position: 0 -570px; margin: 0; padding: 0; width: 44px; }
/*tags*/
.tags { margin: 30px 0; font-size: 16px; background: url(../icon/tags.png) no-repeat left center; background-size: 24px; padding-left: 34px; color: #8392A5; }
.tags a { color: #8392A5; border: 1px solid #8392A5; display: inline-block; font-size: 14px; padding: 5px 15px; margin: 5px; border-radius: 4px; transition: all .2s; }
.tags a:hover { background: #19B9A8; color: #fff; border: 1px solid #19B9A8; }
/*info-pre-next*/
.info-pre-next { line-height: 34px; margin-bottom: 20px; overflow: hidden; }
.info-pre-next p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 45%; float: left; }
.info-pre-next p:nth-child(2) { text-align: right; float: right; }
.info-pre-next a { margin-left: 10px; font-weight: bold; }


/* 登录注册 */
.sign-top { height: 60px; line-height: 60px; }
.sign-top a { color: #808595; font-size: 14px; transition: color .2s; }
.sign-top a:hover { color: #19B9A8; }
.sign_main{ background: linear-gradient(135deg, #19B9A8 0%, #128379 100%); height: 486px; display:flex;justify-content: center; align-items: center;}
.sign_main .main{ background: #fff; border-radius:12px; padding: 30px 28px; width: 360px; box-shadow: 0 8px 30px rgb(0 0 0 / 15%); }
.sign-title{ text-align:center; font-size:22px; color:#001737; margin-bottom:20px; }

/* 登录注册表单 */
.sign_main input, .sign_main button { box-sizing: border-box; }
.sign_main .__line label.line { display: flex; align-items: center; margin-top: 16px; }
.sign_main .__line label.line:first-of-type { margin-top: 0; }
.sign_main .__line label.line span { flex:0 0 40px; width:40px; height:44px; float:none; display:flex; align-items:center; justify-content:center; border:1px solid #dcdfe6; border-right:none; border-radius:6px 0 0 6px; background:#fff; color:#606266; }
.sign_main .__line label.line input[type="text"],
.sign_main .__line label.line input[type="password"] { flex:1; min-width:0; width:auto; float:none; height:44px; padding:0 12px; margin:0; line-height:20px; border:1px solid #dcdfe6; border-radius:0 6px 6px 0; }
.sign_main .__line label.line input[type="text"]:focus,
.sign_main .__line label.line input[type="password"]:focus { border-color:#19B9A8; }
.sign_main .__line label.line .imgcode { position:static; flex:0 0 auto; width:auto; height:44px; padding:0 14px; margin-left:10px; border-radius:6px; font-size:13px; }
.sign_main .__line label.line a.fl { float:none; }
.sign_main .__line label.line a.fr { float:none; margin-left:auto; }
.sign_main .__line label.line a { color:#001737; }
.sign_main .__line label.line input[type="submit"].button { width:100%; height:44px; margin-top:6px; }


/* 会员中心 */
/* 左侧 */
#__mleft{
 background: #fff; width: 160px; padding: 1px; min-height: 498px;
}
#__mleft a{
    display: block;
    line-height: 40px;
    height: 40px;
    padding: 0 20px
}
#__mleft a.active{
    font-weight: bold;
    color: #19B9A8;
    background: rgba(25,185,168,.08);
}
/* 右侧 */
#__mright{ background: #fff; width: calc(100% - 180px); min-height: 500px;}
#__mright .main{ padding: 0px 20px;}
#__mright .__line label.line .button{width: 100px; padding: 8px}
/* 会员模块表单：去掉 label 左侧文字的主题色边框，改为与登录/注册页一致的浅灰边框，避免主题色方框过于突兀 */
#__mright .__line label.line span{ border:1px solid #dcdfe6; }


/* 上传头像 */
#upload{
    height: 100px;
    background: url("../images/upload.png") no-repeat center;
}


.mess_top .img{ border: 1px solid #dedede; display: block; padding: 1px; height: 200px; width: 200px; text-align: center; overflow: hidden;}
.mess_top .img img{ height: 200px;}
.mess_top .info label{
    display: block;
    font-size: 16px;
}
.mess_top .info label .ititle{ display: inline-block; width: 200px; text-align: right; padding-right: 10px;}

.page{ padding:20px; text-align: center}
.page>div>span{ display: none;}
.page ul li {display: inline-block}
.page ul li a,.page ul li span{ display: block; padding: 5px 10px; border: 1px solid #dcdcdc; margin: 0 5px;border-radius: 3px;}
.page ul li a:hover,.page ul li.active span{ border: 1px solid #19B9A8; color: #19B9A8 }
.page ul li.disabled{ cursor: no-drop}


.newslist2{ background: #fff; width: 100%; overflow: hidden;}
.newslist2 .news_list{ width: 100%;}
.newslist2 li{ width: 200px; float: left; padding:0 20px; height: 300px;}
.newslist2 li i{ width: 200px; height: 140px;}
.newslist2 li a{display: block;}
.newslist2 li .blogs_base{ margin: 0px;}