@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:#F5FFFB;}
div,img,ul,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; border:0;}
h3 { font-weight:normal;}
h4 { font-weight:normal;}
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} .pb50 { padding-bottom:50px;}
.w1000 { width:1000px; margin:0 auto; } .pr { position:relative;}
a { color:#333; text-decoration:none;}
a:hover { color:#c00;}
.h20 { height: 20px; width: 100%; overflow: hidden;}
.btn{display:block;font-size:20px;color:#fff;text-align:center;}


footer, header, menu, nav, section { display: block;}

.header {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #fff;
	min-width: 1200px;
	}
.logo {
	width: 210px;
	height: 50px;
	padding-right: 10px;
	}
.tel {
	text-align: right;
	color: red;
	font-size: 18px;
	}

/*����*/
.navblue{
	background-color: #bcd6b2;
	width: 100%;
	min-width: 1000px;
	padding: 20px 0;
	}
.navbox{
	background:url(/sp_img/xmglwj/nav.png) no-repeat;
	background-size: 100% 100%;
	height: 64px;
	min-width: 1000px;
	margin: 0 auto;
	width: 1000px;
	}
.navul{
	min-height:10px;
	overflow: hidden;
	}
.navul li{
	float: left;
	width: 12%;
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 64px;
	cursor: pointer;
	}
.navul li a { color: #fff;}
.navul li a:hover {
	background:url(/sp_img/xmglwj/nav_act.png) no-repeat center; 
	display:inline-block; 
	width: 100%;
	}
.navul li.active{background:url(/sp_img/xmglwj/nav_act.png) no-repeat center;}
	
/*banner*/
.banner, .appointment{
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	position: relative;
	}
.banner .imgb{
	width: 100%;
	min-width: 1000px;
	}
.bannertext{
	top:24%;
	left:48%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	position: absolute;
	font-size: 34px;
	font-weight: bold;
	color: #29a475;
	}
.bannertext1{width: 426px;height: 182px;}
.bannertext1{
	top:55%;
	left:45%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	position: absolute; 
	width:22%; 
	font-size:60px; 
	font-weight:bold;
	}
.bannertext1 img{width: 100%;}


/*appointment*/
.appointment{background:url(/sp_img/xmglwj/banner_bg.jpg) no-repeat;background-size: 100% 100%;padding: 48px 0; opacity:0.8}
.main{width: 1000px;min-width: 1000px;margin:0 auto;}
.box1{display: inline-block;float: left;margin-right:20px;}
.makean{background-color: rgba(255,255,255,0.6);width: 364px;padding: 28px;box-sizing: border-box;-moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; box-shadow:2px 2px 5px #999;min-height: 380px;overflow: hidden;text-align: left;}
.makean h3{font-size: 20px;color: #000;margin-bottom: 12px;text-align: center;}
.makean p{font-size: 14px;color: #000;line-height: 24px;}
.intro_box { background-color: rgba(255,255,255,0.6); -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; box-shadow:2px 2px 5px #999; padding:80px 0px 30px; position:relative;}
.intro_box h3{font-size: 20px;color: #000;margin-bottom: 12px;text-align: center; position: absolute; top: 28px; width:100%;}
.intro_three {
	width: 616px;
	height:270px;
	background:url(/sp_img/xmglwj/three_bg01.png) center bottom no-repeat;
	position:relative;
	}

.intro_three .int_pp1 { width:100px; position:absolute; top:12px; left:255px; font-size:16px; color:#fff; font-weight:700;}
.intro_three .int_pp2 { width:100px; position:absolute; top:55px; right:165px; font-size:16px; color:#fff; font-weight:700;}
.intro_three .int_pp3 { width:100px; position:absolute; top:100px; left:198px; font-size:16px; color:#fff; font-weight:700;}
.intro_three .int_pp4 { width:100px; position:absolute; bottom:103px; right:194px; font-size:16px; color:#fff; font-weight:700;}
.intro_three .int_pp5 { width:100px; position:absolute; bottom:57px; left:200px; font-size:16px; color:#fff; font-weight:700;}
.intro_three .int_pp6 { width:100px; position:absolute; bottom:12px; right:190px; font-size:16px; color:#fff; font-weight:700;}
.intro_three .intblu { color:#005687; position:absolute;}
.intro_three .po_01 { left: -255px;}
.intro_three .po_02 { right: -14px;}
.intro_three .po_03 { left: -250px;}
.intro_three .po_04 { right: -260px; top: 8px;}
.intro_three .po_05 { left: -252px;}
.intro_three .po_06 { right: -8px; top: -9px;}
.intro_three .int_pptext1 {width:280px; position:absolute; top:12px; right:0px; font-size:15px;}
.intro_three .int_pptext2 {width:540px; position:absolute; top:56px; left:10px; font-size:15px;}
.intro_three .int_pptext3 {width:315px; position:absolute; top:101px; right:0px; font-size:15px;}
.intro_three .int_pptext4 {width:260px; position:absolute; bottom:92px; left:15px; font-size:15px;}
.intro_three .int_pptext5 {width:300px; position:absolute; bottom:59px; right:10px; font-size:15px;}
.intro_three .int_pptext6 {width:520px; position:absolute; bottom:5px; left:10px; font-size:15px;}

/*lunwen*/
.lw_title h3{
	height:79px;
	line-height: 79px;
	background:url(/sp_img/xmglwj/icon_01.png) 0 0 no-repeat;
	margin: 50px 0;
	font-size: 20px;
	text-align:center;
	color: #fff;
	}
.lw_title li {
	float:left;
	width:485px;
	height:90px;
	margin-right:30px;
	margin-bottom:15px;
	border-bottom:1px dashed #666;
	}
.lw_title li:nth-child(2n){margin-right:0;}
.lw_title li h4 a {
	color:#126a9f;
	font-size:16px;
	line-height:30px;
	}
.lw_title li p {
	color:#666;
	line-height:20px;
	height:40px;
	overflow:hidden;
	}
.lw_title li p a { color:#f00;}

/*qikan*/
.qk_hot {
	width: 100%;
	background:url(/sp_img/xmglwj/icon_bg.png) center bottom no-repeat;
	display:inline-block;
	padding-bottom: 50px;
	}
.qk_hot h3{
	height:79px;
	line-height: 79px;
	background:url(/sp_img/xmglwj/icon_02.png) 0 0 no-repeat;
	margin: 50px 0;
	font-size: 20px;
	text-align:center;
	color: #fff;
	}
.periodical-way li{
	position:relative;
	float:left;
	display: inline-block;
	overflow:hidden;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px;
	width:22%;
	border: 1px solid #EFEFEF;
	border-radius:3px;
	background-color:#fff;
	font-size:12px;
	}
.periodical-way li:nth-child(4n){margin-right:0;}
.periodical-way .thumbnail {
	position: relative;
	display:flex;
	overflow:hidden;
	height:180px;
	width:80%;
	margin:0 auto;
	}
.periodical-way .thumbnail img{
	width: auto\9; /* ie8 */
	height: auto;
	max-width:100%;
	transition:all 1s;
	}
.periodical-way .thumbnail:hover img{transform:scale(1.05);}

.periodical-way .caption{
	padding:10px 0 0;
	color:#333;
	text-align: center;
	}
.periodical-way .caption h4{
	overflow: hidden;
	margin:0 0 3px;
	height: 20px;
	color: #555;
	font-weight:500;
	font-size:16px;
	line-height: 20px;
	}
.periodical-way .caption p{margin:0;color: #999;}
.periodical-way a:hover .caption h3{color:#ff5e52;}

/*ask*/
.ask_art h3{
	height:79px;
	line-height: 79px;
	background:url(/sp_img/xmglwj/icon_03.png) 0 0 no-repeat;
	margin: 50px 0;
	font-size: 20px;
	text-align:center;
	color: #fff;
	}
.ask_art li {
	float:left;
	width:485px;
	height:90px;
	margin-right:30px;
	margin-bottom:15px;
	border-bottom:1px dashed #666;
	}
.ask_art li:nth-child(2n){margin-right:0;}
.ask_art li h4 a {
	color:#126a9f;
	font-size:16px;
	line-height:30px;
	}
.ask_art li p {
	color:#666;
	line-height:20px;
	height:40px;
	overflow:hidden;
	}
.ask_art li p a { color:#f00;}

/*footer*/	
.footer{
	border-top: 1px  solid #eaeaea; 
	overflow: hidden; 
	text-align: center;
	background-color:#fff;
	}
.footer {
	background:url(/sp_img/jipaishui/f-bg.jpg) repeat-x;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:24px;
	padding:20px 0;
	}
.footer a {
	color:#fff;
	padding:0 10px;
	}
.footer a:hover { text-decoration:underline}


/*自适应*/
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.logo,.header,.banner{
    	width: auto;
    }
    .cont_qk li,.cont_qk li h4{
    	width: 100%;
    	float: none;
    }
    .logo{
    	width: 39%;
    padding-top: 5px;
    height: 35px;
    padding-right: 0;
    }
    .logo img{
    	width: 100%;
    	height: 100%;
    }
    .tel{
    	width:61%;
    	float: left;
    	font-size: 17px;
    }
    .header{
    	height: 70px;
    }
    
    .w1000,.banner .imgb,.makean,.intro_three,.lw_title li{width: auto;}
    .banner .imgb,.bannertext,.bannertext1{display: none;}
    .navblue,.navbox,.appointment,.main{min-width: auto;width: auto;}
    .navul li a {
	    color: #fff;
	    font-size: 18px;
	}
	.navul li{width: 25%;}
	.box1{
		float: none;
		margin-right: 0;
	}
	.intro_box{float: none;}
	.intro_three .int_pp1{
		left: 130px;
	}
	.int_pptext1,.int_pptext2,.int_pptext3,.int_pptext4,.int_pptext5,.int_pptext6{
		display: none;
	}
	.intro_three .int_pp2{right: 3rem;}
	.intro_three .int_pp3{left: 5rem;}
	.intro_three .int_pp4{right: 4rem;}
	.intro_three .int_pp5{left: 5rem;}
	.intro_three .int_pp6{right: 4rem;}
	.lw_title h3{
		color: #333;
		background: none;
		margin: 20px 0;
	}
	.lw_title li{margin-right: 0;padding: 0 20px 10px 20px;height: auto;}
	.lw_title li p{height: auto;}
	.qk_hot h3{
		color: #333;
		background: none;
		margin: 20px 0;
	}
	.periodical-way li{
		margin: 0 20px 20px 20px;
		display: block;
		float: none;
		width: auto;
	}
	.periodical-way .thumbnail{
		height: auto;
	}
	.periodical-way li:nth-child(4n) {
	    margin-right: 20px;
	}
	.ask_art h3{
		background: none;
		color: #333;
		margin: 20px 0;
	}
	.ask_art li {
		height: auto;
		padding-bottom: 10px;
	    float: none;
	    width: auto;
	    margin: 0 20px 10px 20px;
    }
    .ask_art li p{height: auto;}
    .banner,.header{min-width: auto;}
    .header {
	    height: 55px;
	}
	.banner{
		background: url(/sp_img/xmglwj/banner_m.png) top center no-repeat;
		height: 200px;
		background-size: 100% 100%;
	}
	    
	    
}
@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;}
	.intro_three .int_pp1{
		left: 105px;
	}
	.intro_three .int_pp2{right: 15px;}
	.intro_three .int_pp3{left: 3rem;}
	.intro_three .int_pp4{right: 3rem;}
	.intro_three .int_pp5{left: 3rem;}
	.intro_three .int_pp6{right: 3rem;}
}