@charset "utf-8";
/*搜索*/
.seabox{overflow:hidden;height:78px;line-height:78px;font-family:"Microsoft Yahei";position: relative;}
.sea_inp{width:325px;overflow: hidden; height:34px; margin: 31px 24px 0 0; border-bottom: 1px solid #313131;}
.sea_inp .serach{width:293px;height:34px;border:0;line-height:100%;color:#222;float:left;outline: none;display: block; background:none; font-size: 14px;}
.sea_inp .sub{ width:32px; height:34px;border:0;float:right;cursor: pointer;display: block;background:none;border: 0;background:url(../images/s_s.jpg) no-repeat;}
.k_word{overflow:hidden;width:670px;color:#666;overflow: hidden;font-size: 14px;}
.k_word b{ font-weight: normal;}
.k_word a{color:#666; padding: 0 15px;}
.k_word a:hover{color:#fb8915;}
/**/
.xianm{background:#f2f2f2; height:186px; padding-top: 56px; height: 2145px;}
.kma{ height: 816px; border-bottom: 5px solid #8e8e8e; margin-bottom: 39px; overflow: hidden;}
.tils{ text-align: center; height: 147px; font-size: 24px; color: #666666; font-weight: normal;background:url(../images/x_li1.jpg) no-repeat center 101px;}
.tils i{ display: block; font-weight: bold; color: #0463c9; font-size: 40px; line-height: 100%; padding-bottom: 13px;}
.xianm h4{ height: 72px; border-bottom: 1px solid #c2c2c2; margin-bottom: 27px; padding-left: 74px;background:url(../images/x_h1.jpg) no-repeat; overflow: hidden;}
.xianm h4 i{ display: inline-block; float: left;}
.xianm h4 i a{ display: block; line-height: 100%; color: #0463c9; font-size: 30px; font-weight: bold;}
.xianm h4 i span{ display: block; font-weight: normal; color: #666666; font-size: 12px; text-transform: uppercase; padding-top: 5px;}
.xianm h4 em{ display: inline-block; float: right; padding: 26px 18px 0 0;font-weight: normal; line-height: 26px; height: 26px; font-size: 14px; color:#333;}
.xianm h4 em a{ display: inline-block; font-size: 14px; color: #666; padding: 0 8px; margin: 0 5px;}
.xianm h4 em a:hover{ background: #fb8915; color: #fff;}
.kma dl{ overflow: hidden; height: 232px; background: #fff;}
.kma dl dt{ width: 600px; float: left;}
.kma dl dt img{ width: 600px;}
.kma dl dd{ float: right; width:570px;}
.kma dl dd em{ display: block; font-size: 22px; color: #333; padding-top: 38px; padding-bottom: 23px; line-height: 100%;}
.xm_l ul{ float: left; width: 600px;}
.xm_l ul li{ overflow: hidden; height: 169px; background: #4088d6;}
.xm_l ul li img{ display: inline-block; float: left; width: 300px;}
.xm_l ul li em{ display: inline-block; float: right; width:265px; padding: 31px 0 0 35px;}
.xm_l ul li em i{ display: block; font-size: 18px; color: #fff; line-height: 100%; padding-bottom: 8px;}
.xm_l ul li em span{ display: block; height: 57px; font-size: 14px; color: #fff; padding-bottom: 24px;background:url(../images/x_ico.png) no-repeat left bottom;}
.xm_l ul li.bg{ background: #fc9e3f;}
.xm_l ul li.bg img{ display: inline-block; float: right;}
.xm_r{ float: right; width: 600px; position: relative;}
.xm_r .x_ru{ position: absolute; left:25px; top:45%;}
.xm_r .x_rd{ position: absolute; right:25px; top:45%;}
    /**/
.kmb{ height: 535px; border-bottom: 5px solid #fb8915; margin-bottom: 48px;}
.kmb h4{background:url(../images/x_h2.jpg) no-repeat;}
.kmb .xm_r{ float: left; width: 580px;}
.xm_rb{ width: 580px; padding-left:40px; background: #fff; height: 435px; float: right;}
.xm_rb ul{ overflow: hidden; padding-top: 35px; height: 200px;}
.xm_rb ul li{ float: left; width: 255px; margin-right: 23px; text-align: center;}
.xm_rb ul li span{ display: block; font-size: 14px; color: #666; padding-top: 15px; line-height: 100%;}
.xm_rb h5{ font-size: 22px; color: #333; font-weight: normal;}
.xm_rb h5 i{ display: block; padding-bottom: 16px;}

.kmc{ height:602px; border-bottom: 5px solid #8e8e8e; margin-bottom: 48px;}
.kmc h4{background:url(../images/x_h3.jpg) no-repeat;}
.kmc dl{ overflow: hidden; height:324px; background: #fff;}
.kmc dl dt{ width:884px; float: left;}
.kmc dl dt img{ width: 884px;}
.kmc dl dd{ float: right; width:290px;}
.kmc dl dd em{ display: block; font-size: 22px; color: #333; padding-top: 38px; padding-bottom: 23px; line-height: 100%;}
.kmc  .xm_l ul li{ height:178px; float: left;}
.kmc  .xm_l ul li img{ height: 178px; width: 316px;}
.kmc  .xm_l ul{ width: 1200px;}
.kmc  .xm_l ul li.fan img{ float: right;}
.kmc  .xm_l ul li em{width: 249px;}
    /**/
.pj{background:url(../images/pj.jpg) no-repeat center 0; height:687px; overflow: hidden; padding-top: 83px;}
.pj ul li{ position: relative; width: 220px; float: left; height: 124px; margin: 0 24px  37px 0;}
.pj ul li.nom{ margin-right: 0;}
.pj ul li img{width: 220px;height: 124px;}
.pj ul li span{ display: none; position: absolute; top: 4px; left: 5px; width: 212px; height: 117px;background:url(../images/apn.png) repeat; line-height: 117px; text-align: center; color: #fff; font-size: 24px;}
.pj ul li:hover span{ display: block;}
    /**/

    /**/
.cases{ position: relative; padding-bottom: 73px;}
.c_ui{ position: absolute; left: -71px; top: 253px; z-index: 98; cursor: pointer;}
.c_di{ position: absolute; right: -71px; top: 253px; z-index: 98; cursor: pointer;}
.cases_a ul{ overflow: hidden; height: 319px;}
.cases_a ul li{ float: left; width: 384px; margin-right: 24px; position: relative;}
.cases_a ul li span{ display: block; width: 100%; height: 39px; line-height: 39px;background:url(../images/apn.png) repeat; position: absolute; left: 0; top: 251px; text-align: center; font-size: 16px; color: #fff;}
.cases_b ul{ width: 1204px; border-bottom: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;}
.cases_b ul li{ display: inline-block; height:94px; width: 171px; border-top: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3;}
.cases_b ul li img{ width: 171px; display: inline-block;   transition: all 0.3s linear 0s;}
.cases_b ul li:hover{ box-shadow: 0 0 19px #ccc; z-index: 7; position: relative;}
    /**/
.chioc{ padding-top: 69px; background: #f2f2f2; height: 763px;}
.chioc ul{ border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; background: #fff;}
.chioc ul li{ float: left; width:368px; padding: 20px 0 0 30px; height: 254px; border-top: 1px solid #d0d0d0; border-left: 1px solid #d0d0d0; background: #fff; transition: all 0.3s linear 0s;}
.chioc ul li em{ display: block; padding-right: 15px; text-align: right; font-family:Centaur; font-size:36px; line-height: 50px; font-weight: bold;}
.chioc ul li em span{ display: inline-block; width: 50px; line-height: 50px; height: 50px; border-radius: 50px; background: #0463c9; float: left;}
.chioc ul li strong{ display: block; font-size: 24px; color: #333; font-weight: bold; line-height: 63px;}
.chioc ul li i{ display: block; font-size: 16px; color: #666; line-height: 25px;}
.chioc ul li i span{ color: #fe8000;}
.chioc ul li:hover{box-shadow: 0 0 25px #ccc; z-index: 7; position: relative;}
.chioc ul li:hover em span{ background: #fe8000;}
    /**/
.yuy{background:url(../images/yuy.jpg) no-repeat center 0; height: 460px; padding-bottom: 57px;}
.yuy h3{ padding-top: 113px; line-height: 100%; color: #1162b8; font-size: 38px; padding-bottom: 24px;}
.yuy ul{ padding-right: 390px;}
.yuy ul li{ float: left; width: 307px; padding-right: 35px; height: 78px; overflow: hidden;}
.yuy ul li i{ display: inline-block; float: left; font-size: 16px; color: #333; padding-left: 5px; width: 85px; line-height: 46px;}
.yuy ul li input{ display: inline-block; float: left; width: 212px; height: 46px; background: #fff; border: 1px solid #919191; border-radius: 9px;}
.yuy ul li.last input{ width: 133px;}
.yuy ul li.last img{ display: inline-block; padding:10px 0 0 7px;}
.yuy ul li.btn{ padding-left: 90px;}
.yuy ul li.btn button{ width: 135px; height: 44px; line-height: 44px; text-align: center; border-radius: 9px; color: #fff; background: #fe8000; color: #fff; font-size: 16px; border: none;}
.yuy ul li.btn button.bg{ background: #4b4b4b; margin-left: 20px;}
.yuy ul li.long{ width: 385px;}
.yuy ul li.long input{ width: 291px;}
    /**/
.bhh{height:855px;}
.bhh .tl{ height: 64px; line-height: 100%; padding-left: 38px;background:url(../images/n_l.jpg) no-repeat;}
.bhh .tl a{ font-size: 24px; color: #000033; font-weight: normal; padding-top: 5px; display: inline-block;}
.bhh .tl span{ display: inline-block; float: right; padding-top: 15px; font-weight: normal;}
.bhh .tl span a{ font-size: 12px; color: #666666; text-transform: uppercase; padding-top: 0;}

.new_l{width: 545px; }
.new_l p{ position: relative; height: 392px; border-bottom: 1px dotted #dedede;}
.new_l p span{ display: block; font-size: 18px; color: #333; height: 30px; line-height: 30px; padding-top: 12px;}
.new_l p i{ display: block; font-size: 14px; color: #666; line-height: 24px; padding-top: 7px;}
.bhh ul li{ height:64px; line-height: 64px; border-bottom: 1px dotted #dedede; padding-left: 18px;background:url(../images/n_li.jpg) no-repeat 0 32px;}
.bhh ul li span{ display: inline-block; float: right; color: #666666; font-size: 12px;}
.bhh ul li.nob{ border-bottom: none;}
.bhh ul li a{ display: block; font-size: 16px; color:#333333;}
.bhh ul li a:hover{ color: #fe8000;}

.faqs{ width:600px;overflow: hidden;}
.faq_c dl{ overflow: hidden; margin-bottom:20px; height: 126px; overflow: hidden;}
.faq_c dl dt{ font-size: 0; float: left; width: 223px;}
.faq_c dl dt img{ width: 223px; display: inline-block;}
.faq_c dl dd{ float: right; width: 356px;}
.faq_c dl dd h4{font-weight: normal; height:23px; line-height:23px; overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 14px;}
.faq_c dl dd h4 a{ font-size: 17px; color: #323333;}
.faq_c dl dd h4 a:hover{text-decoration: underline; color: #fe8000;}
.faq_c dl dd p{ font-size: 14px; color: #666666; line-height: 22px;  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;}
    /**/
.zjj{ height: 916px;background:url(../images/zj.jpg) no-repeat center 0; overflow: hidden; padding-top: 70px; margin-bottom: 60px;}
.zjj p i{ display: block; padding-top: 23px; height: 89px; text-align: center; font-size: 18px; color: #666; line-height: 33px;}
.zjj p em{ display: block; margin: 0 auto; width: 155px; height: 36px; line-height: 36px; border-radius: 36px; color: #fff; font-size: 14px; color: #fff; background: #f38514; text-align: center;}
.zjj p em a{ color: #fff;}
.zjj .tl{ height: 64px; line-height: 100%; padding-left: 38px;background:url(../images/n_l.jpg) no-repeat;}
.zjj .tl a{ font-size: 24px; color: #000033; font-weight: normal; padding-top: 5px; display: inline-block;}
.zjj .tl span{ display: inline-block; float: right; padding-top: 15px; font-weight: normal;}
.zjj .tl span a{ font-size: 12px; color: #666666; text-transform: uppercase; padding-top: 0;}
    /**/
   /**/
.links{height:122px; overflow: hidden;background:url(../images/liks.jpg) no-repeat center 0;}
.links h3{ font-weight: normal;  font-size: 20px; color: #fff;  text-transform: uppercase;  padding-bottom:21px; padding-top: 20px;}
.links p a{ color: #fff; font-size: 14px; display: inline-block; padding-right:55px;}
.fwy{ height: 855px;padding-top: 78px;  margin-bottom: 67px; background: #f2f2f2;}
.f_li{ margin: 0 auto 32px; border-radius: 69px; overflow: hidden; width: 743px;}
.f_li ul li{ float: left; width: 185px; background: #0463c9; height: 69px; font-size: 26px; color: #fff; overflow: hidden; border-right: 1px solid #fff; }
.f_li ul li.nob{ border-right: none;}
.f_li ul li span{ display: inline-block; padding-left: 43px; float: left;;}
.f_li ul li i{ display: inline-block; float: left; line-height: 69px; padding-left: 9px;}
.f_li ul li.cur{ background: #fb8915;}
.f_onm1{ height: 618px;background:url(../images/fw_io.jpg) no-repeat center bottom;}
.f_onm1 h4{ float: left; padding-left: 18px; width: 367px;font-weight: normal;}
.f_onm1 h4 i{ display: block; padding-top: 45px; height: 381px; font-size: 15px; color: #666;}
.f_onm1 h4 i span{ display: block; line-height: 29px;}
.f_onm1 h4 i strong{ display: block; line-height: 100%; color: #0463c9; font-size: 24px; font-weight: bold; padding-bottom: 6px;}
.f_onm1 h4  em {color: #333333; font-size: 35px; line-height: 100%;font-weight: bold;}
.f_onm1 h4  em span{ display: block; line-height: 100%; font-size: 17px; color: #666666; padding-left: 29px; margin-bottom: 8px;font-weight: normal;}

.f_onm1 ul{ float: right; width:813px;}
.f_onm1 ul li{ overflow: hidden; height: 135px; padding-left: 130px; padding-top: 40px; float: left; width: 276px;}
.f_onm1 ul li i{ display: inline-block; float: left; width: 62px; height: 62px; border-radius: 62px; background: #8d8d8d; margin: 0 16px 0 10px;}
.f_onm1 ul li em{ display: inline-block; float: left; font-size: 16px; color: #666666; line-height: 24px;}
.f_onm1 ul li em span{ display: block; line-height: 100%; font-size: 24px; color: #333; padding-bottom: 10px;}

.f_onm1 ul.fr li i{ float: right;}
.f_onm1 ul.fr li em{ text-align: right; width: 505px;}
.f_onm1 ul.fr .last{ float: right; width: 283px; font-size: 38px; color: #333333;font-weight: bold; line-height: 100%;}
.f_onm1 ul.fr .last b{ display: block; padding-left: 23px; height: 20px; line-height: 20px; font-weight: normal; font-size: 17px; color: #666; margin-bottom: 9px;background:url(../images/f_tel.png) no-repeat;}
.f_onm2{background:url(../images/f_mp2.jpg) no-repeat; height: 554px;}
.f_onm2 h3{ padding: 38px 0 48px 475px;font-weight: normal; font-size: 22px; color: #666; line-height: 100%;}
.f_onm2 h3 span{ display: block; color: #0463c9; font-size: 30px; font-weight: bold; padding-top: 15px;}
.f_onm2 ul{ padding-left: 583px; color: #666666; font-size: 16px; line-height: 26px;}
.f_onm2 ul li i{ display: block; font-size: 24px; padding-bottom: 7px;}
.f_onm2 ul li{ padding-bottom: 65px;}

.f_onm3 ul li{ float: left; width: 400px; height: 289px; background: #fff; position: relative; text-align: center; font-size: 18px; color: #666;}
.f_onm3 ul li.fan img{ position: absolute; display: inline-block; left: 0; bottom: 0;}
.f_onm3 ul li i{ display: block; padding-top: 119px; font-size: 30px; color: #333; line-height: 100%; padding-bottom: 9px;background:url(../images/f_mi1.gif) no-repeat center 39px;}
.f_onm3 ul li span{ display: block; line-height: 30px; padding: 0 18px;}
.f_onm3 ul li.fan i{background:url(../images/f_mi2.gif) no-repeat center 39px; }
.f_onm3 ul li.last{ font-size: 16px;}
.f_onm3 ul li.last i{background:url(../images/f_mi3.gif) no-repeat center 39px;}
.f_onm3 ul li.fiir{ height: 345px; width: 1200px;background:url(../images/fw_ipp.jpg) no-repeat; margin-bottom: -73px; position: relative;}
.f_onm3 ul li.fiir em{ text-align: left; padding: 73px 0 0 37px; display: block; color: #0463c9; font-size: 24px; font-weight: bold; line-height: 36px;}
.f_onm3 ul li.fiir em strong{ display: block; font-weight: normal; padding-top: 15px; font-size: 18px;}

.f_onm4 dl{ overflow: hidden;}
.f_onm4 dl dt{ font-size: 0; float: left; width: 618px;}
.f_onm4 dl dt em{ display: block; padding: 20px 0 0 55px; font-size: 20px; color: #0463c9; line-height: 38px;}
.f_onm4 dl dt em span{ display: block;}
.f_onm4 dl dt em  strong{ font-size: 24px;}
.f_onm4 dl dd{ float: right; width: 580px; font-size: 16px; color: #666; line-height: 30px;}
.f_onm4 dl dd p{ padding-left: 100px;background:url(../images/f_m4i1.jpg) no-repeat  1px 35px #fff; margin-bottom: 32px; border-radius: 10px; height: 156px; padding-right: 17px;}
.f_onm4 dl dd p i{ display: block; line-height: 100%; color: #0463c9; font-size: 30px; padding-top: 28px; margin-bottom:8px;}
.f_onm4 dl dd p.bg2{background:url(../images/f_m4i2.jpg) no-repeat  12px 35px #fff; }
.f_onm4 dl dd p.bg3{background:url(../images/f_m4i3.jpg) no-repeat  12px 35px #fff; }

   /**/

@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;}
}



   