@charset "gb2312";
/* CSS Document */
body{ background:#fff; color:#333;}
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;}
img, iframe{  border:0;}
ul, li{ list-style:none;}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;}
.djs_span5{ clear:both;display: block; font-size: 1px; overflow: hidden; height:5px;}
.djs_span20{ clear:both;display: block; font-size: 1px; overflow: hidden; height:20px;}

.fl{ float:left;}
.fr{ float:right;}
.tel{ text-align:center; font-size:30px; padding:20px 0; color:#f00;}

.mainBan{ width:1200px; margin:0 auto; padding-top:40px;}
.banner{ background-image:url(images/banner_bg.png); background-position: 50% 0px; background-size: 100%;  background-repeat: no-repeat; height:682px;  position: relative; }

.clear {
    display: block;
    float: none;
    clear: both;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    background: none;
    border: 0;
    font-size: 0
}

.clearfix:after {
    visibility: hidden;
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    content: ".";
}

.clearfix {
    zoom: 1;
}


h2{ display: block;font-size: 54px;  height: 82px; line-height: 82px; }
h2 font{ color: #0c78ee;}
.app_ewm_con{ margin-top: 70px; background: url(images/app_ewm_bg.png) no-repeat; width: 449px; height: 161px; padding: 10px 15px; }
.app_ewm_con a{ height: 52px; width: 180px; display: block; border: 1px solid #fff; border-radius: 46px; text-align: center; color: #fff; font-size: 22px; line-height: 52px; margin-top: 15px;}
.app_ewm_con a:hover{ background: #4272fd; border: 1px solid #4272fd;}
.app_ewm_con p{ margin-left: 30px;}
.banner_r{ position: absolute; right: 16%; bottom: -65px;}
.app_con .img_font{font-size: 28px; line-height: 46px;}
.app_con_l .img_font{  margin-top: 160px; margin-left: 700px;}
.app_con_r .img_font{  margin-top: 160px; margin-left: 150px;}
.app_con_l{ background: #f0f6fe; height: 547px; border-top-left-radius: 300px; margin-top:200px;  }
.app_con_r{ background:url(images/app_bg_01.jpg) no-repeat top center;}
.app_con_l .mainBan,.app_con_r .mainBan{ position: relative;}
.app_con_l .app_img{ position: absolute; top: -140px;}
.app_con_l .app_icon_st{ position: absolute; left: 530px;top: 260px;}
.app_con_l .app_icon_l{ position: absolute; left: 640px;top: 190px;}
.app_con_l .app_icon_r{ position: absolute; left: 1000px;top: 360px;}
.app_con_r .app_icon_l{ position: absolute; left: 100px;top: 190px;}
.app_con_r .app_icon_r{ position: absolute; left: 500px;top: 360px;}
.bg_st .app_icon_r{ position: absolute; left: 500px;top: 405px;}
.zb_con .app_icon_r{ position: absolute; left: 1050px;top: 360px;}
.app_con_r .app_img{ position:inherit;}
.footer{ z-index: 98;width:1200px;height:153px;font-size:12px;line-height:24px; text-align:center; color:#666; margin:0 auto; padding-top:60px; border-top: 1px dotted #f1f9ec;background: #fff;}
.footer a{color:#666;}
.footer a:hover{color:#666; text-decoration:underline;}

.bg_st{ background: url(images/app_bg_02.jpg) no-repeat;}