@charset "utf-8";
/**/
.wroy{ background: #f6f6f6; padding-top: 66px; height: 723px; margin-bottom: 58px; overflow: hidden;}
.wroy h2{ text-align: center;background:url(../images/f_h.jpeg) no-repeat center 29px; height: 112px; font-size: 16px; color: #000;font-weight: normal; padding-right: 6px;}
.wroy h2 i{ display: block; font-size: 32px; line-height: 100%; padding-bottom: 10px;}
.wroy ul{ overflow: hidden;}
.wroy ul li{ width: 385px; float: left; margin-right: 22px; background: #e3dbd2; height: 411px; margin-bottom: 65px;}.wroy ul li:last-child{ margin-right: 0;}
.wroy ul li i{ height: 124px; position: relative; border-bottom: 7px solid #f6f6f6; display: block;}
.wroy ul li i span{ position: absolute; left: 0; top: 48px; width: 100%; text-align: center; font-size: 24px; color: #fff; font-weight: bold;}
.wroy ul li em{ display: block; margin: 39px 0 0 33px;}
.wroy ul li em span{ display: block; font-size: 20px; color: #000; line-height: 100%; margin-bottom: 23px; padding-left: 23px;background:url(../images/f_ioc.jpeg) no-repeat 0 5px;}
.wroy h3{ margin-left: 325px; height: 64px;background:url(../images/f_btn.jpeg) no-repeat; height: 64px; line-height: 64px;font-weight: normal; font-size: 14px; color: #222; width: 545px;}
.wroy h3 i{ display: inline-block; float: left; padding-left: 48px;}
.wroy h3 i span{font-weight: bold; font-size: 24px; font-weight: bold;}
.wroy h3 em{ display: inline-block; float: right; width: 127px;}
.wroy h3 em a{ display: block; font-size: 18px; font-weight: bold; color: #222;}
    /**/
.liny{ height: 777px;background:url(../images/liny.jpeg) no-repeat 0 28px; overflow: hidden;}
.liny h2{ text-align: center;height: 121px; font-size: 16px; color: #000;font-weight: normal; padding-right:13px;}
.liny h2 i{ display: block; font-size: 32px; line-height: 100%; padding-bottom:8px;}
.liny ul{ overflow: hidden;height: 820px;}
.liny ul li{ width: 288px; margin-bottom: 9px; height: 260px; position: relative; float: left; margin-right: 16px;}
.liny ul li em{ display: none;}.liny ul li:nth-child(4n){ margin-right: 0;}
.liny ul li i{ display: block; text-align: center; font-size: 22px; color: #000; padding-top: 10px; line-height: 100%;}
.liny ul li:hover em{ display: block; position: absolute; left: 0; top: 0; padding: 60px 30px 0 35px; width: 223px; background:url(../images/ly.jpeg) no-repeat 35px 42px #af9060; height: 163px; color: #fff; font-size: 15px; line-height: 28px;}
.liny ul li:nth-child(5) em,.liny ul li:nth-child(6) em,.liny ul li:nth-child(7) em,.liny ul li:nth-child(8) em{ /*top:9px;*/}
.liny ul li span{ display: block; padding-top: 20px;}
.liny ul li span a{ font-size: 14px; text-transform: uppercase; font-weight: bold; color: #fff;}
.liny h3{ text-align: center;      margin-top: 10px; }
.liny h3 a{ display: inline-block; margin: 0 10px;background:url(../images/ly_btn.jpeg) no-repeat; width:176px; height: 64px; line-height: 64px; font-size: 18px; color: #222; padding-left: 30px;}
.liny h3 a:last-child{background:url(../images/ly_btn2.jpeg) no-repeat;}
    /**/
.zzr{ background: #f6f6f6; padding-top: 63px; height: 737px; overflow: hidden;}
.zzr h2{ text-align: center;background:url(../images/zi_h.jpeg) no-repeat center 12px; height: 112px; font-size: 16px; color: #000;font-weight: normal; padding-left:12px;}
.zzr h2 i{ display: block; font-size: 32px; line-height: 100%; padding-bottom: 10px;}
.zr_li{ overflow: hidden; height: 91px;background:url(../images/zr1.jpeg) no-repeat;}
.zr_li ul li{ float: left; padding-left: 116px; width: 123px; margin-right: 1px; height: 80px; line-height: 80px; font-size: 18px; color: #000;}
.zr_li ul li.cur{background:url(../images/zr1c.jpeg) no-repeat; color: #fff;}
.zr_li ul li.zr2.cur{background:url(../images/zr1c.jpeg) no-repeat -240px 0;}
.zr_li ul li.zr3.cur{background:url(../images/zr1c.jpeg) no-repeat -480px 0;}
.zr_li ul li.zr4.cur{background:url(../images/zr1c.jpeg) no-repeat -720px 0;}
.zr_li em{ display: inline-block; float: left; padding: 23px 0 0 33px; font-size: 14px; color: #222;}
.zr_li em span{ display: block; font-size: 24px; font-family:Arial;font-weight: bold;}
.zr_om dl{ overflow: hidden; margin-bottom: 89px; height: 448px; background: #fff;}
.zr_om dl dt{ position: relative; float: left; width: 719px;}
.zr_om dl dt span{ display: inline-block; position: absolute;background:url(../images/zi_u.png) no-repeat; width: 79px; height: 79px; text-align: center; color: #fff; font-size: 40px; font-weight: bold; font-family: Arial; line-height: 68px; top: 64px; right:-39px;}
.zr_om dl dd{ float: right; width: 380px;padding: 85px 20px 0 0;}
.zr_om dl dd h3{ color: #222222; font-size: 18px; font-weight: bold; padding-bottom: 30px;}
.zr_om dl dd p{ font-size: 14px; color: #222; line-height: 29px;}
.zr_om dl dd p span{ display: block; padding-left: 12px;background:url(../images/zr_oi.jpeg) no-repeat 0 12px;}
    /**/
.moi{background:url(../images/moi.jpeg) no-repeat center 0; height: 686px; overflow: hidden; margin-bottom: 76px;}
.moi h2{ text-align: center; height: 167px; font-size: 16px; color: #fff;font-weight: normal; padding-right:3px; padding-top: 72px;}
.moi h2 i{ display: block; font-size: 32px; line-height: 100%; padding-bottom: 10px;}
.moi h3{ margin-left: 325px; height: 64px;height: 64px; line-height: 64px;font-weight: normal; font-size: 14px; color: #222; width: 545px;}
.moi h3 i{ display: inline-block; float: left; padding-left: 48px;}
.moi h3 i span{font-weight: bold; font-size: 24px; font-weight: bold;}
.moi h3 em{ display: inline-block; float: right; width: 127px;}
.moi h3 em a{ display: block; font-size: 18px; font-weight: bold; color: #222;}
.moi ul{ overflow: hidden; height: 316px;}
.moi ul li{ float: left; width: 290px; margin-right: 13px;}.moi ul li:last-child{ margin-right: 0;}
.moi ul li strong{ display: block; line-height: 100%; height: 45px; font-size: 22px; color: #fff; font-weight: bold;}
.moi ul li em{ display: block; font-size: 14px; color: #fff; line-height: 24px; padding: 19px 0 0; height: 96px;}
    /**/
.lvt{ height: 445px; position: relative;}
.lvt h2{ text-align: center;background:url(../images/lv_h.jpeg) no-repeat center 12px; height:77px; font-size: 16px; color: #000;font-weight: normal; padding-left:6px; margin-bottom: 32px;}
.lvt h2 i{ display: block; font-size: 32px; line-height: 100%; padding-bottom: 10px;}
.lvt ul{ overflow: hidden;}
.lv_u{ position: absolute; left: -82px; top: 220px; z-index: 6; cursor: pointer;}
.lv_d{ position: absolute; right: -82px; top: 220px; z-index: 6;cursor: pointer;}
.lvt ul li{ float: left; width: 280px; background: #f6f6f6; padding:10px; height: 260px;  margin-right:7px; position: relative;}
.lvt ul li em{ display: block; background:url(../images/ik1.png) no-repeat; height: 32px; line-height: 32px; text-align: center; width: 162px; color: #fff; font-size: 16px; margin: 5px auto}
.lvt ul li em strong{font-weight: bold; padding-left: 9px;}
.lvt ul li i{ display: block; padding-top: 20px; font-size: 13px; color: #000; line-height: 22px; text-align: center;}
    /**/
.cse{background:url(../images/cse.jpeg) no-repeat center 0; height:1044px; overflow: hidden;}
.cse h2{ text-align: center; height: 112px; font-size: 16px; color: #fff;font-weight: normal; padding-right:3px; padding-top:63px;}
.cse h2 i{ display: block; font-size: 32px; line-height: 100%; padding-bottom: 10px;}
.cse1 dl{ overflow: hidden; height: 418px;}
.cse1 dl dt{ float: left; width: 677px;}
.cse1 dl dt img{ width: 677px;}
.cse1 dl dd{ float: left; width: 375px; padding:62px 0 0 67px;}
.cse1 dl dd  h3 a{font-weight: normal; font-size: 20px; color: #000;}
.cse1 dl dd p{ padding: 25px 0 35px 0; font-size: 14px; color: #999; line-height: 27px;}
.cse1 dl dd em{ display: block; width: 120px; height: 42px; line-height: 42px; background: #f6bb48; border-radius: 42px; text-align: center;font-weight: bold; }
.cse1 dl dd em a{color: #222222; font-size: 14px;}
.cse ul li{ float: left; width: 358px; padding: 12px; background: #f6f6f6; margin-right: 26px; height: 357px; transition: all 0.3s linear 0s;}
.cse ul li:last-child{ margin-right: 0;}
.cse ul li img{ width: 358px;}
.cse ul li a{ font-size: 14px; color: #999; line-height: 28px;}
.cse ul li i{ display: block; margin:38px 16px 13px; font-size: 20px; color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cse ul li span{ display: block; margin: 0 16px;}
.cse ul li:hover{ box-shadow: 0 0 7px #9c9c9c;}
    /**/
.zix{ height: 710px; overflow: hidden;}
.zix h2{ text-align: center;background:url(../images/zi_h1.jpeg) no-repeat center 12px; height: 111px; font-size: 16px; color: #000;font-weight: normal; padding-left:8px;}
.zix h2 i{ display: block; font-size: 32px; line-height: 100%; padding-bottom: 10px;}
.zix_l{height:456px; background: #f5f5f5; padding:50px  32px 0; width: 712px;}
.zi_l{ height: 53px;background:url(../images/zi_lin.jpeg) no-repeat 121px 3px; overflow: hidden;}
.zi_l ul li{ float: left; margin-right: 65px; }
.zi_l ul li a{ color: #4c4c4c; font-size: 22px;line-height: 100%;}
.zi_l ul li.cur{font-weight: bold;}
.zi_l ul li.cur a{font-weight: bold; color: #000;}
.zi_l span{ display: inline-block; float: right;}
.zi_l span img{ margin-left: 11px; display: inline-block;}
.zi_n dl{ overflow: hidden;}
.zi_n dl dt{ float: left; width: 217px;}
.zi_n dl dt img{ width: 217px;}
.zi_n dl dd{ float: right; width: 480px;}
.zi_n dl dd h4{ overflow: hidden; height: 23px; line-height: 23px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.zi_n dl dd h4 a{ font-weight: bold; color: #000; font-size: 16px;}
.zi_n dl dd p{ padding-top: 20px; font-size: 14px; color: #999; line-height: 28px;}
.zi_n dl dd em{ display: block; text-align: right; font-size: 14px; color: #000;}
.zi_n ul li{ float: left; padding:27px 18px 0 20px; width: 314px; margin-top: 10px; height: 62px;background:url(../images/zi_ok.jpeg) no-repeat 314px 30px #fff;}
.zi_n ul li:nth-child(2n){ float: right;}
.zi_n ul li span{ display: block; color: #808080; font-size: 12px;}
.zi_n ul li a{ color: #4c4c4c; font-size: 15px;}
.zi_n ul li a:hover{ color: #000; font-size: 15px;font-weight: bold;}

.zix_f{ padding: 0 33px 0 37px; width: 320px; height: 506px; background: #f5f5f5;}
.zix_f  h3{font-weight: normal; line-height: 100%; padding-top: 62px; height: 48px; font-size: 22px; color: #000;}
.zix_f  h3 a{ color: #000;}
.zix_f p{ margin-bottom: 15px;}
.zix_f ul li{ height: 39px; line-height: 39px; padding-left: 16px;background:url(../images/zi_li.jpeg) no-repeat 0 18px;}
.zix_f ul li a{ font-size: 14px; color: #000;}
.zix_f ul li a:hover{font-weight: bold;}
/**/
.roy{ background: #f6f6f6; padding-top: 75px; height: 568px;}
.roy h2{ text-align: center;background:url(../images/ry.jpeg) no-repeat center 12px; height:126px; font-size: 16px; color: #000;font-weight: normal; padding-right:6px;}
.roy h2 i{ display: block; font-size: 32px; line-height: 100%; padding-bottom: 10px;}

.poster-main{    position: relative;}
.poster-main .poster-list .poster-item{
    position: absolute;
    left: 0;
    top: 0;}
.poster-main .poster-btn{
    position: absolute;
    top: 0;
    cursor: pointer;}
.poster-main .poster-prev-btn{
    left: -34px;    background:url(../images/uu.png) no-repeat;}
.poster-main .poster-next-btn{
    right: -34px;    background:url(../images/dd.png) no-repeat right 0;}
.poster-list  li span{ text-align: center; font-weight: bold; display: block; font-size: 16px; color: #000; padding-top: 26px;}
/**/
.about{height:542px; background:url(../images/about.jpeg) no-repeat center;}
.ab{padding-top:100px;}
.ab .abt{width:524px; float:right;}
.abt h3{text-align: center;position: relative; margin-bottom: 53px; font-weight: normal;}
.abt h3 span{font-size: 32px; color:#FFF; line-height: 32px;} .abt h3 span em{font-weight: bold; }
.abt h3:before{width:93px; height:12px;background:url(../images/ab1.png) no-repeat center ; content:""; position: absolute;left:80px; top:12px;}
.abt h3:after{width:93px; height:12px;background:url(../images/ab2.png) no-repeat center; content:""; position: absolute;right:80px; top:12px;}
.abt h3 i{display: block; font-size: 16px; color:#FFF; line-height: 16px; margin-top: 14px; font-weight: normal;}
.abt p{font-size: 12px; color:#c2c2c2;/*text-align: center;*/line-height: 26px;}
.abt a{display: block; width:120px; height:42px; text-align: center; line-height: 42px; background:#f6bb48; color:#222222; font-size: 14px; font-weight: bold; margin:60px auto 0; border-radius: 20px; }

/**/
/**/

@keyframes myfirst
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-moz-keyframes myfirst /* Firefox */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}

@-o-keyframes myfirst /* Opera */
{
    0%   {left:0px; top:0px;}
    25%  {left:0px; top:10px;}
    50%  {left:0px; top:0;}
    100% {left:0px; top:0px;}
}



   