@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-color:#efeffb; }
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}
.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****************/
.header {
	height:90px;
	width:100%;
	background-color:#f7f7f7;
	border-bottom:2px solid #eee;
	}
.logo {
	width:1200px;
	margin:0 auto;
	position:relative;
	}
.logo_img {padding-top:15px;}
.logo_img img { float:left;}

.top_tel{
	float:right; 
	width:270px; 
	height:60px;
	margin-top:15px;
	}
.top_tel i{
	width:44px; 
	height:44px; 
	float:left; 
	background:url(/sp_img/spfg/telbg.png) 0 0  no-repeat; 
	}
.top_tel .top_t1{
	color:#ff4414; 
	font-size:30px; 
	margin-left:10px;
	float:left;
	}
.top_tel .top_t2{
	float:left;
	font-size:12px; 
	color:#444; 
	margin-left:10px;
	}
	
.banner {
	width:100%;
	height:480px;
	background:url(/sp_img/spfg/banner.jpg) top center no-repeat;
	}
	
.cont_about {position:relative;}
.cont_about h3 {
	width:100%;
	height:90px;
	background:url(/sp_img/spfg/cont_bg.png) center center no-repeat;
	position:absolute;
	top:0px;
	text-align:center;
	}
.cont_about h3 strong {
	font-size:34px;
	color:#fff;
	font-weight:normal;
	line-height:50px;
	height:50px;
	display:block;
	}
.cont_about h3 i {
	height:2px;
	background-color:#fff;
	width:465px;
	display:block;
	margin:3px auto;
	}
.cont_about h3 p {
	font-size:20px;
	color:#fff;
	font-weight:normal;
	}
.about_box {
	border:8px solid #1b5bd6;
	margin-top:50px;
	padding:60px 50px 30px;
	font-size:16px;
	line-height:30px;
	text-indent:2em;
	}
	
.main_qk {
	border:8px solid #1b5bd6;
	margin-top:50px;
	}
.main_qk ul { padding:40px 14px 30px;}
.main_qk li {
	padding:10px 20px;
	width:325px;
	float:left;
	margin:10px 10px;
	}
.main_qk li:hover {
	Z-INDEX: 8; 
	box-shadow: rgba(0,0,0,0.7) 0 0 8px; 
	-webkit-transform: translateY(-5px); 
	transform: translateY(-5px);
	}
.main_qk li img {
	float:left;
	width:114px;
	height:156px;
	}
.main_qk li h4 {
	float:left;
	width:304px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	}
.main_qk li .title {
	float:right;
	width:180px;
	height:34px;
	line-height:30px;
	overflow:hidden;
	}
.main_qk .textjs {
	float:right;
	width:180px;
	height:80px;
	overflow:hidden;
	font-size:12px;
	line-height:20px;
	color:#666;
	}
.main_qk .buttom {
	float:right;
	width:180px;
	margin-top:10px;
	}
.main_qk .buttom a {
	width:180px; 
	height:31px; 
	float:left; 
	text-indent:-9999px;
	}
.main_qk .buttom .dd1 { background:url(/sp_img/spfg/tg.png) 0 0 no-repeat;}

.lunw {
	border:8px solid #1b5bd6;
	margin-top:50px;
	}
.lunw ul { padding:70px 14px 30px;}
.lunw ul li {
	margin:0 30px 10px;
	float:left;
	width:44.8%;
	}
.lunw ul li h4 {
	height:30px;
	line-height:30px;
	font-size:15px;
	}
.lunw ul li h4 a { color:#c00;}
.lunw ul li h4 a:hover { text-decoration:underline}
.lunw ul li h4 span {
	float:right;
	font-size:12px;
	color:#ccc;
	font-weight:normal;
	}
.lunw ul li p {
	font-size:12px;
	color:#999;
	height:37px;
	overflow:hidden;
	}
.lunw ul li p a { color:#c00;}

.tbox{
	border:8px solid #1b5bd6; 
	margin-top:50px; 
	padding:70px 50px 30px; 
	background:url(/sp_img/spfg/bg_tel.jpg) 800px 100px no-repeat #FFFFFF;
	line-height:30px;
	}
.tbox span{ display:block; line-height:22px; color:#DD3737; font-weight:bold; font-size:14px;}
.tbox a{ margin-right:10px; color:#333333;}
.tbox .qq2{ font-weight:normal; padding-left:87px;}
	
.footer {
	background:#b8b8b8;
	padding:15px 0;
	margin-top:20px;
	text-align:center;
	font-size:12px;
	line-height:24px;
	}
.footer a {
	width:90px;
	display:inline-block;
	text-align:center;
	}
	



/*自适应*/
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.logo,.header,.banner{
    	width: auto;
    }
    .w1200,.cont_askbox ul li {
    width: auto;
    }
    .cont_qk li,.cont_qk li h4{
    	width: 100%;
    	float: none;
    }
    .logo_img{
    	width: 50%;
    }
    .logo_img img{
    	width: 100%;
    }
    .top_tel{
    	width: 50%;
    }
    .top_tel .top_t1,.cont_ask h3,.cont_ask h3 strong{
    	font-size: 18px;
    }
    .header{
    	height: 70px;
    }
    
    
    .cont_about h3 strong {
    font-size: 20px;}
    .cont_about h3 p {
    font-size: 17px;}
    .about_box {
    padding: 60px 21px 30px;
    }
    .main_qk li{
    	padding: 0;
    	width: auto;
    	margin: 0 0 10px 0;
    }
    .main_qk li h4{width: 100%;}
    .main_qk li .title,.main_qk .textjs,.main_qk .buttom{width: 56%;}
    .main_qk .buttom a{width: 100%;}
    .main_qk .buttom .dd1{background-size: 100%;}
    .lunw ul li h4,.lunw ul li p{height: auto;}
    .lunw ul li {
	    margin: 0;
	    float: none;
	    width: auto;
	    overflow: hidden;
	    margin-bottom: 20px;
	}
	.lunw ul li h4 span{float: none;    display: block;}
	.tbox{padding: 70px 20px 30px;display: block;}
	.tbox .qq2{padding-left: 0;}
	.tbox a{display: block;}
	.banner{
    	    background: url(/sp_img/spfg/banner_m.jpg) top center no-repeat;
    	    background-size: 100%;
    	    height: 190px;
    }
    
}
@media only screen and (min-width: 100px) and (max-width: 330px) {
	.top_tel i {
	    width: 30px;
	    height: 30px;
	    background-size: 100%;
	}
	.top_tel .top_t1 {
	    font-size: 17px;
	}
	.banner{height: 160px;}
}