@charset "utf-8";body{min-width:1200px;width:100%}
.four{padding:60px 0;font-size:0}
.four_t{font-size:28px;color:#333;text-align:center;background:url(../images/four_line.gif) no-repeat center 68px;line-height:28px;-webkit-transition:transform .3s;transition:transform .3s;height:115px}
.four_t em{display:block;width:42px;height:42px;margin:0 auto;padding:0 0 10px}
.four_t span{display:block;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#bbb;font-weight:400;padding:3px 0 0}
.four_t:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}
.four_t em img{width:42px;height:42px;display:block;transition:all .5s ease-in-out 0s}
.four_t:hover em img{transform:rotateY(180deg)}
.ibrand-num{padding:25px 0 0}
.ibrand-num li{float:left;width:182px;height:120px;padding-top:62px;margin-left:157px;text-align:center;color:#0061c2;font-size:20px;position:relative}
.ibrand-num li:first-child{margin-left:0}
.ibrand-num li span{font-size:42px;font-family:Verdana,Geneva,sans-serif}
.ibrand-num li b{display:block;font-size:16px;color:#666;font-weight:400;padding:10px 0 0}
.ibrand-num li .spinner{position:absolute;top:0;right:0;width:174px;height:174px;border:4px solid #e8e8e8;border-radius:50%;-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}
.ibrand-num li:hover .spinner{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);border-color:#0061c2}
.four .four_li01 .spinner{border-right-color:#0061c2}
.four .four_li02 .spinner{border-top-color:#0061c2}
.four .four_li03 .spinner{border-left-color:#0061c2}
.four .four_li04 .spinner{border-bottom-color:#0061c2}
.case_bg{background:#e8e8e8;font-size:0;height:460px;overflow:hidden}
.case_t{width:315px;height:100px;background:url(../images/case_ico01.gif) no-repeat 0 97px;line-height:32px;position:absolute;top:75px;left:0}
.case_t a{font-size:28px;color:#0061c2}
.case_t b{padding:0 10px 0 0}
.case_t span{display:block;font-size:16px;color:#191f5b;padding:10px 0 0}
.case_l{width:880px;padding:75px 0 0}
.case_l dl{width:880px;display:inline-block}
.case_l dl dt{width:560px;height:315px;overflow:hidden;float:right}
.case_l dl dt img,.news dt img{width:560px;height:315px;-webkit-transition:1s;-moz-transition:1s;transition:1s}
.case_l dl dt img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.case_l dl dd{width:260px;float:left;padding:130px 0 0}
.case_l dl dd h5{height:30px;line-height:30px;overflow:hidden}
.case_l dl dd h5 a{font-size:20px;color:#333}
.case_l dl dd h5 a:hover{color:#0061c2}
.case_l .case_desc{font-size:16px;color:#666;line-height:26px;height:52px;overflow:hidden;padding:10px 0 0}
.about dl dd span,.case_l dl dd span{display:block;width:144px;padding:30px 0 0}
.about dl dd span a,.ban01 p em a,.case_l dl dd span a,.ys dl dd span a{display:block;font-size:16px;color:#fff;font-weight:700;background:url(../images/case_btn.png) no-repeat;width:144px;height:46px;text-align:center;line-height:46px;overflow:hidden}
.about dl dd span a:hover,.ban01 p em a:hover,.case_l dl dd span a:hover,.ys dl dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear}
.case_r{width:250px;background:url(../images/case_line.gif) no-repeat 190px 0;height:385px;padding:75px 0 0}
.case_r ul li{width:250px;line-height:24px;height:60px;padding:0 0 30px}
.case_r ul li b{display:block;float:left;font-size:20px;color:#333;width:165px;text-align:right}
.case_r ul li i{display:block;font-size:14px;color:#bcbcbc;font-weight:400;font-family:Arial,Helvetica,sans-serif}
.case_r ul li em{display:block;float:right;width:50px;text-align:right;font-size:16px;font-family:"Times New Roman",Times,serif;color:#666;padding:5px 0 0}
.case_r ul li a{background:url(../images/case_ico02.png) no-repeat 184px 10px;display:block;width:250px;height:60px}
.case_r ul li a:hover,.case_r ul li.on a{background:url(../images/case_ico03.png) no-repeat 184px 10px}
.cp_bg{background:#eaeaea url(../images/cp_bg.jpg) no-repeat center top;font-size:0;padding:0 0 60px}
.cp_t{height:140px;text-align:center;line-height:115px;padding:0 0 40px}
.cp_t a{font-size:32px;color:#fff;-webkit-transition:transform .3s;transition:transform .3s;display:inline-block;background:url(../images/cp_ico01.gif) no-repeat center 95px;height:140px}
.cp_t a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}
.cp_l{width:224px;padding:0 0 15px;border:#0061c2 3px solid;background:#fff}
.cp_l h3{background:url(../images/cp_ltbg.gif) no-repeat;width:224px;height:81px;font-weight:400}
.cp_l h3 a{font-size:26px;color:#eee;display:block;padding:20px 0 0 72px}
.cp_ul01{padding:10px 0 0}
.cp_ul01 li a{display:block;font-size:16px;color:#666;font-weight:400;margin:0 auto;border-bottom:#d3d3d3 1px dashed;height:38px;line-height:38px;background:url(../images/cp_ico02.gif) no-repeat 0 14px;padding:0 0 0 12px;width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp_ul01 li a:hover{font-weight:700;color:#0061c2}
.cp_l .cp_ul01 .nobor a{border:none}
.cp_r{width:942px;margin-top:30px}
.cp_r ul li{width:292px;float:left;padding:0 0 0 22px;position:relative;overflow:hidden;margin-bottom:20px}
.cp_r ul li img{width:292px;height:219px}
.cp_r ul li em{width:292px;height:219px;display:none;position:absolute;top:0;right:0}
.cp_r ul li span{display:block;width:292px;text-align:center;height:50px;line-height:36px;overflow:hidden}
.cp_r ul li a{font-size:16px;color:#666}
.cp_r ul li a:hover{color:#0061c2;font-weight:700}
.cp_r ul li a:hover em{display:block}
.ban01{background:url(../images/ban01.jpg) no-repeat center 0;height:250px;overflow:hidden}
.ban01 p{position:absolute;top:170px;right:0}
.ban01 p span{display:block;font-size:14px;color:#666;float:left;text-shadow:1px 2px 1px #fff;width:330px;background:url(../images/ban_tel.png) no-repeat 0 5px;padding:0 0 10px 60px;height:46px;line-height:46px}
.ban01 p span b{font-size:22px;color:#0061c2}
.ban01 p em{display:block;float:left;width:144px}
.ban02{background:url(../images/ban02.jpg) no-repeat center 0;height:260px;overflow:hidden}
.ban02 p{position:absolute;top:195px;left:350px;}
.ban02 p span{color:#000;text-shadow:1px 2px 1px #ccc}
.ys_tbg{background:url(../images/ys_tbg.jpg) no-repeat center 0;height:180px;padding:38px 0 0;overflow:hidden}
.ys_tbg .four_t{background:url(../images/ys_line.gif) no-repeat center 68px}
.about .four_t span,.ys_tbg .four_t span{font-size:16px;color:#666;padding:5px 0 0}
.ys01{background:url(../images/ys_bg01.jpg) no-repeat center 0;height:411px;overflow:hidden}
.ys02{background:url(../images/ys_bg02.jpg) no-repeat center 0;height:410px;overflow:hidden}
.ys03{background:url(../images/ys_bg03.jpg) no-repeat center 0;height:448px;overflow:hidden}
.ys04{background:url(../images/ys_bg04.jpg) no-repeat center 0;height:400px;overflow:hidden}
.ys05{background:url(../images/ys_bg05.jpg) no-repeat center 0;height:387px;overflow:hidden}
.ys dl{width:510px;display:inline-block}
.ys dl dt{width:80px;height:80px;text-align:center;line-height:80px;font-size:50px;color:#fff;font-weight:700;background:#0061c2;font-family:"Times New Roman",Times,serif;float:left}
.ys dl dd{padding:0 0 0 30px;width:400px;float:left}
.ys dl dd h5{font-size:28px;color:#0061c2;line-height:32px;height:100px}
.ys dl dd h5 em{display:block;font-size:14px;color:#d9d9d9;font-weight:400;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif;width:236px;text-align:center;height:32px;line-height:32px;background:#fff;border:#e0e0e0 2px solid;margin:12px 0 0}
.ys dl dd p{font-size:18px;color:#333;line-height:32px;background:url(../images/ys_ico01.png) no-repeat 0 14px;padding:0 0 0 20px}
.ys dl dd span{display:block;width:144px;padding:20px 0 0}
.ys dl dd span a{background:url(../images/ys_btn.png) no-repeat;color:#f97b47}
.ys02 .ys dl,.ys04 .ys dl{padding:0 0 0 690px}
.anli_bg{background:url(../images/anli_bg.jpg) no-repeat center top;font-size:0;padding:0 0 60px}
.anli_t{height:112px;text-align:center;padding:40px 0 0;margin:0 0 40px;line-height:40px}
.anli_t a{font-size:32px;color:#fff;-webkit-transition:transform .3s;transition:transform .3s;display:inline-block}
.anli_t span{display:block;font-size:16px;font-weight:400}
.anli_t a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}
.anli_l{width:284px}
.anli_l ul li{width:284px;height:82px;padding:0 0 10px}
.anli_l ul li a{font-size:20px;color:#333;font-weight:700;display:block;height:64px;width:243px;border:#0061c2 3px solid;background:#fff;display:block;padding:12px 0 0 35px;line-height:26px}
.anli_l ul li a:hover,.anli_l ul li.cur a{background:#0061c2;color:#fff}
.anli_l ul li em{display:block;font-size:14px;color:#b7b7b7;font-weight:400;font-family:Arial,Helvetica,sans-serif}
.anli_l ul li a:hover em,.anli_l ul li.cur em{color:#888}
.anli_c{position:relative;width:590px;height:443px;overflow:hidden;margin:0 0 0 20px}
.anli_cm{width:590px;height:443px}
.anli_cm ul li{width:590px;height:443px}
.anli_cm ul li img{width:590px;height:443px}
.anli_cb{width:590px;left:50%;margin-left:-295px;bottom:10px;position:absolute;z-index:1;overflow:hidden}
.anli_cb ul{margin-left:250px}
.anli_cb ul li{float:left;margin:0 10px;display:inline;cursor:pointer}
.anli_cb ul li{width:12px;height:12px;background:url(../images/anli_ico01.png) no-repeat}
.anli_cb ul .on{background:url(../images/anli_ico02.png) no-repeat}
.anli_r{width:100%;height:443px;background:#f1f1f1;padding:0 21px}
.anli_r b{display:block;height:52px;line-height:52px;overflow:hidden}
.anli_r b a{font-size:18px;color:#333}
.anli_r ul li{width:284px;height:214px;position:relative;margin:0 8px 14px;float:left}
.anli_r ul li img{width:284px;height:214px}
.anli_r ul li span{width:284px;display:block;text-align:center;height:38px;line-height:38px;font-size:14px;color:#fff;background:url(../images/anli_picbg.png) repeat-x;position:absolute;bottom:0;left:0;overflow:hidden}
.news_bt{padding:60px 0 0;text-align:center;background:url(../images/news_line.png) no-repeat center 125px;height:95px}
.news_bt a{font-size:28px;color:#333;-webkit-transition:transform .3s;transition:transform .3s;display:block}
.news_bt em{display:block;width:42px;height:42px;margin:0 auto;padding:0 0 10px}
.news_bt em img{width:42px;height:42px;display:block;transition:all .5s ease-in-out 0s}
.news_bt a:hover em img{transform:rotateY(180deg)}
.news_bt a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}
.news,.wd{width:725px;padding:0 0 45px;font-size:0}
.news_t{height:45px;line-height:45px;border-bottom:#c8c8c8 1px solid}
.news_t a{font-size:20px;color:#0061c2;font-weight:700}
.news_t em{display:block;float:left;width:22px;padding:13px 10px 0 0}
.news_t span{float:right}
.news_t span a{font-size:14px;color:#999;font-weight:400}
.news dl{width:725px;padding:25px 0 30px;display:inline-block;overflow:hidden}
.news dt{width:300px;height:150px;float:left;overflow:hidden}
.news dt img{width:300px;height:150px}
.news dd{float:left;overflow:hidden;width:400px;padding:0 0 0 20px}
.news dd h3{height:30px;line-height:30px;overflow:hidden}
.news dd h3 a{font-size:16px;color:#333}
.news dd h3 a:hover,.news ul li a:hover,.wd dt a:hover{color:#0061c2}
.news .news_desc{font-size:14px;color:#666;height:66px;line-height:22px;overflow:hidden;padding:5px 0 0}
.news dd span{display:block;width:100px;padding:15px 0 0}
.news dd span a{font-size:14px;color:#fff;display:block;width:100px;height:30px;background:#0061c2;text-align:center;line-height:30px;overflow:hidden}
.news dd span a:hover{animation:shake .5s linear;-webkit-animation:shake .5s linear}
.news ul li{height:50px;overflow:hidden;width:362px;float:left;padding:0 0 16px}
.news ul li em{display:block;float:left;width:85px;height:50px;text-align:center;line-height:50px;background:#888;font-size:25px;color:#fff;font-family:"Times New Roman",Times,serif}
.news ul li a{display:block;height:48px;line-height:48px;border:#ddd 1px solid;font-size:14px;color:#555;padding:0 5px 0 10px;width:250px;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wd{width:400px;font-size:0}
.wd .news_t{margin:0 0 20px}
.wd dl{width:400px;height:85px;border-bottom:#c4c4c4 1px dashed;padding:15px 0 0}
.wd dt{background:url(../images/wen.gif) no-repeat;padding-left:35px;height:25px;line-height:20px;overflow:hidden}
.wd dt a{font-size:16px;color:#333;font-weight:700}
.wd dd{font-size:14px;color:#555;background:url(../images/da.gif) no-repeat 0 5px;padding-left:35px;line-height:25px;height:50px;overflow:hidden}
.ab_bg{background:#f3f3f3;padding:60px 0 75px;font-size:0;overflow:hidden}
.about .four_t{background:url(../images/news_line.png) no-repeat center 68px;height:145px}
.about .four_t a{font-size:28px;color:#333}
.about dl{width:1200px;display:inline-block;overflow:hidden;padding:0 0 20px}
.about dl dt{width:600px;height:339px;float:left;overflow:hidden}
.about dl dt img{width:600px;height:339px}
.about dl dd{width:530px;height:299px;padding:40px 30px 0 40px;float:left;background:#fff}
.about dl dd h5{background:url(../images/case_ico01.gif) no-repeat 0 72px;height:75px;line-height:30px}
.about dl dd h5 a{font-size:24px;color:#333}
.about dl dd h5 i{display:block;font-size:16px;color:#7c7c7c;font-weight:400;text-transform:uppercase}
.about .ab_desc{font-size:14px;color:#666;height:125px;line-height:26px;padding:20px 0 0;overflow:hidden}
.ab_bot{padding:48px 0 0 175px;width:1200px;display:inline-block}
.ab_bot a{display:block;font-size:20px;color:#0061c2;font-weight:700;height:64px;line-height:62px;width:264px;text-align:center;float:left;margin:0 30px 0 0}
.ab_bot .ab_btn01{background:url(../images/ab_k01.png) no-repeat}
.ab_bot .ab_btn02{background:url(../images/ab_k02.png) no-repeat}
.ab_bot .ab_btn03{background:url(../images/ab_k03.png) no-repeat}
.links_bg{height:60px;background:#0061c2}
.links_l{width:150px;text-align:center;height:60px;line-height:60px;background:#0152a4;font-size:18px;color:#fff;font-weight:700}
.links_c{height:60px;line-height:60px;overflow:hidden;width:1050px}
.links_c a{font-size:14px;color:#fff;display:inline-block;padding:0 0 0 20px}
@-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)}
}
