@charset "utf-8";

body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,span{
	margin:0;
	padding:0;
	list-style:none;
}

.margin_10{ height:10px; display:block; clear:both}

.margin_20{ height:20px; display:block; clear:both}

.margin_30{ height:30px; display:block; clear:both}

.margin_50{ height:50px; display:block; clear:both}
 
 
 
.ys li{ width:25%;_width:24%; float:left; overflow:hidden;}

.ys li dl{ width:210px; margin:0 auto; text-align:center; color:#666}

.ys li dt{ height:163px; width:163px; display:block; margin:0 auto; background:#ececec; border-radius:131.5px}

.ys li dt p{height:163px; width:163px; display:block; background:url(../images/ico1.png) no-repeat;}

.ys li h5{ font-size:1.333em; padding:1em 0 .5em 0; font-weight:normal; color:#333}

.ys a:hover{transition:all 0.3s}

.ys a:hover dt{ background:#4b9ae8}

.ys a:hover h5{ color:#006cd7}

.ys dl.b dt p{ background-position:-163px 0}

.ys dl.c dt p{ background-position:-326px 0}

.ys dl.d dt p{ background-position:-489px 0}

.ys a:hover p{ background-position:0 -163px}

.ys a:hover dl.a p{ background-position:0 -163px}

.ys a:hover dl.b p{ background-position:-163px -163px}

.ys a:hover dl.c p{ background-position:-326px -163px}

.ys a:hover dl.d p{ background-position:-489px -163px}





.content{
	width:96%;
	margin:0 auto;
	max-width:1200px;
	min-width:320px;
	font-size:0.75em;
}

.content img{ max-width:100%}


.index_news li{
	width:33.3333%;
	float:left;
	overflow: hidden;
}

.index_news dl{ width:80%; margin:0 auto}

.index_news dd{
	border-bottom:solid 1px #eee;
	padding:1em 0;
	font-size: 13px;
}


.index_news dd a{
	color:#333;
}

.index_news dd.tt h5{ font-size:1.3333em;}

.index_news dd.tt a{ float:right}

.index_news dd p{ color:#999}

 





 


.title{ background:url(../images/title.jpg) no-repeat top center; text-align:center;}

.title dt{ font-size:1.9em; font-family:Arial, "微软雅黑"; color:#777; font-weight:bold}

.title h5{ font-size:1.2em; font-weight:normal; width:100px; background:#fff; height:20px; line-height:20px; margin:0 auto 7px auto; display:block;}

.title dd span{
	font-size:0.9em;
	color:#888
}

.title2{ text-align:center}

.title2 dt{ font-size:2.1666em}

.title2 dt span{ color:#006cd7;}

.title2 dd{ color:#888; padding:.3em}

.title2 div{ width:146px; height:34px; line-height:34px; display:inline-block; border-radius:17px; margin:15px 2px; border:solid 1px #006dd7; font-size:1.333em; color:#006dd7; cursor:pointer; text-align:left}

.title2 div ul{ background:url(../images/tab.png) no-repeat}

.title2 div li{ text-indent:2.8em}

.title2 div ul.b{ background-position:0 -110px}

.title2 div.focus{ background:#006cd7; color:#fff}

.title2 div.focus ul.a{ background-position:0 -56px}

.title2 div.focus ul.b{ background-position:0 -166px}

.title2 div a{ color:#006cd7}

.title2 div.focus a{ color:#fff}




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

.index_case li dl{ width:86%; margin:0 auto 1em auto; text-align:center; font-size:1.1333em}

.index_case li dd{ padding:0.5em 0}

.index_case li img{ border:solid 1px #ddd; padding:4px; height:120px; width:215px;}

.index_case li a:hover img{ border:solid 1px #006cd7;}










.bottom{line-height:1.9; width:100%;clear:both; color:#666; border-top:solid 10px #242424; background:#181818; padding:3em 0; height:220px; }

.bottom ul{margin:0 auto; text-align:left}

.bottom_a{ width:60%; float:left;}

.bottom_a dl{
	width:18%;
	float:left;
	margin-left:5%;
	min-height:180px;
	background:url(../images/line_a.gif) top right repeat-y
}

.bottom h5{ font-size:1.25em; color:#ccc}

.bottom dt p{ color:#333; font-family:Arial, "微软雅黑"; font-size:1.1333em; margin-bottom:1em; font-weight:bold}

.bottom_b{ width:38%; float:right;}

.bottom a{ color:#666; font-size:12px;}

.bottom a:hover{ color:#ccc}

.bottom_contact strong{ color:#32887b}

.bottom_contact h5{color:#32887b; font-size:2.2em; font-weight:normal; font-family:Arial,"微软雅黑";}

.wx_code{ position:relative}

#wx_ico{ cursor:pointer}

#wx_code{ position:absolute; left:-42px; bottom:45px; display:none}



input,textarea{ font-size:1em;font-family:"微软雅黑";}

input.met{ width:100%; padding:0 10px; height:27px; border:none; background:#fff; border-radius:3px;margin:0 0 5px 0; color:#999;}

textarea.mes{ width:100%; padding:5px 10px;height:52px; border:none; background:#fff; border-radius:3px;margin:0 0 5px 0;color:#999;}

input.m_in,textarea.m_in{ color:#444; width:100%}

.m_submit{ width:60px; text-align:center;color:#fff; height:26px; line-height:26px;border-radius:3px; background:#b31a1d; cursor:pointer; float:right}

.bottom_b dd span{ float:right; height:26px; line-height:26px; padding:0 10px 0 0; color:#d10;}

.bottom_js{display:none}

#bottom_nav,#bottom_nav a:link,#bottom_nav a:visited{ color:#222;padding:0 0 8px 0; font-weight:bold}

#bottom_nav a:hover{ color:#b31a1d}

.links{ clear:both;width:100%; background:#212121; float:left; margin:20px 0 0 0}

.links ul{margin:0 auto; height:35px; line-height:35px; text-align:left; color:#eee}

.links a:link,.links a:visited{ color:#fff; margin:0 5px}

.links a:hover{ color:#ffcc00}

.links div{ float:right; width:800px; text-align:right}

.bottom_tool{ background:url(../images/mask_black_80.png); display:inline-table;*display:inline-table; *zoom:1; text-align:center; width:100%;height:46px;color:#fff; font-size:0.75em; line-height:1.2em; overflow:hidden; position:fixed; bottom:0; left:0;_position:absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); z-index:99999}

.bottom_tool dl{ display:table-row;*display:inline; *zoom:1;}

.bottom_tool dd{ display:table-cell;*display:inline; *zoom:1; width:25%;*width:24%}

.bottom_tool h5{ font-weight:normal; font-size:1em}

.bottom_tool a:link,.bottom_tool a:visited{ color:#f5f5f5; display:block; height:46px;}

.bottom_tool a:hover{ background:#006cd7}

.bottom_tool img{ margin:6px 0 0}






/*在线客服*/

.box_os .os_x, .box_os .osqq, .ico_os, .ico_gt, .ico_pp, .osqq .qq{ background:url(../images/kf.gif) no-repeat; font-size:0.875em; z-index:10000}

#box_os,.box_os{ height:auto; overflow:hidden; width:131px; position:fixed; right:0px; top:250px;_position:absolute;/* for IE6 */ _top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight-100); z-index:1000;animation-duration: 1s;-webkit-animation-duration: 1s;animation-name: qq_animate;-webkit-animation-name: qq_animate;}

.box_os .os_x{background-position:2px 2px; width:18px; height:20px; float:right; display:inline; cursor:pointer; margin-bottom:-25px;}

.box_os .osqq{ width:129px; border:1px solid #f3f3f3; background-color:#fff; background-position:0 -120px; clear:both; padding:37px 0 8px 0; text-align:center}

.box_os .osqq p{ height:auto; line-height:0.2;width:110px; margin:1.5em auto; text-align:center; font-size:0.875em}

.box_os .osqq p strong{ color:#666;}

.box_os .osqq img{ padding:7px 0 3px 0;}

.box_os .osqq p em{ color:#999; display:block;}

.box_os .osqq p span{ color:#333; display:block; font-size:12px; font-family:Arial, "微软雅黑";}

.box_os .osqq .qq{ background-position:-140px -120px; display:block; width:99px; height:26px; margin:0 auto; margin-top:8px; cursor:pointer;}

.acbox{ width:130px; overflow:hidden;}

.acbox .ico_gt{ background-position:-60px 0; border-top:0; cursor:pointer; width:60px; height:33px; float:right;}

.acbox .ico_pp{ background-position:-60px -60px; border-top:0; cursor:pointer; width:60px; height:33px; float:right; margin:0 2px;}

#onlineService,.onlineService{ background:none; display:none; width:39px; *width:84px; height:178px; ;position:fixed; right:0; top:250px; _position:absolute; z-index:1000}

.onlineService .ico_os{ background-position:-2px -20px;cursor:pointer; width:39px; height:98px; float:right;}

.onlineService .ico_gt{ background-position:right 0;cursor:pointer; width:39px; height:37px; float:right; clear:both;}

.onlineService .ico_pp{ background-position:right -60px;cursor:pointer; width:39px;height:37px; float:right; margin:0 0 1px 0; clear:both;}

.box_os .osqq p span a{color:#557917;}



.contact_img{ float: left; margin:0 20px 20px 0}









@media screen and (max-width:1200px) and (min-width:1024px){

}

@media screen and (max-width:1024px){

	.top_box{ height:208px}

	.top_ul1{ float:none; width:100%; text-align:center}

	.top_ul2{ float:none; width:100%;}	

    .copyright .a{ display:none}	

	.copyright .b{ text-align:center; width:100%}

	.box_os{ display:none}

    .left_nav{ width:88%;}

}

@media screen and (max-width:1023px){


}

@media screen and (max-width:1024px) and (min-width:768px){

}

@media screen and (min-width:769px){

    .bottom_tool{ display:none}

}

@media(max-width:768px){

	.top_text span{ font-size:1.4em}

	.margin_50{ height:25px}

	.ys li dl{ width:90%; margin:0 auto}

	.ys li dl dt{transform:scale(.6,.6);}

	.index_case li{ width:50%}

	.bottom_a{ display:none}

	.bottom_b{ width:90%; margin:0 auto; float:none}

	.wx_code{ margin-left:3em}

	.fy2,.fy_total,.page_jum{ display:none}


    .case_list li{ width:50%;}

}

@media(max-width:767px){

	.top_line dt{ width:100%; text-align:center}

	.top_line dd,.top_text p{ display:none}

	.top_box{ height:106px}

	.top_ul1{ text-align:left}

	.top_ul2{ display:none; height:auto;}

    .power{display:block; cursor:pointer; position:absolute; right:0px;}


	.box_os{ display:none}

	.sub_bannerBox{ display:none}

}

@media(max-width:640px){

	.content{ width:90%;}	

    .top_ul1 h1{ display: none}

	.top_ul1 p{ display:block}
    
	.ys li{ width:50%; margin-bottom:1em}

	.ys li dl{ width:90%; margin:0 auto}

	.ys li dl dt{transform:scale(.8,.8);}

	.index_news li{ width:100%; float:none; margin-top:2em; font-size:1.1333em}

	.index_news dl{ width:90%}

	.index_pro .l{ display:none}

    .index_pro .r{ width:100%; float:none;}

	.index_news img,.index_about img{ display:none}

	.index_case li dl{ width:74%}

	.show_copyright{ display:none}


	.content{width:94%;}

}




@media(max-width:700px){

	.content{ width:90%;}	

    .top_ul1 h1{ display: none}

	.top_ul1 p{ display:block}
    
	.ys li{ width:50%; margin-bottom:1em}

	.ys li dl{ width:90%; margin:0 auto}

	.ys li dl dt{transform:scale(.8,.8);}

	.index_news li{ width:100%; float:none; margin-top:2em; font-size:1.1333em}

	.index_news dl{ width:90%}

	.index_pro .l{ display:none}

    .index_pro .r{ width:100%; float:none;}

	.index_news img,.index_about img{ display:none}

	.index_case li dl{ width:74%}

	.show_copyright{ display:none}


	.content{width:94%;}

}



@media(max-width:360px){

    .case_list li{ width:100%; float:none}

	.ys li{ width:100%}

	.grey{ display:none}


}

@media(max-width:320px){

}

@keyframes content_animate {

0% {opacity:0;transform:translate(0, 50px);}

100% {opacity:1;transform:translate(0, 0);}

}

@keyframes qq_animate {

0% {opacity:0;transform:translate(200px, 0);}

100% {opacity:1;transform:translate(0, 0);}

}