@font-face{font-family:'Gilroy-Regular';src:url("../font/3531F7_1_0-488854d1b8.ttf") format("truetype")}
@font-face{font-family:'Gilroy-SemiBold';src:url("../font/3531F7_0_0-7c85198d32.ttf") format("truetype")}
@font-face{font-family:'Gilroy-ExtraBold';src:url("../font/3531F7_2_0-3f8d515843.ttf") format("truetype")}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,select,button,textarea,input {margin:0;padding:0;}
html {height:100%;}
html,body {min-height:100%;}
body, button, input, select, textarea {font: 14px/1.5 'Microsoft YaHei', arial;color: #454545;}
ul, ol {list-style: none}
a {color: #454545; text-decoration: none}
a:hover {color: #004EA1;text-decoration: none}
img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
/*浮動*/
.clearboth{clear:both;overflow:hidden;_height:0px;font-size:0px;height:0px;}
.FL{ float:left;}
.FR{ float:right;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content:" ";clear:both;height: 0;}
.clearfix { display: inline-table; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt5{ margin-top:5px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mb30{ margin-bottom:30px;}

.wrap{ width:1200px; margin:0 auto;}

#header {height:100px; background: #fff; z-index: 200;}
#header .wrap{ position:relative}
#header .logo {float: left; margin-top:20px;}
#header .logo img{ display:block; height:60px;}

#header .icons{ position:absolute; right:0; top:0; line-height:100px;}
#header .icons span { display:inline-block; margin-left:15px; position:relative;}
#header .icons span i{ font-size:30px; color: #888; cursor:pointer}
#header .icons span:hover i{color: #004EA1;}
#header .icons .headhideEwm {position:absolute;top:100px;left:0;width:120px;height:120px; display:none;z-index:99; overflow:hidden}
#header .icons .headhideEwm img { display: block; width:100%;}

/*---菜單---*/
.nav{ float: right; height:100px; line-height:100px; margin-right:150px;}
.nav li.nLi{float:left;display:inline;position:relative; margin-right:50px;}
.nav li.nLi:last-child{margin-right:0;}
.nav li.nLi h3{font-weight: normal;}
.nav li.nLi h3 em{ display:none;}
.nav li.nLi h3 a { font-size:16px; color: #454545; display: inline-block; position: relative; z-index: 2;}
.nav li.nLi h3 a:before {content: ''; position: absolute; width: 0%; height: 2px; left: 50%;
	bottom: 30px;
	z-index: -1;
	border-radius: 0px;
	opacity: 0;
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s; 
	-o-transition: all 0.5s;
	background:#004EA1;
}
.nav li.nLi h3 a:hover,
.nav li.nLi.cur h3 a {color: #004EA1;}
.nav li.nLi:hover h3 a:before,
.nav li.nLi.cur h3 a:before {width: 100%; left: 0; border-radius:70px; opacity: 1;}

/*---子菜單---*/
.nav .sub{display:none;position:absolute; left:-50%; top:100px; z-index:9999; width:200%; background:#f2f2f2; padding:10px 0;}
.nav .sub li{line-height:35px;}
.nav .sub li a{display:block; text-align:center; font-size:14px; height:35x;line-height:35px;color:#333;}
.nav .sub li a:hover{background:#004EA1;color:#fff;}

.snav_btn {display:none;}
.hideMenu {display:none;}

.banner { width:100%;overflow:hidden;position:relative;}
.banner .swiper-container {overflow:hidden; height:650px;}
.banner .swiper-slide {overflow:hidden; background-position:center 0; background-repeat:no-repeat; background-size: cover}
.banner .swiper-slide img{ display: none; width:100%;}

.banner .swiper-pagination{ bottom:30px; width:100%; text-align:center; z-index:999}
.banner .swiper-container-horizontal .swiper-pagination-bullets { bottom: 30px;}
.banner .swiper-pagination-bullet { width: 12px; height: 12px; border-radius:12px; margin:0 5px; background: #fff; opacity:1; outline:none;}
.banner .swiper-pagination-bullet-active { background: #004EA1; opacity:1}

.banner .swiper-button-prev,
.banner .swiper-button-next{font-size: 0; width: 3rem; height: 3rem; border-left: 2px solid #fff; border-top: 2px solid #fff; opacity:.7; outline:none;}
.banner .swiper-button-next:after,
.banner .swiper-button-prev:after{ font-size:0;}
.banner .swiper-button-prev{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 2.5rem;}
.banner .swiper-button-next{-webkit-transform: rotate(-225deg); transform: rotate(-225deg); right: 2.5rem;}
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover{ opacity:1}

.w-tit { text-align:center}
.w-zh {font-size: 34px; color:#000; font-weight: 700;position:relative; display:inline-block; }
.w-en {font-family:"Gilroy-Regular"; font-size: 16px; color:#808080; text-transform:uppercase;}
.w-p {font-size:14px;color: #808080; background:url(../image/arr-b.png) center bottom no-repeat; margin-top:10px; padding-bottom:20px; text-transform:uppercase;}

.link-more{ margin-top:50px;}
.link-more a {font-size: 16px; border-radius:5px; border: 1px solid #24a6e6; background:#fff; display: inline-block; padding:15px 45px; background:#24a6e6; color: #fff; 
transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;}
.link-more a:hover{ background:#333; border-color:#333; color:#fff; padding:15px 60px;}


/*關于*/
.w-about { padding: 80px 0; background:url(../image/img5.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.w-about .wrap{ position:relative;}
.w-about .txt { margin-top:50px;}
.w-about .txt p{ color:#000; font-size:16px; line-height:200%; text-align:justify; text-indent:2em; margin-bottom:15px;}

.w-about-ico{}
.w-about-ico dl{ width:800px; margin: 0 auto; border-bottom:#004EA1 solid 1px; position:relative; }
.w-about-ico dd{text-align:center; font-size:18px;}
.w-about-ico dd:before {content: ''; position: absolute; width: 1px; height: 50px; left: 50%;bottom: 0;z-index: 1;background:#004EA1;}
.w-about-ico dd .ico{ width:150px; height:150px; background:#fff; border:#ddd solid 1px; border-radius:100%; margin:15px auto; overflow:hidden}
.w-about-ico dd .ico img{ display:block; width:100px; margin:25px;}
.w-about-ico dd a{ color:#004EA1; display: inline-block; font-weight:700; margin-bottom:65px;}

.w-about-ico li{ float:left; width:400px; text-align:center; position:relative; font-size:18px;}
.w-about-ico li:before {content:''; position: absolute; width: 1px; height: 140px; left: 50%;top: 0;z-index: 1;background:#004EA1;}
.w-about-ico li a{ color:#000; display:block; font-weight:700;}
.w-about-ico li a:hover{ color:#004EA1;}
.w-about-ico li span{ position:absolute;top:50px; left:50%; margin-left:-50px; width:100px; height:40px; line-height:40px ;background:#004EA1; color:#fff; z-index:10;}
.w-about-ico li .ico{ width:150px; height:150px; background:#fff; border:#ddd solid 1px; border-radius:100%; margin:140px auto 15px auto; overflow:hidden;}
.w-about-ico li .ico img{ display:block; width:100px; margin:25px;}

/*證書*/
.w-zz {padding:80px 0; overflow:hidden;position:relative;}
.w-zz .wrap{position:relative;}
.w-zz .swiper-container{ margin-top:50px;}
.w-zz .swiper-slide a{ display:block; border:#eee solid 1px;}
.w-zz .swiper-slide .img{width: 100%;box-sizing: border-box;overflow: hidden;}
.w-zz .swiper-slide .img img{display: block;width: 100%;transition: all .6s;}
.w-zz .swiper-slide:hover .img img{transform: scale(1.1);}
.w-zz .swiper-slide .txt{ position:absolute; bottom:0; left:0; display: block;width: 100%; height:50px; line-height:50px; font-size: 16px;color: #fff;transition: all .3s;text-align: center;background: rgba(0,0,0,0.75)}
.w-zz .swiper-slide:hover .txt{background-color: #004EA1;color: #FFFFFF;}

.w-zz .swiper-pagination{ display:none}

.w-zz .swiper-button-next,
.w-zz .swiper-button-prev{ width: 40px;height: 80px;background: rgba(0,0,0,0.5); top:60%;color:#fff}
.w-zz .swiper-button-prev{left: 0;}
.w-zz .swiper-button-next{right: 0;}
.w-zz .swiper-button-next:after,
.w-zz .swiper-button-prev:after{ font-size:35px;}
.w-zz .swiper-button-next:hover,
.w-zz .swiper-button-prev:hover {background-color: #004EA1;color: #FFFFFF;}


/*曆史*/
.w-icons {padding:80px 0; overflow:hidden; background:#f8f8f8;}
.w-icons ul{ margin-top:50px;border:#ccc solid 1px; border-top:#004EA1 solid 3px; overflow:hidden;}
.w-icons li{ clear:both; overflow:hidden; border-top:#ccc solid 1px; background:#f2f2f2;}
.w-icons li span{ float:left; display: block; width:15%;padding:12px 0; text-align:center }
.w-icons li span:nth-child(2){ width:32%; border-left:#ccc solid 1px; text-align:left; padding-left:15px;}
.w-icons li span:nth-child(3){ width:53%; border-left:#ccc solid 1px; text-align:left; padding-left:20px;}
.w-icons li:nth-child(1){ border-top:0; font-size:16px; font-weight:700; color:#333; background:#eee}
.w-icons li:nth-child(2n){ background:#fff}
.w-icons li:hover{ background:#004EA1; color:#fff;}

#footer {background:#004EA1;color:#fff; padding:50px 0 0 0; overflow:hidden;}
#footer .f-tit{ font-size:18px; color:#fff;}
#footer a{color:#fff;}
#footer a:hover{ text-decoration:underline}
/*lx*/
#footer .f-lx{ float:left; width:45%;}
#footer .f-lx img{ height:40px; display:block}
#footer .f-lx ul{ margin-top:20px;}
#footer .f-lx li{ height:35px; line-height:35px;}
#footer .f-lx li i{ font-size:14px; margin-right:5px;}

/*ly*/
#footer .f-ly{ float: left; width:25%;}
#footer .f-ly ul{ margin-top:10px;}
#footer .f-ly li{ display:inline-block; width:49%; height:35px; line-height:35px;}
/*wx*/
#footer .f-wx{ float:right; width:30%; text-align:center; margin-top:20px;}
#footer .f-wx p{ display:inline-block; width:48%; font-size:12px;}
#footer .f-wx img{ display:block; margin:10px auto; width:100px;}

#footer .f-copy{ height:60px;line-height:60px;text-transform: capitalize;border-top:rgba(255,255,255,0.25) solid 1px; margin-top:50px;}
#footer .f-copy a{padding:0 8px;}
#footer .f-copy p{ float:left;}
#footer .f-copy p.banquan{float:right;}

.s-banner {height:300px; width: 100%; overflow: hidden; background: url() center center no-repeat; }
.s-banner .txt{ margin-top:80px; color:#fff; width:600px;}
.s-banner .txt h2{ font-size:30px; text-transform:uppercase}
.s-banner .txt h3{ font-size:50px;}

/*內頁導航*/
.bt-box{height: 60px;border-bottom:#eee solid 1px; overflow:hidden}
.bt-position {height: 60px; line-height: 60px;  background: url(../image/home.png) no-repeat 0 center;font-size: 12px;}
.bt-position span {height: 60px;float: left; padding: 0 5px 0 20px;}
.bt-position em{ font-style:normal;}

/*內頁分類*/
.sub-nav{background:#fff;height:75px; border-bottom:#e5e5e5 solid 1px;}
.l-tree { text-align:center;}
.l-tree li{ display:inline-block;font-size:16px;text-align:center; padding:0 30px;  }
.l-tree li a{ display:block; height:75px; line-height:75px;text-align:center; color:#333;}
.l-tree li a:hover,
.l-tree li.cur a{height:75px; background:#fff; color:#004EA1; border-bottom:#004EA1 solid 3px; }

.sub_box{padding:60px 0 30px 0;background:#fff;}

.pagetxt{ margin-bottom:50px;}
.pagetxt .tit{ background:url() right center no-repeat; overflow:hidden; border-bottom:#eee solid 1px; margin-bottom:25px; padding-bottom:35px;}
.pagetxt .tit1{ background-image:url(../image/c0.png);}
.pagetxt .tit2{ background-image:url(../image/c1.png);}
.pagetxt .tit3{ background-image:url(../image/c2.png);}
.pagetxt .tit4{ background-image:url(../image/c3.png);}
.pagetxt h2{ font-size:30px; color:#004EA1; text-transform:uppercase;font-family:'Gilroy-SemiBold'; margin-bottom:15px;}
.pagetxt h3{ font-size:35px; color:#000;}
.pagetxt img{ display:block; margin-top:50px;}
.pagetxt .cp-list ul{ float:left; width:60%;}
.pagetxt .cp-list ul li{color:#000; clear:both; padding:10px 0;}
.pagetxt .cp-list ul span{float:left; display:inline-block; text-align:center; width:80px; height:80px; line-height:80px; font-size:40px; font-weight:700; background:#004EA1; color:#fff; margin-right:20px; margin-top:20px;}
.pagetxt .cp-list img{ float:right; width:20%;}

.pagetxt .cp-list2 ul{ float:right; width:50%;}
.pagetxt .cp-list2 img{ float:left; width:35%;}

.pplist{ float:left; width:32%; margin-right:2%; margin-bottom:2%; height:230px; box-shadow: 0 0 20px rgba(0,0,0,0.2); }
.pplist:hover{ background:#004EA1; box-shadow: 0 0 30px rgba(0,0,0,0.5);}
.pplist:nth-child(3n){ margin-right:0;}
.pplist .tit{ margin-top:40px; margin-bottom:20px; padding-left:30px;}
.pplist .tit h3{ font-size:20px; color:#000;}
.pplist p{padding:0 30px; font-size:14px; color:#787878;}
.pplist:hover .tit h3,
.pplist:hover p{ color:#fff;}

.pp3{ overflow:hidden}
.pp3 img{ display:block; width:45%; float:left}
.pp3 img:nth-child(2n){ float:right}

.pp4{border-bottom:#eee solid 1px; padding-bottom:40px; margin-top:40px; overflow:hidden}
.pp4 h3{ font-size:20px; margin-bottom:30px;}
.pp4 div{ display:block; width:45%; float:left}
.pp4 div:last-child{ float:right}

.lianxi{ text-align: center}
.lianxi li{ float:left; width:23.5%; margin-right:2%; text-align:center; box-shadow: 0 0 20px rgba(0,0,0,0.2); padding:50px 0 25px 0}
.lianxi li:hover{ box-shadow: 0 0 30px rgba(0,0,0,0.5);}
.lianxi li:last-child{ margin-right:0;}
.lianxi li div{width:60px; height:60px; margin:0 auto 30px auto; border:#004EA1 solid 2px; border-radius:60px;}
.lianxi li img{ display:block; width:30px; margin:20px;}
.lianxi li p{font-size:14px; margin-top:-15px;}

/*正文定義*/
#article-lsf {line-height:200%;font-size:16px;text-align:justify;}
#article-lsf p{margin-bottom:15px;}
#article-lsf img{ display:block; max-width: 100%; margin:10px auto;}
#article-lsf .imgcss{display:block;margin:10px auto 20px auto;}
#article-lsf table{border-collapse: collapse;width:100%;border:#ddd solid 1px;margin-top:30px;}
#article-lsf table tr:nth-child(odd){background:#f5f5f5;}
#article-lsf table th{padding:10px;border:#ddd solid 1px;}
#article-lsf table td{padding:10px;border:#ddd solid 1px;}
#article-lsf table td p{margin-bottom:0px;}
#article-lsf table td img{width:100%; display:block;}

#article-lsf iframe{ display:block; width:800px; height:480px; margin:0 auto 50px auto;}

/*地圖*/
#allmap{ float:; width:100%; height:400px; border:#ddd solid 0px;overflow: hidden;margin-top:30px}

/*正文文章樣式*/
.single_title{font-size:34px;font-weight: 500; text-align:center; color:#333 ;padding-bottom:40px;}
.single_add{color:#A0A0A0;text-align:center; margin-bottom:45px; padding-bottom:40px;border-bottom:#eee solid 1px;}
.pre_next{line-height:40px;border-top:#eee solid 1px;padding:25px 0px;margin-top:25px;}
.pre_next span{display:block;}


/*分頁樣式開始*/
.turnover {text-align:center;margin-bottom:30px; font-size:14px;padding-top:30px;}
.turnover a, .turnover .current, .turnover .disabled{display:inline-block;height:40px;line-height:40px;padding:0 18px;margin-left:2px;text-align:center;}
.turnover a, .turnover .disabled {background:#fff;border:1px solid #ddd;text-decoration:none;}
.turnover a:hover, .turnover .current {border:1px solid #004EA1;background:#004EA1;color:#fff;  }
.turnover .disabled{ color:#999;}

/*右下角小按钮*/
.newFixedRight{width: 45px; height: 45px; position: fixed; right: 20px; bottom: 50px; z-index: 999; opacity:0}
.newFixedRight .block{width: 45px; height: 91px; position: relative;}
.newFixedRight .box1, 
.newFixedRight .box2{position: absolute; right: 0; width: 45px; height: 45px; background: #191919; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer;}
.newFixedRight .box1 {top: 0; }
.newFixedRight .box1 .bg, 
.newFixedRight .box2 .bg{position: absolute; top: 0; right: 0; width: 45px; height: 45px; background: url(../image/ico_62.png) center center no-repeat;}
.newFixedRight .box1:hover{background-color: #464748 }

.newFixedRight .box2{bottom: 0;}
.newFixedRight .box2 .bg{background: url(/images/ico_new4.png) center center no-repeat;}
.newFixedRight .box2 a.bds_weixin{width: 45px; height: 45px; float: left; margin: 0; padding: 0; background-size: auto 16px;}
.newFixedRight .box2:hover{background-color: #464748}