<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */




/*���*/
.baseTitle{ text-align: center; padding:20px 0 30px 0;}
.baseTitle .div1{ height:0; border-top:1px solid #ccc; line-height: 0; width:886px;margin:auto; }
.baseTitle .div1 span{ padding:0 45px;display: inline-block; font-size: 37px; font-weight: 700; color: #45B3FD; background: #fdfdfd; height: 40px; line-height: 40px; margin-top:-22px; }
.baseTitle .div2{ color: #999; font-size:15px;margin-top:27px; }

.title{font-size:36px;color:#000000;text-align: center;line-height: 46px;background:url(../images/hx.png)no-repeat center 55px;}
.title b span{color:#45B3FD;}
.title p{font-size: 18px;color:#666666;margin-top: 10px;}

/*浜у�*/
.indexMain{position:relative;padding:30px 0; background:#fff url(../images/probg.png) center top ; overflow:hidden; }
.indexMain .pro_title{ border-top:5px solid #45B3FD;  }
.indexMain .pro_title .t_b{ height:50px; width:15px; background: #ddd;margin-top:23px;margin-right:25px; }
.indexMain .pro_title .t_l{ text-align: left; }
.indexMain .pro_title .t_l .div1{ }
.indexMain .pro_title .t_l .div2{ font-size:18px; font-weight: 700; color: #999;padding:20px 0 5px 0; }
.indexMain .pro_title .t_l .div3{ font-size:15px; color: #999;}
.indexMain .pro_title .t_r{padding:22px 0 0px 0;}
.indexMain .pro_title .t_r a{display: block; float: left;margin-left:10px; height:48px; width: 45px; background-color: #45B3FD; background-repeat:no-repeat !important; background-position: center center !important; }
.indexMain .pro_title .t_r a:hover{ background: #faaa18; }
.indexMain .pro_title .t_r a.a1{background-image:url(../images/pre02.png); }
.indexMain .pro_title .t_r a.a2{background-image:url(../images/next02.png); }

.indexMain .product{ position:relative; z-index:10;}

 

.prdListBox{width:960px;}
.indexMain .productList{ overflow:hidden; width:100%;/*height:915px;*/ position:relative;margin-top:27px;}
.indexMain .productList ul{ overflow:hidden;width:975px;/*height:930px;*/}
.indexMain .productList ul li{ width:310px; overflow:hidden; float:left; margin:0 15px 15px 0; background-color:#fff; box-shadow:0 2px 5px rgba(0,0,0,0.1) } 
.indexMain .productList ul li .boxa{ border:1px solid #ebebeb;  display:block; cursor:pointer; position:relative;}
.indexMain .productList ul li .boxa .spanImg{ display:block; overflow:hidden;width:288px;height:220px; margin:10px;  position:relative;background-position:center center; -webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover; background-size:cover;}
.indexMain .productList ul li .boxa .spanImg .aB{width:100%;height:100%; background:rgba(28,91,190,0.8); position:absolute; overflow: hidden; left: 0; top: 0; z-index: 5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;  -moz-transition: all 0.6s;-webkit-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.indexMain .productList ul li .boxa .spanImg .aB .em1{ display:block; width:100%; text-align:center; height:100%; background:url(../images/logo2.png) center center no-repeat; }
.indexMain .productList ul li .boxa .spanImg .aB .em2{ display:block; width:100%; text-align:center; height:40px; line-height:40px; color:#fff; font-size:18px;}
.indexMain .productList ul li .boxa .btm{  padding:0px 10px 8px 10px; }
.indexMain .productList ul li .boxa .spanT{ display:block; height:40px; line-height:40px; text-align:center; background-color:#f4f4f4 ; color:#333; font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; position:relative; margin-bottom:5px;}
.indexMain .productList ul li .boxa .spanT em{ display:block; position:absolute; border-bottom:3px solid #ccc;bottom:0px; left:0; width:0%;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.indexMain .productList ul li .boxa:hover .spanT em{ }
.indexMain .productList ul li .boxa .shuju { position: absolute; bottom:0; width:100%;left:0; background: rgba(0,0,0,0.5);padding:5px 0; }
.indexMain .productList ul li .boxa .shuju .span1{ display:block; color:#e6e6e6; font-size:13px; height:30px; line-height:30px; padding-left:25px;margin-left:10px; background:url(../images/time.png) left center no-repeat;}
.indexMain .productList ul li .boxa .shuju .span2{ display:block; color:#e6e6e6; font-size:13px; height:30px; line-height:30px; padding-left:25px;margin-right:10px; background:url(../images/view.png) left center no-repeat;}
.indexMain .productList ul li .boxa:hover .shuju{background:rgba(28,91,190,0.8); }

.indexMain .productList ul li .boxa:hover .spanT{ color:#fff; background-color:#2c78cc;}
.indexMain .productList ul li .boxa:hover .spanImg .aB{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1; }


/*鹿�充���滑*/
.about{ background:#fff url(../images/aboutbg.jpg) center center no-repeat;  padding:60px 0; position:relative; overflow:hidden;}
.about .b{  }
.about .about_title{ position:relative; z-index: 10; text-align: center; }
.about .about_title .div1{ line-height:35px; height:70px; font-size:30px; color: #45B3FD; font-weight: 700; background: url(../images/title.png) center center no-repeat; letter-spacing:1px; }
.about .about_title .div2{line-height:22px; font-size:15px; color: #999; letter-spacing: 2px;}

.about .aboutBox{}
.about .aboutBox .about_left{ width:600px; overflow:hidden; }
.about .aboutBox .about_left .div1{ color: #fff; font-size:32px; font-weight: 700; letter-spacing:1px; line-height:35px; }
.about .aboutBox .about_left .div2{ border-top:1px solid rgba(255,255,255,0.3); height:3px; border-bottom:5px solid rgba(255,255,255,0.3); width:130px; margin:15px 0 25px 0; }
.about .aboutBox .about_left .div3{ color: #fff; font-size:18px;  }
.about .aboutBox .about_left .aboutNR{ color:rgba(255,255,255,0.7); font-size:14px;  height:140px; line-height:35px; overflow:hidden; margin-top:20px;}
.about .aboutBox .about_left .about_more{padding-top:30px; width:640px}
.about .aboutBox .about_left .about_more a{display:block; width:118px;     border-radius: 50%;/*border:1px solid rgba(0,0,0,0.2); background-color:rgba(0,0,0,0.2) ;*/ float:left; margin-right:40px; padding:15px 0 15px 0;}
.about .aboutBox .about_left .about_more a:hover{ background: #fda102; }
.about .aboutBox .about_left .about_more .imgIcon{height:50px;background-repeat: no-repeat !important; background-position:center center !important;}
.about .aboutBox .about_left .about_more .mT{text-align: center; color: #fff; font-size: 14px;padding-top:8px;  }
.about .aboutBox .about_left .about_more a.a1 .imgIcon{ background-image: url(../images/about_i01.png); }
.about .aboutBox .about_left .about_more a.a2 .imgIcon{ background:url(../images/about_i02.png) center center no-repeat; }
.about .aboutBox .about_left .about_more a.a3 .imgIcon{ background:url(../images/about_i03.png) center center no-repeat; }
.about .aboutBox .about_left .about_more a.a4 .imgIcon{ background:url(../images/about_i04.png) center center no-repeat; }
.about .aboutBox .about_right{ width: 585px; position: relative; height:412px;  }
.about .aboutBox .about_right .img{ height:375px; width:630px; border:5px solid rgba(255,255,255,0.6); position: relative;z-index: 5;background-position:center center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;}
.about .aboutBox .about_right .bd{ position: absolute; right:0; bottom: 0; border:1px solid rgba(255,255,255,0.2); width:525px; height:375px;background: rgba(0,0,0,0.1); }
.about .aboutBox .about_right .btn{ position: absolute; z-index: 10; right:40px; bottom:42px; }
.about .aboutBox .about_right .btn a{ display: block; width: 55px; height:40px; float: left; margin-right:5px;}
.about .aboutBox .about_right .btn a.a1{ background:rgba(250,170,24,0.8) url(../images/about_jt01.png) center center no-repeat; }
.about .aboutBox .about_right .btn a.a2{ background:rgba(250,170,24,0.8) url(../images/about_jt02.png) center center no-repeat; }
.about .aboutBox .about_right .btn a:hover{ background-color:#2b6cd5 ; }

/*�板�璇存�*/
.number{ background: #fff  url(../images/number.png) bottom center no-repeat; height:200px ; position: relative;z-index: 10; border-top:20px solid #000 ; }
.number .number_box{ padding:35px 0 0 0;}
.number .number_box li{ float:left; width:25%; text-align:center;}
.number .number_box li{}
.number .number_box li .div1{ padding-top:20px;position: relative;}
.number .number_box li .div1 .b{ position: absolute; border:1px solid rgba(255,255,255,0.15); width:180px;height:32px;top:0; left:50%; margin-left:-90px; }
.number .number_box li .div1 .t{ font-size:18px; color:rgba(255,255,255,0.5);display: inline-block; padding:0 20px; background: #222; position: relative;z-index: 10; }
.number .number_box li .div2{ color:rgba(255,255,255,0.4); font-size:12px;text-transform:Uppercase; line-height:15px;padding-top:3px;display: none}
.number .number_box li .div3{ height:50px; line-height:50px; padding-top:20px;}
.number .number_box li .div3 .span1{ color:#fda102; font-size:60px; font-weight:700;}
.number .number_box li .div3 .span2{ color:#fda102; font-size:18px; font-weight:700;}



/*璋���╀���滑*/
.select{padding:50px 0; background:#fff url(../images/index_02.jpg) center center no-repeat; }
.select .select_title{ text-align: center; padding:20px 0 30px 0;}
.select .select_title .div1{ height:0; border-top:1px solid #ccc; line-height: 0; width:886px;margin:auto; }
.select .select_title .div1 span{ padding:0 45px;display: inline-block; font-size: 37px; font-weight: 700; color: #45B3FD; background: #fdfdfd; height: 40px; line-height: 40px; margin-top:-22px; }
.select .select_title .div2{ color: #999; font-size:15px;margin-top:27px; }
.select table{ width: 100% !important; background:#c4d9fc; text-align: center;}
.select table tr{height:43px; line-height:43px; font-size: 15px; color: #333;}
.select table tr:nth-child(2n){ background:rgb(242, 248, 255) ;  }
.select table tr td{border-right:1px solid #fff !important; }
.select table tr td:last-child{ border:0  !important; }

/*浼��*/
.youshi{border-top:10px solid #45B3FD;background: url(../images/ysbg.jpg) bottom center no-repeat; position: relative; overflow: hidden; }
.youshi .bg01{ position: absolute; top:140px; left: 0; width: 100%; height: 100%; z-index: 1;background: url(../images/bg01.jpg) top center no-repeat;display: none;}
.youshi .bg02{ position: absolute; bottom:0px; left: 0; width: 100%; height: 100%; z-index: 2;background: url(../images/bg02.png) bottom center no-repeat;display: none; }
.youshi .youshiT{ height:180px; background: url(../images/yst.png) bottom center no-repeat; position: relative; z-index: 10;  }
.youshi .youshiT .divT{ position: relative;  width:600px; height:60px; border:1px solid rgba(255,255,255,0.2); margin:auto;top:60px; text-align: center;}
.youshi .youshiT .divT .div_left{ position: absolute;right:100%;margin-right:-25px;top:50%; width:345px; border-top:1px solid rgba(255,255,255,0.2); }
.youshi .youshiT .divT .div_right{ position: absolute;left:100%;margin-left:-25px;top:50%; width:345px; border-top:1px solid rgba(255,255,255,0.2); }
.youshi .youshiT .divT .div1{ font-size:40px; color:  #fff; font-weight: 700;margin-top:-25px; line-height: 50px; }
.youshi .youshiT .divT .div1 span{display: inline-block;padding:0 20px; background: #222;}
.youshi .youshiT .divT .div2{ font-size:16px; color:rgba(255,255,255,0.7); margin-top:25px; line-height:22px;}
.youshi .youshiT .divT .div2 span{display:inline-block;padding:0 30px; background: #222;}
.youshi .youshi_box{padding:50px 0;}
.youshi .youshi_box .position{ height:642px;position: relative;z-index: 10;}
.youshi .youshi_box .youshi_center{ height:306px; width:356px; position: absolute; z-index: 10; left:50%; top: 50%;margin:-153px auto auto -178px; background: url(../images/adv.png) center center no-repeat; }
.youshi .youshi_ul{ position: relative;z-index: 5; width: 100%; height: 100%; }
.youshi .youshi_ul li{ position: absolute; }
.youshi .youshi_ul li.li01{ background: url(../images/ysbg01.png)  no-repeat; width: 794px; height: 168px; top:0; left:50%; margin-left:-397px;  }
.youshi .youshi_ul li.li02{ background: url(../images/ysbg02.png)  no-repeat; width: 537px; height: 153px; top:168px; left:0;}
.youshi .youshi_ul li.li03{ background: url(../images/ysbg03.png)  no-repeat; width: 537px; height: 153px; top:321px; left:0;}
.youshi .youshi_ul li.li04{ background: url(../images/ysbg04.png)  no-repeat; width: 794px; height: 168px; bottom:0; left:50%; margin-left:-397px;  }
.youshi .youshi_ul li.li05{ background: url(../images/ysbg05.png)  no-repeat; width: 537px; height: 153px; bottom:168px; right:0;}
.youshi .youshi_ul li.li06{ background: url(../images/ysbg06.png)  no-repeat; width: 537px; height: 153px; bottom:321px; right:0;}


.youshi .youshi_ul li .shuzi{ width:85px; height: 85px;margin-top:33px; border-radius: 100%; background:#d30212;line-height:84px; text-align: center; color:#fff; font-size:50px; font-weight: 700; font-family:Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif ;}
.youshi .youshi_ul li .nr{padding-top:24px;}
.youshi .youshi_ul li .nr.fl{padding-left:20px;}
.youshi .youshi_ul li .nr.fr{padding-right:20px; text-align: right;}
.youshi .youshi_ul li .nr .div1{ color:#fff; font-weight: 700; font-size:28px; line-height: 40px; }
.youshi .youshi_ul li .nr .div2{ font-size: 15px; line-height:25px; color: #b1cbf3;padding-top:11px;}
.youshi .youshi_ul li .nr .div2 .red{ color: #fda102; }

.youshi .youshi_ul li.li01 .shuzi{margin-left: 140px;margin-top:41px;}
.youshi .youshi_ul li.li01 .nr{padding-top:32px;}

.youshi .youshi_ul li.li02 .shuzi,
.youshi .youshi_ul li.li03 .shuzi{margin-left:27px;}

.youshi .youshi_ul li.li04 .shuzi{margin-right: 140px;margin-top:41px;}
.youshi .youshi_ul li.li04 .nr{padding-top:32px;}

.youshi .youshi_ul li.li05 .shuzi,
.youshi .youshi_ul li.li06 .shuzi{margin-right:27px;}

/*�伴�*/
.indexNews{ padding:40px 0; background:#f4f4f4; position:relative; overflow:hidden;}
.indexNews .news_left{ background-color:#fff; width:930px; height: 502px;}
.indexNews .news_left .news_nav{  }
.indexNews .news_left .news_nav a{ display:block; width:50%; float: left; height:65px; line-height:65px; border-left:1px solid #ebebeb;  border-bottom:1px solid #ebebeb;text-align:left; background-color:#fff; font-size:23px; font-weight: 700; color:#444; letter-spacing:1px; box-sizing: border-box;}
.indexNews .news_left .news_nav a span{ padding-left:50px; display:inline-block;line-height:63px; height:65px ; margin-left:40px;}
.indexNews .news_left .news_nav a.a1 span{ /*background:url(../images/news_t_1_1.png) left center no-repeat;*/}
.indexNews .news_left .news_nav a.a2 span{ /*background:url(../images/news_t_2_1.png) left center no-repeat;*/ padding-left:47px;}
.indexNews .news_left .news_nav a:hover,.indexNews .news_left .news_nav a.active{ background: #45B3FD; color: #fff; }
.indexNews .news_left .news_nav a.a1:hover span,.indexNews .news_left .news_nav .a1.active span{/*background: url(../images/news_t_1_2.png) left center no-repeat;*/} 
.indexNews .news_left .news_nav a.a2:hover span,.indexNews .news_left .news_nav .a2.active span{/*background: url(../images/news_t_2_2.png) left center no-repeat;*/} 
.indexNews .news_left .news_box{  margin:35px 25px; overflow:hidden;}
.indexNews .news_left .news_box .news_lin1{}
.indexNews .news_left .news_box .news_lin1 .img{ width:325px; height:125px; overflow:hidden;background-position:center center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; }
.indexNews .news_left .news_box .news_lin1 .nr{ width:525px;}
.indexNews .news_left .news_box .news_lin1 .nr .news_title{ line-height:25px;padding-top:10px;}
.indexNews .news_left .news_box .news_lin1 .nr .news_title a{ display:block;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; width:255px; float:left; color:#333; font-size:16px;}
.indexNews .news_left .news_box .news_lin1 .nr .news_title a:hover{ color:#d81e06; text-decoration:underline;}
.indexNews .news_left .news_box .news_lin1 .nr .news_title .span_time{ float:right; color:#b7b7b7; font-size:14px;}
.indexNews .news_left .news_box .news_lin1 .nr .desc{ line-height:24px; font-size:13px; color:#999; height:72px; overflow: hidden; margin-top:15px;}
.indexNews .news_left .news_box .news_list{ width:910px; border-top:3px solid #f4f4f4; margin-top:25px; padding-top:10px;}
.indexNews .news_left .news_box .news_list li{ float:left; width:425px; margin-right:30px; border-bottom:1px dashed #ddd; padding:10px 0;}
.indexNews .news_left .news_box .news_list li a{ display:block; line-height:30px;}
.indexNews .news_left .news_box .news_list li a .spanT{ display:block; color:#333; font-size:14px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; width:190px; /*padding-left:25px; background:url(../images/news_dian.png) left center no-repeat;*/}
.indexNews .news_left .news_box .news_list li a .span_time{ color:#b7b7b7; font-size:13px;}
.indexNews .news_left .news_box .news_list li a:hover .spanT{color:#d81e06; text-decoration:underline;}
.indexNews .news_right{ width:320px ;  height:502px; background: #45B3FD; position:relative;}
/*�板�*/
.dt{width:290px;overflow:hidden; position:relative; height:472px;margin:15px auto; }
.dt .dtBox{ height:100%;width:100%;}
.dt_main{ height:450px; position:absolute; z-index:10; top:0; left:0; width:100%; height:100%; display:none;}
.iw_poi_content{ padding:8px 0; line-height:25px; color:#666; font-size:14px;}
.BMap_cpyCtrl.BMap_noprint,.anchorBL img{ display:none !important;}
.BMap_scaleCtrl{ left:15px !important;}
/*�板� end*/
.indexNews .news_right .lxwm{ position: absolute; bottom:15px; left: 15px; width:290px;z-index: 10; height:190px; background: rgba(69,179,253,0.8); }
.indexNews .news_right .lxwm .div1{ height:20px; line-height: 20px; width:240px; margin:auto; position: relative; text-align: center;margin-top:33px; }
.indexNews .news_right .lxwm .div1 span{ display: inline-block; position: relative;z-index: 11; font-size: 15px; color: rgba(255,255,255,1); }
.indexNews .news_right .lxwm .div1::before,.indexNews .news_right .lxwm .div1::after{ content:'';display: block; position: absolute;z-index:10; width: 40px; height:0px; border-top:1px solid rgba(255,255,255,0.7); top:50%; }
.indexNews .news_right .lxwm .div1::before{left:0;}
.indexNews .news_right .lxwm .div1::after{right:0;}
.indexNews .news_right .lxwm .div2{ width:240px; height: 60px; text-align: center; line-height: 60px;margin:auto;margin-top:12px; background:rgba(253,161,2,0.8); color:#fff; font-size:33px; letter-spacing:1px; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;}
.indexNews .news_right .lxwm .div3{ text-align: center;padding-top:20px; }
.indexNews .news_right .lxwm .div3 span{display: inline-block;margin:0 6px; height:10px; width:10px; border-radius: 100%; border:2px solid rgba(253,161,2,0.7);  }

/*case*/
.chejian{ position:relative; padding:0 0 40px 0; background:#fff;}
.chejian .chejian_title{ position: relative;z-index: 10; line-height:90px; }
.chejian .chejian_title .div1{ color: #45B3FD; font-size:30px; font-weight: 700; padding-left:44px; background: url(../images/shebei_t.png) left center no-repeat; }
.chejian .chejian_title .div2{padding-left:35px; font-size: 16px; color: rgba(0,0,0,0.5); height: 90px; line-height:93px;}
.chejian .chejian_title .more{display:block; padding:0 20px; color: rgba(255,255,255,0.8); height:40px; line-height: 40px; border-radius:40px; font-size: 13px; background:rgba(0,0,0,0.2);margin-top:25px;}
.chejian .chejian_title .more:hover{ background: #fda102; }
.chejian .bg{ position: absolute;top:0;left:0; width: 100%; height:200px ; background: #c4d9fc; }
.chejian .bg .bgf{ background: #fff; width:1250px; position:relative; top:90px; left:50%; margin-left:-625px ; height: 110px; }
.chejian .caseList{  overflow:hidden;position:relative; z-index:10; padding-top:30px;}
.chejian .caseList ul{ width:1200px;margin-left:25px;}
.chejian .caseList li{ float:left; width:25%; margin-right:; }
.chejian .caseList li a{display:block; margin:auto; position: relative; width:280px; border:1px solid #ddd;padding:10px 0; background: #fff; }
.chejian .caseList li .img_box{display:block; width:260px;margin:auto;  height:270px; position:relative; overflow: hidden;}
.chejian .caseList li .img_box .img{ width: 100%; height: 100%; overflow:hidden; background-position:center center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;}
.chejian .caseList li .img_box .bg{ position: absolute;z-index:5; top:0; left:0; width: 100%; height:100%; background: url(../images/chejian.png) right top no-repeat;}
.chejian .caseList li .title{  display:block; position: absolute; z-index:10; height:45px; line-height:45px; background:rgba(28,91,190,0.8) ; width:100%;bottom:-45px; left:0%;text-align:center;color:#fff; font-size:15px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-moz-transition: all 0.4s;-webkit-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s; }
.chejian .caseList li a:hover .title{ bottom:0; }
.chejian .caseList .box{ width:9999px; position:relative; z-index:10;}
.chejian .caseList .box ul{ float:left;}

/*case*/
.cases{ position:relative; padding:40px 0 40px 0; background:#fff;}
.cases .caseList{  overflow:hidden;position:relative; z-index:10; padding-top:0px}
/* .cases .caseList ul{ width:1290px;} */
/* .cases .caseList li{ float:left;margin-right: 40px;} */
/* .cases .caseList li a{display:block; width:282px; margin:auto; position:relative; background:url(../images/case_img.png) bottom center no-repeat; } */
/* .cases .caseList li .img_box{display:block;position:relative; overflow: hidden;padding:10px 0 240px 0;} */
/* .cases .caseList li .img_box .img{ width:198px; height: 198px;border-radius: 100%; position: absolute; bottom:2px; left:50%;margin-left:-99px; overflow:hidden; background-position:center center; background-size:cover;-webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} */

/* .cases .caseList li .title{  display:block;  z-index:10; height:50px; line-height:50px;background:rgba(0,0,0,0) ;margin:auto; width:70%;padding:0 0px;text-align:center;color:rgba(255,255,255,0.9); font-size:15px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis; } */
/* .cases .caseList li .time{ text-align: center; width:160px; margin:auto; border-top: 1px solid rgba(255,255,255,0.2); height:0; line-height: 0;margin-top:7px; } */
/* .cases .caseList li .time span{ display: inline-block; padding:0 20px; background: #45B3FD; height: 20px; line-height: 20px; margin-top:-10px; color:rgba(255,255,255,0.4); font-size: 14px; } */
/* .cases .caseList .box{ width:9999px; position:relative; z-index:10;} */
/* .cases .caseList .box ul{ float:left;} */

/* .cases .caseList li a:hover .img_box .img{ bottom:13px; } */

.cases .caseList .steps { overflow: hidden }  
.cases .caseList .bd { position: relative; padding: 0 0 30px 0 }
.cases .caseList .bd  h3{text-align:center;}  
.cases .caseList .bd li { float: left; width: 290px; height: 304px; margin-right: 24px; }  
.cases .caseList .bd li a { display: block; overflow: hidden; background: #fff; width: 100%; height: 304px; }  
.cases .caseList .bd li img { max-width: 100%; height: 249.3px; display: block; margin: 0 auto; transition: all .5s ease-out 0s; }  
/* .cases .caseList .bd li a:hover img { transform: scale(1.1, 1.1); }   */
.cases .caseList .hd { position: relative }  
.cases .caseList .hd ul { text-align: center }  
.cases .caseList .hd li { display: inline-block; width: 20px; height: 20px; margin-right: 14px; cursor: pointer; background: #999; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; font-size: 0; }  
.cases .caseList .hd li.on { background: #45B3FD; } 

/*����炬�*/
.yqlj{  position:relative; z-index:201; padding:25px 0; background: #fff;}
.yqlj .yqljT{border-bottom:1px solid #ccc; line-height:30px; padding-bottom:3px;}
.yqlj .yqljT .span1{ color: #333;font-size: 30px; font-weight: 600;padding-right:15px;}
.yqlj .yqljT .span2{ font-size:15px; color:#999;}
.yqlj .yqlj_box{ padding-top:8px;}
.yqlj .yqlj_box li{ float:left; padding-right:25px; line-height:25px;}
.yqlj .yqlj_box a{ font-size:13px; color:#333;}
.yqlj .yqlj_box a:hover{ text-decoration:underline; color:#d81e06; }






</pre></body></html>