@charset "utf-8";
/**banner**/
.hf_banner {width: 100%;overflow: hidden;text-align:center;clear:both;position: relative;}
.hf_banner li a{display:block;width:100%;margin:0 auto; cursor:pointer;}
.hf_banner ul li {float: left;width: 100%;}
.hf_banner .dots {position:  absolute; left: 0;bottom: 15px;width: 100%;text-align: center;}
.hf_banner .dots li {display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent: -999em;border: 2px solid #fff;border-radius: 6px;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
.hf_banner .dots li.active {background: #fff;opacity: 1;width: 24px;}
.hf_banner .arrow{display: block;width: 54px;height: 54px;position: absolute;top:50%;}
.hf_banner .prev{background: url(img/prev.png) left top no-repeat;left: -54px;-webkit-transition:left 300ms; transition:left 300ms;}
.hf_banner .prev:hover{background: url(img/prev_on.png) left top no-repeat;}
.hf_banner .next{background: url(img/next.png) left top no-repeat;right: -54px;-webkit-transition:right 300ms; transition:right 300ms;}
.hf_banner .next:hover{background: url(img/next_on.png) left top no-repeat;}
.hf_banner:hover .prev{left: 120px;}
.hf_banner:hover .next{right: 120px;}

.btn{text-decoration: none!important;}
.content .swiper_container{width: 100%;overflow: hidden;}
.content .title{color: #343434;text-align: center;}
.content .title h2{ font-size: 36px; letter-spacing: 6px;}
.content .title .width{position: relative;height: 32px;top: -20px;}
.content .title p{font-size: 16px;margin-top: 10px;}
.content .title p span{color: #F33205;font-size: 20px;}
.content .title a.more{float: right;font-size: 14px;color: #8D8D8D;}
.content .title a.more:hover{text-decoration: underline;}
.yyImgBox{ width: 100%; padding-bottom: 55.3072625698324%; margin-bottom: 12px; position: relative; background: #f5f5f5; overflow: hidden;}
.yyImgBox img{ position: absolute; left: 0; top: 0; transition: all ease .3s;}
/**微信营销小程序**/
.content .floor_2{ overflow: hidden; width: 100%; padding: 68px 0;}
.content .floor_2 .column-pagination{margin: 30px auto 0;text-align:center;}
.content .floor_2 .column-pagination span{width: 14px;height: 14px;margin: 0 10px;}
.content .floor_2 .yydtgd{width: 1200px; height: auto; margin-top: 40px; overflow: visible; }
.content .floor_2 .yydtgd::before,.content .floor_2 .yydtgd::after{ position: absolute; z-index: 2; content: ""; top: 0; width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, .95);}
.content .floor_2 .yydtgd::before{ left: 50%; margin-left: 600px;}
.content .floor_2 .yydtgd::after{ right: 50%; margin-right: 600px;}
.yydtgd .swiper-wrapper a{ display: block;}
.yydtgd .swiper-wrapper a p{ color: #8D8D8D; height: 63px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}
.yydtgd .swiper-wrapper a:hover img{ transform: scale(1.1);}
.floor_2 .swiper-button-next,.floor_2 .swiper-button-prev{ padding: 20px 10px; background-color: #1e84fc; background-size: 40%;}
.floor_2 .swiper-button-next{ right: -67px; border-radius: 10px 100px 100px 10px;}
.floor_2 .swiper-button-prev{ left: -67px; border-radius: 100px 10px 10px 100px;}
.content .floor_2 h3{ font-size: 18px; margin-bottom: 10px;}
.floor_2 .swiper-pagination{ position:relative; margin-top:40px;}
.floor_2 .swiper-pagination-bullet{border-radius:0; margin:0;}
.floor_2 .swiper-pagination-bullet-active{background:#1e84fc;}
/* .floor_2 .swiper-button-next.swiper-button-disabled, .floor_2 .swiper-button-prev.swiper-button-disabled{display: none;} */

.content .floor_6{height: auto;overflow: hidden; padding: 68px 0;}
.floor_6 .w1152{ display: flex; margin-top: 40px;}
.floor_6 .w1152 .box{flex: 1; background: #fafafa;}
.floor_6 .w1152 .box:nth-child(n+2){ margin-left: 36px;}
.floor_6 .liCOntact{ padding:20px 30px; line-height: 2; }
.floor_6 .box h3{ background: #1e84fc; color: #fff; padding: 20px 30px; font-size: 24px;}
.floor_6 .box ul{ padding:10px 30px; line-height: 1.5;}
.floor_6 .box li{ font-size: 16px;}
.floor_6 .box li a{display: block; padding: 20px 0;}
.floor_6 .box li:nth-child(n+2) a{ border-top: 1px solid rgba(0, 0, 0, .05);}
/**--------------------首页结束-------------------------**/