﻿*{transition:color 300ms,background-color 300ms;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}body,input,button,select,textarea{ font:12px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
textarea{resize: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:none;vertical-align:middle;}
address,caption,cite,code,dfn,em,strong,th,var,em,i{font-weight:normal;font-style:normal;}
ol,ul{list-style:none;}list{vertical-align:middle;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
a{text-decoration:none; color:#333;}
a:hover{text-decoration:none;color:#c00;}
input {vertical-align:middle;}
button{overflow:visible;}
.hide{display:none;}.show{display:block;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block;} *html .clearfix{height:1%}.clearfix{display:block;}.zoom{zoom:1}
.left{float:left;display:inline;}
.right{float:right;display:inline;}
.pointer{ cursor: pointer;}
.clr{clear:both; height: 0px; line-height:0; font-size:0}
.light_bg{ background:#e8e8e8}
.wrapper { width:1200px; margin:0 auto; overflow:hidden}
.banner_idx { background:url(images/banner.jpg) top center no-repeat; height:588px}
.staticnav { background:#092968; height:62px; line-height:62px;} 
.nav { border-left:1px solid #3a5486;} 
.nav a{ width:171px; text-align:center;  font-size:16px; color:#fff; display:block; float:left; border-right:1px solid #3a5486;}
.nav a.cur { color:#fff; background:#0068b7}
.nav a.nav_bm { background:#e7b902; color:#0b3e94}
.fixnav { position:fixed; left:0; top:0; width:100%; z-index:1000; background:#092968; height:62px; line-height:62px;}

.tit { margin:50px 0; text-align:center; font-size:40px; color:#000; line-height:42px;}
.tit h3 { color:#2673cf; font-size:36px;}
.idx-text { padding-bottom:60px;}
.idx-text p { font-size:16px; color:#666; line-height:30px; text-indent:32px; padding:0 150px}

.px_bg { background:url(images/bg_1.jpg) no-repeat top center; height:578px;}
.focus { position:relative;}
.focus-s { width:1200px; height:600px; margin:30px auto; position:relative;}
.focus-box { width:1200px; height:600px; overflow:hidden}
.focus-img { height:600px; overflow:hidden}
.focus-img li { width:1200px; height:600px; overflow:hidden; float:left; position:relative;}
.focus-img li div { margin:0 3px 3px 0; float:left; font-size:14px;}
.focus-img li div img { z-index:0}
.focus-item { text-align:center; height:28px; position:absolute; bottom:5px; width:100%;}
.focus-item a { width:16px; height:16px; line-height:16px; font-size:0; border-radius:8px; background:#fff; opacity:.7; margin:0 5px; display:inline-block; vertical-align:middle}
.focus-item a.cur { background:#1c69d2}
.direction_l,.direction_r { position:absolute; left:-100px; top:220px; display:block!important; cursor:pointer} .direction_r { right:-100px!important; left:inherit}
.text{ width:600px; margin:0 auto; line-height:30px; font-size:16px; text-align:center; color:#666;}
.about-text { padding:80px 30px 50px;}
.about-text .logo { float:left;}
.about-text-r{ width:600px; float:right;}
.about-text h3 { font-size:30px; padding-bottom:20px; font-weight:400; color:#333}
.about-text p { font-size:16px; color:#333; line-height:30px; margin-bottom:20px;} .about_lx { display:none}
.footer { font-size:14px; padding:50px 0; overflow:hidden; color:#fff; background:#28528b; margin-top:20px;}
.footer p { line-height:20px; padding:5px 0; text-align:center}
.footer p a { color:#fff; margin:0 10px;} 
.footer p a:hover { color:#f60;}
.footer p span { padding:0 10px}
.footer-link{ padding-bottom:30px!important;}
.footer-wap { display:none}
.px_dl { width:400px; border-right:1px solid #e0e0e0; padding:10px 60px; height:130px; margin:50px 0 30px; float:left}
.px_dl dt,.tbh3 { font-size:20px; font-weight:700; color:#1752a3; padding:20px; text-align:center;}
.px_dl dd { font-size:16px; color:#666;}
.swiper-container { margin:20px!important; width: 432px; height: 232px; float:left;}
.swiper-slide { background: #fff;/* Center slide text vertically */display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.swiper-slide p { background:rgba(0,0,0,.6); height:32px; line-height:32px; color:#fff; font-size:14px; width:100%; position:absolute; bottom:0; text-indent:10px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom:8px!important; right:5px!important; width:auto!important; text-align:right!important;}
.activity_l { width:750px; height:280px; border:2px solid #0068b7; background:#fff; float:left;}
.activity_l_txt { float:right; width:250px; margin:20px 20px 0 0;}
.activity_l_txt h3 { font-size:20px; margin-bottom:10px; color:#0068b7} 
.activity_l_txt p { font-size:15px; color:#000; line-height:24px;}
.activity_hy {border:2px solid #0068b7; background:#fff; width:435px; height:280px; float:right;}
.activity_hy h3 { color:#fff; background:#666; font-size:20px; height:44px; line-height:44px; margin-bottom:10px; text-indent:20px;}
.activity_hy p { font-size:15px; padding-left:20px; margin:3px 0; height:20px; line-height:20px; overflow:hidden}
.table-a { border:1px solid #b2d1e9; font-size:16px; color:#000; width:100%;}
.table-a th { border:1px solid #b2d1e9; text-align:center; background:#75add8; padding:25px 0; font-weight:700}
.table-a td { border:1px solid #b2d1e9; padding:25px 0 25px 30px;}
.contact-text { padding:0 0 50px 50px; overflow:hidden}
.contact-text-m { width:320px; padding:30px 0 30px 100px; float:left}
.contact-text-m img { margin-bottom:10px; margin-left:50px;} .contact-text-m h3 { font-size:24px; color:#000; padding:10px 0;} .contact-text-m p { font-size:16px; color:#333; padding:3px 0}
.code { padding:30px 0 0 100px; float:left}

.pop-list { overflow:hidden; padding:10px 30px;}
.pop-list li { float:left; width:380px; height:140px; overflow:hidden; padding:15px 20px; margin-bottom:10px;}
.pop-list li img { float:left; margin-right:15px; width:100px; height:120px; margin-bottom:20px}
.pop-list li h3 { font-size:18px; color:#007cff; font-weight:700; margin-bottom:5px;}
.pop-list li p { color:#000; line-height:22px; font-size:14px; font-weight:700;}
.jb_bg { background:url(images/bg_2.jpg) top center; padding:20px 0}
.bg_f { background:#e8e8e8}

.bm-bg { background:#f1f1f1 url(images/banner_bm.jpg) center 31px no-repeat;}
.bm-box { padding:50px; width:880px; margin:191px auto 50px; border-bottom:3px solid #000; background:#fff;}
.bm-box h3 { font-weight:700; margin-bottom:10px; font-size:14px;}
.bm-box-m { padding:20px 0; background:#fff; overflow:hidden; margin:10px 0}
.btn_bm { background:url(images/btn_bm.png); width:200px; height:50px; float:right; margin:380px 100px 0 0}

.tb-info { width:100%; overflow:hidden}
.tb-info th { width:100px; text-align:right; padding:5px 10px; font-size:14px; vertical-align:top; color:#ff3300}
.tb-info th i { color:#f00; margin:0 5px;}
.tb-info td { padding:5px}
.tb-info td .text { width:300px; border:1px solid #b7b7b7; height:24px; line-height:24px; padding:0 5px; text-align:left;}
.tb-info td lable { margin-right:15px; vertical-align:middle; color:#666; font-size:14px; width:100px;}
.tb-info td lable input { vertical-align:middle; margin:0 5px;}
.textarea { font-size:14px; color:#666; padding:2px 5px; border:1px solid #ccc; width:98%; background:#fff;}
.error,.ok{ background: url(http://www.alighting.cn/als2012/images/error.png) no-repeat;}
.error,.ok{display: none; vertical-align: middle; margin-left: 3px;}
.error{ color: Red; height: 20px; line-height: 20px;}
.ok { height: 20px; background-position:0 -23px; width:20px; display:none!important}
.icon_home {background:url(images/icon_home.png) center left no-repeat;padding-left:20px;vertical-align:middle;color:#999;position:relative;top:-220px;left:-50px;}
.icon_home:hover{ color:#f90}
.list-text { overflow:hidden}
.list-text li {line-height: 24px;height: 24px;overflow: hidden;}
.btn-g-b { background:#084495; width:115px; height:40px; color:#fff; text-align:center; border:0; font-size:16px; cursor:pointer}
.about { width:1000px; padding:20px 0 40px; margin:0 auto; overflow:hidden}
.about-txt { width:360px; float:left; margin:0 15px; background:#fff;}
.about-txt h3 { text-align: center; font-size:14px; line-height:28px; height:28px; overflow:hidden; background:#e2e2e2;}
.about-txt dl { padding:20px 0; border:1px solid #ddd;}
.about-txt dl dt { float:left; width:60px; text-align:center; padding:20px 40px;}
.about-txt dl dt p { line-height:40px; font-size:16px;}
.about-txt dl dd { padding:5px 0; font-size:16px;}
.about .code { text-align:center; font-size:14px; padding:0 0 0 40px;} .about .code img { border:10px solid #fff; margin-bottom:5px;}
.maps,.btn_bm,.bm-bg-wap { display:none}

@media screen and (max-width: 640px) {
    .maps { display:block} .activity_l,#sj,.bg_f { display:none}
    .px_bg { height:438px;}
    .btn_bm { width:100%; height:40px; background:#f60; color:#fff; font-size:20px; text-align:center; line-height:40px; display:block; position:fixed; bottom:0; left:0;}
    .wrapper {width:100%;}
    .staticnav,.fixnav { display:none}
    .table-a { margin:0 10px; font-size:12px; width:auto;} .table-a td { padding:10px;}
    .banner_idx { background:url(images/banner_wap.jpg) no-repeat; background-size:cover; height:338px; position:relative;}
    .idx-text { padding-bottom:30px;}
    .idx-text p { padding:10px;}
    .tit { font-size:20px; margin:20px 0 30px; line-height:36px;} .tit h3 { font-size:22px; line-height:22px;}
    .activity_hy { width:100%;}
    .pop-list { padding:10px;}
    .contact-text { padding:0}
    .contact-text-m { float:none; padding:0 0 10px; margin:0 auto; width:260px; text-align:center;} .contact-text-m img { margin-left:0; width:60px; height:60px;} .contact-text-m h3 { font-size:16px; padding:5px 0;}
                                                                                                                                                                      .contact-text-m p { font-size:14px; padding:0}
                                                                                                                                                                      .contact-text .code img { width:120px;}
    .bm-box { width:auto; padding:20px; margin:0 auto 10px;} .about { width:auto; padding:20px 0} .about-txt { float:none; margin:0 auto 10px;}
    .tb-info th { width:90px; display:block; padding:5px;}
    .tb-info td .text { width:200px;}
    .about-text{ padding:20px;}
    .about-text-r { width:auto;} .about-text h3 { font-size:22px; font-weight:700; text-align:center;} .about_web { display:none} .about_lx { display:block; border-top:1px solid #ddd; padding-top:10px; margin-top:40px;}
    .px_dl { width:auto; padding:10px 20px 20px; margin:10px 0; height:auto; float:none; border-bottom:1px solid #ddd;} .px_dl dt, .tbh3 { padding:10px 0}
    .hy_tb { margin:20px 0;}
    .hy_tb th { padding:5px 0} .hy_tb td { padding:5px 10px; font-size:13px;}
    .footer { background:#f4f4f4; padding:20px 0; text-align:center; font-size:14px; color:#999; margin-top:0}
    .footer-wap { display:block}
    .footer .wrapper{ display:none;}
    .bm-bg { background:none}
    .bm-bg-wap { background:url(images/banner_bm_wap.jpg) -40px 0 no-repeat; height:117px; display:block;}
    .bm-bg-wap .icon_home { position:inherit; margin:20px 0 0 0; color:#fff; float:right; padding-right:20px;}
    .about .code { float:none; margin:0 auto; padding:20px;}
    .contact-text .code { padding:0 0 20px; margin:0 auto; display:block; float:none; text-align:center}
    .pop-list li { float:none; width:auto}

}