@charset "utf-8";
@import "font-awesome.min.css";
@import "icon.css";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

fieldset,iframe {
	border: 0
}

caption,th {
	text-align: left
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

article,aside,footer,header,hgroup,nav,section,figure,figcaption {
	display: block
}

@font-face {
	font-family: 'PingFang';
	src:url('../font/PingFang.eot');
	src:url('../font/PingFang.eot?') format("embedded-opentype"),
		url('../font/PingFang.woff') format("woff"),
		url('../font/PingFang.ttf') format("truetype"),
		url('../font/PingFang.svg') format("svg");
	font-style: normal;
}

@font-face {
	font-family: 'DINOffcPro-CondMedium';
	src:url('../font/DinOffcPro.woff') format("truetype");
}


@font-face {
	font-family: 'FontAwesome';
	src:url('../lib/font-awesome/fonts/fontawesome-webfont.eot');
	src:url('../lib/font-awesome/fonts/fontawesome-webfont.woff') format("woff"),
		url('../lib/font-awesome/fonts/fontawesome-webfont.woff2') format("woff2"),
		url('../lib/font-awesome/fonts/fontawesome-webfont.ttf') format("truetype"),
		url('../lib/font-awesome/fonts/fontawesome-webfont.svg') format("svg");
	font-style: normal;

}


@media screen and (min-width:1760px) {
	html {
		font-size: 100px
	}
}

@media (min-width:1360px) and (max-width:1760px) {
	html {
		font-size: calc((100vw - 160px)/ 16)
	}
}

@media screen and (max-width:1360px) {
	html {
		font-size: 75px
	}
}

@media screen and (min-width:1920px) {
	html {
		font-size: calc(83.34vw / 16);
		font-size: calc(62.5vw / 16);
	}
}

@media (max-width:768px){
	
}

html,body {
	width: 100%;
	position: relative;
}

html {
	font-family: PingFang,Helvetica Neue,Hiragino Sans GB,STHeitiSC-Light,Microsoft YaHei,Arial,sans-serif;
	/*font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;*/
	font-weight: 500;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}

body {
	position: relative;
	font-size: .16rem;
	box-sizing: border-box;
}

.animate{transform: translate(0px); opacity: 1; filter: alpha(opacity=100);}

.container{overflow: hidden; position: relative;}

.white-container{
	background-color: #fff;
}

.page-wrapper{width: 100%; position: relative; overflow: hidden;}


.gray{background-color: #f5f5f5;}
.white{background-color: #fff;}


.clear {
	clear: both
}

.fixed {
	position: fixed;
	right: 10px;
	bottom: 24px;
	z-index: 900;
}

img {
	border: 0
}

a {
	text-decoration: none;
	color: #515151;
	cursor: default;
}

a:link {
	cursor: pointer;
}

a:focus {
	outline: 0
}

i {
	font-style: normal
}

ul,li {
	list-style: none
}

input {
	outline: none;
}



@media (max-width: 1600px){
	.deng-box{
		display: none;
	}
	.deng-box1{
		display: none;
	}
	.guide-2021{
		display: none;
	}
}

.guide-2021{background: rgba(0,0,0,0.8); position: fixed; top:0; bottom:0; left:0; right:0; z-index: 999; overflow: hidden; display: none;}
.guide-2021 .closeee{background: url('../images/closeee.png') center / cover no-repeat; width: 24px; height: 24px; position: absolute; left: calc(50% - 12px); bottom:30px; cursor: pointer;}
.guide-2021 .thumbnail{width:100%; height:100%; margin:0 auto; padding:5%; text-align: center; position: relative;}
.guide-2021 .thumbnail img{height:100%;}


.xian {
    position: absolute;
	z-index: 999;
    top: -20px;
    left: 60px;
    width: 2px;
    height: 20px;
    background: #dc8f03;
}
.deng-box {
    position: fixed;
    top: -30px;
	left: 0;
    z-index: 999;
}
.deng-box1 {
    position: fixed;
    top: -30px;
    right: 0;
    z-index: 999;
}
.deng-box1 .deng {
    position: relative;
    width: 120px;
    height: 90px;
    margin: 50px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.9);
    border-radius: 50% 50%;
    -webkit-transform-origin: 50% -100px;
    -webkit-animation: swing 5s infinite ease-in-out;
    box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
}
.deng {
    position: relative;
    width: 120px;
    height: 90px;
    margin: 50px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.9);
    border-radius: 50% 50%;
    -webkit-transform-origin: 50% -100px;
    -webkit-animation: swing 3s infinite ease-in-out;
    box-shadow: -5px 5px 50px 4px rgba(250, 108, 0, 1);
}
.deng-a {
    width: 100px;
    height: 90px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.2);
    margin: 12px 8px 8px 8px;
    border-radius: 50% 50%;
    border: 2px solid #dc8f03;
	position: relative;
}
.deng-b {
    width: 45px;
    height: 90px;
    background: #d8000f;
    background: rgba(216, 0, 15, 0.2);
    margin: -4px 8px 8px 26px;
    border-radius: 50% 50%;
    border: 2px solid #dc8f03;
}
.shui {
    width: 5px;
    height: 40px;
    background: #ffa500;
    border-radius: 0 0 5px 5px;
}
.shui-a {
    margin: -10px 0 0 40px;
    -webkit-animation: swing 4s infinite ease-in-out;
    -webkit-transform-origin: 50% -20px;
}
.shui-b {
    margin: -35px 0 0 59px;
    -webkit-animation: swing 4s infinite ease-in-out;
    -webkit-transform-origin: 50% -45px;
}
.shui-c {
    margin: -45px 0 0 77px;
    -webkit-animation: swing 4s infinite ease-in-out;
    -webkit-transform-origin: 50% -25px;
}
.deng:before {
    position: absolute;
    top: -7px;
    left: 29px;
    height: 12px;
    width: 60px;
    content: " ";
    display: block;
    z-index: 999;
    border-radius: 5px 5px 0 0;
    border: solid 1px #dc8f03;
    background: #ffa500;
    background: linear-gradient(to rightright, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
}
.deng:after {
    position: absolute;
    bottom: -7px;
    left: 10px;
    height: 12px;
    width: 60px;
    content: " ";
    display: block;
    margin-left: 20px;
    border-radius: 0 0 5px 5px;
    border: solid 1px #dc8f03;
    background: #ffa500;
    background: linear-gradient(to rightright, #dc8f03, #ffa500, #dc8f03, #ffa500, #dc8f03);
}
.deng-t {
    font-size: 0.21rem;
    color: #fff;
    font-weight: bold;
    line-height: 85px;
    text-align: center;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
}
.night .deng-t,
.night .deng-box,
.night .deng-box1 {
    background: transparent !important;
}
@-moz-keyframes swing {
    0% {
        -moz-transform: rotate(-10deg)
    }
    50% {
        -moz-transform: rotate(10deg)
    }
    100% {
        -moz-transform: rotate(-10deg)
    }
}
@-webkit-keyframes swing {
    0% {
        -webkit-transform: rotate(-10deg)
    }
    50% {
        -webkit-transform: rotate(10deg)
    }
    100% {
        -webkit-transform: rotate(-10deg)
    }
}





/*!
 * CSS3动画 v0.10
*/
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}
@keyframes fadeOut{0%{opacity:1}to{opacity:0}}
@-webkit-keyframes bannerProgress{to{width:50px}}
@keyframes bannerProgress{to{width:50px}}


.shadow{
	-webkit-box-shadow: 0 4px 21px 0 rgba(0,0,0,.06);
	-moz-box-shadow: 0 4px 21px 0 rgba(0,0,0,.06);
	box-shadow: 0 4px 21px 0 rgba(0,0,0,.06);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}

.shadow:hover{
	-webkit-box-shadow: 0 4px 21px 0 rgba(0,0,0,.15);
	-moz-box-shadow: 0 4px 21px 0 rgba(0,0,0,.15);
	box-shadow: 0 4px 21px 0 rgba(0,0,0,.15);
}


::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}
 
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
}
 
::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;
}
 
::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;
}
 
::-webkit-scrollbar-corner {
  background: transparent;
}


.scroll{background: #fff; z-index: 2; overflow-y: auto;}
.bleed-wrap{padding:0.4rem 0 0;}
.text-center{text-align: center;}

.flexBox{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between;}

.xy{display: table;}
.xy-center{display: table-cell; vertical-align: middle; text-align: center;}

.wrap{width: 1440px; margin: 0 auto;}
.header-container{font-size: 16px; background: #282828; height: auto; position: relative; top:0; width: 100%; z-index: 999;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.header-container:hover{background: #282828;}
.header-container.is-sticky{background-color: #282828; top:-60px;}
.header-container .shrink{transition: all .2s linear;}
.fixed-container{opacity: 1;}
.is-sticky .shrink{padding:0; margin:0;}
.fixedHeader{position:fixed; top:0px; z-index:99999; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));}
.header-nav-wrap{height: 100%; overflow: hidden;}
html.limit-content, html.limit-content body{width: 100%; height: 100%; position: relative;}
html.limit-content.windows{overflow-y: scroll;}


.gb-h-menu{position: absolute; width: 55px; height: 100%; display: none; top: 0; left: 0; text-align: center; vertical-align: middle; z-index: 100;}
.h-logo{width: 200px; background: url('../images/logo.png') 50% 50% / 80% auto no-repeat; float: left; transition:all .2s linear;}
.h-logo a{display: block;line-height: 60px;}
.h-logo a span{visibility:hidden;display: block;}
.h-nav-link{float: left; margin-right: 60px; position: relative; z-index: 9999;}
/*
.h-nav-link div.active:after {content: '';display: block;position: absolute;left: 0;bottom: 14px; width: 100%;height: 3px;background: -webkit-linear-gradient(left, #00BDD2 , #00a0e9);background: -o-linear-gradient(right, #00BDD2, #00a0e9);background: -moz-linear-gradient(right, #00BDD2, #00a0e9);background: linear-gradient(to right, #00BDD2 , #00a0e9);}
*/

.h-nav-right{float: right;}
.h-nav-link a{color:#fff;}
.nav-item{float: left;}
.nav-item a{display: block; position: relative; -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease;}
.nav-item a:link{}
.nav-item a:hover, .nav-item.active a{color: #00a0e9;}
/*
.nav-item:nth-child(7) a{background: #00a0e9;}
.nav-item:nth-child(7) a:hover, .nav-item:nth-child(7) a:active{box-shadow: 0 0 10px #333 inset; color:#fff;}
*/
.nav-item a span{ margin:0 15px; line-height:60px; display: block;}
.nav-item-hover a {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-top:5px solid #00a0e9; color:#00a0e9; padding-top:25px;}
.nav-sub-wrap{position: absolute;left:0;width: 100%;background: rgba(248,248,248,.97); -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease;}
.nav-sub-menu{overflow: hidden; width: 1280px; margin:0 auto;}
.h-nav-list .nav-sub-wrap{height:0; opacity: 0; overflow: hidden; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease;}
.h-nav-list .active .nav-sub-wrap{height:auto; opacity: 1; }
.sub-menu-item{width:20%;float: left;}
.nav-sub-child img{width:84px; height:84px;}
.nav-sub-child{text-align: center; padding:40px 0 20px; display: block; border-bottom: 1px solid rgba(0,0,0,0.05);-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}
.nav-sub-child:hover{text-decoration:none; background:rgba(0,0,0,.06);}
.nav-sub-child:hover h3{}
.nav-sub-child h3{line-height: 42px; font-size: 14px; color:rgb(26,26,26); -webkit-transition: color .4s ease; -moz-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease;}

.savekey-lang-link{position: absolute; top:0; right: 40px; width:40px; height:60px;}
.savekey-lang-link .button-language{width: 100%; height: 100%;}
.savekey-lang-link .button-language .fa{display:block;  width: 24px; height: 24px; color:#a2a2a2; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; background-size: 100% auto;}
.savekey-lang-link:hover .button-language{background:#383838;}
.savekey-lang-link:hover .button-language .fa{color:#fff;}
.button-language i{background:url('../images/lang/logos.png') no-repeat; overflow:hidden;}
.button-language .i-cn{background-position:0 0;}
.button-language .i-hk{background-position:0 -24px;}
.button-language .i-tw{background-position:0 -48px;}
.button-language .i-en{background-position:0 -72px;}
.button-language .i-net{background-position:0 -336px;}
.button-language .i-asia{background-position:0 -336px;}
.button-language .i-be{background-position:0 -120px;}
.button-language .i-in{background-position:0 -144px;}
.button-language .i-uk{background-position:0 -168px;}
.button-language .i-ir{background-position:0 -192px;}
.button-language .i-gr{background-position:0 -216px;}
.button-language .i-fr{background-position:0 -240px;}
.button-language .i-de{background-position:0 -264px;}
.button-language .i-nl{background-position:0 -288px;}

#widget-lang-choose{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:10000;display:none;}
#widget-lang-choose .modal-lang-box{position:absolute;left:50%;top:50%;width:980px;transform:translate(-50%,-50%);background:#fff}
#widget-lang-choose .modal-lang-box .modal-lang-title{position:relative;height:70px;line-height:70px;background:#f6f6f6;text-indent:20px;font-size:18px;color:#999}
#widget-lang-choose .modal-lang-box .modal-lang-title .modal-lang-close{position:absolute;right:0;top:0;width:70px;height:70px;background:url('../images/lang/modalClose.png') no-repeat;cursor:pointer}
#widget-lang-choose .modal-lang-box .modal-lang-title .modal-lang-close:hover{background:url('../images/lang/ModalCloseHover.png') no-repeat}
#widget-lang-choose .modal-lang-box .modal-lang-body{padding:30px}
#widget-lang-choose .modal-lang-box .modal-lang-body li span{display:inline-block;width:8pc;text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#widget-lang-choose .modal-lang-box ul{overflow:hidden;width:920px;margin:0 auto}
#widget-lang-choose .modal-lang-box ul li{float:left;width:230px;height:68px;line-height:68px;text-align:center;margin-bottom:10px}
#widget-lang-choose .modal-lang-box ul li a{display:inline-block;width:100%;height:100%}
#widget-lang-choose .modal-lang-box ul li a:hover{background:#f4f4f4}
#widget-lang-choose .modal-lang-box ul li a .lang-logo{background:url('../images/lang/logos.png') no-repeat;width:36px;height:36px;display:inline-block;vertical-align:middle;margin-right:10px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-cn{background-position:0 0}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-hk{background-position:0 -36px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-tw{background-position:0 -72px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-en{background-position:0 -108px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-net{background-position:0 -504px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-asia{background-position:0 -504px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-be{background-position:0 -180px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-in{background-position:0 -216px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-uk{background-position:0 -252px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-ir{background-position:0 -288px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-gr{background-position:0 -324px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-fr{background-position:0 -360px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-de{background-position:0 -396px}
#widget-lang-choose .modal-lang-box ul li a .lang-logo.lang-logo-nl{background-position:0 -432px}



.header-container.is-sticky .nav-right-icon{padding:0;}
.nav-right-icon{position: relative; float: right; width:80px; height:60px;}
.nav-icon-fixed{position: absolute; left:0; width:80px; height: 60px; top:0;}
.h-nav-search{position: absolute; top:0; right:0;}

.nav-search button{display: none;}
.search-keyword{position: absolute;z-index: 999;right: 40px; overflow: hidden; width: 0; border-radius: 0; border: 0px solid transparent; border-bottom: 1px solid #a7a7a7; color: #fff;}
#searchInputTarget{border: 0; height: 40px; padding: 0 6px; background: #f2f2f2;}


.search-btn{float: left; width:40px; height:60px; background: none; border: 0;}
.search-btn .fa{width: 18px; height: 18px; color:#a2a2a2;}
.search-btn:hover .fa{color: #fff;}



.header-search-wrap{background: #fff;}
.header-search-wrap .inner{position: relative; padding: 48px 0; width: 960px; margin:0 auto; display: none; overflow: hidden;}
.header-search-wrap form{position: relative; width: 900px; float: left;}
.header-search-wrap .search-text{position: relative; width: 840px; height: 48px; line-height: 48px; background: #f6f6f6; border: none; padding:0 40px 0 20px; outline: none;}
.header-search-wrap .icon-input{ position: absolute; top: 0; right: 0; bottom: 0; width: 48px; height: 48px;}
.header-search-wrap .icon-input i{position: absolute; top:16px; left:16px; cursor: pointer;}
.header-search-wrap .go{width: 100%; height: 100%; border: none; cursor: pointer; outline: none;}
.search-close {width: 48px; height: 48px; margin:0 0 0 10px; cursor: pointer; text-align: center; display: inline-block; transition-duration: .5s;}
.s-close {
display: inline-block;
	width: 24px;
	height: 2px;
	background: #333;
	transform: rotate(45deg);
	margin:50% 0 0;
}

.s-close::after {
	content: '';
	display: block;
	width: 24px;
	height: 2px;
	background: #333;
	transform: rotate(-90deg);
}
.search-close:hover{transform: rotate(90deg);}



.footer-container{margin:1px 0 0; width: 100%; background: #000; padding:60px 0 20px; font-size: 14px;}
.footer-content-wrap{color: #fff;}
.footer-content-wrap .copyright{width:100%; border-top:1px solid #666;margin:20px 0 0; padding:20px 0 0;}
.footer-content-wrap .icp{padding:0 0 20px;}
.copyright, .icp{line-height: 36px;}
.foot-top{overflow: hidden;}
.foot-contact-list{float: left; margin: 0 60px 0 0; width:34%;}
.f-logo img{display: block;}
.hotline{margin: 10px 0;}
.hotline-number{font-size: 28px; font-weight: 600; color:#00a0e9;}
.hotline-mark{color:#666;}
.f-contact{line-height: 28px;}
.f-remark{margin:20px 0; color:#999;}

.f-nav-link{float: left; margin-right: 80px;}
.f-nav-link .first-title{font-weight: 600;font-size: 18px; margin: 0 0 8px 0;vertical-align:text-top;}
.f-nav-link p{line-height: 30px;}
.footer-container a, .footer-container a:link{color: #fff;}
.footer-container a:hover{color:#00a0e9;}

.f-QR-title{text-align: right;margin:0 0 20px 0;}
.f-QR-link{float: right;}
.f-QR-item{float: right; text-align: center; margin:0 0 0 20px;}
.f-QR-item img{display: block;}
.f-QR-item p{line-height: 30px;}



.backTop {
	display: none;
	cursor: pointer;
	border-radius: 13px;
	width: 52px;
	height: 52px;
	opacity: 0.6;
	background: #fff;
	box-shadow: 0 4px 10px rgba(33, 33, 33, 0.3);
	text-align: center;
	transition: opacity 0.5s;
}

.backTop:hover{
	opacity: 1;
}

.backTop img {
	z-index: 9999;
	width: 17px;
	height: 20px;
	display: inline-block;
	margin-top: 16px;
}



.home-banner {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.home-banner .banner-swiper-container {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.home-banner .swiper-button-prev, .home-banner .swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
}
.home-banner .swiper-button-prev{
	left:0;
}	
.home-banner .swiper-button-next{
	right:0;
}	
.home-banner .swiper-button-prev span, .home-banner .swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url('../images/arrows.png') no-repeat center 17px;*/
	background: url('../images/arrows.png') no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url('../images/arrows.png') no-repeat center -71px;
	left:auto;
	right:20px;
	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: .6;
}

/* swiper-pagination */
.home-banner .swiper-pagination{
	top:auto;
	bottom:2%;
	background:none;
}
.home-banner .swiper-pagination-bullet {
	display: inline-block;
	width: 16px;
	height: 2px;
	margin: 0 3px!important;
	cursor: pointer;
	background: rgba(255,255,255,0.3);
	border-radius:0;
	opacity: 1;
}
.home-banner .autoplay .swiper-pagination-bullet-active{
	background: #fff;
}
.home-banner .swiper-pagination-bullet i{
	background: gray;
	height: 2px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.home-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.home-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.home-banner .autoplay .replace span{
  background:gray;
}


/* slide */
.home-banner .swiper-slide {
    width: 100% !important;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.home-banner .banner-slide-image{
	height: 100%;
}
.home-banner .swiper-slide .swiper-bg {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0,0,0,0.9)!important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -2;
	overflow: hidden;
	transform: scale(1.3);
	filter: blur(20px);
}

.home-banner .slide1 .title {
	text-align: center;
	padding-top: 140px;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
}

.home-banner .swiper-slide .layout-main{
	position: relative;
	width: 100%;
	letter-spacing: .01rem;
	text-align: center;
}

.home-banner .swiper-slide .layout-main a{
	display: block;
}

.home-banner .swiper-slide .layout-main img{
	width:100%;
}


.home-banner .container {margin:2px 0 0; width: 100%;box-sizing: border-box;}

/*
.home-product-box{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: flex;}
.home-product-box div{cursor: pointer;}
.home-product-left, .home-product-right { width: 49.375%;  height: 800px;}
.home-product-right a:first-child{margin-bottom: 17px;}

.home-product-box .smart-switch { padding: 100px 0 0; color:#333; text-align: center; width: 100%; height: 800px; box-sizing: border-box; background-image: url('../images/01.jpg'); background-size: 100% 100%; background-position: 50% 50%; transition:all .2s linear;}
.home-product-box .doorbell-system { padding: 50px 0 0 44px; box-sizing: border-box; width: 100%; height: 390px; background-image: url('http://www.mcsports.cn/images/02.jpg'); background-size: 100% 100%; background-position: 50% 50%; transition: all .2s linear;}
.home-product-box .socket { padding: 90px 0 0 320px; box-sizing: border-box; width: 100%; height: 390px; background-image: url('http://www.mcsports.cn/images/03.jpg'); background-size: 100% 100%; background-position: 50% 50%; transition: all .2s linear;}
.home-product-box a{color:#fff; display: block; border: 1px solid #eee;}
.home-product-box a:hover{box-shadow:0 15px 30px rgba(0,0,0,.1);}
.home-product-box div h2{font-size: 26px;font-weight: 600;line-height: 1.6em;}
.home-product-box div p{}
.home-product-box div:hover{background-size:102% 102%;}
*/



ul.home-ind-product{overflow: hidden;}
.home-ind-product li{margin:0 0 2px;background:#fff;}
.home-ind-product li:last-child{margin:0;}
.home-items{padding-top:36%; overflow: hidden; position: relative;background-repeat: no-repeat; background-position: 0 0; -webkit-background-size: 100% auto; background-size: 100% auto;}
.items-main{position:absolute; top:40px; left:60px; right:60px; bottom: 40px; border-radius: 20px;}
.items-left{right:50%;}
.items-right{left:50%;}
.home-items .inner{position: absolute; top:50%; left:50%; width: 540px; text-align: center;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.home-items .inner h2{font-size: 32px; line-height: 40px; color: #333; margin-bottom: 36px; font-weight: 500;}
.home-items .inner p{height: 90px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.home-items .inner .more{display: inline-block; margin: 60px auto 0; color: #757575; border-bottom: 1px solid #757575;}
.home-items .bgAlpha{background: rgba(255,255,255,.7)}


.section-box-adv{width:100%; height: 600px; background:#fff url('../images/adv.jpg') 50% 50%/auto 100% no-repeat;}
.section-box-adv a{width:100%; height: 100%; display: inline-block;}
.section-box-adv-content{padding: 160px 0 0 160px; /*display: none;*/}
.section-box-adv-content h3{font-size: 28px; color:#333;}
.section-box-adv-content h2{font-size: 50px; color:#333;margin-bottom: 40px;}
.section-box-adv-content p{line-height: 28px;}
.box-adv-wrap{height:100%; overflow: hidden;}



/*
.section-box-news-title{line-height: 100px; height: 100px; text-align: center; font-size: 32px;}
.section-box-news-list{position: relative;overflow: hidden;}
.section-box-news-list a {display: block;height: 120px;}
.section-box-news-list a img{position: absolute; top:0; left:0; height:480px; opacity: 0; filter:alpha(opacity=0); transition: all .5s linear; -webkit-transition:all .5s linear;}
.section-box-news-list a img.show{opacity: 1; filter:alpha(opacity=100);}
.news-item{width: 680px; height: 120px; float: right;}
.news-time{width: 100px; height: 60px; background: #333; color:#fff; float:left; text-align: center; padding:30px 0;margin-right:16px;}
.news-time .news-d{font-size: 32px;font-weight: 600;}
.news-content{background: #fff; height: 80px; padding:20px 16px 20px 0;}
.news-content h3{font-size: 16px; font-weight: 600;margin-bottom: 8px;}
.news-content p{font-size: 14px; max-height: 56px; display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.section-box-news-list a.news-item-hover img{opacity: 1; filter:alpha(opacity=100); z-index: 2;}
.section-box-news-list a.news-item-hover .news-time{background: #0564ad;}
.section-box-news-list a.news-item-hover .news-content{background: #00a0e9; color: #fff;}
*/

.home-solutioin{overflow: hidden; height: 12.6rem;}
/*.i-solution{float:left; width: 50%; height: 480px; line-height: 480px; text-align: center; position: relative; background: #333; color:#fff;margin: 0; transition:all .2s linear;overflow: hidden;}*/
.i-solution{float: left; width: 50%; height: 50%; text-align: center; position: relative; background: #333; color:#fff; transition:all .2s linear;overflow: hidden;}
.home-solutioin-content{transition:all .2s linear; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(51,51,51,.8);}
.i-solution h2{font-size: 28px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.solution01{background: url('../images/solution01.jpg') no-repeat; background-position: center; background-size: cover; height: 100%;}
.solution02{background: url('../images/solution02.jpg') no-repeat; background-position: center; background-size: cover; height: 100%;}
.solution03{background: url('../images/solution03.jpg') no-repeat; background-position: center; background-size: cover; height: 100%;}
.solution04{background: url('../images/solution04.jpg') no-repeat; background-position: center; background-size: cover; height: 100%;}

.i-solution:hover{cursor: pointer;}
.i-solution:hover .home-solutioin-content{background: rgba(5,100,173,0.1);}


.section-top-list{position: relative; width: 100%; max-width: 1440px; margin:0 auto; box-sizing: border-box;display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; }
.section-top-list .product-item{box-sizing: border-box;}
.section-top-list .product-item a{display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; font-size: 20px;}
.section-top-list .product-item a img{margin: 80px 0 28px; transition: transform .1s linear; height: 220px;}
.section-top-list .product-item a img:hover{-ms-transform:translateY(-2%);transform:translateY(-2%)}

.section-merchandizing{position: relative; width: 100%; max-width: 1440px; height: 708px; margin:0 auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.showcase-card-tab-item{position: relative; height: 100%; overflow: hidden;}
.showcase-card-tab-inner-container{position: relative; border-radius:10px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100%; left: 12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap;  flex-wrap: wrap; -webkit-box-sizing: border-box; box-sizing: border-box;}
.showcase-card-tab-card{position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0;}
.showcase-card-tab-card.large{width: 50%; height: 100%; padding: 0 24px 24px 0;}
.showcase-card-tab-card.product-small{width: 25%; height: 50%; padding: 0 24px 24px 0;}
.showcase-tab-card-full-wrap{background:#f4f4f4; overflow: hidden; position: relative; display: inline-block; width: 100%; height: 100%; border-radius: 20px; cursor: pointer;}


.specs-content-wrap{position: relative;}
.param-main{}
.param-pic, .param-content{width: 50%; height: 100%; position: relative; float: left; overflow: hidden;}
.param-content{background: #f2f2f2;width: 50%; height: 100%; overflow: hidden;}
.param-pic{display: table; }
.param-pic .pics{display: table-cell; vertical-align: middle; text-align: center;}
.param-pic .pics img{max-width:98%; padding:2%;}

.content-view{width: 80%; height: 100%; margin-top: 100px; margin-bottom: 60px; margin-left: 10%; color: #2B2B2B;}
.content-view .view-title{font-size: 32px; margin: 0 0 40px;}
.content-view .view-title .wxview{float: right; width: 24px; height: 24px; margin: 9px 0; cursor: pointer; position: relative;}
.wxview i{font-size: 20px; overflow: hidden;}
.wxview .qr_code{display: none; position: absolute; top:24px; right:0;}
.wxview .qr_code img{width:200px; height:200px;}

.scroll-bar{position: absolute; top: 0; right: 0; width: 5px; height: 100%; background: #e6e6e6;}
.scroll-slider{position: absolute; top: 0; left: 0; width: 5px; height: 48px; background: #535353; border-radius: 5px; opacity: .5;}
.scroll-slider:hover{opacity: 1;}
.param-content .scroll-box{overflow: hidden; height: 100%;}
.param-body{margin:48px 0 0;}
.param-body .title{font-size: 24px; border-bottom: 1px solid #e8e8e8; color:#333; margin:20px 0; padding:0 0 20px;}
.param-body .param-item .param-list{overflow: hidden;}
.param-body .param-item .item{padding:14px 10px 14px 0; color:#5b5b5b; overflow: hidden; display: flex;}
.param-body .param-item .item .item-name{color: #333; float: left; width: 20%; margin-right:32px; font-weight: 600;}
.param-body .param-item .item p{-webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: justify;}

.param-box-file .file-list{position: relative; overflow: hidden;}
.param-box-file .file-list .list-item{padding:20px 0; border-bottom: 1px solid #e8e8e8; overflow: hidden; display: table; width:100%;}
.param-box-file .file-list .list-item span{padding:0 0 0 20px; position: relative; display: table-cell; vertical-align: middle;}
.param-box-file .file-list .list-item span:before {width: 5px; height: 5px; content: ""; position: absolute; left: 0; top: 50%; margin-top: -4px; border: 2px solid #aaacac; border-radius: 5px;}
.param-box-file .file-list .list-item .download{width:36px; height: 36px; float: right; display: inline-block; border: 1px solid #00a0e9; border-radius: 8px; background-image: url('../images/icon_dl_32.png'); background-repeat: no-repeat; background-position: center; background-size: 18px 18px;}
.param-box-file .file-list .list-item .download:hover{background-image: url('../images/icon_dl_32_h.png'); background-color: #00a0e9;}

.top-title-box{
	position:relative;
	width: 100%;
	z-index: 10;
	background:rgba(255,255,255,0.9);
	border-bottom: 1px solid #e0e0e0;
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,.07);
	box-shadow: 0 5px 5px rgba(0,0,0,.07);
	height: 80px;
	font-size: 16px;
}

.top-title-box.is-sticky{
	position: fixed;
	top: 0!important;
	
	z-index: 999;
	margin:0!important;
}
.top-title-box .product-name{
	position: relative;
	font-size: 20px;
	line-height: 80px;
	white-space: nowrap;
	float: left;
	padding:0 0 0 20px;
}

.top-title-box .product-name span{
	font-size: 14px;
	margin-left: 8px;
	color: #fff;
	padding:4px;
	background: #00a0e9;
}

.top-title-box .tab-control{
	float: right;
	display: block;
	position: relative;
	margin:0 40px 0 0;
}

.top-title-box .tab-control a{
	line-height: 80px;
	margin:0 0 0 20px;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.top-title-box .tab-control a:hover{
	color: #00a0e9;
}

.top-title-box .btn-model{
	float: right;
	margin:25px 0 0;
}

.btn-model .model{
	background: #00a0e9;
	padding:4px 10px;
	color: #fff;
	border-radius: 20px;
}

.gradient-wrap{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.5)));
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
	border-radius: 0 0 20px 20px;
	height: 168px;
}

.badge-wrap{
	position: absolute; display: inline-block; top: 24px; left: 24px; z-index: 1;
}

.badge-icon-label{
	height: 20px; background:#00a0e9; padding: 2px 6px; border-radius: 10px; font-size: 12px; line-height: 16px; font-weight: 700; color: #fff; text-transform: uppercase;
}

.showcase-card-tab-card.large .image-wrap img{
	width: 100%;
	height: 100%;
}

.showcase-card-tab-card.product-small .image-wrap{
	position: relative;
	padding:40px 85px 130px 85px;
}

.showcase-tab-card-full-wrap img{
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform cubic-bezier(0.4,0,0.2,1) .3s;
	transition: -webkit-transform cubic-bezier(0.4,0,0.2,1) .3s;
	transition: transform cubic-bezier(0.4,0,0.2,1) .3s;
	transition: transform cubic-bezier(0.4,0,0.2,1) .3s,-webkit-transform cubic-bezier(0.4,0,0.2,1) .3s;
}
.showcase-tab-card-full-wrap:hover img{
	-webkit-transform:scale(1.1) !important;
	transform:scale(1.1) !important;
}

.text-wrap{
	position: absolute;
	text-align: center;
	width: 100%;
	bottom: 76px;
	left: 0;
	font-size: 18px;
	font-weight: bold;
}

.showcase-card-tab-card.large .text-wrap{
	font-size: 24px;
}

.more-wrap{
	display: inline-block;
	position: absolute;
	bottom: 4px;
	left: 50%;
	height: 40px;
	-webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity cubic-bezier(0.4,0,0.2,1) .3s .1s,visibility cubic-bezier(0.4,0,0.2,1) .3s .1s,bottom cubic-bezier(0.4,0,0.2,1) .3s .1s;
	transition: opacity cubic-bezier(0.4,0,0.2,1) .3s .1s,visibility cubic-bezier(0.4,0,0.2,1) .3s .1s,bottom cubic-bezier(0.4,0,0.2,1) .3s .1s;
}

.showcase-tab-card-full-wrap:hover .more-wrap{
	bottom:24px;
	opacity: 1;
	visibility: visible;
}


.more-contained {
	padding: 10px 24px 11px 24px;
	width: 100%;
	border-radius: 20px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	white-space: nowrap;
	color: #fff;
	background-color: #000;
}

.more-contained:hover{
	background-color: #555;
}



.more-contained .icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 4px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	fill: currentColor;
	-webkit-transition: fill .2s cubic-bezier(0.33,0,0.3,1);
	transition: fill .2s cubic-bezier(0.33,0,0.3,1);
}




.component-specs-content .section{
	padding: 100px 0;
	border-bottom: 1px solid #e0e0e0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	box-sizing: border-box;
	height: auto;
	position: relative;
	overflow: hidden;
}

.component-specs-content .section .left{
	-webkit-box-flex: 0;
	-ms-flex: 0 0 360px;
	flex: 0 0 360px;
}

.component-specs-content .section .left p{
	font-size: 28px;
	line-height: 64px;
	color: #515151;
	text-align: left;
}

.component-specs-content .section .right{
	width: 960px;
	color: #666;
}

.component-specs-content .dataTitle{
	width: 30%;
}

.component-specs-content .dataLine{
	box-sizing: border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	width: 100%;
}

.component-specs-content .dataLine div{
	line-height: 56px;
}

.component-specs-content .dataLine span {
	text-align: left;
	margin:0 8px 0 0;
}

.component-specs-content .dataLine .dataTile, .component-specs-content .dataLine .dataDesc {
	max-width: 100%;
	word-wrap: break-word;
	font-size: 16px;
	text-align: left;
	-ms-text-overflow: ellipsis;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	word-wrap: break-word;
}

.component-specs-content .dataLine .dataTile {
	float: left;
	width: 24%;
}

.component-specs-content .productImage{
	width: 640px;
	height: 640px;
}

.colorSelectBox{
	text-align: center;
	width: 640px;
	margin:48px 0 0;
}

.colorSelectBox * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.colorSelectBox .colorBox{
	display: inline-block;
	text-align: left;
	*height: 1%;
	margin: 0 0 16px;
}

.colorSelectBox .color{
	display: inline-block;
	width: 40px;
	height: 40px;
}

.colorSelectBox .color>div{
	border-radius: 14px;
	position: relative;
	background-color: #fff;
	width: 28px;
	height: 28px;
}

.colorSelectBox .color .colorShadow{
	-webkit-box-shadow: 2px 7px 15px rgba(0,0,0,.3);
	-moz-box-shadow: 2px 5px 15px rgba(0,0,0,.3);
	box-shadow: 2px 5px 15px rgba(0,0,0,.3);
}

.colorSelectBox .color>div>div{
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	background-color: #fff;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -12px;
	margin-top: -12px;
	cursor: pointer;
	width: 24px;
	height: 24px;
}


.home-poster-wrap{}
.poster{display: -ms-flexbox; display: flex; margin:0 0 20px 0; box-sizing: border-box;}
.poster-item {position: relative; height: 400px; -ms-flex: 1; flex: 1; margin-right: 20px; border-radius: 10px; overflow: hidden; cursor: pointer;}
.poster-item:last-child{margin-right: 0;}
.poster-item .bg{border-radius: 10px; opacity: 0; background-color: #f4f4f4; transition: all .5s; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.poster a{position: relative; display: block; height: 100%;}
.poster .content {position: absolute; top: 160px; left: 100px; width: 600px; font-size:18px; color:#333; transition: all .5s;}
.poster .content.font-white{color:#fff!important;}
.poster-product {position: absolute; top: 50%; right: 20%; -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; transition: all .5s;}
.two-poster .poster-product{right: 60px;}
.two-poster .content{left:60px;}
.poster .content h1 {margin: 0; line-height: 1.15; font-size: 32px;}
.poster .content p {margin:15px 0;}
.two-poster .content h1 {font-size: 21px;}
.two-poster .content p {font-size:14px;}

.section-index{padding:0; overflow: hidden;}
.section-index .text-center{padding:100px 0; position:relative;}
.section-index .text-center h1{font-size:42px; font-weight: 300; line-height: 56px;}
.section-index .text-center p{font-size:24px; font-weight: 300; margin:20px 0;}
.home-video-content{
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
    overflow: hidden;
}


/*
.home-video-wrap .swiper-slide-active a:after {
	position: absolute;
	width: 90px;
	height: 90px;
	background: url('../images/icon_video_play.png') 0 0 no-repeat;
	content: '';
	left: 50%;
	top: 50%;
	margin-top: -45px;
	margin-left: -45px;
}

.home-video-wrap .swiper-button-prev{
	background: url('../images/btn_video_prev.png') 0 0 no-repeat;
	width: 64px;
	height: 64px;
	margin-top: -32px;
	left: -100px;
}

.home-video-wrap .swiper-button-prev:hover{
	background-position: 0 -64px;
	opacity: 1;
}

.home-video-wrap .swiper-button-next{
	background: url('../images/btn_video_next.png') 0 0 no-repeat;
	width: 64px;
	height: 64px;
	right: -100px;
}

.home-video-wrap .swiper-button-next:hover{
	background-position: 0 -64px;
	opacity: 1;
}

.home-video-wrap .swiper-button-prev:after, .home-video-wrap .swiper-button-next:after{
	display: none;
}

.current-swiper {
	width: 800px;
	height: 480px;
	margin: 0 auto;
	position: relative;
	overflow: unset;
}

.current-swiper img{
	width: 100%;
	height: 100%;
}
*/

.video-play{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	visibility: hidden;
	width: 100%;
	height: 100%;
	z-index: 999;
}
.video-play.on{
	visibility: visible;
}
.video-bg{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,.8);
	z-index: 999;
}
.video-mian{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 999;
	width: 800px;
	/*height: 640px;*/
}
.video-mian video{
	width: 100%;
}
.video-close{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 18px;
	height: 18px;
	color: #fff;
	background:url('../images/icon_video_close.png') center no-repeat;
	cursor: pointer;
}



.section-global{
	background: #333;
	color: #fff;
	margin: 0;
}

.amount-content{
	overflow: hidden;
	text-align: center;
	background: #2b2b2b;
	border: 1px solid #3e3e3e;
}

.amount-content .amount-item{
	float: left;
	width: 50%;
	margin:60px 0;
}

.amount-content .amount-item h3{
	font-size: 20px;
	margin:0 0 10px;
}

.amount-content .amount-item p{
	font-size: 20px;
}

.amount-content .amount-item p span{
	font-size: 76px;
	font-family: DINOffcPro-CondMedium;
	padding: 0 10px;
	vertical-align: sub;
	color:#00a0e9;
}

.section-global .global-main{
	position:relative;
	width: 100%;
	height: 720px;
	background:url('../images/bg_global.png') center no-repeat;
}

.position-wrap{
	position: relative;
	height: 100%;
	overflow: hidden;
}
.position-wrap .position{
	position: absolute;
	width: 28px;
	height: 28px;
	background:url('../images/icon_position.png') center / 100% 100% no-repeat;
	/*animation: rotate .5s linear infinite;*/
}

.position:nth-child(1){
	left: 300px;
	top: 200px;
}

.position:nth-child(2){
	left: 360px;
	top: 230px;
}

.position:nth-child(3){
	left: 200px;
	top: 368px;
}

.position:nth-child(4){
	left: 525px;
	top: 210px;
}

.position:nth-child(5){
	left: 520px;
	top: 348px;
}

.position:nth-child(6){
	left: 260px;
	top: 464px;
}

.position:nth-child(7){
	left: 584px;
	top: 512px;
}

.position:nth-child(8){
	left: 400px;
	top: 288px;
}

.position:nth-child(9){
	left: 240px;
	top: 244px;
}

.position:nth-child(10){
	left: 1108px;
	top: 474px;
}

.position:nth-child(11){
	left: 584px;
	top: 310px;
}


.home-video-single{
	position: relative;
	height: 12.4rem;
}

.home-video-single video{
	position: absolute;
	width: 100%;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	object-fit: cover;
	z-index: 1;
}

.compatibleStyle {
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden; /* Chrome 和 Safari */
	-moz-backface-visibility:hidden;  /* Firefox */
	-ms-backface-visibility:hidden;  /* Internet Explorer */
	-webkit-perspective: 0;
	-webkit-transform: translate3d(0,0,0);
	visibility:visible;
}

.product-video{
	
}

.home-video-wrap{
	position: relative;
}

.home-video-wrap .video-container {
	height: 100%;
	position: relative;
	overflow: hidden;
	z-index: 1;
}			

.home-video-wrap .swiper-container .swiper-slide{
	width: 100%;
	height: 100%;
	/*margin: 0 16px 0 0;*/
	text-align: center;
	overflow: hidden;
}

.home-video-wrap .swiper-container .swiper-slide .swiper-silde-pic{
	position: relative;
	height: 12.4rem;
}

.home-video-wrap .swiper-container .swiper-slide img{
	position: relative;
	height: 12.4rem;
}

.home-video-wrap .swiper-pagination-box {
	position: absolute;
	bottom: 48px;
	padding: 0 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	width: 100%
}

.home-video-wrap .swiper-pagination-bullet {
	height: 100%;
	width: 16px;
	background-color: transparent;
	border-radius: 0;
	display: flex;
	align-items: center;
	cursor: pointer;
	opacity: 1
}

.home-video-wrap .swiper-pagination-bullet:nth-child(n+2) {
	margin-left: 4px
}

.home-video-wrap .swiper-pagination-bullet .progress {
	opacity: 1;
	width: 16px;
	height: 2px;
	background-color: rgba(255,255,255,.3);
	border-radius: 60px;
	position: relative;
	overflow: hidden
}

.home-video-wrap .swiper-pagination-bullet .progress:after {
	content: " ";
	display: block;
	height: 2px;
	width: 0;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}

.home-video-wrap .swiper-pagination-bullet.active .progress:after {
	opacity: 1;
	width: 16px
}

.home-video-wrap .swiper-container .swiper-slide video {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	object-fit: cover;
}


.home-video-wrap .contents-container {
	padding: 80px 24px;
	text-align: center;
	pointer-events: none;
	z-index: 10;
	background: rgba(0,0,0,.2);
}

.home-video-wrap .contents-container .content {
	position: relative;
	height: 640px;
}

.home-video-wrap .contents-container, .home-video-wrap .contents-container .slide-content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.home-video-wrap .contents-container .content .animation-text {
	overflow: hidden;
	min-height: 36px
}

.home-video-wrap .contents-container .slide-content .animation-text .text {
	opacity: 0;
	transform: translateY(100%)
}

.home-video-wrap .contents-container .slide-content.active .author-text {
	opacity: 1
}

.home-video-wrap .contents-container .slide-content.prev .animation-text .text {
	transform: translateY(-100%)
}

.home-video-wrap .contents-container .slide-content.prev .animation-text .text.sp-learn-more {
	transition: all .3s ease
}

.home-video-wrap .contents-container .slide-content.prev .animation-text .text.product-name-text {
	transition: all .6s ease
}

.home-video-wrap .contents-container .slide-content.next .animation-text .text {
	transform: translateY(100%)
}

.home-video-wrap .contents-container .slide-content.next .animation-text .text.sp-learn-more {
	transition: all .3s ease
}

.home-video-wrap .contents-container .slide-content.next .animation-text .text.product-name-text {
	transition: all .6s ease
}

.home-video-wrap .contents-container .slide-content.active .animation-text .text {
	opacity: 1;
	transform: translateY(0)
}

.home-video-wrap .contents-container .slide-content.active .animation-text .text.sp-learn-more {
	transition: all .6s ease .3s
}

.home-video-wrap .contents-container .slide-content.active .animation-text .text.product-name-text {
	transition: all .6s ease
}

.home-video-wrap .contents-container .sp-learn-more {
	display: inline-block;
	margin-top: 16px;
	pointer-events: auto;
	position: relative
}

.home-video-wrap .contents-container .sp-learn-more:hover .sp-learn-more-text {
	text-decoration: underline
}

.home-video-wrap .contents-container .sp-learn-more-text {
	display: inline-block;
	padding-right: 16px;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: 100% center;
	line-height: 24px;
	font-size: 16px;
	color: #fff;
	transition: all .3s ease
}

.home-video-wrap .contents-container .author-text {
	position: absolute;
	bottom: 88px;
	line-height: 24px;
	font-size: 16px;
	color: rgba(255,255,255,.45);
	width: 100%;
	text-align: center;
	word-wrap: break-word;
	opacity: 0;
	transition: opacity .3s ease .3s
}

.home-video-wrap .product-name-text {
	font-size: 0.64rem;
	line-height: 0.86rem;
	letter-spacing: 0.08rem;
	font-weight: 600;
	color: #fff;
	margin:0;
}

.home-video-wrap .text-en{
	letter-spacing: 0.02rem;
}

.home-video-wrap .desc{
	font-size: 0.4rem;
	line-height: 0.48rem;
	font-weight: 500;
	margin:3rem 0 0.2rem;
	color: #fff;
}

.home-video-wrap .sp-learn-more {
	line-height: 24px;
	font-size: 16px;
	color: rgba(255,255,255,0.8);
	font-weight: 500;
	word-wrap: break-word;
	margin: 10px auto 0;
	display: inline-flex!important;
	align-items: center;
	overflow: hidden;
}

.home-video-wrap .sp-learn-more .learn-text {
	font-size: 16px;
	line-height: 24px
}

.home-video-wrap .sp-learn-more .icon {
	font-size: 16px;
	width: 16px;
	height: 16px
}

.home-video-wrap .sp-learn-more:hover {
	text-decoration: underline
}





.sub-banner-wrap{position: relative; height: 7.4rem; overflow: hidden;}
.sub-header-banner{overflow: hidden; position: relative; height: 7.4rem;}
.sub-header-banner-index{position: absolute; z-index: -1; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat;}

.sub-header-banner-content{position: relative; padding: 3rem 0 0 0.2rem; color: #fff;}
.sub-header-banner-content h1{font-size: 46px; line-height: 60px;}
.sub-header-banner-content h1.text-en{font-size: 21px; line-height: 36px; letter-spacing: 0.01rem; width: 42%; margin-bottom:32px;}
.sub-header-banner-content p{font-size: 24px; line-height: 46px;}
.product-type-wrap{background: #333; width: 100%; height: 186px;}
.product-type-nav{position: relative; height: 100%;}
.product-type-nav ul.type-nav{width:100%; height: 100%; display: flex;}

.trademark h1{display: none;}
.trademark:after{content:''; display: inline-block; width:4.8rem; height: 1rem; background: url('../images/about_logo_w.png') center / auto 100% no-repeat; overflow: hidden;}

.product-type-nav ul.type-nav .type-nav-item{height: 100%;}
.product-type-nav ul.type-nav li{flex:1; position: relative; text-align: center; transition: all 0.35s; border-collapse: collapse; border: 1px solid #383838;}
.product-type-nav ul.type-nav li.cur .type-nav-item{width: 100%; background: #00a0e9; transition: all 0.35s;}
.product-type-nav ul.type-nav li.cur .type-nav-item a{color:#fff;}
.product-type-nav ul.type-nav li.cur .type-nav-item:before{content: ''; position: absolute; top:2px; left: 2px; width: 0; height: 0; border-top:16px solid #fff; border-right:16px solid transparent;}
.product-type-nav ul.type-nav li a{ display: block; color:#fff; padding:28px 0;}
.product-type-nav ul.type-nav li:hover {background: #00a0e9; /*box-shadow:0 0 10px #333 inset;*/}
.product-type-nav ul.type-nav li:hover a{color: #fff;}
.product-type-nav ul.type-nav .icon{width: auto; height: 64px; margin: 16px auto;}
.product-type-nav ul.type-nav .icon img{width: auto; height: 64px;}
.product-type-nav ul.type-nav .icon i.fa{font-size: 64px;}
.product-type-nav ul.type-nav .title{line-height: 34px;}
.product-list-wrap{overflow: hidden; padding:60px 0;}
.product-list-main{overflow: hidden; display: none;}
.product-list-main:first-child{display: block;}
.product-list-item{width: 50%; display: block; float: left; box-sizing: border-box;}
.product-list-item .item-box{padding:36px; margin:0 8px 16px; background: #f7f7f7; border-radius: 5px; overflow: hidden;}
.product-list-item .item-box .item-img{width: 48%; height: 280px; line-height: 280px; float: left; text-align: center; overflow: hidden;}
.product-list-item .item-box .item-img img{width:300px; vertical-align: middle; transition: all 0.35s; margin: 0 auto;transform: scale(.8);}
.product-list-item .item-box:hover .item-img img{transform: scale(0.9);}
.product-list-item .item-box .item-content{overflow: hidden; position: relative; float: right; width: 50%; height: 280px;}
.product-list-item .item-box .item-content .title a{ color:#333; transition: all 0.35s;}
.product-list-item .item-box:hover .item-content .title a{color:#00a0e9;}
.product-list-item .item-box .item-content h1{font-size: 18px; line-height: 36px; margin:0 0 16px 0;}
.product-list-item .item-box .item-content h1 div{ margin:0 10px 0 0;}
.product-list-item .item-box .item-content h1 span{background:#f3d52b; color:#fff; font-size: 14px; padding:2px 8px; border-radius: 18px; font-weight: 400;}
.product-list-item .item-box .item-content h1 span{}
.product-list-item .item-box .item-content p{color:#00a0e9;}
.product-list-item .item-box .item-content .fun{margin:36px 0 0;}
.product-list-item .item-box .item-content .item-detail{position: absolute; bottom: 0; left: 0; width: 128px; height: 48px; line-height: 48px; text-align: center;}
.product-list-item .item-box .item-content .item-detail a{ background: #333; color:#fff; transition: all 0.35s; display: block; border-radius: 5px;}
.product-list-item .item-box .item-content .item-detail a:hover{background: #00a0e9;}
.solution-wrap{overflow: hidden; width: 100%; height: 640px; position: relative; text-align: center;}
.solution-wrap .grid-img{height: 100%; position: relative; background: url('../images/solution-bg.jpg') no-repeat; background-position: 50% 80%; background-size: cover;}
.solution-wrap .grid-img:before{content:''; display: block; height: 100%; background: rgba(0,0,0,.5);}
.solution-wrap .grid-content{position: absolute; top: 33.333%; width: 100%; color:#fff;}
.solution-wrap .grid-content .info h1{font-size: 36px; line-height: 72px;}
.solution-wrap .grid-content .info .text{line-height: 24px; padding: 20px 0 40px;}
.solution-wrap .grid-content a.link{width: 128px; height: 48px; line-height: 48px; background: #fff; border-radius: 24px; margin: 0 auto; color:#333; display: block; transition: all 0.35s;}
.solution-wrap .grid-content a.link:hover{background: #00a0e9; color:#fff;}
.solution-wrap .grid-content a.link span{margin:0 6px 0 0;}
.solution-wrap .grid-content a.link i.fa{line-height: 48px;}




.about-container{overflow: hidden; position: relative;}
.about-tabs{ margin:60px 0;overflow: hidden;}
.about-tabs-item{float: left; cursor: pointer; border-bottom: 2px solid transparent; transition: all .2s linear;}
.about-tabs-item:not(:last-of-type){margin: 0 5% 0 0;}
.about-tabs-item a{display: block; height: 32px; padding: 8px 10px; font-size: 24px; line-height: 28px; text-align: center; color: inherit;}
.about-tabs .is-active {color: #00a0e9; border-bottom-color: #00a0e9;}
.about-content{padding:40px 0;}
.about-content .info-list {color: #383838;}
.about-content .info-list h1{margin:0 0 20px;}
.about-content .info-list h3{margin:0 0 20px;}
.about-content .info-list p{font-size: 16px; line-height: 32px; padding:16px 0;}
.about-section{width: 100%; padding:100px 0; overflow: hidden;}

.about-section .section-title{text-align: center;}
.about-section .section-title h3{font-size: 42px; margin:32px 0;}
.about-section .section-title p{font-size: 18px;}
.about-patent{height:1000px; overflow: hidden; background: url('../images/about_glory.jpg') center top no-repeat; background-size: cover;}
.about-patent ul.honor-list{ margin:100px auto; overflow: hidden; width: 1200px; text-align: center;}
ul.honor-list li{font-size: 24px; letter-spacing: 4px; font-weight: 400; display: inline-block; margin:4px 2px; background: #00a0e9; color:#fff; padding:10px 16px;}
ul.text-en li{letter-spacing: 0;}
.about-patent .text-left{float: left; width:50%;}
.about-technology{}
.about-technology .smarthome{width:1200px; height: 500px; background-image: url('../images/tech_smarthome.jpg'); background-repeat: no-repeat; margin:100px auto;}
.about-logo{padding: 100px 0;}
.about-logo .logo{text-align: center;}
.about-logo .con{margin:100px auto 0; line-height: 48px;}
.about-logo .con h3{font-size: 24px;}
.about-logo .con p{font-size: 16px;}

.about-mission{margin:60px 0;}
.about-mission h1{margin:0 0 20px; font-size: 24px;}
.about-mission p{font-size: 16px; line-height: 32px; font-weight: 600;}

.team-content{ text-align: center; font-size:0px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-top: .8rem; margin-bottom: .48rem;}
.team-content .member{ display: inline-block; position: relative; /*width: 3.56rem; height: 4.48rem;*/ width: 474px; height: 560px; margin: 0.05rem 0.03rem; border-radius: 6px; overflow: hidden; background: no-repeat 50% 0/cover; background-color: #e2e2e2;}
.team-content .member .text{
    position: absolute;
    bottom: 0;
    width: 100%;
	font-size: 18px;
    padding-top: .16rem;
    padding-bottom: .24rem;
    color: #fff;
    text-align: center;
    background-image: -webkit-linear-gradient(transparent 5%,#585858);
    background-image: linear-gradient(transparent 5%,#585858);
}

.team-content .mc{overflow: hidden; font-size: 18px; margin:60px 0 0; text-align: left; line-height: 42px;}


.about-auth{height:800px; background-image: url('../images/brand_auth_query.jpg'); background-position: center; background-size: cover; position: relative;}
.about-auth:after{background:#000; opacity: 0.6; position: absolute; top:0; right: 0; bottom: 0; left: 0; content: '';}
.about-auth .wrap{position: relative; z-index: 1;}
.about-auth .section-title{color:#fff; text-align: left; margin:5em 0 8em;}
.about-auth .section-title span{font-size: 2.25em;}
.about-auth .section-title h3{font-size: 3.25em; margin:0;}
.authorization-main{color:#fff; text-align: center; margin:0 0 12em;}
.authorization-main .tip-query{font-size: 1.8em; margin:0 0 1.5em 0;}
.input-auth-code{display: flex; flex-wrap: wrap; align-items: stretch;width: 50%; margin:0 auto;}
.auth-code{flex: 1; height: 3.75em; line-height: 3.75em; border: none; padding:0 2em;}
.auth-search{display: flex; width: 5.75em; background: #fff; cursor: pointer;}
.auth-search i {color:#666; width:100%; font-size: 2em; position: relative; margin:0.1rem 0;}

.contact-section{width:100%; height: 680px; margin:0 auto;}
.about-map{overflow: hidden; position: relative; width: 100%;}
.map-container{position: relative; height: 480px;}
.mapSection{position: absolute; top:0; right:0; bottom:0; left:0;}
.contact-content{position: relative; height: 680px; padding:240px 0 0; color:#333; font-family:'DINOffcPro-CondMedium'; font-size: 20px;}
.contact-content:before{content:''; position: absolute; z-index: 0; left:0; right:0; top:0; bottom:0; background: url('../images/savekey_building.jpg?v=1') 50%/cover no-repeat;}
.contact-container{margin:120px 0 0;}
.about-panels{line-height: 2;}
.contact-main{width: 50%; position: relative; z-index: 100;}
.contact-content a{color:#fff;}
.contact-content p{overflow: hidden; letter-spacing: 0.01rem;}
.contact-content p span.left{margin-right: 20px; float: left;}
.contact-content p span.right{float: left; width: 80%;}
.contact-title{margin:0 0 48px 0;letter-spacing:1px;}
.contact-title h3{margin:0 0 32px 0; font-size: 24px;}
.contact-item{overflow: hidden; margin-bottom: 100px;}
.contact-item-content{overflow: hidden;}
.contact-item-content a{ color:#6f6d6b;}
.contact-item-title{font-weight: 600; margin-top: 36px; color:#6f6d6b;}
.contact-item-detail{font-size: 16px; color:#6f6d6b;}
.contact-item .left{float:left; width: 10%; margin-right: 20px;}
.contact-sub-title h4{font-size: 16px;}
.contact-sub-contact{display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 100px; color:#6f6d6b;}
.contact-item-left{float:left; width:50%;}
.contact-item-right{float:right; width:48%;}

.about-brand{margin:0 auto 60px;overflow:hidden}
.about-brand .title{float:left;width:32.9%;height:auto;margin-top:52px}
.about-brand .title .en{margin-top:21px;font-size:48px;line-height:50px;color:#2c2c2c;font-family:DINOffcPro-CondMedium;text-transform:uppercase}
.about-brand .title .cn{margin-top:21px;font-size:24px;line-height:36px;color:#2c2c2c}
.about-brand .con{width:38.2%;height:auto;text-align:justify;float:left;font-size:14px;line-height:24px;color:#666;opacity:.9;margin-top:100px}
.about-brand .time{width:14.8%;height:auto;float:right;margin-right:7.8%;text-align:center;font-family:ATB;margin-top:85px}
.about-brand .time .num{font-size:72px;line-height:74px;color:#adadad;font-family:DINOffcPro-CondMedium}
.about-brand .time .en{font-size:24px;line-height:26px;color:#2c2f30;text-transform:uppercase;margin-top:0;font-family:DINOffcPro-CondMedium}

.news-container{position: relative;}
.news-container .news-list{width: 100%; margin:60px auto 160px;}
.news-list .news-item{display: block; background-color: #fff; position: relative; overflow: hidden; border-radius: 6px; margin-top: 20px;}
.news-list .news-item img{width: 500px; height: 300px; float: left;} 
.news-list .news-item .news-content{display: block; padding: 45px 40px 45px 50px; overflow: hidden;}
.news-list .news-item .news-content h3{width: 100%; font-size: 22px; line-height: 40px; color: #000; margin-bottom: 20px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;}
.news-list .news-item .news-content p{font-size: 16px; line-height: 28px; color: #666; height: 88px; margin-bottom: 37px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-line-clamp: 3;}
.news-list .news-item .news-content em{font-style: normal;font-size: 16px; color: #999;}
.news-list .news-item .news-content em.data{margin:0 38px 0 4px;}
.news-list .news-item .news-content em.views{display: inline-block; font-weight: 400;}
.news-list .news-item .news-content em.views i{margin:4px 10px 0 0;}

.news-detail-container{margin:60px 0 100px;}
.news-detail-container .news-title{text-align: center; padding:120px 0 100px;}
.news-detail-container .news-title>h3{width:100%; line-height: 72px; font-size: 60px; display: inline-block;}
.news-detail-container .news-title>em{width:100%; display: inline-block; font-size: 20px; line-height: 24px; margin-top: 40px; vertical-align: middle; font-weight: 400; font-style: normal;}
.news-detail-container .news-content{padding:100px 0; background: #fff; border-radius: 10px;}
.news-detail-container .news-content .news{max-width: 1200px; margin:0 auto;}
.news-detail-container .news-content .news>p{font-size: 20px; line-height: 36px; color: #333; text-align: left; margin: 36px 0 0;}
.news-detail-container .news-content .news video{width: 100%;}
.news-detail-container .news-content .news>h4{font-size: 30px; line-height: 45px; color: #333; text-align: left; margin: 72px 0 0;}
.news-detail-container .news-content .news img{max-width: 960px;}


.sub-service-header{position: relative; height: 8rem;}
.sub-service-header-banner{}
.sub-header-banner-bg{position: absolute; top:0; right:0; bottom: 0; left:0; background: url('../images/service_install_bg.jpg') no-repeat; background-position: center; background-size: cover;}
.sub-service-header .sub-header-banner-content{position: relative; padding:3rem 0 0; text-align: center; color: #fff;}
.service-index-container{width:100%; position: relative; overflow: hidden;}
.service-index-title{padding:140px 0 100px; text-align: center; color:#333;}
.service-index-title h1{font-size: 46px; line-height: 60px;}
.service-index-title p{line-height: 28px; margin:40px 0 0; font-size: 18px;}

.sub-service-header{overflow: inherit;}
.service-case-container{position: relative; width:12rem; margin: 0 auto 80px; overflow: hidden;}
.service-case-item{position:relative; float: left; width:calc(50% - 10px); height: 300px; background: #fff;margin-bottom:10px; overflow: hidden; border-radius: 6px;}
.service-case-item:nth-child(odd){margin-right: 5px;}
.service-case-item:nth-child(even){margin-left: 5px;}
.service-case-item .img{width: 100%; overflow: hidden;}
.service-case-item:hover img{transform: scale(1.1);}
.service-case-item .img img{width: 100%; transition: all 0.3s ease;}
.service-case-item .title{position: absolute; bottom:0; background: rgba(0,0,0,0.6); width: 100%;}
.service-case-item .title span{font-size: 18px; font-weight: 600; width:100%; text-align: center; line-height: 40px; display: block; color:#fff;}




ul.promise{margin:60px auto 160px; overflow: hidden; display: table; text-align: center;}
ul.promise li{ height: 100px; float: left; font-size: 18px; font-weight: 500; margin:0 40px;}
ul.promise li span{height:100px; display: table-cell; vertical-align:middle;}
ul.promise li:before{content:''; float: left; background-image: url('../images/icon_service_promise.png'); width: 96px; height: 100px; display: inline-block; margin:0 20px 0 0;}
ul.promise .pro1:before{background-position: 0 0;}
ul.promise .pro2:before{background-position: 0 -100px;}
ul.promise .pro3:before{background-position: 0 -200px;}
ul.promise .pro4:before{background-position: 0 -300px;}


.app-index-title{background: #eff0f3;overflow: hidden;}
.app-section-download{position: relative; height: 100%;}
.app-mobile-bg{background: url('../images/app_mobile_bg.png') right 180px/auto 800px no-repeat;}
.app-mobile-bg.global{background-image: url('../images/app_mobile_en_bg.png');}
.app-section-info{width:640px; padding:240px 0; text-align: center; position:relative}
.default-link-style .title{color: #3B3E40; font-size: 32px; line-height: 48px; font-weight: 600;}
.default-link-style .subtitle{color: #3B3E40; font-size: 14px; line-height: 24px;}
.app-section-info .app-type{margin:20px 0 0;}
.app-section-info .app-type a{display: inline-block;}
.app-section-info .app-type a:not(:first-child){margin:0 0 0 10px;}
.qr-code-container{margin-left:10px; position: relative; display: inline-block; height: 50px;}
.qr-code-container .qrcode_scan{ position: absolute; top:100%; left:0; width: 200px; height: 200px;padding:10px; background: #fff; border-radius: 10px; box-shadow: 0 2px 4px rgba(0,0,0,.2); display: none;}
.qr-code-container .qrcode_scan img{width: 100%;}

.service-download-container{position: relative; width:12rem; margin: 0 auto 80px; display: flex;}
.service-download-item{flex: 1; text-align: center; background:#fff; border-radius: 6px;}
.service-download-item:hover .down:before{transform: scale(1.3);}
.service-download-item:nth-child(2){margin:0 0.2rem;}
.service-download-item .down:before{content:''; width: 64px; height: 64px; display:	block; margin: 0 auto 30px; background-size: cover; background-repeat: no-repeat; transition: all 0.3s ease;}
.service-download-item a{display: block; padding:60px 30px; font-size: 16px;}
.service-download-item .download-app:before{background-image: url('../images/icon_service_app.png');}
.service-download-item .download-file:before{background-image: url('../images/icon_service_file.png');}
.service-download-item .download-video:before{background-image: url('../images/icon_service_video.png');}

.support-file-type, .support-file-list{padding:20px 30px 20px;}
.support-file-type ul{font-size: 0.2rem; }
.support-file-type ul li{display: inline-block; float: left; margin:10px;padding:4px 6px; border: 1px solid #fff;}
.support-file-type .typeNavHover{border: 1px solid #00a0e9; background: #f8f8f8;}

.reader-index-title{overflow: hidden;}
.file-title-left{}
.file-title-right{justify-content: flex-end;}
.file-title{display: flex; justify-content: space-between; padding:60px 0 20px;  overflow: hidden;}
.file-title h3{line-height: 2; font-size: 28px; margin: 0 0 10px 0;}
.file-info span{margin:0 30px 0 0;}
.file-title-right .file-btn-download{margin:26px 0 0;}
.pdf-container{height: 960px; margin-bottom:20px!important; background: #fff!important;}

.py_all_contain{position: relative; top: 0; left: 0; right: 0; bottom: 0; height: 100%; display: flex; flex-direction: column;}
.pdf-content{ flex-grow: 1; flex-shrink: 1; flex-basis: 0; overflow: auto;}
.content_iframe{ margin: 0 3%; width: 94%; height: 100%;}
.foot-download{display: none;}
.btn-all{display: flex; align-items: center; justify-content: center; margin: 20px 0;}
.btn-all button{margin:0 10px; border:1px solid #c8c8c8; padding: 8px 12px; background: #fff; border-radius: 8px; font-size: 16px; color:#535353; cursor: pointer;}
#the-canvas{border-bottom: 1px solid #b8b8b8; margin:0 0 10px;}
.foot-bottom{display: none;}

.select-install{position:relative;width:50%; height:48px; margin:36px auto; cursor:pointer;}
.select-install:after{content:"";position:absolute;top:50%;right:10px;margin-top:-2px;border-top:5px solid #333;border-right:5px solid transparent;border-left:5px solid transparent;}
.select-install .select_text{padding:0 20px 0 10px;height:48px;line-height:48px; border:1px solid #eee; background: #fff; color:#333;}
.select_ul{display:none; position:absolute; z-index: 10; top:46px; width:100% ;max-height: 260px; border:1px solid #D4D4D4; border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:#fff; color:#333;}
.select_ul li{line-height:48px;text-indent:10px;}
.select_ul li:hover{color:#fff;background:#00a0e9;}
.select_ul li.cur{color:#fff;background:#585858;}



.teach-index-title{background: #00a0e9; min-height: 360px; padding:100px 0 80px; align-items: center; justify-content: center; flex-direction: column; display: flex;}
.teach-index-title h1{color: #fff; font-size: 0.6rem; letter-spacing: 0.04rem; text-shadow:0px 5px 10px rgb(0 0 0 / 10%);}
.teach-search-form{margin-top:40px; margin-bottom: 20px; width: 50%; flex:0 0 50%;}
.teach-search-form .search-input{border-radius: 24px; background: #fff; display: flex; flex-wrap: wrap; align-items: stretch; width:100%;}
.teach-search-form .search-input input{background: transparent; outline: none; border:0!important;  font-size: 18px;}
.teach-search-form .search-input .form-control{position: relative; flex: 1 1 0%; display: block; width:100%; padding:0 24px 0; border-radius: 24px 0 0 24px;}
.teach-search-form .input-group-append{margin-left: -1px; display: flex;}
.teach-search-form .search-input .input-group-append>.search-input-txt{ cursor: pointer; margin:8px 0; padding-left:40px; padding-right:40px; color: #00a0e9; border-left: 1px solid #00a0e9!important;}

.teach-index-container{position: relative; margin-top:0.8rem!important; margin-bottom:0.8rem!important;overflow: hidden; min-height: 640px;}
.card-nav{padding:20px!important; width: 300px; float: left; text-align: right; border: 1px solid #f2f2f2; transition: all .2s linear;}
.card-nav h3{line-height: 2.4; margin-bottom: 20px; border-bottom: 1px solid #f2f2f2;}
.card-nav ul li{line-height: 2.8; font-size: 16px; font-weight: 500;}
.card-nav ul li a{transition: all .2s linear;}
.card-nav ul li a:hover, .ttnavHover{color:#00a0e9;}
.card-body.center{margin-left:auto; margin-right:auto; max-width: 1200px;}
.card-body .no-content{text-align: center; font-size: 24px; padding:20px 0;}
.card-body{padding:40px; margin-left: auto; overflow: hidden; max-width: 1120px; border: 1px solid #f2f2f2; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; word-wrap: break-word;	}
.card-body ul{overflow: hidden;}
.list-column{background-color: #fff; border-left: 3px solid transparent; border-right: 3px solid transparent; transition: border-left-color 0.25s, background-color 0.25s; position: relative;}
.list-column:hover{border-left-color: var(--theme-color, #00a0e9); background-color: #fafafa;}
.v-main, .f-main{padding:24px 13px; overflow: hidden; cursor: pointer;}
.v-main::after, .f-main::after{content: ''; display: block; border-bottom: 1px solid #e6e6e6; margin: 0 15px; margin-bottom: -21px;}
.v-main .text-title h3{padding:0 15px; margin-bottom: 10px; font-size: 0.28rem;}
.v-main .text-title i{vertical-align: baseline; margin-right: 8px;}
.v-main .text-title-sub{margin-bottom: 32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all;}
.v-main p{padding:0 15px; color: #666; font-size: 0.16rem;}
.text-other-times{line-height: 2em;padding: 5px 0;}
.v-main .article-views{margin-left:20px;}
.v-main .article-views i{vertical-align: baseline; margin-right: 8px;}
.file-item{margin:0 0 10px;}


.file-download-item{margin: 20px 0 0 0;border-bottom: 1px solid #dedede;padding-bottom: 20px;overflow: auto;zoom: 1;}
.file-list-left{float: left;}
.file-list-left .text-title{font-size: 18px;padding-bottom: 10px;font-weight: normal;}
.file-list-left .text-title h3{font-weight: 500;}
.file-list-left .text-title-sub{line-height: 26px;font-size: 14px;}
.file-list-right{float: right;}
.file-list-right a, .file-btn-download a{display: block;width: 126px;text-align: center;height: 36px;line-height: 36px;background: #4bba38;color: #fff;margin-bottom: 8px;}


.agent-index-title{background: #00a0e9; min-height: 360px; padding:100px 0; align-items: center; justify-content: center; flex-direction: column; display: flex; position: relative;}
.agent-index-title h1{position: relative; text-align: center; color: rgba(255,255,255,0.16); font-size: 120px; line-height: 100px; letter-spacing: 0.04rem;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.agent-index-title h3{position: relative; z-index: 10; font-size: 56px; color:#fff; padding-top:30px;}
.agent-index-container{display: flex; background: #fff; margin:60px auto; padding:60px; border-radius: 10px; overflow: hidden;}
.agent-index-container .pic, .agent-index-container .agent{flex:1;}
.agent-index-container .pic img{width:100%;}
.agent-index-container .agent{margin:100px 0 0 60px; line-height: 68px; font-size: 18px; color:#262626; font-weight: 500;}
.agent-index-container .agent .txt>span{margin-right:0.3rem; color:#666;}
.agent-index-container .agent .txt>p{display: inline-block;}
.agentId{margin:0.4rem 0 0;}
.agentId>span{margin-right: 0.3rem; color:#666;}
.agent .valid{color:#00a0e9;}
.agent .invalid{color:#f00;}



.partner-index-title{background: #00a0e9; min-height: 280px; padding:100px 0; position: relative;}
.partner-container{color: #fff;}
.partner-container h1{font-size: 32px; padding: 16px 24px;}
.partner-container h1:after{}
.partner-container p{font-size: 18px; padding: 0 24px;}
.partner-item-content{padding:4% 0 0;}
.partner-contact{text-align: center; padding:20px 0;}
.partner-contact .partner-contact-title{font-size: 32px; font-weight: 600;}
.partner-contact-us{padding:0;}
.partner-txt{padding:10px 24px;}
.partner-list{box-sizing: border-box; position: relative; color:#585858;}
.partner-list .list-top-item{flex: 0 0 30.8%; text-align: center;}

.partner-list .list-top-item .top-icon{overflow: hidden;}
.partner-list .list-top-item .top-icon:after{content: ""; width:32px; height: 32px; display: block;margin:0 auto; background-repeat: no-repeat; background-size: cover; background-position: 50%;}
.top-icon.tel:after{background-image: url('../images/icon_tel.png');}
.top-icon.mob:after{background-image: url('../images/icon_mob.png');}
.top-icon.web:after{background-image: url('../images/icon_web.png');}
.partner-list .list-top-item .top-h3{font-size: 18px; font-weight: 600; margin:14px 0; line-height: 1.4;}
.partner-list .list-top-item .top-detail{font-size: 16px; line-height: 28px;}
.partner-list .list-top-item:nth-child(2) {flex: 0 0 38%; position: relative;}
.partner-list .list-top-item:nth-child(2):before, .partner-list .list-top-item:nth-child(2):after{content: ""; display: block; width: 1px; height: 80px; top: 50%; background: #e6e6e6; position: absolute;}
.partner-list .list-top-item:nth-child(2):before, .partner-list .list-top-item:nth-child(2):after{transform: translateY(-50%);}
.partner-list .list-top-item:nth-child(2):after{right: 0;}
.partner-map{background: #fff; margin:80px 0 0; font-size: 16px; padding: 60px 40px; border-radius: 10px;}
.partner-map h3{line-height: 2; margin-bottom: 14px;}
.partner-map h3:before{content:""; display:inline-block; background: url('../images/map-icon2.png') 50%/cover no-repeat; width:24px; height: 24px; vertical-align: middle; margin-right:14px;}
.partner-map p{line-height: 1.6;}


.network-container{position: relative;}
.network-container .network-list{width: 100%; margin:60px auto 160px; column-count: 3; column-gap: 2em;}
.network-list .network-item{background-color: #fff; position: relative; border-radius: 6px; break-inside: avoid; padding:20px; margin-bottom: 20px; background:#f8f8f8;}
.network-item .content{margin:0 0 10px; padding: 10px 0; border-bottom: 1px solid #e2e2e2;}
.network-info-others{display: flex; padding: 0 0 6px;}
.network-info-title{font-weight: 600; width: 4em; margin: 0 6px 0 0;}
.network-info-con{flex: 1;}
.network-item .website{text-align: right;}

@keyframes rotate {
	0% {
		transform: translateY(0);
	}
	25% {
		transform: translateY(10px);
	}
	50% {
		transform: translateY(15px);
	}
	75% {
	    transform: translateY(10px);
	}
	100% {
		transform: translateY(0);
	}
}

@media (max-width:1448px){

	.wrap{width: auto; margin: 0 auto;}

}



@media (max-width:860px){
	
	.wrap{}
	
	.header-container{ width: 100%; padding: 0; text-align: center; height: 55px; -webkit-transition: background 1s ease; -moz-transition: background 1s ease; -o-transition: background 1s ease; transition: background 1s ease; border-bottom: 1px solid; border-bottom-color: #E61A1A1A;  border-bottom-color: rgba(26,26,26,.9);}
	.header-container .shrink{padding: 0; position:absolute; top:0; right:0;}
	.h-nav-link, .h-nav-search{display: none;}
	.header-container .h-logo{text-align: center;float: none; width: 163px; height:26px; margin:15px auto!important; display: block; background-size: auto 100%; z-index: 100; position: relative;}
	.h-logo a{height: 100%; line-height: normal;}
	.gb-h-menu{display: inline-block;}
	.gb-h-menu span.menu-top{top:19px;}
	.gb-h-menu span.menu-middle{top:27px;}
	.gb-h-menu span.menu-bottom{top:35px;}
	.gb-h-menu span {
		position: absolute;
		width: 19px;
		height: 1px;
		left: 50%;
		margin-left: -10px;
		background-color: #fff;
		-webkit-transition: opacity .2s,-webkit-transform .4s ease-out;
		transition: opacity .2s,-webkit-transform .4s ease-out;
		-moz-transition: transform .4s ease-out,opacity .2s,-moz-transform .4s ease-out;
		-o-transition: transform .4s ease-out,opacity .2s,-o-transform .4s ease-out;
		transition: transform .4s ease-out,opacity .2s;
		transition: transform .4s ease-out,opacity .2s,-webkit-transform .4s ease-out,-moz-transform .4s ease-out,-o-transform .4s ease-out;
		transition: transform .4s ease-out,opacity .2s,-webkit-transform .4s ease-out;
	}
	.openMenu{}
	.openMenu .gb-h-menu span.menu-top{-webkit-transform: translate3d(0,8px,0) rotate(45deg); -moz-transform: translate3d(0,8px,0) rotate(45deg); transform: translate3d(0,8px,0) rotate(45deg);}
	.openMenu .gb-h-menu span.menu-middle{opacity: 0; -webkit-transform: translate3d(-20px,0,0); -moz-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0);}
	.openMenu .gb-h-menu span.menu-bottom{-webkit-transform: translate3d(0,-8px,0) rotate(-45deg); -moz-transform: translate3d(0,-8px,0) rotate(-45deg); transform: translate3d(0,-8px,0) rotate(-45deg);}
	.nav-icon-fixed, .savekey-lang-link, .nav-right-icon{height:54px;}
	.savekey-lang-link{right:0;}
	#widget-lang-choose .modal-lang-box{width: 90vw;}
	#widget-lang-choose .modal-lang-box ul{width:100%; height:60vh; overflow-y:auto;}
	#widget-lang-choose .modal-lang-box .modal-lang-title{font-size:.18rem;}
	#widget-lang-choose .modal-lang-box .modal-lang-body{padding:.1rem;}
	#widget-lang-choose .modal-lang-box ul li{width:100%; border-bottom:1px solid #f2f2f2;}

	.home-banner{height: 2.8rem;}
	.home-banner .banner-swiper-container{height: 100%;}
	.home-banner .swiper-slide .swiper-bg{transform: scale(1); filter: blur(0);}
	.home-banner .banner-slide-image{}
	.home-banner .swiper-slide .layout-main{height: 100%;}
	.home-banner .swiper-slide .layout-main img{width: 100%; height: 100%; display: none;}

	.h-nav-link{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		overflow: hidden;
		float: none;
		display: block;
		margin:54px 0 0;
		padding: 0;
		background: #000;
		-webkit-transition: height .4s ease;
		-moz-transition: height .4s ease;
		-o-transition: height .4s ease;
		transition: height .4s ease;
	}

	.openMenu .h-nav-link{
		height: -webkit-calc(100vh - 54px);
		height: -moz-calc(100vh - 54px);
		height: calc(100vh - 54px);
		overflow-x: hidden;
		overflow-y: auto;
		visibility: visible;
		opacity: 1;
		z-index: 9999;
	}

	.h-nav-link div.active:after{height: 0;}
	.h-nav-list{
		height: auto;
		display: block;
		position: relative;
		padding: 0 40px 40px 40px;
		padding-top: 15px;
	}
	.nav-item{
		float: none;
		margin:0;
		min-height: 54px;
		line-height: 56px;
		height: auto;
		display: block;
		text-align: left;
		border-bottom: 1px #262626 solid;
	}
	.nav-item a{
		padding:0;
	}
	
	.top-title-box .product-name{float: none; background: #f7f7f7;}
	.top-title-box{height: auto; display: table;}
	.top-title-box .tab-control{float: left; margin:0;}
	.top-title-box .btn-model{margin:0.28rem 0.2rem;}
	.top-title-box .tab-control a{margin:0 0 0 0.2rem; line-height: 1rem;}
	
	
	.bleed-wrap{padding:0.5rem 0 0;}
	.section-merchandizing{height: auto;}
	.showcase-card-tab-inner-container{left:0; margin:0 0.2rem; width: auto; display: block; overflow: hidden;}
	.showcase-card-tab-card.large{width: 100%; padding:0;clear: both;}
	.showcase-card-tab-card.large .image-wrap{padding:0.6rem 0.4rem 0.8rem; text-align: center;}
	.showcase-card-tab-card.large .image-wrap img{}
	.showcase-card-tab-card.large .text-wrap{bottom:0.28rem;}
	.showcase-card-tab-card.product-small{width:100%; padding:0; margin: 0.2rem 0 0;}
	.showcase-card-tab-card.product-small .image-wrap{padding:0.6rem 0.4rem; text-align: center;}
	.text-wrap{bottom: 0.14rem; line-height: 36px;}
	.more-wrap{display: none;}
	.poster{display: block; margin:0 0 0.1rem;}
	.poster-item{border-radius: 0; margin:0 0 0.2rem; background-size: cover!important; background-position: 100% top; }
	.poster .content{top:0.8rem; left: 0.2rem; right:0.2rem; width: auto; text-align: center; background: rgba(0,0,0,0.4); color:#fff;}
	.poster .content h1{font-size: 0.32rem; margin:0.2rem 0;}
	.poster .content p{margin:0.2rem 0;}
	.poster-product{display: none;}
	
	.section-index{padding:0;}
	.home-video-wrap .contents-container{display: none;}
	.home-video-wrap .video-container{width:100%; height: auto;}
	.home-video-wrap .swiper-container .swiper-slide{width:100%; height: auto; margin:0;}
	.home-video-wrap .swiper-container .swiper-slide img{width: 100%;}
	.home-video-wrap .swiper-pagination-box{bottom:0;}
	.home-solutioin {height: auto; overflow: inherit;}
	.home-solutioin{display: none;}
	.i-solution{width: 100%; height: 3rem;}
	.i-solution h2{font-size: 18px; left:0; right:0; -webkit-transform:none; -ms-transform:none; -o-transform:none; transform: none;}
	.home-solutioin-content{background: transparent;}
	.section-index .text-center{margin:1rem 0; padding:0;}
	.section-index .text-center h1{font-size: 18px;}
	.section-index .text-center p{font-size: 14px; padding:0 0.2rem;}
	.section-global .global-main{display: none;}
	.amount-content{margin:0 0.4rem 1rem;}
	.amount-content .amount-item{width: 100%; margin:0.4rem 0 0;}
	.hotline, .f-contact, .f-nav-more, .f-remark{display: none;}
	.foot-contact-list{margin:0; float: none; width: auto;}
	.f-logo img{margin: 0 auto;}
	.footer-container{padding:0.6rem 0.4rem; text-align: center;}
	.footer-content-wrap .copyright{height:auto; margin:0; border:none; line-height: inherit;}
	
	/** Sub-Page **/
	.sub-banner-wrap{width:100%; height: auto;}
	.sub-header-banner{height: 3rem;}
	.sub-header-banner-content{padding:1.2rem 0.2rem 0;}
	.sub-header-banner-content h1{font-size: 18px; line-height: 0.6rem;}
	
	/** about **/
	.about-brand{margin:0 0.2rem;}
	.about-brand .title{width:100%; margin-top:0.28rem;}
	.about-brand .con{display: none;}
	.about-brand .time{width:100%; margin:0.4rem 0;}
	.about-content .info-list, .about-mission{margin:0 0.2rem; word-spacing:2px; text-align: justify;}
	.about-mission{margin-bottom: 0.4rem;}
	.about-mission h1, .about-logo .con h3{font-size: 1.5em;}
	.about-content{padding:0.4rem 0;}
	.about-section{margin:0; padding:0.4rem 0.2rem;}
	.about-technology{background: #f7f7f7; position: relative;}
	.about-section .section-title h3{font-size: 24px; margin:0.2rem 0;}
	.about-technology .smarthome{display: none;}
	.about-patent{height: auto;}
	.about-logo .con{margin:0.6rem auto 0;}
	.about-logo .logo{margin:1rem 0 0.2rem;}
	.about-logo .logo img{width: 100%;}
	.about-patent ul.honor-list{width: auto;}
	ul.honor-list li{font-size: 0.16rem;}
	.team-content .member{width:100%; height:4.6rem; margin:0.1rem 0;}
	.about-auth{height: 8rem;}
	.section-title h3{text-align: center;}
	.input-auth-code{width: 100%;}
	.auth-search i{margin:0.16rem 0;}
	
	
	
	/** contact **/
	.contact-content{width:100%; padding:0; background-size: auto 3.2rem; background-position: 60% 0%; height: auto;}
	.contact-content:before{content:''; height: 4rem; background: none;}
	.contact-main{width:auto; text-align: center; float: none; background-color: #00a0e9; padding:0.6rem 0.4rem; color:#fff;}
	.contact-section{height: auto;}
	.map-container{position: relative; height: 4.8rem;}
	.mapSection{width: 100%; position: relative; height: 100%;}
	.contact-container{margin:0.4rem 0 0;}
	.contact-title{margin:0; padding:0.6rem 0;}
	.contact-title h1{font-size: 18px;}
	.contact-title h3{font-size: 16px;}
	.contact-main p{font-size: 16px;}
	.contact-content p span.left{display: none;}
	.contact-content p span.right{width: 100%;}
	.contact-item{margin:0.6rem 0.2rem 0.4rem;}
	.contact-section{margin:0 auto 0.28rem;}
	.contact-item-left, .contact-item-right{width:100%; float: none;}
	.contact-item-title{margin:0.2rem 0 0;}
	
	/** news **/
	.news-container .news-list{margin:0;}
	.news-list .news-item{margin:0.2rem;}
	.news-list .news-item img{width:100%; height: auto;}
	.news-detail-container{margin:0.4rem 0 0.6rem;}
	.news-detail-container .news-title{padding:0.6rem 0.4rem 0.5rem;}
	.news-detail-container .news-title>h3{line-height: 0.6rem; font-size: 24px;}
	.news-detail-container .news-title>em{font-size: 16px; margin:0.2rem 0 0;}
	.news-detail-container .news-content{padding:0.4rem 0; margin:0 0.2rem;}
	.news-detail-container .news-content .news>p{font-size: 16px; line-height: 0.3rem; margin:0.2rem; text-align: justify;}
	.news-detail-container .news-content .news div[data-w-e-type="video"]{ margin:0.2rem;}
	.news-detail-container .news-content .news video{}
	.news-detail-container .news-content .news img{width:100%;}
	
	/** products **/
	.sub-header-banner-content p{font-size: 14px; line-height: 0.24rem;}
	.product-type-wrap{width:100%; height: auto;}
	.product-type-nav.warp{width:100%;}
	.product-type-nav ul.type-nav{display: table;}
	.product-type-nav ul.type-nav li{float:left; width:33.33333%; border:none;}
	
	.product-type-nav ul.type-nav li.cur .type-nav-item{display: table;}
	.product-type-nav ul.type-nav li.cur .type-nav-item:before{display: none;}
	.product-type-nav ul.type-nav li:hover{box-shadow: none;}
	.product-type-nav ul.type-nav li a{padding:0.2rem 0;}
	.product-type-nav ul.type-nav .type-nav-item{display: table; margin:0 auto;}
	.product-type-nav ul.type-nav .icon{margin:0.02rem auto;}
	.product-list-wrap{padding:0.2rem 0;}
	.product-list-item{width:100%;}
	.product-list-item .item-box{padding:0.28rem;}
	.product-list-item .item-box .item-img{line-height: 2.8rem;}
	.product-list-item .item-box .item-img, .product-list-item .item-box .item-content{height:2.8rem;}
	.product-list-item .item-box .item-img img{width:100%;}
	.product-list-item .item-box .item-content h1 span{display:none;}
	.product-list-item .item-box .item-content .fun{margin:0.28rem 0 0;}
	.solution-wrap{height: 6.4rem;}
	
	
	
	/** service **/
	.service-index-container{overflow: inherit; display: table; height: auto;}
	.sub-service-header .sub-header-banner-content{padding:0.8rem 0 0;}
	.service-index-title{padding:0.64rem 0;}
	.service-index-title h1{font-size: 0.32rem;}
	.service-case-container{margin:0 0.2rem 0.4rem; width:auto;}
	.service-case-item:nth-child(odd), .service-case-item:nth-child(even){margin:0;}
	.service-case-container .service-case-item{width:auto; height: auto; margin:0 0 0.2rem 0;}
	.service-download-container{width: 100%; display: block; margin:0 0 0.4rem;}
	.service-download-container .service-download-item{flex: none; margin:0 0.2rem 0.2rem;}
	.service-download-item a{padding:0.64rem 0.32rem}
	.service-index-title p{margin:0.4rem 0.2rem; text-align: justify;}
	.service-index-container ul.promise li{width: 50%; height: auto; float: left; text-align: center;}
	.service-index-container ul.promise li:before{width:1rem; height: 1rem; background-size: cover; float: none; margin:0;}
	.service-index-container ul.promise li span{display: block;}
	.service-index-container ul.promise .pro1:before{background-position: 0 0;}
	.service-index-container ul.promise .pro2:before{background-position: 0 -1.05rem;}
	.service-index-container ul.promise .pro3:before{background-position: 0 -2.1rem;}
	.service-index-container ul.promise .pro4:before{background-position: 0 -3.15rem;}
	
	
	.app-section-info{width: 100%; padding:16em 0 24em;}
	.qr-code-container{display: none;}
	.app-mobile-bg{background-position: center 54vh; background-size: auto 60%;}
	
	.reader-index-title{padding:0 0 0.375rem}
	.file-title{align-items: center; justify-content: center; padding: 0.45rem 0 0;}
	.file-title h3{text-align: center; font-size: 0.22rem;}
	.file-info span:last-child {margin:0;}
	.file-title-left{float: none;}
	#pdfjs-html{display: none;}
	.pdf-container{margin-bottom: .15rem!important; position: relative; height: 62vh;}
	.py_all_contain{position: relative; top: 0; left: 0; right: 0; bottom: 0; height: 100%; display: flex; flex-direction: column;}
	.pdf-content{ flex-grow: 1; flex-shrink: 1; flex-basis: 0; overflow: auto;}
	.content_iframe{ margin-left: 4.267vw; width: 91.467vw; height: 100%;}
	.content_iframe_content{}
	.file-title-right{display: none;}
	.reader-index-title .file-btn-download{position: sticky; margin:0;}
	
	.foot-download{position: fixed; bottom: 0; width: 100vw; height: 7.4vh; display: block;}
	.download-doc{ width: 100vw; height: 7.4vh; font-family: PingFangSC-Semibold; font-size: 0.178rem; background: #00a0e9; color: #fff; display: flex; justify-content: center; align-items: center;}
	.file-btn-download a{width:100%; line-height: 7.4vh; margin:0;}
	
	
	.reader-container .footer-container{display: none;}
	.guide-2021 .thumbnail img{width:90%; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); border-radius: 2%;} 
	
	/** product -> paramer **/
	.param-pic, .param-content{width:100%; height: auto;}
	.param-pic .pics img {width:100%; height: auto;}
	.scroll-bar{display: none;}
	
	
	/* agent */
	.agent-index-title{min-height: 0.36rem; padding:0.4rem 0;}
	.agent-index-title h1{font-size: 0.48rem; line-height: 0.54rem;}
	.agent-index-title h3{font-size: 0.28rem; padding-top:0.2rem;}
	.agent-index-container{ flex-flow: column; padding:0.2rem;}
	.agent-index-container .agentId{margin:0;}
	.agent-index-container .agent{margin:auto; padding:0.2rem; font-size: 0.18rem; line-height: 0.68rem;}
	.agent-index-container .agent .txt{display: flex;}
	.agent-index-container .agent .txt>p{flex:1; text-align: justify;}
	
	
	/* teach */
	.teach-index-title{min-height: 3.8rem; padding: 1rem 0 0.8rem;}
	.teach-index-title h1{font-size: 0.3rem;}
	.teach-search-form{width:90%;}
	.teach-search-form .search-input{border-radius: 0.24rem;}
	.teach-search-form .search-input .form-control{padding: 0 0.24rem 0; border-radius: 0.24rem 0 0 0.24rem;}
	.teach-search-form .search-input .input-group-append>.search-input-txt{margin: 0.08rem 0; padding-left: 0.4rem; padding-right: 0.4rem;}
	.teach-index-container{margin-top: 0!important; margin-bottom: 0.2rem!important;}
	.card-nav{width:100%; top:0!important; padding:0.1rem!important; text-align: center; z-index: 10;}
	.card-nav h3{display: none;}
	
	.video-mian{width:90%;}
	.v-main{padding: 0.4rem 0 0.2rem;}
	.v-main::after{margin-bottom: -0.2rem;}
	ul.card-nav-find{white-space:nowrap; position:relative;font-size: 0;}
	/*ul.card-nav-find::-web-scrollbar{display:none;}*/
	ul.card-nav-find li{display: inline-block; padding: 0; margin: 0 auto;}
	ul.card-nav-find li a{line-height: 0.48rem; display: block; width: 100%; height: 100%; text-align: center;}
	.card-body{margin-top:0.8rem;padding:0.2rem;}
	.card-body .file-list-left{float: initial;}
	.card-body .file-list-right{float: left;}
	
}


@media (max-width:567px){
	/*.home-banner{height: 500px;}*/
	.home-banner .swiper-container{height: 100%;}
	/*
	.home-banner .swiper-slide{width: 100%; height: 100%;}
	*/
}