﻿@charset "utf-8";

/*标题*/
.title{text-align: center;}
.title span{display: block;height: 60px;line-height: 60px;font-weight: bold;font-size: 44px;color: #000;}
.title span a{display: inline-block;height: 60px;color: #000;}
.title em{display: block;height: 34px;line-height: 34px;font-size: 24px;color: #000;padding-top: 10px;}

/*引子*/
.yin{height: 843px;background: url("../images/yin_bg.jpg") no-repeat center top;}
.yin .content{padding-top: 68px;}
.yin-ul{margin-top: 50px;height: 558px;position: relative;}
.yin-ul li{display: table;background-color: #fff;position: absolute;border: 1px solid #ededed;border-radius: 100%;transition: all 0.5s linear;}
.yin-ul li p{display: table-cell;color: #313131;text-align: center;vertical-align: middle;}
.yin-ul li b{font-size: 20px;}
.yin-ul li em{font-size: 16px;}
.yin-ul li.yin-li1{width: 170px;height: 170px;top: 125px;left: 48px;}
.yin-ul li.yin-li2{width: 150px;height: 150px;top: 25px;left: 300px;}
.yin-ul li.yin-li3{width: 165px;height: 165px;top: 10px;right: 215px;}
.yin-ul li.yin-li4{width: 160px;height: 160px;top: 182px;right: 368px;}
.yin-ul li.yin-li5{width: 125px;height: 125px;bottom: 114px;left: 240px;}
.yin-ul li.yin-li6{width: 185px;height: 185px;bottom: 0;left: 450px;}
.yin-ul li.yin-li7{width: 162px;height: 162px;bottom: 96px;right: 72px;}
.yin-ul li.yin-li8{width: 170px;height: 170px;top: 180px;left: 375px;}
.yin-ul li.yin-li9{width: 150px;height: 150px;top: 0px;left: 590px;}
.yin-ul li.cur{background-color: #1b4c96;border: 1px solid #1b4c96;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);}
.yin-ul li.cur p{color: #fff;}


/*服务保障*/
.six{padding: 30px 0 0;}
.six i{display: block;width: 25px;height: 14px;background: url("../images/six_icon1.png") no-repeat center top;margin: 20px auto 0;}
.six-ul{width: 1194px;margin: 30px auto 0;border: 1px solid #e5e5e5;border-right: 0;}
.six-ul li{float: left;width: 198px;height: 115px;border-right: 1px solid #e5e5e5;}
.six-ul li em{display: block;height: 30px;line-height: 30px;font-size: 22px;color: #060606;text-align: center;padding-top: 55px;background-repeat: no-repeat;background-position: center 28px;}
.six-ul li em.lem01{background-image: url("../images/six_ft1.png");}
.six-ul li em.lem02{background-image: url("../images/six_ft2.png");}
.six-ul li em.lem03{background-image: url("../images/six_ft3.png");}
.six-ul li em.lem04{background-image: url("../images/six_ft4.png");}
.six-ul li em.lem05{background-image: url("../images/six_ft5.png");}
.six-ul li em.lem06{background-image: url("../images/six_ft6.png");}
.six-ul li.cur{background-color: #02388b;}
.six-ul li.cur em{color: #fff;}
.six-ul li.cur em.lem01{background-image: url("../images/six_ft01.png");}
.six-ul li.cur em.lem02{background-image: url("../images/six_ft02.png");}
.six-ul li.cur em.lem03{background-image: url("../images/six_ft03.png");}
.six-ul li.cur em.lem04{background-image: url("../images/six_ft04.png");}
.six-ul li.cur em.lem05{background-image: url("../images/six_ft05.png");}
.six-ul li.cur em.lem06{background-image: url("../images/six_ft06.png");}
/*流程*/
.liuc{ background:url(../images/liuc_bg.jpg) no-repeat center 0;height: 287px;overflow: hidden;padding: 50px 0 0;}
.liuc h3{font-size: 30px;color: #fff;font-weight: normal; background:url(../images/liuc_line.png) no-repeat center 25px;height: 50px;line-height: 50px;overflow: hidden;text-align: center;}
.liuc h3 b{color: #f8b300;}
.liuc ul{margin-top: 40px;display: block;}
.liuc ul li{font-size: 16px;color: #fff;width: 133px;float: left;text-align: center;}
.liuc ul li em{display: block; width: 40px; height: 40px; line-height: 0; margin:0 auto 10px; overflow: hidden;} 
.liuc ul li em img{width: 40px;height: 80px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;}
.liuc ul li:hover em img{margin-top: -40px;}
.liuc span{display: block; width: 172px;margin:0 auto;padding: 40px 0 0;}
.liuc span a{display: block; width: 172px; text-align: center; height: 36px; line-height: 36px; background: #02388b; font-size: 16px; color: #fff; overflow: hidden;border-radius: 30px;}

/*产品*/
.pro{padding: 30px 0 150px;overflow: hidden;}
.pro .content{width: 1206px;}
.pro-box{margin-top: 50px;}
.pro-box dl{float: left;width: 400px;}
.pro-box dt{height: 300px;overflow: hidden;}
.pro-box dt img{width: 400px;height: 300px;display: block;transition: all 0.5s linear;}
.pro-box dt img:hover{transform: scale(1.1);}
.pro-box dd{height: 294px;border: 3px solid #e5e5e5;}
.pro-box dd h2{padding-top: 65px;text-align: center;}
.pro-box dd h2 em{display: block;height: 30px;line-height: 30px;font-size: 22px;color: #999;text-transform: uppercase;}
.pro-box dd h2 span{display: block;height: 36px;line-height: 36px;font-size: 28px;color: #333333;}
.pro-box dd a{display: block;width: 140px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;text-align: center;background-color: #f8b300;border-radius: 30px;margin: 30px auto 0;}

/*客户见证*/
.khu{padding: 30px 0 180px;background-color: #f7f7f7;position: relative;overflow: hidden;}
.khu::after{position: absolute;content: "";width: 100%;left: 0;bottom: 179px;height: 1px;background-color: #d2d2d2;}
.khu-box{background-color: #fff;padding: 60px;margin: 65px 0;position: relative;}
.khu-dx dt{float: left;width: 250px;height: 188px;border: 1px solid #d6d6d6;}
.khu-dx dt img{width: 250px;height: 188px;display: block;}
.khu-dx dd{float: right;width: 750px;}
.khu-dx dd h2{height: 32px;line-height: 32px;font-size: 24px;color: #303030;padding-bottom: 12px;position: relative;}
.khu-dx dd h2::after{position: absolute;content: "";width: 40px;height: 4px;background-color: #e5e5e5;left: 0;bottom: 0;z-index: 1;}
.khu-dx dd p{font-size: 15px;line-height: 26px;color: #303030;opacity: 0.8;text-align: justify;padding-top: 15px;}
.khu-dx dd a{display: block;width: 140px;height: 40px;line-height: 40px;font-size: 16px;color: #fff;text-align: center;background-color: #f8b300;border-radius: 30px;margin-top: 13px;}
.khu-tab{position: absolute;width: 100%;height: 128px;left: 0;bottom: -194px;z-index: 1;}
.khu-tab li{float: left;width: 170px;position: relative;margin-right: 1px;}
.khu-tab li.last{margin-right: 0;}
.khu-tab li img{width: 170px;height: 128px;filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-o-filter: grayscale(100%);}
.khu-tab li.cur img{filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-o-filter: grayscale(0);}
.khu-tab li.cur::before{position: absolute;content: "";width: 136px;height: 4px;background-color: #f8b300;left: 17px;top: 0;z-index: 2;}

/*新闻资讯*/
.new{padding: 30px 0 100px;}
.new-box{padding-top: 35px;}
.new-tab{width: 390px;height: 36px;border: 1px solid #d0d0d0;margin: 0 auto;}
.new-tab li{float: left;width: 33.33%;}
.new-tab li a{display: block;height: 36px;line-height: 36px;font-size: 18px;color: #999;text-align: center;}
.new-tab li.cur a{color: #222;}
.new-dx{margin-top: 25px;}
.new-con dl{float: left;width: 580px;  margin-left: 10px;
    margin-right: 10px;
}}
.new-con dl.last{margin-left: 40px;}
.new-con dt{height: 290px;overflow: hidden;}
.new-con dt img{width: 580px;height: 290px;display: block;transition: all 0.5s linear;}
.new-con dt img:hover{transform: scale(1.1);}
.new-txt{padding: 25px 0 15px;border-bottom: 1px solid #ebebeb;}
.new-txt h2{height: 30px;}
.new-txt h2 a{float: left;width: 470px;height: 30px;line-height: 30px;font-size: 18px;color: #222222;}
.new-txt h2 em{float: right;width: 100px;height: 30px;line-height: 30px;font-size: 12px;font-style: italic;font-family: "Arial";color: #aaaaaa;text-align: right;text-transform: uppercase;}
.new-txt p{font-size: 14px;line-height: 30px;color: #aaaaaa;}
.new-list .new-dl{float: left;width: 580px;}
.new-list .last{margin-left: 40px;}

/*关于我们*/
.abo{padding: 220px 0 0;background: url("../images/abo_bg1.jpg") no-repeat center top;}
.abo-title{text-align: center;font-size: 44px;color: #fff;}
.abo-title a{display: inline-block;font-weight: bold;height: 60px;line-height: 60px;color: #fff;}
.abo-title em{display: block;height: 60px;line-height: 60px;}
.abo-desc{width: 1020px;font-size: 14px;line-height: 30px;text-align: center;padding-top: 45px;color: #fefefe;opacity: 0.7;margin: 0 auto;}
.abo-more{padding: 36px 0 140px;}
.abo-more a{display: block;width: 210px;height: 50px;line-height: 50px;font-size: 16px;color: #fff;text-align: center;background-color: #f8b300;border-radius: 30px;margin: 0 auto;}
.abo-tab{padding: 65px 0;}
.abo-tab li{float: left;width: 280px;padding: 0 60px;height: 44px;}
.abo-tab li i{float: left;width: 80px;height: 44px;line-height: 44px;font-family: "Arial";font-weight: bold;font-size: 38px;color: #969696;position: relative;}
.abo-tab li i::after{position: absolute;content: "";width: 1px;height: 34px;background-color: #e6e6e6;right: 0;top: 5px;z-index: 1;}
.abo-tab li img{float: left;width: 24px;height: 24px;padding: 7px;border: 1px solid #e6e6e6;margin: 2px 0 0 30px;}
.abo-tab li a{float: right;}
.abo-tab li a span{display: block;height: 24px;line-height: 24px;font-size: 18px;color: #6f6f6f;}
.abo-tab li a em{display: block;height: 20px;line-height: 20px;font-size: 12px;color: #aaa9a9;text-transform: uppercase;}

/**/