@charset "utf-8";
/* CSS Document */
/**************************标题**************************/
.title{
	overflow:hidden;
	margin:33px auto 24px auto;
	text-align:center;
	}
.title p:nth-of-type(1){
	font-size:24px;
	color:#333;
	}
.title p:nth-of-type(2){
	font-size:13px;
	color:#ccc;
	margin-top:10px;
	}
.title2 p:nth-of-type(1){
	color:#fff;
	}
.title2 p:nth-of-type(2){
	color:#81a4b9;
	}
@media (max-width:500px) {
.title{
	margin:25px 0px 15px 0px;
	}
.title p:nth-of-type(1){
	font-size:22px;
	}
.title p:nth-of-type(2){
	font-size:12px;
	margin-top:7px;
	}
	}
/**************************我們的服務**************************/
.service{
	width:96%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	padding:16px;
	}
@media (max-width:1200px) {
.service{
	padding:16px 0px;
	}
	}
.service ul{
	}
.service ul li{
	float:left;
	width:31.667%;
	overflow:hidden;
	}
.service ul li:hover{
	box-shadow: 0 3px 16px rgba(204,204,204,0.56);
	/*box-shadow: 0 0 12px 0 rgba(147,165,189,.18);
	box-shadow: 0 0 12px 0 rgba(147,165,189,.1);
	box-shadow: 0 2px 10px 0 rgba(3,27,78,.12);*/
	}
.service ul li .setp{
	width:100%;
	height:0px;
	padding-bottom:63.16%;
	overflow: hidden;
	}
.service ul li .setp img{
	width:100%;
	transition: all 0.5s;
	}
.service ul li:hover .setp img {
	transform: scale(1.1);
}
.service ul li .sewz{
	width:100%;
	height:100px;
	}
.service ul li .sewz .setext{
	float:left;
	overflow:hidden;
	margin-top:26px;
	margin-left:20px;
	width:calc(100% - 80px);
	}
.service ul li .sewz .setext p:nth-of-type(1){
	font-size:16px;
	color:#333;
	}
.service ul li .sewz .setext p:nth-of-type(2){
	font-size:14px;
	color:#999;
	margin-top:8px;
	}
.service ul li .sewz .semo{
	float:right;
	position:relative;
	width:37px;
	height:37px;
	margin-top:31px;
	margin-right:15px;
    border:1px solid #eee;
	border-radius:19px;
	text-align:center;
	}
.service ul li .sewz .semo a{
	font-size:16px;
	color:#b2b2b2;
	line-height:38px;
	display:block;
	}
.service ul li:hover .sewz .semo{
	margin-top:-19px;
	background:#ff9f1c;
    border:1px solid #ff9f1c;
    transition: all .3s;
	}
.service ul li:hover .sewz .semo a{
	color:#fff;
	}
@media (min-width:888px) {
.service ul li:nth-of-type(2), .service ul li:nth-of-type(3), .service ul li:nth-of-type(5), .service ul li:nth-of-type(6){
	margin-left:2.4995%;
	}
.service ul li:nth-of-type(4), .service ul li:nth-of-type(5), .service ul li:nth-of-type(6){
	margin-top:30px;
	}
	}
@media (max-width:888px) {
.service ul li{
	float:left;
	width:49%;
	overflow:hidden;
	}
.service ul li+li+li{
	margin-top:30px;
	}
.service ul li:nth-of-type(even){
	margin-left:2%;
	}
	}
@media (max-width:600px) {
.service ul li .sewz{
	height:80px;
	}
.service ul li .sewz .setext{
	margin-top:19px;
	margin-left:5px;
	width:calc(100% - 60px);
	}
.service ul li .sewz .setext p:nth-of-type(1){
	font-size:14px;
	}
.service ul li .sewz .setext p:nth-of-type(2){
	font-size:12px;
	margin-top:7px;
	}
.service ul li .sewz .semo{
	width:30px;
	height:30px;
	margin-top:25px;
	margin-right:15px;
	border-radius:15px;
	}
.service ul li .sewz .semo a{
	font-size:14px;
	line-height:30px;
	}
.service ul li:hover .sewz .semo{
	margin-top:-19px;
	}
	}
@media (max-width:520px) {
.service ul li .sewz .setext{
	margin-top:11px;
	}
	}
@media (max-width:430px) {
.service ul li .sewz .setext{
	width:100%;
	}
.service ul li .sewz .semo{
	display:none;
	}
	}
/**************************我們的優勢**************************/
.ysbg{
	width:100%;
	overflow:hidden;
	padding:20px 0px 56px 0px;
	margin-top:30px;
	background:url(../images/ysbg.jpg) center no-repeat;
	background-size:cover;
	}
.ourys{
	width:96%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	}
.ourys ul{
	}
.ourys ul li{
	float:left;
	width: 23.334%;
    /*height: 0;
    padding-bottom: 12.5%;*/
	height:150px;
	background:rgba(157,191,224,0.15);
	}
.ourys ul li+li{
	margin-left:2.222%;
	}
.ourys ul li .yswz{
	float:left;
	margin-top:45px;
	margin-left:45px;
	}
.ourys ul li .yswz p:nth-of-type(1){
	font-size:22px;
	color:#fff;
	font-weight:bold;
	}
.ourys ul li .yswz p:nth-of-type(2){
	font-size:13px;
	color:#95a7b5;
	margin-top:14px;
	}
.ourys ul li .ystp{
	float:right;
	width:50px;
	height:50px;
	margin-top:45px;
	margin-right:45px;
	}
.ourys ul li .ystp img{
	height:50px;
	}
.ourys ul li:hover .ystp{
	margin-top:50px;
    transition: all .3s;
	}
.ourys ul li:hover .yswz p:nth-of-type(1){
	color:#ff9f1c;
	}
@media (max-width:1200px) {
.ourys ul li .yswz{
	margin-left:20px;
	}
.ourys ul li .ystp{
	margin-right:20px;
	}
	}
@media screen and (min-width:700px) and (max-width:956px){
.ourys ul li{
	height:209px;
	}
.ourys ul li .yswz{
	float:none;
	margin:0px;
	text-align:center;
	}
.ourys ul li .ystp{
	float:none;
	margin:33px auto;
	}
	}
@media (max-width:700px) {
.ourys ul li{
	width: 49%;
	}
.ourys ul li+li{
	margin-left:0%;
	}
.ourys ul li+li+li{
	margin-top:2%;
	}
.ourys ul li:nth-of-type(even){
	margin-left:2%;
	}
.ourys ul li .yswz{
	margin-left:45px;
	}
.ourys ul li .ystp{
	margin-right:45px;
	}
	}
@media (max-width:550px) {
.ourys ul li .yswz{
	margin-left:20px;
	}
.ourys ul li .ystp{
	margin-right:20px;
	}
	}
@media (max-width:560px) {
.ourys ul li .yswz p:nth-of-type(1){
	font-size:20px;
	}
	}
@media (max-width:450px) {
.ourys ul li .yswz{
	float:none;
	margin:0px;
	text-align:center;
	}
.ourys ul li .yswz p:nth-of-type(1){
	font-size:16px;
	}
.ourys ul li .yswz p:nth-of-type(2){
	font-size:12px;
	margin-top:10px;
	}
.ourys ul li .ystp{
	float:none;
	width:40px;
	height:40px;
	margin:21px auto;
	}
.ourys ul li:hover .ystp{
	margin-top:21px;
	}
	}
/**************************關於我們**************************/
.about{
	width:96%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	}
.about .abtp{
	float:left;
	width:50%;
	overflow:hidden;
	}
.about .abwz{
	float:right;
	width:calc(50% - 30px);
	padding-left:30px;
	overflow:hidden;
	font-size:16px;
	color:#333;
	line-height:30px;
	letter-spacing:1px;
	}
.about .abwz h3{
	font-size:30px;
	color:#333;
	margin-top:20px;
	line-height:40px;
	letter-spacing:0px;
	}
@media (max-width:560px) {
.about .abwz h3{
	font-size:26px;
	line-height:35px;
	}
	}
.about .abwz .abbor{
	width:56px;
	height:3px;
    background: #ff9f1c;
	margin:20px 0px 25px 0px;
	}
@media screen and (min-width:850px) and (max-width:1200px){
.about .abwz{
	line-height:27px;
	}
.about .abwz h3{
	margin-top:0px;
	}
	}
@media screen and (min-width:850px) and (max-width:1040px){
.about .abwz .abbor{
	margin:15px 0px 15px 0px;
	}
	}
@media screen and (min-width:850px) and (max-width:960px){
.about .abwz{
	width:calc(50% - 20px);
	padding-left:20px;
	letter-spacing:0px;
	}
	}
@media (max-width:850px) {
.about .abtp{
	float:none;
	width:100%;
	}
.about .abwz{
	float:none;
	width:100%;
	padding-left:0px;
	line-height:27px;
	}
	}
/**************************向我們諮詢**************************/
.zxbg{
	width:100%;
	overflow:hidden;
	margin-top:56px;
	background:url(../images/zxbg.jpg) center no-repeat;
	background-size:cover;
	}
.zixun{
	width:96%;
	max-width:1200px;
	margin:0 auto;
	overflow:hidden;
	padding:56px 0px;
	}
.zixun .zxbt{
	float:left;
	width:330px;
	}
.zixun .zxbt p:nth-of-type(1){
	font-size:24px;
	color:#fff;
	}
.zixun .zxbt p:nth-of-type(2){
	font-size:16px;
	color:#81a4b9;
	line-height:27px;
	}
.zixun .zxbt .zxbor{
	width:45px;
	height:2px;
	background:#ff9f1c;
	margin:33px 0px 35px 0px;
	}
@media (max-width:560px) {
.zixun .zxbt p:nth-of-type(1){
	font-size:22px;
	}
.zixun .zxbt p:nth-of-type(2){
	font-size:15px;
	}
.zixun .zxbt .zxbor{
	margin: 20px 0px 28px 0px;
	}
	}
.zixun .zxinp{
	float:right;
	width:750px;
	margin-top:7.5px;
	}
.zixun .zxinp input[type="text"]{
	width: 47%;
	height:43px;
	border: solid 1px #89aabd;
	border-radius:6px;
	text-indent:1em;
	outline:none;
	font-size:14px;
	color:#89aabd;
	/*color: rgba(255,159,28,.5);*/
	}
.zixun .zxinp input::-webkit-input-placeholder{
	color:#89aabd;
	}
.zixun .zxinp input::-moz-input-placeholder{
	color:#89aabd;
	}
.zixun .zxinp input::-ms-input-placeholder{
	color:#89aabd;
	}
.zixun .zxinp input.name{
	float:left;
	background: url("../images/name.svg") no-repeat scroll right 12px center transparent;
	background-size:20px;
	}
.zixun .zxinp input.phone{
	float:right;
	background: url("../images/phone.svg") no-repeat scroll right 12px center transparent;
	background-size:20px;
	}
.zixun .zxinp select{
	width: 47%;
	height:43px;
	border: solid 1px #89aabd;
	border-radius:6px;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url("../images/select.png") no-repeat scroll right 18px center transparent;
	padding-right: 14px;
	font-size:14px;
	color:#89aabd;
	text-indent: 1em;
	outline:none;
	cursor:pointer;
	float:left;
	margin-top:50px;
	}
.zixun .zxinp select::-ms-expand {
	display: none;
	}
.zixun .zxinp option{
	font-size:14px;
	color:#666;
	}
.zixun .zxinp input[type="submit"]{
	background:#ff9f1c;
	width: 47%;
	height:45px;
	outline:none;
	border:none;
	color:#fff;
	cursor:pointer;
	border-radius:6px;
	float:right;
	margin-top:50px;
	}
.zixun .zxinp input[type="submit"]:hover{
	background:#ffc71f;
    transition: all .3s;
	}
@media (max-width:1150px) {
.zixun .zxinp{
	width:720px;
	}
	}
@media (max-width:1120px) {
.zixun .zxinp{
	width:620px;
	}
	}
@media (max-width:1020px) {
.zixun .zxbt{
	float:none;
	width:100%;
	}
.zixun .zxbt .zxbor{
	margin:25px 0px 30px 0px;
	}
.zixun .zxinp{
	float:none;
	width:100%;
	margin-top:36px;
	}
	}
@media (max-width:520px) {
.zixun .zxinp input[type="text"]{
	float:none;
	width: 99.5%;
	}
.zixun .zxinp select, .zixun .zxinp input[type="submit"]{
	float:none;
	width: 100%;
	}
.zixun .zxinp input.phone, .zixun .zxinp select, .zixun .zxinp input[type="submit"]{
	margin-top:20px;
	}
	}
/**************************新聞資訊**************************/
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel {
	display: none;
	position: relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	-ms-touch-action: pan-y;
	}
.owl-carousel .owl-wrapper {
	display: none;
	position: relative
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%
}
.owl-carousel .owl-wrapper-outer.autoHeight {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out
}
.owl-carousel .owl-item {
	float: left
}
.owl-controls .owl-buttons div, .owl-controls .owl-page {
	cursor: pointer
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}
.owl-item>div{
	padding:0px 8px;
	}
.new{
	width:100%;
	overflow:hidden;
	border:1px solid #f2f2f2;
	margin:0 auto;
	}
.new:hover{
	margin-top: -10px;
	box-shadow: 0 0px 5px rgba(204,204,204,0.35);
    transition: all .3s;
	}
.new .netp{
	width:93.75%;
	height:0px;
	padding-bottom:49.934%;
	margin:20px auto;
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	}
.new .netp:before {
	content: ' ';
	position: absolute;
	background: #fff;
	width: 40px;
	height: 200px;
	top: 0;
	left: -88px;
	opacity: 0.3;
	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.new:hover .netp:before {
	width: 45px;
	left: 500px;
}
.new .netp img{
	width:100%;
	}
.new p.nete{
	width:88%;
	font-size:16px;
	color:#333;
	font-weight:bold;
	margin:0 auto;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	margin-bottom:12px;
	}
.new p.nete a{
	color:#333;
	}
.new:hover p.nete a{
	color:#ff9f1c;
	}
.new p.next{
	width:88%;
	font-size:14px;
	color:#999;
	margin:0 auto;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	line-height:24px;
	}
.new .nemo{
	width:88%;
	margin:25px auto 33px auto;
	overflow:hidden;
	}
.new .nemo a{
	font-size:12px;
	color:#fff;
	background:#ff9f1c;
	padding:10px 45px;
	display:inline-block;
	}
.new .nemo a:hover{
	background:#ffc71f;
    transition: all .3s;
	}