﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

.f_fm{ font-family: "Microsoft Yahei"; }
.f_ft{ font-family: "Times New Roman", Times, serif; }
.f_far{ font-family: Arial, Helvetica, sans-serif; }
.f_fim{ font-family: Impact; }

/*
 1、小于12px 的英文要写入 （-webkit-transform:scale(0.8); -webkit-margin-start:-37px;）
 */


.banner a{ display:block; background:url(../images2/banner.jpg) no-repeat center top; height:495px; overflow:hidden;}


.banners{height: 495px;}
.fullSlide {width:100%;position:relative;height:495px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {background-repeat: no-repeat;width:100% !important;height:495px;overflow:hidden;text-align:center;background-position:center top;}
.fullSlide .bd li a {display:block;height:520px;}
.fullSlide .hd {width:100%;position:absolute;z-index:1;bottom:0px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li {cursor:pointer;border-radius: 10px; transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */
                  -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */
                   display:inline-block;*display:inline;zoom:1;width:120px;height:10px;margin:6px;overflow:hidden;background:#fff;line-height:999px;}
.fullSlide .hd ul .on {background:#ff9813;width:120px;}
.fullSlide .prev,.fullSlide .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:73px; height:73px;}
.fullSlide .prev{ background:url(img/Index/left1s.png) no-repeat; }
.fullSlide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;}

.ser_bg{background: #fff; height:67px; overflow:hidden;border-bottom:0px solid #ececec; margin-bottom:0;}  
/*困扰*/
.kr_bg{ background:url(../images2/kr_bg.gif) no-repeat center top; height:583px;overflow:hidden;} 
.kr_bg h3{padding-top: 52px;padding-left:45px;}
.kr_bg p{float:left;text-align: center; display: block;width: 160px;overflow: hidden;color:#333; font-size: 15px; line-height: 24px;}
.kr_bg p b{  font-weight: bold; color:#024095;font-size: 28px;height:50px;line-height: 50px;overflow:hidden; display: block;}
.kr_bg .kr1{margin: 97px 0 0 15px ;}
.kr_bg .kr2{margin: 185px 0 0 30px ;}
.kr_bg .kr3{margin: 37px 0 0 0px ;}
.kr_bg .kr4{margin: 138px 0 0 37px ;}

/*困扰*/
.kr2_bg{ background:url(../images2/kr_bg2.gif) no-repeat center top; height:585px;overflow:hidden;} 
.kr2_bg h3{padding-top: 52px;width:564px; height:87px;color: #fff; margin:0 auto;}
.kr2_bg h3 .spn1{float:left;font-size:48px;} 
.kr2_bg h3 .spn2{ float:left;display:block;font-size: 24px;font-weight: normal;padding:10px 5px;}
.kr2_bg h3 .spn2 em{text-transform: uppercase;font-family: "Arial";font-size:14px;display: block; }
.kr2_bg dl{width: 190px;overflow: hidden; float: left; color: #fff;margin-right: 81px;}
.kr2_bg dl dt{widt:190px;height:215px ;}
.kr2_bg dl dt img{widt:190px;height:215px ;display: block;}
.kr2_bg dd{text-align: left; display: block;overflow: hidden;color:#fff; font-size: 14px; line-height: 28px;padding:0 5px;}
.kr2_bg dd b{background: url(../images2/b1.gif) no-repeat bottom center; text-align: center; font-weight: bold; color:#fff;font-size: 26px;height:60px;line-height: 60px;margin-bottom: 10px; overflow:hidden; display: block;}
.kr2_bg .kr1{margin-left:-5px ;}
.kr2_bg dl.nones{margin-right: 0;}
.kr2_bg .kr2{}
.kr2_bg .kr3{}
.kr2_bg .kr4{}

/*产品*/
.box{padding:60px 0 0;overflow:hidden;}
.lf_n{width:294px; overflow:hidden;}
.lf_n h2{padding:35px 0 0;height:77px; text-align:center;overflow:hidden;background:url(../images2/tit1.gif) center top no-repeat;color:#fff; display:block;font-size:24px; font-family:"Microsoft YaHei";}
.lf_n h2 a{ color:#fff; text-decoration:none;}
.lf_n h2 em{ text-transform:uppercase; display:block; font-size:12px; line-height:16px;height:16px;font-weight:700;}
.lf_n_c{padding:34px 15px 20px;height:636px; overflow:hidden; border:5px #024095 solid; border-top:none;}
.lf_n_c h3 a{display:block;padding-left:18px;color:#fff; text-decoration:none; margin-bottom:14px;height:42px; line-height:42px; font-size:14px; font-weight:bold; overflow:hidden;background:url(../images2/clm.gif) left top no-repeat;}
.lf_n_c h3 a:hover{background:url(../images2/clm_cur.gif) left top no-repeat;}
.lf_n_c ul{ clear:both;padding:0px 0 14px 0;}
.lf_n_c ul li a{width:111px; float:left; font-size:13px; display:block; line-height:40px;height:40px; overflow:hidden;padding:0 0 0 16px;background:url(../images2/cp_ico.gif) left center no-repeat;color:#656363;}

.pro_t{color:#fff; line-height:35px;height:35px; overflow:hidden;border-bottom:1px solid #e9e7e7;}
.pro_t ul{ font-family:"Microsoft YaHei";float:left;display:inline;  }
.pro_t ul i{margin:0 18px;color:#e9e7e7;width:2px;}
.pro_t ul li{ display:inline-block;}
.pro_t li a{ display:inline-block;width:66px; text-align:left;font-weight:normal;font-size:16px;color:#333;height:35px; }
.pro_t li a:hover,.pro_t li.cur a{  font-weight:bold; text-decoration:none;}
.pro_t .fr{ font-size:14px; text-transform:uppercase; display:inline-block;padding:0 0px 0 0;}
.pro{width:681px;overflow:hidden;}
.pro_c{ clear:both;}
.pro_c li{ text-transform:uppercase;margin:20px 18px 0 0px; display:inline; float:left;width:213px; height:235px;border:1px #e9ebea solid; overflow:hidden;text-align:left;}
.pro_c li:nth-child(3n){ margin-right:0}
.pro_c li img{ display:block;width:193px;height:161px;overflow:hidden;padding:10px; }
.pro_c li p{padding:0 10px;border-top:1px solid #e9ebea;}
.pro_c li em{ overflow:hidden; float:left; display:inline-block;line-height:54px; height:54px;display:block;font-size:13px; color:#555555;}
.pro_c li i{float:right;display:inline-block;width:29px;height: 54px;background:url(../images2/cp_ico1.png) 0 center no-repeat;}
.pro_c li a{ text-decoration:none;}
.pro_c li a:hover i{background:url(../images2/cp_hover.png) left center no-repeat;} 
.pro_c li.nones{margin-right:0;}
/*金氟隆工程案例展示*/
.case {padding-top:60px;height: 717px;overflow: hidden;}
.case h2{font-weight: bold;font-size: 40px;color:#024095; text-align: center;line-height: 60px;}
.case h2 a{color: #024095; text-decoration: none;}
.case h2 em{font-weight: normal;color:#333;}
.case h2 span{ font-weight: normal;display: block;font-size: 24px;color:#666;height: 32px;line-height: 32px;overflow: hidden; }
.case .line{background:url(../images2/line.png) center center no-repeat;height: 7px;display: block;padding:20px 0;}
.case  dl{height: 345px;overflow: hidden;margin-top: 20px;}
.case  dl dt,.case  dl dt img{width: 553px;height: 345px;display: block; float: left;}
.case  dl dd{ background: url(../images2/case_r.jpg) no-repeat;width: 332px;height: 285px;font-size: 14px; color: #666;line-height: 32px;overflow: hidden; float: left;padding:60px 55px 0 60px; ; }
.case  dl dd h4 a{color:#024095;}
.case  dl dd .shortDesc{line-height: 32px; height:256px;overflow:hidden;color: #666; text-align:justify;}
.case  dl dd .shortDesc b{color:#333;font-weight:bold;}

.case  dl dd ul li{ float: left;  }
.case  dl dd ul li b{font-weight: normal;float: left;}
.case  dl dd ul li p{float: left;width: 260px; text-align: justify;}

.case .case_pic{margin-top:20px;width: 1000px;overflow: hidden;}
.case .case_pic li{float: left; width: 241px;height:142px;margin-right: 12px;overflow: hidden; display: block;}
.case .case_pic li a{width: 241px;height:142px;overflow: hidden; display: block; text-decoration: none;}
.case .case_pic li img{width: 241px;height:110px;display: block;}
.case .case_pic li em{font-size: 12px;height:32px ;line-height: 32px;color: #666; display: block; text-align: center;}
.case .case_pic li a:hover{background: #024095;}
.case .case_pic li a:hover img{width: 233px;height: 102px;border: 4px solid #024095;}
.case .case_pic li a:hover em{color:#fff;}
.case .case_prev{position: absolute;top:40px;left:-60px; cursor: pointer;}
.case .case_next{position: absolute;top:40px;right:-60px;cursor: pointer;}

/*横幅广告*/
.h_gg{height:auto; overflow:hidden;}
.h_gg img{ display:block;}
.h_gg02{display:block; width:100%;height:242px;background:url(../images2/ad.jpg) no-repeat center 0;}
.gg04{ top:64px; left:50%;margin-left: 328px; text-align:left;background:url(../images2/tel2.jpg) no-repeat left 5px;}
.gg04 span{height:48px; line-height:20px;font-size:14px; padding-left: 45px;color:#fff; display:block;}
.gg04 span b{ font-size:14px; font-weight:100; display: block;font-weight: normal;}
.gg04 span i{ font-style:normal; font-size:18px; }
.gg04 em{text-align:left;  line-height: 40px; height:40px;display:block; font-style:normal;}

/*优势*/
.ys {padding-top:60px;height: 1644px;overflow: hidden; background: #ededed;}
.ys h2{font-weight: bold;font-size: 40px;color:#333; text-align: center;line-height: 60px;}
.ys h2 i{padding:0 25px;background:url(../images2/ys_ico.png) center center no-repeat;height:60px;line-height: 60px;}
.ys h2 em{font-weight: normal;color:#333;}
.ys h2 span{ font-weight: normal;display: block;font-size: 24px;color:#666;height: 32px;line-height: 32px;overflow: hidden; }
.ys .line{background:url(../images2/line2.png) center center no-repeat;height: 5px;display: block;padding:20px 0;}

.ys dl{height: 320px;margin-top:40px; background: #fff;}
.ys dl dt{ float: left;width:500px; } 
.ys dl dt img{width: 500px;height: 320px;display: block;}
.ys dl dd{ float: left; padding:30px 40px 0;width: 420px;overflow:hidden;}
.ys dl dd h3{font-weight: bold;font-size: 20px;height:50px ;line-height:50px ;color: #333;} 
.ys dl dd h3 i{background:url(../images2/ys_ico.png) center center no-repeat;padding:0 10px;}
.ys dl dd p{padding:0 0 15px 10px; width: 352px;overflow: hidden; background: url(../images2/ys_ico.jpg) no-repeat left 13px; line-height:25px; font-size: 14px;color:#666; }  
.ys dl dd p b{ font-weight: normal;color:#024095; }
.ys dl dd span img{margin-right: 7px;display: block;float: left;} 
.ys dl dd span .nones{margin-right: 0;}   

.ys  dl{position: relative;} 
.ys .ys1 em{position: absolute;top:-40px;right: 0; background:url(../images2/ys01.jpg) no-repeat left top ;width:87px;height: 139px; display: block;}
.ys .ys2 em{position: absolute;top:-40px;left: 0;background:url(../images2/ys02.jpg) no-repeat left top ;width:87px;height: 139px; display: block;}
.ys .ys3 em{position: absolute;top:-40px;right: 0;background:url(../images2/ys03.jpg) no-repeat left top ;width:87px;height: 139px; display: block;}
.ys .ys4 em{position: absolute;top:-40px;left: 0;background:url(../images2/ys04.jpg) no-repeat left top ;width:87px;height: 139px; display: block;}
.ys .ys2 .ms1,.ys .ys4 .ms3{width:420px;}
.ys .ys2 .ms2,.ys .ys4 .ms4{margin-left: 55px;width: 352px;}
.ys .ys1 dl dd span img,.ys .ys3 dl dd span img{width: 135px;height: 81px;}
.ys .ys2 dl dd span img,.ys .ys4 dl dd span img{width: 204px;height: 81px;}

.ys .ys2 dl dd,.ys .ys4 dl dd{padding:30px 35px 0 50px;width:415px;}
.ys .ys3 dl dd p{padding:0 0 6px 10px;line-height:24px;}
.ys .ys4 dl dd p{padding:0 0 3px 10px;line-height:24px;}

/*客户见证*/
.wt {padding-top:60px;height: 543px;overflow: hidden; background: #fff;}
.wt h2{font-weight: bold;font-size: 40px;color:#024095; text-align: center;line-height: 60px;}
.wt h2 i{padding:0 25px;background:url(../images2/ys_ico.png) center center no-repeat;height:60px;line-height: 60px;}
.wt h2 a{color: #333; text-decoration: none;}
.wt .line{background:url(../images2/line.png) center center no-repeat;height: 7px;display: block;padding:20px 0;}
.wt_c{ clear:both; overflow:hidden; position: relative; }



.carousel-container {position:relative;width:900px;margin:0 auto;}
.carousel {height:245px;padding-top:140px; width:900px;background:#fff;position:relative;}
.carousel-feature{display:block;width:100%;height:380px}
.carousel-feature img{width:192px;height:192px; display:block;border-radius: 50%;}
.wt_c dt em{background:url(../images2/wt_bg.png) no-repeat left top;width:192px;height:192px;  position:absolute;left:65px;top:0;z-index:1;}
.carousel-container .titlework { width:322px; top: 235px;display: block;font-size: 14px;left: 288px; line-height: 30px;position: absolute; text-align: center;}
.carousel-container .titlework  b{display:block; height:30px; font:bold 14px/24px "Microsoft Yahei"; color:#333; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; }
.carousel-container .titlework  p{font:12px/24px "Microsoft Yahei"; color:#555; }
.carousel-container .titlework  em a{ display:block; text-align:center;width:156px; text-decoration: none;margin:20px auto; line-height:35px;height:35px; overflow:hidden; color:#fff; background:#024095;}
.wt .wt_prev{position: absolute;top:106px;left:0px; cursor: pointer;width: 45px;height: 45px;}
.wt .wt_next{position: absolute;top:106px;right:0px;cursor: pointer;width: 45px;height: 45px;}
            
/*走进*/
.about{padding-top:73px;height: 575px;overflow: hidden;background: #ededed;}
.about dl{height: 320px;margin-top:40px;} 
.about dl dt{ float: left; margin-top: 32px;} 
.about dl dt em{position: absolute;top:0;right: 0; border:6px solid #ff9813;padding:15px 32px; text-align: left;font-size: 30px;font-weight: bold;color: #333;display: block; width: 178px; height: 118px;background: url(../images2/abt_xt1.jpg) no-repeat 32px 65px; }
.about dl dt,.about dl dt a{ float:left; display: block; background: url(../images2/abt_bg.jpg) no-repeat;width: 542px;height:338px;overflow: hidden;}
.about dl dt img{width: 520px;height: 324px;display: block;padding: 0px 10px 0 ;}
.about dl dd{ position: relative; float: left; margin:103px 0px 0 21px;padding:32px 42px; width: 203px;height: 270px;overflow: hidden; background: #024095;}
.about dl dd h3{font-weight: bold;font-size: 24px;height:50px ;line-height:50px ;color: #333; background: url(../images2/abt_xt2.jpg) no-repeat left bottom;} 
.about dl dd h3 a{color: #fff;}
.about dl dd p{padding:12px 0 18px; width: 196px;overflow: hidden; line-height:24px; font-size: 13px;color:#fff; text-align: justify; }  
.about dl dd span a{ display:block;color: #0c0c0c;background: #ff9813;width:142px;height: 33px;line-height:33px ; text-align: center;} 

/*相册*/
.xc{height: 285px;border-top:23px solid #ededed; background: #fff;}
.xc_tit{color:#fff; line-height:46px;height:46px; overflow:hidden;width: 496px;margin: 0 auto;margin-top: -23px;margin-bottom: 35px;}
.xc_tit li a{ float: left; display:inline-block;width:152px;margin-right: 20px;  background: #024095; text-align:center;font-weight:normal;font-size:16px;color:#fff;height:46px; }
.xc_tit li a:hover,.xc_tit .cur a{ background: #ff9813; color:#0c0c0c; text-decoration:none;}
.xc_c{width:1000px;overflow:hidden;clear:both;}
.xc_c li{ margin-right: 20px; display:block; float:left;width:235px; height: 178px; overflow:hidden;text-align:center;}
.xc_c li:nth-child(4n){ margin-right:0}
.xc_c li a{width: 235px;height:178px;overflow: hidden; display: block; text-decoration: none;}
.xc_c li img{width: 235px;height:144px;display: block;}
.xc_c li em{font-size: 14px;height:34px ;line-height: 34px;color: #666; display: block; text-align: center;}
.xc_c li a:hover{background: #024095;}
.xc_c li a:hover img{width: 227px;height: 136px;border: 4px solid #024095;}
.xc_c li a:hover em{color:#fff;}
.xc li.nones a,.xc_c li.nones{margin-right:0;}
/*新闻*/
.inf{height:357px;padding:60px 0; overflow:hidden; background: #ededed;}

.inf_l{width:660px; overflow:hidden; margin-right: 40px; background: #fff;}
.inf_l .news_t{border-bottom: 1px solid #e4e4e4;padding: 14px;height: 21px; }
.inf_l .news_t ul{ font-style: normal; float:left;}
.inf_l .news_t li{display:inline-block;line-height: 21px;width:125px;}
.inf_l .news_t li a{ float: left; display:inline-block;padding:0 9px; font-size:14px; color:#333; font-weight: normal;}
.inf_l .news_t li i{float: left;color:#eee;display:none;}
.inf_l .news_t li.cur a{ color:#024095;font-weight: bold;background: url(../images2/news_ico.jpg) no-repeat left center; }
.inf_l .news_t li.cur i{display:block;}
.inf_l .news_t span a{font-size:12px;color: #333; }
.inf_l_c{height:257px; overflow:hidden; clear:both;padding:24px;}
.inf_l_c dl{float:left;position: relative;width:234px;}
.inf_l_c dt img{width:234px; overflow: hidden; height:247px; display:block; overflow:hidden;}
.inf_l_c dd{ overflow:hidden;position: absolute;bottom: 0;left:0;padding:10px 15px; height: 70px; background:url(../images2/alp.png) repeat}
.inf_l_c dd h4{ line-height:22px;height:22px; overflow:hidden; font-size:12px; font-weight:bold;}
.inf_l_c dd h4 a{color:#fff;}
.inf_l_c dd p{color: #fff;font-size: 10px; font-weight: normal;line-height:20px;height:40px; overflow:hidden;}
.inf_l_c dd p a{font-size: 12px;color: #fff; font-weight: bold;}
.inf_l_c ul{ padding-left:25px;height:287px; width:334px; overflow:hidden;float:left;}
.inf_l_c ul li{ height:68px; border-bottom:1px  dashed  #dddddd; padding:8px 0;}
.inf_l_c ul li span{ font-family: 'Arial'; font-weight: bold;float:left; font-size:32px; color:#666; height:64px; line-height:36px; margin-right:15px; text-align: center;}
.inf_l_c ul li span i{font-weight: normal;display:block; width: 50px;height: 20px;line-height: 20px; text-align: center; font-style:normal; background: #999999;color: #fff;font-size: 10px;font-family: 'Arial';}
.inf_l_c ul li em{  color:#444; font-size:12px; display:block; font-weight: bold;height:22px;overflow:hidden; }
.inf_l_c ul li p{ float:left;font-size:12px;color:#999; display:block;width: 268px;overflow: hidden; font-weight: normal;height:66px;line-height:22px;overflow:hidden;}
.inf_l_c ul .nones{ padding-top: 0;}
.inf_l_c ul li a:hover span i,.inf_l_c ul li.cur span i{background: #024095;color:#fff;}


.inf_r{width:300px; overflow:hidden; background: #fff;}
.inf_r .news_t{border-bottom: 1px solid #e4e4e4;padding: 14px;height: 21px;line-height: 21px; }
.inf_r .news_t p{ font-style: normal; float:left;}
.inf_r .news_t p a{ background: url(../images2/news_ico.jpg) no-repeat left center;float: left; display:inline-block;padding:0 9px; font-size:14px;color:#024095;font-weight: bold;}
.inf_r .news_t span a{font-size:12px;color: #333; }
.inf_r_c {height:265px;padding:20px; overflow:hidden;}
.inf_r_c dl { height:68px; border-bottom:1px  dashed  #dddddd; padding:8px 0;font-size:12px;line-height:22px;}
.inf_r_c dt{width:258px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.inf_r_c dt a{color:#34211b; font-weight:bold;}
.inf_r_c dt b{font-weight: bold;width: 25px;}
.inf_r_c dd{float: left;width: 260px;}
.inf_r_c dd b{font-weight: normal;float: left;width: 25px;overflow: hidden;}
.inf_r_c dd p{float: left; height:44px;font-size:12px;color:#999; display:block;width: 228px;overflow: hidden; font-weight: normal;}

/*link*/
.link_bg{ background:#fff; height:82px;overflow:hidden;} 
.link{}
.link span{ display:block;font:14px/82px "Microsoft Yahei"; }
.link span a{ display:inline-block; color:#555;}

.link p{ height:82px; width: 858px; overflow:hidden; font:14px/82px "Microsoft Yahei";}
.link p a{ color:#555; padding:0 40px 0 0; display:inline-block;}
 

 
