*:focus {
    outline: none;
}

.qlogo img {
    margin-top: 7px;
    margin-right: 2px;
    float: left;
    width: 63px;
    height: 16px;
}

.qlogo span {
    display: inline-block;
    font-size: 12px;
    color: #11BB99;
}

.qlogo i {
    margin-top: 9px;
    width: 16px;
    height: 15px;
    background-image: url(images/gyimages/couldIco.png);
    background-position: 0 0;
}

.qlogo:hover i {
    background-position: -20px -25px;
}

.qlogo, .sub_a_wrap {
    text-decoration: none !important;
}

.sub_a_wrap .sub_a {
    color: #999;
    font-size: 12px;
}

.sub_a_wrap:hover .sub_a {
    color: #11BB99;
    font-size: 12px;
    text-decoration: underline;
}

.sub_a_wrap .sub_a span {
    padding: 0 2px;
    color: #0688ef;
}

.jf_login {
    width: 56px;
    height: 30px;
    font-size: 12px;
    color: #fff !important;
    text-align: center;
    background-color: #11BB99;
}

.jf_register {
    color: #555 !important;
}

/* 青岛body */

.jf_search_wrap {
    height: 100px;
}

.jf_sub_logo {
    float: left;
}

.jf_sub_logo img {
    margin-top: 29px;
    width: 230px;
    height: 40px;
    border: none;
}

.jf_search {
    float: right;
    width: 870px;
}

.jf_search .jf_input {
    margin-top: 27px;
    float: left;
    position: relative;
    width: 500px;
    height: 40px;
    border: 2px solid #00aaff!important;
    margin-left: 84px;
}

.jf_search .jf_input input {
    padding: 0 !important;
    padding-left: 4px !important;
    border: none;
    width: 380px;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
}

.jf_search .jf_input .btn1 {
    position: absolute;
    right:0px;
    border: none;
    width: 100px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #00aaff;
}

.jf_search .jf_input .btn2 {
    position: absolute;
    top:-2px;
    right: -108px;
    border: none;
    width: 100px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background-color: #00aaff;
}
.jf_search .jf_input .btn2:hover{opacity: 0.9}

.jf_search .jf_button {
    cursor: pointer;
    margin-top: 27px;
    float: right;
    font-size: 16px;
    color: #fff;
    background: url(images/gyimages/btn01.png);
    text-indent: 45px;
    line-height: 42px;
    width: 140px;
    height: 44px;
    background-size: cover;
}

.jf_nav_wrap {
    width: 100%;
    height: 0px;
    background-color: #00AAFF;
}

.jf_nav_left {
    float: left;
    position: relative;
    width: 240px;
    height: 0px;
    background-color: #0088EE;
}

.banner_login {
    position: absolute;
    top: 56px;
    right: 0;
    width: 230px;
    height: 267px;
    background:#fff;
}

.login_top_box {
    position: relative;
    margin: 40px 0 0 10px;
    width: 210px;
    height: 140px;
    background: rgba(255, 255, 255, 1);
}

.login_top_box img {
    position: absolute;
    top: -30px;
    left: 74px;
    width: 60px;
    height: 60px;
    border: none;
}

.login_top_box p {
    padding-top: 45px;
    text-align: center;
    font-size: 12px;
    color: #212d43;
}

.login_top_box button {
    margin: 10px 0 10px 36px;
    border: none;
    width: 140px;
    height: 30px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background-color:#00aaff;
    border-radius: 15px;
}

.login_top_box a {
    margin: 0 auto;
    text-align: center;
    display: block;
    color: #0688EF;
}

.login_bottom_box img {
    cursor: pointer;
    margin:0px;
    width: 230px;
    height: 88px;
    border: none;
}

.jf_nav_left .nav_box {
    margin-top: 22px;
    overflow: hidden;
}

.jf_nav_left h1 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 44px;
}

.jf_nav_left .nav {
    position: absolute;
    top: 0px;
    left: 0;
    width: 240px;
    height: 400px;
    background-color: rgba(0, 0, 0, 0.5);
}

.jf_nav_left .icon {
    float: left;
    width: 18px;
    height: 18px;
}

.jf_nav_left .icon img {
    border: none;
    margin-left: 10px;
    width: 18px;
    height: 18px;
}

.jf_nav_left .nav_box_inner {
    float: right;
    width: 200px;
    color: #fff;
    line-height: 23px;
}

.jf_nav_left .nav_box_inner h2 {
    margin-top: -4px;
    font-size: 14px;
    color: #fff;
}

.jf_nav_left .nav_box_inner a {
    padding-right: 4px;
    color: #fff;
}

.jf_nav_left .nav_box_inner a:hover {
    color: #1b9;
    /* text-decoration: underline; */
}

.jf_nav_right {
    overflow: hidden;
    float: left;
}

.jf_nav_right li {
    padding: 0 30px;
    /* margin-left: 76px; */
    line-height: 44px;
    font-size: 18px;
    color: #fff;
    background-color: #00AAFF;
    float: left;
}
.jf_nav_right li:hover {
    background-color: #0088EE;
}

.jf_nav_right li a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.jf_nav_right li a:hover {
    color: #fff;
}

.body_wrap {
    width: 100%;
    background-color: #f3f3f3;
    overflow: hidden;
}

.scroll_text {
    margin: 20px auto;
    background-color: #fff;
    height: 44px;
}

.scroll_text a {
    font-size: 14px;
    color: #32A3FB;
}

.scroll_text .left_box {
    float: left;
}

.scroll_text .left_box img {
    margin-top: 14px;
    margin-left: 20px;
    float: left;
    width: 16px;
    height: 16px;
    border: none;
}

.scroll_text .left_box p {
    float: left;
    padding-left: 5px;
    line-height: 44px;
    font-size: 14px;
    color: #32A3FB;
}

.scroll_text .line_box {
    float: left;
    margin-top: 12px;
    margin-left: 40px;
    width: 1px;
    height: 20px;
    background-color: #DDDDDD;
}

.scroll_text .a_more {
    float: right;
    margin-right: 40px;
    line-height: 44px;
    font-size: 14px;
}

.jf_title_wrap {
    overflow: hidden;
    width: 100%;
    height: 88px;
}

.jf_floor_title {
    margin: 0 auto;
    width: 240px;
}

.jf_floor_title img {
    margin-top: 50px;
    margin-right: 5px;
    float: left;
    width: 38px;
    height: 23px;
    border: none;
}

.jf_floor_title p {
    float: left;
    margin-top: 40px;
    font-size: 28px;
    color: #555;
}

.jf_one_box {
    padding: 20px;
    overflow: hidden;
    width: 1150px;
    height: 550px;
    background-color: #76C0F6;
}

.jf_one_box .jf_left_box {
    float: left;
    width: 190px;
    height: 550px;
}

.jf_one_box .jf_left_box img {
    border: none;
    width: 190px;
    height: 550px;
}

.jf_one_box ul {
    float: left;
    width: 960px;
    overflow: hidden;
}

.jf_one_box ul li .price {
    margin-top: 10px;
    margin-left: 20px;
    height: 40px;
    line-height: 40px;
}

.jf_one_box ul li .price .left {
    float: left;
    width: 116px;
    font-size: 20px;
    color: #fe0200;
}

.jf_one_box ul li .price .left span {
    padding-right: 2px;
    font-size: 12px;
}

.jf_one_box ul li .price .right {
    padding-left: 10px;
    margin-right: 20px;
    margin-top: 14px;
    float: right;
    font-size: 12px;
    color: #999;
    height: 14px;
    line-height: 14px;
    border-left: 1px solid #999;
}

.jf_one_box ul li a:hover {
    text-decoration: none;
}

.jf_one_box ul li {
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 230px;
    height: 270px;
    background-color: #fff;
}

.jf_one_box li .img {
    margin-top: 27px;
    margin-left: 25px;
}

.jf_one_box li .img img {
    width: 180px;
    height: 106px;
    border: none;
}

.jf_one_box p {
    text-indent: 20px;
    width: 210px;
    line-height: 24px;
    font-size: 14px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jf_two_box {
    width: 100%;
    height: 340px;
    background: url(images/gyimages/lc_two.png) no-repeat center;
}

.jf_two_box ul {
    padding-top: 40px;
    margin: 0 auto;
    width: 1076px;
    height: 110px;
}

.jf_two_box ul li {
    position: relative;
    text-align: center;
    float: left;
    margin-right: 76px;
}

.jf_two_box ul li .animate .round{
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    border-radius: 60px;
    display: block;
    background-color: #76C0F6;
    width: 116px;
    height: 116px;
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}

.jf_two_box ul li:hover .animate .round {
    -webkit-transform: scale3d(1.3, 1.3, 1.3);
    opacity: 0;
    -moz-transform: scale3d(1.3, 1.3, 1.3);
    -o-transform: scale3d(1.3, 1.3, 1.3);
    -ms-transform: scale3d(1.3, 1.3, 1.3);
    transform: scale3d(1.3, 1.3, 1.3);
}

.jf_two_box ul li.last {
    margin-right: 0;
}

.jf_two_box ul li span {
    line-height: 60px;
    display: inline-block;
    font-size: 18px;
    color: #32A3FB;
    text-align: center;
}

.jf_two_box ul li img {
    position: relative;
    z-index: 10;
    width: 116px;
    height: 116px;
    border: none;
}

.jf_two_box .jf_process {
    margin: 0 auto;
    width: 1189px;
    height: 93px;
}

.jf_compony {
    overflow: hidden;
}
.jf_compony li {
    float: left;
    margin-right: 10px;
    margin-bottom: 20px;
    width: 388px;
    height: 238px;
    border: 1px solid #f3f3f3;
}

.jf_compony li:hover {
    border: 1px solid #08e;
}
.jf_compony li.last {
    margin-right: 0;
}
.jf_compony_top {
    width: 388px;
    height: 90px;
    background-color: #EAEAEA;
}

.jf_compony_top .left {
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    border: none;
    width: 120px;
    height: 70px;
}

.jf_compony_top .right {
    float: right;
    width: 258px;
}
.jf_compony_top .right h2 {
    padding-top: 8px;
    text-indent: 8px;
    line-height: 40px;
    font-size: 14px;
    color: #555555;
    font-weight: normal;
}


.jf_compony_top .right .bottom {
    height: 24px;
}
.jf_compony_top .right .bottom img {
    margin-left: 10px;
    float: left;
    width: 22px;
    height: 19px;
}
.jf_compony_top .right .bottom button {
    margin-right: 10px;
    float: right;
    border: none;
    width: 80px;
    height: 24px;
    color: #fff;
    border-radius: 12px;
    background-color: #CB0100;
}
.jf_compony_top .right .bottom button:hover {
    background-color: #bb0302;
}

.jf_compony_bottom {
    height: 148px;
    overflow: hidden;
    background-color: #fff;
}
.jf_compony_bottom .c_top {
    height: 68px;
    border-bottom: 1px solid #f3f3f3;
}
.jf_compony_bottom .c_top .icon {
    text-align: center;
    margin: 10px 0 0 10px;
    padding: 7px 5px;
    float: left;
    width: 40px;
    height: 36px;
    border-radius: 4px;
    background-color: #0688EF;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
}
.jf_compony_bottom .c_top .p {
    float: left;
    overflow: hidden;
    margin-left: 10px;
    margin-top: 10px;
    width: 300px;
    height: 50px;
    line-height: 24px;
    color: #555;
    font-size: 12px;
}
.jf_compony_bottom .c_down {
    height: 80px;
}
.jf_compony_bottom .c_down .icon {
    text-align: center;
    margin: 10px 0 0 10px;
    padding: 7px 5px;
    float: left;
    width: 40px;
    height: 36px;
    border-radius: 4px;
    background-color: #84A2D4;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
}
.jf_compony_bottom .c_down .c_down_right p {
    float: left;
    width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.jf_compony_bottom .c_down .c_down_right span {
    float: right;
    color: #FE0200;
}
.jf_compony_bottom .c_down .c_down_right {
    float: left;
    margin-left: 10px;
    width: 300px;
    color: #555;
    font-size: 12px;
}
.more_jf {
    margin: 0 auto;
    margin-bottom: 40px;
    display: block;
    width: 110px;
    color: #0688EF;
    font-size: 14px;
}

.more_jf:hover {
    text-decoration: none;
}
.more_jf img {
    margin-left: 4px;
    width: 16px;
    /* height: 14px; */
    border: none;
}
.footerBar {
    width: 100%;
    /* height: 450px; */
    background-color: #1E1E1E;
}
.left_footer {
    float: left;
    width: 590px;
    overflow: hidden;
}

.left_footer .top {
    overflow: hidden;
    margin-top: 40px;
}
.left_footer .top img {
    float: left;
    border: none;
    width: 88px;
    height: 57px;
}

.left_footer .top h2 {
    float: left;
    margin-left: 10px;
    margin-top: 14px;
    font-size: 22px;
    color: #606060;
}
.left_footer .middle {
    clear: both;
    margin-top: 40px;
    padding: 0 30px;
    width: 420px;
    font-size: 14px;
    color: #606060;
    line-height: 34px;
}

.left_footer .down {
    overflow: hidden;
    margin-top: 40px;
}

.left_footer .down img {
    margin-left: 30px;
    float: left;
    border: none;
    width: 24px;
    height: 26px;
}
.left_footer .down p {
    float: left;
    margin-left: 10px;
    font-size: 16px;
    color: #fff;
}
.right_footer {
    float: left;
    width: 600px;
    overflow: hidden;
}
.right_footer .top {
    margin-top: 55px;
    color: #fff;
    font-size: 14px;
}
.right_footer .top a{
    color: #fff!important;
    font-size: 14px;
}
.right_footer .top span {
    display: inline-block;
    color: #CB0100;
}
.right_footer .line {
    margin-top: 28px;
    width: 600px;
    height: 1px;
    background-color: #666;
}
.right_footer p {
    margin-top: 15px;
    font-size: 12px;
    color: #ccc;
    line-height: 30px;
}
.right_footer ul {
    margin-top: 24px;
    overflow: hidden;
}
.right_footer ul li {
    text-align: center;
    margin-right: 38px;
    float: left;
    width: 109px;
    overflow: hidden;
}
.right_footer ul li .bg {
    width: 109px;
    height: 109px;
    background: url(images/gyimages/footerLlable.png) no-repeat 0 0;
}
.right_footer ul li .bg img {
    display: inline-block;
    margin-top: 18px;
    border: none;
    width: 74px;
    height: 74px;
}

.right_footer ul li p {
    margin-top: 0px;
}
/* 本例子css */

.slideBox {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.slideBox .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 50%;
    bottom: 5px;
    z-index: 1;
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
}

.slideBox .hd ul li {
    border-radius: 5px;
    float: left;
    margin-right: 2px;
    width: 10px;
    height: 10px;
    background: #CCCCCC;
    cursor: pointer;
}

.slideBox .hd ul li.on {
    background: #fff;
    width: 20px;
    border-radius: 5px;
}

.slideBox .bd {
    position: relative;
    height: 100%;
    z-index: 0;
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle;
}

/* 本例子css */

.txtMarquee-left {
    width: 900px;
    float: left;
    position: relative;
}

.txtMarquee-left .bd .tempWrap {
    width: 900px !important;
}

.txtMarquee-left .bd ul {
    overflow: hidden;
    zoom: 1;
}

.txtMarquee-left .bd ul li {
    margin-right: 28px;
    float: left;
    height: 44px;
    line-height: 44px;
    text-align: left;
    _display: inline;
    max-width: 270px !important;
}

.txtMarquee-left .bd ul li a {
    color: #18BB99;
    float: left;
    max-width: 270px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.indexTypes {
    width: 1190px;
    margin: 0 auto;
}

.indexTypes ul {
    margin-left: -4px;
    overflow: hidden;
    width: 1000px;
    height: 260px;
    float: left;
}

.indexTypes ul li {
    position: relative;
    float: left;
    width: 180px;
    overflow: hidden;
    height: 260px;
    overflow: hidden;
}

.indexTypes ul li:hover {
    cursor: pointer;
}

.indexTypes ul li.currnet {
    width: 470px;
}

.indexTypes ul li .title {
    width: 180px;
    height: 260px;
    float: left;
}

.indexTypes ul li .title img {
    border: none;
    width: 180px;
    height: 260px;
}

.indexTypes ul li .con {
    position: absolute;
    top: 0;
    left: 180px;
    width: 240px;
    padding: 30px 20px 0;
    height: 230px;
    overflow: hidden;
    font-size: 14px;
    line-height: 24px;
    color: #555;
    background-color: #F9F9F9
}

.indexTypes ul li .con button {
    position: absolute;
    right: 25px;
    bottom: 20px;
    width: 100px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #32A3FB;
    background-color: #F9F9F9;
    border: 1px solid#32A3FB;
}
.body_wrap .ad_01 {
    width: 100%;
    height: 500px;
    background: url(images/gyimages/bg01.png) center no-repeat;
    background-size: cover;
}
.body_wrap .ad_02 {
    width: 100%;
    height: 500px;
    background: url(images/gyimages/bg02.png) center no-repeat;
    background-size: cover;
}
.body_wrap .ad_03 {
    width: 100%;
    height: 500px;
    background: url(images/gyimages/bg03.png) center no-repeat;
    background-size: cover;
}

#searchType {
    width: 80px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    border-right: 1px solid #eee;
    float: left;
    font-size: 14px;
}