@charset "utf-8";
/* CSS Document */
.guideBanner {background:#f3f3f3 url(images/t_w_bg.jpg) no-repeat center center; padding:80px 0; text-align:center;}
.guideBanner .title {font-size:40px; line-height:1.2em; color:#00a2ea;}
.guideBanner .info {font-size:20px; line-height:1.4em; padding:20px 0;}
.guideBanner .info p {padding:10px 0;}

.sidebar {float:left; width:23%; padding:60px 0 0 0;}
.cont {margin:0 0 0 25%; padding:60px 0 0 5%; border-left:solid 2px #00a2ea;}
@media (max-width: 767px) {
	.sidebar{float:none;width:auto;}
	.cont{margin:0;padding:20px 0 0 0;border-left:none;border-top:solid 2px #1eade7;}
}

.guideSide_sys {text-align: center; padding-bottom: 20px; margin-bottom: 30px; font-size: 34px; line-height: 1; color: #c0c0c0; border-bottom: solid 1px #d4d4d4;}
.guideSide_sys a:hover {text-decoration: none; color: #00a2eb;}
.guideSide_sys li {display: inline-block; padding: 10px;}
.guideSide_sys li.curr a {color: #00a2eb;}
.guideSide_menu {padding:0 0 20px 0; overflow:hidden;}
.guideSide_menu .sName {font-size:16px; line-height:1.2em;overflow:hidden; padding-bottom:15px; cursor:pointer;}
.guideSide_menu .sName a {color:#666;}
.guideSide_menu .sName:hover,
.guideSide_menu .sName a:hover,
.guideSide_menu .sName.curr,
.guideSide_menu .sName.curr a {color:#00a2ea; text-decoration:none;}
.guideSide_menu .sName strong {float:left; display:block; width:40px;}
.guideSide_menu .sName span {display:block; padding:10px 0 6px 50px;}
.guideSide_menu ul {clear:both; padding:0 0 30px 63px;}
.guideSide_menu ul li {padding:0 0 10px 0;font-size:15px; line-height:1.2em;list-style: disc;color: #888;}
.guideSide_menu ul li a {color: #888;}
.guideSide_menu ul li a:hover,
.guideSide_menu ul li.curr a {color:#1eade7; text-decoration: underline;}
@media (max-width: 767px) {
	.guideSide_menu .sName{float:left;width:50%;font-size:14px;}
}

table{border-collapse:collapse;border-spacing:0;}
.table1 {background: #fff; margin:0 auto;}
.table1 img{ max-width:100%}
.table1 td,.table1 th{padding:15px 20px;border: 1px solid #e5e5e5;}
.table1 th{ font-weight:bold; font-size:14px; }

.guide_column {font-size:36px; line-height:1.2em; color:#444;}
.guide_con {padding:30px 0 50px 0; font-size:16px; line-height:1.6em;}
.guide_con h2, .guide_con h1 {font-size:34px; line-height:1.4em; font-weight:normal; padding:10px 0;}
.guide_con h3 { font-size:24px; line-height:1.4em; font-weight:normal; padding:20px 0;}
.guide_con p {padding:5px 0 20px;}
.guide_con a {color:#00a2ea;}
.guide_con ul {padding:0 0 20px 0;}
.guide_con ul li {list-style:outside disc; line-height:1.7em; margin-left:18px;}
.guide_con .videoBox {height:350px; padding:10px 0;}
.guide_con .btn {padding:20px 0;}
@media (max-width: 767px) {
	.guide_con .img {text-align:center;}
}
.guide_next {padding:0 0 50px 0;}
.guide_next a {border:solid 2px #0960b0; border-radius:100px; padding:10px 20px; color:#0960b0; font-size:18px; line-height:1.2em;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.guide_next a:after {content:'\e91f'; font-family:'globalIconfont'; color:#0960b0;font-size:18px; line-height:1.2em; padding:0 0 0 7px; vertical-align:middle;}
.guide_next a:hover {text-decoration:none; background-color:#0960b0; color:#fff;}
.guide_next a:hover:after {color:#fff;}

/*tech*/
.techBox {padding: 60px 0;}
.techBox .columnBox,
.techBox .column{text-align: center;}
.techBox .title {font-size: 20px;text-align: center; padding-bottom: 25px;}
.techBox .menu {margin: 30px 5%;}
.techBox .info {padding: 0 0 20px 0;}
.techBox .itemBox:after,
.techBox .dl_table:after,
.techBox .dl_table dd ul:after,
.techBox .list:after {display: block;content: '';clear: both;}
.techBox .dl_table dt {float: left;width: 230px; padding: 10px 0; color: #0960b0; font-size: 18px; line-height: 1.2em;}
.techBox .dl_table dd {margin-left:250px; color: #999; overflow: hidden;}
.techBox .dl_table dd ul li {float: left;width: 25%; padding: 5px 0;}
.techBox .dl_table dd ul li:nth-of-type(4n+1) {clear: both;}
.techBox .itemBox {color: #999; line-height: 1.4em;}
.techBox .itemBox a {color: #0960b0;}
.techBox .itemBox .item {float: left;width: 20%; min-height: 380px; padding: 2% 2% 0; margin-left: 1%; background: #fff; border-radius: 5px; box-shadow:0 0 10px #333;box-shadow:0 0 10px rgba(53,49,50,.2);}
.techBox .itemBox .item:first-child,
.techBox .itemBox .item:nth-of-type(4n+1) {clear: both;margin-left: 0;}
.techBox .itemBox .title {font-size: 18px; line-height: 1.4em;  color: #4a4a4a; text-align: left; padding-bottom:20px;}
.techBox .itemBox .title img {margin-right: 5px;}
.techBox .itemBox .title p {padding-top: 5px;}
.techBox .itemBox .title p a {color: #999;}
.techBox .dl_item {padding-bottom: 15px;}
.techBox .dl_item dt {font-size: 16px; color: #4a4a4a; padding-bottom: 5px;}
.techBox .list {padding-bottom: 15px;}
.techBox .list li {float: left;width: 50%; padding: 3px 0;}
.techBox .list li:nth-of-type(2n+1) {clear: both;}
.techBox .note {font-size: 12px; line-height: 1.4em;}
@media (max-width: 979px) {
	.techBox .menu {margin: 30px 0;}
	.techBox .itemBox .item {width: 45%; min-height: 350px; margin-bottom:10px;}
	.techBox .itemBox .item:nth-of-type(4n+1) {clear: inherit;margin-left: 1%;}
	.techBox .itemBox .item:nth-of-type(2n+1) {clear: both;margin-left: 0;}
}
@media (max-width:479px) {
	.techBox .itemBox .item {float: none; width: auto; min-height: inherit; margin-left: 0; padding: 20px;}
	.techBox .dl_table dt {float: none; width: auto;}
	.techBox .dl_table dd {margin-left: 0;}
	.techBox .dl_table dd ul li {float:none;width: auto;}
}

.device_logo_icon{ border-radius:5px; border:1px solid #e9e9e9;}
.device_logo_icon a{ border-right:1px solid #e9e9e9; height:86px; width:16.55%; text-align:center;display:inline-block; margin:0;}
.device_logo_icon a:last-child{ border-right:none;}
.device_logo_icon .bgCol_gray { background-color:#f8f8f8;}
.device_logo_icon a:hover{ background-color:#f1f1f1;}
.search_device {line-height:30px;}
.search_device:after {display: block;content: '';clear: both;}
.search_device dd.form_search {float: right; margin: 0; font-size: 16px; line-height: 1.4em;}
.search_device .form_search span {display:inline-block;padding-right: 10px; vertical-align: middle;}
.search_device .form_search form {display:inline-block; vertical-align: middle;}
.search_device .inputText{display:inline-block; height:34px; line-height:34px; border:2px solid #0960b0; padding:0 5px; margin:0; float: left; width:200px;}
.search_device .btn_search{display:inline-block;padding:0 10px;width:60px;height:38px; line-height:38px; background:#0960b0;color:#fff; text-align:center; float: left;}
.search_device .btn_search:hover {text-decoration: none;}
@media (max-width: 979px) {
	.device_logo_icon a{ width:33%;}
}
@media (max-width: 767px) {
	.device_logo_icon a{ width:49.5%;}
}

.tech_table {padding:30px 0 0 0;}
.tech_table .table1 {background: #fff; margin:0 auto;}
.tech_table .table1 thead strong {font-weight: normal;color: #4a4a4a;}
.tech_table .table1 img{ max-width:100%}
.tech_table .table1 td,.tech_box .table1 th{padding: 15px 13px;border: 1px solid #e5e5e5; /*text-align:center;*/white-space: normal;word-break: break-all;word-wrap:break-word;}
.tech_table .table1 th{ font-weight:bold; font-size:14px; }
.tech_table .highlight {background:#00a2ea; color:#fff; font-weight:bold;}