/*
* @description: 小说系统
 *@author:王奉
* @update: name(xxxx-xx-xx xx:xx)
 */
 header{
	 position:fixed;
	 width:100%;
	 top:0;
	 left:0;
 }
.banner {
	width: 100%;
	background: url(../images/novel/banner.png) no-repeat center;
	height: 555px;
	text-align:center;
}

.banner-title {
	
	padding-top: 124px;
	
}

.banner-detail {
	font-size:20px;
	color: #fffe92;
	margin: -47px 0 0;
	
}
.banner-bottom{
	width:488px;
	margin:75px auto;
}
.banner-btn{
	display:block;
	width:162px;
	height:64px;
	line-height:62px;
	background: url(../images/probtn_ask_n.png) no-repeat center;
	text-align:center;
	font-size:17px;
	color: #3783F3 ;
	margin:0 41px;
	font-weight:bold;
}
.banner-btn:hover{
	background: url(../images/probtn_look_s.png) no-repeat center;
	
}
/*内导航*/

.sitemap {
	width: 100%;
	height: 135px;
	background: #f7f8fa;
	z-index: 10;
	box-shadow: 0 20px 18px rgba(0, 0, 0, .1);
}

.sitemap_ul {
	padding-top: 18px;
	margin: 0 0.7%;
}

.sitemap_li {
	width: 22.5%;
	float: left;
	text-align: center;
	line-height: 100px;
	background: #fff;
	height: 100px;
	margin: 0 1.25%;
}

.sitemap_li:hover .group_demo {
	display: block;
}

.sitemap_a {
	line-height: 2.5em;
	color: #666666;
	font-size: 18px;
}

.sitemap_img {
	height: 60px;
	margin-right: 10px;
	vertical-align: middle;
}

.group_demo {
	/*position: absolute;*/
	width: 536px;
	height: 37px;
	line-height: 37px;
	background: #fff;
	text-align: center;
	border: 1px solid rgba(0, 0, 0, .1);
	margin: -2px 0 0 -43%;
	display: none;
}

.group_demo li {
	width: 20%;
	float: left;
}

.group_demo li:not(:last-child)::after {
	float: right;
	color: rgba(0, 0, 0, .1);
	content: "|";
}
/*体验*/
.taste{
	width: 100%;
	background: #f7f8fa;
	height: auto;
	overflow: hidden;
	padding-bottom: 70px;
}
.headline{
	color: #39405a;
	padding: 50px 0;
}

/*feature */

.feature-img {
	display: block;
	padding-top: 75px;
}

.feature-part1 .feature-img {
	padding-top: 35px;
}

.feature-con {
	margin: 0 15% 0 0;
}

.feature-con span {
	display: block;
	font-size: 16px;
	color: #70758c;
	line-height: 2em;
}

.feature-con .feature-title {
	
	color: #4b5270;
	padding: 100px 0 20px;
}

.feature-part2 .feature-con .feature-title,
.feature-part3 .feature-con .feature-title,
.feature-part4 .feature-con .feature-title {
	padding: 105px 0 20px;
}

.feature-part2,
.feature-part4 {
	height: 474px;
}

.feature-part1,
.feature-part3 {
	width: 100%;
	height: 459px;
}

.feature-part1 .feature-con {
	margin-right: 5%;
}

.feature-part2 .feature-con,
.feature-part4 .feature-con {
	margin: 5% 0 0 10%;
}

.feature-part3 .feature-con {
	width: 45%;
	margin: 5% 5% 0 2%;
}

.textr {
	text-align: right;
}

.feature-part1 .headline {
	color: #39405a;
	font-size: 32px;
	padding: 50px 0 0 0;
}

/*运营方案*/
.duty{
	height:140px;
}
.program{
	width: 100%;
	background: #f7f8fc;
	padding-bottom: 40px;
}
.program-con {
	width: 1200px;
	height: 459px;
	border: 1px solid #ddd;
	position: relative;
	background: #f9f9f9;
}

.program-reveal {
	width: 564px;
	height: 60px;
	line-height: 60px;
	color: #2c7adf;
	border-radius: 5px;
	position: absolute;
	left: 315px;
	top: -30px;
	z-index: 10;
	background: #fff;
	font-size: 17px;
}

.program-reveal_con {
	width: 50%;
	border-width: 1px 1px 1px 0;
	border-color: #2c7adf;
	border-style: solid;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.program-reveal_active {
	background: #2c7adf;
	color: #fff;
	border-right: none;
	
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.program-menu {
	width: 176px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	border-right: 1px solid #ddd;
}

.program-main {
	margin: 30px 0 0 100px;
}

.program-menu-con {
	height: 72px;
	line-height: 72px;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	font-size: 17px;
}

.program-main-con {
	display: none;
}

.program-main-show {
	display: block;
}

.program-main-con_left {
	width: 340px;
	margin-right: 85px;
}

.program-menu-active {
	background: #fff;
	border-left: 1px solid #4389ff;
	color: #4389ff;
}

.program-main-title {
	color: #222;
	font-size: 18px;
	line-height: 20px;
	margin-bottom: 30px;
}

.program-main-describe {
	color: #666;
	font-size: 16px;
	line-height: 30px;
	letter-spacing:0.5px;
}

.program-link {
	display: block;
	width: 132px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #4389ff;
	color: #4389ff;
	text-align: center;
	border-radius: 25px;
	margin-top: 30px;
}

.program-link:hover {
	background: #4389ff;
	color: #fff;
}
.program-main img{
	margin-top: 50px;
}
/* 查看演示 */
.modal-menu,.modal-prompts{
	width:315px;
}

.modal-prompts-title{
	font-size:20px;
	padding:30px 0; 
	text-align: center;
}
.modal-prompts-link{
	color:#4389ff;
	position:absolute;
	right: -15px;
    bottom: -10px;
}
/* 手机适配 */
@media screen and (max-width: 1274px){
 .banner-title {
    font-size: 55px;
	
	}
 .banner-detail{
	 font-size: 26px;
	     margin: -60px 0 0;
 }
 .banner-btn {
   
    font-size: 25px;
}
.sitemap_a{
	 font-size: 28px;
}
.headline{
	 font-size:42px;
}
.feature-con .feature-title{
	font-size:34px;
}
.feature-con span{
	font-size:24px;
}
.program-menu-con{
	font-size:27px;
}
.program-main-title{
	font-size:28px;
}
.program-main-describe{
	font-size:22px;
}
.program-con{
	height:559px;
}
.program-link {
    font-size: 20px;
}
}