@charset "utf-8";
/**/
.banner{height: 650px;position: relative;}
.bdu{width: 100% !important;height: 650px;}
.bdu li{width: 100% !important;height: 650px;position:relative;}
.bdu li a{display: block;height: 650px;}
.hdu{position: absolute;width: 100%;height: 10px;left: 0;bottom: 45px;text-align: center;}
.hdu li{display: inline-block;width: 50px;height: 10px;background: #fff;margin:0 5px;border-radius: 20px;}
.hdu li.on{background: #ffb401;}

.jis{background:url(/image/jis.jpg) no-repeat center 0; height: 732px;}
/*.jis h2{ font-weight: normal;padding: 62px 0 0 74px; line-height: 100%; height: 55px; color: #f08519; font-size: 14px; position: relative;}*/
/*.jis h2:after{content:'';position:absolute;height:4px;width:1px;background:#f08519;top:65px;left:-46px;-webkit-transition:width .5s;transition:width .5s;}*/
/*.jis:hover h2:after{width:74px;}*/
.jis h2{ padding:222px 0 0 74px; width: 456px; float: left;font-size: 36px; font-weight: normal; color:#313131; line-height: 100%;}
.jis h2 em{ display: block; font-size: 16px; color: #434343; line-height: 30px; padding-top: 97px; position: relative;}
.jis h2 em span{ display: block; padding-top: 29px;}
.jis h2 em:before{ content:""; position:absolute;height:3px;width:65px;left:0;top:29px; background:#959595;}
.jis dl{ width: 599px; float: right; margin-top: 130px;margin-right: 1px;}
.jis dl dt img{ width: 599px;}
.jis dl dd{ overflow: hidden; box-sizing:border-box; padding: 0 3%;}
.jis dl dd em{ width: 33%; text-align: center; font-size: 16px; color: #fff; float: left; text-align: center; padding-top: 38px;}
.jis dl dd em i{ display: block; padding-bottom: 5px;}
.jis dl dd em i span{ font-family: ; font-size: 42px;}
    /**/
.cpl{background:url(/image/pro.jpg) no-repeat center 0; height:918px;}
.cpl h2{ padding-top: 91px; height: 148px;}
.cpl .tils{ height: 132px; text-align: center; color: #fff; font-weight: normal; font-size: 14px;}
.cpl .tils i{ display: block; font-size: 35px; line-height: 100%; padding-bottom: 15px; letter-spacing: 3px; font-weight: bold;}
.cpl .tils span{ letter-spacing: 3px; }
.qie_m{ display:inline-block;width: 1212px;height:550px;margin-bottom: 37px;}
.qie_m ul li{float: left;width:198px;position: relative; overflow: hidden; margin-right: 6px;}
.qie_m h3{font-weight: normal;width:158px;height: 550px;float: left;position: relative;}
.qie_m h3 em{display: block;width: 198px;height: 550px;position: absolute;top: 0;left: 0;}
.qie_m h3 em img{width:198px;height: 550px;}
.qie_m h3 a{display: block;font-size: 30px;color: #fff;width:200px;height: 550px;;text-align: center;}
.qie_m p{width:382px;height:550px;float: left;position: absolute;top: 0;left:200px;}
.qie_m p img,.four ul li em img{width: 382px;height:550px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;}
.qie_m p img:hover,.four ul li em img:hover{ box-shadow: 0 0 15px #cbcbcc;}
.qie_m .qie_li01{width: 382px;}
.qie_m .cur p{ left: 0;}
.qie_m .cur{ width:382px; border-bottom: 1px solid #ccc;}
.cpl h4{ text-align: center;}
.cpl h4 a{ font-weight: normal; font-size: 16px; color: #999999;}
/**/
.duj{background:url(/image/kow.jpg) no-repeat center 0; height:821px;}
h2{text-align: center; color: #fff; line-height: 100%;font-weight: normal; font-size: 22px; letter-spacing: 4px; padding-top: 70px;}
h2 span{ display: block; letter-spacing: 0; font-size: 42px; line-height: 100%; padding-bottom: 10px;}
.duj h2{ padding-bottom: 115px;}
.duj ul li{ float: left; width: 400px; text-align: center; color: #fff; transition: all 0.3s linear 0s;}
.duj ul li i span{ display: none; transition: all 0.3s linear 0s;}
.duj ul li i{ display: block; padding-top: 75px; font-family: "ËÎÌå"; font-size: 72px; opacity: 0.5; line-height: 100%; position: relative;}
.duj ul li:hover i{ padding-top: 0; font-size: 100px; opacity: 1;}
.duj ul li:hover  i span{ display: inline-block; position: absolute; left:10px; top:48px; opacity: 1; transform: translateX(-10px);}
.duj ul li:hover  i span img{ border: 4px solid #fff; animation-duration: 1.5s;animation-name: fadeIn;}
.duj ul li:hover em{ padding-top:177px;}
.duj ul li:hover em span{ padding-bottom: 17px;}
.duj ul li em{ display: block; font-size: 16px; line-height: 28px; padding: 0 65px; text-align: left;transition: all 0.5s linear 0s;}
.duj ul li em span{ display: block; text-align: center; font-size: 28px; color: #fff; line-height: 100%; padding: 12px 0 30px 0;}
/**/
.anq{background:url(/image/aqgc.jpg) no-repeat center 0; height:932px; overflow: hidden;}
.anq h2{ color: #313131; padding-top: 129px; height: 267px;}
.anq .content{ position: relative; height:937px; }
.anq p{ margin-left: 750px; color: #535353; font-size: 17px; line-height: 27px;}
.anq p span{ display: block; padding-top: 300px;}
.anq p span a{ display: block; width: 136px; height: 44px; border-radius: 44px; border: 1px solid #7d7d7d; text-align: center; line-height: 44px;}
.anq p span a:hover{ color: #fff; background: #f08519; border: 1px solid #f08519;}
.a_r{ width: 450px;top:538px; position: absolute; right: 0;}
.a_r ul li{ padding-left: 29px;background:url(/image/aq_io.png) no-repeat 0 5px; line-height: 100%; margin-bottom: 33px; color: #f08519; font-size: 20px;}
.a_r ul li.cur{font-weight: bold;}
.a_l{ position: absolute; left: 210px;top:397px;}
.a_l img{ width: 472px; border: 4px solid #fff;}
.a_ud{ position: absolute;left: 210px; bottom: 233px;}
/**/
.ln{ background: #f4f4f4; height: 826px; border-bottom: 1px solid #fff;}
.ln h2{ color: #313131; padding-top: 130px; margin-bottom: 97px;}
.ln h3{ text-align: center; height: 247px; margin-bottom: -206px;}
.ln p{background:url(/image/l_img.png) no-repeat center 0; height:484px; position: relative;}
.ln p i{ display: block; margin: 0 auto; width: 1200px; text-align: center; color: #313131; font-size: 18px; line-height: 30px;}
.ln p i span{ display: block; padding-top: 280px;}
/**/
.fenb{background:url(/image/map.jpg) no-repeat center 0; height:1005px; overflow: hidden; margin-bottom: -11px;}
.fenb h2{ height: 204px;}
.fenb p{ text-align:center; color: #fff; font-size: 22px; line-height: 37px;}.fenb p span{ display: block;}
.fenb p em{ display: block; padding-bottom: 48px;}
.fenb p em i{ display: block;font-weight: bold; font-size: 22px; padding-top: 10px;}
.fenb h3{ display: block; width: 257px; margin: 93px auto 0; height: 68px;background:url(/image/m_btn.png) no-repeat;}
.fenb h3 span{ display: inline-block;font-size: 26px; color: #fff; padding: 29px 0 0 72px; font-family: Arial;}
.jis h2 em span{    font-size: 16px;color: #434343;    line-height: 30px;}
/**/
.pinp{background:url(/image/pp.jpg) no-repeat center 0; height:857px; overflow: hidden; }
.pinp h2{ color: #313131; padding-top: 0; height: 105px;}
.pp_li{ overflow: hidden; margin-left: 367px; height: 107px;}
.pp_li ul li{ float: left;  width: 230px; height: 45px; line-height: 45px; border: 1px solid #f08519; text-align: center; color: #f08519; font-size: 24px;}
.pp_li ul li.cur{ background: #f08519; color: #fff;}
.pp_on dl{ margin-left:43px; overflow: hidden; background: #f4f4f4; margin-right: 43px; height: 276px; margin-bottom: 39px;}
.pp_on dl dt{ float: left; width: 506px;}
.pp_on dl dd{ float: right; width: 524px; padding-top: 58px; margin-right: 42px;}
.pp_on dl dd h3{ margin-bottom: 17px;}
.pp_on dl dd h3 a{ font-size: 16px; color: #000000;}
.pp_on dl dd p{ color: #434343; font-size: 14px; line-height: 29px;}
.pp_on dl dd em{ display: block; font-size: 14px; color: #666; padding-top: 11px;}
.pp_on dl dd em span{ display: block; text-align: right; padding-top:12px;}
.pp_on dl dd em span a{ display: inline-block; width: 77px; height: 28px; line-height: 28px; border-radius: 28px; background: #f08519; color: #fff; text-align: center; font-size: 16px;}
.pp_on ul{ overflow: hidden; margin: 0 43px;}
.pp_on ul li{ float: left; width: 515px; font-size: 16px; color: #434343; margin-bottom:19px;}
.pp_on ul li:nth-child(2n){ float: right;}
.pp_on ul li a{ color: #434343; display: inline-block; float: left;    width: 390px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.pp_on ul li span{ display: inline-block; float: right;}
.pp_on ul li a:hover{ color: #f08519;}
/**/
.zij{background:url(/image/zj.jpg) no-repeat center 0; height:650px; overflow: hidden;}
.zij h2{ padding-top:78px; height:165px;}
.zij ul{ overflow: hidden;/* height: 310px; */color: #fff;}
.zij ul li{ float: left; width: 283px; height: 202px; border: 1px solid #b8bbc4; margin-right: 20px; text-align: center; font-size: 16px;}
.zij ul li:last-child{ margin-right: 0;}
.zij ul li i{ display: block; font-weight: bold; padding: 57px 0 17px 0; line-height: 100%;}
.zij ul li em span{ display: block;}
.zij ul li em{ line-height:30px;}
.zij h4{ text-align: center;}
.zij h4 a{ display: inline-block; font-size: 14px; color: #fff; border: 1px solid #fff; width: 136px; height: 44px; line-height: 44px; border-radius: 44px;font-weight: normal;margin-top:10px;}
.zij h4 a:hover{ background: #fff; color: #000;}
    /**/
.link{background:url(/image/link.jpg) no-repeat center 0; height:69px; overflow: hidden;line-height: 69px;}
/**/
/**/

@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;}
}