@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.yin{background: url(../images/yin_bg.jpg) no-repeat center 0;height: 342px;overflow: hidden;padding: 100px 0 0;}
.yin_l{width: 810px;}
.yin_t{font-size: 36px;color: #262626;height: 100px;line-height: 40px;background: url(../images/yin_line01.png) no-repeat 0 48px;font-weight: normal;}
.yin_t span{display: block;font-size: 18px;color: #666;padding: 10px 0 0;letter-spacing: 3px;}
.ibrand-num{overflow:hidden;margin:45px 0 0;}
.ibrand-num li{float:left;width:160px;height:120px;color:#333;font-size:20px;background: url(../images/yin_line02.gif) no-repeat 0 20px;padding-left: 25px;}
.ibrand-num li:first-child{margin-left:0;background: none;}
.ibrand-num li span{font-size:40px;color: #2a61ef;line-height: 50px;font-weight: bold;}
.ibrand-num li b{display:block;font-size: 14px;color: #666;font-weight: normal; padding:10px 0 0;background: url(../images/yin_ico01.gif) no-repeat 0 53px;height: 50px;}
.ibrand-num li i{color: #2a61ef;font-weight: bold;}
.yin_r{width: 367px;padding: 14px 0 0;}
.yin_video{width: 367px;height: 199px;}
.yin_r .tit01{display: block;font-size: 18px;color: #333;width: 367px;text-align: center;height: 30px;line-height: 30px;overflow: hidden;padding: 20px 0 0;}

.video{width: 367px;height: 199px;z-index: 5000;position: relative;}

.video_btn{width: 367px;height: 199px;cursor: pointer;}
#open_window {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); } 
.video_m {background:#eee;width: 960px; height: 540px; z-index: 1; margin: 7% auto; overflow: auto; } 
.xx {font-size: 22px;color: #000; cursor: pointer; position: absolute; top: 0; right: 0;width: 30px;text-align: center; height: 30px; line-height: 30px; background: #fff; z-index: 10;} 
.video_con {width: 960px; height: 540px; overflow: hidden;}
.video_con img{width: 960px; height: 540px;}

/*产品中心*/
.chanp{padding: 80px 0;}
.cp_t{background:url(../images/cp_line.gif) no-repeat center 18px;height: 100px;font-size: 40px;color: #262626;overflow: hidden;line-height: 40px;font-weight: normal;overflow: hidden;text-align: center;}
.cp_t a{color: #262626;}
.cp_t span{display: block;font-size: 20px;color: #666;padding: 15px 0 0;}
.cp_l{width: 295px;margin: 50px 0 0;background: #fff;border-bottom: #1754f1 3px solid;}
.cp_h2{width: 295px;height: 94px;overflow: hidden;background: #2a61ef;}
.cp_h2 a{font-size: 20px;color: #fff;display: block;padding: 20px 0 0 30px;line-height: 26px;}
.cp_h2 i{display: block;text-transform: uppercase;font-weight: normal;}
.cp_lm{width: 293px;height: 735px;overflow: hidden;border: #eee 1px solid;}
.cp_lm h3{width: 295px;height: 50px;overflow: hidden;}
.cp_lm h3 a{font-size: 16px;color: #333;display: block;width: 263px;height: 50px;line-height: 50px;background:#eee url(../images/cp_ico01.png) no-repeat 245px 22px;padding: 0 0 0 30px;}
.cp_lm h3 a:hover,.cp_lm ul li a:hover{color: #2a61ef;}
.cp_lm ul li a{font-size: 14px;color: #4b4b4b;background:url(../images/cp_ico02.png) no-repeat 245px 14px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 263px;height: 45px;line-height: 45px;padding: 0 0 0 30px;}
.cp_tel{height: 76px;padding: 18px 0 0 28px;width: 265px;border-left: #eee 1px solid;border-right: #eee 1px solid;}
.cp_tel p{font-size: 14px;color: #333;background:url(../images/cp_tel.gif) no-repeat 0 11px;padding-left: 50px;line-height: 26px;}
.cp_tel b{display: block;font-size: 26px;color: #2a61ef;}
.cp_r{width: 880px;margin: 50px 0 0;}
.cp_rm{width: 880px;height: 500px;position: relative;overflow: hidden;}
.cp_tit{width: 880px;height: 60px;}
.cp_tit ul li{float: left;height: 60px;width: 440px;position: relative;z-index: 20;}
.cp_tit ul li a{font-size: 18px;color: #333;display: block;height: 60px;width: 440px;background: #eee;text-align: center;line-height: 60px;overflow: hidden;}
.cp_tit ul li.on a{background: #2a61ef;color: #fff;}
.cp_tit ul li.on:before{content: "";width: 0;height: 0;position: absolute;top: 60px;left: 45%;
border-top:10px solid #2a61ef; 
border-left:10px solid transparent;
border-right:10px solid transparent;
}
.cp_r dl{width: 880px;height: 440px;position: relative;}
.cp_r dl dt{width: 880px;height: 440px;line-height: 0;overflow: hidden;}
.cp_r dl dt img{width: 880px;height: 440px;}
.cp_r dl dd{width: 350px;height: 267px;position: absolute;top: 70px;right: 45px;padding: 25px 0 0 25px;z-index: 20;background:url(../images/cp_k.png) no-repeat;}
.cp_r dl dd h5{height: 70px;line-height: 70px;overflow: hidden;}
.cp_r dl dd h5 a{font-size: 40px;color: #2a61ef;font-weight: normal;display: block;width: 350px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_r .cp_desc{font-size: 16px;color: #333;line-height: 28px;height: 112px;overflow: hidden;padding: 15px 0 0;}
.cp_lico,.cp_rico{display: block;width: 41px;height: 64px;position: absolute;top: 240px;z-index: 20;}
.cp_lico{left: 0;}
.cp_rico{right: 0;}
.cp_list{width: 880px;}
.cp_list ul li{width: 272px;height: 188px;float: left;position: relative;border: #e2e2e2 1px solid;margin-top: 24px;margin-right: 24px;}
.cp_list ul li b,.cp_list ul li span{width: 57px;height: 57px;display: none;line-height: 0;position: absolute;top: -3px;left: -3px;z-index: 20;}
.cp_list ul li b img,.cp_list ul li span img{width: 57px;height: 57px;}
.cp_list ul li:first-child b{display: block;}
.cp_list ul li.cp_li03 span{display: block;}
.cp_list ul li em{width: 244px;height: 122px;display: block;line-height: 0;overflow: hidden;margin: 14px 14px 8px;}
.cp_list ul li em img,.case01 dl dt img,.case_m ul li em img,.pinz dl dd img,.ys_r dl dt img,.cp_baike dl dt img,.news01 dl dt img{width: 244px;height: 122px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_list ul li em img:hover,.case01 dl dt img:hover,.case_m ul li em img:hover,.pinz dl dd img:hover,.ys_r dl dt img:hover,.cp_baike dl dt img:hover,.news01 dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_list ul li h4{display: block;width: 210px;height: 30px;line-height: 30px;font-size: 14px;color: #1b3579;background:url(../images/cp_ico04.png) no-repeat 222px 8px;font-weight: normal;margin: 0 auto;padding: 0 30px 0 4px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_list ul li.nobor{margin-right: 0;}
.cp_list ul li:hover{border: #2a61ef 1px solid;}
.cp_list ul li:hover h4{background:url(../images/cp_ico05.png) no-repeat 222px 8px;}

.videolist { position:relative; float:left;width: 110px; padding:15px 0 0;}
.videolist:hover{ cursor: pointer; }
.videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-480px; margin-top:-270px; z-index:100; width:960px; height:540px;  }
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }

/**/
.case_bg{background:#f6f6f6;overflow: hidden;padding: 75px 0 50px;}
.case .cp_t{background:url(../images/case_line.gif) no-repeat center 18px;}
.case01{margin:40px 0;}
.case01 dl{width: 1200px;height: 410px;}
.case01 dl dt{width: 820px;height: 410px;line-height: 0;float: left;overflow: hidden;position: relative;}
.case01 dl dt img{width: 820px;height: 410px;}
.case01 dl dt h4{height: 90px;line-height: 90px;overflow: hidden;background:url(../images/case_line02.gif) no-repeat 0 88px;position: absolute;top: 50px;left: 60px;z-index: 20;width: 220px;}
.case01 dl dt h4 a{font-size: 30px;color: #fff;font-weight: normal;display: block;width: 220px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case01 dl dd{width: 303px;height: 308px;background: #fff;float: left;border: #d2d2d2 1px solid;position: relative;padding: 100px 20px 0 55px;}
.case01 dl dd b{display: block;font-size: 98px;color: #eaeefd;text-transform: uppercase;font-family:Arial, Helvetica, sans-serif;position: absolute;top: 0;left: 0;line-height: 90px;}
.case01 dl dd h5{height: 45px;line-height: 45px;overflow: hidden;}
.case01 dl dd h5 a{font-size: 24px;color: #333;font-weight: normal;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 300px;}
.case01 dl dd h5 a:hover{color: #2a61ef;}
.case01 .case_desc{font-size: 14px;color: #666;line-height: 30px;height: 120px;overflow: hidden;padding: 15px 0 0;}
.case01 dl dd span{display: block;padding: 50px 0 0;}
.case01 dl dd span a{display: block;width: 110px;height: 30px;float: left;text-align: center;line-height: 30px;background: #2a61ef;font-size: 14px;color: #fff;margin-right: 20px;}
.case01 dl dd span img{width: 110px;height: 30px;}
.case01 dl dd span a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.case_bot{width: 300px;height: 410px;position: absolute;top: 0;left: 0;background: rgba(42,97,239,0.7);}
.case_bot a{display: block;width: 72px;height: 72px;border-radius: 50%;-webkit-transition:all .3s;transition:all .3s;position: absolute;top: 208px;left: 60px;}
.case_bot a:hover{box-shadow: 0 3px 5px 3px rgba(255,255,255,0.1);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.case_bot a img{display: block;width: 72px;height: 72px;line-height: 0;}
.case_bot ul{position: absolute;top: 360px;left: 60px;}
.case_bot ul li{background:#aaa;width: 12px;height: 12px;float: left;margin-right: 10px; cursor: pointer;text-indent:-99999px;border-radius: 50%;}
.case_bot ul li.on{background:#fff;}

/**/
.case_m{width: 1200px;overflow: hidden;}
.case_m ul li{width: 370px;float: left;margin-right: 43px;}
.case_m ul li em{display: block;width: 370px;height: 185px;overflow: hidden;line-height: 0;}
.case_m ul li em img{width: 370px;height: 185px;}
.case_m ul li span{display: block;font-size: 16px;color: #333;height: 30px;line-height: 30px;padding: 15px 10px 0;width: 350px;text-align: center;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case02 p,.hz p{width: 36px;height: 36px;position: absolute;top: 80px;}
.case02 p a,.hz p a{display: block;width: 36px;height: 36px;border-radius: 50%;-webkit-transition:all .3s;transition:all .3s;}
.case02 p a:hover,.hz p a:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.case_lico a,.hz_lico a{background:url(../images/case_lico01.png) no-repeat;}
.case_lico a:hover,.hz_lico a:hover{background:url(../images/case_lico02.png) no-repeat;}
.case_rico a,.hz_rico a{background:url(../images/case_rico01.png) no-repeat;}
.case_rico a:hover,.hz_rico a:hover{background:url(../images/case_rico02.png) no-repeat;}
.case_lico,.hz_lico{left: -60px;}
.case_rico,.hz_rico{right: -60px;}

/*品质*/
.pinz{padding: 70px 0;}
.pinz .cp_t{background:url(../images/pin_line.gif) no-repeat center 18px;}
.pinz01{margin-top: 50px;width: 300px;height: 535px;}
.pinz dl{width: 300px;height: 535px;}
.pinz dl dt{width: 298px;height: 157px;text-align: center;border: #e5e5e5 1px solid;font-size: 24px;color: #333;line-height: 30px;padding: 40px 0 0;}
.pinz dl dt b,.pinz_m h5 b{display: block;font-size: 48px;font-family: "Impact";line-height: 50px;padding-bottom: 10px;}
.pinz dl dt i,.pinz_m h5 i{display: block;font-size: 12px;color: #8c8c8c;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.pinz dl dd{width: 300px;height: 336px;line-height: 0;overflow: hidden;}
.pinz dl dd img{width: 300px;height: 336px;}
.pinz_m{width: 250px;height: 0;position: absolute;top: 0;left: 0;background: #2a61ef;text-align: center;padding: 0 25px;overflow: hidden;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.pinz_m h5{font-size: 24px;color: #fff;line-height: 30px;padding: 40px 0 0;}
.pinz_m h5 i{color: #bdc9f9;}
.pinz_desc{font-size: 12px;color: #e0e5fc;line-height: 28px;height: 112px;overflow: hidden;padding: 10px 0 0;}
.pinz01:hover .pinz_m{height: 336px;}
.pinz02 .pinz_m{top: auto;bottom: 0;}

/*定制流程*/
.liuc{background:url(../images/liuc_line.gif) no-repeat center 22px;padding: 0 0 80px;}
.liuc_t{font-size: 30px;color: #333;font-weight: normal;text-align: center;height: 50px;line-height: 50px;overflow: hidden;}
.iflow{overflow:hidden;margin-top:40px;background:url(../images/liuc_line01.png) no-repeat center 22px;}
.iflow .item{float:left;width:210px;color:#858585;font-size: 16px;}
.iflow .item .icon{display:block;width:56px;height:56px;float: left;position:relative;}
.iflow .item .icon i:before{content:'';}
.iflow .item .icon i,.iflow .item .icon i:before{position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/iflow_icon.png)}
.iflow .item .icon i.default{background-position:0 0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.iflow .item .icon i.hover{background-position:0 -56px;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.iflow .item.i1 .icon i:before{background-position:0 -112px;}
.iflow .item.i2 .icon i:before{background-position:0 -168px;}
.iflow .item.i3 .icon i:before{background-position:0 -224px;}
.iflow .item.i4 .icon i:before{background-position:0 -280px;}
.iflow .item.i5 .icon i:before{background-position:0 -336px;}
.iflow .item.i6 .icon i:before{background-position:0 -392px;}
.iflow .item:hover .icon i.default{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.iflow .item:hover .icon i.hover{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.iflow .item:hover{color: #1754f1;}
.item p{float: left;line-height: 24px;padding: 3px 0 0 20px;}
.item p em{display: block;}
.iflow .item.i6{width: 150px;}

/*优势*/
.ys_bg{background:url(../images/ys_bg.jpg) no-repeat center 0;height: 815px;padding: 75px 0 0;overflow: hidden;}
.ys .cp_t{background:url(../images/ys_line.gif) no-repeat center 18px;}
.ys_l{width: 220px;margin-top: 165px;}
.ys_l ul li{width: 220px;height: 112px;font-size: 24px;color: #333;background:url(../images/ys_line01.gif) no-repeat;line-height: 40px;padding: 20px 0 0;}
.ys_l ul li i{display: block;font-size: 18px;color: #666; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.ys_l ul li.ys_li04{position: absolute;top: 0;left: 310px;}
.ys_l ul li:hover,.ys_l ul li.on{background:url(../images/ys_line02.gif) no-repeat;font-weight: bold;color: #1754f1;}
.ys_l ul li:hover i,.ys_l ul li.on i{color: #1754f1;font-weight: normal;}
.ys_r{position: absolute;top: 145px;left: 50%;margin-left: -70px;}
.ys_r dl dt{width: 1032px;height: 668px;position: absolute;top: 0;left: 0;line-height: 0;overflow: hidden;}
.ys_r dl dt img{width: 1032px;height: 668px;}
.ys_r dl dd{width: 437px;height: 301px;position: absolute;top: 280px;left: -220px;}
.ys_desc{background:url(../images/ys_k.gif) no-repeat;width: 327px;height: 261px;position: absolute;top: 0;left: 0;padding: 40px 55px 0;z-index: 2;}
.ys_r dl dd h5{font-size: 30px;color: #fff;height: 90px;line-height: 40px;overflow: hidden;background:url(../images/ys_line03.gif) no-repeat 0 50px;}
.ys_r dl dd h5 i{display: block;font-size: 12px;color: #abbbf7;text-transform: uppercase;font-weight: normal; font-family:Arial, Helvetica, sans-serif;padding: 10px 0 0;}
.ys_r dl dd p{font-size: 14px;color: #e0e5fc;line-height: 24px;height: 96px;overflow: hidden;padding: 10px 0 0;}
.ys_r dl dd b{display: block; font-family:"Times New Roman", Times, serif;font-size: 100px;color: #b5c3f1;writing-mode: vertical-lr;position: absolute;bottom: 0;left: -70px;line-height: 100px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.ys_btn{width: 80px;height: 40px;position: absolute;top: 680px;left: 0;z-index: 20;}
.ys_btn a{display: block;width: 40px;height: 40px;float: left;}
.ys_lico{background:url(../images/ys_lico01.gif) no-repeat;}
.ys_lico:hover{background:url(../images/ys_lico02.gif) no-repeat;}
.ys_rico{background:url(../images/ys_rico01.gif) no-repeat;}
.ys_rico:hover{background:url(../images/ys_rico02.gif) no-repeat;}

/*合作客户*/
.hz_bg{background: #f6f6f6;padding: 0 0 70px;}
.hz_t{ background: url(../images/hz_line.gif) no-repeat 0 bottom;height: 60px;line-height: 50px;overflow: hidden;margin-top: -60px;}
.hz_t a{font-size: 24px;color: #1754f1;padding-left: 3px;}
.hz_m{width: 1200px;overflow: hidden;}
.hz ul{display: block;float: left;margin: 10px 0;}
.hz ul li{width: 200px;height: 100px;line-height: 0;overflow: hidden;box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);margin:20px 10px 0;padding:5px 10px;background: #fff;-webkit-transition:all .3s;transition:all .3s;}
.hz ul li img{width: 200px;height: 100px;}
.hz ul li:hover{box-shadow: 0 3px 5px 3px rgba(0,0,0,0.2);z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px);}
.hz p{top: 185px;}

/*新闻案例*/
.news_main{padding: 50px 0 80px;}
.news_main .cp_t{background:url(../images/news_line.gif) no-repeat center 18px;}
.news{width: 778px;border: #eaeaea 1px solid;height: 498px;}
.news01{width: 778px;height: 160px;}
.news01 dl{width: 730px;margin:0 auto;padding: 13px 0;height: 134px;}
.news01 dl dt{width: 268px;height: 134px;overflow: hidden;line-height: 0;float: left;}
.news01 dl dt img{width: 268px;height: 134px;}
.news01 dl dd{float: left;width: 425px;padding: 15px 0 0 30px;}
.news01 dl dd h5{ background:url(../images/news_ico01.gif) no-repeat;height: 36px;line-height: 40px;overflow: hidden;}
.news01 dl dd h5 a{font-size: 18px;color: #333;padding: 0 0 0 45px;}
.news01 dl dd h5 a:hover,.news02 dl dd h5 a:hover,.news03 ul li a:hover{color: #2a61ef;}
.news01 .news_desc,.news02 .news_desc,.wd_desc{font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;padding: 10px 0 0;}
.news01 dl dd span,.cp_baike dl dd span{display: block;line-height: 24px;margin-top: -24px;float: right;margin-right: 10px;}
.news01 dl dd span a,.cp_baike dl dd span a{font-size: 14px;color: #2a61ef;}
.news02{width: 778px;height: 130px;padding-top: 23px;border-top: #eaeaea 1px solid;border-bottom: #eaeaea 1px solid; background:url(../images/news_line02.gif) no-repeat 386px 0;}
.news02 dl{width: 368px;float: left;padding: 0 0 0 20px;}
.news02 dl dt{width: 52px;height: 100px;background: #d2d2d2;float: left;font-size: 16px;color: #333;overflow: hidden;line-height: 24px;text-align: center;}
.news02 dl dt i{display: block;padding: 25px 0 0;font-size: 14px;}
.news02 dl:hover dt{background: #2a61ef;color: #fff;}
.news02 dl dd{width: 275px;float: left;padding: 5px 0 0 15px;}
.news02 dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.news02 dl dd h5 a{font-size: 16px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 275px;}
.news02 .news_desc{padding: 0;}
.news03{width: 730px;margin:0 auto;padding: 10px 0 0;}
.news03 ul li{height: 40px;line-height: 40px;overflow: hidden; float:left;width: 365px;}
.news03 ul li a{font-size: 14px;color: #333;display: block;float: left;width: 330px;height: 40px;line-height: 40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news03 ul li b{padding-right: 8px;}
.news03 ul li span{display: block;float: right;font-size: 14px;color: #999;width: 100px;text-align: right;}

/*常见问答*/
.cp_baike{width: 330px;background: #f1f1f1;height: 475px;padding: 25px 25px 0;}
.cp_baike h4{height: 55px;line-height: 55px;overflow: hidden;}
.cp_baike h4 a{font-size: 18px;color: #333;}
.cp_baike h4 span{float: right;}
.cp_baike h4 span a{font-size: 14px;color: #666;font-weight: normal;}
.cp_baike dl{width: 330px;border-bottom: #d4d4d4 1px solid;height: 240px;}
.cp_baike dl dt{width: 330px;height: 165px;overflow: hidden;line-height: 0;}
.cp_baike dl dt img{width: 330px;height: 165px;}
.cp_baike dl dd span{margin-left: 200px;}
.cp_baike .news_qie{padding: 15px 0 0;}
.cp_baike ul li{height: 36px;line-height: 36px;overflow: hidden;}
.cp_baike ul li a{font-size: 14px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 330px;}
.cp_baike ul li a:hover{color: #2a61ef;}

/*聚焦同茂电机*/
.about{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 814px;overflow: hidden;}
.about dl{width: 580px;float: right;padding: 130px 0 0;}
.about dl dt{width: 580px;height: 150px;overflow: hidden; background:url(../images/ab_line.gif) no-repeat right 146px;line-height: 50px;text-align: right;}
.about dl dt a{font-size: 40px;color: #fff;}
.about dl dt span{display: block;font-size: 24px;color: #d2dbfb;padding: 10px 0 0;}
.about dl dd{padding: 35px 0 0;}
.about .ab_desc{font-size: 14px;color: #fff;line-height: 30px;height: 90px;overflow: hidden;text-align: right;}
.about ul{display: block;width: 280px;float: right;position: relative;margin-top: 55px;}
.about ul li{width: 135px;height: 135px;position: absolute;top: 0;}
.about ul li em{width: 50px;height: 46px;display: block;margin: 0 auto;line-height: 0;overflow: hidden;padding: 30px 0 5px;}
.about ul li em img{width: 50px;height: 46px;}
.about ul li a{display: block;font-size: 16px;color: #3051a9; background:url(../images/ab_k01.png) no-repeat;width: 135px;height: 135px;text-align: center;}
.about ul li a:hover{ background:url(../images/ab_k02.png) no-repeat;}
.about ul li.ab_li01{left: 0;}
.about ul li.ab_li02{right: 0;}
.about ul li.ab_li03{left: 72px;top: 80px;}

/*友情链接*/
.f_link{height: 50px;line-height: 50px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 16px;color: #333;width: 60px;text-transform: uppercase;}
.f_link p{font-size: 14px;color: #666;float: left;width: 1140px;}
.f_link p a{font-size: 14px;color: #666; padding:0 10px 0 0;}

/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(10px, 0, 0);}
}