/* CSS Document */
body{margin:0px; padding:0px; font-size:12px;  color:#666; overflow-x:hidden;}
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
a:hover{text-decoration:none; color:#17aaeb; outline:none;}
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

.h10{height:10px; overflow:hidden; clear:both;}
.h30{height:30px; overflow:hidden; clear:both;}
.h60{height:60px; overflow:hidden; clear:both;}
.h70{height:70px; overflow:hidden; clear:both;}
.h100{height:100px; overflow:hidden; clear:both;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family:Arial, "微軟雅黑"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
.btn1{cursor:pointer;}
.red{color:#cb1f18;}
.wal{width:1200px; margin:0px auto;}

.indexPart1 li .ico img{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;	
}

.w220{ width:220px; overflow:hidden;}
.w950{ width:950px; overflow:hidden; background:#fff;}

.touDiv{ height:35px; background:#17aaeb; position:relative;}
.touDiv .tel{ position:absolute; left:100px; top:0px; line-height:35px; color:#fff; background:url(../image/nimg18_1.png) left center no-repeat; padding-left:27px;}
.touDiv .topSearch{ position:absolute; right:100px; top:4px; width:200px; height:27px; background:url(../image/topSearch.png) no-repeat;}
.touDiv .topSearch .input1{ width:140px; height:27px; line-height:27px; color:#ccc; font-size:14px; padding-left:15px;}
.touDiv .topSearch .btn1{ position:absolute; right:0px; top:0px; width:45px; height:27px; cursor:pointer; text-align:center; color:#fff;}
.touDiv .lan{ position:absolute; right:320px; top:0px; line-height:35px; font-size:14px; color:#fff;}
.touDiv .lan a{ padding:0 15px; color:#fff;}

.headDiv{ height:110px; background:#fff; position:relative;}
.headDiv .logo{ display:block; position:absolute; left:100px; top:20px;}

.navA, .lanA{ display:none;}
.headDiv .closeA{ display:none;}
.headDiv .closeA{ height:60px; width:60px; position:absolute; top:0px; right:0px; background:url(../image/close.png) center no-repeat;}

.nav{ position:absolute; height:110px; top:0px; right:100px;}
.nav li{float:left; height:110px; width:80px; float:left; margin-left:15px;}
.nav li .ico{ padding:34px 0 6px;}
.nav li .img1{ display:none;}
.nav a{ position:relative; display:block; height:110px; overflow:hidden; text-align:center; font-size:14px;}
.nav a:hover, .nav a.aNow, .nav a.aNow1{ color:#17aaeb;}
.nav a:hover img, .nav a.aNow img, .nav a.aNow1 img{ display:none;}
.nav a:hover .img1, .nav a.aNow .img1, .nav a.aNow1 .img1{ display:inline-block;}
/*導航觸發效果*/
.sNav{ display:none; position:absolute; top:145px; z-index:11; width:250px; overflow:hidden;}
.sNav .bg{ height:7px; width:250px; background:url(../image/sNavA.png) no-repeat;}
.sNav .list li{ font-size:14px; height:50px; line-height:50px; border-bottom:#e0e0e0 solid 1px; text-indent:35px;}
.sNav .list li a{ display:block; height:50px; background:#fff;}
.sNav .list li a:hover{ color:#fff; background:#17aaeb url(../image/ico2.png) right center no-repeat;}

/*導航菜單觸發*/
.navLayer{overflow-x: auto; height:100%; width:100%; overflow:hidden; position:fixed; z-index:22; right:-100%; top:0px; background:#fff;}
.navLayer .top{height:60px; position:relative; border-bottom:#dcdcdc solid 1px;}
.navLayer .logo{position:absolute; left:10px; top:7px; display:block;}
.navLayer .logo img{ position:relative; width:130px;}
.navLayer .closeBtn{ display:block; width:23px; height:24px; background:url(../image/close.png) center no-repeat; position:absolute; top:17px; right:10px;}
.navLayer .bg{overflow-x: auto;position:relative; background:#fff; height:100%; width:100%;}
.subNav{ cursor:pointer; display:block; height:40px; line-height:40px; border-bottom:1px solid #dcdcdc; position:relative;  font-size:14px; }
.subNav1{ background:url(../image/nimg56_1.png) right center no-repeat; background-size:35px;}
.subNav .name{  position:relative; padding-left:20px;}
.subNav .name a{ display:block;}
.currentDt{ background:url(../image/nimg56_1on.png) right center no-repeat; color:#17aaeb; background-size:35px;}
.navContent{display: none;}
.navContent li{ height:40px; border-bottom:1px solid #e9e9e9; line-height:40px; padding-left:30px;}
.navContent li a{ display:block;}

.searchLayerTel{ display:none; z-index:222; top:60px; left:0px; width:100%; position:fixed; background:#fff; height:60px;}
.searchLayerTel .box{ width:90%; margin:0 auto; height:40px; padding:10px 3%;}
.searchLayerTel .box .form{ width:100%; background:#eeeeee; border-radius:24px; -moz-border-radius:24px; position:relative;}
.searchLayerTel .form .input1{ width:100%; height:40px; line-height:40px; text-align:center; color:#444; font-size:14px;}
.searchLayerTel .form .btn1{ position:absolute; right:6px; top:10px; background:url(/images/nimg32_1.png) no-repeat; width:26px; height:26px; background-size:18px; cursor:pointer;}


.pageBg{ position:fixed; z-index:11; width:100%; height:100%; display:none; background:url(/images/bg2.png) repeat; left:0px; top:0px;}

.footDiv{ padding-top:50px; height:185px; background:#121c21;}
.footDiv .wal{ position:relative; height:185px;}
.footDiv .leftDiv .txt1{ color:#898e90; font-size:24px; text-transform:uppercase;}
.footDiv .leftDiv .txt2{ height:28px; font-size:16px; color:#898e90; position:relative;}
.footDiv .leftDiv .txt2 em{ display:block; position:absolute; left:0px; bottom:0px; width:20px; height:2px; background:#898e90;}
.footDiv .leftDiv .msg{ font-size:14px; line-height:24px; color:#898e90; padding-top:15px;}
.footDiv .rightDiv { position:relative; width:800px;}
.footDiv .rightDiv .links{ position:absolute; right:-12px; top:0px;}
.footDiv .rightDiv .links{ font-size:14px; color:#898e90;}
.footDiv .rightDiv .links a{ padding:0 12px; color:#898e90;}
.footDiv .rightDiv .share{ padding-left:58px; position:absolute; right:0px; top:36px; height:33px; line-height:33px; font-size:14px;}
.footDiv .rightDiv .share li{ float:left; margin-left:13px;}
.footDiv .rightDiv .share em{ position:absolute; left:0px; top:0px;}
.footDiv .rightDiv .msg{ line-height:30px; position:absolute; right:0px; top:86px; text-align:right;}
.footDiv .rightDiv .msg a{ display:block;}
.footDiv .ewmDiv{ width:120px; text-align:center; float:right; padding-left:45px;}
.footDiv .ewmDiv .imgDiv img{ width:120px;}
.footDiv .ewmDiv p{ font-size:14px; padding-top:5px; line-height:20px;}

.pageBanner{ position:relative;}
.pageBanner img{ width:100%;}

.pageBannerTel{ display:none;}
.pageBannerTel img{ width:100%;}

.pageBox{ padding:80px 0 100px; background:#f5f5f5;}
.pageBox2{ border-top:#585858 solid 1px;}
 
.sideNav{ border-top:#17aaeb solid 5px;}
.sideNav li{ height:50px; line-height:50px; margin-bottom:1px; font-size:14px; text-align:center;}
.sideNav li a{ display:block; height:50px; background:#fff;}
.sideNav li a:hover, .sideNav li a.aNow{ color:#17aaeb; background:#fff url(../image/ico3.png) right center no-repeat;}

.pageTitle{ height:45px; background:#fff; position:relative; font-size:14px; display:none;}
.pageTitle .return{ height:45px; line-height:45px; width:25%; background:#17aaeb; position:absolute; right:0px; top:0px;}
.pageTitle .return a{ color:#fff; display:block; text-align:center;}
.pageTitle .return img{ padding-left:8px; width:16px; position:relative; top:-3px;}
.sideTitle{ width:75%; height:45px; position:absolute; left:0px; top:0px;}
.sideTitle .con{ height:45px; line-height:45px; padding-left:20px; position:relative;}
.sideTitle .con a{ display:block; color:#17aaeb; background:url(../image/nimg56_1on.png) right center no-repeat; background-size:32px;}
.sideTitle .con em{ color:#fff;}
.sideTitle .sideIco{ position:absolute; right:10px; top:2px;}
.sideTitleNav { position:absolute; top:45px; z-index:10; width:100%; text-indent:20px; display:none; border-top:#efefef solid 1px;}
.sideTitleNav li a{ background:#fff; display:block; height:36px; line-height:36px; border-bottom:#f7f7f7 solid 1px;}
.sideTitleNav li a:hover{ background:#17aaeb; color:#fff;}


/*分頁*/
.pageNum{height:96px; padding-top:10px; text-align:center; color:#444;}
.pageNum a{margin:0 5px; display:inline-block; height:38px; line-height:38px; background:#fff; padding:0 15px; border:#e3e3e3 solid 1px; font-size:14px;}
.pageNum a:hover, .pageNum .aNow{background:#17aaeb; border:#17aaeb solid 1px; color:#FFF;}

.pageMore{ padding:25px 0; display:none;}
.pageMore a{ font-size:14px; display:block; width:100%; text-align:center; height:45px; line-height:45px; background:#17aaeb; color:#fff; font-size:16px;}

/*右側懸浮窗*/
.sideBar{ position:fixed; right:0px; top:50%; margin-top:-104px; z-index:111;}
.sideBar li{position:relative; height:45px; margin-bottom:5px; cursor:pointer;}
.sideBar .mouse{position:absolute; left:-273px; top:0px; display:none;}
.sideBar .img{background:url(../image/sideBar.png) left top no-repeat; height:45px; text-align:center; width:50px;}
.sideBar .img img{position:relative; top:14px;}
.sideBar .liNow .img{background:url(../image/sideBarOn.png) no-repeat;}
.sideBar .liNow .mouse{display:block;}
.sideBar .li01 .mouse{background:url(../image/sideBarBg1.png) left top no-repeat; width:250px; height:316px; padding:0 15px 0 8px;}
.sideBar .li01 .title{ height:50px; color:#fff; font-size:16px; text-align:center; line-height:50px;}
.sideBar .li01 .imgDiv{ text-align:center; padding:33px 0 10px;}
.sideBar .li01 p{ font-size:14px; text-align:center; color:#f04d21;}
.sideBar .li02 .mouse{background:url(../image/sideBarBg2.png) left top no-repeat; width:273px; height:auto;}
.sideBar .li02 .title{ height:50px; color:#fff; font-size:16px; text-align:center; line-height:50px;}
.sideBar .li02 .title a{ height:50px; color:#fff; font-size:16px; text-align:center; line-height:50px;}
.sideBar .li02 .ico{ text-align:center; padding:20px 0;}
.sideBar .li02 .tel{ font-size:26px; text-align:center; color:#f04d21;}

.tabContent{ display:none;}
.tab li{ cursor:pointer;}
.tabContent2{ display:none;}
.tab2 li{ cursor:pointer;}


.cd-top {
    /* image replacement properties */
    overflow: hidden;

    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {

    opacity: 1;
}

#Layer1{
	position:absolute;
	position:fixed;
	_position:absolute;
	width:100%;
	z-index:99;
	top:0; left:0px;
	background-color:#000;
	display:none;
}

.ewmLayer1{ position:absolute; width:260px; height:288px; z-index:999; background:#fff; overflow:hidden; display:none;}
.ewmLayer1 .imgDiv{ text-align:center; padding:20px 0 10px;}
.ewmLayer1 p{ font-size:14px; text-align:center;}

.ewmLayer2{ position:absolute; width:260px; height:288px; z-index:999; background:#fff; overflow:hidden; display:none;}
.ewmLayer2 .imgDiv{ text-align:center; padding:20px 0 10px;}
.ewmLayer2 p{ font-size:14px; text-align:center;}