/*----------------------------------------------------
*
*	  attach CSS FILE
*
-----------------------------------------------------*/

/*app*/
.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.cl{clear:both;}
.app_top_bg{background:url(../images/2/icon1.png) no-repeat left top;background-size:10% auto;padding:3% 5% 4% 12%;}
.app_top_l{width:32%;float:left;padding:0.3rem 0 0 0;}
.app_top_l_text{color:#666666;line-height:1.8;margin:0.65rem 0;}
.app_top_l_title{color:#333333;font-size:0.4rem;font-weight:bold;}
.app_top_l_eng{color:#999999;font-size:0.18rem;text-transform:uppercase;}
.app_top_r{width:31%;float:right;padding:0.1rem 5%;}
.app_top_r img{width:60%;}
.app_top_r_title{color:#111111;font-size:0.18rem;margin:0.3rem 0 -0.3rem 0;font-weight:bold;}
.app_top_r_line{border-right:dashed 1px #d0d0d0;}
.app_top_r_text{color:#666666;line-height:1.8;margin:0.5rem 0 0 0;}

.app_m_bg{background:#f0f0f0;position:relative;margin:0 0 5%;padding:0 0 28% 0;}
.app_m_t{text-align:center;padding:3% 0 2% 0;}
.app_m_text{color:#666666;font-size:0.18rem;}
.app_m_pic{width:26%;position:absolute;bottom:0;left:50%;transform: translate(-50%,17%);}
.app_m_l{width:40%;position:absolute;left:0;top:30%;padding:0 0 0 6%;color:#111111;font-size:0.16rem;}
.app_m_l_icon{width:28%;float:right;margin:0 0 0 4%;}
.app_m_l_icon img{width:100%;}
.app_m_l_title{color:#e21e32;font-size:0.3rem;font-weight:bold;padding:0.05rem 0;}
.app_m_l_title + div { font-size: .12rem; color: #565656; }
.app_m_l_k{padding:0 0 10% 0;overflow:hidden;}
.app_m_l_wz{width:68%;}
.app_m_r{width:40%;position:absolute;right:0;top:30%;padding:0 6% 0 0;color:#111111;font-size:0.16rem;}
.app_m_r_icon{width:28%;float:left;margin:0 4% 0 0;}
.app_m_r_icon img{width:100%;}

.swiper-w1{margin:0 8px 3% 8px;}
.app_solu_pic{padding:0 0 52% 0;display:block;position:relative;text-align:center;color:#fff;}
.app_solu_pic:hover{color:#fff!important;}
.app_solu_bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index: 5;opacity:0.9;}
.app_solu_nr{width:100%;position:absolute;top:50%;left:0;font-size:0.24rem;transform:translateY(-50%);z-index: 9;}
.app_solu_nr img{display: none;}

.app_case_bg{background:#f9f9fb;padding:0 0 1px 0;}
.app_case_pic img{width:100%;border:solid 5px #d0d0d0;border-bottom:none;border-radius:0.4rem 0.4rem 0 0;}
.app_case_icon{width:20%;margin:0 auto 0.05rem auto;}
.app_case_icon img{width:100%;}
.app_case_wz{padding:0.4rem 0 0.6rem 0;text-align:center;}
.app_case_text{color:#666;}
.swiper-w2{margin:1% 15px 0 15px;padding: 0 0 5% 0;}
.swiper-w2 .swiper-pagination-bullet {
    width: 0.6rem;
    height: 0.02rem;
    background: #dddddd;
    border-radius: 0px;
    opacity: 1;
}
.swiper-w2 .swiper-pagination-bullet-active{background:#e21e32;}

.app_zk{height:0.4rem;background:url(../images/2/bg1.jpg);}
.app_opera_bg{background:url(../images/2/icon10.png) no-repeat left top #f0f0f0;background-size:10% auto;padding:5% 5% 5% 12%;}
.app_opera_r{width:65%;float:right;background:#fff;padding:0.5rem;}
.app_opera_r li{width:30%;float:left;margin:0 5% 0 0;}
.app_opera_r li:nth-child(3n){margin-right:0;}
.app_opera_r_date{color:#999999;}
.app_opera_r_date span{color:#333333;}
.app_opera_r_title{color:#000000;font-size:0.2rem;font-weight:bold;line-height:0.3rem;height:0.6rem;overflow:hidden;margin:0.1rem 0 0 0;}
.app_opera_r_text{color:#666666;line-height:0.25rem;height:1rem;overflow:hidden;}
.app_opera_r_line{width:0.6rem;height:0.05rem;background:#e21e32;margin:0.3rem 0;}

/*小程序*/
.applet_top_bg{background:url(../images/2/bg2.png) no-repeat center bottom;}
.applet_top_eng{color:#d91f06;font-size:0.18rem;text-transform:uppercase;}
.applet_top_eng + p { margin: .1rem 0; color: #999; }
.applet_text{color:#666666;padding:0 15% 0 15%;}
.applet_about_list li{width:23.5%;margin:0 2% 0 0;float:left;border:solid 1px #b6b6b6;box-shadow:0.06rem 0.06rem 0 0 rgba(0,0,0,0.15);background:#fff;}
.applet_about_list li:nth-child(4n){margin-right:0;}
.applet_about_top{height:1.8rem;position:relative;}
.applet_about_bot{height:1.8rem;background:#f0f0f0;color:#111111;text-align:center;}
.applet_about_bot_t{font-size:0.24rem;padding:0.25rem 0;}
.applet_about_icon{width:1rem;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.applet_about_icon img{width:100%}
.applet_section{padding:3% 5%;overflow:hidden;}

.applet_why_mc_wrap { width: 33.33333333%; float: left; }
.applet_why_mc { text-align:center; margin: 0 auto; background-color: #FFF; width: 2.4rem; height: 2.4rem; border-radius: 100%; box-shadow: 0 .3rem .3rem rgba(119,214,182,0.4); padding: .5rem .3rem;}
@media (min-width: 1370px) {
	.applet_why_mc { width: 3.4rem; height: 3.4rem;  padding: 1rem .3rem;}
}
.applet_why_text{color:#999999;padding:0 20% 3% 20%;}
.applet_why_pic{padding:0 8% 8% 8%;position:relative;}
.applet_why_pic .clearfix { margin-top: -3rem; position: relative; z-index: 100;}
.applet_why_pic img{width:100%;}
.applet_why_nr2 { margin-top: 12.5%; }
.applet_why_line{width:1.1rem;height:1px;background:#d0d0d0;margin:0.1rem auto;}
.applet_why_text1{color:#e21e32;font-size:0.4rem;}
.applet_why_text2{color:#111111;font-size:0.3rem;}
.applet_why_text3{color:#111111;}
.applet_why_text4{color:#999999;}

.applet_advan{height:7.4rem; background-color: #f0f0f0; }
.applet_advan_line{}
.applet_advan_list { overflow: hidden; padding: 0 5%; }
.applet_advan_list li{width:25%;float:left;text-align:center;padding:0 3%;}
.applet_advan_list_title{font-size:0.3rem;padding:0.25rem 0;color:#121212;}
.applet_advan_list_text{color:#666;font-size:0.12rem;text-align:left;line-height:2;}
.applet_advan_list_top{width:1.3rem;height:1.3rem;border:solid 0.05rem #e21e32;margin:0 auto;border-radius:50%;}

.applet_solu{padding:0 0 20% 0;position:relative;}
.applet_solu_pic{height:0;padding:0 0 72% 0}
.applet_solu_nr{width:90%;position:absolute;left:5%;bottom:0;background:#fff;padding:0 10% 4% 10%;border-bottom:solid 0.04rem #e21e32;box-shadow:0.04rem 0.04rem 0 0 rgba(0,0,0,0.15); ;}
.applet_solu_title{color:#111111;font-size:0.24rem;padding:6% 0 2% 0;text-align:center;}
.applet_solu_text{color:#666666;line-height:0.25rem;height:0.5rem;overflow:hidden;}
.swiper-w3{padding:0 0.6rem 0 0.6rem;}
.swiper-w3 .swiper-ac-r { height: 100%; width: .6rem; color: #FFF; position: absolute; top: 0%; z-index: 1000; cursor: pointer;}
.swiper-w3 .swiper-ac-next { right: 0; background: #FFF url(../images/2/next.jpg) no-repeat 50% 50%; }
.swiper-w3 .swiper-ac-prev { left: 0; background: #FFF url(../images/2/prev.jpg) no-repeat 50% 50%;}

.swiper-w4{margin:0 5% 3% 5%;padding:0 0 5% 0;}

.applet-case-a { display: block; position: relative; }
	.applet-case-a .hv-a { position: absolute; z-index: 90; width: 100%; height: 100%;  background-color: rgba(255,255,255,.8); border: 1px solid #d91f06; left: 0; top: 0; opacity: 0; visibility: hidden;}
	.applet-case-a .hv-a img { width: 50%; display: block; margin: 15% auto;  }
	.applet-case-a:hover .hv-a { opacity: 1; visibility: visible; }

.applet_case_text1{color:#111111;font-size:0.18rem;}
.applet_case_text2{color:#999999;}
.applet_case_pic{padding:0 0 0.1rem 0;}
.applet_case_pic img{width:100%;}

.swiper-w4 .swiper-pagination-bullet{width:0.6rem;height:0.02rem;background:#dddddd;border-radius:0px;opacity:1;}
.swiper-w4 .swiper-pagination-bullet-active{background:#d91f06;opacity:1;}

/*ishop*/
.ishop_load_bg{background:#333333;padding:0 5%;}
.ishop_load_title{padding:3% 0 3% 0;text-align:center;}
.ishop_load_t{color:#fff;font-size:0.36rem;}
.ishop_load_text{color:#999999;font-size:0.16rem;}
.ishop_load_list{overflow:hidden;}
.ishop_load_list li{width:30%;float:left;margin:0 5% 5% 0;background:#2c2c2c;padding:3%;color:#aaaaaa;font-size:0.16rem;position:relative;}
.ishop_load_list li:nth-child(3n){margin-right:0;}
.ishop_load_list_r{width:45%;position:absolute;right:10%;top:50%;transform: translateY(-50%);}
.ishop_load_list_l{width:38%;float:left;}
.ishop_load_list_l img{width:100%;}

.ishop_hd_bg{background:#ff7800;padding:0 0 1px 0;}
.ishop_hd_line{height:1px;background:#eb6700;position:relative;margin:0.8rem 0 1.8rem 0;}
.ishop_hd_list{width:100%;position:absolute;left:0;top:0.24rem;padding:0 5%;overflow:hidden;transform:translateY(-50%)}
.ishop_hd_list li{width:10%;float:left;margin:0 2.14%;text-align:center;color:#fff;font-size:0.18rem;}
.ishop_hd_list_pic{width:100%;height:0;padding:0 0 100% 0;border-radius:50%;margin:0 0 0.2rem 0;}

.ishop_fx{width:56%;margin:0 auto;}
.ishop_fx img{width:100%;}
.ishop_fx_list{text-align:center;}
.ishop_fx_list li{display:inline-block;width:11.5%;margin:0 1.1% 4% 1.1%;text-align:center;padding:1.5% 1%;color:#999999;border:solid 1px #ff7800;}
.ishop_fx_list_text{color:#ff7800;font-size:0.16rem;font-weight: bold; padding:0 0 0.05rem 0;}
.ishop_fx_list_text + div { line-height: 1.5; height: 4.5em; overflow: hidden; }

.ishop_case_bg{background-color: #f4f4f4; padding:0 0 1px 0;}
.ishop_case_list{padding:0 5% 3% 5%;overflow:hidden;}
.ishop_case_list li{width:25%;float:left;padding:1%;position:relative;}
.ishop_case_list_pic{width:100%;height:0;padding:0 0 78.94736842105263% 0;}
.ishop_case_list_text{padding:5% 0 7% 0;color:#999999;font-size:0.16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
.ishop_case_list_bg{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(255,120,0,0.8);opacity:0;transition:all 0.3s}
.ishop_case_list_ewm{width:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.ishop_case_list_ewm img{width:100%;}

.ishop_case_list li:hover .ishop_case_list_bg{ opacity:1; transition:all 0.3s} 
.ishop_case_list_more{width:4rem;height:0.6rem;line-height:0.6rem;background:#ff7800;display:block;text-align:center;color:#fff;font-size:0.18rem;margin:0 auto 5% auto;}

.ishop_ds_bg{background:#e6e6e6;border-top:#ff7800 3px solid}
.ishop_ds_pic{width:63%;margin:0 auto;padding:1% 0 4% 0;}
.ishop_ds_pic img{width:100%;}


.wuyou-waiter{position: fixed; right: 0px; bottom:20%; margin-top: -90px; width: 60px; box-shadow: 0px 0px 20px rgba(0,0,0,.3); z-index: 999;}
.waiter-ul li{position: relative; height: 60px; line-height: 60px; border-bottom: 1px solid #fff;}
.waiter-ul li a{ position: absolute; left: 0; top: 0; z-index: 2; color: #fff; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; -webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; text-decoration: none; font-size: 24px;}
.waiter-ul li img{width: 100%;height: auto; vertical-align: top;}
.waiter-title{position: absolute; left: 0px; bottom: 1px; color: #fff; width: 130px; height: 40px; line-height: 40px; text-align: center;-webkit-transition:all 0.6s;-ms-transition:all 0.6s;-moz-transition:all 0.6s; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.3); z-index: 1; opacity: 0;}
.waiter-title:before{content: ''; display: block; width: 10px; height: 10px; position: absolute; right: -5px; top: 14px; background-color:#fff; transform:rotate(45deg);}
.waiter-ul li:hover .waiter-title{left: -138px; opacity: 1;}

.waiter-ul li.wuyou-shop a{background: #fff;}
.waiter-ul li.wuyou-shop:hover a{background: #e21e32;}
/*.waiter-ul li.wuyou-shop a:hover{background: #e21e32;}*/
.waiter-ul li.wuyou-shop .waiter-title{background-color:#e21e32; }
.waiter-ul li.wuyou-shop .waiter-title:before{background-color:#e21e32; }

.waiter-ul li.wuyou-contact a{background: #fff;border-bottom: #eee 1px solid;}
.waiter-ul li.wuyou-contact:hover a{background: #e21e32;}
/*.waiter-ul li.wuyou-contact a:hover{background: #e21e32;}*/
.waiter-ul li.wuyou-contact .waiter-title{background-color:#00b7ee; }
.waiter-ul li.wuyou-contact .waiter-title:before{background-color:#00b7ee; }

.waiter-ul li.wuyou-top a{background: #fff;}
.waiter-ul li.wuyou-top:hover a{background: #e21e32;}
/*.waiter-ul li.wuyou-top a:hover{background: #e21e32;}*/
.waiter-ul li.wuyou-top .waiter-title{background-color:#333; }
.waiter-ul li.wuyou-top .waiter-title:before{background-color:#333; }

.waiter-ul li.wuyou-er a{background: #fff;}
.waiter-ul li.wuyou-er:hover a{background: #e21e32;}
/*.waiter-ul li.wuyou-er a:hover{background: #e21e32;}*/
.waiter-ul li.wuyou-er .waiter-title{background-color:#e21e32;width: 200px;height: 200px; left: 0;bottom: 0;}
.waiter-ul li.wuyou-er .waiter-title img{width: 196px;height: 196px;margin-top: 2px;}
.waiter-ul li.wuyou-er .waiter-title:before{background-color:#e21e32;top:auto;bottom:20px; }
.waiter-ul li.wuyou-er:hover .waiter-title{left: -200px; opacity: 1;}