/** * index 4.5.3 * * Copyright 2021-2029 */ * {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:12px;font-family:"Hiragino Sans GB","Microsoft Yahei";line-height:2em;-webkit-text-size-adjust:none;-webkit-font-smoothing: antialiased;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; } html,body{color:#333;} body{background:#fff} ul,ol,li{list-style:none} a{color:#333;text-decoration:none;transition: all .3s;} a:hover{text-decoration:none;color:#f60;} img{border:0} em{font-style:normal} h1,h2,h3,h4,h5{font-weight:normal} .clear:after {visibility:hidden;display:block;font-size:0; content:" ";clear:both;height:0;} .clear {zoom:1;clear: both;} .left {float:left;display:inline;} .right {float:right;display:inline;} .center {text-align: center;} .juhong {color: #F60;} .gray{color:#868686;} .wpx50{ width:50%;} .mt10{ margin-top:10px;} .mt20{ margin-top:20px;} .mt36{ margin-top:36px;} .mt50{ margin-top:50px;} .mt85{ margin-top:85px;} .mr24{ margin-right:24px;} .ml24{ margin-left:24px;} .mr0{ margin-right:0px;} .mr32{ margin-right:32px;} .mb20{ margin-bottom:20px;} .mr10{ margin-right:10px;} .mr16{ margin-right:16px;} .mr40{ margin-right:40px;} .ml12{ margin-left:12px;} .pt20{ padding-top:24px;} .pt36{ padding-top:36px;} .p15{padding-left:5px;} .pt10{ padding-top:10px;} .p20{ padding:20px 0;} .mb45{ margin-bottom:45px;} .w1200{margin:0 auto; width:1200px;overflow:hidden;} i, em{font-style: normal;} .f12{font-size:12px;} .f14{font-size:14px;} .f16{font-size:16px;} .f18{font-size:18px;} .f20{font-size:20px;} .f21{font-size:21px;} .f24{font-size:24px;} .f26{font-size:26px;} .f28{font-size:28px;} .f30{font-size:30px;} .f32{font-size:32px;} .f36{font-size:36px;} .f38{font-size:38px;} .por{position: relative;} .poa{position: absolute;} .pof{position: fixed;} .poa-f{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .ovh{overflow: hidden;} .hide{ display:none;} .show {opacity: 1;} a.show {opacity: 1;} a.hide{ display:none;} .gray{color:#868686;} .black{background-color: #292929;} .tim01 {-webkit-animation-duration: 1s;-webkit-animation-delay: 0.3s;animation-delay: 0.3s;} .tim02 {-webkit-animation-duration: 1s;-webkit-animation-delay: 0.4s;animation-delay: 0.4s;} .tim03 {-webkit-animation-duration: 1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;} .tim04 {-webkit-animation-duration: 1s;-webkit-animation-delay: 0.6s;animation-delay: 0.6s;} .tim05 {-webkit-animation-duration: 1s;-webkit-animation-delay: 0.7s;animation-delay: 0.7s;} .tim06 {-webkit-animation-duration: 1s;-webkit-animation-delay: 0.8s;animation-delay: 0.8s;} .tim07 {-webkit-animation-duration: 1s;-webkit-animation-delay: 0.9s;animation-delay: 0.9s;} .tim08 {-webkit-animation-duration: 1s;-webkit-animation-delay: 1s;animation-delay: 1s;} .tim09 {-webkit-animation-duration: 1s;-webkit-animation-delay: 1.1s;animation-delay: 1.1s;} .tim10 {-webkit-animation-duration: 1s;-webkit-animation-delay: 1.2s;animation-delay: 1.2s;} .tim11 {-webkit-animation-duration: 1s;-webkit-animation-delay: 1.3s;animation-delay: 1.3s;} .tim12 {-webkit-animation-duration: 1s;-webkit-animation-delay: 1.4s;animation-delay: 1.4s;} .wrap {width:1200px;} .wid {width: 1200px;margin: 0 auto;position: relative;z-index: 9;} .banner{padding-top:90px;} /* header */ .logo {float:left;display:block;width:263px;height:65px;overflow:hidden;margin-top:20px;} .header{border-bottom:none!important;position:absolute;top:0;left:0;box-shadow:none} .header{height:90px;width:100%;z-index:1000;min-width:1200px;position:fixed;border-bottom:1px solid #E8E8E8;background:#fff;box-shadow: rgba(0, 0, 0, .1) 0 1px 5px;} .header-inner{height:90px;width:1200px;margin:0 auto;} .header-tel{line-height:40px;height:40px;font-size:16px;float:right;padding-top:22px;color:#f60;background:url(icon-tel.png) 0 33px no-repeat;padding-left:24px} .header-tel span{font-family:"Microsoft JhengHei","Arial";margin-left:10px;font-size:16px;} .header-nav{height:41px;float:left;margin-top:22px;margin-left:5px;} .header-nav li{float:left;margin-right:25px;display:inline;height:77px;} .header-nav li a{color:#666;font-size:16px;display:block;line-height:40px;height:30px;padding:0 3px 36px 3px} .header-nav li.current a{color:#f60;font-weight: bold;border-bottom:3px solid #f60} .header-nav li a:hover{color:#f60;border-bottom:3px solid #f60} .header-up{position:absolute;top:90px;left:0;width:100%;height:auto;background:url(../images/navbg.png);display:none} .header-up-inner{margin:0 auto;} .header-up-left{float:left;width:376px;padding:40px 0 0 5px} .header-up-left a{display:block;float:left;margin-right:40px;width:65px;text-align:center;font-size:13px;color:#727171;} .header-up-left a i{display:block;margin:0 auto;background-image:url(../images/icon-pro.png);background-repeat:no-repeat} .header-up-left a.icon1 i{width:36px;background-position:-17px -11px;height:47px;margin-bottom:7px} .header-up-left a:hover{color:#f60} .header-up-left a.icon2 i{width:57px; background-position: -131px -11px; height:47px; margin-bottom:7px;} .header-up-left a.icon3 i{width:38px; background-position: -270px -11px; height:47px; margin-bottom:7px;} .header-up-left a.icon4 i{width:57px; background-position: -64px -20px; height:28px; margin-top:15px;margin-bottom:7px;} .header-up-left a.icon6 i{width:57px; background-position: -200px -19px; height:30px; margin-top:15px;margin-bottom:7px;} .header-up-left a.icon5 i{width:20px; background-position: -317px -19px; height:30px; margin-top:15px;margin-bottom:7px;} .header-up dl{float:left;width:100px;padding:30px 0} .header-up dl a{font-size:13px;color:#727171;line-height:28px} .header-up dl a:hover{color:#f60} .nav_right{float:right;width:280px;margin-top:25px;position:relative} .nav_right li{float:right;width:90px;text-align:right;height:30px;font-size: 16px;} .nav_right li a{color: #666;} .nav_right li:hover .dsn{display: inline} .nav_right li:hover .dsi{display: none} .nav_right span,img{vertical-align: middle} .nav_right .dsn{display:none;} .nav_right li .ewm{position: absolute;z-index:99;left:0px;top:50px;display:none} .nav_right .weixin{position:relative;} .nav_right .weixin:hover .ewm{display:inline} /* about */ .l-ma1190{width: 1200px;margin-right: auto;margin-left: auto;} .l-sub{background-color: #f1f1f1;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;margin-top:90px;} .l-sub .l-ma1190 {background: url(../images/icol_home.png) no-repeat 5px center;padding-left: 18px;} .l-ma1190{width: 1200px;margin-right: auto;margin-left: auto;} .l-sub a{display: block;float: left;height: 41px;line-height: 41px;padding: 0 17px 0 15px;font-size: 12px;color: #000;} .f-cb:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";} .l-sub a.cur, .l-sub a:hover{color: #999;} .l-sub span{display: block;float: left;height: 41px;width: 5px;background: url(../images/icol_arrows.png) no-repeat center center;} .l-menu{background-color: #fff;height: 158px;border-bottom: 1px solid #ededed;} .l-menu .l-ma1190{display: block;width:1182px;float: none;} .l-menu .l-ma1204{display: block;width:1182px;float: none;margin-right: auto;margin-left: auto;} .l-menu li{float: left;width:190px;padding: 0 1px;margin-top:30px;border-right: 1px solid #ededed;} .l-menu li.l-nrb{border-right: none;} .l-menu a{display: block;position: relative;padding-bottom: 25px;width: 194px;color: #999;} .l-menu a img{display: block;width:50px;height:50px;margin-right: auto;margin-left: auto;} .l-menu a p{margin-top: 12px;text-align: center;font-size: 14px;line-height: 14px;} .l-menu-bg{display: none;position: absolute;width: 194px;height: 115px;left: 0;bottom: -18px;} .l-menu a.cur, .l-menu a:hover{color: #f60;} .l-menu a.cur .l-menu-bg, .l-menu a:hover .l-menu-bg{display: block;} .l-menu.lse-menu .l-ma1190{width:1130px;} .l-menu.lse-menu li{padding-top: 12px;padding: 0 80px;} .l-menu.lse-menu a img, .l-menu.ldu-menu a img{width: 52px;height: 52px;} .l-menu.ldu-menu .l-ma1190{width:542px;} .l-menu.ldu-menu li{padding: 0 38px;padding-top: 12px;} .l-menu.lse-menu a p, .l-menu.ldu-menu a p{margin-top: 20px;} /* 鍒嗛〉 */ .pull-right{width: 1200px;margin: 0 auto;height: 54px;margin-top: 22px; margin-bottom:50px;text-align: center;}.pull-right .pagination{display: inline-block;padding: 14px 0;height: 26px;font-size: 14px;line-height: 26px;color: #333;float: none;zoom:1;}.pull-right .pagination:after{content: "020";visibility:hidden;overflow:hidden;height: 0;clear: both;}.pull-right .pagination li{margin: 0 6px; float:left; display:inline;}.pull-right .pagination li a{padding:0 10px;color: #333;}.pull-right .pagination li:hover,.pull-right .pagination li.active{background-color: #f60;}.pull-right .pagination li:hover a, .pull-right .pagination li.active a{color: #fff;}.pull-right .pagination li.disabled a{color: #666;cursor: default;}.pull-right .pagination li.disabled:hover{background-color: #f0f0f0;}.pull-right .pagination li.disabled:hover a{color:#666;}.line1{ width:66px; height:3px; line-height:3px; background-color:#dedede;} /* copyright */ .copyright{padding-top:79px;border-top:1px solid #ededed} .copyright_c{width:1200px;margin:0 auto} .copyright_head{height:300px;overflow:hidden;border-bottom:1px solid #ededed} .copyright_L{float:left;width:300px} .copyright_L p{display:block;width:381px;margin-bottom:26px} .copyright_L span{display:block;overflow:hidden;margin-bottom:4px} .copyright_L span em{display:block;float:left;font-size:14px;color:#888;line-height:30px} .copyright_L span strong{display:block;float:left;font-size:20px;color:#f60;line-height:30px} .copyright_L span a{display:block;float:left;width:70px;height:30px;border-radius:3px;overflow:hidden;background:url(../images/QQ.png) #03d3ff no-repeat 11px center;padding-left:35px;font-size:14px;color:#fff;line-height:30px;margin-right:10px} .copyright_C{float:left;overflow:hidden} .copyright_C_list{float:left;padding-top:0px} .copyright_C_list p{display:block;font-size:18px;color:#333;padding-bottom:10px} .copyrigh-about{overflow:hidden;margin-bottom:10px} .copyrigh-about a{display:block;font-size:12px;color:#666;float:left;margin-right:24px} .copyrigh-about a:hover{color:#f60} .copyright_C_list:nth-child(2){margin-left:40px;margin-right:30px} .copyright_C_list:nth-child(3){margin-left:0px;margin-right:40px} .copyright_C_list:nth-child(4){margin-left:0px;margin-right:40px} .copyright_C_list:nth-child(5){margin-left:0px;margin-right:40px} .copyright_R{float:right;width:120px} .copyright_R span{display:block;width:100px;height:100px;border:1px solid #ededed;padding:9px} .copyright_R span img{width:100%} .copyright_R p{display:block;font-size:12px;color:#999;text-align:center;padding-top:0px} .copyright_bottom{height:65px;overflow:hidden} .copyright_bottom span{display:block;line-height:65px;font-size:12px;color:#a9a9a9;float:left} .copyright_bottom p{display:block;line-height:65px;font-size:12px;color:#a9a9a9;float:right} .link-tabs{font-size:12px;} .link-tabs .link-tab-name{/* padding-top:20px; */height:25px;border-bottom:1px solid #ededed;} .link-tabs .link-tab-name a{display:inline-block;margin-right:35px;height:25px;color:#999;} .link-tabs .link-tab-name a.active{border-bottom:1px solid #f60;} .link-items{margin-top:15px;padding-bottom:10px;} .link-items ul{height:78px;} .link-items ul li{float:left;margin-right:10px;height:20px;line-height:20px;} .link-items ul li a{color:#999;line-height:20px;} .link-wrap{ width:1200px;margin: 0 auto;} .cl {clear: both;height: 0px;} .clearfix {overflow: auto;_height: 1%;} .back2top{position:fixed;z-index:1000;width:50px;height:50px;display:block;background:url(../images/back.png) 0 0 no-repeat;right:20px;bottom:50px;} .QQbox{z-index:1000;width:270px;left:-220px;top:0;margin:149px 0 0 0;position:fixed;font-size:14px;} *html .QQbox{position:absolute; top:expression(eval(document.documentElement.scrollTop));} .QQbox .press{left:0;border:none;cursor:pointer;width:32px;height:96px;position:absolute;padding-top:140px;} .QQbox .Qlist{float:left;width:266px;background:url(../images/bj01.png) no-repeat;background-position:1px 0px;height:436px;display:block;overflow:hidden;zoom:1;} .QQbox .Qlist .infobox{text-align:center;background-repeat:no-repeat;padding:5px;line-height:14px;color:#CCCCCC;font-weight:700;} .QQbox .Qlist .contop{width:90px;height:125px;display:inline-block;margin-top:85px;margin-left:15px;} .QQbox .Qlist .contop a{width:90px;height:125px;display:inline-block;} .QQbox .Qlist .con{margin-top:48px;margin-left:45px;color:#f60;} .QQbox .Qlist .con ul li{height:31px;list-style:none;margin-left:35px;line-height:23px;} .QQbox .Qlist .con ul li img{margin-top:6px;} .QQbox .Qlist .con ul li a{margin-left:5px;text-decoration:none;line-height:23px;} .OnlineLeft{float:left;display:inline;width:200px;height:419px;overflow:hidden;zoom:1;} .OnlineBtn{float:right;display:inline;width:48px;height:218px;background:url(../images/float-zhaoshang.png) no-repeat;margin-top:130px;} .keonwrap1{width:1200px;position: relative;margin: 0 auto;} .keonwrap{width:1200px;margin-top:28px;margin: 0 auto;}