body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,a,img { margin: 0; padding: 0; border: none;}
body { background: #fff;font-family: "Microsoft YaHei", "微軟雅黑", arial; font-size: 12px; color: #333333; font-weight: normal;overflow-x: hidden;min-width:1500px;}
textarea,input {font-family: "Microsoft YaHei", "微軟雅黑", arial; color: #333333; font-size: 12px; padding: 0; margin: 0; outline: none; -webkit-appearance: none;}
input[type="checkbox"],input[type="radio"] { appearance: none; -moz-appearance: none; -webkit-appearance: none;}
input:focus,textarea:focus { outline: none;}
select::-ms-expand {display: none;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu { display: block;}
ol,ul,li { list-style: none;}
h1,h2,h3,h4,h5,h6 { font-size: 12px; color: #333333;font-weight: normal;}
a,a:link,a:visited,a:focus,a:active,a:hover {font-family: "Microsoft YaHei", "微軟雅黑", arial; color: #333333; font-size: 12px;text-decoration: none;}
a:hover {color: #1183c7;}
html,body {height: 100%;}
body.hide {overflow: hidden;}
.taxian:after { content: ""; height: 0;display: block;clear: both;}
.wrap {max-width: 1200px; margin: 0 auto;width: 100%;box-sizing: border-box;}
.wrap:after {content: ""; height: 0;display: block; clear: both;}
.row {width: 100%; box-sizing: border-box;}
.row:after { content: ""; height: 0; display: block; clear: both;}
.l {float: left;}
.r {float: right;}
.mt{ padding-top:30px;}
.mb{ margin-bottom:30px;}
.article {line-height: 26px;font-size: 20px;color: #666666;}
.article img { max-width: 100%;}
.wrapper {width: 100%;min-height: 100%;position: relative;box-sizing: border-box;padding-top: 106px;}

/* 頂部 */
.header {width: 100%;  height: 106px;  position: absolute;  top: 0;  left: 0;  z-index: 90;  background: #fff;}
.header.fixed { position: fixed;  top: 0;}
.header .logo {float: left; overflow: hidden;margin-top: 23px;}
.header .logo img {width: 100%; display: block;}
.header .searchBox {float: right; margin-top: 40px; position: relative;}
.header .searchBox .searchBtn { width: 23px; height: 23px; background: url(../image/language1.png) no-repeat center;cursor: pointer;}
.header .searchBox .searchBtn a{ margin-left:27px;  font-size: 18px;   line-height: 24px; }

.header .phone,.header .menuBtn {display: none;}
.header .nav {float: right; margin-right: 10px;}
.header .nav > ul > li { float: left; padding: 0 20px;}
.header .nav > ul > li > a {position: relative;height: 106px;line-height: 106px;padding: 0 2px;display: block;font-size: 16px;color: #333333;overflow: hidden;transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s;-o-transition: 0.4s;}
.header .nav > ul > li > a:after {content: "";width: 0%;height: 3px;background: #1183c7;position: absolute;bottom: 0;left: 50%;z-index: 5;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
.header .nav > ul > li span {width: 100%;height: 100px;line-height: 100px;display: block;transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
.header .nav > ul > li span:last-child {color: #1183c7;}

.header .nav:hover > ul > li > a:hover { color: #1183c7;}
.header .nav:hover > ul > li > a:hover::after { width: 100%; left: 0;}
.header .nav .sub {min-width: 100%;display: none;position: absolute;top: 106px; left: 50%; transform: translate(-50%, 0%);-webkit-transform: translate(-50%, 0%);-moz-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%); -o-transform: translate(-50%, 0%); z-index: 90; background: #eeeeee; text-align: center;}
.header .nav .sub ul {display: inline-block;}
.header .nav .sub ul li {width: 272px;float: left;padding: 40px 0 25px 0;margin: 0 0 0 30px;}
.header .nav .sub ul li:first-child {margin-left: 0;}
.header .nav .sub ul li .pic {height: 178px;overflow: hidden;}
.header .nav .sub ul li .pic a {display: block;}
.header .nav .sub ul li .pic img {width: 100%;display: block;}
.header .nav .sub ul li > a {display: block;height: 54px;line-height: 54px;text-align: center; font-size: 16px;color: #000000;}
.header .nav .sub ul li > a:hover {color: #1183c7;}


/* 輪播圖 */
.main .banner {position: relative; width: 100%; height: 100%;z-index: 1;}
.main .banner img {width: 100%;display: block;}
.main .banner .pic2 { display: none;}
.main .banner .swiper-pagination { bottom: 16px;}
.main .banner .swiper-pagination .swiper-pagination-bullet { width: 22px; height: 22px; margin: 0 9px; background: url(../image/swiper-pagination-bullet1.png) no-repeat center;opacity: 1;}
.main .banner .swiper-pagination .swiper-pagination-bullet-active {background-image: url(../image/swiper-pagination-bullet2.png);}
.main .banner:hover .swiper-button-prev {opacity: 1; filter: alpha(opacity=100); left: 40px;}
.main .banner:hover .swiper-button-next {left: auto;right: 40px;}
.main .banner .swiper-button-next,.main .banner .swiper-button-prev { width: 30px; height: 44px; left: -40px; background: url(../image/prev1.png) no-repeat center;margin: 0; opacity: 0;filter: alpha(opacity=0);transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s;}
.main .banner .swiper-button-next {left: auto;  right: -40px; background-image: url(../image/next1.png);}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;border: 2px solid #fff;}

/*==標題↓==*/
.titleAx{ color:#333333;font-size:36px; text-align: center;line-height: initial;margin: 10px 0;}
.titleAx font{ display: block; color:#999999;font-size:12px}

/*==優勢↓==*/
.HomeAdvantage{padding:50px 0 70px 0;}
.HomeAdvantage .list{margin-top: 60px;}
.HomeAdvantage .list .line{ position: relative; height:260px;width:1px; background: #dcdcdc;float: left;}
.HomeAdvantage .list .line:before,.HomeAdvantage .list .line:after{ content: ""; position: absolute; left:-2px;top:0;width:5px;height:5px;border-radius: 50%;; background: #dcdcdc;}
.HomeAdvantage .list .line:after{ top: auto; bottom:0;}
.HomeAdvantage .list li{float:left;width:218px;padding:0 40px;}
.HomeAdvantage .list li em{ display: block; width:100px;height:58px;margin: auto;text-align: center;}
.HomeAdvantage .list li h3{color:#1183c7;font-size:20px; text-align: center;margin: 15px 0 0 0;line-height: initial;}
.HomeAdvantage .list li h3 font{ display:block;color:#1183c7;font-size:14px;}
.HomeAdvantage .list li h3 hr{ display: block;width:20px;height:1px; margin:10px auto 0; background:#1183c7;border: none;}
.HomeAdvantage .list li p{ margin-top:20px;color:#666666;}

/*==产品中心↓==*/
.index-set2{width: 100%;background: url('../image/index-set2-bj.jpg') no-repeat center top;}
.index-nav{   text-align: center; padding-bottom: 40px; padding-top:25px;}
.index-nav dd{   display: inline-block;  vertical-align: middle;    margin-right: 20px;    width: 200px;}
.index-nav dd img{   -webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);    -ms-filter: grayscale(100%);    -o-filter: grayscale(100%); filter: grayscale(100%);}
.index-nav dd:last-of-type{ margin-right: 0;}
.index-nav dd p{margin-top: 6px;font-size: 16px;color: #666}
.index-nav dd:hover img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);filter: grayscale(0%);}
.index-nav .action p{ color: #1183c7}
.index-nav .action img{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%);filter: grayscale(0%);}

.pordcut-list {padding-bottom: 66px;position: relative;}
.index-set2{padding-bottom: 30px;}
.pordcut-list li{width: 24%;margin-right: 1.333%;   float: left;   text-align: center}
.pordcut-list li .des{   background: #fff;   transition: all 0.5s;   -webkit-transition: all 0.5s; }
.pordcut-list li:nth-of-type(4n){ margin-right: 0;}
.pordcut-list li h6{   font-size: 18px;color: #494949;margin-top: 16px;}
.pordcut-list li span{   color: #999999;   font-size: 12px;   display: inline-block;    min-height: 15px;}

.pordcut-list li  p{

    font-size: 16px;color: #666;

    margin-top: 12px;
    min-height: 34px;
    
}

.pordcut-list li a{

    width: 60px;display: inline-block;

    line-height: 20px;font-size: 12px;

    text-align: center;

    border: 1px solid #dbdbdb;color: #dbdbdb;

    margin: 30px 0;

    position: relative;

}

.pordcut-list li a::before{

    content: '';

    width: 0;

    height: 100%;

    position: absolute;

    display: block;

    left: 0;

    top: 0;

    background: #1183c7;

    z-index: -1;

    transition: all 0.5s;

    -webkit-transition: all 0.5s; 

}

.pordcut-list li:hover .des{

    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

    transform: translateY(-8px);

    -webkit-transform: translateY(-8px);

}

.pordcut-list li:hover a::before{

    width: 100%;

}
.pordcut-list li img{width: 100%; height: auto; transition: all 0.5s; -webkit-transition: all 0.5s;}

.pordcut-list li:hover a{

    color: #fff;

    border: 1px solid #1183c7;

    color: #fff

}

/* 關于我們 */
.HomeAbout{  overflow:hidden;background: #1183c7;width: 100%; margin-bottom:30px;}
.HomeAbout .left{ position:relative;width:600px; }
.HomeAbout .left img{ position: absolute; right:0;top:0;}
.HomeAbout .right{width:540px;padding:70px 0px;}
.HomeAbout .right h3{color:#fff;font-size:24px;}
.HomeAbout .right hr{border:none; margin:30px 0;width:100px;height:1px; background: #fff;}
.HomeAbout .right .wx{color:#fff;font-size:14px;}
.HomeAbout .right a{ display: block;width:100px; height:30px;margin:30px 0 0 0; border:1px #fff solid; background: url(../image/line02.png) no-repeat center;}

/* 新聞資訊 */
.In_news{}
.In_news .img{width: 48.34%;height:100%;float: left;}
.In_news .img img{display: block;width: 100%;height: 100%;}
.TabContent{  overflow:hidden; margin-top:30px;}
.In_news .In_con{float: right;width: 48%;padding-top: 1px;min-height: 346px;}
.In_news .In_con img{display: none;}
.In_news dl{display: table;padding-bottom: 20px;margin-bottom:20px;border-bottom: 1px #f0f0f0 solid;position: relative;width: 100%}
.In_news dl:last-child{border-bottom: none;margin-bottom: 0!important;padding-bottom: 0!important;}
.In_news dl dd,.In_news dl dt{display: table-cell;vertical-align: middle;}
.In_news dt{padding: 6px 0 6px 16px;}
.In_news dt span{display: block;}
.In_news dt .title{margin-bottom: 8px;height:20px;position: relative;}
.In_news dt .title i{position: absolute;width: 100%;font-size: 16px;color: #333;left: 0;top:0;line-height: 20px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;}
.In_news dt .info{font-size: 14px;line-height:24px;color: #666;height: 48px;overflow: hidden;}
.In_news dd{background: #ccc;font-size: 12px;color: #fff;text-align: center;width: 84px;}
.In_news dd span{font-size: 36px;display: block;}

.In_news dl dt a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;}
.In_news dl.cur .title,.In_news dl:hover .title,.In_news dt a:hover .title{color: #008cd6;}
.In_news dl.cur dd,.In_news dl:hover dd{background: #008cd6}


.In_news .more{text-align: center;margin:40px 0;}
.In_news .more a{font-size: 14px;color: #888;border: 1px #888 solid;display: inline-block;width: 132px;height: 45px;line-height: 45px;border-radius: 45px;display: flex; flex-direction: column; justify-content: center;margin: 0 auto;}
.In_news .more a:hover{color: #008cd6;border: 1px #008cd6 solid;}

.In_news #myTab{padding: 22px 0 34px;}
.In_news .none{display: none;}
.In_news #myTab{text-align: center;overflow: hidden;}
.In_news #myTab li{font-size: 16px;color: #666;padding: 0 25px;display: inline-block;height: 18px;line-height: 18px;cursor: pointer;}
.In_news #myTab li:first-child{border-right: 1px #a3a3a3 solid;}
.In_news #myTab li.active{color: #008cd6;}

.clear_b {    clear: both;    height: 0;    height: none;    line-height: 0;    line-height: none;}

/* 合作夥伴 */
.HomePartner{  overflow:hidden; padding-bottom:30px;width: 100%;background: #f1f1f1;}
.HomePartner .picScroll-left{ position: relative;}
.LeftArr1 {position: absolute;left: -50px;width: 34px;height: 144px; cursor: pointer;background: url(../image/left.png) left center no-repeat;}
.RightArr1 {position: absolute;right: -50px;width: 34px;height: 144px; cursor: pointer; background: url(../image/right.png) right center no-repeat;}

.HomePartner .long{ margin-top:40px; overflow: hidden}
.HomePartner .list{}
.HomePartner .list li{ float:left;width:240px; margin-bottom:20px;}
.HomePartner .list li a{ position: relative; display: block; margin:0 10px;}
.HomePartner .list li h4{  opacity: 0; position: absolute; left:0; bottom: 0;color:#fff;font-size:20px; text-align: center; top:30px;width: 100%;height:100%;z-index: 9;transform:translateX(0px);}
.HomePartner .list li a:before{ opacity: 0;position: absolute;z-index: 2;content: "";left:0;top:0;width:100%;height:100%; background: rgba(0,0,0,0.5);transition: all .4s ease-in-out;}
.HomePartner .list li:hover h4{ opacity: 1;transform:translateY(20px);}
.HomePartner .list li:hover a:before{ opacity: 1}

.effect-one{position:relative;box-sizing:border-box;cursor:pointer;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .4s ease-in-out;overflow:hidden}
.effect-one .effect-one-img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:hidden}
.effect-oneBox:hover .effect-one-img,.effect-one:hover .effect-one-img{opacity:.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

/* 底部 */
.foot_link{position: relative;background: #333;border-bottom:1px #444 solid;overflow: hidden;padding:10px 0}
.foot_link ul{position: relative;padding-left: 80px;}
.foot_link,.foot_link a{color: #fff;font-size: 14px;}
.foot_link li{line-height: 24px;padding: 0 6px;float: left;}
.foot_link li.f_li{position: absolute;left: 0;top:0;line-height: 24px;padding: 0;}

.footer_con1, .footer_con1 a,.copyrightBox,.copyrightBox a{font-size: 12px;color: #e0e0e0;}
.footer_con1 a:hover,.copyrightBox a:hover{color: #6ab8fd;}
.copyrightBox{background:#222;overflow: hidden;padding:16px 0;}

.footer_con1{overflow: hidden;padding: 40px 0;}
.footer_con1 dl{float: left;width: 142px;padding-right: 10px;}
.footer_con1 dt{margin-bottom: 20px;}
.footer_con1 dt,.footer_con1 dt a{font-size: 15px;color:#fff;}
.footer_con1 dd a{line-height: 26px;}
.footer_con1 dl.dl_6{width:122px;float: right;padding-right: 0;}
.footer_con1 dl.dl_6 img{display: block;width: 100%;}

.footer_con1 dl.dl_5{width: 298px;}
.footer_con1 dl.dl_5 p{font-size: 14px;position:relative;padding-left: 66px;margin-bottom: 14px;line-height: 24px;}
.footer_con1 dl.dl_5 p span{width: 64px;height:24px;line-height:24px;position: absolute;left: 0;top:0;text-indent: 20px;}
.footer_con1 dl.dl_5 p b{font-size: 22px;font-weight: bold;}
.footer_con1 dl.dl_5 .tel_p span{background: url("../image/tel_p.png") no-repeat left center;top:50%;margin-top:-10px;}
.footer_con1 dl.dl_5 .mail_p span{background: url("../image/mail_p.png") no-repeat left center;}
.footer_con1 dl.dl_5 .add_p span{background: url("../image/add_p.png") no-repeat left center;}
.footer_con1{background: #333;}



/* 浮動客服 */
.fixedSidebar{
  width: 80px;
  position: fixed;
  right: 10px;
  top: 50%;
  transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  -moz-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  z-index: 90;
  text-align: center;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.fixedSidebar li {
  margin-top: 2px;
  position: relative;
}
.fixedSidebar li:hover a {
  background: #1183c7;
}
.fixedSidebar li a {
  height: 80px;
  display: block;
  padding-top: 12px;
  box-sizing: border-box;
  background: #000000;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.fixedSidebar li a:hover .icon {
  display: none;
}
.fixedSidebar li a:hover .txt {
  width: 80px;
  height: 80px;
  font-size: 16px;
  color: #fff;
  line-height: 18px;
  padding: 10px 20px;
  box-sizing: border-box;
}
.fixedSidebar li a .icon {
  height: 30px;
  line-height: 30px;
}
.fixedSidebar li a .icon img {
  vertical-align: middle;
}
.fixedSidebar li a .txt {
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  margin-top: 6px;
}
.fixedSidebar li a .txt2 {
  width: 80px;
  height: 80px;
  font-size: 16px;
  color: #fff;
  line-height: 18px;
  padding: 10px 20px;
  box-sizing: border-box;
}
.fixedSidebar li .hide {
  height: 80px;
  line-height: 80px;
  position: absolute;
  top: 0;
  right: 80px;
  z-index: 5;
  background: #1183c7;
  white-space: nowrap;
  box-sizing: border-box;
  display: none;
}
.fixedSidebar li .phone {
  background: #1183c7;
  padding: 0 20px;
  font-size: 20px;
  color: #fff;
}
.fixedSidebar li .qrcode {
  width: 142px;
  height: auto;
  right: 81px;
  padding: 8px;
}
.fixedSidebar li .qrcode img {
  width: 100%;
  display: block;
}