body{
	margin:0;
	padding:0;
	font-family:Arial,"微軟正黑體";
}
.pd0{
	padding:0 !important;
}
.pd15{
	padding:0 15px;
}
.img-responsive{
	margin:0 auto;
}
.mgat{
	margin:0 auto;
}
/**********header***********/
.header00{
	z-index: 100;
	top: 0;
	left: 0;
	position: absolute;
	width:100%;
}
.header01 ul{
	list-style-image:url(../tw_img/welcome/icon_we.png);
	padding-left:0;
	float: right;
	margin-top: 50px;
}
.header01 ul li{
	margin-left: 50px;
	float: left;
}
.header01 ul li a{
	color:#fff;
}
.header01 ul li a:hover{
	color:#fff;
	text-decoration:none;
}
.header02{
	text-align: center;
	width: 270px;
	height: 32px;
	background: #143255;
	float: right;
	line-height: 32px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.header02 ul{
	list-style-type:none;
	padding-left:0;
}
.header02 ul li{
	display:inline-block;
}
.header02 ul li a{
	color:#fff;
}
.header02 ul li a:hover{
	color:#43a1f1;
	text-decoration:none;
}
.langg{
	padding: 0 25px;
	position:relative;
	display:inline-block;
}
.langg:before{
	content: "";
	width: 1px;
	height: 15px;
	background: #fff;
	position: absolute;
	top: 9px;
	left: 10px;
}
.langg:after{
	content: "";
	width: 1px;
	height: 15px;
	background: #fff;
	position: absolute;
	top: 9px;
	right: 10px;
}
.logo02{
	display:none;
}
.icon2{
	display:none;
}
/**********nav***********/
.navbg{
	background-image:url(../tw_img/index/nav.jpg);
	background-repeat:repeat-x;
	height: 63px;
}
.nnav{
	font-size: 18px;
	font-weight: bold;
}
.nnav ul li{
	border-right: 1px solid #b9bdc3;
	border-left: 1px solid #919293;
}
.nnav ul li:first-child{
	border-left:none;
}
.nnav ul li:last-child{
	border-right:none;
}
.nnav ul li a{
	padding: 21.5px 40px;
	color:#fff;
}
.nnav ul li a:hover,nnav ul li a:active,nnav ul li a:focus{
	color: #67f5ff;
	border-bottom: #67f5ff 11px solid;
	padding-bottom: 10.5px;
	background-color: transparent;
}
.navbar-center{
	float: none;
	margin: 0 auto;
	display: table;
	table-layout: fixed;
}
.nav > li > a:hover, .nav > li > a:focus{
	background-color: transparent !important;
}
/**********hotpro***********/
.hotpro{
	margin-bottom:30px;
	text-align:center;
}
.hotpro a{
	text-align:center;
	line-height: 28px;
	color:#000;
}
.hotpro a img{
	border:1px solid #cccccc;
	height:130px;
}

/**********footer***********/
footer{
	background:#bfdcff;
	border-bottom:5px solid #a8c5e8;
	padding-top:15px;
	padding-bottom:7px;
}
.faa{
	width: 31px;
	text-align: center;
	font-size: 18px;
	line-height: .75em;
	vertical-align: -15%;
	color: #fff;
	background: #66b9ff;
	padding: 8px 0;
	border-radius: 100%;
	margin-right: 7px;
	margin-left: 20px;
}
.faa2{
	width: 1.28571429em;
	text-align: center;
	font-size: 1.33333333em;
	line-height: .75em;
	vertical-align: -15%;
	display:none;
}
.f1{
	float:right;
}
.f2{
	margin:15px 0;
}
.f2 ul{
	list-style-type:none;
	padding-left:0;
}
.fa-ul > li{
	display:inline-block;
	color: #11265f;
	margin-bottom: 4px;
}
.f3{
	text-align:center;
	margin: 15px 0;
}
.f3 span{
	text-decoration:none;
}
.f3 span a{
	color:#000;
}
/**********index***********/
.tit01{
	font-size:26px;
	font-weight:bold;
	color:#00477d;
}
.tit01 span{
	font-size:16px;
	font-weight:normal;
	color:#3f3f3f;
}
.tit05{
	margin-top:40px;
}
.inda{
	margin-top:35px;
}
.indb{
	margin-top:40px;
}
.idenew{
	border-bottom: 1px dashed;
	padding-bottom: 10px;
	margin-top: 15px;
}
.idenew p{
	background: #2d2d2d;
	color: #fff;
	font-family: "Tahoma";
	font-weight: bold;
	padding-left: 7px;
	width: 95px;
}
.idenew a{
	color:#000;
}
.idenew a:hover{
	color:#000;
	text-decoration:none;
}
.ind01 img{
	float:left;
}
.ind01 p{
	margin-left: 30px;
	float: left;
	width: 52%;
	margin-top: 20px;
}
.ind01 a{
	color: #000;
	display: inline-block;
	margin-left: 30px;
}
.ind01 a i{
	margin-right: 8px;
}
.nbs-flexisel-item img{
	border:1px solid #cccccc;
}
/**********hotpro***********/
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right{
	display:none;
}
.nbs-flexisel-item img{
	margin-bottom:20px;
}
.cc ul li{
	width: 160px !important;
	height: 170px;
	margin: 0 10px;
	margin-bottom: 25px;
}
.cc ul li a{
	color:#000;
}
.cc ul li a:hover{
	color:#000;
	text-decoration:none;
}
/**********aside***********/
.search01{
	width:100%;
}
.search01 input{
	border-radius: 0%;
	border: 2px solid #cccccc;
	height: 30px;
	width: 213px !important;
	float: left;
	margin-right: 5px;
}
.search01 button{
	background: #00548a; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0071b2, #003b66); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0071b2, #003b66); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0071b2, #003b66); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0071b2, #003b66); /* Standard syntax */
	border-color: transparent;
	color: #fff;
	height: 30px;
	line-height: 18px;
	padding: 0 6px;
}
.search02{
	padding:0;
	width: 100%;
}
.aside_tit{
	height:40px;
	width:100%;
	background-color:#879bb3;
	border-left:9px solid #103868;
	display: inline-block;
	color: #103868;
	font-size: 20px;
	font-weight: bold;
	line-height: 43px;
	padding-left: 20px;
}
.faa3{
	color: #0070b1;
	margin-left: 14px;
	margin-right: 7px;
}
.btn-default:hover{
	color:#fff;
}
/**************top*****************/
.top {
	display: block;
	position: fixed;
	bottom: 15%;
	right: 10%;
	opacity: 0;
	filter: alpha(opacity=0);/********IE8 與更早的版本*********/
}
/**********company***********/
.tit02{
	font-size:26px;
	font-weight:bold;
	color:#00477d;
	padding-left: 50px;
	padding-top: 17px;
	background-image:url(../tw_img/com/t.png);
	background-repeat: no-repeat;
	background-position-x: 3px;
	background-position-y: 3px;
}
.tit02 span{
	font-size:14px;
	color:#124073;
	text-align:right;
	float: right;
	font-weight: initial;
	margin-right: 15px;
	margin-top: 7px;
}
.tit03{
	background-image:url(../tw_img/com/t2.jpg);
	background-repeat:repeat-x;
}
.com01{
	display:inline-block;
	width: 26%;
}
.com02{
	display:inline-block;
	width: 23%;
}
.com03{
	display:inline-block;
	width:50.5%;
}
.com04{
	padding-top: 30px;
	border-top: 1px dotted;
	margin-top: 20px;
	margin-bottom: 60px;
}
.com04 img{
	float:left;
	margin-right: 30px;
}
.com04 p{
	margin-top: 30px;
}
.tit04{
	color:#666666;
}
.tit04 img{
	margin:5px;
}
.com05a{
	width: 77%;
	float: left;
}
.com05a img{
	float:left;
	width: 46.8%;
}
.com05b{
	width: 23%;
	float: left;
}
.com05b img{
	margin-bottom:28px !important;
}
.com06a, .com06b{
	width:100%;
}
.com06a img{
	float:left;
	width: 30.9%;
}
.com06b img{
	float:left;
	width: 47.5%;
}
.com05a img, .com05b img,.com06a img, .com06b img{
	border-radius: 10px;
	border: 2px solid #fff;
	box-shadow: 3px 3px 6px #bbbbbb;
	margin-bottom:15px;
	margin-right:20px;
}
/**********news***********/
.table-bordered{
	border: 1px solid #fff;
}
.news thead{
	color: #fff;
	background-color: #66a1e0;
}
.news thead tr th{
	text-align: center;
}
.news tbody{
	background-color:#eceeee;
}
.news tbody tr td{
	text-align: center;
}
.news2{
	text-align:left !important;
	padding-left:15px !important;
}
.news2 a{
	color:#000;
}
.news2 a:hover{
	text-decoration:none;
	color:#09f;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > td{
	border: 1px solid #fff;
}
.news3{
	background-color:#eceeee;
	color:#000;
}
.news4{
	background-color:#66a1e0;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
/**********page***********/
.page{
	text-align:center;
	margin-bottom: 50px;
	margin-top:40px;
}
.page ul{
	padding-left:0;
	list-style-type:none;
}
.page ul li{
	display:inline-block;
	color:#000;
}
.page ul li a{
	color:#000;
	letter-spacing: 2px;
}
.page ul li a:hover, .page ul li a:active, .page ul li a:focus{
	text-decoration:none;
	color:#09f;
}
.active_page{
	font-weight:bold;
	text-decoration:underline;
	color:#09f !important;
}
/**********btn***********/
.btn_this, .btn_this:hover, .btn_this:focus, .btn_this:active{
	background: -webkit-linear-gradient(#85b3e5,#45658b);
	background: -o-linear-gradient(#85b3e5,#45658b);
	background: -moz-linear-gradient(#85b3e5,#45658b);
	background: linear-gradient(#85b3e5,#45658b);
	color:#fff;
	padding: 6px 40px;
}
.btn_this:hover{
	color:#fff;
}
.newbtn{
	float:right;
	margin-bottom:50px;
}
/**********pro***********/
.w90{
	width:90%;
	margin-left:5%;
}
.ppro{
	border:1px solid #cccccc;
	margin-top:40px;
}
.ppro2{
	margin-top:90px;
}
.ppro2 h4{
	border-left:6px solid #8f999e;
	padding-left:9px;
	border-bottom:1px solid #8f999e;
	color:#3c5e7c;
}
.ppro2 p{
	margin-left:15px;
	margin-bottom: 20px;
}
.pro_btn ul{
	padding-left:0;
	list-style-type:none;
}
.pro_btn ul li{
	display:inline-block;
}
.pro_btn2{
	padding:0 !important;
	width:110px;
	line-height: 32px;
	margin-bottom: 8px;
}
.prode{
	height:31px;
	width:100%;
	margin-top:30px;
	background-color:#dddddd;
	font-size: 16px;
	line-height: 33px;
	margin-bottom: 15px;
}
.fcc{
	margin-right: 5px;
	color: #25a9f1;
}
.inner{
	margin-bottom: 30px;
	clear: both;
}
.inq{
	line-height:30px;
	margin-left: 20px;
	padding-bottom: 10px;
}
.inq2{
	clear: both;
	text-align: center;
	margin-bottom: 50px;
	padding-top: 30px;
}
.inqfor{
	height:30px;
	min-width: 100px;
}
.inq3{
	padding-left:8px !important;
}
.inq4 tbody tr td{
	line-height: 30px;
}
.inq5{
	padding: 0 !important;
	padding-top: 10px !important;
}
.inq5 a{
	color:#000;
}
.dm img{
	border:1px solid #a0a0a0;
	margin-bottom:20px;
}
/**********contant**********/
.cont01{
	margin-top:10px;
	padding-left:0;
}
.cont02 p{
	margin-top: 25px;
	margin-left: 20px;
	line-height: 30px;
}
.cont02 ul{
	margin:0;
	padding:0;
}
.cont02 ul li{
	display:block;
}
.cont03 input, .cont03 textarea, .cont03 select{
	margin-bottom:15px;
}


@media (max-width:1200px) {
	.ind01 p{
		margin-left: 20px;
		width: 45%;
		margin-top: 0;
	}
	.search01 input{
		width: 163px !important;
	}
	.pro_btn ul li {
		display: block;
	}
	.ppro2 {
        margin-top: 50px;
	}
	.hotpro a img{
		height:129px;
	}
	.com05a img{
		width: 46%;
	}
	.com05b img{
	    margin-bottom:19px !important;
	}
	.com06a img{
		width: 30.3%;
	}
	.com06b img{
		width: 47%;
	}
}
@media (max-width:991px) {
	.ppro{
		float: left;
	}
	.aside00{
		display:none;
	}
	.header00{
		position:inherit;
	}
	.logo01{
		display:none;
	}
	.logo02{
		display:block;
	}
	.header01 ul{
		float: none;
		margin: 5px auto;
		text-align: center;
	}
	.header01 ul li{
		float:none;
		display: inline-block;
	}
	.header01 ul li a{
		color:#103868;
	}
	.header01 ul li a:hover{
		color:#103868;
	}
	.icon2{
		display: inline-block;
		padding-right: 3px;
	}
	.header02{
		width:100%;
		border-top-right-radius: 20px;
		border-top-left-radius: 20px;
		margin-bottom: 2px;
	}
	.nnav ul li a {
		padding: 21.5px 23px;
	}
	.navbar-toggle{
		color:#fff;
	}
	.ind01 p{
		margin-left: 20px;
		width: 53%;
		margin-top: 13px;
	}
	.search01 input{
		width: 94% !important;
	}
	.search02{
		margin-left: 0;
		margin-right: 0;
	}
	.search01{
		margin-bottom: 7px;
	}
	.aside_tit{
		margin-bottom: 8px;
	}
	.hotpro a img{
		height:166px;
	}
}
@media (max-width:821px) {
	.search01 input {
		width: 93% !important;
	}
	.search01 button{
		padding: 0 1%;
	}
}
@media (max-width:769px) {
	
}
@media (max-width:767px) {
	.f1{
		float:none;
	}
	.f2 ul{
		margin: 0;
	}
	.nnav{
		background-color: #13161a;
		border: none;
		z-index: 100;
		position: relative;
	}
	.navbar-center{
		display: block;
	}
	.nnav ul li{
		border:none;
	}
	.nnav ul li a:hover{
		color: #000;
		background-color: #66f4fe !important;
	}
	.faa2{
		display: inline-block;
		padding-right: 30px;
	}
	.ind01 p{
		margin-left: 0px;
		width: 100%;
	}
	.ind01 a{
		margin-left: 0;
		float: left;
	}
	.ww100{
		width:100%;
		margin-bottom: 15px;
	}
	
}
@media (max-width:727px) {
	.com06b img{
		width:46.8%;
	}
	.com06a img{
		width:30%;
	}
	.com05a img{
		width:45.6%;
	}
	.com05b img{
		margin-bottom: 15px !important;
	}
	.tit04{
		clear:left;
	}
}
@media (max-width:705px) {
	.search01 input {
		width: 92% !important;
	}
	.com04 p{
		float:left;
		margin-bottom: 25px;
	}
}
@media (max-width:685px) {
	.com06b img{
		width: 46%;
	}
	.com06a img{
		width:29.5%;
	}
	.com05a img{
		width: 45%;
	}
	.com05b img{
		margin-bottom: 11px !important;
	}
}
@media (max-width:602px) {
	.search01 input {
		width: 90% !important;
	}
	.com01{
		width: 45%;
		margin-left: 30px;
	}
	.com02{
		width:40%;
	}
	.com03{
		width:100%;
		margin-top: 10px;
	}	
}
@media (max-width:581px) {
	.com05a, .com05b{
		width:100%;
	}
	.com05b img, .com06a img{
		width: 28%;
		float: left;
		margin-bottom: 15px !important;
	}
	.com06b img{
		width:45%;
	}
}
@media (max-width:480px) {
	.w100{
		width:100%;
	}
	.ww100{
		width:100%;
		margin-bottom: 15px;
	}
}
@media (max-width:473px) {
	.com05b img, .com06a img{
		width: 28%;
	}
	.com05a img, .com06b img{
		width:44%;
	}
}
@media (max-width:472px) {
	.search01 input {
		width: 88% !important;
	}
}
@media (max-width:440px) {
	.header01 ul li{
		margin-left: 10px;
	}
	.com01{
		width: 50%;
		margin-left: 0;
	}
	.com02{
		width: 44%;
		margin-left: 3%;
	}
	.pp{
		width:100%;
	}
}
@media (max-width:435px) {
	.com05b img, .com06a img,.com05a img, .com06b img{
		width:90%;
		margin-left: 5%;
	}
}
@media (max-width:395px) {
	.search01 input {
		width: 85% !important;
	}
}
@media (max-width:324px) {
	.search01 input {
		width: 80% !important;
	}
	.search01 button {
		padding: 0 2%;
	}
}
@media (max-width:320px) {
	.header01 ul li{
		margin-left: 0px;
	}
	.header02 ul li a{
		font-size:12px;
	}
	.langg{
		padding: 0 20px;
	}
	.langg::before {
		left: 7px;
	}
	.langg::after{
		right: 8px;
	}
}