﻿
/* list_left */
.list_top{ overflow:hidden;}
.list_top h3{ font-size:16px; text-align:center; font-weight:400; height:36px; line-height:36px}
.list_top h4{ text-align:center}

/* box */
.box .total-title{ text-align:center; margin:0 auto; }
.box .title{ height:40px; line-height:40px; background-color:#fff;  border:1px solid #494949; border-radius:50px; color:#494949; font-size:18px; display:inline-block; padding:8px 50px; float:right; margin:0 10px;cursor:pointer;}
.box .title:hover{background:#4bcb86; color:#fff; border:1px solid #4bcb86;}
.box .title a:hover{ background:#4bcb86; color:#fff;}
.box .title.active{ background:#4bcb86; color:#fff; border:1px solid #4bcb86;}
.box .title.active a{ color:#fff;}

.box .content{ display:none}
.box .content ul{ overflow:hidden;}
.box .content li{ margin-bottom:8px; border:1px solid #FC9; height:34px; line-height:34px; text-align:center; width:25%; float:left;}
.box .content a{ color:#666}

/* list_bottom */
.list_bottom{ overflow:hidden; width:1200px; margin:10px auto 0; padding-top:20px} 
.list_bottom .nr{ width:1200px; margin:0 auto;}

/* divinfowai */
.divinfowai{ float:left; width:378px; height:300px; margin:0 0 40px 30px; position:relative}
.divinfowai a{ position:absolute; left:0; top:0; width:100%; transition:top 1s,box-shadow 0.8s}
.divinfowai a div{ width:378px; height:200px; overflow:hidden}
.divinfowai a div img{ width:378px; height:200px; transition:transform 1s}
.divinfowai a span{ color:#5c5c5c; font-size:20px; margin-top:20px; display:block; text-indent:20px}
.divinfowai a p{ line-height:24px; height:24px; text-indent:20px; font-size:14px; color:#666666; margin-bottom:20px}
.divinfowai a font{ display:block; width:0; height:4px; overflow:hidden; background-color:#3775b4; transition:width 0.5s}
.divinfowai:hover a{ top:-10px; box-shadow: 4px 4px 10px #888888;}
.divinfowai:hover img{ transform:scale(1.2,1.2)}
.divinfowai:hover font{ width:100%;}


/* divpicwai */
.divpicwai{ float:left; width:25%; text-align:center; padding-bottom:20px}
.divpicwai img{ width:80%; height:290px}
.divpicwai .divPictitle{ line-height:36px}
.divpicwai1{ float:left; width:350px; text-align:center; padding-bottom:20px; margin:20px 18px;}
.divpicwai1  img{height:360px;}
.divpicwai1 .divPictitle{ line-height:36px}

/* divpicwai_zizhi */
.divpicwai{ float:left; width:25%; text-align:center; padding-bottom:20px}
.divpicwai img{ width:80%; height:160px}
.divpicwai .divPictitle{ line-height:36px}
.divpicwai1{ float:left; width:350px; text-align:center; padding-bottom:20px; margin:20px 18px;}
.divpicwai1  img{height:360px;}
.divpicwai1 .divPictitle{ line-height:36px}

/* divpicwai_sub */
.divpicwai_sub{ float:left; width:350px; height:450px; margin:0 0 60px 70px; position:relative}
.divpicwai_sub a{ position:absolute; left:0; top:0; width:100%; border:1px solid #ccc; border-bottom:4px solid #ccc; }
.divpicwai_sub a div{ width:340px; height:400px; overflow:hidden; margin:6px auto 0}
.divpicwai_sub a div img{ width:340px; height:400px; transition:transform 1s}
.divpicwai_sub a p{ line-height:50px; height:50px; text-indent:10px; width:340px; margin:0 auto; color:#252525; font-size:14px}
.divpicwai_sub:hover a{ top:-20px; box-shadow: 4px 4px 10px #888888;}

/* yema */
.yema{clear:both; text-align:center; font-size:14px; margin-top:30px; background-color:#B8B8B8; padding:10px 0; color:white; }
.yema a{ display:inline-block; padding:2px 10px; margin: 0 8px; color:white; background-color:#6498BC; border-radius:4px}

/* article_contain */
.article_contain{ width:100%; margin:30px auto 0; padding:20px; background-color:white}

/* article_head */
.article_head{ border:1px solid #ddd; border-top:5px solid #40c87c; height:44px; line-height:44px; padding-left:40px; color:#555555; font-size:18px}
.article_head a:hover{ color:red}

/* weizhi */
.weizhi{ height:44px; line-height:44px; padding-left:40px; color:#555555; font-size:18px}
.weizhi a:hover{ color:red}

/* article_body */
.article_body{ border:1px solid #ddd; border-top:none;padding:18px}
.article_body h3{ font-size:24px; text-align:center; height:30px; line-height:30px; font-family:"黑体"; font-weight:400}
.article_body h4{ text-align:center; margin:0 12px; border-bottom:1px solid #ddd; color:#FF8105; font-weight:400; height:30px; line-height:30px; font-size:16px; padding:12px 0}

/* article_text */
.article_text{ margin:30px}

/* button */
.button{ display:block; float:left; margin:0 10px; border:none; width:120px; height:36px; line-height:36px; background-color:#E16464; color:white; font-size:16px; padding:0; text-align:center}