@charset "UTF-8";
.clear{zoom: 1}
.head-nav-tag.red-outline{display: inline-block;
    width: 39px;
    border-radius: 4px;
    height: 14px;
    border: 1px solid #f64041;
    font-size: 9px;
    line-height: 12px;
    color: #f64041;
    text-align: center;
    margin-left: 3px;}
.head-nav-tag-text{height: 12px;

    font-size: 12px;
    -webkit-transform: scale(0.8333333333);
    transform: scale(0.8333333333);}
.clear:after{content: '';
	display: block;
	clear: both;
	font-size: 0}
.header-white .header-wrap_top{background: #fff;}
.header-hd{position: fixed;
	z-index: 1000;
	width: 100%;
	height: 62px;
	line-height: 1.5;
	backdrop-filter: blur(5px);
	background-color: rgba(255,255,255,.8) !important;}
.brand{font-size: 14px;
    line-height: 15px;
    color: #555;
    padding-left: 10px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border-left: 2px solid #eaeaea;}
.header-wrap_top:hover{background: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);}
.header-wrap{position: relative;
	z-index: 202;
	width: 100%;
	height: 62px;
	margin: 0 auto;
	font-size: 0;
	white-space: nowrap;
   box-shadow: 0 2px 8px rgba(8,20,49,.1);}
.header-hd_logo, .header-hd_menu{display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle}
.header-hd_logo{vertical-align: top;
	margin-right: 10px;
	margin-left: 20px;
	position: relative}
.header-hd_logo a{position: relative;
	overflow: hidden;
	display: block;
	width: 120px;
	height: 46px;
	height:62px;
    min-height: 62px;
	cursor: pointer;
	background: url(../images/logo.png) center no-repeat;
	background-size: 100%}
.header-hd_menu{height: 62px;}
#dcytite{display: block;
	width: 100%;
	height: 100%}
.header-hd_menu_list{font-size: 0;
	white-space: nowrap;
	float: left;
	transition: all .25s ease}
.header-hd_menu_list>li{display: inline-block}
.header-hd_list_item{display: block;
	position: relative;
	padding: 0px 12px;
	height: 62px;
	font-weight: 600;
	line-height: 62px;
	font-size: 15px;
	color: var(--dcydhzt);}
.header-hd_list_item:hover{color: var(--dcydhxz)}
.header-hd_list_item:hover:after{opacity: 1}
.header-hd_menu_list>li.active .header-hd_list_item{color: var(--dcydhxz);}
.header-hd_menu_list>li.active .header-hd_list_item:after{z-index: 1;
	opacity: 1}
.header-hd_list_item:hover:after{width: 100%;}
.header-hd_list_item:after{content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 2px;
    background: var(--dcyxhx);
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    margin: 0 auto;}
.header-hd .header-hd_tag{ox-sizing: border-box;
    margin-left: -31px;
    height: 12px;
    right: -12px;

    border-radius: 4px;
    border-bottom-left-radius: 0;
    position: relative;
    top: -16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f64041;
    font-weight: bold;
    line-height: 12px;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;}
.hd_menu_dropdown{display: none;
	position: absolute;
	left: 0;
	top: 62px;
	border-top: 1px solid #ededed;
	padding: 0;
	width: 100%;
	font-size: 0}
.hd_menu_dropdown:after{content: "";
    display: block;
    position: absolute;
    width: 20%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;}
.dropdown_title_ul{padding: 6px 0}
.header-hd_operation{position: absolute;
	z-index: 10;
	right: 0;
	top: 0;
	height: 62px;
	padding-left: 300px}
.header-hd_login, .header-hd_operation>a{display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	font-size: 14px;
	cursor: pointer;
	color: var(--dcydhzt)}
.header-hd_operation>a{height: 34px;
    font-weight: 600;
    line-height: 34px;
	cursor: pointer;
    padding: 0 12px;}
.header-hd_operation>a:hover{color: var(--dcydhxz)}
.header-hd_login{height: 61px;}
.header-hd_lang{height: 60px;}
.header-hd_log_lang .user_mng{position: relative;
	display: block;
	height: 60px;
	line-height: 60px;
	color: var(--dcydhzt);}
.header-hd_log_lang .user_mng:hover{color:var(--dcydhxz)}
.header-hd_log_lang .user_mng img{display: black;
	float: left;
	margin-top: 10px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 2px solid #d9edf7;
	border-radius: 50%}
.header-hd_log_lang .user_mng>b{float: left;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--dcydhzt);
	white-space: nowrap}
.header-hd_log_lang .user_dropdown .user-chk{height: 22px;
    line-height: 22px;
    color: #252B3A;
    font-weight: 600;
    font-size: 14px;
    width: 82px;
    margin-bottom: 8px;}
.header-hd_log_lang .user_dropdown .user-chk .chk-name{display: block;
	font-size: 14px;
	color: var(--dcydhxz);
    font-weight: 800;}
.header-hd_log_lang:hover .user_mng{background: #fff;
    z-index: 1}
.header-hd_log_lang:hover .user_dropdown{display: block;
	*zoom: 1}
.header-hd_log_lang:hover .log_in_arr{border-width: 0 4px 4px;
	border-color: transparent transparent var(--dcyanxz)}
.header-hd_log_lang .log_in_arr{position: absolute;
	top: 28px;
    right: -15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0;
	border-color: #666 transparent transparent}
.header-hd_log_lang .user_dropdown{display: none;
    position: absolute;
    right: -80px;
    top: 61px;
    padding: 16px 16px 0;
    width: 190px;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px;}
.header-hd_log_lang .user_dropdown ul{padding-bottom: 0px}
.header-hd_log_lang ul a{display: block;
	line-height: 32px;
	color: #495770;
	cursor: pointer;
	font-size: 14px}
.header-hd_log_lang ul a b{float: right;
	margin-top: 7px;
	padding: 0 6px;
	line-height: 18px;
	font-weight: 400;
	border-radius: 9px;
	background: var(--dcyans);
	color: #fff}
.header-hd_log_lang li a:hover{color: var(--dcydhxz)}
.header-hd_log_lang li a:hover b{color: #fff}
.header-hd_log_lang .user_dropdown ul li{position: relative;
    display: block;
    font-size: 14px;
    color: #495770;}
.line{background: #d6d6d6;
    height: 14px;
    margin: 0 16px;
    width: 1px;}
.header-hd_log_in .user_mng{position: relative;
	display: block;
	padding: 0px 20px 0 12px;
	height: 60px;
	line-height: 60px;
	color: var(--dcydhzt);}
.header-hd_log_in .user_mng:hover{color: var(--dcydhxz)}
.header-hd_log_in .user_mng img{display: black;
	float: left;
	margin-top: 10px;
	margin-right: 8px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border: 2px solid #d9edf7;
	border-radius: 8px}
.header-hd_log_in .user_mng>b{float: left;
	max-width: 100px;
	margin-top: 0px;
	color: var(--dcydhxz);
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: 'dcynews';
	white-space: nowrap}
.header-hd_log_in{position: relative;
	margin-right: 12px}
.header-hd_log_in:hover .user_mng{background: #fff;

	z-index: 1}
.header-hd_log_in:hover .user_dropdown{display: block;
	*zoom: 1}
.header-hd_log_in:hover .log_in_arr{border-width: 0 4px 4px;
	border-color: transparent transparent var(--dcyanxz)}
.header-hd_log_in .log_in_arr{position: absolute;
	top: 28px;
    right: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 4px 0;
	border-color: #666 transparent transparent}
.header-hd_log_in .user_dropdown{display: none;
    position: absolute;
    right:0px;
    top: 62px;
    padding: 16px 16px 0;
    width: 280px;
    background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px;}
.header-hd_log_in .user_dropdown ul{padding-bottom: 10px}
.header-hd_log_in ul a{display: block;
	cursor: pointer;
	padding: 0 12px;
	line-height: 32px;
	border-radius: 4px;
	color: var(--dcydhzt);
	font-size: 14px;
	-webkit-transition: background .2s ease, color .2s ease;
	transition: background .2s ease, color .2s ease}
.header-hd_log_in ul a b{float: right;
	margin-top: 7px;
	padding: 0 6px;
	line-height: 18px;
	font-weight: 400;
	border-radius: 9px;
	background: var(--dcyans);
	color: #fff}
.header-hd_log_in ul a i{display: inline-block;
	margin-right: 8px;
	font-size: 15px;
	color: #8492a6;
	vertical-align: middle}
.header-hd_log_in ul a .realname{color: #52c41a;
	margin-left: 4px}
.header-hd_log_in ul a .is_realname{color: #e6a23c;
	margin-left: 4px}
.header-hd_log_in li a:hover{color: var(--dcydhxz)}
.header-hd_log_in li a:hover b{color: #fff}
.header-hd_log_in .user_dropdown ul li a:hover{background: #337dff;
	color: #fff}
.header-hd_log_in .user_dropdown ul li a:hover i{color: #fff}
.header-hd_log_in .user_dropdown ul li{position: relative;
    display: block;
    font-size: 14px;
    color: #495770;}
.user_dropdown .user-chk{margin-bottom: 14px;
	padding-bottom: 14px;
	border-bottom: 2px solid #fff}
.user_dropdown .user-chk .chk-name{display: block;
	font-size: 14px;
	font-family: 'dcynews';
	color: #252b3a}
/* ===== 顶部下拉：代理等级徽章 / 成为代理 ===== */
.user-chk .chk-agent,
.user-chk .chk-become-agent{display: inline-flex;
    align-items: center;
    margin-top: 8px;
    padding: 0 12px 0 10px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    border-radius: 12px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, var(--acolor,#ff7301) 0%, var(--acolor,#ff7301) 100%);
    box-shadow: 0 0 10px rgba(0,0,0,.12);}
.user-chk .chk-agent i,
.user-chk .chk-become-agent i{margin-right: 5px;
    font-size: 12px;}
/* 流光扫过 */
.user-chk .chk-agent::after,
.user-chk .chk-become-agent::after{content: "";
    position: absolute;
    top: 0;
    left: -60%;
    width: 45%;
    height: 100%;
    background: linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-animation: chkAgentFlow 2.6s ease-in-out infinite;
    animation: chkAgentFlow 2.6s ease-in-out infinite;}
@-webkit-keyframes chkAgentFlow{0%{left:-60%}55%{left:120%}100%{left:120%}}
@keyframes chkAgentFlow{0%{left:-60%}55%{left:120%}100%{left:120%}}
/* 非代理时主色使用站点红 */
.user-chk .chk-become-agent{background: linear-gradient(90deg, #f64041 0%, #ff7a3d 100%);}
.user-chk .chk-become-agent:hover{color: #fff;
    opacity: .92;}
.header-hd_log_out{display: none;
    margin-right: 12px;
    font-size: 14;
    padding-top: 14px;}
.header-hd_log_out a{display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	padding: 0 12px;
	color: var(--dcydhzt);
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	line-height: 32px}
.header-hd_log_out a:hover{color: var(--dcydhxz)}
.header-hd:before{content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: 0 0;
	-webkit-transition: height .3s,background-color .3s;
	transition: height .3s,background-color .3s}
.header-hd_ct_bg{display: none;
	position: absolute;
	z-index: 201;
	left: 0;
	top: 90px;
	width: 100%;
	background: #222;
	opacity: .95;
	filter: alpha(opacity=95);
	-webkit-transition: all .3s cubic-bezier(0,1,.5,1);
	transition: all .3s cubic-bezier(0,1,.5,1)}
.header-hd_menu_list .help-hot{background: 0 0;
	display: inline-block;
	color: var(--dcydhzt);
	font-size: 12px;
	padding: 0 3px;
	border-radius: 2px;
	margin-left: 5px;
	line-height: 15px}
.header-hd_menu_list .help-org{color: var(--dcydhzt)}
.header-hd_menu_list .head-menu-more, .head-nav-m{display: none}
.head-nav-btn, .nav-m-user, .nav-m-msearch{display: inline-block;
	padding: 8px;
	vertical-align: middle}
.nav-user-icon{display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	font-size: 24px;
	line-height: 1;
	color: var(--dcydhzt)}
.nav-msearch-icon{display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	font-size: 24px;
	line-height: 1;
	color: var(--dcydhzt)}
.head-nav-btn span{display: block;
	width: 20px;
	height: 2px;
	position: relative;
	background: var(--dcydhzt);
	border-radius: 4px;
	z-index: 1;
	-webkit-transform-origin: 20px;
	-ms-transform-origin: 20px;
	transform-origin: 20px;
	transition: background .5s cubic-bezier(0.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(0.77,.2,.05,1),width .5s}
.head-nav-btn span+span{margin-top: 5px}
.head-nav-btn span:nth-last-child(2){-ms-transform: rotate(0);
	transform: rotate(0);
	transition: width .5s ease}
.head-nav-btn.head-nav-btn-actived span{opacity: 1;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)}
.head-nav-btn.head-nav-btn-actived span:nth-last-child(3){opacity: 1;
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)}
.head-nav-btn.head-nav-btn-actived span:nth-last-child(2){width: 0;
	opacity: 0;
	-ms-transform: rotate(0);
	transform: rotate(0);
	transition: width .5s}
.nav-m-menu-wrap, .nav-m-user-list{display: none}
.header-hd_lang{display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	color: #fff;

    padding: 0 16px;
	position: relative}
.header-hd_lang .user_dropdown .bottom{margin-bottom: 15px;
	padding-bottom: 0px;
	border-bottom: 2px solid #DFE1E6;}
.header-hd_lang .user_dropdown .user-chk{margin-bottom: 8px;
	padding-bottom: 0px;
	border-bottom: 0px solid #fff;}
.head-lang-tips{position: absolute;
	z-index: 200;
	top: 100px;
	left: 0;
	width: 100%;
	background: rgba(34,36,48,.7);
	color: #fff;
	font-size: 12px}
.head-lang-tips .w{position: relative;
	padding: 20px 0}
.head-lang-tips .lang-tips-close{position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 24px;
	opacity: .5}
.head-lang-tips .lang-tips-close:hover{opacity: .9}
.head-lang-tips .lang-tips-check{display: inline-block;
	width: 16px;
	height: 16px;
	background: #fff;
	border-radius: 2px;
	vertical-align: -3px;
	margin-right: 10px;
	position: relative}
.head-lang-tips .lang-tips-check.is-checked{background: #4762fe}
.head-lang-tips .lang-tips-check.is-checked:after{-ms-transform: rotate(45deg) scaleY(1);
	transform: rotate(45deg) scaleY(1)}
.head-lang-tips .lang-tips-check:after{box-sizing: content-box;
	content: "";
	border: 1px solid #fff;
	border-left: 0;
	border-top: 0;
	height: 9px;
	left: 6px;
	position: absolute;
	top: 2px;
	-ms-transform: rotate(45deg) scaleY(0);
	transform: rotate(45deg) scaleY(0);
	width: 4px;
	transition: transform .15s ease-in .05s;
	-ms-transform-origin: center;
	transform-origin: center}
.header-wrap_top{height: 62px;
	position: relative;
	z-index: 10}
.head-search-tag.blue-outline{background: transparent;
    border-radius: 2px;
    box-shadow: none;
    background: var(--dcyans);
    color: #fff;}
.head-search-tag.blue-outline:before{background: var(--dcyans);
    border-radius: 1px;
    content: "";
    height: 7px;
    left: -4px;
    position: absolute;
    transform: rotate(45deg);
    width: 7px;}
.head-search-tag.red-outline{background: transparent;
    border-radius: 2px;
    box-shadow: none;
    background: #f33e3e;
    color: #fff;}
.head-search-tag.red-outline:before{background: #f33e3e;
    border-radius: 1px;
    content: "";
    height: 7px;
    left: -4px;
    position: absolute;
    transform: rotate(45deg);
    width: 7px;}
.head-search-tag{box-sizing: border-box;
    margin-left: 8px;
    padding: 0 4px;
    height: 15px;
    background: #fff;
    box-shadow: 2px 2px 4px 0 rgba(55,99,170,.31);
    background: #fff;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    position: relative;
    top: -1px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f64041;
    font-size: 9px;
    line-height: 9px;}
.header-hd_search{position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	color: #fff;
	height: 62px}
.header-hd_search:hover{color:var(--dcydhxz)}
.head-search{position: relative;
	width: 300px;
	padding: 10px 16px}
.head-search .head-search-mask{position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 3;
	cursor: pointer}
.head-search .head-search-ipt{outline: 0;
	background: #f7f9fb;
	height: 40px;
	padding: 4px 52px 4px 12px;
	width: 100%;
	box-sizing: border-box;
	color: var(--dcydhzt);
	border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: rgba(155, 166, 183, 0.4);
    border-bottom-color: rgba(155, 166, 183, 0.4);
    border-left-color: rgba(155, 166, 183, 0.4);
	font-size: 14px}
.head-search .head-search-ipt::-webkit-input-placeholder{color: #7f76ff}
.head-search .head-search-ipt:-ms-input-placeholder{color: #7f76ff}
.head-search .head-search-ipt:-moz-placeholder{color: #7f76ff}
.head-search .head-search-ipt::-moz-placeholder{color: #7f76ff}
.head-search .head-search-ipt::placeholder{color: #7f76ff}
.head-search .head-search-btn{position: absolute;
	right: 16px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border: none;
	background-color: #f7f9fb;
	outline: 0;
	text-align: center;
	border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-color: rgba(155, 166, 183, 0.4);
    border-right-color: rgba(155, 166, 183, 0.4);
    border-bottom-color: rgba(155, 166, 183, 0.4);
	z-index: 1}
.head-search i, .head-search i{display: inline-block;
	width: 16px;
	height: 16px;
	margin-top: -5px;
	color: var(--dcydhxz);
	vertical-align: middle}
.head-search .i-clear{background-image: url(../images/data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik0wIDBoMTZ2MTZIMHoiLz48L2RlZnM+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48bWFzayBpZD0iYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjYSIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI2IpIiBzdHJva2U9IiM4QzhDOEMiIHN0cm9rZS13aWR0aD0iMS41Ij48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxIDEpIj48cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIGQ9Ik0xMC40MTcgMTEuMDk4bDIuNDA0IDIuNDA0Ii8+PGNpcmNsZSBjeD0iNi41IiBjeT0iNi41IiByPSI1Ljc1Ii8+PC9nPjwvZz48L2c+PC9zdmc+)}
.head-search .head-search-clear{display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	color: #595959;

	background-color: #e5e5e5}
.head-search .head-search-clear:after{content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 16px;
	margin-top: -8px;
	background-color: #D9D9D9}
.head-search-dropdown{display: none;
	background: #fff;
	padding: 1px 0 10px;
	box-shadow: 0 2px 16px 0 rgba(0,0,0,.1)}
.head-search-dropdown .beforeInput-block{margin-bottom: 12px;}
.head-search-dropdown .head-search-dropdown-tit, .head-search-dropdown h3{font-size: 14px;
	color: #666;
	padding-left: 16px;
	margin-bottom: 5px}
.head-search-dropdown li a{display: block;
	color: var(--dcydhzt);
	line-height: 32px;
	padding: 0 16px;
	transition: all .25s ease}
.head-search-dropdown li a:hover{color: var(--dcydhxz)}
.search-active{left: -200px;
	box-shadow: 0 2px 16px 0 rgba(0,0,0,.1)}
.search-active .head-search{width: 485px;
	background: #fff}
.search-active .head-search .head-search-ipt{border: 1px solid var(--dcyanb);
	border-radius: 4px;
	background-color: #fff}
.search-active .head-search .head-search-btn{z-index: 1;
	background: 0 0}
.search-active .head-search .head-search-mask{display: none}
.hd-dropdown-dl dd .header-other-item-title:hover{color: #252b3a;}
.hd-dropdown-dl dd .header-other-item-title{color: #222;
    font: 600 14px/22px PingFangSC-Semibold;
    margin-bottom: 4px;}
.hd-dropdown-dl dd .header-other-item-desc{color: rgba(34,34,34,.7);
    font: 400 12px/20px PingFangSC-Regular;}
.hd-dropdown-dl dd .header-left-extends{width: 238px;}
.hd-dropdown-dl dd .header-left-desc{box-sizing: border-box;
    color: rgba(34,34,34,.7);
    font: 400 14px/22px PingFangSC-Regular;
    padding-right: 24px;}
.header-left-extends{box-sizing: border-box;
    padding-right: 24px;
    white-space: pre-line;
    position: absolute;
    bottom: 30px;
    color: #000;
    font-weight: 600;
    font-family: "dcynews";}
.header-hd_consultation{font-size: 14px;
    font-weight: bold;
    text-align: center;
    background: #0056ff;
	width: 96px;
    height: 62px;
    line-height: 62px;
    display: inline-block;

    vertical-align: middle;
    border: 0px solid  var(--dcyans);
    border-radius: 0px;
    position: relative;
    overflow: hidden;}
.header-hd_consultation a{display: block;
	color: #fff;
	padding: 1px;
	position: relative;
    top: -1px;
	height: 32px}
.header-hd_consultation a:hover{display: block;
	color: #fff;
	padding: 1px;
	height: 32px}
.header-hd_consultation a i{position: relative;
	vertical-align: top;
	display: inline-block;
	padding: 8px;
	width: 16px;
	height: 16px;
	margin-right: 4px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 2}
.header-hd_consultation a i img{vertical-align: top;
	width: 100%;
	height: 100%}
.header-hd_consultation a span{vertical-align: top;
	display: inline-block;
	z-index: 2}
.scroll-btn{display: none;
	position: absolute;
	top: 0;
	left: 194px;
	z-index: 1;
	height: 70px;
	width: 50px;
	background: linear-gradient(90deg,rgba(255,255,255,0)0,#fff 60%,#fff 100%)}
.scroll-btn i{position: absolute;
	top: 50%;
	left: 50%;
	margin: -7px 0 0 7px;
	display: block;
	width: 14px;
	height: 14px}
.scroll-btn i:before{content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -5px 0 0 -3px;
	border-top: 2px solid #8a8a8a;
	border-right: 2px solid #8a8a8a;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)}
.scroll-btn:hover i:before{border-color: #0056ff}
.scroll-btn-left{-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1)}
.scroll-btn-right{left: 842px}
.hd-dropdown-wrap{position: relative;
	font-size: 14px;
	height: 552px;
	width: 1576px;
	margin: 0 auto;

	position: relative;
    z-index: 2;
	max-height: calc(100vh - 70px - 10px)}
.hd-dropdown-col-right{padding-left: 16px;}
.hd-dropdown-col{width: 19%;
	float: left;
	box-sizing: border-box}
.hd-dropdown-col-right{width: 22%;}
.hd-dropdown-col .hd-dropdown-dl+.hd-dropdown-dl{padding-top: 0}
.dd-all-link{margin: 0px 0;}
.dd-all-a{white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 220px;
    cursor: pointer;}
.dd-all-a:hover .dd-all-text{color: var(--dcydhxz);}
.dd-all-tag{display: block;
    box-sizing: border-box;
    margin-right: 8px;
    min-width: 56px;
    height: 18px;
    background: #fff;
    border: 1px solid var(--dcyanb);
    border-radius: 2px;
    font-size: 12px;
    line-height: 16px;
    color: var(--dcydhxz);
    padding: 0 4px;
    text-align: center;
    display:inline-block;
    margin-right:8px;}
.dd-all-text{width: 1px;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 20px;
    color: #181818;}
.dropdown-product-col-right .hd-dropdown-dl+.hd-dropdown-dl{border-top: 1px solid #e1e2e4}
.hd-dropdown-dl{padding: 24px 10px 24px 24px;
	position: relative;
	z-index: 10}
.hd-dropdown-dl dt{font-weight: 700;
	white-space: normal;
	width: 100%;
    color: var(--dcydhxz);
    font-size: 14px;
    cursor: pointer;
    line-height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid  #d6dbe3;}
.hd-dropdown-dl dt i{box-sizing: border-box;
    font-size: 16px;
    color: var(--dcydhxz);
    margin-left: 5px;
    margin-top: 2px;

    position: absolute;
        -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;}
.hd-dropdown-dl dt:hover i{margin-left: 8px;}
.hd-dropdown-dl dt+dd{margin-top: 10px}
.hd-dropdown-dl dd{line-height: 22px;
	padding: 5px 0;
	font-size: 14px;
	white-space: normal}
.hd-dropdown-dl dd .solution{line-height: 22px;
	padding: 5px 0;
	font-size: 14px;
	white-space: normal}
.hd-dropdown-dl dd a{color:#252b3a;
	display: block}
.hd-dropdown-dl dd a:hover{color:var(--dcydhxz);
      cursor: pointer;}
.hd-dropdown-dl dd a:hover .header-other-item-title{color:var(--dcydhxz);
      cursor: pointer;}
.hd-dropdown-dl dd .header-other-item-title .tag{color: var(--dcydhzt);
    padding-left: 10px;
    font-size: 13px;}
.hd-dropdown-dl dd p{color: #666;
	margin: 4px 0 0px;}
.dropdown-product-wrap{font-size: 14px;
	max-width: 1576px;
	position: relative;
    z-index: 2;
	margin: 0 auto}
.dropdown-product-left{float: left;
	width: 20%;
	max-height: calc(100vh - 70px - 10px);
	height: 600px}
.dropdown-product-left{padding: 24px;}
.dropdown-product-scroll .about-tit{font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    color: #252b3a;}
.dropdown-product-scroll .about-txt{margin: 16px 0;
    font-size: 14px;
    line-height: 22px;
    color: #595959;}
.dropdown-product-scroll .dropdown-product-menu-entry{position: relative;
    display: flex;
    justify-content: center;
    color: #181818;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    align-items: center;
    border: 1px solid #d7dbe2;
    margin-bottom: 12px;
    padding: 5px 0;
        -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;}
.dropdown-product-scroll .dropdown-product-menu-entry:hover{border: 1px solid #fff;
    background: var(--dcyanxz);}
.dropdown-product-scroll .dropdown-product-menu-entry:hover{color: #fff;}
.dropdown-product-scroll .dropdown-product-menu-entry:hover{text-decoration: none;}
.dropdown-product-scroll .dropdown-product-menu-i{display: inline-block;
    margin-left: 8px;
    font-size: 16px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;}
.dropdown-product-menu-entry:hover .dropdown-product-menu-i{margin-left: 12px;}
.dropdown-product-scroll{white-space: normal;
    box-sizing: border-box;}
.dropdown-product-right{overflow: auto;
	max-height: calc(100vh - 70px - 10px);
	height: 100%}
.dropdown-product-scroll{overflow: auto;
	height: calc(100%)}
.dropdown-product-body{height: 100%;
	padding: 0 0 0 24px}
.dropdown-product-ct{min-height: 100%;
	display: none;
	overflow: hidden;
	position: relative}
.dropdown-product-ct.dropdown-show{display: block}
.dropdown-product-col{float: left;
	width: 25%;
	box-sizing: border-box}
.dropdown-product-col .hd-dropdown-dl{padding: 24px 10px 24px 0}
.dropdown-product-col-right{float: right;
	width: 25%;
	height: 100%;
	box-sizing: border-box;
	padding-left: 24px;
	padding-right: 0}
.dropdown-product-col-right:after{content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0%;
	bottom: 0;
	border-left: 0px solid #e5e5e5;
	z-index: 1}
.dropdown-search-clear, .search-result-box{display: none}
.product-searching .search-result-box{display: block}
.m-consultation{display: none;
	position: fixed;
	bottom: 70px;
	right: 0;
	width: 52px;
	transition: right .5s ease}
.m-consultation.scrolling{right: -40px}
.m-consultation .m-consultation-mask{display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: 0 0}
.m-consultation a{display: block}
.m-consultation img{vertical-align: top;
	max-width: 100%}
.m-consultation .cu-sub{display: none;
	position: absolute;
	bottom: 64px;
	right: 16px;
	width: 260px;
	padding: 24px 24px 20px;
	background: #fff;
	box-sizing: border-box;
	border-radius: 2px;
	box-shadow: 0 4px 6px 1px rgba(166,138,138,.1);
	z-index: 1}
.m-sub-nav{display: none}
.hd-drodown-about{white-space: normal;
	box-sizing: border-box}
.hd-drodown-about .about-tit{font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #252b3a}
.hd-drodown-about .about-txt{margin: 16px 0;
	font-size: 14px;
	line-height: 22px;
	color: #595959}
.hd_menu_dropdown{background-color: #f1f2f5;
	    box-shadow: rgba(55,99,170,.2) 8px 8px 20px 0px, #fff -8px -8px 20px 0px;
	background-size: cover}
.dropdown-product-nav{padding: 0;}
.dropdown-product-nav li{margin-left: 15px;
    box-sizing: border-box;
    height: 35px;
    line-height: 35px;
    text-align: left;
    font-size: 14px;
    cursor: pointer;}
.dropdown-product-nav li.active a{color: var(--dcydhxz);}
.dropdown-product-nav li a{color: #181818;
    display: inline-block;
    position: relative;}
.dropdown-product-nav li.active a:after{width: 100%;}
.dropdown-product-nav li a:after{content: "";
    width: 0;
    height: 2px;
    background: var(--dcyxhx);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.5s ease-out;}
.dropdown-product-left{background: #fff url(../images/dropdown-left.png);
    background-size: cover;
	background-position: center
	background-size: cover;
	background-position: center}
.dropdown-product-left .header-hd_tag{display: inline-block;
	height: 14px;
	font-size: 10px;
	line-height: 14px;
	padding: 0 6px;
	margin-left: 10px;
	border: 1px solid #337dff;
	vertical-align: 2px}
.dropdown-product-col-left{float: left;
	width: 75%;
	box-sizing: border-box;
	margin-top: 7px}
.dropdown-product-col-left .hot-dropdown-item:first-child .item-tit{margin-top: 0}
.dropdown-product-col-left .item-tit{display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: var(--dcydhxz);
    width: 100%;
    padding-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6dbe3;
    cursor: pointer;}
.dropdown-product-col-left .item-tit i{box-sizing: border-box;
    font-size: 16px;
    color: var(--dcydhxz);
    margin-left: 5px;
    margin-top: 2px;

    position: absolute;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;}
.dropdown-product-col-left .item-tit:hover i{margin-left: 8px;}
.dropdown-product-col-left .flex{width: 100%;
    list-style: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 0px;
    height: 240px;
    margin-bottom: 0px;
    align-items: flex-start;
    align-content: flex-start;
    -moz-column-gap: 0px;
    column-gap: 0px;}
.recommend-pic{display: block;
    float: left;
    width: 63px;
    height: 63px;
    margin-left: -5px;
    margin-top: -6px;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-size: 100%;}
.recommend-1{background-image: url(../images/recommend-1.png);}
.recommend-2{background-image: url(../images/recommend-2.png);}
.dropdown-product-col-left .flex .flex-item{background-image: url(../images/ba6bd1a8-fd64-4986-9933-d56fe1356319.png);
    background-size: auto 100px;
    background: hsla(0, 0%, 100%, .7);
    border: 2px solid #fff;
    border-radius: 4px;
    box-shadow: 0 0 8px #0000001a;

    padding: 8px;
    position: relative;
    transition: all .3s linear;
    position: relative;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 31.6%;
    height: 64px;
    margin-right: 40px;
    margin-top: 15px;}
.dropdown-product-col-left .flex .flex-sequence{border-radius: 4px;
     border: 1px solid #d6dbe3;

    padding: 8px;
    position: relative;
    transition: all .3s linear;
    position: relative;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 31.6%;
    height: 64px;
    margin-right: 20px;
    margin-top: 15px;}
.dropdown-product-col-left .flex .flex-sequence a:hover .tit b{color: var(--dcydhxz);}
.flex .flex-sequence:before, .flex .flex-sequence:after{position: absolute;
    content: '';
    right: 0;
    top: 0;
    background: var(--dcydhxz);
    transition: all 0.7s ease;}
.flex .flex-sequence:hover:after{width: 100%;}
.flex .flex-sequence:hover:before{height: 100%;}
.flex .flex-sequence:after{width: 0%;
    height:1px;}
.flex .flex-sequence:before{width: 1px;
    height: 0%}
.flex .flex-sequence a:before, .flex .flex-sequence a:after{position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    background: var(--dcydhxz);
    transition: all 0.7s ease;}
.flex .flex-sequence a:hover:before{height: 100%;}
.flex .flex-sequence a:before{width: 1px;
    height: 0%;}
.flex .flex-sequence a:hover:after{width: 100%;}
.flex .flex-sequence a:after{width:0%;
    height: 1px;}
.dropdown-recommend{position: relative;
    z-index: 10;
    padding: 24px 10px 0 0;}
.recommend-card-txt{background-image: url(../images/b474b147-9c83-4646-b6a1-04ae5c234f92.png);
    background-size: auto 100px;
    background: hsla(0,0%,100%,.7);
    border: 2px solid #fff;
    box-shadow: 0 4px 8px 0 rgba(192,199,209,.2);
    padding: 16px 24px 12px;}
.recommend-card{margin-bottom: 24px;}
.recommend-card-txt .tit{font-size: 0;
    overflow: hidden;}
.recommend-card-txt .tit i{float: left;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    overflow: hidden;
    display: none;}
.recommend-card-txt .tit i img{vertical-align: top;
    max-width: 100%;}
.recommend-card-txt .tit b{display: block;
    margin-top: 0px;
    color: var(--dcydhxz);
    line-height: 24px;
    font-size: 16px;
    font-weight: 600;
    -webkit-line-clamp: 1;}
.dropdown-product-col-left .flex .flex-item:last-child{margin-right: 0}
.dropdown-product-col-left .flex .flex-item a{display: block}
.dropdown-product-col-left .flex .flex-item a:hover .tit b{color:var(--dcydhxz)}
.dropdown-product-col-left .tit{white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.dropdown-product-col-left .tit b{font-size: 15px;
	color: #252b3a;
	font-family: dcynews;
	font-weight: 600}
.dropdown-product-col-left .tit .tip{display: inline-block;
	width: 60px;
	border-radius: 4px;
	height: 20px;
	border: 1px solid #f64041;
	font-size: 12px;
	line-height: 19px;
	color: #f64041;
	text-align: center;
	margin-left: 8px}
.dropdown-product-col-left .desc{font-size: 14px;
	color: #595959;
	margin-top: 5px;
	overflow: hidden;
	word-wrap: normal;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis}
.dropdown-product-col-left .link{position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 33px;
	line-height: 33px;
	background: rgba(255,255,255,.3);
	border-top: 1px solid rgba(255,255,255,.6);
	font-size: 12px;
	text-indent: 16px;
	color: #8c8c8c}
.dropdown-product-col-left .other-list-box{width: 100%;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    padding-top: 10px;}
.dropdown-product-col-left .other-list-title{height: 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--dcydhzt);
    line-height: 20px;
    margin-bottom: 10px;}
.dropdown-product-col-left .other-list-name{min-height: 28px;
    font-size: 14px;
    font-weight: 400;
    color: #252b3a;
    line-height: 28px;
    cursor: pointer;}
.dropdown-product-col-left .other-list-name a{color: #252b3a;
    cursor: pointer;}
.dropdown-product-col-left .other-list-name a:hover{color: var(--dcydhxz);}
.dropdown-product-col-left .other-list-column{flex: 1 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;}
.hd-dropdown-dl dd p{white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.hd-dropdown-dl dd p.header-item-solution-item-desc{overflow: hidden;
    white-space: normal;
    width: 90%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.dropdown-product-search{margin-top: 0;
	position: relative;
	padding: 0;
	width: auto}
.dropdown-product-search .search-box{margin-top: 10px;
	padding: 14px 10px 0 20px;
	position: relative;
	width: 590px}
.dropdown-product-search .dropdown-search-ipt{border: 1px solid #fff;
	outline: 0;
	background: #fff;
	height: 40px;
	width: 100%;
	padding: 2px 28px;
	box-sizing: border-box;
	font-size: 12px}
.dropdown-product-search .dropdown-search-ipt:focus{border-color: var(--dcydhxz)}
.dropdown-product-search .dropdown-search-ipt:focus+.dropdown-search-icon{color: var(--dcydhxz)}
.dropdown-product-search .dropdown-search-icon{position: absolute;
	top: 26px;
	left: 27px;
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	color: #9a9a9a}
.dropdown-product-search .dropdown-search-clear{position: absolute;
	top: 27px;
	right: 20px;
	width: 14px;
	height: 14px;
	line-height: 13px;
	text-align: center;
	background: #ccc;
	color: #fff;
	font-size: 12px;
	border-radius: 50%;
	cursor: pointer}
.dropdown-product-search .hot-box{position: absolute;
	top: 14px;
	left: 600px;
	height: 40px;
	width: auto;
	overflow: hidden}
.dropdown-product-search .hot-box ul{margin: 0;
    padding: 0;
    list-style: none;}
.dropdown-product-search .hot-box ul li{float: left}
.dropdown-product-search .hot-box ul li a{display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 12px;
	margin-right: 12px;
	background: #dfe5ee;
	border-radius: 2px}
.dropdown-product-search .hot-box ul li a:hover{background: var(--dcyans);
    color: #fff;
    text-decoration: none;}
.search-result-box{position: absolute;
	top: 55px;
	left: 20px;
	padding-top: 0px;
	width: 560px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(38,38,38,.1);
	z-index: 20;
	overflow: auto;
	max-height: 330px}
.result-list ul li a{display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 34px;
	font: 14px;
	color: #252b3a}
.result-list ul li a:hover{background: #f5f7fa;
	color: var(--dcydhxz)}
.dropdown-product-body{margin-top: 0px}
.head-search-dropdown ul{overflow: hidden;
	margin: 0}
.head-search-dropdown ul li{float: left;
	margin-right: 5px;
	margin-bottom: 5px}
.head-search-dropdown ul li a{background: #f2f6fa;
    border-radius: 2px;
    color: #222;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 28px;
    line-height: 28px;
    padding: 0 7px;}
.head-search-dropdown{width: 485px}
.head-search-dropdown .search-historyBlock .head-search-dropdown-tit, .head-search-dropdown .search-hotBlock .head-search-dropdown-tit{position: relative;
    margin-bottom: 12px;
    font-size: 14px;
    color: #5f7292;
    line-height: 22px;
    padding: 0px 0px 0;
    font-weight: 500;
    padding-left: 0;}
.head-search-dropdown .search-historyBlock .head-search-dropdown-tit:after{position: absolute;
	content: "";
	width: 1px;
	height: 12px;
	background: #e5e5e5;
	left: 52px;
	top: 2px}
.delete-icon{position: absolute;
	height: 20px;
	width: 20px;
	left: 60px;
	top: -2px;
	cursor: pointer}
.delete-icon:before, .delete-icon:after{content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 2px;
	margin: -1px 0 0 -6px;
	background: #bfbfbf;
	border-radius: 1px}
.delete-icon:before{-webkit-transform: rotate(45deg);
	transform: rotate(45deg)}
.delete-icon:after{-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)}
.delete-icon:hover:before, .delete-icon:hover:after{background: #e54d42}
.search-historyBlock{display: none;
	position: relative;
	border-bottom: 1px dashed #e5e5e5;
	margin: 0 16px;
	margin-bottom: 8px}
.search-hotBlock{padding-left: 16px}
.m-app-tips{display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 100%;
    z-index: 4000;
    background: #cbcdda;}
.open .m-qrcode-pop{display: table;}
@media (max-width:1680px){.dropdown-product-wrap, .hd-dropdown-wrap{max-width: 1384px}
.dropdown-product-col-left .flex .flex-item{width: 250px}
.header-hd_list_item{padding: 1px 8px}}
@media (max-width:1576px){.dropdown-product-wrap, .hd-dropdown-wrap{max-width: 1384px}
.dropdown-product-col-left .flex .flex-item{width: 200px}
.header-hd_list_item, .header-hd_log_out a, .header-hd_operation>a{padding: 0 8px}
.header-hd_log_in, .header-hd_log_out{margin-right: 8px}
.header-hd_operation{padding-left: 72px}
.head-search{width: 40px}
.head-search .head-search-ipt{padding: 4px 0}
.search-active{left: -328px}
.search-active .head-search-ipt{padding: 4px 52px 4px 12px}}
.head-rwd .header-wrap{width: auto}
.head-notify-bg{height: 54px;}
.head-notify{background: #3d485d;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: flex;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 100%;
    background-size: 100% 100%;
    transition: all 0.2s ease-out;
    position: relative;}
.head-notify-ad{margin: 0 auto;
    display: flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    height: 100%;
    white-space: nowrap;}
.head-notify-ad .head-notify-icon{position: relative;
    height: 22px;
    padding: 0 8px;
    background: var(--dcydhxz);
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    border-radius: 2px;
    border-bottom-right-radius: 0;
    margin-right: 20px;}
.head-notify-ad .head-notify-icon:after{content: "";
    position: absolute;
    left: 100%;
    bottom: 0;
    border-style: solid;
    border-width: 3px 4px;
    border-color: transparent transparent var(--dcydhxz) var(--dcydhxz);}
.head-notify-ad .head-notify-icon img{width: 100%;
  height: 100%;}
.head-notify-ad .head-notify-content{display: flex;
  align-items: center;
  justify-content: flex-start;}
.head-notify-ad .head-notify-content .head-notify a{color: inherit;}
.head-notify-close{position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  z-index: 10;
  color: #fff;
  cursor: pointer;
  display: block;}
.head-notify-close img{height: 26px;
  width: 26px;}
.head-notify-more{position: relative;
    display: flex;
    align-items: center;
    padding-right: 20px;
    color: #000;
    background: transparent;}
.head-notify-more p,
.head-notify-more div{margin: 0;
    display: inline-block;
    vertical-align: middle;}
.head-notify-more p *,
.head-notify-more div *{margin: 0;
    padding: 0;}
.head-notify-more b,
.head-notify-more strong{color: inherit;}
.head-notify-more a{display: inline-block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    font-size: 14px;
    margin-left: 12px;
    color: inherit;}
.head-notify-more a i{position: absolute;
    font-size: 16px;
    margin-left: 6px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;}
.head-notify-more a:hover i{-webkit-transform: translateY(-50%) translateX(4px);
    -ms-transform: translateY(-50%) translateX(4px);
    transform: translateY(-50%) translateX(4px);}
@media (min-width:769px){.head-rwd .nav-m-menu-wrap, .head-rwd .nav-m-user-list{display: none!important}}
@media (max-width:1260px){.head-rwd .hd_menu_dropdown{width: auto;
		right: 0}
.head-rwd .hd-dropdown-wrap{width: auto}}
@media (max-width: 1080px){.head-notify{display: none;}
.head-rwd .header-wrap{height: 50px;
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;}
.head-rwd .header-wrap_top{height: 50px;
		border-bottom: 0}
.head-rwd .head-lang-tips{top: 50px}
.head-rwd .header-hd{position: relative!important;
		background-color: #fff!important;
		height: 50px!important}
.head-rwd .header-hd_logo{margin: 0px 0 0 0px}
.head-rwd .header-hd_logo a{width: 100px;
    left: 5px;
    height: 50px;
    min-height: 50px}
.head-rwd .head-nav-m{display: block;
		position: absolute;
		right: 10px;
		top: 0;
		height: 100%;
		font-size: 0}
.head-rwd .head-nav-m:after{content: '';
		display: inline-block;
		width: 0;
		height: 100%;
		vertical-align: middle;
		overflow: hidden}
.head-rwd .nav-m-user-list{position: fixed;
		z-index: 202;
		top: 50px;
		left: 0;
		right: 0;
		padding-bottom: 30px;
		background-color: #fff;
		font-size: 14px;
		border-top: 1px solid #eee}
.head-rwd .nav-m-btn-wrap{padding: 0px 20px 0}
.head-rwd .nav-m-btn-wrap .head-m-btn-primary.head-m-btn-default{background: 0 0;
		border: 1px solid var(--dcyanb);
		color: var(--dcydhzt)}
.head-rwd .nav-m-btn-item+.nav-m-btn-item{margin-top: 10px}
.head-rwd .nav-m-menu-wrap{position: fixed;
		z-index: 202;
		top: 50px;
		left: 0;
		right: 0;
		padding-bottom: 30px;
		background-color: #fff;
		font-size: 14px;
		border-top: 1px solid #eee}
.head-rwd .nav-m-menu-wrap .nav-m-btn-wrap{padding: 5px 20px;
		border-bottom: 1px solid #eee}
.head-rwd .nav-m-menu .header-hd_tag{margin-left: 0px;
		font-size: 14px;
		 top: 0px;
		color: #dc3e06}
.m-app-tips, .m-qrcode{display: block;}
.m-app-tips .m-app-tips-ct{position: relative;
    padding: 0 100px 0 40px;}
.m-app-tips .m-app-tips-ct .mat-wechat{position: absolute;
    top: 16px;
    right: 20px;
    width: 80px;
    height: 28px;
    line-height: 28px;
    display: block;
    text-align: center;
    background: var(--dcydhzt);
    color: #fff;
    font-size: 12px;
    border-radius: 4px;}
.m-qrcode-pop{display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5000;}
.m-qrcode-pop .m-qrcode-pop-mark{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);}
.head-rwd .nav-m-tips{margin: 12px 16px;
		font-size: 14px;
		color: #000}
.head-rwd .nav-m-tips a{display: inline;
    padding: 0;
    margin: 0 5px;
    color: var(--dcydhxz);
		font-family: "dcynews";
    font-weight: 500;}
.head-rwd .m-qrcode-pop .m-qrcode-pop-mark{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);}
.head-rwd .m-title-level-1, .head-rwd .m-title-level-2, .head-rwd .m-title-level-3{display: block;
		position: relative;
		color: var(--dcydhzt);
		height: 46px;
		line-height: 46px;
		padding-left: 16px;
		border-bottom: 1px solid #eee}
.head-rwd .m-title-level-1 .name{color: #536078;font-family: 'dcynews';}
.head-rwd .m-title-level-1 a, .head-rwd .m-title-level-1 a:hover, .head-rwd .m-title-level-2 a, .head-rwd .m-title-level-2 a:hover, .head-rwd .m-title-level-3 a, .head-rwd .m-title-level-3 a:hover{color: var(--dcydhzt)}
.head-rwd .m-title-level-1 .num{margin-left: 8px;
    color: #ff6646;
    font-family: 'dcynews';}
.head-rwd .m-title-level-1 .state-active{color:var(--dcydhxz);}
.head-rwd .m-title-level-2{background: #fff;
		padding-left: 30px}
.head-rwd .m-title-level-3{padding-left: 40px}
.head-rwd .m-menu-list{background-color: #fff}
.head-rwd .m-menu-parent:after{content: '\e8f5';
		position: absolute;
		top: 15px;
		right: 20px;
		width: 20px;
		text-align: center;
		line-height: 20px;
		height: 20px;
		font-size: 16px;
		-webkit-transition: -webkit-transform .3s;
		transition: transform .3s;
		font-family: headerfont!important}
.head-rwd .m-menu-parent.active>a{color: var(--dcydhzt)}
.head-rwd .m-menu-parent.active:after{color: var(--dcydhzt);
		-webkit-transform: rotate(-180deg);
		-ms-transform: rotate(-180deg);
		transform: rotate(-180deg)}
.head-rwd .nav-m-search{display: block;
		padding: 10px;
		border-bottom: 1px solid #eee}
.head-rwd .m-search-wrap{display: -ms-flexbox;
		display: flex;
		position: relative;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-align: center;
		align-items: center;
		border: 1px solid #eee;
		border-radius: 21px;
		overflow: hidden}
.head-rwd .m-search-wrap .m-search-ipt{-ms-flex: 1;
		flex: 1;
		box-sizing: border-box;
		background: 0 0;
		height: 36px;
		padding: 5px 35px 5px 15px;
		color: var(--dcydhzt);
		border: 0}
.head-rwd .m-search-wrap .m-search-btn{background: #fff;
		border: 0;
		color: var(--dcydhzt);
		width: 50px;
		height: 36px;
		line-height: 36px;
		text-align: center;
		padding: 0}
.head-rwd .m-search-wrap .m-search-btn i{font-size: 20px}
.head-rwd .m-search-wrap .m-search-clear{display: none;
		position: absolute;
		top: 10px;
		right: 59px;
		width: 16px;
		height: 16px;
		line-height: 14px;
		text-align: center;
		font-size: 14px;
		color: #fff;
		background: #ddd;
		border-radius: 100%}
.head-rwd .m-consultation{display: block}
.head-rwd .m-sub-nav{display: block;
		border-top: 1px solid #eee;
		background: #fff;
		height: 49px;
		font-size: 14px;
		position: relative}
.head-rwd .m-sub-nav.open{color: var(--dcydhzt)}
.head-rwd .m-sub-nav .m-sub-nav-tit{position: relative;
		line-height: 49px;
		padding: 0 20px;
		font-size: 16px;
		font-weight: 700}
.head-rwd .m-sub-nav .m-sub-nav-bd{display: none;
		position: absolute;
		top: 49px;
		left: 0;
		width: 100%;
		background-color: #fff;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		padding: 10px 0}
.head-rwd .m-sub-nav .m-sub-nav-bd li{line-height: 40px}
.head-rwd .m-sub-nav .m-sub-nav-bd li a{padding: 0 20px;
		font-size: 14px;
		color: var(--dcydhzt)}}

@charset "UTF-8";
html{-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;}
blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul{margin: 0;
	padding: 0;}
address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
table{border-collapse: collapse;
	border-spacing: 0;}
caption, th{text-align: left;
	font-weight: 400;}
abbr, body, fieldset, html, iframe, img{border: 0;}
address, cite, dfn, em, i, var{font-style: normal;}
[hidefocus], summary{outline: 0;}
li{list-style: none;}
sub, sup{font-size: 83%;}
code, kbd, pre, samp, xmp{font-family: Consolas,Monaco,DejaVu Sans Mono,Bitstream Vera Sans Mono,monospace;}
q:after, q:before{content: none;}
textarea{overflow: auto;
	resize: none;}
label, summary{}
b, em, h1, h2, h3, h4, h5, h6, strong{font-weight: 700;}
input[type=text]{-webkit-appearance: none;
	border-radius: 0;}
.f-cb:after{display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: " ";}
.f-cb{zoom: 1;}
.f-toe{white-space: nowrap;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    overflow: hidden;}
img{border: 0;
	vertical-align: middle;}
b, h1, h2, h3, h4, h5, h6{font-weight: 400;}
input::-ms-clear, input::-ms-reveal{display: none;}
.w{margin: 0 auto;}
.headerfont{font-family: headerfont!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .1px;
	-moz-osx-font-smoothing: grayscale}
.head-rwd .col-lg-1, .head-rwd .col-lg-3, .head-rwd .col-lg-4, .head-rwd .col-lg-9{float: left}
.head-rwd .col-lg-9{width: 75%}
.head-rwd .col-lg-4{width: 33.33333333%}
.head-rwd .col-lg-3{width: 25%}
.head-rwd .col-lg-1{width: 8.33333333%}
@media (max-width: 1080px){.head-rwd .col-xs-12{float: left}
.m-app-tips, .m-qrcode{display: block;}
.head-rwd .col-xs-12{width: 100%}}
.head-rwd .visible-lg-block{display: none!important}
@media (min-width:1200px){.head-rwd .visible-lg-block{display: block!important}}
@media (max-width: 1080px){.head-rwd .hidden-xs{display: none!important}}
.head-rwd{min-width: 320px}
.head-rwd .w{width: 100%;
	max-width: 1200px}
@media (max-width:1240px){.head-rwd{min-width: 100%}}
@media (max-width: 1080px){.head-rwd{min-width: 100%;

    justify-content: space-between;
    align-items: center;
    width: 100%;}
.head-rwd .headerfont{color: #212121}
.head-rwd div[class^=ui-ceilinglamp-]{display: none!important}
.head-rwd .head-m-btn-primary{display: inline-block;
		padding: 6px 10px;
		line-height: 24px;
		width: 49%;
		text-align: center;
		font-size: 14px;
		color: #fff;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		border: 1px solid var(--dcyanb);
		background: var(--dcyans)}
.head-rwd .head-m-btn-primary:hover{color: #fff;
		box-shadow: none}
.head-rwd .head-m-btn-primary.head-m-btn-default{background: 0 0;
		border: 1px solid #fff}}
.swiper-container{margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1}
.swiper-wrapper{position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box}
.swiper-slide{-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative}
.buylinkbtn:hover{color: #fff;}
.more-black{position: relative;
    color: var(--dcydhzt);
    padding-right: 10px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;}
.more-black:hover i{-webkit-transform: translate(4px);
    -ms-transform: translate(4px);
    transform: translate(4px);
        color: var(--dcydhxz);}
.more-black i{position: absolute;
    top: 50%;
    margin-left: 10px;
    width: 6px;
    color: var(--dcydhzt);
    font-size: 18px;
    height: 10px;
    margin-top: -9px;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;}
@font-face{
	font-family:headerfont;
	src:url(../fonts/font.woff) format("woff")
}


@charset "UTF-8";
html{font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block;
	vertical-align: baseline;}
audio:not([controls]){display: none;
	height: 0;}
[hidden], template{display: none;}
abbr[title]{border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted;}
b, strong{color: #337dff;
	font-weight: 700;}
dfn{font-style: italic;}
h1{font-size: 2em;
	margin: .67em 0;}
mark{background: #ff0;
	color: #000;}
small{font-size: 80%;}
sub, sup{font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;}
sup{top: -.5em;}
sub{bottom: -.25em;}
img{border: 0;}
svg:not(:root){overflow: hidden;}
figure{margin: 1em 40px;}
hr{-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;}
pre{overflow: auto;}
code, kbd, pre, samp{font-family: monospace,monospace;
	font-size: 1em;}
button, input, optgroup, select, textarea{color: inherit;
	font: inherit;
	margin: 0;}
button{overflow: visible;}
button, select{text-transform: none;}
button, html input[type=button], input[type=reset], input[type=submit]{-webkit-appearance: button;}
button[disabled], html input[disabled]{}
button::-moz-focus-inner, input::-moz-focus-inner{border: 0;
	padding: 0;}
input{line-height: normal;}
input[type=checkbox], input[type=radio]{-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{height: auto;}
input[type=search]{-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration{-webkit-appearance: none;}
fieldset{border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em;}
legend{border: 0;
	padding: 0;}
textarea{overflow: auto;}
optgroup{font-weight: 700;}
table{border-collapse: collapse;
	border-spacing: 0;}
td, th{padding: 0;}
@media print{*, :after, :before{color: #000!important;
		text-shadow: none!important;
		background: 0 0!important;
		-webkit-box-shadow: none!important;
		box-shadow: none!important;}
a, a:visited{text-decoration: underline;}
a[href]:after{content: " (" attr(href) ")";}
abbr[title]:after{content: " (" attr(title) ")";}
a[href^="#"]:after, a[href^="javascript:"]:after{content: "";}
blockquote, pre{border: 1px solid #999;
		page-break-inside: avoid;}
thead{display: table-header-group;}
img, tr{page-break-inside: avoid;}
img{max-width: 100%!important;}
h2, h3, p{orphans: 3;
		widows: 3;}
h2, h3{page-break-after: avoid;}
.btn>.caret{border-top-color: #000!important;}
.label{border: 1px solid #000;}
.table{border-collapse: collapse!important;}
.table td, .table th{background-color: #fff!important;}}
*{-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
:after, :before{-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}
html{font-size: 10px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);}
button, input, select, textarea{font-family: inherit;
	font-size: inherit;
	line-height: inherit;}
figure{margin: 0;}
img{vertical-align: middle;}
hr{margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 1px solid #eee;}
[role=button]{}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;}
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small{font-weight: 400;
	line-height: 1;
	color: #777;}
.h1, .h2, .h3, h1, h2, h3{margin-top: 20px;
	margin-bottom: 10px;}
.h1 small, .h2 small, .h3 small, h1 small, h2 small, h3 small{font-size: 65%;}
.h4, .h5, .h6, h4, h5, h6{margin-top: 10px;
	margin-bottom: 10px;}
.h4 small, .h5 small, .h6 small, h4 small, h5 small, h6 small{font-size: 75%;}
.h1, h1{font-size: 36px;}
.h2, h2{font-size: 32px;}
.h3, h3{font-size: 24px;}
.h4, h4{font-size: 18px;}
.h5, h5{font-size: 14px;}
.h6, h6{font-size: 12px;}
p{margin: 0 0 10px;}
small{font-size: 85%;}
mark{padding: .2em;
	background-color: #fcf8e3;}
ol, ul{margin-top: 0;
	margin-bottom: 10px;}
ol ol, ol ul, ul ol, ul ul{margin-bottom: 0;}
abbr[data-original-title], abbr[title]{cursor: help;}
blockquote{padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 5px solid #eee;}
blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child{margin-bottom: 0;}
blockquote footer, blockquote small{display: block;
	font-size: 80%;
	line-height: 1.42857143;
	color: #777;}
blockquote footer:before, blockquote small:before{content: "\2014 \00A0";}
address{margin-bottom: 20px;
	font-style: normal;
	line-height: 1.42857143;}
code, kbd, pre, samp{font-family: Menlo,Monaco,Consolas,"Courier New",monospace;}
code{padding: 2px 4px;
	font-size: 90%;
	color: #c7254e;
	background-color: #f9f2f4;
	border-radius: 4px;}
kbd{padding: 2px 4px;
	font-size: 90%;
	color: #fff;
	background-color: #333;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);}
kbd kbd{padding: 0;
	font-size: 100%;
	font-weight: 700;
	-webkit-box-shadow: none;
	box-shadow: none;}
pre{display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;}
pre code{padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
	border-radius: 0;}
.container{padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;}
@media (min-width:768px){.container{width: 750px;}}
@media (min-width:992px){.container{width: 970px;}}
@media (min-width:1200px){.container{width: 1170px;}}
.row{margin-right: -15px;
	margin-left: -15px;}
.col-lg-1, .col-lg-3, .col-lg-4, .col-lg-9, .col-xs-12{position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;}
.col-xs-12{float: left;}
.col-xs-12{width: 100%;}
@media (min-width:1200px){.col-lg-1, .col-lg-3, .col-lg-4, .col-lg-9{float: left;}
.col-lg-9{width: 75%;}
.col-lg-4{width: 33.33333333%;}
.col-lg-3{width: 25%;}
.col-lg-1{width: 8.33333333%;}}
table{background-color: transparent;}
table col[class*=col-]{position: static;
	display: table-column;
	float: none;}
table td[class*=col-], table th[class*=col-]{position: static;
	display: table-cell;
	float: none;}
caption{padding-top: 8px;
	padding-bottom: 8px;
	color: #777;
	text-align: left;}
th{text-align: left;}
.table{width: 100%;
	max-width: 100%;
	margin-bottom: 20px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;}
.table>thead>tr>th{vertical-align: bottom;
	border-bottom: 2px solid #ddd;}
.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th{border-top: 0;}
.table>tbody+tbody{border-top: 2px solid #ddd;}
.table .table{background-color: #fff;}
.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active{background-color: #f5f5f5;}
.table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success{background-color: #dff0d8;}
fieldset{min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;}
legend{display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: inherit;
	color: #333;
	border: 0;
	border-bottom: 1px solid #e5e5e5;}
label{display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;}
input[type=search]{-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;}
input[type=checkbox], input[type=radio]{margin: 4px 0 0;
	margin-top: 1px\9;
	line-height: normal;}
fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled]{cursor: not-allowed;}
input[type=file]{display: block;}
input[type=range]{display: block;
	width: 100%;}
select[multiple], select[size]{height: auto;}
input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus{outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;}
output{display: block;
	padding-top: 7px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;}
.checkbox, .radio{position: relative;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;}
.checkbox.disabled label, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio label{cursor: not-allowed;}
.checkbox label, .radio label{min-height: 20px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;}
.checkbox input[type=checkbox], .radio input[type=radio]{position: absolute;
	margin-top: 4px\9;
	margin-left: -20px;}
.checkbox+.checkbox, .radio+.radio{margin-top: -5px;}
.btn{display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;

	background-image: none;
	border: 1px solid transparent;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus{outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;}
.btn.focus, .btn:focus, .btn:hover{text-decoration: none;}
.btn.active, .btn:active{background-image: none;
	outline: 0;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{cursor: not-allowed;
	filter: alpha(opacity=65);
	opacity: .65;
	-webkit-box-shadow: none;
	box-shadow: none;}
a.btn.disabled, fieldset[disabled] a.btn{}
.btn-default{color: #333;
	border-color: #ccc;}
.btn-default.focus, .btn-default:focus{color: #333;
	background-color: #e6e6e6;
	border-color: #8c8c8c;}
.btn-default:hover{color: #333;
	background-color: #e6e6e6;
	border-color: #adadad;}
.btn-default.active, .btn-default:active{color: #333;
	background-color: #e6e6e6;
	background-image: none;
	border-color: #adadad;}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover{color: #333;
	background-color: #d4d4d4;
	border-color: #8c8c8c;}
.btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{background-color: #fff;
	border-color: #ccc;}
.btn-lg{padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;}
.fade{opacity: 0;
	-webkit-transition: opacity .15s linear;
	-o-transition: opacity .15s linear;
	transition: opacity .15s linear;}
.fade.in{opacity: 1;}
.collapse{display: none;}
.collapse.in{display: block;}
tr.collapse.in{display: table-row;}
tbody.collapse.in{display: table-row-group;}
.collapsing{position: relative;
	height: 0;
	overflow: hidden;
	-webkit-transition-property: height,visibility;
	-o-transition-property: height,visibility;
	transition-property: height,visibility;
	-webkit-transition-duration: .35s;
	-o-transition-duration: .35s;
	transition-duration: .35s;
	-webkit-transition-timing-function: ease;
	-o-transition-timing-function: ease;
	transition-timing-function: ease;}
.caret{display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;}
.dropdown{position: relative;}
.dropdown-menu{position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);}
.dropdown-menu>li>a{display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{color: #262626;
	text-decoration: none;

	background-color: #f5f5f5;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{color: #fff;
	text-decoration: none;

	background-color: #337ab7;
	outline: 0;}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover{color: #777;}
.dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover{text-decoration: none;

	cursor: not-allowed;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);}
.open>.dropdown-menu{display: block;}
.open>a{outline: 0;}
.dropdown-backdrop{position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 990;}
.navbar-fixed-bottom .dropdown .caret{content: "";
	border-top: 0;
	border-bottom: 4px dashed;
	border-bottom: 4px solid\9;}
.navbar-fixed-bottom .dropdown .dropdown-menu{top: auto;
	bottom: 100%;
	margin-bottom: 2px;}
.btn .caret{margin-left: 0;}
.btn-lg .caret{border-width: 5px 5px 0;
	border-bottom-width: 0;}
[data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio]{position: absolute;
	clip: rect(0,0,0,0);}
.nav{padding-left: 0;
	margin-bottom: 0;
	list-style: none;}
.nav>li{position: relative;
	display: block;}
.nav>li>a{position: relative;
	display: block;
	padding: 10px 15px;}
.nav>li>a:focus, .nav>li>a:hover{text-decoration: none;

	background-color: #eee;}
.nav>li.disabled>a{color: #777;}
.nav>li.disabled>a:focus, .nav>li.disabled>a:hover{color: #777;
	text-decoration: none;

	cursor: not-allowed;
	background-color: transparent;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: #eee;
	border-color: #337ab7;}
.nav>li>a>img{max-width: none;}
.nav-tabs{border-bottom: 1px solid #ddd;}
.nav-tabs>li{float: left;
	margin-bottom: -1px;}
.nav-tabs>li>a{margin-right: 2px;
	line-height: 1.42857143;
	border-radius: 4px 4px 0 0;}
.nav-tabs>li>a:hover{border-color: #eee #eee #ddd;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: #555;

	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;}
.tab-content>.tab-pane{display: none;}
.tab-content>.active{display: block;}
.nav-tabs .dropdown-menu{margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;}
.navbar-fixed-bottom, .navbar-fixed-top{position: fixed;
	right: 0;
	left: 0;
	z-index: 1030;}
@media (min-width:768px){.navbar-fixed-bottom, .navbar-fixed-top{border-radius: 0;}}
.navbar-fixed-top{top: 0;
	border-width: 0 0 1px;}
.navbar-fixed-bottom{bottom: 0;
	margin-bottom: 0;
	border-width: 1px 0 0;}
.navbar-nav{margin: 7.5px -15px;}
.navbar-nav>li>a{padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;}
@media (max-width:767px){.navbar-nav .open .dropdown-menu{position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;}
.navbar-nav .open .dropdown-menu>li>a{padding: 5px 15px 5px 25px;}
.navbar-nav .open .dropdown-menu>li>a{line-height: 20px;}
.navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover{background-image: none;}}
@media (min-width:768px){.navbar-nav{float: left;
		margin: 0;}
.navbar-nav>li{float: left;}
.navbar-nav>li>a{padding-top: 15px;
		padding-bottom: 15px;}}
.navbar-nav>li>.dropdown-menu{margin-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{margin-bottom: 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;}
.pagination{display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;}
.pagination>li{display: inline;}
.pagination>li>a, .pagination>li>span{position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;

	background-color: #fff;
	border: 1px solid #ddd;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;}
.pagination>li:first-child>a, .pagination>li:first-child>span{margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{z-index: 3;
	color: #fff;

	background-color: #337ab7;
	border-color: #337ab7;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;}
.label{display: inline;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;}
a.label:focus, a.label:hover{color: #fff;
	text-decoration: none;}
.label:empty{display: none;}
.btn .label{position: relative;
	top: -1px;}
.alert{padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;}
.alert h4{margin-top: 0;
	color: inherit;}
.alert>p, .alert>ul{margin-bottom: 0;}
.alert>p+p{margin-top: 5px;}
.progress{height: 20px;
	margin-bottom: 20px;
	overflow: hidden;
	background-color: #f5f5f5;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);}
.panel{margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);}
.panel>.table{margin-bottom: 0;}
.panel>.table caption{padding-right: 15px;
	padding-left: 15px;}
.panel>.table:first-child{border-top-left-radius: 3px;
	border-top-right-radius: 3px;}
.panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child{border-top-left-radius: 3px;
	border-top-right-radius: 3px;}
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child{border-top-left-radius: 3px;}
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child{border-top-right-radius: 3px;}
.panel>.table:last-child{border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;}
.panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child{border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;}
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius: 3px;}
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius: 3px;}
.panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th{border-top: 0;}
.close{float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;}
.close:focus, .close:hover{color: #000;
	text-decoration: none;

	filter: alpha(opacity=50);
	opacity: .5;}
button.close{padding: 0;

	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;}
.modal-open{overflow: hidden;}
.modal{position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;}
.modal.fade .modal-dialog{-webkit-transform: translate(0,-25%);
	-ms-transform: translate(0,-25%);
	-o-transform: translate(0,-25%);
	transform: translate(0,-25%);
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out;}
.modal.in .modal-dialog{-webkit-transform: translate(0,0);
	-ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);}
.modal-open .modal{overflow-x: hidden;
	overflow-y: auto;}
.modal-dialog{position: relative;
	width: auto;
	margin: 10px;}
.modal-content{position: relative;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5);
	outline: 0;}
.modal-backdrop{position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000;}
.modal-backdrop.fade{filter: alpha(opacity=0);
	opacity: 0;}
.modal-backdrop.in{filter: alpha(opacity=50);
	opacity: .5;}
.modal-scrollbar-measure{position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;}
@media (min-width:768px){.modal-dialog{width: 600px;
		margin: 30px auto;}
.modal-content{-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
		box-shadow: 0 5px 15px rgba(0,0,0,.5);}}
.tooltip{position: absolute;
	z-index: 1070;
	display: block;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	line-break: auto;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	font-size: 12px;
	filter: alpha(opacity=0);
	opacity: 0;}
.tooltip.in{filter: alpha(opacity=90);
	opacity: .9;}
.tooltip.top{padding: 5px 0;
	margin-top: -3px;}
.tooltip.right{padding: 0 5px;
	margin-left: 3px;}
.tooltip.bottom{padding: 5px 0;
	margin-top: 3px;}
.tooltip.left{padding: 0 5px;
	margin-left: -3px;}
.tooltip.top .tooltip-arrow{bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;}
.tooltip.right .tooltip-arrow{top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;}
.tooltip.left .tooltip-arrow{top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;}
.tooltip.bottom .tooltip-arrow{top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;}
.tooltip-inner{max-width: 200px;
	padding: 3px 8px;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 4px;}
.tooltip-arrow{position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;}
.popover{position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.42857143;
	line-break: auto;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	word-wrap: normal;
	white-space: normal;
	font-size: 14px;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);}
.popover.top{margin-top: -10px;}
.popover.right{margin-left: 10px;}
.popover.bottom{margin-top: 10px;}
.popover.left{margin-left: -10px;}
.popover>.arrow{border-width: 11px;}
.popover>.arrow, .popover>.arrow:after{position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;}
.popover>.arrow:after{content: "";
	border-width: 10px;}
.popover.top>.arrow{bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0,0,0,.25);
	border-bottom-width: 0;}
.popover.top>.arrow:after{bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0;}
.popover.right>.arrow{top: 50%;
	left: -11px;
	margin-top: -11px;
	border-right-color: #999;
	border-right-color: rgba(0,0,0,.25);
	border-left-width: 0;}
.popover.right>.arrow:after{bottom: -10px;
	left: 1px;
	content: " ";
	border-right-color: #fff;
	border-left-width: 0;}
.popover.bottom>.arrow{top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,.25);}
.popover.bottom>.arrow:after{top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff;}
.popover.left>.arrow{top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0,0,0,.25);}
.popover.left>.arrow:after{right: 1px;
	bottom: -10px;
	content: " ";
	border-right-width: 0;
	border-left-color: #fff;}
.popover-title{padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;}
.popover-content{padding: 9px 14px;}
.carousel{position: relative;}
.carousel-indicators{position: absolute;
	bottom: 10px;
	left: 50%;
	z-index: 15;
	width: 60%;
	padding-left: 0;
	margin-left: -30%;
	text-align: center;
	list-style: none;}
.carousel-indicators li{display: inline-block;
	width: 10px;
	height: 10px;
	margin: 1px;
	text-indent: -999px;

	background-color: #000\9;
	background-color: rgba(0,0,0,0);
	border: 1px solid #fff;
	border-radius: 10px;}
.carousel-indicators .active{width: 12px;
	height: 12px;
	margin: 0;
	background-color: #fff;}
@media screen and (min-width:768px){.carousel-indicators{bottom: 20px;}}
.clearfix:after, .clearfix:before, .container:after, .container:before, .nav:after, .nav:before, .row:after, .row:before{display: table;
	content: " ";}
.clearfix:after, .container:after, .nav:after, .row:after{clear: both;}
.hide{display: none;}
.show{display: block!important;}
.hidden{display: none!important;}
.affix{position: fixed;}
@-ms-viewport{width:device-width;}
.visible-lg-block{display: none;}
@media (min-width:1200px){.visible-lg-block{display: block;}}
@media (max-width:767px){.hidden-xs{display: none!important;}}

@charset "UTF-8";
html{scroll-behavior: smooth;
	font-size: 14px;}
section{position: relative;
	padding: 0 2.5rem;}
.sy-section-h{padding-top: 3rem;
	padding-bottom: 6rem;}
.sy_inner{margin: 0 -1.5rem;
	display: flex;
	flex-wrap: wrap;}
.sy_wrapper{display: flex;
	flex-wrap: wrap;}
.sy_col-inner{padding: 0 1.5rem;}
.product-list{top:-40px}
.product-product-set{display: block;

      color: #4b5b76;
    -webkit-font-smoothing: antialiased;}
.product-product-set h5:hover .product-product-set__title{color: var(--dcydhzt);
    text-decoration: none;
    cursor:pointer;}
.tab-p-title:hover{color: #4b5b76;
    text-decoration: none;
	cursor:pointer;}
.dcy-footer-website-copyright{display: none;}
.dcy-footer-service-item{display: block;
	font-size: 16px;
	color: var(--dcydhzt);}
.dcy-footer-service-item:hover{text-decoration: none;
	color:var(--dcydhxz);}
.dcy-footer-service-item .icon{display: inline-block;

	vertical-align: middle;
	margin-right: 10px;
	margin-left: -6px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;
	-webkit-animation: plsFooterLeave .3s steps(16) forwards;
	animation: plsFooterLeave .3s steps(16) forwards;}
.dcy-footer-service-item .icon i{font-size: 40px;}
.dcy-footer-service-item:hover .icon{-webkit-animation: plsFooterEnter .3s steps(16) forwards;
	animation: plsFooterEnter .3s steps(16) forwards;}
.tab-tag-weak-hole{background: #f1f2f5;
    color: #5f7292;}
.tab-tag-hole, .tab-tag-weak-hole{display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 20px;}
.product-product-set__labels{margin-bottom: 8px;
    height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.product-product-set__marks{margin-left: 8px;
    white-space: nowrap;}
.tab-tag-bubble{display: inline-block;
    vertical-align: middle;
    padding-left: 6px;}
.tab-tag-hole, .tab-tag-weak-hole{display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 20px;}
.tab-tag-hole{color: var(--dcyjbzt);
    border: 1px solid var(--dcyanbk);
    border-radius: 3px;}
.tab-tag{-webkit-font-smoothing: antialiased;}
.tab-tag-bubble .tab-tag-inner{display: inline-block;
    vertical-align: middle;
    position: relative;
    padding: 0 8px;
    height: 22px;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 22px;
    color: #fff;
    background: var(--dcyanjb);
;
    border-radius: 3px;
    border-bottom-left-radius: 0;}
.tab-tag-bubble .tab-tag-inner:after{content: "";
    position: absolute;
    right: 100%;
    bottom: 0;
    width: 0;
    height: 0;
    border-color: transparent var(--dcyanjb) var(--dcyanjb) transparent;
    border-style: solid;
    border-width: 2px 3px;}
.header-nav-tag-text{height: 12px;}
.header-nav-tag{position: absolute;
	right: -20px;
	top: 8px;
	margin-left: 0;}
.header-nav-tag{border: 1px solid #f64041;
    border-radius: 6px;
    border-bottom-left-radius: 0;
    box-shadow: 2px 2px 4px 0 rgba(55,99,170,.31);
    font-size: 18px;
    font-weight: 600;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: -29px;
    text-align: center;
    top: 2px;
    color: #f64041;
        animation: moveUpDown 1s infinite;
    -webkit-animation: moveUpDown 1s infinite;
    transform: scale(0.5);
    width: 60px;}
.header{max-width:100%;
    width: 100%;
    padding-left: 2.5rem;}
.desc{font-size: 14px;
    color: #3d485d;
    line-height: 20px;
    text-align: center;
    font-family: Regular, Source Han Sans, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, simsun, sans-serif !important;}
.container{max-width: 1440px;
	width: 100%;
	padding-left: 2.5rem;
	padding-right: 2.5rem;}
.row{margin-right: -2.5rem;
	margin-left: -2.5rem;}
.col-lg-1\/5{width: 20%;}
.col-lg-1, .col-lg-3, .col-lg-4, .col-lg-9, .col-xs-12{padding-right: 1.5rem;
	padding-left: 1.5rem;}
body, button, input, select, textarea{font-family: Regular, Source Han Sans, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, simsun, sans-serif !important;}
h1, h2, h3{filter: drop-shadow(0px 0px 0px);}
h1, h2, h3, h4, h5, h6{color: var(--dcydhzt);
	margin-top: 0;
	letter-spacing: 1px;}
h4{font-size: 1.5rem;}
h5{font-size: 1rem;}
h6{font-size: 1rem;}
a{text-decoration: none;
	transition: color .3s;
	cursor:pointer;
	color: var(--dcydhzt);}
a:focus, a:focus-visible{outline: none !important;}
a:hover{color: var(--dcydhxz);
	cursor:pointer;
	text-decoration: none;}
b{font-weight: 400;
	filter: drop-shadow(0px 0px 0px);}
img{vertical-align: middle;
	border: 0;
	max-width: 100%;}
ul{list-style: none;
	padding: 0;}
input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus{outline: none;}
body{font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #4B4D51;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
hr{margin-top: 0rem;
	margin-bottom: 3rem;
	width: 100%;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn:active{outline: none;
	outline-offset: 0;}
.sy-title{justify-content: center;
    flex-wrap: wrap;
    text-align: center;}
.sy-title h2{margin-right: 1.5rem;
	letter-spacing: 2px;
    FONT-SIZE: 32PX;
    color: #262626;
    font-weight: 700;}
.sy-title p{color: #3d485d;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 16px;}
.box-shadow{margin: 0 1px 1px 0;}
.box-shadow:hover{box-shadow: 3px 3px 12px rgba(55,99,170,.2);
    cursor:pointer;}
.border-radius-8{border-radius: 3px;}
.btn{border-radius: 3px;
	font-size: 1rem;}
.btn-lg{font-size: 1.1rem;
	padding: 0.8rem 2rem;}
.btn-default{border: 1px var(--dcyanb) solid;
    line-height: 18.54px;
    font-weight: 400;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color:var(--dcyanb);
    font-weight: 400;
    transition: width .3s ease-in-out;}
.btn-default:hover{color: #ffffff;
	background: var(--dcyanxz);
    border: 1px var(--dcyanb) solid;
	border-color: transparent;
    cursor:pointer;}
.btn-default.active, .btn-default:active, .btn-default.focus, .btn-default:focus{color: #ffffff !important;
	background: var(--dcydhxz) !important;
	border-color: transparent !important;}
.btn-blue{color: #ffffff;
	background: var(--dcyans);
	border:0px var(--dcyanxz) solid;}
.btn-blue:hover{background: var(--dcyanxz);
    border:0px var(--dcyanxz) solid;
	color: #fff;
    cursor:pointer;}
.float-contact{position: fixed;
	right: 20px;
	top: 40%;
	width: 46px;
	display: grid;
	grid-gap: 1rem;
	z-index: 10;}
.float-contact .contact-service>ul{display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background: #F3F3F3;
    cursor: pointer;
	border-radius: 50%;
	border: 1px #ffffff solid;
	box-shadow: 0 1px 10px rgb(0 0 0 / 8%);
	margin: 0;}
.float-contact .contact-service>ul>li .lxxs{writing-mode: vertical-lr;
    margin: 0 auto;
    letter-spacing: 4px;}
.float-contact .contact-service>ul>li{display: flex;
    flex-wrap: wrap;
      background:#0056ff;
    padding: 0.8rem;
    color: #fff;
    border-radius: 50px;
    border: 2px #ffffff solid;
    box-shadow: 0 1px 10px rgb(0 0 0 / 8%);}
.float-contact .contact-service>ul>li>a{display: block;}
.float-contact .contact-service>ul>li i.service_icon{margin-bottom: 8px;
    filter: brightness(50);
    font-size: 21px;}
.float-contact .return-top{display: flex;
	justify-content: center;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.3s, transform 0.3s cubic-bezier(0.4, 0, 1, 1);}
.float-contact .return-top.show{opacity: 1;
	transform: translateY(0);}
.float-contact .return-top a{background: #0056ff;
	padding: 0.8rem;
	border-radius: 50%;
	border: 1px #ffffff solid;
	box-shadow: 0 1px 10px rgb(0 0 0 / 8%);
	width: 46px;
	height: 46px;
	display: flex;}
.float-contact .return-top a>i{filter: brightness(50);
	font-size: 24px;
    margin: 0 auto;}
.float-contact .float_fl{background: #fff;
    box-shadow: 1px 1px 8px 0 rgb(168 185 218 / 50%);
    border-radius: 4px;

    position: absolute;
    right: 50px;
    transform: translate(0, -50%);
    margin-top: 100%;
    padding: 1rem;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s, right 0.3s, opacity 0.3s;}
.float-contact .contact-service li:hover .float_fl{visibility: visible;
	opacity: 1;
	right: 60px;}
.float-contact .float_fl *{white-space: nowrap;}
.float-contact .float_fl h5{letter-spacing: 0;
	font-size: 1.2rem;
	filter: drop-shadow(0px 0px 0px);
	margin-bottom: 8px;}
.float-contact .float_fl p{margin: 0;
	font-family: 'dcynews';}
.float-contact .float_fl a{display: inline-block !important;
	border-radius: 3px;
	width: 100%;}
.float-contact .float_fl.fl_tel h5 img{width: 16px;
	margin-right: 0.5rem;}
/* ==== 侧边栏（移植自 jincloud side.css）==== */
.f-db{display:block}
.side-bd{background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,.08);padding-bottom:5px}
.side-item{position:relative;width:60px;height:55px;box-sizing:border-box;padding:5px 5px 0}
.side-item .side-item-front{cursor:pointer;width:100%;height:100%;box-sizing:border-box;background:#fff;-webkit-transition:all .25s ease;transition:all .25s ease}
.side-item .side-item-front .side-item-icon{width:100%;height:100%;display:block;background-size:20px 20px;background-position:center;background-repeat:no-repeat}
.side-item .side-item-front .side-item-icon-cart{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.887 5.988H9.386a.75.75 0 0 1 0-1.5h8.5a.75.75 0 0 1 .001 1.5zM6.591 14.456a.75.75 0 0 1-.74-.637L4.08 2.12a.75.75 0 0 1 1.483-.224l1.77 11.697a.75.75 0 0 1-.743.863z' fill='%23350303'/%3E%3Cpath d='M16.09 14.457a.751.751 0 0 1-.733-.91l1.851-8.477a.749.749 0 1 1 1.466.32l-1.852 8.477a.75.75 0 0 1-.732.59zM4.81 2.76H2.058a.75.75 0 0 1 0-1.5h2.75a.75.75 0 0 1 0 1.5z' fill='%23350303'/%3E%3Cpath d='M15.952 14.477H6.701a.75.75 0 0 1 0-1.5h9.251a.75.75 0 0 1 0 1.5zm-2.386-4.33H6.065a.75.75 0 0 1 0-1.5h7.5a.75.75 0 0 1 0 1.5zM5.051 17.24a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0zM13.107 17.24a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0z' fill='%23350303'/%3E%3C/svg%3E");}
.side-item .side-item-front .side-item-icon-cu{background-image:url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.782 2.612c-4.342 0-7.875 3.534-7.875 7.875v6.563h5.25v-6.563h-3.5a6.132 6.132 0 0 1 6.125-6.125 6.132 6.132 0 0 1 6.125 6.125v7H12.97v-1.312h-1.75v3.062h6.562a.876.876 0 0 0 .875-.875v-7.875c0-4.341-3.533-7.875-7.875-7.875zm-4.375 9.625V15.3h-1.75v-3.063h1.75z' fill='%23350303'/%3E%3C/svg%3E");}
.side-item .cart-num{position:absolute;top:12px;right:10px;min-width:18px;height:18px;line-height:18px;border-radius:9px;box-sizing:border-box;padding:0 5px;color:#fff;font-size:12px;text-align:center;background:#f50000}
.side-item:hover .side-item-front{background:linear-gradient(180deg,#0040c0 0,#0056ff 100%)}
.side-item:hover .side-item-front .side-item-icon-cart{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.887 5.988H9.386a.75.75 0 0 1 0-1.5h8.5a.75.75 0 0 1 .001 1.5zM6.591 14.456a.75.75 0 0 1-.74-.637L4.08 2.12a.75.75 0 0 1 1.483-.224l1.77 11.697a.75.75 0 0 1-.743.863z' fill='%23ffffff'/%3E%3Cpath d='M16.09 14.457a.751.751 0 0 1-.733-.91l1.851-8.477a.749.749 0 1 1 1.466.32l-1.852 8.477a.75.75 0 0 1-.732.59zM4.81 2.76H2.058a.75.75 0 0 1 0-1.5h2.75a.75.75 0 0 1 0 1.5z' fill='%23ffffff'/%3E%3Cpath d='M15.952 14.477H6.701a.75.75 0 0 1 0-1.5h9.251a.75.75 0 0 1 0 1.5zm-2.386-4.33H6.065a.75.75 0 0 1 0-1.5h7.5a.75.75 0 0 1 0 1.5zM5.051 17.24a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0zM13.107 17.24a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0z' fill='%23ffffff'/%3E%3C/svg%3E");}
.side-item:hover .side-item-front .side-item-icon-cu{background-image:url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.782 2.612c-4.342 0-7.875 3.534-7.875 7.875v6.563h5.25v-6.563h-3.5a6.132 6.132 0 0 1 6.125-6.125 6.132 6.132 0 0 1 6.125 6.125v7H12.97v-1.312h-1.75v3.062h6.562a.876.876 0 0 0 .875-.875v-7.875c0-4.341-3.533-7.875-7.875-7.875zm-4.375 9.625V15.3h-1.75v-3.063h1.75z' fill='%23ffffff'/%3E%3C/svg%3E");}
.side-item:hover .cart-num{background:#fff;color:#f50000}
.float-contact{width:60px}
.side-item:hover .float_fl{visibility:visible;opacity:1;right:60px}
/* ==== 返回顶部（移植自 jincloud side-top）==== */
.float-contact .return-top a.side-top{display:block;width:60px;height:32px;box-sizing:border-box;padding:0;border:none;border-radius:0;box-shadow:0 0 8px rgba(0,0,0,.08);background:url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.582 6.56c-1.798-2.405-2.894-3.607-5-5.481-2.107 1.874-3.203 3.076-5 5.48M6.6 1.11v9.969' stroke='%230056ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;background-color:#fff;overflow:hidden;text-indent:-9999px;cursor:pointer}
@media (max-width:768px){.float-contact .side-bd{display:block!important}.float-contact{width:52px!important}.float-contact .side-item{width:52px;height:52px}.float-contact .side-item .side-item-front .side-item-icon{background-size:18px 18px}.float-contact .return-top a.side-top{width:52px;height:32px}.float-contact .float_fl{margin-top:0;top:auto;bottom:100%;transform:none}}
.header{padding: 0 2.5rem;
  width: 100%;
  transition: backdrop-filter .3s, background .3s;
  background: transparent;
  position: fixed;
  z-index: 11;
  display: flex;
  align-items: center;
  background: rgb(255 255 255 / 80%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);}
.header:hover{background: rgb(255 255 255 / 100%);}
.header .navbar-nav.visible-lg-block{float: right;}
.header .navbar-nav h3{font-size: 24px;
    font-family: FirstFont;}
.header .navbar-nav>li{height: 62px;
	transition: height .3s;
	display: flex;
	align-items: center;}
.header .navbar-nav>li>a{transition: color .3s ease;
	color: #060607;
	font-size: 1rem;}
.header .navbar-nav>li.active>a, .header .nav .open>a, .header .nav .open>a:focus, .header .nav .open>a:hover, .header .navbar-nav>li>a:hover, .header .navbar-nav>li>a:focus, .header .navbar-nav>li>a:active{color: var(--dcydhzt);
	background: transparent !important;}
.header .navbar-nav>li.active:after{content: "";
	width: 50%;
	height: 3px;
	background: var(--dcydhxz);
	border-color: var(--dcyborder);
	position: absolute;
	bottom: -1px;
	margin: auto;
	left: 0;
	right: 0;}
.header .navbar-nav>li>a .caret{background-image: url('../images/data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNC4zNjUgMTUuNjA5YTEuMzk2IDEuMzk2IDAgMCAxIDAtMS44ODVMOS43MTggOCA0LjM2NSAyLjI3NmExLjM5NiAxLjM5NiAwIDAgMSAwLTEuODg1IDEuMTg4IDEuMTg4IDAgMCAxIDEuNzYzIDBsNi4yMzYgNi42NjZhMS4zOTYgMS4zOTYgMCAwIDEgMCAxLjg4Nkw2LjEzIDE1LjYwOWMtLjIyNy4yNDgtLjU0Ny4zOS0uODgzLjM5MWExLjIwMyAxLjIwMyAwIDAgMS0uODgyLS4zOTF6Ij48L3BhdGg+PC9zdmc+');
	display: none;}
.header .navbar-nav.nav-main{position: relative;}
.header .navbar-nav.nav-main>li>.dropdown-menu{border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border: 0 none;
  transition: transform .3s, opacity .3s, top .3s;
  background: #fff;
  padding: 0;
  transform-origin: 50% 0;
  transform: scaleY(0) translateZ(0);
  opacity: 0;
  display: block;
  flex-wrap: wrap;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  overflow: hidden;
  left: auto;}
.header .navbar-nav.nav-main>li.multilevel>.dropdown-menu{left: 0;
  width: 850px;
  padding: 1rem 0;}
.header.navbar-fixed-top .navbar-nav.nav-main>li>.dropdown-menu{top: 62px;}
.header .navbar-nav.nav-main>li:hover>.dropdown-menu{transform: scaleY(1) translateZ(0);
  opacity: 1;}
.header .navbar-nav>li.multilevel{position: initial;}
.header .navbar-nav>li.multilevel>.dropdown-menu>li{width: 17%;}
.header .navbar-nav>li>.dropdown-menu>li>a{padding: 1rem 2rem;
  border: 1px transparent solid;
  color: var(--dcydhzt);
  transition: color .3s, background .3s;}
.header .navbar-nav>li>.dropdown-menu>li>a:focus, .header .navbar-nav>li>.dropdown-menu>li.active>a, .header .navbar-nav>li>.dropdown-menu>li.selected>a{color: #ffffff;
  background: var(--dcydhxz);
	border-color: var(--dcyborder);}
.header .navbar-nav>li>.dropdown-menu>li>a:hover{color: #ffffff;
  background: var(--dcydhxz);
	border-color: var(--dcyborder);}
.header .navbar-nav>li>.dropdown-menu>li>a .caret{display: none;}
.header .navbar-nav>li.multilevel>.dropdown-menu>li ul{width: 83%;
  height: 100%;
  z-index: 0;
  position: absolute;
  left: 17%;
  top: 0px;
  padding: 1rem 2rem;
  background-image: url("../images/nav-r-back.jpg");
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;}
.header .navbar-nav>li>.dropdown-menu>li.active ul, .header .navbar-nav>li>.dropdown-menu>li:first-child ul{z-index: 1;}
.header .navbar-nav>li>.dropdown-menu>li:hover ul{z-index: 2;}
.header .navbar-nav>li.multilevel>.dropdown-menu>li ul li{margin: 5px;
  display: inline-block;
  flex: 1;}
.header .navbar-nav>li>.dropdown-menu>li ul li a{display: flex;
  justify-content: left;
  align-items: center;
  height: 100%;
  background: rgb(255 255 255 / 50%);
  border: 1px #DBE1E8 solid;
  border-radius: 3px;
  transition: color .3s, border .3s, background 0.3s;
  padding: 1rem;}
.header .navbar-nav>li>.dropdown-menu>li>a[cabinet_rental]+ul li{flex: 1 0 10%;}
.header .navbar-nav>li>.dropdown-menu>li>a[bandwidth]+ul li{flex: 1 1 50%;}
.header .navbar-nav>li>.dropdown-menu>li>a[bandwidth]+ul li a{align-items: center;
  padding: 2rem 1rem;
  font-size: 1.2rem;
  flex-direction: column-reverse;
  justify-content: center;}
.header .navbar-nav>li>.dropdown-menu>li>a[bandwidth]+ul li a::after{content: "";
  display: block;
  width: 50px;
  height: 50px;
  margin-bottom: 2rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;}
.header .navbar-nav>li>.dropdown-menu>li>a[bandwidth]+ul li a[telecom]::after{background-image: url(../images/wxewm.jpg);}
.header .navbar-nav>li>.dropdown-menu>li>a[bandwidth]+ul li a[unicom]::after{background-image: url(../images/qqq.jpg);}
.header .navbar-nav>li>.dropdown-menu>li>a[bandwidth]+ul li a[cmcc]::after{background-image: url(../images/bandwidth-icon3.svg);}
.header .navbar-nav>li>.dropdown-menu>li>a[bandwidth]+ul li a[three]::after{background-image: url(../images/bandwidth-icon5.png);}
.header .navbar-nav>li>.dropdown-menu>li>a[activity]+ul li a{flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 2rem;
	background-image: url(../images/activity-line-img.jpg);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 3px;
	transition: background-size 0.3s;}
.header .navbar-nav>li>.dropdown-menu>li>a[activity]+ul li a:hover{background-size: 100%;}
.header .navbar-nav>li>.dropdown-menu>li>a[activity]+ul li a h4{filter: drop-shadow(0px 0px 0px);
	margin-bottom: 1rem;
	color: var(--dcydhzt);
	transition: color 0.3s;}
.header .navbar-nav>li>.dropdown-menu>li>a[activity]+ul li a:hover h4{color: var(--dcydhxz);}
.header .navbar-nav>li>.dropdown-menu>li>a[activity]+ul li a p{color:#495770;
	width: 50%;}
.header .navbar-nav>li>.dropdown-menu>li>a[pcdn]+ul li a p{color: #ffffff;
  width: 50%;}
.header .navbar-nav>li>.dropdown-menu>li ul li a:hover{border-color: #0168ec;
  background: #ffffff;}
.header.navbar-fixed-top .navbar-nav>li{height: 62px;}
.nav-tabs{margin: 2rem 0 0;
  border-bottom:2px #DBE1E8 solid;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;}
#home-serve .nav-tabs>li{margin: 0 1.5rem 0;
    width: 12.5%;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
#home-serve .nav-tabs>li.active>a:before{width: 100%;}
#home-serve .nav-tabs>li>a:before{content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    background: var(--dcyxhx);
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    margin: 0 auto;}
.nav-tabs>li{margin: 0 1.5em -4px;
  text-align: center;
  position: relative;}
.nav-tabs>li>a{margin: 0;
    padding: 14px 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    transition: color .3s, filter 0.3s;}
.nav-tabs>li>a:hover{border-color: transparent;
  background: transparent;}
.nav-tabs>li.active>a, .nav-tabs>li>a.active, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: var(--dcydhxz);
  background: transparent;
  border: 0;}
.nav-tabs>li.active>a:before{width: 100%;}
.nav-tabs>li>a:before{content: "";
    position: absolute;
    bottom: 2px;
    left: 0;
    right: 0;
    width: 0;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#337dff), to(#337dff));
    background: var(--dcyans);
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    margin: 0 auto;}
.tab-content .tab-pane{margin-top: -100px;
  padding-top: 100px;}
.footer-website-contact{width: 350px;}
.footer-website-contact-view{margin-top: 5px;
    margin-bottom: 10px;}
.footer-bubble-wrap{position: relative;}
.footer-website-contact-view-box{position: relative;
    display: inline-block;
    cursor: pointer;
    vertical-align: top;
    width: 40px;
    margin-right: 10px;
    padding: 2px;
    height: 40px;
    background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), -8px -8px 20px 0 #fff;
    border-radius: 50%;}
.footer-website-contact-view-box img{width: 100%;
    height: 100%;}
.footer-bubble-wrap .footer-bubble-bottom{-webkit-transform: translateY(12px);
    transform: translateY(12px);
    opacity: 0;}
.footer-bubble-wrap .footer-bubble{visibility: hidden;
    transition: width .3s ease-in-out;}
.footer-bubble-bottom{left: 90%;
    bottom: 100%;
    margin-left: -88px;
    margin-bottom: 6px;}
.footer-bubble{position: absolute;
    z-index: 300;
    width: 144px;
    text-align: center;}
.footer-bubble-bottom .footer-bubble__inner{top: 100%;
    left: 50%;}
.footer-bubble__inner{position: static !important;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    padding: 4px;
    color: #333;
    font-size: 12px;
    line-height: 1.5;
    white-space: normal;
    word-wrap: break-word;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: 1px 1.73px 3px 0 rgb(0 0 0 / 10%);}
.footer-bubble-bottom .footer-bubble__inner:before{top: inherit;
    right: inherit;
    left: inherit;
    margin-left: -6px;
    border-top-color: #ddd;}
.footer-bubble-wrap:hover .footer-bubble-bottom{-webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;}
.footer-bubble__inner:after, .footer-bubble__inner:before{position: absolute;
    width: 0;
    height: 0;
    font-size: 0;
    border: 6px solid transparent;
    content: "";}
#footer-line1{background-image: url(../images/footer-l1-back.png);
  background-size: cover;
  background-repeat: no-repeat;}
#footer-line1 .sy-section-h{padding-top: 2rem;
  padding-bottom: 2rem;}
#footer-line1 .sy-section-h .col-xs-12{}
#footer-line1 .sy-section-h .col-xs-12 h2{font-size: 24px;
    color: var(--dcydhzt);
    margin: 0;
    margin-bottom: 20px;}
#footer-line1 .sy-section-h .col-xs-12 a.btn{margin-left: 0rem;}
#footer-main{background: #f5f7fa;
  color: var(--dcydhzt);
  padding: 0 2.5rem;
  line-height: 1.8;}
#footer-main hr{border-bottom: 1px solid rgba(73,87,112,.2);}
#footer-main .sy-section-h{padding-top: 0rem;
  padding-bottom: 0;}
#footer-main .sy-section-h .footer-menu h5{color: var(--dcydhzt);
  margin-bottom: 1rem;}
#footer-main .sy-section-h .footer-menu .footer-menu-list li{margin-bottom: 0.4rem;}
#footer-main .sy-section-h .footer-menu .footer-menu-list a{color: #495770;}
#footer-main .sy-section-h .footer-menu .footer-menu-list a:hover{color:var(--dcydhxz);
    text-decoration: none;
	cursor:pointer;}
#footer-main .sy-section-h .footer-menu span{color: #707070;
  font-family: "dcynews";}
#footer-main .sy-section-h .footer-share{display: flex;
  align-items: end;
  margin-top: 2rem;}
#footer-main .sy-section-h .footer-share span{margin-right: 2rem;
  opacity: .7;
  transition: opacity .3s;
  position: relative;}
#footer-main .sy-section-h .footer-share span:hover{opacity: 1;}
#footer-main .sy-section-h .footer-share span div{position: absolute;
  bottom: 20px;
  width: 120px;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, right 0.3s, bottom 0.3s;}
#footer-main .sy-section-h .footer-share span:hover div{opacity: 1;
  visibility: visible;
  bottom: 30px;
  right: 30px;}
#footer-main .sy-section-h .service-assurance ul{display: flex;
  align-items: flex-start;
  margin: 2rem 0;}
#footer-main .sy-section-h .service-assurance ul li{display: flex;
  align-items: center;
  flex: 0 1 25%;}
#footer-main .sy-section-h .service-assurance .dcy-footer-service-item:hover{color:var(--dcydhxz);}
#footer-main .sy-section-h .service-assurance ul li h6{color: #666;
  margin: 0 0.0001rem 0.5rem;
  font-size: 16px;
  font-family: "dcynews";}
#footer-main .sy-section-h .service-assurance ul li h6:hover{color:var(--dcydhxz);}
#footer-main .sy-section-h .service-assurance ul li p{font-size: 14px;
    line-height: 18px;
    color: #666a75;
    margin: 0 0 0px;}
.footer-b_hr{margin: 0;
  margin-top: 1rem;
    margin-bottom: 1rem;}
.footer-bottom{color: #707070;
  padding-bottom: 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "dcynews";}
.footer-bottom a{color: #707070;}
.footer-bottom a:hover{color: var(--dcydhxz);
    text-decoration: none;
	cursor:pointer;}
.footer-bottom .copyright span{margin-right: 1rem}
.footer-bottom .copyright span img{width: 14px;
    margin-right: 5px;}
.swiper-container .swiper-wrapper{align-items: center;}
.swiper-pagination{width: 1440px;
    bottom: 146px;
    left: 50%;
    transform: translateX(-50%);
	text-align: left;}
.swiper-pagination .swiper-pagination-bullet{width: 36px;
    height: 4px;
    border-radius: 4px;
    background: rgba(0,0,0,.12);
    opacity: 1;
	position: relative;}
.swiper-pagination .swiper-pagination-bullet:after{content: "";
	display: block;
	position: absolute;
	width: 0;

    border-radius: 4px;
	height: 100%;
	background: var(--dcyans);}
.swiper-pagination .swiper-pagination-bullet-active:after{animation: scDonghua01 4s linear forwards;}
.pagination{margin-top: 0;
  font-size: 1rem;
  display: flex;
  justify-content: center;}
.pagination>li{margin: 0 3px;}
.pagination>li>a, .pagination>li>span{border-radius: 3px;
  border: 1px var(--dcyborder) solid;
  transition: color 0.3s, background 0.3s, border 0.3s;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover{color: #ffffff;
  background: var(--dcydhxz);
	border-color: var(--dcyborder);
  border-color: transparent;}
@media (max-width:1024px){.nav-tabs>li{margin: 0 1em -4px;
    text-align: center;
    position: relative;}}
@media (max-width: 1080px){.navbar-nav{margin: 0;}
.dcy-footer-website-copyright{display: block;
    text-align: center;
    font-family: "dcynews";
    margin-top: 24px;
    padding-bottom: 32px;}
.dcy-footer-website-copyright p{line-height: 20px;
    font-size: 12px;
    color: #495770;}
section{padding: 0 1.5rem;}
.container{padding-left: 1.5rem;
    padding-right: 1.5rem;}
.sy-section-h{padding-top: 3rem;
    padding-bottom: 3rem;}
.row{margin-right: -1.5rem;
    margin-left: -1.5rem;}
h1, h2, h3, h4, h5, h6{letter-spacing: 0px;}
.h2, h2{font-size: 20px;}
h3{font-size: 1.3rem;}
h4{font-size: 1.5rem;}
h5{font-size: 1.1rem;}
.tab-content .tab-pane{margin-top: -80px;
    padding-top: 80px;}
.btn{padding: 0.6rem 1rem;}
.btn-lg{font-size: 1rem;}
.sy-title{justify-content: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    text-align: center;}
.sy-title h2{margin-right: 0;
    width: 100%;
    FONT-SIZE: 18PX;}
.sy-title p{margin-bottom: 0;

    FONT-SIZE: 13PX;}
.header{padding: 0 1.5rem;
    width: 100vw;}
.header .navbar-nav>li{height: auto !important;
    width: 100%;
    flex-wrap: wrap;}
.header .navbar-nav>li>a{display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid #e1e4e9;
    padding: 1.1rem;}
.header .navbar-nav>li.active>a{color: #ffffff !important;
    background: var(--dcydhxz) !important;}
.header .navbar-nav>li.active>a:after{content:none;}
.header .navbar-nav>li.selected>a{color: var(--dcydhzt);}
.header .navbar-nav>li>.dropdown-menu>li>a:focus, .header .navbar-nav>li>.dropdown-menu>li.active>a{color: var(--dcydhzt);
    background: transparent;}
.header .navbar-nav>li.active:after{content: none;}
.header .navbar-nav.nav-main>li>.dropdown-menu{position: unset;
    max-height: 0;
    width: 100% !important;
    visibility: hidden;
    padding: 0 !important;
    border-bottom: 1px var(--dcyborder) solid;
    background: #fafafa;
    box-shadow: none;
    transition: max-height 0.3s, opacity 0.3s, transform 0.3s, visibility 0.3s;}
.header .navbar-nav.nav-main>li.selected>.dropdown-menu{max-height: 290px;
    visibility: visible;
    transform: scaleY(1) translateZ(0);
    opacity: 1;
    overflow-y: auto;
    padding-right: 0.7rem !important;}
.header .navbar-nav.nav-main>li.selected>.dropdown-menu>li{width: 100%;}
.header .navbar-nav>li.multilevel>.dropdown-menu>li .caret{display: none;}
.header .navbar-nav>li.multilevel>.dropdown-menu>li ul{display: none;}
.header .navbar-nav.visible-lg-block{display: block !important;
    padding: 1.5rem;
    float: inherit;}
.header .navbar-nav.visible-lg-block a{justify-content: center;}
.nav-tabs{justify-content: space-between;
    margin: 0;
    flex-wrap: wrap;}
#home-serve .nav-tabs>li{margin: 0rem 0rem -1px;
    flex: 1;
    min-width: 25%;
    text-align: center;
    display: inline;}
#home-serve .nav-tabs>li>a{overflow: inherit;
    margin: 0;
    padding: 9px 3px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    transition: color .3s, filter 0.3s;}
.nav-tabs>li>a{overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    padding: 9px 3px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    transition: color .3s, filter 0.3s;}
#footer-main{padding: 0 1.5rem;
    line-height: 1.5;}
#footer-main .sy-section-h{padding-top: 0rem;}
#footer-line1 .sy-section-h{padding-top: 2rem;
    padding-bottom: 2rem;}
#footer-line1 .sy-section-h .col-xs-12{flex-wrap: wrap;}
#footer-line1{background-image: url(../images/footer-l1m-back.png);
    background-size: cover;
    background-repeat: no-repeat;}
#footer-line1 .sy-section-h .col-xs-12 h2{letter-spacing: 0;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;}
#footer-line1 .sy-section-h .col-xs-12 a.btn{margin-left: 0;
    margin-top: 0rem;}
#footer-main .sy-section-h .footer-menu .sy_wrapper .col-lg-1\/5{width: 33.33333333%;
    margin-bottom: 2rem;}
#footer-main .sy-section-h .footer-menu h5{margin-bottom: 1rem;}
#footer-main .sy-section-h .footer-menu span{white-space: nowrap;}
#footer-main .sy-section-h .footer-menu .footer-menu-list li{display: flex;}
#footer-main .sy-section-h .footer-share{margin-top: 1rem;
    margin-bottom: 2rem;}
#footer-main .sy-section-h .footer-share span div{right: inherit;
    left: 20px;}
#footer-main .sy-section-h .service-assurance ul{margin: 1.5rem 0;}
#footer-main .sy-section-h .service-assurance ul li{flex: 1 1 20%;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;}
#footer-main .sy-section-h .service-assurance ul li h6{margin: 0.5rem 0.2rem 0;
    font-size: 0.8rem;
    color: #707070;}
.footer-bottom{padding: 1rem 1.5rem;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;}
.footer-bottom  .declare{margin-top: 50px;}
.float-contact .contact-service li:hover .float_fl{visibility: visible;
    opacity: 1;
    right: 40px;}
.float-contact{width: 30px;
  bottom: 20%;
  top: inherit;}
.float-contact .contact-service>ul{background:#F3F3F3;
  border: 1px #ffffff solid;
  box-shadow: 0 1px 10px rgb(0 0 0 / 8%);}
.float-contact .contact-service>ul>li{background:transparent;
    margin:0;
    border: none;
    box-shadow:none;}
.float-contact .contact-service>ul>li .lxxs{writing-mode: tb-rl;
    margin: 0;
    letter-spacing: 4px;}
.float-contact .contact-service>ul>li{display: flex;
    flex-wrap: wrap;
    background: #0056ff;
    padding: 0.5rem;
    color: #fff;
    border-radius: 50px;
    border: 2px #ffffff solid;
    box-shadow: 0 1px 10px rgb(0 0 0 / 8%);}
.float-contact .contact-service>ul>li:nth-child(2){margin:0.5rem 0;}
.float-contact .return-top a{width: 40px;
    height: 40px;
    padding: 8px;}
.float-contact .return-top a>img{width:auto;}
.float-contact .contact-service>ul>li i.service_icon{margin-bottom: 8px;
    filter: brightness(50);}
.nav-tabs>li>a:before{bottom: 2px;
    height: 2px;}}
.content-class{width: 20px;
	height: 20px;
	vertical-align: 7px;
	fill: currentColor;
	overflow: hidden;
	margin-right: 6px;}
.warning-content{padding-top: 10px;
	font-size: 14px;
	text-align: left;
	border-radius: 4px;
	overflow: hidden;}
.warning-content .activeColor{color: var(--dcydhxz);}
.warning-content .one-line{margin: 0 20px 15px 0px;
	width: 100%;
	float: left;
	white-space: nowrap;}
.warning-content .can-link{cursor: pointer;}
.warning-content i{font-size: 16px;
	display: inline-block;
	position: absolute;
	margin: 10px 0px 0px 0px;
	margin-right: 19px;
	color: var(--dcydhxz);}
.warning-content span{display: inline-block;
	line-height: 18px;
	color: #333333;
	text-align: left;
	margin-left: 25px;}
.warning-content p, .warning-content p>a{font-size: 12px;
	line-height: 20px;
	margin: 0;
	color: #999999;}
p.word-wrap{white-space: break-spaces;
	margin-right: 30px;
	font-size: 12px;
	color: #999999;}
@-webkit-keyframes plsFooterEnter{
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -960px;
	}
}
@keyframes plsFooterEnter{
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -960px;
	}
}
@-webkit-keyframes plsFooterLeave{
	0% {
		background-position: 0 -960px;
	}

	100% {
		background-position: 0 0;
	}
}
@keyframes plsFooterLeave{
	0% {
		background-position: 0 -960px;
	}

	100% {
		background-position: 0 0;
	}
}
@-webkit-keyframes plsFooterEnter{
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -960px;
	}
}
@keyframes plsFooterEnter{
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -960px;
	}
}
@-webkit-keyframes plsFooterLeave{
	0% {
		background-position: 0 -960px;
	}

	100% {
		background-position: 0 0;
	}
}
@keyframes plsFooterLeave{
	0% {
		background-position: 0 -960px;
	}

	100% {
		background-position: 0 0;
	}
}
@-webkit-keyframes moveUpDown{
	25% {
		top: -1px;
	}
	50% {
		top: -2px;
	}
	75% {
		top: -1px;
	}
	100% {
		top: 0px;
	}
}
@keyframes moveUpDown{
	25% {
		top: -1px;
	}
	50% {
		top: -2px;
	}
	75% {
		top: -1px;
	}
	100% {
		top: 0px;
	}
}
@keyframes scDonghua01{
	0%{width:0}
	to{width:100%}
}
@font-face{
    font-family: "dcynews";
    src: url("../fonts/DINPro-Medium.woff") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}
.fa, .fa-light, .fa-solid, .far, .fast{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fa-light:before, .fa-solid:before, .fa:before, .far:before, .fast:before{content:var(--fa)}
.fa-light, .fa-solid, .far{font-family:"Font Awesome 6 Pro"}
.fast{font-family:"Font Awesome 6 Sharp"}
.fa-pen-to-square{--fa:"\f044";--fa--fa:"\f044\f044"}
.fa-share-alt{--fa:"\f1e0";--fa--fa:"\f1e0\f1e0"}
.fa-shield-check{--fa:"\f2f7";--fa--fa:"\f2f7\f2f7"}
.fa-angle-right{--fa:"\f105";--fa--fa:"\f105\f105"}
.fa-hand-point-up{--fa:"\f0a6";--fa--fa:"\f0a6\f0a6"}
.fa-globe{--fa:"\f0ac";--fa--fa:"\f0ac\f0ac"}
.fa-server{--fa:"\f233";--fa--fa:"\f233\f233"}
.fa-crown{--fa:"\f521";--fa--fa:"\f521\f521"}
.fa-cabinet-filing{--fa:"\f64b";--fa--fa:"\f64b\f64b"}
.fa-layer-group{--fa:"\f5fd";--fa--fa:"\f5fd\f5fd"}
.fa-hands-holding-heart{--fa:"\f4c3";--fa--fa:"\f4c3\f4c3"}
.fa-headphones{--fa:"\f025";--fa--fa:"\f025\f025"}
.fa-circle-yen{--fa:"\e5d0";--fa--fa:"\e5d0\e5d0"}
.fa-envelope{--fa:"\f0e0";--fa--fa:"\f0e0\f0e0"}
.fa-angles-up{--fa:"\f102";--fa--fa:"\f102\f102"}
.fa-clock{--fa:"\f017";--fa--fa:"\f017\f017"}
.fa-angle-down{--fa:"\f107";--fa--fa:"\f107\f107"}
.fa-search{--fa:"\f002";--fa--fa:"\f002\f002"}
.fa-phone-office{--fa:"\f67d";--fa--fa:"\f67d\f67d"}
.fa-user-circle{--fa:"\f2bd";--fa--fa:"\f2bd\f2bd"}
.fa-fire-alt{--fa:"\f7e4";--fa--fa:"\f7e4\f7e4"}
.fa-calendar-lines{--fa:"\e0d5";--fa--fa:"\e0d5\e0d5"}
.fa-chevrons-right{--fa:"\f324";--fa--fa:"\f324\f324"}
.fa-database{--fa:"\f1c0";--fa--fa:"\f1c0\f1c0"}
.fa-user{--fa:"\f007";--fa--fa:"\f007\f007"}
.fa-wallet{--fa:"\f555";--fa--fa:"\f555\f555"}
.fa-credit-card{--fa:"\f09d";--fa--fa:"\f09d\f09d"}
.fa-id-card{--fa:"\f2c2";--fa--fa:"\f2c2\f2c2"}
.fa-shield-halved{--fa:"\f3ed";--fa--fa:"\f3ed\f3ed"}
.fa-right-from-bracket{--fa:"\f2f5";--fa--fa:"\f2f5\f2f5"}
:host, :root{--fa-style-family-brands:"Font Awesome 6 Brands";--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands"}
:host, :root{--fa-style-family-duotone:"Font Awesome 6 Duotone";--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone"}
:host, :root{--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro"}
.fa-light{font-weight:300}
:host, :root{--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro"}
.far{font-weight:400}
:host, :root{--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro"}
.fa-solid{font-weight:900}
:host, :root{--fa-style-family-classic:"Font Awesome 6 Pro";--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro"}
@font-face{font-family:"Font Awesome 6 Duotone";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-duotone-900.woff2) format("woff2"),url(../fonts/fa-duotone-900.ttf) format("truetype")}
@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:300;font-display:block;src:url(../fonts/fa-light-300.woff2) format("woff2"),url(../fonts/fa-light-300.ttf) format("truetype")}
@font-face{font-family:"Font Awesome 6 Pro";font-style:normal;font-weight:900;font-display:block;src:url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.ttf) format("truetype")}

.space2x{padding-top: 90px;
	padding-bottom: 90px;}
.title-main{text-align: center;}
.title-head{font-size: 2.5em;
	font-weight: 500;
	margin-bottom: 25px;}
.sub-head{margin: 10px 0 40px;
    font-size: 1.2rem;
    color: #808080;}
.HomePartners_module-wrap__kdUF7{padding-top: 56px;
 text-align: center}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z{padding: 22.5px 0 38.5px;
 position: relative;
 overflow: hidden}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_left-filter__w5HdY, .HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_right-filter__Zjeuc{position: absolute;
 top: 0;
 width: 240px;
 height: 100%;
 background: linear-gradient(270deg,#fff 29.49%,hsla(0,0%,100%,0));
 z-index: 1}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_left-filter__w5HdY{left: 0;
 -webkit-transform: matrix(-1,0,0,1,0,0);
 -ms-transform: matrix(-1,0,0,1,0,0);
 transform: matrix(-1,0,0,1,0,0)}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_right-filter__Zjeuc{right: 0}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_roll-box__eZrDy{padding: 17.5px 0;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-pack: end;
 justify-content: flex-end;
 width: 100%;
 height: 64px;
 overflow: hidden;
 box-sizing: content-box}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_roll-box__eZrDy.HomePartners_left-deviation-row__AqicD{position: relative;
 left: -88px}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_roll-box__eZrDy .HomePartners_row-dom__kXL3b{white-space: nowrap;
 -webkit-animation: HomePartners_rowup__cxddW 60s linear infinite normal;
 animation: HomePartners_rowup__cxddW 60s linear infinite normal}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_roll-box__eZrDy .HomePartners_row-dom__kXL3b .HomePartners_img-wrap__vRojE{margin-right: 16px;
 display: inline-block;
 width: 160px;
 height: 64px;
 background: #fff;
 box-shadow: 0 0 24px rgba(61,89,132,.12);
 border-radius: 4px}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_roll-box__eZrDy .HomePartners_row-dom__kXL3b .HomePartners_img-wrap__vRojE img{width: 100%;
 height: 100%}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_roll-box__eZrDy .HomePartners_row-dom__kXL3b .HomePartners_img-wrap__vRojE:last-of-type{margin-right: 0}
@media screen and (max-width:750px){.HomePartners_module-wrap__kdUF7{padding-top: .64rem;
  text-align: left}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z{padding: .4rem 0 .56rem;}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_left-filter__w5HdY, .HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_right-filter__Zjeuc{display: none}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_roll-box__eZrDy{height: 40px;
  padding: 16px 0;}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_roll-box__eZrDy.HomePartners_left-deviation-row__AqicD{position: relative;
  left: -1.16rem;
  width: calc(100vw + 2.32rem)}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_roll-box__eZrDy .HomePartners_row-dom__kXL3b{-webkit-animation: HomePartners_rowup__cxddW 60s linear infinite normal;
  animation: HomePartners_rowup__cxddW 60s linear infinite normal}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_roll-box__eZrDy .HomePartners_row-dom__kXL3b .HomePartners_img-wrap__vRojE{width: 100px;
  height: 40px;
  margin-right: .16rem;
  border-radius: .05rem;
  box-shadow: 0 0 .3rem rgba(61,89,132,.12)}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_roll-box__eZrDy .HomePartners_row-dom__kXL3b .HomePartners_img-wrap__vRojE img{width: 100%;
  height: 100%}
.HomePartners_module-wrap__kdUF7 .HomePartners_logo-wrap__yeU4Z .HomePartners_roll-box__eZrDy .HomePartners_row-dom__kXL3b .HomePartners_img-wrap__vRojE:last-of-type{margin-right: 0}}
.container_bg27{background-color: #f6f8fa;
    background-image: url(../images/local65c46942300ab.jpeg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 90px;}
.comp_container{max-width: 1440px;
    min-width: 745px;
    padding: 0 64px;}
.comp_container_auto{margin: auto;}
.sk-title-container{display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px 0 60px;}
.sk-title-container .sk-title{font-size: 30px;
    color: #181818;
    text-align: center;
    line-height: 40px;
    font-weight: 600;
    margin: 0;}
.sk-title-container .sk-desc{margin-top: 18px;
    font-size: 16px;
    color: rgba(34, 34, 34, 0.9);
    text-align: center;
    line-height: 24px;
    font-weight: 400;
    opacity: 0.9;}
.network{padding: 60px 0 80px;
    height: fit-content;
    position: relative;}
.network .network_container{position: relative;
    height: 280px;}
.network .network_container .feature-wrapper{position: absolute;
    top: 32px;
    left: 0;
    z-index: 2;}
.network .network_container .feature-wrapper .feature-row{max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;}
.network .network_container .feature-wrapper .feature-row .feature-item{display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;}
.network .network_container .feature-wrapper .feature-row .feature-item .feature-title{font-size: 24px;
    color: #181818;
    font-weight: 600;
    line-height: 26px;
    margin: 0;}
.network .network_container .feature-wrapper .feature-row .feature-item .feature-desc{font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    font-weight: 400;
    line-height: 26px;
    margin: 0;}
.network .network_container .network_canvas{position: absolute;
    top: 0;
    right: -24px;
    height: 360px;
    overflow: hidden;
    z-index: 1;}
.network .network_container .network_canvas canvas{background: transparent;}
.network .network_footer{position: absolute;
    width: 100%;
    height: 132px;
    left: 0;
    z-index: 2;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    background-color: hsla(0, 0%, 100%, 0.9);
    backdrop-filter: blur(20px);
    background-image: url(../images/remoteL17073198741987.webp);
    border-radius: 4px;
    bottom: -28px;
    box-shadow: 0 10px 20px 0 rgba(192, 205, 232, 0.3), 0 0 2px 0 rgba(37, 56, 108, 0.1);}
.network .network_footer .network_footer_row{padding: 0 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;}
.network .network_footer .certificate_item{display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;}
.network .network_footer .certificate_item .certificate_icon{width: 180px;
    height: 68px;
    background: #fff;
    border: 1px solid #f7f9fd;
    box-shadow: 0px 4px 20px 0px rgba(149, 181, 201, 0.11);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 0px;}
.network .network_footer .certificate_item .certificate_icon img{width: 100%;
    height: 100%;}
.network .network_footer .certificate_item .certificate_title h1{font-size: 14px;
    color: rgba(0, 0, 0, 0.65);
    font-weight: 400;
    line-height: 24px;
    margin: 0;}
@media (max-width: 768px){.comp_container{max-width: 100%;
        min-width: 100%;
        padding: 0 16px;}
.sk-title-container{padding: 12px 0 18px;}
.sk-title-container .sk-title{font-size: 20px;
        line-height: 24px;}
.sk-title-container .sk-desc{font-size: 14px;
        line-height: 22px;
        margin-top: 12px;}
.network{padding: 40px 0 60px;}
.network .network_container{height: auto;}
.network .network_container .feature-wrapper{position: static;}
.network .network_container .feature-row{max-width: 100%;}
.network .network_container .network_canvas{display: none;}
.network .network_footer{position: static;
        height: auto;
        margin-top: 24px;
        bottom: 0;
        background-image: none;}
.network .network_footer .network_footer_row{flex-wrap: wrap;
        justify-content: center;
        gap: 16px;}
.network .network_footer .certificate_item .certificate_icon{width: 120px;
        height: 48px;}}
@-webkit-keyframes HomePartners_rowup__cxddW{
 0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
 }

 to {
  -webkit-transform: translate3d(50%,0,0);
  transform: translate3d(50%,0,0)
 }
}
@keyframes HomePartners_rowup__cxddW{
 0% {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
 }

 to {
  -webkit-transform: translate3d(50%,0,0);
  transform: translate3d(50%,0,0)
 }
}

@charset "UTF-8";
.bigimg{z-index:100;
    position: fixed;
    left:0;
    top:0;
    width:100%;}
.index-link{color: var(--dcydhxz);}
.index-link i{font-size: 18px;
    top: 2px;
    position: relative;
    color: var(--dcydhxz);
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;}
.index-link:hover i{-webkit-transform: translateX(4px);
    transform: translateX(4px);}
.wrap-main-swiper .swiper-container{margin: 0 -2.5rem;}
.wrap-main-swiper .swiper-slide{background-position: center;
	background-size: cover;
	opacity:0 !important;}
.wrap-main-swiper .swiper-slide .container{padding-left: 1rem;
    padding-right:1rem;}
.wrap-main-swiper .content-slide{height: 540px;
	position: relative;
	display: flex;
	justify-content: center;
	flex-flow: column;
	    opacity: 1;
    -webkit-transition: .15s;
    transition: .15s;}
.wrap-main-swiper[style*="--swiper-h"] .swiper-container,
.wrap-main-swiper[style*="--swiper-h"] .swiper-slide,
.wrap-main-swiper[style*="--swiper-h"] .content-slide{height: var(--swiper-h) !important;}
@media (max-width: 1080px){
.wrap-main-swiper[style*="--swiper-h-mobile"] .swiper-container,
.wrap-main-swiper[style*="--swiper-h-mobile"] .swiper-slide,
.wrap-main-swiper[style*="--swiper-h-mobile"] .content-slide{height: var(--swiper-h-mobile) !important;}
}
.swiper-container-fade .swiper-slide-active{opacity:1 !important;}
.swiper-container-fade .swiper-slide-active .sub-slogan,
.swiper-container-fade .swiper-slide-active .slogan,
.swiper-container-fade .swiper-slide-active .event-title{animation: bounceInUp 1s linear forwards;}
.swiper-container-fade .swiper-slide-active .pt50{animation: bounceInUp 2s linear forwards;}
@-webkit-keyframes bounceInUp {
	0% {opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)}
	100% {opacity: 1;
		-webkit-transform: none;
		transform: none}
}
@keyframes bounceInUp {
	0% {opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)}
	100% {opacity: 1;
		-webkit-transform: none;
		transform: none}
}
.wrap-main-swiper .content-slide p{width: 100%;
	margin: 0 0 0px;}
.wrap-main-swiper .content-slide .slogan{font-size: 4rem;
	font-weight: bold;
	padding: 10px 0 5px;
	line-height: 120%;
	color:var(--dcydhzt);
	font-family: YouSheBiaoTiHei-2;}
.wrap-main-swiper .content-slide .sub-slogan{font-size: 16px;
	color: var(--dcydhzt);
    font-weight: bold;}
.wrap-main-swiper .content-slide .sub-slogan span{padding: 5px 9px 5px 9px;
    background: var(--dcyans);
    border-radius: 2px;
    margin-left: 8px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    font-weight: 600;}
@media (max-width: 1080px){.wrap-main-swiper .content-slide .sub-slogan span{padding: 2px 4px;
    background: var(--dcyans);
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;}}
.wrap-main-swiper .content-slide .event-title{font-size: 16px;
    color: #222;
	padding: 10px 0;
	font-weight: bold;}
.wrap-main-swiper .content-slide .btn-outline-success{border-radius: 4px;
	color: #fff;
	background: var(--dcyans);
	border: 0px #337dff;
	padding: 0.8rem 2rem;
	font-weight: 600;
	cursor: pointer;
    font-size: 16px;
        margin-top: 24px;}
@media (max-width: 1080px){.wrap-main-swiper .content-slide .btn-outline-success{margin-top: 16px;
    padding: 8px 18px;
    background: var(--dcyans);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: block;
    width: fit-content;}}
.wrap-main-swiper .content-slide .btn-outline-success:hover{background: var(--dcyanxz);
	 color: #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{bottom: 120px;
    left: 0;
    width: 100%;
    margin-left: -600px;
	position: absolute !important;}
.swiper-banner-video{position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    object-fit: cover;}
.swiper-slide .banner{background-color: #DBE5F5;}
@media (max-width: 1080px){.swiper-slide .banner-container{height: auto;}}
.swiper-slide .banner-m-img{display: none;}
@media (max-width: 1080px){.swiper-slide .banner-m-img{-o-object-fit: cover;
    object-fit: cover;
    height: 280px;}
.swiper-slide .banner-slide-swiper-text{position: absolute;
    top: 0px;
    width: 100%;}}
@media (max-width: 1080px){.swiper-slide .banner-m-img{display: block;
    width: 100%;}}
.bannerlist-entries-wrap{position: relative;
    z-index: 1;
    margin-top: -60px;
    padding: 0 20px;
    padding: 0rem 2.5rem;}
.bannerlist-entries-inner{margin: 0 auto;
    max-width: 1440px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;}
.bannerlist-entry{display: block;

    box-sizing: border-box;
    -ms-flex: 1;
    flex: 1;
    width: 1px;
    max-width: none;
    height: auto;
    padding: 18px;
    transition: all .3s linear;
    position: relative;}
.bannerlist-entry:nth-child(4n){margin-right: 0;}
.bannerlist-entry:hover{background-color: hsla(0,0%,100%,.8);}
.bannerlist-entry:hover .bannerlist-entry-title{color: var(--dcydhxz);}
.bannerlist-entry-title{margin-bottom: 4px;
    font-size: 16px;
    font-weight: 500;
    color: var(--dcydhzt);
    line-height: 26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.bannerlist-entry-desc{max-height: 44px;
    line-height: 22px;
    font-size: 14px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.bannerlist-entries-wrap{padding-left: 40px;
    padding-right: 40px;}
.bannerlist-entries-inner{max-width: 1440px;}
@media (max-width:768px){.p-desc{display: none;}}
.bannerlist-entries-inner a:hover .bannerimg{animation: vgJgjBFw 1s steps(30) forwards;}
.bannerlist-entries-inner .bannerimg{float: left;
    width: 56px;
    height: 56px;
    margin-right: 5px;
    background: no-repeat 0 0;
    background-size: 100% auto;}
.bannerlist-entries-inner .bannerimg i{font-size: 50px;
    color: var(--dcydhxz);}
.bannerlist{background: #fff;background: hsla(0,0%,100%,.6);-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);transition: background-color .3s ease-out;z-index: 10;}
.productlist{padding-top: 10px;
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11), inset -8px -8px 20px 0 #fff;
    padding-bottom: 40px;}
#home-serve{padding-top: 40px;}
#home-serve .nav-tabs{border-bottom: 0px #E5E5E5 solid;
     border: none;}
#home-serve .nav-tabs>li>a i{color: var(--dcydhxz);}
@media (max-width: 1080px){#home-serve .nav-tabs>li>a i{display: none;}}
#home-serve .productlist{background: linear-gradient(93deg,#ebf0ff -1.53%,#e1e9ff);
    box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11), inset -8px -8px 20px 0 #fff;
    padding-bottom: 40px;}
#home-serve .container{padding-top: 0px;}
#home-serve .sy-section-h{padding-top: 0rem;
    padding-bottom: 0rem;}
#home-serve .container .sy_inner .h-l2-title{text-align: center;
    font-size: 28px;}
#home-serve .container .sy_inner .h-l2-title h2{margin-right: 0;
	font-family: FirstFont;}
#home-serve .container .sy_inner .tab-content{width: 100%;}
#home-serve .container .sy_inner .tab-content>.active{animation: lightSpeedIn 0.5s linear forwards;}
#home-serve .container .sy_inner .tab-content .tab-pane{margin-left: -1rem;
	margin-right: -1rem;}
#home-serve .container .sy_inner .tab-content .tab-pane ul{display: flex;
	flex-wrap: wrap;}
#home-serve .container .sy_inner .tab-content .tab-pane .tab-r-list ul{margin: 0 -1rem;}
#home-serve .container .sy_inner .tab-content #idc-data.tab-pane .tab-r-list ul li{width: calc(33% - 0rem);}
#home-serve .container .sy_inner .tab-content #hot-pro.tab-pane .tab-r-list ul li, #home-serve .container .sy_inner .tab-content #cloud-pro.tab-pane .tab-r-list ul li, #home-serve .container .sy_inner .tab-content #cdn-pro.tab-pane .tab-r-list ul li, #home-serve .container .sy_inner .tab-content #mysql-pro.tab-pane .tab-r-list ul li, #home-serve .container .sy_inner .tab-content #storage-pro.tab-pane .tab-r-list ul li, #home-serve .container .sy_inner .tab-content #security.tab-pane .tab-r-list ul li, #home-serve .container .sy_inner .tab-content #developer.tab-pane .tab-r-list ul li{width: calc(33% - 0rem);}
#home-serve .container .sy_inner .tab-content #idc-data.tab-pane .tab-r-list ul li .tab-p-title span{font-size: 0.8rem;
	color: #3d485d;
	margin-top: 3px;
	margin-bottom: 1rem;
	width: 100%;}
#home-serve .container .sy_inner .tab-content #idc-data.tab-pane .tab-r-list ul li .tab-p-psn p{margin-bottom: 5px;}
#home-serve .container .sy_inner .tab-content #idc-data.tab-pane .tab-r-list ul li .tab-p-psn ul{margin: 0 0 1rem;
	padding-bottom: 5px;
	border-bottom: 1px var(--dcyborder) solid;
	color: var(--dcydhzt);}
#home-serve .container .sy_inner .tab-content #idc-data.tab-pane .tab-r-list ul li .tab-p-psn ul li{margin: 0;
	width: auto;
	padding-right: 1rem;}
#home-serve .container .sy_inner .tab-content #idc-data.tab-pane .tab-r-list ul li .tab-p-psn ul li:last-child{border-right: none;}
#home-serve .container .sy_inner .tab-content .tab-pane .tab-lefthot{width: calc(25% - 2rem);
	margin: 2rem 1rem 0;
	color: #ffffff;}
#home-serve .container .sy_inner .tab-content .tab-pane .tab-r-list{width: calc(73.8% - 10px);
    margin: 2rem 0rem 2rem 1rem;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner{padding: 0.57rem 1.8rem;
	background:#fff;
	font-family: dcynews;
    background-size: cover;
    position: relative;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .sell{width: 59px;
	height: 59px;
	position: absolute;
	right: 0px;
	top: 0px;
	overflow: hidden;
	-webkit-font-smoothing: auto;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .sell span:hover{color: #fff;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .sell span{width: 80px;
    height: 20px;
    color: #fff;
    right: -18px;
    top: -2px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .sell span:after, #home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .sell span:before{content: "";
	display: inline-block;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .sell span:before{left: 0;
	top: 17px;
	width: 5px;
	height: 6px;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .sell span:after{width: 6px;
	height: 5px;
	bottom: -2px;
	right: 0;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .sell span, #home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .sell span:after, #home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .sell span:before{background-color: #f64041;
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner:hover{border-color: #fff;
	box-shadow: 3px 3px 12px rgb(55 99 170 / 20%);
	z-index: 1;
	transition: box-shadow .3s ease-in-out;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .tab-p-title{display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 0.4rem;
	height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .tab-p-title img{height: 2.7rem;
	width: 3rem;
	object-fit: contain;
	margin-right: 1rem;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .tab-p-title h5{margin: 0;
	font-size: 16px;
    color: #181818;
    line-height: 24px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .tab-p-net span{margin-top: 0rem;
    margin-bottom: 0rem;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner:hover .tab-p-title h5{color: var(--dcydhxz);}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner  span{margin-top: 0.5rem;
    margin-bottom: 1rem;
    font-size: 14px;
    color: #4b5b76;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: normal;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner span:hover{color: #4b5b76;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .tab-p-price{display: flex;
	align-items: center;
	justify-content: space-between;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .tab-p-price .btn-default{border: 1px var(--dcyanb) solid;
    line-height: 18px;
    font-weight: 400;
    font-family: PingFangSC-Regular;
    background: var(--dcyans);
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    transition: width .3s ease-in-out;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .tab-p-price .btn-default:hover{color: #ffffff;
    background: var(--dcyanxz);
    border-color: transparent;
    cursor: pointer;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .tab-p-price span h4{display: inline;
	font-weight: bold;
	color: var(--dcydhzt);
	font-family: dcynews;}
#home-serve .check{margin-top: 67%;}
#home-product{background-image: linear-gradient(180deg,#fff,#fff);}
#home-product .h-l5-title{text-align: center;
    margin-bottom: 2rem;
    font-family: FirstFont;}
#home-product .h-l5-title p{color: #3d485d;
    text-transform: uppercase;
    letter-spacing: 1px;}
#home-product .h-l3-box ul{width: 100%;
	margin: 0px auto 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}
#home-product .h-l3-box ul li{width: 20%;
	position: relative;
	margin-bottom: 5px;
	overflow: hidden;
	height: 200px;}
#home-product .h-l3-box ul li.one-1{width: 40%;}
#home-product .h-l3-box ul li .img-box{background: #fff;
	background-image: linear-gradient(180deg,#f3f5f8,#fff);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgb(55 99 170 / 10%), -8px -8px 20px #fff;}
#home-product .h-l3-box ul li .img-box:after{content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/jiejue-di-hei.png) repeat-x bottom;}
#home-product .h-l3-box ul li .img-box img{-webkit-transition: 0.38s;
	-moz-transition: 0.38s;
	transition: 0.38s;
	display: block;
	width: 100%;}
#home-product .h-l3-box ul li:hover .img-box img{opacity: .3;
	filter: blur(2px);
	transform: scale(1.01);
	box-shadow: 8px 8px 20px rgb(55 99 170 / 10%), -8px -8px 20px #fff;}
#home-product .h-l3-box ul li .text-box{position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	font-size: 14px;
	color: #fff;
	box-sizing: border-box;
	padding: 0px 20px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	align-content: flex-end;
	    -webkit-box-shadow: rgb(255 255 255 / 70%) 0px -40px 0px inset;
    box-shadow: rgb(255 255 255 / 70%) 0px -50px 0px inset}
#home-product .h-l3-box ul li:hover .text-box{box-shadow: 8px 8px 20px rgb(55 99 170 / 10%), -8px -8px 20px #fff;}
#home-product .h-l3-box ul li .text-box h3{-webkit-transition: 0.38s;
	-moz-transition: 0.38s;
	transition: 0.38s;
	width: 100%;
	font-size: 20px;}
#home-product .h-l3-box ul li .text-box p{-webkit-transition: 0.38s;
	-moz-transition: 0.38s;
	transition: 0.38s;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	height: 0;
	margin: 0;
	opacity: .8;}
#home-product .h-l3-box ul li:hover .text-box p{height: 38px;
	margin: 6px 0 20px;
	color: var(--dcydhzt)}
#home-product .h-l3-box ul li:hover .text-box h3{color: var(--dcydhzt);}
#home-product .h-l3-box ul li .text-box a{-webkit-transition: 0.38s;
	-moz-transition: 0.38s;
	transition: 0.38s;
	overflow: hidden;
	height: 0;
	font-size: 14px;
	color: var(--dcydhzt);
	margin-top: 5px;}
#home-product .h-l3-box ul li:hover .text-box a{height: 40px;
	opacity: .8;}
#home-product .h-l5-solution-nav:hover .h-l5-solution-nav-title{color: var(--dcydhxz);}
#home-product .h-l5-solution-nav:hover .h-l5-solution-nav-inner{border-color: #fff;
	box-shadow: 3px 3px 12px rgb(55 99 170 / 20%);}
#home-product .h-l5-solution-navs{font-size: 0;
    margin: 20px 15px -20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
#home-product .h-l5-solution-navsa{font-size: 0;
    margin: 20px 20px -20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
#home-product .h-l5-solution-navs>li{display: inline-block;
    vertical-align: top;
    width: 20%;
    box-sizing: border-box;
    padding: 05px;
    margin-bottom: 10px;}
#home-product .h-l5-solution-nav{display: block;
    height: 100%;}
#home-product .h-l5-solution-nav-inner{position: relative;
    box-sizing: border-box;
    height: 100%;
    padding: 15px 20px;
    transition: all .4s ease-in-out;
    background-image: linear-gradient(180deg,#f3f5f8,#fff);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
    transition: border .3s, box-shadow .3s;
    border-radius: 4px;}
#home-product .h-l5-solution-nav-icon{position: absolute;
    width: 48px;
    height: 48px;
    bottom: 24px;
    right: 20px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;
    	-webkit-animation: solutionLeave .3s steps(16) forwards;
	animation: solutionLeave .3s steps(16) forwards;}
#home-product .h-l5-solution-nav-inner:hover .h-l5-solution-nav-icon{-webkit-animation: solutionEnter .3s steps(16) forwards;
	animation: solutionEnter .3s steps(16) forwards;}
#home-product .h-l5-solution-nav-inner .solution-1{background-image: url(../images/af14217f927eedc0c3c403ddb0b4a8a3.png);}
#home-product .h-l5-solution-nav-inner .solution-2{background-image: url(../images/e9405a43d1c3e68b3e2eb42f6783f987.png);}
#home-product .h-l5-solution-nav-inner .solution-3{background-image: url(../images/77d8ac28ee107e0523b8ca60fe8852d4.png);}
#home-product .h-l5-solution-nav-inner .solution-4{background-image: url(../images/6805e8de35b66e7e87fe4d06d3a3d09e.png);}
#home-product .h-l5-solution-nav-inner .solution-5{background-image: url(../images/bfbcf8d7614bcd231c16da40ea1d48b5.png);}
#home-product .h-l5-solution-nav-inner .solution-6{background-image: url(../images/4f38122e35629dd3bd3a567251ca03b9.png);}
#home-product .h-l5-solution-nav-inner .solution-7{background-image: url(../images/e44f8613c89741b78886fc6680effaa7.png);}
#home-product .h-l5-solution-nav-inner .solution-8{background-image: url(../images/c92a7debc16466ddd27a7e5b0c1eb6ef.png);}
#home-product .h-l5-solution-nav-inner .solution-9{background-image: url(../images/9780f877770e03979b7462549a17ad8f.png);}
#home-product .h-l5-solution-nav-cnt{max-width: calc(100% - 56px);
    overflow: hidden;}
#home-product .h-l5-solution-nav-title{font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    color: var(--dcydhzt);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
#home-product .h-l5-solution-nav-desc{margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    color: #4b5b76;
    opacity: .8;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    max-height: 44px;}
#home-product .h-l5-solution-nav.is-more .h-l5-solution-nav-link{font-size: 14px;
    line-height: 22px;
    color: var(--dcydhzt);
    display: inline-block;
    margin-top: 8px;
    position: absolute;
    bottom: 24px;
    left: 20px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;}
#home-product .h-l5-solution-nav.is-more .h-l5-solution-nav-link:hover{color: var(--dcydhxz);}
#home-product .h-l5-solution-nav.is-more .h-l5-solution-nav-link:after{content: "";
    display: inline-block;
    width: 16px;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out,-webkit-transform .4s ease-in-out;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50%;
    background-image: url(../images/icon-arrow_05e.svg);}
#home-product .h-l5-solution-nav.is-more .h-l5-solution-nav-link:hover:after{-webkit-transform: translateX(4px);
    transform: translateX(4px);}
#home-product .h-l5-company{align-items: center;}
#home-product .h-l5-title p{color: #3d485d;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: Regular, Source Han Sans, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, simsun, sans-serif !important;}
#home-product .h-l3-box ul li .text-box h3{-webkit-transition: 0.38s;
    -moz-transition: 0.38s;
    transition: 0.38s;
    width: 100%;
    font-size: 16px;}
#home-news{background:linear-gradient(93deg,#ebf0ff -1.53%,#e1e9ff);}
#home-news .h-l7-top{align-items: flex-end;}
#home-news .h-l7-top .h-l7-title{text-align: center;
    margin-bottom: 3rem;}
#home-news .h-l7-title p{color: #3d485d;
    text-transform: uppercase;
    letter-spacing: 1px;}
#home-news .h-l7-top .h-l7-title h2{margin-right: 0;
    font-family: FirstFont;
    margin-right: 1.5rem;
    letter-spacing: 2px;}
#home-news .h-l7-top a{margin-bottom: 10px;
  display: inline-block;
  float: right;}
#home-news .h-l7-top a:after{content: url(../images/right-icon.svg);
  margin-left: 5px;
  opacity: .5;}
#home-news .h-l7-top hr{width: 100%;
  margin: 1.5rem;}
#home-news .h-l7-list{margin-top: 10px;

  display: flex;
  max-width: 1440px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0rem;}
#home-news .h-l7-list .h-l7-l-box ul{margin-left: 0rem;
  margin-bottom: 0;
  overflow: hidden;}
#home-news .h-l7-list .h-l7-l-box ul li{display: flex;
   border-bottom: 1px #e5e5e5 solid;
  padding: .6rem 0;
  transition: border .3s;}
#home-news .h-l7-list .h-l7-l-box ul li:hover{border-color: var(--dcyxhx);
  color: var(--dcydhxz);
  cursor:pointer;
  text-decoration: none;}
#home-news .h-l7-list .h-l7-l-box ul li .news-content{width: 100%;
  font-family: "dcynews";}
#home-news .h-l7-list .h-l7-l-box ul li .news-content>div{display: flex;
  justify-content: space-between;
  align-items: center;}
#home-news .h-l7-list .h-l7-l-box ul li .news-content div.news-title h5{margin: 0;
  width: 80%;
  overflow: hidden;
  color: #181C29;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.1rem;
  letter-spacing: 0;}
#home-news .h-l7-list .h-l7-l-box ul li .news-content div.news-title a{color: #181C29;}
#home-news .h-l7-list .h-l7-l-box ul li .news-content div.news-title a:hover{color: var(--dcydhxz)}
#home-news .h-l7-list .h-l7-l-box ul li:hover .news-content div.news-title .news-time{color: var(--dcydhxz)}
#home-news .h-l7-list .h-l7-l-box .h-l7-list-tit{display: flex;
    color: #181C29;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    align-items: center;
    height: 50px;
    justify-content: space-between;
    padding: 0 0rem;}
#home-news .col-lg-4{width: 32.333333%;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
    border-radius: 4px;
    margin-bottom: 38px;}
#home-news .h-l7-list .h-l7-l-box .h-l7-list-tit h3{color: var(--dcydhzt);
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;}
#home-news .h-l7-list .h-l7-l-box .h-l7-list-tit a{color: var(--dcydhzt);}
#home-news .h-l7-list .h-l7-l-box .h-l7-list-tit a:hover{color: var(--dcydhxz);}
.solution{display:-webkit-flex;
	display:flex;
	margin: 0 auto;
	-webkit-font-smoothing:antialiased}
@media (max-width:768px){.solution{display: block;
    margin: 0;
    flex-wrap: wrap;
    margin: 0 auto;}
.direction-weak-arrow{font-size: 14px;}
#home-serve .nav-tabs{border-bottom: 0px solid #ddd;
    margin: 0rem 0 0;}
.moblelist{padding: 0 17px;
    max-width: 100%;
    background: linear-gradient(180deg,#f3f5f8,#fff);}
.moblelist::-webkit-scrollbar{display:none}
.moblelisthua::-webkit-scrollbar{display:none}
.moblelisthua{display: flex;
    max-width: 100%;
    position: relative;
    justify-content: space-between;
    white-space: nowrap;
    padding: 0;
    overflow: scroll;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
    margin: 0 auto;

    flex-wrap: inherit;}
.wrap-main-swiper .swiper-container{margin: 0px -1.5rem;}
.swiper-banner-video{position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    display: none!important;;
    object-fit: cover;}
.bannerlist-entries-wrap{padding-left: 0px;
    padding-right: 0px;
    margin-top: -44px;}
.bannerlist-entry{-ms-flex: none;
    flex: none;
    margin-bottom: 8px;
    padding: 10px 6px;
    min-height: auto;
    width: calc(50% - 4px);
    text-align: left;}
.bannerlist-entry{margin-right: 8px;
    padding: 12px 8px 8px;
    height: auto;
    -ms-flex: 1;
    display: flex;

    margin: 0 10px 10px 0;
    padding-left: 10px;

    background: #fff;

    text-align: left;
    align-items: center;
    width: calc(50% - 4px);

    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
    border-radius: 4px;
    box-sizing: border-box;}
.bannerlist-entry-title{font-size: 13px;}
.bannerlist{background: hsla(0,0%,100%,0);}
.bannerlist-entries-inner .bannerimg{display: inline-block;
    vertical-align: -5.5px;
    width: 25px;
    height: 25px;
    margin-right: 3px;
    margin-bottom: 4px;}
.bannerlist-entry{-ms-flex: 1;
    flex: 1;
    max-width: none;}
.bannerlist-entry:nth-child(2n){margin-right: 0;}
.bannerlist-entry:nth-child(4n){margin-right: 0;}
.bannerlist-entry:nth-child(5n){margin-right: 0;}
.bannerlist-entries-inner{-ms-flex-pack: start;
    justify-content: start;}
.bannerlist-entries-inner{padding: 0 0px;
    -ms-flex-pack: center;
    justify-content: center;}
.bannerlist-entries-inner{-ms-flex-pack: center;
    justify-content: center;}
#home-serve{padding-top: 40px;}
.wrap-main-swiper .swiper-slide{height: 310px;}
.wrap-main-swiper .content-slide{height: 260px;
		margin-left: 12px;
		padding-top: 0px;}
.wrap-main-swiper .content-slide .slogan{padding: 5px 0 0px;
	font-size: 2.5rem;}
.wrap-main-swiper .content-slide .sub-slogan{font-size: 1.3rem;
		margin-bottom: 0rem;}
.pt50{display: block}
.wrap-main-swiper .content-slide .event-title{margin-bottom: 0rem;
	padding: 5px 0;

    font-weight: bold;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{max-width: 100%;
    left: 0;
    right: 0;
    bottom: 18%;
    margin-left: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;}
.swiper-pagination span.swiper-pagination-bullet{padding: 0px 0;
    background: rgba(0,0,0,.12);
    width: 36px;
    height: 4px;
    border-radius: 4px;
    margin: 0 5px !important;

    opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction{bottom: 70px;
		padding-left: 20px;
    justify-content: left;}
#home-serve .container{padding-top: 0rem;}
#home-serve .container .sy_inner .tab-content .tab-pane ul{margin: 0 0.8rem;}
#home-serve .container .sy_inner .tab-content #hot-pro.tab-pane ul li, #home-serve .container .sy_inner .tab-content #idc-data.tab-pane .tab-r-list ul li{width: 100%;
		margin: 1rem 0 0;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner{padding: 1rem 1.2rem;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .tab-p-title img{height: 2rem;
		width: 2rem;}
#home-serve .container .sy_inner .tab-content .tab-pane ul li .sy_col-inner .tab-p-title span{margin-top: 0.5rem;
		margin-bottom: 0.5rem;}
#home-serve .container .sy_inner .tab-content .tab-pane .tab-lefthot{width: 100%;
		margin: 0rem 1rem 1rem;
		background-position: bottom;}
#home-serve .container .sy_inner .tab-content .tab-pane .tab-r-list{width: 100%;
		margin: 0rem 1rem;}
#home-serve .container .sy_inner .tab-content .tab-pane .tab-r-list ul{margin: 0;}
#home-serve .container .sy_inner .tab-content #idc-data.tab-pane .tab-r-list ul li .tab-p-psn p{margin-bottom: 0;}
#home-serve .container .sy_inner .tab-content #hot-pro.tab-pane .tab-r-list ul li, #home-serve .container .sy_inner .tab-content #cloud-pro.tab-pane .tab-r-list ul li, #home-serve .container .sy_inner .tab-content #cdn-pro.tab-pane .tab-r-list ul li, #home-serve .container .sy_inner .tab-content #mysql-pro.tab-pane .tab-r-list ul li, #home-serve .container .sy_inner .tab-content #storage-pro.tab-pane .tab-r-list ul li, #home-serve .container .sy_inner .tab-content #security.tab-pane .tab-r-list ul li, #home-serve .container .sy_inner .tab-content #developer.tab-pane .tab-r-list ul li{width: 100%;
		margin: 0rem 0 0;}
#home-product .h-l3-box ul li .text-box{padding: 0px 10px;
    text-align: left;}
#home-product .h-l3-box ul li:hover .text-box p{height: 28px;
    margin: 0px 0 0px;
    color: var(--dcydhzt);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
#home-product .h-l3-box{padding: 0px 0;}
#home-product .h-l3-box ul{width: 90%;
		margin-top: 10px;}
#home-product .h-l3-box ul li.one-1{width: 100%;}
#home-product .h-l3-box ul li{width: 49%;
		margin-bottom: 10px;
		max-height: 120px;}
#home-product .h-l5-solution-navs{margin: 12px 1rem -12px;}
#home-product .h-l5-solution-navsa{margin: 12px 0rem -12px;}
#home-product .h-l5-solution-nav.is-more .h-l5-solution-nav-inner{-ms-flex-pack: center;
    justify-content: center;}
#home-product .h-l5-solution-nav.is-more .h-l5-solution-nav-title{display: none;}
#home-product .h-l5-solution-navs .card6{display: none;}
#home-product .h-l5-solution-nav.is-more .h-l5-solution-nav-link{margin-top: 0;
    position: static;}
#home-product .h-l5-solution-navs>li{width: 33.33%;
    padding: 0 6px;
    margin-bottom: 12px;}
#home-product .h-l5-solution-nav-inner{padding: 12px 8px;
    -ms-flex-direction: column;
    flex-direction: column;}
#home-product .h-l5-solution-nav-inner{display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;}
#home-product .h-l5-solution-nav-icon{margin-right: 0;
    margin-bottom: 8px;}
#home-product .h-l5-solution-nav-icon{display: inline-block;
    position: static;
    width: 24px;
    height: 24px;
    margin-right: 8px;}
#home-product .h-l5-solution-nav-cnt{max-width: 100%;}
#home-product .h-l5-solution-nav-title{font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #181818;}
#home-product .h-l5-solution-nav-desc{display: none;}
#home-news .h-l7-list{margin: 0 -1.5rem;}
#home-news .sy_inner{margin: 0 0rem;}
#home-news .col-lg-4{width: 100%;
    background-image: linear-gradient(0deg,#fff,#f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%);
    border-radius: 4px;
    margin-bottom: 38px;}
#home-news .h-l7-list .h-l7-l-box{margin-bottom: 1rem;}
#home-news .h-l7-list .h-l7-l-box .h-l7-list-tit{height: 40px;}
#home-news .h-l7-list .h-l7-l-box ul{margin-left: 0;}
#home-news .h-l7-list .h-l7-l-box ul li{flex-wrap: wrap;}
#home-news .h-l7-list .h-l7-l-box ul li:nth-child(5){border-bottom: none;}
#home-news .h-l7-list .h-l7-l-box ul li .news-content>div{padding: 0 0rem;}
#home-news .h-l7-list .h-l7-l-box ul li .news-content div.news-title span{font-size: 1.1rem;
    white-space: nowrap;}}
.product-type-item{margin-bottom: 20px;}
.product-type-item:nth-child(2n){margin-bottom: 0px;}
.product-type-item{width: 100%;
    color: #152235;
    line-height: normal;
    display: flex;
    flex-wrap: wrap;}
.product-type-item-content{position: relative;
    float: left;
    width: 100%;
    background: url(../images/card-background-1-new-.jpg) no-repeat;
    background-repeat: no-repeat;
    background-position: bottom;
    border: 1px solid #fff;
    transition: box-shadow .3s ease-in-out;
    box-sizing: border-box;
    padding: 23px 15px 3% 23px;

    border-radius: 4px;
    box-shadow: 0px 4px 8px 0px rgba(30, 35, 45, 0.08);}
.product-type-item-content:hover{animation: animateframe2 1s steps(35) infinite;
    box-shadow: 3px 3px 12px rgba(55,99,170,.2);}
.product-type-item-content .bg{position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-repeat: no-repeat;
    background-position: right center;}
.product-type-item .title{position: relative;
        cursor: pointer;
    z-index: 2;height: 19px;
    line-height: 17px;
    color: #2D3037;
    font-weight: 500;
    font-size: 18px;
    color: inherit;
    line-height: 16px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.product-type-item:hover .title{color: var(--dcydhxz);}
.product-type-item .title .minprice{position: relative;
    display: inline-block;
    height: 19px;
    line-height: 17px;
    font-size: 12px;
    padding: 0px 8px;
    color: var(--dcyjbzt);
    border: 1px solid var(--dcyanbk);
    border-radius: 2px;
    vertical-align: top;
    margin-left: 8px;}
.product-type-item .des{position: relative;
    z-index: 2;
    line-height: 24px;
    font-size: 14px;
    color: #5E6D81;
    margin-top: 10px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: normal;}
.product-type-item .badge-list{position: relative;
    z-index: 2;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 21px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.product-type-item .badge-list span{float: left;
    height: 20px;
    line-height: 18px;
    background: #f1f2f5;
    color: #5f7292;
    padding: 0px 8px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    margin-right: 4px;}
.product-type-item .buylink{position: relative;
    z-index: 4;
    border-radius: 4px;
    height: 36px;
    margin-top: 10px;
    color: #fff;
    display: inline-block;
    box-sizing: border-box;
    width:45%;
    padding: 0 24px;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background: var(--dcyans);
    border: 0px solid transparent;
    outline: 0 none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);}
.product-type-item .buylink:hover{border-color: var(--dcyanxz);
    background: var(--dcyanxz);
    color: #fff;
    cursor: pointer;}
.product-type-item .detaillink{position: relative;
    border-radius: 4px;
    z-index: 4;
    height: 36px;
    margin-top: 10px;
    color: #fff;
    margin-left: 12px;
    display: inline-block;
    box-sizing: border-box;
    width: 45%;
    padding: 0 24px;
    background-color: #fff;
    color: #43474d;
    box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1), inset 0 4px 20px 0 hsla(0,0%,100%,.5);
    font-size: 14px;
    line-height: 34px;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    border: 0px solid var(--dcyanb);
    outline: 0 none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.product-type-item .buylink a{color: #fff;}
.product-type-item .detaillink:hover{border: 1px solid var(--dcyanb);
    background-color: var(--dcyanc);
    box-shadow: none;
    color: var(--dcydhxz);}
@media (max-width:768px){.product-type-item{margin-bottom: 15px;}
.product-type-item .title{font-size: 16px;}
.product-type-item .des{line-height: 14px;}
.product-type-item .buylink{margin-top: 0px;height: 35px;line-height: 32px;}
.product-type-item .detaillink{margin-top: 0px;height: 35px;line-height: 32px;}
.product-type-item .badge-list{display: none;}
.product-type-item .title .minprice{height: 17px;line-height: 16px;}
.arr-white{padding-right: 0px;}}
#home-product{background: #fff;}
.item>div:last-child span{color: var(--dcydhzt);
	cursor: pointer;
	padding-right: 50px;}
.item>div:last-child span i{display: inline-block;
	font-size: 20px;
	line-height: 16px;
	transition: all .3s;
	vertical-align: text-bottom;}
.item>div:last-child span:hover i{transform: translateX(4px);}
@media screen and (max-width: 1080px){}
@media screen and (max-width: 1080px){}
.button{border-radius: 4px;
    border: solid 1px #dee0e7;
    color: #68747f;}
.button{border-radius: 4px;
    border: solid 1px #dee0e7;
    color: #68747f;}
.button{padding-left: 1.5rem;
    padding-right: 1.5rem;}
.button{-moz-appearance: none;
    -webkit-appearance: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    height: 2.25em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    line-height: 1.5;
    padding-bottom: calc(0.375em - 1px);
    padding-left: calc(0.625em - 1px);
    padding-right: calc(0.625em - 1px);
    padding-top: calc(0.375em - 1px);
    position: relative;
    vertical-align: top;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: white;
    border-color: #dbdbdb;
    color: #363636;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0.75em;
    padding-right: 0.75em;
    text-align: center;
    white-space: nowrap;}
@media screen and (max-width: 1080px){}
@media (max-width:768px){}
@media (max-width:768px){}
div.visible{animation: fadeIn 0.4s;
        display:block;}
div.hidden{animation: fadeOut 0.4s;
        display:none;}
#main-body .sy-section-h{padding-bottom: 0rem;}
.clearfix::after{display: block;
	clear: both;
	height: 0;
	content: ' ';}
.more-tabs-dropdown{display: none;}
.more-tabs-arrow-down{display: none;}
#home-serve .nav-tabs li >a i{color: var(--dcydhxz);}
.nav-tabs li.active a, .nav-tabs li a.active, .nav-tabs li.active a:focus, .nav-tabs >li.active a:hover{color: var(--dcydhxz);
    background: transparent;
    border: 0;}
.more-tabs-item-cont{margin: 0;
    padding: 14px 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    transition: color .3s, filter 0.3s;}
.more-tabs-item-cont a.has-cate-img{display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-align-items: center;
    align-items: center;}
.more-tabs-item .systemproduct-category-img{display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 6px;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    transition: transform .3s ease;}
.more-tabs-item:hover .systemproduct-category-img,
.more-tabs-item.active .systemproduct-category-img{animation: vgJgjBFw 1s steps(20) forwards;
    transform: scale(1.4);}
@media screen and (max-width: 1080px){.more-tabs-item-cont{overflow: inherit;
    margin: 0;
    padding: 9px 3px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    transition: color .3s, filter 0.3s;}}
.more-tabs-item-cont a:before{content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    height: 3px;
    background: var(--dcyxhx);
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    margin: 0 auto;}
#home-serve .nav-tabs li a i{color: var(--dcydhxz);}
.nav-tabs li.active a:before{width: 100%;}
@media screen and (max-width: 1080px){#home-serve .nav-tabs li a i{display: none;}
.more-tabs-arrow-down{position: absolute;
    width: 40px;
    height: 39px;
    right: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    cursor: pointer;
    z-index: 2;
    top: 0;
    background: linear-gradient(180deg, #f3f5f8, #fff);
    box-shadow: -4px 0 10px rgba(55,99,170,.1);}
.more-tabs-arrow-down i{font-size: 20px;
    position: absolute;}
.more-tabs-arrow-down.is-show i{color: var(--dcydhxz);
    transform: rotate(-180deg);}
.more-tabs-dropdown{display: none;
    position: absolute;
    z-index: 10;
    width: 100%;
    top: 39px;
    left: 0;
    background: #fff;
    box-shadow: 0 4px 20px rgba(55,99,170,.1);
    padding: 16px;}
.more-tabs-dropdown.is-show{display: block;}
.more-tabs-dropdown-inner{display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.more-tabs-dropdown .more-tabs-item{background: #f1f2f5;
    border-radius: 2px;
    width: calc(33.33% - 8px);
    margin: 12px 12px 0 0;
    height: 32px;
    font-size: 14px;
    padding: 0;
    text-align: center;}
.more-tabs-dropdown .more-tabs-item:nth-child(3n){margin-right: 0;}
.more-tabs-dropdown .more-tabs-item-cont{border-radius: 2px;
    font-size: 14px;
    line-height: 32px;
    height: 100%;
    display: block;
    text-align: center;
    padding: 0 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.more-tabs-dropdown .more-tabs-item.active .more-tabs-item-cont{background: var(--dcyans);
    color: #fff;}
.more-tabs-dropdown .more-tabs-item.active .more-tabs-item-cont a{color: #fff;}}
@media screen and (max-width: 1080px){#home-serve .nav-tabs li a i.systemproduct-category-img{display: block !important; width: 40px; height: 40px; margin: 0 auto 4px; background-size: cover; background-position: 0 0;}}
@keyframes vgJgjBFw{
	0% {
		background-position: 0 0;
	}

	to {
		background-position: 0 100%;
	}
}
@keyframes vgJgjBFw{
	0% {
		background-position: 0 0;
	}

	to {
		background-position: 0 100%;
	}
}
@-webkit-keyframes solutionEnter{
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -768px;
	}
}
@keyframes solutionEnter{
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: 0 -768px;
	}
}
@-webkit-keyframes solutionLeave{
	0% {
		background-position: 0 -768px;
	}

	100% {
		background-position: 0 0;
	}
}
@keyframes solutionLeave{
	0% {
		background-position: 0 -768px;
	}

	100% {
		background-position: 0 0;
	}
}
@keyframes scale{
	0%{ transform: scale(1); opacity:.9}
	100%{ transform: scale(3); opacity: 0;}
}
@keyframes  fadeIn{
        0%{
            opacity:0;
        }
        100%{
            opacity:1;
        }
    }
@keyframes  fadeOut{
        0%{
            display:block;
            opacity:1;
        }
        100%{
            display:block;
            opacity:0;
        }
    }

@charset "UTF-8";
.swiper-container{margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	z-index: 1;}
.swiper-wrapper{position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;}
.swiper-wrapper{-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}
.swiper-slide{-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;}
.swiper-container .swiper-notification{position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;}
.swiper-pagination{position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10;}
.swiper-pagination.swiper-pagination-hidden{opacity: 0;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom: 120px;
	left: 0;
	width: 100%;}
@media (max-width: 768px){.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom: 70px;
    padding-left: 20px;
    justify-content: left;}}
.swiper-pagination-bullet{width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2;}
button.swiper-pagination-bullet{border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-webkit-appearance: none;
	appearance: none;}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor: pointer;}
.swiper-pagination-bullet-active{opacity: 1;
	background: #007aff;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 4px;}
.swiper-zoom-container{width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg{max-width: 100%;
	max-height: 100%;
	object-fit: contain;}
.swiper-scrollbar-drag{height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0;}
.swiper-lazy-preloader{width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-moz-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	-moz-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	animation: swiper-preloader-spin 1s steps(12,end) infinite;}
.swiper-lazy-preloader:after{display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("../images/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	background-repeat: no-repeat;}
@-webkit-keyframes swiper-preloader-spin{
	100% {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes swiper-preloader-spin{
	100% {
		transform: rotate(360deg);
	}
}

.layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title {
	text-overflow: ellipsis;
	white-space: nowrap
}

html #layuicss-layer {
	display: none;
	position: absolute;
	width: 1989px
}

.layui-layer,.layui-layer-shade {
	position: fixed;
	_position: absolute;
	pointer-events: auto
}

.layui-layer-shade {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	_height: expression(document.body.offsetHeight+"px")
}

.layui-layer {
	-webkit-overflow-scrolling: touch;
	top: 150px;
	left: 0;
	margin: 0;
	padding: 0;
	background-color: #fff;
	-webkit-background-clip: content;
	border-radius: 2px;
	box-shadow: 1px 1px 50px rgba(0,0,0,.3)

}

.layui-layer-close {
	position: absolute
}

.layui-layer-content {
	position: relative
}

.layui-layer-border {
	border: 1px solid #B2B2B2;
	border: 1px solid rgba(0,0,0,.1);
	box-shadow: 1px 1px 5px rgba(0,0,0,.2)
}

.layui-layer-load {
	background: url(loading-1.gif) center center no-repeat #eee
}

.layui-layer-ico {
	background: url(icon.png) no-repeat
}

.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top
}

.layui-layer-move {
	display: none;
	position: fixed;
	*position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	cursor: move;
	opacity: 0;
	filter: alpha(opacity=0);
	background-color: #fff;
	z-index: 2147483647
}

.layui-layer-resize {
	position: absolute;
	width: 15px;
	height: 15px;
	right: 0;
	bottom: 0;
	cursor: se-resize
}

.layer-anim {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .3s;
	animation-duration: .3s
}

@-webkit-keyframes layer-bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes layer-bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		-ms-transform: scale(.5);
		transform: scale(.5)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.layer-anim-00 {
	-webkit-animation-name: layer-bounceIn;
	animation-name: layer-bounceIn
}

@-webkit-keyframes layer-zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

@keyframes layer-zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		-ms-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		-ms-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

.layer-anim-01 {
	-webkit-animation-name: layer-zoomInDown;
	animation-name: layer-zoomInDown
}

@-webkit-keyframes layer-fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes layer-fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.layer-anim-02 {
	-webkit-animation-name: layer-fadeInUpBig;
	animation-name: layer-fadeInUpBig
}

@-webkit-keyframes layer-zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(48px);
		transform: scale(.475) translateX(48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

@keyframes layer-zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		-ms-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(48px);
		-ms-transform: scale(.475) translateX(48px);
		transform: scale(.475) translateX(48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

.layer-anim-03 {
	-webkit-animation-name: layer-zoomInLeft;
	animation-name: layer-zoomInLeft
}

@-webkit-keyframes layer-rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

@keyframes layer-rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		-ms-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		-ms-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

.layer-anim-04 {
	-webkit-animation-name: layer-rollIn;
	animation-name: layer-rollIn
}

@keyframes layer-fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.layer-anim-05 {
	-webkit-animation-name: layer-fadeIn;
	animation-name: layer-fadeIn
}

@-webkit-keyframes layer-shake {
	0%,100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

@keyframes layer-shake {
	0%,100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}

	10%,30%,50%,70%,90% {
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px)
	}

	20%,40%,60%,80% {
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px)
	}
}

.layer-anim-06 {
	-webkit-animation-name: layer-shake;
	animation-name: layer-shake
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.layui-layer-title {
	padding: 0 80px 0 20px;
	height: 42px;
	line-height: 42px;
	    border-radius: 4px 4px 0px 0px;
    color: #fff;
    background-color: var(--dcydhxz);
	font-size: 14px;
	overflow: hidden;
	border-radius: 2px 2px 0 0
}

.layui-layer-setwin {
	position: absolute;
	right: 15px;
	*right: 0;
	top: 15px;
	font-size: 0;
	line-height: initial
}

.layui-layer-setwin a {
	position: relative;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	font-size: 12px;
	_overflow: hidden
}

.layui-layer-setwin .layui-layer-min cite {
	position: absolute;
	width: 14px;
	height: 2px;
	left: 0;
	top: 50%;
	margin-top: -1px;
	background-color: #2E2D3C;
	cursor: pointer;
	_overflow: hidden
}

.layui-layer-setwin .layui-layer-min:hover cite {
	background-color: #2D93CA
}

.layui-layer-setwin .layui-layer-max {
	background-position: -32px -40px
}

.layui-layer-setwin .layui-layer-max:hover {
	background-position: -16px -40px
}

.layui-layer-setwin .layui-layer-maxmin {
	background-position: -65px -40px
}

.layui-layer-setwin .layui-layer-maxmin:hover {
	background-position: -49px -40px
}

.layui-layer-setwin .layui-layer-close1 {
	background-position: 1px -40px;
	cursor: pointer
}

.layui-layer-setwin .layui-layer-close1:hover {
	opacity: .7
}

.layui-layer-setwin .layui-layer-close2 {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	margin-left: 0;
	background-position: -149px -31px;
	*right: -18px;
	_display: none
}
.layer-ext-file{
z-index: 19891018;
    width: 100%;
    top: 70px;
    padding: 10px;
    left: 0px;
}
.layui-layer-setwin .layui-layer-close2:hover {
	background-position: -180px -31px
}

.layui-layer-btn {
	text-align: center;
	padding: 0 15px 12px;
	pointer-events: auto;
	user-select: none;
	-webkit-user-select: none
}

.layui-layer-btn a {
	height: 35px;
	line-height: 35px;
	margin: 5px 5px 0;
	padding: 0 20px;
	border: 1px solid #dedede;
	background-color: #fff;
	color: #333;
	border-radius: 2px;
	font-weight: 400;
	cursor: pointer;
	text-decoration: none
}

.layui-layer-btn a:hover {
	opacity: .9;
	text-decoration: none
}

.layui-layer-btn a:active {
	opacity: .8
}

.layui-layer-btn .layui-layer-btn0 {
	border-color: var(--dcydhxz);
	background-color: var(--dcydhxz);
	color: #fff
}

.layui-layer-btn-l {
	text-align: left
}

.layui-layer-btn-c {
	text-align: center
}

.layui-layer-dialog {
	min-width: 260px
}

.layui-layer-dialog .layui-layer-content {
	position: relative;
	padding: 20px;
	line-height: 24px;
	word-break: break-all;
	overflow: hidden;
	font-size: 14px;
	overflow-x: hidden;
	overflow-y: auto
}

.layui-layer-dialog .layui-layer-content .layui-layer-ico {
	position: absolute;
	top: 16px;
	left: 15px;
	_left: -40px;
	width: 30px;
	height: 30px
}

.layui-layer-ico1 {
	background-position: -30px 0
}

.layui-layer-ico2 {
	background-position: -60px 0
}

.layui-layer-ico3 {
	background-position: -90px 0
}

.layui-layer-ico4 {
	background-position: -120px 0
}

.layui-layer-ico5 {
	background-position: -150px 0
}

.layui-layer-ico6 {
	background-position: -180px 0
}

.layui-layer-rim {
	border: 6px solid #8D8D8D;
	border: 6px solid rgba(0,0,0,.3);
	border-radius: 5px;
	box-shadow: none
}

.layui-layer-msg {
	min-width: 180px;
	border: 1px solid #D3D4D3;
	box-shadow: none
}

.layui-layer-hui {
	min-width: 100px;
	background-color: #000;
	filter: alpha(opacity=60);
	background-color: rgba(0,0,0,.6);
	color: #fff;
	border: none
}

.layui-layer-hui .layui-layer-content {
	padding: 12px 25px;
	text-align: center
}

.layui-layer-dialog .layui-layer-padding {
	padding: 20px 20px 20px 55px;
	text-align: left
}

.layui-layer-page .layui-layer-content {
	position: relative;
	overflow: auto
}

.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn {
	padding-top: 10px
}

.layui-layer-nobg {
	background: 0 0
}

.layui-layer-iframe iframe {
	display: block;
	width: 100%
}

.layui-layer-loading {
	border-radius: 100%;
	background: 0 0;
	box-shadow: none;
	border: none
}

.layui-layer-loading .layui-layer-content {
	width: 60px;
	height: 24px;
	background: url(loading-0.gif) no-repeat
}

.layui-layer-loading .layui-layer-loading1 {
	width: 37px;
	height: 37px;
	background: url(loading-1.gif) no-repeat
}

.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2 {
	width: 32px;
	height: 32px;
	background: url(loading-2.gif) no-repeat
}

.layui-layer-tips {
	background: 0 0;
	box-shadow: none;
	border: none
}

.layui-layer-tips .layui-layer-content {
	position: relative;
	line-height: 22px;
	min-width: 12px;
	padding: 8px 15px;
	font-size: 12px;
	_float: left;
	border-radius: 2px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.2);
	background-color: #000;
	color: #fff
}

.layui-layer-tips .layui-layer-close {
	right: -2px;
	top: -1px
}

.layui-layer-tips i.layui-layer-TipsG {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 8px;
	border-color: transparent;
	border-style: dashed;
	*overflow: hidden
}

.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT {
	left: 5px;
	border-right-style: solid;
	border-right-color: #000
}

.layui-layer-tips i.layui-layer-TipsT {
	bottom: -8px
}

.layui-layer-tips i.layui-layer-TipsB {
	top: -8px
}

.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR {
	top: 5px;
	border-bottom-style: solid;
	border-bottom-color: #000
}

.layui-layer-tips i.layui-layer-TipsR {
	left: -8px
}

.layui-layer-tips i.layui-layer-TipsL {
	right: -8px
}

.layui-layer-lan[type=dialog] {
	min-width: 280px
}

.layui-layer-lan .layui-layer-title {
	background: #4476A7;
	color: #fff;
	border: none
}

.layui-layer-lan .layui-layer-btn {
	padding: 5px 10px 10px;
	text-align: right;
	border-top: 1px solid #E9E7E7
}

.layui-layer-lan .layui-layer-btn a {
	background: #fff;
	border-color: #E9E7E7;
	color: #333
}

.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
	background: #C9C5C5
}

.layui-layer-molv .layui-layer-title {
	background: #009f95;
	color: #fff;
	border: none
}

.layui-layer-molv .layui-layer-btn a {
	background: #009f95;
	border-color: #009f95
}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
	background: #92B8B1
}

.layui-layer-iconext {
	background: url(icon-ext.png) no-repeat
}

.layui-layer-prompt .layui-layer-input {
	display: block;
	width: 230px;
	height: 36px;
	margin: 0 auto;
	line-height: 30px;
	padding-left: 10px;
	border: 1px solid #e6e6e6;
	color: #333
}

.layui-layer-prompt textarea.layui-layer-input {
	width: 300px;
	height: 100px;
	line-height: 20px;
	padding: 6px 10px
}

.layui-layer-prompt .layui-layer-content {
	padding: 20px
}

.layui-layer-prompt .layui-layer-btn {
	padding-top: 0
}

.layui-layer-tab {
	box-shadow: 1px 1px 50px rgba(0,0,0,.4)
}

.layui-layer-tab .layui-layer-title {
	padding-left: 0;
	overflow: visible
}

.layui-layer-tab .layui-layer-title span {
	position: relative;
	float: left;
	min-width: 80px;
	max-width: 260px;
	padding: 0 20px;
	text-align: center;
	overflow: hidden;
	cursor: pointer
}

.layui-layer-tab .layui-layer-title span.layui-this {
	height: 43px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	background-color: #fff;
	z-index: 10
}

.layui-layer-tab .layui-layer-title span:first-child {
	border-left: none
}

.layui-layer-tabmain {
	line-height: 24px;
	clear: both
}

.layui-layer-tabmain .layui-layer-tabli {
	display: none
}

.layui-layer-tabmain .layui-layer-tabli.layui-this {
	display: block
}

.layui-layer-photos {
	-webkit-animation-duration: .8s;
	animation-duration: .8s
}

.layui-layer-photos .layui-layer-content {
	overflow: hidden;
	text-align: center
}

.layui-layer-photos .layui-layer-phimg img {
	position: relative;
	width: 100%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top
}

.layui-layer-imgbar,.layui-layer-imguide {
	display: none
}

.layui-layer-imgnext,.layui-layer-imgprev {
	position: absolute;
	top: 50%;
	width: 27px;
	_width: 44px;
	height: 44px;
	margin-top: -22px;
	outline: 0;
	blr: expression(this.onFocus=this.blur())
}

.layui-layer-imgprev {
	left: 10px;
	background-position: -5px -5px;
	_background-position: -70px -5px
}

.layui-layer-imgprev:hover {
	background-position: -33px -5px;
	_background-position: -120px -5px
}

.layui-layer-imgnext {
	right: 10px;
	_right: 8px;
	background-position: -5px -50px;
	_background-position: -70px -50px
}

.layui-layer-imgnext:hover {
	background-position: -33px -50px;
	_background-position: -120px -50px
}

.layui-layer-imgbar {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 32px;
	line-height: 32px;
	background-color: rgba(0,0,0,.8);
	background-color: #000\9;
	filter: Alpha(opacity=80);
	color: #fff;
	overflow: hidden;
	font-size: 0
}

.layui-layer-imgtit * {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	font-size: 12px
}

.layui-layer-imgtit a {
	max-width: 65%;
	overflow: hidden;
	color: #fff
}

.layui-layer-imgtit a:hover {
	color: #fff;
	text-decoration: underline
}

.layui-layer-imgtit em {
	padding-left: 10px;
	font-style: normal
}

@-webkit-keyframes layer-bounceOut {
	100% {
		opacity: 0;
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}

	30% {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes layer-bounceOut {
	100% {
		opacity: 0;
		-webkit-transform: scale(.7);
		-ms-transform: scale(.7);
		transform: scale(.7)
	}

	30% {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05)
	}

	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.layer-anim-close {
	-webkit-animation-name: layer-bounceOut;
	animation-name: layer-bounceOut;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .2s;
	animation-duration: .2s
}

@media screen and (max-width:1100px) {
	.layui-layer-iframe {
		overflow-y: auto;
		-webkit-overflow-scrolling: touch
	}
}

        /* 主题色变量 */
        :root {
            --dcyans: #4985ff;   /* 按钮背景色 */
            --dcyanxz: #337dff;
            --dcydhxz: #337dff;  /* 导航选中文字色 */
            --dcydhzt: #16181a;  /* 导航文字色 */
            --dcyanb: #337dff;   /* 产品按钮边框色 */
            --dcyanp: linear-gradient(90deg, #f64041 1%, #f64041 74%, rgba(246, 64, 65, 0) 99%); /* 产品副标题背景 */
            --dcyanc: #f1f6fd;   /* 浅色背景按钮 */
            --dcyxhx: #337dff;   /* 选中下划线色 */
            --dcynum: #4985ff;
            --dcyanjb: #f64041;  /* 角标背景色 */
            --dcyanbk: #f64041;  /* 角标边框色 */
            --dcyjbzt: #f64041;  /* 角标文字色 */
        }

        /* 页脚徽标与友情链接 */
        .github-badge {
            display: inline-block;
            border-radius: 4px;
            text-shadow: none;
            font-size: 12px;
            color: #fff;
            line-height: 15px;
            background-color: #abbac3;
            margin-bottom: 5px;
        }
        .github-badge .badge-subject {
            display: inline-block;
            background-color: #ffa500;
            padding: 4px 4px 4px 6px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
        }
        .github-badge .badge-value {
            display: inline-block;
            padding: 4px 6px 4px 4px;
        }

        /* 移动端底部导航（默认隐藏） */
        .footer-m-content {
            display: none;
        }
        @media (max-width: 767px) {
            body {
                padding-bottom: calc(60px + env(safe-area-inset-bottom));
            }
            .footer-m-content {
                display: block;
                position: fixed;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 999;
                background: #fff;
                border-radius: 8px 8px 0 0;
                box-shadow: 0 -2px 12px rgba(0, 0, 0, .08);
                padding-bottom: env(safe-area-inset-bottom);
            }
            .footer-m-row {
                display: flex;
                height: 60px;
            }
            .footer-m-item {
                flex: 1;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                gap: 3px;
                color: #333;
                text-decoration: none;
                -webkit-tap-highlight-color: transparent;
            }
            .footer-m-item:active {
                opacity: .6;
            }
            .footer-m-icon img {
                display: block;
                width: 24px;
                height: 24px;
                object-fit: contain;
            }
            .footer-m-name {
                font-size: 12px;
                line-height: 1;
                color: #333;
            }
        }
        @media screen and (max-width: 600px) {
        }
/* ===== 迁移自 index.html 内联样式 #1 ===== */
            /* 首页横幅下方快捷入口：4 格轮播（向左推进 + 新条目下方升起） */
            .bannerlist-entries-inner.bannerlist-carousel{display: block;overflow: hidden;}
            .bannerlist-carousel .bannerlist-track{display: flex;flex-flow: row nowrap;will-change: transform;}
            .bannerlist-carousel .bannerlist-entry{flex: 0 0 var(--bannerlist-slot-width,25%);width: var(--bannerlist-slot-width,25%);max-width: var(--bannerlist-slot-width,25%);margin: 0;box-sizing: border-box;}
            .bannerlist-carousel .bannerlist-entry.is-entering{animation: bannerlist-enter-up .6s cubic-bezier(.22,.61,.36,1) both;}
            @keyframes bannerlist-enter-up{from{opacity: 0;transform: translate3d(0,100%,0);}to{opacity: 1;transform: translate3d(0,0,0);}}
            @media (max-width: 768px){.bannerlist-carousel .bannerlist-entry{padding: 12px 8px 8px;}}

            /* 首页幻灯片分页条下移 */
            .wrap-main-swiper .swiper-pagination{bottom: 80px;}
            @media (max-width: 768px){.wrap-main-swiper .swiper-pagination{bottom: 70px;}}

            /* 首页幻灯片加高：桌面 540px → 660px，平板/手机同步加高 */
            .wrap-main-swiper .content-slide{height: 580px;}
            @media (max-width: 1080px){.swiper-slide .banner-m-img{height: 380px;}}
            @media (max-width: 768px){
                .wrap-main-swiper .swiper-slide{height: 310px;}
                .wrap-main-swiper .content-slide{height: 300px;}
            }

            /* 顶部导航条整体加高：62px → 72px */
            .header-hd,
            .header-wrap,
            .header-wrap_top,
            .header-hd_menu,
            .header-hd_operation,
            .header-hd_search{height: 72px;}
            .header-hd_logo a{width: 150px;height: 72px;min-height: 72px;}
            .header-hd_list_item{height: 72px;line-height: 72px;font-size: 15px;}
            .header-hd_operation>a{font-size: 15px;}
            .header-hd_log_out a{font-size: 15px;}
            .header-hd_sep{display: inline-block;margin: 0 10px;color: #d9dee8;font-size: 14px;vertical-align: middle;}
            .hd_menu_dropdown{top: 72px;}
            .header-hd_consultation{width: 120px;height: 72px;line-height: 72px;}
            .header-hd_consultation a>svg{height: 72px !important;}
            .header-hd_login{height: 71px;}
            .header-hd_lang{height: 70px;}
            .header-hd_log_lang .user_mng,
            .header-hd_log_in .user_mng{height: 70px;line-height: 70px;}
            .header-hd_log_lang .user_mng img,
            .header-hd_log_in .user_mng img{margin-top: 15px;}
            .header-hd_log_lang .log_in_arr,
            .header-hd_log_in .log_in_arr{top: 33px;}
            .header-hd_log_lang .user_dropdown{top: 71px;}
            .header-hd_log_in .user_dropdown{top: 72px;}
            .header-hd_log_out{padding-top: 19px;}
            .head-search{padding: 16px;}

            /* 手机端：导航栏加高、Logo 放大、导航常驻（不随滚动隐藏） */
            @media (max-width: 1080px){
                .head-rwd .header-hd{height: 64px !important;-webkit-backdrop-filter: none;backdrop-filter: none;}
                .head-rwd .header-wrap{height: 64px;top: 0;left: 0;right: 0;position: fixed;}
                .head-rwd .header-wrap_top{height: 64px;}
                .head-rwd .header-hd_logo a{width: 128px;height: 64px;min-height: 64px;}
                .head-rwd .head-lang-tips{top: 64px;}
                .head-rwd .nav-m-user-list,
                .head-rwd .nav-m-menu-wrap{top: 64px;}
            }

            /* 搜索面板：三类搜索 Tab（展开时显示在搜索框上方） */
            .header-hd_operation{z-index: 30;}
            .header-hd_search .nav-search-tabs{display: none;}
            .header-hd_search.search-active{z-index: 20;}
            .header-hd_search.search-active .nav-search-tabs{display: flex;position: absolute;left: 0;top: 0;width: 485px;height: 44px;box-sizing: border-box;align-items: flex-end;margin: 0;padding: 0 16px;background: #fff;border-bottom: 1px solid #ededed;z-index: 2;}
            .header-hd_search.search-active .head-search{margin-top: 44px;}
            .header-hd_search .nav-search-tabs .nav-search-tab{float: none;margin: 0 28px -1px 0;line-height: 42px;font-size: 14px;font-weight: 500;color: #5f7292;cursor: pointer;border-bottom: 2px solid transparent;transition: color .2s ease,border-color .2s ease;}
            .header-hd_search .nav-search-tabs .nav-search-tab:hover{color: #0056ff;}
            .header-hd_search .nav-search-tabs .nav-search-tab.active{color: #0056ff;font-weight: 600;border-bottom-color: #0056ff;}

            /* 客户案例区块：收紧上下空白 */
            .home-clients.space2x{padding-top: 64px;padding-bottom: 64px;}
            .home-clients .sub-head{margin-bottom: 24px;}
            .home-clients .HomePartners_module-wrap__kdUF7{padding-top: 24px;}
            /* 手机/平板：客户案例标题与其它区块（.sy-title）标题的字号、字重、字距、颜色对齐 */
            @media (max-width: 1080px){
                .home-clients .title-head{font-size: 18px;font-weight: 700;letter-spacing: 2px;color: #262626;margin-bottom: 0;}
                .home-clients .sub-head{font-size: 13px;color: #3d485d;letter-spacing: 1px;margin: 0 0 24px;}
            }
            .home-clients .HomePartners_logo-wrap__yeU4Z{padding: 16px 0 20px;}

            /* 动态资讯：左条款卡 + 右侧两张资讯卡斜叠（扑克牌式） */
            .h-l7-terms-col{width: 28%;box-sizing: border-box;}
            .h-l7-stack-col{width: 68%;padding-left: 32px;box-sizing: border-box;}
            .h-l7-terms-card{position: relative;height: 100%;min-height: 380px;box-sizing: border-box;padding: 36px 28px;border-radius: 6px;overflow: hidden;background: linear-gradient(135deg,#0056ff 0%,#2f7bff 55%,#5aa0ff 100%);color: #fff;display: flex;flex-direction: column;justify-content: center;}
            .h-l7-terms-card:after{content: "";position: absolute;right: -70px;bottom: -70px;width: 220px;height: 220px;border-radius: 50%;background: rgba(255,255,255,.12);}
            .h-l7-terms-card .news-item-title{position: relative;z-index: 1;float: none;margin: 0 0 14px;font-size: 20px;font-weight: 600;color: #fff;}
            .h-l7-terms-card .news-item-desc{position: relative;z-index: 1;display: block;height: auto;margin: 0;overflow: visible;color: rgba(255,255,255,.88);font-size: 14px;line-height: 1.9;}
            .h-l7-terms-card .news-read-terms-btn{position: relative;z-index: 1;align-self: flex-start;display: inline-block;margin-top: 22px;padding: 9px 24px;background: #fff;color: #0056ff;font-size: 14px;border-radius: 4px;text-decoration: none;transition: background .2s ease,color .2s ease;}
            .h-l7-terms-card .news-read-terms-btn:hover{background: #0056ff;color: #fff;}
            .h-l7-stack{position: relative;height: 380px;}
            .h-l7-stack-card{position: absolute;top: 16px;width: 56%;box-sizing: border-box;padding: 20px;margin: 0;background: linear-gradient(0deg,#fff,#f3f5f8);border: 2px solid #fff;border-radius: 6px;box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);transition: transform .35s ease,box-shadow .35s ease;cursor: pointer;}
            .h-l7-stack-card--promo{top: -8px;left: 0;z-index: 2;}
            .h-l7-stack-card--notice{left: 33.6%;z-index: 1;}
            .h-l7-stack-card--notice .h-l7-list-tit{flex-direction: row-reverse;}
            .h-l7-stack-card:hover{z-index: 5;transform: translateY(-8px) scale(1.02);box-shadow: 0 18px 44px rgba(30,70,140,.22);}
            @media (max-width: 1199px){.h-l7-terms-col,.h-l7-stack-col{width: 100%;}.h-l7-stack-col{padding-left: 0;}.h-l7-terms-col{margin-bottom: 24px;}.h-l7-terms-card{min-height: 0;height: auto;padding: 28px 22px;}.h-l7-stack{height: auto;}.h-l7-stack-card{position: relative;left: auto;top: auto;width: 100%;transform: none;margin-bottom: 20px;}.h-l7-stack-card:hover{transform: translateY(-4px);}}

            /* 页脚友情链接：企业风 */
            .footer-friend-links{display: flex;flex-wrap: wrap;align-items: center;margin-top: 8px;margin-bottom: 16px;padding-top: 18px;border-top: 1px solid #e8ecf3;}
            .footer-friend-links__label{display: inline-flex;align-items: center;margin-right: 14px;font-size: 13px;color: #8a94a6;letter-spacing: 1px;}
            .footer-friend-links__sep{margin-right: 14px;font-size: 13px;color: #d9dee8;}
            .footer-friend-links__icon{flex: 0 0 auto;width: 16px;height: 16px;margin-right: 7px;}
            .footer-friend-links__list{display: flex;flex-wrap: wrap;align-items: center;}
            .footer-friend-links__list a{display: inline-flex;align-items: center;font-size: 13px;color: #5a6475;text-decoration: none;transition: color .2s ease;}
            .footer-friend-links__favicon{width: 14px;height: 14px;margin-right: 5px;border-radius: 3px;object-fit: contain;}
            .footer-friend-links__list a:hover{color: #0056ff;text-decoration: none;}
            .footer-friend-links__list a+a{margin-left: 14px;padding-left: 14px;border-left: 1px solid #e8ecf3;}

            /* 友情链接与右侧联系方式图标对齐到同一排：两列等高、底部对齐 */
            #footer-main .sy_inner.hidden-xs{display: flex;align-items: stretch;flex-wrap: wrap;}
            #footer-main .sy_inner.hidden-xs > .col-lg-3{display: flex;flex-direction: column;}
            #footer-main .sy_inner.hidden-xs > .col-lg-3 .footer-menu{display: flex;flex-direction: column;flex: 1;}
            #footer-main .sy_inner.hidden-xs > .col-lg-3 .footer-website-contact{display: flex;flex-direction: column;flex: 1;}

            /* 机房节点图标：悬停放大反馈 */
            .network_footer_row .certificate_item{cursor: pointer;}
            .network_footer_row .certificate_item .certificate_icon img{transition: transform .3s cubic-bezier(.22,.61,.36,1),filter .3s ease;transform-origin: center center;will-change: transform;}
            .network_footer_row .certificate_item:hover .certificate_icon img{transform: scale(1.18);filter: drop-shadow(0 4px 10px rgba(0,86,255,.28));}

            /* 移动端底部导航：字体图标与图片图标尺寸/颜色保持一致 */
            .fa-gift{--fa:"\f06b";}
            .footer-m-icon i{display: block;width: 24px;height: 24px;line-height: 24px;font-size: 21px;text-align: center;color: #333;}

            /* 手机端：热门产品列表只显示前 4 个 */
            @media (max-width: 768px){
                #home-serve #hot-pro .tab-r-list > ul > li:nth-child(n+5){display: none;}
            }

/* ===== 迁移自 index.html 内联样式 #2 ===== */
            .aidmx-wrap{font-family:PingFang SC,Hiragina Sans GB,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif;background:#fff;}
            .aidmx-wrap *{box-sizing:border-box;}
            .aidmx-section{padding:80px 48px;}
            .aidmx-head{padding-bottom:0;}
            .aidmx-section.aidmx-section-merged{padding-top:0;}
            .aidmx-inner{max-width:1280px;margin:0 auto;}
            .aidmx-layout{display:flex;gap:60px;align-items:stretch;}

            /* 左侧介绍 */
            .aidmx-featured{flex:0 0 480px;display:flex;flex-direction:column;}
            .aidmx-featured-tag{font-size:14px;color:rgba(0,0,0,.5);letter-spacing:1px;margin-bottom:16px;}
            .aidmx-featured-title{font-size:36px;font-weight:500;color:#181818;line-height:1.35;margin-bottom:12px;}
            .aidmx-featured-title .linear{background:linear-gradient(90deg,#0052d9,#606eff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
            .aidmx-featured-desc{color:#253554;font-size:14px;line-height:22px;margin-bottom:24px;max-width:440px;}
            .aidmx-featured-media{position:relative;border-radius:12px;overflow:hidden;margin-bottom:32px;background:#f5f7fa;}
            .aidmx-featured-video{width:100%;height:280px;display:block;object-fit:cover;border-radius:12px;}
            .aidmx-featured-actions{display:flex;align-items:center;margin-top:auto;}
            .aidmx-featured-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 32px;background:linear-gradient(90deg,#0059eb,#2677ff);color:#fff;font-size:14px;font-weight:500;border-radius:2px;text-decoration:none;cursor:pointer;position:relative;overflow:hidden;transition:opacity .25s;}
            .aidmx-featured-btn:hover{opacity:.9;}
            .aidmx-featured-link{margin-left:24px;display:inline-flex;align-items:center;color:rgba(0,0,0,.9);font-size:14px;text-decoration:none;transition:color .2s;}
            .aidmx-featured-link:hover{color:#0052d9;text-decoration:none;}
            .aidmx-featured-link-arrow{display:inline-block;margin-left:6px;font-size:16px;transition:transform .2s;}
            .aidmx-featured-link:hover .aidmx-featured-link-arrow{transform:translateX(3px);}

            /* 右侧模型列表 */
            .aidmx-main{flex:1;min-width:0;display:flex;flex-direction:column;}
            .aidmx-tab-bar{display:flex;border-bottom:1px solid #eee;margin-bottom:8px;}
            .aidmx-tab{display:flex;align-items:center;gap:6px;padding:16px 24px;font-size:14px;color:rgba(0,0,0,.5);cursor:pointer;background:none;border:none;position:relative;transition:color .2s;font-weight:400;}
            .aidmx-tab:hover{color:rgba(0,0,0,.9);}
            .aidmx-tab.active{color:rgba(0,0,0,.9);font-weight:500;}
            .aidmx-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0052d9;}
            .aidmx-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;}
            .aidmx-tab-icon svg{width:20px;height:20px;}
            .aidmx-tab.active .aidmx-tab-icon svg path{stroke:#0052d9;}

            .aidmx-list{display:flex;flex-wrap:wrap;margin-top:8px;}
            .aidmx-tab-panel{display:none;width:100%;}
            .aidmx-tab-panel.active{display:flex;flex-wrap:wrap;}
            .aidmx-item{position:relative;width:50%;padding:1px;cursor:pointer;overflow:hidden;z-index:0;}
            .aidmx-item:after{content:"";width:110%;height:0;padding-top:110%;opacity:0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:conic-gradient(transparent 0deg,transparent 240deg,rgba(27,110,247,.4) 300deg,rgba(127,178,255,.4) 330deg,rgba(27,110,247,.4) 1turn);}
            .aidmx-item:hover{z-index:1;box-shadow:0 4px 32px 0 rgba(16,52,113,.1);}
            .aidmx-item:hover .aidmx-item-content{background:#fff;}
            .aidmx-item:hover:after{-webkit-animation:aidmx-flow 5s linear infinite;animation:aidmx-flow 5s linear infinite;opacity:1;}
            .aidmx-item-content{position:relative;z-index:2;display:flex;align-items:flex-start;padding:19px;background:#fff;}
            .aidmx-item-icon{width:36px;height:36px;margin-right:12px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;}
            .aidmx-item-info{flex:1;min-width:0;}
            .aidmx-item-header{display:flex;align-items:center;max-width:100%;flex-wrap:wrap;gap:8px;}
            .aidmx-item-name{font-size:15px;color:#181818;font-weight:500;line-height:22px;}
            .aidmx-item-tag{display:inline-block;padding:0 8px;font-size:12px;color:rgba(0,0,0,.7);background:#f2f4f8;border-radius:2px;line-height:18px;margin-left:4px;}
            .aidmx-item-desc{margin-top:6px;font-size:13px;color:#253554;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

            /* 蓝色旋转边线动画 */
            @-webkit-keyframes aidmx-flow{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn);}}
            @keyframes aidmx-flow{to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn);}}

            /* 响应式 */
            @media screen and (max-width:1200px){
                .aidmx-section{padding:60px 32px;}
                .aidmx-featured{flex:0 0 420px;}
            }
            @media screen and (max-width:1024px){
                .aidmx-layout{flex-direction:column;gap:40px;}
                .aidmx-featured{flex:none;}
                .aidmx-featured-video{height:320px;}
                .aidmx-item{width:50%;}
            }
            @media screen and (max-width:768px){
                .aidmx-section{padding:40px 20px;}
                .aidmx-featured-title{font-size:28px;}
                .aidmx-featured-video{height:240px;}
                .aidmx-list{flex-direction:column;}
                .aidmx-item{width:100%;}
                .aidmx-tab{padding:12px 16px;font-size:13px;}
            }

/* ===== 迁移自 index.html 内联样式 #3 ===== */
.popup-trigger {
    position: fixed;
    left: 0;
    top: 80%;
    transform: translateY(-50%);
    width: 30px;
    height: 80px;
    padding: 6px 3px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 20px;
    color: #FFFFFF;
    background: linear-gradient(180deg, #0056ff 0%, #0056ff 100%);
    text-align: center;
    writing-mode: vertical-rl;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 2px 12px rgba(247, 126, 36, 0.25), 0 1px 3px rgba(0,0,0,0.1);
    z-index: 99999;
    cursor: pointer;
    transition: all 0.28s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup-trigger:hover {
    background: linear-gradient(180deg, #0056ff 0%, #0056ff 100%);
    transform: translateY(-50%) scale(1.02);
    box-shadow: 0 4px 16px rgba(247, 126, 36, 0.3), 0 2px 5px rgba(0,0,0,0.12);
}
.popup-trigger.active {
    background: linear-gradient(180deg, #0056ff 0%, #0056ff 100%);
    border-left: 2px solid #FFD166;
}

.popup-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.18);
    z-index: 99998;
    display: none;
    backdrop-filter: blur(2px);
    transition: opacity 0.3s ease;
}
.popup-mask.show { display: block; }

.home-popup-modal {
    position: fixed;
    left: 40px;
    top: 50%;
    transform: translateY(-50%) translateX(-20px);
    width: 420px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.15);
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    border: 1px solid #f0f0f0;
}
.home-popup-modal.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

.home-popup-header {
    height: 50px;
    line-height: 50px;
    padding: 0 22px;
    background-color: #f9fafc;
    border-bottom: 1px solid #f2f4f7;
    position: relative;
    display: flex;
    align-items: center;
}
.home-popup-header h3 { font-size: 16px; color: #1f2937; font-weight: 600; margin: 0; }
.home-popup-close {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 19px;
    color: #909399;
    cursor: pointer;
    border-radius: 50%;
    transition: all 0.2s ease;
}
.home-popup-close:hover {
    background-color: #f2f4f7;
    color: #606266;
}

.home-popup-body {
    padding: 22px;
    color: #606266;
    font-size: 14px;
    line-height: 1.85;
    max-height: 400px;
    overflow-y: auto;
}
.home-popup-body .popup-title { color: #1f2937; font-weight: 600; margin-bottom: 9px; font-size: 15px; }

.home-popup-footer {
    padding: 16px 22px;
    border-top: 1px solid #f2f4f7;
    display: flex;
    justify-content: flex-end;
    gap: 14px;
}
.home-popup-btn {
    padding: 9px 22px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    border: none;
    transition: all 0.25s ease;
    min-width: 86px;
    text-align: center;
}
.home-popup-btn:hover { transform: translateY(-1px); box-shadow: 0 3px 10px rgba(0,0,0,0.07); }
.home-popup-btn-close { background-color: #f5f7fa; color: #606266; }
.home-popup-btn-close:hover { background-color: #e8ebf0; }
.home-popup-btn-primary { background: linear-gradient(90deg, #0056ff 0%, #0056ff 100%); color: #fff; }
.home-popup-btn-primary:hover { background: linear-gradient(90deg, #0056ff 0%, #0056ff 100%); }

@media (max-width: 768px) {
    .popup-trigger { width: 30px; height: 80px; font-size: 12px; }
    .home-popup-modal { width: calc(100vw - 65px); left: 36px; }
}

