*{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;} 
body { color:#333; background:#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!important;color:#f60;}
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} .text-center { text-align:center;}
.wrapper { width:1200px; margin:0 auto;} 
.banner { width:100%; background:url(images/banner.jpg) no-repeat top center; height:460px; padding:700px 0 0}
.hd_l { float:left; width:730px; padding:0 20px; margin:50px 0 0}
.hd_tit { background:url(images/tttit_bg.png) no-repeat; width:156px; height:116px; color:#fff; padding:40px 0 0 70px;}
.hd_tit h3 { font-size:22px; font-weight:700;}
.hd_tit h4 {font-size:22px; font-weight:100;}
.hd_text { padding:0 0 0 70px; color:#999; margin:-20px 0 0}
.hd_text p { font-size:16px; padding-bottom:20px; text-indent:32px; line-height:30px;}

.bm_r { width:340px; padding:50px 30px; background:#21b8ce; float:right;}
.bm_r .time { padding:10px; color:#000;}
.bm_r .time h5 { font-size:16px;}
.bm_r .time h3 { font-size:20px; font-weight:700; padding:0 0 0 60px;}
.bm_r_text { font-size:14px; color:#333; padding:20px; line-height:26px;}
.bm_btn { font-size:34px; color:#000; font-weight:700; display:block; height:86px; line-height:86px; background:#ffe44c url(images/icon.png) 40px -230px no-repeat; text-align:center; text-indent:50px;}
.icon_time { background:url(images/icon.png) no-repeat -11px -10px; width:42px; height:42px; display:inline-block; float:left; margin:5px 20px 0 0}
.icon_dd { background:url(images/icon.png) no-repeat -11px -130px; width:42px; height:42px; display:inline-block; float:left; margin:5px 20px 0 0}
.tit { background:url(images/tit_bg.png) no-repeat; width:206px; height:72px; line-height:88px; color:#1fb9ce; font-size:40px; font-weight:400; text-align:center; margin:50px auto}
.video_bg { background:url(images/video_bg.jpg) no-repeat 0 30px; margin:50px 0 30px; height:800px; width:100%}

.tit_h4 { font-size:26px; color:#fff; padding:20px; margin:30px 0 10px; font-weight:700; border-bottom:1px solid #555;}
.hy_list { margin:20px 0;}
.hy_list li { border-bottom:1px solid #555; margin-bottom:10px; overflow:hidden; color:#fff; padding:0 20px 15px;}
.hy_list li .time {background:url(images/icon.png) no-repeat -18px -370px; width:180px;} 
.hy_list li p { line-height:40px; font-size:16px; padding-left:230px; color:#999}
.hy_list li h3 { line-height:40px; font-size:18px; font-weight:700; padding-left:40px;}
.hy_list li h3:hover,.hy_list li h5:hover { color:#1fb9ce}
.hy_list li h5 { line-height:40px; font-size:18px; font-weight:700; padding-left:230px;}
.hy_list li h4 { line-height:40px; font-size:18px; padding-left:50px; float:left;}

.jb_list { padding:20px 0; overflow:hidden}
.jb_list li { width:240px; height:300px; padding:20px 30px; float:left; text-align:center}
.jb_list li img { width:160px; height:160px; border:5px solid #00c1b8; border-radius:50%; transition:all .5s; transform:scale(1.0)}
.jb_list li img:hover { transition:all .5s; transform:scale(1.2)}
.jb_list li h3 { color:#1fb9ce; font-size:18px; margin:15px 0; font-weight:700}
.jb_list li p { color:#999; font-size:14px; line-height:20px;}

.case_wap { display:none}

.about { overflow:hidden}
.about_img { float:left;}
.about_text { background:#3066b4; padding:50px; color:#fff; line-height:34px; float:left; width:393px; height:238px;}
.about_text p { text-indent:24px;}

.video_text { padding:10px 0; overflow:hidden;}
.video_text h3 { color:#fff; font-size:20px; margin-bottom:10px;}
.video_text p { color:#999; font-size:14px; line-height:24px;} .video_text p a { color:#5f99ea; margin-left:5px;}

.news-idx { height:580px; padding:30px 0 0}
.new-fouse { width:900px; margin:0 auto}
.new-fouse li { position:absolute; width:900px; z-index:1}
.new-fouse li.on { z-index:9}
.new-text { width:360px; padding:0 10px 0 0; float:right; z-index:10}
.new-text li { height:90px; cursor:pointer; color:#7c7c7c; margin-bottom:20px; font-size:14px;}
.new-text li img { float:left; width:160px; height:90px; margin-right:20px;}
.new-text li.cur { color:#fff;}

.case_bg { background:#292929; height:459px;}
.case-fouse,.case-fouse1 { width:760px; float:left; position:relative;}
.case-fouse li,.case-fouse1 li { position:absolute; width:760px; z-index:1}
.case-fouse li.on,.case-fouse1 li.on { z-index:9}
.case-fouse li p,.case-fouse1 li p { z-index:9; position:absolute; bottom:0; left:0; color:#fff; font-size:14px; background:#000; opacity:.6; padding:20px}
.case-text,.case-text1 { width:420px; float:right; z-index:10}
.case-text li,.case-text1 li { height:50px; line-height:50px; cursor:pointer; color:#7db5bd; font-size:16px; background:#0d4b53; border-bottom:1px solid #000; padding:0 30px; position:relative}
.case-text li b,.case-text1 li b { height: 0px; width: 0px;border-top:9px solid transparent; border-right:10px solid #1fb9ce; border-bottom:9px solid transparent; position:absolute; bottom:15px; left:-10px; z-index:11; display:none}
.case-text li.cur,.case-text1 li.cur { background:#1fb9ce; color:#000; font-weight:700; font-size:18px;}
.case-text li.cur b,.case-text1 li.cur b { display: inline-block;}

.contact-box { padding:80px 0 20px; overflow:hidden}
.contact-text { height:88px; border-left:5px solid #1fb9ce; padding-left:20px; margin:30px 120px 0 0; float:left; color:#fff;font-size:18px;}
.contact-text h3 {  font-weight:700; margin-bottom:5px;} .contact-text p { margin-bottom:5px;}
.code { float:right; width:132px; text-align:center; padding:0 50px} .code p { font-size:18px; color:#999; padding:10px 0}

/*.swiper-container {width: 100%;height: 100%;}
.swiper-container1 { width:100%; position:relative; overflow:hidden}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;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 img { width:100%}
.swiper-pagination { text-align:center; position:initial; padding:10px 0 0 }
.swiper-pagination-clickable .swiper-pagination-bullet { width:26px; height:4px; background:#c0c0c0; border-radius:0; margin:0 3px; display:inline-block; opacity:1}
.swiper-pagination-bullet-active { background:#1455b1!important}
.swiper-button-prev,.swiper-button-next { bottom:50px; position:absolute;}*/
.footer { padding:30px 0; overflow:hidden; text-align:center;}
.footer p { line-height:26px; font-size:14px; color:#999; padding:3px 0}
.footer p a { margin:0 10px; color:#fff;}
.footer p span { margin:0 5px;}
.footer .footer-link { margin-bottom:20px;}
.footer-wap { color:#999; display:none; text-align:center; padding:20px 0}

.btn_l { float:left; padding:20px 0;}
    .btn_l a { border:1px solid #666; font-size:16px; text-align:center; margin:0 5px; display:inline-block; color:#fff; padding:3px 45px;}
    .btn_l a:hover { background:#fff; color:#000}
.icon_home {background:url(images/icon_home.png) 15px 5px no-repeat}
.banner_bm { background:url(images/banner_bm.jpg) no-repeat top center; height:360px;}
.bm-box { padding:50px; width:1100px; margin:20px auto; 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}

.tb-info { width:100%; overflow:hidden}
.tb-info th { width:130px; 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;}
.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(https://www.alighting.cn/als2012/images/error.png) no-repeat;}
.error,.ok{display: none; vertical-align: middle; margin-left: 3px;}
.error{ color: Red; padding-left:20px; height: 20px; line-height: 15px;}
.ok { height: 20px; background-position:0 -23px; width:20px;}
.btn-g-b { background:#feca16; border:1px solid #a16400; border-radius:3px; box-shadow:0 1px 3px #f1e1d1; width:115px; height:40px; color:#541a04; text-align:center; border:0; font-size:16px; cursor:pointer}
@media screen and (max-width: 640px) {
    .wrapper {width:100%;}
    .banner {background:url(images/banner_wap.jpg) no-repeat top center; width:auto; height:auto; background-size:contain; padding:390px 10px 0  }
    .bm_r { float:none; width:auto;}
    .bm_btn { height:70px; line-height:70px; font-size:30px;background: #ffe44c url(images/icon.png) 20px -236px no-repeat;}
    .hd_l { width:auto; padding:10px; margin:10px 0 0;} .hd_text { padding:10px; width:auto} .hd_text p { font-size:14px; line-height:22px; padding:0 0 10px}
    .hd_tit { background:none; width:auto; height:auto; padding:0 10px 30px;}
    .about img { width:100%}
    .about_text { padding:20px; line-height:30px; width:auto; height:auto;}
    .bm_r .time h3 { font-size:16px; margin-top:10px;}
    .tit {font-size:30px; margin:20px auto 30px}
    .video_bg { margin:0;  height:auto; padding:20px 0 0}
    .new-fouse { width:100%; height:380px; float:none;} .new-fouse li { width:100%; height:380px;}
    .new-fouse video,.new-fouse img { width:100%; height:200px;}
    .new-text { float:none; width:auto; padding:0 10px;}
    .video_text { width:auto; padding:0 10px 10px;}
    .video_text h3 { font-size:16px; font-weight:700; margin:10px 0}
    .video_text p { line-height:20px; font-size:12px;}
    .new-text li { width:50%; height:50px; float:left;}
    .new-text li img { width:60px; height:50px;} 
    .new-text li p { line-height:18px;overflow: hidden;text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .hy_list { padding:20px 0 40px;}
    .tit_h4 { font-size:18px; margin:20px 0}
    .hy_list li h4 { float:none; font-size:16px;}
    .hy_list li h3,.hy_list li p,.hy_list li h5 { padding-left:52px; font-size:14px; line-height:30px;}
    .jb_list li { width:50%; padding:0}
    .jb_list li img { width:130px; height:130px;} .jb_list li p { font-size:12px; padding:0 10px;}
    .news-idx { background:none; height:auto; padding:0 0 20px;}
    .footer,.case-pc { display:none}
    .case_wap { display:block;}
    .case_wap .swiper-container { padding:0 10px;}
    .case_wap .swiper-slide { background:none;}
    .case_wap .swiper-wrapper img { display:block; width:100%; vertical-align:middle; margin:0 auto}
    .case_wap .swiper-wrapper h3 { text-align:center; padding:10px 0; color:#fff; font-size:16px; font-weight:700}
    .case_wap .swiper-wrapper p { line-height:22px; color:#ccc;}
    .contact-box { padding:20px 0}
    .contact-text { float:none; margin:30px 0 0 30px;}
    .code { float:left; width:50%; padding:50px 0 0}
    .footer-wap { display:block}
    .banner_bm_wap { background:url(images/banner_bm_wap.jpg) no-repeat top center; height:160px; background-size:contain}
    .bm-box { width:auto; padding:10px}
    .tb-info td .text,.textarea { width:90%;} 
    .tb-info th { display:block; width:90px; padding:5px 0}
    .swiper-button-next,.swiper-button-prev {  background:url(images/icon_next.png) -60px 0 no-repeat; width:40px; height:80px; top:30%}
    .swiper-button-prev {background:url(images/icon_next.png) 0 0 no-repeat;}
}