body,
html {
	font-size: 16px !important;
	font-family: "Microsoft YaHei", "Times New Roman", Times, serif !important;
	background-color: #f5f5f5 !important;
	margin: 0;
	padding-top: constant(safe-area-inset-top);

}

a {
	text-decoration: none !important;
}

li {
	list-style: none;
}

ul {
	margin: 0;
	padding: 0;
}

header {
	padding: 10px 0;
	background-color: #fff;
}

h3 {
	font-size: 3.75rem !important;
	margin-bottom: 0;
}

h5 {
	font-size: 1.875rem !important;
	margin-bottom: 0;
}

p {
	font-size: 1.125rem;
}

.clearfix {
	clear: both;
}

.logo {
	float: left;
}

#Viola {
	float: right;
}


/** 20240326 **/

.order-1 {
	order: 1 !important;
}

.order-2 {
	order: 2 !important;
}

.load_ba_img {
	background-image: url(../image/load_ba_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 350px;
    padding: 30px 0;
}

.load_box {
	padding: 20px 0;
}

.load_box .title h5 , .load_box .title p {
	color: #fff !important;
	text-align: center;
}

.load_text {
	color: #fff;
	font-size: 16px;
}

.load_balance {
	padding: 0;
}

.load_box .row {
	margin-top: 30px;
}

.load_left {
	color: #fff;
}

.load_left ul li i {
	color: #03af60;
    padding-right: 5px;
}


.load_left ul li {
	font-size: 1rem;
    color: #fff;
    line-height: 24px;
    margin: 20px 0;
}

.load_flex {
	display: flex;
}

.load_left , .load_right {
	align-items: stretch !important;
	justify-content: center !important;
	flex-direction: column !important;
	display: flex !important;
}

.payment_box,.monitoring_box,.kiosk_box {
	display: flex;
}

.monitoring_text .title , .payment_text .title , .kiosk_text .title {
	text-align: left;
}

.monitoring_text ul li i , .payment_text ul li i , .kiosk_text ul li i{
	color: #03af60;
    padding-right: 5px;
}

.monitoring_text ul li , .payment_text ul li , .kiosk_text ul li{
	font-size: 1rem;
    line-height: 24px;
    margin: 10px 0;
}

.monitoring_text, .payment_text, .kiosk_text {
	padding: 15rem;
	padding-top: 60px;
	padding-bottom: 60px
}

.monitoring_bg {
	background-image: url(../image/man_system_2.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.payment_bg {
	background-image: url(../image/payment_bg.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.kiosk_bg {
	background-image: url(../image/kiosk_bg.jpg);
	background-position: center;
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: cover;
}

.align_flex {
	align-items: stretch !important;
	justify-content: center !important;
	flex-direction: column !important;
	display: flex !important;
}


.ev_system_banner {
	background-image: url(../image/ev_system_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	min-height: 700px;
	background-size: cover;
	overflow-y: hidden;
	position: relative;
}

.ev_banner_font .container {
	position: relative;
	min-height: 700px;
}

.ev_banner_font {
	padding-top: 7%;
}

.ev_banner_font h3 {
	color: #282828;
	text-align: center;
}

.ev_banner_font h5 {
	color: #fff;
	font-size: 36px;
	background-color: #3678CF;
	width: fit-content;
	margin: 0 auto;
	text-align: center;
	padding: 5px 10px;
}

.ev_banner_line {
	width: 60px;
	height: 6px;
	background-color: #3678CF;
	margin: 15px auto 25px auto;
}

.ev_banner_img {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 40px;
}

.ev_content {
	position: absolute;
	top: 40%;
	left: 5%;
	font-size: 32px;
}
.ev_img_group {
	position: absolute;
	top: 25%;
	right: 12%;
}

.ev_img_group img {
	width: 80px;
	display: inline-block;
}

.ev_img_group span {
	color: #282828;
	font-size: 24px;
	padding-left: 15px;
	vertical-align: middle;
	letter-spacing: 0.2px;
}

.ev_img_group .ele:nth-child(1) span {
	font-size: 24px;
	vertical-align: middle;
	letter-spacing: 0.2px;
	margin-left: -8px;
    background-color: #FE7901;
    padding: 7px 20px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #fff;
    padding-left: 15px;
    display: inline-block;
    width: 230px;
}

.ev_img_group .ele:nth-child(2) span {
	font-size: 24px;
	vertical-align: middle;
	letter-spacing: 0.2px;
	margin-left: -8px;
    background-color: #44B317;
    padding: 7px 20px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #fff;
    padding-left: 15px;
    display: inline-block;
    width: 230px;
}

.ev_img_group .ele:nth-child(3) span {
	font-size: 24px;
	vertical-align: middle;
	letter-spacing: 0.2px;
	margin-left: -8px;
    background-color: #31B3DB;
    padding: 7px 20px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #fff;
    padding-left: 15px;
    display: inline-block;
    width: 230px;
}

.ev_img_group .ele:nth-child(4) span {
	font-size: 24px;
	vertical-align: middle;
	letter-spacing: 0.2px;
	margin-left: -8px;
    background-color: #FF8F44;
    padding: 7px 20px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    color: #fff;
    padding-left: 15px;
    display: inline-block;
    width: 230px;
}

.ev_img_group .ele {
	margin-bottom: 20px;
}

.ev_text_img {
	margin-top: 65px;
}

.ev_text_img div:nth-child(2) {
	margin-top: 40px;
}

.ev_car {
	position: absolute;
	margin: auto;
    left: -250px;
    right: 0;
    bottom: 60px;
}

.ev_title {
	position: absolute;
	right: 150px;
	top: 235px;
}

.mobile_banner .ev_car img {
	width: 400px;
}

.mobile_banner .ev_car {
	bottom: 170px;
    left: -160px;
}

.mobile_banner .ev_title img:nth-child(1)  {
	width: 140px;
}

.mobile_banner .ev_title img:nth-child(2)  {
	width: 70px;
}

.mobile_banner .ev_title {
	top: 525px;
	right: 0px;
}

.mobile_banner .ev_text_img {
	margin-top: 165px;
}

.lock_text {
	color: #fff;
}



.lock_text h5 {
	margin-top: 50px;
	letter-spacing: 4px;
}

.lock_title_en {
	font-size: 36px !important;
	font-weight: lighter;
}

.lock_text_img img {
	width: 450px;
}

.lock_text_img {
	margin-top: 10%;
}

.lock_title {
	margin-top: 30%;
	margin-left: 20%;
}

.mobile_banner .lock_title h3 {
	font-size: 32px !important;
}

.mobile_banner .lock_title_en {
	font-size: 24px;
}

.mobile_banner .lock_text h5 {
	font-size: 24px !important;
}

.mobile_banner .lock_text_img img {
	width: 280px;
}


.face_title {
    margin-top: 25%;
    
}

.pc_banner .face_title {
	margin-left: 20%;
    text-align: left;
}
.mobile_banner .face_text_img {
	margin-top: 18%;
	text-align: inherit;
}

.pc_banner .face_text_img {
	margin-top: 8%;
}

.mobile_banner .face_text_img img {
	width: 350px;
}

.mobile_banner .face_title img {
	width: 350px;
}

.mobile_banner .face_text {
	margin-top: 10%;
}
.mobile_banner .face_title {
	margin-top: 5%;
}
/* 20191026關於我們 */
.titleBox {
	margin-bottom: 30px;
	text-align: center;
	line-height: 30px;
}

.in_aboutTitle {
	font-size: 1.875rem !important;
	color: #333 !important;
	font-weight: bold !important;
	margin-bottom: 10px;
}

.in_aboutTitle2 {
	font-size: 1.125rem;
	text-transform: uppercase !important;
	color: #707070 !important;
}

.index_bg {
	background: #fff !important;
}

.about_box {
	margin: 55px 0px 55px 0px;
}

.about_liltitle {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #707070;
}

.about_hr {
	width: 45px;
	height: 4px;
	margin: 20px 0px;
	background-color: #1A7CBB;
}

.about_liltext {
	font-size: 16px;
	color: #999;
	letter-spacing: 0.2px;
	line-height: 32px;
	text-align: justify;
}

.about_divisionhr {
	width: 1px;
	height: 200px;
	margin: 50px 0px;
	background: #cccccc;
}

.about_divisionhr_2 {
	height: 1px;
	width: 90%;
	background: #cccccc;
	margin: 25px 0px 25px 0px;
	display: none;
}

.about_leftBox {
	margin: 50px 0px;
}

.tech_hr {
	height: 1px;
	width: 90%;
	background: #cccccc;
	margin: 25px 0px 25px 0px;
}
.about_item {
	width: 31.333333%;
	margin: 0 1% 0 1%;
	float: left;
}
.about_item_2 {
	width: 31.333333%;
	margin: 0 1% 0 1%;
	float: left;
}

/* 20191026關於我們 */


/* 20191031滾動產品 */
.scrollproBox {
	background: #f9f9f9;
	margin: 55px 0px;
	padding: 25px 0px;
}
.attestation_img img {
	float: left;
	margin-left: 10%;
}
.bx-pager,
.bx-default-pager {
	display: none;

}

.bx-wrapper {
	margin-bottom: 0px;
}
.bx-wrapper .bx-viewport {
	border: none;
	background: transparent;
	box-shadow: none;
}

.bx-wrapper .bx-next {
	background: url(../image/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev {
	background: url(../image/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-controls-direction a {
	top: 50%;
	z-index: 1;
	margin-top: 0px;
}

.tabletTitle {
	font-size: 26px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
}
.tabletTitle {
	padding-top: 15px;
	padding-bottom: 25px;
}
.tab_item {
	width: 49%;
	/*margin: 0 2% 0 2%;*/
	float: left;
}
.pro_item {
	width: 31.333333%;
	margin: 0 0.5% 0 0.5%;
	float: left;
	margin-bottom: 20px;
}
.tablet_pintext {
	font-size: 1rem;
	line-height: 36px;
    color: #666;
    text-align: center;
}
/* 20191031滾動產品 */


/* 技術模塊 */
.tech_item {
	width: 31.333333%;
	margin: 0 1% 0 1%;
	float: left;
}

.technology_box {
	margin: 55px 0px 55px 0px;
}

.tech_hr {
	height: 2px;
	width: 90%;
	background: #cccccc;
	margin: 25px 0px 25px 0px;
	transition: all .4s;
}

.tech_card {
	background-color: #ffffff;
	margin-bottom: 40px;
	/*box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2);*/
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	padding: 30px;
	transition: all .4s;
}

.tech_card:hover {
	background-color: #ffffff;
	box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.2);
	/*border: none;*/
	transition: all .4s;
}

.tech_card:hover .tech_hr {
	background: #1A7CBB;
	height: 2px;
	transition: all .4s;
}

.tech_title {
	font-size: 30px;
	color: #333;
	transition: all .4s;
}


.tech_text {
	font-size: 16px;
	line-height: 32px;
	color: #333;
}



.tech_imgBox {
	margin-bottom: 25px;
}

.tech_imgBg {
	background: url(../image/shujujiami.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_card:hover .tech_imgBg {
	background: url(../image/shujujiami_blue2.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_imgBg2 {
	background: url(../image/yunyanzheng.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_card:hover .tech_imgBg2 {
	background: url(../image/yunyanzheng_blue.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_imgBg3 {
	background: url(../image/dashuju.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_card:hover .tech_imgBg3 {
	background: url(../image/dashuju_blue.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_imgBg4 {
	background: url(../image/fuzaipingheng.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_card:hover .tech_imgBg4 {
	background: url(../image/fuzaipingheng_blue.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_imgBg5 {
	background: url(../image/xianshangzhifu.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_card:hover .tech_imgBg5 {
	background: url(../image/xianshangzhifu_blue.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_imgBg6 {
	background: url(../image/tuxiangshibie.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_card:hover .tech_imgBg6 {
	background: url(../image/tuxiangshibie_blue.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_imgBg7 {
	background: url(../image/renlianshibie.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_card:hover .tech_imgBg7 {
	background: url(../image/renlianshibie_blue.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_imgBg8 {
	background: url(../image/zhiwenshibie.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_card:hover .tech_imgBg8 {
	background: url(../image/zhiwenshibie_blue.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_imgBg9 {
	background: url(../image/zhangjingmai.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
.tech_card:hover .tech_imgBg9 {
	background: url(../image/zhangjingmai_blue.png);
	width: 60px;
	height: 60px;
	background-repeat: no-repeat;
	transition: all .4s;
    -webkit-transition: all .4s;
}
/* 技術模塊 */


.menu {
	line-height: 1;
}

.menu__list {
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu__item {
	display: block;
	margin: 1em 0;
}

.menu__link {
	font-size: 1rem;
	display: block;
	padding: 0 16px;
	line-height: 59px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.menu__link:hover,
.menu__link:focus {
	outline: none;
}

.menu--viola .menu__item {
	position: relative;
	margin: 0 0.3em;
}

.menu--viola .menu__link {
	position: relative;
	display: block;
	text-align: center;
	color: #000;
	-webkit-transition: color 0.4s;
	transition: color 0.4s;
}


.menu--viola .menu__item--current .menu__link {
	color: #e62129;
}

.menu--viola .menu__item::before,
.menu--viola .menu__item::after,
.menu--viola .menu__link::before,
.menu--viola .menu__link::after {
	content: '';
	position: absolute;
	background: #e62129;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

.menu--viola .menu__item::before,
.menu--viola .menu__item::after {
	top: 0;
	width: 2px;
	height: 100%;
	-webkit-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
}

.menu--viola .menu__item::before {
	left: 0;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.menu--viola .menu__item::after {
	right: 0;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
}

.active a {
	color: #e62129 !important;
}

.v_active {
	position: absolute;
	top: 0;
	border: 2px solid #e62129;
	width: 100%;
	height: 100%;
}

.menu--viola .menu__link::before,
.menu--viola .menu__link::after {
	left: 0;
	width: 100%;
	height: 2px;
	-webkit-transform: scale3d(0, 1, 1);
	transform: scale3d(0, 1, 1);
}

.menu--viola .menu__link::before {
	top: 0;
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%;
}

.menu--viola .menu__link::after {
	bottom: 0;
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
}

.menu--viola .menu__item--current::before,
.menu--viola .menu__item--current::after,
.menu--viola .menu__item--current .menu__link::before,
.menu--viola .menu__item--current .menu__link::after {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

/*banner*/
.bannerbox {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.Homebanner {
	width: 100%;
	position: relative;
	height: 700px;
	overflow: hidden;
}

.Homebanner ul {
	width: 100%;
	position: absolute;
	height: 700px;
}

.Homebanner ul li {
	width: 100%;
	height: 700px;
	position: absolute;
	overflow: hidden;
}

.Homebanner ul>li>img {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0px;
	display: block;
}

.Homeleft,
.Homeright {
	background: #000;
	font-family: "宋体";
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 40px;
	color: #fff;
	position: absolute;
	top: 45%;
	cursor: pointer;
	transition: all .2s ease;
	opacity: 0;
	z-index: 991
}

.Homeleft {
	left: -60px;
}

.Homeright {
	right: -60px;
}

.bannerbox:hover .Homeleft {
	left: 0px;
	opacity: 1
}

.bannerbox:hover .Homeright {
	right: 0px;
	opacity: 1
}

.Homedot {
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 100;
	bottom: 60px;
}

.Homedot a {
	display: inline-block;
	margin: 0px 5px;
	height: 12px;
	width: 12px;
	line-height: 1000px;
	overflow: hidden;
	background: url(../image/index_229.png) no-repeat;
}

.Homedot a.cur {
	background: url(../image/index_228.png) no-repeat
}

.Homebannertext {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}

.Homebannertext .downtotop {
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.Homebannertext .downtotop2 {
	transform: translateY(150px);
	-moz-transform: translateY(150px);
	-ms-transform: translateY(150px);
	-o-transform: translateY(150px);
	-webkit-transform: translateY(150px);
}

.Homebannertext .toptodown {
	transform: translateY(-100px);
	-moz-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	-o-transform: translateY(-100px);
	-webkit-transform: translateY(-100px);
}

.Homebannertext .toptodown2 {
	transform: translateY(-150px);
	-moz-transform: translateY(-150px);
	-ms-transform: translateY(-150px);
	-o-transform: translateY(-150px);
	-webkit-transform: translateY(-150px);
}

.Homebanner .cur .Homebannertext .downtotop {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.Homebanner .cur .Homebannertext .downtotop2 {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.Homebanner .cur .Homebannertext .toptodown {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.Homebanner .cur .Homebannertext .toptodown2 {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.Homebannertext .lefttoright {
	transform: translateX(-100px);
	-moz-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	-o-transform: translateX(-100px);
	-webkit-transform: translateX(-100px);
}

.Homebannertext .lefttoright2 {
	transform: translateX(-150px);
	-moz-transform: translateX(-150px);
	-ms-transform: translateX(-150px);
	-o-transform: translateX(-150px);
	-webkit-transform: translateX(-150px);
}

.Homebanner .cur .Homebannertext .lefttoright {
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.Homebanner .cur .Homebannertext .lefttoright2 {
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.Homebannertext .righttoleft {
	transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	-webkit-transform: translateX(100px);
}

.Homebannertext .righttoleft2 {
	transform: translateX(150px);
	-moz-transform: translateX(150px);
	-ms-transform: translateX(150px);
	-o-transform: translateX(150px);
	-webkit-transform: translateX(150px);
}

.Homebanner .cur .Homebannertext .righttoleft {
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.Homebanner .cur .Homebannertext .righttoleft2 {
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.Homebannertext .bannerone {
	position: absolute;
	width: 100%;
	left: 0;
	margin-left: 0;
	top: 38.6%;
	text-align: center;
	z-index: 9999;
}

.Homebannertext .bannerone h3 {
	font-size: 3.75rem;
	margin-bottom: 1.875rem;
	color: #fff;
}

.Homebannertext .bannerone h5 {
	font-size: 1.875rem;
	color: #fff;
}

.bottom_icon {
	position: absolute;
	width: 100%;
	left: 0;
	margin-left: 0;
	bottom: 130px;
	text-align: center;
	z-index: 9999;
}

.banner1_logo {
	position: absolute;
	width: 100%;
	left: 0;
	top: 130px;
	text-align: center;
	z-index: 9999;
}

.bottom_icon img {
	margin-right: 60px;
}

.bottom_icon img:last-child {
	margin-right: 0;
}

.computer {
	position: absolute;
	width: 100%;
	left: 0;
	top: 100px;
	text-align: center;
	z-index: 999;
}

.computer .font {
	font-size: 1.875rem;
	color: #fff;
}

.computer .font h5 {
	display: inline-block;
	font-size: 1.875rem;
}

.computer .font h5:nth-child(1) {
	padding: 4px;
	background-color: #03af60;
}

.phone {
	position: absolute;
	width: 550px;
	left: 32%;
	top: 400px;
	text-align: center;
	z-index: 9999;
}

.phone img {
	display: inline-block;
}

.phone .font {
	display: inline-block;
	color: #fff;
	text-align: left;
	padding-left: 15px;
	vertical-align: middle;
}

.phone .font h5 {
	font-size: 1.875rem;
}

.phone .font h5:nth-child(1) {
	padding: 4px;
	background-color: #1a7cbb;
	display: inline-block;
}

.banner2_font {
	position: absolute;
	left: 16.14%;
	top: 250px;
	width: 520px;

}

.banner2_font h5 {
	color: #fff;
	display: inline-block;
	font-size: 1.25rem !important;
	text-align: center;
}

.banner2_font1 {
	padding: 4px;
	background-color: #03af60;
	width: 50%;
	float: left;
	border-radius: 4px 0 0 4px;
	text-align: center;
}

.banner2_font2 {
	padding: 4px;
	background-color: #1a7cbb;
	width: 50%;
	float: left;
	border-radius: 0 4px 4px 0;
}

.banner2_font1 h5:nth-child(1) {
	font-size: 1.875rem !important;
}

.banner2_font2 h5:nth-child(1) {
	font-size: 1.875rem !important;
}

.banner2_img {
	position: absolute;
	left: 30.4%;
	top: 400px;
}

.banner2_img img:nth-child(2) {
	position: absolute;
	left: 0;
	bottom: -20px;
	z-index: 99;
}

.banner2_font1 i {
	position: absolute;
	left: 48%;
	bottom: -16px;
	font-size: 40px;
	color: #03af60;
}

.banner2_font2 i {
	position: absolute;
	left: 48%;
	bottom: -16px;
	font-size: 40px;
	color: #1a7cbb;
}





.shop_font {
	position: absolute;
	text-align: center;
	z-index: 9999;
	background-color: rgba(35, 150, 198, 0.8);
	padding: 30px;
	text-align: left;
	left: 18.75%;
	top: 60px;
}

.shop_font h3 {
	background-color: #db8d00;
	color: #fff;
	padding: 5px;
	margin-bottom: 30px;
	display: inline-block;
}

.shop_font h5 {
	color: #fff;
	line-height: 80px;
	margin-bottom: 30px;
}

.shop_font h5 img {
	margin-right: 10px;
}

.shop_img {
	position: absolute;
	width: 753px;
	height: 587px;
	right: 18.75%;
	top: 60px;
}

.shop_img1 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
}

.shop_img2 {
	position: absolute;
	bottom: 41%;
	right: 26.5%;
	z-index: 100;
}

.shop_img3 {
	position: absolute;
	bottom: 41.5%;
	right: 11.6%;
	z-index: 110;
}

.shop_img4 {
	position: absolute;
	bottom: 61.1%;
	right: 7.8%;
	z-index: 110;
}

.shop_img5 {
	position: absolute;
	bottom: 33.7%;
	right: 16.4%;
	z-index: 110;
}

.shop_img6 {
	position: absolute;
	bottom: 16.5%;
	right: 36.2%;
	z-index: 110;
}

.shop_img7 {
	position: absolute;
	bottom: 35.09%;
	right: 59.4%;
	z-index: 110;
}

.shop_img8 {
	position: absolute;
	bottom: 41.2%;
	right: 50.8%;
	z-index: 110;
}

.shop_mobile_img {
	position: absolute;
	width: 320px;
	height: 249px;
	left: 29.1%;
	bottom: 280px;

}

.shop_mobile_img1 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
}

.shop_mobile_img2 {
	position: absolute;
	bottom: 41%;
	right: 26.5%;
	z-index: 100;
}

.shop_mobile_img3 {
	position: absolute;
	bottom: 41.5%;
	right: 11.6%;
	z-index: 110;
}

.shop_mobile_img4 {
	position: absolute;
	bottom: 61.1%;
	right: 7.8%;
	z-index: 110;
}

.shop_mobile_img5 {
	position: absolute;
	bottom: 33.7%;
	right: 16.4%;
	z-index: 110;
}

.shop_mobile_img6 {
	position: absolute;
	bottom: 16.5%;
	right: 36.2%;
	z-index: 110;
}

.shop_mobile_img7 {
	position: absolute;
	bottom: 35.09%;
	right: 59.4%;
	z-index: 110;
}

.shop_mobile_img8 {
	position: absolute;
	bottom: 41.2%;
	right: 50.8%;
	z-index: 110;
}

.shop_mobile_font {
	background-color: #1b9fd9;
	width: 80%;
	left: 10%;
	position: absolute;
	top: 200px;
	border-radius: 4px;
	min-height: 300px;
}

.shop_mobile_font h3 {
	font-size: 2.5rem !important;
	margin: 0 !important;
	background-color: #db8d00;
	padding: 10px 0;
	border-radius: 4px 4px 0 0;
	color: #fff;
}

.shop_mobile_font h5 {
	font-size: 1.5rem !important;
	color: #fff;
	line-height: 1.875rem;
	width: 50%;
	float: left;
}

.shop_mobile_font h5 img {
	padding-right: 5px;
}

.shop_mobile_font h5:nth-child(even) {
	padding-left: 10px;
	text-align: left;
}

.shop_mobile_font h5:nth-child(odd) {
	padding-right: 10px;
	text-align: right;
}








.Homebannertext .bannerthree {
	position: absolute;
	width: 1220px;
	left: 50%;
	margin-left: -610px;
	top: 0px;
}

.Homebannertext .bannerthree dt {
	float: left;
	position: relative;
	transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	-webkit-transform: translateX(100px);
}

.Homebannertext .bannerthree img {
	display: block;
	position: relative;
	width: auto;
	height: auto;
	left: 0px;
	margin: 0px;
	top: 0px;
}

.bannereffect {
	opacity: 0;
	filter: alpha(opacity=0);
}

.bannertime {
	transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-webkit-transition: all .6s ease-in-out;
}

.bannertime1 {
	transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	-webkit-transition: all .8s ease-in-out;
}

.bannertime2 {
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
}

.bannertime3 {
	transition: all 1.2s ease-in-out;
	-moz-transition: all 1.2s ease-in-out;
	-ms-transition: all 1.2s ease-in-out;
	-o-transition: all 1.2s ease-in-out;
	-webkit-transition: all 1.2s ease-in-out;
}


.Homebanner li.cur .Homebannertext .bannerone dt {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.Homebanner li.cur .Homebannertext .bannerone dd {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.Homebanner li.cur .Homebannertext .bannertwo dt {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.Homebanner li.cur .Homebannertext .bannerthree dt {
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.Homebanner li.cur .Homebannertext .bannerthree dd {
	transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	-webkit-transform: translateX(0px);
}

.Homebanner li.cur .bannereffect {
	opacity: 1;
	filter: alpha(opacity=100);
}

.Homebanner li.cur1 .bannertime {
	transition: all .4s linear .2s;
	-moz-transition: all .4s linear .2s;
	-ms-transition: all .4s linear .2s;
	-o-transition: all .4s linear .2s;
	-webkit-transition: all .4s linear .2s;
}

.Homebanner li.cur1 .bannertime1 {
	transition: all .4s linear .1s;
	-moz-transition: all .4s linear .1s;
	-ms-transition: all .4s linear .1s;
	-o-transition: all .4s linear .1s;
	-webkit-transition: all .4s linear .1s;
}

.Homebanner li.cur1 .bannertime2 {
	transition: all .4s linear;
	-moz-transition: all .4s linear;
	-ms-transition: all .4s linear;
	-o-transition: all .4s linear;
	-webkit-transition: all .4s linear;
}

.Homebanner li.cur1 .Homebannertext img.bigimg {
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.Homebanner li.cur1 .Homebannertext .bannerone dt {
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.Homebanner li.cur1 .Homebannertext .bannerone dd {
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.Homebanner li.cur1 .Homebannertext .bannertwo dt {
	transform: translateY(100px);
	-moz-transform: translateY(100px);
	-ms-transform: translateY(100px);
	-o-transform: translateY(100px);
	-webkit-transform: translateY(100px);
}

.Homebanner li.cur1 .Homebannertext .bannerthree dt {
	transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	-webkit-transform: translateX(100px);
}

.Homebanner li.cur1 .Homebannertext .bannerthree dd {
	transform: translateX(100px);
	-moz-transform: translateX(100px);
	-ms-transform: translateX(100px);
	-o-transform: translateX(100px);
	-webkit-transform: translateX(100px);
}

.Homebanner li.cur1 .bannereffect {
	opacity: 0;
	filter: alpha(opacity=0);
}

.Homebannertext1 {
	text-align: center;
}

.Homebanner ul {
	width: 100% !important;
}

.Load {
	width: 100% !important;
}

.Homebanner ul li:nth-child(1) .pc_banner {
	background-image: url("../image/banner1.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 700px;
}

.Homebanner ul li:nth-child(2) .pc_banner {
	background-image: url("../image/banner2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 700px;
}

.Homebanner ul li:nth-child(3) .pc_banner {
	background-image: url("../image/banner3.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 700px;
}

.Homebanner ul li:nth-child(4) .pc_banner {
	background-image: url("../image/ev_banner.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 700px;
}

.Homebanner ul li:nth-child(5) .pc_banner {
	background-image: url("../image/face_bg_pc.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 700px;
}

.Homebanner ul li:nth-child(6) .pc_banner {
	background-image: url("../image/lock_bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 700px;
}

.Homebanner ul li:nth-child(1) .mobile_banner {
	background-image: url("../image/banner1.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 90vh;
	background-size: cover;
}

.Homebanner ul li:nth-child(2) .mobile_banner {
	background-image: url("../image/banner2.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 90vh;
	background-size: cover;
}

.Homebanner ul li:nth-child(3) .mobile_banner {
	background-image: url("../image/banner3_mobile.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 90vh;
	background-size: cover;
}

.Homebanner ul li:nth-child(4) .mobile_banner {
	background-image: url("../image/ev_banner_mobile.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 90vh;
	background-size: cover;
}

.Homebanner ul li:nth-child(5) .mobile_banner {
	background-image: url("../image/face_bg_mobile.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 90vh;
	background-size: cover;
}

.Homebanner ul li:nth-child(6) .mobile_banner {
	background-image: url("../image/lock_bg_mobile.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 90vh;
	background-size: cover;
}

.content {
	margin: 30px 0;
}

.title {
	margin-bottom: 30px;
	text-align: center;
	line-height: 30px;
}

.title h5 {
	margin-top: 0;
	color: #000;
}

.title p {
	color: #1a7cbb;
	font-size: 1.25rem;
}

.about {
	background-color: #fff;
	padding: 30px 0;
}

.about_img {
	float: left;
	width: 45%;
}

.about_img img {
	width: 100%;
	height: auto;
}

.about_font {
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: justify;
	float: right;
	width: 45%;
}

.v_service p {

	text-align: center;
}

.service p {
	text-align: center;
}

.v_service {
	width: 20%;
	float: left;
	border: 1px solid #d5d5d5;
	line-height: 40px;
	padding-left: 10px;
	background-color: #fff;
	margin: 30px 2.5%;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	cursor: default;
}

.v_service img {
	display: inline-block;
	line-height: 40px;
	padding-bottom: 6px;
}

.v_service p {
	display: inline-block;
	padding-left: 10px;
	margin-bottom: 0;
}

p {
	margin-bottom: 0 !important;
}

.v_service:hover {
	box-shadow: 0px 2px 8px #999;
}

.v_service {
	position: relative;
	cursor: pointer;
	z-index: 100;
}

.v_service_drop {
	position: absolute;
	left: -15%;
	top: 100%;
	z-index: 9999;
	min-width: 300px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	display: none;
	padding: 20px;

}

.v_service_drop_inner {
	text-align: center;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	box-shadow: 0px 2px 8px #999;
}

.v_service_drop img {
	position: absolute;
	left: 48%;
	top: 0;
}

.v_service_drop_inner h6 {
	font-size: 1.25rem;
}

.v_service_drop_inner_font {

	margin: 5px;
	background-color: #f1f1f1;
}

.v_service_drop_inner_font p {
	font-size: 1rem;
	color: #666;
	width: 100%;
	border-bottom: 1px dashed #999;
}

.v_service_drop_inner_font p:last-child {
	border-bottom: none;
}

.v_service_drop_inner a {
	border: 1px solid #03af60;
	line-height: 40px;
	background-color: #fff;
	padding: 5px 20px;
	color: #03af60;
	text-align: center;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.v_service_drop_inner a:hover {
	background-color: #03af60;
	color: #fff;
	box-shadow: 0px 2px 8px #038b4d;
}

.service .v_service:nth-child(3) {
	z-index: 1000;
}

.service .v_service:nth-child(4) {
	z-index: 999;
}

.service .v_service:nth-child(5) {
	z-index: 998;
}

.service .v_service:nth-child(6) {
	z-index: 997;
}

.service .v_service:nth-child(7) {
	z-index: 996;
}

.service .v_service:nth-child(8) {
	z-index: 995;
}

.service .v_service:nth-child(9) {
	z-index: 994;
}

.service .v_service:nth-child(10) {
	z-index: 993;
}

.service .v_service:nth-child(11) {
	z-index: 992;
}

.service .v_service:nth-child(12) {
	z-index: 991;
}







.service_contact {
	width: 45%;
	float: left;
	border: 1px solid #03af60;
	line-height: 40px;
	background-color: #fff;
	margin: 30px 2.5%;
	color: #03af60;
	text-align: center;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.service_contact i {
	display: inline-block;
	margin-right: 8px;
}

.service_contact p {
	display: inline-block;
}

.service_contact:hover {
	background-color: #03af60;
	color: #fff;
	box-shadow: 0px 2px 8px #038b4d;
}

.v_item1 {
	background-image: url("../image/item_img1.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.v_item2 {
	background-image: url("../image/item_img2.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.v_item3 {
	background-image: url("../image/item_img3.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.v_item4 {
	background-image: url("../image/item_img4.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.v_item {
	padding: 15px;
	border-radius: 4px;
	margin: 0 2.5% 30px 2.5%;
	width: 20%;
	float: left;
	min-height: 330px;
}

.v_item h6 {
	font-size: 1.625rem;
	color: #fff;
	padding-left: 7px;
	border-left: 2px solid #fff;
	line-height: 1.875rem;
	margin: 0 0 30px 0;

}

.v_item p {
	font-size: 1.125rem;
	line-height: 1.875rem;
	color: #fff;
}

.middle_banner {
	position: relative;
}

.middle_banner img {
	width: 100%;
	height: auto;
}

.banner_mask {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	left: 0;
	top: 0;
	z-index: 90;
}

.middle_banner_font {
	width: 100%;
	text-align: center;
	color: #fff;
	position: absolute;
	left: 0;
	top: 40%;
	z-index: 99;
}

.middle_banner_font h5 {
	font-size: 2.25rem !important;
	margin-bottom: 15px;
}

.middle_banner_font p {
	font-size: 1.25rem !important;

}

footer {
	background-color: #2f2f2f;
	color: #fff;
	text-align: center;
	padding: 5px 0;
}



/*關於我們*/
.about_banner {
	background-image: url(../image/banner4.jpg);
	background-position: center;
	background-repeat: no-repeat;
	min-height: 700px;
	position: relative;
	background-size: cover;
}

.about_banner img {
	width: 100%;
	height: auto;

}

.v_about_banner {
	padding-top: 150px;
}

.v_about_banner h3 {
	margin: 0 !important;
	color: #fff;
}

.v_about_banner h3:nth-child(3) {
	text-align: right;
}

.summary {
	position: absolute;
	left: 0;
	bottom: -160px;
	width: 100%;
}

.summary .container {
	padding: 30px;
	color: #fff;
	background-color: rgba(26, 124, 187, .8);
}

.summary .container p {
	line-height: 1.5rem;
	padding-bottom: 10px;
	text-align: center;
}

.summary .container p a {
	color: #fff;
}

.summary .container p a:hover {
	color: #000;
}

.choose_us {
	margin-top: 190px;
	margin-bottom: 30px;
}

.v_choose_us {
	width: 33.33%;
	float: left;
	text-align: center;
	padding: 0 10px;
}

.v_choose_us p {
	font-size: 1.5rem;
	color: #000;
	padding-top: 15px;
}

.v_choose_us span {
	font-size: 1.125rem;
	color: #666;
	padding-top: 10px;
	display: inline-block;
}

.sub_p {
	color: #000;
	line-height: 1.5rem;
	text-align: center;
}

.w_p {
	padding: 30px 0;
	background-color: #fff;
}

.v_w_p {
	width: 45%;
	background-color: #fff;
	margin: 30px 2.5%;
	float: left;
	box-shadow: 2px 2px 8px #999;
}

.v_w_p p {
	line-height: 1.5rem;
	padding: 30px;
	min-height: 204px;
}

.bottom_p {
	font-weight: bold;
	color: #000;
	text-align: center;
}

.sub_menu {
	background-color: #fff;
	border: 1px solid #dcdcdc;
	padding: 10px 10px;
	font-size: 1rem;
	line-height: 1.5rem;
	position: absolute;
	left: 0;
	top: 59px;
	min-width: 160px;
	box-shadow: 0 2px 3px #666;
	display: none;
	z-index: 999;
}

.sub_menu li {
	border-bottom: 1px solid #dcdcdc;
}

.sub_menu li:last-child {
	border-bottom: none;
}

.sub_menu li a {
	color: #000 !important;
	display: inline-block;
	width: 100%;
	padding: 5px 0;
	cursor: pointer;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.sub_menu li a:hover {
	background-color: #e62129;
	color: #fff !important;
	padding-left: 5px;
}

.web_banner {
	position: relative;
	background-image: url(../image/banner5.jpg);
	background-position: center;
	background-repeat: no-repeat;
	min-height: 700px;
	background-size: cover;
}

.web_banner_font {
	padding-top: 50px;
	text-align: center;
}

.web_banner_font h5 {
	background-color: #000;
	color: #fff;
	display: inline-block;
	padding: 0 5px;
}

.web_banner_img {
	display: none;
	text-align: center;
}



.mobile_web_type {
	display: none;
}

.web_type {
	padding: 30px;
	min-height: 811px;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
}

.v_web_type {
	width: 30%;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 3px;
	padding: 30px 0;
	text-align: center;
	cursor: pointer;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	position: absolute;
}

.web_type .container {
	position: relative;
}

.web_type .container .v_web_type:nth-child(1) {
	position: absolute;
	left: 0;
	top: 103px;
}

.web_type .container .v_web_type:nth-child(2) {
	position: absolute;
	left: 35%;
	top: 103px;
}

.web_type .container .v_web_type:nth-child(3) {
	position: absolute;
	left: 70%;
	top: 103px;
}

.v_web_type h6 {
	text-align: center;
	color: #f18c16;
	font-size: 1.5rem;
	margin: 0;
	padding-bottom: 15px;
}

.v_web_type p {
	color: #f18c16;
	font-size: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	margin: 30px 0 !important;
}

.v_web_type p span {
	font-size: 1.875rem;
	padding-right: 5px;
}

.line {
	width: 60px;
	height: 3px;
	background-color: #666;
	margin: 0 auto;
}

.v_web_type ul {
	margin: 30px 10px;
	min-height: 451px;
	background-color: #f5f5f5;
	padding: 0 5px;
}

.v_web_type ul li {
	font-size: 1rem;
	color: #666;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
	padding: 8px 0;
}

.v_web_type ul li span {
	font-size: 1.25rem;
	color: #f18c16;
	padding: 0 3px;
}

.v_web_type ul li:last-child {
	border-bottom: none;
}

.gotoask {
	line-height: 40px;
	width: 180px;
	border-radius: 20px;
	text-align: center;
	color: #03af60;
	border: 1px solid #03af60;
	font-size: 1rem;
	display: inline-block;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.web_type .container .v_web_type:nth-child(1):hover {
	box-shadow: 2px 2px 8px #999;
	top: 80px;
	transform: scale(1.05);
}

.web_type .container .v_web_type:nth-child(2):hover {
	box-shadow: 2px 2px 8px #999;
	top: 80px;
	transform: scale(1.1);
}

.web_type .container .v_web_type:nth-child(3):hover {
	box-shadow: 2px 2px 8px #999;
	top: 80px;
	transform: scale(1.1);
}

.v_web_type:hover .gotoask {
	background-color: #03af60;
	color: #fff;
	box-shadow: 2px 2px 8px #03af60;
}



.web_process {
	margin-top: 500px
}

.process {
	background-color: #fff;
	padding: 30px 0;

}

.v_process {
	width: 20%;
	float: left;
	text-align: center;
}

.v_process p {
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #666;
	font-weight: bold;
	text-align: center;
}

.line2 {
	width: 30px;
	height: 2px;
	background-color: #999;
	display: inline-block;
	margin: 6px;
}

.v_process img {
	margin: 15px 0;
}

.v_process h6 {
	font-size: 1.25rem;
	color: #000;
	padding-bottom: 20px;
	margin: 0;
}

.v_process_font {
	font-size: 1rem;
	padding: 10px;
	margin: 0 10px;
	line-height: 1.5rem;
	background-color: #fff;
	min-height: 140px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	position: relative;
	border: 1px solid #e4e4e4;
	text-align: justify;
}

.v_process_font img {
	position: absolute;
	left: 46%;
	top: -20px;
	margin: 0;
}

.remark {
	background-image: url("../image/middle_banner2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 400px;
	padding: 30px 0;
}

.remark .title p,
.remark .title h5 {
	color: #fff !important;
}

.remark ul li {
	width: 100%;
	background-color: rgba(255, 255, 255, .5);
	color: #000;
	font-size: 1rem;
	text-align: center;
	padding: 5px 0;
	margin-bottom: 10px;
	border-radius: 3px
}

.shop_banner {
	position: relative;
	background-image: url("../image/banner6.jpg");
	background-repeat: no-repeat;
	background-position: center;
	min-height: 693px;
}

.v_shop_banner {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}

.shop_house {
	position: absolute;
	left: 44%;
	bottom: 18.2%;
}

.shop_banner_font {
	color: #fff;
	text-align: center;
}

.shop_money {
	width: 147px;
	height: 225px;
	position: absolute;
	left: 50%;
	top: 20%;
}

.shop_money1 {
	position: absolute;
	top: 100%;
	right: 0;
	opacity: 0;
	animation: shop_money1 2.1s infinite ease;
	-webkit-animation: shop_money1 2.1s infinite ease;
	/* Safari and Chrome */
}

.shop_money2 {
	position: absolute;
	top: 100%;
	left: 25%;
	animation: shop_money1 2.2s infinite ease;
	-webkit-animation: shop_money1 2.2s infinite ease;
	/* Safari and Chrome */
	opacity: 0;
}

.shop_money3 {
	position: absolute;
	top: 100%;
	left: 50%;
	animation: shop_money1 2s infinite ease;
	-webkit-animation: shop_money1 2s infinite ease;
	/* Safari and Chrome */
	opacity: 0;
}

.shop_money4 {
	position: absolute;
	top: 100%;
	left: 75%;
	animation: shop_money1 2.3s infinite ease;
	-webkit-animation: shop_money1 2.3s infinite ease;
	/* Safari and Chrome */
	opacity: 0;
}

.shop_money5 {
	position: absolute;
	top: 100%;
	left: 100%;
	animation: shop_money1 2.4s infinite ease;
	-webkit-animation: shop_money1 2.4s infinite ease;
	/* Safari and Chrome */
	opacity: 0;
}

@keyframes shop_money1 {
	0% {
		top: -100px;
		opacity: 1;
	}

	90% {
		top: 100%;
		filter: url(blur.svg#blur);
		/* FireFox, Chrome, Opera */
		-webkit-filter: blur(5px);
		/* Chrome, Opera */
		-moz-filter: blur(5px);
		-ms-filter: blur(5px);
		filter: blur(5px);
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
		/* IE6~IE9 */
		transform: scale(0);
		-ms-transform: scale(0);
		/* IE 9 */
		-moz-transform: scale(0);
		/* Firefox */
		-webkit-transform: scale(0);
		/* Safari 和 Chrome */
		-o-transform: scale(0);
		/* Opera */
		opacity: 0;
	}

	100% {
		top: -100px;
	}
}

.circle1 {
	position: absolute;
	left: 20%;
	top: 10%;
	animation: circle 2s linear infinite;
	-webkit-animation: circle 2s linear infinite;
	/* Safari and Chrome */
	opacity: 0.1;
}

.circle2 {
	position: absolute;
	right: 25%;
	top: 6%;
	animation: circle 2s linear infinite;
	-webkit-animation: circle 2s linear infinite;
	/* Safari and Chrome */
	opacity: 0.1;
}

.circle3 {
	position: absolute;
	right: 10%;
	bottom: 10%;
	animation: circle 2s linear infinite;
	-webkit-animation: circle 2s linear infinite;
	/* Safari and Chrome */
	opacity: 0.1;
}

@keyframes circle {
	0% {
		transform: rotate(360deg);
		opacity: .6;
	}

	100% {
		transform: rotate(0deg);
		opacity: 1;
	}

}

.shop_locate {
	position: absolute;
	left: 44%;
	top: 24%;
	animation: shop_locate 2s linear infinite;
	-webkit-animation: shop_locate 2s linear infinite;
	/* Safari and Chrome */
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

@keyframes shop_locate {
	0% {
		transform: rotate(0deg);
	}

	25% {
		transform: rotate(45deg);
	}

	50% {
		transform: rotate(0deg);
	}

	75% {
		transform: rotate(-45deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

.shop_banner_mobile {
	position: relative;
	background-image: url("../image/banner6_mobile.jpg");
	background-repeat: no-repeat;
	background-position: center;
	height: 80vh;
	background-size: cover;
	text-align: center;
	display: none;
}

.shop_banner_mobile img {
	padding-top: 30px;
}



.shop_summary {
	padding: 30px 0;
	background-color: #fff;
}

.shop_summary span {
	line-height: 1.875rem;
	font-size: 1rem;
	display: inline-block;
}

.shop_summary span:nth-child(2) {
	margin-bottom: 30px;
}

.function .title h5,
.function .title p {
	color: #fff !important;
}

.v_function {
	text-align: center;

}

.v_function_img {
	display: inline-block;
	text-align: right;
	width: 50%;
}

.v_function_img img {
	vertical-align: initial !important;
}

.v_function_font {
	display: inline-block;
	text-align: left;
	padding-left: 30px;
	vertical-align: top;
	width: 49%;
}

.v_function_font h5 {
	color: #fff;
	margin-bottom: 30px;
}

.v_function_font ul {
	padding-left: 20px;
}

.v_function_font ul li {
	font-size: 1rem;
	color: #fff;
	padding-bottom: 10px;
	list-style: circle;

}

.carousel-inner {
	overflow: visible !important;
}


.app_banner {
	position: relative;
	background-image: url("../image/banner7.jpg");
	background-repeat: no-repeat;
	background-position: center;
	min-height: 693px;
	background-size: cover;
}

.app_banner_font {
	position: absolute;
	width: 447px;
	top: 60px;
	left: 38.3%;
	height: 95px;
}

.font_fiv1 {
	width: 440px;
	height: 85px;
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	text-align: center;
	line-height: 85px;
	background-color: #ff773b;
	z-index: 99;
}

.font_fiv1 h3 {
	margin-top: 9px;
}

.font_fiv2 {
	width: 440px;
	height: 85px;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: #2178ae;
	z-index: 94;
}

.app_banner_mobile {
	display: none;
	position: relative;
}

.v_app_banner_mobile {
	height: 33.3%;
	width: 100%;
	text-align: center;
	padding-top: 20px;
}

.v_app_banner_mobile p {
	display: inline-block;
	color: #fff;
}

.v_app_banner_mobile img {
	display: inline-block;
	padding: 0 10px;
}

.v_app_banner_mobile h5 {
	display: inline-block;
	color: #fff;
}

.v_app_banner_mobile_1 {
	background-color: #88d8fb;
	position: absolute;
	left: -100%;
	top: 0;
	width: 0;
}

.v_app_banner_mobile_2 {
	background-color: #d5e962;
	position: absolute;
	right: -100%;
	top: 33.3%;
	width: 0;
}

.v_app_banner_mobile_3 {
	background-color: #47b8eb;
	position: absolute;
	left: -100%;
	top: 66.6%;
	width: 0;
}

.app_banner_mobile_mask {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.6);
}

.app_banner_mobile_font {
	position: absolute;
	left: 0;
	top: 30%;
	text-align: center;
	padding: 0 5%;
}

.app_banner_mobile_font h3 {
	color: #fff;
}

.app_banner_mobile_font h5 {
	color: #fff;
	line-height: 2.5rem;
}

.app_banner_mobile_font_line {
	width: 40px;
	height: 4px;
	background-color: #fff;
	margin: 15px auto 25px auto;
}

.app {
	padding: 30px 0;
	background-color: #fff;
}

.app .container p:nth-child(2) {
	font-size: 1rem;
	text-align: center;
}

.app_banner_font2 {
	position: absolute;
	left: 0;
	top: 200px;
	width: 100%;
	text-align: center;

}

.app_banner_font2 p {
	font-size: 1.875rem;
	max-width: 900px;
	color: #fff;
	margin: 0 auto;
}

.app_phone {
	position: absolute;
	top: 300px;
	left: 37.5%;
}

.v_app {
	width: 30%;
	float: left;
	margin: 30px 0 0 0;
	text-align: center;
}

.app_tip .v_app:nth-child(2) {
	margin: 30px 5% 0 5%;
}

.v_app h6 {
	font-size: 1.25rem;
	color: #000;
}

.v_app p {
	font-size: 1rem;
	color: #666;
}

.app_advantage {
	padding: 30px 0;
}

.v_app_advantage {
	margin-bottom: 30px;
}

.v_app_advantage_icon {
	float: left;
}

.v_app_advantage_font {
	float: left;
	padding-left: 15px;
}

.v_app_advantage_font h6 {
	font-size: 1.25rem;
	color: #000;
}

.v_app_advantage_font p {
	font-size: 1rem;
	color: #666;
}

.jcImgScroll {
	position: relative;
	margin: 40px auto 0 auto;
}

.jcImgScroll li {
	border: 1px solid #ccc;
}

.jcImgScroll li a {
	background: #fff;
	display: block;
	position: relative;
	z-index: 99;
}

.jcImgScroll li.loading a {
	background: #fff url(../image/loading.gif) no-repeat center center;
}

.jcImgScroll li img,
.jcImgScroll li,
.jcImgScroll em,
.jcImgScroll dl {
	display: none;
	border: 0 none;
}

.jcImgScroll li img {
	width: 100%;
	height: 100%;
}

.jcImgScroll em.sPrev {
	background: url(../image/arrow-left.png) no-repeat left center;
}

.jcImgScroll em.sNext {
	background: url(../image/arrow-right.png) no-repeat right center;
}

.jcImgScroll dl dd {
	background: url(image/NumBtn.png) no-repeat 0 bottom;
	text-indent: -9em;
}

.jcImgScroll dl dd:hover,
.jcImgScroll dl dd.curr {
	background-position: 0 0;
}

.sPrev {
	left: 0 !important;
}

#sNext {
	right: 0 !important;
	left: inherit !important;
}

.jcImgScroll {
	width: 100%;
	overflow: hidden;
}

.app_ui {
	background-color: #fff;
	padding: 30px 0;
}

.jcImgScroll li {
	filter: url(blur.svg#blur);
	/* FireFox, Chrome, Opera */
	-webkit-filter: blur(5px);
	/* Chrome, Opera */
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
	/* IE6~IE9 */
}

.jcImgScroll .select {
	filter: url(blur.svg#blur);
	/* FireFox, Chrome, Opera */
	-webkit-filter: blur(0px);
	/* Chrome, Opera */
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	filter: blur(0px);
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false);
	/* IE6~IE9 */
}

.intranet_banner {
	position: relative;
	background-image: url(../image/banner8.jpg);
	background-position: center;
	background-repeat: no-repeat;
	min-height: 700px;
	background-size: cover;
}

.intranet_banner .container {
	padding-top: 8%;
}

.intranet_banner_left {
	width: 45%;
	float: left;
	border: 4px solid #03af60;
	padding: 15px;
}

.v_intranet_banner_left {
	background-color: #03af60;
	padding: 30px 15px;
}

.v_intranet_banner_left h3 {
	color: #fff;
	margin-top: 0;
}

.v_intranet_banner_left h5 {
	color: #fff;
}

.v_intranet_banner_line {
	width: 40px;
	height: 3px;
	background-color: #fff;
	margin-top: 15px;
}

.v_intranet_banner_left p {
	color: #fff;
	font-size: 1.5rem !important;
	margin-top: 25px;
}

.intranet_banner_right {
	width: 45%;
	float: right;
}

.intranet_banner_right img {
	width: 100%;
	height: auto;
}

.intranet_summary {
	padding: 30px 0;
}

.intranet_summary_font p {
	font-size: 1rem;
	color: #666;
	line-height: 1.5rem;
}

.intranet_summary_font p:nth-child(1) {
	padding-bottom: 15px;
}

.intranet_function {
	padding: 30px 0;
	background-color: #fff;
}

.v_intranet_function {
	width: 20.5%;
	float: left;
	position: relative;
	height: 260px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}

.intranet_function .container .v_intranet_function:nth-child(2) {
	background-image: url("../image/intranet_img1.jpg");
}

.intranet_function .container .v_intranet_function:nth-child(3) {
	background-image: url("../image/intranet_img2.jpg");
	margin: 0 3% 0 6%;
}

.intranet_function .container .v_intranet_function:nth-child(4) {
	background-image: url("../image/intranet_img3.jpg");
	margin: 0 6% 0 3%;
}

.intranet_function .container .v_intranet_function:nth-child(5) {
	background-image: url("../image/intranet_img4.jpg");
}

.inner_intranet_function h5 {
	font-size: 1rem;
	line-height: 1.875rem;
	color: #fff;
	width: 100%;
	text-align: center;
}

.inner_intranet_function h6 {
	font-size: 1.125rem;
	line-height: 1.875rem;
	color: #fff;
	width: 100%;
	text-align: center;
}

.inner_intranet_function {
	position: absolute;
	left: 0;
	bottom: -170px;
	height: 260px;
	background-color: rgba(26, 124, 187, .6);
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	cursor: pointer;
}

.inner_intranet_function p {
	color: #fff;
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 0 10px;
	text-align: justify;
}

.v_intranet_function:hover .inner_intranet_function {
	bottom: 0;
	background-color: rgba(26, 124, 187, .9);
}

.v_intranet_function:hover {
	box-shadow: 2px 2px 6px #1a7cbb;
}

.line3 {
	width: 30px;
	height: 3px;
	background-color: #fff;
	margin: 0 auto;
}

.intranet_scope {
	padding: 30px 0;
}

.middle_p {
	font-size: 1rem;
	color: #666;
}

.v_scope {
	width: 20%;
	text-align: center;
	padding: 0 10px;
	float: left;
	margin-top: 30px;
}

.v_scope h6 {
	font-size: 1rem;
	color: #000;
}

.second_p {
	font-size: 1rem;
	color: #666;
	line-height: 1.5rem;
	margin-bottom: 30px !important;
	text-align: center;
}

.software_banner_mobile {
	display: none;
	position: relative;
	height: 80vh;
}

.v_software_banner_mobile {
	height: 33.3%;
	width: 100%;
	text-align: center;
}

.v_software_banner_mobile_1 {
	background-color: #e8e8e5;
	position: absolute;
	left: 0;
	top: -100%;
	height: 0;
}

.v_software_banner_mobile_1 img {
	position: absolute;
	left: 14.1%;
	top: -100px;
	opacity: 0;
}

.v_software_banner_mobile_3 img {
	position: absolute;
	left: 14.1%;
	bottom: -100px;
	opacity: 0;
}

.v_software_banner_mobile_2 {
	background-color: #1a7cbb;
	position: absolute;
	left: 0;
	top: 33.3%;
	padding-top: 15px;
	opacity: 0;
}

.v_software_banner_mobile_3 {
	background-color: #e98255;
	position: absolute;
	left: 0;
	bottom: -100%;
	height: 0;
	overflow-y: hidden;

}

.v_software_banner_mobile h3 {
	color: #fff;
	opacity: 0;
}

.v_software_banner_mobile p {
	color: #fff;
	opacity: 0;
}

.software_platform {
	padding: 30px 0;

}

.v_software_platform {
	width: 30%;
	float: left;
	background-color: #fff;
	padding: 30px;
	text-align: center;
	border-radius: 3px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	cursor: pointer;
}

.v_software_platform:hover {
	box-shadow: 0px 2px 8px #999;
}

.software_platform .container .v_software_platform:nth-child(4) {
	margin: 0 5%;
}

.v_software_platform h6 {
	font-size: 1.25rem;
	color: #000;
	margin: 15px 0;
}

.v_software_platform p {
	font-size: 1rem;
	color: #666;
	min-height: 44px;
}

.software_cust {
	padding: 30px 0;
	background-color: #fff;
}

.v_software_cust {
	width: 45%;
	margin: 0 0 20px 0;
}

.software_cust .container .v_software_cust:nth-child(2),
.software_cust .container .v_software_cust:nth-child(4) {
	float: left;
}

.software_cust .container .v_software_cust:nth-child(3),
.software_cust .container .v_software_cust:nth-child(5) {
	float: right;
}

.v_software_cust li {
	font-size: 1.25rem;
	color: #03af60;
	font-weight: bold;
	padding: 5px 0;
}

.v_software_cust li img {
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	width: 100%;
	height: auto;
}

.v_software_cust li p {
	font-size: 1rem;
	color: #666;
	font-weight: normal;
	background-image: url(../image/li_bj.png);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 20px;
}

.photo_banner_mobile {
	background-image: url(../image/banner10_mobile.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 80vh;
	text-align: center;
	padding-top: 15%;
	display: none;
	position: relative;
}

.photo_banner_mobile h3 {
	margin-bottom: 15px;
}

.photo_banner_mobile h5 {
	color: #666;
}

.photo_banner_mobile img {
	margin-top: 20px;
}

.photo1 {
	padding: 30px 0;
	text-align: center;
}

.title2 {
	text-align: left;
}

.v_photo1 {
	float: left;
	width: 25%;
	text-align: center;
	margin-bottom: 30px;
	padding: 0 10px;
}

.v_photo1 h6 {
	font-size: 1.25rem;
	color: #000;
	margin: 15px 0;
}

.v_photo1 p {
	font-size: 1rem;
	color: #666;
}

.v_photo2 {
	width: 30%;
	float: left;
}

.photo2 .container .v_photo2:nth-child(3) {
	margin: 0 5%;
}

.v_photo_img {
	width: 100%;
	height: 200px;
	overflow: hidden;
}

.v_photo_img img {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
}

.v_photo_img img:hover {
	transform: scale(1.2);
}

.v_photo2 h6 {
	font-size: 1.25rem;
	color: #03af60;
	font-weight: bold;
	margin-top: 15px;
	text-align: center;
}

.photo2 {
	margin: 30px 0;
}

.data_banner {
	position: relative;
	background-image: url(../image/banner11.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 700px;
}

.data_banner {
	text-align: center;
}

.data_banner h3 {
	color: #fff;
	font-weight: bold;
	text-shadow: 3px 3px 0 #677e94;
	padding-top: 20%;
}

.data_banner_line {
	width: 50px;
	height: 4px;
	background-color: #a9d3ef;
	box-shadow: -1px 2px 0 #677e94;
	margin: 15px auto;
}

.data_banner p {
	color: #fff;
	font-weight: bold;
}

.data_banner img {
	position: absolute;
	left: 39%;
	bottom: 0;
}

.data_con1 {
	padding-top: 30px;
}

.v_data_con1 {
	width: 18%;
	border: 1px solid #dcdcdc;
	padding: 15px 10px;
	float: left;
	margin: 0 1%;
	text-align: center;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	margin-bottom: 30px;
	cursor: pointer;
}

.v_data_con1 p {
	font-size: 15px;
}

.v_data_con1_img {
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	width: 90px;
	height: 90px;
	margin: 0 auto 15px auto;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.v_data_con1:hover {
	background-color: #03af60;
	color: #fff;
}

.v_data_con1:hover .v_data_con1_img {
	background-position: 0 -90px;
}

.data_con1 .v_data_con1:nth-child(2) .v_data_con1_img {
	background-image: url("../image/data_icon1.png");
}

.data_con1 .v_data_con1:nth-child(3) .v_data_con1_img {
	background-image: url("../image/data_icon2.png");
}

.data_con1 .v_data_con1:nth-child(4) .v_data_con1_img {
	background-image: url("../image/data_icon3.png");
}

.data_con1 .v_data_con1:nth-child(5) .v_data_con1_img {
	background-image: url("../image/data_icon4.png");
}

.data_con1 .v_data_con1:nth-child(6) .v_data_con1_img {
	background-image: url("../image/data_icon2.png");
}

.data_con1 .v_data_con1:nth-child(7) .v_data_con1_img {
	background-image: url("../image/data_icon6.png");
}

.data_con1 .v_data_con1:nth-child(8) .v_data_con1_img {
	background-image: url("../image/data_icon7.png");
}

.data_con1 .v_data_con1:nth-child(9) .v_data_con1_img {
	background-image: url("../image/data_icon8.png");
}

.data_con1 .v_data_con1:nth-child(10) .v_data_con1_img {
	background-image: url("../image/data_icon9.png");
}

.data_con1 .v_data_con1:nth-child(11) .v_data_con1_img {
	background-image: url("../image/data_icon10.png");
}

.data_con2 {
	background-color: #031c2f;
	padding: 30px 0;
	position: relative;
}

.data_con2_img1 {
	position: absolute;
	left: 0;
	bottom: 0;
}

.data_con2_img2 {
	position: absolute;
	right: 0;
	top: 0;
}

.data_con2 .title h5,
.data_con2 .title p {
	color: #fff !important;
}

.v_data_con2_title {
	line-height: 40px;
	width: 40px;
	background-color: #1a7cbb;
	color: #fff;
	text-align: center;
	font-size: 18px;
	margin: 0 auto 15px auto;
	border-radius: 20px;
}

.v_data_con2 p {
	line-height: 26px;
	width: 100%;
	color: #000;
	font-size: 16px;
	min-height: 78px;
}

.v_data_con2 {
	margin-bottom: 30px;
	width: 30%;
	text-align: center;
	float: left;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 10px;
	border-radius: 4px;
	z-index: 99;
	position: relative;
}

.data_con2 .container .v_data_con2:nth-child(3) {
	margin: 0 5% 30px 5%;
}

.data_con2 .container .v_data_con2:nth-child(5) {
	width: 48%;
}

.data_con2 .container .v_data_con2:nth-child(6) {
	width: 48%;
	float: right;
}

.date_con3 {
	padding: 30px 0 0 0;
	min-height: 440px;
}

.v_data_con3 {
	width: 30%;
	float: left;
}

.con .v_data_con3:nth-child(2),
.con .v_data_con3:nth-child(5) {
	margin: 0 5%;
}

.v_data_con3 h6 {
	line-height: 30px;
	background-color: #03af60;
	font-size: 16px;
	color: #fff;
	padding-left: 10px;
	border-radius: 4px 4px 0 0;
	margin: 0;
	font-weight: 700;
}

.v_data_con3 {
	background-color: #fff;
	border-radius: 4px;
	border-bottom: 2px solid #c1c1c1;

}

.v_data_con3 p {
	padding: 10px;
	font-size: 16px;
	min-height: 108px;
}

.con {
	display: none;
}

#date_con3_2 {
	display: block;
}

#date_con3_2 .v_data_con3 h6 {
	background-color: #e62129;
}

.v_data_con3 {
	margin-bottom: 30px;
}

.date_con3_ul {
	text-align: center;
	margin-bottom: 30px;
}

.date_con3_ul li {
	width: 200px;
	display: inline-block;
	text-align: center;

}

.date_con3_ul li a {
	display: inline-block;
	width: 100%;
	line-height: 30px;
	color: #333;
	font-size: 30px;
	background-color: #dcdcdc;
	padding: 5px 0;
}

.date_con3_ul li a:hover {
	background-color: #1a7cbb;
	color: #fff;
}

.date_con_active {
	background-color: #1a7cbb !important;
	color: #fff !important;
}

.date_con4 {
	background-color: #fff;
	padding: 30px 0;
}

.date_con4 span {
	margin-bottom: 30px;
	display: inline-block;
}

.v_date_con4 {
	width: 22%;
	margin: 0 1.5%;
	float: left;
}

.v_date_con4 h6 {
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #fff;
	line-height: 26px;
}

.v_date_con4 p {
	font-size: 16px;
	color: #fff;
}

.v_date_con4 ul li {
	font-size: 16px;
	color: #fff;
}

.v_date_con4 {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 10px;
	border-radius: 4px;
	min-height: 393px;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;

}

.v_date_con4:hover {
	transform: scale(1.1);
	cursor: pointer;
}

.date_con4 .container .v_date_con4:nth-child(3) {
	background-image: url("../image/data_img3.jpg");
}

.date_con4 .container .v_date_con4:nth-child(4) {
	background-image: url("../image/data_img4.jpg");
}

.date_con4 .container .v_date_con4:nth-child(5) {
	background-image: url("../image/data_img5.jpg");
}

.date_con4 .container .v_date_con4:nth-child(6) {
	background-image: url("../image/data_img6.jpg");
}



.net_banner {
	background-image: url(../image/banner12.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 700px;
	position: relative;
}

.net_banner_img {
	float: left;
	width: 45%;
}

.net_banner_font {
	background-color: rgba(27, 131, 198, 0.46);
	padding: 15px;
	float: right;
	width: 45%;
	margin-top: 30px;
}

.net_banner_font1 {
	background-color: rgba(21, 109, 165, 0.54);
	padding: 15px;
}

.net_banner_font2 {
	background-color: #1a7cbb;
	padding: 15px;
}

.net_banner_font h3 {
	margin-top: 0;
	color: #fff;
}

.net_banner_font p {
	color: #fff;
}

.net_banner_font h5 {
	color: #fff;
}

.net_banner_line {
	width: 60px;
	height: 6px;
	background-color: #dc6a0a;
	margin: 15px 0 25px 0;
}

.net_banner .container {
	padding-top: 6%;
}



.net1 span {
	margin-bottom: 30px;
	display: inline-block;
}

.net1 {
	padding: 30px 0;
	background-color: #fff;
}

.v_net1 {
	width: 30%;
	float: left;

}

.net1 .container .v_net1:nth-child(4) {
	margin: 0 5%;
}

.v_net1 img {
	width: 100%;
	height: auto;
	border-radius: 4px;
}

.net2 {
	padding: 30px 0;
}

.net2 span {
	margin-bottom: 30px;
	display: inline-block;
	text-align: center;
	width: 100%;
}

.v_net2 {
	width: 33.3%;
	float: left;
}

.v_net2 img {
	width: 100%;
	height: auto;
}

.v_net2_font {
	width: 100%;
	height: 260px;
	background-color: #03af60;
	padding: 25px 15px;
}

.v_net2_font h6 {
	margin: 0;
	font-size: 1.25rem;
	color: #fff;
	font-weight: bold;
}

.v_net2_font_line {
	width: 30px;
	height: 3px;
	background-color: #fff;
	margin: 15px 0 20px 3px;
}

.v_net2_font p {
	font-size: 1rem;
	color: #fff;
	line-height: 1.25rem;
}

.v_net2_font p:last-child {
	margin-top: 10px;
}

.cctv_banner {
	position: relative;
	background-image: url("../image/banner13.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 693px;
}

.cctv_banner_font {
	position: absolute;
	left: 0;
	top: 160px;
	text-align: center;
	width: 100%;
}

.cctv_banner_font h3 {
	color: #fff;
	margin-bottom: 1.875rem;
}

.cctv_banner_font h5 {
	color: #fff;
	margin-bottom: 1.875rem;
}

.v_cctv_banner_font {
	display: inline-block;
	margin: 0 30px;
}

.v_cctv_banner_font p {
	font-size: 1rem;
	color: #fff;
	padding-top: 15px;
}

.cctv0 {
	padding: 30px 0;
}

.v_cctv0 {
	width: 25%;
	float: left;
	text-align: center;
	padding: 0 10px;
}

.v_cctv0 img {
	width: 100%;
	height: auto;
}

.cctv1 {
	background-image: url("../image/banner14.png");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 700px;
}

.cctv1_font {
	width: 50%;
	padding-top: 80px;
	padding-right: 15px;
}

.cctv1_font .title {
	text-align: left;
}

.cctv1_font .title h5 {
	padding-left: 20px;
}

.cctv1_font span {
	margin-bottom: 30px;
	display: inline-block;
}

.v_cctv1_font {
	width: 100%;
	display: inline-block;
	margin-bottom: 30px;
}

.v_cctv1_font img {
	float: left;
	margin-right: 10px;
}

.v_cctv1_font_inner {
	float: left;
}

.v_cctv1_font_inner h6 {
	font-size: 1.25rem;
	color: #000;
	margin: 0 0 15px 0;
}

.v_cctv1_font_inner p {
	font-size: 1rem;
	color: #666;
}

.goto_email_div {
	text-align: center;
}

.goto_email {
	line-height: 40px;
	width: 180px;
	border-radius: 20px;
	text-align: center;
	color: #03af60;
	border: 1px solid #03af60;
	font-size: 1rem;
	display: inline-block;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	margin: 30px 0;
	cursor: pointer;
}

.goto_email:hover {
	background-color: #03af60;
	color: #fff;
	box-shadow: 2px 2px 8px #03af60;
}

.marketing_banner {
	background-image: url(../image/banner15.jpg);
	background-position: center;
	background-repeat: no-repeat;
	min-height: 700px;
	background-size: cover;
	overflow-y: hidden;
	position: relative;
}

.marketing_banner .container {
	position: relative;
	min-height: 700px;
}

.marketing_banner_font {
	padding-top: 13%;
}

.marketing_banner_font h3 {
	color: #fff;
}

.marketing_banner_font h5 {
	color: #fff;
}

.marketing_banner_line {
	width: 60px;
	height: 6px;
	background-color: #ffbb00;
	margin: 15px auto 25px auto;
}

.marketing_banner_img {
	position: absolute;
	left: 20%;
	bottom: 0;
}

.social_icon1 {
	position: absolute;
	left: 0;
	top: 7%;
	width: 160px;
	height: auto;
}

.social_icon2 {
	position: absolute;
	right: 6%;
	top: 5%;
}

.social_icon3 {
	position: absolute;
	right: 0;
	top: 40%;
}

.social_icon4 {
	position: absolute;
	right: 0;
	bottom: 0;
}

.social_icon5 {
	position: absolute;
	left: 0;
	bottom: 8%;
}

.marketing_banner_font {
	text-align: center;
}


.marketing1 {
	padding: 30px 0 0 0;
}

.summary_span {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	font-size: 1rem;
	color: #000;
	text-align: center;
}

.v_markrting_left,
.v_markrting_right {
	width: 50%;
	float: left;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 400px;
	background-size: cover;
	position: relative;
}

.v_markrting1 .v_markrting_left {
	padding-left: 19%;
	background-color: #fff;
}

.v_markrting1 .v_markrting_right {
	background-image: url("../image/marketing_img1.jpg");
}

.v_markrting_left_font {
	z-index: 3
}

.v_markrting_left_font h5 {
	color: #000;
	margin: 30px 0 0 0;
	font-size: 1.875rem;
	display: inline-block;
}

.v_markrting_left_font ul li {
	font-size: 1rem;
	color: #666;
	line-height: 20px;
	margin: 15px 0;
}

.v_markrting_left_font_line {
	background-color: #03af60;
	width: 50px;
	height: 3px;
	margin: 20px 0 30px 0;
}

.v_markrting_left_font ul li i {
	color: #03af60;
	padding-right: 5px;
}

.v_markrting2 .v_markrting_left {
	background-image: url("../image/marketing_img2.jpg");

}

.v_markrting2 .v_markrting_right {
	padding-left: 6%;
	background-color: #fff;
}

.v_markrting_right_font h5 {
	color: #000;
	margin: 30px 0 0 0;
	font-size: 1.875rem;
	display: inline-block;
}

.v_markrting_left_font ul li {
	font-size: 1rem;
	color: #666;
	line-height: 20px;
	margin: 15px 0;
}

.v_markrting_right_font ul li i {
	color: #03af60;
	padding-right: 5px;
}

.v_markrting_right_font ul li {
	font-size: 1rem;
	color: #666;
	line-height: 20px;
	margin: 15px 0;
}

.v_markrting3 {
	background-image: url("../image/banner16.jpg");
	background-position: center;
	background-repeat: no-repeat;
	min-height: 300px;
	padding: 30px 0;
}

.v_markrting3 .title h5,
.v_markrting3 .title p {
	color: #fff;
}

.v_markrting3 ul {
	width: 550px;
	margin: 0 auto;
}

.v_markrting3 ul li {
	font-size: 1rem;
	color: #fff;
	line-height: 20px;
	margin: 15px 0;
}

.v_markrting3 ul li i {
	color: #03af60;
	padding-right: 5px;
}

.marketing_process .v_process {
	width: 25%;
}

.marketing_remark {
	min-height: 300px;
}

.contact_left {
	width: 45%;
	float: left;
}

.contact_left iframe {
	width: 100%;
	height: 350px;
	margin-bottom: 30px;
}

.v_contact_method {
	background-color: #fff;
	border-radius: 4px;
	width: 100%;
	padding: 15px 0;
	text-align: center;
	margin: 30px 0;
}

.contact_method .v_contact_method:nth-child(2) {
	margin-top: 0;
}

.v_contact_method i {
	color: #1a7cbb;
	font-size: 30px;
	padding-bottom: 15px;
	display: block;
}

.v_contact_method span,
.v_contact_method a {
	font-size: 16px;
	color: #000;
}

.contact {
	padding: 30px 0 60px 0;
}

.contact h6 {
	font-size: 20px;
	color: #000;
	margin-bottom: 15px;
	border-left: 2px solid #666;
	padding-left: 10px;
}

.contact_right {
	float: right;
	width: 45%;
}

.contact_right p {
	font-size: 16px;
	color: #666;
	margin-bottom: 30px !important;
}

.v_contat_right {
	margin-bottom: 15px;
}

.v_contat_right span {
	font-size: 16px;
	color: #666;
	line-height: 32px;
	display: block;
}

.v_contat_right input[type="text"] {
	line-height: 32px;
	font-size: 16px;
	color: #000;
	border: 1px solid #dcdcdc;
	width: 100%;
	padding-left: 10px;
}

.v_contat_right textarea {
	width: 100%;
	height: 200px;
	border: 1px solid #dcdcdc;
	padding-left: 10px;
}

.send_email {
	background-color: #dcdcdc;
	color: #666;
	line-height: 32px;
	font-size: 16px;
	width: 100%;
	border: none;
	margin-top: 15px;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.send_email:hover {
	background-color: #03af60;
	color: #fff;
}

/*.img-responsive {
	width: 100% !important;
}*/

.v_net2_img1,
.v_markrting2_2 {
	display: none;
}

.mobile_header {
	display: none;
	height: 89px;
	width: 100%;
}

.v_mobile_header {
	padding: 15px;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1005;
	width: 100%;
	background-color: #fff;
}

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

.mobile_menu_btn {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: right;
	border: 1px solid #dcdcdc;
	border-radius: 3px;
	background-color: #f1f1f1;
	margin-top: 9px;
}

.mobile_menu_ul {
	text-align: left;
	padding: 30px 0;
	position: absolute;
	right: -300px;
	top: 0;
	background-color: #1a7cbb;
	width: 300px;
	z-index: 999;
	height: 100vh;
	overflow-y: scroll;
}

.mobile_menu_ul>li>a {
	color: #fff;
	font-size: 1rem;
	line-height: 1.5rem;
	width: 100%;
	padding: 15px 30px;
	display: inline-block;
}

.mobile_menu_ul>li {
	border-bottom: 1px solid #6dbcef;

}

.mobile_sub_menu_li {
	padding: 15px 30px;
	color: #fff;
	font-size: 1rem;
	line-height: 1.5rem;
	width: 100%;
}

.mobile_sub_menu {

	background-color: #fff;
	color: #333;
	font-size: 16px;
	color: #666;
	display: none;
	margin-top: 10px;
}

.mobile_sub_menu_li i {
	float: right;
}

.mobile_sub_menu_li a {
	color: #666;
	padding: 5px 10px;
	display: inline-block;
	border-bottom: 1px solid #dcdcdc;
	width: 100%;
}

.close_mobile_menu_ul {
	float: right;
	padding-right: 15px;
	display: inline-block;
}

.close_mobile_menu_ul i {
	font-size: 30px;
	color: #fff;
}

.mobile_banner {
	display: none;

}

.godown {
	position: absolute;
	font-size: 30px;
	background-color: rgba(0, 0, 0, 0.5);
	left: 48%;
	bottom: 30px;
	z-index: 102;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	text-align: center;
	line-height: 50px;
	display: none;
}

.godown i {
	color: rgba(255, 255, 255, 0.8);
}

.down_location {
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 30px;
	left: 0;
}

.other_down_location {
	bottom: 60px !important;
}

.techdown {
	margin: 55px 0px;
}

.techdown i {
	font-size: 64px;
}

.techdown a {
	color: #333;
}

.x {
	height: 10px;
}

.header_shadow {
	box-shadow: 0 1px 3px #999;
}

.header_fixed {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	box-shadow: 0 1px 3px #999;
	z-index: 1000;
}

.checkout-section {
	min-height: 860px;
}

.album {
	margin: 30px 0;
	background-color: #fff;
	padding: 5px 15px;
	border-radius: 5px;
	box-shadow: 0px 2px #bababa;
	border: 1px solid #c7c7c7;
	box-sizing: border-box;
}

.album_title {
	font-weight: 600;
	padding: 10px 0;
	color: #005bac;
	font-size: 2rem !important;
}

.album_introduce {
	font-size: 1.3em;
	color: #666;
	line-height: 1.6em;
	text-align: justify;
}

.change_page {
	text-align: right;
	margin-bottom: 30px;
}

.change_page a {
	padding: 5px 10px;
	border: 1px solid #dcdcdc;
	color: #666;
	display: inline-block;
}

.change_page a:hover {
	background-color: #005bac;
	color: #fff;
	border: 1px solid #005bac;
}

.change_page_active {
	background-color: #005bac;
	color: #fff !important;
	border: 1px solid #005bac;
}

.v_album {
	font-size: 0;
}

.v_album_img {
	width: 20%;
	display: inline-block;
	font-size: 0;
	padding: 0 5px;
	margin: 10px 0;
}

.v_album_img img {
	width: 100%;
	height: auto;
}

.v_album h6 {
	background-color: #03af60;
	color: #fff;
	padding: 3px;
	font-size: 18px;
	display: inline-block;
	margin: 10px 0;
}

.gotop {
	position: fixed;
	font-size: 30px;
	background-color: #1a7cbb;
	right: 30px;
	bottom: 60px;
	z-index: 102;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	text-align: center;
	line-height: 50px;
	display: none;
	cursor: pointer;
}

.gotop i {
	color: #fff;
}

@media (min-width: 991px) {
	.order-lg-2 {
		order: 2 !important;
	}
	.order-lg-1 {
		order: 1 !important;
	}
}


@media (max-width: 1440px) {
	.monitoring_text, .payment_text, .kiosk_text {
		padding: 5rem;
	}
	.ev_img_group {
		right: 2%;
	}
	.shop_font {
		left: 5%;
	}

	.shop_img {
		right: 5%;
	}

	.web_type {
		top: 40%;
	}

	.control-round .carousel-control {
		background-color: rgba(0, 0, 0, .5) !important;
	}

	.intranet_banner .container {
		padding-top: 12%;
	}

	.data_banner img {
		left: 36%;
	}

	.net_banner .container {
		padding-top: 9%;
	}
}

@media (max-width: 1280px) {
	.shop_font {
		left: 2%;
	}

	.shop_img {
		right: 1%;
	}

	.summary {
		bottom: -180px;
	}

	.web_type {
		top: 33%;
	}

	.v_markrting1 .v_markrting_left {
		padding-left: 10%;
	}

	.data_banner img {
		left: 34%;
	}
	.ev_content {
		font-size: 26px;
	}
	.ev_img_group img {
		width: 70px;
	}
	.ev_img_group .ele:nth-child(1) span , .ev_img_group .ele:nth-child(2) span, .ev_img_group .ele:nth-child(3) span, .ev_img_group .ele:nth-child(4) span {
		font-size: 20px;
		width: 200px;
	}
	.monitoring_text, .payment_text, .kiosk_text {
		padding: 7rem;
	}
}

@media (max-width: 1199px) {
	.menu__link {
		padding: 0 8px;
	}
	.tech_item {
		width: 48%;
		margin: 0 1% 0 1%;
		float: left;
	}
	.about_item {
		width: 48%;
		margin: 0 0.8% 0 0.8%;
		float: left;
	}
	.about_item_2 {
		width: 100%;
		/*margin: 0 1% 0 1%;*/
		margin-top: 25px;
		float: left;
	}
	.tab_item {
		width: 48%;
		float: left;
	}
	.monitoring_text, .payment_text, .kiosk_text {
		padding: 5rem;
	}
}

@media (max-width: 1024px) {
	.monitoring_bg  {
		background-image: url(../image/monitor_1024.jpg);
	}
	.monitoring_text, .payment_text, .kiosk_text {
		padding: 2rem;
	}
	.ev_banner_img {
		bottom: 0px;
	}
	.monitoring_text, .payment_text, .kiosk_text {
		padding-bottom: 20px;
	}
	.ev_content  {
		display: none;
	}
	.ev_img_group {
		position: relative;
		right: auto;
		top: auto;
		display: block;
		margin: 0 auto;
		margin-top: 10px;
		text-align: center;
	}
	.ev_img_group .ele {
		display: inline-block;
		float: left;
		width: 50%;
		margin-bottom: 10px;
	}
	.menu__link {

		padding: 0 3px;
	}

	.v_service {
		width: 22%;
		margin: 30px 1.5%;
	}

	.v_item {
		min-height: 390px;
	}

	.middle_banner_font {
		top: 30%;
	}

	.service_contact {
		width: 47%;
		margin: 30px 1.5%;
	}

	.summary {
		position: static;
		margin: 30px 0;
	}

	.choose_us {
		margin-top: 30px;
	}

	.v_w_p p {
		min-height: 228px;
	}

	.menu--viola .menu__item {
		margin: 0 0.3em;
	}

	.web_process {
		margin-top: 0px;
	}

	.web_type {
		position: static !important;
		min-height: auto;
	}

	.web_type .container .v_web_type {
		position: static !important;
		float: left;
		width: 33%;
	}

	.v_web_type h6 {
		font-size: 1.25rem;
	}

	.v_web_type ul li {
		font-size: 14px;
	}

	.v_process {
		width: 33.3%;
		margin: 30px 0 0 0;
	}

	.v_shop_banner_img {
		width: 100%;
		height: auto;
	}

	.shop_banner {
		min-height: 493px;
	}

	.shop_house {
		left: 46%;
		bottom: 17.2%;
		width: 200px;
		height: auto;
	}

	.app_banner {
		min-height: 593px;
	}

	.app_banner_font {
		left: 30%;
	}

	.app_phone {
		width: 340px;
	}

	.v_intranet_function {
		width: 45%;
		margin: 30px 2.5% !important;
	}

	.v_software_platform p {
		min-height: 66px;
	}

	.v_data_con1 {
		width: 23%;
	}

	.v_date_con4 {
		width: 45%;
		margin: 30px 2.5%;
	}

	.v_net2_img1 {
		display: block;
	}

	.v_net2_img2 {
		display: none;
	}

	.v_net2 {
		width: 30%;
		margin: 0 1.5%;
	}

	.v_net2_font {
		min-height: 310px;
		height: auto;
	}

	.v_markrting1 .v_markrting_left {
		padding-left: 4%;
	}

	.intranet_banner_right {
		width: 50%;
		float: right;
		padding-top: 50px
	}

	.data_banner h3 {
		padding-top: 25%;
	}

	.data_banner img {
		left: 30%;
	}

	.marketing_banner_img {
		left: 16%;
	}
}

@media (max-width: 991px) {
	.monitoring_bg  {
		background-image: url(../image/man_system_2.jpg);
	}
	.about_divisionhr {
		margin: 75px 0px;
	}

	.tech_text {
		min-height: 180px;
	}
	.tab_item {
		width: 100%;
	}
	.tab_img {
		max-width: 40% !important;
	}
	.load_flex , .align_flex ,.payment_box, .monitoring_box, .kiosk_box{
		display: block;
	}
	.payment_bg, .monitoring_bg, .kiosk_bg {
		min-height: 500px !important;
	}
	.monitoring_text, .payment_text, .kiosk_text {
		padding: 50px;
	}
}

@media (max-width: 768px) {
	.ev_system_banner {
		min-height: auto;
    	height: 80vh;
    	background-image: url(../image/ev_system_bg_mobile.jpg);
	}
	.v_service_drop {
		left: -22%;
	}

	.Homedot {
		display: none;
	}

	.v_photo1 {
		width: 50%;
	}

	.v_photo1 p {
		min-height: 44px;
	}

	.v_service {
		width: 30%;
		margin: 30px 1.66%;
	}

	.v_item {
		min-height: 390px;
	}

	.middle_banner_font {
		top: 30%;
	}

	.service_contact {
		width: 63%;
	}

	.v_item {
		width: 45%;

	}

	.middle_banner_font {
		top: 25%;
	}

	.middle_banner_font h5 {
		font-size: 1.5rem !important;
		margin-bottom: 15px;
	}

	.middle_banner_font p {
		font-size: 1rem !important;
	}

	.v_about_banner h3 {
		font-size: 2.75rem !important;
	}

	.v_w_p p {
		min-height: 300px;
	}

	.web_type .container .v_web_type {
		width: 100%;
		float: none;
		margin: 30px 0;
	}

	.v_web_type ul {
		min-height: auto;
	}

	.web_type {
		padding: 0;
	}

	.shop_house {
		left: 45%;
		bottom: 16%;
		width: 180px;
	}

	.v_function_img {
		width: 40%;
	}

	.v_function_img img {
		width: 100%;
		height: auto;
	}

	.v_function_font {
		width: 59%;
	}

	.indicators-line>.carousel-indicators {
		right: 42% !important;
		bottom: 1% !important;
	}

	.app_banner {
		min-height: 453px;
	}

	.app_banner_font {
		left: 20%;
		top: 30px;
	}

	.app_banner_font2 {
		top: 150px;
	}

	.app_phone {
		width: 260px;
		top: 250px;
		left: 36%;
	}

	.app_advantage .col-md-6 {
		padding-left: 30%;
	}

	.v_software_platform p {
		min-height: 88px;
	}

	.v_software_cust {
		min-height: 233px;
	}

	.v_photo1 {
		vertical-align: top;
	}

	.v_data_con1 {
		width: 30%;
		margin: 0 1.6% 30px 1.6%;
	}

	.v_data_con3 p {
		min-height: 152px;
	}

	.v_data_con3 p {
		min-height: 174px;
	}

	.v_net2_font {
		min-height: 370px;
	}

	.v_cctv_banner_font {
		margin: 0 15px;
	}

	.cctv_banner_font h3 {
		font-size: 2.75rem !important;
	}

	.v_cctv0 {
		width: 45%;
		margin: 30px 2.5% 0 2.5%;
	}

	.cctv0 .v_cctv0:nth-child(2),
	.cctv0 .v_cctv0:nth-child(3) {
		margin-top: 0;
	}

	.cctv1 {
		background-image: url(../image/banner14_2.jpg);
		background-position: center;
		background-repeat: no-repeat;
		min-height: 430px;
		background-size: cover;
	}

	.cctv1_font {
		width: 100%;
	}

	.cctv1_font .title {
		text-align: center;
	}

	.v_cctv1_font {
		width: 50%;
		float: left;
	}

	.v_cctv1_font_inner {
		width: 240px;
	}

	.cctv1_font {
		padding: 30px 0;
	}

	.cctv1_font span,
	.cctv1_font .title h5,
	.v_cctv1_font_inner h6,
	.v_cctv1_font_inner p {
		color: #fff;
	}

	.v_markrting_left_font ul li i,
	.v_markrting_right_font ul li i {

		vertical-align: top;
	}

	.v_markrting_left_font ul li span,
	.v_markrting_right_font ul li span {
		display: inline-block;
		width: 320px;
	}

	.v_markrting2 .v_markrting_right {
		padding-left: 5%;
	}

	header {
		display: none !important;
	}

	.mobile_header {
		display: block;
		max-width: 768px;
	}

	.v_mobile_header {
		max-width: 768px;
	}

	.pc_banner {
		display: none;
	}

	.mobile_banner {
		display: block;
	}

	.Homebanner,
	.Homebanner ul li {
		height: 80vh;
	}

	.Homebannertext .bannerone h3 {
		font-size: 2.5rem !important;
	}

	.bottom_icon div {
		float: left;
		width: 25%;
		margin-bottom: 30px;
	}

	.bottom_icon img {
		margin-right: 0;
		padding-bottom: 10px;
	}

	.bottom_icon div p {
		font-size: 18px;
		color: #fff;
	}

	.bottom_icon {
		bottom: 260px;
	}

	.banner1_logo {
		top: 200px;
	}

	.mobile_about_banner {
		height: 80vh;
		min-height: auto;
	}

	.summary .container p {
		text-align: left;
	}

	.godown {
		display: block;
	}

	.pc_web_type {
		display: none;
	}

	.mobile_web_type {
		display: block;
	}

	.web_banner {
		background-image: url(../image/banner5_mobile.jpg);
		background-position: center;
		background-repeat: no-repeat;
		min-height: auto;
		height: 80vh;
		background-size: cover;
	}

	.web_banner_font h3 {
		color: #fff;
	}

	.web_banner_font h5 {
		color: #fff;
		background-color: #00618d;
	}

	.web_banner_img {
		display: block;
		padding-top: 30px
	}

	.shop_banner {
		display: none;
	}

	.shop_banner_mobile {
		display: block;
	}

	.shop_banner_font {
		padding-top: 60px;
	}

	.app_banner {
		display: none;
	}

	.app_banner_mobile {
		display: block;
		height: 80vh;
	}

	.intranet_banner {
		background-image: url(../image/banner8_mobile.jpg);
		min-height: auto;
		height: 80vh;
		background-size: cover;
	}

	.intranet_banner_left {
		width: 80%;
		float: none;
		padding: 15px;
		margin-left: 10%;
	}

	.intranet_banner_right {
		width: 100%;
		text-align: center;
	}

	.intranet_banner_right img {
		max-width: 430px;
	}

	.intranet_banner .container {
		padding-top: 5%;
	}

	.software_banner_mobile {
		display: block;
	}

	.software_banner {
		display: none;
	}

	.photo_banner {
		display: none;
	}

	.photo_banner_mobile {
		display: block;
	}

	.data_banner {
		background-image: url(../image/banner11_mobile.jpg);
		min-height: auto;
		height: 80vh;
	}

	.data_banner img {
		position: static;
		padding-left: 60px;
		margin-top: 30px;
	}

	.net_banner {
		background-image: url(../image/banner12_mobile.jpg);
		min-height: auto;
		height: 80vh;
	}

	.net_banner_font {
		width: 100%;
		float: none;
		text-align: center;
		margin-top: 0;
	}

	.net_banner_font h5 {
		display: inline-block;
	}

	.net_banner_line {
		margin: 15px auto 25px auto;
	}

	.net_banner_font2 h5:nth-child(5) {
		padding: 0 10px;
	}

	.net_banner_img {
		width: 100%;
		float: none;
		text-align: center;
	}

	.net_banner_img img {
		max-width: 400px;
		height: auto;
	}

	.net_banner_img {
		padding-top: 15px;
	}

	.net_banner .container {
		padding-top: 7%;
	}

	.cctv_banner {
		background-image: url(../image/banner13_mobile.jpg);
		min-height: auto;
		height: 80vh;
	}

	.cctv_banner_font {
		top: 26%;
	}

	.marketing_banner {
		background-image: url(../image/banner15_mobile.jpg);
		min-height: auto;
		height: 80vh;
	}

	.marketing_banner_font h5 {
		padding: 0 10%;
	}

	.marketing_banner_img {
		position: static;
		width: 500px;
		height: auto;
	}

	.marketing_banner_font {
		padding-top: 20%;
	}

	.social_icon1 {
		width: 120px;
		height: auto;
		left: 8%;
		top: 9%;
	}

	.social_icon2 {
		width: 120px;
		height: auto;
		right: 8%;
		top: 9%;
	}

	.social_icon3 {
		width: 120px;
		height: auto;
		right: 5%;
		top: 45%;
	}

	.social_icon4 {
		width: 120px;
		height: auto;
		right: 8%;
		bottom: 9%;
	}

	.social_icon5 {
		width: 120px;
		height: auto;
		left: 10%;
		bottom: 9%;
	}

	.marketing_banner .container {
		min-height: 80vh;
	}
}

@media (max-width: 767px) {
	.about_divisionhr {
		display: none !important;
	}

	.about_leftBox {
		margin: 0;
	}
	.tab_img {
		max-width: 100% !important;
	}

}

@media (max-width: 763px) {

	.Homebanner,
	.Homebanner ul li,
	.mobile_about_banner,
	.web_banner,
	.shop_banner_mobile,
	.app_banner_mobile,
	.intranet_banner,
	.software_banner_mobile,
	.photo_banner_mobile,
	.data_banner,
	.net_banner,
	.cctv_banner,
	.marketing_banner {
		height: 90vh;
	}

	.mobile_header {
		max-width: 763px;
	}

	.photo_banner_mobile img {
		width: 90%;
		height: auto;
	}

	.marketing_banner .container {
		height: 90vh;
	}
}

@media (max-width: 693px) {
	.about_item {
		width: 100%;
	}
	.about_divisionhr_2 {
		display: block;
	}
	.about_item_2 {
		margin-top: 0px;
	}
}

@media (max-width: 658px) {
	.tech_text {
		min-height: 195px;
	}
}

@media (max-width: 461px) {
	.pro_item {
		width: 49%;
	}
	.ev_banner_img {
		width: 430px;
		bottom: 60px;
	}
	.ev_img_group .ele:nth-child(1) span, .ev_img_group .ele:nth-child(2) span, .ev_img_group .ele:nth-child(3) span, .ev_img_group .ele:nth-child(4) span {
		background-color: transparent;
		margin-top: 5px;
		padding: inherit;
		color: #282828;
	}
	.ev_img_group {
		margin-top: 20px;
	} 
}

@media (max-width: 460px) {
	.lock_title {
		margin-left: auto;
	}
	.bottom_icon {
		bottom: 200px;
	}
	.ev_banner_font h3 {
		font-size: 2.1em !important;
	}
	.ev_banner_img {
		width: 400px;
	}
	.mobile_banner .shop_mobile_img {
		    left: 0px;
    bottom: 80px;
    right: 0px;
    margin: auto;
	}

	.mobile_banner .ev_text_img div:nth-child(2) img {
		width: 280px;
	}

	.mobile_banner .ev_text_img div:nth-child(1) img {
		width: 100px;
	}
	.mobile_banner .ev_text_img div:nth-child(2) {
		margin-top: 20px;
	}

	.mobile_banner .ev_text_img {
		margin-top: 185px;
		width: 350px;
	}
	.mobile_banner .ev_title {
		top: 615px;
	}
	.mobile_banner .ev_car {
		left: -20px;
	}
	.banner2_img {
		right: 0px;
		left: 60px;
		margin: auto;
	}
	.banner2_font1, .banner2_font2 {
    	width: 100%;
    	float: none;
	}
	.banner2_font {
    	position: absolute;
    	left: 22.14%;
    	top: 160px;
     	width: auto; 
}
}

@media (max-width: 559px) {
	.tech_text {
		min-height: inherit;
	}

	.tech_item {
		width: 100%;
	}
	.ev_banner_img {
		width: 430px;
		bottom: 60px;
	}

	.ev_img_group {
		margin-top: 40px;
	}
	.ev_img_group .ele:nth-child(1) span, .ev_img_group .ele:nth-child(2) span, .ev_img_group .ele:nth-child(3) span, .ev_img_group .ele:nth-child(4) span {
		background-color: transparent;
		margin-top: 5px;
		padding: inherit;
		color: #282828;
	}
	.payment_bg, .monitoring_bg, .kiosk_bg {
		min-height: 300px !important;
	}
}

@media (max-width: 414px) {
	.payment_bg, .monitoring_bg, .kiosk_bg {
		min-height: 260px !important;
	} 
	.ev_banner_font h3 {
		font-size: 2.7em !important;
	}
	.monitoring_text, .payment_text, .kiosk_text {
		padding: 10px;
		padding-top: 20px;
	}
	.ev_banner_img {
		width: 390px;
	}
	footer p {
		font-size: 14px;
	}
	.attestation_img img {
		float: 15%;
	}
	.v_album_img {
		width: 33%;
	}

	.v_service {
		width: 49%;
		margin: 30px 0.5%;
	}

	.v_service p {
		font-size: 1rem;
	}

	.service_contact {
		width: 99%;
		margin: 30px 0.5%;
	}

	.about_img,
	.about_font {
		width: 100%;
		float: none;
	}

	.middle_banner_font {
		top: 10%;
	}

	.middle_banner_font h5 {
		font-size: 14px !important;
		margin-bottom: 5px;
	}

	.middle_banner_font p {
		font-size: 14px !important;
	}

	.v_item {
		width: 100%;
		margin: 30px 0;
		min-height: auto;
	}

	.summary .container p {
		text-align: left;
	}

	.v_choose_us {
		width: 100%;
		float: none;
		margin: 30px 0;
	}

	.v_w_p {
		width: 100%;
		float: none;
		margin: 30px 0;
	}

	.v_w_p p {
		min-height: auto;
	}

	.v_process {
		width: 50%;
	}

	.v_process_font {
		min-height: 190px
	}

	.v_function_img,
	.v_function_font {
		width: 100%;
		float: none;
	}

	.control-round .carousel-control {
		display: block !important;
	}

	.bs-slider {
		min-height: 1000px !important;
	}

	.v_app {
		width: 100%;
		float: none;
		margin-top: 30px;
	}

	.app_advantage .col-md-6 {
		padding-left: 0;
		padding-right: 0;
	}

	.v_app_advantage_font h6 {
		font-size: 1rem;
	}

	.v_app_advantage_font p {
		font-size: 14px;
	}

	.v_app_advantage_font {
		padding-left: 5px;
	}

	.v_intranet_function {
		width: 100%;
		margin: 30px 0 !important;
	}

	.v_scope {
		width: 50%;
	}

	.v_scope h6 {
		height: 34px;
	}

	.v_software_platform {
		width: 100%;
		float: none;
		margin: 30px 0 0 0 !important;
	}

	.v_software_cust {
		width: 100%;
		float: none;
	}

	.v_photo1 {
		width: 100%;
		float: none;
	}

	.v_photo2 {
		width: 100%;
		float: none;
		margin: 30px 0 !important;
	}

	.v_photo_img img {
		width: 100%;
		height: auto;
	}

	.v_data_con1 {
		width: 48%;
		margin: 0 1% 30px 1%;
		padding: 15px 5px;
	}

	.v_data_con1 p {
		font-size: 14px;
	}

	.v_data_con2 {
		width: 45% !important;
		margin: 30px 2.5% 0 2.5% !important;
		float: left !important;
	}

	.data_con2 .container .v_data_con2:nth-child(4) {
		min-height: 257px;
	}

	.v_data_con3 {
		width: 45%;
		float: left;
		margin: 30px 2.5% 0 2.5% !important;
	}

	.date_con3 {
		padding: 30px 0;
	}

	.v_date_con4 {
		width: 100%;
		margin: 30px 0 0 0;
		min-height: auto;
	}

	.date_con3_ul li {
		width: 50%;
		float: left;
	}

	.v_data_con3 {
		min-height: 250px;
	}

	.data_con2_img img {
		max-width: 100%;
		height: auto;
	}

	.v_net1 {
		width: 100%;
		float: none;
		margin: 30px 0 0 0 !important;
	}

	.v_net1 {
		width: 100%;
		float: none;
		margin: 30px 0 0 0 !important;
	}

	.net1 .container .v_net1:nth-child(3) {
		margin-top: 0 !important;
	}

	.v_net2 {
		width: 100%;
		margin: 30px 0 0 0;
	}

	.v_net2_font {
		min-height: auto;
	}

	.v_cctv1_font {
		width: 100%;
		float: none;
		padding-left: 8%;
	}

	.cctv_banner_font {
		top: 15%;
	}

	.v_cctv_banner_font {
		width: 50%;
		margin: 15px 0 0 0;
		float: left;
	}

	.cctv_banner_font h3 {
		font-size: 1.5rem !important;
	}

	.cctv_banner_font h5 {
		font-size: 1.45rem !important;
	}

	.cctv_banner_font h5 {
		margin-bottom: 1.5rem;
	}

	.v_markrting_left,
	.v_markrting_right {
		width: 100%;
		float: none;
	}

	.v_markrting2 {
		display: none;
	}

	.v_markrting2_2 {
		display: block;
	}

	.v_markrting2_2 .v_markrting_left {
		background-color: #fff;
		padding-left: 4%;
	}

	.v_markrting2_2 .v_markrting_right {
		background-image: url(../image/marketing_img2.jpg);
	}

	.v_markrting_left {
		min-height: auto;
	}

	.v_markrting3 ul li i {

		vertical-align: top;
	}

	.v_markrting3 ul li span {
		display: inline-block;
		width: 320px;
	}

	.marketing_process .v_process {
		width: 50%;
	}

	.v_markrting3 ul {
		width: 100%;
	}

	.contact_left,
	.contact_right {
		width: 100%;
		float: none;
	}

	.Homebannertext .bannerone {
		top: 40%;
	}

	.Homebannertext .bannerone h3 {
		font-size: 1.5rem !important;
	}

	.banner1_logo {
		top: 160px;
	}

	.bottom_icon {
		bottom: 180px;
	}

	.banner2_img {
		position: absolute;
		left: 13.76%;
		height: 180px;
		top: 360px;
	}

	.banner2_font {
		width: 300px;
		height: 206px;
		top: 120px;
		left: 13.76%;
	}

	.banner2_font1,
	.banner2_font2 {
		width: 100%;
		float: none;
	}

	.banner2_font1 {
		position: absolute;
		z-index: 99;
		left: 0;
		top: 0;
	}

	.banner2_font2 {
		position: absolute;
		z-index: 91;
		left: 0;
		bottom: 0;
	}

	.shop_mobile_font {
		top: 70px;
	}

	.shop_mobile_img {
		bottom: 80px;
		left: 11.3%;
	}

	.shop_mobile_font h5 {
		width: 100%;
		float: none;
		text-align: left !important;
		padding: 0 0 0 40px !important;
	}

	.godown {
		left: 45%;
	}

	.v_about_banner {
		padding-top: 40px;
	}

	.v_about_banner h3 {
		font-size: 2rem !important;
	}

	.summary .container {
		padding: 15px;
	}

	.web_banner_img img {
		width: 300px;
		height: auto;
	}

	.shop_banner_mobile img {
		width: 320px;
		height: auto;
	}

	.mobile_header {
		max-width: 414px;
	}

	.intranet_banner_left {
		width: 100%;
		margin-left: 0;
	}

	.v_intranet_banner_left h3 {
		font-size: 2.5rem !important;
	}

	.v_intranet_banner_left h5 {
		font-size: 1.5rem !important;
	}

	.v_intranet_banner_left p {
		font-size: 1rem !important;
		margin-top: 15px;
	}

	.intranet_banner_right {
		padding-top: 20px;
	}

	.intranet_banner .container {
		padding-top: 5%;
	}

	.v_app_banner_mobile {
		padding-top: 0;
	}

	.v_app_banner_mobile p {
		display: none;
	}

	.v_app_banner_mobile img {
		max-width: 280px;
		height: auto;
	}

	.v_app_banner_mobile h5 {
		width: 100%;
	}

	.app_tip .v_app:nth-child(2) {
		margin: 30px 0 0 0;
	}

	.v_software_banner_mobile img {
		max-width: 400px !important;
		height: auto;
		left: 1% !important;
	}

	.v_software_banner_mobile h3 {
		font-size: 2rem !important;
	}

	.data_banner img {
		width: 350px;
		height: auto;
		padding-left: 30px;
	}

	.data_banner h3 {
		padding-top: 35%;
	}

	.net_banner_line {
		margin: 15px auto 15px auto;
	}

	.net_banner_font h5 {
		font-size: 1.25rem !important;
	}

	.net_banner_font h3 {
		font-size: 2.75rem !important;
	}

	.net_banner_img img {
		width: 300px;
	}

	.net_banner .container {
		padding-top: 4%;
	}

	.v_cctv_banner_font img {
		width: 90px;
		height: auto;
	}

	.marketing_banner_img {
		width: 320px;
	}

	.marketing_banner_font h3 {
		font-size: 2.75rem !important;
	}

	.marketing_banner_font h5 {
		font-size: 1.2rem !important;
	}

	.marketing_banner_font {
		padding-top: 30%;
	}

	.social_icon1 {
		width: 90px;
	}

	.social_icon2 {
		width: 90px;
	}

	.social_icon3 {
		width: 90px;
		right: 2%;
		top: 45%;
	}

	.social_icon4 {
		width: 90px;
		bottom: 15%;
		right: 5%;
	}

	.social_icon5 {
		width: 90px;
		left: 5%;
		bottom: 15%;
	}
}

@media (max-width: 375px) {
	.mobile_banner .ev_text_img {
		width: auto;
	}
	.mobile_banner .ev_car img {
		width: 310px;
	}
	.monitoring_text, .payment_text, .kiosk_text {
		padding-top: 40px;
	}
	.ev_banner_img {
		width: 360px;
		bottom: 60px;
	}
	.ev_img_group .ele:nth-child(1) span, .ev_img_group .ele:nth-child(2) span, .ev_img_group .ele:nth-child(3) span, .ev_img_group .ele:nth-child(4) span {
		width: auto;
		margin: auto;
		margin-top: 10px;
	}
	.v_album_img {
		width: 50%;
	}
	.attestation_img img {
		margin-left: 15%;
	}
.bx-wrapper .bx-controls-direction a {
	top: 205px;
	z-index: 1;
}
	.v_service {
		width: 100%;
		margin: 15px 0;
		padding-left: 25%;
	}

	.service_contact {
		width: 100%;
		margin: 15px 0;
	}

	.app_advantage .container {
		padding: 0 10px;
	}

	.v_data_con3 {
		width: 100%;
		float: none;
		margin: 30px 0 0 0 !important;
		min-height: auto !important;
	}

	.v_data_con3 p {
		min-height: auto !important;
	}

	.v_data_con1 {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.v_data_con2 {
		width: 100% !important;
		margin: 30px 0 0 0 !important;
		float: none !important;
		min-height: auto !important;
	}

	.v_cctv0 {
		width: 100%;
		margin: 30px 0 0 0;
	}

	.cctv0 .v_cctv0:nth-child(3) {
		margin-top: 30px;
	}

	.v_cctv1_font {
		padding-left: 0;
	}

	.v_markrting_left_font ul li span,
	.v_markrting_right_font ul li span {
		width: 280px;
	}

	.v_markrting3 ul li span {
		width: 280px;
	}

	.marketing_process .v_process {
		width: 100%;
	}

	.marketing_process .v_process_font {
		min-height: auto;
	}

	.Homebannertext .bannerone h3 {
		font-size: 1.25rem !important;
	}

	.Homebannertext .bannerone {
		top: 24%;
	}

	.banner1_logo {
		top: 30px;
	}

	.Homebannertext .bannerone {
		top: 30%;
	}

	.bottom_icon {
		bottom: 50px;
	}

	.bottom_icon div {
		float: left;
		width: 50%;
		margin-bottom: 30px;
	}

	.banner2_font {
		left: 10%;
		top: 30px;
	}

	.banner2_img {
		left: 10%;
		top: 252px;
	}

	.shop_mobile_font h3 {
		font-size: 1.75rem !important;
	}

	.shop_mobile_font h5 img {
		width: 36px;
		height: auto;
	}

	.shop_mobile_img {
		width: 280px;
		height: 217px;
	}

	.shop_mobile_font h5 {
		padding: 0 0 0 20px !important;
		font-size: 1.25rem !important;
	}

	.shop_mobile_font {
		top: 20px;
	}

	.godown {
		left: 45%;
		bottom: 30px;
		width: 40px;
		height: 40px;
		border-radius: 20px;
		text-align: center;
		line-height: 40px;
		z-index: 1002;
	}

	.summary .container p {
		font-size: 1rem;
	}

	.v_about_banner {
		padding-top: 20px;
	}

	.web_banner_font {
		padding-top: 40px;
	}

	.web_banner_img {
		padding-top: 0;
	}

	.mobile_header {
		max-width: 375px;
	}

	.v_intranet_banner_left {
		padding: 15px;
	}

	.v_app_banner_mobile img {
		max-width: 230px;
	}

	.v_app_banner_mobile h5 {
		font-size: 1.5rem !important;
		margin-top: 0;
	}

	.v_software_banner_mobile img {
		width: 100% !important;
		height: auto;
		left: 0 !important;
	}

	.v_software_banner_mobile_2 h3:last-child {
		font-size: 1.875rem !important;
	}

	.net_banner_img img {
		width: 220px;
	}

	.cctv_banner_font {
		top: 8%;
	}

	.social_icon1 {
		left: 2%;
		width: 80px;
	}

	.social_icon2 {
		right: 2%;
		width: 80px;
	}

	.social_icon3 {
		width: 80px;
	}

	.social_icon4 {
		bottom: 10%;
		width: 80px;
	}

	.social_icon5 {
		bottom: 10%;
		width: 80px;
	}

	.marketing_banner_font h5 {
		padding: 0;
	}

	.data_banner h3 {
		padding-top: 28%;
	}

	.data_banner img {
		width: 320px;
	}

	.cctv_banner_font h3 {
		font-size: 1.4rem !important;
	}

	.cctv_banner_font h5,
	.cctv_banner_font h3 {
		margin-bottom: 1.25rem;
	}

	.marketing_banner_font {
		padding-top: 25%;
	}

	.middle_banner_font {
		top: 0;
	}
}

@media (device-width: 375px) and (height: 812px) {
	.shop_mobile_font h5 {
		padding: 5px 0 0 20px !important;
	}

	.mobile_header {
		max-width: 375px;
	}

	.Homebannertext .bannerone {
		top: 32%;
	}

	.bottom_icon {
		bottom: 100px;
	}

	.banner1_logo {
		top: 80px;
	}

	.banner2_font {
		top: 130px;
	}

	.banner2_img {
		top: 370px;
	}

	.shop_mobile_img {
		bottom: 80px;
	}

	.shop_mobile_font {
		top: 30px;
	}

	.v_about_banner {
		padding-top: 80px;
	}

	.web_banner_font {
		padding-top: 50px;
	}

	.web_banner_img {
		padding-top: 40px;
	}

	.shop_banner_font {
		padding-top: 80px;
	}

	.shop_banner_mobile img {
		padding-top: 50px;
	}

	.intranet_banner .container {
		padding-top: 14%;
	}

	.v_intranet_banner_left {
		padding: 30px 15px;
	}

	.v_app_banner_mobile {
		padding-top: 20px;
	}

	.v_app_banner_mobile img {
		max-width: 280px;
	}

	.photo_banner_mobile {
		padding-top: 25%;
	}

	.data_banner h3 {
		padding-top: 42%;
	}

	.net_banner .container {
		padding-top: 7%;
	}

	.net_banner_img img {
		width: 300px;
	}

	.cctv_banner_font {
		top: 15%;
	}

	.marketing_banner_font {
		padding-top: 40%;
	}

	.social_icon4 {
		bottom: 15%;
	}

	.social_icon5 {
		bottom: 15%;
	}
}

@media (max-width: 360px) {
	.banner1_logo {
		top: 30px;
	}

	.Homebannertext .bannerone {
		top: 24%;
	}

	.bottom_icon {
		bottom: 60px;
	}

	.shop_mobile_img {
		width: 280px;
		height: 217px;
	}

	.shop_mobile_font h3 {
		font-size: 1.75rem !important;
	}

	.shop_mobile_font h5 {
		font-size: 1.25rem !important;
	}

	.shop_mobile_font h5 img {
		width: 36px;
		height: auto;
	}

	.banner2_font {
		top: 30px;
	}

	.banner2_img {
		top: 250px;
	}

	.web_banner_font {
		padding-top: 20px;
	}

	.shop_banner_font {
		padding-top: 20px;
	}

	.shop_banner_mobile img {
		width: 300px;
	}

	.photo_banner_mobile {
		padding-top: 6%;
	}

	.photo_banner_mobile img {
		width: 80%;
	}

}

@media (max-width: 320px) {
	.ev_banner_font h3 {
		font-size: 2em !important;
	}
	.ev_img_group .ele:nth-child(1) span, .ev_img_group .ele:nth-child(2) span, .ev_img_group .ele:nth-child(3) span, .ev_img_group .ele:nth-child(4) span {
		font-size: 16px;
	}
	.load_box {
		padding: 20px 15px;
	}
	.ev_banner_img {
    	width: 280px;
    	bottom: 120px;
	}
	.mobile_header {
		max-width: 320px;
	}

	.v_process {
		width: 100%;
		min-height: auto;
	}

	.v_cctv1_font_inner {
		width: 100%;
	}

	.v_cctv1_font {
		text-align: center;
	}

	.v_cctv1_font img {
		float: none;
		margin: 0 0 15px 0;
	}

	.v_markrting_left_font ul li span,
	.v_markrting_right_font ul li span {
		width: 260px;
	}

	.v_markrting3 ul li span {
		width: 260px;
	}

	.banner1_logo {
		top: 30px;
	}

	.banner1_logo img {
		width: 300px;
		height: auto;
	}

	.bottom_icon {
		bottom: 30px;
	}

	.Homebannertext .bannerone {
		top: 24%;
	}

	.banner2_font {
		left: 3%;
		top: 20px;
	}

	.banner2_img {
		left: 3%;
		top: 240px;
	}

	.shop_mobile_font h3 {
		font-size: 1.875rem !important;
	}

	.shop_mobile_font h5 {
		font-size: 1rem !important;
	}

	.shop_mobile_font h5 img {
		width: 25px;
		height: auto;
	}

	.shop_mobile_font h5 {
		width: 50%;
		float: left;
		text-align: left !important;
		padding: 0 0 0 10px !important;
		line-height: 1.5rem;
	}

	.shop_mobile_font div h5:nth-child(4),
	.shop_mobile_font div h5:nth-child(5) {
		width: 100%;
	}

	.shop_mobile_img {
		bottom: 60px;
		left: 2%;
	}

	.godown {
		bottom: 40px;
	}

	.summary .container p {
		font-size: 14px;
		line-height: 16px;
	}

	.web_banner_img img {
		width: 220px;
		height: auto;
	}

	.shop_banner_mobile img {
		width: 260px;
		height: auto;
	}

	.shop_banner_font {
		padding-top: 30px;
	}

	.shop_banner_font h3 {
		font-size: 2.75rem !important;
	}

	.shop_banner_font h5 {
		font-size: 1.5rem !important;
	}

	.v_intranet_banner_left h3 {
		font-size: 2rem !important;
	}

	.v_intranet_banner_left h5 {
		font-size: 1.25rem !important;
	}

	.v_intranet_banner_left p {
		margin-top: 10px;
	}

	.intranet_banner_right img {
		max-width: 240px;
	}

	.v_app_banner_mobile img {
		max-width: 180px;
	}

	.v_app_banner_mobile_1,
	.v_app_banner_mobile_2 {
		padding-top: 20px;
	}

	.v_software_banner_mobile h3 {
		font-size: 1.5rem !important;
	}

	.v_software_banner_mobile_2 h3:last-child {
		font-size: 1.5rem !important;
	}

	.v_software_banner_mobile_2 {
		padding-top: 10px;
	}

	.data_banner img {
		width: 300px;
		height: auto;
		padding-left: 0px;
		margin-top: 10px;
	}

	.data_banner h3 {
		padding-top: 16%;
	}

	.net_banner_font,
	.net_banner_font1,
	.net_banner_font2 {
		padding: 5px;
	}

	.net_banner_font h3 {
		font-size: 2rem !important;
	}

	.net_banner_line {
		margin: 5px auto 10px auto;
	}

	.net_banner_font h5 {
		font-size: 1rem !important;
	}

	.cctv_banner_font h3 {
		font-size: 1.2rem !important;
		margin-bottom: 1.25rem;
	}

	.cctv_banner_font h5 {
		font-size: 1rem !important;
		margin-bottom: 1.25rem;
	}

	.v_cctv_banner_font img {
		width: 80px;
	}

	.marketing_banner_font h3 {
		font-size: 2rem !important;
	}

	.marketing_banner_font h5 {
		font-size: 1rem !important;
	}

	.social_icon1 {
		left: 2%;
		width: 60px;
	}

	.social_icon2 {
		right: 2%;
		width: 60px;
	}

	.social_icon3 {
		width: 60px;
	}

	.social_icon4 {
		bottom: 10%;
		width: 60px;
	}

	.social_icon5 {
		bottom: 10%;
		width: 60px;
	}

	.marketing_banner_font {
		padding-top: 22%;
	}

	.marketing_banner_img {
		width: 280px;
	}

	.social_icon4,
	.social_icon5 {
		bottom: 15%;
	}
	.tablet_pintext {
		font-size: 14px;
	}
	.bx-viewport {
		height: 850px !important;
	}
	.attestation_img img {
		margin-left: 14%;
	}
}


/* Animation Timers
---------------------------------*/
.delay-02s {
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

.delay-03s {
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}

.delay-04s {
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

.delay-05s {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

.delay-06s {
	animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
}

.delay-07s {
	animation-delay: 0.7s;
	-webkit-animation-delay: 0.7s;
}

.delay-08s {
	animation-delay: 0.8s;
	-webkit-animation-delay: 0.8s;
}

.delay-09s {
	animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
}

.delay-10s {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
}

.delay-11s {
	animation-delay: 1.1s;
	-webkit-animation-delay: 1.1s;
}

.delay-12s {
	animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
}

.delay-13s {
	animation-delay: 1.3s;
	-webkit-animation-delay: 1.3s;
}