@charset "utf-8";
/*搜索*/
.seabox{overflow:hidden;font-family:"Microsoft Yahei";position: relative; z-index:9; position: relative; height: 336px; margin: -61px auto 0; width: 1200px;background:url(../images/u_bg.png) no-repeat right 0;}
.seabox h3{ float: left; width: 228px; margin-left: 1px;}
.s_r{ float: right; width: 953px;}
.sea_inp{width:345px;overflow: hidden; height:61px;background:none; line-height: 61px;}
.sea_inp .serach{width:270px;height:61px;border:0;border: 0;line-height:61px;color:#666;padding:0 0 0 17px;float:left;outline: none;display: block; background:none; font-size: 14px;}
.sea_inp .sub{ width:57px; height:61px;border:0;float:right;cursor: pointer;display: block;background:url(../images/s_s.gif) no-repeat;}
.k_word{overflow:hidden;width:600px;color:#666;overflow: hidden;font-size: 14px; line-height: 61px;}
.k_word a{color:#666; padding: 0 6px;}.k_word b{font-weight: normal;}
.k_word a:hover{color:#095db0;}
.seabox ul{ overflow: hidden; padding-top: 52px;}
.seabox ul li{ line-height: 36px; font-size: 15px; color: #333;}
.seabox ul li span{ font-size: 18px;padding-right: 7px; float: left;}
/**/
.til01{text-align: center;color: #070707;font-size:40px;line-height:60px;font-family: "Microsoft Yahei";font-weight: normal;clear: both;display: block;height:117px;white-space: nowrap;background:url(../images/tilbg1.png) no-repeat center bottom;margin-bottom: 39px;}
.til01 span,.edge h2 span{display: block;font-family: Arial;font-size: 16px;text-transform: uppercase;color: #999;line-height: 31px;}
.edge h2 p{display: block;font-size:20px;line-height: 32px;letter-spacing: 19px;}
.til01 a{color: #070707;}
/*产品中心*/
.probox{height:1200px;font-family:"Microsoft Yahei";line-height:30px;position: relative;z-index:2;overflow: hidden;padding:72px 0 0;background:url(../images/bg01.jpg) repeat center 0;}
.pro_nav{width:240px;background: #f4f4f4;}
.pro_nav h3{font-size:24px;line-height:82px;height:82px;color: #fff;background:url(../images/protbg.gif) no-repeat center 0;text-align: center;}
.pro_nav h3 a{color: #fff;}

.pro_nl{padding: 6px 8px 0 12px;line-height: 50px;height: 800px;overflow: hidden;}
.pro_n1{position: relative;}
.pro_n1:before{content: "";position: absolute;width: 2px;height: 100%;background: #da2538;left: 0;top: 0;display: none;}
.pro_n1:hover:before{display: block;}
.pro_nl h4{height:40px;font-size: 16px;line-height:40px;background:url(../images/prolbg1.gif) no-repeat 0 0;padding: 0 15px;margin-bottom: 4px; font-weight:normal; padding-left:10px; padding-right:30px;}
.pro_nl h4 a{display: block;color: #000;}
.pro_nl h4:hover,.pro_nl h4.cur,.pro_nl h4.sidenavcur{background:url(../images/prolbg2.gif) no-repeat 0 0;}
.pro_nl ul{clear: both;display: block;padding: 0 0 6px;}
.pro_nl li{height:38px;white-space: nowrap;border-bottom: dashed 1px #d1d0d0;line-height: 38px;}
.pro_nl li:last-child{border:0;}
.pro_nl li a{display: block;color: #000;padding:0 0 0 30px;}
.pro_nl li a:hover{color: #0096f5;text-decoration: none;}
.pro_pho{background:url(../images/pro_pho.gif) no-repeat 0 0;height:71px;padding: 56px 0 0 30px;line-height:18px;color: #fff;}
.pro_pho span{font-family:Impact, Arial blod;font-size: 28px;line-height: 31px;display: block;}

.pro_list{width:943px;overflow: hidden;}

.prev1,.next1{width:17px;height:27px;display: block;left:463px;top:174px;z-index: 2;}
.prev1{left:26px;}

.pro_c{width:943px;height:375px;background: #fff;overflow: hidden;overflow: hidden;margin-bottom:20px;}
.pro_lc dl{width:943px;height:375px;}
.pro_lc dt,.pro_lc dt img{width:500px;height:375px;display: block;overflow: hidden;float: left;}
.pro_lc dd{width: 346px;display: block;overflow: hidden;padding:53px 0 0 60px;float: left;line-height: 26px;color: #333;}
.pro_lc dd h4{color: #333;font-size:16px;line-height:42px;height:42px;}
.pro_lc dd h4 a{color: #333;}
.pro_lc dd .pro_lw{height:180px;overflow: hidden;}
.more01{width: 120px;height: 40px;line-height: 40px;border-radius: 20px;background: #00479d;text-align: center;color: #fff;display: block;font-size: 16px;}
.more01 a{display: block;color: #fff;}

.pro_list ul{width: 960px;}
.pro_list li{position: relative;overflow: hidden;margin:0 6px 0 0;float: left;width: 310px;}
.pro_list li img{width:308px;height:230px;display: block;overflow: hidden;border: solid 1px #d2d2d2;}
.pro_list li p{display: block;line-height:31px;background: #c4c4c4;padding: 20px 10px;height: 63px; width:290px}
.pro_list li span{display: block;width: 290px;color: #7c7c7c;line-height:16px;font-size: 12px; }
.pro_list li span a{font-size: 20px;line-height:31px;color: #000;display: block;}
.pro_list li b{margin: ;}


.part_c{border-left: solid 1px #dfdfdf;border-top: solid 1px #dfdfdf;height: 272px;}
.part_c ul{width: 1220px;}
.part_c li{width: 240px;float: left;height: 136px;position: relative;text-align: center;}
.part_c li img{width: 240px;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;border-right: solid 1px #dfdfdf;border-bottom: solid 1px #dfdfdf;height: 136px;}
.part_c li span{width: 240px;height:0;position: absolute;left: 0;top: 0;background:url(../images/bg01.png) repeat;-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.part_c li span a{display:none;color: #fff;margin: 42px 0 0;padding: 0 19px;border-bottom: solid 1px #fff;}
.part_c li.cur span,.part_c li:hover span{height: 136px;}
.part_c li.cur span a,.part_c li:hover span a{display: inline-block;}


.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:60px; line-height: 55px; border-bottom: 1px solid #3a7dc0; padding-left: 43px; font-size: 16px; color: #fff;background:url(../images/p_li.png) no-repeat  23px 25px #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: 549px; 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_uu.jpg) no-repeat;}
.pro_u a:hover{background:url(../images/p_dd1.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_uu1.jpg) no-repeat;}
.pro_d a:hover{background:url(../images/p_dd.jpg) no-repeat;}
.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;}
.pro_r ul li i{ display: block; margin: 77px 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 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;}

    /**/
.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: 7px; color: #095db0; font-size: 24px; line-height:35px}
.ysy dl dd h3 em i{ color: #ffae00;font-size: 20px;}
.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;}
    /**/
.case{background:url(../images/case.jpg) no-repeat center 0; margin-bottom: 83px; height:619px; padding-top: 98px;}
.case .til{ margin-top: 0; color: #fff;background:url(../images/c_h2.png) no-repeat center 72px; padding-bottom:68px;}
.case .til span{ color: #fff;}
.case .content{ position: relative;}
.case .c_uua{ position: absolute; left: -75px; top: 321px;}
.case .c_dda{ position: absolute; right: -75px; top: 321px;}
.case ul li{ float: left; width: 370px; margin-right:39px; background: #fff; height: 409px;}
.case ul li a{ font-size: 14px; color: #666; display: block;}
.case ul li img{ width: 370px;}
.case ul li i{ display: block; height: 57px; line-height: 57px; font-size: 24px; color: #fff;background:url(../images/c_lin.png) no-repeat 336px 27px #095db0; padding: 0 18px;}
    /**/
   /**/
.bhh{height:703px; overflow: hidden;}
.bhh .til{ margin-top: 0; padding-bottom: 50px; }
.new_l{ width: 705px;}
.new_l dl dt img{ width: 705px;}
.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: 510px;}
.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;}
   /**/
.links{height:70px; line-height:70px; overflow: hidden; background: #141b23;}
.links h3{ font-weight: normal;  font-size: 14px; color: #7a7c7f;  text-transform: uppercase;  float: left;  margin-right: 39px;}
.links p{ float: left;width: 960px;}
.links p a{ color: #7a7c7f; 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;}
}



.about{background:url(../images/bg01.jpg) repeat center 0;font-family:"Microsoft Yahei";}
/*关于*/
.about{line-height:30px;padding:72px 0 0;height: 657px;margin-bottom: 80px;}
.about_c{background: #fff;}
.about_l,.about_l img{width:600px;height:500px;display: block;overflow: hidden;}
.about_r{width:455px; padding:63px 0 0 76px;}
.about_r h3{height:74px;overflow: hidden;line-height: 74px;font-size: 20px;}
.about_r p{height:242px;overflow: hidden;}


/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}