@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0;}
html {/* min-width:1200px;*/ max-width:1920px;}
body {font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; color:#333; padding:0; margin:0; background: url(/sp_img/spslsd/body_bg.jpg) center 30px no-repeat; }
div,img,ul,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; border:0;}
ul,li { list-style:none;}
img { border:none}
.clearfix:after { content:"."; display:block; height:0; clear:both; overflow:hidden; }
.fl { float:left} .fr { float:right} .tc { text-align:center} .red { color:#c00;} .ml15 { margin-left:15px;} .tr { text-align:right} .mt30 { margin-top:30px;} .f24 { font-size:24px} .pr { position: relative;}
.w1200 { width:1200px; margin:0 auto; overflow:hidden;} 
a { color:#333; text-decoration:none;}
a:hover { color:#c00;}
.h30 { height:30px; width:100%; display:block; overflow:hidden;}
.h50 { height:50px; width:100%; display:block; overflow:hidden;}

/*************logo****************/
.top_header {
	background: #f8f8f8;
    height: 30px;
    border-bottom: 1px solid #eee;
	}
.top_header p {
	line-height: 30px;
	font-size: 12px;
	}

.header {
	height: 650px;
    background: url(/sp_img/spslsd/header_bg.jpg) no-repeat center top;
	}
.logo {
	width:1200px;
	margin:0 auto;
	}
.logo_img {
	padding-top:15px;
	display: block;
	}


.ban { margin-top: 30px; text-align: center;}
.ban h1 {
	font-size: 90px;
	color: #4ed59b;
	}
.ban_title {
	color: #fff;
	font-size: 120px;
	font-weight: 700;
	margin-bottom: 20px;
	}
.ban a {
	width: 239px;
	height: 46px;
	line-height: 46px;
	background: url(/sp_img/spslsd/ban-ico.png) 0 0 no-repeat;
	color: #001f59;
	text-align: center;
	display: inline-table;
	font-size: 24px;
	font-weight: 700;
	margin: 0px 10px;
	}
	
/******************���?ʶ******************/
.cs_cont h3 {
	background:url(/sp_img/spslsd/zz_tit.png) center center no-repeat;
	color: #48df9f;
    font-size: 40px;
    text-align: center;
    line-height: 136px;
	}
.cs_box li {
	float: left;
	width: 33.33333333%;
	margin-top: 50px;
	}
.cs_box h4 {
	height: 37px;
	overflow: hidden;
	}
.cs_box h4 a{
	color: #00e7b3;
	font-size: 20px;
	}
.cs_box h4 span{
	width: 31px;
	height: 37px;
	background: #00e7b3;
	color: #000019;
	text-align: center;
	font-size: 18px;
	font-weight: 900;
	line-height: 37px;
	display: inline-block;
	margin-right: 18px;
	}
.cs_a b{
	width: 31px;
	height: 82px;
	background: #3b3ba0;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 82px;
	display: inline-block;
	margin-right: 15px;
	vertical-align: top;
	}
.cs_a p{
	font-size: 17px;
	color: #fff;
	width: 333px;
	height: 72px;
	overflow: hidden;
	vertical-align: bottom;
	display: inline-block;
	}
.cs_a p a{color: #00e7b3}

/*******************���ķ���***********************/
.fw_cont { margin-top: 60px;}
.fw_cont h3 {
	background:url(/sp_img/spslsd/zz_tit02.png) center center no-repeat;
	color: #48df9f;
    font-size: 40px;
    text-align: center;
    line-height: 136px;
	}
.fw_cont ul li {
	margin:30px 25px 0px;
	float:left;
	width:44.8%;
	background: url(/sp_img/spslsd/dot.png) left 12px no-repeat;
	padding-left: 10px;
	}
.fw_cont ul li h4 {
	height:30px;
	line-height:30px;
	font-size:20px;
	margin-bottom: 10px;
	}
.fw_cont ul li h4 a { color:#00e7b3;}
.fw_cont ul li h4 a:hover { text-decoration:underline}
.fw_cont ul li h4 span {
	float:right;
	font-size:15px;
	color:#ccc;
	font-weight:normal;
	}
.fw_cont ul li p {
	color:#fff;
	height:48px;
	line-height: 26px;
	overflow:hidden;
	font-size: 17px;
	}
.fw_cont ul li p a { color:#00e7b3;}

/********************�ڿ�����*******************/
.qk_cont { margin-top: 60px;}
.qk_cont h3 {
	background:url(/sp_img/spslsd/zz_tit03.png) center center no-repeat;
	color: #48df9f;
    font-size: 40px;
    text-align: center;
    line-height: 136px;
	margin-bottom: 30px;
	}
.qk_cont li {
	float: left;
    width: 390px;
    padding: 0 5px;
    margin-bottom: 50px;
	}
.qk_cont li h4 {
	height: 45px;
	background: url(/sp_img/spslsd/fjx.png) center bottom no-repeat;
	}
.qk_cont li h4 a{
	font-size: 22px;
    color: #00e7b3;
    text-align: center;
	display: block;
	height: 30px;
	overflow: hidden;
	}
.qk_cont_img {
	margin-left:10px;
	margin-top: 30px;
	width:365px;
	position:relative;
	}
.qk_cont_img:after { content:""; clear: both; display: block; overflow: hidden;}
.qk_cont_img .qkxx {
	position:absolute;
	right:0px;
	color:#fff;
	width:225px;
	}
.qk_cont_img .qkxx p {
	height: 24px;
	overflow: hidden;
	}
.qk_cont_img img {
	width:120px;
	height:150px;
	float:left;
	}
.qk_cont_img .bunt a {
	display:block;
	padding:5px 30px;
	font-size: 16px;
	font-weight: 700;
	color:#000019;
	background:#00e7b3;
	text-align:center;
	position:absolute;
	bottom:0px;
	left:140px;
	}
	
	
.footer {
	padding:15px 0;
	margin-top:20px;
	text-align:center;
	font-size:12px;
	line-height:24px;
	border-top: 1px solid #fff;
	color: #fff;
	}
.footer a {
	width:90px;
	display:inline-block;
	text-align:center;
	color: #fff;
	}
	

/*自适应*/
@media only screen and (min-width: 100px) and (max-width: 640px) {

    .w1200,.logo{
    	width: auto;
    }
    .ban h1{
    	font-size: 3rem;
    }
    .ban_title{
    	font-size: 2rem;
    }
    .cs_cont h3,.fw_cont h3,.qk_cont h3{
    	font-size: 28px;
    }
    .cs_a p{
    	width: 82%;
    	height: auto;
    }
    .cs_box li,.fw_cont ul li,.qk_cont_img{
    	width: auto;
    }
    .qk_cont li{width: 100%;}
    .fw_cont ul li h4{height: auto;}
    .fw_cont ul li h4 span{
    	float: none;
    	display: block;
    }
    .cs_box{padding: 0 1rem;}
    body{
    	background-repeat-y: inherit;
    }
    .qk_cont_img .qkxx{
    	width: 65%;
    }
    .qk_cont_img .qkxx p{height: auto;}

}


@media only screen and (min-width: 100px) and (max-width: 330px) {
	.qk_cont_img .qkxx{
    	width: 58%;
    }
}