@charset "utf-8";

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

/**/
.six{ padding:75px 0;font-size: 0;}
.six ul li{float: left;font-size: 14px;color: #333;box-shadow: 0 3px 10px 3px #eaeaea;width: 180px;height: 160px;text-align: center; padding:20px 0 0;overflow: hidden; border:#eee 1px solid; margin-left:21px;}
.six ul li:hover{background: #246CD7;color: #fff;}
.six ul li em{display: block;width: 50px;height: 50px;line-height: 0;overflow: hidden; margin:0 auto;}
.six ul li em img{width: 50px;height: 100px;}
.six ul li b{display: block;font-size: 18px; padding:10px 0;}
.six ul li:hover em img{ margin-top:-50px;}
.six ul li:first-child{ margin-left:0;}

/**/
.case{ padding:13px 0 25px;}
.case_bt,.ys_bt{font-weight: normal;text-align: center; background:url(/img/case_line.png) no-repeat center 60px;-webkit-transition:transform .3s;transition:transform .3s;height: 105px;line-height: 30px;}
.case_bt a{font-size: 30px;color: #333;}
.case_bt b,.ys_bt b{color: #246CD7;}
.case_bt span,.ys_bt span{display: block;font-size: 18px;color: #666;font-weight: normal; padding:10px 0 0;}
.case_bt:hover,.ys_bt:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.case_l{width: 260px;}
.case_l h3{ background:url(../images/index/case_ltbg.gif) no-repeat;width: 260px;height: 92px;line-height: 110px;overflow: hidden;}
.case_l h3 a{font-size: 24px;color: #fff;font-weight: normal; padding:0 0 0 20px;}
.case_l ul li{width: 260px;height: 50px; padding:1px 0 0;}
.case_l ul li a,.case_l span a{font-size: 16px;color: #333;display: block;width: 210px;height: 50px;line-height: 50px;background: #f2f2f2 url(../images/index/case_ico01.png) no-repeat 20px 15px; padding:0 0 0 50px;}
.case_l li.case_li02 a,.case_l span a{ background-color:#e6e6e6;}
.case_l ul li a:hover,.case_l ul li.on a{background: #46af33 url(../images/index/case_ico02.png) no-repeat 20px 15px;color: #fff;}
.case_l span{ padding:1px 0 0;display: block;width: 260px;height: 50px;}
.case_r{width: 921px;}
.case_r dl dt{width: 531px;height: 398px;float: left;overflow: hidden;}
.case_r dl dt img,.ys_l img,.three03 dl dt img,.news01 img{width: 531px;height: 398px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_r dl dt img:hover,.ys_l img:hover,.three03 dl dt img:hover,.news01 img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_r dl dd{width: 340px;height: 325px;background: #0051a3;float: left; padding:25px 25px 0; margin:16px 0 0;}
.case_r dl dd h5{height: 66px;line-height: 66px;overflow: hidden; background:url(../images/index/case_ico03.gif) no-repeat 0 63px;}
.case_r dl dd h5 a{font-size: 18px;color: #fff;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.case_r .case_desc{font-size: 14px;color: #fff;line-height: 30px;height: 120px;overflow: hidden; padding:15px 0 0;}
.case_r dl dd span{display: block;width: 148px; padding:30px 0 0;}
.case_r dl dd span a{font-size: 14px;color: #fff;display: block;width: 146px;height: 38px;text-align: center;line-height: 38px; border:#fff 1px solid;border-radius:5px;}
.case_r dl dd span a:hover,.ban_tel em a:hover{animation:shake 1s linear;-webkit-animation:shake 1s linear;}


/**/
.ys_bg{ background:url(../images/index/ys_bg.jpg) no-repeat center 0;height: 602px; padding:76px 0 0;font-size: 0;overflow: hidden;}
.ys_bt{font-size: 30px;color: #333; background:url(../images/index/ys_line.png) no-repeat center 55px;}
.ys_l{width: 575px;height: 431px;overflow: hidden;}
.ys_l img{width: 575px;height: 431px;}
.ys_r{width: 600px;}
.ys_t{font-size: 30px;}

.ys_qie{width: 560px;height: 260px; padding:40px 20px 0; background:url(../images/index/ys_picbg.png) repeat;position: relative;}
.ys_qie h3{font-size: 18px;color: #0051a3;}
.ys_qie p{font-size: 14px;color: #333;line-height: 24px; padding:25px 0 0;}
.ys_qie span{display: block;font-size: 12px;color: #b9baba; font-family:Arial, Helvetica, sans-serif; padding:20px 0 0;}
.ys_qie i{display: block;font-size: 36px;color: #b0b0b0; font-family:"Times New Roman", Times, serif;position: absolute;top: 12px;left: 20px;}

/**/
.pro{ padding:-30px 0 30px 0;}
.pro .case_bt{ background:url(cp_line01.gif) no-repeat center 60px;}

/**/
.three_bg{ background:url(../images/index/three_tbg.jpg) no-repeat center 0;}
.three_bt{font-size: 30px;color: #fff; padding:40px 0 0 450px;height: 122px;line-height: 32px;}
.three_bt span{display: block;font-size: 18px;font-weight: normal; padding:18px 0 0 80px;}
.three_bt b{font-size: 24px;}

.three01,.three02,.three03{ padding:40px 0 0;}
.three01 h3,.three02 h3,.three03 h3{font-size: 24px;color: #0051a3;height: 65px;line-height: 60px;text-align: center;overflow: hidden; background:url(../images/index/three_line.gif) no-repeat center 63px;}
.three01 h3 i,.three02 h3 i,.three03 h3 i{font-size: 30px;color: #46af33;font-weight: normal; padding:0 20px 0 0;}
.three01 p{font-size: 14px;color: #333;line-height: 22px; padding:10px 0 0;width: 710px;text-align: center; margin:0 auto;}

.three01_m{ background:url(../images/index/three_bg01.jpg) no-repeat;height: 250px; padding:125px 0 0;margin:15px 0 0;}
.three01_m ul li{font-size: 16px;color: #333; background:#fff;border-radius:50%;width: 130px;height: 130px;text-align: center;line-height: 32px;float: left; margin-left:60px;}
.three01_m ul li b{display: block;font-size: 24px;color: #0051a2; padding:33px 0 0;}
.three01_m ul li:hover{ background:url(../images/index/three_k01.png) no-repeat;}
.three01_m ul li:hover,.three01_m ul li:hover b{color: #fff;}

.three02 dl{width: 210px;text-align: center;float: left; background:url(three_line02.gif) no-repeat 0 35px; padding:30px 0 0;}
.three02 dl dt{width: 108px; margin:0 auto;height: 108px; background:url(three_k03.png) no-repeat;}
.three02 dl dt:hover{ background:url(three_k04.png) no-repeat;}
.three02 dl dt img{width: 108px;height: 108px;}
.three02 dl dd{ padding:10px 0 0;}
.three02 dl dd h5{font-size: 18px;color: #333;height: 30px;line-height: 30px;}
.three02 dl dd p{font-size: 14px;color: #333;line-height: 22px; padding:10px 0 0;}
.three02 dl:first-child{ background:none;}
.three03_m{background: #0051a3;height: 450px; margin:20px 0 0;}

.three03 dl{width: 400px;float: left;background: #f2f2f2;height: 450px;}
.three03 dl dt{width: 400px;height: 225px;overflow: hidden;}
.three03 dl dt img{width: 400px;height: 225px;}
.three03 dl dd{text-align: center;width: 320px; margin:0 auto; padding:45px 0 0;height: 180px;}
.three03 dl dd h5{font-size: 24px;color: #0051a3;height: 30px;line-height: 30px;overflow: hidden;}
.three03 dl dd p{font-size: 14px;color: #333;line-height: 24px; padding:15px 0 0;}

/**/
.xin{ padding:70px 0 60px;}
.xin_bt{font-weight: normal;font-size: 30px;color: #333;line-height: 40px; background:url(../images/index/xin_line.gif) no-repeat center 60px;text-align: center;height: 115px;}
.xin_bt b{color: #0051a3;}
.xin_bt span{display: block;font-size: 18px;color: #666;}
.xin dl{width: 348px;height: 198px;float: left; border:#e6e6e6 1px solid;color: #333; margin-right:75px;}
.xin dl dt{width: 80px;height: 80px;float: left;background: #0051a3; margin:60px 20px 0 -1px;}
.xin dl dt img{width: 80px;height: 80px;}
.xin dl dd{width: 222px;float: left; padding:25px 0 0;}
.xin dl dd h5{font-size: 18px;color: #0051a3;height: 30px;line-height: 30px;overflow: hidden;}
.xin dl dd p{font-size: 14px;line-height: 24px; padding:10px 0 0;}
.xin dl:hover{background: #0051a3;color: #fff; border:#0051a3 1px solid;}
.xin dl:hover dt{background: #46af33;}
.xin dl:hover dd h5{color: #fff;}
.xin .nobor{ margin:0;}