/* 公共样式部分 */
:root{font-size:4vw!important;}
*{margin:0; padding:0; box-sizing: border-box;}
ul,li,ol{list-style: none;margin:0;padding:0}
.clear_header{width:100%; height:14vw;}.flink{/* width: 72%; */ /* min-width: 1200px; */ margin: auto; color:#999; padding:10px 10px; padding-bottom:60px;}
.flink li{display: inline-block; line-height: 24px; color:#999;}
.flink li a{color:#999;}
.left{float:left!important;}
.right{float:right!important;}
.clear{clear:both; border:0!important; margin:0; padding:0;}
.hide-text-1{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden}
.hide-text-2{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden}
.hide-text-3{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden}
.gotop{transition: all 2s; opacity: 0;}
.gotop_show{transition: all 2s; opacity: 1;}
.red{color:red;}
.green{color:green;}
body{min-width:100%; background:#f5f5f5;}
/* 公共样式部分结束 */
header{transition:background-color 0.4s linear; width:100%; min-width:100vw; background:rgba(60,60,60,.1); height:14vw; /* -moz-box-shadow:0px 0px 7px #8C8C8C; -webkit-box-shadow:0px 0px 7px #8C8C8C; box-shadow:0px 0px 7px #8C8C8C; */ color:#d6d6d6; box-sizing:border-box; position: fixed; top:0; left:0; z-index: 1000;}
header a{color:#d6d6d6;}
header a:hover{color:#fff; opacity:1;}
header .logo{width:100%; height:100%;}
header .logo img{height:8vw; margin:3vw; position: relative;}
header .logo>div{display: inline-block; position: relative; margin-top:1.5rem; padding-left:1rem; border-left:1px s0lid rgba(255,255,255,.5);}
header .logo>div>i{font-size: 1.8rem; line-height: 2.4rem;}
header .logo>div>span{font-size: 1.1rem; line-height: 3rem; font-weight: bold;}
header .logo>div>em{background:#ff5b4a; padding:0 .5rem; font-size: .8rem; line-height: 3rem; cursor: pointer; letter-spacing: 0; color:#fff;}
header>nav{float:right; width: 100vw; height:90vw; background:#eee; height:0; overflow: hidden;}
header>nav>ul {padding-top:3rem;}
header>nav>ul>li{float:left;}
header>nav>ul>li>a{box-sizing:border-box; display: block; height:2.5rem;/* border:1px solid #ff4b50;*/ background:#ccc;border-radius:2rem; margin: .5rem;/* margin:2.5rem 0; */ line-height: 2.5rem; padding:0 .2rem; font-size: 0.858rem; position: relative; font-weight:normal; color:#666;}
header>nav>ul>li>a:hover{color:#f33414;}
header>nav>ul>li>a>img{width:1.4rem; position: relative;}
header>nav>ul>li>.active{background:rgba(255,255,255,.2); border-bottom:5px solid #fff; color:#fff;}

.nav_link{ text-align: center; vertical-align: middle; margin-top: 10px;font-size:1rem;color: #FFF; display:inline-table; }
.nav_link a{color: #FFF;	font-size:1rem;    display:inline-table;	background:#496def;    border-radius: 2rem;    line-height: 2rem;    padding: .5rem 2.5rem; margin:0 1.5rem;	text-align:center;}

.nav_link2{ text-align: center; vertical-align: middle; margin-top: 10px;font-size:1rem;color: #FFF;	 }
.nav_link2 a{color: #FFF;	font-size:1rem;    display:inline-table;	background:#f23414;    border-radius: 2rem;    line-height: 2rem;    padding: .5rem 2.5rem;    margin:0 1.5rem;	text-align:center;}



#Banner .swiper-container .swiper-slide img{width:100%; /* margin-left:-12%; */}
header>nav>ul>li:nth-child(-n+9){width:calc(100% / 3 - 0.2rem); text-align: center; display:inline-table; }
header>nav>ul>li:nth-child(-n+7)>a:after{content:""; display: block; width:1px; height:2rem; position: absolute; background:#4e4e4e; right:0; top:3rem;}
.istop{background:#fff; color:#666;}
.shadow{transition:background-color 0.4s linear; -moz-box-shadow:1px 1px 7px #949494; -webkit-box-shadow:1px 1px 7px #949494; box-shadow:1px 1px 7px #949494;}
/*.istop a{transition:background-color 0.4s linear; color:#666;}
.istop a:hover{color:#f33414;}*/
.istop nav ul li .active{transition:background-color 0.4s linear; color:#f33414; background: rgba(228,228,228,.2); border-bottom: 5px solid #f33414;}
.istop>nav>ul>li:nth-child(-n+7)>a:after{transition:background-color 0.4s linear; background:#f2f1f1;}
.istop .logo>div{transition:background-color 0.4s linear; border-left:1px solid #f2f1f1;}
header>nav>ul>li:nth-last-child(2)>a{box-sizing:border-box; display: block; height:3rem; line-height: 3rem; font-size: 1.2rem; background:#496def; margin:2.5rem 1rem; padding:0 2rem; color:#fff; font-weight: 600; border:0; border-radius: .2rem; font-size: 1rem;}
header>nav>ul>li:last-child>a{box-sizing:border-box; display: block; height:3rem; line-height: 3rem; font-size: 1.2rem; background:#ff5b4a; color:#fff; margin:2.5rem 1rem; padding:0 2rem; font-weight: 600; border:0; border-radius: .2rem; font-size: 1rem;}
header>nav>ul>li:last-child>a:hover,header>nav>ul>li:nth-last-child(2)>a:hover{color:#fff;}
/* 内容区域 */
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}


main{}
main>div>h3{text-align: center; margin-top:2rem; margin-bottom:1rem; font-size: 1.2rem; font-weight:normal;}
main>div>h3 i{width: 3rem;height: 1px;display: inline-block;border-bottom: 1px solid #ccc;margin:5px 10px;}
main>div>span{text-align: center; font-size: 1rem; display: block; /* margin-bottom:4rem; */ line-height: 2rem;}
/* 首屏Banner */
#Banner ul{position: relative; width:100%; overflow: hidden;}
#Banner ul li{width:120%; margin-left:10%; min-height:20rem; background:#222222;}
#Banner ul li img{width:100%;}
/* 首屏Banner */
/* 版本比较 */
.product{width:72%; min-width:100vw; margin:0 auto; /* padding-bottom:3rem; */}
.Y_huanan span{margin:.5rem 1rem; padding:0 2rem; color:#fff; border-radius: 50rem;}
.product span{width:80%; margin:auto; padding:.5rem 2rem; color:#fff; line-height: 1.5rem; border-radius: 50rem;}
.product span a{color:yellow;}
.product_view{width:100%; overflow-x: scroll;}
.product ul{width:240vw; position: relative; scroll-x:-80vw;}
.product ul li{transition:background-color 0.3s linear; width:calc(100% / 3 - 2%); margin-left:2%; float:left; background:#fff; margin-bottom:3rem; padding:2rem 1rem; text-align: center; border-radius: .2rem; border:1px solid #f3f3f3; position: relative; padding-top:2rem;}
@keyframes scaleDraw{/*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0%{transform: scale(1); /*开始为原始大小*/} 25%{transform: scale(1.15); /*放大1.1倍*/} 50%{transform: scale(1);} 75%{transform: scale(1.15);} 100%{transform: scale(1);}}
.product ul li:hover,.product ul .active{transition: all 0.5s; -moz-box-shadow:0px 0px 20px #C5C5C5; -webkit-box-shadow:0px 0px 20px #C5C5C5; box-shadow:0px 0px 20px #C5C5C5;}
.product ul .active .p_logo{-webkit-animation:scaleDraw 5s ease-in-out infinite;}
.product ul li:nth-child(3n){margin-right:0;}
.product ul li div>img{width:6rem; margin-bottom:2rem;}
.product ul li .zan{width:1.8rem; position: absolute; left:1rem; top:1rem; cursor: pointer;}
.product ul li .yiwen{width:1.8rem; position: absolute; right:1rem; top:1rem; cursor: pointer;}
.product ul li p{color:#999;}
.product ul li b{color:#f33414; display: block; font-size: 1.6rem; font-weight: 500; margin-bottom:1rem;}
.product ul li .shop{background:#f33414; color:#fff; display: block; font-size: 1.2rem; line-height: 3rem; width:80%; margin:0 auto; border-radius: 99rem;}
.product ul li:nth-child(2) .shop{background:#496def;}
.product ul li:nth-child(2) b{color:#496def;}
.product ul li:nth-child(3) .shop{background:#fcb832;}
.product ul li:nth-child(3) b{color:#fcb832;}
.product .more{display: block; line-height:2.6rem; padding:0 1rem; background:#496def; text-align: center; width:60%; margin:0 auto; border-radius: 99rem; font-size: 1.0rem; color:#fff;}
.gradient{background: linear-gradient(to 45deg, #ff8a3c, #ff3333); background: -webkit-linear-gradient(45deg, #ff8a3c, #ff3333); background: -moz-linear-gradient(45deg, #ff8a3c, #ff3333); background: -ms-linear-gradient(45deg, #ff8a3c, #ff3333); background: -o-linear-gradient(45deg, #ff8a3c, #ff3333);}
/* 版本比较 */
/* 邮箱优势 */
.mail_advantage{position: relative; overflow: hidden;}
.mail_advantage .content{width:100%; height:30rem; background:#ddd; position: relative; margin-top:-2rem; background:url(../images/mail_bg_1.jpg) no-repeat; background-size: 100% 100%; box-sizing:border-box; padding:2rem 0; overflow: hidden;}
.mail_advantage .content .swiper-slide{width:100%; height:48rem; overflow: hidden;}
.mail_advantage .swiper-slide .phone_ding{width:80%; margin:auto; display: block; position: absolute; left:10%; bottom:-10%;}
.mail_advantage .content .swiper-slide .right_box{width:90%; margin:auto; height:100%; /* background:rgba(255,255,255,.1); */}
.mail_advantage .content .swiper-slide .right_box .text{text-align: left; color:#fff;}
.mail_advantage .content .swiper-slide .right_box .text li{margin:.5rem; font-size: 1rem; position: relative;}
.mail_advantage .content .swiper-slide .right_box .text li h4{font-weight: normal; font-size: 1.2rem;}
.mail_advantage .content .swiper-slide .right_box .text li p{color:#d2d2d2;}
.mail_advantage .content .swiper-slide .right_box .text li:after{content:""; position: absolute; display: block; width:20px; height:20px; right:-3rem; top:1rem; border-width: 20px; border-style: solid; border-color: transparent #fff transparent transparent;}
.mail_advantage .content .swiper-slide .right_box .tuwen{background:rgba(255,255,255,.5); height:15rem;}
.mail_advantage .content .swiper-slide .right_box .tuwen li{float:left; width:calc(100% / 4); float:left; text-align: center; padding:2rem 0; position: relative; height:100%;}
.mail_advantage .content .swiper-slide .right_box .tuwen li p{font-size: 2rem; color:#fff; margin-bottom:0; position: absolute; bottom:2rem; left:0; width:100%;}
/* 邮箱功能 */
.gongneng{}
.gongneng .gongneng_main{width:72%; min-width: 100vw; margin:0 auto;}
.gongneng_nav{width:100%; font-size: 1.5rem; border-bottom:.6rem solid #fb5758;}
.gongneng_nav li:first-child a,.gongneng_nav li:nth-child(2) a{border-right:1px solid #fff;}
.gongneng_nav li .active{color:#fb5758; background:#fff;}
.gongneng_nav li .disabled{color:#fb5758; background:rgba(0,0,0,0)}
.gongneng_nav li a{float:left; box-sizing: border-box; font-size: .8rem; padding:1rem .5rem; background:#f9f9f9;}
.gongneng_nav li a{color:#666;}
.gongneng_container{width:100%; height:56rem; background:#fff;}
.gongneng_container ul{width:100%; height:100%; position: relative;}
.gongneng_container>ul>li{width:100%; height:100%; position: absolute; top:0; left:0; display: none;}
.gongneng_container>ul>.active{display:block;}
.gongneng_container>ul>li>ol{width:100%; height:100%; position: relative; overflow: hidden;}
.gongneng_container>ul>li>ol p{color:#999;}
.gongneng_container>ul>li>ol>li:first-child p{color:#fff;}
.gongneng_container>ul>li>ol>li{float:left; width:calc(100% / 2 - 1.2rem); margin-left:.8rem; margin-top:.6rem; padding:2rem 2rem; background:#f9f9f9; text-align: center; cursor: pointer;}
.gongneng_container>ul>li>ol>li:not(:first-child) p{height:0; overflow: hidden;}
.gongneng_container>ul>li>ol>li:not(:first-child):hover{transition: all 0.5s; -moz-box-shadow:0px 0px 20px #C5C5C5; -webkit-box-shadow:0px 0px 20px #C5C5C5; box-shadow:0px 0px 20px #C5C5C5;}
.gongneng_container ul li ol li img{width:100%;}
.gongneng_container>ul>li>ol>li:first-child{height:auto; width:100%; background:#496def; margin:0; color:#fff;}
.gongneng_container>ul>li>ol>li:first-child img{width:8rem;}
/* 截断横幅 */
.jieduan{width:100%; overflow: hidden;}
.jieduan img{width:170%; position: relative; margin-left:-35%;}
/* 首页加盟 */
.H_join{background: url(../images/join_bg.jpg) no-repeat #e24434; background-size: 560% 100%; color: #fff; box-sizing: border-box; margin-top:2rem; padding:1px .5rem;}
.H_join img{width:100%;}
.H_join .v_content h3{line-height: 3rem; font-size: 1.5rem; text-align: center; color:rgba(255,255,255,.5)}
.H_join .f li{width:calc(100% - 1rem); /* margin-right:4%; */ /* float: left; */ /* background:rgba(255,255,255,.05); */ /* height:12rem; */ margin-bottom:1rem; padding:.5rem;}
.H_join .f li:not(:last-child){border-bottom:1px solid #999;}
.H_join .f li:nth-child(2n){margin-right:0;}
.H_join .f li h5{font-size: 1.8rem; line-height: 3.6rem;}
.H_join .f li p{color:rgba(255,255,255,.5);}
.H_join .t li{width:calc(100% / 3); float:left; text-align: center; position: relative; font-size: .8rem; padding:0 1rem;}
.H_join .t li img{width:6rem;}
.H_join .t li h5{font-size: 1rem;}
.H_join .t li p{color:#999;}
/* .H_join .t li:not(:nth-child(3n)):after{content:""; display: block; width:6rem; height:6rem; background: url("../images/Join_next.png") no-repeat; background-size: 100%; position: absolute; right:-4rem; top:2rem;} */
.H_join .join_B{text-align: center;}
.H_join .join_button{line-height: 3rem; display:inline-block; margin:auto; padding:0 2rem; background:rgba(0,0,0,.08); border:1px solid #fff; color:#fff;}
/* 汇华六心服务 */
.huihualiuxin .content{min-width: 100vw; background:url(../images/liuxin_bg.jpg) no-repeat; background-size: 100%; padding-top:1px; min-height:42rem; /* padding-bottom:4rem; */}
.huihualiuxin .content .liuxin{width:72%; min-width: 100vw; margin:auto;}
.huihualiuxin .content .liuxin li{width:100%; /* margin-right:4.5%; */ margin-bottom:.5rem; float:left; background:rgba(255,255,255,.5); padding:.5rem 3rem; border-radius: .5rem;}
.huihualiuxin .content .liuxin li:nth-child(3n){margin-right:0;}
.huihualiuxin .content .liuxin li h4{font-size: 1.6rem; display: inline-block; line-height: 4rem;}
.huihualiuxin .content .liuxin li img{position: relative; margin-top:-1rem;}
.huihualiuxin .content .xiangce{width:72%; min-width: 100vw; margin:auto; margin-top:1rem; position: relative;}
.huihualiuxin .content .xiangce>.next{position: absolute; top:20%; right:-8rem;}
.huihualiuxin .content .xiangce>.prev{position: absolute; top:20%; left:-8rem;}
/* .huihualiuxin .content .xiangce:before{content:""; display:block; height:100%; width:2rem; background:url("../images/xiangce/left.png") no-repeat; background-size: 100% 100%; position: absolute; top:0; left:0; z-index: 9;}
.huihualiuxin .content .xiangce:after{content:""; display:block; height:100%; width:2rem; background:url("../images/xiangce/right.png") no-repeat; background-size: 100% 100%; position: absolute; top:0; right:0; z-index: 9;} */
.huihualiuxin .content .xiangce .swiper-container>div>.swiper-slide{margin:0 .1rem; background:#fff;}
.huihualiuxin .content .xiangce .swiper-container>div>.swiper-slide img{width:100%; border:8px solid #fff; border-radius:10px;}
/* 客户案例 */
.case{/* padding-bottom:3rem; */}
.case .content{width: 98vw; margin-left:1vw; /* min-height: 30rem; */ margin:1rem auto; -moz-box-shadow:0px 0px 20px #C5C5C5; -webkit-box-shadow:0px 0px 20px #C5C5C5; box-shadow:0px 0px 20px #C5C5C5; position: relative; box-sizing: border-box;}
.case .content>.next{position: absolute; top:40%; right:-8rem;}
.case .content>.prev{position: absolute; top:40%; left:-8rem;}
.case .content .swiper-slide{background:#eee; padding-bottom:1px; overflow: auto;}
.case .content .swiper-slide>li>a>img{width:100%; height:100%;}
.case .content .case_list_show ul{overflow: hidden; margin:0; padding:0;}
.case .content .case_list_show ul li{width:calc(100% / 4 - 1.25px); margin-left:1px; margin-top:1px; float:left; cursor: pointer; background:#fff;}
.case .content .case_list_show ul li:hover img{opacity: .5;}
.case .content .case_list_show ul li img{width:100%; opacity: 1;}
/* 关于汇华 */
.about .content{width:72%; min-width: 100vw; margin:auto; /* padding-bottom:4rem; */}
.about .content .msg{width:100%; background:#fff; padding:2rem 1rem .5rem 1rem; font-size: 1rem; line-height:3rem;}
.about .content .msg>img{float:left; width:24%; margin-right:1rem;}
.about .content .msg p{/* float:right; */ display:block; /* width:81%; */ color:#6b6b6b; position: relative; margin-top:-1rem;}
.about .content .news_A{margin-top:.5rem;}
.about .content .news_A h4{font-size: 1.5rem; /* font-weight: bold; */ line-height: 3rem; padding:0 1rem;}
.about .content .news_A ul{width:100%; min-height:20rem; background: #fbfbfb; padding:1rem; font-size:1rem;}
.about .content .news_A ul li{line-height: 4rem; font-size: .8rem; color:#737373;}
.about .content .news_A ul li a{font-size: .8rem; color:#737373;font-size:1rem;}
.about .content .news_A ul li:not(:last-child){border-bottom:1px solid #e8e8e8;}
.about .content .news_A ul li p{padding:0; margin-bottom:0; font-size:1rem;}
.about .content .news_A ul li em{color:#33d2ea; font-weight: 600;}
.about .content .news_A ul li span{float:right;}
.about .content .news_A .news{/* width:38%; */ min-height:20rem; float:right;}
.about .content .news_A .answer ul li a{color:#737373; /* width: 60%; */ /* float:left; */ display: block; width:100%;}
.about .content .news_A .answer ul li a h3{padding:0; width:80%; float:left; font-size: 1rem; line-height: 4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; padding-bottom:0;}
.about .content .news_A .news ul li:first-child{height:12rem; position: relative;}
.about .content .news_A .news ul li:first-child img{width:100%; height:100%;}
.about .content .news_A .news ul li:first-child p{position: relative; margin-top:-4rem; padding:0 2rem; color:#fff; line-height: 3rem; height:3rem; font-size: 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden}
.about .content .news_A .answer{/* width:60%; */ width:100vw; min-height:20rem; float:left;}
/* 页脚区域开始 */
footer .top{background:#383838; color:#eee; padding:0;}
footer .content{padding:1rem; margin:auto;}
footer .top .content .left{width:60%; /* padding:0rem; */}
footer .top .content .left p{font-size: 1.2rem; position: relative; margin-top:.5rem;}
footer .top .content .left img{float:left; height:3rem; position: relative; margin-right:1rem; margin-top:.8rem;}
footer .top .content .right_b{width:40%;}
footer .top .content .right a{line-height:2.6rem; display: block; border-radius: 5px; border:1px solid #fff; padding:0 1rem; text-align: center; font-size: .8rem; color:#fff; margin:1rem 0;}
footer .top .content .right a:hover{color:#33d2ea; border:1px solid #33d2ea;}
footer hr{background:#757575; margin-bottom:.2rem;}
footer .bottom{background:#1a1a1a; color:#929292; font-size: 1.2rem; /* padding-bottom:6rem; */}
footer .bottom h4{color:#fff; font-size: 1.2rem;}
footer .bottom h4:not(:first-child){margin-top:1rem;}
footer .bottom a{color:#868686;}
footer .bottom a:hover{color:#33d2ea;}
footer .bottom p{line-height: 2rem; font-size: 1rem;}
footer .bottom ul>li>p>img{width:100%;}
footer .bottom ul{padding:1rem 0 1px 0;}
footer .bottom ul>p{color:#868686;}
footer .bottom ul>p>a{color:#868686;}
footer .bottom ul li{list-style: none; /* width:24%; */ float:left;}
footer .bottom ul li:first-child{}
/* 悬浮区域内容 */
.left_nav{position: fixed; top:70%; right:1rem; z-index: 999;}
.left_nav>ul>li>a{width:4rem; height:4rem; background:rgba(0,0,0,.5); display: block; position: relative; border-radius: 50%; margin-bottom:1rem; padding:1.1rem 0 0 1.1rem;}
.left_nav>ul>li>a img{width:60%; line-height: 4rem;}
.left_nav>ul>li>a:hover{transition: all 1s; background:#f00}
.phone_box{position: absolute; width:16rem; left:-17rem; top:1rem; color:#fff; background:#222222; box-sizing: border-box; padding:1rem; line-height: 2.4rem; border-radius: 5px; transition: all 1s; opacity: 1;}
.phone_box a{font-size: 1.5rem; font-weight: bold; color:#fff;}
.phone_box::after{content:""; display: block; width:1rem; height:1rem; border:1rem solid #222222; border-color: transparent transparent transparent #222222; position: absolute; right:-2rem; top:40%;}
.hide{transition:all 1s; opacity: 0;}
.page_main{width:72%; min-height: 600px; min-width: 100vw; margin:auto;}
/* 面包屑导航 */
.Crumbs{/* background:#ffffff80; */ margin:.5rem 0; padding:0 1rem; color:#666;}
.Crumbs a{color:#666;}
.Crumbs ul li,.Crumbs ul h4{display: inline-block; font-size: 1.2rem; line-height: 2.4rem;}
.goods_info h2{font-size: 1.5rem;}
.goods_info h3{font-size: 1.2rem;}
/* 文章内页 */
#mainer{/* margin-bottom:2rem; */}
.list_main_box{/* width:75%; */ background:#fff; padding:0 1rem 2rem 1rem;}
.list_main_box .content video{width:100%;}
.thd{line-height:2.4rem; font-size: 1.5rem; margin:2rem auto;}
.thd font{line-height: 1.8rem; font-size: 1rem;}
.next_map{line-height: 2rem; margin:2rem 0;}
.pro_rec1 ol li{line-height: 3rem; font-size: 1.2rem; color:#666; width:48%; float: left; margin-right:2%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden}
.pro_rec1 ol li a{color:#333;}
.page_right{/* width:24%; */ float:right; padding:1rem; background:#fff;}
.page_right h4{margin-top:2rem;}
.page_right .dinggou ul li img{width:100%; margin-bottom:1rem;}
.page_right .dinggou ul li:last-child img{margin-bottom:0rem;}
.page_right .wenda ul li{width:100%; text-align: right; line-height: 2.4rem; padding:0 1rem;}
.page_right .wenda ul li a{text-align: left; width:90%; float:left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; color:#333;}
.page_right .wenda ul li a:hover{color:#496def}
.content_main{background:#f3f3f3; padding:1rem; color:#333;}
.content_main img{max-width:100%; height:auto;}
/* 图文 */
.arclist>h2{letter-spacing: .5rem; font-size: 1.5rem;}
.arclist h3{text-transform:Uppercase; font-weight: normal; font-size: 1.2rem;}
.arclist ul li:nth-child(odd){background:#fdfdfd;}
.arclist ul li h4{text-align: left; font-size: 1.2rem;}
.arclist ul li h4 font{float:right; font-weight: normal; font-size: 1rem; color:#fff; background:#496def; position: absolute; right:1rem; top:1rem; padding:0.2rem .5rem;}
.arclist ul li span{color:#8a8a8a;}
.arclist ul li{border-bottom:1px solid #eee; position: relative;}
.arclist ul li:nth-child(-n+3) h4:before{content:"NEW"; display:inline-block; background: #496def; color:#fff; padding:0 .5rem; margin-right:1rem;}
.arclist ul li a{color:#333; display: block; padding:0rem;}
.arclist ul li:hover{background:#f8f8f8; border-bottom:3px solid #496def;}
.arclist ul li a:hover{color:#496def; text-decoration:none;}
.arclist ul li:last-child,.abmlist ul li:last-child{margin-bottom:2rem;}
.abmlist>h2{letter-spacing: .5rem; font-size: 1.5rem;}
.abmlist h3{text-transform:Uppercase; font-weight: normal; font-size: 1.2rem;}
.abmlist ul li{position: relative;}
.abmlist ul li img{width:100%;}
.abmlist ul li:nth-child(odd){background:#fdfdfd;}
.abmlist ul li h4{text-align: left; line-height: 3rem; font-size: 1.2rem;}
.abmlist ul li h4 font{float:right; font-weight: normal; font-size: 1rem; color:#fff; background:#496def; line-height: 1.5rem; position: absolute; display:block; right:1rem; top:1rem; padding:0.2rem .5rem;}
.abmlist ul li span{color:#666;}
.abmlist ul li{border-bottom:1px solid #eee;}
.abmlist ul li a{color:#333; display: block; /* padding:1rem; */}
.abmlist ul li:hover{background:#f8f8f8; border-bottom:3px solid #496def;}
.abmlist ul li a:hover{color:#496def; text-decoration:none;}
.abmlist ul li:last-child,.abmlist ul li:last-child{margin-bottom:2rem;}
/* 分页按钮 */
.page a{display: block; padding:0 20px; height:40px; line-height: 40px; text-align: center; background:var(--fisrt_color); color:var(--fourth_color); float: left; margin-right:10px;} .page a:hover{opacity: .5;} .page_rows{line-height: 40px; color:#ddd;} .page_rows::before{content:"当前页:"} .page_rows::after{content:"总页数"} .page .first::before{content:"首页"} .page .next::before{content:"下一页"} .page .last::before{content:"末尾"} .page .prev::before{content:"上一页"} .page .selected{background: #496def; color:#fff;} /* 分页按钮 */ .contact_banner img{width:100%;} .shouquan{background:#444444; padding:1px; padding-bottom:1rem; color:#fff;} .contact_zizhi{padding:0 1rem; position: relative;} .contact_zizhi img{width:100%; min-height:16rem;}
.contact_zizhi .swiper-slide>a{display: block; position: relative; width:50%; height:100%; float: left;}
.contact_zizhi p{display: block; position: relative; width:50%; height:100%; float: left; color:#666; padding:2rem;}
.contact_zizhi .swiper-slide{background:#fff;}
.contact_zizhi .swiper-slide:last-child{background:#ffffff00;}
.contact_zizhi .swiper-slide:last-child a{width:100%; float: right;}
.shouquan .content{width:72%; min-width: 100vw; margin:auto;}
.content_contact{background:url(../images/contact_map_bg.jpg) no-repeat #fff; background-size: 100%; width:72%; min-width: 100vw; margin:auto; padding:1rem; /* margin-bottom:3rem; */}
.content_contact p{line-height: 2rem;}
.content_contact h4 a{float: right;}
.contact_xiangce ul li{/* width:calc(100% / 3 - .5rem); */ /* margin-right:.75rem; */ /* float:left; */}
.contact_xiangce ul li img{margin-bottom:.75rem;}
.contact_xiangce ul li:nth-child(3n){margin-right:0;}
/* 优惠活动列表展示 */
.prolist_Discount a{color:#666;}
.prolist_Discount h2{padding-top:2rem; font-size: 1.4rem; color:#333; font-weight: normal;}
.prolist_Discount h3{font-size: 1rem; color:#999; font-weight: normal;}
.prolist_Discount h4{color:#333; font-size: 1.2rem;}
.prolist_Discount ul li p{line-height: 1.6rem; /* height:5.6rem; */ color:#999;}
.prolist_Discount ul li a{transition: all .5S; line-height: 3rem; padding:0 2rem; border:1px solid #ff5b4a; color:#ff5b4a; display: inline-block;}
.prolist_Discount ul li:hover a{transition: all .5S; background:#ff5b4a; color:#fff;}
.prolist_Discount img{width:30%;}
.prolist_Discount ul li{display:block; padding:1rem 0; cursor: pointer;}
.prolist_Discount ul li:hover{transition: all .5S; background: #f9f9f9;}
.badge-danger{background: #ff5b4a;}
.prolist_Discount ul li .right_box{width:66%;}
.prolist_Discount ul li h4 span{}
.v_content{/* width:72%; min-width: 100vw; */ margin:auto;}
.V_gongneng{background:#fff; padding:1px ;}
.V_gongneng:nth-child(0){margin-top:2rem;}
.V_gongneng ul{text-align: center; padding: 0.5rem;}
.V_gongneng ul li{display: inline-block; text-align: center;}
.V_gongneng ul li a{line-height: 3rem; padding:0 2rem; display: block; color:#666;}
.V_gongneng ul li .active{border-bottom:3px solid #496def;}
/* 优惠券详情页 */
.pic{width:100%; position: relative; margin-bottom:.5rem;}
.pic img{width:100%;}
#thumblist{padding-top:1rem; position: relative; width:92vw;}
#thumblist li a img{max-width: 100%; margin-right: .5%; /* opacity: .5; */ float: left;}
#thumblist li:nth-child(5n) a img{margin-right: 0;}
#thumblist li a img:hover{opacity: 1;}
.guide{/* width:52%; */ font-size: 1rem; color:#666;}
.guide .hd span{color:#666;}
.guide>span{color:#f34b4b; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden}
.guide .hd{font-size: 1.5rem; line-height: 3rem; margin-bottom:.5rem; color:#333;}
.guide .hd span{color:#fff;}
.guide>dt>a{display: inline-block; line-height: 3rem; padding:0 2rem; margin-top:2rem; background:#31bd4f; color:#fff;}
.guide>dt>.youhui{background:#ff5b4a;}
.popup_tieba{background-position: 0px -728px;}
.list_48{padding-top:2rem;}
.pro_rec_box{margin-top:2rem; padding-top:1rem; border:#f9f9f9 solid 1px 0 1px 0;}
.pro_rec_box h2{font-size: 1.5rem;}
.pro_rec_box h3{font-size: 1.2rem;}
.list_48{padding:0;}
.list_48 li{width:calc(100% / 3 - 2%); margin-right:3%; float: left; position: relative;}
.list_48 li:nth-child(3n){margin-right:0;}
.list_48 li img{width:100%;}
.list_48 li a{color:#666;}
.list_48 li dd a{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden}
.prolist h2{font-size: 1.5rem; padding-top:2rem;}
.prolist h3{font-size: 1.2rem; padding-bottom:1rem; font-weight: normal;}
/* 表单弹窗 */
.from{position: relative; top:0; left:0; width:100vw; /* height:100vh; */ /* background: #fff; */ /* z-index: 9999; */ /* -moz-box-shadow:0px 0px 6px #A6A6A6; -webkit-box-shadow:0px 0px 6px #A6A6A6; box-shadow:0px 0px 6px #A6A6A6; */ /* border-bottom:6px solid #ff5b4a; */ border-top:6px solid #ff5b4a; padding:2rem 1rem; /* display: none; */}
.from h4{font-size: 1.2rem;}
.from ul li{width:50%; float: left; margin: .5rem 0;}
.from .form-control{width:90%;}
.from textarea{width:95%!important; height:6rem;}
.from .yzm{display: inline-block; width:8rem;}
.from img{cursor: pointer;}
.from button{margin-top:1rem; line-height: 2.4rem; padding:0 3rem; font-size: 1.2rem; background:#ff5b4a; color:#fff; border:0; cursor: pointer;}
.from> form a{display: inline-block; margin-top:1rem; line-height: 2.4rem; padding:0 3rem; font-size: 1.2rem; background: #fff; border:1px solid #31bd4f; color:#31bd4f;}
.from .from_call{background: #fff; border:1px solid #ff5b4a; color:#ff5b4a;}
.from .lock{background:#ddd;}
.from .unlock{background:#ff5b4a;}
.v_dingding .v_content .f>li{width:calc(100% / 2 - 1%); margin-right:2%; float: left; border:1px solid #eee; position: relative;}
.v_dingding .v_content .f>li:nth-child(2n){margin-right:0;}
.v_dingding .v_content .f>li>div{margin-bottom:2rem; text-align: left; padding:0 .5rem;}
.v_dingding .v_content .f>li>div:first-child{padding:1rem; position: relative; border-bottom:1px solid #ddd; text-align: center;}
.v_dingding .v_content .f>li>div:first-child>h4{font-size: 1.2rem;}
.v_dingding .v_content .f>li>div:first-child:before{content:""; display: block; width:2rem; height:2rem; border:1px solid #ddd; background:#fff; border-width: 0 1px 1px 0; transform: rotate(45deg); position: absolute; left:50%; margin-left:-1rem; bottom:-1rem;}
.v_dingding .v_content .f>li>div:first-child img{width:100%;}
.v_dingding .v_content .f>li>div>div{width:100%; float: left; border:1px solid #faf9f9; position: relative; padding:1rem .5rem; height:12em; line-height: 2rem; background:#faf9f9; margin-bottom:1rem;}
.v_dingding .v_content .f>li>div>div:nth-child(2n+1){margin-right:0;}
.v_dingding .v_content .f>li>div>h5{line-height: 2.4rem; height:4.8rem; padding-left:1rem; position: relative;}
.v_dingding .v_content .f>li>div>h5:before{content:""; display: block; width:3px; height:2rem; background: #33d2ea; position: absolute; left:0; top:.5rem;}
.v_dingding .v_content .f>li>div>div>img{margin-top:-.5rem;}
.v_dingding .v_content .f>li>div>div:nth-child(even){color:#999; background:#f5f5f5;}
.v_guanli .f{background:#f9f9f9; /* margin-bottom:2rem; */}
.v_guanli .f li{width:calc(100% / 3); float:left; position: relative; padding:.5rem; box-sizing: border-box; display: block;}
.v_guanli .f li h4{font-size: 1.2rem;}
.v_guanli .f li img{width:4rem; margin-bottom:1rem;}
.v_guanli .f li span{color:#999;}
.v_guanli .s li{width:100%; float:left; position: relative; padding:1rem 0rem 1rem 1rem; box-sizing: border-box; display: block; text-align: left; border-bottom:1px solid #eeeeee; /* height:10rem; */}
.v_guanli .s li h5{line-height: 2.4rem; font-size: 1rem; position: relative; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden}
.v_guanli .s li h5::before{content:""; display: block; width:3px; height:2rem; background: #33d2ea; position: absolute; left:-1rem; top:.5rem;}
.v_guanli .s li span{color:#a3a3a3;}
.goumai{background:#ff5b4a; color:#fff; padding:2rem; text-align: center;}
.goumai a{line-height: 3rem; display:inline-block; border:1px solid #fff; color:#fff; padding:0 3rem; border-radius: .3rem;}
.goumai h4{font-size:1.6rem;}
.goumai span{/* font-size: 1.5rem; */ margin-bottom:1rem;}
.y_youshi{width: 100%; background: #fff; padding:1px; margin-top:3px;}
.y_youshi .f li{width:calc(100% / 3); float: left; /* height:19rem; */ padding:1rem; text-align:center; letter-spacing: 0; cursor: pointer;}
.y_youshi .f li h5{font-size: 1.8rem;}
.y_youshi .f li:not(:nth-child(3n)){border:1px solid #ddd; border-width:0 1px 1px 0;}
.y_youshi .f li:nth-child(3n){border:1px solid #ddd; border-width:0 0 1px 0;}
.y_youshi .f li:hover{transition: all 2s; background:#fff; -moz-box-shadow:0px 0px 10px #9C9C9C; -webkit-box-shadow:0px 0px 10px #9C9C9C; box-shadow:0px 0px 10px #9C9C9C;}
.y_youshi .f li:not(:nth-child(-n+6)){border-bottom:0px;}
.y_youshi .f li:hover p{transition: all .5s; height:4.5rem;}
.y_youshi .f li:hover img{transition: all .5s; margin-top:-1rem;}
.y_youshi .f li p{margin-top:.5rem; line-height: 1.5rem; height:0rem; color:#999; overflow: hidden;}
.y_youshi .f li h4{font-size: 1.2rem; margin-top:1rem;}
.y_youshi .f li img{width:4rem;}
.join_banner{width:100%; position: relative; overflow: hidden; height:16rem;}
.join_banner img{width:180%; position: absolute; top:0; left:-40%;}
.chaxun .search{background:#fff; position: relative; margin-top:-7rem; -moz-box-shadow:0px 0px 14px #e8e1e1; -webkit-box-shadow:0px 0px 14px #e8e1e1; box-shadow:0px 0px 14px #e8e1e1; padding:1rem 1rem; border-radius: .5rem;}
.chaxun .search h4{line-height: 3rem;}
.chaxun .search span{float:right; color:#999;}
.chaxun .search_b input{height:2.6rem; width:70%; border:1px solid #496def; box-sizing: border-box; background:#fbfbfb; padding:0 .5rem;}
.chaxun .search_b a{background:#496def; color:#fff; display:block; width:30%; font-size: 1rem; line-height: 2.6rem; text-align: center; float:right;}
.chaxun .search_b a img{width:1.2rem; position: relative; margin-top:-.2rem;}
.chaxun .search_b{/* margin:1.5rem 0; */ position: relative;}
.join_list .f li{background: #fff; padding:.5rem; margin-bottom:1rem; background:url(../images/join_list_bg.png) no-repeat #fff; background-size: 100%;}
.join_list .f li div{width:calc(78% - 2rem);}
.join_list .f li>img{width:26%; margin-right:.5rem; display: block;}
.join_list .f li h4{font-size: 1.2rem;
padding-left:.5rem;
/* display: inline-block; */}
.join_list .f li h4 img{width:1.6rem; display: inline-block;}
.join_list .f li p{font-size:.8rem; color:#999; /* line-height: 2.4rem; */}
.join_youshi .f li{/* width:calc(100% / 4 - 3%); */ margin:.5rem; float:left; text-align: center; border:1px solid #ddd; padding:2rem; cursor: pointer; background:#fff;}
.join_youshi .f li:nth-child(4n){margin-right:0;}
.join_youshi .f li p{color:#999; line-height: 2rem; /* height:6rem; */}
.join_youshi .f li:hover{transition: all .5s; background:#fff;}
.join_liucheng .t li{width:calc(100% / 3); float: left; text-align: center; position: relative;}
.join_liucheng .t li{padding:1rem;}
.join_liucheng .t li img{background: #ff5b4a; border-radius: 50%; padding:.3rem; width:4rem; margin-bottom:2rem;}
.join_liucheng .t li h5{font-size: 1rem; line-height: 2rem;}
.join_liucheng .t li p{color:#999; font-size: .8rem;}
/* .join_liucheng .t li:not(:nth-child(3n)):after{content:""; width:4rem; height:4rem; background:url(../images/Join_next.png)no-repeat; background-size: 100%; position: absolute; top:3rem; right:-3rem;} */
.join_last{text-align: center; position: relative; height:10rem;}
.join_last img{width:100%;}
.join_last a{position: absolute; border:3px solid #fff; color:#fff; line-height: 3rem; font-size: 1.4rem; padding:0 2rem; left:50%; width:14rem; top:50%; margin-top:-1.5rem; margin-left:-7rem;}
.join_last .zhezhao{width:100%; height:100%; position: absolute; left:0; top: 0; background:rgb(0, 123, 255)}
.Y_huanan{position: relative; margin-top: -7rem; border:1px;}
.Y_huanan .f li{/* width:calc(100% / 4); */ /* float: left; */ /* text-align: left; */ /* padding:2rem; */ margin:0 .5rem; border-bottom:1px solid #e9e9e9; box-sizing: border-box;}
/* .Y_huanan .f li:not(:nth-child(4n)){border-right:1px solid #ddd;} */
.Y_huanan .f li img{float:left;}
.Y_huanan .f li h5{font-size: 1.5rem; padding-top:2rem;}
.Y_huanan .f li p{font-size: 1rem; color:#999;}
.Y_huanan .a{text-align: center; margin:2rem 0 2rem 0; color:#ff5b4a; font-size: 1.2rem; font-weight: bold;}
.Y_huanan .a a{color:#496def;}
.footer_fixed_nav{position: fixed; left:0; bottom:0; width:100%; z-index: 999; background:#496def; /* height:4rem; */}
.footer_fixed_nav li{width:calc(100% / 5); float:left; text-align: center; position: relative;}
.footer_fixed_nav li:not(:nth-child(4n)):before{content:""; display: block; width:1px; height:60%; position: absolute; right:0; top:20%; background:#ffffff20;}
.footer_fixed_nav li a{color:#fff;}
.footer_fixed_nav li img{width:50%; /* margin:.5rem 0; */}
.footer_fixed_nav li h5{font-size:.8rem;}

.gradient2{background: linear-gradient(to 45deg, #ff543c, #fe2f64); background: -webkit-linear-gradient(45deg, #ff543c, #fe2f64); background: -moz-linear-gradient(45deg, #ff543c, #fe2f64); background: -ms-linear-gradient(45deg, #ff543c, #fe2f64); background: -o-linear-gradient(45deg, #ff543c, #fe2f64); 
border-radius:2rem; color:#fff; margin:0 1rem; font-size:0.85rem;

}
.gradient2 a{ color:#FFFF00;}
.n_youshi{position: relative; margin-top: 1rem; border:1px;}
.n_youshi ul{ margin-top:1rem;}
.n_youshi .f li{ margin:0 .5rem; border-bottom:1px solid #e9e9e9; box-sizing: border-box;}
.n_youshi .f li .img{float:left; width:20%; margin-left:3%;}
.n_youshi .f li .txt{float:right; width:70%;}
.n_youshi .f li img{float:left; width:100%; display:block; padding-top:1rem;}
.n_youshi .f li h5{font-size: 1.2rem; padding-top:1rem;}
.n_youshi .f li p{font-size: 1rem; color:#999;}
.n_youshi .a{text-align: center; margin:2rem 0 2rem 0; color:#ff5b4a; font-size: 1.2rem; font-weight: bold;}
.n_youshi .a a{color:#496def;}


.index_tit{text-align: center;margin: 3rem 0;}
.index_tit .entit01{font-size: 0.8rem;color: #999;padding-top: 10px;}
.index_tit .chtit01{font-size: 1.2rem;color: #111;margin-top: 0rem;}
.index_tit .chtit01 i{width: 3rem;height: 1px;display: inline-block;border-bottom: 1px solid #ccc;margin:.5rem 10px;}

/*fuwu*/
.servbg{ background:#fff; width:100%; margin:0rem auto; padding:2rem 0;}
.service_in{width:100%; overflow-x: scroll;}
.service_in{padding-bottom: 0px; text-align:center;}

.service_in ul{width:250vw;position: relative; scroll-x:-30vw; margin:0 4vw;}

.service_in .row li{width: 35vw;background:#ff4b50; color:#fbd3d4; margin:0;/* float:left;*/ display:inline-table;text-align: center; list-style: none; padding: 0 2vw; height:200px; transition: all .5s; /* border: 1px dashed #eee; */ border-radius: 5px; position: relative;}

.service_in .row li:last-child{ margin-right:0;}
.service_in .row li a{box-shadow: 0;}
.service_in .row li:not(:last-child)::after{content: ''; display: block; width: 40px; height: 40px; background: url(../images/next.png) no-repeat 100% 100%; position: absolute; right: -55px; top: 28px;}
.service_in .row li i{display: block; margin: auto; text-align: center; background: orange; color: #fff; border-radius: 99px; width: 100px; height:100px; margin:auto; padding:10px; font-size: 20px;}
.service_in .row li span{display:block; background:#ff4b50; border-radius:50px; margin:0 auto;}
.service_in .row li span img{ max-width:4rem; margin:0 auto; display:block; padding-top:1rem;}
.service_in .row li h3{display: block;  font-size:16px;font-weight:bold;color: #FFF;  width: 150px; height:40px; line-height:40px; margin:0 auto; padding:0 10px; }
.service_in .row li p{width: 148px; font-size:14px; /*border:1px dashed #ff4b50; background:#f5f5f5; border-radius: 20px;*/ padding:10px; height:100px; margin-top:0px;}
.service_in .row li:hover{background:#ff4b50; color:#fbd3d4;}
.service_in .row li:hover h3{ color:#fff;}

.service_link{width: 100%; text-align: center; vertical-align: middle; margin-top: 10px;font-size:14px; }
.service_link a{color: #FFF;	font-size:14px;    display:inline-table;	background:#496def;    border-radius: 99px;    line-height: 36px;    padding: 5px 60px;    margin: 10px auto;	text-align:center;}