/* CSS Document */
header {
	position: fixed;
	color:#ffffff;
	width:100vw;
	z-index:99;
	backdrop-filter: blur(12px);
	height:70px;
	top:0;
	display: flex;
}
footer{
	background-color:#232323;
	width:100vw;
}
.headerbg {
	position:absolute;
	width:100vw;
	height:70px;
	background-color:#ffffff;
	display: block;
	z-index:110;
	filter: opacity(0.9);
	/*transition: all 0.5s ease;*/
}

header a{
	color:#ffffff;
	text-decoration:none;
}
.headerDiv {
	position: absolute;
	height: 70px;
	z-index:120;
	width: 100vw;
	overflow: hidden;
	box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.08);
}
.headerDivInner {
	width:1200px;
	margin:0 auto;
}
.logoDiv{
	float:left;
	width:220px;
	margin-top: 16px;
}
.topmenu{
	float:left;
	display: flex;
}
.wocyberLogo {
	padding-top:0;
}
.topRight{
	float:right;
	margin-right:12px;
}
.topmenu a{
	font-size: 16px;
	display: inline-table;
	text-decoration:none;
	padding:24px 12px;
	margin:0 5px;
}
.topmenu a:hover {
	color:#1998a5;
	background-color:rgba(0, 0, 0, 0.05);
}
.topLink {
	color:#333333;
}
.topLink:hover {
}
.hrefLink {
	color:#333333;
}
.topLink:hover {
	color:#000099;
}
.getRes{
	font-size:12px;
	display:inline-table;
	background-color:#1998a5;
	line-height:22px;
	border-radius:15px;
	padding:3px 15px;
	margin:20px 18px 0 0;
}
.getRes:hover {
	background-color:#00cee3;
}
.getRes2{
	background-color: #604991;
}
.submenu {
	position: fixed; 
	top: 70px;
	background-color: #ffffff; 
	width: 100vw; 
	min-height: 120px;
	z-index: 999;
	display: none;
	opacity: 0.95;
	filter:opacity(0.95);
	text-align: center;
	border-top: 1px solid #eee;
	box-shadow: 0 4px 5px 0px rgba(0, 0, 0, 0.1);
}	
.submenu a {
	color: #383838;
	font-size: 14px;
	width: 120px;
	display: block;
	padding: 5px;
	margin: 5px;
	border-radius: 5px;
}
.submenu a:hover {
	color: #fff;
	background-color: #1998a5;
}
#submenu1 .subMenuItem{
	margin-left: 250px;
}
.dropMenuDiv {
	width: 1100px;
	margin: 0 auto;
	min-height: 120px;
	padding-top: 6px;
	color: #383838;
}
.dropMenuDivLeft {
	width: 200px;
	height:300px;
	padding: 20px 0;
	float: left;
	background-color: #f5f5f6;
}
.dropMenuDivRight {
	width: 850px;
	max-height: 300px;
	float: right;
	overflow: auto;
}
.dropMenuDivLeft  a {
	display: block;
	padding: 3px;
	width: 120px;
	margin: 20px auto;
	text-align: center;
	font-size: 16px;
	border-bottom: 2px solid transparent;
}
.dropMenuDivLeft  a.ac {
	color: #1998a5;
	border-bottom: 2px solid #1998a5;
}
.dropMenuDivLeft  a:hover {
	color: #1998a5;
	border-bottom: 2px solid #1998a5;
}
.dropMenuRightItem {
	display: none;
	clear: both;
	margin: 20px 0;
}
#productList1 {
	display: block;
}

.dropMenuRightItem a{
	display: block;
	float: left;
	width: 180px;
	margin: 0 35px 20px 0;
	text-align: center;
	padding: 0;
}
.dropMenuRightItem a:nth-child(4n){
	margin-right: 0;
}
.dropMenuRightItem img{
	width: 180px;
	height: 110px;
	margin-bottom: 8px;
	border-radius: 6px;
	display: block;
}
.productListTitle {
	display: block;
	clear: both;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
	padding:20px 0 10px 0;
	margin-left: 75px;
	border-bottom: 1px solid #dddddd;
}
.productList {
	clear: both;
	margin: 20px 0 0 75px;
	display: flex;
}
.productList a{
	color: #333333;
	text-align: center;
	display: block;
	float: left;
	width: 180px;
	margin: 0 35px 20px 0;
	padding: 0;
}
.productList a:hover{
	color: #009ee6;
}
.productList img{
	width: 180px;
	height: 110px;
	margin-bottom: 8px;
	border-radius: 6px;
	display: block;
}
.productAnchor {
	margin-top: -70px; 
	position: absolute;
}





.footerDiv {
	width:1200px;
	color:#888888;
	font-size:12px;
	line-height:200%;
	margin:0 auto;
	padding:50px 0;
	display: table;
}
footer a{
	color:#888888;
	padding:4px 10px;;
	margin: -4px -10px;
	text-decoration:none;
}

.footerDiv p{
	display:inline-table;
	margin-right:20px;
}
.footerDiv a:hover{
	color:#ffffff;
	border-radius:4px;
	background-color:#444444;
	transition: all .3s ease;
}
.cellDiv {
	display:table-cell;
	vertical-align:top;
}
.cellLogo {
	width: 120px;
	margin-bottom: 10px;
}
.footerLink {
	 width:200px;
}
.footerLink li{
	display:block;
}

.footerLinkTitle {
	font-size:14px;
	font-weight: bold;
	display:block;
	color:#999999;
}

#videoWrapper {
	position: relative;
	width:100vw;
	max-height: 80vh;
	overflow: hidden;
	clear: both;
}
#startvideo {
	width:100vw;
	display: block;
}
.videoMask {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100vw; 
	background: -webkit-linear-gradient(0, transparent 0%, transparent 30%, #000 100%);
	background: -o-linear-gradient(0, transparent 0%, transparent 30%, #000 100%);
	background: -moz-linear-gradient(0, transparent 0%, transparent 30%, #000 100%);
	background: linear-gradient(0, transparent 0%, transparent 30%, #000 100%);
	z-index: 1;
}
.videoTextWrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100vw;
	z-index: 5;
}
.videoText {
	width: 1200px;
	margin: 0 auto;
	display: block;
}
.videoTextCap {
	font-size: 80px;
	font-weight: bold;
	color: #ffffff;
	margin: 240px 0 0 40px;
}
.videoTextTitle {
	font-size: 32px;
	font-weight: bold;
	color: #ffffff;
	margin: 40px 0 0 40px;
}
.videoTextContent {
	font-size: 18px;
	color: #ffffff;
	margin: 20px 0 0 40px;
	line-height: 150%;
}
.videoTextLink {
	font-size: 14px;
	margin: 20px 0 0 40px;
	line-height: 100%;
}
.videoTextLink>a{
	color: #ffffff;
	background-color: rgba(0, 206, 227, 0.7);
	padding: 10px 20px;
	border-radius: 20px;
}
.videoTextLink>a:hover{
	background-color: #1998a5;
}


.contentBodyWrapper {
	width:100vw; 
}
.contentBodyDiv {
	width:1200px;
	margin:0 auto;
	padding: 40px 0 20px 0;
	display:block;
	overflow: auto;
	clear: both;
}
.contentBody {
	width:100vw; 
	display:block;
	overflow:auto;
	clear: both;
}
.contentBodyDiv img{
	max-width: 100%;
}
.vgray {
	background-color:#f5fbfd;
}
.vdark {
	background-color:#000000;
}
.vpale {
	background-color:#f6f6f6;
}
.cc {
	margin-top: 70px;
}
.introVideo {
	width: 100%;
}
.homeNewsText {
	width:65%;
	color:#666666;
	font-size:16px;
	line-height:175%;
	float:left;
}
.homeNewsTextTitle {
	color:#555555;
	font-size:32px;
	padding:24px 0;
	line-height: 125%;
}
.newsTextLink {
	color: #ffffff;
	background-color: rgba(0, 206, 227, 1);
	padding: 8px 32px;
	margin-top: 12px;
	border-radius: 20px;
	display: inline-block;
}
.newsTextLink:hover{
	background-color: #1998a5;
}
.homeNewsImg {
	width:28%;
	float:right;
}
.homeNewsImg img {
	width:100%;
}
.homeProduct1 img{
	width:100%;
}
.homeproductUnique img{
	width:100%;
}
.productDetailDiv {}
.productDetailDiv .norImg{
	display: block;
	margin: 0 auto;
	max-width: 100vw;
}
.productParamDiv{
	color: #dddddd;
	background-color: #000000;
	width: 80%;
	margin: 0 auto;
}
.productParamDiv table {
	width: 90%;
	margin: 0 auto;
	border-top: 1px solid #666666;
}
.productParamDiv td {
	color: #dddddd;
	border-bottom: 1px solid #555555;
	padding: 5px 12px;
}
.productParamDiv .tdbb {
	border-bottom: none;
}
.contentBodyLeft {
	width: 20%;
	display: table-cell;
	vertical-align: top;
}
.contentBodyRight {
	width: 75%;
	display: table-cell;
}
.contentBodycell {
	width: auto;
	display: table-cell;
}
.contentBodyLeft  table{
	width: 100%;
}
.contentBodyLeft  a{
	color: #666666;
	border-bottom: 1px solid #eeeeee;
	display: block;
	padding: 4px 20px;
}
.contentBodyLeft  strong{
	font-weight: bold;
	color: #222222;
	border-bottom: 1px solid #eeeeee;
	display: block;
	padding: 4px 20px;
}
.contentBodyRight img {
	max-width:100%;
}
.contentBodyRight .title {
	font-size: 24px;
	font-weight: bold;
}
.anchor {
	display: block;
	height: 80px; 
}



.line1 {
	border:1px solid #333333;
	width: 100%;
	height:0px;
	margin:20px 0;
}
.beianImg {
	height:14px;
	vertical-align:middle;
}
.mycontactDiv {	
	background-color:#1d9ca9;
	overflow:hidden;
	width: 100vw;
	display: table;
}
.mycontactRow { display: table-row;}
.mycontactWhite {
	background-color:#FFFFFF;
	display: table-cell;
}
.mycontactBg {
	background-color:#1d9ca9;
	display: table-cell;
}
.mycontact {
	display: table-cell;
	width:1200px;
	background-color:#009ee6;
	background-image:url(../images/mycontact-bg.jpg);
	background-position:right;
	background-repeat:no-repeat;
	background-size:cover;
	padding:60px 0;
	color:#ffffff;
}
.mycontactTitle {
	font-size:40px;
	color:#ffffff;
	font-weight:normal;
}
.mycontactText {
	padding:32px 0;
	font-size:14px;
}
.mycontactButton {
	font-size: 14px;
	border-radius: 2em;
	line-height: 24px;
	color:#ffffff;
	background: rgba(255,255,255,0.2);
	border: solid 1px rgba(255,255,255,0.6);
	padding: 8px 30px;
	margin:0;
}
.mycontactButton:hover {
	background: rgba(255,255,255,0.4);
}
.contactusText {
	padding-top: 12px;
	font-size: 20px;
	line-height: 150%;
}
.columnTitle {
	font-size: 36px;
	padding: 32px;
	color: #666666;
	text-align: center;
	display: block;
	clear: both;
}
.columnProduct {
	display: table-cell;
	width: 24%;
	color: #555;
}
.columnProduct .tHead {
	text-align: center;
	font-size: 42px;
	color: #1998a5;
	font-weight: bold;
}
.columnProduct title {
	text-align: center;
	font-size: 18px;
	padding: 10px;
	display: block;
	font-weight: bold;
}
.columnProduct label {
	text-align: center;
	font-size: 24px;
	padding: 10px;
	display: block;
}
.columnProduct .mImg {
	width: 100%;
	border-radius: 10px;
}
.columnProduct .pImg {
	width: 100%;
	border-radius: 10px;
}
.columnProduct .columnNotes {
	padding: 10px 0;
	padding-left: 35px;
	color: #333333;
	background-color: #f1f2f2;
	border-radius: 0 0 10px 10px;
}
.columnProduct .itemNotes {
	padding: 10px 0;
	font-size: 14px;
	color: #333333;
	text-align: center;
}
.columnProduct .noteTitle {
	width:120px;
	display: inline-block;
	font-size: 16px;
	line-height: 150%;
}
.columnProduct .noteValue {
	font-weight: bold;
	color: #1998a5;
	font-size: 16px;
}
.columnThree {
	display: table-cell;
	width: 30%;
}
.columnThreeImg {
	width: 40px;
	margin: 10px auto;
	display: block;
}
.columnImg {
	width: 98%;
	margin: 5px auto;
	display: block;
}
.columSix {
	width: 15%;
	color: #555555;
	margin-right: 2%;
	float: left;
}
.columSix:nth-child(6n) {
	margin-right: 0;
}
.columSixImg {
	width: 100%;
	margin: 10px auto;
	display: block;
	border-radius: 6px;
}
.columnCellSpacer {
	display: table-cell;
	width: 0;
	font-size: 0;
}
.tableDiv {
	display: table;
	width: 100%;
}
.contacttUsPage {
	width: 600px;
	display: block;
	padding: 40px 0;
	margin: 0 auto;
}

.contacttUsPage input,textarea {
	padding: 15px 20px;
	margin: 10px auto;
	width: 100%;
	border: 1px solid #bbbbbb;
	border-radius: 5px;
}
.contacttUsPage .button-large {
	width: 100%;
	background-color: #1998a5;
	color: #ffffff;
	font-size: 16px;
	padding: 10px 20px;
	border: none;
	border-radius: 32px;
}
.contacttUsPage .button-large:hover {
	background-color: #00cee3;
}
.contacttUsPage .button-large:active {
	background-color: #078491;
}
.blackbg {
	background-color: #000000;
}
.graybg {
	background-image:url("../images/graybg.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}
.graydotbg {
	background-image:url("../images/graydotbg.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}
.graylinebg {
	background-image:url("../images/graylinebg.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}
.graydotbg {
	background-image:url("../images/graydotbg.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
}
.contentImg {
	display: block;
	display: flex;
}
.contentImg img {
	width: 100vw;
	display: block;
}
.contentImgTextDiv {
	width: 100vw;
	position: absolute;
	left: 0;
}

.contentImgTextWrapper {
	width: 1100px;
	margin: 0 auto;
}
.contentImgTitle {
	font-size: 30px;
	color: #ffffff;
	margin-top: 100px;
	font-weight: bold;
}
.contentImgText {
	font-size: 16px;
	color: #ffffff;
	margin-top: 40px;
	width: 55%;
	line-height: 180%;
}
.cTitle {
	text-align: center;
	font-weight: bold;
	display: block;
	padding: 0;
}
.mImgContent {
	display: block;
	width: 100vw;
	padding: 40px 0 20px 0;
}
.mImgContentWrapper {
	width: 1200px;
	margin: 0 auto;
}
.mImg {
	display: block;
	width: 90%;
	margin: 0 auto;
}
.partnerDiv {
	width: 1200px;
	margin: 0 auto;
}
.partnerDiv img{
	width: 16%;
	margin: 12px 3.5% 12px 1%;
	float: left;
	border-radius: 8px;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
}
.partnerDiv img:nth-child(5n){
	margin: 12px 0 12px 1%;
}
.universityDiv {
	width: 1200px;
	margin: 0 auto;
}
.universityDiv img{
	width: 48%;
	margin: 12px 0;
	float: left;
	border-radius: 8px;
}
.universityDiv img:nth-child(2){
	float: right;
}
.zpItem {
	display: block;
	background-color: #ffffff;
	border-radius: 10px;
	padding: 20px;
	margin: 15px;
	width: 30%;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15); 
	float: left;
}
.zpItem:hover {
	background-color: #def0fa;
}
.loca {
	height: 16px;
	width: 11px;
	display: inline;
	vertical-align: middle;
	margin: 0 4px;
}
.zpTitle {
	font-weight: bold;
	font-size: 20px;
	display: block;
	padding: 5px 0;
	color: #333333;
}
.zpText {
	display: block;
	padding: 10px 0;
	color: #333333;
}
.contactZpPage {
	width: 800px;
	display: block;
	padding: 40px 0;
	margin: 40px auto;
}
.zpDetail {
	line-height: 220%;
}
.contenNotes {
	margin-bottom: 20px;
	padding: 20px;
	background: #666666;
	border-radius: 10px;
	color: #ffffff;
}

.contentImgNotes {
	margin-bottom: 20px;
	color: #1598a7;
	text-align: center;
}
.homeImg4 {
	background-color: #222c38;
}

.buttonItem {
	width: 360px;
	color: #ffffff;
	background-color: rgba(255,255,255,0.1);
	border-radius: 12px;
	font-size: 16px;
	padding: 20px;
	margin: 20px;
	float: left;
	cursor: pointer;
}
.buttonItem:hover {
	background-color: rgba(255,255,255,0.4);
}

.anliList {
	display: block;
	margin: 15px 5px;
}
.anliList li{
	display: block;
	width: 150px;
	float: left;
	text-align: center;
	color: #666666;
	background-color: #ffffff;
	margin: 10px;
	padding: 32px 0;
	border-radius: 10px;
}
.anliList li:hover{
	box-shadow: 0 0 12px #e6e6e6;
}
.anliList .anliHead{
	font-size: 32px;
	color: #009eae;
	font-family: Arial;
	margin-bottom: 10px;
}
.newsNav {
	margin-bottom: 12px;
	color: #888;	
}
.newsNav a{
	color: #888;
}
.newsNav a:hover{
	color: #1998a5;
}
.newsNavYear {
	margin: 12px;
	color: #333;
	font-size: 20px;
}
.newsitem {
	width: 98%;
	background-color: #ffffff;
	border-radius: 4px;
	display: block;
	margin: auto;
	margin-bottom: 30px;
}
.newsitem:hover {
	box-shadow: 0 0px 12px 0 rgba(0, 0, 0, 0.1);
}
.newsitem .liImg {
	display: table-cell;
	width: 360px; 
	vertical-align: top;
}
.newsitem .liImg img {
	border-radius: 4px 0 0 4px;
}
.newsitem .liDate {
	display: table-cell;
	width: 100px; 
	vertical-align: middle;
	text-align: center;
}
.newsitem .liDateDiv {
	border-right: 1px solid #eeeeee;
	padding: 40px 0;
	text-align: center;
}
.newsitem .liDateDay {
	font-size: 36px;
	margin: 16px 0px;
}
.newsitem .liDateMonth {
	color: #666666;
	font-size: 16PX;
}
.newsitem .liMain {
	display: table-cell;
	vertical-align: top;
	padding: 20px;
}
.newsitem .liTitle {
	color: #333333;
	display: block;
	font-size: 24px;
	margin: 20px;
	line-height: 125%;
}
.newsitem .liTitle:hover {
	color: #1998a5;
}
.newsitem .liText {
	color: #666;
	margin: 20px;
}
.newsitem img {
	width: 100%;
}
.newsCB {
	background-color: #FFFFFF;
	padding: 20px 100px;
	min-height: 400px;
	border-radius: 4px;
}
.newsCB .postTime {
	color: #888;
	text-align: center;
}
.newsCB h1{
	color: #333333;
	line-height: 125%;
	padding: 10px;
}
.newsCB hr{
	border-style: none;
	border-bottom: 1px solid #ddd;
}
.newsCB img{
	max-width: 960px;
	margin: 10px;
}
.newsMainText {
	font-size: 18px;
	padding: 20px 0;
	line-height: 180%;
}



.caseitem {
	background-color: #ffffff;
	width: 550px;
	border-radius: 4px;
	display: block;
	margin-right: 100px;
	margin-bottom: 50px;
	float: left;
}
.caseitem:hover {
	box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
}
.caseitem:nth-child(2n) {
	margin-right: 0;
}
.caseitem .caImg {
	overflow: hidden;
	border-radius: 4px 4px 0 0;
}
.caseitem img {
	width: 100%;
}
.caseitem .caTitle {
	color: #333333;
	display: block;
	font-size: 24px;
	text-align: center;
	line-height: 100%;
	margin: 20px;
	white-space: nowrap;
}
.caseitem .caTitle:hover {
	color: #1998a5;
}
.caseitem .caText {
	color: #666;
	margin: 10px 20px;
	height: 85px;
	overflow: hidden;
}
.topThemeWrapper {
	overflow: hidden;
	background-color: #05436d;
	width: 100vw;
	min-width: 960px;
	height: 50vh;
	min-height: 360px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.htw{
	height: 70vh;
}
.solutionBg {
	background-image: url("../images/solution-head.jpg");
}
.newsBg {
	background-image: url("../images/news.jpg");
}
.caseBg {
	background-image: url("../images/case-head.jpg");
}
.aboutBg {
	background-image: url("../images/about1.jpg");
	background-color: #61518e;
}
.dctaoBg {
	background-image: url("../images/dctao-head.jpg");
}
.dctaofunBg {
	background-image: url("../images/dctao-head2.jpg");
}
.dctaoScenseBg {
	background-image: url("../images/dctao-head3.jpg");
}
.topThemeDiv {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
.topThemeContent {
	margin-top: 170px;
	margin-left: 100px;
	width: 45%;
	color: #fff;
	line-height: 180%;
}
.topThemeTextBig {
	font-size: 20px;
	margin-bottom: 10px;
}
.topThemeText {
	
}
.topThemeTitle{
	font-size: 36px;
	margin-bottom: 40px;
	font-weight: bold;
}
.abuWrapper {
	position: absolute;
	height: 140px;
	width: 100vw;
	margin-top: -140px;
	background-color: rgba(0,0,0,0.5);
	padding: 0;
	min-width: 960px;
	z-index: 1;
}
.abuDiv {
	height: 140px; 
	width: 1200px;
	margin: 0 auto;
}
.abuItemList {
	width: 100%;
	display: table; 
}
.abuItem {
	display: table-cell; 
	width: 20%;
	text-align: center; 
	padding-top: 20px;
	color: #ffffff;
}
.abuImg {
	display: block;	
	clear: both;
	width: 50px;
	margin: 10px auto;
	filter: opacity(0.85);
}
.soluVideo {
	width: 90%;
	margin: 0 auto;
	display: block;
}
.ta {
	font-size: 24px;
	font-weight: bold;
	margin: 10px auto;
	color: #364082;
}
.t2 {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	margin: 20px auto;
	color: #444;
}
.t3 {
	font-size: 18px;
	text-align: center;
	margin: 20px auto;
	color: #444;
}
.ti {
	text-align: center;
	margin: 32px;
	display: block;
	font-size: 20px;
	line-height: 150%;
	color: #555;
}
.gti {
	font-size: 20px;
	font-weight: bold;
}
.gtix {
	font-size: 20px;
	font-weight: bold;
	background-color: #b8e2f8;
	display: block;
	margin-bottom: 10px;
	border-radius: 15px;
}
.gtd {
	background-color: #fff;
	height: 100%;
	border-radius: 12px;
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
	overflow: hidden;
}
.gtdTitle {
	display: block;
	background-color: #2d71f6;
	color: #fff;
	font-size: 28px;
	padding: 40px 20px;
	font-weight: bold;
}
.gridTable {
	margin: auto;
}
.gridTable td {
	padding: 10px 30px;
	font-size: 16px;
	vertical-align: top;
	line-height: 170%;
}
.gridTableHtd:hover {
	background-color: #e6edfc;
	border-bottom: 20px;
}
.gridTable img {
	width: 100%;
}
.gridTable .img2 {
	width: 80%;
	margin: auto;
	display: block;
}
.gridTable li {
	margin-left: 20px;
}
.gridTable2 td {
	padding: 15px;
	font-size: 16px;
	vertical-align: top;
	line-height: 170%;
}
#mapContainer {
	width: 100%;
	height: 600px;
	border: 1px solid #999;
}
.mapAddItem {
	padding: 15px 30px; 
	display: block; 
	border-bottom:1px solid #ccc;
	cursor: pointer;
}
.mapAddItem:hover {
	background-color: #eee;
}
.mapAddLabel {
	font-size: 16px; 
	font-weight: bold; 
	color: #333; 
	margin-bottom: 10px
}
.mapAddText {
	font-size: 14px; 
	line-height: 125%;  
	color: #888;
}
.cuAdd {
	background-color: #eee;
}
.gtWrapper {
	background-color: #fff; 
	border-radius: 8px; 
	overflow: hidden; 
	width: 90%; 
	margin: auto; 
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.gtWrapper:hover {
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.gtContent {
	padding: 20px;
}
.gttable {
	width: 90%;
}
.gttable td {
	font-size: 16px;
	color: #666;
	padding: 10px 0;
	line-height: 200%;
}
.gtItemDiv {
	display: table;
	width: 100%;
	margin-top: 12px;
}
.gtItemTd {
	display: table-cell;
	width: 25%;
}
.gtItem {
	background-color: #eee; 
	border-radius: 5px; 
	padding: 15px 10px;
	margin-right: 10px;
}
.gtItemNumber {
	font-size: 20px; 
	white-space: nowrap; 
	text-align: center; 
	font-weight: bold; 
	color: #555;
}
.gtItemLabel {
	font-size: 14px; 
	white-space: nowrap; 
	text-align: center; 
}
.gtItemDir {
	font-size: 16px; 
	white-space: nowrap; 
	text-align: center;
	margin: 5px auto;
	padding: 3px;
	background-color: #1998a5;
	color: #fff;
	border-radius: 28px;
	width: 75px;
}

@media screen and (max-width: 1180px) {
	.contentBodyDiv, .headerDivInner, .videoText, .footerDiv, .partnerDiv, .mycontact, .mImgContentWrapper, .contentImgTextWrapper, .abuDiv {
		width: 95%;
		min-width: 95%;
		max-width: 100%;
		margin: auto;
	}
	#videoWrapper {
		height: 60vh;
	}
	#startvideo {
		height: 100%;
		width: auto;
	}
	.productList a{
		width: 20%;
	}
	.productList img{
		width: 100%;
		height: auto;
	}
	.footerLink {
	 	width:16%;
	}
	.topThemeTitle {
		font-size: 28px;
	}
	.topThemeTextBig {
		font-size: 16px;
	}
	.caseitem {
		width: 100%;
	}
	.newsMainText img {
	width: 100%;
	}
}