@charset "utf-8";
/**
 * YZMCMS 内容管理系统
 * @author           袁志蒙  
 * @license          http://www.yzmcms.com
 */
/* css */
*{margin: 0;padding: 0}
body{font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif;color: #555;background-color: #f6f6f6;line-height: 1.5;}
img{border: 0;display: block}
ul, li{list-style: none;}
a{text-decoration: none;color: #555}
a:hover{text-decoration: none;color: #00A7EB;}
.clear{clear: both;}
.blank{height: 20px;overflow: hidden;width: 100%;margin: auto;clear: both}
.blank100{height: 100px;overflow: hidden;width: 100%;margin: auto;clear: both}
.f_l{float: left}
.f_r{float: right}
.mt20{margin-top: 20px}
.mt80{margin-top: 80px}
header{width: 100%;background: rgba(255,255,255,1);}
article{width: 1140px;margin: 80px auto 0;overflow: hidden}
.tophead{width: 1200px;margin: 0 auto 10px;overflow: hidden;}
header{position: fixed;top: 0;z-index: 99999}
.container{width: 1140px;margin: 20px auto}
.sub_class_title{text-align: center;margin: 20px auto}
.sub_class_title h1{font-size: 28px;line-height: 42px;text-transform:Capitalize;text-align: center;font-family: Circular, PingFang-SC, "Hiragino Sans GB", 微软雅黑, "Microsoft YaHei", "Heiti SC" !important;}
.sub_class_title span{font-size: 12px;color: #999;letter-spacing: 2px;}
.sub_class_more{text-align: center;}
.sub_class_more .moreBtn{padding: 0 45px;display: inline-block;text-align: center;-moz-border-radius: 18px;border-radius: 18px;border: 1px solid #eee;color: #aaa;line-height: 34px;overflow: hidden;}
.sub_class_more .moreBtn:hover{background: #00A7EB;color: #fff;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
/*nav*/
.logo{float: left;margin-right: 80px;font-size: 22px;}
.logo a{color: #444}
.menu{height: 60px;line-height: 60px;width: 100%;background-color: #fff;border-bottom: 1px solid #ddd;box-shadow: 0 1px 1px rgba(0,0,0,.04);}
.nav{height: 60px;width: 1140px;margin: 0 auto;}
.nav li{position: relative;float: left;width: 100px;text-align: center;display: block;font-size: 16px;margin-right: 5px;}
.nav li a{color: #444;padding: 0 0px;display: inline-block;}
.nav li a:hover{color: #fff;}
.nav li .sub-nav{position: absolute;top: 60px;width: 200px;background: #FFF;left: -20px;display: none;}
.nav li .sub-nav li{clear: left;height: 35px;line-height: 35px;position: relative;width: 150px;/**/padding: 5px 20px}
.nav li .sub-nav li a{display: block;font-size: 15px;font-weight: 400;color: #404040;line-height: 35px;background: #fff;text-align: left;padding: 0px 3px}
.nav li .sub-nav li a:hover{color: #000;border-left: 2px solid #000;}
#topnav li .sub-nav li a:hover{font-size: 15px;font-weight: 400;color: #404040;line-height: 35px;background: #fff;text-align: left;padding: 0px 3px}
#topnav_current{color: #00A7EB;}
#topnav_current, #topnav li a:hover, #topnav #selected, .selected > a{background: #3690cf;display: block;color: #fff;}
/*search*/
.search_bar{position: relative;margin-top: 0px;width: 0%;min-width: 60px;height: 60px;float: right;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;}
.input{position: absolute;top: 15px;right: 0;border: none;outline: none;width: 98%;height: 30px;line-height: 30px;z-index: 10;font-size: 16px;color: #333;padding-left: 5px}
.search_ico, .search_btn{width: 60px;height: 60px;display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 0;line-height: 60px;cursor: pointer;}
.search_ico{background: #fff url(../images/searchbg.png) no-repeat center;z-index: 90;}
.search_open{width: 200px;}
.search_open.search_bar .input{border-bottom: #222 1px solid;background: #fff;width: 200px;}
#show{position: absolute;padding: 20px}
/*phone nav*/
#mnav{display: none;width: 100%;position: fixed;top: 0;right: 0;}
.mlogo{color: #fff;line-height: 50px;font-size: 22px;float: left;padding-left: 20px}
#mnav h2{text-align: right;color: #fff;font-size: 18px;height: 50px;line-height: 40px;width: 100%;background: rgba(0,0,0,1)}
#mnav h2.open{text-align: right;width: 100%;}
#mnav dl{display: none;background: #000;width: 100%;padding-bottom: 40px}
#mnav .list_dt{line-height: 40px;vertical-align: top;font-size: 16px;display: block;overflow: hidden;text-align: center;border-bottom: 1px solid #464646;margin: 0 20%}
#mnav h2 .navicon{margin-right: 15px;}
.navicon{display: inline-block;position: relative;width: 30px;height: 5px;background-color: #FFFFFF;}
.navicon:before, .navicon:after{content: '';display: block;width: 30px;height: 5px;position: absolute;background: #FFFFFF;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
.navicon:before{margin-top: -10px;}
.navicon:after{margin-top: 10px;}
/* open*/
#mnav h2.open .navicon{background: none}
/* hidden*/
#mnav h2.open .navicon:before{margin-top: 0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#mnav h2.open .navicon:after{margin-top: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#mnav h2.open .navicon:before, #mnav h2.open .navicon:after{content: '';display: block;width: 30px;height: 5px;position: absolute;background: #FFFFFF;-webkit-transition-property: margin, -webkit-transform;transition-property: margin, -webkit-transform;transition-property: margin, transform;transition-property: margin, transform, -webkit-transform;-webkit-transition-duration: 300ms;transition-duration: 300ms;}
#mnav .list_dt a{color: #FFF}
.list_dd{display: none;}
.list_dd ul li{text-align: center;line-height: 36px;}
.list_dd ul li a{color: #999}
/*cd-top*/
.cd-top{display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 40px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space: nowrap;background: rgba(0, 0, 0, 0.8) url(../images/top.png) no-repeat center ;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible{visibility: visible;opacity: 1;}
/*footer*/
footer{width: 100%;background: #333;color: #a5a4a4;text-align: center;padding: 20px 0;clear: both;}
footer a{color: #a5a4a4}
/* pagelist*/
.pagelist{text-align: center;color: #666;width: 100%;clear: both;margin: 20px 0;padding-top: 20px}
.pagelist a{margin: 0 2px;border: 1px solid #000;padding: 5px 10px;}
.pagelist > b{border: 1px solid #000;padding: 5px 10px;}
.curPage{font-weight: bold}
.allpage{}
/*留言*/
.gbook{padding:10px;}
.gbook .book_title{color: #333;font-size: 21px;margin-bottom: 10px;}
.gbook p{color: #9a9a9a;font-size: 12px;line-height: 22px;}
.message_table{width: 600px;margin: 10px auto 0;}
.gbook .input_text{border: 1px solid #d0d0d0;padding: 2px;height: 25px;line-height: 25px;width: 300px;font-size: 12px;outline: none;}
.gbook .textarea_text{padding: 3px;border: 1px solid #d0d0d0;outline: none;}
.gbook .submit{height: 35px;width: 300px;line-height: 35px;color: #fff;background: #09c;cursor: pointer;border: none;outline: none;transition: all 0.3s;}
.gbook .submit:hover{background: #018dbc;}
.gbook .book_title{font-size: 16px;color: #565656;margin: 10px 0;}
#guestbook_show{margin: 0px;}
.gbook .guestbook_list{padding: 10px;background: #fafafa;border: 1px solid #dadada;line-height: 25px;margin-bottom: 10px;color: #888;}
.gbook .book_head{font-size: 12px;border-bottom: 1px dashed #8e8e8e;padding: 5px 0;}
.gbook .book_content{margin: 10px 0;}
#page{margin: 30px 0;font-size: 14px;height: 30px;line-height: 30px;text-align: center;}
#page .pageinfo{margin-right: 3px;color: #808080;font-size: 14px;padding: 4px 10px;border: 1px solid #aaa;display:none;}
#page a{border: 1px solid #aaa;background: #fff;color: #808080;padding: 4px 10px;margin-left: 5px;transition: all 0.2s;}
#page .nopage{cursor: not-allowed;}
#page a:hover, #page .curpage{background: #09c;color: #fff;text-decoration: none;border: 1px solid #09c;}
.gbook td img{display: initial;}
.xing{padding-left: 15px;color: red;}
.news_infos ul p{text-indent: 2em;margin-bottom: 10px;}