@charset "utf-8";
/*搜索*/
.seabox{overflow:hidden;height:83px;line-height:40px;font-family:"Microsoft Yahei";position: relative;}
.sea_inp{width:450px;overflow: hidden; height:40px;background:url(../img/s_s.jpg) no-repeat;}
.sea_inp .serach{width:352px;height:40px;border:0;border: 0;line-height:40px;color:#666;padding:0 0 0 30px;float:left;outline: none;display: block; background:none; font-size: 14px;}
.sea_inp .sub{ width:66px; height:40px;border:0;float:right;cursor: pointer;display: block;background:none;border: 0;}
.k_word{overflow:hidden;width:670px;color:#666;overflow: hidden;font-size: 14px;}
.k_word a{color:#666; padding: 0 11px;}
.k_word a:hover{color:#e94925;}
/**/
.tils{background:url(../img/til.jpg) no-repeat center 0; height:186px;}
.tils h3{ width: 384px; text-align: center; color: #fff; padding-top: 56px; font-size: 24px; float: left;}
.tils p{ width: 600px; float: right; padding: 53px 147px 0 0; font-size: 14px; color: #fff; line-height: 30px;}
    /**/
.dzs{background:url(../img/dz.gif) no-repeat center 0; height:1081px;}
.til{ text-align: center; padding-top: 79px; font-weight: normal; font-size: 48px; color: #333; line-height: 100%;}
.til i{ font-weight: bold;}
.til span{ display: block; color: #666; padding-top: 18px; letter-spacing: 10px; font-size: 22px; line-height: 100%;}
.dzs .til{ height: 120px;}
.dzs1{ height: 454px;}
.dz_u{ position: absolute; top: 219px; left: 20px; z-index: 66;}
.dz_u a{ display: inline-block; width: 60px; height: 60px;background:url(../img/uu.png) no-repeat;}
.dz_u a:hover{background:url(../img/uu1.png) no-repeat;}
.dz_d{ position: absolute; top: 219px; right: 20px; z-index: 66;}
.dz_d a{ display: inline-block; width: 60px; height: 60px;background:url(../img/dd1.png) no-repeat;}
.dz_d a:hover{background:url(../img/dd.png) no-repeat;}
.dzs1{ height: 531px;}
.dzs1 ul li{ background: #fafafa; height: 510px; border-radius: 25px; overflow: hidden; margin-right:5px;}
.dzs1 img.dzo{ display: inline-block; float: left; width: 650px;}
.dzs1 em{ display: inline-block; float: left; padding-left: 111px; width: 370px;padding-top: 70px;}
.dzs1 em i{ display: block; font-weight: bold;font-size: 24px; color: #1a1a1a; margin-bottom: 23px; height: 27px; line-height: 27px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.dzs1 em span{ font-size: 16px; color: #333; line-height: 24px; height: 205px; display: block;}
.dzs1 em b{ display: block; font-size: 0;}
.dzs1 em b img{ width: 120px; height: 90px; margin-right: 2px; }
.dzs1 .pageState{ position: absolute; top:455px; left: 1115px; font-size: 14px; color: #666; width: 85px; font-family: Arial;}
.dzs1 .pageState span{ height: initial; font-weight: normal; font-family: Impact; font-size: 45px; color: #e94925; line-height: 100%; display: inline-block; padding-right: 3px;}
.dzs2{ overflow: hidden;}
.dzs2 ul li{ float: left; width: 590px; height: 250px; background: #fff; border-radius: 10px; overflow: hidden; margin:5px 4px;}
.dzs2 ul li.fr{ float: right;}
.dzs2 ul li i{ display: inline-block; float: left; padding: 45px 0 0 55px; width: 265px;}
.dzs2 ul li i a{ display: block; font-size: 24px; color: #333; font-weight: bold; height: 28px;line-height: 28px; margin-bottom: 20px;}
.dzs2 ul li i span{ display: block; height: 97px; font-size: 16px; color: #666; line-height: 25px;overflow:hidden;}
.dzs2 ul li i .dzo{ width: 40px; height: 40px; display: block;}
.dzs2 ul li em{ display: inline-block; float: right; width: 270px; height: 235px;}
.dzs2 ul li em img{transition: all 0.3s linear 0s;width: 270px;height: auto;margin-top: 41px;}
.dzs2 ul li em img:hover{ transition: all 0.3s linear 0s;transform: scale(1.05);}
    /**/
.kay{ height: 705px;background:url(../img/kay.jpg) no-repeat;}
.kay .til{ height: 200px;}
.kay h3{ text-align: center; color: #fff; font-size: 24px; height: 64px;}
.kay ul li{ position: relative; float: left; padding-left: 46px;}
.kay ul li img{ padding-right: 20px;}
.kay ul li em{ display: block; font-size: 14px; color: #fff; text-align: center; padding-top: 8px;}
.kay ul li span{ display: block; position: absolute;left:74px; top: -80px;background:url(../img/ky1.png) no-repeat; width: 199px; height: 110px; font-size: 16px; color:#000000; font-weight: bold; text-align: center; line-height: 81px;}
.kay ul li.bad span{ left: 355px;background:url(../img/ky2.png) no-repeat; top: -45px;}
    /**/
.qie_bg{ height:807px;background:url(../img/jc.jpg) no-repeat center 0; padding-top:78px; margin-bottom: 80px;}
.qie_bg h2{ padding-top: 0; margin-bottom: 28px;}
.qie_bg h2 i{ padding-right: 19px;}
.qie_bg .content{ position: relative;}
.qie_m{ display:inline-block;width: 1200px;height:500px;overflow: hidden; margin-bottom: 37px;}
.qie_m ul li{float: left;width:200px;position: relative; overflow: hidden;}
.qie_m h3{font-weight: normal;width:200px;height: 500px;float: left;position: relative;}
.qie_m h3 em{display: block;width: 200px;height: 500px;position: absolute;top: 0;left: 0;}
.qie_m h3 em img{width:200px;height: 500px;}
.qie_m h3 a{display: block;font-size: 30px;color: #fff;width:200px;height: 500px;;text-align: center;}
.qie_m h3 span{display: block;position: absolute;top: 0;left:87px;width: 28px;height: 149px; padding:193px 0 0;font-size:24px; font-weight: bold; line-height: 29px;}
.qie_m h3 span i{display: block; padding:17px 0 0; color: #bab5b3; font-size: 36px;}
.qie_m .cur h3 span{ }
.qie_m p{width:600px;height:500px;float: left;position: absolute;top: 0;left:200px;overflow: hidden;}
.qie_m p img,.four ul li em img{width: 600px;height:500px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;}
.qie_m p img:hover,.four ul li em img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.qie_m .qie_li01{width: 600px;}
.qie_m .cur p{ left: 0;}
.qie_m .cur{ width:600px;}
.qie_m .cur p em{ display: block; margin-top:-146px; position: relative; z-index: 99; font-size: 16px; color: #fff; line-height: 30px; width:600px; text-align: center;}
.qie_m .cur p em strong{ display: block;}
.qie_m .cur p em strong span{ display: block; font-size:24px; font-weight: bold; margin-bottom: 10px;}
.qie_m .cur p em strong i{ display: block; font-weight: normal; font-size: 16px; line-height: 25px; padding-top:13px;}
.qie_m .cur p em strong i b{ font-weight: normal; display: block;}
.qie_bg h4{ text-align: center; height: 60px;}
.qie_bg h4 a{ display: inline-block; width: 200px; height: 60px; line-height: 60px; font-weight: normal; font-size: 14px; color: #fff;background:url(../img/q_btn1.gif) no-repeat;}
.qie_bg h4 a.dim{background:url(../img/q_btn2.gif) no-repeat;}

/**/
.pto{ height: 1299px; overflow: hidden;background:url(../img/p_lin.jpg) no-repeat center bottom;}
.pto .til{ padding-top: 0; margin-bottom: 39px;}
.pto ul{ width: 540px; float: left;}
.pto ul.fr{ float: right;}
.pto ul li{ position: relative; height: 582px;}
.pto ul li b{ display: inline-block; position: absolute; left: 580px; top:338px;}
.pto ul li b img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}
.pto ul li em{ display: inline-block; position: absolute; top: 68px; left: 362px; width: 167px; height: 105px;background:url(../img/pto1.png) no-repeat; font-size: 16px; color: #000; font-weight: bold; padding-left: 22px; line-height: 23px;}
.pto ul li em span{display: block; padding-top: 15px;}
.pto ul li i{ display: block; font-size: 30px; font-weight: bold; color: #333; line-height:36px; padding-top: 17px; margin-bottom: 17px;}
.pto ul li i span{ display: block;}
.pto ul li strong{ display: block; font-weight: normal; font-size: 14px; color: #666; line-height: 30px;}
.pto ul li strong span{ display: block;}
.pto ul li:hover b img{-webkit-filter:none;
    -moz-filter:none;
    -ms-filter: none;
    -o-filter:none;
    filter:none;
    filter:none;
}
.pto ul li:hover i{ color: #e94925;}
.pto ul.fr li b{ left: -81px; top: 0;}
.pto ul.fr li i{padding-top: 0;}
.pto ul.fr li strong{ padding-bottom: 12px;}
.pto ul.fr li em{background:url(../img/pto2.png) no-repeat;  padding-left: 37px; left: -12px; top: 223px; width: 153px;}
    /**/
.ani{ overflow: hidden;background:url(../img/ani.gif) no-repeat center bottom; height: 788px; margin-bottom: 79px;}
.ani .til{ padding-bottom: 30px;}
.ani_l{ background: #fff; width: 770px; height: 410px;}
.ani_l dl dt{float: left; width: 410px;}
.ani_l dl dt img{ width: 410px;}
.ani_l dl dd{ float: right; width: 270px; padding: 65px 45px 0 0;}
.ani_l dl dd h3{ height: 90px; line-height: 100%;}
.ani_l dl dd h3 a{ font-size: 24px; color: #333; line-height:30px;}
.ani_l dl dd h3 span{ display: block;}
.ani_l dl dd p{background:url(../img/a_bg.jpg) no-repeat; height: 100px; padding-top: 30px; font-size: 14px; color: #666;line-height: 24px; margin-bottom: 41px;}
.ani_l dl dd em a{ font-size: 14px; color: #333; text-decoration: underline;}
.ani_r{ float: right; width: 420px;}
.ani_r li{ padding-left: 10px; margin-bottom: 10px; float: left;}
.ani_r li a{ display: block; width: 198px; height: 198px; border: 1px solid #e0e0e0; border-radius:11px; overflow: hidden; font-size: 0; line-height:0;}
.ani_r li a img{ width: 198px;}
.ani_r li.cur a{ border: 3px solid #e94925;width: 194px; height: 194px;}
.ani_r li.cur a img{ width: 194px;}
.ani h4{ text-align: center; height: 60px; padding-top: 27px;}
.ani h4 a{ display: inline-block; width: 200px; height: 60px; line-height: 60px; font-weight: normal; font-size: 14px; color: #fff;background:url(../img/q_btn1.gif) no-repeat;}
.ani h4 a.dim{background:url(../img/q_btn2.gif) no-repeat;}
   /**/
.bhh{height:759px;}
.bhh .til{ padding-top: 0; margin-bottom: 37px;}
.new_l{ background: #fff; width: 530px; padding: 25px 22px; border: 1px solid #f5f5f5; box-shadow: 0 0 5px #f5f5f5;height: 495px;}
.new_l p{ position: relative; border-radius: 10px; overflow: hidden; margin-bottom: 9px;}
.new_l p img{ width: 530px;}
.new_l p span{ display: block; width:510px; position: absolute; left: 0; top: 258px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; font-weight: bold; padding-left: 20px;background:url(../img/n_m.png) repeat;}
.bhh ul li{ height: 45px; line-height: 45px; border-bottom: 1px solid #e0e0e0; padding-left: 18px;background:url(../img/n_li.jpg) no-repeat 5px 19px;}
.bhh ul li.nob{ border-bottom: none;}
.bhh ul li a{ display: block; font-size: 14px; color:#323333;}
.bhh ul li a:hover{font-weight: bold;}

.bhh h3{ line-height: 100%; padding-bottom: 17px; border-bottom: 1px solid #e0e0e0; margin-bottom: 14px;}
.bhh h3 a{ font-size: 20px; color: #333;}

.faqs{ width:537px;overflow: hidden; border: 1px solid #f5f5f5; box-shadow: 0 0 5px #f5f5f5; padding: 25px 22px; height:495px;}
.faq_c dl{ overflow: hidden;}
.faq_c dl dt{ font-size: 0; float: left; width: 187px;}
.faq_c dl dt img{ width: 187px; border-radius: 11px; display: inline-block;}
.faq_c dl dd{ float: right; width: 315px;}
.faq_c dl dd h4{font-weight: normal; height:30px; line-height: 30px; overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight: bold;}
.faq_c dl dd h4 a{ font-size: 14px; color: #323333;}
.faq_c dl dd h4 a:hover{text-decoration: underline;}
.faq_c dl dd p{ font-size: 14px; color: #666; line-height: 25px;  height: 71px;}
.faq_c dl dd em a{ display: block; width: 120px; height: 37px; line-height: 35px; border-radius: 35px; border: 1px solid #e94925; color: #e94925; font-size: 14px; text-align: center;}
.faq_c dl dd em a:hover{ background: #e94925; color: #fff;}
.faq_c dl.last{ margin-bottom: 10px;}
    /**/
   /**/
.links{height:100px; line-height:100px; overflow: hidden; background: #212121;}
.links h3{ font-weight: normal;  font-size: 20px; color: #666;  text-transform: uppercase;  float: left; width: 110px;background:url(../img/link.jpg) no-repeat right 42px; margin-right: 39px;}
.links p{ float: left;width: 960px;}
.links p a{ color: #666666; font-size: 14px; display: inline-block; padding-right: 35px;}

   /**/

@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;}
}



   