@charset "utf-8";
/* CSS Document */
body{ background:#fff; color:#333; font-family:'Microsoft YaHei' !important;background:url(../images/bg.jpg) no-repeat top center #aa0001; }
body, button, input, select, textarea {font: 12px/24px tahoma,arial,宋体;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,table{ margin: 0; padding: 0; list-style:none;}
img, iframe{ display:block; border:0;}
ul, li{ list-style:none;}
a{color:#333;text-decoration:none !important;}
a:hover{color:#2084f4;text-decoration:underline;}
.djs_span5{ CLEAR:both;DISPLAY: block; FONT-SIZE: 1px; OVERFLOW: hidden; HEIGHT:5px;}
.djs_span10{ CLEAR:both;DISPLAY: block; FONT-SIZE: 1px; OVERFLOW: hidden; HEIGHT:10px;}
.djs_span20{ CLEAR:both;DISPLAY: block; FONT-SIZE: 1px; OVERFLOW: hidden; HEIGHT:20px;}
.djs_span1{ CLEAR:both;DISPLAY: block; FONT-SIZE: 1px; OVERFLOW: hidden; HEIGHT:1px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;}
.clearfix{zoom:1;}
.clear{clear:both;}

.main_con{ width:1100px; padding: 30px 50px; background:#fff; margin:0 auto; font-size:16px;}
.banner01{background-attachment: scroll; background-image:url(../images/banner_01.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:120px; overflow:hidden;}
.banner02{background-attachment: scroll; background-image:url(../images/banner_02.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:120px; overflow:hidden;}
.banner03{background-attachment: scroll; background-image:url(../images/banner_03.jpg); background-position: 50% 0px; background-repeat: no-repeat; height:120px; overflow:hidden;}
.app_banner{ display:none;}
h2{ font-size:38px; background:url(../images/h2_bg.jpg) no-repeat center; color:#fff; text-align:center;  height:80px; line-height:80px; padding:30px 0;}
.main011{ height:300px; background:url(../images/xu_bg.jpg) no-repeat; line-height:34px;  font-size:16px; color:#444; padding:25px 50px; line-height:34px;}
.main011 p{ text-indent:2em;}
.main_zw{ margin-bottom:25px;}
.main_zw p{font-size:16px; line-height:32px;}
.main_zw .jd_con{ border-radius:5px; border:1px dashed #e85152; background:#fdd2d3; padding:20px 25px; font-size:20px; line-height:36px; margin:20px 0;}
.main_zw em{ font-style:normal; color:#F00;}
.main_zw .zy{ font-size:24px; color:#222px; line-height:46px;}
.zbkul li{ float:left;  width: 23%; margin-right: 2.4%;border:solid 1px #fff;/*height:450px;*/}
.zbkul li:hover{ border:solid 1px #4ec4fb; }
.zbkul li a img{ width:100%;}
/*.zbkul .ligray{ color:#999; line-height:18px;}*/

.zbkul .ligray {
    color: #999;
    display: block;
    height: 110px;
    line-height: 22px;
    margin-top: 5px;
    overflow: hidden;
    padding: 10px 0;
}
.zbkul .lip{ height:22px; background:url(../images/zhiboIcons.gif) no-repeat 0 -8px; padding-left:18px; line-height:22px;}
.zbkul .yuyueRen{  height:22px; background:url(../images/zhiboIcons.gif) no-repeat 0 -74px; padding-left:18px;line-height:22px;}

.djyy{ width:65px; height:22px; background:#4ec4fb; border:solid 1px #33b1ec;  left:24px; text-align:center; color:#fff; font-weight:normal; line-height:22px;}
.yuyue2{ width:65px; height:22px; background:#fe9001; border:solid 1px #fe9001;  left:24px; text-align:center; color:#fff; font-weight:normal; line-height:22px;}
.buy{ width:65px; height:22px; background:#fe9001; border:solid 1px #fe9001;  left:24px; text-align:center; color:#fff; font-weight:normal; line-height:22px;}
/*ÊÓƵ¿Î*/
.mk1{ float:left; width:125px; height:35px;font-weight:bold; cursor: pointer; text-align:center; font-weight:bold; font-size:14px; line-height:27px; color:#4ec4fb;background:url(../images/tagArrow.jpg) no-repeat 0 27px;}
.mk2{_border-bottom:solid 1px #ddd;float:left; width:125px; height:35px;_height:30px; line-height:27px; cursor: pointer;text-align:center; font-size:14px;background:none;}
.mks1{ margin:0 auto; padding:10px 0;}
.mks2{ display:none;}
.spk li{ float:left; width:272px;  font-size:14px; margin-right:30px; margin-bottom:10px; position:relative;}
.spk_hover { width: 252px;height: 215px;padding:10px;background: url("../images/kc_bg1.png") repeat-y scroll 0 0;left: 0;position: absolute;top: 0; padding-top:10px;}
.spk_hover h2 {text-align: center; font-size:16px;color: #000;}
.spk_hover h3 {text-align: center; color: #666;font-size: 14px;font-weight: normal;line-height: 20px;}
.spk_hover a:hover{ text-decoration:none; color:#4ec4fb;}
.button_manfei {display:block;height: 40px; width: 125px; background: url("../images/button_mianfei.gif") no-repeat scroll -3px -6px;text-align:center; line-height:40px; color:#fff; border:none; margin:0 auto;}
.button_manfei:hover { background: url("../images/button_mianfei.gif") no-repeat scroll -2px -51px; color:#ffee33;}
.main_con h3{ font-size:40px; text-align:center; height:70px; line-height:50px; }
.zbkul li:nth-of-type(4){ margin-right:0px;}
.zbkul li b{ text-align:center; display:block; height:50px; line-height:50px;}
.yuyue,.zixun{ width:46%; height:30px; line-height:30px; background:#F90; display:inline-block; text-align:center; border-radius:15px;margin:2%; color:#fff;}
.yuyue{ background:#}
.mar20{ margin-top:20px;}


.footer { background: none repeat scroll 0 0;color:#fff;}
.footer a{ color:#fff;}

@media only screen and (max-width:1024px){
	.app_banner{ display:block; text-align:center; }
	.app_banner img{ width:100%; height:auto;}
	.banner01,.banner02,.banner03,.banner04,.banner05{ display:none;}
	.banner01{ width:100%;}
	.main_con{ width:auto; padding: 2%;}
	.main011{ height:auto;}
	.main01,.main04{ padding:2%;}
	.zbkul li{ margin-right: 2.3%;}
	.leyu_fix,.fixed_kefu{ display: none;}
}
@media only screen and (max-width:768px){
	.main01_jj{ padding:3%; height:auto; background:#6b6bfd;}
	.main01,.main04{ padding:1%;}
	.main01{ background:#f5f5f5;}
	.zbkul li{margin: 1.5%; width: 46%;}
	
}
@media only screen and (max-width:680px){
	h2{ font-size:1.8em;}
  
.main_con h3{ line-height: 68px; font-size:36px;}
}
@media only screen and (max-width:600px){
}
@media only screen and (max-width:480px){
	.lou_p b{ display:block; text-align:center; width:100%;}
	.main03{ margin-top:0px;}
	.main02{ margin-top:20px;}
	h2{ font-size:36px; padding:5% 0;}
	.main011{ padding: 20px 30px;}
	h2 {
    font-size: 1.5em;}
	.main011{ padding:3%;}
}
@media only screen and (max-width:414px){
	.main01_jj{ padding:3% 4%; line-height:30px; font-size:16px; text-indent:2em;}
	h2{ font-size:1.2em;}

}
@media only screen and (max-width:360px){
	h2{ font-size:1em;}
}