/*
grace 响应式 UI 框架
v 1.01
作者 : 深海 5213606@qq.com
*/
*{margin:0px; padding:0px; font-size:16px; color:#222; font-family:"Source Sans Pro",sans-serif; -webkit-font-smoothing:subpixel-antialiased; font-smoothing:subpixel-antialiased;  outline:none; font-style: normal;}
body{background:#FFFFFF;}
/* background:url(/statics/images/blue-grey.jpg) 0 0 repeat;background-attachment: fixed */
textarea{font-size:14px;}
div{overflow:hidden; height:auto;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:underline;}
a:visited{text-decoration:none;}
img{border:none;}
ul{list-style-type:none;}
li{list-style:none; overflow:hidden;}

.p-10{padding:10px;}
.px-10{padding:0 10px;}
.py-10{padding:10px 0;}
.pb-10{padding-bottom:10px}
.mt-20{margin-top:20px;}
.bg-blue{background-color:#a3d4ff;}
.bg-yellow{background-color:#FFECB3;}
.bg-dark{background-color:#607D8B;}
.bg-gray{background-color:#f5f5f5;}
.border-b{border-bottom: 1px solid #ededed;}
.bt-blue{border-top:5px solid #a3d4ff;}
.bt-yellow{border-top:5px solid #FFECB3;}
.grace-table td{padding:10px 3px; line-height:30px;}
.grace-input{padding:12px; border-radius:25px; border:1px solid #fff; font-size: 16px;  background-color: rgba(255, 255, 255, 0.5); color: #222; width:96%;}
.grace-textarea{height:66px; line-height:25px; padding:8px 2%; border-radius:20px; border:none; background-color:#F7F8F9; color:#999; width:96%;}
.grace-input-items{}
.grace-input-items label{display:block; border-radius:3px; background:#F1F4F5; line-height:20px; padding:6px 12px; float:left; margin-right:12px; cursor:pointer;}
.grace-input-items input[type=radio]{display:none;}
.grace-input-items input[type=radio]:checked + label{background:#5FB878; color:#FFF;}

.grace-button{background:#ffd100; color:#EF6C00; cursor:pointer; height:50px; line-height:50px; border:none; padding:0px 15px;text-align: center;border-radius: 25px;}
.grace-button:active{background:#2F4056;}

/* blockquote */
blockquote{font-size:17px; line-height:2em; color:#2F4056; padding:20px 0px; color:#5FB878;}
blockquote::before{content:"\201C"; font-family:arial; font-size:28px; font-weight:bold; color:#999999; padding-right:8px;}
blockquote::after {content:"\201D"; font-family:arial; font-size:28px; font-weight:bold; color:#999999; padding-left:8px;}

/* break */
.grace-break{word-break:break-all; word-wrap:break-word; overflow:hidden; white-space:pre-wrap;}

/* common */
.grace-main,.banner{width:1200px; margin:0 auto;}
.grace-margin-top{margin-top:12px !important;}
.grace-mobile-hide{}

/* content */
.grace-content{line-height:2.3em; overflow:hidden; font-size:15px;}
.grace-content P{line-height:2.3em; overflow:hidden; font-size:15px;}
.grace-content pre{background:#F6F7F8; width:96%; letter-spacing:0px; font-size:14px; line-height:2.2em; padding:8px 2% !important; margin:8px 0px; word-break:break-all; word-wrap:break-word; color:#333; overflow:hidden; white-space: pre-wrap;}
.grace-content strong{font-size:17px; font-weight:700; color:#000000;}
.grace-content a{color:#0000FF;}
.grace-content img{width:100%; padding:15px 0px;}
.grace-content table{width:100%;}
.grace-content td{padding:4px 8px;}
.grace-content thead td{background:#F1F4F5; font-weight:700;}
.grace-indent{text-indent:2em;}


/* header */
.grace-header{width:100%; overflow:visible; height:80px; width:100%; position:fixed; z-index:10; top:0px; left:0px; background:#fff;}
.grace-header-line{height:58px;}

/* nav */
.grace-nav li{float:left; margin:0px 8px; position:relative !important;}
.grace-nav li a{display:block; float:left; color:#333; height:75px; border-bottom:5px solid #fff; font-size:16px; line-height:75px; padding:0px 20px;}
.grace-nav li a:hover{text-decoration:none; border-color:#5FB878;}
.grace-nav li .grace-current{border-color:#5FB878 !important;}
.grace-nav li i{color:#FFF; padding-right:8px;}
.grace-nav li img{width:30px; height:30px; border-radius:30px; margin-top:13px; float:left; margin-right:10px;}
.grace-menu{width:44px; height:44px; line-height:44px; position:fixed; z-index:11; top:0; right:0; text-align:center; color:#FFF; display:none;}
.grace-menu i{font-size:28px; color:#FFF;}
.callus{float:right;line-height: 80px;color:#666;margin-right:10px;}
.callus b{font-size: 24px;color:#EF6C00;}
/* logo */
.grace-logo{float:left; margin:3px 0px; height:70px;}
.grace-logo img{max-height:100%;}

/* banner */
.banner{background:#5f90ca url("/statics/images/bb1.jpg") 0 center no-repeat;padding-bottom:20px;}
/* .grace-banner{background:no-repeat top center; background:#5f90ca url("/statics/images/bb1.jpg") 0 center no-repeat;} */
.grace-banner .grace-banner-top1{padding-top:88px;}
.grace-banner .grace-banner-top2{padding-top:13px;}



/* block lists */
.grace-blocks li{width:100%; float:left; padding:8px 2%;color:#fff;list-style-type:square;list-style-position:inside;}
.grace-block-title{font-size:22px; margin-top:20px;margin-left:20px;position: absolute; color:#525252;}
.grace-block-title i{margin-right:10px; font-size:20px; color:#525252;}
.grace-block-title2{font-size:15px; line-height:1.6em; text-align:center; margin-top:5px; color:#525252;}
.grace-block-text{line-height:2.2em; padding:5px 0; color:#888; padding-bottom:8px;}
.grace-blocks-img{width:100%;}
.grace-blocks-img img{width:100%;}
.grace-blocks li:hover{box-shadow:0px 1px #5FB878;}
.grace-blocks li:hover .grace-block-title{color:#5FB878;}
.grace-blocks li:hover i{color:#5FB878;}
.grace-blocks a{display:block; overflow:hidden;}
.grace-blocks a:hover{text-decoration:none;}
.col-70{width:70%;float:left;}
.col-60{width:60%; float:left;text-align: center; }
.col-50{width:50%; float:left;}
.col-41,.col-40{width:40%; float:left;overflow: hidden;}
.col-41{
	background:url("/statics/images/login2.jpg") 0 0 no-repeat;
	background-size: 100% 100%;
}
.col-40{height:300px}
.col-30{width:30%;float:left}
.col-25{width:25%; float:left;}
.col-33{width:33.3%;float:left;}
.content{
	margin:10px;
	padding:10px;
}
.home .col-25 .content{
	height:350px;
}

.home .col-25:hover{background-color: #DCEDC8;}
.home .col-25 img{padding:10px;}
.home .col-25 h2{font-size:24px;font-weight:bold;padding:0 10px 10px 10px;color:#F57F17;margin-bottom:20px;border-bottom: #f5f5f5 dotted 2px;}
.home .col-25 p,.home .col-50 p,.col-30 p,.col-40 p{line-height: 28px;font-size:18px}
.col-50 h2,.col-40 h2,.col-30 h2{text-align: left;font-size:28px;color:#689F38;margin-bottom:10px}
.col-50 ul{text-align: left;list-style-type:square;}
..col-60 .content{margin:0;padding:0}
.col-20{width:20%; float:left;overflow: hidden;height:300px}
.br-l{border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.br-r{border-top-right-radius: 20px;border-bottom-right-radius: 20px;}
/* .content img{width:100%} */
.text-center{text-align: center }
.text-left{text-align: left !important;}
.text-white{color:#fff !important;}
.col-50 p{padding:10px;line-height: 24px;}
video {
 width:98%;
 margin-top: 16px;
}
.about h2{font-size:36px;font-weight: bold;padding-left:20px}
.about p{font-size:24px;line-height: 40px;padding:0 20px}
/* footer */
.grace-footer-line{height:28px; width:100%;}
.grace-footer{background:#ededed; line-height:2em; padding:20px 0px; text-align:center; color:#525252;border-top:1px solid #ccc}
.grace-footer *{text-align:center; color:#525252}

/* dialog */
#grace-dialog-mask{position:fixed; z-index:9990; top:0; right:0; bottom:0; left:0; overflow: auto; text-align:center; background:#3D414A; display:none;}
#grace-dialog-mask *{opacity:1;}
#grace-dialog-msg{width:398px; height:auto; margin:auto auto; padding:10px 15px; background:#FFFFFF; overflow:hidden !important;}
#grace-dialog-msg div{overflow:hidden !important;}
#grace-dialog-close{height:30px; line-height:30px; text-align:left; font-size:16px; cursor:pointer;}
#grace-dialog-title{padding:15px 0px; text-align:center; font-size:22px; line-height:38px;}
#grace-dialog-content{padding:0px; text-align:center; line-height:2.2em; color:#888888;}
#grace-dialog-btns{padding:20px 0px; width:100%; margin-top:12px;}
#grace-dialog-btns div{width:118px; height:40px; line-height:40px; margin:0px 2%; text-align:center; cursor:pointer; background:#5FB878; color:#FFFFFF; float:left;}
#grace-dialog-btns div:hover{opacity:0.95;}
#grace-dialog-loading {width:100px; height:100px; position:relative; margin:0 auto; margin-top:22px;}
#grace-dialog-loading span {display:inline-block;width:16px; height:16px; border-radius:50%; background:#31A990; position:absolute;-webkit-animation:load 1.04s ease infinite;}
@-webkit-keyframes load {0% {opacity:1;} 100% {opacity:0.2;}}
#grace-dialog-loading span:nth-child(1) {left:0;top:50%;margin-top:-8px;-webkit-animation-delay:0.13s;}
#grace-dialog-loading span:nth-child(2) {left:14px;top:14px;-webkit-animation-delay:0.26s;}
#grace-dialog-loading span:nth-child(3) {left:50%;top:0;margin-left:-8px;-webkit-animation-delay:0.39s;}
#grace-dialog-loading span:nth-child(4) {top:14px;right:14px;-webkit-animation-delay:0.52s;}
#grace-dialog-loading span:nth-child(5) {right:0;top:50%;margin-top:-8px;-webkit-animation-delay:0.65s;}
#grace-dialog-loading span:nth-child(6) {right:14px;bottom:14px;-webkit-animation-delay:0.78s;}
#grace-dialog-loading span:nth-child(7) {bottom:0;left:50%;margin-left:-8px;-webkit-animation-delay:0.91s;}
#grace-dialog-loading span:nth-child(8) {bottom:14px;left:14px;-webkit-animation-delay:1.04s;}
#grace-dialog-loading-text{height:38px; line-height:38px; text-align:center; padding:12px; margin-top:8px;}

/* accordion */
.grace-accordion dt span{padding-right:10px; font-size:18px; color:#555;}
.grace-accordion dt{line-height:50px; cursor:pointer; font-size:16px; border-bottom:1px dashed #D3D6DA; margin-bottom:8px;}
.grace-accordion dt i{font-size:16px; float:right; color:#C6C6C6;}
.grace-accordion dd{line-height:44px; display:none;}
.grace-accordion dd a{display:block; width:100%; line-height:1.8em; padding:6px 0px; text-indent:2em; color:#666;}
.grace-accordion .grace-current{color:#5FB878 !important; font-size:15px; font-weight:700;}

/* center button */
.grace-center-button{width:218px; height:36px; line-height:36px; color:#2F4056; border:1px solid #2F4056; display:block; margin:0 auto; border-radius:36px; text-align:center; font-size:16px;}
.grace-center-button:hover{text-decoration:none; color:#5FB878; border-color:#5FB878;}

/* media list */
.grace-media-list{padding:20px 0px;}
.grace-media-list li{padding:8px; margin:5px 0px;}
.grace-media-list li a{display:block; overflow:hidden;}
.grace-media-list li h1{font-size:15px; font-weight:400; line-height:1.8em;}
.grace-media-list .face{width:58px; margin-top:3px; float:left; border:2px solid #FFF; font-size:0px; overflow:hidden;}
.grace-media-list .face img{width:100%;}
.grace-media-list-title-face{width:838px; float:right; font-size:15px;}
.grace-media-list .img{width:158px; margin-top:3px; float:left; border:2px solid #FFF; font-size:0px; overflow:hidden;}
.grace-media-list .img img{width:100%;}
.grace-media-list-title{width:726px; float:right; font-size:15px;}
.grace-media-list h1{font-size:16px; font-weight:400; line-height:1.8em;}
.grace-media-list p{font-size:11px; line-height:26px; color:#666; padding-top:2px;}
.grace-media-list p a{display: inline !important; font-size:11px; line-height:26px; color:#666; margin:0px 8px;}
.grace-media-list p a i{font-size:11px; margin-right:8px;}

/* grace-pager */
.grace-pager{float:right;}
.grace-pager a{display:block; background:#F5F5F5; padding:0px 10px; height:30px; line-height:30px; float:left; margin:3px; border-radius:2px;}
.grace-pager a:hover{background:#2F4056; text-decoration:none; color:#FFF;}
.grace-pager .grace-current{background:#5FB878 !important; color:#FFF !important;}

/* grace slide menu */
.grace-slide-menu{position:fixed; z-index:9; padding:10px 0px; width:120px; left:0; top:58px; height:auto; background:#5FB878; display:none;}
.grace-slide-menu a{display:block; width:100%; height:40px; line-height:40px; text-align:center; padding:0px !important; margin:0px; border:0px !important; color:#FFF !important;}
.grace-slide-menu a:hover{background:#2F4056; text-decoration:none;}

/* comments */
.grace-comments{padding:12px 0px;}
.grace-comments-footer{}
.grace-comments-footer .face{line-height:28px; font-size:12px; float:left;}
.grace-comments-footer .face img{width:28px; float:left; margin-right:8px;}
.grace-comments-list{padding:15px 0px;}
.grace-comments-list td{font-size:12px !important; line-height:2.2em; color:#777777; padding:12px 0px;}
.grace-comments-list td span{color:#5FB878; font-weight:700; font-size:13px;}
.grace-comments-list td p{font-size:13px; line-height:2.2em; padding-bottom:12px;}
.grace-comments-list .img{width:36px; margin-top:6px; font-size:0; margin-left:6px;}
#grace-at-in{font-size:12px; color:#5FB878; font-weight:700;}
#grace-comments-more{color:#555555; font-size:12px; text-align:center; line-height:40px;}
#grace-comments-more *{color:#555555; font-size:12px; text-align:center; line-height:40px;}

/* swipe */
.grace-swipe{width:100%; position:relative;}
.grace-swipe-items{width:500%; position:relative; left:0; top:0; background-size:100% 358px; height:358px;}
.grace-swipe-item{width:20%; font-size:0px; float:left; background-size:100% 358px; height:358px;}
.grace-swipe-item img{width:100%;}
.grace-swipe-indicator{width:96%; position:absolute; z-index:3; left:2%; bottom:8px; display:none;}
.grace-swipe-indicators{width:15px; border-radius:3px; height:3px; background:#FFFFFF; float:left; margin:0px 3px;}
.grace-swipe-indicator-active{background:#5FB878 !important;}

/* login background:rgba(0,0,0, 0.1); */
.grace-login{  padding:30px;height:360px}
.grace-login-title{padding:8px; padding-bottom:18px; text-align:center; line-height:30px; color:#FFF; font-size:24px;}
.grace-login td{padding:12px 20px; color:#FFF; line-height:30px;}
.grace-login-foot{padding:8px; margin-top:12px; text-align:center; line-height:30px; color:#FFF;}
.grace-login-foot a{color:#FFF;}
.grace-login-foot i{font-size:18px; color:#FFF;}
#grace-login-vcode{float:left; cursor:pointer;}
.grace-login-reg{display:block; float:left; line-height:34px; padding:0px 10px; margin-left:20px; color:#FFF;}

/* account */
.grace-account{width:800px; margin:0 auto;}
.grace-account-face{width:100px; height:100px; border-radius:100px; margin:0 auto; margin-top:20px;}
.grace-account-face img{width:100%;}
.grace-account-lines{line-height:40px; text-align:center; margin-top:8px;}
.grace-account-menus{margin-top:28px;}
.grace-account-menus li{width:31.3%; float:left; margin:10px 1%; background:#F1F4F5;}
.grace-account-menus li i{margin-right:10px;}
.grace-account-menus li a{display:block; width:100%; line-height:30px; padding:20px 0px; text-align:center;}
.grace-account-menus li a:hover{background:#F0F0F0;}
.grace-select-img{text-align:center; width:100%; height:36px; line-height:36px; background:#F2F2F2; position:relative; cursor:pointer;}
.grace-select-img input{display:block; opacity:0; width:100%; left:0; top:0; position:absolute; height:36px; z-index:2; cursor:pointer;}
#grace-select-img-in{padding:15px 0px;}
#grace-select-img-in img{width:100%;}

/* grace cate */
.grace-cate{margin-top:30px;}
.grace-cate a{padding:5px 12px; line-height:22px; font-size:13px; margin-right:12px; float:left;}
.grace-cate .grace-current{background:#2F4056; color:#FFF;}
.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:12px;}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}

	.footer-menu{
		height:50px;line-height: 50px;
		text-align: center;
	}
	.footer-menu li{line-height46px;display:inline;padding:10px;}
@media screen and (max-width:800px){
	.grace-main,.banner{width:100%; margin:0 auto;}
	.grace-account{width:96%; margin:0 2%;}
	.grace-logo{float:left; margin:8px 0px; width:98px;}
	.grace-banner{ background-size:auto auto;}
	.grace-banner-samll{height:158px; background-size:auto auto;}
	.grace-line-banner{background-size:auto; height:30px;}
	.grace-header-line{height:44px;}
	.grace-h1{font-size:24px;}
	.grace-h2{font-size:20px;}
	.grace-h3{font-size:18px;}
	.grace-banner .grace-banner-top1{padding-top:48px;}
	.grace-banner .grace-banner-top2{padding-top:8px;}
	.grace-banner-samll .grace-banner-top1{padding-top:28px;}
	.grace-banner-samll .grace-banner-top2{padding-top:8px;}
	.grace-line-title span{font-size:18px;}
	.grace-margin-top{margin-top:1px !important;}
	.grace-blocks{padding:0px 12px;}
	.grace-block-title{font-size:16px; line-height:28px;}
	.grace-block-title i{font-size:16px;}
	.grace-block-text{text-indent:2em; line-height:1.8em; font-size:12px; color:#888; padding-bottom:8px;}
	.grace-footer{padding:15px; line-height:1.6em; font-size:14px;}
	.grace-footer *{text-align:center; color:#525252; font-size:14px;}
	.grace-menu{display:block;}
	.grace-nav{float:none; position:fixed; z-index:99; right:0; top:44px; width:88px; height:auto; padding:10px; background:#FFF; display:none;}
	.grace-nav li{float:none; margin:0px;}
	.grace-nav li a{display:block; float:none; width:100%; color:#2F4056; height:40px; border-bottom:1px solid #F5F5F5; font-size:16px; line-height:40px; padding:0px; text-align:center;}
	.grace-nav li a:hover{text-decoration:none; border-bottom:1px solid #5FB878;}
	#grace-dialog-msg{width:75%;}
	.grace-content strong{font-size:15px;}
	.grace-mobile-hide{display:none !important;}
	.grace-center-button{width:50; height:32px; line-height:32px; color:#2F4056; border:1px solid #2F4056; display:block; margin:0 auto; border-radius:32px; text-align:center; font-size:14px;}
	
	.grace-media-list li{padding:5px 0;}
	.grace-media-list .face{width:10%; margin-top:5px; float:left; border:2px solid #FFF; font-size:0; overflow:hidden;}
	.grace-media-list .face img{width:100%;}
	.grace-media-list .img{width:15%; margin-top:3px; float:left; border:2px solid #FFF; font-size:0px; overflow:hidden;}
	.grace-media-list .img img{width:100%;}
	.grace-media-list-title{width:82%; float:right; font-size:15px;}
	.grace-media-list-title-face{width:87%; float:right; font-size:15px;}
	.grace-media-list h1{font-size:14px !important; font-weight:400 !important; line-height:1.5em;}
	.grace-media-list p{font-size:10px; line-height:26px; color:#666; padding-top:2px;}
	.grace-r{width:94%; float:none; padding:15px 3%;}
	.grace-login{background:rgba(0,0,0, 0.2); margin:0 auto; padding:10px;}
	.col-40,.col-41,.col-60,.col-50,.col-30,.col-20,.col-70,.col-25,.col-33{width:100%}
	.col-25,.col-50,.col-40,.col-30,.col-33{margin-bottom:20px;}
	.col-60 .content{margin:20px 0 0 0;padding:0}
	.col-41{margin-bottom:20px;margin-top:10px}
	video{width:100%;}
}