/*公共样式*/
* {padding: 0px;margin: 0px; list-style-type: none;}
body {color: rgb(102, 102, 102);font-size: 14px;background-color: rgb(255, 255, 255);text-align: left; font-family:  "Microsoft Yahei",Arial;}
img { border: 0px none; margin: 0px auto;}
ol, ul {list-style: none;}
.iconfont { vertical-align: middle; font-family: "iconfont" !important; font-size: 16px; font-style: normal;
			 -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;
			  -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
			  
			   .banner { overflow: hidden; position: relative; zoom: 1; font-family: Microsoft Yahei; font-weight: lighter; }

    .banner .banner-list { display: none; position: absolute; top: 0; left: 0; }

    .banner .banner-list img { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader src="******.png", enabled=true, sizingMethod=scale; }

    .banner .banner-list .move-text { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 50%; left: 50%; z-index: 99; font-size: 30px; font-weight: lighter; color: #fff; -webkit-transition: 0.7s; transition: 0.7s; }

    .banner .banner-list.list-1 .banner-map, .banner .banner-list.list-1 .banner-dot { position: absolute; bottom: 0; left: 0; }

    .banner .banner-list.list-1 .img-1 { opacity: 0; filter: alpha(opacity=0); -webkit-transition: 1.5s; transition: 1.5s; }

    .banner .banner-list.list-1 .img-1.on { opacity: 1; filter: alpha(opacity=100); }

    .banner .banner-list.list-1 .img-2 { opacity: 0; filter: alpha(opacity=0); }

    .banner .banner-list.list-1 .img-2.on { animation: dot linear 1s 1.5s infinite alternate; }

    .banner .banner-list.list-1 .img-3 { opacity: 0; filter: alpha(opacity=0); }

    .banner .banner-list.list-1 .img-3.on { animation: light linear 1s 3s 2 alternate; }

    .banner .banner-list.list-1 .tit-1 { margin: -65px 0 0 -300px; font-size: 40px; -webkit-transform: translateX(-500px); transform: translateX(-500px); }

    .banner .banner-list.list-1 .tit-1.on { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); transform: translateX(0px); }

    .banner .banner-list.list-1 .tit-2 { margin: -65px 0 0 50px; font-size: 40px; -webkit-transform: translateX(500px); transform: translateX(500px); }

    .banner .banner-list.list-1 .tit-2.on { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateX(0px); transform: translateX(0px); }

    .banner .banner-list.list-1 .tit-3 { margin: 10px 0 0 -320px; -webkit-transform: translateY(500px); transform: translateY(500px); }

    .banner .banner-list.list-1 .tit-3.on { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translateY(0px); transform: translateY(0px); }

    .banner .banner-list.list-2 .move-text { margin: -60px 0 0 -200px; }

    .banner .banner-list.list-2 .move-text.on { opacity: 1; filter: alpha(opacity=100); }

    .banner .banner-list.on { display: block; }

    .banner .banner-btn-wrap { position: absolute; bottom: 30px; left: 50%; z-index: 100; }

    .banner .banner-btn-wrap li { display: inline-block; width: 15px; height: 15px; margin: 0 5px; border-radius: 50%; background: #fff; cursor: pointer; }

    .banner .banner-btn-wrap li.on { background: #0cf; }

    .banner .arrow { position: absolute; top: 50%; z-index: 99; margin-top: -20px; font-size: 40px; color: #fff; -webkit-transition: 1s; transition: 1s; cursor: pointer; }

    .banner .arrow.banner-arrow-left { left: -100%; }

    .banner .arrow.banner-arrow-right { right: -100%; }

    .banner:hover .banner-arrow-left { left: 3%; }

    .banner:hover .banner-arrow-right { right: 3%; }

    @keyframes dot { from { opacity: 0; }
        to { opacity: 1; } }

    @keyframes light { from { opacity: 0; }
        to { opacity: 1; } }