@charset "utf-8";
/****banner*****/
.mainyr { width: 100%; position: relative; height: 820px; }

.bannerbox { width: 100%; position: relative; overflow: hidden; }
.Homebanner { width: 100%; position: relative; height: 820px; overflow: hidden; }
.Homebanner ul { width: 100%; position: absolute; height: 820px; }
.Homebanner ul li { width: 100%; height: 820px; position: absolute; overflow: hidden; }
.Homebanner ul li.Load .bnyh { width: 1900px; position: absolute; left: 50%; top: 0px; display: block; margin-left: -950px; }
.Homeleft, .Homeright { background: rgba(0, 0, 0, .4); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#000', endColorstr='#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: 30px; }
.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%; overflow: hidden; z-index: 9999; height: 820px; }
.Homebannertext dl { width: 1200px; text-align: center; margin: 0 auto; line-height: normal; position: relative; color: #fff; text-align: center; height: 820px; }
.Homebannertext dl a { color: #fff; }
.Homebannertext dl.bnr1 dt { width: 100%; overflow: hidden; font-size: 50px; font-weight: bolder; text-shadow: 5px 5px 57e99af; position: absolute; left: 0; top: 155px; transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.Homebannertext dl.bnr1 dd p { width: 100%; overflow: hidden; font-size: 18px; line-height: 28px; position: absolute; left: 0; top: 230px; text-shadow: 2px 2px 57e99af; transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
.Homebannertext dl.bnr1 i { width: 100%; display: block; position: absolute; left: 0; top: 338px; overflow: hidden; transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.Homebannertext dl.bnr1 i img { display: block; width: 100%; overflow: hidden; }
.Homebanner li.cur .Homebannertext dl.bnr1 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.bnr1 dd p { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); }
.Homebanner li.cur .Homebannertext dl.bnr1 i { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); }
.Homebannertext dl.bnr2 dt { width: 100%; overflow: hidden; font-size: 50px; font-weight: bolder; position: absolute; left: 0; top: 175px; text-shadow: 5px 5px 57e99af; transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.Homebannertext dl.bnr2 dd p { width: 100%; overflow: hidden; font-size: 18px; line-height: 28px; position: absolute; left: 0; top: 268px; text-shadow: 2px 2px 57e99af; transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; }
.Homebannertext dl.bnr2 dd span { width: 100%; display: block; text-transform: uppercase; overflow: hidden; position: absolute; left: 0; top: 318px; transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); -webkit-transform: translateY(100px); line-height: 22px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; }
.Homebanner li.cur1 .Homebannertext dl.bnr2 dt { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); 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 .Homebannertext dl.bnr2 dd p { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); 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 .Homebannertext dl.bnr2 span { transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); -webkit-transform: translateY(0px); transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; -webkit-transition: all .4s linear; }
.index_btn { width: 100%; position: absolute; height: 128px; top: 628px; z-index: 99; background: url(../images/cp.jpg) no-repeat center; }
.index_btn .cplb { width: 1260px; height: 128px; margin: 0px auto; }
.index_btn ul { width: 1092px; height: 128px; float: left; }
.index_btn ul li { width: 218px; height: 92px; float: left; padding: 18px 0; position: relative; }
.index_btn ul li a.ink { width: 217px; height: 92px; display: block; border-right: 1px #eeeeee solid; }
.index_btn ul li a.ink em { width: 85px; height: 92px; display: block; float: left; }
.index_btn ul li a.ink i { display: none; }
.index_btn ul li a.ink span { width: 132px; height: 92px; line-height: 92px; font-size: 17px; }
.index_btn ul li a.ink:hover em { display: none; }
.index_btn ul li a.ink:hover i { width: 85px; height: 92px; display: block; float: left; }
.index_btn ul li a.ink:hover span { color: #0058a3; }
.index_btn .otherc { width: 130px; height: 128px; line-height: 128px; color: #FFF; display: block; float: right; text-align: right; font-size: 17px; background: url(../images/ioc1.png) no-repeat right center; padding-right: 38px; }
.index_btnbox { width: 178px; height: 260px; background: #FFF; position: absolute; top:202px; left: 0; padding: 20px 20px 0 20px; }
.index_btnbox p { width: 100%; line-height: normal; padding-bottom: 20px; }