*{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:14px/1.5 Arial Verdana,Microsoft yahei,sans-serif;color:#000;} 
body { color:#333;}
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:#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;}
.banner,.hall { width:100%}
.clr{clear:both; height: 0px; line-height:0; font-size:0} .text-center { text-align:center;}
.no_box { border:0!important; padding:20px 20px 50px!important;}
.wrapper { width:1200px; margin:0 auto;}
.section { background:url(images/bg.jpg) no-repeat top center; position:relative;}
.G1 { text-align:center;} 
.G1 .logo_b { margin:180px 0 50px; } 
.G1 p { font-size:26px; line-height:50px; margin-bottom:50px; color:#fff;} 
.G1 .btn_bm { width:500px; height:58px; line-height:58px; border:1px solid #888; color:#fff; font-size:22px; font-weight:400; display: block; margin:0 auto 130px;}
.G1 .btn_bm:hover { background:#fff; color:#000}

.G3 .G3_h3 { font-size:22px; text-align:center; color:#fff; margin:40px 0 5px;}
.G3 .G3_h2 { font-size:40px; text-align:center; color:#fff; }

.logo_gy { margin:20px 0 0 40px; float:left} .logo_gy img { float:left; margin-right:20px;} .logo_gy p { font-size:16px; color:#bbb; margin-top:14px; float:left;}
.logo_r { float:right; margin:20px 40px 0 0;}
.box{width: 783px;height:384px;margin: 180px auto 0;overflow: hidden;position: relative;}
.box .box-con,.box .box-con1{width: 783px;height: 384px;position: relative;}
.box .box-con li,.box .box-con1 li{width: 320px;height: 188px;background: #fff;position: absolute;left: 888px;top: 66px;z-index: 30;}
.box .box-con li img,.box .box-con1 li img{cursor: pointer;width: 100%;}
.box span{width: 138px;height: 238px;display: block;position: absolute;top: 35px;z-index: 51;cursor: pointer;}
.prev{left: 0;}
.next{right: 0;}
.tab { text-align:center; overflow:hidden; padding:30px 0; }
.tab a { font-size:18px; margin:0 60px; color:#fff; cursor:pointer}
.tab a.cur {  border-bottom:2px solid #fff; padding-bottom:5px;}

.m_logo { position:absolute; bottom:30px; left:18%;}
.m_logo dl { float:left; margin-right:20px;}
.m_logo dl dt { color:#fefefe; font-size:14px; float:left; padding-top:20px;} .m_logo dl dd { float:left;}
.m_logo dl dd img { margin:0 10px;}

.number { width:310px; float:left; margin:50px 30px;}
.number em { width:25px; height:37px; padding:38px 0 0 50px; display:block; margin:40px auto; font-size:22px; color:#fff; background:url(images/number_bg.png) no-repeat;}
.number h3 { font-size:24px; color:#fff; font-weight:400; text-align:center;}
.number p { height:300px; border-top:2px solid #999; border-bottom:2px solid #999; color:#bbb; font-size:14px; margin:20px 0; padding:30px 0; line-height:26px;}

.contact { width:410px; float:left; margin:80px; overflow:hidden}
.contact h2 { font-size:26px; padding-bottom:20px; border-bottom:2px solid #535353; margin-bottom:20px; color:#fff;}
.contact p { margin:25px 0; font-size:18px; line-height:36px; color:#fff;}

#slider{width:1050px; height:400px; padding:60px 0 0;position:relative;margin:0 auto; overflow:hidden}
.scroll{width:1050px; height:400px; margin:0 auto; position:relative; overflow:inherit!important}
.scrollContainer{position:relative;width:1815px;left:0}
.scrollContainer .current .inside{width:200px;height:255px;}
.scrollContainer .current .inside img {opacity:1!important}
.scrollContainer .current .inside p { display:block; padding:20px 0 0}
.scrollContainer .panel{width:180px;height:230px;float:left;display:inline; cursor:pointer}
.scrollContainer .panel img{opacity:.7}
.panel .inside{display:block;position:relative}
.panel .inside p { display:none}
.icon_link {  color:#fff; font-size:16px; margin-left:20px; padding:2px 14px;border: 1px solid #888; }
.icon_link:hover { color:#000; background:#fff;border: 1px solid #fff;}
.inside img{height:100%;width:100%}
.scroll li .inside span{width:197px;height:37px;line-height:37px;display:none;position:absolute;bottom:-17px;left:16px;background-color:#c69;font-size:14px;color:#fff;text-align:center}
.scroll li.current .inside span{display:block}
.btnMode a.btn{ font-size:120px; position:absolute;top:60px; width:200px; height:250px; color:#fff; opacity:.8; z-index:1000}
.btnMode a.prev{left:0;}
.btnMode a.next{right:0; text-align:right;}

.banner_view { background:url(images/bg_view.jpg) top center; height:752px;}
    .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_view .logo_r { margin:20px 0 0 0}
.banner_view .logo_b { width:230px; display:block; margin:40px auto 15px;}
.banner_view h3 { text-align:center; font-size:22px; color:#fff; }
.banner_view h2 { font-size:38px; margin-bottom:50px; color:#fff; text-align:center}

.city { width:900px; height:250px; margin:0 auto;}
.city_pic { float:left;}
.city_text { background:url(images/city_bg.jpg) no-repeat; width:370px; height:190px; float:left; padding:30px 40px; text-align:right; color:#000}
.city_text h4 { font-size:50px; line-height:50px; margin-bottom:5px;}
.city_text h5 { font-size:20px;text-transform:uppercase;} .city_text p { font-size:20px; margin-top:50px;}

.tit_h3 { font-size:26px; color:#fff; border-bottom:2px solid #999; padding-bottom:15px; margin:80px 0 20px;}
.tit_h4 { font-size:20px; color:#fff; padding-bottom:15px; margin:30px 0 10px; font-weight:700}
.jb_list { overflow:hidden}
.jb_list li { width:230px; height:280px; float:left; margin:40px 5px; text-align:center}
.jb_list li img { width:150px; height:180px; margin-bottom:20px;}
.jb_list li h3 { font-size:18px; font-weight:700; color:#fff; margin-bottom:20px;}
.jb_list li p { font-size:14px; line-height:24px; color:#999}
.jb_list_c li { width:280px;}

.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_time.png) no-repeat center left;} 
.hy_list li p { line-height:40px; font-size:18px; padding-left:40px;}
.hy_list li h3 { line-height:40px; font-size:18px; font-weight:700; padding-left:40px;}
.hy_list li h4 { line-height:40px; font-size:16px; padding-left:40px;}

.logo_box { float:left;}
.logo_box dl { margin-bottom:20px;}
.logo_box dl dt { font-size:16px; color:#ccc; padding-bottom:10px;} 
.logo_box dl dd img { margin:0 10px 10px 0; width:150px; height:60px;}
.hd_text { width:510px; float:right; color:#ccc; font-size:16px; line-height:32px;} .hd_text th { width:100px; text-align:right;vertical-align:top;}

.contact_v { width:470px; float:left; overflow:hidden; background:#1c1c1c; margin:20px 10px 0 0; padding:60px; height:400px;}
.contact_v h2 { font-size:26px; padding-bottom:10px; color:#fff;}
.contact_v p { margin:20px 0; font-size:16px; line-height:36px; color:#fff;}

.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;}

.list-text { overflow:hidden}
.list-text li {line-height:24px;overflow: hidden;}
.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}
.about { width:1100px; padding:10px; margin:0 auto; overflow:hidden}
.about-txt { width:290px; float:left; margin:0 10px; background:#fff;}
.about-txt h3 { text-align: center; font-size:14px; line-height:28px; height:28px; overflow:hidden; background:#e2e2e2;}
.about-txt dl { padding:10px 0; border:1px solid #ddd;}
.about-txt dl dt { float:left; width:60px; text-align:center; padding:15px;}
.about-txt dl dt p { line-height:40px; font-size:16px;}
.about-txt dl dd { padding:5px 0; font-size:14px;}
.code { float:right; width:148px; text-align:center; padding:0 10px}
.code img { border:6px solid #fff;}
.code p { line-height:30px; text-align:center;}
.dtlist { display:none}

.banner_bm { background:url(images/bg_bm.jpg) no-repeat top center; height:360px;}

.footer { color:#999; line-height:30px; display:block; margin-top:180px;} .footer p span { margin-left:20px;}
.footer_v { color:#999; line-height:30px; display:block; padding:60px 0; text-align:center} .footer_v p span { margin-left:20px;}

#menu { margin: 0; padding: 0; position: fixed; right: 10px; top: 40%; z-index: 999999;}
#menu li { margin:  0 10px 0 0; font-size: 12px; margin:5px 0; width:26px; overflow:hidden}
#menu li span { color:#999; display:block; text-align:center; margin:0 auto; font-size:20px; height:20px; line-height:14px;}
#menu a { color: #666; text-decoration: none;}
#menu .active a { color: #fff; }

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin:8px 0!important;}
.swiper-pagination-bullet { background:#fff!important; opacity:.3}
.swiper-pagination-bullet-active { background:#fff;}

.swiper-wap { display:none}

@media screen and ( max-width:414px) {
    .wrapper { width:auto; overflow:hidden}
    .G1 .logo_b {margin: 40px 0 50px;width: 217px;}
    .G1 p {font-size: 20px;line-height: 32px;margin-bottom: 50px;color: #fff;padding: 0 49px;}
    .G1 .btn_bm{width: 260px; height: 40px; line-height: 40px; border: 1px solid #fff; color: #fff; font-size: 18px; font-weight: 400; display: block; margin: 0 auto 130px;}
    .logo_gy,.logo_r { display:none}
    .number { width:auto; float:none; margin:10px;}
    .number em { display:none}
    .number h3 { font-size:22px; margin-top:30px;}
    .number p { height:auto; border-top:none; border-bottom:none; color: #bbb; font-size: 12px; margin: 15px; padding:10px 5px; line-height: 20px;}
    .G3 .G3_h3{font-size: 18px; text-align: center; color: #fff; margin: 50px 0 5px;}
    .G3 .G3_h2{font-size: 26px; text-align: center; color: #fff;}
    #slider{width: 1050px; height: 300px; padding: 100px 0 0; position: relative; margin: 0 auto; overflow: hidden; display:none}
    .scroll{width: 1050px; height: 300px; margin: 0 auto; position: relative; overflow: inherit!important;}
    .scrollContainer .current { width:150px!important; height:150px!important;}
    .scrollContainer .current img { width:150px!important; height:192px!important;}
    .scrollContainer .panel{width: 150px!important; height: 192px!important; float: left; display: inline; cursor: pointer;}
    .scrollContainer .current .inside { width:150px!important; height:192px!important;}
    .m_logo { width:90%; border-top:1px solid #666; margin:10px auto 0; position:inherit}
    .m_logo dl { float:none; margin:10px 0 0 10px; overflow:hidden} 
    .m_logo dl dt { padding:10px 0 0 10px;}
    .m_logo dl dd { }
    .m_logo dl dd img { width:100px}
    .tab a { font-size: 16px;margin: 0 30px;color: #fff;cursor: pointer;}
	.banner_view { background:none;}
    .dtlist { width:100%; padding:60px 0 0!important; margin-bottom:20px!important; display:block}
    .dtlist .swiper-slide { text-align: center; font-size: 12px;}
    .dtlist .swiper-slide img { width:100%; display:block; margin-bottom:10px;}
	.icon_link {  color:#fff; font-size:16px; margin-left:20px; padding:2px 14px;border: 1px solid #888; }
	.icon_link:hover { color:#000; background:#fff;border: 1px solid #fff;}
    .contact { width:auto; float:none; margin:20px;}
    .contact h2 { font-size:20px; padding-bottom:10px; margin-bottom:10px; border-bottom:none;}
    .contact p{margin: 15px 0; font-size: 14px; line-height: 26px; color: #fff;}
	.contact p img{width: 80px;}
    #menu li { margin:0 10px 0 0; font-size: 12px; margin:10px 0; width:26px; overflow:hidden; width:8px; height:8px; background:#fff; opacity:.3; border-radius:50%; display:none}
    /*#menu li span { display:none}
    #menu a { display:none}
    #menu .active { opacity:1;}*/
    .btn_l { float:none; width:100%;}
    .btn_l a { font-size:12px; padding:6px 45px; margin-left:20px}
    .banner_view .logo_r { display:none}
    .banner_view .logo_b { width:180px;}
    .banner_view h3 { font-size:18px;}
    .banner_view h2 { font-size:24px; margin-bottom:20px;}
    .city { width:auto; padding:20px;}
    .city_pic { float:none;} 
    .city_pic img { width:100%}
    .city_text { width:100%; padding:0}
    .city_text h4 { font-size:30px; margin-top:20px; margin-right:20px;}
    .city_text h5 { margin-right:20px; font-size:16px;}
    .city_text p { font-size:14px; margin-top:20px; margin-right:20px;}
    .tit_h3 { font-size:20px; border-bottom:1px solid #999; margin:0 0 20px;}
    .jb_list li { width:50%; margin:10px 0; height:290px; overflow:hidden}
    .jb_list li h3 { font-size:18px; margin-bottom:10px;}
    .jb_list li p { font-size:12px; line-height:20px;}
    .m-box { padding:20px 20px 0;}
    .logo_box { width:auto; float:none;}
    .hy_list li h3 { line-height:20px; height:auto; font-size:16px;}
    .hy_list li h4 {line-height:20px; height:auto; padding-top:10px; font-size:14px;}
    .hd_text { width:auto; font-size:14px;}
    .hd_text th { width:70px;}
    .contact_v { width:auto; padding:20px; float:none; height:auto;}
    .contact_v h2 { font-size:20px; padding-bottom:0}
    .contact_v p { font-size:14px; line-height:26px;}
    .contact_v p span { display:block; width:100%}
    .pics { display:none}

    .swiper-wap { display:block}
    .swiper-wap .tit { text-align:center; font-size:26px; padding:20px 0; color:#fff; font-weight:400}
    .swiper-pic { height:300px;}
    .swiper-pic .swiper-slide img { width:100%}
    .swiper-tit { text-align:center; font-size:14px; font-weight:400; color:#fff; position:relative; padding-bottom:14px; }
    .banner_bm_wap { background:#000 url(images/view_wp.jpg) bottom center no-repeat; 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}
    .footer { color:#999; line-height:100%; display:block; font-size:12px; margin-top:0;} .footer p span { margin-left:20px;}
	#kfdianhua { display:none;}
	.footer_v { color:#999; line-height:100%; display:block; padding:60px 0; text-align:center}
    .footer_v p span { display:block; margin:8px 0}
}