@charset "utf-8";
/* 版权所有 创络科技 */
/* 一封信：给想仿站的朋友*／
/* https://www.chuangluo.com/news_507.html */
html,body{-webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
*html{background-image:url("about:blank"); background-attachment:fixed;}
body{word-wrap:break-word; margin:0px; padding:0px; font: 300 0.9em/1.8 Microsoft Yahei, 微软雅黑; overflow-x: hidden; *position: relative;}
ul,ol{list-style:none;}
a{text-decoration: none;color: #000;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{-webkit-tap-highlight-color: transparent;}
p {display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
img{border:0px;}
input,textarea{font-size: 16px;resize: none;outline: none;-webkit-appearance:none;}
:focus{outline: none;}
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"]{-webkit-appearance: none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"]{-moz-appearance: textfield;}
textarea{-webkit-appearance: none;}
:root{
	/*蓝紫色*/
	--bgColor: linear-gradient(60deg, rgba(83, 62, 254, 1) 0%, rgba(111, 22, 220, 1) 100%);
	--color: rgba(90, 73, 248, 1);
	--colorAlpha: rgba(90, 73, 248, 0.2);
	/*橙色*/
	--bgColorOrange: linear-gradient(60deg, rgba(254, 175, 94, 1) 0%, rgba(255, 76, 38, 1) 100%);
	--colorOrange: rgba(254, 120, 60, 1);
	--colorAlphaOrange: rgba(254, 175, 94, 0.2);
	/*红色*/
	--bgColorRed: linear-gradient(45deg, rgba(240, 58, 58, 1) 0%, rgba(255, 108, 85, 1) 100%);
	--colorRed: rgba(250, 75, 70, 1);
	--colorAlphaRed: rgba(250, 75, 70, 0.2);
	/*粉色*/
	--bgColorPink: linear-gradient(60deg, rgba(239, 136, 189, 1) 0%, rgba(239, 127, 171, 1) 100%);
	--colorPink: rgba(239, 132, 180, 1);
	--colorAlphaPink: rgba(239, 132, 180, 0.2);
	/*蓝色*/
	--bgColorBlue: linear-gradient(60deg, rgba(46, 97, 224, 1) 20%, rgba(117, 224, 247, 1) 100%);
	--colorBlue: rgba(80, 160, 232, 1);
	--colorAlphaBlue: rgba(80, 160, 232, 0.2);
	/*灰色*/
	--bgColorGrey: linear-gradient(60deg, rgba(99, 99, 99, 1) 20%, rgba(33, 33, 33, 1) 100%);
	--colorGrey: rgba(66, 66, 66, 1);
	--colorAlphaGrey: rgba(66, 66, 66, 0.2);
}
.imgmid{display:inline-block; *display:inline; *zoom:1; height:100%; width:1px; margin-left:-1px; vertical-align:middle; font-size: 0px;}
.cle{clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;}
.hover_shadow{position: relative; top: 0; z-index: 888; -webkit-transition: box-shadow, top 0.2s linear;-moz-transition: box-shadow, top 0.2s linear;-ms-transition: box-shadow, top 0.2s linear;-o-transition: box-shadow, top 0.2s linear;transition: box-shadow, top 0.2s linear;}
.hover_shadow:hover{top: -4px; box-shadow: 0 10px 20px rgba(0,0,0,0.15); transition: translate3d(0, -2px, 0); z-index: 999;}
.show_scan_ok{padding: 40px; line-height: 22px; background-color: #3da536; color: #fff; text-align: center;}
.show_scan_warm{padding: 40px; line-height: 22px; background-color: #FFB800; color: #fff; text-align: center;}
.show_scan_danger{padding: 40px; line-height: 22px; background-color: #FF5722; color: #fff; text-align: center;}
.tips_name{display: block; font-size: 26px; font-weight: bold; line-height: 28px; padding-bottom: 20px;}
.for_scan_tip{display: block; font-size: 14px;}
.ok_btn .layui-layer-btn a.layui-layer-btn0{background-color: #3da536; border-color: #3da536;}
.warm_btn .layui-layer-btn a.layui-layer-btn0{background-color: #FFB800; border-color: #FFB800;}
.danger_btn .layui-layer-btn a.layui-layer-btn0{background-color: #FF5722; border-color: #FF5722;}

.height_500{height:580px;}
.go_full_height{height:100%;}
.go_half_height{height:50%;}
.box_big_8{border-radius:5px; color:#000; width:calc(100% - 30px); height:100%; overflow:hidden; position:relative;}
.set_left_margin_30{margin-left:30px;}
.box_small_top{border-radius:5px; color:#000; width:100%; height:calc(100% - 15px); overflow:hidden; position:relative;}
.box_small_foot{border-radius:5px; color:#000; width:100%; margin-top:15px; height:calc(100% - 15px); overflow:hidden; position:relative;}
.bg_icon_box i:nth-child(8n+1){position:absolute; right:10px; top:50%; font-size:180px; margin-top:-90px; text-align:right; line-height:100%; color:rgba(255, 255, 255, 0.1);}
.bg_icon_box i:nth-child(8n+2){position:absolute; left:-140px; top:50%; font-size:360px; margin-top:-180px; line-height:100%; color:rgba(255, 255, 255, 0.3);}
.ig-item-bg{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: transform 1s;}
.box_big_8:hover .ig-item-bg{transform: scale(1.05);}
.box_small_top:hover .ig-item-bg{transform: scale(1.05);}
.box_small_foot:hover .ig-item-bg{transform: scale(1.05);}
.header{position: relative; background: var(--bgColor);}
.row_pos{position:absolute; z-index:1; width:100%; height:100%; font-size:16px; padding:50px; box-sizing:border-box; display: flex; align-items: center; color:#fff;}
.row_pos a{color:#fff;}
.mid_box{width:100%;}
.center_pos{text-align:center;}
.left_pos{text-align:left;}
.row_pos h3{display:block; width:100%; font-size:36px; font-weight:bold;}
.sort_bg_box{color:#fff;}
.sort_bg_1{background:#5FB878;}
.sort_bg_2{background:#5450ee;}
.sort_bg_3{background:#FF5722;}
.sort_bg_4{ background: var(--bgColor);}
.sort_bg_5{background:#54ab6e;}
.sort_bg_6{background:#626be8;}
.sort_bg_7{background:#f0794f;}
.sort_bg_8{background:#52b3f9;}
.roll_top_left_1{width:700px; height:700px; background:rgba(255, 255, 255, 0.1); position:absolute; left:-350px; top:-350px; border-radius:50%; -webkit-transition: all 0.45s linear;-moz-transition: all 0.45s linear;-ms-transition: all 0.45s linear;-o-transition: all 0.45s linear;transition: all 0.45s linear;}
.roll_top_left_2{width:500px; height:500px; background:rgba(255, 255, 255, 0.1); position:absolute; left:-250px; top:-250px; border-radius:50%; -webkit-transition: all 0.55s linear;-moz-transition: all 0.55s linear;-ms-transition: all 0.55s linear;-o-transition: all 0.55s linear;transition: all 0.55s linear;}
.roll_top_left_3{width:300px; height:300px; background:rgba(255, 255, 255, 0.1); position:absolute; left:-150px; top:-150px; border-radius:50%; -webkit-transition: all 0.65s linear;-moz-transition: all 0.65s linear;-ms-transition: all 0.65s linear;-o-transition: all 0.65s linear;transition: all 0.65s linear;}
.roll_foot_right_1{width:500px; height:500px; background:rgba(255, 255, 255, 0.1); position:absolute; right:-250px; bottom:-250px; border-radius:50%; -webkit-transition: all 0.35s linear;-moz-transition: all 0.35s linear;-ms-transition: all 0.35s linear;-o-transition: all 0.35s linear;transition: all 0.35s linear;}
.roll_foot_right_2{width:350px; height:350px; background:rgba(255, 255, 255, 0.1); position:absolute; right:-175px; bottom:-175px; border-radius:50%; -webkit-transition: all 0.45s linear;-moz-transition: all 0.45s linear;-ms-transition: all 0.45s linear;-o-transition: all 0.45s linear;transition: all 0.45s linear;}
.roll_foot_right_3{width:200px; height:200px; background:rgba(255, 255, 255, 0.1); position:absolute; right:-100px; bottom:-100px; border-radius:50%; -webkit-transition: all 0.55s linear;-moz-transition: all 0.55s linear;-ms-transition: all 0.55s linear;-o-transition: all 0.55s linear;transition: all 0.55s linear;}

.header_box{width: 100%;height: 80px; z-index: 999; position:relative;}
.header_box .header_m{width: 96%; max-width: 1440px; height: 100%;margin: 0 auto;}
.logo_box{width: 60%; max-width: 320px; height: 100%;float: left;overflow: hidden;}
.logo_box img{vertical-align: middle; max-width: 100%; max-height: 50%;}

.go_grey{background: #f5f5f5;}

/* PC导航 */
.menu_nav{width: auto; height: 100%; padding-top: 0px; position: relative; float: right; z-index: 88888; display: block;}
.menu_nav>ul{width: 100%; margin: 0;padding: 0;}
.menu_nav>ul>li{width: auto; height: 30px; padding: 25px 0px; float: left;text-align: center;position: relative;}
.menu_nav>ul>li>a{width: auto; min-width: 64px; height: 30px; line-height: 30px; display: block; position: relative; z-index: 88888; color: #fff; margin:0 18px; font-size: 16px;}
.menu_nav>ul>li:hover>a{border-bottom: 2px solid rgba(255, 255, 255, .2); color: #fff;}
.menu_nav>ul>li>a.active{border-bottom: 2px solid #fff; color: #fff;}
.menu_nav>ul>li>ul{width: calc(420% - 20px);height: auto; background: #fff; position: absolute; top: 100%; left: -160%; padding:10px; visibility: hidden; opacity: 0; margin-top: -5px; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.menu_nav>ul>li:hover>ul{margin-top: 0; opacity: 1; visibility: initial;}
.menu_nav>ul>li>ul li{position:relative; display: block; width: calc(33.33% - 10px); float:left; height:auto; margin:5px; text-align: center; height: auto; line-height: 20px; border: 0;font-size: 14px;color: #333; vertical-align: middle;}
.menu_nav>ul>li>ul li.go_long{width: calc(66.66% - 10px);}
.menu_nav>ul>li>ul li>a{display:block; width:100%; border-radius:5px; background:#f5f5f5; color:#333; box-sizing:border-box; padding: 15px 10px; font-size:14px; border:solid 1px #f5f5f5;}
.menu_nav>ul>li>ul li>a i{color:#999; font-size:20px;}
.menu_nav>ul>li>ul li>a i::after{content: ""; display: block; padding-bottom:2px;}
.menu_nav>ul>li>ul li:hover>a{background: #f5f5f5; color: var(--color); border:solid 1px var(--color);}
.menu_nav>ul>li>ul li:hover>a i{color: var(--color);}
.menu_nav>ul>li>ul li>a.active{background: var(--color); color:#fff; border:solid 1px var(--color);}
.menu_nav>ul>li>ul li>a.active i{color:#fff;}
.menu_nav>ul>li>ul li ul{width: 100%;height: auto; position: absolute; left: 100%; margin-left: -6px; top: 0; visibility: hidden; opacity: 0; background: #fff;border-bottom: 1px solid #e9e9e9; box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15); border-radius: 3px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.menu_nav>ul>li>ul li:hover>ul{margin-left: 1px; opacity: 1; visibility: initial;}
.menu_nav>ul>li>ul.small_nav{width: calc(300% - 30px); left: -100%;}
.menu_nav>ul>li>ul.small_nav li{width: calc(50% - 10px);}

/*移动端菜单*/
.nav_btn{width: 40px; height: 60px; line-height: 60px; float: right; z-index: 88888; color: #fff; text-align: center; display: none;}
.nav_btn i{font-size: 24px;}
.nav_btn_search{width: 40px; height: 80px; line-height: 80px; float: right; z-index: 88888; color: #fff; text-align: center; cursor: pointer;}
.nav_btn_search i{font-size: 20px; -webkit-transition: all 0.15s linear;-moz-transition: all 0.15s linear;-ms-transition: all 0.15s linear;-o-transition: all 0.15s linear;transition: all 0.15s linear;}
.nav_btn_search:hover i{font-size: 24px;}

/* 手机导航 */
.nav_box{width: 50%; max-width: 300px; height: 100%;position: fixed;top: 0;left: -70%;z-index: 99999;background: rgba(255, 255, 255, 1);overflow: hidden;overflow-y: auto; border-radius: 0 10px 10px 0;}
.nav_close{width: 100%;height: 71px;box-sizing: border-box;padding: 0 20px;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.nav_close .close{width: 100%; height: 100%; float: right; overflow: hidden; line-height: 70px; text-align: right;}
.nav_close .close i{color: var(--color); font-size: 24px;}

.nav_list{width: 100%;height: auto;overflow: hidden;}
.nav_list ul{margin: 0;padding: 0;overflow: hidden;}
.nav_list ul li{width: 100%;height: auto;border-bottom: 1px solid #f5f5f5;overflow: hidden;}
.nav_list ul li:last-child{border: 0;}
.nav_list ul li a{width: 100%;height: auto;display: block; color: #333; box-sizing: border-box; padding: 20px 45px 20px 20px; font-size: 16px;position: relative;overflow: hidden;}
.nav_list ul li a .icon_right{width: 20px;height: 40px;position: absolute;top: 50%;right: 20px;margin: -20px 0 0;z-index: 2;line-height: 40px;text-align: center;font-size: 14px;color: #999;overflow: hidden;}
.nav_list>ul>li>a.active{background: var(--bgColor);color: #fff;}
.nav_list>ul>li>a>i{margin-right: 10px; color: #999;}
.nav_list>ul>li>a.active>i{color: #fff;}
.nav_list ul li a.active .icon_right{color: #fff;}
.nav_list ul li ul{display: none;background: rgba(0,0,0,0.05);}
.nav_list ul li ul li{border: 0;}
.nav_list ul li ul li a{font-size: 14px; color: #333; padding: 15px 20px 15px 20px; vertical-align: middle;}
.nav_list ul li ul li a span{color: #fff; display: inline-block; width: 14px; height: 14px; background: #ff6700; font-size: 9px; border-radius: 50%; text-align: center; line-height: 14px; margin-left: 6px;vertical-align:text-top;}
.nav_list ul li ul li a.active{background: none;color: var(--color);}
.nav_list ul li ul li ul li a{padding: 15px 20px 15px 40px;font-size: 12px;color: #999;}
.nav_list ul li ul li ul li ul li a{padding: 15px 20px 15px 50px;font-size: 12px;color: #999;}

.mask{width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;z-index: 9999;display: none;}

.banner_box{width: 96%; max-width: 1440px; height: auto; margin: 0 auto;}
.left_text{width: 55%; height: 700px; float: left; color: #fff; display: flex; align-items: center; margin-bottom:60px;}
.text_level_1{font-size: 18px; line-height: 28px;}
.text_level_1 i{font-size: 18px; padding-right: 6px;}
.text_level_1 h2{font-size: 18px; line-height:28px; display:inline-block;}
.text_level_2{font-size: 28px; font-weight: bold;}
.text_level_2 h3{font-size: 28px; font-weight:bold}
.text_level_3{font-size: 48px; font-weight: bold; line-height: 58px;}
.text_level_3 h4{font-size: 48px; line-height:58px; font-weight:bold}
.text_btn_box{width: 100%; padding-top: 5px;}
.text_btn_box a{display: inline-block; font-size: 16px; padding: 6px 12px; color: #fff; width: auto; margin: 5px; border-radius: 4px; border: solid 1px #fff;}
.text_btn_box a:hover{color: #fff;}
.right_img{width: 45%; height: 700px; text-align: center; display: flex; align-items: center; margin-bottom:60px;}
.right_img img{display: inline-block !important; max-width: 100%; max-height: 100%;}
.banner_go_left{position: absolute; left: 0px; top: 50%; width: 30px; height: 60px; color: #fff; line-height: 60px; margin-top: -30px; text-align: center; background: rgba(0,0,0,0.2); opacity: 0.2; z-index: 8888; cursor: pointer; border-radius: 0 3px 3px 0;}
.banner_go_right{position: absolute; right: 0px; top: 50%; width: 30px; height: 60px; color: #fff; line-height: 60px; margin-top: -30px; text-align: center; background: rgba(0,0,0,0.2); opacity: 0.2; z-index: 8888; cursor: pointer; border-radius: 3px 0 0 3px;}
.banner_go_left i, .banner_go_right i{font-size: 20px;}
.banner_go_left:hover, .banner_go_right:hover{font-size: 20px; opacity: 1;}
.inner_mid_box{width:100%; display:block;}

.slick-active .text_level_1{animation-duration: 1s;-webkit-animation-duration: 1s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.slick-active .text_level_2{animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay:0.1s;-webkit-animation-delay:0.1s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.slick-active .text_level_3{animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay:0.2s;-webkit-animation-delay:0.2s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.slick-active .text_btn_box{animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay:0.7s;-webkit-animation-delay:0.7s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.slick-active .right_img{animation-duration: 1s;-webkit-animation-duration: 1s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeIn;-webkit-animation-name: fadeIn;}

.pagination_new{position: absolute;left: 0;text-align: center;bottom: -35px; width: 100%; font-size: 0; z-index: 999;}
.pagination_cert{position: absolute;left: 0;text-align: center;bottom: 120px; width: 100%; font-size: 0; z-index: 999;}
.pagination_banner{position: absolute;left: 0;text-align: center;bottom: 50px; width: 100%; font-size: 0; z-index: 999;}
.pagination_gallery{position: absolute;left: 0;text-align: center;bottom: 25px; width: 100%; font-size: 0;}

.slick-dots{display: inline-block; width: auto; padding: 5px 6px; border-radius: 15px; margin: 0 auto;list-style: none;text-align: center; background: rgba(0, 0, 0, 0.3);}
.slick-dots li{display: inline-block; width: 12px; height: 12px; border-radius: 7px; margin: 0 3px;padding: 0; cursor: pointer; opacity: 0.4; font-size: 0px; background: #fff;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.slick-dots li button{display: none;}
.slick-dots li.slick-active{opacity: 1; width: 30px;}

.full_line_box{width: 100%; height: auto; float: left; margin-bottom: 20px;}
.no_margin_bottom{margin-bottom: 0 !important;}
.no_padding_bottom{padding-bottom: 0 !important;}
.block_box{width: 96%; max-width: 1440px; height: 100%;margin: 0 auto; padding: 50px 0;}
.in_block_box{width: 96%; max-width: 1440px; height: 100%;margin: 0 auto;}
.i_top_title{width: 100%; text-align: center; font-size: 20px; line-height: 30px; font-weight: bold; color: var(--color);}
.i_top_title i{font-size: 20px; color: var(--colorAlpha);}
.i_title{width: 100%; text-align: center; color: #333; font-size: 42px; line-height: 60px; font-weight: bold;}
.i_title h3{color: #333; font-size: 42px; line-height: 60px; font-weight: bold;}
.i_title i{font-size: 42px;}
.i_sub_title{width: 100%; max-width: 500px; text-align: center; color: #999; font-size: 16px; margin: 0 auto 20px auto;}

.l_top_title{width: 100%; font-size: 20px; line-height: 30px; font-weight: bold; color: var(--color);}
.l_top_title i{font-size: 20px; color: var(--colorAlpha);}
.a_btn{width: 100%;}
.a_btn a{display: inline-block; width: auto; text-align: center; font-size: 18px; line-height: 46px; padding: 0px 40px; background: var(--bgColor); color: #fff; border-radius: 30px; box-sizing: border-box;}
.a_title{width: 100%; color: #333; font-size: 36px; font-weight: bold; line-height: 50px; box-sizing: border-box;}
.a_title sup{font-size:22px;}
.a_sub_title{width: 100%; color: #333; font-weight: normal; font-size: 18px; margin-top: 20px;}
.a_sub_title i{margin-right: 6px; color: var(--color);}
.a_sub_text{width: 100%; color: #999; font-size: 16px; margin-bottom: 20px;}
.a_sub_text span{color: var(--color); font-weight:bold;}
.l_title{width: 100%; color: #333; font-size: 42px; line-height:60px; font-weight: bold; box-sizing: border-box;}
.l_title h2{font-size:42px; font-weight:bold;}
.l_title h2 sup{font-size:26px;}
.l_sub_title{font-size: 18px; text-align: left; margin: 0 auto 20px auto; font-weight:bold;}
.l_sub_title h3{font-size:18px; font-weight:bold;}
.go_blue_bg{background-image: url("../images/bg_blue.png"); background-repeat: repeat-x; background-position-y: bottom; background-size: 100% 10px;}
.l_text_box{width: 100%; color: #333; font-size: 14px; line-height: 30px; margin-bottom: 20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:6;}
.l_text_box a{color: #ff5722;}
.l_text_box a:hover{color:var(--color);}
.l_btn_box{width: 100%; color: #333; font-size: 14px; line-height: 30px; margin-bottom: 20px;}
.a_btn_box{width: 100%; color: #333; font-size: 14px; line-height: 30px; margin-bottom: 10px; text-align: center;}
.a_btn_box a, .a_btn_box span{display: inline-block; width: auto; border: solid 1px #f0f0f0; box-sizing:border-box; padding: 5px 20px; border-radius: 3px; margin: 5px; cursor:pointer;}
.a_btn_box a.active, .a_btn_box span.active{border: solid 1px var(--color); color: var(--color);}
.a_btn_box a:hover, .a_btn_box span:hover{background: var(--bgColor); color: #fff; border: solid 1px var(--color);}
.p_btn_box{width: 100%; color: #333; font-size: 14px; line-height: 30px; margin-bottom: 10px; text-align: center;}
.p_btn_box a{display: inline-block; width: auto; border: solid 1px #f0f0f0; box-sizing:border-box; padding: 5px 20px; border-radius: 3px; margin: 5px;}
.p_btn_box a:hover{border: solid 1px var(--color); color: var(--color);}
.p_btn_box a.active{background: var(--bgColor); color: #fff; border: solid 1px var(--color);}
.three_in_1{width: 22%; height: auto; box-sizing: border-box; float: left; text-align: center; margin: 0 2% 15px 0; background: var(--bgColor); border-radius: 3px; font-size: 14px;}
.three_in_1 a{display: inline-block; width: 100%; height: 100%; padding: 10px 0; color: #fff;}
.three_in_1 i{padding-right: 6px; color: #fff;}
.three_in_1:hover a{color: #fff;}
.proc_box{width: 100%; padding: 0 0 10px 0; float: left;}
.i_cas_box{width: 100%; padding: 0 0 10px 0; float: left;}
.p_new_box{width: 100%; padding: 0 0 10px 0; float: left;}
.i_cus_box{width: 100%; padding: 30px 0 30px 0; float: left; text-align:center;}
.four_in_1{width: calc(25% - 30px); height: auto; float: left; text-align: center; margin: 15px; padding: 30px 0 60px 0; background: #fff; border-radius: 10px; overflow: hidden;}
.i_more_tool{position: absolute;bottom: -40px;right: -40px;width: 40px;height: 40px;border-radius: 40px 0 0 0; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;background: #f2973a;}
.i_tool_one{width: 100%; height: 40px; color: #fff; text-align: center; line-height: 40px; float: left; cursor: pointer;}
.i_tool_one i{color: #fff; font-size: 14px;}
.i_tool_1{background: #f2973a;}
.i_tool_2{background: #5450ee;}
.i_tool_3{background: #5bccb2;}
.i_tool_4{background: #f0794f;}
.i_tool_5{background: #ed4b42;}
.i_tool_6{background: #52b3f9;}
.i_tool_7{background: #439b6b;}
.i_tool_8{background: #f2973a;}
.four_in_1:hover .i_more_tool{opacity: 1; bottom: -8px; right: -8px;}
.work_ico{width: 100%; height: 100px; line-height: 100px;}
.work_ico i{font-size: 58px; color: #000;}
.work_ico i.no_pro_1{color: #f2973a;}
.work_ico i.no_pro_2{color: #5450ee;}
.work_ico i.no_pro_3{color: #5bccb2;}
.work_ico i.no_pro_4{color: #f0794f;}
.work_ico i.no_pro_5{color: #ed4b42;}
.work_ico i.no_pro_6{color: #52b3f9;}
.work_ico i.no_pro_7{color: #439b6b;}
.work_ico i.no_pro_8{color: #f2973a;}
.work_title{width: 100%; font-size: 24px; padding: 10px 0; font-weight: bold; color: #333;}
.work_info{width: 100%; font-size: 14px; color: #999;}

.i_cus_box .cus_one{display:inline-block; width:19%; height:160px; box-sizing:border-box; position:relative;}
.i_cus_box .cus_one img{position:absolute; max-width:100px; max-height:100px; top:50%; margin-top:-50px; left:50%; margin-left:-50px; z-index:9;}
.i_cus_box .cus_one i{font-size:150px; line-height:160px;}
.i_cus_box .cus_one:nth-child(8n+1) i{color:#f2973a;}
.i_cus_box .cus_one:nth-child(8n+2) i{color:#5bccb2;}
.i_cus_box .cus_one:nth-child(8n+3) i{color:#5450ee;}
.i_cus_box .cus_one:nth-child(8n+4) i{color:#ed4b42;}
.i_cus_box .cus_one:nth-child(8n+5) i{color:#54ab6e;}
.i_cus_box .cus_one:nth-child(8n+6) i{color:#626be8;}
.i_cus_box .cus_one:nth-child(8n+7) i{color:#f0794f;}
.i_cus_box .cus_one:nth-child(8n+8) i{color:#52b3f9;}

.i_bank_box{width: 100%; padding: 0 0 10px 0; float: left;}
.i_bank_one{width: calc(33.33% - 30px); height: auto; float: left; margin: 15px; padding:30px 0; background: #fff; border-radius: 5px; overflow: hidden;}
.i_bank_one:hover .i_link_tool{opacity: 1; bottom: -10px; right: -10px;}
.bank_ico{width:90px; height:100px; float:left; line-height:100px; text-align: center;}
.bank_ico i{font-size:60px;}
.for_srcb i{color:#378acf;}
.for_alipay i{color:#45a8eb;}
.for_icbc i{color:#c73933;}
.for_ccb i{color:#103c8b;}
.for_boc i{color:#ab2e2a;}
.for_abc i{color:#419a95;}
.for_weixin i{color:#54ab6e;}
.bank_text_box{width:calc(100% - 90px); height:100px; float:left; font-size:14px; line-height:25px;}
.bank_title{width:70px; color:#999; text-align:right; padding-right:10px; float:left; box-sizing:border-box;}
.bank_info{width:calc(100% - 70px); color:#000; float:left;}

.a_left_box{width: 47%; float: left; height: auto; position: relative; box-sizing: border-box; text-align: center; margin-right: 3%; overflow:hidden; padding-bottom:30px;}
.a_left_box img{max-width: 100%;}
.a_right_box{width: 50%; float: left; height: auto; padding: 20px; box-sizing: border-box;}
.a_abo_main{width: 76%; max-width: 300px; height: auto; background: #fafafa; box-shadow: 0 10px 20px rgba(0,0,0,0.15); border-radius: 10px; margin: 0 auto; text-align: center; padding: 50px 20px 30px 20px; box-sizing: border-box; position: relative; z-index: 6;}
.a_abo_main .title_box{width: 100%; height: auto; line-height: 30px; text-align: center; color: #000; font-size: 20px;}
.a_abo_main .info_box{width: 100%; height: auto; line-height: 16px; text-align: center; color: #999; font-size: 12px;}
.a_abo_main .num_box{width: 100%; height: auto; line-height: 26px; text-align: center; color: #333; font-size: 20px;}
.a_abo_main .btn_box{width: 100%; height: auto; padding:30px 0; text-align: center; float:left;}
.a_abo_main .btn_one{width: 33.33%; height: auto; float:left; font-weight:bold; color: #333; font-size: 20px; line-height:20px; padding:10px 0; border-radius:3px; cursor:pointer;}
.a_abo_main .btn_one:hover{border-radius: 4px; background: linear-gradient(145deg, #e6e6e6, #ffffff); box-shadow:  4px 4px 7px #e3e3e3, -4px -4px 7px #ffffff;}
.a_abo_main .btn_one span{display:block; width: 100%; height: 14px; line-height:14px; float:left; color: #999; font-size: 10px; font-weight:lighter;}
.a_abo_main .call_box{width: 100%; height: auto; text-align: center; padding: 10px 0;}
.a_abo_main .call_box a{display: inline-block; width: 46px; height: 46px; line-height: 46px; border-radius: 50%; background: #54ab6e;}
.a_abo_main .call_box i{font-size: 20px; color: #fff;}

.i_left_box{width: 50%; float: left; height: auto; position: relative;}
.i_right_box{width: 50%; float: left; height: auto;}
.i_abo_thumb{width: auto; height: auto; position: relative;}

.i_abo_main{width: 70%; max-width: 300px; height: auto; background: #fff; box-shadow: 0 10px 20px rgba(0,0,0,0.15); border-radius: 10px; margin: 0 auto; text-align: center; padding: 20px; box-sizing: border-box; position: relative; z-index: 6;}
.i_abo_main canvas{width: 90%; margin-top: 10px;}
.i_abo_main .btn_add{width: 32px; height: 32px; text-align: center; line-height: 32px; background: #ff930d; position: absolute; left: 30px; top: 30px; border-radius: 50%; box-shadow: 0 10px 20px rgba(0,0,0,0.15);}
.i_abo_main .btn_add i{color: #fff;}
.i_abo_main .title_box{width: 100%; height: auto; line-height: 20px; text-align: center; color: #000; font-size: 20px; font-weight: bold;}
.i_abo_main .sub_title_box{width: 100%; height: auto; line-height: 30px; text-align: center;color: #999; font-size: 14px;}
.i_abo_main .face_box{width: 100%; height: auto; text-align: center; padding: 10px 0;}
.i_abo_main .face_box a{display: inline-block; width: 32px; height: 32px; margin: 3px; border-radius: 50%; background: #f5f5f5; margin: 3px; overflow: hidden; -webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;-ms-transition: all 0.1s linear;-o-transition: all 0.1s linear;transition: all 0.1s linear;}
.i_abo_main .face_box a:hover{width: 38px; height: 38px; margin: 0px;}
.i_abo_main .face_box a img{max-width: 100%;}
.i_abo_main .btn_box{width: 100%; height: auto; text-align: center; padding: 10px 0;}
.i_abo_main .btn_box a{display: inline-block; width: auto; height: 32px; border-radius: 16px; font-size: 14px; background: var(--bgColor); color: #fff; padding: 0px 20px; line-height: 32px;}
.i_abo_main .btn_box a i{font-size: 14px; padding-right: 5px;}

.i_hongbao_box{width: 60px; padding: 20px; box-sizing: border-box; height: auto; position: absolute; top: 200px; right: 15%; z-index: 1; cursor: pointer;}
.i_hongbao_box p{-webkit-transform: rotate(30deg); transform: rotate(30deg);}
.i_hongbao_box p i{color: #FF5722; font-size: 40px;}
.i_video_box{width: 60%; max-width: 280px; padding: 20px; box-sizing: border-box; height: auto; right: 0; position: absolute; top: 0; z-index: 20; box-shadow: 0 10px 20px rgba(0,0,0,0.15); background: var(--bgColor); border-radius: 10px; overflow: hidden;}
.i_video_box_ico{width: 50px; height: 50px; line-height: 50px; background: #fff; border-radius: 12px; text-align: center; float: left; cursor: pointer;}
.i_video_box_ico i{font-size: 40px; color: var(--color);}
.i_video_box_title{width: calc(100% - 50px); height: 50px; color: rgba(255, 255, 255, 0.7); float: left; box-sizing: border-box; padding-left: 10px; line-height: 22px;}
.i_video_box_title strong{display: block; line-height: 28px; font-size: 20px; color: rgba(255, 255, 255, 1); font-weight: normal;}
.i_video_box_foot{width: 100%; height: 5px; border-radius: 5px; background: rgba(255, 255, 255, 0.5); float: left; margin-top: 20px;}
.i_video_box_foot_in{width: 40%; height: 100%; border-radius: 5px; background: #fff; float: left; -webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-ms-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}
.i_video_box:hover .i_video_box_foot_in{width: 70%;}

.roll_box{position: absolute; top: 5%; left: 50%; margin-left:-180px; z-index: -10; width:360px; height: auto;}
.roll_box>img{width: 100%; height: auto;}
.roll_1{position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; height: 100%; border-radius: 50%; padding: 25px; border: dashed 1px #8470f2;}
.roll_2{width: 100%; height: 100%; box-sizing: border-box; border-radius: 50%; border: dashed 1px #20cba7;}

.bounce-animate{animation-name: float-bob; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; -moz-animation-name: float-bob; -moz-animation-duration: 3s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob; -ms-animation-duration: 3s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob; -o-animation-duration: 3s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;}
.bounce-animate-f{animation-name: float-bob; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; -moz-animation-name: float-bob; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;}
@-webkit-keyframes float-bob {
  0% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); }
  50% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px); }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px); } }
.rotateme{-webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 20s; animation-duration: 20s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;}

@keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes rotateme {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
.wave_box{width: 100%; height: auto; position: absolute; bottom: 0; left: 0; overflow: hidden;}
.wave_box img{width: 100%; height: 40px; vertical-align: bottom;}
.wave_2_box{width: 100%; height: auto; float: left;}
.wave_2_box img{opacity: 0; height: 40px; vertical-align: bottom;}
.wave_1_box{width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.wave_1{width: 100%; z-index: 10; height: auto;}
.wave_2{width: 100%; z-index: 8; height: auto; opacity: 0.6;}
.wave_3{width: 100%; z-index: 6; height: auto; opacity: 0.3;}
.wave_4{width: 100%; z-index: 4; height: auto; opacity: 0.1;}

.wave_one{width: 100%; height: auto; overflow: hidden;}
.wave_one img{width: 100%; height: 40px; vertical-align: bottom;}

.wave_top{width: 100%; z-index: 8; height: auto; overflow: hidden;}
.wave_top img{width: 100%; height: 20px; vertical-align: top;}

.i_cas_one{width: calc(33.33% - 30px); height: auto; float: left; text-align: center; margin: 15px; background: #fff; border-radius: 5px; overflow: hidden;}
.i_link_tool{position: absolute;bottom: -40px;right: -40px;width: 40px;height: 40px;border-radius: 40px 0 0 0; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: #f2973a;}
.i_link_qr{position:absolute; right:-200px; bottom:10px; border-radius: 5px 0 0 5px; background:rgba(0, 0, 0, 0.7); width:160px; height:160px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; text-align:center; line-height:160px;}
.i_link_qr img{width:130px;}
.i_cas_one:hover .i_link_tool{opacity: 1; bottom: -10px; right: -10px;}
.i_link_tool:hover .i_link_qr{right:10px;}
.i_link_one{width: 100%; height: 40px; color: #fff; text-align: center; line-height: 36px; float: left; cursor: pointer;}
.i_link_one i{color: #fff; font-size: 14px;}
.cas_img{width: 100%; height: auto; text-align: center; overflow: hidden; float: left; padding-bottom: 66.6%; position: relative; background: #fff;}
.cas_img img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.cas_img img:nth-child(2){opacity:0;}
.i_cas_one:hover .cas_img img:nth-child(2){opacity:1;}
.cas_text_box{width: 100%; height: 46px; float: left; background: #f9f9f9; padding: 15px 0 20px 0; position: relative;}
.cas_title{width: 100%; height: auto; font-size: 18px; line-height: 26px; box-sizing:border-box; padding:0 20px; color: #333; float: left; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.cas_title em{font-style:normal; color:#f00;}
.cas_info{width: 100%; height: 20px; font-size: 12px; line-height: 20px; color: #999; float: left;}
.i_cas_one:hover .cas_text_box{background: #fff;}

.p_new_one{width: calc(33.33% - 30px); height: auto; float: left; text-align: center; margin: 15px; background: #fff; border-radius: 5px; overflow: hidden;}
.new_pic{width: 100%; height: auto; text-align: center; overflow: hidden; float: left; padding-bottom: 66.6%; position: relative; background: #fff;}
.new_pic img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); *margin-top: -50%; _margin-top: -50%; margin-top: -50%\9\0; *margin-left: -50%; _margin-left: -50%; margin-left: -50%\9\0;}
.p_new_text_box{width: 100%; height: auto; float: left; text-align:left; background: #fff; padding: 20px; position: relative; box-sizing:border-box;}
.p_new_title{width: 100%; height: 26px; font-size: 18px; line-height: 26px; color: #000; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.p_new_info{width: 100%; height: 26px; font-size: 12px; line-height: 26px; color: #999; float: left;}
.p_new_more{width: 100%; height: 48px; font-size: 14px; line-height: 24px; color: #999; float: left; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.p_new_one:hover .i_link_tool{opacity: 1; bottom: -10px; right: -10px;}

.d_right_box{width: 45%; margin-right: 5%; float: left; height: auto; text-align: center;}
.d_right_box .slick_slide{display: none;}
.d_right_box .active{display: block !important;}
.d_left_box{width: 50%; float: left; height: auto; position: relative;}
.d_title{width: 100%; color: #fff; font-size: 36px; font-weight: bold; box-sizing: border-box; margin-bottom: 5px;}
.d_sub_title{display: inline-block; width: auto; color: #fff; font-size: 14px; line-height: 20px; margin: 5px 0 10px 0; border-radius: 15px; border: solid 1px #fff; padding: 5px 15px;}
.d_text_box{width: 100%; color: #fff; font-size: 14px; text-align: left; line-height: 30px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.active .d_title{animation-duration: 1s;-webkit-animation-duration: 1s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.active .d_sub_title{animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay:0.15s;-webkit-animation-delay:0.15s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}
.active .d_text_box{animation-duration: 1s;-webkit-animation-duration: 1s;animation-delay:0.2s;-webkit-animation-delay:0.2s;animation-fill-mode: both;-webkit-animation-fill-mode: both;animation-name: fadeInUp;-webkit-animation-name: fadeInUp;}

.i_discuz_one{width: calc(50% - 10px); height: auto; float: left; margin: 5px; background: #fff; border-radius: 5px; overflow: hidden; box-sizing: border-box; padding: 20px; position: relative; cursor: pointer;}
.i_discuz_one.active .i_more_tool{opacity: 1; bottom: -8px; right: -8px;}
.i_discuz_img{width: 50px; height: 50px; float: left; border-radius: 50%; overflow: hidden;}
.i_discuz_img img{width: 100%; height: 100%;}
.i_discuz_info{width: calc(100% - 70px); height: 40px; padding: 5px 10px; float: left;}
.i_discuz_title{width: 100%; height: 25px; line-height: 25px; font-size: 18px; font-weight: bold; color: #000;}
.i_discuz_txt{width: 100%; height: 15px; line-height: 15px; font-size: 12px; color: #999; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}

.i_pro_box{width: 100%; height: auto; float: left;}
.i_pro_one{width: calc(25% - 30px); height: auto; float: left; text-align: center; margin: 15px; padding: 30px 0 60px 0; background: #fff; border-radius: 10px; overflow: hidden; box-sizing: border-box;}
.i_pro_one:hover .i_more_tool{opacity: 1; bottom: -8px; right: -8px;}
.pro_ico{width: 100%; height: 100px; line-height: 100px;}
.pro_ico i{font-size: 50px; color: #000;}
.i_pro_box .i_pro_one:nth-child(8n+1) .pro_ico i{color: #f2973a;}
.i_pro_box .i_pro_one:nth-child(8n+2) .pro_ico i{color: #5bccb2;}
.i_pro_box .i_pro_one:nth-child(8n+3) .pro_ico i{color: #5450ee;}
.i_pro_box .i_pro_one:nth-child(8n+4) .pro_ico i{color: #ed4b42;}
.i_pro_box .i_pro_one:nth-child(8n+5) .pro_ico i{color: #54ab6e;}
.i_pro_box .i_pro_one:nth-child(8n+6) .pro_ico i{color: #626be8;}
.i_pro_box .i_pro_one:nth-child(8n+7) .pro_ico i{color: #f0794f;}
.i_pro_box .i_pro_one:nth-child(8n+8) .pro_ico i{color: #52b3f9;}
.pro_title{width: 100%; font-size: 24px; height: auto; line-height: 50px; font-weight: bold; color: #333;}
.pro_info{width: 100%; height: 40px; line-height: 20px; font-size: 14px; color: #999; overflow: hidden;}
.pro_info span{color: #FF5722;}

.i_new_box{width: 100%; padding: 30px 0; float: left;}
.i_new_box_left{width: 34%; height: auto; float: left; position: relative;}
.i_img_new_box{width: 100%; height: auto; float: left;}
.i_new_one{width: 100%; height: auto; float: left;}
.i_new_one .new_img{width: 100%;}
.i_new_one .new_img img{width: 100%; border-radius: 3px 3px 0 0;}
.i_new_one .new_text_box{width: 100%; height: auto; background: #f9f9f9; border-radius: 0 0 3px 3px; padding: 20px; box-sizing: border-box;}
.i_new_one .new_text_box .new_title{width: 100%; height: 20px; line-height: 20px; font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.i_new_one .new_text_box .new_time{width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #999;}
.i_new_one .new_text_box .new_info{width: 100%; height: auto; line-height: 22px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.i_new_box_left:hover .new_text_box{ background: var(--bgColor);}
.i_new_box_left:hover .new_text_box .new_title{color: #fff;}
.i_new_box_left:hover .new_text_box .new_time{color: #fff;}
.i_new_box_left:hover .new_text_box .new_info{color: #fff;}
.i_txt_new_box{width: 66%; height: auto; float: left;}
.txt_new_one{width: calc(50% - 30px); height: 139px; float: left; padding: 22px 20px 23px 20px; box-sizing: border-box; margin: 0 0 32px 30px; border: solid 1px #d9d9d9; border-radius: 3px;}
.txt_new_one .txt_new_title{width: 100%; height: 20px; line-height: 20px; font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.txt_new_one .txt_new_time{width: 100%; height: 30px; line-height: 30px; font-size: 12px; color: #999;}
.txt_new_one .txt_new_cont{width: 100%; height: 44px; line-height: 22px; font-size: 12px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.txt_new_one:hover{ background: var(--bgColor); border-color: #fff;}
.txt_new_one:hover .txt_new_title{color: #fff;}
.txt_new_one:hover .txt_new_time{color: #fff;}
.txt_new_one:hover .txt_new_cont{color: #fff;}

.special_box{width:100%; height:auto; float:left; padding:0 0 30px 0;}
.special_one{width: calc(25% - 20px); height: auto; float: left; color: #000; padding:40px 5px 30px 5px; text-align: center; margin:50px 10px 10px 10px; box-sizing:border-box; border-radius:6px; background:#fff; position:relative;}
.specail_icon{width:60px; height:60px; position:absolute; top:-30px; margin-left:50%; left:-30px; background:#fff; border-radius:50%; color:#fce673; overflow:hidden;}
.specail_icon i{font-size:25px; line-height:60px; color:#fff;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
.special_one:nth-child(8n+1) .specail_icon{background:#f2973a;}
.special_one:nth-child(8n+2) .specail_icon{background:#5bccb2;}
.special_one:nth-child(8n+3) .specail_icon{background:#5450ee;}
.special_one:nth-child(8n+4) .specail_icon{background:#ed4b42;}
.special_one:nth-child(8n+5) .specail_icon{background:#54ab6e;}
.special_one:nth-child(8n+6) .specail_icon{background:#626be8;}
.special_one:nth-child(8n+7) .specail_icon{background:#f0794f;}
.special_one:nth-child(8n+8) .specail_icon{background:#52b3f9;}
.special_mask{width:60px; height:50px; border-radius:50%; background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%); position:absolute; left:0; top:0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.special_point{width:4px; height:10px; background:#fff; position:absolute; right:5px; top:25px; border-radius:2px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.special_title{width:100%; height:auto; float:left; line-height:40px; color:#000; font-size:22px; font-weight:bold;}
.special_info{width:100%; height:auto; float:left; line-height:20px; color:#999; font-size:14px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1;}
.special_one:nth-child(8n+1):hover{background:#f2973a;}
.special_one:nth-child(8n+2):hover{background:#5bccb2;}
.special_one:nth-child(8n+3):hover{background:#5450ee;}
.special_one:nth-child(8n+4):hover{background:#ed4b42;}
.special_one:nth-child(8n+5):hover{background:#54ab6e;}
.special_one:nth-child(8n+6):hover{background:#626be8;}
.special_one:nth-child(8n+7):hover{background:#f0794f;}
.special_one:nth-child(8n+8):hover{background:#52b3f9;}
.special_one:hover .specail_icon i{font-size:30px;}
.special_one:hover .special_mask{height:60px;}
.special_one:hover .special_point{width:3px; height:6px;}
.special_one:hover .special_title, .special_one:hover .special_info{color:#fff;}

.i_ad_one{width: 25%; height: auto; float: left; color: #fff; text-align: center;}
.i_ad_num{width: 100%; height: 50px; line-height: 50px; font-size: 40px; font-weight: bold;}
.i_ad_txt{width: 100%; height: 30px; line-height: 30px; font-size: 16px;}

.btn_go_left{position: absolute; left: 0; top: 50%; width: 32px; height: 64px; color: #fff; background: rgba(0, 0, 0, .8); line-height: 64px; text-align: center; opacity: 0.6; z-index: 8888; cursor: pointer; border-radius: 0 3px 3px 0;}
.btn_go_right{position: absolute; right: 0; top: 50%; width: 32px; height: 64px; color: #fff; background: rgba(0, 0, 0, .8); line-height: 64px; text-align: center; opacity: 0.6; z-index: 8888; cursor: pointer; border-radius: 3px 0 0 3px;}
.btn_go_left i, .btn_go_right i{font-size: 20px;}
.btn_go_left:hover, .btn_go_right:hover{font-size: 20px; opacity: 1;}

.footer_box{margin: 0;}
.feed_box{width: 100%; height: auto; background: #fff; border-radius: 5px; padding: 20px; box-sizing: border-box; float: left; margin-bottom: 50px;}
.feed_title{float: left; width: 55%; height: auto; font-size: 26px; font-weight: bold; line-height: 48px; color: var(--color);}
.feed_form{float: left; width: 45%; height: auto;}
.big_input{width: calc(77% - 16px); height: 48px; border: solid 1px #d9d9d9; border-radius: 2px; padding: 0 15px; box-sizing: border-box; margin-right: 10px;}
.big_btn{width: 23%; height: 48px; border: none; border-radius: 2px; color: #fff; font-size: 16px;}

.copyright_box{width: 100%; height: auto; padding: 20px; font-size: 12px; box-sizing: border-box; float: left; color: #fff; text-align: center; border-top: solid 1px rgba(255, 255, 255, 0.2);}
.copyright_box a{color: #fff;}
.copyright_box a:hover{color: #ff5722;}
.foot_kefu{display: none;}
.foot_nav_box{width: 100%; height: auto; padding: 30px 20px 20px 20px; box-sizing: border-box; float: left; color: #fff; text-align: center; border-top: solid 1px rgba(255, 255, 255, 0.2);}
.foot_nav_box ul{margin: 0px; width: 70%; float: left; text-align: left;}
.foot_nav_box ul li{display: block; float: left; width: 16.6%; height: auto; margin-bottom: 30px;}
.foot_nav_box ul li span{display: block; float: left; width: 100%; height: auto; font-size: 20px; font-weight: bold; line-height: 50px;}
.foot_nav_box ul li ul{display: block; float: left; width: 100%; height: auto; font-size: 14px;}
.foot_nav_box ul li ul li{display: block; float: left; width: 100%; height: auto; font-size: 14px; line-height: 30px; margin: 0;}
.foot_nav_box ul li ul li a{color: #fff;}
.foot_nav_box ul li ul li a:hover{color: #ff5722;}
.foot_qr_box{width: 30%; height: auto; float: left; text-align: left; padding: 18px 0; box-sizing: border-box;}
.foot_qr_box .qr_box{width: 120px; height: 120px; float: left; background: #fff; border-radius: 3px; padding: 5px;}
.foot_qr_box .qr_box img{width: 100%;}
.foot_qr_box .qr_txt{width: calc(100% - 140px); float: left; height: 130px; color: #fff; font-size: 16px; line-height: 30px; padding: 0 0 0 20px; box-sizing: border-box; display: flex; align-items: center;}
.foot_qr_box .qr_txt strong{font-size: 26px; font-weight: bold;}
.qr_tips{width: 100%; padding:5px 0; font-size:10px; text-align:center; line-height:20px;}
.qr_tips_n{width: 100%; padding:0 0 5px 0; font-size:12px; text-align:center; line-height:20px; color: var(--colorRed);}

.p_banner_box{width: 100%; max-width: 1440px; height: auto; text-align: center; padding: 80px 0 140px 0; margin: 0 auto; color: #fff; position:relative; z-index:888;}
.p_title_box{width: 100%; height: auto; font-size: 36px; font-weight: bold; text-align: center; letter-spacing: 10px;}
.p_title_box h1, .p_title_box h2{font-size: 36px; font-weight: bold;}
.p_nav_box{width: 100%; height: auto; font-size: 14px; text-align: center; margin-top: 10px; letter-spacing: 10px;}
.p_nav_box a{color: #fff;}
.p_nav_box a:hover{color: #fff;}

.cus_one_box{-webkit-perspective: 150rem; perspective: 150rem; -moz-perspective: 150rem; position: relative; height: 160px; margin: 15px;}
.card_side_2{-webkit-transform: rotateY(180deg); transform: rotateY(180deg); height:160px; box-sizing:border-box;}
.card_side_2 span{display:inline-block; width:100%; text-align:center; line-height:160px; color:#fff; position:absolute; left:0; top:0; font-size:18px; font-weight:bold;}
.cus_one_box:hover .card_side_1{-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);}
.cus_one_box:hover .card_side_2 {-webkit-transform: rotateY(0); transform: rotateY(0);}

.card{-webkit-perspective: 150rem; perspective: 150rem; -moz-perspective: 150rem; position: relative; min-height: 400px; margin: 15px;}
.card_side{background:#fff; height: 100%; -webkit-transition: all 0.8s ease; transition: all 0.8s ease; position: absolute; top: 0; left: 5%; width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 5px; overflow: hidden;}
.card_side_back{-webkit-transform: rotateY(180deg); transform: rotateY(180deg); height:100%; padding: 40px; box-sizing:border-box;}
.card_side_back .title_box{width:100%; color: #000; font-size: 18px; margin-top: 10px; font-weight: bold; line-height:30px;}
.card_side_back .subtitle_box{width:100%; color: #999; font-size: 14px; line-height:20px; margin-bottom: 10px;}
.card_side_back .text_box{width:100%; color: #666; font-size: 14px;}
.card_side_front .photo_box{width:100%; height: 330px; overflow: hidden;}
.card_side_front .photo_box img{width: 100%; height: 100%; object-fit:cover;}
.card_side_front .title_box{width:100%; color: #000; font-size: 18px; margin-top: 10px; font-weight: bold; line-height:30px; text-align:center;}
.card_side_front .subtitle_box{width:100%; color: #999; font-size: 14px; text-align:center; line-height:20px; margin-bottom: 10px;}
.card:hover .card_side_front{-webkit-transform: rotateY(-180deg);transform: rotateY(-180deg);}
.card:hover .card_side_back {-webkit-transform: rotateY(0); transform: rotateY(0);}
.card_4in1{width: 25%; float: left;}

.a_img_cert_box{width: 100%; height: auto; float: left;}
.a_cert_one{width: 100%; height: auto; float: left;}
.a_cert_one .cert_img{width: 100%;}
.a_cert_one .cert_img img{width: 100%; border-radius: 3px 3px 0 0;}
.a_cert_one .cert_text_box{width: 100%; height: auto; background: #f9f9f9; border-radius: 0 0 3px 3px; padding: 20px; box-sizing: border-box;}
.a_cert_one .cert_text_box .cert_title{width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*详情*/
.detail_box{width: calc(100% - 330px); height: auto; min-height:485px; float: left; padding: 20px 40px; border-radius:5px; box-sizing:border-box; font-size: 16px; line-height: 30px; color: #333; background:#fff;}
.detail_box img{max-width: 100%; border-radius:3px;}
.detail_box a{color: #ff5722;}
.detail_box a:hover{text-decoration: underline;color: #ff5722;}
.detail_box table {width:100%; border-width: 1px; border-color: #d9d9d9; border-collapse: collapse;}
.detail_box table th {border-width: 1px; padding: 8px; border-style: solid; border-color: #d9d9d9;}
.detail_box table td {border-width: 1px; padding:2px 4px; border-style: solid; border-color: #d9d9d9; text-align:center;}

/*评估*/
.gather_box{width: calc(100% - 330px); height: auto; float: left; padding: 30px 40px; margin-bottom:30px; border-radius:5px; box-sizing:border-box; line-height: 30px; color: #333; background:#fff;}
.gather_one{width:100%; height:auto; box-sizing:border-box; padding:30px; float:left;}
.gather_title{width:100%; height:auto; font-size:18px; font-weight:bold; color:#000;}
.gather_title em{font-size:12px; font-style:normal; color:#999; font-weight:normal;}
.gather_subtitle{width:100%; height:auto; font-size:14px; color:#999; line-height:20px; padding:5px 0;}
.gather_worker{width:100%; height:auto;}

/*提示-红色*/
.tips_box{width:100%; height:auto; box-sizing:border-box; padding:15px 20px; border-radius:5px; background:#fffadd; font-size:14px; line-height:22px; color:#ff5722; margin:10px 0 0 0; float:left;}
.tips_box a{color:#ff5722;text-decoration:underline;}
.tips_box a:hover{color:#f00;}
.tips_box i{padding-right:6px; vertical-align: -5%;}

/*提示-绿色*/
.tips_green{width:100%; height:auto; box-sizing:border-box; padding:15px 20px; border-radius:5px; background:#f6ffed; font-size:14px; line-height:22px; color:#52c41a; margin:10px 0 0 0; float:left;}
.tips_green i{padding-right:6px; vertical-align: -5%;}

/*侧边栏*/
.side_box{width: 300px; height: auto; float: right; margin-left:30px;}
.side_block{width: 100%; float:left; height: auto; padding: 30px; box-sizing:border-box; border-radius:6px; background: #fff; color: #000; margin-bottom:20px;}
.side_block h1{font-size:24px; font-weight:bold; line-height:30px; margin-bottom:5px;}
.side_block .title_box{width:100%; height:auto; font-size:14px; color:#666; padding-top:10px;}
.side_block .cont_box{width:100%; height:auto; font-size:16px; color:#000; padding-bottom:10px;}
.side_block .cont_box a{color:#000;}
.side_block .cont_box a:hover{color:var(--color);}
.side_block .side_btn_box{width:100%; height:auto; font-size:14px; color:#000; padding-bottom:10px; float:left;}
.side_block .side_btn_box a{display:block; width:100%; line-height:30px; padding:5px 15px; box-sizing:border-box; text-align:center; border:solid 1px #eeeeee; border-radius:3px; color:#666; margin:8px 8px 0 0; float:left;}
.side_block .side_btn_box a:hover{background:var(--bgColor); color:#fff; border:solid 1px #fff;}
.side_block .side_btn_box a.active{color: var(--color); border:solid 1px var(--color); background:#fff;}
.side_block .side_btn_box a.hot{background:var(--bgColorRed); color:#fff; border:solid 1px #fff;}
.side_block .tag_box{width:100%; height:auto; font-size:14px; color:#000; padding-bottom:10px; float:left;}
.side_block .tag_box a{display:inline-block; line-height:30px; padding:5px 15px; background:#f5f5f5; border-radius:3px; color:#000; margin:8px 8px 0 0; float:left;}
.side_block .tag_box a:hover{color:#fff; background: var(--bgColor);}

/*自定义框架*/
.in_a_row_box{width: 100%; height: auto; float: left;}
.two_boxes_in_a_row{width: 50%; min-height: 100px; float: left; box-sizing: border-box;}
.two_boxes_in_a_row:nth-child(1){padding-right: 8px;}
.two_boxes_in_a_row:nth-child(2){padding-left: 8px;}
.four_boxes_in_a_row{width: 25%; min-height: 100px; float: left; box-sizing: border-box;}
.four_boxes_in_a_row:nth-child(1){padding: 0 12px 0 0;}
.four_boxes_in_a_row:nth-child(2){padding: 0 8px 0 4px;}
.four_boxes_in_a_row:nth-child(3){padding: 0 4px 0 8px;}
.four_boxes_in_a_row:nth-child(4){padding: 0 0 0 12px;}

.share_video{position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.share_video iframe, .share_video object, .share_video embed{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*分页*/
.p_list{width: 96%;height: auto;line-height: 40px;font-size: 0;text-align: center;padding: 30px 2% 20px 2%;overflow: hidden;}
.p_list span{display: inline-block;color: #bbb;padding: 0 6px; font-size: 14px;overflow: hidden;}
.p_list a{display: inline-block;background: #bbb;color: #fff;padding: 0 16px;margin: 0 5px;font-size: 14px;border-radius: 3px;overflow: hidden;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.p_list a.active{background: var(--bgColor); color: #fff;}
.p_list a:hover{background: var(--bgColor); color: #fff;}

/*域名注册*/
.domain_box{width:100%; max-width:600px; padding:10px; box-sizing:border-box; margin:0 auto;}

/*价格评估*/
.auto_sub_box{width:100%; min-width:360px; padding:10px; box-sizing:border-box;display:none;}
.quan_box{width:100%; height:auto; float:left; margin:10px 0 0 0;}
.quan_one{width:calc(50% - 10px); height:auto; float:left; margin-bottom:10px; margin-right:10px;}
.quan_one:nth-child(2n+2){width:50%; margin-right:0;}
.quan_title{width:calc(100% - 70px); height:auto; font-size:14px; line-height:20px; background:#ddd; border-radius:4px 0 0 4px; color:#fff; padding:20px; box-sizing:border-box; float:left;}
.quan_btn{width:70px; height:60px; line-height:60px; text-align:center; float:left; border-radius:0 4px 4px 0; box-sizing:border-box; border:solid 1px #d9d9d9; border-left:none; color:#ccc;}
.quan_btn i{font-size:20px; color:#ccc;}
.quan_one.active .quan_title{background:var(--bgColorRed); color:#fff;}
.quan_one.active .quan_btn{border:solid 1px #ff6c55;}
.quan_one.active .quan_btn i{color:#ff6c55;}

.for_login_qr{text-align: center; background: #fff;}
.for_login_qr iframe{height: 280px !important;}
.have_p p{margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
.only_for_mob_title{display: none;}
.btn_oa_login{font-weight:normal; cursor:pointer;}
.btn_oa_login:hover{color:var(--colorRed);}
.for_down_ico{width: 100%; height: 100%; overflow: hidden;}
.for_down_ico img{max-width: 100%; max-height: 100%; border-radius: 2px;}
.diy_color_grey{color: #999;}
.diy_color_green{color: #5FB878;}
.diy_color_green:hover{color: #83c694;}
.diy_color_orange{color: #FF5722;}
.ico_drop_box{width: 38px; height: 38px; float: left; margin-left: 6px; float: left; line-height: 38px; border-radius: 3px; background: #FF5722; text-align: center; cursor: pointer;}
.ico_drop_box i{font-size: 24px; color: #FFF;}
.per_box{width: 38px; height: 38px; float: left; margin-left: 6px; font-size: 14px; color: #666; text-align: center; line-height: 38px;}
.ico_box{width: 38px; height: 38px; float: left; margin-left: 6px;}
.ico_box img{max-width: 100%; max-height: 100%;}
.search_box{width: 30%; max-width: 190px; display: inline-block; float: left;}
.block_go_left .layui-input-block{margin-left: 0px !important;}
.un_show{display:none;}
.set_space{margin: 80px 0;}
.set_inner_space{padding: 80px 0;}
.set_foot_space{padding: 0 0 40px 0;}
.set_foot_space_30{padding: 0 0 30px 0;}
.set_ad_space{padding: 40px 0;}
.set_no_top{padding-top:0;}
.set_no_foot_margin{margin-bottom:0;}
.set_top_margin{margin-top:30px;}
.set_no_top_margin{margin-top:0;}
.set_foot_margin{margin-bottom:30px;}
.set_foot_margin_10{margin-bottom:10px;}

.grey_bg{background: #fafafa;}
.yellow_bg{background: #ffbc4a;}
.purple_bg{background: var(--bgColor);}
.top_space{padding-top: 30px;}
.go_white{color: #fff !important;}
.go_white i{color: #fff;}
.go_alpha{opacity: 0.1;}
.go_orange{color:var(--color);}
.go_green{color:#5FB878;}
.go_blod{font-weight:bold;}

/* 在线客服 */
.kefu_tools{top:50%; margin-top:-91px; position:fixed; z-index: 9999999; right:0px;}
.cl_kefu_one{width:45px; height:45px; margin-bottom:1px; line-height: 45px; text-align: center; position:relative;}
.cl_kefu_one i{font-size: 24px; color: #fff;}
.go_radius_1{border-radius: 3px 0 0 0;}
.go_radius_2{border-radius: 0 0 0 3px;}
.go_radius_2:hover{border-radius: 0 0 0 0;}
.go_radius_3{border-radius: 0 0 0 3px;}
.cl_kefu_title{display:block; width:100%; height:auto; float:left; color:#FFF; font-size:16px; line-height:45px; text-align:center;}
#cl_gotop{display:none;}
.qr_menu{position:absolute; top:0; left:-150px; width:160px; height:auto; box-shadow: -10px 5px 10px 0 rgba(0,0,0,0.05); visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.qr_menu ul{display:block; width:calc(100% - 1px); height:auto; float:left;}
.qr_menu ul li{display:block; width:100%; height:46px; background: #fff; float:left; padding:0 20px; box-sizing:border-box; color:#666; font-size:14px; line-height:46px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu ul li:last-child{border-radius:0 0 3px 3px;}
.qr_menu ul li a{display:block; width:100%; height:46px; float:left; color:#666; font-size:14px; line-height:46px; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.qr_menu ul li i{font-size: 26px; display: inline-block; vertical-align: top; margin-right: 6px; color: #40abf5;}
.cl_kefu_one:hover .qr_menu{left:-160px; opacity: 1; visibility: initial;}
.qr_img{position:absolute; bottom:0; left:-150px; width:160px; height:auto; text-align:center; box-shadow: -10px -5px 10px 0 rgba(0,0,0,0.05); visibility: hidden; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.qr_img_box{width:calc(100% - 1px); height:auto; padding:10px 10px 0 10px; box-sizing:border-box; background: #fff; border-radius:3px 3px 0 0;}
.qr_img_box img{border:0px; max-width:100%; height:auto;}
.cl_kefu_one:hover .qr_img{left:-160px; opacity: 1; visibility: initial;}

.previewVideo .layui-layer-content{background:#32353f;}

@media screen and (max-width:1440px){
	.left_text, .right_img{height:560px;}
	.header_box .header_m{max-width: 1200px;}
	.block_box{max-width: 1200px;}
	.in_block_box{max-width: 1200px;}
	.banner_box{max-width: 1200px;}
	.foot_qr_box .qr_txt strong{font-size: 22px;}
	.txt_new_one{width: calc(50% - 15px); height: 132px; padding: 18px; margin: 0 0 15px 15px;}
}

@media screen and (max-width:1200px){
	.i_bank_one{width: calc(50% - 10px); margin:5px;}
	.menu_nav>ul>li>a{margin:0 14px; font-size: 14px; min-width: 56px;}
	.menu_nav>ul>li>ul li>a{font-size:12px;}
	.menu_nav>ul>li>ul li>a i{font-size:18px;}
	.text_level_2{font-size: 28px; line-height: 38px;}
	.text_level_3{font-size: 38px; line-height: 48px;}
	.text_btn_box a{font-size: 16px; padding: 5px 10px; border: solid 1px #fff;}
	.three_in_1{width: 48%;}
	.foot_qr_box .qr_box{width: 100px; height: 100px;}
	.foot_qr_box .qr_txt{width: calc(100% - 120px); height: 110px;}
	.foot_qr_box .qr_txt{font-size: 14px;}
	.foot_qr_box .qr_txt strong{font-size: 18px;}
	.card_side_back{padding:30px;}
	.a_left_box{width: 53%; margin: 0 2% 0 0;}
	.a_title{font-size: 30px;}
	.a_title sup{font-size:18px;}
	.a_sub_title{font-size: 16px; margin-top: 15px;}
	.a_sub_title i{margin-right: 4px;}
	.a_sub_text{font-size: 12px; margin-bottom: 15px;}
	.a_right_box{width: 45%;}
	.row_pos h3{font-size:30px;}
}

@media screen and (max-width:992px){
	.quan_one{width:100%;}
	.quan_one:nth-child(2n+2){width:100%; margin-right:0;}
	.i_cus_box .cus_one{width: 32%;}
	.height_500{height:400px;}
	.box_big_8{width:100%;}
	.set_left_margin_30{margin:15px 0;}
	.set_foot_space_30{padding:0 0 15px 0;}
	.box_small_top{margin-top:15px;}
	.box_small_foot{margin-top:0;}
	.card_side_back{padding: 35px;}
	.menu_nav{display: none;}
	.nav_btn{display: block;}
	.nav_btn_search{width: 50px; height: 60px; line-height: 60px;}
	.nav_btn_search i{font-size: 26px;}
	.header_box{height: 60px;}
	.left_text{width: 100%; height:auto; text-align: center; padding:100px 0; margin:0;}
	.right_img{width: 100%; height:auto; text-align:center; padding-bottom:100px; margin:0;}
	.right_img img{max-width: 70%;}
	.block_box{padding: 30px 0;}
	.small_m_box{padding: 5px 0;}
	.four_in_1{width: calc(50% - 30px);}
	.card_4in1{width: 50%;}
	.i_pro_one{width: calc(50% - 30px);}
	.i_cas_one{width: calc(50% - 30px);}
	.p_new_one{width: calc(50% - 30px);}
	.i_hongbao_box{right: 5%;}
	.d_left_box{width: 100%;}
	.d_right_box{width: 100%; margin: 0;}
	.feed_title{width: 100%; text-align: center; margin-bottom: 10px; font-size: 32px;}
	.feed_form{width: 100%;}
	.foot_nav_box ul{width: 100%;}
	.foot_nav_box ul li{width: 33.33%;}
	.foot_qr_box{width: 100%;}
	.i_ad_num{height: 40px; line-height: 40px; font-size: 30px;}
	.i_ad_txt{height: 26px; line-height: 26px; font-size: 14px;}
	.i_new_box_left{width: 100%;margin-bottom: 50px;}
	.i_txt_new_box{width: 100%;}
	.txt_new_one{width: calc(50% - 10px);}
	.txt_new_one:nth-child(odd){margin: 0 10px 20px 0;}
	.txt_new_one:nth-child(even){margin: 0 0 20px 10px;}
	.a_left_box{width: 100%;}
	.a_sub_title{font-size: 18px; margin-top: 20px;}
	.a_sub_title i{margin-right: 6px;}
	.a_sub_text{font-size: 16px; margin-bottom: 20px;}
	.a_right_box{width: 100%;}
	.row_pos h3{font-size:26px;}
	.bg_icon_box i:nth-child(8n+1){font-size:160px; margin-top:-80px;}
	.roll_top_left_1{width:450px; height:450px; left:-225px; top:-225px;}
	.roll_top_left_2{width:300px; height:300px; left:-150px; top:-150px;}
	.roll_top_left_3{width:150px; height:150px; left:-75px; top:-75px;}
	.roll_foot_right_1{width:300px; height:300px; right:-150px; bottom:-150px;}
	.roll_foot_right_2{width:200px; height:200px; right:-100px; bottom:-100px;}
	.roll_foot_right_3{width:100px; height:100px; right:-50px; bottom:-50px;}
	.special_box{padding-top:0;}
	.special_one{width: calc(50% - 10px); margin:40px 5px 5px 5px;}
	.special_title{font-size:20px; line-height:30px;}
	.copyright_box{margin-bottom: 35px;}
	.kefu_tools{display: none;}
	/*底部客服*/
	.foot_kefu{display: block; width: 100%; height: 66px; line-height: 36px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.2) 100%); position: fixed; bottom: 0px; padding:15px 20px; box-sizing:border-box; z-index: 8888; border-radius:5px 5px 0 0;}
	.foot_kefu_one{width: calc(34% - 2px); height: 36px; line-height: 36px; float: left; text-align: center; font-size: 14px; margin:0 1px; color: #fff; background: #FF5722;}
	.foot_kefu_one:first-child{width: 33%; border-radius: 18px 0 0 18px; margin: 0;}
	.foot_kefu_one:last-child{width: 33%; border-radius: 0 18px 18px 0; margin: 0;}
	.foot_kefu_one a{display:block; color: #fff;}
	.foot_kefu_one a i{margin-right: 6px; font-size: 20px;}
	.foot_kefu_one a:hover{color: #fff;}
}

@media screen and (max-width:768px){
	.only_for_mob_title{display:inline-block; color: #FF5722;}
	.search_box{width: 80%;}
	.left_text{padding:80px 0;}
	.right_img{padding-bottom:80px;}
	.bank_ico{width:80px;}
	.bank_ico i{font-size:50px;}
	.bank_text_box{width:calc(100% - 80px); font-size:14px;}
	.i_bank_one{width: calc(100% - 10px);}
	.specail_icon{width:50px; height:50px; top:-25px; left:-25px}
	.specail_icon i{font-size:20px; line-height:50px;}
	.special_mask{width:50px; height:45px;}
	.special_one:hover .specail_icon i{font-size:25px;}
	.special_one:hover .special_mask{height:50px;}
	.special_title{font-size:18px;}
	.bank_text_box{font-size:12px;}
	.gather_box{width:100%; padding:5px 20px 40px 20px;}
	.gather_one{padding:30px 15px 10px 15px;}
	.detail_box{width:100%; padding:5px 20px; min-height:200px;}
	.side_box{width:100%; margin:20px 0 0 0;}
	.two_boxes_in_a_row{width: 100%;}
	.two_boxes_in_a_row:nth-child(1){padding-right: 0;}
	.two_boxes_in_a_row:nth-child(2){padding-left: 0;}
	.four_boxes_in_a_row{width: 50%;}
	.four_boxes_in_a_row:nth-child(1){padding: 0 8px 0 0;}
	.four_boxes_in_a_row:nth-child(2){padding: 0 0 0 8px;}
	.four_boxes_in_a_row:nth-child(3){padding: 0 8px 0 0;}
	.four_boxes_in_a_row:nth-child(4){padding: 0 0 0 8px;}
	.i_cus_box .cus_one{width: 49%;}
	.bg_icon_box i:nth-child(8n+1){font-size:120px; margin-top:-60px;}
	.bg_icon_box i:nth-child(8n+2){display:none;}
	.height_500{height:300px;}
	.a_cert_one .cert_text_box .cert_title{height: 20px; line-height: 20px; font-size: 16px;}
	.pagination_cert{bottom: 100px;}
	.right_img img{max-width: 80%;}
	.slick-dots li{width: 8px; height: 8px;}
	.slick-dots li.slick-active{width: 20px;}
	.set_space{margin: 0 0 30px 0;}
	.i_top_title{font-size: 18px; line-height: 26px; font-weight: bold; color: var(--color);}
	.i_title{font-size: 32px; font-weight: bold; line-height: 42px;}
	.i_title h3{font-size: 32px; line-height: 42px; font-weight: bold;}
	.i_sub_title{font-size: 14px;}
	.l_top_title{font-size: 18px; line-height: 26px; font-weight: bold; color: var(--color); text-align: center;}
	.l_title{font-size: 32px; font-weight: bold; text-align: center;}
	.l_title h2{font-size:32px;}
	.l_title h2 sup{font-size:22px;}
	.l_sub_title{font-size: 18px; text-align: center; margin: 0 auto 20px auto; font-weight:bold;}
	.d_title{font-size: 28px; font-weight: bold; text-align: center;}
	.d_sub_title{font-size: 14px; text-align: center; margin: 0 auto 20px auto;}
	.i_left_box{width: 100%;}
	.i_right_box{width: 100%;}
	.a_title{font-size: 30px;}
	.a_title sup{font-size:18px;}
	.a_btn a{width: 100%;}
	.i_abo_thumb{margin-top: 50px;}
	.text_level_1{padding: 0;}
	.text_level_2{font-size: 22px; line-height: 32px; padding: 0;}
	.text_level_2 h3{font-size: 22px;}
	.text_level_3{font-size: 28px; line-height: 38px; padding: 0;}
	.text_level_3 h4{font-size: 28px; line-height:38px;}
	.p_new_text_box{padding: 20px;}
	.cas_text_box{height:46px; padding: 10px 0 15px 0;}
	.cas_title{padding:0px 10px;}
	.i_link_tool{bottom: -30px; right: -30px; width: 30px; height: 30px; border-radius: 30px 0 0 0;}
	.i_cas_one:hover .i_link_tool{opacity: 1; bottom: -5px; right: -5px;}
	.i_bank_one:hover .i_link_tool{opacity: 1; bottom: -5px; right: -5px;}
	.p_new_one:hover .i_link_tool{opacity: 1; bottom: -5px; right: -5px;}
	.i_link_qr{bottom:5px;}
	.i_link_tool:hover .i_link_qr{right:5px;}
	.i_link_one{height: 30px; line-height: 30px;}
	.i_link_one i{font-size: 12px;}
	.feed_title{font-size: 26px;}
	.txt_new_one:nth-child(odd){width: 100%; margin: 0 0 20px 0;}
	.txt_new_one:nth-child(even){width: 100%; margin: 0 0 20px 0;}
	.i_ad_one{width: 50%; padding: 10px 0;}
	.i_ad_num{height: 40px; line-height: 40px; font-size: 28px;}
	.i_ad_txt{height: 26px; line-height: 26px; font-size: 14px;}
	.p_banner_box{padding: 50px 0 90px 0;}
	.p_title_box{font-size: 30px; letter-spacing: 4px;}
	.p_title_box h1, .p_title_box h2{font-size: 30px; letter-spacing: 4px;}
	.p_nav_box{font-size: 14px; margin-top: 0px; letter-spacing: 4px;}
	.row_pos h3{font-size:24px;}
}

@media screen and (max-width:576px){
	.special_info{font-size:12px;}
	.left_text{padding:60px 0;}
	.right_img{padding-bottom:80px;}
	.p_new_one{width: calc(100% - 10px); margin:5px;}
	.bg_icon_box i:nth-child(8n+1){font-size:80px; margin-top:-40px;}
	.card_side_back{padding:10px;}
	.right_img img{max-width: 90%;}
	.abo-shap img{max-width: 80%;}
	.proc_box{padding: 20px 0;}
	.p_new_box{padding: 10px 0 10px 0;}
	.i_cas_box{padding: 10px 0 10px 0;}
	.i_cus_box{padding: 10px 0 10px 0;}
	.four_in_1{width: calc(50% - 10px); margin: 5px; padding: 30px 0 50px 0;}
	.i_pro_one{width: calc(50% - 10px); margin: 5px; padding: 30px 0 50px 0;}
	.i_cas_one{width: calc(100% - 10px); margin: 10px 5px;}
	.d_text_box{margin-bottom: 20px;}
	.i_discuz_one{width: 100%; margin: 5px 0;}
	.work_ico{width: 100%; height: 70px; line-height: 70px;}
	.work_ico i{font-size: 48px; color: #000;}
	.work_title{font-size: 20px;}
	.work_info{font-size: 12px;}
	.pro_ico{width: 100%; height: 70px; line-height: 70px;}
	.pro_ico i{font-size: 44px; color: #000;}
	.pro_title{font-size: 20px; line-height: 40px;}
	.pro_info{font-size: 12px;}
	.i_video_box{padding: 15px; right: 2%;}
	.i_video_box_ico{width: 36px; height: 36px; line-height: 36px; border-radius: 10px;}
	.i_video_box_ico i{font-size: 28px;}
	.i_video_box_title{width: calc(100% - 36px); height: 36px; line-height: 16px; font-size: 12px;}
	.i_video_box_title strong{line-height: 20px; font-size: 16px;}
	.i_video_box_foot{height: 3px; margin-top: 10px;}
	.i_discuz_one .i_more_tool{bottom: -40px;right: -40px;width: 40px;height: 40px;border-radius: 40px 0 0 0;}
	.i_discuz_one .i_tool_one{height: 40px; line-height: 40px;}
	.i_discuz_one .i_tool_one i{font-size: 16px;}
	.i_discuz_info{display: none;}
	.i_discuz_one{width: calc(25% - 10px); height: auto; float: left; margin: 5px; background: #fff; border-radius: 5px; overflow: hidden; box-sizing: border-box; padding: 20px; position: relative;}
	.i_discuz_img{width: 100%; height: auto;}
	.set_inner_space{padding: 50px 0;}
	.set_ad_space{padding: 20px 0;}
	.big_input{width: 100%; margin: 0; text-align: center;}
	.big_btn{width: 100%; margin-top: 10px;}
	.foot_nav_box ul li{width: 50%;}
	.feed_title{font-size: 16px;}
	.i_ad_num{height: 36px; line-height: 36px; font-size: 28px;}
	.i_ad_txt{height: 22px; line-height: 22px; font-size: 12px;}
}