@font-face{
	font-family:trump_gothic_east;
	src: url('../fonts/trump_gothic_east.eot');
	src: url('../fonts/trump_gothic_east.eot?#iefix') format('embedded-opentype'),
		url('../fonts/trump_gothic_east.woff2') format('woff2'),
		url('../fonts/trump_gothic_east.woff') format('woff'), 
		url('../fonts/trump_gothic_east.ttf') format('truetype'),
		url('../fonts/trump_gothic_east.svg#trump_gothic_east') format('svg');
}
@font-face {
  font-family: Met-Regular;
  src: url("../fonts/Metric_Regular.otf");
}
@font-face {
  font-family: Met-Bold;
  src: url("../fonts/Metric_Medium.otf");
}

body{overflow:auto;overflow-x: hidden;}
*{ margin:0; padding:0;box-sizing:border-box;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;}
img{ border:none;}
ul,li{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
.lh_75{height:75px;}
.lh_90{height:90px;}
.lh_35{height:35px;}
.lh_140{height:190px;}
.s_width{width:85%;margin:0 auto;}
.s_width2{width:85%;margin:0 auto;}

.f_block{display:block;}
.f_none{display:none;}


.head_index .menu_box{ width:60px;height:60px;position: relative;margin:0 0 0 0;z-index: 999;display: none;}
.head_index .nav_button{position: absolute;right:15px;top:26px;vertical-align: middle;width:24px;height:2px;cursor:pointer;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.head_index .nav_button::after, .head_index .nav_button::before{content:'';width:24px;height:2px;position: absolute;z-index:99999999;right:0;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.head_index .nav_button::after{top:9px;}
.head_index .nav_button::before{top:-9px;}
.head_index .menu_box.on .nav_button{width:0;}
.head_index .menu_box.on .nav_button::before{-webkit-transform: translateY(9px) rotate(45deg);-ms-transform: translateY(9px) rotate(45deg);transform: translateY(9px) rotate(45deg);}
.head_index .menu_box.on .nav_button::after{-webkit-transform: translateY(-9px) rotate(-45deg);-ms-transform: translateY(-9px) rotate(-45deg);transform: translateY(-9px) rotate(-45deg);}
.header_height, .header .inner{height:54px;}
.tran{-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

.header_nav{position: fixed;width:260px;height:340px;border-radius:5px;overflow: hidden;padding:10px 0;top:50%;left:50%;margin:-170px 0 0 -130px;z-index:999;background-color: #23a8ab;box-shadow:0 0 10px #f1f1f1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
#close{display: none;position: fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.7);z-index:998;}
.header_nav ul{padding:0 15px;}
.header_nav ul li a{font-size:16px;display:block;color:#fff;position: relative;line-height: 40px;border-bottom:1px solid rgba(255,255,255,0.2);text-align: center;}
.header_nav ul li a.active{background-color:#8fc31f;color:#fff;}
.header_nav ul li:last-child a{border:none;}
.header_nav ul li a.link{color:#fff;}
.header_nav ul li .son_nav{display: none;padding:5px;background-color: #eee;border-top:2px solid #8fc31f;}
.header_nav ul li .son_nav a{display: block;font-size:16px;line-height:40px;color:#323232;border:none;}

.huise{ background: #f4f4f4;}
.huise2{ background: #f9f9f9;}
.padding_75{ padding:70px 0 75px 0;}
.padding_bottom_50{padding:0 0 50px 0}
.padding_bottom_75{padding:0 0 75px 0}
.padding_bottom{padding-bottom:0}
.font_44{font-size: 44px;color: #303030; line-height:46px;}
.font_44 strong{ color: #0b9fa2;}




.header{width:100%;height:109px;display: flex;justify-content: space-between; align-items: center; transition: all .2s; background: #0b9fa2;position: relative;z-index: 997;padding: 0 1%;}
.header_a{ background: rgba(0,0,0,0.35);}

.logo{ display: flex;justify-content: flex-start;z-index: 101;align-items: center;padding:0 0 0 5px;}
.logo img{width:100%;max-width:233px;}

.header .n{ display: none;}
.header .b{ display: block;}
.header.fixed-header_h .n{	display: block;}
.header.fixed-header_h .b{	display: none;}
.header.fixed-header {box-shadow: 0 0 5px rgba(0, 0, 0, .2);}
.header.fixed-header_h {height:90px; background-color: rgba(255,255,255,1); }

.header.fixed-header_h .logo div{color:#3b3c98;}

.header.header_h .n{	display: block;}
.header.header_h .b{	display: none;}
.header.header_h {box-shadow: 0 0 5px rgba(0, 0, 0, .2);background-color: rgba(255,255,255,1); }
.header.header_h .logo div{color:#3b3c98;}

.header.header_h .menu_box{ }
.header.header_h .nav_button{background-color:#0b9fa2;}
.header.header_h .nav_button::after, .header.header_h .nav_button::before{ background-color:#0b9fa2; }


.header_tel{ padding:0 5px 0 0;}

.menu{ width:56%;}
.header .menu li {width:calc(100%/8); float: left; text-align: center}
.header .menu li a:hover { color: #fff}
.header .menu li a {  font-size: 16px;  line-height: 109px;   display: inline-block;  color: #fff;  position: relative; stransition: .5s all ease-in-out;}
.header .menu li a:after{ content:''; width:0;height:2px; background: #0b9fa2;position: absolute;left:0;bottom:0;transition: 0.5s}
.header .menu li:hover a:after{ width:66px;}
.header.fixed-header_h .menu li a { color: #555;}
.header.fixed-header_h .menu li a:hover { color: #3b3c98}
.header.header_h .menu li a { color: #555;}
.header.header_h .menu li a:hover { color: #0b9fa2}

.header.fixed-header_h .menu li a{line-height:90px;}

.son{background:rgba(11,159,162,0.9);position: absolute; z-index: 1; top: 100%; width: 100vw; left: 0; box-sizing: border-box; padding: 50px 0; display: none;}
.son .s_width{display: flex;justify-content: space-between; }
.son .son_li{width:26%;display: flex;justify-content:flex-start;flex-direction: column}
.son p{width:30%;font-size: 15px;color:#fff;line-height: 30px; text-align:left; align-items: center;display: flex}
.son .son_pic{width:30%}
.son .son_pic img{width:100%;max-width:497px;}
.son_title{font-size: 30px;color: #fff;text-align: left; margin: 0 0 65px 0}
.son_title span{font-size: 18px;text-transform: uppercase;padding:0 0 0 18px;font-family: 'Microsoft Jhenghei', 'Microsoft YaHei';}
.son .son_li ul{ display: flex;justify-content: space-between; flex-wrap:wrap; }
.son .son_li li{width:48%; border:1px solid rgba(255,255,255,0.2);margin:0 0 10px 0;}
.son .son_li li a{ line-height: 45px;font-size: 16px; color:#fff;text-transform: uppercase; display: block;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;padding:0 5px;}
.son .son_li li a:after{ content:''; width:0;height:0;}
.header.fixed-header .son .son_li li a { color: #fff;}
.header.header_h .son .son_li li a { color: #fff;}
.header.fixed-header_h .son .son_li li a{line-height: 45px;}



/*footer*/
.footer{ background: #2c2c2c }
.footer ul{display: flex;justify-content: space-between;padding:75px 0}
.footer ul span{display: block;line-height: 45px;font-size: 17px;color:#adadad}
.footer ul i{display: block;width:70px;height:1px;background:rgba(255,255,255,0.1);margin: 15px 0}
.footer ul dd{}
.footer ul dd a{color:#9b9b9b; font-size: 14px; line-height: 32px;}
.footer ul dd a:hover{color:#ddd;}
.footer li img{display: block}
.footer li p{ text-align: center; color: #7a7a7a;line-height: 55px;}


.footer_p{ line-height:40px;padding:25px 0; text-align: center;  font-size:14px; color:#aaaaaa; border-top:1px solid rgba(255,255,255,0.1) }

.footer_p a{ color:#aaaaaa}
.footer_p a:hover{ color:#fff}

.phone_footer{width: 100%; height: 70px; background: #fff; left: 0; right: 0; position: fixed; z-index: 99; bottom: 0;border-top: 1px solid #eee}
.phone_footer ul{}
.phone_footer li{width: 25%;float: left;padding: 10px 0;text-align: center;color: #555;}
.phone_footer li a{color: #555;font-size: 14px;display: block;}
.phone_footer li a img{width: 30px;height: 30px;margin-bottom: 5px;}


.title{ display: flex;justify-content: space-between;align-items:flex-end;margin: 0 0 40px 0}
.title>a{ border-bottom:1px solid rgba(0,0,0,0.4);line-height: 55px; color:#6a6a6a}
.title>div{ display: flex;justify-content: space-between;flex-direction: column;font-size: 43px;color:#2f2f2f}
.title>div div{margin: 0 0 15px 0}
.title>div div span{padding: 0 0 0 10px}
.title>div p{ font-size:17px;color:#646464}
.title>div strong{ color:#373a9b}



@media only screen and (max-width:1680px){ 
	.son .son_li li a{font-size: 14px;}
	.son .son_li{ width:36%;}
	.son p{ width:25%;}
}
@media only screen and (max-width:1500px){ 
	.font_44{font-size: 36px; line-height:40px;}
	.footer ul span{ line-height: 30px; font-size: 15px;}
	.son .son_li{ width:55%;}
	.son .son_pic{ width:40%;}
	.son p{ display: none;}
}
@media only screen and (max-width:1350px){ 

}
@media only screen and (max-width:1200px){ 
	.s_width{width:95%;margin:0 auto;}
	.s_width2{width:95%;margin:0 auto;}
}
@media only screen and (max-width:1100px){ 
	.font_44{font-size: 26px; line-height:52px;}
	.padding_75{padding:30px 0 30px 0}
	.padding_bottom_50{padding: 0 0 30px 0;}
	.zhuying .pro_text2{display: none;}
	.zhuying .pro_text span{display: none;}
	.f_block{display:none;}
	.f_none{display:block;}
	.menu{display:none;}
	.head_index .menu_box{ display: block;}
	
}

@media only screen and (max-width:750px){ 
	.logo img{ max-width:140px;}
	.header_tel img{ max-width:140px;}
	.header{height: 70px;}
}