@charset "utf-8";
/**
 * CMS 内容管理系统
 */
/* css */
*{margin: 0;padding: 0}
body{font: 16px "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{color: #555;text-decoration: none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-focus:none;-moz-user-select:none;}
a:hover{text-decoration: none;color: #00a67c;}
.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:#f6f6f6;height: 60px;}
article{width: 1300px;margin: 130px auto 0;overflow: hidden}
.tophead{width: 1200px;margin: 0 auto 10px;overflow: hidden;}
header{position: fixed;top: 0;z-index: 99999}
.container{width: 1300px;margin:0 auto;margin-top:130px;}
.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: #00a67c;color: #fff;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
/*nav*/
.logo{float: left;}
.logo a img{height: 40px;margin: 10px 0;}
.menu{line-height: 60px;background: #5a5a5a;}
.nav{height: 60px;width: 1300px;margin: 0 auto;}
.nav li{float: right;width: 70px;text-align: center;margin-right: 5px;}
.nav li a{display: block;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 li:hover{display: block;background-color:#00a67c;}
#topnav li a:hover{color: #fff;}
 #topnav #selected, .selected > a{display: block;color:#00a67c;}
.nav li .current{display: block;color: #00a67c;}
/*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: 60px;border: none;outline: none;width: 98%;height: 30px;line-height: 30px;z-index: 10;font-size: 14px;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:url(../images/searchbg.png) no-repeat center;z-index: 90;}
.search_open{width: 270px;}
.search_open.search_bar .input{border-bottom: #222 1px solid;background: #ddd;width: 200px;}
#show{position: absolute;padding: 20px}
.searchbtns{width:30px;height:30px;float:right;margin-top:2px;background:url(../images/ss_ls.png);background-repeat:no-repeat;background-size: 24px 24px;border:none;}
.searchs{width:calc(100% - 220px);float:left;height:30px;line-height:25px;margin:9px 0;border: 1px solid #f6f6f6;border-radius: 15px;overflow:hidden;}
.searchs .searchtxts{width:calc(100% - 40px);float:left;padding-left:10px;}
.searchs .searchtxts input{width:100%;height:30px;line-height:30px;border:none;background: #5a5a5a;outline: medium none;color: #fff;}
.searchs .searchtxts input[type='text']:-webkit-autofill {-webkit-text-fill-color: #fff;box-shadow: 0 0 0px 50px #5a5a5a inset !important;}
/*phone nav*/
#mnav{display: none;width: 100%;position: fixed;top: 0;right: 0;}
.mlogo{float: left;padding:5px 20px 5px 10px;}
.mlogo img{height:32px;margin:4px 0;}
#mnav h2{text-align: right;font-size: 18px;height: 50px;background: #5a5a5a;}
#mnav h2.open{text-align: right;width: 100%;}
#mnav dl{display: none;background: #5a5a5a;padding:20px 0 40px 0;}
#mnav .list_dt{line-height: 50px;vertical-align:top;text-align: right;border-bottom: 1px solid #464646;margin: 0 10%;}
#mnav h2 .navicon{display: inline-block;height: 30px;margin:10px 10px 10px 0;}
#mnav h2 .navicon img{width:30px;height:30px;}
/* 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: 25px;height: 3px;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;padding:13px 50px;}
.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: 35px;width: 35px;position: fixed;bottom: 80px;right: 10px;border-radius:50%;overflow: hidden;text-indent: 100%;white-space: nowrap;background: rgba(51, 51, 51, 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: rgba(51, 51, 51, 0.8);color: #a5a4a4;text-align: center;padding: 10px 0;clear: both;}
footer p{font-size:14px;}
footer a{color: #a5a4a4}
footer a:hover{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: #00a67c;cursor: pointer;border: none;outline: none;transition: all 0.3s;}
.gbook .submit:hover{background: #00a67c;}
.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: #00a67c;color: #fff;text-decoration: none;border: 1px solid #00a67c;}
.gbook td img{display: initial;}
.xing{padding-left: 15px;color: red;}
.news_infos ul p{text-indent: 2em;margin-bottom: 10px;}
.d_infos{padding-bottom:20px;}

/*文字滚动*/
.uls{width:1300px;position: absolute;left:0;right:0;margin:auto;border-bottom: #00a67c 1px solid;background-color: #f6f6f6;}
.uls .lis{line-height:50px;}
.uls .lis:first-child{width:70%;height:50px;float:left;overflow: hidden;}
.uls .lis:last-child{width:29%;float:right;}
.easing{width:100%;height:50px;}
.easing .bn-title{float:left;}
.easing p{width:100%;height:50px;line-height: 50px;left:28px;font-size:15px;}
.easing p span:last-child{display:none;}
.bn-title{width:28px;height:50px;text-align:center;}
.easing img{height:18px;margin:16px 10px 16px 0;float:left;}

/*搜索*/
#search{width:350px;height:40px;}
.searchtxt .searchmenu .searchselected{background-image:url(../images/ss_ls.png);background-repeat:no-repeat;background-size: 20px 20px;}
.searchtxt{width:78%;height:40px;float:left;background:#fff;margin-top:10px;}
.searchtxt .searchmenu{float:left;}
.searchtxt .searchmenu .searchselected{height:40px;width:40px;background-position: 9px 10px;}
.searchtxt input{float:left;border:0;width:80%;line-height:40px;font-size:16px;outline:medium none;}
.searchtxt input[type='text']:-webkit-autofill {-webkit-text-fill-color: #666;box-shadow: 0 0 0px 50px #fff inset !important;}
.searchbtn{width:22%;height:40px;float:right;margin-top:4px;}
.searchbtn button{background:#5fbaac;border:0;color:#fff;outline:none;cursor:pointer;line-height:40px;width:100%;font-size:15px;}
.searchbtn button:hover{background:#00a67c;}
