/* 公共样式 */
html{margin:0;padding:0;min-height: 100%;}
body{background-color:#eee;min-height: 100%;min-width: 320px;font-family: "Microsoft YaHei";}
::selection{background-color:#009688;color:#fff;}
::-moz-selection{background-color:#009688;color:#fff;}
.clear{height:0;clear: both;}
.fill_10{clear: both;height: 10px}
.fill_20{clear: both;height: 20px}
.fill_30{clear: both;height: 30px}
.fill_40{clear: both;height: 40px}
.fill_50{clear: both;height: 50px}
.line{display: block;height: 1px;background: #009688;border:0;clear:both;}
.main{max-width: 1200px;margin:0 auto;position: relative;}
.block{display: block;}
.hidden{display: none;}
.inline-block{display: inline-block;}
.trans_1{transition: all 0.1s linear;
-moz-transition: all 0.1s linear; /* Firefox 4 */
-webkit-transition: all 0.1s linear; /* Safari 和 Chrome */ 
-o-transition: all 0.1s linear; /* Opera */}
.trans_2{transition: all 0.2s linear;
-moz-transition: all 0.2s linear; /* Firefox 4 */
-webkit-transition: all 0.2s linear; /* Safari 和 Chrome */ 
-o-transition: all 0.2s linear; /* Opera */}
.trans_3{transition: all 0.3s linear;
-moz-transition: all 0.3s linear; /* Firefox 4 */
-webkit-transition: all 0.3s linear; /* Safari 和 Chrome */ 
-o-transition: all 0.3s linear; /* Opera */}
.trans_5{transition: all 0.5s linear;
-moz-transition: all 0.5s linear; /* Firefox 4 */
-webkit-transition: all 0.5s linear; /* Safari 和 Chrome */ 
-o-transition: all 0.5s linear; /* Opera */}
.border-box{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
/* 头部 */
.header {height: 64px;width:100%;background-color: #1c3046;  border-bottom: 1px solid #404553;position: relative;top:0;}
.header .logo{position: absolute; left: 60px; top: 0px;}
.header .logo img{height: 64px;}
.header .layui-nav{position: absolute; right: 0px; top: 0px; padding: 0; background: none;width:85%;text-align: right;}
.header .layui-nav .layui-nav-item{line-height: 64px;margin:0 4%;width:45px;}
.header .layui-nav .layui-nav-item a{color:#999;width:80%;padding:0 10%;text-align: center;}
.header .layui-nav .layui-nav-item a:hover{color:#fff;}
.header .layui-nav .layui-this a{color:#fff;}
.header .layui-nav .layui-nav-child{border-radius: 0;}
/*.header .layui-nav .layui-nav-child a{color:#333;}*/
.header .layui-nav .layui-nav-child a:hover{color:#333;}
.header .layui-nav .layui-nav-bar{background: #009688;height: 1px;top:64px!important;}
.header .layui-nav .layui-this:after{background: #009688;}

/* 底部 */
.footer{padding: 30px 0; line-height: 30px;text-align: center; color: #999; font-weight: 300;width:100%;clear: both;}
.footer a{padding: 0 5px;/*color: #999;*/display: inline-block;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear; /* Firefox 4 */
-webkit-transition: all 0.3s linear; /* Safari 和 Chrome */ 
-o-transition: all 0.3s linear; /* Opera */ }
.footer .beian a{color: #999;}
.footer .beian .gongan img{height: 18px;margin-top: -2px;padding-right: 5px;}

/*banner*/
.banner{width:100%;background: #1f3750;}
.banner .banner_pic{width:100%;}
.banner .lzcms_container{height: 550px;text-align: center;padding-top: 1px}
.banner .lzcms_container .banner_title{position: relative;height: 70px;background: url(../image/desc.png) center no-repeat;margin-top: 80px;}
.banner .lzcms_container .banner_title cite{position: absolute;bottom: -60px;left: 0;width: 100%;color: #c2c2c2;font-style: normal}
.banner .banner_download{margin-top: 120px;font-size: 0}
.banner .banner_download a{margin-top:10px; margin-right:10px; position: relative;padding: 0 50px 0 50px;height: 60px;line-height: 60px;border: 1px solid rgba(255,255,255,.2);font-size: 24px;color: #ccc;}
.banner .banner_download a:hover{border-color: rgba(255,255,255,.3);color: #fff;border-radius: 30px;}
.banner .banner_download a cite{position: absolute;left: 45px;font-size: 30px}
.banner .banner_version{position: relative;margin-top: 15px;color: #ccc;font-size: 15px;}
.banner .banner_version *{font-style: normal;}
.banner .banner_version a{color: #e2e2e2;text-decoration: underline;}
.banner .banner_version span{padding: 0 3px;}
.banner .banner_other{position: absolute;left: 0;bottom: 70px;width: 100%;text-align: center;}
.banner .banner_other .osc_star_widget{display: inline-block;background: #eee;margin:0 3px;border-radius: 5px;}
.banner .banner_other .osc_fork_widget{display: inline-block;background: #eee;margin:0 3px;border-radius: 5px;}


/*学无止境*/
.index-learn{margin: 50px 0;text-align: center;font-weight: 300;font-size: 0;}
.index-learn li{width: 32%;padding: 30px;line-height: 24px;display: inline-block;font-size: 14px;margin-left: 2%;text-align: left;vertical-align: top;cursor:pointer;border: 1px solid #d2d2d2;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;
-o-box-sizing:border-box; /* Opera */
transition: all 0.3s linear;
-moz-transition: all 0.3s linear; /* Firefox 4 */
-webkit-transition: all 0.3s linear; /* Safari 和 Chrome */ 
-o-transition: all 0.3s linear; /* Opera */}
.index-learn li:first-child {margin-left: 0;}
.index-learn li:hover{box-shadow:0px 1px 16px -8px #000;}
.index-learn .layui-field-title {border-color: #d2d2d2;}
.index-learn .layui-field-title legend {margin: 0 20px 20px 0;padding: 0 20px;text-align: center;}
.index-learn .layui-field-title p {height: 72px;line-height: 24px;}
/*横幅广告*/
.lzcms_banner{margin-bottom: 25px;margin-top: -25px;}
.lzcms_banner img{width: 100%;}


@media screen and (max-width:1230px) {
.main{width:auto; margin:0 15px;}
/*横幅广告*/
.lzcms_banner{margin-bottom: 20px;margin-top: -20px;}
}
@media screen and (max-width:970px) {
/* 头部 */
.header{height: 54px;}
.header .logo{left:0px;}
.header .logo img{height: 54px;}
.header .layui-nav .layui-nav-item{line-height: 54px;}
.header .layui-nav .layui-nav-bar{top:54px!important;}
/*学无止境*/
.index-learn{margin:40px 0;}
.index-learn li{width:48.5%;margin-right:3%;margin-left: 0;}
.index-learn li:last-child {margin-right: 0;}
.index-learn li:first-child {width:100%;margin-bottom: 3%;margin-right: 0;}
.index-learn li:first-child  p {height: 48px;line-height: 24px;}
/*横幅广告*/
.lzcms_banner{margin-bottom: 20px;margin-top: -20px;}

}
@media screen and (max-width:640px) {
.main{margin:0 10px;}
.index_main{margin:0 15px;}
/* 头部 */
.header{height: 44px;}	
.header .logo img{height: 44px;}
.header .layui-nav .layui-nav-item{line-height: 44px;}
.header .layui-nav .layui-nav-bar{top:44px!important;}
/* banner */
.banner .lzcms_container{height: 400px;}
.banner .lzcms_container .banner_title{background-size: 90%;margin-top: 10px;}
.banner .lzcms_container .banner_title cite{display: none;}
.banner .banner_download{margin-top: 0px;}
.banner .banner_download a {height: 40px;line-height: 40px;padding: 0 35px 0 35px;border-radius: 25px;color: #fff;font-size: 16px;}
.banner .banner_download a cite { left: 20px;}
.banner .banner_other{bottom:32px;}
/*底部*/ 
.footer{font-size: 12px;line-height: 20px;}
.footer a{font-size: 12px;}
/* 学无止境 */
.index-learn{margin:20px 0 10px;}
.index-learn li{width:100%;margin: 0;margin-bottom: 15px;}
.index-learn li:first-child{margin-bottom: 15px;}
.index-learn li .layui-field-title p {height: 72px;line-height: 24px;}
/* 横幅广告 */
.lzcms_banner{margin-bottom: 10px;margin-top: -10px;}
}