/*硚口区智能服务平台*/
.znfwpt{ background:none; }
/*.znfwpt .inner_wrap{ width:1100px;margin:0 auto;overflow:hidden;position:relative; }*/
.znfwpt .inner_wrap{ width:1200px;margin:0 auto;overflow:hidden;position:relative; }
.znfwpt h1,.znfwpt h2,.znfwpt h3,.znfwpt h4,.znfwpt h5,.znfwpt h6,.znfwpt img{ cursor:auto; }

.znfwpt .header_box_outer{ background:#003d88; }
.znfwpt .header_box a,.znfwpt .header_box .top_time{ color:#fff; }
.znfwpt .header_box .top_search{ background:#a6d6ff; }
.znfwpt .header_box .top_search input{ background:transparent;border-color:#a6d6ff;outline:none;color:#5b5b5b; }

.znfwpt .main{ background:url(180425znfwpt_bg.png) center top repeat;overflow:hidden; }
.znfwpt .znfwpt_nav{ background:url(180425znfwpt_nav_bg.png) repeat;height:90px; }
.znfwpt .znfwpt_nav .inner_wrap{ height:100%; }
.znfwpt .znfwpt_nav .logo{ position:absolute;left:0;top:15px; }
.znfwpt .znfwpt_nav ul{ float:right; }
/*.znfwpt .znfwpt_nav ul li{ float:left;line-height:90px;margin-left:28px; }*/
.znfwpt .znfwpt_nav ul li{ float:left;line-height:90px;margin-left:10px; }
.znfwpt .znfwpt_nav ul li a{ color:#fff;font-size:18px;padding:5px 0; }

.znfwpt .content_outer{ min-height:868px;overflow:hidden;padding-bottom:10px; }
.znfwpt .content_outer h2{ font-size:36px;font-weight:normal;color:#fff;text-align: center;line-height:1em;margin:93px 0 45px;cursor:auto; }

.znfwpt .content .step1 .con_box{ height:280px;position: relative; }
.znfwpt .content .step1 .con_outer{ width:200px;height:200px;position: absolute;top:20px;border-radius:50%;padding:20px;background:url(180425znfwpt_con_circlebg.png) repeat;transition:width 1s,height 1s,left 1s,top 1s;overflow:hidden; }
.znfwpt .content .step1 .con_outer:hover{ width:240px;height:240px;top:0px; }
.znfwpt .content .step1 .con1{ left:220px; }
.znfwpt .content .step1 .con1:hover{ left:200px; }
.znfwpt .content .step1 .con2{ left:642px; }
.znfwpt .content .step1 .con2:hover{ left:622px; }

.znfwpt .content .step1 .con_outer .con_inner{ display: table-cell;width:200px;height:200px;border-radius:50%;background:#fff;transition:width 1s,height 1s;text-align:center;vertical-align: middle;position: relative; }
.znfwpt .content .step1 .con_outer:hover .con_inner{ width:240px;height:240px; }
.znfwpt .content .step1 .con_outer .no_hover{ opacity:1;transition:opacity 1s; }
.znfwpt .content .step1 .con_outer:hover .no_hover{ opacity:0;filter: alpha(opacity=0); }
.znfwpt .content .step1 .con_outer .no_hover p{ font-size:18px;line-height: 44px;color:#003d88; }
.znfwpt .content .step1 .con_outer .no_hover p b{ font-size:30px;color:#003d88;font-weight:normal; }
.znfwpt .content .step1 .con_outer .hover{ width:100%;height:100%;position: absolute;top:-15px;left:0; }
.znfwpt .content .step1 .con1 .hover p{ font-size:16px;line-height:36px;color:#003d88;position:relative;transition:left 1.3s,top 1.3s; }
.znfwpt .content .step1 .con1 .hover p:first-child{ margin-top:52px; }
.znfwpt .content .step1 .con_outer .hover p span{ font-size:inherit;color:#003d88;cursor:pointer; }
.znfwpt .content .step1 .con_outer .hover p span:hover{ color:#e10000; }
.znfwpt .content .step1 .con1 .hover p.p1{ left:700px;top:-200px; }
.znfwpt .content .step1 .con1 .hover p.p2{ left:-400px;top:-250px; }
.znfwpt .content .step1 .con1 .hover p.p3{ left:600px;top:450px; }
.znfwpt .content .step1 .con1 .hover p.p4{ left:-500px;top:550px; }
.znfwpt .content .step1 .con1:hover .hover p{ left:0!important;top:0!important; }
.znfwpt .content .step1 .con2 .hover p{ font-size:22px;line-height:60px;color:#003d88;position:relative;transition:left 1.3s,top 1.3s; }
.znfwpt .content .step1 .con2 .hover p:first-child{ margin-top:56px; }
.znfwpt .content .step1 .con2 .hover p.p1{ left:700px;top:-200px; }
.znfwpt .content .step1 .con2 .hover p.p2{ left:-400px;top:300px; }
.znfwpt .content .step1 .con2:hover .hover p{ left:0!important;top:0!important; }
.znfwpt .content .step1 .xq{ width:498px;height:115px;margin-left:256px;border:2px solid #83def4;background:#fff;position:relative;margin-top:26px; }
.znfwpt .content .step1 .xq p{ font-size:16px;line-height:30px;color:#0054a7;padding-left:20px; }
.znfwpt .content .step1 .xq p:first-child{ margin-top:12px; }
.znfwpt .content .step1 .xq p .red{ font-size:inherit;color:#e10000; }
.znfwpt .content .step1 .xq .tri{ display: block;width:17px;height:16px;background: url(180425znfwpt_con_tri.png) no-repeat;position:absolute;right:-17px;top:51px; }
.znfwpt .content .step1 .xq .xq_pic{ position:absolute;right:-128px;top:20px; }

.znfwpt .content .step2{ display: none;}
.znfwpt .content .step2 a{ font-size:inherit;color:inherit;cursor:pointer; }
.znfwpt .content .step2 a:hover{ color:#e10000; }
.znfwpt .content .step2 h3{ color:#0054a7;font-size:18px;line-height:1em;text-align:center;margin:30px 0 9px; }
.znfwpt .content .step2 .con.has_h4 h3{ margin:24px 0 18px; }
.znfwpt .content .step2 h4{ line-height:30px;font-size:14px;color:#999;background:#f5f5f5;text-align:center; }
.znfwpt .content .step2 .con{ display:none;overflow: hidden;background:url(180425znfwpt_con_circlebg.png) repeat;border-radius:5px;padding:20px;;margin:0 auto;position:relative; }
.znfwpt .content .step2 .con_inner{ width:100%;height:100%;overflow:hidden;background:#fff;border-radius:5px; }
.znfwpt .content .step2 .con_inner ul{ overflow: hidden;float:left; }
.znfwpt .content .step2 .con_inner ul li{ font-size:14px;line-height:36px;color:#333; }
.znfwpt .content .step2 .con_inner ul li a{ padding-left:13px;background:url(180425znfwpt_li_point.jpg) left center no-repeat; }
.znfwpt .content .step2 .con_inner ul li a:hover{ background-image:url(180425znfwpt_li_redpoint.png); }
.znfwpt .content .step2 .con_inner ul li span{ padding-left:13px;background:url(180425znfwpt_li_point.jpg) left center no-repeat;cursor:pointer; }
.znfwpt .content .step2 .con_inner ul li span:hover{ background-image:url(180425znfwpt_li_redpoint.png);color:#e10000; }
.znfwpt .content .step2 .con_inner .btn_back{ padding:0 49px;text-align:right;position:absolute;bottom:37px;right:0; }
.znfwpt .content .step2 .con_inner .btn_back span{ cursor: pointer;color:#999;display:inline-block;*display:inline;zoom:1; }
.znfwpt .content .step2 .con_inner .btn_back img{ margin-right:8px;cursor: pointer;position:relative;top:-1px; }
.znfwpt .content .step2 .con_inner .btn_back span:hover{ opacity:0.75; }
.znfwpt .content .step2 .xq{ overflow: hidden;margin-top:20px; }
.znfwpt .content .step2 .xq .xq_con{ width:326px;border:2px solid #83def4;background:#fff;margin-left:428px;position:relative; }
.znfwpt .content .step2 .xq .xq_con p{ padding-left:20px; }
.znfwpt .content .step2 .xq .xq_con p.xq_text{ font-size:16px;line-height:30px;color:#0054a7;margin-top:12px; }
.znfwpt .content .step2 .xq .xq_con .score{ position:relative; }
.znfwpt .content .step2 .xq .xq_con .score .p1{ line-height:18px;margin:6px 0 20px; }
.znfwpt .content .step2 .xq .xq_con .score .p1 span{ display:inline-block;*display:inline;zoom:1;width:180px;height:18px;background:url(180425znfwpt_star_score0.png) left center no-repeat;position:relative;top:4px; }
.znfwpt .content .step2 .xq .xq_con .score .p1 span.s1{ background-image:url(180425znfwpt_star_score1.png); }
.znfwpt .content .step2 .xq .xq_con .score .p1 span.s2{ background-image:url(180425znfwpt_star_score2.png); }
.znfwpt .content .step2 .xq .xq_con .score .p1 span.s3{ background-image:url(180425znfwpt_star_score3.png); }
.znfwpt .content .step2 .xq .xq_con .score .p2{ display:none;text-align: center;margin-bottom:5px;position:relative;top:-5px; }
.znfwpt .content .step2 .xq .xq_con .score .p2 span{ display:inline-block;*display:inline;zoom:1;padding:9px 21px;font-size:14px;color:#fff;border-radius:3px;background:#4cbbef;cursor:pointer; }
.znfwpt .content .step2 .xq .xq_con .score i{ display:block;width:170px;height:18px;position:absolute;top:4px;left:145px; }
.znfwpt .content .step2 .xq .xq_con .score i span{ display:block;width:18px;height:19px;position:absolute;top:4px;cursor:pointer; }
.znfwpt .content .step2 .xq .xq_con .score i span.sp1{ left:0; }
.znfwpt .content .step2 .xq .xq_con .score i span.sp2{ left:30px; }
.znfwpt .content .step2 .xq .xq_con .score i span.sp3{ left:60px; }
.znfwpt .content .step2 .xq .xq_con .after_select{ display:none;overflow: hidden;}
.znfwpt .content .step2 .xq .xq_con .after_select img{ display: block;margin:20px auto 15px; }
.znfwpt .content .step2 .xq .xq_con .after_select p{ text-align:center;font-size:16px;color:#0054a7;margin-bottom:23px;position:relative;left:-3px; }
.znfwpt .content .step2 .xq .tri{ display: block;width:17px;height:16px;background: url(180425znfwpt_con_tri.png) no-repeat;position:absolute;right:-17px;top:51px; }
.znfwpt .content .step2 .xq .xq_pic{ position:absolute;right:-128px;top:20px; }

.znfwpt .content .step2 .con1-1{ width:650px;height:424px; }
.znfwpt .content .step2 .con1-1 .ul1{ width:384px;margin-left:30px; }
.znfwpt .content .step2 .con1-1 .con_inner ul li{ line-height:32px; }
.znfwpt .content .step2 .con1-1 .btn_back{ margin-top:9px; }
.znfwpt .content .step2 .con1-2{ width:470px;height:304px; }
.znfwpt .content .step2 .con1-2 .ul1{ padding-left:171px;margin-top:40px; }
.znfwpt .content .step2 .con1-3{ width:470px;height:324px; }
.znfwpt .content .step2 .con1-3 h3{ padding-bottom:10px; }
.znfwpt .content .step2 .con1-3 .ul1{ width:182px;margin-left:70px; }
.znfwpt .content .step2 .con1-4{ width:470px;height:314px; }
.znfwpt .content .step2 .con1-4 .ul1{ padding-left:173px;margin-top:35px; }
.znfwpt .content .step2 .con2-1{ width:470px;height:314px; }
.znfwpt .content .step2 .con2-1 h3{ padding-bottom:35px; }
.znfwpt .content .step2 .con2-1 .ul1{ padding-left:110px;width:154px; }
.znfwpt .content .step2 .con2-1-1{ width:470px;height:386px; }
.znfwpt .content .step2 .con2-1-1 ul{ margin-top:15px; }
.znfwpt .content .step2 .con2-1-1 .ul1{ width:245px;padding-left:70px; }
.znfwpt .content .step2 .con2-1-2{ width:470px;height:422px; }
.znfwpt .content .step2 .con2-1-2 ul{ margin-top:15px; }
.znfwpt .content .step2 .con2-1-2 .ul1{ width:210px;padding-left:70px; }
.znfwpt .content .step2 .con2-1-3{ width:470px;height:314px; }
.znfwpt .content .step2 .con2-1-3 ul{ margin-top:15px; }
.znfwpt .content .step2 .con2-1-3 .ul1{ width:153px;padding-left:80px; }
.znfwpt .content .step2 .con2-1-4{ width:470px;height:325px; }
.znfwpt .content .step2 .con2-1-4 ul{ margin-top:15px; }
.znfwpt .content .step2 .con2-1-4 .ul1{ width:222px;padding-left:45px; }
.znfwpt .content .step2 .con2-1-5{ width:470px;height:433px; }
.znfwpt .content .step2 .con2-1-5 ul{ margin-top:15px; }
.znfwpt .content .step2 .con2-1-5 .ul1{ width:222px;padding-left:45px; }
.znfwpt .content .step2 .con2-1-6{ width:470px;height:433px; }
.znfwpt .content .step2 .con2-1-6 ul{ margin-top:15px; }
.znfwpt .content .step2 .con2-1-6 .ul1{ width:222px;padding-left:65px; }
.znfwpt .content .step2 .con2-1-7{ width:470px;height:314px; }
.znfwpt .content .step2 .con2-1-7 ul{ margin-top:15px; }
.znfwpt .content .step2 .con2-1-7 .ul1{ width:200px;padding-left:60px; }
.znfwpt .content .step2 .con2-2{ width:710px;height:504px; }
.znfwpt .content .step2 .con2-2 ul{ margin-top:15px; }
.znfwpt .content .step2 .con2-2 .con_inner ul li{ line-height:32px; }
.znfwpt .content .step2 .con2-2 .ul1{ width:200px;padding-left:80px; }
.znfwpt .content .step2 .con2-2 .ul2{ width:170px; }

.znfwpt .content .step1,.znfwpt .content .step2{ transition:opacity 0.8s,left 0.8s;opacity:1;position:relative;left:0; }
.znfwpt .content .step1.hide,.znfwpt .content .step2.hide{ opacity:0;left:200px; }
.znfwpt .content .step2 .hidden{ display: none;}
.znfwpt .content .xq{ z-index:100; }
.znfwpt .content .xq .xq_pic{ cursor:pointer; }
.znfwpt .content .xq .xq_pic.move1{ animation: move1 0.7s;-moz-animation: move1 0.7s;-webkit-animation: move1 0.7s;-o-animation: move1 0.7s; }
@keyframes move1{0%{top:20px;}20%{top:0px;}40%{top:30px;}60%{top:15px;}80%{top:22px;}100%{top:20px;}}
@-moz-keyframes move1{0%{top:20px;}20%{top:0px;}40%{top:30px;}60%{top:15px;}80%{top:22px;}100%{top:20px;}}
@-webkit-keyframes move1{0%{top:20px;}20%{top:0px;}40%{top:30px;}60%{top:15px;}80%{top:22px;}100%{top:20px;}}
@-o-keyframes move1{0%{top:20px;}20%{top:0px;}40%{top:30px;}60%{top:15px;}80%{top:22px;}100%{top:20px;}}
.znfwpt .znhdpt_footer .last_box{ margin-top:0; }