锘?*common*/*{padding:0px;margin:0px;}html{background:#fff;}body{font:12px 寰蒋闆呴粦,Verdana,Arial,Tahoma;background:#fff;color:#1b1b1b;}img{border:none;}a{color: #1b1b1b;text-decoration: none;}a:hover{color:#f9bc03;}ul,li{list-style:none;}input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}h1,h2,h3,h4,h5,h6 {font-size: 12px;font-weight: normal;}i,em{font-style:normal;}/*base*/.m{width:1200px;margin:0 auto;}.m1{width:1090px;margin:0 auto;}.m2{width:1008px;margin:0 auto;}.p_r{position:relative;}.d_n{display:none;}.f_l{float:left;}.f_r{float:right;}.c_b{clear:both;}.pt10{padding-top:10px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt100{margin-top:100px;}.headtop{height:50px;background:#252525;}.headtop .msg{float:left;background:url(img/laba.png) no-repeat left center;height:50px;text-indent:30px;color:#fff;font-size:13px;overflow:hidden;}.headtop .msg li{height:50px;line-height:50px;}.headtop .sear{float:right;width:262px;height:30px;margin-top:10px;background:#fff;border-radius:30px;position:relative;}.headtop .sear .intxt{position:absolute;left:13px;top:0;width:210px;height:28px;line-height:28px;border:0;background:none;text-indent:3px;font-size:13px;color:#aaa;}.headtop .sear .btn{position:absolute;right:15px;top:0;height:30px;width:30px;border:0;background:url(img/searbtn.png) no-repeat center;cursor:pointer;}.topfix{position:fixed;_position:absolute;left:0px;top:0px;z-index:999;width:100%;background:#fff;box-shadow:0px 3px 3px #ccc;}.head {height:80px;}.head .logo{width:560px;height:60px;padding:15px 0 0;float:left;position:relative;}.head .city{color:#434343;position:relative;z-index:1000;text-align:right;padding-right:107px;}.head .city #citysele{cursor:pointer;}.head .city i{padding:0 3px;}.head .city p{display:none;position:absolute;background:#fff;right:-100px;top:-6px;border-radius:4px;height:35px;line-height:35px;box-shadow: 0 0 5px #bbb;padding:0 8px;width:180px;text-align:left;}.head .city em{display:block;width:9px;height:14px;background:url(img/arrbgright.png) no-repeat;position:absolute;left:-9px;margin:auto;top:0;bottom:0;}.head .right{width:500px;float:right;text-align:right;}.head h3{color:#434343;font-size:14px;padding-top:10px;}.head h3 a{color:#434343;}.head h3 i{padding:0 4px;}.head .tel{display:inline-block;padding-top:4px;background:url(img/telbg.png) no-repeat left center;height:36px;line-height:36px;text-indent:45px;font-size:16px;color:#aaa;}.head .tel b{font-size:28px;color:#f9bc03;vertical-align: top;}.nav li{display:inline-block;position:relative;z-index:11;}.nav li{*display:inline;}.nav li a.big{float:left;display:block;height:36px;line-height:36px;font-size:16px;color:#a0a0a0;font-weight:block;width:125px;text-align:center;}.nav li a.eng{display:none;}/*.nav li a.a0{padding-left:20px;}.nav li a.a8{padding-right:0;}*/.nav li a:hover,.nav li.cur a.big,.nav li.now a.big{color:#f9bc03;}.nav li.cur .cn{display:none;}.nav li.cur .eng{display:block;color:#f9bc03;}.nav dl{display:none;position:absolute;left:28px;top:36px;background:#fff;padding:7px 0;width:362px;box-shadow: 0 0 4px #bbb; filter:alpha(opacity=90); /*IE婊ら暅锛岄€忔槑搴?0%*/-moz-opacity:0.9;opacity:0.9;}.nav dt{float:left;width:93px;padding:7px 0;border-right:1px #d2d2d2 solid;min-height:218px;}.nav dt a{display:block;font-size:14px;color:#413d3d;line-height:28px;text-align:center;}.nav dt a:hover{background:#f9bc03;color:#fff;}.nav dd{display:none;float:right;width:248px;height:218px;padding:4px 9px 0;}.nav dd img{width:100%;height:137px;}.nav dd p{line-height:22px;color:#a0a0a0;height:88px;overflow:hidden;}.nav .dd0{display:block;}.nav dl i{display:block;width: 14px;height: 9px;background:url(img/navdlbg.png) no-repeat;position:absolute;left:28px;top:-9px;}.slideBox{overflow:hidden;margin:auto;width:100%;position:relative;} .slideBox .hd{ height:86px; overflow:hidden; position:absolute; left:0;right:0;margin:auto; bottom:0px; z-index:1; }.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}.slideBox .hd ul li{ float:left; height:86px;line-height:86px;font-size:24px;color:#a0a0a0;cursor:pointer;margin-right:15px;}.slideBox .hd ul li.on{background:url(img/ibannerarr.png) no-repeat 40px center; color:#fff;padding-right:40px; }.slideBox .bd{ position:relative; z-index:0;}.slideBox .bd li{ zoom:1; vertical-align:middle;position:relative;} .slideBox .bd li img{}.slideBox .prevnext{position:absolute;left:0;right:0;bottom:0;margin:auto;height:52px;width:1090px;}.slideBox .prev,.slideBox .next{ position:absolute;left:0; top:0;display:block; width:52px; height:52px; background:url(img/slider-arrow.png) 0px 0px no-repeat;}.slideBox .next{ left:53px;top:0;background-position:-52px 0px; }.slideBox .prev:hover{background-position: 0 -52px;}.slideBox .next:hover{background-position: -52px -52px;}.slideBox .tel{position:absolute;left:0;right:0;margin:auto;bottom:0;height:86px;width:100%; background:rgba(0,0,0,0.5) none repeat scroll !important; /*瀹炵幇FF鑳屾櫙閫忔槑锛屾枃瀛椾笉閫忔槑*/background:#000; filter:Alpha(opacity=50);/*瀹炵幇IE鑳屾櫙閫忔槑*/ color:#fff;}.slideBox .tel p{text-align:right;line-height:86px;}.slideBox .tel p img{vertical-align: middle;padding-left:15px;}.iabout{width:480px;float:left;padding-top:70px;}.iabout dt b{display:block;font-size:35px;color:#141517;height:2.4rem;line-height:2.4rem;background:url(img/arr.png) no-repeat 57% center;}.iabout dt p{font-size:15px;color:#aaa;padding-top:5px;}.iabout dd .txt{font-size:13px;color:#b5b5b5;line-height:22px;padding-top:35px;}.iabout dd .info{font-size:16px;color:#a0a0a0;line-height:28px;padding:50px 0 60px;}.iabout .more{display:block;background:#f9bc03;width:140px;height:32px;line-height:32px;text-align:center;border-radius:32px;color:#fff;}.iaboutsub{width:569px;float:right;padding-top:102px;}.iaboutsub dt{font-size:0;}.iaboutsub dt img{display:none;width:100%;height:320px;box-shadow:-2px -2px 6px rgba(0, 0, 0, 0.2);}.iaboutsub dt .cur{display:block;}.iaboutsub dd{padding-top:22px;}.iaboutsub dd a{display:inline-block;width:33.33%;height:27px;line-height:27px;background:#000;text-align:center;color:#fff;cursor:pointer;}.iaboutsub dd a.cur{height:37px;line-height:37px;background:#f9bc03;}.itit{text-align:center;padding-top:45px;}.itit dt{color:#f9bc03;font-size:47px;display:inline-block;font-weight:bold;padding-left:5px;}.itit dd{display:inline-block;text-align:right;color:#141517;font-size:24px;line-height:20px;}.itit dd p{font-size:16px;color:#898989;}.iwhy{height:425px;background:#eee url(img/iwhybg.png) no-repeat center 175px;margin-top:65px;}.iwhy ul{padding-top:52px;width:1131px;margin-right:-41px;}.iwhy li{width:185px;float:left;text-align:center;margin-right:41px;}.iwhy li span{display:block;width:117px;height:117px;border-radius:50%;position:relative;margin:0 auto;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.iwhy li span img{display:block;position:absolute;right:0;top:0;left:0;bottom:0;margin:auto;}.iwhy li .s1{background:#3385ff;}.iwhy li .s2{background:#b468fc;}.iwhy li .s3{background:#fc68d0;}.iwhy li .s4{background:#78daef;}.iwhy li .s5{background:#ffaa3b;}.iwhy li span:hover{box-shadow: 0 0 15px #fff;}.iwhy li b{font-size:14px;color:#141517;display:block;padding:15px 0 10px;}.iwhy li p{font-size:13px;color:#a0a0a0;line-height:20px;}.banner{height:400px;width:100%;}.ido{height:678px;margin-top:45px;}.ido .m1{position:relative;}.ido a{display:block;position:absolute;}.ido .d1{left:70px;top:260px;}.ido .d2{left:213px;top:365px;}.ido .d3{left:430px;top:278px;}.ido .d4{left:845px;top:186px;}.ido .d5{left:440px;top:83px;}.ido .d6{left:292px;top:488px;}.ido .d7{left:581px;top:436px;}.ido .d8{left:644px;top:275px;}.ido .d9{left:280px;top:185px;}.ido .d10{left:600px;top:125px;}.ido .d11{left:910px;top:330px;}.ido .d12{left:413px;top:489px;}.ido .d13{left:760px;top:440px;}.inewsl{width:438px;height:353px;float:left;background:#eee;}.inewsl img{height:242px;width:100%;}.inewsl b{display:block;font-size:16px;color:#1b1b1b;padding:8px 16px;}.inewsl p{font-size:13px;color:#7d7d7d;line-height:20px;padding:0 16px;}.inewsr{width:600px;float:right;}.inewsr .subm{height:62px;line-height:62px;border-top:2px #aaa solid;border-bottom:1px #d2d2d2 solid;}.inewsr .subm li{position:relative;float:left;width:20%;text-align:center;color:#898989;font-size:17px;background:url(img/inewslibg.png) no-repeat left center;cursor:pointer;}.inewsr .subm .nobg{background:none;}.inewsr .subm li i{position:absolute;display:block;width:100%;height:3px;left:0;top:-2px;}.inewsr .subm .on{color:#f9bc03;}.inewsr .subm .on i{background:#f9bc03;}.inewsr dt{padding:20px 0 25px;border-bottom:1px #d2d2d2 dashed;}.inewsr dt img{width:242px;height:166px;float:left;}.inewsr dt .info{width:337px;float:right;position:relative;height:166px;}.inewsr dt .info a:hover b{color:#f9bc03;}.inewsr dt b{font-size:16px;color:#1b1b1b;font-weight:normal;}.inewsr dt p{font-size:14px;color:#7d7d7d;line-height:20px;padding-top:8px;}.inewsr dt span{position:absolute;left:0;bottom:0;font-size:14px;color:#7d7d7d;}.inewsr dt span a{color:#f9bc03;margin-left:15px;}.inewsr dd{padding-top:8px;}.inewsr dd li{display:inline-block;width:50%;font-size:14px;background:url(img/inewsrddlibg.png) no-repeat left center;text-indent:14px;margin-top:12px;}.ianli{background:#eee;}.ianli ul{width:1110px;margin-right:-20px;padding:37px 0 65px;}.ianli li{width:350px;height:366px;float:left;margin-right:20px;margin-top:20px;background:#fff;position:relative;}.ianli li img{width:100%;height:224px;}.ianli ul li i{display:block;position:absolute;width:61px;height:61px;background:url(img/iplaybtn.png) no-repeat;left:144px;top:81px;margin:auto;}.ianli li p{padding:13px 20px 0;line-height:23px;color:#7d7d7d;font-size:13px;}.ianli li em{display:none;position:absolute;left:0;top:0;border:5px #f9bc03 solid;width:340px;height:356px;}.ianli li:hover em{display:block;}.icase{padding-top:76px;}.icase h2{height:32px;line-height:32px;position:relative;}.icase h2 a{color:#959595;font-size:15px;cursor:pointer;}.icase h2 i{padding:0 12px;}.icase h2 a.cur{color:#141517;font-weight:bold;}.icase h2 a.more{width:140px;height:32px;display:block;border-radius:32px;background:#141517;color:#fff;position:absolute;right:0;top:0;text-align:center;}.icase ul{display:none;width:1110px;margin-right:-20px;padding:45px 0 66px;height:488px;}.icase ul li{width:350px;height:224px;float:left;margin-right:20px;margin-top:20px;}.icase ul li img{width:100%;height:100%;}.icase ul li i{display:block;position:absolute;width:61px;height:61px;background:url(img/iplaybtn.png) no-repeat;left:0;top:0;right:0;bottom:0;margin:auto;}.icase ul li b{display:none;position:absolute;left:0;bottom:0;width:100%;height:52px;line-height:52px;color:#fff;font-size:15px;text-align:center; background:rgba(0,0,0,0.65) none repeat scroll !important; /*瀹炵幇FF鑳屾櫙閫忔槑锛屾枃瀛椾笉閫忔槑*/background:#000; filter:Alpha(opacity=65);/*瀹炵幇IE鑳屾櫙閫忔槑*/}.icase ul li:hover b{display:block;}.pic_zoom_out{overflow:hidden;position:relative;}.pic_zoom_out .img{position:absolute;display:block;}.ifour{background:#f9bc03;height:410px;text-align:center;}.ifour h2{font-size:29px;color:#141517;font-weight:bold;padding:38px 0 10px;}.ifour .fba{width:232px;height:33px;line-height:33px;border-radius:33px;background:#ee8600;color:#fff;display:inline-block;font-size:18px;margin-bottom:8px;}.ifour img{display:block;}.iyx ul{width:1100px;margin-right:-10px;padding:52px 0 40px;}.iyx li{float:left;width:540px;margin-right:10px;text-align:center;}.iyx li .zoom{display:block;width:540px;height:303px;}.iyx li img{width:540px;height:303px;}.iyx li b{display:block;color:#172c36;font-size:17px;padding:15px 0 15px;font-weight:normal;}.iyx li .more{width:127px;height:30px;line-height:30px;display:inline-block;color:#fff;background:#f9bc03;border-radius:30px;font-size:15px;}.lleft{width:207px;float:left;padding-left:16px;padding-bottom:150px;}.lleft .ltit{font-size:16px;color:#535353;height:19px;margin-top:30px;background:url(img/ltitbg.png) no-repeat left center;text-indent:22px;}.lleftfix{position: fixed;_position:absolute;left:0px;top:150px;z-index: 999999;}.lhot{margin-top:12px;}.lhot ul {font-size:0;padding-top:10px;}.lhot ul li{padding-top:10px;}.lhot ul img{width:100%;transition-duration: .3s;-ms-transition-duration: .3s;-moz-transition-duration: .3s; -webkit-transition-duration: .3s;}.lhot ul img:hover{box-shadow: 5px 5px 3px #666;}.lnews ul{padding-top:5px;}.lnews ul li{height:44px;line-height:44px;border-bottom:1px #c9c9c9 dashed;}.lnews ul li a{color:#535353;font-size:14px;}.lcon{background:#f2a001;padding:25px 0;width:207px;text-align:center;color:#fff;margin-top:30px;}.lcon span{font-size:20px;}.lcon b{display:block;font-size:24px;padding:2px 0 5px;}.lcon .more{display:inline-block;width:126px;height:32px;line-height:32px;border-radius:32px;background:#fff;color:#f2a001;font-size:18px;}.leftconfix{position: fixed;_position:absolute;left:0px;top:150px;z-index: 999999;}.submenu{position:relative;padding-top:59px;}.submenu h2{position:absolute;left:-16px;top:0;width:246px;height:69px;line-height:60px;text-indent:50px;font-size:22px;color:#fff;background:url(img/submenuh2bg.png) no-repeat;}.submenu ul{background:#e7e7e7;padding:5px 20px 10px;}.submenu ul a{display:block;font-size:16px;color:#535353;border-top:1px #c9c9c9 dashed;line-height:55px;}.submenu ul a:hover,.submenu ul a.cur{color:#e28000;}.submenu ul .nobor{border:0;}.subclass{padding-top:60px;}.subclass a{display:inline-block;width:135px;height:49px;line-height:49px;color:#343434;font-size:16px;background:#f0f0f0;text-align:center;margin-right:10px;margin-bottom:10px;}.subclass a:hover,.subclass a.cur{background:#f9bc03;color:#fff;}.outline{font-size:14px;color:#707070;padding-top:30px;line-height:24px;}.related{background:#eee;padding:13px 0 34px;}.related dl{padding-left:16px;margin-top:21px;}.related dt{float:left;background:#f2a001;width:172px;height:187px;color:#fff;padding-left:35px;font-size:16px;}.related dt b{font-size:32px;color:#fff;display:block;font-weight:normal;padding-top:25px;}.related dt .more{display:block;color:#fff;font-size:20px;margin-top:50px;}.related dd{width:952px;float:right;height:187px;}.related .pic li{width:308px;float:left;margin-right:13px;height:100%;position:relative;}.related .pic li.li3{margin-right:0;}.related .pic img{width:100%;height:100%;}.related .pic i{display:none;width:61px;height:61px;background:url(img/relatedtvibg.png) no-repeat;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}.related .pic li:hover i{display:block;}.related .txt{padding:0 32px;width:888px;background:#fff;}.related .txt a{display:block;width:295px;float:left;margin-top:15px;text-indent:13px;font-size:13px;color:#535353;background:url(img/relatedcbg.png) no-repeat left center;}.lright{width:928px;float:right;padding-top:23px;}.nowclass{background:url(img/nowclassbg.png) no-repeat left center;font-size:24px;color:#a0a0a0;text-indent:26px;}.nowclass b{color:#1b1b1b;font-size:32px;font-weight:normal;padding-right:13px;}.nowclass2{color:#b5b5b5;font-size:39px;}.nowclass2 b{font-size:44px;color:#f9bc03;padding-right:5px;}.bigmap{height:866px;padding-top:16px;background:url(img/bigmap.jpg) no-repeat center top;}.diabox{height:823px;background:#fff;width:485px;margin:0 auto;}.diabox .fm{text-align:center;color:#a0a0a0;}.diabox .fm h4{font-size:17px;color:#a0a0a0;padding:32px 0 22px;}.diabox .fm input{width:366px;height:50px;border:1px #a0a0a0 solid;border-radius:6px;font-size:14px;text-indent:14px;}.diabox .fm li{padding-bottom:12px;}.diabox .fm button{margin-top:5px;font-size:20px;color:#fff;width:237px;height:52px;line-height:50px;border:0;border-radius:6px;background:#e96800;}.diabox .bt{height:223px;background:#e5e5e5;padding-top:30px;}.diabox .bt p{width:385px;margin:0 auto;font-size:13px;color:#7d7d7d;line-height:22px;padding:8px 0;border-top:1px #d2d2d2 solid;}.conm{position:relative;}.conm h3{font-size:19px;color:#141517;line-height:26px;padding-bottom:30px;}.conm p{line-height:26px;font-size:15.5px;color:#7d7d7d;}.conm .ewm {position:absolute;width:125px;float:left;text-align:center;font-size:0;top:10px;right:90px;}.conm .ewm p{padding-top:15px;font-size:12px;color:#b5b5b5;}.conm .ewm .p1{padding-bottom:35px;}.smallmap{width:1210px;margin-right:-10px;padding-top:50px;}.smallmap dl{width:595px;float:left;margin-right:10px;text-align:center;font-size:0;}.smallmap dl img{width:593px;border:1px #d2d2d2 solid;height:408px;}.smallmap dl dd{font-size:22px;color:#313131;font-weight:normal;padding:35px 0 50px;}.conthr{padding:65px 0 50px;border-top:1px #dcdcdc solid;}.conthr dl{width:283px;text-align:center;float:left;height:156px;}.conthr dt{height:68px;}.conthr dd p{color:#959595;font-size:20px;padding:10px 0;}.conthr dd b{font-weight:normal;color:#000;}.conthr .d2{padding:0 86px;border-left:1px #dcdcdc solid;border-right:1px #dcdcdc solid;margin:0 80px;}.conthr .more{display:inline-block;width:132px;height:37px;line-height:37px;background:#f9bc03;color:#fff;font-size:18px;border-radius:2px;}.tjnews{padding-top:50px;}.tjnews h3{font-size:38px;color:#313131;}.tjnews ul{width:942px;margin-right:-14px;padding:37px 0 60px;}.tjnews li{width:220px;float:left;margin-right:14px;}.tjnews li img{width:100%;height:140px;}.tjnews li p{color:#626262;text-align:center;padding-top:12px;}.arclist dl{padding:27px 0;border-bottom:1px #bebebe dashed;}.arclist dt{padding-left:68px;float:left;position:relative;}.arclist dt span{display:block;position:absolute;left:0;top:0;bottom:0;margin:auto;font-size:13px;color:#898989;height:80px;}.arclist dt b{display:block;font-size:42px;color:#f18902;height:50px;}.arclist dt img{width:200px;height:130px;}.arclist dd{float:right;width:643px;height:130px;position:relative;}.arclist dd b{font-size:16px;color:#626262;}.arclist dd a:hover b{color:#f9bc03;}.arclist dd p{line-height:20px;font-size:13px;color:#898989;padding-top:12px;}.arclist dd .more{display:block;position:absolute;left:0;bottom:0;color:#f18902;font-size:13px;}.faxing dt{padding:0;}.faxing dt img{width:300px;height:195px;}.faxing dd{width:601px;}.piclist dd{height:auto;}.piclist dd b{font-size:25px;}.piclist dd p{font-size:14px;line-height:25px;}.piclist dd .more{position:relative;margin-top:10px;width:109px;height:33px;line-height:33px;border-radius:6px;font-size:16px;color:#F1F1F1;text-align:center;background:#f2a001;}.caselist ul{width:1211px;}.caselist ul li{width:383px;height:234px;}.case ul{width:843px;margin-right:-16px;padding:45px 0 66px;}.case ul li{width:265px;height:170px;float:left;margin-right:16px;margin-top:16px;position:relative;}.case ul li img{width:100%;height:100%;}.case ul li i{display:block;position:absolute;width:49px;height:49px;background:url(img/minplaybtn.png) no-repeat;left:0;top:0;right:0;bottom:0;margin:auto;}.case ul li b{display:none;position:absolute;left:0;bottom:0;width:100%;height:42px;line-height:42px;color:#fff;text-align:center; background:rgba(0,0,0,0.65) none repeat scroll !important; /*瀹炵幇FF鑳屾櫙閫忔槑锛屾枃瀛椾笉閫忔槑*/background:#000; filter:Alpha(opacity=65);/*瀹炵幇IE鑳屾櫙閫忔槑*/}.case ul li:hover b{display:block;}.arctitle{font-size:26px;text-align:center;padding:30px 0;}.arcbody{padding:60px 0 100px;color:#434343;line-height:24px;font-size:14px;}.whytit{font-size:27px;color:#313131;padding:0 0 15px;}.whytit span{color:#f2a001;}.brandhist{background:#eee;padding-bottom:50px;}.knowtit{text-align:center;color:#434343;font-size:22px;background:url(img/knowtitarr.png) no-repeat center bottom;padding:30px 0;}.knowtit b{font-size:36px;color:#f9bc03;display:block;}.brandslide{ position:relative;width:942px;margin:0 auto;padding:10px 0 0;}.brandslide .hd{ overflow:hidden; height:45px;width:1008px;position:absolute;left:-33px;top:150px;z-index:9;}.brandslide .hd .prev,.brandslide .hd .next{ display:block; width:24px; height:45px; float:left;overflow:hidden; cursor:pointer; background:url(img/brandslidearr.png) 0 0 no-repeat;}.brandslide .hd .next{float:right;background-position:-24px 0;}.brandslide .hd .prev:hover{ background-position:0 -45px;}.brandslide .hd .next:hover{ background-position:-24px -45px;}.brandslide .bd{}.brandslide .bd ul{ overflow:hidden; zoom:1;}.brandslide .bd ul li{background:#fff;height:406px;margin:0 10px;width:258px;padding:18px 18px 0;float:left; _display:inline; overflow:hidden; text-align:center;color:#313131;}.brandslide .bd ul li img{width:100%; height:148px; display:block;}.brandslide .bd ul li b{font-size:38px;display:block;line-height:26px;padding:20px 0 15px;text-align:left;}.brandslide .bd ul li p{font-size:13px;text-align:justify;line-height:20px;}.brands ul{width:1240px;margin-right:-40px;padding:25px 0 40px;}.brands li{width:206px;height:206px;float:left;margin-right:40px;border:1px #b2b2b2 dashed;border-radius:50%;position:relative;}.brands li img{display:block;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;}.brands li:hover{border:1px #f9bc03 dashed;}.look{padding:20px 0 30px;}.look h2{color:#1b1b1b;font-weight:bold;font-size:18px;background:url(img/nowclassbg.png) no-repeat left center;height:19px;line-height:19px;text-indent:20px;}.look .left{width:762px;float:left;position:relative;}.look .left b{display:block;font-weight:normal;font-size:15px;color:#313131;padding:15px 0 10px;}.look .left p{font-size:13px;color:#a0a0a0;line-height:20px;padding-bottom:10px;}.look .left .more{background:#e28000;display:inline-block;height:29px;line-height:29px;color:#fff;font-size:13px;padding:0 15px;border-radius:3px;}.look .left .hd{position:absolute;right:0;bottom:0;height:18px;width:100px;z-index:8;}.look .left .hd .next,.look .left .hd .prev{display:inline-block;background:url(img/lookslidearr.png) no-repeat;width:10px;height:18px;cursor:pointer;}.look .left .hd .next{background-position:-10px 0;margin-left:30px;}.look .left .hd .prev:hover{background-position:0 -18px;}.look .left .hd .next:hover{background-position:-10px -18px;}.look .right{width:381px;float:right;padding-left:32px;border-left:1px #bfbfbf solid;}.look .right p{margin-top:15px;width:381px;height:235px;}.footbanner{height:113px;overflow:hidden; position:relative;padding:40px 0;}.footbanner .bd{ position:relative; height:100%; z-index:0; }.footbanner .bd li{ zoom:1; vertical-align:middle; }.footbanner .bd img{ width:100%; height:113px; display:block;}.footbanner .prev,.footbanner .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:30px; height:60px; background:url(img/slidearrf.png) no-repeat;}.footbanner .next{ left:auto; right:0; background-position:-30px 0px; }.footbanner .prev:hover,.footbanner .next:hover{ filter:alpha(opacity=100);opacity:1; }.whysele{height:283px;overflow:hidden; position:relative;margin-top:40px;margin-bottom:40px;}.whysele .hd{ overflow:hidden; height:21px; width:46px;position:absolute;right:30px;bottom:30px;z-index:2;display:none;}.whysele .hd .prev,.whysele .hd .next{ display:block; width:12px; height:21px; float:left;overflow:hidden; cursor:pointer; background:url(img/whyselearr.png) 0 0 no-repeat;}.whysele .hd .next{ background-position:-12px 0;float:right;}.whysele .hd .prev:hover{background-position:0 -21px;}.whysele .hd .next:hover{background-position:-12px -21px;}.whysele .bd{ position:relative; height:100%; z-index:0;}.whysele .bd li{width:417px;height:283px;zoom:1; vertical-align:middle;float:left;}.whysele .bd li.li2{width:366px;}.whysele .bd li b{display:block;height:50px;line-height:50px;color:#fff;font-weight:normal;font-size:22px;background:#f2a001;text-align:center;}.whysele .bd .pic_zoom_out{display:block;width:417px;height:233px;}.whysele .bd li.li2 .pic_zoom_out{width:366px;}.whysele .bd li.li2 b{background:#626262;}.whysele .bd img{ width:100%; height:100%; display:block;left:0;top:0;}.whysele .bd li.cur b{background:#626262;}.StaffTable{width:928px;position:relative;margin-top:40px;}.StaffTable li{position:relative; display:inline-block; cursor:pointer;float: left;width: 132.5px;height: 135px;}.StaffTable li:nth-child(9){width:397.5px;}.StaffTable li:nth-child(14){width:662.5px;}.StaffTable .Ceo{position:absolute;/*width:411px;*/height: 270px;top:133px;left: 264px;}.StaffTable .Ceo p{ /*border-top:1px solid red; width:294px; position:relative; right:84px;*/}.StaffTable .Ceo img{width:263px;height:268px;position: relative;top: 2px;left: 1px;}.StaffTable li img{width:130.5px; height:133px;}.StaffTable .Ceo span,.StaffTable .Ceo p{font-size:16px; text-align:center; color:#fff; height:6px;}.StaffTable .CeoText{background: #F57D1F;width: 263px;height: 133px;position: absolute;top: 270px;left: 530px;}.StaffTable .CeoText p{ font-size:25px; color:#fff; margin-left:18px;}.StaffTable .CeoText p:nth-child(1){margin-top:38px;}.Ceoinfo{color: #ECECEC;text-align: center;width: 261px;height: 267px;background: url(img/tuanduibg.png) repeat;position: absolute; top: 1px;left: 1px; display:none; cursor:pointer;}.StaffTable .Staffpic{width: 130.5px;height: 133px;}.StaffTable .Staffinfo{position: absolute;top: 0;left: 0;z-index: 999;color: #ECECEC;text-align: center;width: 130.5px;height: 133px;background: url(img/tuanduibg.png) repeat; display:none;}.StaffTable .Staffinfo dt{font-size: 18px;padding: 30px 0 10px 0;}.Ceoinfo dt{padding: 110px 0 10px 0;font-size: 18px;}.StaffTable .Staffinfo dd,.Ceoinfo dd{font-size: 12px;line-height: 25px; margin-left:0px;}.tuanduipic .TabBox{ height:37px; line-height:30px;margin-top: 6px;}.tuanduipic .TabBox li{padding: 5px 0 0 0; float:left; height:48px;background:url(img/tdpictabbg.png) no-repeat left 4px;cursor:pointer;text-align:center;color:#FFFFFF;width:16.66%;font-size:16px; line-height:44px;} .tuanduipic .TabBox li.on{background:url(img/tdpictabonbg.png) no-repeat left top; color:#fff; margin-top: 4px; line-height: 36px;}.tuanduipic .ContBox{ height:190px;padding:20px 40px 0 0;font-size:14px;color:#fff;text-justify: inter-ideograph;text-align: justify;}.tuanduipic .ContBox .Box{ display:none;}.tuanduipic .ContBox .Box img{width:928px; height:510px;}.tuanduipic .ContBox{height:510px;}/*鍒楄〃椤电爜*/.page {padding-top:60px;padding-bottom:70px;*zoom: 1;text-align:center;}.page a,.web_fyer em {display:inline-block;color: #1b1b1b!important;font-size: 15px;margin: 0px 3px;padding:7px 16px;background: #e5e5e5;text-align: center;font-style: normal;white-space: nowrap;border: 1px solid #ebebeb;line-height: 25px;}.page a:hover,.web_fyer a.fycurrent {color: #fff!important;background:#f9bc03;border:1px #f9bc03 solid;}.footfb{background:#f9bc03;}.footfb dt{float:left;height:68px;line-height:68px;font-size:17px;color:#a75a00;display:inline-block;font-weight:bold;}.footfb dd{float:left;padding-left:50px;}.footfb dd input{width:244px;height:43px;border:0;float:left;margin-right:10px;margin-top:12px;text-indent:16px;font-size:13px;color:#a0a0a0;}.footfb dd button{float:left;font-size:16px;color:#fff;border:0;width:94px;height:35px;line-height:35px;margin-top:16px;margin-left:74px;background:#ee8600;border-radius:35px;}.fbsucc{display:none;position:fixed;_position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;z-index: 9999;width:400px;height:200px;}.fbsucc .close{display:block;width:18px;height:18px;line-height:18px;background:#f9bc03;color:#fff;text-align:center;font-size:16px;position:absolute;right:0;top:0;}.fbsucc img{width:100%;}.foota{padding:30px 0 35px;border-bottom:1px #bebebe dashed;}.foota .left{width:444px;float:left;border-right:1px #bebebe dashed;}.foota .left dt{width:125px;float:left;text-align:center;font-size:0;}.foota .left dt p{padding-top:15px;font-size:12px;color:#b5b5b5;}.foota .left dt .p1{padding-bottom:35px;}.foota .left dd{float:right;width:300px;color:#a0a0a0;}.foota .left dd b{font-size:16px;}.foota .left dd i{font-size:29px;font-family:impact;display:block;color:#f9bc03;}.foota .left dd p{font-size:13px;line-height:22px;padding-top:23px;}.foota .right{padding-left:58px;float:left;}.foota .right ul{width:660px;margin-right:-80px;}.foota .right li{float:left;width:110px;color:#b5b5b5;}.foota .right li b{padding-bottom:15px;display:block;line-height:14px;font-size:13px;}.foota .right li a{display:block;color:#b5b5b5;line-height:20px;}.foot{color:#b5b5b5;height:116px;}.foot .left{float:left;padding-top:33px;}.foot .right{float:right;text-align:right;padding-top:46px;}.onkefu {position:absolute;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));right: 0px;top: 620px;z-index: 100;}.onkefu dl{position:relative;padding-bottom:2px;width:59px;}.onkefu dt{width:34px;height:92px;padding-top:12px;text-align:center;}.onkefu dt i{display:block;width:100%;height:23px;}.onkefu dt b{display:inline-block;width:14px;font-size:14px;color:#fff;font-weight:normal;line-height:16px;padding-top:10px;}.onkefu .qq dt{background:#f9bc03 url(img/kearr.png) no-repeat center 85px;}.onkefu .qq dt i{background:url(img/on_qq.png) no-repeat center;}.onkefu .tv dt{background:#f14c38 url(img/kearr.png) no-repeat center 85px;}.onkefu .tv dt i{background:url(img/on_tv.png) no-repeat center;}.onkefu .wx dt{background:#7eb026 url(img/kearr.png) no-repeat center 85px;}.onkefu .wx dt i{background:url(img/on_wx.png) no-repeat center;}.onkefu dd{position:absolute;text-align:center;width:196px;left:-197px;top:0;background:#fff;display:none;}.onkefu dd .tit{height:30px;width:100%;line-height:30px;font-size:17px;color:#fff;}.onkefu dd p{padding:5px 0;}.onkefu .qq dd{padding-top:15px;}/*.onkefu .qq dd a{display:inline-block;width:133px;height:38px;line-height:38px;background: url(img/qqkfbg.png) no-repeat 18px center;border-radius:3px;margin:4px 0;color:#000;text-indent:50px;text-align:left;}*/.onkefu .qq dd p{padding:10px 0 5px;}.onkefu .qq dd .phone{font-size:12px;color:#7c7b7b;}.onkefu .qq dd .tit{background:#f9bc03;}.onkefu .wx dd .tit{background:#7eb026;}.gotop{width:34px;height:22px;cursor:pointer;padding-top:12px;background:#000 url(img/gotoparr.png) no-repeat center 5px;font-size:13px;text-align:center;color:#fff;}#SLB-Wrapper {margin: 0.5em 0;margin: auto;font-family: Verdana;text-align: left;position: absolute;}#SLB-Wrapper #SLB-Background {position: absolute;left: 7px;top: 7px;float: left;}#SLB-Wrapper #SLB-Top {background: transparent no-repeat scroll 100% 0;height: 28px;margin: 0 0 0 18px;}#SLB-Wrapper #SLB-Top a {float: right;display: inline;padding: 0;margin: 5px 10px;width: 41px;height: 16px;text-decoration: none;line-height: 0px;}#SLB-Wrapper #SLB-Top a:hover {background-position: 0px -16px;}#SLB-Wrapper #SLB-Top img {float: right;border: 0px;margin: 6px 10px;width: 41px;height: 16px;}#SLB-Wrapper #SLB-Top div {background: transparent no-repeat scroll 0 0;font-size: 0;height: 28px;left: -18px;line-height: 0;position: relative;width: 18px;}#SLB-Wrapper #SLB-Bottom {background: transparent no-repeat scroll 0 43%;height: 20px;margin: 0 18px 0 0;}#SLB-Wrapper #SLB-Bottom #SLB-BottomRight {background: transparent no-repeat scroll 100% 43%;font-size: 0;height: 20px;right: -18px;line-height: 0;position: relative;width: 100%;float: right;}#SLB-Wrapper #SLB-Bottom.SLB-bbnav, #SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight {height: 52px;}#SLB-Wrapper #SLB-Bottom.SLB-bbnav {background-position: 0 100%;}#SLB-Wrapper #SLB-Bottom.SLB-bbnav #SLB-BottomRight {background-position: 100% 100%;}#SLB-Wrapper #SLB-Contenido {border-left: 7px solid #000;border-right: 7px solid #000;}#SLB-Wrapper #SLB-Bottom #SLB-Navegador {font-size: 11px;color: #fff;height: 30px;border-left: 0px;border-right: 0px;padding: 10px 0px;margin: 0;line-height: 11px;float: left;width: 100%;}#SLB-Wrapper #SLB-Navegador #SLB-Right, #SLB-Wrapper #SLB-Navegador #SLB-Left {display: inline;padding: 0;margin: 0;width: 26px;height: 26px;text-decoration: none;}#SLB-Wrapper #SLB-Navegador #SLB-Right {background-position: 26px 0;margin: 0 18px 0 10px;float: right;}#SLB-Wrapper #SLB-Navegador #SLB-Right:hover {background-position: 26px -26px;}#SLB-Wrapper #SLB-Navegador #SLB-Left {background-position: 52px 0;margin-right: 10px;float: left;}#SLB-Wrapper #SLB-Navegador #SLB-Left:hover {background-position: 52px -26px;}#SLB-Wrapper #SLB-Navegador strong {display: block;padding-top: 5px;}.casetc {height: 420px;width:1000px;background: url(img/tcboxbg.jpg) repeat left top;margin:0 auto;}.xase_l {float: left;height: 380px;width: 350px;font-size:16px;}.xl_da { padding-bottom:20px; height: 137px;width: 290px;padding-top: 54px;border-bottom: 1px dashed #727272;margin-left: 25px;font-size: 12px;line-height: 24px;color: #cdcbcb;font-family: "寰蒋闆呴粦";padding-left: 10px;}.xl_db {height: 128px;width: 300px;margin-left: 25px;margin-top: 20px;}.xl_bl {float: left;height: 128px;width: 213px;color: #cdcbcb;padding-left: 10px;}.xl_bl h2 {font-family: "寰蒋闆呴粦";font-size: 14px;line-height: 30px;padding-top: 12px;font-weight: normal;}.xl_bl h3 {font-family: "寰蒋闆呴粦";font-size: 12px;line-height: 28px;font-weight: normal;}.xl_bl h1 {font-family: Arial, Helvetica, sans-serif;font-size: 30px;line-height: 30px;font-weight: normal;}.xl_bl p {font-family: Arial, Helvetica, sans-serif;font-size: 14px;line-height: 24px;}.xl_bl p a {color: #cdcbcb;}.xl_br {font-size: 0px;line-height: 0px;height: 25px;width: 77px;padding-top: 103px;float: left;}.xase_r {font-size: 0px;line-height: 0px;margin-top: 60px;float: left;}#SLB-Contenedor{border:1px solid #CCC;}@-webkit-keyframes pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); transform: scale(1); }}@keyframes pop { 50% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }}.pop { display: inline-block; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0);}.pop:hover { -webkit-animation-name: pop; animation-name: pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}/* 鑱旂郴鏂瑰紡V2 */.contact-us-wrap{width: 1090px;margin: 0 auto;background: #fff;}.contact-us-wrap .content{padding-bottom: 60px;}.contact-us-wrap .content .clear{clear: both;zoom:1;}.contact-us-wrap .content .f-left{float: left;}.contact-us-wrap .content .f-right{float: right;}.contact-us-wrap .content .icon{width:725px;height: 340px;}.contact-us-wrap .content .info .matter{margin: 0px 30px;}.contact-us-wrap .content .info .matter .title{font-size: 34px;color: #96bd1d;padding-top: 20px;}.contact-us-wrap .content .info .matter .relation{font-size: 17px;color: #7c7b7b;margin-top: 8px;}.contact-us-wrap .content .info .matter ul li{float: left;width: 90px;padding-top: 20px;margin: 0px 5px;}.contact-us-wrap .content .info .matter ul li .client{margin-top: 5px;}.contact-us-wrap .content .info .matter ul li .phone{font-size: 13px;color: #7c7b7b;} .newpage.head{ position: relative; height: 635px; padding-top: 124px; padding-bottom: 88px; box-sizing: border-box; text-shadow: 1px 1px 2px #000; } .newpage.head *{ position: relative; } .newpage.head .background_img{ background-image: url("../Hanhome/img/home_banner.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .newpage.head>div{ height: 100%; box-sizing: border-box; margin: auto; } .newpage.head .list>*{ display: flex; align-items: center; } .newpage.head .list{ background: #181818; border-radius: 5px; height: 100%; padding: 0 20px; width:210px; color: #ffffff; transition: all .2s ease-in-out; } .newpage.head .cateLog{ width: 18px; height: 18px; display: inline-block; margin-right: 10px; } .newpage.head .list .city{ margin: 22px 0 35px -5px; color: #ffffff; font-size: 15px; } .newpage.head .list .cate{ margin-bottom: 20px; color: #ffffff; } .newpage.head .list .iconfont{ padding-right: 10px; } .newpage.head .btn_{ height: 40px; border: 1px solid #FFFFFF; border-radius: 5px; display: flex; align-items: center; justify-content: center; color: #ffffff; margin-top: 10px; } .newpage.head .btn_.white{ border: 1px solid #FFFFFF; background: #ffffff!important; color: #333333!important; width: 170px; text-shadow: none; display: flex; align-items: center; justify-content: center; margin: 20px auto 0; } .newpage.head .row{ display: flex; } .newpage.head .row .col{ width: 0px; flex-grow: 1; display: flex; align-items: center; flex-direction: column; text-align: center; justify-content: center; } .newpage.head .row .col .text_1{ font-size: 51px; color: #ffffff; } .newpage.head .row .col .text_1 span{ vertical-align: super; } .newpage.head .row .col .text_2{ font-size: 25px; color: #ffffff; font-weight: 300; } .newpage.head .row .col .text_3{ font-size: 32px; color: #ffffff; margin-top: 10px; } .iaboutsub dd a{ background: #6d6d6d!important; } .iaboutsub dd a.cur{ background: #2e2e2e!important; } .hj_services{ margin-top: 131px; } .hj_services .title_{ display: flex; flex-direction: column; align-items: center; } .hj_services .title_ .t{ font-size: 30px; color: #000000; display: inline-block; position: relative; } .hj_services .title_ .t .title_icon{ position: absolute; right: -50px; top: 80%; width: 16px; display: block; } .hj_services .title_ .sub_t{ font-size: 20px; color: #666666; margin-top: 5px; display: inline-block; } .hj_services .services_{ display: flex; flex-wrap: wrap; margin-top: 50px; } .hj_services .services_ .service_item{ width: 20%; height: 254px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; } .hj_services .services_ .service_item .bg_{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all .3s ease-in-out; background-position: center; background-size: cover; } .hj_services .services_ .service_item:hover .bg_{ transform: scale(1.1); } .hj_services .services_ .service_item .text{ position: relative; z-index: 1; font-size: 20px; color: #ffffff; } .hj_services .services_ .service_item .line{ position: relative; z-index: 1; margin-top: 10px; width: 40px; height: 1px; background: #ffffff; } .hj_devices{ margin-top: 131px; display: flex; flex-direction: column; align-items: center; } .hj_devices .title_{ display: flex; flex-direction: column; align-items: center; } .hj_devices .title_ .t{ font-size: 30px; color: #000000; display: inline-block; position: relative; } .hj_devices .title_ .sub_t{ font-size: 20px; color: #666666; margin-top: 5px; display: inline-block; } .hj_devices .case_types{ display: inline-block; margin: 50px 0 80px; height: 42px; border-radius: 21px; border: 1px solid #f2f2f2; box-sizing: border-box; } .hj_devices .case_types a:hover{ color: initial; } .hj_devices .case_types a{ width: 100px; height: 100%; display: inline-block; text-align: center; line-height: 40px; border-radius: 21px; cursor: pointer; transition: all .3s ease-in-out; } .hj_devices .case_types a.active{ background: #333333; color: #FFFFFF; } .hj_devices .devices{ position: relative; } .hj_devices .devices_swiper{ height: 360px; } .hj_devices .device_item{ width: 285px; height: 350px; margin-right: 20px; } .hj_devices .device_item .img_{ width: 285px; height: 286px; background-position: center; background-size: cover; } .img_gray{ position: relative; } .img_gray::before{ content: " "; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: inherit; filter: grayscale(100%); transition: all .3s ease-in-out; } .img_gray:hover::before{ opacity: 0; } .swiper-slide-active.device_item .img_gray::before{ opacity: 0; } .hj_devices .device_item:hover .img_gray::before{ opacity: 0; } .hj_devices .device_item .info{ background: #FFFFFF; width: 255px; height: 115px; border-radius: 2px; box-shadow: 0 0 10px #e2e2e2; margin: -57.5px auto 0; position: relative; z-index: 2; padding-left: 20px; padding-top: 25px; box-sizing: border-box; } .hj_devices .device_item .name_{ font-size: 20px; color: #666666; line-height: 20px; } .hj_devices .device_item .line{ width: 40px; height: 1px; margin: 11px 0px; background: #666666; } .hj_devices .device_item .desc{ font-size: 12px; line-height: 12px; color: #666666; } .hj_devices .arrow{ width: 48px; height: 85px; display: flex; align-items: center; justify-content: center; cursor: pointer; position: absolute; top: 0; bottom: 0; margin: auto; z-index: 5; } .hj_devices .arrow.left{ left: -80px; } .hj_devices .arrow.right{ right: -80px; } .hj_teams{ margin-top: 131px; display: flex; flex-direction: column; align-items: center; } .hj_teams .title_{ display: flex; flex-direction: column; align-items: center; } .hj_teams .title_ .t{ font-size: 30px; color: #000000; display: inline-block; position: relative; } .hj_teams .title_ .sub_t{ font-size: 20px; color: #666666; margin-top: 5px; display: inline-block; } .hj_teams .case_types{ display: flex; margin: 40px 0; height: 56px; border: 1px solid #f2f2f2; box-sizing: border-box; } .hj_teams .case_types a:hover{ color: initial; } .hj_teams .case_types a{ width: 150px; height: 100%; background: #515155; display: inline-block; text-align: center; line-height: 56px; color: #ffffff; font-size: 16px; cursor: pointer; transition: all .3s ease-in-out; position: relative; } .hj_teams .case_types a:hover{ color: #ffffff; } .hj_teams .case_types a.active::before{ position: absolute; content: ''; border-top: 10px #4f4f4f dashed; border-left: 10px transparent dashed; border-right: 10px transparent dashed; border-bottom: 10px transparent solid; bottom: -20px; left: 50%; margin-left: -10px; } .hj_teams .imgs_c{ display: none; flex-wrap:wrap; justify-content: space-between; } .hj_teams .imgs_c .img_bg{ width: 23%; height: 186px; background-position: center; background-size: cover; margin-bottom: 20px; cursor: pointer; } .case_content{ margin-top: 100px; display: flex; flex-direction: column; align-items: center; } .case_content .title_{ display: flex; flex-direction: column; align-items: center; position: relative; } .case_content .title_ .t{ font-size: 30px; color: #000000; display: inline-block; position: relative; } .case_content .title_ .sub_t{ font-size: 20px; color: #666666; margin-top: 5px; display: inline-block; } .case_content .title_ .more_btn{ font-size: 14px; color: #666666; position: absolute; right: 0px; top: 35px; } .case_content .title_ .more_btn span{ vertical-align: super; } .case_content .case_types{ display: inline-block; margin: 50px 0; height: 42px; border-radius: 21px; border: 1px solid #f2f2f2; box-sizing: border-box; } .case_content .case_types a:hover{ color: initial; } .case_content .case_types a{ width: 100px; height: 100%; display: inline-block; text-align: center; line-height: 40px; border-radius: 21px; cursor: pointer; transition: all .3s ease-in-out; } .case_content .case_types a.active{ background: #333333; color: #FFFFFF; } .case_content .videos_c{ display: none; flex-wrap: wrap; } .case_content .videos_c a{ display: block; width: 24%; height: 174px; margin-right: 1%; margin-bottom: 10px; } .case_content .videos_c a:nth-child(4n+4){ margin-right: 0px; } .case_content .videos_c a .pic_zoom_out{ height: 100%; } .case_content .videos_c a .img{ width: 100%; height: 100%; } .case_content .videos_c a:hover .pay{ display: block; } .case_content .videos_c a:hover b{ display: block; } .case_content .videos_c a .pay{ position: absolute; width: 61px; height: 61px; background: url(img/iplaybtn.png) no-repeat; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: none; } .case_content .videos_c a b{ display: none; position: absolute; left: 0; bottom: 0; width: 100%; height: 34px; line-height: 34px; color: #fff; font-size: 13px; text-align: center; background: rgba(0,0,0,0.65) none repeat scroll !important; background: #000; } .hezuo_content{ margin-top: 100px; display: flex; flex-direction: column; align-items: center; } .hezuo_content .title_{ display: flex; flex-direction: column; align-items: center; position: relative; } .hezuo_content .title_ .t{ font-size: 30px; color: #000000; display: inline-block; position: relative; } .hezuo_content .title_ .sub_t{ font-size: 20px; color: #666666; margin-top: 5px; display: inline-block; } .hezuo_content .hz_img{ display: block; margin: 45px auto 0; } .huaxu_content{ margin-top: 100px; display: flex; flex-direction: column; align-items: center; } .huaxu_content .title_{ display: flex; flex-direction: column; align-items: center; position: relative; } .huaxu_content .title_ .t{ font-size: 30px; color: #000000; display: inline-block; position: relative; } .huaxu_content .title_ .sub_t{ font-size: 20px; color: #666666; margin-top: 5px; display: inline-block; } .huaxu_content .huaxu_img { display: block; width: 100%; margin: 60px auto 0px; filter: grayscale(100%); transition: all .3s ease-in-out; } .huaxu_content .huaxu_img:hover{ filter: none; } .zizhi_content{ margin-top: 100px; display: flex; flex-direction: column; align-items: center; } .zizhi_content .title_{ display: flex; flex-direction: column; align-items: center; position: relative; } .zizhi_content .title_ .t{ font-size: 30px; color: #000000; display: inline-block; position: relative; } .zizhi_content .title_ .sub_t{ font-size: 20px; color: #666666; margin-top: 5px; display: inline-block; } .zizhi_content .zizhis{ margin-top: 60px; display: flex; flex-wrap: wrap; justify-content: space-between; } .zizhi_content .zizhi_ite{ width: 30%; height: 270px; margin-bottom: 20px; } .zizhi_content .zizhi_ite .img_{ width: 100%; height: 210px; background-position: center; background-size: cover; } .zizhi_content .zizhi_ite .info{ background: #FFFFFF; width: 80%; height: 60px; border-radius: 2px; box-shadow: 0 0 10px #e2e2e2; margin: -30px auto 0; position: relative; z-index: 2; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; } .zizhi_content .zizhi_ite .name_{ font-size: 16px; color: #666666; line-height: 20px; } .zizhi_content .zizhi_ite .line{ width: 37px; height: 2px; margin: 10px 0px 0; background: #adadad; } .inewsr .subm{ display: flex; } .inewsr .subm li{ width: 0px; flex-grow: 1; } .inewsr .subm .on{ color: #333333; } .inewsr .subm .on i{ background: #000000; } .inewsr .subm li i{ top: auto; bottom: -2px; } .dynamic_content{ margin-top: 100px; display: flex; flex-direction: column; align-items: center; } .dynamic_content .title_{ display: flex; flex-direction: column; align-items: center; position: relative; } .dynamic_content .title_ .t{ font-size: 30px; color: #000000; display: inline-block; position: relative; } .dynamic_content .title_ .sub_t{ font-size: 20px; color: #666666; margin-top: 5px; display: inline-block; } .foot_content{ background-image: url("../Hanhome/img/index_footimg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; display: flex; width: 100%; height: 200px; margin: 80px 0 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .foot_content .text1{ font-size: 35px; color: #FFFFFF; } .foot_content .text2{ font-size: 35px; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } .foot_content .text2 div{ width: 50px; height: 1px; background: #ffffff; margin: 0 10px; } .foot_content .btns{ display: flex; align-items: center; justify-content: center; margin-top: 25px; } .foot_content .btns .btn_{ width: 158px; height: 32px; border: 1px dashed #cfcfcf; background: #000000; font-size: 14px; color: #cfcfcf; text-align: center; line-height: 32px; margin: 0 6px; } .inewsl{ background: #ffffff!important; width: 510px; } .article_item{ display: flex; margin-top: 30px; } .article_item .img{ width: 90px; height: 76px; background-position: center; background-size: cover; } .article_item .infos{ width: 0px; flex-grow: 1; margin-left: 15px; } .article_item .infos .title_{ font-size: 14px; color: #333333; font-weight: 600; } .article_item .infos .content{ font-size: 12px; color: #666666; margin-top: 5px; } .article_item .infos .date{ margin-top: 5px; font-size: 12px; color: #cccccc; } .inewsr{ width: 525px; } .inewsr dt img{ width: 218px; } .inewsr dt .info{ width: 283px; } .video_play{ cursor: pointer; } .video_show_model.show{ display: flex; } .video_show_model{ position: fixed; width: 100%; height: 100%; z-index: 99999; top: 0; left: 0; background: rgba(0,0,0,.3); display: none; align-items: center; justify-content: center; } /*640*/ .video_show_model .video_c{ width: 880px; background: #ffffff; border-radius: 6px; position: relative; } .video_show_model .video_c .video-content{ border-top-left-radius: 6px; border-top-right-radius: 6px; overflow: hidden; } .video_show_model .video_c video{ width: 100%; height: 495px; } .video_show_model .video_c .video_title{ padding: 20px 20px 35px; overflow: hidden; width: auto!important; height: auto!important; } .video_show_model .video_c .close{ width: 30px; height: 30px; background: rgba(255,255,255,.9); text-align: center; line-height: 30px; border-radius: 50%; color: #999999!important; position: absolute; top: -40px; right: -40px; opacity: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; } .video_show_model .video_c .close img{ width:20px; height: 20px; } .video_show_model .video_c .close:hover{ opacity: .7; } .right_options{ position: fixed; right: 20px; bottom: 30%; z-index: 9; transition: all .2s ease-in-out; display: none; } .right_options.show{ display: block!important; } .right_options .footot_content{ border: 1px solid #e1e0e0; } .right_options .icon-qrcode{ font-size: 32px; } .right_options .option_{ background: #ffffff; width:60px; height: 60px; display: flex; align-items: center; justify-content: center; cursor: pointer; box-sizing: border-box; border-bottom: 1px solid #e1e0e0; font-size: 14px; color: #333333; transition: all .2s ease-in-out; position: relative; } .right_options .option_:hover{ background: #dfdede; opacity: 1; } .right_options .option_ .hover-show{ visibility: hidden; opacity: 0; transition: all .3s ease-in-out; } .right_options .option_:hover .hover-show{ visibility: visible; opacity: 1; } .right_options .option_ .hover-show.phone{ display: block; border: 1px solid #e1e0e0; position: absolute; font-weight: 600; width: 200px; color: #999; font-size: 24px; height: 60px; background: #fff; left: -210px; top: 0; text-align: center; line-height: 60px; } .right_options .option_ .hover-show.erweima{ width: 145px; height: 162px; background: #ffffff; position: absolute; left: -160px; display: flex; flex-direction: column; top: -60px; box-sizing: border-box; align-items: center; justify-content: center; } .right_options .option_ .hover-show.erweima .al{ font-size: 18px; color: #727271; line-height: 18px; } .right_options .option_ .hover-show.erweima .al_img{ width: 120px; height: 120px; margin-top: 15px; } .right_options .option_ .hover-show.erweima .rx{ font-size: 12px; color: #727271; line-height: 12px; margin-top: 10px; } .right_options .option_ .hover-show.erweima .rx_phone{ font-size: 16px; color: #ff0d0d; line-height: 16px; margin-top: 5px; } .right_options .option_ .hover-show.erweima .wx_img{ width: 100px; height: 100px; margin-bottom: 10px; } .right_options .option_ .hover-show.erweima .wx_text{ font-size: 13px; color: #727271; line-height: 13px; margin-top: 5px; } .right_options .option_ .hover-show.erweima::before{ content: ""; width: 0px; height: 0px; position: absolute; right: -20px; top: 83px; border-top: 10px transparent dashed; border-bottom: 10px transparent dashed; border-left: 10px #ffffff dashed; border-right: 10px transparent dashed; } .right_options .option_ .hover-show.proposal{ width: 295px; height: 140px; background: #ffffff; position: absolute; left: -310px; display: flex; top: -61px; padding: 20px 25px 20px 20px; box-sizing: border-box; align-items: center; } .right_options .option_ .hover-show.proposal::before{ content: ""; width: 0px; height: 0px; position: absolute; right: -20px; top: 80px; border-top: 10px transparent dashed; border-bottom: 10px transparent dashed; border-left: 10px #ffffff dashed; border-right: 10px transparent dashed; } .right_options .option_ .hover-show.proposal > div:nth-child(1){ width: 0px; flex-grow: 1; } .right_options .option_ .hover-show.proposal > div:nth-child(1) .t{ font-size: 14px; color: #333333; font-weight: 600; margin-bottom: 15px; line-height: 14px; } .right_options .option_ .hover-show.proposal > div:nth-child(1) .d{ font-size: 13px; color: #333333; margin-bottom: 13px; line-height: 13px; } .right_options .option_ .hover-show.proposal > div:nth-child(2){ } .right_options .option_ .hover-show.proposal > div:nth-child(2)>img{ width: 85px; height: 85px; } .right_options .option_ .hover-show.proposal > div:nth-child(2)>div{ font-size: 13px; color: #333333; text-align: center; margin-top: 5px; } .right_options .option_:last-child{ border-bottom: 0px solid #e1e0e0; } .right_options .top{ width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; cursor: pointer; background: #ffffff; transition: all .2s ease-in-out; } .right_options .top .iconfont{ font-size: 20px; } .right_options .top:hover{ background: #dfdede; } .pagination{ display: flex; justify-content: center; } .pagination li{ display: inline-block; color: #1b1b1b!important; font-size: 15px; margin: 0px 3px; padding: 7px 16px; background: #e5e5e5; text-align: center; font-style: normal; white-space: nowrap; border: 1px solid #ebebeb; line-height: 25px; } .pagination li.active{ color: #fff!important; background: #f9bc03; border: 1px #f9bc03 solid; } .pagination li a{ width: 100%; height: 100%; }