@import "https://fonts.googleapis.com/css?family=Carme";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, img { margin: 0px; padding: 0px }
fieldset, img, abbr, acronym { border: 0 }
q:before, q:after { content: '' }
input, button, select { border: none; outline: none }
button, .cursor { cursor: pointer }
textarea { outline: none; resize: vertical; border: 1px solid #e4eff1; padding: 10px }
a { text-decoration: none; color: #333 }
ul { list-style: none }
.lileft li { float: left }
.youtube.img_link iframe { display: inline-block; *display:inline;
*zoom:1
}
.logo { white-space: nowrap; text-indent: 100%; overflow: hidden; font: 0/0 serif \9; text-shadow: none \9; color: transparent \9 }
* { box-sizing: border-box }
body, html { width: 100%; height: 100% }
body { font-size: 15px; line-height: 25px; color: #555;  }
select, button {  }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1 }
.clear { clear: both }
.fleft { float: left }
.fright { float: right }
.logo { margin-top: 13px; float: left; background: url("../../../image/zh-Hant/logo.png"); background-position: center top; background-repeat: no-repeat; width: 101px; height: 42px; display: block; margin-right: 10px; margin-right: 40px;    display: none;}
.marb_60 { margin-bottom: 60px }
.mart_60 { margin-top: 60px }
.marb_20 { margin-bottom: 20px }
.marb_80 { margin-bottom: 80px }
.marb_100 { margin-bottom: 100px }
.marb_40 { margin-bottom: 40px }
.center { text-align: center }
.block { display: block }
.marin_1240 { width: 1240px; margin: 0 auto }
.rel { position: relative }
.blu_t { font-size: 16px; color: #0b6fad }
.header { position:inherit; z-index: 10; top: 0; background: rgba(0, 0, 0, 0.8); height: 70px; width: 100% }
.header .menu_1 { width: 100%; float: left }
.header .menu_1 .mu1_li { width:12.5%; float: left; height: 70px; font-size: 18px; position: relative; line-height: 70px; background: url("../../../image/zh-Hant/line_1.png") no-repeat }
.header .menu_1 .mu1_li a { display: block; height: 70px; color: #FFF; text-align: center }
.header .menu_1 .menu_2 { display: block; position: absolute; top: 70px; width: 100%; display: none; background: rgba(0, 0, 0, 0.8);    z-index: 99999;}
.header .menu_1 .menu_2 a { font-size: 16px; height: auto; padding: 18px 5px; line-height: 20px; background: rgba(28, 200, 246, 0.6); border-top: 1px solid #189ec2 }
.header .menu_1 .mu1_li:hover .menu_2 { display: block }
.hvr-shutter-out-vertical { display: inline-block; vertical-align: middle;  box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: none; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s }
.hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(28, 200, 246, 0.6); -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: white }
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1) }
.box_980 { width: 980px; margin: 0 auto }
.footer { border-top: 5px solid #1261b6; background: #002B59; position: relative; z-index: 10; padding: 25px 0px 0px 0px }
.footer .flogo { background: url("../../../image/zh-Hant/logof.png"); background-position: center top; background-repeat: no-repeat; width: 114px; height: 43px; float: left }
.footer .btp { padding-bottom: 30px }
.footer .toppart li { list-style-type: none; float: left; font-size: 14px; line-height: 22px; letter-spacing: 1px; color: #cce5ff; height: 45px; padding-left: 60px; margin-left:19px; margin-bottom: 30px }
.footer .toppart .fcon_1 { background: url("../../../image/zh-Hant/ficon_1.png") no-repeat }
.footer .toppart .fcon_2 { cursor: pointer; color: #FFF; line-height: 45px; background: url("../../../image/zh-Hant/ficon_2.png") no-repeat }
.footer .toppart .fcon_2 a { color: #FFF }
.footer .toppart .fcon_3 { line-height: 45px; background: url("../../../image/zh-Hant/ficon_3.png") no-repeat }
.footer .toppart .fcon_3 a { color: #FFF }
.footer .listfot { }
.footer .listfot li { list-style: none; float: left; margin-right: 50px; width:207px }
.footer .listfot li .ftitle { display: block; color: #FFF; font-size: 14px; padding-left: 22px; letter-spacing: 1px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background: url("../../../image/zh-Hant/dortitline.png") left center no-repeat }
.footer .listfot li .fitem { display: block; color: #CCE5FF; font-size: 14px; letter-spacing: 1px; padding-left: 22px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.footer .listfot li a:hover { color: #8ae1e7; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.footer .listfot li:last-child { margin-right: 0px }
.footer .two_btt { float: left; background: url("../../../image/zh-Hant/linfrsrr.png") left no-repeat; padding: 20px 0px 0px 30px; height: 166px }
.footer .two_btt a { width: 190px; height: 50px; display: block; color: #cce5ff; line-height: 50px; padding-left: 60px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 1px 2px 3px #001832 inset; box-shadow: 1px 2px 3px #001832 inset; -webkit-border-radius: 25px; border-radius: 25px }
.footer .two_btt .fff1a { background: url("../../../image/zh-Hant/fotc1.png") 20px center no-repeat; background-color: #001E3E; margin-bottom: 15px }
.footer .two_btt .fff2a { background: url("../../../image/zh-Hant/fotc2.png") 20px center no-repeat; background-color: #001E3E }
.footer .two_btt a:hover { background-color: #0a4764; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 1px 1px 1px #001832 inset; box-shadow: 1px 1px 1px #001832 inset }
.depb { background: #001B38; padding: 10px 0px }
.depb .ac { color: #FFF; text-align: center; font-size: 13px }
.depb .ac a { color: #FFF; margin: 0px 5px; display: inline-block; font-size: 14px }
.depb h6 { width: 980px; display: block; text-align: center; margin: 0 auto; font-weight: normal; letter-spacing: 1px; color: #FFF; font-size: 13px }
.depb h6 a { color: #FFF; font-size: 13px }
.right_box .brbr { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; width: 200px; right: -155px; z-index: 10; top: 130px; position: fixed; background: rgba(51, 51, 51, 0.8); height: 45px; padding: 7px; margin-bottom: 10px; -webkit-border-radius: 23px; border-radius: 23px }
.right_box .brbr:hover { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; right: -40px }
.right_box .brbr2:hover { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; right: -25px }
.right_box .brbr1 { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; width: 70px; position: fixed; right: -155px; z-index: 10; width: 200px; top: 185px; background: rgba(51, 51, 51, 0.8); height: 45px; padding: 7px; -webkit-border-radius: 23px; border-radius: 23px; padding: 14px; margin-bottom: 10px; cursor: pointer }
.right_box .brbr1:hover, .right_box .brbr2:hover { background: rgba(35, 62, 129, 0.8) }
.right_box .brbr2 { cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; width: 200px; z-index: 10; position: fixed; top: 240px; right: -155px; background: rgba(51, 51, 51, 0.8); height: 45px; padding: 7px; -webkit-border-radius: 23px; border-radius: 23px; padding: 13px; margin-bottom: 10px }
.right_box .brbr2 input { width: 100%; float: left; border: 1px solid #CCC; background: none; height: 35px; position: relative; top: -8px; color: #FFF; width: 115px; margin-left: 20px; padding: 0px 10px; -webkit-border-radius: 3px; border-radius: 3px }
.right_box .chinnow { float: left; display: block; background: url("../../../image/zh-Hant/chinese.png"); background-position: center top; background-repeat: no-repeat; width: 30px; height: 30px; margin-right: 10px }
.right_box .ennow { float: left; display: block; background: url("../../../image/zh-Hant/eniconb.png"); background-position: center top; background-repeat: no-repeat; width: 30px; height: 30px; margin-right: 10px }
.right_box .chsnow { float: left; display: block; background: url("../../../image/zh-Hant/chiconb.png"); background-position: center top; background-repeat: no-repeat; width: 30px; height: 30px; margin-right: 10px }
.right_box .en { width: 37px; float: left; display: block; background: url("../../../image/zh-Hant/enicons.png") center center no-repeat; height: 30px; font-size: 12px; color: #FFF; padding: 14px 6px 0px 6px; border-left: 1px solid #CCC; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=100) }
.right_box .chs { width: 37px; float: left; display: block; background: url("../../../image/zh-Hant/chicons.png") center center no-repeat; height: 30px; font-size: 12px; color: #FFF; padding: 15px 6px 0px 6px; border-left: 1px solid #CCC; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=100) }
.right_box .cht { width: 37px; float: left; display: block; background: url("../../../image/zh-Hant/chticons.png") center center no-repeat; height: 30px; font-size: 12px; color: #FFF; padding: 15px 6px 0px 6px; border-left: 1px solid #CCC; opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=100) }
.right_box a:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
.content_bg { background: #F5F5F5; padding: 30px 0px 50px 0px }
.path_line { background: url("../../../image/zh-Hant/llineblue.png") left center no-repeat; padding-left: 35px; margin-bottom: 30px }
.path_line a, .path_line p { display: inline-block; font-size: 14px; color: #555 }
.white_bg { background: #FFF; padding: 50px }
.btmove { animation: btmove 0.5s ease-out 0.1s forwards }
@-moz-keyframes btmove { 0% {
top:200px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:165px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@-webkit-keyframes btmove { 0% {
top:200px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:165px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@keyframes btmove { 0% {
top:200px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:165px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
.cont_title { background: url("../../../image/zh-Hant/titlestykle.png") left center no-repeat; padding-left: 35px; color: #0b6fad; font-size: 18px; font-weight: normal; margin-bottom: 10px }
.youtube.img_link { width: 100%; height: 100% }
.youtube.img_link iframe { vertical-align: middle }
.img_link { width: 208px; height: 176px; text-align: center }
.img_link img { display: inline-block; vertical-align: middle; max-width: 208px; max-height: 176px }
.img_link:after { content: '' }
.img_link:after, .img_link > span { display: inline-block; width: 0px; height: 100%; vertical-align: middle }
.num_pag { text-align: center }
.num_pag .num { width: 35px; height: 35px; color: #1261B6; border: 1px solid #bbd4ef; cursor: pointer; display: inline-block; line-height: 35px; margin: 0px 5px; -webkit-border-radius: 3px; border-radius: 3px }
.num_pag .pre { color: #1261B6; margin: 0px 5px; display: inline-block; border: 1px solid #bbd4ef; line-height: 35px; height: 35px; padding: 0px 10px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px }
.num_pag .num:hover, .num_pag .pre:hover, .num_pag .num.now { background: #1261B6; border: 1px solid #1261B6; color: #FFF; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
@media screen and (max-width: 1200px) {
.marin_1240 { width: 980px }
.p760 { width: 620px }
}
.index_adrbox { bottom: 350px; right: 0; background: url("../../../image/zh-Hant/index_5_03.png"); background-position: center top; background-repeat: no-repeat; width: 290px; height: 282px; z-index: 6; position: fixed; padding: 20px 20px 20px 60px; -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s }
.index_adrbox .imgbox { display: block; width: 208px; height: 176px; margin-bottom: 15px; background: #FFF; text-align: center; position: relative }
.index_adrbox .imgbox .mark_n { top: -4px; left: -4px; background: url("../../../image/zh-Hant/tag_n.png"); background-position: center top; background-repeat: no-repeat; width: 66px; height: 71px; position: absolute }
.index_adrbox p { color: #FFF }
.banner_aera { width: 100%; height: 650px; background: #000; overflow: hidden; z-index: 5; position: relative }
.banner_aera .ban_img { float: left; position: relative; width: 100% }
.banner_aera .ban_img img { position: absolute; left: 50%; margin-left: -1280px }
.two_part { position: relative }
.two_part .marin_1240 { position: relative }
.two_part .tab_1 { z-index: 6; position: absolute; top: -140px; left: 0; width: 140px; height: 140px; background: rgba(18, 97, 182, 0.6); float: left; font-size: 16px; line-height: 25px; padding-top: 50px; color: #FFF; text-transform: uppercase; text-align: center; margin-right: 10px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer }
.two_part .tab_2 { z-index: 6; position: absolute; top: -140px; left: 150px; width: 140px; height: 140px; background: rgba(36, 191, 0, 0.6); float: left; font-size: 16px; line-height: 140px; color: #FFF; text-transform: uppercase; text-align: center; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer }
.two_part .tab_1:hover, .two_part .tab_1.now { background: #1261b6; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.two_part .tab_2:hover, .two_part .tab_2.now { background: #24bf00; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.two_part .blue_line { border: 4px solid #1261b6; width: 0; animation: line_dr 0.8s ease-out 0s forwards }
.two_part .green_line { border: 4px solid #24bf00; width: 0; animation: line_dr 0.8s ease-out 0s forwards }
.two_part .part_1 { background: url("../../../image/zh-Hant/index_5_03.jpg") repeat; padding: 40px 0px 70px 0px; min-height: 500px; overflow: hidden; position: relative }
.two_part .part_1 h2 { font-size: 35px; text-align: center; margin-bottom: 40px; position: relative; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); animation: title 0.5s ease-out 0.3s forwards }
.two_part .part_1 .bg_line1 { position: absolute; top: 0; left: 0; animation: ses 2.5s ease-out 0.8s forwards; width: 0px; overflow: hidden }
.two_part .part_1 .bg_line2 { position: absolute; top: 425px; left: 0; animation: ses1 4s ease-out 1.2s forwards; width: 0px; overflow: hidden }
.two_part .part_1 .bg_line3 { position: absolute; bottom: 0; left: 0; animation: ses2 3s ease-out 2s forwards; width: 0px; overflow: hidden }
.two_part .part_1 .bg_line4 { position: absolute; top: 0; right: 0; animation: ses3 5s ease-out 1s forwards; height: 0; overflow: hidden }
.two_part .part_1 .bg_line5 { position: absolute; right: 0px; bottom: 0px; background: url("../../../image/zh-Hant/bgll5.png") 0px 0px no-repeat; width: 290px; height: 560px }
.two_part .part_2 { padding: 40px 0px 0px 0px; min-height: 500px; overflow: hidden; position: relative }
.two_part .part_2 h2 { font-size: 35px; text-align: center; margin-bottom: 40px }
.two_part .part_2 .tab_area { position: relative; font-size: 0; text-align: center; margin-bottom: 70px }
.two_part .part_2 .tab_area .cirtab { display: inline-block; font-size: 16px; color: #333; text-align: center; width: 125px; height: 45px; line-height: 45px; cursor: pointer; background-color: #FFF; -webkit-border-radius: 23px; border-radius: 23px; margin: 0 5px }
.two_part .part_2 .tab_area .cirtab:hover, .two_part .part_2 .tab_area .now { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; background: #3fb224; color: #FFF }
@-moz-keyframes title { 0% {
top:-50px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:0px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@-webkit-keyframes title { 0% {
top:-50px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:0px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@keyframes title { 0% {
top:-50px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:0px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@-moz-keyframes ses { 0% {
width:0px;
top:0;
left:0;
}
100% {
width:421px;
height:141px;
top:0;
left:0;
}
}
@-webkit-keyframes ses { 0% {
width:0px;
top:0;
left:0;
}
100% {
width:421px;
height:141px;
top:0;
left:0;
}
}
@keyframes ses { 0% {
width:0px;
top:0;
left:0;
}
100% {
width:421px;
height:141px;
top:0;
left:0;
}
}
@-moz-keyframes ses1 { 0% {
width:0px;
}
100% {
width:316px;
}
}
@-webkit-keyframes ses1 { 0% {
width:0px;
}
100% {
width:316px;
}
}
@keyframes ses1 { 0% {
width:0px;
}
100% {
width:316px;
}
}
@-moz-keyframes ses2 { 0% {
width:0px;
}
100% {
width:309px;
}
}
@-webkit-keyframes ses2 { 0% {
width:0px;
}
100% {
width:309px;
}
}
@keyframes ses2 { 0% {
width:0px;
}
100% {
width:309px;
}
}
@-moz-keyframes ses3 { 0% {
height:0;
}
100% {
height:376px;
}
}
@-webkit-keyframes ses3 { 0% {
height:0;
}
100% {
height:376px;
}
}
@keyframes ses3 { 0% {
height:0;
}
100% {
height:376px;
}
}
@-moz-keyframes tablemo { 0% {
top:100px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:0px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@-webkit-keyframes tablemo { 0% {
top:100px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:0px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@keyframes tablemo { 0% {
top:100px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:0px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
.sele_colorarea { padding: 0px 30px 80px 65px; position: relative; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); animation: tablemo 0.5s ease-out 0.7s forwards }
.sele_colorarea .select_c { border-top: 1px solid #ddd; border-left: 1px solid #ddd }
.sele_colorarea .select_c td { height: 15px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd }
.sele_colorarea .left_num { position: absolute; left: 5px; top: -44px; text-align: right; font-weight: bold }
.sele_colorarea .left_num p { font-size: 12px; line-height:17px }
.sele_colorarea .left_num span.bb { display: block; position: relative; bottom: -34px; left: 20px; background: url("../../../image/zh-Hant/lin1335.png"); background-position: center top; background-repeat: no-repeat; width: 48px; height: 27px }
.sele_colorarea .bottom_num { position: absolute; top:452px; left:84px }
.sele_colorarea .bottom_num p { float: left; font-size: 12px; font-weight: bold; width: 30px; margin-right:6px; text-align: center; line-height: 20px }
.sele_colorarea .bottom_num p:last-child { margin-right: 0 }
.sele_colorarea .bg_1 { cursor: pointer; background: url("../../../image/zh-Hant/nm_03.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .bg_2 { cursor: pointer; background: url("../../../image/zh-Hant/nm_41.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .bg_3 { cursor: pointer; background: url("../../../image/zh-Hant/nm_14.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .bg_4 { cursor: pointer; background: url("../../../image/zh-Hant/nm_16.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .bg_5 { cursor: pointer; background: url("../../../image/zh-Hant/nm_07.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .bg_6 { cursor: pointer; background: url("../../../image/zh-Hant/nm_19.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .bg_7 { cursor: pointer; background: url("../../../image/zh-Hant/nm_21.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .bg_8 { cursor: pointer; background: url("../../../image/zh-Hant/nm_23.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .bg_9 { cursor: pointer; background: url("../../../image/zh-Hant/nm_09.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .bg_10 { cursor: pointer; background: url("../../../image/zh-Hant/nm_27.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .bg_11 { cursor: pointer; background: url("../../../image/zh-Hant/nm_26.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .bg_12 { cursor: pointer; background: url("../../../image/zh-Hant/nm_28.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .bg_13 { cursor: pointer; background: url("../../../image/zh-Hant/nm_30.jpg") no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
.sele_colorarea .select_mask { display: block; background: url("../../../image/zh-Hant/bgmask.png") repeat; width: 100%; height: 15px; border: 2px solid #000; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.sele_colorarea .select_mask.now { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.sele_colorarea .bg_1 .select_mask:hover, .sele_colorarea .bg_2 .select_mask:hover, .sele_colorarea .bg_3 .select_mask:hover, .sele_colorarea .bg_4 .select_mask:hover, .sele_colorarea .bg_5 .select_mask:hover, .sele_colorarea .bg_6 .select_mask:hover, .sele_colorarea .bg_7 .select_mask:hover, .sele_colorarea .bg_8 .select_mask:hover, .sele_colorarea .bg_9 .select_mask:hover, .sele_colorarea .bg_10 .select_mask:hover, .sele_colorarea .bg_11 .select_mask:hover, .sele_colorarea .bg_12 .select_mask:hover, .sele_colorarea .bg_13 .select_mask:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.move_contral { position: fixed; right: 70px; z-index: 2; bottom: 100px; background: url("../../../image/zh-Hant/circc.png"); background-position: center top; background-repeat: no-repeat; width: 200px; height: 200px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.move_contral .rrwh { position: relative; width: 100%; height: 100% }
.move_contral .c_top { position: absolute; top: 26px; left: 50%; margin-left: -27px }
.move_contral .c_right { position: absolute; top: 75px; left: 50%; margin-left: 3px }
.move_contral .c_bottom { position: absolute; bottom: 22px; left: 50%; margin-left: -27px }
.move_contral .c_left { position: absolute; top: 75px; right: 50%; margin-right: 2px }
.move_contral:hover { background: url("../../../image/zh-Hant/circcs.png"); background-position: center top; background-repeat: no-repeat; width: 200px; height: 200px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.moveapp { animation: contral 0.5s ease-out 0s forwards }
@-moz-keyframes contral { 0% {
bottom:-200px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
-moz-transform:scale(0, 0);
transform:scale(0, 0);
}
100% {
bottom:100px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
-moz-transform:scale(1, 1);
transform:scale(1, 1);
}
}
@-webkit-keyframes contral { 0% {
bottom:-200px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
-webkit-transform:scale(0, 0);
transform:scale(0, 0);
}
100% {
bottom:100px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
}
@keyframes contral { 0% {
bottom:-200px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
-moz-transform:scale(0, 0);
-ms-transform:scale(0, 0);
-webkit-transform:scale(0, 0);
transform:scale(0, 0);
}
100% {
bottom:100px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
-moz-transform:scale(1, 1);
-ms-transform:scale(1, 1);
-webkit-transform:scale(1, 1);
transform:scale(1, 1);
}
}
.result { border-top: 1px solid #0b6fad; width: 100%; position: relative; padding: 30px 0px 0px 0px }
.result .trccc { position: absolute; left: 50%; top: 0; margin-left: -10px; background: url("../../../image/zh-Hant/trcccc.png"); background-position: center top; background-repeat: no-repeat; width: 19px; height: 17px }
.result .product_area { width: 100%; text-align: center; font-size: 0px }
.result .product_area .pr_item { position: relative; width: 235px; padding: 20px 20px 0px 20px; min-height: 380px; border: 1px solid #ddd; display: inline-block; font-size: 0px; margin: 0px 0.6%; margin-top: 40px; vertical-align: top }
.result .product_area .pr_item .ovh { width: 100%; height: 280px }
.result .product_area .pr_item .button_ar { position: absolute; bottom: 0; width: 100%; left: 0 }
.result .product_area .pr_item .button_ar .rel { position: relative; width: 100% }
.result .product_area .pr_item .button_ar .let_b { bottom: 0px; position: absolute; left: 0; background: url("../../../image/zh-Hant/arnllll.png"); background-position: center top; background-repeat: no-repeat; width: 7px; height: 13px; background-color: #888; background-position: center; width: 35px; height: 35px }
.result .product_area .pr_item .button_ar .let_b:hover, .result .product_area .pr_item .button_ar .right_b:hover { background-color: #1e68d1 }
.result .product_area .pr_item .button_ar .center_b { color: #555; font-size: 14px; position: absolute; left: 50%; margin-left: -20px; bottom: 0px; text-align: center; height: 35px; line-height: 35px; width: 40px }
.result .product_area .pr_item .button_ar .right_b { bottom: 0px; position: absolute; right: 0; background: url("../../../image/zh-Hant/arnrrrr.png"); background-position: center top; background-repeat: no-repeat; width: 7px; height: 13px; background-position: center; width: 35px; height: 35px; background-color: #888 }
.result .product_area .pr_item .for_topimg { position: absolute; display: none; top: -70px; left: 50%; margin-left: -85px }
.result .product_area .pr_item h3 { font-size: 16px; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 20px }
.result .product_area .pr_item .listlist { float: left; width: 100%; text-align: center }
.result .product_area .pr_item .listlist li { list-style: none; position: relative; text-align: center; font-size: 16px; width: 100%; letter-spacing: 1px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; margin-bottom: 7px; cursor: pointer }
.result .product_area .pr_item .listlist li:hover { color: #0b6fad; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.result .product_area .pr_item .listlist .pd_icon { display: block; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); position: absolute; top: -30px; left: 50%; margin-left: -33px; background: url("../../../image/zh-Hant/pdf1111.png"); background-position: center top; background-repeat: no-repeat; width: 67px; height: 41px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.result .product_area .pr_item .listlist .pd_icon:hover { background: url("../../../image/zh-Hant/pdf1111s.png"); background-position: center top; background-repeat: no-repeat; width: 67px; height: 41px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.result .product_area .pr_item .listlist li:hover .pd_icon { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
.result .product_area .pr_item:nth-child(5) { width: 280px }
.result .product_area .pr_item.w290 { width: 290px }
@-moz-keyframes line_dr { 0% {
width:0px;
}
100% {
width:100%;
}
}
@-webkit-keyframes line_dr { 0% {
width:0px;
}
100% {
width:100%;
}
}
@keyframes line_dr { 0% {
width:0px;
}
100% {
width:100%;
}
}
.nws_list .dotarea { width: 1240px; height: 14px; margin: 0 auto; font-size: 0; text-align: center; margin-bottom: 70px }
.nws_list .dotarea .dot { display: inline-block; -webkit-border-radius: 50%; border-radius: 50%; width: 14px; height: 14px; cursor: pointer; margin: 0px 5px; border: 1px solid #3fb224 }
.nws_list .dotarea .dot:hover, .nws_list .dotarea .now { background: #A4DD97 }
.nws_list .box_1240 { overflow: hidden; height: 390px; width: 1240px; margin: 0 auto; padding-top: 20px; margin-bottom: 60px }
.nws_list .obs li { float: left; position: relative; width: 380px; margin-right: 40px; margin-bottom: 60px; margin-top: 20px }
.nws_list .obs li .iimg { display: block; width: 100%; height: 230px; overflow: hidden; position: relative; margin-bottom: 10px }
.nws_list .obs li .iimg img { min-width: 380px; height: 100%; position: absolute; left: 50%; margin-left: -50%; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s }
.nws_list .obs li .iimg:hover img { -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); -moz-transition: all 0.5s; -o-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s }
.nws_list .obs li .title { font-size: 16px; display: block; line-height: 30px; height: 60px; width: 100%; overflow: hidden; margin-bottom: 25px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.nws_list .obs li .title:hover { font-weight: bold; color: #3fb224; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.nws_list .obs li .more { display: block; background: url("../../../image/zh-Hant/morelinw.png") 95px 11px no-repeat }
.nws_list .obs li .more:hover { color: #3fb224; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.nws_list .obs li .date { background: url("../../../image/zh-Hant/ttrr.png"); background-position: center top; background-repeat: no-repeat; width: 92px; height: 92px; position: absolute; top: -20px; right: -10px; color: #FFF; z-index: 3; padding-right: 5px; text-align: right }
.nws_list .obs li .date p { font-size: 13px }
.nws_list .obs li .date span { font-size: 25px }
.five_part { width: 100%; height: 85%; z-index: 3; position: relative; overflow: hidden }
.five_part .sksk { position: absolute; width: 23.2%; left: 50%; background: #000; transform: skew(-15deg); -o-transform: skew(-15deg); -moz-transform: skew(-15deg); -webkit-transform: skew(-15deg); overflow: hidden; cursor: pointer }
.five_part .pr_1 { margin-left: -11.6%; height: 100% }
.five_part .pr_2 { margin-left: -34.78%; height: 100% }
.five_part .pr_2 .item img { margin-left: -222px; margin-top: -232px }
.five_part .pr_3 { margin-left: 11.6%; height: 100% }
.five_part .pr_3 .item img { margin-left: -222px; margin-top: -232px }
.five_part .pr_4 { margin-left: 34.78%; height: 100% }
.five_part .pr_4 .item img { margin-left: -222px; margin-top: -232px }
.five_part .pr_4 .cir_plus { margin-left: -70px }
.five_part .pr_5 { margin-left: -57.2%; height: 100% }
.five_part .pr_5 .item img { margin-left: -222px; margin-top: -232px }
.five_part .pr_5 .text_name { margin-left: 0px }
.five_part .pr_5 .cir_plus { margin-left: -40px }
.five_part .bg_1 { margin-left: -530px }
.five_part .bg_1 img { transform: skew(15deg); -o-transform: skew(15deg); -moz-transform: skew(15deg); -webkit-transform: skew(15deg) }
.five_part .item { width: 100%; height: 100%; position: absolute; z-index: 4; top: 0 }
.five_part .item img { position: absolute; left: 50%; top: 50%; margin-top: -300px; margin-left: -272px; transform: skew(15deg); -o-transform: skew(15deg); -moz-transform: skew(15deg); -webkit-transform: skew(15deg) }
.five_part .text_name { transform: skew(15deg); -o-transform: skew(15deg); -moz-transform: skew(15deg); -webkit-transform: skew(15deg); position: absolute; bottom: 8%; width: 205px; left: 50%; line-height: 30px; margin-left: -102px; font-size: 25px; text-transform: uppercase; color: #FFF; text-align: center; z-index: 5 }
.five_part .cir_plus { width: 120px; height: 120px; position: absolute; top: 50%; left: 50%; margin-left: -60px; margin-top: -60px; z-index: 5; transform: skew(15deg); -o-transform: skew(15deg); -moz-transform: skew(15deg); -webkit-transform: skew(15deg); background: none; background: rgba(255, 255, 255, 0.3); padding: 11px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); -webkit-border-radius: 50%; border-radius: 50% }
.five_part .plusg { background: url("../../../image/zh-Hant/plusssss.png") center no-repeat; border: 1px solid #4eff00; background-color: rgba(63, 194, 35, 0.6); width: 96px; height: 96px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; -webkit-border-radius: 50%; border-radius: 50% }
.five_part .sksk:hover .cir_plus { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
.five_part .cir_plus:hover { background: rgba(255, 255, 255, 0) }
.five_part .cir_plus:hover .plusg { background-color: rgba(63, 194, 35, 0.8); border: none; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.five_part button { background: none; border: 0; box-sizing: border-box; box-shadow: inset 0 0 0 2px #FFF; font-size: inherit; font-weight: 700; margin: 1em; padding: 1em 2em; text-align: center; text-transform: capitalize; position: relative; vertical-align: middle }
.five_part button::before, .five_part button::after { box-sizing: border-box; content: ''; position: absolute; width: 100%; height: 100% }
.five_part .spin:hover { color: #FFF }
.five_part .spin::before, .five_part .spin::after { top: 0; left: 0 }
.five_part .spin::before { border: 1px solid transparent }
.five_part .spin:hover::before { border-top-color: #FFF; border-right-color: #FFF; border-bottom-color: #FFF; transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s }
.five_part .spin::after { border: 0 solid transparent }
.five_part .spin:hover::after { border-top: 1px solid #FFF; border-left-width: 1px; border-right-width: 1px; transform: rotate(270deg); transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s }
.five_part .circle { border-radius: 100%; box-shadow: none }
.five_part .circle::before, .five_part .circle::after { border-radius: 100% }
@media screen and (max-width: 1200px) {
.moveapp { right: 0 }
.index_adrbox { bottom: 0 }
}
@media screen and (max-width: 1500px) {
.index_adrbox { bottom: 0 }
}
.banner_about { background: url("../../../image/zh-Hant/about_01.jpg") top center repeat; position: relative; height: 400px }
.banner_about .titbox { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); position: absolute; left: 50%; background: url("../../../image/zh-Hant/lineabtop.png") top center no-repeat; margin-left: -189px; height: 133px; top: 165px; padding: 20px; width: 378px }
.banner_about .titbox h2 { font-size: 35px; color: #FFF; text-align: center; margin: 10px; font-weight: normal }
.banner_about .titbox p { text-align: center; color: #FFF; font-size: 20px; text-transform: uppercase; line-height: 25px }
.banner_about_supplier { background: url("../../../image/zh-Hant/about_6.jpg") top center repeat; position: relative; height: 400px }
.banner_about_supplier .titbox { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); position: absolute; left: 50%; background: url("../../../image/zh-Hant/lineabtop.png") top center no-repeat; margin-left: -189px; height: 133px; top: 165px; padding: 20px; width: 378px }
.banner_about_supplier .titbox h2 { font-size: 35px; color: #FFF; text-align: center; margin: 10px; font-weight: normal }
.banner_about_supplier .titbox p { text-align: center; color: #FFF; font-size: 20px; text-transform: uppercase; line-height: 25px }
.left_icon { width: 125px; height: 500px; margin: 0px 50px; position: relative; float: left }
.left_icon .icon_1 { background: url("../../../image/zh-Hant/icon_about2.png"); background-position: center top; background-repeat: no-repeat; width: 125px; height: 125px; position: absolute; top: 0; animation: abicon_1 0.3s ease-out 0.5s forwards; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100) }
.left_icon .icon_2 { background: url("../../../image/zh-Hant/icon_about1.png"); background-position: center top; background-repeat: no-repeat; width: 125px; height: 125px; position: absolute; top: 188px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); animation: abicon_2 0.3s ease-out 1.1s forwards }
.left_icon .icon_3 { background: url("../../../image/zh-Hant/icon_about3.png"); background-position: center top; background-repeat: no-repeat; width: 125px; height: 125px; position: absolute; top: 375px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); animation: abicon_2 0.3s ease-out 1.6s forwards }
.left_icon .line { background: url("../../../image/zh-Hant/icon_aboutline.png"); background-position: center top; background-repeat: no-repeat; width: 1px; height: 63px; top: 125px; position: absolute; left: 50%; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); animation: abline_1 0.3s ease-out 0.9s forwards }
.left_icon .line2 { background: url("../../../image/zh-Hant/icon_aboutline.png"); background-position: center top; background-repeat: no-repeat; width: 1px; height: 63px; top: 312px; position: absolute; left: 50%; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); animation: abline_1 0.3s ease-out 1.5s forwards }
.p880_f { max-width: 1100px; line-height: 34px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); animation: abicon_2 0.4s ease-out 1.8s forwards }
@-moz-keyframes abicon_1 { 0% {
top:50px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:0px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@-webkit-keyframes abicon_1 { 0% {
top:50px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:0px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@keyframes abicon_1 { 0% {
top:50px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:0px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@-moz-keyframes abicon_2 { 0% {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@-webkit-keyframes abicon_2 { 0% {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@keyframes abicon_2 { 0% {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@-moz-keyframes abline_1 { 0% {
height:0;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
height:63px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@-webkit-keyframes abline_1 { 0% {
height:0;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
height:63px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@keyframes abline_1 { 0% {
height:0;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
height:63px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
.p760 { max-width: 760px; float: left; line-height: 34px }
.color_sgs { position: fixed; z-index: 50; top: 0; width: 100%; height: 100%; left: 0; text-align: center; background: rgba(0, 0, 0, 0.9) }
.color_sgs .rel { width: 100%; height: 100%; padding: 4% }
.color_sgs img { margin: 0 auto; max-height: 100% }
.color_sgs .xx { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=100); background: url(../../../image/en/conclose.png); background-position: center top; background-repeat: no-repeat; width: 35px; height: 35px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; right: 40px; top: 40px; cursor: pointer }
.color_sgs .download { width: 35px; height: 35px; background: url(../../../image/en/download.png); background-position: center top; background-repeat: no-repeat; position: absolute; right: 95px; top: 40px }
.marb_30 { margin-bottom: 30px }
.marb_50 { margin-bottom: 50px }
.row { margin-left: -15px; margin-right: -15px }
.white_bg P { line-height: 34px }
.sup_pic_area .sup_box { margin-top: 65px; width: 33.3333%; padding-left: 15px; padding-right: 15px; position: relative; margin-bottom: 60px }
.sup_pic_area .sup_box .sup_c1 { width: 138px; height: 138px; background: url("../../../image/zh-Hant/sup_c1.png") top center no-repeat; position: absolute; top: -69px; left: 50%; margin-left: -69px }
.sup_pic_area .sup_box .sup_c2 { width: 138px; height: 138px; background: url("../../../image/zh-Hant/sup_c2.png") top center no-repeat; position: absolute; top: -69px; left: 50%; margin-left: -69px }
.sup_pic_area .sup_box .sup_c3 { width: 138px; height: 138px; background: url("../../../image/zh-Hant/sup_c3.png") top center no-repeat; position: absolute; top: -69px; left: 50%; margin-left: -69px }
.sup_pic_area .sup_box .sup2_c1 { width: 138px; height: 138px; background: url("../../../image/zh/sup_c1.png") top center no-repeat; position: absolute; top: -69px; left: 50%; margin-left: -69px }
.sup_pic_area .sup_box .sup2_c2 { width: 138px; height: 138px; background: url("../../../image/zh/sup_c2.png") top center no-repeat; position: absolute; top: -69px; left: 50%; margin-left: -69px }
.sup_pic_area .sup_box .sup2_c3 { width: 138px; height: 138px; background: url("../../../image/zh/sup_c3.png") top center no-repeat; position: absolute; top: -69px; left: 50%; margin-left: -69px }
.sup_pic_area .sup_box .bg_p { background: #f4eeff; border-radius: 5px; padding: 80px 30px 30px }
@media only screen and (max-width: 1200px) {
.sup_pic_area .sup_box .bg_p { min-height: 348px }
}
.sup_pic_area .sup_box .bg_p p { line-height: 34px; padding-left: 20px; background: url("../../../image/zh-Hant/sup_c1_dot.png") left 13px no-repeat }
.sup_pic_area .sup_box .bg_g { background: #e9fbe5; border-radius: 5px; padding: 80px 30px 30px }
@media only screen and (max-width: 1200px) {
.sup_pic_area .sup_box .bg_g { min-height: 348px }
}
.sup_pic_area .sup_box .bg_g p { line-height: 34px; padding-left: 20px; background: url("../../../image/zh-Hant/sup_c2_dot.png") left 13px no-repeat }
.sup_pic_area .sup_box .bg_b { background: #ddf1ff; border-radius: 5px; padding: 80px 30px 30px }
@media only screen and (max-width: 1200px) {
.sup_pic_area .sup_box .bg_b { min-height: 348px }
}
.sup_pic_area .sup_box .bg_b p { line-height: 34px; padding-left: 20px; background: url("../../../image/zh-Hant/sup_c3_dot.png") left 13px no-repeat }
.sup_info_box { border: 1px dashed #cccccc; padding: 30px }
.sup_info_box .info_1 { padding-left: 75px; background: url("../../../image/zh-Hant/info_1.png") left center no-repeat }
.sup_info_box .info_2 { padding-left: 75px; background: url("../../../image/zh-Hant/info_2.png") left center no-repeat }
.sup_info_box .title { font-size: 15px; color: #205bae; margin-bottom: 5px }
.sup_info_box a { display: block; font-size: 15px; line-height: 25px; color: #555555 }
.blue_line { width: 100%; height: 1px; background: #205bae; margin-bottom: 50px }
.hislist { margin-top: 60px; padding: 0px 0px 0px 70px; position: relative; margin-bottom: 60px }
.hislist .line { border-left: 1px solid #d1dced; height: 100%; position: absolute; left: 105px }
.hislist .tr { left: 96px; position: absolute; bottom: 0; width: 0; height: 0; border-style: solid; border-width: 14px 9px 0 9px; border-color: #1850a5 transparent transparent transparent }
.hislist .item { display: flex; align-items: center; position: relative; z-index: 5 }
.hislist .item .year { text-align: center; width: 70px; height: 70px; font-size: 18px; border-radius: 50%; border: 2px solid #6288c3; color: #1850a5; line-height: 70px; background: #FFF; font-weight: bold }
.hislist .item .txt { padding-left: 20px }
.hislist .item .pic { padding-left: 30px }
.hislist .item .pic img { display: inline-block; margin-right: 15px }
.qulist { width: 100%; display: flex; padding-top: 80px; margin: 0px -10px; align-items: stretch; margin-bottom: 50px }
.qulist li { width: 25%; padding: 0px 10px }
.qulist li .item { position: relative; border: 1px solid #dddddd; border-radius: 30px; padding: 35px 30px 20px 30px; height: 100% }
.qulist li .item p.title { text-align: center; font-size: 18px; color: #1850a5; margin-bottom: 10px }
.qulist li .item .num { background: #1850a5; color: #FFF; border-radius: 50%; font-size: 30px; text-align: center; width: 60px; height: 60px; position: absolute; left: 50%; top: 0; line-height: 60px; margin-left: -30px; margin-top: -30px }
.qulist li .item .setlit { line-height: 30px }
.system { margin-bottom: 50px }
.sts_pic { text-align: center }
.sts_pic img { max-width: 100% }
.downloadarea h3 { margin-bottom: 20px }
.downloadarea .dwlist li { list-style: none; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px }
.downloadarea .dwlist li a { font-size: 16px; padding-left: 30px; background: url("../../../image/zh-Hant/downloadicccon.png") left center no-repeat }
.downloadarea .dwlist li a:hover { color: #1850a5 }
.green_list { display: flex; list-style: none; margin: 0px -10px; align-items: stretch }
.green_list li { width: 25%; padding: 0px 10px }
.green_list li .item { height: 100%; position: relative; border: 1px solid #ddd; border-radius: 30px; padding: 30px }
.green_list li .item .trrgo { position: absolute; right: -20px; top: -8px; width: 0; height: 0; border-style: solid; border-width: 7.5px 0 7.5px 13px; border-color: transparent transparent transparent #888888 }
.green_list li .item p { line-height: 25px }
.green_list li .item .titlebox { font-size: 18px; width: 160px; height: 40px; line-height: 40px; text-align: center; color: #FFF; background: #71bf55; border-radius: 20px; position: absolute; left: 50%; margin-left: -80px; top: -20px }
.green_list li:nth-child(even) .titlebox { background: #55bfa2 }
.left_bo { float: left; width: 50%; padding-right: 40px }
.ri_img { float: right; text-align: center; width: 50%; padding-top: 60px }
.ri_img img { max-width: 100% }
.img_w img { max-width: 100% }
.banner_contact { background: url("../../../image/zh-Hant/contact_01.jpg") top center repeat; position: relative; height: 400px }
.banner_contact .titbox { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); position: absolute; left: 50%; background: url("../../../image/zh-Hant/lineabtop.png") top center no-repeat; margin-left: -189px; height: 133px; top: 165px; padding: 20px; width: 378px }
.banner_contact .titbox h2 { font-size: 35px; color: #FFF; text-align: center; margin: 10px; letter-spacing: 1px; font-weight: normal }
.banner_contact .titbox p { text-align: center; color: #FFF; font-size: 20px; text-transform: uppercase; line-height: 25px }
.box_845 { max-width: 845px; float: left; padding-right: 60px; background: url("../../../image/zh-Hant/cccvor.png") top right no-repeat }
.box_845 .inptit { font-size: 16px; font-weight: bold; padding-right: 20px }
.box_845 input, .box_845 select, .box_845 textarea { width: 100%; border: 1px solid #CCC; height: 50px; padding: 0px 10px; font-size: 15px; -webkit-border-radius: 3px; border-radius: 3px }
.box_845 textarea { height: 100px; resize: none; padding: 10px }
.box_845 .reau { background: url("../../../image/zh-Hant/actualize.png"); background-position: center top; background-repeat: no-repeat; width: 18px; height: 18px; cursor: pointer; float: left; margin: 30px 0px 0px 10px }
.button_two { width: 290px; text-align: center; float: left }
.button_two button { font-weight: bold; background: #FFF; width: 150px; height: 150px; border: 1px solid #567FBD; -webkit-border-radius: 50%; border-radius: 50% }
.button_two button p { font-size: 18px }
.button_two button span { font-size: 14px; text-transform: uppercase }
.button_two button:hover { color: #FFF; background: #567FBD }
.dashd { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px dashed #CCC }
.con_bb td { font-size: 14px; width: 25%; line-height: 34px; padding-left: 30px; border-left: 2px solid #507abb }
.con_bb .blu_t { font-size: 16px }
.con_bt td { padding: 30px }
.con_bt td div.m160 { min-height: 160px }
.con_bt h3 { font-size: 18px; font-weight: bold; color: #4e79ba; margin-bottom: 10px }
.con_bt a { display: block; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; background: url("../../../image/zh-Hant/link23.png"); background-position: center top; background-repeat: no-repeat; width: 40px; height: 40px; float: right; margin-bottom: 10px }
.con_bt a:hover { background: url("../../../image/zh-Hant/link23s.png"); background-position: center top; background-repeat: no-repeat; width: 40px; height: 40px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.cont_list h4 { font-size: 18px; color: #1850a5; margin-bottom: 10px; padding-left: 30px }
.cont_list .cons { border-top: 1px solid #0b6fad; margin-bottom: 50px }
.cont_list .cons td { border-bottom: 1px solid #CCC; padding: 20px 0px }
.cont_list .cons td .textonf { float: left; margin-left: 60px }
.cont_list .cons td .textonf h3 { font-size: 18px; color: #537cbc; margin-bottom: 10px }
.cont_list .cons td:first-child { padding-left: 30px; text-align: center }
.cont_list .cons td:last-child { padding-right: 30px }
.cont_list .iconar { float: right }
.cont_list .iconar .circle1 { margin-right: 30px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background: url("../../../image/zh-Hant/a_iconaa1.png"); background-position: center top; background-repeat: no-repeat; width: 70px; height: 70px }
.cont_list .iconar .circle1:hover { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background: url("../../../image/zh-Hant/a_iconaa1s.png"); background-position: center top; background-repeat: no-repeat; width: 70px; height: 70px }
.cont_list .iconar .circle2 { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background: url("../../../image/zh-Hant/a_iconaa2.png"); background-position: center top; background-repeat: no-repeat; width: 70px; height: 70px }
.cont_list .iconar .circle2:hover { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background: url("../../../image/zh-Hant/a_iconaa2s.png"); background-position: center top; background-repeat: no-repeat; width: 70px; height: 70px }
.color_box { position: fixed; background: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; z-index: 15; top: 0; overflow: auto; padding: 150px 0px 100px 0px }
.color_box .re { position: relative; overflow: auto }
.color_box h2 { text-align: center; color: #39D1D3; font-size: 40px; line-height: 40px }
.color_box h3 { text-align: center; font-size: 16px; color: #FFF; margin-bottom: 20px }
.color_box .conbg { background: url("../../../image/zh-Hant/conbg.png"); background-position: center top; background-repeat: no-repeat; width: 780px; height: 485px; margin: 0 auto; padding: 55px 45px; position: relative }
.color_box .conbg .box_845 { padding-right: 0px; background: none }
.color_box .conbg .box_845 input, .color_box .conbg .box_845 select { height: 40px }
.color_box .conbg .xx { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=100); background: url("../../../image/zh-Hant/conclose.png"); background-position: center top; background-repeat: no-repeat; width: 35px; height: 35px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; right: 0; top: 0; cursor: pointer }
.color_box .conbg .xx:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.color_box .conbg .btntt { text-align: right }
.color_box .conbg .btntt button { margin-right: 15px; width: 150px; height: 40px; border: 2px solid #1261B6; background: none; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 16px; -webkit-border-radius: 25px; border-radius: 25px }
.color_box .conbg .btntt button:hover { color: #FFF; background: #1261B6; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
@media screen and (max-width: 1200px) {
.box_845 { width: 700px }
.button_two { width: 180px }
.conbg .box_845 { width: auto }
}
.banner_news { background: url("../../../image/zh-Hant/news_list_01.jpg") top center repeat; position: relative; height: 400px }
.banner_news .titbox { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); position: absolute; left: 50%; background: url("../../../image/zh-Hant/lineabtop.png") top center no-repeat; margin-left: -189px; height: 133px; top: 165px; padding: 20px; width: 378px }
.banner_news .titbox h2 { text-transform: uppercase; font-size: 35px; color: #FFF; text-align: center; margin: 10px; letter-spacing: 1px; font-weight: normal }
.banner_news .titbox p { text-align: center; color: #FFF; font-size: 20px; text-transform: uppercase; line-height: 25px }
.cont_news .tab_area { font-size: 0; text-align: center; margin-bottom: 60px }
.cont_news .tab_area .cirtab { display: inline-block; font-size: 16px; color: #333; text-align: center; width: 125px; height: 45px; line-height: 45px; cursor: pointer; background-color: none; border: 1px solid #CCC; -webkit-border-radius: 23px; border-radius: 23px; margin: 0 8px }
.cont_news .tab_area .cirtab:hover, .cont_news .tab_area .now { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; background: #3fb224; border: 1px solid #3fb224; color: #FFF }

.marin_1240 .tab_area { font-size: 0; text-align: center; margin-bottom: 60px }
.marin_1240 .tab_area .cirtab { display: inline-block; font-size: 16px; color: #333; text-align: center; width: 125px; height: 45px; line-height: 45px; cursor: pointer; background-color: none; border: 1px solid #CCC; -webkit-border-radius: 23px; border-radius: 23px; margin: 0 8px }
.marin_1240 .tab_area .cirtab:hover, .marin_1240 .tab_area .now { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; background: #3fb224; border: 1px solid #3fb224; color: #FFF }


.cont_news .nws_list .box_1240 { overflow: inherit; height: auto }
.loading { background: url("../../../image/zh-Hant/spinner9.gif") top center no-repeat; -webkit-background-size: 62px; -o-background-size: 62px; background-size: 62px; width: 116px; padding-left: 90px; color: #2B8F14; font-size: 16px; margin: 0 auto; height: 62px; line-height: 62px }
.loading p { animation: spart 0.8s ease-out 0s infinite }
@-moz-keyframes spart { 0% {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
50% {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
80% {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
100% {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
}
@-webkit-keyframes spart { 0% {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
50% {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
80% {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
100% {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
}
@keyframes spart { 0% {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
50% {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
80% {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
100% {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
}
.news_detial h3 { border-bottom: 1px solid #CCC; padding-bottom: 15px; margin-bottom: 10px; background: url("../../../image/zh-Hant/titlestykle.png") left 9px no-repeat }
.news_detial .datt { text-align: right; margin-bottom: 30px }
.news_detial img { max-width: 100%; margin: 0 auto; margin-bottom: 30px }
.news_detial p { font-size: 15px; line-height: 30px; letter-spacing: 1px; margin-bottom: 30px }
.news_detial .realink { margin-top: 40px }
.news_detial .realink .cctitle { background: url("../../../image/zh-Hant/h3cline.png") left center repeat-x }
.news_detial .realink h4 { font-size: 15px; color: #0b6fad; display: inline-block; background: #FFF; padding-right: 10px }
.news_detial .realink .linklist { margin-bottom: 30px }
.news_detial .realink .linklist a { display: block; padding: 10px; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; border-bottom: 1px dashed #ddd }
.news_detial .realink .linklist a:hover { color: #0b6fad; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s }
.news_detial .realink .file_a { margin-top: 10px }
.news_detial .realink .file_a a { display: inline-block; float: left; padding: 10px 15px 10px 45px; border: 1px solid #ddd; -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; background: url("../../../image/zh-Hant/folder_1.png") 15px 13px no-repeat; margin: 0px 20px 20px 0px }
.news_detial .realink .file_a a:hover { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; border: 1px solid #0b6fad; background: url("../../../image/zh-Hant/folder_1s.png") 15px 13px no-repeat; background-color: #0b6fad; color: #FFF }
.nbtnarea { width: 100%; font-size: 0 }
.nbtnarea button { width: 31%; border: 1px solid #0b6fad; font-size: 16px; height: 55px; background: none; margin-right: 3.5% }
.nbtnarea button:last-child { margin-right: 0 }
.nbtnarea button.now { border: 1px solid #CCC; display: inline-block; color: #CCC; vertical-align: middle }
.nbtnarea .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s }
.nbtnarea .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0b6fad; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }
.nbtnarea .hvr-sweep-to-right:hover, .nbtnarea .hvr-sweep-to-right:focus, .nbtnarea .hvr-sweep-to-right:active { color: white }
.nbtnarea .hvr-sweep-to-right:hover:before, .nbtnarea .hvr-sweep-to-right:focus:before, .nbtnarea .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1) }
@media screen and (max-width: 1200px) {
.cont_news .nws_list .box_1240 { width: 980px }
.cont_news .nws_list .box_1240 .obs { width: 800px; margin: 0 auto }
.cont_news .nws_list .box_1240 .obs li { margin-right: 40px }
.cont_news .nws_list .box_1240 .obs li:nth-child(2n) { margin-right: 0 }
}
.banner_join { background: url("../../../image/zh-Hant/joinus_01.jpg") top center no-repeat; background-color: #d6d9e5; position: relative; height: 400px }
.banner_join .titbox { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); position: absolute; left: 50%; background: url("../../../image/zh-Hant/lineabtop.png") top center no-repeat; margin-left: -189px; height: 133px; top: 165px; padding: 20px; width: 378px }
.banner_join .titbox h2 { text-transform: uppercase; font-size: 35px; color: #FFF; font-weight: normal; text-align: center; margin: 10px; letter-spacing: 1px }
.banner_join .titbox p { text-align: center; color: #FFF; font-size: 20px; text-transform: uppercase; line-height: 25px }
.join_list { padding-top: 60px; margin-bottom: 40px }
.join_list li { list-style-type: none; float: left; width: 275px; border: 1px solid #eee; padding: 70px 15px 30px 15px; position: relative; text-align: center; margin-right: 13px; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100) }
.join_list li h4 { text-align: center; font-size: 16px; color: #333; margin-bottom: 10px }
.join_list li .joicon { background: url("../../../image/zh-Hant/curb_1.png"); background-position: center top; background-repeat: no-repeat; width: 120px; height: 120px; position: absolute; top: -60px; left: 50%; margin-left: -60px; padding-top: 25px }
.join_list li .joicon img { transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out }
.join_list li .joicon_1 { background: url("../../../image/zh-Hant/curb_2.png"); background-position: center top; background-repeat: no-repeat; width: 122px; height: 122px; position: absolute; top: -60px; left: 50%; margin-left: -60px; padding-top: 27px }
.join_list li .joicon_1 img { transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out }
.join_list li:hover img { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg) }
.join_list li:last-child { margin-right: 0; animation: join 0.5s ease-out 1.2s forwards }
.join_list li:nth-child(1) { animation: join 0.5s ease-out 0.3s forwards }
.join_list li:nth-child(2) { animation: join 0.5s ease-out 0.6s forwards }
.join_list li:nth-child(3) { animation: join 0.5s ease-out 0.9s forwards }
.joinp { position: relative; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); animation: op 0.3s ease-out 0.2s forwards }
@-moz-keyframes join { 0% {
top:80px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:0px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@-webkit-keyframes join { 0% {
top:80px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:0px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@keyframes join { 0% {
top:80px;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
top:0px;
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@-moz-keyframes op { 0% {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@-webkit-keyframes op { 0% {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
@keyframes op { 0% {
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=100);
}
100% {
opacity:1;
-moz-opacity:1;
filter:alpha(opacity=100);
}
}
.btn104 { display: block; background: url("../../../image/zh-Hant/bt104.png"); background-position: center top; background-repeat: no-repeat; width: 571px; height: 55px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; margin: 0 auto }
.btn104:hover { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; background: url("../../../image/zh-Hant/bt104s.png"); background-position: center top; background-repeat: no-repeat; width: 571px; height: 55px }
@media screen and (max-width: 1200px) {
.join_list { width: 565px; margin: 0 auto }
.join_list li { margin-bottom: 85px }
.join_list li:nth-child(2n) { margin: 0 }
}
.banner_green { background: url("../../../image/zh-Hant/greens_01.jpg") top center no-repeat; background-color: #c4e087; position: relative; height: 400px }
.banner_green .titbox { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); position: absolute; left: 50%; background: url("../../../image/zh-Hant/lineabtop2.png") top center no-repeat; margin-left: -376px; height: 133px; top: 165px; padding: 20px; width: 753px }
.banner_green .titbox h2 { text-transform: uppercase; font-size: 35px; color: #FFF; font-weight: normal; text-align: center; margin: 10px; letter-spacing: 1px }
.banner_green .titbox p { text-align: center; color: #FFF; font-size: 20px; text-transform: uppercase; line-height: 25px }
.greens p { line-height: 34px }
.greens img { max-width: 100% }
.greens .sr { font-size: 16px; margin-bottom: 5px }
.greendot { padding-left: 20px; margin-bottom: 15px }
.greendot li { float: left; list-style: none; background: url("../../../image/zh-Hant/greendot.png") center left no-repeat; padding-left: 15px; color: #003B11; margin-right: 15px }
.tab_880 { width: 880px; margin: 0 auto; margin-bottom: 40px; border-right: 1px solid #BAD3ED; border-bottom: 1px solid #BAD3ED; border-left: 1px solid #BAD3ED; font-weight: bold }
.tab_880 td { text-align: center; height: 50px; border-right: 1px solid #FFF }
.tab_880 tr td:nth-child(2) { border: none }
.tab_880 tr:nth-child(odd) td { background: #e4ecf5 }
.tab_880 tr:first-child td { background: #1261b6; color: #FFF; font-size: 16px; font-weight: bold }
.banner_technology { background: url("../../../image/zh-Hant/technology_01.jpg") top center no-repeat; background-color: #000; position: relative; height: 400px }
.banner_technology .titbox { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); position: absolute; left: 50%; background: url("../../../image/zh-Hant/lineabtop2.png") top center no-repeat; margin-left: -376px; height: 133px; top: 165px; padding: 20px; width: 753px }
.banner_technology .titbox h2 { text-transform: uppercase; font-size: 35px; color: #FFF; font-weight: normal; text-align: center; margin: 10px; letter-spacing: 1px }
.banner_technology .titbox p { text-align: center; color: #FFF; font-size: 20px; text-transform: uppercase; line-height: 25px }
.tec_1 { padding-left: 30px; border-left: 2px solid #2EB6C2; margin-bottom: 40px }
.tec_1 h4 { font-size: 16px; color: #2eb6c2; margin-bottom: 5px }
.tec_1 p { line-height: 34px; font-size: 14px }
.tec_2 { padding-left: 30px; border-left: 2px solid #6597d3; margin-bottom: 40px }
.tec_2 h4 { font-size: 16px; color: #6597d3; margin-bottom: 5px }
.tec_2 p { line-height: 34px; font-size: 14px }
.tec_3 { padding-left: 30px; border-left: 2px solid #85b746; margin-bottom: 40px }
.tec_3 h4 { font-size: 16px; color: #85b746; margin-bottom: 5px }
.tec_3 p { line-height: 34px; font-size: 14px }
.tectb { padding: 0px 30px; font-size: 14px; letter-spacing: 1px; margin-bottom: 60px; line-height: 34px }
.tectb .tect_bgt1 { margin: 0 auto; background: url("../../../image/zh-Hant/technology_04.jpg"); background-position: center top; background-repeat: no-repeat; width: 810px; height: 102px; position: relative }
.tectb .tect_bgt2 { margin: 0 auto; background: url("../../../image/zh-Hant/technology_07.jpg"); background-position: center top; background-repeat: no-repeat; width: 810px; height: 102px; position: relative }
.tectb .tect_bgt2 .p1 { top: 60px; margin-left: -312px }
.tectb .tect_bgt2 .t1 { color: #994fc4; top: -16px }
.tectb .tect_bgt2 .p2 { top: 60px; margin-left: 244px }
.tectb .t1 { color: #567fbd; font-size: 18px; position: absolute; top: -11px; letter-spacing: 1px; left: 50%; margin-left: -59px }
.tectb .p1 { letter-spacing: 1px; font-size: 18px; color: #FFF; left: 50%; position: absolute; margin-left: -353px; top: 60px }
.tectb .p2 { letter-spacing: 1px; font-size: 18px; color: #FFF; left: 50%; position: absolute; margin-left: 226px; top: 60px }
.tectb tr:nth-child(2) td:first-child { padding: 20px; border: 1px solid #CCC }
.tectb tr:nth-child(2) td:last-child { padding: 20px; border: 1px solid #CCC }
@media screen and (max-width: 1200px) {
.tectb { padding: 0px }
}
.banner_pr1, .banner_pr2, .banner_pr3, .banner_pr4, .banner_pr5, .banner_pr6, .banner_pr_d1, .banner_pr_d2, .banner_pr_d3, .banner_pr_d4 { background: url("../../../image/zh-Hant/product_list_01.jpg") top center no-repeat; background-color: #000; position: relative; height: 400px }
.banner_pr1 .titbox, .banner_pr2 .titbox, .banner_pr3 .titbox, .banner_pr4 .titbox, .banner_pr5 .titbox, .banner_pr6 .titbox, .banner_pr_d1 .titbox, .banner_pr_d2 .titbox, .banner_pr_d3 .titbox, .banner_pr_d4 .titbox { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); position: absolute; left: 50%; background: url("../../../image/zh-Hant/lineabtop.png") top center no-repeat; margin-left: -189px; height: 133px; top: 165px; padding: 20px; width: 378px }
.banner_pr1 .titbox h2, .banner_pr2 .titbox h2, .banner_pr3 .titbox h2, .banner_pr4 .titbox h2, .banner_pr5 .titbox h2, .banner_pr6 .titbox h2, .banner_pr_d1 .titbox h2, .banner_pr_d2 .titbox h2, .banner_pr_d3 .titbox h2, .banner_pr_d4 .titbox h2 { text-transform: uppercase; font-size: 35px; color: #FFF; font-weight: normal; text-align: center; margin: 10px; letter-spacing: 1px }
.banner_pr1 .titbox p, .banner_pr2 .titbox p, .banner_pr3 .titbox p, .banner_pr4 .titbox p, .banner_pr5 .titbox p, .banner_pr6 .titbox p, .banner_pr_d1 .titbox p, .banner_pr_d2 .titbox p, .banner_pr_d3 .titbox p, .banner_pr_d4 .titbox p { text-align: center; color: #FFF; font-size: 20px; text-transform: uppercase; line-height: 25px }
.banner_pr2 { background: url("../../../image/zh-Hant/product_list_1_01.jpg") top center no-repeat; background-color: #000 }
.banner_pr3 { background: url("../../../image/zh-Hant/product_list_2_01.jpg") top center no-repeat; background-color: #000 }
.banner_pr4 { background: url("../../../image/zh-Hant/applications_01.jpg") top center no-repeat; background-color: #000 }
.banner_pr5 { background: url("../../../image/zh-Hant/oem_2_01.jpg") top center no-repeat; background-color: #000 }
.banner_pr6 { background: url("../../../image/zh-Hant/b6.jpg") top center no-repeat; background-color: #000 }
.banner_pr_d1 { background: url("../../../image/zh-Hant/product_list_d1.jpg") top center no-repeat; background-color: #000; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover }
.banner_pr_d2 { background: url("../../../image/zh-Hant/product_list_d2.jpg") top center no-repeat; background-color: #000; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover }
.banner_pr_d3 { background: url("../../../image/zh-Hant/product_list_d3.jpg") top center no-repeat; background-color: #000; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover }
.banner_pr_d4 { background: url("../../../image/zh-Hant/product_list_d4.jpg") top center no-repeat; background-color: #000; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover }
.oem_bgc { background: url("../../../image/zh-Hant/oem_2_02.jpg") top center no-repeat; background-color: #f5f5f5 }
.oem_bgc .oem_title { background: #1d54a8; color: #FFF; width: 100%; text-align: center; font-size: 18px; line-height: 50px; letter-spacing: 1px; font-weight: bold; margin-bottom: 20px }
.oem_bgc .shotswr { text-align: center; font-size: 15px; text-align: center; color: #555; margin-bottom: 15px }
.oem_bgc .two_box_1 { float: left; width: 50%; padding-right: 2% }
.oem_bgc .two_box_1 img { width: 100%; margin-bottom: 5px }
.oem_bgc .two_box_2 { float: left; width: 50%; padding-left: 2% }
.oem_bgc .two_box_2 img { width: 100%; margin-bottom: 5px }
.oem_bgc .center { text-align: center }
.oem_bgc .center img { max-width: 100%; margin-bottom: 5px }
.oem_bgc .center p { margin: 0 auto; width: 540px; text-align: left }
.product_bg2 { background: #FFF; padding-top: 30px }
.product_bg2 .main_1240 { width: 100%; padding: 0 40px; max-width: 1240px; margin: 0 auto }
.product_bg2 .main_1240_m { width: 100%; padding: 0 40px; max-width: 1240px; margin: 0 auto }
@media screen and (max-width: 1200px) {
.product_bg2 .main_1240 { width: 100%; max-width: 980px; padding: 0 15px }
.product_bg2 .main_1240_m { width: 100%; max-width: 980px; padding: 0 15px }
}
@media screen and (max-width: 767px) {
.product_bg2 .main_1240 { width: 100%; max-width: 767px; padding: 0 15px }
.product_bg2 .main_1240_m { width: 100%; max-width: 767px; padding: 0 }
}
.product_bg { background: #FFF; padding: 30px 0px 50px 0px }
.product_bg .marin_1240 { padding: 0 49px }
@media screen and (max-width: 1200px) {
.product_bg .marin_1240 { width: 980px; padding: 0 }
}
.product_bg .diodes_bars { width: 100%; height: 35px; margin-top: 70px; margin-bottom: 50px; background: #E7E7E7; position: relative; -webkit-border-radius: 18px; border-radius: 18px; padding: 10px }
.product_bg .diodes_bars .title_lt { left: 0; top: -30px; font-size: 16px; position: absolute }
.product_bg .diodes_bars .scor_lb { left: 0; bottom: -25px; font-size: 14px; position: absolute }
.product_bg .diodes_bars .scor_rb { right: 0; bottom: -25px; font-size: 14px; position: absolute }
.product_bg .red_bg { background: url("../../../image/zh-Hant/redlinbg.png"); background-position: center top; background-repeat: no-repeat; width: 1120px; height: 15px; position: relative; width: 100%; -webkit-border-radius: 8px; border-radius: 8px }
.product_bg .mask_left { position: absolute; background: rgba(0, 0, 0, 0.6); width: 200px; height: 15px; top: 10px; left: 10px; z-index: 2; -webkit-border-radius: 8px; border-radius: 8px }
.product_bg .mask_right { position: absolute; background: rgba(0, 0, 0, 0.6); width: 200px; height: 15px; top: 10px; right: 10px; z-index: 2; -webkit-border-radius: 8px; border-radius: 8px }
.product_bg .mask_right .scbtn { left: -25px }
.product_bg .scbtn { position: absolute; right: -25px; top: -15px; cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; background: url("../../../image/zh-Hant/scorbtn.png"); background-position: center top; background-repeat: no-repeat; width: 49px; height: 49px }
.product_bg .scbtn .score { background: url("../../../image/zh-Hant/muvox.png"); background-position: center top; background-repeat: no-repeat; width: 85px; height: 44px; color: #FFF; text-align: center; padding-top: 5px; letter-spacing: 1px; font-size: 14px; position: absolute; top: -44px; left: 50%; margin-left: -43px }
.product_bg .scbtn:active { cursor: grabbing; cursor: -moz-grabbing; cursor: -webkit-grabbing }
.hov_pointer { cursor: pointer }
.product_blue { margin-bottom: 40px; border-left: 1px solid #bbd4ef; border-right: 1px solid #bbd4ef; border-bottom: 1px solid #bbd4ef }
.product_blue td { text-align: center; font-size: 14px; padding: 10px; border-right: 1px solid #FFF; position: relative }
.product_blue td select { height: 40px; border: 1px solid #CCC; width: 100%; -webkit-border-radius: 3px; border-radius: 3px }
.product_blue td .hov_line { position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: #1261b6; opacity: 0 }
.product_blue td:hover .hov_line { opacity: 1; transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; -webkit-transition: all .3s }
.product_blue tr td:last-child { border-right: 0px }
.product_blue tr:nth-child(odd) td { background: #e7eff8 }
.product_blue tr:first-child td { background: #1261b6; color: #FFF; line-height: 18px; padding: 10px 5px; border-right: 1px solid #4181c5 }
.product_blue .icon_app { position: relative; background: url("../../../image/zh-Hant/pricon_1.png"); background-position: center top; background-repeat: no-repeat; width: 28px; height: 28px }
.product_blue .now .icon_app { background: url("../../../image/zh-Hant/pricon_1s.png"); background-position: center top; background-repeat: no-repeat; width: 28px; height: 28px }
.product_blue span.tr { display: none; background: url("../../../image/zh-Hant/t444.png"); background-position: center top; background-repeat: no-repeat; width: 10px; height: 8px; position: absolute; bottom: 0; left: 50%; margin-left: -5px }
.product_blue .now { position: relative }
.product_blue .now span.tr { display: block }
.product_blue .icon_app:hover { background: url("../../../image/zh-Hant/pricon_1s.png"); background-position: center top; background-repeat: no-repeat; width: 28px; height: 28px }
.product_blue .icon_pdf { background: url("../../../image/zh-Hant/pricon_2.png"); background-position: center top; background-repeat: no-repeat; width: 25px; height: 29px; display: inline-block }
.product_blue .icon_pdf:hover { background: url("../../../image/zh-Hant/pricon_2s.png"); background-position: center top; background-repeat: no-repeat; width: 25px; height: 29px }
.product_blue .icon_qut { background: url("../../../image/zh-Hant/pricon_3.png"); background-position: center top; background-repeat: no-repeat; width: 30px; height: 28px }
.product_blue .icon_qut:hover { background: url("../../../image/zh-Hant/pricon_3s.png"); background-position: center top; background-repeat: no-repeat; width: 30px; height: 28px }
.product_blue .primgbox { position: relative }
.product_blue .primgbox .box_180 { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); display: none; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; width: 180px; height: 180px; padding: 10px; background: #1261B6; left: 50%; top: -185px; margin-left: -90px }
.product_blue .primgbox .box_180 .rel { height: 100%; width: 100% }
.product_blue .primgbox .box_180 img { text-align: center; max-width: 160px; max-height: 160px }
.product_blue .primgbox .box_180 .tr { position: absolute; bottom: -18px; left: 50%; display: block; margin-left: -5px; background: url("../../../image/zh-Hant/tr3.png"); background-position: center top; background-repeat: no-repeat; width: 10px; height: 8px }
.product_blue .primgbox:hover .box_180 { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); display: block; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.product_blue .primgbox:hover { color: #1261B6 }
.product_blue .appcu { padding: 20px 15px 4px 15px }
.product_blue .appcu .applitem { width: 260px; float: left; margin-right: 16px; margin-bottom: 16px }
.product_blue .appcu .applitem:nth-child(4n) { margin-right: 0 }
.product_blue .appcu .aptitle { padding: 5px 5px; color: #8D34CC; text-align: center; display: block; background: #F8EEFA; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.product_blue .appcu .aptitle img { text-align: center; max-width: 260px; max-height: 165px }
.product_blue .appcu .applitem:hover .aptitle { background: #8D34CC; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; color: #FFF }
.module_bar { width: 100%; position: relative; padding: 0 10px; margin-top: 70px; margin-bottom: 85px }
.module_bar .prtit { position: absolute; top: -50px }
.module_bar .bg_bar { width: 100% }
.module_bar .bg_bar img { width: 100% }
.module_bar .pdot_area { position: absolute; height: 87px; width: 100%; top: -16px }
.module_bar .dot_1, .module_bar .dot_2, .module_bar .dot_3, .module_bar .dot_4 { cursor: pointer; width: 45px; height: 45px; float: left; -webkit-border-radius: 50%; border-radius: 50%; border: 7px solid #00B0CC; background: #FFF; margin-right: 75px }
.module_bar .dot_1 .rel, .module_bar .dot_2 .rel, .module_bar .dot_3 .rel, .module_bar .dot_4 .rel { height: 100%; width: 100% }
.module_bar .dot_1 p, .module_bar .dot_2 p, .module_bar .dot_3 p, .module_bar .dot_4 p { position: absolute; top: 45px; text-align: center; font-size: 14px }
.module_bar .dot_1 .trs, .module_bar .dot_2 .trs, .module_bar .dot_3 .trs, .module_bar .dot_4 .trs { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); position: absolute; top: 72px; left: 50%; display: block; margin-left: -5px; background: url("../../../image/zh-Hant/tr3.png"); background-position: center top; background-repeat: no-repeat; width: 10px; height: 8px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.module_bar .d1, .module_bar .d2, .module_bar .d3, .module_bar .d4 { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); display: block; width: 21px; height: 21px; background: #00B0CC; position: absolute; top: 5px; left: 50%; margin-left: -10px; -webkit-border-radius: 50%; border-radius: 50% }
.module_bar .dot_1:hover .d1, .module_bar .dot_1:hover .trs, .module_bar .dot_1.now .d1, .module_bar .dot_1.now .trs { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
.module_bar .dot_1:hover p, .module_bar .dot_1.now p { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; color: #1261b6 }
.module_bar .dot_2:hover .d2, .module_bar .dot_2:hover .trs, .module_bar .dot_2.now .d2, .module_bar .dot_2.now .trs { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
.module_bar .dot_2:hover p, .module_bar .dot_2.now p { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; color: #1261b6 }
.module_bar .dot_3:hover .d3, .module_bar .dot_3:hover .trs, .module_bar .dot_3.now .d3, .module_bar .dot_3.now .trs { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
.module_bar .dot_3:hover p, .module_bar .dot_3.now p { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; color: #1261b6 }
.module_bar .dot_4:hover .d4, .module_bar .dot_4:hover .trs, .module_bar .dot_4.now .d4, .module_bar .dot_4.now .trs { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
.module_bar .dot_4:hover p, .module_bar .dot_4.now p { -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; color: #1261b6 }
.module_bar .dot_2 { border: 7px solid #85D05B }
.module_bar .dot_2 .d2 { background: #85D05B }
.module_bar .dot_3 { border: 7px solid #fa1d00 }
.module_bar .dot_3 .d3 { background: #fa1d00 }
.module_bar .dot_4 { border: 7px solid #fed100 }
.module_bar .dot_4 .d4 { background: #fed100 }
.module_bar .dot_4:last-child { margin-right: 0 }
.high_bar .dot_3, .high_bar .dot_4 { margin-right: 170px }
.high_bar .dot_3 p, .high_bar .dot_4 p { left: 50%; margin-left: -31px }
.np_list li { position: relative; width: 390px; height: 520px; float: left; padding: 30px; background: #FFF; margin-right: 20px; margin-bottom: 20px }
.np_list li .img_box { width: 100%; text-align: center; margin-bottom: 30px }
.np_list li .img_box img { max-width: 300px; max-height: 300px }
.np_list li h4 { font-size: 16px; line-height: 25px; margin-bottom: 15px; letter-spacing: 1px; height: 50px; overflow: hidden }
.np_list li p { width: 100%; height: 25px; font-size: 14px; line-height: 22px; overflow: hidden }
.np_list li .mask { opacity: 0; -moz-opacity: 0; filter: alpha(opacity=100); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; background: rgba(0, 43, 89, 0.9) }
.np_list li .pdf { position: absolute; left: 50%; margin-left: -62px; top: 110px; background: url("../../../image/zh-Hant/npricon_1.png"); background-position: center top; background-repeat: no-repeat; width: 125px; height: 125px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.np_list li .pdf:hover { background: url("../../../image/zh-Hant/npricon_1s.png"); background-position: center top; background-repeat: no-repeat; width: 125px; height: 125px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.np_list li .video { position: absolute; left: 50%; margin-left: -62px; top: 275px; background: url("../../../image/zh-Hant/npricon_2.png"); background-position: center top; background-repeat: no-repeat; width: 125px; height: 125px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.np_list li .video:hover { background: url("../../../image/zh-Hant/npricon_2s.png"); background-position: center top; background-repeat: no-repeat; width: 125px; height: 125px; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.np_list li:hover .mask { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.np_list li:nth-child(3n) { margin-right: 0 }
.blutite { font-size: 18px; color: #1261B6; font-weight: bold; text-decoration: underline }
.macksure { float: right; height: 40px; width: 150px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 40px; text-align: center; background: #1261B6; color: #FFF; font-size: 16px; margin-bottom: 30px; cursor: pointer; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.macksure:hover { background: #B70000; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s }
.shordf { margin-bottom: 20px; color: #1261B6; font-weight: bold }
.shordf span { border-left: 5px solid #1261B6; width: 5px; height: 20px; margin-right: 15px }
.module_bar .dot_1, .module_bar .dot_2, .module_bar .dot_3, .module_bar .dot_4 { margin-right: 57px }
.high_bar .dot_3, .high_bar .dot_4 { margin-right: 138px }
.np_list {  margin: 0 auto }
.np_list li:nth-child(3n) { margin-right: 20px }
.np_list li:nth-child(3n) { margin-right: 0px }
.h3_title { font-size: 18px; color: #0B6FAD }
.wiki { display: inline-block; background: url("../../../image/zh-Hant/wiki.png") 0 50% no-repeat; line-height: 26px; height: 26px; vertical-align: middle; padding-left: 35px }
.wiki p { font-size: 14px; background-color: #E7E7E7; height: 25px; line-height: 25px; -webkit-border-radius: 20px; border-radius: 20px; padding: 0 10px }
.wiki span { display: inline-block; background-image: url("../../../image/zh-Hant/search70.png"); background-position: right 50%; background-repeat: no-repeat; padding-right: 24px }
.blue1 { color: #2a6bcc }
.prodetail_part_1 { font-family: Carme, Microsoft JhengHei, Helvetica, sans-serif; position: relative }
.prodetail_part_1 .left_area { width: 400px; position: absolute; z-index: 1; top: 0; left: 0 }
.prodetail_part_1 .left_area .choose_pic { width: 25%; background: #eff8ff; height: 45px; border-right: 1px solid #85e3ff; margin: 0; float: left; font-size: 16px; color: #333; line-height: 45px; position: relative }
.prodetail_part_1 .left_area .choose_pic > img { position: absolute; bottom: -16px; left: 50%; z-index: 5; margin-left: -10px; display: none }
.prodetail_part_1 .left_area .choose_pic:hover, .prodetail_part_1 .left_area .choose_pic.now { background: #39acdc; color: #fff }
.prodetail_part_1 .left_area .choose_pic.now > img { display: block }
.prodetail_part_1 .left_area button:last-child { border-right: none }
.prodetail_part_1 .left_area .pic_box { width: 100%; height: 355px; border: 1px solid #6bd3ef; margin-bottom: 40px; position: relative; padding: 30px; letter-spacing: 0; font-size: 0; line-height: 0; text-align: center; background: white }
.prodetail_part_1 .left_area .pic_box .prode_pic { z-index: 1; max-width: 100%; max-height: 100%; vertical-align: middle; display: inline-block }
.prodetail_part_1 .left_area .pic_box .pro_search { width: 60px; height: 60px; background: url("../../../image/zh-Hant/pro_search.png") 50% 50% no-repeat; -webkit-background-size: 30px auto; -o-background-size: 30px auto; background-size: 30px auto; position: absolute; bottom: 10px; right: 10px; z-index: 5 }
.prodetail_part_1 .words_area .function { width: 40.75%; height: 44px; background: #2a6bcc; float: left; padding-left: 33px; color: #fff; font-size: 17px; line-height: 44px; position: relative; box-shadow: 1px 1px 8px 2px rgba(62, 97, 166, 0.2); text-align: left;margin-top: 30px;}
.prodetail_part_1 .words_area .function.m_l { margin-right: 2.5% }
.prodetail_part_1 .words_area .function:hover { background: #2e76e1 }
.prodetail_part_1 .words_area .function .type1 { background: url("../../../image/zh-Hant/pro_con_btn.png") center right no-repeat; position: absolute; top: -1px; right: -1px; width: 76px; height: 46px }
.prodetail_part_1 .words_area .function .type2 { background: url("../../../image/zh-Hant/pro_cost_btn.png") center right no-repeat; position: absolute; top: -1px; right: -1px; width: 76px; height: 46px }
.prodetail_part_1 .words_area { padding-left: 450px; min-height: 485px; margin-bottom: 100px }
.prodetail_part_1 .words_area .tit { color: #555; font-size: 20px; margin-bottom: 20px }
.prodetail_part_1 .words_area .tit_2 { font-size: 35px; margin-bottom: 45px; line-height: 45px }
.prodetail_part_1 .words_area .detail .feat { padding-left: 50px; background: url("../../../image/zh-Hant/pro_features.png") top left no-repeat; line-height: 34px; font-size: 20px; margin-bottom: 15px }
.prodetail_part_1 .words_area .detail .appl { padding-left: 50px; background: url("../../../image/zh-Hant/pro_appli.png") top left no-repeat; line-height: 32px; font-size: 20px; margin-bottom: 15px; margin-top: 30px }
.prodetail_part_1 .words_area .detail ul { list-style-type: decimal; padding-left: 25px }
.prodetail_part_1 .words_area .detail ul li { font-size: 16px; line-height: 28px; color: #333 }
.mart_40 { margin-top: 40px }
.prodetail_part_2 { font-family: Carme, Microsoft JhengHei, Helvetica, sans-serif }
.prodetail_part_2 .choose_bar { width: 100%; height: 56px; background: #eff8ff; padding-left: 25px; font-size: 0; letter-spacing: 0; box-shadow: 1px 1px 5px 2px rgba(24, 80, 165, 0.15); position: relative }
.prodetail_part_2 .choose_bar > button { display: inline-block; font-size: 20px; line-height: 34px; vertical-align: middle; background: none; position: relative; letter-spacing: 1px }
.prodetail_part_2 .choose_bar > button .und { width: 100%; height: 5px; background: #2a6bcc; position: absolute; bottom: -10px; left: 0; display: none }
.prodetail_part_2 .choose_bar > button.now .und { display: block }
.prodetail_part_2 .choose_bar .dot { display: inline-block; vertical-align: middle; width: 2px; height: 2px; background: #2a6bcc; margin-left: 15px; margin-right: 15px }
.prodetail_part_2 .choose_bar span { height: 100%; display: inline-block; vertical-align: middle }
.prodetail_part_2 .choose_bar > a { background: #39acdc; padding-left: 50px; padding-right: 50px; height: 100%; position: absolute; top: 0; right: 0; box-shadow: 1px 1px 5px 2px rgba(24, 80, 165, 0.1) }
@media screen and (max-width: 900px) {
.prodetail_part_2 .choose_bar > a { padding-left: 25px; padding-right: 25px }
.prodetail_part_2 .choose_bar > a p { padding-right: 65px }
}
.prodetail_part_2 .choose_bar > a p { color: #fff; font-size: 18px; line-height: 56px; padding-right: 85px; background: url("../../../image/zh-Hant/pro_download.png") center right no-repeat }
.prodetail_part_2 .bbg { background: #dcedfb; padding: 25px; width: 100%; margin-bottom: 50px }
.prodetail_part_2 .bbg .wbg { background: #fff; width: 100%; padding: 45px }
.prodetail_part_2 .bbg .wbg .tab_1 .tit { padding-left: 15px; background: url("../../../image/zh-Hant/tab_1_dot.png") center left no-repeat; font-size: 18px; color: #333; background-size: 5px auto; -webkit-background-size: 5px auto; -o-background-size: 5px auto; margin-bottom: 20px }
.prodetail_part_2 .bbg .wbg .tab_1 .remark { font-size: 16px; color: #333; margin-top: 25px }
.prodetail_part_2 .bbg .wbg .tab_1 .table_box { overflow-x: auto; overflow-y: auto; white-space: nowrap; font-size: 0; line-height: 0; letter-spacing: 0 }
.prodetail_part_2 .bbg .wbg .tab_1 table { border: 1px solid #9ae2ff; font-size: 16px; white-space: nowrap; letter-spacing: 1px }
.prodetail_part_2 .bbg .wbg .tab_1 table thead { background: #39acdc }
.prodetail_part_2 .bbg .wbg .tab_1 table thead tr { height: 50px }
.prodetail_part_2 .bbg .wbg .tab_1 table thead tr th { padding: 0 15px; text-align: center; color: #fff; font-weight: normal; border-right: 1px solid #fff }
.prodetail_part_2 .bbg .wbg .tab_1 table thead tr th.col_1 { width: 100px }
.prodetail_part_2 .bbg .wbg .tab_1 table thead tr th.col_2 { width: 200px }
.prodetail_part_2 .bbg .wbg .tab_1 table thead tr th.col_3 { width: 350px }
.prodetail_part_2 .bbg .wbg .tab_1 table thead tr th.col_8 { width: 850px }
.prodetail_part_2 .bbg .wbg .tab_1 table thead tr th:last-child { border: none }
.prodetail_part_2 .bbg .wbg .tab_1 table tbody tr { height: 50px }
.prodetail_part_2 .bbg .wbg .tab_1 table tbody tr td { padding: 0 15px; text-align: center; border-right: 1px solid #fff }
.prodetail_part_2 .bbg .wbg .tab_1 table tbody tr td.col_1 { width: 100px }
.prodetail_part_2 .bbg .wbg .tab_1 table tbody tr td.col_2 { width: 200px }
.prodetail_part_2 .bbg .wbg .tab_1 table tbody tr td.col_3 { width: 350px }
.prodetail_part_2 .bbg .wbg .tab_1 table tbody tr td:last-child { border: none }
.prodetail_part_2 .bbg .wbg .tab_1 table tbody tr:nth-child(even) { background: #d0eaf5 }
.prodetail_part_2 .bbg .wbg .tab_2 .tit { padding-left: 15px; background: url("../../../image/zh-Hant/tab_1_dot.png") center left no-repeat; font-size: 18px; color: #333; background-size: 5px auto; -webkit-background-size: 5px auto; -o-background-size: 5px auto; margin-bottom: 20px }
.prodetail_part_2 .bbg .wbg .tab_2 .remark { font-size: 16px; color: #555; margin-top: 15px }
.prodetail_part_2 .bbg .wbg .tab_2 .have_p { width: 50%; padding: 1%; float: left; margin-bottom: 25px }
@media screen and (max-width: 767px) {
.prodetail_part_2 .bbg .wbg .tab_2 .have_p { width: 100%; float: none }
}
.prodetail_part_2 .bbg .wbg .tab_2 .have_p .pic_tit { padding-left: 15px; background: url("../../../image/zh-Hant/tab_1_dot.png") left 10px no-repeat; font-size: 18px; color: #333; background-size: 5px auto; -webkit-background-size: 5px auto; -o-background-size: 5px auto; margin-bottom: 20px }
.prodetail_part_2 .bbg .wbg .tab_2 .have_p img { width: 100%; float: none; padding: 0 }
.prodetail_part_2 .bbg .wbg .tab_3 .tit { font-size: 20px; margin-bottom: 30px }
.prodetail_part_2 .bbg .wbg .tab_3 .tit_2 { font-size: 18px; margin-bottom: 20px }
.prodetail_part_2 .bbg .wbg .tab_3 ul { list-style-type: decimal; padding-left: 20px; margin-bottom: 30px }
.prodetail_part_2 .bbg .wbg .tab_3 ul li { font-size: 16px; line-height: 34px; color: #333 }
.prodetail_part_2 .bbg .wbg .tab_3 img { max-width: 100% }
.pic_pop { position: fixed; -ms-overflow-y: auto; overflow-y: auto; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 100px; padding-top: 100px }
.pic_pop .bg_cover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1 }
.pic_pop .view { position: relative; z-index: 2; max-width: 1100px; margin: 0 auto }
.pic_pop .view .clz_btn { background: url("../../../image/zh-Hant/clz_btn.png") top center no-repeat; background-size: 50px auto; -webkit-background-size: 50px auto; -o-background-size: 50px auto; width: 60px; height: 60px; cursor: pointer; position: absolute; top: 0; right: 0; opacity: .75; -moz-opacity: .75; filter: alpha(opacity=100) }
.pic_pop .view .clz_btn:hover { opacity: 1; -moz-opacity: 1 }
.pic_pop .view .pic { padding-top: 73%; background: url("../../../image/zh-Hant/pro_sample2.jpg") 50% 50% no-repeat; -webkit-background-size: contain; -o-background-size: contain; background-size: contain }


.header_mid {
    height: 115px;
    overflow: hidden;
    padding-top: 10px;
}
.wrap {
    width: 1200px;
    margin: 0 auto;
    height: auto;
}
.header_mid .logo {
    height: 90px;
    width: 661px; display:block;background:none;text-indent:inherit; margin-top:0;
}
.header_mid .header_tel {
    width: 220px;
    height: 50px;
    text-align: center;
    margin-top: 30px;
}
.fr {
    float: right;
}
.header_mid .header_tel p.txt1 {
    background: url(header_tel.png) no-repeat center;
    font-size: 15px;
    color: #212121;
}
.header_mid .header_tel p.txt2 {
    font-weight: 700;
    color: #2d6bd2;
    font-size: 30px;
}
.fl {
    float: left;
}
.index_about{padding: 120px 0;}
.index_about h2 {
    font-size: 35px;
    text-align: center;
    margin-bottom: 40px;
}
.index_about P {
    line-height: 34px;
}

.index_about .cirtab {
    display: inline-block;
    font-size: 16px;
    color: #333;
    text-align: center;
    width: 125px;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    background-color: #FFF;
    -webkit-border-radius: 23px;
    border-radius: 23px;
    margin: 0 5px;
	-moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    background: #3fb224;
    color: #FFF;
}
.index_about a {
display: inline-block;
    margin-left: 549px;
    margin-top: 40px;
}