*{padding:0px;margin:0px;}
ul,li{list-style: none}
body{font-size:14px;color:#333;font-family: 微软雅黑;min-width: 1420px;overflow-x: hidden;}
.clear{clear:both;}
a{text-decoration: none;color:#333;}
.w1182{width:1420px;margin:0px auto;}
img{border:0px;}
/* é¦–é¡µæ ‡é¢˜ */
.index_tit h2{
/*font-weight: normal;*/
text-align: center;
line-height: 55px;
padding: 20px 0px;
font-size:30px;
}
/* 头部======================================== */
.top{
height: 40px;
background: #eee;
width: 100%;
line-height: 40px;
font-size: 14px;
}
.top .w1182{
/* display: flex;
justify-content: space-between; */
}
.top .left{
position: relative;
float: left;
}
.top .left span{
display: inline-block;
}
.top .left span b{
transform: rotate(270deg);
display: inline-block;
transition: all 0.2s;
color: #999;
}
.top .left span:hover b{
transform: rotate(90deg);
}
.top .left .hot_city{
padding: 10px 20px 20px;
background: #fff;
width: 200px;
position: absolute;
border: 1px solid #eee;
line-height: 26px;
display: none;
z-index: 99999999999;
}
.top .left .hot_city h2{
font-size: 15px;
color: #16b770;
line-height: 35px;
}
.top .left .hot_city .hot_city_list a{
display: inline-block;
width:19%;
text-align: center;
}
.top .left .hot_city .hot_more_btn{
width: 100%;
height: 35px;
background: #16b770;
text-align: center;
line-height: 35px;
color: #fff;
margin-top: 10px;
}
.top .left .hot_city .hot_more_btn a{
color: #fff;
}
.top .right{
float: right;
}
.top .right a:hover{
color:#16b770;
}
/* 导航 */
.nav_out{
background: #fff;
padding: 12px 0px;
font-size: 16px;
position: relative;
transition:all 0.4s;
z-index: 99999;
box-shadow: 1px 1px 5px #eee;
}
.scrollNav{
position: fixed;
width: 100%;
top: 0px;
z-index: 999999;
transition:all 0.4s;
padding: 20px 0px;
}
.nav_out .w1182{
display: flex;
justify-content: space-between;
}
.nav_out .logo{
width: 180px;
}
.nav_out .logo img{
width: 152px;
}
.nav_out .nav ul{
width: 750px;
display: flex;
line-height: 39px;
justify-content: space-around;
}
.nav_out .nav ul li{
height:50px;
}
.nav_out .nav ul li a{
display: inline-block;
line-height: 35px;
transition: all 0.3s;
padding:0px 6px;
}
.nav_out .nav ul li a:hover{
color: #18b872;
}
.nav_out .nav ul li a.on{
color: #18b872;
border-bottom: 2px solid #18b872;
padding: 0px 6px;
line-height: 35px;
}
.nav_out .search{
border: 1px solid #eee;
height: 30px;
margin-top: 5px;
width: 240px;
background: #fff;
}
.nav_out .search img{
float: right;
padding: 5px 8px 0px;
}
.nav_out .search input{
width: 203px;
height: 30px;
border: 0px;
outline: 0px;
text-indent: 8px;
}
.flag_nav{
border-top: 1px solid #ccc;
/* margin-top: 10px; */
background: #fff;
box-shadow: 1px 1px 2px #ccc;
position: absolute;
width: 100%;
top: 60px;
display: none;
}
.flag_nav .flag_nav_item{
text-align: center;
padding:16px 0px;
width: 100%;
}
.flag_nav .flag_nav_item ul.ul1{
text-align: left;
padding-left:330px;
}
.flag_nav .flag_nav_item ul.ul2{
text-align: left;
padding-left:562px;
}
.flag_nav .flag_nav_item ul.ul3{
text-align: left;
padding-left:900px;
}
.flag_nav .flag_nav_item ul li{
display: inline-block;
padding: 0px 30px;
border-left: 1px solid #eee;
position: relative;
text-align: center;
transition: all 1.4s;
top: 0px;
}
.flag_nav .flag_nav_item ul li:first-child{
border: 0px;
}
.flag_nav .flag_nav_item ul li:hover a{
top: -2px;
color: #18b872;
}
.flag_nav .flag_nav_item ul li p img{
transition: all 1.4s;
}
.flag_nav .flag_nav_item ul li:hover p img{
/*transform: translate(0px 100px)*/
}
/* banner */
.banner{
width: 100%;
height: 516px;
min-width: 1180px;
position: relative;
/*background: url(../images/banner.png) no-repeat center center;*/
}
.banner ul{
width: 100%;
height: 516px;
overflow: hidden;
position: relative;
}
.banner ul li{
width: 100%;
height: 516px;
left: 0%;
position: absolute;
}
.banner .pre,.banner .next{
display: block;
position: absolute;
top:215px;
z-index: 999;
width: 80px;
left: 10%;
}
.banner .pre img,.banner .next img{
width: 100%;
}
.banner .pre{
left: 90%;
}
.out_order{
width: 1180px;
height: 100px;
position: absolute;
top: 0px;
color: #fff;
left: 50%;
margin-left: -590px;
}
.order_form{
width: 290px;
height:395px;
margin-top: 40px;
float: right;
padding: 20px;
background: rgba(0,0,0,0.6);
}
.out_order .order_head{
height: 45px;
line-height: 45px;
}
.out_order .order_head p{
float: left;
text-align: center;
width: 50%;
font-size: 20px;
}
.out_order .order_head p span.on{
border-bottom: 1px solid #24a066;
line-height: 35px;
display: inline-block;
color: #24a066;
}
.out_order .order_info{
text-align: center;
line-height: 50px;
}
.out_order .order_table .input{
margin-bottom: 24px;
}
.out_order .order_table .input input{
height:45px;
width: 100%;
outline: 0px;
border: 0px;
text-indent: 6px;
border-radius: 6px;
background: #eee;
}
.out_order .order_table .input:first-child select{
float: left;
width: 48%;
height:45px;
outline: 0px;
border: 0px;
text-indent: 6px;
border-radius: 6px;
background: #eee;
}
.out_order .order_table .input:first-child select:first-child{
margin-right: 4%;
}
.out_order .order_table .btn p{
width: 100%;
height: 45px;
background: #16b770;
border: 0px;
cursor: pointer;
color: #fff;
border-radius: 6px;
margin-bottom: 10px;
text-align: center;
line-height: 45px;
}
.out_order .short_roder{
font-size: 12px;
color: #ccc;
}
/* footer ============================================================ */
/* footer */
.footer{
background: #1b1b1b;
padding: 20px 0px 40px;
width: 100%;
}
.hot_link{
border-bottom: 1px solid #eee;
margin-bottom: 40px;
}
.hot_link .footer_head{
width: 120px;
height: 35px;
text-align: center;
line-height: 35px;
background: #3f3f3f;
color: #fff;
margin-bottom: 16px;
}
.hot_link .host_list{
padding-bottom: 40px;
}
.hot_link .host_list a{
line-height: 30px;
padding-right: 10px;
color: #ccc;
}
.footer .item{
float: left;
color: #fff;
}
.footer .footer_item1{
width: 230px;
}
.footer .footer_item1 h2{
font-weight: normal;
font-size: 18px;
}
.footer .footer_item1 ul li a{
color: #aaa;
line-height: 30px;
}
.footer .footer_item2{
width: 362px;
color: #aaa;
line-height: 30px;
}
.footer .footer_item2 h1{
color: #fff;
padding-bottom: 10px;
}
.footer .footer_item3{
text-align: center;
color: #aaa;
}
.footer_bq{
padding-top: 18px;
color: #aaa;
}
/* è´æ°´æ³¥é¦–页 */
/*内容*/
.comp_index_top{
width:100%;
padding:20px 0px 0px;
}
.nav_logo{
position:relative;
z-index: 9999;
}
.nav_logo .logo_info{
padding:30px 0px 0px 125px;
}
.nav_logo .logo_info h2{
font-size:24px;
height: 24px;
line-height: 24px;
}
.nav_logo .logo_info h2 i{
display: inline-block;
height: 40px;
vertical-align: middle;
width:128px;
background: url(../images/company/icon1.png) no-repeat center center;
}
.nav_logo .logo_info p{
background: url(../images/company/icon2.png) no-repeat center left;
padding-left:20px;
margin-top:15px;
font-size:16px;
}
.nav_list{
background: #1b1b1b;
height: 45px;
width:100%;
z-index: -99;
margin-top: 10px;
}
.nav_list .nav_list_ul{
position: relative;
width: 1182px;
margin: 0px auto;
}
.nav_list ul{
padding-left: 120px;
}
.nav_list ul li{
float: left;
line-height: 45px;
width: 110px;
text-align: center;
color: #fff;
}
.nav_list ul li a{
color: #fff;
display: block;
}
.nav_list ul li a:hover{
background: #18b872;
}
.nav_list ul li.on a{
background: #18b872;
}
.nav_list .log_img{
width: 110px;
height: 110px;
background: #fff;
border: 1px solid #ccc;
position: absolute;
top: -67px;
}
.fl{float:left;}
.fr{float:right;}
.fixed-nav{position:fixed;right:20px;top:50%;height:366px;width:66px;z-index:100;margin-top:-160px}
.fixed-nav>ul>li{width:100%;height:76px;border:1px solid #ddd;border-top:0}
.fixed-nav>ul>li:first-child{border:1px solid #ddd}
.fixed-nav>ul>li a{display:inline-block;width:100%;height:100%;text-align:center;background-color:#fff;overflow:hidden}
.fixed-nav>ul>li a:hover{width:64px;height:74px;transform:scale(1.02);box-shadow:0 0 11px #ddd;border:1px solid #e5e5e5}
.fixed-nav>ul>li a span{display:block;width:35px;height:35px;margin:14px auto 0}
.fixed-nav>ul>li a span.s1{background:url(../images/sprit.png) -15px -206px no-repeat}
.fixed-nav>ul>li a span.s2{background:url(../images/sprit.png) -16px -282px no-repeat}
.fixed-nav>ul>li a span.s3{background:url(../images/sprit.png) -15px -355px no-repeat}
.fixed-nav>ul>li a span.s4{background:url(../images/sprit.png) -16px -432px no-repeat}
.fixed-nav>ul>li a span.s5{background:url(../images/sprit.png) -16px -500px no-repeat}
.fixed-nav ul.encode,.fixed-nav ul.encode::after{position:absolute;border:1px solid #ddd;background-color:#fff}
.fixed-nav>ul>li a i{font-style:normal;font-size:12px;color:#656565}
.fixed-nav .sub-encode:hover ul.encode{display:block}
.fixed-nav ul.encode{left:-175px;top:65px;display:none;box-shadow:0 0 11px #ddd}
.fixed-nav ul.encode::after{content:"";width:15px;height:15px;transform:rotate(45deg);right:-9px;top:50%;margin-top:-5px;border-left:0;border-bottom:0}
.fixed-nav ul.encode li{width:156px;text-align:center;padding-top:20px;padding-bottom:13px}
.fixed-nav ul.encode li span{display:block;width:105px;height:105px;margin:0 auto}
.fixed-nav ul.encode li span.app{background:url(../images/sprit.png) -818px -589px no-repeat}
.fixed-nav ul.encode li span.wechat{background:url(../images/sprit.png) -710px -589px no-repeat}
.fixed-nav ul.encode li b{font-size:14px;line-height:26px;margin-bottom:5px;color:#000}
.fixed-nav ul.encode li p{font-size:12px;color:#666}
.query-order{position:fixed;bottom:0;left:0;z-index:1000;width:100%;height:100%}
.query-order .shadow{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background-color:rgba(0,0,0,.5)}
.query-order .bill{position:absolute;width:980px;height:480px;z-index:1001;top:50%;left:50%;margin:-240px 0 0 -490px;background-color:#fff}
.query-order .bill .tab{width:50px;height:100%}
.query-order .bill .tab a{display:inline-block;height:167px;padding:73px 13px 0;font-size:18px;text-align:center;color:#333;background-color:#eee}
.query-order .bill .tab a.active{background-color:#18b872;color:#fff}
.query-order .content{width:930px;height:100%;position:relative}
.query-order .content>p{position:absolute;bottom:24px;width:100%;text-align:center;color:#666;font-size:12px}
.query-order .content form{width:390px;padding:65px 60px 15px 30px;position:relative}
.query-order .content form::after{content:"";position:absolute;width:1px;height:310px;background-color:#f2f2f2;right:0;top:79px}
.query-order .content form h3{font-size:22px;color:#333;font-weight:400;margin-bottom:38px}
.query-order .content form h3 span{font-size:14px;color:#999;margin-left:12px}
.query-order .content form h3 em{font-style:normal;color:#18b872}
.query-order .content .items label{font-size:14px;color:#333;height:39px;line-height:39px}
.query-order .content .items label span{display:inline-block;color:#18b872;margin-left:2px}
.query-order .content .items>div{width:256px;margin-left:16px;position:relative}
.query-order .content .items>div>span{position:absolute;font-size:16px;color:#333;right:9px;top:9px}
.query-order .content .items>div select{width:119px;height:39px;padding-left:12px;border:1px solid #d8d8d8;margin-right:12px;font-size:14px;border-radius:2px;color:#333}
.query-order .content .items>div select:last-child{margin-right:0}
.query-order .content .items>div input{height:39px;width:242px;font-size:14px;padding-left:12px;border:1px solid #d8d8d8;border-radius:2px}
.query-order .content .items>div .item-error{border-color:red}
.query-order .content .design{height:100%}
.query-order .content .design .form-items{margin-bottom:18px;position:relative;height: 39px}
.query-order .content .design .form-items .items .second{margin-left:91px;margin-top:18px}
.query-order .content .design .form-items .items .second select{width:77px;margin-right:10px}
.query-order .content .design .form-items .items .second select:last-child{margin-right:0}
.query-order .content .design .form-items .tbs-form-cue{position:absolute;left:92px;bottom:-16px}
.query-order .content .design .form-items>span{display:none}
.query-order .content .design span.circle{position:absolute;width:140px;height:140px;right:-70px;top:50%;z-index:2;margin-top:-70px;border:1px solid #f2f2f2;background-color:#fff;border-radius:50%}
.query-order .content .design span.circle::after,.query-order .content .design span.circle::before{height:36px;width:20px;background-color:#fff;margin-top:-18px;position:absolute;top:50%;content:""}
.query-order .content .design span.circle::before{left:-1px}
.query-order .content .design span.circle::after{right:-1px}
.query-order .content .design span.circle em{position:absolute;width:90px;height:90px;background-color:#18b872;top:50%;left:50%;z-index:66;margin-top:-45px;margin-left:-45px;border-radius:50%;animation:scale-bg 2s infinite}
.query-order .content .design span.circle a{display:inline-block;width:90px;height:90px;background-color:#18b872;border-radius:50%;margin:25px;position:relative;z-index:666}
.query-order .content .design span.circle a:hover{background-color:#18b872}
.query-order .content .design span.circle a i{display:inline-block;width:44px;height:44px;text-align:center;font-size:16px;font-style:normal;color:#fff;margin:23px}
.query-order .content .design .budget-result{width:320px;height:100%;padding-top:57px;margin-right:31px}
.query-order .content .design .budget-result .result-title{font-size:22px;color:#333;margin-bottom:38px}
.query-order .content .design .budget-result .result-title span{display:inline-block;width:110px;text-align:center;margin:0 9px;font-size:30px;color:#e52e34}
.query-order .content .design .budget-result ul{border:1px solid #d8d8d8;padding:29px 0}
.query-order .content .design .budget-result ul li{text-align:center;height:40px;line-height:40px;font-size:14px;color:#666}
.query-order .content .design .budget-result ul li span{display:inline-block;width:40px;text-align:left;margin:0 20px 0 24px}
.query-order .content .offer h3{margin-bottom:48px}.query-order .content .offer form{padding:65px 21px 15px 67px}
.query-order .content .offer .form-items{height:69px}
.query-order .content .offer .form-items .tbs-form-cue{padding-left:112px}
.query-order .content .offer .form-items .tbs-form-cue::before{left:92px}
.query-order .content .offer .form-items>span{height:30px;line-height:30px;font-size:12px;padding-left:112px;color:red;position:relative;display:none}
.query-order .content .offer .form-items>span::before{content:"";position:absolute;width:12px;height:12px;background:url(/static/impression/images/new_imp/sprits.png) -355px -205px no-repeat;left:92px;top:9px}
.query-order .content .offer .form-items .item-error{border-color:red}
.query-order .content .offer .refer{text-align:center}
.query-order .content .offer .refer a{display:inline-block;width:180px;height:40px;background-color:#18b872;color:#fff;line-height:40px;text-align:center;font-size:18px;margin-left:-29px}
.query-order .content .offer .refer a:hover{background-color:#1ab142}
.query-order .content .offer .ad{height:100%;width:350px;padding-top:118px;margin-right:46px}
.query-order .content .offer .ad ul li{float:left;width:102px;height:102px;margin-bottom:40px;margin-right:13px}
.query-order .content .offer .ad ul li:nth-child(1){background:url(../images/1.png) center center no-repeat}
.query-order .content .offer .ad ul li:nth-child(2){background:url(../images/2.png) center center no-repeat}
.query-order .content .offer .ad ul li:nth-child(3){background:url(../images/3.png) center center no-repeat}
.query-order .content .offer .ad ul li:nth-child(4){background:url(../images/4.png) center center no-repeat}
.query-order .content .offer .ad ul li:nth-child(5){background:url(../images/5.png) center center no-repeat}
.query-order .content .offer .ad ul li:nth-child(6){background:url(../images/6.png) center center no-repeat}
.query-order .consument{position:absolute;width:980px;height:480px;z-index:1001;top:50%;left:50%;margin:-240px 0 0 -490px;background-color:#fff}
.query-order .consument .calc-result{width:400px;padding:0 45px;margin-top:59px;margin-bottom:36px;border-right:1px solid #e5e5e5}
.query-order .consument .calc-result .p1{text-align:center;font-size:20px;line-height:40px;margin-bottom:22px}
.query-order .consument .calc-result .p1 span{display:inline-block;width:135px;font-size:30px;color:#ff6f50;text-align:center}
.query-order .consument .calc-result ul{border:1px solid #e5e5e5;padding:35px 0;margin-bottom:30px}
.query-order .consument .calc-result ul li{height:40px;font-size:40px;line-height:40px;color:#666}
.query-order .consument .calc-result ul li .price{width:167px;height:100%;padding-left:43px;font-size:16px}
.query-order .consument .calc-result ul li .price span{font-size:18px;color:#000;display:inline-block;width:70px;margin:0 7px}
.query-order .consument .calc-result ul li .save{width:175px;height:100%;font-size:14px}
.query-order .consument .calc-result ul li .save i{font-style:normal;color:#e52e34;margin-right:5px}
.query-order .consument .calc-result .p2{color:#e52e34;font-size:12px;margin-bottom:5px}
.query-order .consument .calc-result .p3{color:#333;font-size:12px}
.query-order .consument .perfect{width:380px;height:100%;padding:50px}
.query-order .consument .perfect .title{font-size:20px;color:#333;margin-bottom:30px}
.query-order .consument .perfect .title span{font-size:14px;font-weight:400;color:#e52e34;display:inline-block;margin-left:10px}
.query-order .consument .perfect .items{margin-bottom:20px}
.query-order .consument .perfect .items>p{font-size:12px;margin-bottom:20px;color:#999}
.query-order .consument .perfect .items ul li{float:left;font-size:12px}
.query-order .consument .perfect .items ul li span{display:block;width:80px;height:60px;background:url(../images/sprit.png) -895px -465px no-repeat;margin:8px 17px}
.query-order .consument .perfect .items ul li span.i2{background-position:-988px -471px}
.query-order .consument .perfect .items ul li span.i3{background-position:-1068px -468px}
.query-order .consument .perfect .items ul li p{font-size:12px;line-height:25px;color:#333;text-align:center;margin-right:10px}
.query-order .consument .perfect .items ul li a{display:inline-block;width:13px;height:13px;background:url(../images/sprit.png) -863px -534px no-repeat;margin-right:5px;vertical-align:text-bottom}
.query-order .consument .perfect .items ul li a.active{background-position:-863px -515px}
.query-order .consument .perfect .items input{border:1px solid #d8d8d8;height:27px;width:188px;padding-left:10px}
.query-order .consument .perfect .time li{margin-right:10px}
.query-order .consument .perfect .btn{display:block;width:100px;height:30px;color:#fff;text-align:center;line-height:30px;font-style:normal;background-color:#e52e34;border-radius:5px;margin:0 auto;cursor:pointer}
.query-order .consument .perfect .btn:hover{background-color:#ff500b}
.query-order .consument .perfect .btn.formbit,.query-order .consument .perfect .btn.formbit:hover{background-color:#666}
.query-order span.close{position:absolute;top:16px;right:16px;width:16px;height:16px;background:url(../images/sprit.png) -847px -560px no-repeat;cursor:pointer}
@keyframes scale-bg{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.6);opacity:0}}
.shadow{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-color: rgba(0,0,0,.5);
}