﻿body { font: 15px "microsoft yahei", Arial, Helvetica, sans-serif; color: #666; margin: 0px; padding: 0px; }
ul, li, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, img { margin: 0px; padding: 0px; list-style: none; }
* { margin: 0px; padding: 0px; list-style-type: none; }
a { color: #333; text-decoration: none; font-family: "Microsoft YaHei"; }
#header { width: 100%; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 99999;}
.box { width: 1200px; height: 110px; margin: 0 auto; }
.box img { width: 560px; height: 110px; }
.bannerbox { width: 100%; position: relative; overflow: hidden; }
.Homebanner { width: 100%; position: relative; height: 500px; overflow: hidden; }
.Homebanner ul { width: 100%; position: absolute; height: 500px; }
.Homebanner ul li { width: 100%; height: 500px; position: absolute; overflow: hidden; }
.Homebanner ul li img { position: absolute; left: 0; top: 0px; display: block; }
.Homeleft, .Homeright { background: #000; font-family: "宋体"; width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 40px; color: #fff; position: absolute; top: 45%; cursor: pointer; transition: all .2s ease; opacity: 0; z-index: 899999 }
.Homeleft { left: -60px; }
.Homeright { right: -60px; }
.bannerbox:hover .Homeleft { left: 0px; opacity: 1 }
.bannerbox:hover .Homeright { right: 0px; opacity: 1 }
.Homedot { position: absolute; width: 100%; text-align: center; z-index: 999; bottom: 60px; }
.Homedot a { display: inline-block; margin: 0px 5px; height: 12px; width: 12px; line-height: 1000px; overflow: hidden; background: url(../images/index_229.png) no-repeat; }
.Homedot a.cur { background: url(../images/index_228.png) no-repeat }
.Homebannertext { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }
.Homebannertext img.bigimg { transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); }
.Homebannertext dl.bannerone { position: absolute; width: 420px; left: 60%; top: 200px; text-align: center; z-index: 9999; }
.Homebannertext dl.bannerone dt { float: right; margin-bottom: 10px; width: 420px; height: 60px; transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); }
.Homebannertext dl.bannerone dd { float: right; width: 420px; height: 200px; transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); }
.Homebannertext dl.bannerthree { position: absolute; width: 420px; left: 60%; top: 200px; }
.Homebannertext dl.bannerthree dt { float: left; margin-bottom: 10px; position: relative; transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); -webkit-transform: translateX(100px); }
.Homebannertext dl.bannerthree img { display: block; position: relative; width: auto; height: auto; left: 0px; margin: 0px; top: 0px; }
.Homebannertext dl.bannerthree dd { width: 500px; float: left; position: relative; transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); -webkit-transform: translateX(100px); }
.Homebannertext dl.bannerthree dd h3 { font-size: 55px; font-weight: 700; line-height: 70px; }
.Homebannertext dl.bannerthree dd p { font-size: 20px; line-height: 30px; }
.bannereffect { opacity: 0; filter: alpha(opacity=0); }
.bannertime { transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out; }
.bannertime1 { transition: all .8s ease-in-out .2s; -moz-transition: all .8s ease-in-out .2s; -ms-transition: all .8s ease-in-out .2s; -o-transition: all .8s ease-in-out .2s; -webkit-transition: all .8s ease-in-out .2s; }
.bannertime2 { transition: all 1s ease-in-out .2s; -moz-transition: all 1s ease-in-out .2s; -ms-transition: all 1s ease-in-out .2s; -o-transition: all 1s ease-in-out 2s; -webkit-transition: all 1s ease-in-out .2s; }
.Homebanner li.cur .Homebannertext img.bigimg { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); }
.Homebanner li.cur .Homebannertext dl.bannerone dt { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); }
.Homebanner li.cur .Homebannertext dl.bannerone dd { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); }
.Homebanner li.cur .Homebannertext dl.bannertwo dt { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); }
.Homebanner li.cur .Homebannertext dl.bannerthree dt { transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); }
.Homebanner li.cur .Homebannertext dl.bannerthree dd { transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); }
.Homebanner li.cur .bannereffect { opacity: 1; filter: alpha(opacity=100); }
.Homebanner li.cur1 .bannertime { transition: all .4s linear .2s; -moz-transition: all .4s linear .2s; -ms-transition: all .4s linear .2s; -o-transition: all .4s linear .2s; -webkit-transition: all .4s linear .2s; }
.Homebanner li.cur1 .bannertime1 { transition: all .4s linear .1s; -moz-transition: all .4s linear .1s; -ms-transition: all .4s linear .1s; -o-transition: all .4s linear .1s; -webkit-transition: all .4s linear .1s; }
.Homebanner li.cur1 .bannertime2 { transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; -webkit-transition: all .4s linear; }
.Homebanner li.cur1 .Homebannertext img.bigimg { transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); }
.Homebanner li.cur1 .Homebannertext dl.bannerone dt { transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); }
.Homebanner li.cur1 .Homebannertext dl.bannerone dd { transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); }
.Homebanner li.cur1 .Homebannertext dl.bannertwo dt { transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); }
.Homebanner li.cur1 .Homebannertext dl.bannerthree dt { transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); -webkit-transform: translateX(100px); }
.Homebanner li.cur1 .Homebannertext dl.bannerthree dd { transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); -webkit-transform: translateX(100px); }
.Homebanner li.cur1 .bannereffect { opacity: 0; filter: alpha(opacity=0); }

.foot{ width:100%; text-align:center; height:60px; line-height:60px; background-color:#0091ea; color:#FFF;}