@charset "utf-8";
/*搜索*/
.yin{background: url(../images/yin_bg.gif) no-repeat center 0;height: 230px;overflow: hidden;}
.yin_l{font-size: 30px;color: #fff;width: 280px;text-align: right;padding: 74px 53px 0 0;line-height: 40px;}
.yin_l b{display: block;font-size: 24px;}
.yin_r{width: 867px;}
.ibrand-num li{float:left;width:248px;height:170px;color:#666;font-size:14px;border-left: #e1e1e1 1px solid;padding: 60px 0 0 40px;}
.ibrand-num li span{font-size:50px;color: #333;font-family: "Impact";display: block;float: left;line-height: 50px;}
.ibrand-num li i{display: block;font-size: 20px;color: #fff;float: left;width: 35px;height: 35px;text-align: center;line-height: 35px;overflow: hidden;background:#e1a104;border-radius: 50%;}
.ibrand-num li b{display:block;font-size: 20px;color: #333;height: 30px;line-height: 30px;overflow: hidden;width: 100%;clear: both;}
.ibrand-num li em{display:block;height: 50px;line-height: 25px;overflow: hidden;padding: 10px 0 0;width: 210px;}

/**/
.pro{background:url(../images/pro.jpg) no-repeat center 0; height: 812px; overflow: hidden; padding-top: 1px;}
.til{ text-align: center; font-weight: normal; font-size:36px; color: #333; line-height: 100%; margin-top: 80px; padding-bottom: 49px;background:url(../images/p_h2.png) no-repeat center 72px; }
.til i{ font-weight: bold;}
.til span{ display: block; color: #666; padding-top:10px;font-size:16px; line-height: 100%;}
.pro_l{ width: 229px;}
.pro_l ul li a{ display: block; height:50px; line-height: 45px; border-bottom: 1px solid #3a7dc0; padding-left: 43px; font-size: 14px; color: #fff;background:url(../images/p_li.png) no-repeat  23px 20px #095db0; }
.pro_l ul li a:hover{background:url(../images/p_li.png) no-repeat  23px 25px #ffae00;}
.pro_l ul li.nob a{ border-bottom: none;}
.pro_r{ background: #fff; width: 958px; height: 610px; position: relative;}
.pro_u{ position: absolute; top: 252px; left: 0; z-index: 5;}
.pro_u a{ display: inline-block; width: 40px; height: 40px;background:url(../images/p_dd1.jpg) no-repeat;}
.pro_u a:hover{background:url(../images/p_uu.jpg) no-repeat;}
.pro_d{ position: absolute; top: 252px; right: 0; z-index: 5;}
.pro_d a{ display: inline-block; width: 40px; height: 40px;background:url(../images/p_dd.jpg) no-repeat;}
.pro_d a:hover{background:url(../images/p_uu1.jpg) no-repeat;}
.pro_r ul{ height: 610px;}
.pro_r ul li{ position: relative; padding-top: 1px;}
.pro_r ul li b{ display: inline-block; position: absolute; top: 17px; right: 17px;}
.pro_r ul li b img{ width: 383px; height:290px;border:1px solid #ccc; padding:3px;border-radius: 5px;}
.pro_r ul li i{ display: block; margin: 27px 0 0 65px;}
.pro_r ul li i a{ display: block; color: #333; font-size: 28px; height: 31px; line-height: 31px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width: 421px;}
.pro_r ul li .jiage{ color:#F00; font-size:22px; font-weight:bold; padding-bottom:3px;}
.pro_r ul li i span{ display: block; padding-top: 50px; font-size: 17px; color: #333; width:425px; margin-bottom: 17px;background:url(../images/p_lin.jpg) no-repeat 0 15px;}
.pro_r ul li strong{ margin-top:-120px;}
.cplist{position:absolute;  top:410px; padding-left:18px}
.cplist dd{ width:230px; text-align:center; float:left; height:200px; }
.cplist dd img{ width:214px; height:144px; border:1px solid #ccc; padding:3px;}
.cplist dd p{ height:30px; line-height:30px; font-size:14px;}
.cplist dd a:hover{ color:#095db0}
    /**/
.ly{background:url(../images/ly.jpg) no-repeat center 0; height:616px; overflow: hidden; margin-bottom: 79px; padding-top: 1px;}
.ly_l{ float: left;background:url(../images/ly.png) no-repeat; width: 426px; height: 492px; margin-top: 54px;color: #fff;}
.ly_l h3{ padding-top: 121px; line-height: 100%; font-size: 31px; text-align: center; padding-bottom: 9px;}
.ly_l h3 span{ display: block; font-size: 42px; line-height: 100%; padding: 0 0  9px 0;}
.ly_l p{ text-align: center; font-size: 20px; line-height: 28px; padding-top:11px; height: 100px;}
.ly_l p span{ display: block;}
.ly_l h4{ font-size: 16px; color: #fff; font-weight: normal; padding-left: 60px; padding-bottom: 12px;}
.ly_l h4 span{ font-family: Arial; font-size: 24px; font-weight: bold;}
.ly_l em{ display: block; width: 168px; height: 36px; margin: 0 auto;background:url(../images/ly_btn.png) no-repeat; line-height: 36px;}
.ly_l em a{ display: block; color: #fff; font-size: 18px; font-weight: bold; padding-left: 59px;}
.ly_r{ position: relative; width: 767px; margin-top: 102px;}
.ly_r .ly1{ position: absolute; left: 98px; top: 0;}
.ly_r .ly2{ position: absolute; left:296px; top: 0;}
.ly_r .ly3{ position: absolute; left:495px; top: 0;}
.ly_r .ly4{ position: absolute; left:0; top:171px;}
.ly_r .ly5{ position: absolute; left:198px; top: 171px;}
.ly_r .ly6{ position: absolute; left:396px; top: 171px;}
    /**/
.ysy{ height: 1853px;background:url(../images/ys.gif) repeat-x left bottom;}
.ysy .til{ padding-bottom:56px;}
.ysy dl{ overflow: hidden; margin-bottom:30px; background: #f4f4f4;}
.ysy dl dt{ float: right; width: 600px;}
.ysy dl dd{ float: left; width: 600px; margin-top: 42px;}
.ysy dl dd h3{background:url(../images/y_dt1.gif) no-repeat; height: 81px; overflow: hidden;}
.ysy dl dd h3 span{ display: inline-block; float: left; width: 88px; height: 80px; line-height: 80px; text-align: center; font-size: 48px; font-family: Arial; color: #fff;}
.ysy dl dd h3 em{ display: inline-block; float: right; width: 490px; padding-top: 21px; color: #095db0; font-size: 24px;}
.ysy dl dd h3 em i{ color: #ffae00;}
.ysy dl dd p{ padding: 35px 42px 0 90px;}
.ysy dl dd p span{ display: block; padding-left: 17px; line-height: 22px; margin-bottom: 10px;background:url(../images/y_li.png) no-repeat 0 7px;}
.ysy dl.fan dt{ float: left;}
.ysy dl.fan dd h3{background:url(../images/y_dt2.gif) no-repeat; }
.ysy dl.bg3 dd h3{background:url(../images/y_dt3.gif) no-repeat; }
.ysy dl.fan2 dd h3{background:url(../images/y_dt4.gif) no-repeat; }
.ysy dl.bg3,.ysy dl.fan2{ background: #fff;}
.ysy h4{ text-align: center;}
.ysy h4 em{ display: block; margin-top: 7px;}
.ysy h4 em a{ display: inline-block;background:url(../images/ly_btn.png) no-repeat; padding-left: 60px; width: 108px; height: 36px; line-height: 33px; font-size: 18px; color: #fff; font-weight: bold; text-align: left;}
.ysy h4 span{ display: inline-block; font-weight: normal; font-size: 16px; color: #333; padding-left: 32px;background:url(../images/y_tel.gif) no-repeat; min-height:24px;}
.ysy h4 i{ font-family: Arial; font-size: 26px; color: #333;}
    /**/
.casewu{background:url(../images/case.jpg) no-repeat center 0; height:519px; padding-top: 68px;}
.casewu .til{ margin-top: 0; background:url(../images/c_h2.png) no-repeat center 72px; padding-bottom:68px;}
.casewu .til span{}
.casewu .content{ position: relative;}
.hzhb,.slzs{width:1200px; height:auto; margin:0 auto; position:relative; margin-top:-20px;}
.caseimg{width:1198px; height:auto; margin:0 auto; padding:0; overflow:hidden;}
.caseimg li{float:left; width:169px; height:80px; border:1px solid #efeff0;}
.caseimg li img{width:169px; height:80px; border:0; cursor:pointer;}
.moveimgcntdiv{width:513px; height:162px; position:absolute; left:343px; top:82px; background-color:#095db0;  color:#FFF; font-size:16px; text-align:center;}
.moveimgcntdiv p{width:100%; line-height:40px;}
.moveimgcntdiv_t{font-size:25px; margin:15px 0 5px;}
.moveimgcntdiv p span{color:#F11B1B;}
    /**/
   /**/
.bhh{height:703px; overflow: hidden;}
.bhh .til{ margin-top: 0; padding-bottom: 50px; }
.new_l{ width: 705px;}
.new_l dl dt img{ width: 701px; padding:2px; border:1px solid #ccc}
.new_l dl dt{ padding-bottom: 20px;}
.new_l dl dd h4{ overflow: hidden;}
.new_l dl dd h4  span{ display: inline-block; width: 61px; height: 30px; line-height: 30px; text-align: center; color: #fff; background: #cc0000; font-size: 16px; color: #fff;font-weight: normal; margin-right: 14px; float: left;}
.new_l dl dd h4 a{ display: inline-block; font-size:18px; color: #333;font-weight: normal; width: 623px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height: 30px;}
.new_l dl dd p{ font-size: 13px; color: #666; line-height: 24px; padding-top:9px; height: 65px; border-bottom: 1px solid #e5e5e5; margin-bottom: 13px;}
.new_l ul li{ height: 47px; line-height: 47px;padding-left:21px;background:url(../images/n_li.jpg) no-repeat 5px 19px;}
.new_l ul li span{ display: inline-block; float: right;}
.new_l ul li a{ display: block; font-size: 14px; color:#333333; border-bottom: 1px dashed #e0e0e0; }
.new_l ul li:hover{background:url(../images/n_lic.jpg) no-repeat 5px 19px;color: #0071db;}
.new_l ul li:hover a{ color: #0071db;}
.new_l ul li.nob a{ border-bottom: none;}

.faqs{ width:450px;overflow: hidden; background: #f4f4f4; border-top: 3px solid #095db0; height: 540px;}
.faqs h3{ padding: 0 28px; height: 47px; line-height: 47px; border-bottom: 1px solid #dcdcdc;}
.faqs h3 a{ color: #232c35; font-size: 18px; font-weight: bold;}
.faqs h3 span{ display: inline-block; float: right; font-weight: normal;}
.faqs h3 span a{ font-weight: normal; color: #095db0; font-size: 14px;}
.faqs ul li{ border-bottom: 1px dashed #d8d8d8; margin: 0 28px; padding: 27px 0;}
.faqs ul li a{ display: block; height: 20px; line-height: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 15px; color: #333;}
.faqs ul li a:hover{ color: #095db0;}
.faqs ul li span{ display: block; font-size: 13px; color: #666; line-height: 23px; padding-top:5px;}
.faqs ul li.nob{ border-bottom: none;}
    /**/
.zj{background:url(../images/zj_bg.gif) no-repeat center 0 #f4f4f4; padding-top: 95px; height: 773px;}
.zj .content{ position: relative; height: 773px;}
.zj h3{ width: 155px; float: right; height: 141px;}
.zj h3 em{ display: block; text-align: right; padding-top: 24px;}
.zj h3 em a{ width: 116px; height: 31px; line-height: 31px; border-radius: 31px; text-align: center; color: #fff; background: #ffae00; display: inline-block; font-size: 14px;font-weight: normal;}
.zj p{ width: 939px;}
.zj p i{ display: block; font-size:36px; color: #333; font-weight: bold;line-height: 100%; margin-bottom:5px;}
.zj p i span{ display: block; font-weight: normal; font-size: 18px; padding-top: 3px;}
.n_li{ position: absolute; left: 444px; bottom: 100px;}
.n_li span{ display: inline-block; float: left; width: 52px; height: 4px; border-radius: 4px; background: #fff; margin-right: 13px; float: left;}
.n_li span.cur{ background: #0071db;}
   /**/



.about{background:url(../images/ab_bg.jpg) no-repeat center 0;height: 330px;overflow: hidden;padding: 120px 0 0;}
.about .cp_t{background:url(../images/ab_line.png) no-repeat center 25px;color: #fff;}
.about .cp_t a{color: #fff;}
.ab_desc{padding: 45px 0 0;width: 960px;margin: 0 auto;}
.ab_desc div{font-size: 14px;color: #fff;line-height: 24px;height: 96px;overflow: hidden;text-align: center;}
.ab_desc span{width: 110px;height: 32px;display: block;margin: 0 auto;padding: 20px 0 0;}
.ab_desc span img{width: 110px;height: 32px;}
.ab_desc span a{display: block;width: 110px;height: 32px;}
.ab_desc span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*企业相册*/
.photo_bg{background:url(../images/photo_bg.jpg) no-repeat center 0;height: 345px;overflow: hidden; margin-bottom:60px}
.photo_t{width: 390px;margin: 0 auto;height: 110px;}
.photo_t ul li{width: 130px;text-align: center;float: left;}
.photo_t ul li em{display: block;width: 55px;height: 55px;line-height: 0;overflow: hidden;margin: 0 auto 5px;}
.photo_t ul li em img{width: 55px;height: 110px;-webkit-transition:all .5s;transition:all .5s;}
.photo_t ul li a{font-size: 14px;color: #fff;}
.photo_t ul li a:hover em img{margin-top: -55px;}
.photo_m ul li{width: 223px;height: 167px;float: left;line-height: 0;overflow: hidden;margin-left: 21px;}
.photo_m ul li img{width: 223px;height: 167px;}
.photo_m ul li:first-child{margin-left: 0;}

   /**/

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