@charset "gb2312";
		.service-site{
    		margin: 20px 0;
    		overflow: hidden;
    	}
    	.service-site>a{
    		float: left;
    		color: #ababab;
    		font-size: 12px;
    	}
    	.service-body{
    		overflow: hidden;
    		margin-bottom: 20px;
    	}
    	.service-nav{
    		width: 252px;
    		float: left;
    		background-color: #ececea;
    	}
    	.service-nav>h3{
    		text-align: center;
    		border-top:2px solid #d63c2a;
    		line-height: 45px;
    		font-size: 17px;
    		font-weight: bold;
    		color: #545454;
    	}
    	.service-nav>a>span{
    		display: block;
    		width: 100%;
    		text-align: center;
    		line-height: 45px;
    		border-top:1px solid #FFFFFF;
    		font-size: 14px;
    		float: left;
    		vertical-align: middle;
    		cursor: pointer;
    		color: #000000;
    	}
    	.service-nav-on{
    		color: #FFFFFF !important;
    		background-color: #ef4444;
    	}
    	.service-text{
    		width: 868px;
    		float: right;
    		border-top:1px solid #d63c2a;
    		background-color: #fafcfe;
    	}
    	.service-text-top{
    		background-color: #ececea;
    	}
    	.service-text-top>p{
    		display: block;
    		width: 170px;
    		text-align: center;
    		line-height: 45px;
    		background-color: #ef4444;
    		color: #FFFFFF;
    		font-size: 14px;
    	}
    	/*.service-text-body>ul{
    		display: none;
    	}
    	.service-text-on{
    		display: block !important;
    	}*/
    	.service-text-body{
    		overflow: hidden;
			min-height:170px;
    	}
    	.service-text-body>ul>a>li{
    		width: 100%;
    		height: 39px;
    		border-top: 1px solid #FFFFFF;
    		line-height: 38px;
    		overflow: hidden;
    		float: left;
    		vertical-align: middle;
    		background-color: #ececea;
    		cursor: pointer;
    		color: #39373c;
    	}
    	.service-text-body>ul>a>li>span{
    		margin-left: 23px;
    		font-size: 14px;
    		display: block;
    		float: left;
    	}
    	.service-text-body>ul>a>li>small{
    		display: block;
    		margin-right: 20px;
    		float: right;
    		font-size: 13px;
    	}
    	.service-text-body>ul>a>li:hover{
    		color: #FFFFFF !important;
    		background-color: #ef4444;
    	}
    	.paging{
    		width: 370px;
    		margin: 25px auto;
    	}
    	.paging-prev,
    	.paging >ul,
    	.paging-next,
    	.paging >ul>a>li{
    		float: left;
    	}
    	.paging-prev,.paging-next{
    		width: 65px;
    		height: 25px;
    		text-align: center;
    		background-color: #ef4444;
    		line-height: 25px;
    	}
    	.paging-prev>a,.paging-next>a{
    		color: #FFFFFF;
    		font-size:14px;
    	}
    	.paging >ul>a>li{
    		width: 20px;
    		height: 25px;
    		font-size: 14px;
    		line-height: 25px;
    		text-align: center;
    		margin: 0 5px;
    		cursor: pointer;
    	}
    	.paging >ul>a>li:hover{
    		background-color:#ef4444 ;
    		color: #FFFFFF;
    	}
    	.paging-on{
    		background-color:#ef4444 ;
    		color: #FFFFFF;
    	}
    	
    	
    	
    	
    	
    	
    	
    	
		@media only screen and (min-width: 100px) and (max-width: 320px) {
			
			.service-content{
				width: 320px;
			}
			.service-site{
				width: 320px;
	    		margin: 10px 0;
	    	}
	    	.service-site>a{
	    		margin-left: 8px;
	    	}
	    	.service-body{
	    		width: 320px;
	    		margin-bottom: 20px;
	    	}
	    	.service-nav{
	    		width: 320px;
	    	}
	    	.service-nav>h3{
	    		border-top:2px solid #d63c2a;
	    		line-height: 45px;
	    		font-size: 17px;
	    		color: #545454;
	    	}
	    	.service-nav>a>span{
	    		width: 100%;
	    		text-align: center;
	    		line-height: 45px;
	    		border-top:1px solid #FFFFFF;
	    		font-size: 14px;
	    		vertical-align: middle;
	    		cursor: pointer;
	    		color: #000000;
	    	}
	    	.service-nav-on{
	    		color: #FFFFFF !important;
	    		background-color: #ef4444;
	    	}
	    	.service-text{
	    		width: 320px;
	    		border-top:1px solid #d63c2a;
	    		background-color: #fafcfe;
	    		margin-top: 15px;
	    	}
	    	.paging-prev,.paging-next{
	    		width: 65px;
	    		height: 25px;
	    		text-align: center;
	    		background-color: #ef4444;
	    		line-height: 25px;
	    		margin-left: 3px;
	    	}
		}
		@media only screen and (min-width: 321px) and (max-width: 375px) {
			
			.service-content{
				width: 375px;
			}
			.service-site{
				width: 375px;
	    		margin: 10px 0;
	    	}
	    	.service-site>a{
	    		margin-left: 8px;
	    	}
	    	.service-body{
	    		width: 375px;
	    		margin-bottom: 20px;
	    	}
	    	.service-nav{
	    		width: 375px;
	    	}
	    	.service-nav>h3{
	    		border-top:2px solid #d63c2a;
	    		line-height: 45px;
	    		font-size: 17px;
	    		color: #545454;
	    	}
	    	.service-nav>a>span{
	    		width: 100%;
	    		text-align: center;
	    		line-height: 45px;
	    		border-top:1px solid #FFFFFF;
	    		font-size: 14px;
	    		vertical-align: middle;
	    		cursor: pointer;
	    		color: #000000;
	    	}
	    	.service-nav-on{
	    		color: #FFFFFF !important;
	    		background-color: #ef4444;
	    	}
	    	.service-text{
	    		width: 375px;
	    		border-top:1px solid #d63c2a;
	    		background-color: #fafcfe;
	    		margin-top: 15px;
	    	}
	    	.paging-prev,.paging-next{
	    		width: 65px;
	    		height: 25px;
	    		text-align: center;
	    		background-color: #ef4444;
	    		line-height: 25px;
	    		margin-left: 3px;
	    	}
		}
		@media only screen and (min-width: 376px) and (max-width: 414px) {
			
			.service-content{
				width: 414px;
			}
			.service-site{
				width: 414px;
	    		margin: 10px 0;
	    	}
	    	.service-site>a{
	    		margin-left: 8px;
	    	}
	    	.service-body{
	    		width: 414px;
	    		margin-bottom: 20px;
	    	}
	    	.service-nav{
	    		width: 414px;
	    	}
	    	.service-nav>h3{
	    		border-top:2px solid #d63c2a;
	    		line-height: 45px;
	    		font-size: 17px;
	    		color: #545454;
	    	}
	    	.service-nav>a>span{
	    		width: 100%;
	    		text-align: center;
	    		line-height: 45px;
	    		border-top:1px solid #FFFFFF;
	    		font-size: 14px;
	    		vertical-align: middle;
	    		cursor: pointer;
	    		color: #000000;
	    	}
	    	.service-nav-on{
	    		color: #FFFFFF !important;
	    		background-color: #ef4444;
	    	}
	    	.service-text{
	    		width: 414px;
	    		border-top:1px solid #d63c2a;
	    		background-color: #fafcfe;
	    		margin-top: 15px;
	    	}
	    	.paging-prev,.paging-next{
	    		width: 65px;
	    		height: 25px;
	    		text-align: center;
	    		background-color: #ef4444;
	    		line-height: 25px;
	    		margin-left: 3px;
	    	}
		}