/* YZL header */
.header-top{ height: 39px; line-height: 39px; background: #f9f9f9; border-bottom: 1px solid #e6e6e6; font-size: 12px; }
.header-top .company{ letter-spacing: 1px;}
.header-top .header_top_r>li{ float: left; margin-left: 25px; padding-right: 18px}
.header-top .header_top_r>li:hover a{ color: #237dc8;}
.header-top .icon-collection{ width: 16px; height: 16px; display: inline-block; background-position: -29px -79px; vertical-align: middle; margin-right: 7px; margin-top: -2px;}
.header-top .icon-followme{ width: 21px; height: 18px; display: inline-block; background-position: -1px -78px; vertical-align: middle; margin-right: 7px; margin-top: -2px;}
.header-nav{ height: 100px;}
.header-nav-con{ height: 100px;}
.header-nav .logo-box{ margin: 22px 0 0 0px;}
.header-nav .logo-box .icon-logo{ display: block; width: 271px; height: 55px; background-position: 0px -209px;}
.header-nav-list>li{ float: left; line-height: 100px; margin: 0 35px;}
.header-nav-list>li a{ float: left; font-size: 18px; color: #404040;}
.header-nav-list>li:hover a, .header-nav-list>li.active a{ color: #237dc8;}
.header-category{ background: #237dc8; height: 45px;}
.category-list{ height: 45px; overflow: hidden; font-size: 16px;}
.header-category .category-list li{ float: left; width: 110px; line-height: 45px; text-align: center;}
.header-category .category-list li.active{ background: #1b619b;}
.header-category .category-list li:hover{ background: #1b619b}
.header-category .category-list .cate-item a{ color: #fff; display: inline-block;}

/* home  main */
.banner-wrapper{ width: 100%; height: 660px; position: relative;}
.banner-wrapper .focus{ height: 660px;}
.banner-wrapper .focus_main{ max-width: 2560px; margin: 0 auto;}
.banner-wrapper .focus-slides-container{ height: 660px;}
.banner-wrapper .focus .focus-item{ width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center;}
.none{display: none}
/* bxSlider样式调整 */
.focus .bx-controls-direction .bx-prev, 
.focus .bx-controls-direction .bx-next{ width:40px; height:40px; background: url('../images/bxSlider.png') no-repeat;}
.focus .bx-controls-direction .bx-prev{ left: 0; top: 310px; background-position: 0 0;}
.focus .bx-controls-direction .bx-prev:hover{ background-position: 0 -44px;}
.focus .bx-controls-direction .bx-next{ right: 0; top: 310px; background-position: -56px 0;}
.focus .bx-controls-direction .bx-next:hover{ background-position: -56px -44px;}
.focus .bx-viewport{ left: 0!important; border: 0!important; box-shadow: none!important;}
/* 登陆框 */
.loginBox{ position: absolute; left: 50%; top: 0; margin: 0 0 0 -585px; width: 1170px; height: 660px;}
.loginBox_form{ position: absolute; right: 5px; top: 100px; width: 390px; height: auto; background: rgba(0,0,0,.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); }
.loginBox_form .form_con{ padding: 44px 32px 55px;}
.loginBox_form .form_con .title{ line-height: 24px; color: #fff; font-size: 18px; margin-bottom: 18px; text-align: center;}

.loginBox_form .form_con_bar{ margin-bottom: 15px; }
.loginBox_form .f_group{ height: 38px; line-height: 38px; margin-bottom: 15px; background: #fff; position: relative;}
.loginBox_form .f_group em{ position: absolute; left: 8px; top: 0; width: 40px; height: 38px; background-repeat: no-repeat; background-position: center; }
.loginBox_form .f_group .icon-person{ background-image: url('../images/lg_person.png')}
.loginBox_form .f_group .icon-clock{ background-image: url('../images/lg_clock.png')}
.loginBox_form .mdl_input{ width: 100%; height: 38px; line-height: 38px; border: 0; padding-left: 56px; font-size: 16px; color: #333; background: none; border: 1px solid #999;;}
.loginBox_form .mdl_input:focus{ border: 1px solid #0084f0; box-shadow: 1px 1px 3px rgba(40, 133, 209, .6) inset}
.f_group_checkCode{ width: 192px;}
.f_group_checkCode .mdl_input{ margin: 0; padding-left: 22px;}
.checkCode_pane{ position: absolute; right: 0; top: 0; width: 100px; height: 38px; line-height: 38px; background: #7d7d7d; font-size: 20px; color: #fff; font-weight: bold; text-align: center;}
.checkCode_pane:hover{ color: #fff;}
.forgetPsd{ color: #fff;}
.forgetPsd:hover{ text-decoration: underline; color: rgb(241, 240, 240);}
.l_g_btn{ display: block; width: 100%; height: 38px; line-height: 38px; text-align: center; color: #fff; font-size: 16px; background: #237dc8; border-radius: 2px;}
.l_g_btn:hover{ color: #fff;}
.signIn_b{ margin-bottom: 12px; margin-top: 17px;}
.signIn_b:hover{ background: #2885d1; color: #fff;}
.register_b{ background: #f27e64;}
.register_b:hover{ background: #f7856c;}
.sup_register_b, .pur_register_b{ background: #1cb9b7; display: inline-block; width: 47%;}
.sup_register_b:hover, .pur_register_b:hover{ background: #1dc2bf;}
.tips_bubble{ display: block; position: absolute; padding-bottom: 10px; bottom: 33px; left: 0; line-height: 1.2em;}
.tips_bubble b{ display: inline-block; font-weight: normal; padding: 10px 12px; background: rgba(0,0,0,.82);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8000000,endColorstr=#c8000000); border-radius: 3px; color: rgb(246, 246, 246); position: relative; z-index: 999;}
.tips_bubble:before{ content: ""; position: absolute; bottom: 3px; left: 11px; width: 18px; height: 10px; background: url('../images/tips_arr.png') no-repeat; opacity: .8; filter: alpha(opacify=80); z-index: 0}

/* 主营产品 */
.panel_title{ text-align: center;}
.panel_title img{ display: inline-block;}
.main-products{ background: #fff; padding-top: 100px;}
.main_product_list{ padding: 38px 0;}
.main_product_list .mp_item{ float: left; margin-right: 56px; width: 119px; height: 119px; text-align: center; cursor: pointer; position: relative;}
.main_product_list .mp_item.last_item{ margin-right: 0;}
.main_product_list .mp_item .circle_bg{ width: 119px; height: 119px; border-radius: 50%; background: url('../images/business_bg.png') no-repeat; background-position: -120px 0; box-shadow: 0 5px 16px rgba(0,0,0,.12); overflow: hidden;}
.main_product_list .mp_item.on .circle_bg{ background-position: 0 0;}
.main_product_list .mp_item .mpText{ display: block; font-size: 17px; letter-spacing: 1px; color: #999;}
.main_product_list .mp_item.on .mpText{ color: #fff;}
.main_product_list .mp_item .mpIcon{ display: block; margin: 10px auto 10px; width: 52px; height: 52px; background: url('../images/business.png') no-repeat;}
.main_product_list .mp-travel.on .mpIcon{ background-position: 0 0;}
.main_product_list .mp-flight.on .mpIcon{ background-position: 0 -52px;}
.main_product_list .mp-hotel.on .mpIcon{ background-position: 0 -104px;}
.main_product_list .mp-admission.on .mpIcon{ background-position: 0 -156px;}
.main_product_list .mp-visa.on .mpIcon{ background-position: 0 -208px;}
.main_product_list .mp-insurance.on .mpIcon{ background-position: 0 -260px;}
.main_product_list .mp-train.on .mpIcon{ background-position: 0 -312px;}
.main_product_list .mp-travel .mpIcon{ background-position: -52px 0;}
.main_product_list .mp-flight .mpIcon{ background-position: -52px -52px;}
.main_product_list .mp-hotel .mpIcon{ background-position: -52px -104px;}
.main_product_list .mp-admission .mpIcon{ background-position: -52px -156px;}
.main_product_list .mp-visa .mpIcon{ background-position: -52px -208px;}
.main_product_list .mp-insurance .mpIcon{ background-position: -52px -260px;}
.main_product_list .mp-train .mpIcon{ background-position: -52px -312px;}
.main_product_intro{ overflow: hidden; margin-bottom: 100px; padding-top: 46px; display: none;}
.main_product_intro.active{ display: block;}
.main_product_intro .pic_show{ position: relative; float: left; margin-left: 18px;}
.main_product_intro .pic_show .mp_img{ position: absolute; left: -18px; top: -18px;}
.main_product_intro .pic_show .border_bg{ width: 610px; height: 360px; border: 2px solid #c3e4ff;}
.main_product_intro .product_intro{ margin-left: 674px;}
.main_product_intro .product_intro .title{ font-size: 20px; color: #999; border-bottom: 1px solid #e4e4e4; position: relative; line-height: 1; padding-bottom: 10px;}
.main_product_intro .product_intro .title:before{ content: ""; position: absolute; width: 100px; height: 0; border-bottom: 2px solid #b5d4ed; left: 0; bottom: 0;}
.main_product_intro .product_intro .title b{ font-size: 25px; color: #555; font-weight: normal; display: inline-block; margin-right: 5px;}
.main_product_intro .p_intro_con{ padding: 22px 0 10px;}
.main_product_intro .p_intro_con p{ font-size: 20px; color: #999; margin-bottom: 13px;}
.platform_services{ height: 907px; background: url('../images/index_bg2.jpg') no-repeat; background-position: center;}
.platform_services_main .panel_title{ margin-bottom: 86px; padding-top: 50px;}
.services_con_intro{ position: relative;}
.services_con_intro .servicePic{ display: block; margin-left: -17px;}
.entry_process .panel_title{ padding-top: 82px; margin-bottom: 78px;}
.entry_process_chart .entry_step{ margin-bottom: 100px;}
.entry_process_chart .entry_step .chartIcon{ height: 150px; background-image: url('../images/entry_process.png'); background-repeat: no-repeat;}
.supplier_step .chartIcon{ background-position: 0 0;}
.distributor_step .chartIcon{ background-position: 0 -150px;}
.entry_process_chart .step_caption{ overflow: hidden; padding: 10px 0;} 
.entry_process_chart .step_caption .first_step{ width: 150px; margin-right: 142px;}
.entry_process_chart .step_caption .last_step{ margin-right: 0;}
.entry_process_chart .step_caption span{  float: left; width: 133px; font-size: 20px; text-align: center; margin-right: 113px; color: #f27e64;}
.distributor_step .step_caption span{  color: #237dc8;}



/* YZL footer */
.footer-wrapper{ background: #333; color: #fff;}
.footer-main{ height: 270px; overflow: hidden}
.ft-main-l{ margin-right: 110px; margin-top: 80px;}
.ft-main-l .icon-phone{ position: absolute; left: 10px; top: 0; width: 45px; height: 45px; background: url('../images/phone.png') no-repeat;}
.ft-main-l .service-con{ margin-left: 70px; position: relative;}
.ft-main-l .service-con b{ font-size: 18px; display: block; margin-bottom: 20px; line-height: 1.6em}
.ft-main-l .service-con b em{ font-size: 24px;}
.ft-main-l .service-con p{ font-size: 13px; line-height: 22px;}
.ft-main-links{ margin: 0 0 0 330px; margin-top: 70px; }
.ft-main-links li{ float: left; width: 170px; margin-right: 84px; border-right: 1px solid #585858;}
.ft-main-links li.noFrame{ margin: 0; border-right: 0;}
.ft-main-links li b{ line-height: 26px; display: block; font-size: 20px; font-weight: normal;}
.ft-main-links li b:before{ content: ""; float: left; margin: 8px 10px 0 0; height: 12px; width: 0; border-left: 3px solid #237dc8;}
.ft-main-links li p{ margin: 20px 0 0 16px;}
.ft-main-links li p a{ display: block; color: #c1c1c1; line-height: 32px;}
.ft-main-links li p a:hover{ color: #237dc8; }
.ft-main-follow{ position: absolute; right: 0; top: 73px; text-align: center}
.ft-main-follow p{ margin-top: 10px;}
.footer-bot{ height: 94px; background: #4f4f4f;}
.footer-bot .copyright{ padding: 23px 0;}
.footer-bot p{ color: #d2d2d2; line-height: 24px;}
.footer-bot p a{ color: #d2d2d2;}
.footer-bot p a:hover{ color: #fafafa; text-decoration: underline;}