@charset "utf-8";

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

/**/
.yin{padding: 75px 0 60px;background: #f8f8f8;}
.yin_t{font-size: 40px;color: #333;text-align: center;background:url(../images/yin_tbg.gif) no-repeat center 0;height: 100px;line-height: 40px;overflow: hidden;padding: 10px 0 0;}
.yin_t a{color: #333;}
.yin_t span{display: block;font-size: 24px;color: #666;font-weight: normal;padding: 10px 0 0;}

.yin dl{width: 280px;height: 305px;float: left;padding: 45px 0 0;margin-top: 45px;margin-right: 26px;overflow: hidden;}
.yin dl dt{width: 62px;height: 62px;line-height: 0;overflow: hidden;margin: 0 auto;}
.yin dl dt img{width: 62px;height: 124px;-webkit-transition:all .5s;transition:all .5s;}
.yin dl dd{padding: 20px 0 0;text-align: center;}
.yin dl dd h5{font-size: 26px;color: #024287;height: 75px;line-height: 32px;overflow: hidden;background:url(../images/yin_ico01.gif) no-repeat center 73px;}
.yin dl dd h5 i{display: block;font-size: 14px;color: #c8c8c8;font-weight: normal; font-family:Arial, Helvetica, sans-serif;}
.yin dl dd p{font-size: 16px;color: #666;line-height: 25px;max-height: 75px;overflow: hidden;padding: 12px 0 0;width: 250px;margin: 0 auto;}
.yin .nobor{margin-right: 0;}
.yin dl:hover,.yin dl.cur{background: #024287;color: #fff;}
.yin dl:hover dt img,.yin dl.cur dt img{margin-top: -62px;}
.yin dl:hover dd h5,.yin dl.cur dd h5{color: #fff;background:url(../images/yin_ico02.gif) no-repeat center 73px;}
.yin dl:hover dd h5 i,.yin dl:hover dd p,.yin dl.cur dd h5 i,.yin dl.cur dd p{color: #fff;}

/*产品优势*/
.eight{ background:url(../images/four_bg.jpg) no-repeat center 0;height: 913px;padding: 82px 0 0;overflow: hidden;}
.eight_t{font-size: 30px;color: #024287;line-height: 108px;text-align: center;height: 108px;overflow: hidden;}
.eight_l{padding: 50px 0 0 50px;width: 320px;}
.eight_l dl{height: 275px;width: 280px;overflow: hidden;}
.eight_l dl dt{font-size: 36px;color: #333;width: 60px;height: 60px;overflow: hidden;float: left;font-family: "DINOT";font-weight: bold;padding: 25px 0 0;}
.eight_l dl dd{width: 220px;float: left;}
.eight_l dl dd h5{font-size: 20px;color: #333;height: 35px;}
.eight_l dl dd h5 i{font-size: 24px;color: #024287;}
.eight_l dl dd p{font-size: 16px;color: #666;line-height: 24px;max-height: 96px;}
.eight_c{width: 516px;height: 516px;top: 128px;left: 363px;}
.eight_c p{position: absolute;top: 110px;left: 66px;z-index: 20;}
.eight_c p img{width: 390px;height: 490px;}
.eight_y{width:258px;height:516px;position:absolute;overflow: hidden;animation:run 10s infinite linear;transform-origin: right center;}
.eight_y02{width: 516px;height: 516px;border-radius: 50%;position: absolute;background: rgba(2,66,135,0.2);clip: rect(0,258px,516px,0px);transform: rotate(80deg);}
.four_btn{width: 600px;text-align: center;height: 86px;line-height: 86px;background: #024287;overflow: hidden;margin: 25px auto 0;border-radius: 20px;}
.four_btn a{display: block;font-size: 24px;color: #fff;}

/*应用实例*/
.case{background: url(../images/case_line01.gif) repeat-x 0 260px;overflow: hidden;padding: 100px 0 40px;}
.case .yin_t{background:url(../images/case_tbg.gif) no-repeat center 0;}
.case_t{height: 135px;overflow: hidden;margin: 50px 0 0;}
.case_t ul li{width: 150px;height: 135px;float: left;text-align: center;overflow: hidden;}
.case_t ul li a{font-size: 16px;color: #000;display: block;padding: 30px 0 0;}
.case_t ul li em{display: block;width: 32px;height: 32px;line-height: 0;overflow: hidden;margin: 0 auto 10px;}
.case_t ul li em img{width: 32px;height: 64px;-webkit-transition:all .5s;transition:all .5s;}
.case_t ul li a:hover,.case_t ul li.cur a{color: #024287;font-weight: bold;background: url(../images/case_line02.gif) no-repeat center 0;}
.case_t ul li a:hover em img,.case_t ul li.cur em img{margin-top: -32px;}
.case_m{width: 100%;margin: 0 auto;}
.case_m ul li{width: 24.25%;float: left;position: relative;line-height: 0;margin-bottom: 40px;margin-right: 1%;overflow: hidden;}
.case_m ul li img,.ys_r p img,.chanp img,.news01 dl dt img,.about dl dt img{width: 100%;height: 100%;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case_m ul li img:hover,.ys_r p img:hover,.chanp img:hover,.news01 dl dt img:hover,.about dl dt img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.case_m ul li span{display: block;width: 94%;height: 60px;line-height: 60px;position: absolute;bottom: 0;left: 0;background: rgba(255,255,255,0.8) url(../images/case_ico09.png) no-repeat 95% 25px;font-size: 16px;color: #333;padding: 0 3%;}
.case_m ul li.nobor{margin-right: 0;}

/*优势*/
.ys_bg{background: url(../images/ys_bg.gif) repeat-x 0 160px;overflow: hidden;height: 720px;}
.ys .yin_t{background:url(../images/ys_tbg.gif) no-repeat center 0;}
.ys_l{position: absolute;top: 160px;right: 50%;z-index: 20;}
.ys_l dl{padding: 30px 0 0 310px;width: 650px;height: 130px;margin-right: -100px;}
.ys_l dl dt{font-size: 20px;color: #333;font-weight: bold;height: 36px;line-height: 36px;overflow: hidden;position: relative;}
.ys_l dl dt i{font-size: 32px;font-family: "DINOT";color: #024287;display: block;float: left;width: 45px;}
.ys_l dl dt em{display: block;width: 40px;height: 10px;background: #f4f4f4;position: absolute;top: 23px;left: 0;}
.ys_l dl dd{padding: 5px 0 0 35px;width: 480px;}
.ys_l dl dd p{font-size: 14px;color: #666;line-height: 24px;background:url(../images/ys_ico01.png) no-repeat 0 8px;padding: 0 0 0 12px;}
.ys_l dl:hover,.ys_l dl.on,.ys_l dl:hover dt em,.ys_l dl.on dt em{background: #fff;}
.ys_l dl:hover dt i,.ys_l dl.on dt i{color: #ea8400;}
.ys_r{top: 160px;left: 50%;}
.ys_r p{width: 960px;height: 480px;overflow: hidden;line-height: 0;}
.ys_r p img{width: 960px;height: 480px;}

/*合作流程*/
.liuc{background: #024287;padding: 45px 0 40px;}
.liuc_t{font-size: 40px;color: #fff;text-align: center;background:url(../images/liuc_tbg.gif) no-repeat center 0;height: 65px;line-height: 65px;overflow: hidden;}
.liuc ul{display:inline-block;padding: 40px 0 0;background:url(../images/liuc_line.png) no-repeat center 47px;}
.liuc ul li{width: 200px;float: left;text-align: center;position: relative;}
.liuc ul li b{font-size: 48px;font-family: "DINOT";color: #fff;display: block;}
.liuc ul li em{display: block;position: absolute;top: 20px;left: 75px;background: #024287;width: 50px;height: 12px;}
.liuc ul li span{display: block;font-size: 16px;color: #fff;line-height: 26px;padding: 10px 0 0;}
.liuc ul li i{display: block;}

/*产品中心*/
.chanp{padding: 80px 0 60px;}
.chanp .yin_t{background:url(../images/cp_tbg.gif) no-repeat center 0;margin-bottom: 40px;}
.chanp dl{width: 704px;float: left;height: 730px;background: #fff;box-shadow: 0 3px 10px 3px #eee;}
.chanp dl dt{width: 704px;height: 528px;line-height: 0;overflow: hidden;}
.chanp dl dt img{width: 704px;height: 528px;}
.chanp dl dd{width: 550px;margin: 0 auto;border-top: #ccc 1px solid;padding: 20px 0 0 110px;}
.chanp dl dd h5{height: 40px;line-height: 40px;overflow: hidden;font-weight: normal;}
.chanp dl dd h5 a{font-size: 24px;color: #333;}
.chanp dl dd h5 a:hover{color: #024287;}
.chanp .cp_desc{font-size: 16px;color: #666;line-height: 30px;padding: 5px 0 0;}
.chanp dl dd b{color: #024287;padding-right: 5px;}
.chanp dl dd span{display:inline-block;padding: 10px 0 0;width: 400px;}
.chanp dl dd span a{display: block;float: left;font-size: 14px;color: #666;background:url(../images/cp_btn01.gif) no-repeat;width: 95px;height: 36px;line-height: 36px;overflow: hidden;padding-left: 15px;margin-right: 20px;}
.chanp dl dd span a:hover{background:url(../images/cp_btn02.gif) no-repeat;color: #fff;}
.chanp_r{width: 480px;}
.chanp_r ul li,.cp_bot ul li{width: 480px;height: 360px;line-height: 0;overflow: hidden;position: relative;box-shadow: 0 3px 10px 3px #eee;margin-bottom: 10px;}
.chanp_r ul li img{width: 480px;height: 360px;}
.chanp_r ul li span,.cp_bot ul li span{ width:480px; display:block; text-align:center; height:30px; line-height:30px; overflow:hidden;font-size: 16px;color: #333;position: absolute;bottom: 15px;left: 0;}
.cp_bot ul li{width: 395px;height: 260px;float: left;margin-left: 7px;}
.cp_bot ul li img{width: 395px;height: 260px;}
.cp_bot ul li span{ width:395px;bottom: 15px;}
.cp_bot ul li:first-child{margin-left: 0;}

/*客户见证*/
.jz{background: #f4f4f4;padding: 80px 0 40px;}
.jz .yin_t{background:url(../images/jz_tbg.gif) no-repeat center 0;margin-bottom: 40px;}
.jz dl{width: 560px;float: left;height: 240px;margin-right: 80px;overflow: hidden;}
.jz dl dt{width: 150px;height: 150px;float: left;overflow: hidden;line-height: 0;}
.jz dl dt img{width: 150px;height: 150px;display: block;border-radius: 50%; transition: all 0.3s ease-in-out 0s;}
.jz dl dt:hover img{ transform: rotateY(180deg);}
.jz dl dd{padding: 0 0 0 25px;width: 385px;float: left;}
.jz dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.jz dl dd h5 a{font-size: 20px;color: #333;font-weight: normal;display:block;width:385px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jz dl dd h5 a:hover{color: #024287;}
.jz dl dd em{display: block;font-size: 18px;color: #666;height: 30px;line-height: 30px;margin-bottom: 10px;}
.jz .jz_desc{font-size: 14px;color: #666;line-height: 30px;height: 60px;overflow: hidden;border-top: #ccc 1px solid;padding: 10px 0 0;}
.jz dl dd span{display: block;padding: 10px 0 0;}
.jz dl dd span a{font-size: 16px;color: #024287;display: block;background:url(../images/jz_btn.gif) no-repeat right 7px;height: 25px;line-height: 25px;width: 125px;}
.jz dl.nobor{margin-right: 0;}

/*新闻动态*/
.news{padding: 80px 0;}
.news_bt{background:url(../images/news_tbg.gif) no-repeat center 0;text-align: center;height: 90px;line-height: 100px;overflow: hidden;}
.news_bt a{font-size: 40px;color: #333;}
.news_t{padding: 45px 0 0;height: 60px;border-bottom: #ebebeb 1px solid;}
.news_t ul li{width: 175px;height: 40px;float: left;padding-right: 35px;}
.news_t ul li a{display: block;width: 175px;text-align: center;height: 40px;line-height: 40px;overflow: hidden;font-size: 14px;color: #fff;background: #333;border-radius: 20px;}
.news_t ul li a:hover{background: #024287;}
.news_t span{display: block;float: right;}
.news_t span img{width: 40px;height: 40px;}

/*常见问答*/
.wd{width: 390px;}
.wd_m{overflow: hidden;padding: 20px 0 0;overflow: hidden;}
.wd_m dl{ width:390px; height:100px; padding:15px 0 0;}
.wd_m dt{ height:30px; line-height:30px; overflow:hidden; background:url(../images/wen_bg.gif) no-repeat;width: 381px;}
.wd_m dt a{ font-size:14px; color:#333;font-weight: bold;padding: 0 0 0 40px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 330px;}
.wd_m dt a:hover{color: #024287;}
.wd_m dd{font-size:12px; color:#888; line-height:24px; height:48px; overflow:hidden; padding:12px 0 0 10px;}

/**/
.news_r{width: 770px;}
.news01{padding: 20px 0 50px;border-bottom: #ebebeb 1px dashed;height: 169px;overflow: hidden;}
.news01 dl dt{width: 300px;height: 169px;float: left;overflow: hidden;}
.news01 dl dt img{width: 300px;height: 169px;}
.news01 dl dd{width: 330px;float: right;position: relative;padding-right: 110px;}
.news01 dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news01 dl dd h5 a{font-size: 14px;color: #333;font-weight: normal;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 330px;}
.news01 dl dd h5 a:hover{color: #024287;}
.news01 .news_desc,.news02 dd{font-size: 14px;color: #888;line-height: 24px;height: 72px;overflow: hidden;padding-top: 10px;}
.news01 dl dd span{display: block;padding: 20px 0 0;}
.news01 dl dd span a{display: block;width: 130px;text-align: center;height: 30px;line-height: 30px;background: #efefef;overflow: hidden;font-size: 14px;color: #333;border-radius: 20px;}
.news01 dl dd span a:hover{background: #024287;color: #fff;}
.news_time{font-size: 14px;color: #333; font-family:Arial, Helvetica, sans-serif;position: absolute;top: 30px;right: 0; background:url(../images/news_line.gif) no-repeat;width: 85px;height: 80px;line-height: 40px;text-align: center;}
.news_time i{display: block;font-size: 40px;}
.news02{width: 770px;padding: 30px 0 0;}
.news02 dl{ width:385px;float: left; }
.news02 dt{ height:30px; line-height:30px; overflow:hidden;}
.news02 dt a{ font-size:14px; color:#333; background:url(../images/news_ico01.gif) no-repeat 0 10px;display: block;padding: 0 0 0 20px;}
.news02 dt a:hover{color: #024287; background:url(../images/news_ico02.gif) no-repeat 0 10px;}
.news02 dd{padding-left: 20px;height: 48px;width: 340px;}

/*关于弗洛德*/
.ab_bg{ background:url(../images/ab_bg.jpg) no-repeat center 0;height: 745px;overflow: hidden;padding: 75px 0 0;}
.about .news_bt{background:url(../images/ab_tbg.gif) no-repeat center 0;height: 94px;}
.about dl{padding: 96px 0 0;width:876px;margin: 0 auto;}
.about dl dt{ width:876px; height:410px;overflow: hidden;line-height: 0;}
.about dl dt img{ width:876px; height:410px;}
.about dl dd{margin: 0 auto;width:800px; line-height:30px; font-size:14px; color:#666; padding:35px 0 0;height: 90px;overflow:hidden;text-align: center;}

/*荣誉资质*/
.honor{padding: 0 0 35px;}
.honor_t{ background:url(../images/honor_tbg.gif) no-repeat center 0;height: 30px;overflow: hidden;padding-left: 45px;}
.honor_t a{font-size: 16px;color: #666;}
.honor_t a:hover{color: #024287;}
.honor_t span{float: right;}
.honor_t span a{font-size: 14px;text-transform: uppercase;}
.honor_qie{width: 1200px;overflow: hidden;}
.honor ul li{width: 170px;float: left;padding: 25px 15px 0;}
.honor ul li img{width: 170px;height: 227px;}
.honor ul li a{-webkit-transition:transform .3s;transition:transform .3s; display:inline-block;}
.honor ul li a:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.honor p{width: 44px;height: 44px;position: absolute;top: 140px;cursor: pointer;-webkit-transition:all .3s;transition:all .3s;border-radius: 50%;}
.honor p img{border-radius: 50%;display: block;}
.honor_lico{left: -50px;}
.honor_rico{right: -50px;}
.honor p:hover{box-shadow:0 8px 15px 0 #ccc;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}

/*友情链接*/
.f_link{height: 60px;line-height: 60px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #333;width: 80px;}
.f_link p{font-size: 14px;color: #333;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #333; 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);}
}

/**/
@keyframes run{
  0%{
    transform:rotate(0deg);
  }
  100%{
     transform:rotate(360deg);
   }
}