@charset "UTF-8";
/* CSS Document */
/* 1920 x 1080 , 1680 x 1050 */
#seo{ display: none; }
form{ margin: 0; }

*{
    margin: 0px;
	padding: 0px;
}

body{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, Microsoft JhengHei, sans-serif;
	font-weight:normal;
	color: #898989;
}

#nav, .top_menu_link a, #slogan .b, .company_title, .banner_title, .banner_title_s, .news_sec_title, .news_fir_title, .news_title{
	font-family:Arial, Microsoft JhengHei, sans-serif;
}

ul{
	list-style:none;
	margin: 0;
	padding: 0;
}

a{
	outline: none; /* for Firefox */
	hlbr: expression(this.onFocus=this.blur()); /* for IE */
	text-decoration: none;
}

a:hover{
	text-decoration: none;
}

a img{
	border: 0;
}

img{
	vertical-align:middle;
}

:after, :before{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.text-left{
	text-align:left;
}

.text-right{
	text-align:right;
}

.text-center{
	text-align:center;
}

.col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1{
	position:relative;
	min-height:1px;
	padding-right:15px;
	padding-left:15px;
	float:left;
}

.col-12{
	width:100%;
}

.col-11{
	width:91.66666667%;
}

.col-10{
	width:83.33333333%;
}

.col-9{
	width:75%;
}

.col-8{
	width:66.66666667%;
}

.col-7{
	width:58.33333333%;
}

.col-6{
	width:50%;
}

.col-5{
	width:41.66666667%;
}

.col-4{
	width:33.33333333%;
}

.col-3{
	width:25%;
}

.col-2{
	width:16.66666667%;
}

.col-1{
	width:8.33333333%;
}

.box-sizing{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.float_left{
	float: left;
}

.float_right{
	float: right;
}

.float_none{
	float: none;
}

.max-width{
	width: 1440px;
	margin: 0 auto;
}

.clear{
	clear: both;
}

header{
	width: 100%;
	height: 900px;
	margin: 0 auto;
	background: url(../images/index_bg_header.png) no-repeat left top;
}

#language{
	text-align: right;
	padding: 20px 55px 0 0;
	font-size: 16px;
	color: #a1a1a1;
	z-index:10;
}

#language a{
	color: #a1a1a1;
}

#language a:hover, #language .in{
	color: #00808c;
}

/* nav start */
#nav_icon{
	position:absolute;
	right:0;
	top:60px;
	right: 55px;
	z-index:9;
	display:block;
	text-align: right;
}

#nav{
	display:none;
	position:absolute;
	top: 0;
	width: 450px;
	min-height: 1200px;
	margin:0;
	right: 0;
	z-index:11;
	height:100%;
	background:url(../images/bg_nav.png) repeat;
}

#nav ul{
	float: right;
	width: 260px;
	border-top: 1px solid #fff;
	margin: 150px 55px 0 0;
	padding: 50px 25px;
	text-align: right;
	font-size: 26px;
	font-weight: bold;
}

#nav ul li{
	padding: 20px 0;
}

#nav ul li a{
	color: #fff;
}

#nav ul li ul{
	float: none;
	width: 260px;
	border-top: none;
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: normal;
}

#nav ul li ul li{
	padding: 15px 0 5px 0;
}

#m_lang{
	display: none;
}

#nav_close{
	position:absolute;
	z-index:11;
	right:80px;
	top:60px;
	display:none;
}
/* nav end */

#top_menu{
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:12;
	width:100%;
	height:104px;
	line-height: 104px;
	background: url(../images/bg_top_menu.png) no-repeat top left;
	background-color: #efefef
}

.top_menu_link a{
	font-size: 20px;
	font-weight: bold;
	color: #1a7d85;
	text-transform:uppercase;
}

#logo{
	width: 100%;
	text-align: center;
	padding-top: 120px;
	padding-bottom: 30px;
}

#slogan{
	width: 100%;
	text-align: center;
	padding-bottom: 40px;
}

#slogan .b{
  font-weight: normal;
	font-size: 60px;
	color: #1c414c;
	padding-bottom: 10px;
}

#slogan .s{
  font-weight: normal;
	font-size: 25px;
	color: #a0a0a0;
}

#start{
	text-align: center;
}

#start .scroll{
	padding-bottom: 80px;
}

#start .start{
	background: url(../images/bg_start.png) no-repeat center bottom;
	width: 465px;
	height: 80px;
	margin: 0 auto;
	padding-top: 175px;
	font-size: 26px;
	font-weight: bold;
	color: #1c414c;
}

article{
	overflow: hidden;
	background: url(../images/bg_index_company.jpg) no-repeat center center;
	background-color: #e6e6e6;
	background-size: auto 100%;
	padding-top: 150px;
	height: 990px;
}

.company_left, .company_right{
	float: left;
	width: 50%;
	height: 1140px;
	height: 990px;
}

.company_text{
	float: right;
	width: 720px;
	background: url(../images/bg_index_company_left.jpg) no-repeat top left;
	padding-top: 140px;
}

.company_title{
	font-size: 60px;
	line-height: 65px;
	color: #1a7d85;
	padding: 0 130px 45px 40px;
	font-weight: 400;
}

.company_content{
	font-size: 20px;
	line-height: 30px;
	padding: 0 130px 55px 40px;
}

.company_link{
	font-size: 22px;
	font-weight: bold;
	color: #1a7d85;
	padding: 0 130px 0 40px;
}

.company_link a{
	color: #1a7d85;
	background: url(../images/bt_index_to.png) no-repeat right center;
	padding-right: 25px;
}

.company_right{
	background: url(../images/bg_index_company_right.jpg) repeat-x top;
	position: relative;
	right: 0px;
}

.company_right img{
	position: absolute;
	right: 80px;
	bottom: 70px;
}

.top{
	padding-top: 45px;
}

footer{
	background: url(../images/bg_index_line.jpg) no-repeat left top;
	width: 100%;
}

#footer{
	width: 1365px;
	margin: 0 auto;
	padding: 95px 0;
	overflow: hidden;
}
#footer .col-12.data_text {
	padding-left: 0;

}
#footer .col-12.data_text .box-sizing {
    padding-left: 0;
}
.contact_data {
    /* width: 890px; */
    margin: 0 auto;
}
.contact_title {
    text-align: center;
    font-size: 24px;
    color: #1a7d85;
    padding-bottom: 20px;
}
.data_text {
    font-size: 18px;
    color: #595757;
    line-height: 26px;
}
.box-sizing {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.data_title {
    font-size: 20px;
    color: #1a7d85;
    line-height: 40px;
}
#copyright{
	float: left;
	width: 70%;
	color: #363636;
	font-size: 15px;
	line-height: 25px;
	padding-top: 20px;
}

#copyright .link, #copyright .link a{
	color: #1a7d85;
	display: inline-block;
	min-width: 0;
}

#copyright a{
	color: #898989;
}

#certification{
	float: left;
	margin-top: 20px;
	margin-left: 6px;
}

#certification img{
	padding-left: 25px;
}
.qrcode{
	float:left;
	width:46%;
	text-align:right;
}
.qrcode a{
	float:right;
	padding:23px 8px 0 8px;
}
.qrcode a.ucloud{
	float:right;
	width:100px;
	padding:0 8px;
}
.qrcode a.ucloud img{
	width:100%;
}
.qrcode a img{
	width:35%;
}
.social-links .item {
	display: inline-block;
	padding: 20px 0 0 20px;
	float: none;
	width: auto
}
.social-links .item img {
	width: auto
}

/* 1600 x 1200 , 1600 x 1024 , 1600 x 900 */
@media screen and (max-width: 1600px) {
	.m_max-width{
		width: 1200px !important;
	}
}

/* 1400 x 900 , 1400 x 1050 */
@media screen and (max-width: 1440px) {
	.m_max-width{
		width: 1000px !important;
	}

	.max-width{
		width: 1340px;
		margin: 0 auto;
	}

	#slogan .b{
  font-weight: normal;
		font-size: 58px;
	}

	.company_title{
		font-size: 58px;
		line-height: 61px;
		padding: 0 130px 40px 40px;
		font-weight: 400;
	}

	.company_text{
		width: 670px;
	}

	#footer{
		width: 1250px;
		padding: 80px 0;
	}
	.qrcode{
		width:46%;
	}
	.qrcode a{
		padding:3px 8px 0 8px;
	}
	.qrcode a.ucloud img{
		width:90%;
	}
}

@media screen and (max-width: 1334px) {
	.m_max-width{
		width: 1000px !important;
	}

	.max-width{
		width: 1240px;
		margin: 0 auto;
	}

	#language{
		padding: 20px 53px 0 0;
		font-size: 15px;
	}

	#nav ul{
		font-size: 25px;
		margin: 150px 53px 0 0;
		padding: 48px 25px;
	}

	#nav ul li ul{
		font-size: 17px;
	}

	.top_menu_link a{
		font-size: 19px;
	}

	#slogan .b{
  font-weight: normal;
		font-size: 56px;
	}

	#slogan .s{
  font-weight: normal;
		font-size: 24px;
	}

	#start .start{
		font-size: 25px;
	}

	.company_title{
		font-size: 56px;
		line-height: 60px;
		padding: 0 130px 41px 40px;
		font-weight: 400;
	}

	.company_content{
		font-size: 19px;
		line-height: 28px;
		padding: 0 130px 53px 40px;
	}

	.company_text{
		width: 600px;
	}

	.company_link{
		font-size: 21px;
	}

	#copyright{
		font-size: 14px;
		line-height: 23px;
	}

	#footer{
		width: 1150px;
		padding: 70px 0;
	}
	.qrcode{
		width:44%;
	}
}

@media screen and (max-width: 1136px) {
	.m_max-width{
		width: 800px !important;
	}

	.max-width{
		width: 1040px;
		margin: 0 auto;
	}

	#slogan .b{
  font-weight: normal;
		font-size: 54px;
	}

	#start .scroll{
		padding-bottom: 67px;
	}

	.company_title{
		font-size: 45px;
		line-height: 48px;
		padding: 0 130px 40px 40px;
		font-weight: 400;
	}

	.company_text{
		padding-top: 100px;
		width: 520px;
	}

	.company_right img{
		right: 50px;
	}

	#footer{
		width: 950px;
		padding: 60px 0;
	}
	.qrcode{
		width:34%;
	}
}

@media screen and (min-width: 1001px) and (max-width: 1029px) {
	.m_max-width{
		width: 750px !important;
	}

	.max-width{
		width: 900px;
		margin: 0 auto;
	}

	#language{
		padding: 20px 50px 0 0;
		font-size: 14px;
	}

	#nav ul{
		font-size: 24px;
		margin: 150px 50px 0 0;
		padding: 46px 25px;
	}

	#nav ul li ul{
		font-size: 16px;
	}

	.top_menu_link a{
		font-size: 18px;
	}

	#slogan .b{
  font-weight: normal;
		font-size: 52px;
	}

	#slogan .s{
  font-weight: normal;
		font-size: 23px;
	}

	#start .start{
		font-size: 24px;
	}

	.company_text{
		padding-top: 100px;
		width: 450px;
	}

	.company_title{
		font-size: 42px;
		line-height: 48px;
		padding: 0 130px 38px 0px;
		font-weight: 400;
	}

	.company_content{
		font-size: 18px;
		line-height: 30px;
		padding: 0 130px 48px 0px;
	}

	.company_link{
		font-size: 20px;
		padding: 0 130px 0 0px;
	}

	#start .scroll{
		padding-bottom: 72px;
	}

	#copyright{
		font-size: 13px;
		line-height: 19px;
	}

	.company_right img{
		right: 10px;
	}

	#footer{
		width: 900px;
		padding: 50px 0;
	}
}


/* 以下切換手機板*/
@media screen and (min-width: 1030px) and (max-width: 1080px) {
	.col-12{
		width:100%;
	}

	.col-11{
		width:91.66666667%;
	}

	.col-10{
		width:83.33333333%;
	}

	.col-9{
		width:75%;
	}

	.col-8{
		width:66.66666667%;
	}

	.col-7{
		width:58.33333333%;
	}

	.col-6{
		width:50%;
	}

	.col-5{
		width:41.66666667%;
	}

	.col-4{
		width:100%;
	}

	.col-3{
		width:25%;
	}

	.col-2{
		width:16.66666667%;
	}

	.col-1{
		width:8.33333333%;
	}

	.max-width{
		width: 100%;
		margin: 0 auto;
	}

	header{
		width: 100%;
		height: 900px;
		margin: 0 auto;
		background: url(../images/index_bg_header.png) no-repeat left top;
	}

	#language{
		display: none;
	}

	/* nav start */
	#nav_icon{
		top:90px;
		right: 50px;
	}

	#nav_icon img{
		width: 85px;
	}

	#nav{
		width: 100%;
		min-height: 1800px;
	}

	#nav ul{
		font-size: 32px;
	}

	#nav ul li{
		padding: 25px 0;
	}


	#nav ul li ul{
		width: 100%;
		font-size: 24px;
	}

	#nav ul li ul li{
		padding: 20px 0 10px 0;
	}

	#m_lang{
		float: right;
		display: block;
		border-top: 1px solid #fff;
		text-align: right;
		font-size: 28px;
		color: #fff;
		padding: 20px 80px 0 0;
	}

	#m_lang a, #m_lang .in{
		float: right;
		width: 100%;
		color: #fff;
		padding: 20px 0 10px 0;
		font-family: Arial, Helvetica, Microsoft JhengHei, sans-serif;
	}
	/* nav end */

	#top_menu{
		display:none !important;
	}

	#logo{
		padding-top: 180px;
		padding-bottom: 80px;
	}

	#slogan .b{
  font-weight: normal;
		font-size: 50px;
	}

	#slogan .s{
  font-weight: normal;
		font-size: 25px;
	}

	#start .scroll{
		padding-bottom: 10px;
	}

	article{
		overflow: hidden;
		background: none;
		padding-top: 90px;
		background-color: #e6e6e6;
		height: auto;
	}

	.company_left, .company_right{
		float: left;
		width: 100%;
		height: auto;
	}

	.company_left{
		padding-bottom: 70px;
	}

	.company_text{
		float: right;
		width: 100%;
		padding-top: 80px;
	}

	.company_title{
		font-size: 60px;
		line-height: 65px;
		padding: 0 5% 45px 5%;
		font-weight: 400;
	}

	.company_content{
		font-size: 26px;
		line-height: 39px;
		padding: 0 5% 55px 5%;
	}

	.company_link{
		font-size: 28px;
		padding: 0 5%;
	}

	.company_right{
		background: url(../images/bg_m_index_right.jpg) no-repeat center center;
		position: relative;
		height: 860px;
		overflow: hidden;
		right: 0px;
	}

	.company_right img{
		position: absolute;
		right: 80px;
		bottom: 70px;
	}

	footer{
		background: url(../images/bg_index_line.jpg) no-repeat left top;
		width: 100%;
	}

	#footer{
		width: 90%;
		padding: 60px 5%;
	}

	#copyright{
		float: left;
		width: 65%;
		font-size: 22px;
		line-height: 32px;
		padding-top: 0;
	}

	#certification{
		float: right;
		width: 30%;
		padding-left: 5%;
		margin-top: 20px;
		text-align: right;
	}

	#certification img{
		padding-left: 5%;
		width: 40%;
	}
}

@media screen and (max-width: 1000px) {
	.col-12{
		width:100%;
	}

	.col-11{
		width:91.66666667%;
	}

	.col-10{
		width:83.33333333%;
	}

	.col-9{
		width:75%;
	}

	.col-8{
		width:66.66666667%;
	}

	.col-7{
		width:58.33333333%;
	}

	.col-6{
		width:50%;
	}

	.col-5{
		width:41.66666667%;
	}

	.col-4{
		width:100%;
	}

	.col-3{
		width:25%;
	}

	.col-2{
		width:16.66666667%;
	}

	.col-1{
		width:8.33333333%;
	}

	.max-width{
		width: 100%;
		margin: 0 auto;
	}

	header{
		width: 100%;
		height: 900px;
		margin: 0 auto;
		background: url(../images/index_bg_header.png) no-repeat left top;
	}

	#language{
		display: none;
	}

	/* nav start */
	#nav_icon{
		top:90px;
		right: 50px;
	}

	#nav_icon img{
		width: 85px;
	}

	#nav{
		width: 100%;
		min-height: 2100px;
	}

	#nav ul{
		font-size: 40px;
		width:340px;
	}

	#nav ul li{
		padding: 25px 0;
	}


	#nav ul li ul{
		width: 100%;
		font-size: 30px;
	}

	#nav ul li ul li{
		padding: 25px 0 10px 0;
	}

	#m_lang{
		float: right;
		display: block;
		border-top: 1px solid #fff;
		text-align: right;
		font-size: 34px;
		color: #fff;
		padding: 40px 80px 0 0;
	}

	#m_lang a, #m_lang .in{
		float: right;
		width: 100%;
		color: #fff;
		padding: 20px 0 10px 0;
		font-family: Arial, Helvetica, Microsoft JhengHei, sans-serif;
	}
	/* nav end */

	#top_menu{
		display:none !important;
	}

	#logo{
		padding-top: 180px;
		padding-bottom: 80px;
	}

	#slogan .b{
  font-weight: normal;
		font-size: 55px;
	}

	#slogan .s{
  font-weight: normal;
		font-size: 28px;
	}

	#start .start{
		font-size:28px;
	}

	#start .scroll{
		padding-bottom: 10px;
	}

	article{
		overflow: hidden;
		background: none;
		padding-top: 90px;
		background-color: #e6e6e6;
		height: auto;
	}

	.company_left, .company_right{
		float: left;
		width: 100%;
		height: auto;
	}

	.company_left{
		padding-bottom: 70px;
	}

	.company_text{
		float: right;
		width: 100%;
		padding-top: 80px;
	}

	.company_title{
		font-size: 60px;
		line-height: 65px;
		padding: 0 5% 45px 5%;
		font-weight: 400;
	}

	.company_content{
		font-size: 32px;
		line-height: 50px;
		padding: 0 5% 55px 5%;
	}

	.company_link{
		font-size: 28px;
		padding: 0 5%;
	}

	.company_right{
		background: url(../images/bg_m_index_right.jpg) no-repeat center center;
		position: relative;
		height: 860px;
		overflow: hidden;
		right: 0px;
	}

	.company_right img{
		position: absolute;
		right: 80px;
		bottom: 70px;
	}

	footer{
		background: url(../images/bg_index_line.jpg) no-repeat left top;
		width: 100%;
	}

	#footer{
		width: 90%;
		padding: 60px 5%;
	}

	#copyright{
		float: left;
		width: 65%;
		font-size: 22px;
		line-height: 32px;
		padding-top: 0;
	}

	#certification{
		float: right;
		width: 30%;
		padding-left: 0;
		margin-top: 20px;
		text-align: right;
	}

	#certification img{
		padding-left: 5%;
		width: 40%;
	}
	.qrcode{
		width:100%;
		padding:50px 0 10px 0;
	}
	.qrcode a.ucloud{
		float:right;
		width:20%;
		padding:0 8px;
	}
	.qrcode a.ucloud img{
		width:80%;
	}
	.qrcode a{
		padding:23px 16px 0 0;
		width:23%;
		float:left;
	}
}

@media screen and (max-width: 640px) {
	.qrcode a{
		padding:0 40px 0 0;
		width:auto;
	}
}

/*connie add*/
.product-intro{ background:#1a7d85; color:#fff; padding:100px 0; font-size:30px; line-height:133%;font-family:Arial,Microsoft JhengHei,sans-serif;}
.product-intro p{ margin:0 40px;}


@media screen and (max-width: 1136px){
.product-intro{ font-size:25px; }
}

@media screen and (max-width: 640px){
header{ height:1000px;}
}

@media (min-width: 1280px){
header{ position:relative;}
#logo{ padding-top:140px;}
#language{ padding-right:75px; float:right;}
.top_link{ float:right;    padding: 20px 20px 0 0;font-size: 16px;}
.top_link li{ display:inline}
.top_link li:after{ content:'・';}
.top_link li:last-child:after{ content:'|'; margin-left:20px;}
.top_link li a{    color: #a0a0a0;}
.top_link li a:hover{   color: #1a7d85;}
#nav_icon{ display:none;}
#nav{    position: absolute;     top: 60px; right: 55px;    z-index: 9;    display: block;    text-align: right; line-height:50px; width:auto; min-height: inherit; height:auto; background:none;}
#nav>ul{ padding:0; margin:0; width:auto; border:none;}
#nav>ul>li{ float:left; position:relative; padding:0;}
#nav>ul>li:nth-child(n+8){ display:none;}
#nav a{ display:block; }
#nav>ul>li>a{ padding-left:30px;font-size: 20px;color: #1a7d85;}
#nav .news-change {
    padding-left: 30px;
    font-size: 24px;
    color: #1c414c;
}
#nav .news-change:hover {
    font-size: 28px;
    color: #1c414c;
}
#nav>ul>li:last-child>a{ padding:0;}
#nav ul li ul{ position:absolute; left:20px; top:100%;   background: url(../images/bg_nav.png) repeat; width:200px; padding:10px 0; display:none; margin-top:0;}
#nav ul li ul li{ padding:0;}
#nav li ul>li>a{ color:#fff; line-height:20px; padding:7px 10px; text-align:left; font-size:90%;}
#nav>ul>li:hover>a{color: #00808c;}
#nav li:hover ul{ display:block;}
#start .start{ position:absolute; bottom:0; left:50%; margin-left:-233px;	}
.qrcode{ float:right; width:30%;}
#certification{ float:right; width:auto;}
}
@media (min-width: 1080px){
.copyright_br {display: none;}
}
@media (max-width: 1279px){
	.social-links { text-align: center; }
.social-links .item { padding: 20px 10px 0 }
.top_link{ display:none}
.qrcode{ width:100%; padding-top:0;}
#certification{ width:50%; float:none; margin: 0 auto; text-align: center;}
#certification img{ padding: 20px 20px 0 0;}
#footer {text-align: center;}
#copyright { width: 100%; }
}
/*for ru*/
@media (min-width: 1280px) and (max-width: 1439px){
#nav>ul>li>a{ padding-left:20px;}
}

/*20200526 add*/
#nav>ul.social-links {
    margin: 0 0 0 15px;
    padding: 0;
    display: none
}
.social-links li {
    list-style: none;
}
.social-links li a img{
    width: 35px;
    height: 35px;
}
@media (min-width: 1280px) {
    #nav>ul.social-links {
        display: block
    }
}