﻿.site-city,.site-city .s1,.site-city .s2{color:#fff}
.h1-title .a1,.h1-title .s1,.slogan{letter-spacing:2px}
.box4con .p1,.index-cowork-list li,.zixun-list a{white-space:nowrap;text-overflow:ellipsis}
.banner-box,.banner-box2{width:100%;position:relative;overflow-x:hidden;z-index:99}
.banner-box ul{white-space:nowrap;transition:left 1s;-moz-transition:left 1s;-webkit-transition:left 1s;-o-transition:left 1s;font-size:0;vertical-align:top;position:relative}
.banner-box li{vertical-align:top;display:inline-block;height:500px;width:100%}
.banner-box img{height:500px;display:block}
.banner-top{width:80%;position:absolute;top:0;left:0;z-index:101; background:rgba(0,0,0,0.6);overflow:hidden;height:auto;padding:18px 10%; box-shadow:0 0 10px rgba(0,0,0,0.8);}
.haozu-logo{display:inline-block;float:left;}
.site-city{margin-top:38px;z-index:2;line-height:28px;padding:0 14px;height:28px;font-size:0}
.site-city ul{width:250px;top:27px;left:-1px;display:none;padding-bottom:6px;border:0}
.site-city ul li{font-size:14px;margin:0;line-height:32px}
.site-city .s1{font-size:14px}
.site-city .s2{font-size:12px}
.site-city .a1{height:32px;line-height:32px}
.site-city .a1.cur,.site-city .a1:hover{background:0 0;color:#fb3}
.site-city:hover{background:#fff;color:#333;border:1px solid #e5e5e5;border-bottom:0;line-height:28px;transition:0s}
.site-city:hover .s1,.site-city:hover .s2{color:#333}
.user-con{float:right;z-index:999; position:relative;}
.user-box{position:relative;font-size:16px;height:auto;}
.user-box .a1,.user-box .s1{display:inline-block;color:#fff;text-decoration:none;line-height:26px}
.user-box .s1{text-align:center;padding:0 10px}
.user-box .icon{background-position:-9px -56px}
.user-box ul{width:100%;left:0;margin-left:0;top:26px;display:none;border-right:0;border-left:0;min-width:100px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"100px":"")}
.search-panel,.slogan{left:50%;position:absolute}
.user-box li{display:block;border-right:1px #e5e5e5 solid;border-left:1px #e5e5e5 solid}
.user-box a{color:#666;font-size:16px}
.user-box li:hover{color:#666}
.user-box:hover .s1{background:#fff;border:1px solid #e5e5e5;border-bottom:0;color:#333;transition:0s}
.user-box li a{font-size:12px}
.user-box li a:hover{background:0 0;color:#fb3}
.site-tn{margin-top:9px;color:#fff;font-size:16px;line-height:20px}
.site-tn .icon{width:15px;height:15px; background:none;margin-top:3px;float:left;margin-right:5px;}
.index-nav{position:absolute;left:0;top:29px;z-index:1;width:100%;text-align:center;}
.index-nav a{display:inline-block;margin-left:18px;font-weight:700;font-size:16px;color:#fff;position:relative}
.index-nav .em1,.index-nav .i1{display:inline-block;font-size:0}
.index-nav a:hover{color:#fb3}
.index-nav .i1{width:1px;height:12px;border-left:1px rgba(255,255,255,.6) solid;overflow:hidden;margin:6px 0 0 18px;vertical-align:top}
.index-nav .em1{width:19px;height:19px;background-position:-111px -154px;position:absolute;right:-19px;top:-16px}
.slogan{top:140px;margin-left:-590px;width:1180px;text-align:left;font-size:36px;color:#7592a9;line-height:42px}
.search-panel{width:814px;height:40px;top:350px;margin-left:-407px;z-index:99}
.search-panel .map-btn{width:102px;height:38px;line-height:38px;font-size:16px;color:#666;text-align:center;padding:0;background:#fff;margin-left:10px}
.search-panel .map-btn:hover{background:#fafafa;color:#666}
.inp-search{position:relative}
.inp-search-area{width:600px;height:40px;background:rgba(255,255,255,.9);float:left}
.inp-search-area input{width:578px;height:38px;line-height:38px;border:1px solid #f3f3f3;padding:0 10px;font-size:14px}
.inp-search-sub{float:left;width:100px;height:40px;line-height:40px;border-radius:0 3px 3px 0}
ul.select-opt{padding:8px 0;background:#fff;width:598px;border:1px solid #f3f3f3;font-size:18px;list-style:none;position:absolute;top:39px;left:0;-moz-box-shadow:0 1px 3px rgba(0,0,0,.07);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.07);box-shadow:0 1px 3px rgba(0,0,0,.07)}
.select-opt li.active,.select-opt li:hover{background-color:#fafafa;cursor:pointer}
.select-opt li{padding:0 15px;height:30px;line-height:30px;color:#666;font-size:14px;cursor:pointer;float:none;white-space:nowrap;width:568px;display:block}
.select-opt li .del{font-size:14px;margin-right:6px;float:right;display:none;text-decoration:underline;cursor:pointer;position:relative}
.s-option a,.s-option a:hover,.selitem-area a,.zixun-pic-t a,.zixun-pic-t a:hover{text-decoration:none}
.select-opt li span.li_em{color:gray;font-size:12px}
.select-opt li.local{color:#666;cursor:default;white-space:nowrap}
.select-opt li.local .del{color:gray}
.banner-con{position:absolute;left:50%;top:0;width:auto;margin-left:-590px;z-index:100}
.seltion-cont{height:130px;border-bottom:1px #f3f3f3 solid;background:#fff}
.selitem-area{width:380px;}
.selitem-area h1{font-size:14px;font-weight:700;color:#666;padding:25px 0 5px}
.selitem-area h1 i{font-weight:400;font-size:12px;color:#999}
.index-sq{width:auto;line-height:32px;padding-bottom:0;border-bottom:0;margin:0;padding:0 15px;}
.index-lx a,.selitem-area a{font-size:14px;*+width:60px;*+padding-right:10px;text-align:center}
.index-sq a{*+float:none}
.selitem-area a{color:#666;margin-right:18px;display:inline-block;float:left}
.selitem-area a.active,.selitem-area a:hover{color:#fb3;text-decoration:none}
.index-lx a{padding-right:15px;float:left;position:relative}
.index-lx a:hover{color:#fb3}
.index-lx .icon,.index-lx .icon_HD{display:block;width:28px;height:26px;margin:0 auto}
.index-lx .em1{background-position:left -247px}
.index-lx .em2{background-position:-29px -247px}
.index-lx .em3{background-position:-58px -247px}
.index-lx .i1,.index-lx .icon_HD.i1{display:inline-block;position:absolute;right:0;top:-15px;font-size:0}
.index-lx a:hover .em1{background-position:left -273px}
.index-lx a:hover .em2{background-position:-29px -273px}
.index-lx a:hover .em3{background-position:-58px -273px}
.index-lx{padding:8px 0 20px;line-height:30px;margin:0;width:auto;border-bottom:0}
.index-lx a{*+margin-right:0}
.index-filter{position:relative;padding-top:20px}
.index-filter a{margin-right:2px;display:inline-block;width:40px;height:16px;background:#f5f5f5;cursor:pointer;font-size:0}
.index-filter a:hover{background:#fb3}
.index-filter i{position:absolute;top:40px;font-size:12px;color:#999;display:inline-block;line-height:16px}
.box1 li,.box2 li{position:relative;overflow:hidden}
.index-filter i.i1{left:-3px}
.index-filter i.i2{left:32px}
.index-filter i.i3{left:72px}
.index-filter i.i4{left:115px}
.index-filter i.i5{left:152px}
.index-filter i.i6{left:33px}
.index-filter i.i7{left:81px}
.index-filter i.i8{left:122px}
.index-filter i.i9{left:163px}
.index-filter i.i10{left:202px}
.index-filter i.i11{left:202px;font-size:20px}
.index-filter i.i12{left:243px;font-size:20px}
.h1-title{padding:20px 0 25px;height:30px;line-height:30px;font-weight:400}
.h1-title .s1{display:inline-block;float:left;font-size:22px;font-weight:700;color:#616161;}
.m_box1 li{margin-bottom:0 !important;}
.nationalbox .h1-title .s1,.zixun-h1{font-weight:400}
.h1-title .a1,.h1-title .i1{color:#999;font-size:14px;display:inline-block}
.h1-title .i1{float:left;padding-left:10px}
.h1-title .a1{float:right;height:28px;line-height:28px;padding:0 18px 0 20px;border:1px solid #ececec}
.h1-title .i2{display:inline-block;width:93px;height:20px;background:url(../images/free.png) left bottom no-repeat;float:left;margin:5px 0 0 5px;font-size:0}
.box1 li img,.box2 li img,.box3 li img,.box4 li img,.box4con .p1{display:block}
.box1 li,.box2 li,.box3 li,.box4 li{margin:0 20px 20px 0;float:left}
.h1-title .a1:hover{background:#fafafa}
.box1,.box2,.box3,.box4{width:1200px}
.box1 li,{width:220px;}
.box1 li img{width:280px;height:210px}
.box1 li .p1{width:260px;font-size:14px;color:#fff;line-height:20px;padding:0 10px;margin-top:15px;}
.box2 li,.box2 li img{width:280px;height:350px}
.box1 li .p1{font-size:14px;color:#000;text-align:center;}
.box3 li{width:380px}
.box3 li img{width:380px;height:285px}
.box3con{background:#fff;border:1px solid #f3f3f3;border-top:0;padding:10px 20px;text-align:center}
.box3con .p1{border-bottom:1px #f3f3f3 solid;line-height:32px;font-size:16px;color:#333}
.box3con .p2{line-height:24px;color:#999;padding-top:5px}
.box4 li{width:280px}
.box4 li img{width:280px;height:210px}
.box4con .d1,.box4con .p1{line-height:24px;height:24px}
.box4con{background:#fff;border:1px solid #f3f3f3;border-top:0;padding:10px}
.box4con .p1{font-size:16px;color:#333;width:258px;overflow:hidden}
.box4con .d1{padding-top:5px}
.box4con .s1{display:inline-block;float:left;color:#8c8fa7}
.box4con .s2{display:inline-block;float:right}
.box4con .i1,.box4con .i2{float:left;display:inline-block}
.box4con .i1{font-size:24px;color:#f90;padding-right:2px}
.box4con .i2{font-size:14px;color:#666;margin-top:2px}
.box4con .icon{display:inline-block;width:12px;height:14px;background-position:-43px -31px;font-size:0;vertical-align:-1px;margin-right:5px}
.box1 li img,.box2 li img,.hot-city-box img{transform:scale(1);-webkit-transform:scale(1);-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
.box1 li:hover img,.box2 li:hover img,.hot-city-box:hover img{-webkit-transform:scale(1.04);transform:scale(1.04);filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;-ms-opacity:1;opacity:1}
.box3 li,.box4 li{transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out}
.box3 li:hover,.box4 li:hover{-moz-box-shadow:0 5px 8px rgba(0,0,0,.1);-webkit-box-shadow:0 5px 8px rgba(0,0,0,.1);box-shadow:0 5px 8px rgba(0,0,0,.1)}
.result-label{padding:10px}
.ggcon{margin:20px 0 50px;position:relative}
.result-con{position:absolute !important;right:40px;top:40px;width:490px;height:56px;border-radius:5px;background:#f5f6fb}
.zixun-left,.zixun-pic{position:relative;float:left}
.result-con form{width:470px;padding:0;height:36px}
.result-con .rightBtn{width:110px;height:36px;line-height:36px;text-align:center}
.result-con .input-txt{width:339px;height:34px;line-height:34px;text-align:center;float:left;}
.result-con .p2{top:40px}
.rightBor-con .p2{top:0}
.bg-gray{background:#f5f6fb;padding:10px 0 20px}
.zixun-box{padding-bottom:20px}
.zixun-left,.zixun-left img{width:380px;height:390px;overflow:hidden}
.zixun-right{width:1180px;float:left}
.zixun-pic,.zixun-pic img{width:380px;height:182px;overflow:hidden}
.zixun-pic{margin:0 20px 0 0}
.zixun-pic:nth-child(3){margin-right:0;}
.zixun-pic-t{position:absolute;left:0;bottom:0;line-height:20px;background:url(../images/pop_bg2.png) left top;padding:10px 15px;width:350px;font-size:14px}
.hot-all-text,.hot-city-txt{background-color:rgba(0,0,0,.5);z-index:2}
.zixun-pic-t a{color:#fff}
.zixun-pic-t a:hover{color:#fb3}
.zixun-news{width:340px;height:auto;margin-right:20px;float:left;background:#fff;padding:15px 20px 24px}
.zixun-h1{line-height:24px;color:#666}
.zixun-h1 span{float:left;font-size:16px}
.zixun-h1 a{float:right;color:#666;font-size:12px}
.zixun-h1 a:hover{color:#fb3}
.zixun-list{padding-top:5px}
.zixun-list li{height:28px;line-height:28px;font-size:12px;color:#333}
.zixun-list a{display:block;width:240px;height:28px;overflow:hidden;color:#333;float:left}
.zixun-list a:hover{color:#fb3}
.zixun-list span{float:right;text-align:right;width:50px}
.clipper-service{background:#fff;padding:20px 0;text-align:left;font-size:0}
.clipper-service li{width:130px;height:130px;background:#fff;position:relative;border-right:1px solid #f5f6fb;display:inline-block;text-align:center}
.clipper-service li a{width:130px;height:130px;position:absolute;left:0;top:0}
.clipper-service li a.no{cursor:text}
.clipper-service li a.no p{color:#cfcfcf}
.clipper-service li i{width:36px;height:34px;display:inline-block;margin:36px 0 17px;background:url(../images/icon_2017.png) no-repeat}
.activity-right a,.s-option a{display:block}
.clipper-service li p{font-size:14px;color:#666}
.clipper-service .icon-i1{background-position:0 -175px}
.clipper-service .icon-i2{background-position:-36px -175px}
.clipper-service .icon-i3{background-position:-72px -175px}
.clipper-service .icon-i4{background-position:-108px -175px}
.clipper-service .icon-i5{background-position:-144px -176px}
.clipper-service .icon-i6{background-position:-180px -175px}
.clipper-service .icon-i7{background-position:-216px -175px}
.clipper-service .icon-i8{background-position:-252px -175px;width:34px}
.clipper-service .icon-i9{background-position:-286px -175px}
.clipper-service .icon-i10{background-position:0 -793px;width:32px;height:32px}
.clipper-service .icon-i11,.clipper-service .icon-i11:hover{background-position:-67px -793px;width:32px;height:32px}
.clipper-service li:hover .icon-i1{background-position:0 -211px}
.clipper-service li:hover .icon-i2{background-position:-36px -211px}
.clipper-service li:hover .icon-i3{background-position:-72px -211px}
.clipper-service li:hover .icon-i4{background-position:-108px -211px}
.clipper-service li:hover .icon-i5{background-position:-144px -212px}
.clipper-service li:hover .icon-i6{background-position:-180px -211px}
.clipper-service li:hover .icon-i7{background-position:-216px -211px}
.clipper-service li:hover .icon-i8{background-position:-252px -211px}
.clipper-service li:hover .icon-i9{background-position:-286px -211px}
.clipper-service li:hover .icon-i10{background-position:-33px -793px}
.clipper-service li:hover p{color:#333}
.clipper-service li.no-mgR{border-right:0}
.loginbox{position:relative;background:url(../images/gg_bg3.jpg) left top no-repeat;width:1180px;height:194px;margin:10px 0}
.hotcity,.national{margin-left:-320px}
.loginbox .btn-a{border-radius:3px;height:36px;line-height:36px;padding:0 40px;position:absolute;right:316px;top:110px}
.box-txt1{height:50px;position:absolute;left:0;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out;*top:225px;width:280px;bottom:0; background:rgba(0,0,0,0.5);}
.box-txt1 .h1-title{padding:13px 20px 0;line-height:30px;color:#fff;font-size:18px;}
.box-txt1 .p1{padding:7px 20px 20px;font-size:14px;line-height:22px;color:#fff}

.box2 li:hover .box-txt1{height:auto;}

.activity-right{position:fixed;_position:absolute;right:0;top:0;z-index:9;font-size:0}
.activity-right .close{display:block;width:12px;height:12px;position:absolute;left:0;top:0;z-index:2}
.national{top:320px;width:640px;height:46px}
.s-option{position:absolute;left:-1px;top:44px;background:#fff;border:1px solid #f1f1f1;padding:8px 0;-moz-box-shadow:0 1px 3px rgba(0,0,0,.07);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.07);box-shadow:0 1px 3px rgba(0,0,0,.07)}
.s-option a{height:40px;line-height:40px;padding:0 18px;color:#666}
.s-option a:hover{background:#ececec;color:#333}
.input-search-sel{position:relative;width:78px;height:44px;background:#fff;border:1px solid #f1f1f1}
.input-search-sel .select-btn{width:48px;height:44px;line-height:44px;border:0;padding:0 20px 0 10px;font-size:14px;cursor:pointer;color:#666;background:url(../images/selarrow7.png) right top no-repeat}
.input-search-sel.active .select-btn{background-position:right bottom}
.input-search-sel .s-option{width:638px;font-size:14px;font-size:0;padding:0}
.input-search-sel .s-option a{color:#666;padding:0 10px;display:inline-block;font-size:14px}
.active .s-option{display:block}
.hot-city-box,.hotcity a,.hotcity dd,.hotcity dt,.seltion-cont2 dl{display:inline-block}
.national .inp-search-sub{width:120px;height:46px;line-height:46px;font-size:18px;font-weight:400}
.national .inp-search-area{width:440px;height:46px}
.national .inp-search-area input{width:419px;height:44px;line-height:44px;border:1px solid #f1f1f1;border-left:0}
.national ul.select-opt{width:438px;top:46px}
.hotcity{background:url(../images/pop_bg.png) left top;line-height:24px;padding:15px 0;position:absolute;top:366px;width:640px;left:50%;font-size:14px;color:#fff}
.hot-city-box,.hot-city-box img{position:relative;height:210px;width:280px}
.hotcity dt{padding-left:20px;float:left}
.hotcity dd{float:left;width:550px}
.hotcity a{margin-right:17px;color:#fff}
.hotcity a:hover{color:#fb3}
.seltion-cont2{border-bottom:1px #f3f3f3 solid;padding:30px 0 20px;font-size:0;text-align:center;margin-bottom:20px}
.seltion-cont2 dl{margin:0 90px;cursor:pointer}
.seltion-cont2 dt{width:86px;height:86px}
.seltion-cont2 dt.dt1{background-position:left -361px}
.seltion-cont2 dt.dt2{background-position:-86px -361px}
.seltion-cont2 dt.dt3{background-position:-172px -361px}
.seltion-cont2 dt.dt4{background-position:-258px -361px}
.seltion-cont2 dt.dt1:hover{background-position:left -447px;transition:none}
.seltion-cont2 dt.dt2:hover{background-position:-86px -447px;transition:none}
.seltion-cont2 dt.dt3:hover{background-position:-172px -447px;transition:none}
.seltion-cont2 dt.dt4:hover{background-position:-258px -447px;transition:none}
.seltion-cont2 dd{line-height:24px;font-size:14px;color:#999;padding-top:5px}
.nationalbox .h1-title{padding-top:25px}
.hot-city{width:1220px}
.hot-city-box{overflow:hidden;margin:0 20px 20px 0;float:left}
.hot-city-box img{display:block;z-index:1}
.hot-city-box.more:hover img{-webkit-transform:scale(1);transform:scale(1)}
.hot-city-box .tmc{width:280px;height:210px;background:url(../images/tmbg_1.png) left top repeat-x;position:absolute;left:0;top:0;z-index:2;filter:alpha(opacity=0);-moz-opacity:0;-webkit-opacity:0;-ms-opacity:0;opacity:0}
.cityname,.fy-info{z-index:3;color:#fff;text-align:center}
.cityname{width:100%;height:36px;line-height:36px;font-size:18px;position:relative;margin-top:-20%;-webkit-transform:translate3d(0,18%,0);transform:translate3d(0,18%,0);margin-top:-46%\9;*+position:absolute;*+top:100px;*+margin-top:0}
.hot-city-box:hover .cityname{-webkit-transform:translate3d(0,-160%,0);transform:translate3d(0,-160%,0)}
.fy-info{width:200px;border-top:1px #999 solid;position:absolute;left:40px;top:135px;padding-top:5px;display:none\9;margin-top:24%;-webkit-transform:translate3d(0,18%,0);transform:translate3d(0,18%,0)}
.fy-info .p1{line-height:20px;font-size:12px}
.fy-info .p2{line-height:24px;font-size:18px;font-family:" Arial"}
.fy-info .i1{font-size:12px;padding-left:3px;display:inline-block;vertical-align:middle}
.hot-city-box:hover .fy-info{-webkit-transform:translate3d(0,-135%,0);transform:translate3d(0,-135%,0)}
.hot-city-box:hover .tmc{filter:alpha(opacity=100);-moz-opacity:1;-webkit-opacity:1;-ms-opacity:1;opacity:1}
.cityname,.fy-info,.hot-city-box .tmc{-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s}
.citytab{height:36px;margin-bottom:20px}
.citytab .next,.citytab .prev{display:none;width:38px;height:34px;border:1px solid #f2f2f2;font-size:0;float:left;text-align:center}
.citytab .next .icon,.citytab .prev .icon{display:inline-block;width:7px;height:10px;font-size:0;line-height:0;margin-top:14px;cursor:pointer;vertical-align:top}
.citytab .prev .icon{background-position:-30px -16px}
.citytab .next .icon{background-position:-37px -16px}
.citytab .prev.no .icon{background-position:-16px -16px}
.citytab .next.no .icon{background-position:-23px -16px}
.citytab .next.no,.citytab .prev.no{cursor:text}
.citytab .next.no:hover,.citytab .prev.no:hover{background:#fff}
.citytabcon{width:1180px;height:35px;float:left;border-bottom:1px #f2f2f2 solid;font-size:0;overflow:hidden}
.citytabcon a{display:inline-block;width:110px;text-align:center;height:33px;line-height:36px;border-bottom:2px #fff solid;font-size:18px;color:#333;position:relative}
.citytabcon a.attive,.citytabcon a:hover{border-bottom:2px #fb3 solid;background:#fafafa}
.citytabcon>div{width:auto;white-space:nowrap}
.citytab.outstrip .next,.citytab.outstrip .prev{display:block}
.citytab.outstrip .citytabcon{width:1100px}
.ggcon2{margin:20px 0;position:relative}
.ggcon2 .result-con{background:0 0;height:auto}
.ggcon2 .result-label{padding:10px 0 0}
.ggcon2 .result-con .input-txt{text-align:left}
.ggcon2 .num{text-align:right;padding:5px 10px 0 0;font-size:18px;color:#999}
.clientbox li,.h2-title,.service{text-align:center}
.ggcon2 .num .i1{color:#ffbe5e}
.banner-box .notransition{transition:initial;-moz-transition:initial;-webkit-transition:initial;-o-transition:initial}
.banner-page{z-index:100}
.banner-page a{background:#000!important;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;opacity:.5;-ms-opacity:.5;-webkit-opacity:.5;-moz-opacity:.5;color:#000}
.myhide{opacity:0}
.banner-box ul{width:100%;height:500px}
.banner-box ul li{position:absolute;left:0;width:100%;background-color:#353535}
.banner-box .active{background:#fff!important}
.banner-box ul li:nth-of-type(1){z-index:22}
.banner-box ul li:nth-of-type(2){z-index:21}
.banner-box ul li:nth-of-type(3){z-index:20}
.clipper-service li .em1,.clipper-service li .em2{display:inline-block;width:47px;height:47px;background-position:-313px 0;font-size:0;position:absolute;right:0;top:0;z-index:1;display:none\9}
.clipper-service li .i1{color:#fff;font-size:12px;margin:0;background:0 0;width:initial;height:initial;display:inline;position:absolute;right:0;top:8px;z-index:2;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);background:#ff6773\9;height:24px\9;line-height:24px\9;padding:0 8px\9;right:4px\9;top:5px\9}
:root .clipper-service li .em,:root .clipper-service li .em1{display:inline-block\9}
.client-header img,.h2-title .i1,.hot-dl .a1,.hot-dl .s1,.r-wen .s1{display:inline-block}
:root .clipper-service li .i1{background:0 0\9;line-height:inherit\9;padding:inherit\9;right:0\9;top:8px\9}
.hot-dl{float:left;width:574px;height:auto;margin:0 32px 40px 0}
.hot-dl dt{float:left;width:270px;height:286px}
.hot-dl dd{float:left;width:240px;height:278px;padding:0 30px;border:4px solid rgba(243,244,245,.7);border-left:0;border-top-right-radius:5px;border-bottom-right-radius:5px}
.hot-dl .s1{width:100%;font-size:20px;line-height:46px;padding-top:5px;border-bottom:1px #f3f4f5 solid;margin-bottom:5px}
.hot-dl .p1{font-size:14px;line-height:20px;padding:5px 0}
.hot-dl .i1{color:#999}
.hot-dl .a1{margin-top:12px;padding:0 8px;height:28px;line-height:28px;border:1px solid #f90;border-radius:3px;color:#f90}
.about,.box5{border-bottom:1px #f5f6fb solid}
.hot-dl .a1:hover{background:#f90;color:#fff}
.clientbox{width:1200px}
.clientbox li{width:220px;height:410px;background-color:#fff;margin-right:20px;float:left;padding:0 30px}
.client-header{padding-top:30px}
.client-header img{width:80px;height:80px;border-radius:80px}
.clientbox .p1{padding-top:15px;line-height:28px;font-size:22px}
.clientbox .p2,.clientbox .p3{line-height:22px;font-size:14px}
.clientbox .p3{padding:18px 0;margin-top:15px;color:#999;position:relative}
.about,.h2-title{line-height:36px}
.clientbox .seo_icon,.service .seo_icon{display:inline-block;background:url(../images/seo_icon.png) no-repeat;position:absolute;width:19px;height:12px;font-size:0}
.clientbox .em1{background-position:left top;top:0;left:4px}
.clientbox .em2{background-position:-37px top;bottom:0;right:4px}
.service{padding:15px 0}
.service .em1{width:448px;height:10px;background-position:left -30px;position:relative}
.client-logo{width:1200px}
.client-logo li{float:left;width:220px;height:80px;margin:0 20px 20px 0}
@media only screen and (min-width:1200px) and (max-width:1280px){.index-nav,.user-con{right:20px}
}
.r-wen .close{left:-60px}
.r-wen .s1{width:235px;height:210px;position:absolute;z-index:1;right:-175px;top:0;-webkit-transition:all .2s ease-in-out .1s;-moz-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s}
.r-wen:hover .s1{-webkit-transition:all .2s ease-in-out .1s;-moz-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s;right:0;opacity:1;-moz-opacity:1;-webkit-opacity:1}
.r-wen:hover .close{left:-235px}
.h2-title{font-size:30px;padding:60px 0 40px;position:relative}
.h2-title .i1{width:80px;height:4px;background-color:#fd0;position:absolute;left:50%;margin-left:-40px;bottom:28px;font-size:0}
.about{font-size:16px;padding:0 0 50px}
.about p{text-indent:2em;padding:0 65px}
.box5{padding:0 0 50px}
.box5 ul{width:1200px}
.box5 img,.box5 li{width:280px;height:188px}
.box5 li{float:left;margin-right:20px;position:relative}
.box5 img{display:block}
.box5 .p1,.box5 .p2{position:absolute;width:100%;left:0;text-align:center}
.box5 .p1{top:25px;color:#fff;font-size:22px;line-height:28px;font-weight:700}
.box5 .p2{top:60px}
.box5 .i1{display:inline-block;background:#fff;padding:0 5px;height:22px;line-height:22px;font-size:16px}
.box6{width:1180px;margin:0 auto;padding:10px 0 60px;text-align:center}
.formbox{width:1180px;margin:10px auto 30px;background:#fff}
.formbox .p1{text-align:center;font-size:18px;line-height:24px;padding:30px 0 15px}
.formbox .result-con{position:relative;width:550px;background:0 0;padding:0;top:initial;right:initial;margin:0 315px}
.formbox .result-con label{width:470px;height:46px}
.formbox .result-con .input-txt{width:310px;height:44px;line-height:44px;border-color:#ffbe5e;border-radius:0;text-align:center;font-size:14px}
.formbox .result-con .rightBtn{width:139px;height:46px;line-height:46px;text-align:center;font-size:14px}
.formbox .result-con .p1{padding:0}
.formbox .result-con .p2{top:50px}
.formbox .rightBor-con .p2{top:0}
.form-banner-num{padding:30px 0 0;color:#666;text-align:center;font-size:0}
.form-banner-num .s1{display:inline-block;padding-right:3px;font-size:14px}
.form-banner-num .s2{display:inline-block;padding-left:3px;font-size:14px}
.form-banner-num .i-1{display:inline-block;width:24px;height:36px;border:1px solid #e5e5e5;border-radius:5px;background:#fff;text-align:center;line-height:36px;margin:0 1px 0 2px;font-size:18px;-moz-box-shadow:0 3px 1px rgba(0,0,0,.07);-webkit-box-shadow:0 3px 1px rgba(0,0,0,.07);box-shadow:0 3px 1px rgba(0,0,0,.07)}
.form-box1 .p2{font-size:12px;color:#999;font-style:italic;padding:10px 0 30px;text-align:center}
.form-box1 .p2 i{color:#f5b63a;font-size:22px;font-style:italic;display:inline-block;padding-right:5px;vertical-align:-2px}
.from-progress{text-align:center;font-size:14px;padding:12px 0 0}
.from-progress a{color:#666}
.from-progress a:hover{color:#fb3}
.luodi .site-nav{z-index:101}
.luodi .site-city{margin:0;font-size:12px;line-height:30px;padding:0;color:#999}
.luodi .site-city .s1,.luodi .site-city .s2{color:#999}
.luodi .site-city ul{top:30px;left:0;padding-bottom:0}
.luodi .site-city ul li{font-size:12px;margin:0 6px 6px 0;line-height:24px}
.luodi .site-city .a1{height:24px;line-height:24px}
.luodi .site-city .a1.cur,.luodi .site-city .a1:hover{background-color:#f5f5f5;color:#333}
.luodi .site-city:hover{background-color:inherit;border:0}
.luodi .site-city:hover .s2{color:#fb3}
.luodi .user-box{margin:0;font-size:12px}
.luodi .user-box ul{width:94px;left:50%;margin-left:-48px;top:30px}
.luodi .user-box .a1{color:#999;line-height:30px}
.luodi .user-box .icon{background-position:left -56px}
.luodi .site-tn{color:#ccc;margin-top:-2px;font-size:18px;line-height:30px;font-weight:400}
.luodi .site-tn .icon{background-position:left top;width:12px;height:15px;margin-top:10px}
.luodi .banner-top{top:45px}
.luodi .banner-box ul{height:400px}
.luodi .banner-box li{height:400px;overflow:hidden}
.index-lx .icon_HD.em1{background-position:0 0}
.index-lx a:hover .icon_HD.em1{background-position:0 -31px}
.index-lx .icon_HD.em2{background-position:-33px 0}
.index-lx a:hover .icon_HD.em2{background-position:-33px -31px}
.index-lx .icon_HD.em3{background-position:-66px 0}
.index-lx a:hover .icon_HD.em3{background-position:-66px -31px}
.index-lx .icon_HD.i1{background:url(../images/icon_hd.png) 0 -200px no-repeat;background-size:355px 500px}
.clipper-service li i.icon_HD{background:url(../images/icon_hd.png) no-repeat;background-size:355px 500px}
.clipper-service .icon_HD.icon-i1{background-position:0 -64px}
.clipper-service li:hover .icon_HD.icon-i1{background-position:0 -102px}
.clipper-service .icon_HD.icon-i2{background-position:-38px -64px}
.clipper-service li:hover .icon_HD.icon-i2{background-position:-38px -102px}
.clipper-service .icon_HD.icon-i3{background-position:-77px -64px}
.clipper-service li:hover .icon_HD.icon-i3{background-position:-77px -102px}
.clipper-service .icon_HD.icon-i4{background-position:-115px -64px}
.clipper-service li:hover .icon_HD.icon-i4{background-position:-115px -102px}
.clipper-service .icon_HD.icon-i5{background-position:-154px -64px}
.clipper-service li:hover .icon_HD.icon-i5{background-position:-154px -102px}
.clipper-service .icon_HD.icon-i6{background-position:-194px -64px}
.clipper-service li:hover .icon_HD.icon-i6{background-position:-194px -102px}
.clipper-service .icon_HD.icon-i7{background-position:-231px -64px}
.clipper-service li:hover .icon_HD.icon-i7{background-position:-231px -102px}
.clipper-service .icon_HD.icon-i8{background-position:-269px -64px}
.clipper-service li:hover .icon_HD.icon-i8{background-position:-269px -102px}
.clipper-service .icon_HD.icon-i9{background-position:-309px -64px}
.clipper-service li:hover .icon_HD.icon-i9{background-position:-309px -102px}
.slogan2_HD{margin-top:0}
.index-nav .web-app{margin:0 0 0 18px;font-size:16px;color:#fff}
.index-nav .web-app .em1{width:16px;height:20px;background-position:-260px -134px;position:relative;right:inherit;top:inherit;vertical-align:top;margin-right:5px}
.index-nav .web-app:hover .em1{background-position:-243px -134px;transform:none}
.index-nav .web-app .em1.icon_HD{background-position:-38px -317px;background-size:355px 500px}
.index-nav .web-app:hover .em1.icon_HD{background-position:-19px -317px;background-size:355px 500px;transform:none}
.index-nav .web-app .s1{border:0;left:-15px}
.web-app .tip-c1{right:inherit;left:93px}
.index-nav .web-app:hover{color:#fb3}
.clipper-service li .em2{background-position:0 -827px}
.clipper-service .icon_HD{background:url(../images/icon_hd.png) no-repeat;background-size:355px 500px}
.clipper-service .icon_HD.icon-i10{background-position:0 -340px}
.clipper-service li:hover .icon_HD.icon-i10{background-position:-35px -340px}
.clipper-service .icon_HD.icon-i11,.clipper-service .icon_HD.icon-i11:hover{background-position:-69px -340px}
.row-3 li,.row-3 li img{width:380px;height:160px}
.row-3 li .box-txt1{width:380px;}
.selection-box{width:360px;height:370px;margin:100px 0 0;display:inline-block}
.selection-box .search-panel{width:100%;margin:0;position:relative;top:inherit;left:inherit;margin-top:15px;}
.selection-box .inp-search-area{width:310px;height:38px; background:none;}
.selection-box .inp-search-area input{width:290px;padding:0;padding-left:20px;border:0;border:1px solid #999;border-radius:20px 0 0 20px;border-right:0; background:none;font-size:14px;}
.selection-box .search-panel .a1{display:inline-block;width:64px;height:40px;background-color:#d7a428;border-radius:0 20px 20px 0;}
.selection-box .search-panel .a1:hover{background-color:#e8af25;}
.selection-box .search-panel .em1{display:inline-block;width:90%;height:100%; background:url(../images/index_ico_02.png) center no-repeat;}
.selection-box .search-panel .em1.icon_HD{background-position:-324px -166px}
.selection-box ul.select-opt{width:329px;top:40px}
.selection-box .select-opt li{width:299px}
.selection-box .seltion-cont{background-color:rgba(255,255,255,0.9);height:300px;border-radius:5px;margin-top:30px;width:375px;padding:20px 15px 0;min-width:inherit;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>inherit?"inherit":"")}
.selection-box .selitem-area h1{font-size:12px;padding-top:15px;padding-left:15px;}
.selection-box .index-lx a{position:relative;font-size:12px;width:50%;margin:0;padding:0;text-align:left;}
.selection-box .index-lx .em1,.selection-box .index-lx .em2,.selection-box .index-lx .em3{position:absolute;left:0;top:4px;width:17px;height:17px}
.selection-box .index-lx .em1{background-position:-365px -111px}
.selection-box .index-lx .em2{background-position:-409px -111px}
.selection-box .index-lx .em3{background-position:-451px -111px}
.selection-box .index-lx a:hover .em1{background-position:-387px -111px}
.selection-box .index-lx a:hover .em2{background-position:-430px -111px}
.selection-box .index-lx a:hover .em3{background-position:-469px -111px}
.selection-box .index-lx{padding:0;line-height:28px;padding-left:15px;}
.selection-box .selitem-area a{font-size:12px;line-height:24px}
.selection-box .selitem-area a:hover{color:#d7a428}
.selection-box .index-filter{padding-top:5px;}
.selection-box .index-filter a{font-size:12px;height:20px;line-height:20px;background-color:#d7a428;color:#fff;width:19.3%;}
.selection-box .index-filter a:hover{background-color:#e8af25;color:#fff;}
.selection-box .index-filter i{top:20px;color:#666}
.selection-box .index-filter i.i2{left:42px}
.selection-box .index-filter i.i3{left:100px}
.selection-box .index-filter i.i4{left:158px}
.selection-box .index-filter i.i5{left:218px}
.selection-box .index-filter i.i11{left:280px;font-size:20px;color:#999}
.index-lx .i1,.index-nav .s2 .hot,.selection-box .index-lx .i1{display:inline-block;width:28px;height:13px;background-position:-281px -112px;font-size:0;top:-10px;right:-15px}
.index-lx .i1{top:-15px;right:0}
.index-nav .s2{display:inline-block;padding-left:18px;position:relative}
.index-nav .s2 a{margin-left:0;font-weight:400}
.index-nav .i2{display:inline-block;padding:0 5px;font-size:14px;font-weight:700;color:#fff}
.index-nav .s2 .hot{position:absolute;top:-14px}
.index-cowork{height:180px;position:relative}
.index-cowork-slogan .p1{color:#fff;font-size:30px;font-weight:700;line-height:36px;padding-top:15px}
.index-cowork-slogan .p2{color:#fff;font-size:18px;line-height:24px;padding-top:10px}
.index-cowork-slogan a{display:block}
.index-cowork-slogan{float:left;border-right:1px rgba(255,255,255,.4) solid;height:100px;margin:40px 0;color:#fff;text-align:center;width:676px}
.index-cowork-list{padding-left:40px;width:463px;position:absolute;right:0;top:0}
.index-cowork-title{font-size:18px;font-weight:700;color:#fff;line-height:24px;padding:35px 0 0 10px}
.index-cowork-list ul{padding-top:10px;display:block;font-size:0}
.index-cowork-list li{display:inline-block;font-size:12px;width:220px;height:26px;line-height:26px;padding-left:10px;position:relative;overflow:hidden}
.index-cowork-list .em1{display:inline-block;width:5px;height:8px;background-position:-261px -66px;position:absolute;left:0;top:9px}
.index-cowork-list .a1{display:inline-block;color:#ffea00}
.index-cowork-list .a1:hover{text-decoration:underline}

.fixed{top:0;}

