锘?*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%;
}