@charset "utf-8";
/* CSS Document */
body{font-family:"Times New Roman", Times, serif;}
.logo{display:block; padding:10px 0 0 0; float:left;}
.menu_icon{display:none; font-size:38px; position:absolute; top:15px; right:10px;}
nav{display:block; text-align:right; position:relative; z-index:9999;}
nav ul li{display:inline-block;}
nav .top_nav li a{color:#fff; display:block; height:75px; line-height:75px; padding:0 20px; font-size:18px; text-transform:uppercase;}
nav .top_nav li.top_item:hover{background-color:#1E9FFF;}

nav .top_nav li{position:relative;}
nav .top_nav li .child_nav{position:absolute; top:75px; right:0px; width:480px; text-align:left; opacity:0.95; display:none; -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.4); box-shadow: 0 3px 6px 0 rgba(0,0,0,.4); background-color:#FFF;}
nav .top_nav li .child_nav li a{text-transform:capitalize; height:40px; line-height:40px; margin:5px 5px; border-radius:5px; font-size:16px; color:#666;}
nav .top_nav li .child_nav li a:hover{ background-color:#5FB878; color:#FFF;}

.banner{min-height:650px; position:relative; background-color:#000; overflow:hidden;}
.banner:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: 65%; background-repeat: no-repeat; background-attachment: fixed; opacity: 0.6;}

.banner_title{font-size:40px; font-weight:600; margin:60px 0 40px 0; text-shadow:1px 2px 2px #ddd; color:#fff; text-align:center;}
.banner .banner_desc_1{font-size:20px; margin:0 auto 30px auto; line-height:24px; text-shadow:0px 1px 2px #ddd; color:#fff; text-align:center;}
.banner .banner_desc_2{font-size:20px; margin:0 auto 20px auto; line-height:24px; text-shadow:0px 1px 2px #fff; color:#fff; text-align:center;}

.download_btn_box{max-width:760px; padding:20px 0 0 0; margin:0 auto 20px auto;}
.download_btn_box .layui-field-title{border-color:#fff; border-width:1px 0 0; font-style:italic; text-align:center; text-shadow:1px 2px 2px #fff;}
.download_btn{display:block; text-align:center; height:50px; line-height:50px; background-color:#FFB800; color:#FFF; font-size:22px; border-radius:25px; box-shadow: 0 3px 6px 0 rgba(0,0,0,.4); -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.4); opacity:0.9;}
.download_btn:hover{color:#FFF; opacity:1;}
.download_btn i{font-size:22px;}

.spart{padding: 50px 0; box-shadow: 0px 12px 8px -12px #888; font-size:18px;}
.spart h3{font-size:26px; margin-bottom:20px;}
.spart ol{padding-left:15px;}
.spart ol li{margin-bottom:15px; list-style:outside decimal;}
.spart ul{padding-left:15px;}
.spart ul li{margin-bottom:15px; list-style:outside disc;}

.spart p{margin-bottom:20px;}
.first-letter:first-of-type:first-letter {font-weight: 400; margin: 0px 5px 0 0; font-size: 30px; line-height: 30px; text-align: center;}
.spart img{max-width:100%;}
footer{padding-top:20px !important;}
footer .promise li{margin-bottom:10px; font-size:18px; color:#ccc;}
footer .promise li i{font-size:22px;}
footer .equipment li{margin-bottom:18px; color:#ccc; line-height:22px;}
footer .equipment li b{ display:inline-block; padding:0 4px; background-color:#FFF; opacity:0.5; color:#2F4056; border-radius:9px; font-style:italic;}
footer .equipment li i{font-size:16px;}
.bottom{color:#aaa; padding-top:15px !important; padding-bottom:15px !important;}
.bottom a{color:#aaa;}

.list{padding:30px 0;}
.list li{list-style:inside disc; font-size:18px; margin-bottom:15px;}
.list li a:link{color:#01AAED;}
.list li a:hover{text-decoration:underline;}
.list li a:visited{color:#936;}

.page{padding:0 0 40px 0;}
.page li{display:inline-block; margin:0 15px 15px 0;}
.page li a{display:block; padding:4px 10px; background-color:#e2e2e2; color:#888; font-size:20px; border-radius:5px;}
.page li a[href]{background-color:#009688; color:#FFF;}
.page li a[href]:hover{background-color:#1E9FFF;}

.post_date{font-size:16px; font-style:italic; color:#999; padding:15px 0;}
article{display:block; font-size:18px !important;}
article span{font-size:18px !important;}
article a{font-family:"Times New Roman", Times, serif; color:#01AAED; text-decoration:underline;}
article img{max-width:100%; height:auto !important;}
.popular{padding-top:20px;}
.popular li a{font-size:18px; color:#1E9FFF;}

.breadcrumb a{color:#888;}
.scroll_top {width: 50px; height: 50px; background-color: #000; opacity: 0.7; text-align: center; line-height: 50px; position: fixed; bottom: 50px; right: 10px; color: #FFF; cursor: pointer; display:none;}
.scroll_top span{font-size:40px;}
.scroll_top:hover{opacity:0.8;}
@media screen and (max-width: 968px) {
	.logo{float:none; padding-bottom:8px;}
	.layui-icon-spread-left{display:block;}
	nav{width:70%; height:100%; position:fixed; background-color:#2F4056; top:0; left:-70%; text-align:left; overflow-y:auto; -webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,.4);box-shadow: 0 3px 6px 0 rgba(0,0,0,.4); opacity:0.95;}
	nav ul li{display:block;}
	nav .top_nav{padding:20px 0 20px 0;}
	nav .top_nav li a{height:auto; line-height:inherit; padding:8px 5px; border-bottom:1px #999 solid;}
	nav .top_nav li .child_nav{display:block; width:auto; padding-left:10px; position:relative; top:auto; right:auto; opacity:1;display:block; -webkit-box-shadow:none; box-shadow:none; background-color:transparent;}
	nav .top_nav li .child_nav li a{ display:block; height:auto; line-height:20px; margin:0 0; border-radius:0px; color:#fff; border:none;}
	nav .top_nav li.top_item:hover{background-color:transparent;}
	nav .top_nav li .child_nav li a:hover{ background-color:transparent;}
	
	.banner_title{font-size: 32px; margin: 20px 0 20px 0; line-height:32px;}
	.banner .banner_desc_1 {font-size: 18px; line-height:22px; margin:0 auto 20px auto}
	.banner .banner_desc_2 {font-size: 18px; line-height:22px; margin:0 auto 20px auto}
	.download_btn_box {padding: 0;}
	
}