﻿/* CSS Document by ayi*/
article,.header,.footer,.section,.footer,.nav,figure,menu{display:block}
html{ font-size:12px}
body{ padding:0; margin:0; background:#f9f9f9; font-family: Arial,"microsoft yahei"; color: #333;}
a{ text-decoration:none; color:#666}
*{ padding:0; margin:0}
IMG{ border:none;vertical-align:bottom;}
li{ list-style:none}
i{ font-style:normal}
input,button,select,textarea{outline:none;-webkit-appearance: none; }
.header:after,.nav:after,.section:after,.footer:after,.clearfix:after{ clear:both; content:","; display:block; height:0; overflow:hidden; visibility:hidden}
.mhome{max-width: 64rem; margin: 0 auto;}
.l{ float:left}
.r{ float:right}
.mt1{ margin-top:1rem}
.bg_orange{ background: #ff9c00}
.bg_green{ background: #56ab2c}
.orange,.orange a{ color: #f60}
.line_b{ border-bottom: 1px solid #efefef}
.dn{display: none;}
.pb0{ padding-bottom: 0px !important;}
.red {color: #ff5757;}
/**iconfont**/
@font-face{font-family: 'iconfont'; src: url('../fonts/iconfont.eot'); /* IE9*/ src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/iconfont.woff') format('woff'), /* chrome、firefox */ url('../fonts/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../fonts/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */}
.iconfont{font-family:"iconfont" !important; font-size:1.6rem;font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}

/**首页**/
.header{ height: 5.6rem; position: relative; width:100%; background: #6dc7ac}
.header .logo{ margin: 0 auto; line-height: 5.6rem; color: #fff; width: 38%; text-align: center; font-size: 1.8rem; font-weight:normal;margin-top: 0.8rem;}
.header .logo a{ color: #fff;}
.header .logo img{ vertical-align:top; width:11rem; height:4rem}
.search{float: right; height: 3.4rem; line-height: 3.4rem; margin-top: 0.8rem; position: relative; width: 60%;}
.search input{border: 0 none; border-radius: 1rem 0 0 1rem; color: #999; float: left; font-size: 1.2rem; height: 3rem; line-height: 3rem; padding: 0.5rem 1rem; width: 50%;}
.search button{background: #f17656; border: 0 none; border-radius: 0 1rem 1rem 0; color: #fff; cursor: pointer; float: left; font-size: 1.2rem; height: 4rem; text-align: center; width: 30%;}
.header .back {position:absolute;z-index:4;left:12px;top:0.8rem;width:4rem;height:4rem;background:url(../images/ico_back.png) no-repeat scroll center center;}

.section{ margin:0; background: #fff}
.title03{border-bottom: 1px solid #efefef; height: 4.4rem; line-height: 4.4rem; background: #fff}
.title03 .main_title{ color: #666; display: block; float: left; font-size: 1.8rem; height: 3rem; line-height: 3rem; padding-left: 0.8rem; margin-top: 0.8rem; margin-left: 0.8rem; width: 70%}
.title03 .main_title em{ width: 3rem; height: 3rem; display: block; float: left; margin-right: 1rem}
.title03 .main_title em img{ width: 3rem; height: 3rem;}

.title02{ height: 4.4rem; line-height: 4.4rem; background: #fff; position: relative; zoom:1}
.title02 .main_title{ background: #fff; color: #666; display: block; font-size: 1.8rem; height: 3rem; line-height: 3rem; padding-left: 1.6rem; padding-right: 1.2rem; margin-top: 0.8rem; z-index: 2; position: absolute; left: 0}
.title02 i{border-bottom: 1px solid #efefef; position: absolute; width: 100%; top: 2.2rem; height: 1px; left: 0; z-index: 1}
.title02 .more{ background: #fff;z-index: 3; position: absolute; right: 0; padding: 0 1.2rem}

.title01{ height: 2rem; line-height: 2rem; background: #fff; position: relative; zoom:1; padding: 1.5rem 1rem 0 1rem}
.title01 span{ padding-left:1rem; font-size: 1.8rem;border-left: 5px solid #6dc7ac; }
.more{ padding-right:1rem}
.more a {color: #acacac; font-size:1.4rem}

.gray_border{ height:14px; background:#f9f9f9}

.footer{ text-align: center; font-size: 0.9em; color:#C0C0C0; padding: 1.5rem 0; background:#363636;font-size: 1.2rem; }
.footer a{  color: #999; padding:0 1rem}

/*导航*/
.mainav{}
.round5{ width:100%; margin: 0.5rem 0}
.round5 ul{ margin-top: 1rem}
.round5 ul li{ float: left; width: 20%; margin-bottom: 1rem; text-align: center}
.round5 ul li em{ width:4.2rem; height: 4.2rem; line-height: 4.2rem; font-size: 3.8rem; border-radius: 3rem; color: #fff; display: block; background: #fff; margin: 0 auto; overflow: hidden}
.round5 ul li em img{ width:4.2rem; height: 4.2rem;}
.round5 ul li p{ font-size: 1.2rem}
.round5 ul a:hover{ color:#e23a1f}
.round5 ul li.on a{ color:#f60}


/*列表*/
.tlist01 {float: left; width:100%; margin: 1rem 0}
.tlist01 li { height: 3.4rem; line-height:3.4rem; overflow: hidden; font-size:1.4rem; text-indent: 0.8rem; width: 33%;text-align: center; float: left}
.tlist01 li span { color:#00a0e9; padding-right:0.3rem}
.tlist01 li span a{ color:#00a0e9; padding-right:0.3rem}
.tlist01 li a{ display:block; width: 100%; height: 100%}
.tlist01 li a:hover{ color:#ff3a00; background: #f9f9f9}
.tlist01 em{ width: 3rem; font-size: 1.6rem; font-style: normal;text-align: center; color: #d2d2d2; font-family: "josefin-sans",abel,antic,comfortaa,delius,dosis,gruppo; float: left;}

.tlist02 li{ margin-right:2rem; float:left; text-align:center; font-size:1.4rem; line-height:3.4rem}

.list01{}
.list01 .list01_li{ border-bottom:1px solid #eaeaea; height: 7.8rem; margin: 0.5rem 0 0 0; padding: 0.5rem 0.8rem;}
.list01 .list01_li .list01_li_img{margin-right: 1rem;}
.list01 .list01_li .list01_li_img img{ height: 6.8rem; width: 9.2rem;}
.list01 .list01_li h3{ font-size: 1.4rem; margin-bottom: 1.6rem; font-weight:normal; height:1.8rem; overflow:hidden}
.list01 .list01_li p{color: #a8a8a8; font-size: 1.2rem; line-height: 1.8rem; margin-bottom: 1rem; height:3.6rem; overflow:hidden}
.list01 .list01_li p a{color: #00a0e9;}
.list01 .list01_li span{color: #a8a8a8; font-size: 1.2rem;}
.list01 .list01_li span.pl{background: rgba(0, 0, 0, 0) none no-repeat scroll left center; padding-left: 2rem;}
.list01 .list01_li .title_tags{font-size: 1.2rem;}
.list01 .list01_li a:hover{ color:#e23a1f; display: block; width: 100%;height: 100%; }

/*列表页*/
.select{padding: 1rem 0 1rem 1rem;}
.select h2{ font-size: 2rem; color: #c5c5c5; font-weight: normal; text-align: center; margin-bottom: 1rem; padding-bottom: 1.5rem;border-bottom: 1px solid #efefef;}
.select li{float: left; margin-right: 0.5rem; font-size: 1.2rem; margin-bottom: 0.5rem}
.select li a{background: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 0.3rem; display: block; height: 3.4rem; line-height: 3.4rem; padding: 0 0.5rem;}
.select li a:hover{background: #f4f4f4;}
.select li.on a{background: #fff; border: 1px solid #f09553; color: #f60; font-weight: bold;}
.select li i{ font-size:0.8rem; padding-left: 0.3rem; color: #999}
.select li.on i{ color:#f60}

/*面包屑*/
.bread{ font-size:1.2rem; line-height: 3.8rem; color: #b7b7b7; padding-left: 0.5rem}
.bread a{ color: #7f7f7f; padding: 0 0.3rem	}

.sposition{font-size:1.2rem; line-height: 3.8rem; color: #7f7f7f; padding-left: 0.5rem}
.sposition span{color: #7f7f7f !important;}
.sposition h1{display: inline-block;color:#F60;font-weight: normal;}
.sposition a{color:#7f7f7f}
.sposition a:hover,.sposition a.on{color:#F60}

/*翻页*/
.pages{clear: both; font-size:1.4rem; line-height: 3.8rem; height: 3.8rem; overflow: hidden;padding: 1rem 0; text-align: center;}
.pages li{color: #333; display: inline; margin: 0; }
.pages li.thisclass{background-color: #ff3c00;  border-radius: 2rem; color: #fff; padding: 0.6rem 1rem;}
.pages li a{ color: #414141; padding: 0.6rem 1rem; text-decoration: none;background:#fff;border-radius: 0.5rem; border: 1px solid #ebebeb}
.pages li a:hover{background-color: #ff3c00;color: #fff;}
.pages .iconfont{}
.pages .iconfont a{ color:#cdcdcd; background: none; border: none}

/*内容页*/
.article{ background: #fff}
.article h1{font-size: 2rem;  line-height: 2rem; padding: 2.5rem 0 1rem; text-align: center; color: #4e4e4e}
.article .artInfo{color: #b9b9b9; font-size: 1.2rem; text-align: center; padding-bottom: 1rem}
.artCon{font-size: 1.4rem; line-height: 2em; margin: 0 0 1rem 0; overflow: hidden; padding: 0 1.2rem}
.artCon p{color: #666; font-size: 1.4rem; line-height: 1.8em; padding: 0.8rem 0; text-indent: 0em; text-align: justify}
.artCon img{clear: both; display: block; margin: 1rem auto; max-width: 32rem;}
.artCon h3{font-weight: 600; line-height: 1.8em; padding-top: 20px; font-size: 1.4rem}
.nextpre{ border-top: 1px solid #eee; }
.nextpre li{border-bottom: 1px solid #eeeeee; font-size: 1.4rem; height: 3.4rem; line-height: 3.4rem; overflow: hidden; text-indent: 0.8rem;}
.nextpre li a{display: block; height: 100%; width: 100%;}
.nextpre li a:hover{background: #f9f9f9; color: #ff3a00;}
.nextpre li span{ color: #b5b5b5; margin-right: 0.5rem; }
.artPre{padding:1rem 1.2rem;}
.artPre p{font-size: 1.4rem;line-height: 1.8em;}
.artPre p a{color:#f72f3f;font-size: 1.4rem;line-height: 1.8em;}
.artPre p a:hover {text-decoration:underline}

/*网友热评*/
.wyrm_list{ margin: 1rem}
.wyrm_list a{background: #f9f9f9; border-radius: 0.5rem; display: block; float: left; font-size: 1.4rem; height: 2.8rem; line-height: 2.8rem; margin-bottom: 1rem; margin-left: 0; margin-right: 0.8rem; overflow: hidden; padding: 0 1rem; text-align: center; width: auto;}


/* 回到顶部 */
 #returnTop{_display:none;position:fixed;_position:absolute;z-index:999;right:1.5rem;bottom:-10rem;_bottom:auto;width:3rem;height:3rem; line-height:3rem; text-align:center; color:#fff;overflow:hidden;transition:bottom 0.9s;-webkit-transition:bottom 0.9s;-moz-transition:bottom 0.9s;-o-transition:bottom 0.9s; background:url(../images/bg_caption.png);-moz-border-radius: 2rem;-webkit-border-radius: 2rem;border-radius: 2rem;}
 
 /*分页*/
#pagination{padding:12px 0;text-align: center;}
.pagination {display: inline-block;padding-left: 0;}
.pagination > li {display: inline;}

.pagination > li > a,
.pagination > li > span {position: relative;float: left;padding: 0 12px;margin: 2px;line-height: 32px;height: 32px !important;font-size: 100%;border-radius: 4px;color: #337ab7;text-decoration: none;background-color: #fff;border: 0px solid #ddd;}

.pagination > li:first-child > a,
.pagination > li:first-child > span {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}

.pagination > li:last-child > a,
.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {z-index: 3; color:#fff;border-color:#F17656;background-color:#F17656}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {z-index: 2;cursor: default;color: #fff;border: solid 0px #F17656;background-color: #F17656;}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {color: #ccc;border: #ddd 0px solid;background-color: #EEEEEE;cursor: not-allowed;}

.pagination-sm > li > a,
.pagination-sm > li > span {color: #666;border: #d5d5d5 0px solid;background-color: #ddd;}

.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}

.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

/*搜索列表*/
.ssbox{}
.ssbox dl{ padding:0 1rem 1rem 1rem;border-bottom:1px solid #f0f0f0; margin:0 0 1rem 0;}
.ssbox dl dt{ height:24px; line-height:24px;}
.ssbox dl dt span,.ssbox dl dt span a{ float:left; width:40px; height:24px; text-align:center; background:#4d4a56; font-size:14px; color:#fff; margin-right:10px;}
.ssbox dl dt a{ float:left; font-size:22px; color:#000; font-weight:bold; line-height:24px;}
.ssbox dl dt a em{ color:#ff5552;}
.ssbox dl dd{ font-size:14px; color:#999; line-height:22px; margin-top:15px;}