@charset "utf-8";
/* CSS Document */

@font-face{
	font-family: 'Roboto';
	src:url('../fonts/Roboto-Regular.ttf') format('truetype');
	font-weight:normal;
}
@font-face{
	font-family: 'Roboto';
	src:url('../fonts/Roboto-Italic.ttf') format('truetype');
	font-weight:normal; font-style:italic;
}
@font-face{
	font-family: 'Roboto';
	src:url('../fonts/Roboto-Bold.ttf') format('truetype');
	font-weight:bold;
}

@font-face{
	font-family: 'Roboto';
	src:url('../fonts/Roboto-Condensed.ttf') format('truetype');
	font-weight:condensed;
}
@font-face{
	font-family: 'Roboto';
	src:url('../fonts/Roboto-Medium.ttf') format('truetype');
	font-weight:medium;
}

@font-face{
	font-family: 'Roboto';
	src:url('../fonts/Roboto-Light.ttf') format('truetype');
	font-weight:light;
}



* { -webkit-text-size-adjust:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;}
html,body {	margin:0;	padding:0;}
table {	border-collapse:collapse;	border-spacing:0;}
ol,ul {	list-style:none;}
body{font-family:'Roboto', \5FAE\8EDF\6B63\9ED1\9AD4, Arial, Georgia; font-size: 13px; }

img{border:0;}

body{ background-position: center top; background-color: #fff;	position: relative; }

#container{}
.container-wrap{ }
.wrap{width:1200px; margin:0 auto; height:1%}

#header{height:132px; background-color:#fff;}
#header .wrap{ position:relative;}
#logo{ /*float:left; margin-top:4px;*/ width:452px; position:absolute; z-index:101;}	




/*語系-下拉式*/
.top-container{display:none;}
.top-follow:hover .top-container{display:block;}
.top-link:hover .top-container{display:block;}
.b {display:none;}
.a:hover .b{display:block; }  
a{ color: #000; text-decoration: none; }
#lan{position: absolute; top: 6px; right: 10px; z-index: 2000; border:1px solid #01b3e9; width:124px; padding:2px 6px;}
#lan ul, #lan li { /*list-style: inside none none;*/ margin: 0; padding: 0; margin-left:2px;}
.lan-dropdown{margin-top:2px; }
.lan-dropdown>ul{ /*display:block;*/ padding:10px;}
.lan-dropdown>li{ padding: 0 20px;}
#lan .lan-dropdown>ul{margin-left:16px;}
#lan .lan-dropdown>ul>li{list-style-type: circle;}
.lan-dropdown>ul>li>a{ line-height:1.5em; display:block; color:#333; padding-left:2px;}
.lan-dropdown>ul>li>a:hover{line-height:1.5em; color:#666; text-decoration:underline; padding-left:2px;}
.top-main {background-image: url(../images/down-arrow.png); background-repeat: no-repeat; background-position: right center; padding-right: 16px; display: block; font-size:12px;}
.top-main:hover{ background-image: url(../images/down-arrow.png); background-repeat: no-repeat; background-position: right center; padding-right: 16px; display: block;} 
#sub-lan{display:none;}

.lan-dropdown>ul>li:first-child{display: none;}
.sb-menu li:nth-child(2){display: none;}



/*上選單*/
#nav{/*font-family: "Roboto";*/ font-size:18px; background: rgb(1,184,235); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(1,184,235,1) 0%, rgba(0,148,217,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(1,184,235,1) 0%,rgba(0,148,217,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(1,184,235,1) 0%,rgba(0,148,217,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b8eb', endColorstr='#0094d9',GradientType=0 ); /* IE6-9 */
 height:66px;   position: absolute; width: 100%; top:132px; z-index:1000;}
	
	
/*banner*/
#banner{ margin-top:66px;}
.banner-wrap-mob{ display:none;}





#middle{}
#middle .wrap{ background-color:#fff; height:800px; text-align:left; }

/*側選單*/
#sidebar{ float:left; width:26%; background-color:#fff; /*padding: 10px;*/ position:relative;}
	.sidebar_ti{ background-color:#034781; color:#00a2ff; font-size:26px; text-align:center; line-height:2.5em; position:absolute; z-index:1000; top:-66px; width:100%;}
	.sidemenu{}
	.sidemenu ul{ margin:1px 0 26px 0;}
	.sidemenu ul li {  border-bottom:1px solid #ccc; background-color:#616161;}
	.sidemenu ul li a{padding: 10px 14px 10px 40px; font-size: 18px; background-image: url(../images/sidemenu_arrow.png); background-repeat: no-repeat; background-position: 18px center; color:#fff; line-height:2em; display:block;}
	.sidemenu ul li a:hover{ font-size: 18px; background-image: url(../images/sidemenu_arrow.png); background-repeat: no-repeat; background-position: 18px center; color:#00a2ff; line-height:2em; padding: 10px 14px 10px 40px;}
	/*.sidemenu>ul>li>a>span{color:#003399;}*/
	.sidemenu ul li ul{ margin:0;}
	.sidemenu ul li ul li{ background-color:#878888; border-bottom:none;}
	.sidemenu ul li ul li a{font-size:18px; background-image: url(../images/sidemenu_arrow_2.png); background-repeat: no-repeat; background-position: 40px center; padding: 4px 14px 4px 58px; display:block;}
	.sidemenu ul li ul li a:hover, #sidebar .active{font-size:18px; color:#00a6e5; background-image: url(../images/sidemenu_arrow_2_over.png); background-repeat: no-repeat; background-position: 40px center; padding: 4px 14px 4px 58px;}
	.sidemenu ul li ul li a:hover, #sidebar .active1{font-size:18px; color:#00a6e5;}
	.sidemenu ul li ul li span a{color:#034781;font-size:18px; background-image: url(../images/sidemenu_arrow_3.png); background-repeat: no-repeat; background-position: 40px center; padding: 4px 14px 4px 58px; display:block;}
	.sidemenu ul li ul li span a:hover, #sidebar .active2{font-size:18px; color:#00a6e5; background-image: url(../images/sidemenu_arrow_2_over.png); background-repeat: no-repeat; background-position: 40px center; padding: 4px 14px 4px 58px;}
	

#sidebar2{ float:left; width:26%; background-color:#fff; /*padding: 10px;*/ position:relative;}	
	.sidemenu2{}
	.sidemenu2 ul{ margin:1px 0 26px 0;}
	.sidemenu2 ul li {  border-bottom:1px solid #ccc; background-color:#616161;}
	.sidemenu2 ul li a{padding: 10px 14px 10px 40px; font-size: 18px; background-image: url(../images/sidemenu_arrow.png); background-repeat: no-repeat; background-position: 18px center; color:#fff; line-height:2em; display:block;}
	.sidemenu2 ul li a:hover{ font-size: 18px; background-image: url(../images/sidemenu_arrow.png); background-repeat: no-repeat; background-position: 18px center; color:#00a2ff; line-height:2em; padding: 10px 14px 10px 40px;}
	/*.sidemenu>ul>li>a>span{color:#003399;}*/
	.sidemenu2 ul li ul{ margin:0;}
	.sidemenu2 ul li ul li{ background-color:#878888; border-bottom:none;}
	.sidemenu2 ul li ul li a{font-size:16px; background-image: url(../images/sidemenu_arrow_2.png); background-repeat: no-repeat; background-position: 40px center; padding: 4px 14px 4px 58px; display:block;}
	.sidemenu2 ul li ul li a:hover, #sidebar2 .active{font-size:16px; color:#00a6e5; background-image: url(../images/sidemenu_arrow_2_over.png); background-repeat: no-repeat; background-position: 40px center; padding: 4px 14px 4px 58px;}
	.sidemenu2 ul li ul li a:hover, #sidebar2 .active1{font-size:16px; color:#00a6e5;}
	.sidemenu2 ul li ul li span a{color:#034781;font-size:16px; background-image: url(../images/sidemenu_arrow_3.png); background-repeat: no-repeat; background-position: 40px center; padding: 4px 14px 4px 58px; display:block;}
	.sidemenu2 ul li ul li span a:hover, #sidebar2 .active2{font-size:16px; color:#00a6e5; background-image: url(../images/sidemenu_arrow_2_over.png); background-repeat: no-repeat; background-position: 40px center; padding: 4px 14px 4px 58px;}
	
	.cad-download, .skype-button{ float:left; margin-bottom:12px; }
	.side-add{ font-size:15px; float:left;}
	.side-add p{ margin:14px 4px;}
	.side-add a{ line-height:1.8em; color:#034781;}
	.side-add a:hover{ text-decoration:underline;}
	.side-add span{ float:right;padding-right:63px;}
	.side-add .span2{ float:left;padding-right:0px;padding-left:60px;}

/* sidebar */
.sub-nav1 ul {display: none; margin-left: 16px;}
.sub-nav2 ul {display: none; margin-left: 16px;}
.sub-nav3 ul {display: none; margin-left: 16px;}



/*內容區*/
#content-right{ float:left; width:74%; background-color:#fff; padding:10px 8px 30px 50px;}
.breadcrumb{ float:right; color:#01b6ea; padding: 2px;}
	.breadcrumb li{ float: left; padding: 4px; list-style-type: none;}
	.breadcrumb li a, .divider{ color:#999999; }
h1{ font-size: 28px; color: #034781; margin: 0 0 10px 2px; float: left; font-weight: bold; width: 100%; background-image: url(../images/h1_mark.png); 	background-repeat: no-repeat;
	background-position: left  center; padding-left:36px;}


/*分類層*/
.classify{ float:left; margin:8px 0 30px 0;}
	.classify-list{ float:left; margin: 10px 22px 20px 6px; width:46%; }
	.classify-list:nth-child(2n+1){ clear:left;}
	.classify-photo{border:4px solid #e3e3e3; width: 100%;  text-align:center; margin-bottom:2px;}
	.classify-name{ background-color:#e3e3e3; padding:12px; text-align:left; }
	.classify-name a{ color:#040404; font-size:15px; background-image:url(../images/pro_arrow.png); background-repeat: no-repeat;
	background-position: left center; padding-left:20px;}
	





/*產品層*/
#main-pro{ float:left; width:100%; padding:10px;}
	.pro-photo{ text-align:center; margin:50px auto;}
	h2{ font-size: 26px; background-image: url(../images/pro_arrow_2.png); background-repeat: no-repeat; background-position: left center; font-weight:normal; padding-left:40px; margin:30px 2px; color:#333333;}
	.h2-com{ color:#066EE2;background-image:none;font-weight:bold;margin:10px 0px;padding-left:30px;}
	.pro-list{ padding: 0 10px 20px 50px; }
	.pro-list ul{margin-top:10px;}
	.pro-list ul li{ list-style-type:square; line-height:1.8em; font-size:15px;}
	.pro-list span{font-size:1.2em; line-height:1.5em;}
	.pro-in{float:left; padding:2% 2%; background-color:#034781; font-size:1.6em;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; margin-bottom:3%;
	margin-left:40px}
	.pro-in a{color:#FFFFFF;}
	.pro-in a:hover{color:#878888;}
	.pro-in2{float:left; padding:2% 2%; background-color:#034781; font-size:1.6em;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px; margin-bottom:3%;
	margin-left:6px}
	.pro-in2 a{color:#FFFFFF;}
	.pro-in2 a:hover{color:#878888;}
	
	.pro-list2{ padding: 0 10px 20px 30px;}
	.pro-list2 ul{margin-top:10px;}
	.pro-list2 ul li{line-height:1.8em; font-size:15px;width:50%; float:left; padding:0 5% 5% 0 ;}
	.pro-list2 span{font-size:1.2em; line-height:1.5em; font-weight:bold; color:#01b6ea;}
	.pro-list2 #video{font-size:1.2em; line-height:1.5em; font-weight:bold; color:#333333; margin:2% 0 0 0;padding-left:22%;}
	.pro-list2 img{ vertical-align:middle;}
	

	.pro-list3{ padding: 0 10px 20px 30px;}
	.pro-list3 ul{margin-top:10px;}
	.pro-list3 ul li{line-height:1.8em; font-size:15px;padding:1% 0;}
	.pro-list3 ul li.comimg img{ width:33.33%;}
	.pro-list3 .span1{font-size:1.2em; line-height:1.5em; font-weight:bold; color:#333333;}
	.pro-list3 .span2{font-size:1.2em; line-height:1.5em; font-weight:bold; color:#FFFFFF;}
	.pro-list3 .span3{font-size:15px; line-height:1.8em; font-weight:bold; color:#01b6ea;}

	.pro-list4{ padding: 0 10px 20px 30px;}
	.pro-list4 ul{margin-top:10px;}
	.pro-list4 ul li{line-height:1.8em; font-size:15px;width:50%; float:left; padding:0 5% 5% 0 ;}
	.pro-list4 #video{font-size:1.2em; line-height:1.5em; font-weight:bold; color:#333333; margin:2% 0 0 0;padding-left:22%;}
	.pro-list4 img{ vertical-align:middle;}

.main-pro-photo{ text-align:center;}
.main-pro-specification{ margin:5% 7%;}
.pro_tab{color:#333333; font-size:15px; width:100%}
.tr-1{ background-color:#e4eaf4; }
.tr-2{ background-color:#f2f5f9; }
td{padding: 6px 10px;}
#main-pro p{ background-image: url(../images/pro_arrow_2.jpg); background-repeat: no-repeat; background-position: left center; padding-left:16px; margin-left:56px; width:100%; font-size:15px; line-height:1.8em;}

.pro-application{}
.pro-application-list{ float:left; margin: 20px 0px 30px 36px;}
	.pro-application-list-name{ border-left: 4px solid #ccc; padding-left:8px; line-height:1.5em; margin-left:10px;}
	.pro-application-list-photo{padding:4px 0;}
.main-pro-application{padding-right:10%;}
.back{ float:right; margin:2px 10px; font-size:15px; background-color:#c3eae8; padding:4px 8px; border:1px solid #ccc; border-radius: 4px;}


/*產品表格*/

.table-container{width: 100%; overflow-y: auto;	_overflow: auto; margin: 0 0 3%; padding: 0 10px 20px 30px; text-align:center;}
.table-container::-webkit-scrollbar{-webkit-appearance: none; width: 14px; height: 14px;}
.table-container::-webkit-scrollbar-thumb{border-radius: 10px; border: 3px solid #fff;	background-color: #034781;}

table {width: 100%; max-width: 100%; font-size:15px;line-height:1.8em;}
table thead th{font-weight:bold; color:#FFFFFF; background-color:#034781; font-size:18px;line-height:2em;border-left:1px solid #034781;border-top:1px solid #034781;
border-right:1px solid #034781;border-bootom:1px solid #034781;}
table thead .tr-h{border-right:1px solid #FFFFFF;}
table tbody th, table tbody td{border:1px solid #616161;}
table .tr-t{font-weight:bold;background:#EEEEEE;}
table .tr-1{background:#DCDCDC;}
table .tr-2{background:#EEEEEE;}
table .td-t{background:#CCCCCC;font-weight:bold;}


	
/*最新消息表格*/
.tab-new thead th{padding: 0 1%;}

/*登入*/
#tab-login{width:80%; margin-left:26%;}
#tab-login tbody th, #tab-login tbody td{border:0px; font-size:15px;}
#tab-login tbody th{width:3%; text-align:center;padding:0 1%;}
#tab-login tbody td{width:20%;padding:0 1%;}
#tab-login tbody td input{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #f8f8f8;padding: 1% 1%;margin-right: 10px;border: 1px solid #ccc;width: 40%;}
#tab-login tbody .tr-h{background-color:#034781; padding:0 1%; color:#FFFFFF; margin-bottom:10px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.button2{border:0; background:#066EE2; padding:1%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
cursor:pointer; color:#fff; margin:5% 2% 5% 0; font-size:18px; width:12%; }


/*隱私權*/
#privacy-c{ padding: 0 10px 20px 30px;line-height:1.8em; font-size:15px;}
#privacy-c p{margin: 10px 0px 10px 30px;padding-left:0;}
#privacy-c ol{margin: 10px 0px 10px 40px;}
#privacy-c ol li{line-height:1.8em; font-size:15px; list-style:decimal;}
#privacy-c ul {margin: 10px 0px 10px 20px;}
#privacy-c ul li{line-height:1.8em; font-size:15px; list-style:circle;}

/*top*/	
.back-top-a { position: absolute; bottom: 270px; left: 50%; margin-left: 590px; width: 66px;}	
.back-top-a a {}


/*footer*/
#footer{ background-color:#00a0e9; clear:both;}
#footer .wrap{ padding:26px 10px; height:268px; }
	.footer-logo{ float:left; }
	.footer-com{float:left;}
	#smo{float:right; margin-bottom:4px;}
		#smo a{margin-left:2px; float:right;}
		.smo-qqlogo{background-image: url(../images/icon/qqlogo.png); background-repeat: no-repeat; width:32px; height:32px;}
		.smo-qqlogo:hover{background-image: url(../images/icon/qqlogo-over.png); background-repeat: no-repeat;}
		.smo-baidu{background-image: url(../images/icon/baidu.png); background-repeat: no-repeat; width:32px; height:32px;}
		.smo-baidu:hover{background-image: url(../images/icon/baidu-over.png); background-repeat: no-repeat;}
		.smo-google{background-image: url(../images/icon/google.png); background-repeat: no-repeat; width:32px; height:32px;}
		.smo-google:hover{background-image: url(../images/icon/google-over.png); background-repeat: no-repeat;}
		.smo-linkedin{background-image: url(../images/icon/linkedin.png); background-repeat: no-repeat; width:32px; height:32px;}
		.smo-linkedin:hover{background-image: url(../images/icon/linkedin-over.png); background-repeat: no-repeat;}
		.smo-plurk{background-image: url(../images/icon/plurk.png); background-repeat: no-repeat; width:32px; height:32px;}
		.smo-plurk:hover{background-image: url(../images/icon/plurk-over.png); background-repeat: no-repeat;}
		.smo-twitter{background-image: url(../images/icon/twitter.png); background-repeat: no-repeat; width:32px; height:32px;}
		.smo-twitter:hover{background-image: url(../images/icon/twitter-over.png); background-repeat: no-repeat;}
		.smo-delicious{background-image: url(../images/icon/delicious.png); background-repeat: no-repeat; width:32px; height:32px;}
		.smo-delicious:hover{background-image: url(../images/icon/delicious-over.png); background-repeat: no-repeat;}
		.smo-facebook{background-image: url(../images/icon/facebook.png); background-repeat: no-repeat; width:32px; height:32px;}
		.smo-facebook:hover{background-image: url(../images/icon/facebook-over.png); background-repeat: no-repeat;}
	.add{ /*float: left;*/ color:#ebebeb; margin-top:8px; line-height:1.5em;}
	.add a{ color:#ebebeb;line-height:1.5em;}
		
	.copyright-wrap{ float: left; color:#fff; width:50%; padding:10px 4px; font-family:Arial, \5FAE\8EDF\6B63\9ED1\9AD4,;}
		.copyright{ /*float: left; */color:#bde9fd; font-size:15px;}
		.footlink{ float: right; color:#cbcbcb;}
		.footlink a{ color:#cbcbcb;}
		.footlink a:hover, .add a:hover{ text-decoration:underline;}
		.privacy{ float:right;}
		

/*首頁*/

/*輪播圖*/
#index-banner .banner-wrap{ }	
#index-banner .cycle-slideshow{ top:-85px; width:100%;}
#index-middle{ margin-top:-85px; }
#index-middle .wrap{ padding:40px 10px;  }
.index-com-wrap{/*float:left; width:100%;*/ margin-bottom:10px;}
#index-com{ background-image:url(../images/index-com-bg.jpg); background-repeat: no-repeat; background-position: left top; /*background-size:contain;*/ width:512px; height:320px; float:left; text-align:center; padding:30px;}
	.index-com-ti{ font-size: 24px; color: #fff; line-height: 2.5em;}
	.index-com-ti>span{ font-size: 56px; }
	.index-com-list{text-align:left;}
	.index-com-list>p>a{ font-size: 19px; color: #a9dff8; line-height: 1.5em; }
	
	
#index-pro{background-color:#558ab7; float: left; width: 664px; height: 320px; margin-bottom: 10px; background-image: url(../images/index-pro-bg.jpg); background-repeat: no-repeat;
	background-position: left top;}

.index-pro-ti{   display:block; height: 320px;  text-align:center; float:left; padding: 11% 0 0 70%;}
.index-pro-ti a{ font-size: 27px; font-weight:bold; line-height: 1.8em; color:#fff;}
.index-pro-ti span{ font-size: 25px; line-height: 1.5em; color:#fff;}

.index-pro-ti2{   display:block; height: 320px;  text-align:center; float:left; padding: 11% 0 0 62%;}
.index-pro-ti2 a{ font-size: 44px; font-weight:bold; line-height: 1.8em; color:#fff;}
.index-pro-ti2 span{ font-size: 25px; line-height: 1.5em; color:#fff;}


/*index-video*/	
#content{ float:left; width:724px; background-color:#dfe6ee; border:1px solid #034781;}
.index-video{display: none; }
.index-video .wrap{ }
.index-video-wrap{padding:0 12px; margin-bottom:96px; float:left;}
#tabs{}
	#tabs .index-video-menu-ti{ background-color:#034781; text-align:center; font-size:32px; color:#00a2ff;  width:450px; line-height:2em; margin-bottom:2px;}
	#tabs li{ background: #616161; width:450px; float: left; margin-bottom:2px; padding:0 30px; height: 100.5px; }
	#tabs a{ font-size: 27px; color: #fff; line-height: 3em; background-image: url(../images/video_arrow.png); background-repeat: no-repeat; background-position: left center; padding-left:40px;}
	#tabs a:hover{ font-size: 27px; color: #00a2ff; line-height: 3em; background-image: url(../images/video_arrow.png); background-repeat: no-repeat; background-position: left center; padding-left:40px;}
	
	#tabs #current a, #tabs #current a::after{ font-size: 27px; color: #00a2ff; background-image: url(../images/video_arrow.png); background-repeat: no-repeat; background-position: left center; padding-left:40px;}
	#tab1, #tab2, #tab3, #tab4{  position: relative;
 padding-bottom: 56.25%; / 16:9 /
 padding-top: 25px;
 height: 0;}
	
#tab1 iframe, #tab2 iframe, #tab3 iframe, #tab4 iframe{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/*Inquire and Contact*/	
#content-wrap{ text-align:left; position:relative; min-height:100%; overflow:hidden;width:100%; margin-top:10px; margin-left:10%;} 
#inquire-wrap{ text-align:left; position:relative; min-height:100%; overflow:hidden;width:100%; margin-top:10px;} 
.inquire-span{font-size:1.2em; line-height:1.5em; font-weight:bold; color:#01b6ea;} 
.form-wrap{ margin-bottom:16px;}
.form-wrap input, .form-wrap textarea, .form-wrap select{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;background:#f8f8f8;  padding:1% 1%; margin-right: 10px;border: 1px solid #ccc;} 
.form-wrap textarea{min-height:150px;}

.form-wrap2{margin-bottom:16px;}
.form-wrap2 input, .form-wrap2 textarea{ border:0; padding:1% 1%; margin-right: 10px;} 
.form-wrap2 select{-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;background:#f8f8f8;  padding:1% 1%; margin-right: 10px;border: 1px solid #ccc;}
.form-wrap2 textarea{min-height:150px;}

.form-set{margin-bottom:10px;}
.form-wrap-ti{margin:10px 0;}
.form-clear{clear:left;}
.form-group{width:80%; float:left;}
.form-group1{width:50%; float:left;}
.form-group2{width:60%; float:left;}
.form-group3{width:100%; float:left;}
.form-ti{display:block; color:#000; font-weight:600; font-size:14px; padding-bottom:5px;}
.form-wrap-ti{color:#066EE2; font-size:16px; font-weight:bold; line-height:1.5em;}
.input{width:100%; line-height:1.5em;}
.input2{line-height:1.5em;}
.input3{width:90%;line-height:1.5em;}
.input4{width:52%;line-height:1.5em;}


.checkbox-bg{ background-color:#034781; display:inline-block; margin-right:5%; margin-bottom:4px; padding:2% 3%; width:90%;}
.checkbox-wrap label{display:inline-block; margin-right:5%; margin-bottom:4px; line-height:26px;font-size: 15px;padding:2% 3%; width:38%;}



.button{border:0; background:#066EE2; padding:1% 2%; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
cursor:pointer; color:#fff; margin:5% 2% 5% 0; font-size:18px; width:20%; }
.button_top{margin-top:2%;}
.button_reset{border:0; background:#066EE2; padding:1% 2%; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; 
cursor:pointer; color:#fff; margin-right:12px; font-size:18px;}
.button_submit{border:0; background:#034781; padding:1% 2%; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; 
cursor:pointer; text-align:center; color:#fff;font-size:18px;}

	
	
	
	
/*-----------------  sidebar ------------------*/
.sb-toggle-right{display:none; position: absolute;  z-index: 2000; cursor: pointer; background: none; padding: 3.5% 2% 0 0; right: 10px;}
.sb-toggle-right>span { position: absolute; right: 120%; font-size: 16px; text-transform: uppercase; color: #0080fd; display: block; font-weight: bolder;}
.navicon-line{background-color: #333; border-radius: 4px; -moz-border-radius: 1px; -webkit-border-radius: 1px;
  height: 3px; margin-bottom: 5px; width: 26px; }
.sb-slidebar{text-align:left; color: #b5d5fd; background-color: #0377ba;  z-index: 3000;} /*背景色*/
.sb-slidebar a{color: #f2f2f2; text-decoration: none;}
	.sb-title{/ padding:0.8em 1em; display:block;}
	/* Main Menu */
	.sb-menu { padding: 0;	margin: 0;	list-style-type: none;}
	.sb-menu li { border-bottom:1px solid #0581c8; background-color:#0377ba;}
	.sb-menu li ul{} .sb-menu > li li:last-child { border-bottom:0;}
	.sb-menu > li:first-child {}
	.sb-menu > li:last-child {	}
	.sb-menu li a {	width: 100%; display: inline-block;	padding: 1.2em; cursor: pointer; 	text-decoration: none; font-size:15px; }
	.sb-menu li a:hover {	text-decoration: none;	background-color: rgba(255, 255, 255, 0.1);}
	.sb-menu>li>a{text-transform:uppercase;}
	.sb-menu .divider{display:none;}

.sub-nav2 ul.sb-submenu li a.sb-toggle-submenu{background:#8f876d;}


.sb-menu li ul li{background-color:#0366a4; border-bottom:none;}
.sb-menu li ul li a{width: 100%; display: inline-block;	padding: 0.8em 2.4em; cursor: pointer; 	text-decoration: none; font-size:15px; color:#e6e5e5; background-image: url(../images/sidemenu_arrow.png); background-repeat: no-repeat; background-position: 5% center;}
.sb-menu .sub-nav1 li a , .sb-menu .sub-nav2 li a, .sb-menu .sub-nav3 li a{width: 100%; display: inline-block;	padding: 0.8em 2.4em; cursor: pointer; 	text-decoration: none; font-size:15px; color:#e6e5e5; background-image: url(../images/sidemenu_arrow_2.png); background-repeat: no-repeat; background-position: 5% center;}

.sb-menu .sub-nav2 li span a{width: 100%; display: inline-block;	padding: 0.8em 2.4em; cursor: pointer; 	text-decoration: none; font-size:15px; color:#034781; background-image: url(../images/sidemenu_arrow_3.png); background-repeat: no-repeat; background-position: 5% center; font-weight:bold;}

.sb-menu li ul li ul li{background-color:#7b6c3d; border-bottom:1px dashed #97854c;}
.sb-menu li ul li ul li a:hover{text-decoration: none;	background-color: rgba(255, 255, 255, 0.05);}
.sb-menu li ul li ul li a{padding: 0.7em 1.8em 0.7em 2.4em;}
	
	
	/* Submenus */
	.sb-submenu {	/*display: block;*/	padding: 0;	margin: 0;	list-style-type: none;	background-color: rgba(255, 255, 255, 0.3); 
  position: inherit; z-index: inherit; float: none; border-radius: 0; -webkit-box-shadow: inherit;}
   .sb-menu .sb-submenu-all>a{ font-weight:bold; color:#3CF;}

	/* Caret */
	span.sb-caret, i.sb-caret  {	width: 0;	height: 0;	display: inline-block;	margin: 0 5px;	border: 5px solid transparent;}
	span.sb-caret, i.sb-caret {	border-top: 5px solid;	border-bottom: 0px solid transparent; }
	.sb-submenu-active > span.sb-caret, .sb-submenu-active > i.sb-caret  {	border-top: 0px solid transparent;	border-bottom: 5px solid;}
	
	.sb-submenu >.active > a, .sb-submenu > .active > a:hover, .sb-submenu > .active > a:focus{background-color: rgba(255, 255, 255, 0.05); color:#fbe8ad;}
	
	.sb-title{display:none;}
	
	#left-lan{}
	#left-lan li{border-bottom:0;}
	#left-lan li a{font-size:13px; padding: 1em 1em 1em 2em; color:#3CF;}
	
	#left-smo{padding: 1em 1em 1em 2em;  float: left;}
	#left-smo a, #left-add{float:left; margin-right:10px; margin-bottom:0.8em;}
	
	#left-menu{ }
	#left-menu li{ background-color:#75746c; padding:0 1.2em;}
	#left-menu li a {line-height:1.5em; width: 100%; display: inline-block; padding: 0.8em 1.2em; cursor: pointer; text-decoration: none; font-size: 14px;
	background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: left center;}
	#left_menu a, .sb-submenu a{ font-weight:normal;}

/*-----------------end  sidebar ------------------*/




@media (max-width : 1800px){
	#index-banner .cycle-slideshow{ top:-5.6em; width:100%;}
}

@media (max-width : 1500px){
	#index-banner .cycle-slideshow{ top:-5em; }
}



@media (max-width : 1349px){
	
	.back-top-a { margin-left: 43%;}
	#index-banner .cycle-slideshow{ top:-4em; }
	
}


@media (max-width : 1249px){
	.breadcrumb{ margin-right:0.8em;}
	.cad-download img, .skype-button img{ width:80%}
	#content-right{ padding: 10px 8px 30px 3em;}
	#index-banner .cycle-slideshow{ top:-3em; }
	#index-middle .wrap{ padding:0;}
	#index-com{ width:46%; margin-top: 40px;}
	#index-pro{ width:54%; margin-top: 40px;}
	.index-video-wrap{ width:100%; padding:0;}
	#content{width:60%; padding:0;}
	#tabs{ width:100%;}
	#tabs .index-video-menu-ti, #tabs li{width:40%; height: auto;}
	#tabs a, #tabs a:hover{ line-height: 3.6em;}
	

@media (max-width : 1200px){
	.wrap{ width:100%;}
	#ddmenu li a { padding: 0 2em;}
	#ddmenu2 li a { padding: 0 2em;}
	#sidebar{ width:24%; margin-left:0.6em;}
	#sidebar2{ width:24%; margin-left:0.6em;}
	.sidebar_ti{ line-height:1.9em; top:-50px;}
	.sidemenu ul { margin: 1px 0 26px 0;}
	.sidemenu ul li a{ line-height:1.8em; padding: 6px 4px 6px 30px; background-position: 12px center; font-size:17px;}
	.sidemenu2 ul { margin: 1px 0 26px 0;}
	.sidemenu2 ul li a{ line-height:1.8em; padding: 6px 4px 6px 30px; background-position: 12px center; font-size:17px;}
	#tabs a{ line-height: 3.55em;}
	.side-add span {   float: right;   padding-right: 46px;}
}


@media (max-width : 1179px){
	#ddmenu li a { padding: 0 1.4em;}
	#ddmenu2 li a { padding: 0 1.4em;}
	.classify-photo{ width:100%;}
	#footer .wrap{padding: 1em ;}
	#tabs a, #tabs a:hover{ line-height: 3.4em;}
	
	.side-add span {
    float: right;
    padding-right: 42px;
}

}
	


@media (max-width : 1135px){	
	.side-add span {
    float: right;
    padding-right: 102px;
}
}

	
@media (max-width : 1090px){
	#index-com{ padding: 3em 0.8em;}
	#tabs a, #tabs a:hover{ line-height: 3.1em;}	
}


@media (max-width : 1049px){
	#ddmenu li a { padding: 0 1.2em;}
	#ddmenu2 li a { padding: 0 1.2em;}

	.index-pro-ti {padding: 12% 0 0 40%;}
	.index-pro-ti2 {padding: 12% 0 0 20%;}
	#tabs a, #tabs a:hover{ line-height: 2.8em;}
}

@media (max-width : 999px){
	.sb-toggle-right{ padding: 7% 1% 0 0; display:block;}
	#banner { margin-top: 0;}
	#content-right{ width:100%; padding:0 4em;}
	#nav, #lan{ display:none;}
	#sidebar{ display:none;}
	#sidebar2{ display:none;}
	.classify-list {margin: 1em 4em 4em 2em;}
	#smo, .footlink, .privacy{ float:left;}
	.footlink{ clear:left;}
	.back-top-a { margin-left: 40%;}
	.banner-wrap{ display:none;}
	.banner-wrap-mob{ display:block;}
	
	
	.sb-menu li:nth-child(2) {
    display: block;
}

/*	ul li.sb-submenu-all{display: none;}*/
/*	ul.sb-submenu{display: block!important;}*/
	
	
	#index-com{ width:100%; background-image: url(../images/index-com-bg-b.jpg); background-repeat: no-repeat; background-position: left center; margin-top:2.5em; height:auto;}
	#index-pro{ width:100%; padding: 0; margin-top:1%; height:auto;}
	.index-pro-ti{ height:auto; padding: 4% 0 4% 62%;}
	.index-pro-ti2{ height:auto; padding: 4% 0 4% 58%;}
	.index-com-ti { text-align:left; margin-top:0; font-size: 20px;}
	.index-com-ti>span{ font-size: 45px; }
	#content{width:100%;}
	#tabs .index-video-menu-ti, #tabs li{width:100%; font-size:25px; line-height:2em;}
	#tabs a, #tabs a:hover{ line-height: 2.6em;}
	.form-group1{ width:100%; }
	.form-group2{ width:100%; }
	.form-group3{ width:100%; }
	.input{width:100%;}
	.input2{width:60%;}
	.input3{width:100%;}
	/* sidebar */
	.sub-nav1 ul {margin-left: 0;}
	.sub-nav2 ul {margin-left: 0;}
	.sub-nav3 ul {margin-left: 0;}
	
	.classify-list{ margin: 1% 2%;}
	.classify{ width:100%;}
	
	


}
	
@media (max-width : 990px){
	.copyright-wrap, .copyright{ width:100%;}
	#tabs a, #tabs a:hover{ line-height: 2.5em;}

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

	}
@media (max-width : 899px){
	#logo{ width:100%; float:none;}
	#logo img{ width:50%;}
	#content-right{padding:0 1em;}
	.classify-list {margin: 1em 1em 4em 1em;}
	#tabs .index-video-menu-ti{line-height:2em; }
	

	}
	

@media (max-width : 820px){
	.classify-list {margin: 1em 0.5em 3em 0.5em;}

	}
@media (max-width : 800px){
	#content-right{padding:0 0.8em;}
	#logo img{ width:56%;}
	#tabs a, #tabs a:hover{ line-height: 2.2em;}

	}


@media (max-width : 768px){
	#content-right{padding:0 0.4em;}
	#middle .wrap{ height:auto;}
	.footlink{ float:left;}
	#logo img{ width:52%;}
	h1 { font-size: 23px; margin: 0.5em 0 0 0;}
	#index-com { padding: 1.5em 0.8em;}
	.index-pro-ti{ padding: 4% 0 4% 68%;}
	.index-pro-ti a{ font-size: 36px; line-height: 1.6em;}
	.index-pro-ti span{ font-size: 21px;}
	.index-pro-ti2{ padding: 4% 0 4% 63%;}
	.index-pro-ti2 a{ font-size: 36px; line-height: 1.6em;}
	.index-pro-ti2 span{ font-size: 21px;}
	#tabs a, #tabs a:hover{ line-height: 2em;}
	.classify-list { width:48%; margin: 2% 1% 3.8% 1%;}
	.classify-photo{ height:auto;}
	.classify-photo img{width:100%;}
	.classify-name a{ font-size:13px;}
	.classify-name {padding: 3% 2%;
	
}
	

}
@media (max-width : 709px){
	#content-right{padding:0 1em;}
	
	.back-top-a { margin-left: 38%; bottom:20em;}
	
}

@media (max-width : 680px){
	.pro-photo{margin:30px auto;}
	.pro-photo img{ width:100%;}
	.pro-list{ padding: 0 10px 20px 26px; }
	.pro-list2{ padding: 0 10px 20px 26px; }
	.pro-list3{ padding: 0 10px 20px 26px; }
	.table-container{ padding: 0 5px; }
	.index-com-ti { font-size: 16px;}
	.index-com-ti>span{ font-size: 32px; }
	.index-com-list>p>a{ font-size: 15px;}
	#tabs a, #tabs a:hover { font-size:23px; line-height:2.2em;}

}

@media (max-width : 600px){
	#logo{top:0.5em;}
	#header { height: 8em; }
	#index-pro{background-image: url(../images/index-pro-bg-s.jpg); background-repeat: no-repeat; background-position: left top;}
	.index-pro-ti{ padding: 2% 0 3% 60%;}
	.index-pro-ti2{ padding: 2% 0 3% 55%;}
	}
	
@media (max-width : 529px){
	.back-top-a { margin-left: 35%;}
}
	

@media (max-width : 480px){
	#logo img{ width:65%;}
	.breadcrumb {float: left; padding: 1% }
	.back-top-a { margin-left: 33%;}
	#content-right{padding:0 0.5em;}
	.classify-list {margin: 1em 0 1em 0;}
	h1{ font-size:23px; margin: 0.5em 0 0 0;}
	.classify { margin: 0 0 50px 0;}
	.index-pro-ti{ padding: 5% 0 6% 35%;}
	.index-pro-ti2{ padding: 5% 0 6% 22%;}
    .wistia_embed{ height:auto;}
	.classify-list { width:100%; }
	.classify-photo img{width:75%;}
	.classify-name {padding: 3% 2%;}
	#footer .wrap{ height:280px; }
}

	
@media (max-width : 375px){
	#banner { margin-top: -6%;}
	.classify-photo img{ width:85%;}
	.back-top-a { margin-left: 29%;}
     #index-middle {margin-top: -60px;}
	 .pro-list2 ul li{width:100%;padding:0 5% 10% 0 ;}
	 .pro-list2 ul li img {max-width: 100%;}
	 .pro-list3 ul li img {max-width: 100%;}
	 .pro-in{ margin-bottom:10%;}
	 .pro-in2{ margin-bottom:10%;}
	 #content-wrap{ margin-left:0;} 
	 .form-group {width: 100%;}
	 #tab-login{width:100%; margin-left:0%;}
 	 #tab-login tbody th{width:20%;}
	 #tab-login tbody td { width: 50%;padding: 0px 1%;}
	 #tab-login tbody td input {width: 100%;}
	 #tab-login tbody td {padding: 0px 3%;}
	 .button2{width:30%;}
	 

	
	}


@media (max-width : 320px){
	#banner { margin-top: -8%;}
	.pro-list3 ul li.comimg img{ width:auto;}

}