@charset "utf-8";
/* CSS Document */
html, body { font: 14px/1.8 "Microsoft Yahei","Arial","Arial","Helvetica","SimHei",sans-serif; color: #8d8d8d; }
.pw { width: 880px; margin: 0 auto; }
.rowbox { position: fixed; left: 0px; top: 0px; width: 100%; }
.row { position: relative; overflow: hidden; }
.sidedot { position: fixed; left: 2%; top: 50%; height: 58px; margin-top: -29px; z-index: 1000; }
.sidedot li { background-color: #fff; width: 12px; height: 3px; position: relative; margin-bottom: 11px; line-height: 3px; transition: 400ms; -webkit-transition: 400ms; cursor: pointer; }
.sidedot li .tii { position: absolute; left: 17px; opacity: 0; visibility: hidden; color: #df2128; font-size: 16px; white-space: nowrap; transition: 400ms; -webkit-transition: 400ms; }
.sidedot li.active { background: #df2128; width: 33px; }
.sidedot li.active .tii { opacity: 1; visibility: visible; left: 38px; }
.rowaw { width: 50px; height: 50px; border-radius: 100%; position: fixed; left: 50%; margin-left: -25px; bottom: 5%; background: url(../images/black.png); background: rgba(0,0,0,.6); z-index: 1000; cursor: pointer; overflow: hidden; animation: bounce 2s ease-in-out 0.1s infinite; -webkit-animation: bounce 2s ease-in-out 0.1s infinite; }
.rowaw .aw { background-image: url(../images/row_aw.png); }
.rowaw.top .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }

@-webkit-keyframes bounce {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    50% { -webkit-transform: scale(0.6); transform: scale(0.6); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes bounce {
    0% { -webkit-transform: scale(1); transform: scale(1); }
    50% { -webkit-transform: scale(0.6); transform: scale(0.6); }
    100% { -webkit-transform: scale(1); transform: scale(1); }
}

.logo { width: 190px; float: left; margin-left: 30px; margin-top: -10px; position: relative; z-index: 999; }
.logo2 { display: none; position: relative; z-index: 999; }
.nav { float: right; margin-right: 28px; position: relative; z-index: 999; }
.nav li { float: left; }
.nav a { color: #fff; font-size: 16px; line-height: 24px; padding: 0 22px; }
.header .bg { background: url(../images/blank_bg.png) repeat; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; opacity: 0; z-index: 10; transition: 400ms; filter: alpha(opacity=0); }
.header.brand { padding-bottom: 34px; }
.header.brand .bg { opacity: 1; filter: alpha(opacity=100); }
.header { padding-top: 34px; transition: 400ms; }
.nav a:hover,
.nav a.act { color: #df2128; }

.edites{ float:left; margin-left:38px;}
.edites a{ display:block; float:left; color:#ffffff;font-size: 13px;}
.edites a:first-child{ margin-right:8px;}
.edites a:hover{ color:#d74f30;}
.header .edites a:hover{ color:#d74f30;}
.header .edites a{ color:#fff;}

.medite{ height:60px;}
.medite a{ display:block; width:50%; line-height:61px; background:#eeeeee; color:#666666; font-size:14px; float:left; text-align:center;}
.medite a.on{ background:#ff0000; color:#fff;}


.tools { position: fixed; top: 50%; margin-top: -73px; right: 2%; z-index: 1000; }
.tools .txx { display: block; margin: 0 10px; max-width: 100%; margin-bottom: 22px; }
.tools > a { display: block; width: 30px; height: 30px; font-size: 0; overflow: hidden; }
.tools .qr { background: url(../images/sqr.png) no-repeat center top; margin-bottom: 4px; }
.tools .skype { background: url(../images/skype.png) no-repeat center top; }
.tools > a:hover { background-position: center bottom; }
.banner { height: 100%; }
.banner .pic { position: absolute; top: 0; left: 0; }
.banner .bx-wrapper .bx-pager.bx-default-pager a { width: 5px; height: 5px; border: 1px solid #fff; background: none; }
.banner .bx-wrapper .bx-pager { bottom: 12%; }
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.banner .bx-wrapper .bx-pager.bx-default-pager a.active { background: #fff; }
.banner .bx-wrapper .bx-viewport { background: none; }
.ixtxts { position: absolute; width: 100%; height: 430px; left: 0; top: 50%; margin-top: -215px; background: url(../images/ixbg1.png); background: none; z-index: 10; overflow: hidden; transition: all 1s cubic-bezier(0.165, 0.74, 0.44, 1) 0s; }
.ixtxts img { display: block; margin: 0 auto; max-width: 100%; }
.ixtxts .tx2 { margin-top: 75px; }
.ixtxts .pa { padding-top: 90px; }
#s1.active .ixtxts { -webkit-animation: scalewidth .6s ease both; animation: scalewidth .6s ease both; -webkit-animation-delay: .4s; animation-delay: .4s; }

@keyframes scalewidth {
    0% { opacity: 0; width: 0; }
    50% { opacity: 1; width: 50%; left: 25%; }
    100% { width: 100%; left: 0; }
}

@-webkit-keyframes scalewidth {
    0% { opacity: 0; width: 0; }
    50% { opacity: 1; width: 50%; left: 25%; }
    100% { width: 100%; left: 0; }
}

#s1.active .ixtxts .tx1 { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: .9s; animation-delay: .9s; }
#s1.active .ixtxts .tx2 { -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.ixab { background: url(../images/ban22.jpg) no-repeat center center; background-size: cover; height: 100%; color: #fff; /*background-attachment:fixed;*/ }
.ixab .pa { padding-top: 12%; }
.ixen { text-align: center; font-size: 48px; line-height: 1; font-family: 'Arial'; }
.ixab .ch { display: block; border: 2px solid #fff; width: 233px; height: 48px; text-align: center; line-height: 48px; font-size: 22px; color: #fff; margin: 0 auto; margin-top: 35px; }
.ixab .ch a{ color: #fff;}
.ixab .ch:hover { background: #fff; color: #1ab9ec; }
.ixab .tx { width: 764px; margin: 0 auto; line-height: 30px !important; height: ; text-align: center; margin-top: 30px; font-size: 14px;}
.tx  p{ margin-top: 10px;}
#s2.active .ixab .en,
#s1.active .ab1 .en { animation: lightSpeedIn .7s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; -webkit-animation-delay: .4s; animation-delay: .4s; }
#s2.active .ixab .ch,
#s1.active .ab1 .ch { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
#s2.active .ixab .tx,
#s1.active .ab1 .tx { -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.ixpro { height: 100%; position: relative; overflow: hidden; }
.ixproslide { height: 100%; position: relative; overflow: hidden; }
.ixproslide .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.ixproslide .pic { position: absolute; top: 0; left: 0; }
.isCurrent { z-index: 20 !important; }
.isOut { z-index: 19 !important; }
.ip-controls { position: absolute; z-index: 99; width: 462px; height: 462px; left: 50%; top: 50%; margin-top: -231px; margin-left: -231px; }
.ip-controls li { position: absolute; width: 162px; height: 162px; cursor: pointer; opacity: 0; visibility: visible; transition: 600ms 400ms; -webkit-transition: 600ms 400ms; }
.ip-controls .bodr { position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transition: 400ms; -webkit-transition: 400ms; }

.ip-controls .ipc1 { left: 32px; top: 150px; transform: translateX(-80px); -webkit-transform: translateX(-80px); }
.ip-controls .ipc2 { left: 150px; top: 32px; transform: translateY(-80px); -webkit-transform: translateY(-80px); }
.ip-controls .ipc3 { right: 32px; top: 150px; transform: translateX(80px); -webkit-transform: translateX(80px); }
.ip-controls .ipc4 { left: 150px; bottom: 32px; transform: translateY(80px); -webkit-transform: translateY(80px); }
.ip-controls .txx { position: relative; text-align: center; font-size: 24px; color: #fff; line-height: 26px; height: 52px; overflow: hidden; padding-top: 55px; }
.ixpro .cover { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(../images/black.png); background: rgba(0,0,0,.15); z-index: 98; }
.ip-controls li:hover .bodr,
.ip-controls li.act .bodr { background: #1ab9ec; background: rgba(26,185,236,.9); border-color: #1ab9ec; border-color: rgba(26,185,236,.9); }
.ixnews { width: 100%; height: 430px; position: absolute; left: 0; top: 50%; margin-top: -215px; background: url(../images/black.png); z-index: 10; }
.ixnewsbox { position: relative; height: 100%; background: url(../images/ban4.jpg) no-repeat center center; background-size: cover; }
.ixTitle .ch { font-size: 22px; color: #df2128; line-height: 30px; }
.ixTitle .en { font-size: 26px; line-height: 30px; font-family: 'Arial'; text-transform: ; color: #fff; }
.ixnews .pa { width: 838px; margin: 0 auto; position: relative; padding-top: 40px; }
.ixnews .ixTitle { position: absolute; left: 0; top: -50px; }
.ixnewsList a { display: block; float: left; width: 30.33%; margin-left: 3%; margin-bottom: 3%; position: relative; color: #fff; }
.ixnewsList { margin-left: -3%; }
.ixnewsList .txts { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: url(../images/ixbg1.png); padding: 35px 15px 0 15px; transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; visibility: hidden; transition: 600ms; -webkit-transition: 600ms; text-align: center; line-height:1.5; font-size: 24px;}
.ixnewsList a:hover .txts { transform: scale(1); -webkit-transform: scale(1); opacity: 1; visibility: visible; }
#s3.active .ixnews { -webkit-animation: scalewidth .6s ease both; animation: scalewidth .6s ease both; -webkit-animation-delay: .4s; animation-delay: .4s; }
#s3.active .ixnews .ixTitle { animation: lightSpeedIn .7s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; -webkit-animation-delay: .9s; animation-delay: .9s; }
#s3.active .ixnews .ixnewsList { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.ixctabg { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; overflow: hidden; position: relative; background-attachment: fixed; -webkit-background-attachment: fixed; }
.ixcta { position: absolute; left: 0; right: 0; top: 30%; color: #fff; text-align: center; }
.ixcta .en { margin-bottom: 10px; }
.ixcta a { color: #fff; }
.ctaBtn { display: block; width: 160px; height: 48px; border: 2px solid #1ab9ec; background: #1ab9ec; margin: 0 auto; text-align: center; line-height: 48px; font-size: 18px; }
.ctaBtn:hover { background: #fff; border-color: #fff; color: #1ab9ec; }
.ixcta .ctaBtn { margin-bottom: 15px; }
.ixcta .addr { font-size: 18px; margin: 30px 0 10px 0; line-height: 1.5;}
.ixcta .tel { font-size: 30px; font-weight: bold; font-family: 'Arial'; line-height: 1.1; margin-bottom: 10px; }
.ixcta .comp { font-size: 28px; line-height: 1.1;  margin: 30px 0 0px 0;}
.ixcta .comc { font-size: 18px; line-height: 1.0; margin-bottom: 30px; }
.ixcta .email { font-size: 20px; font-family: 'Arial'; line-height: 1.0; margin-bottom: 20px; }
.ixcta .sky { font-size: 20px; font-family: 'Arial'; line-height: 1.0; margin-bottom: 30px; }
.ixcta .tel a,
.ixcta .email,.ixcta .sky,
.ixcta .addr a { cursor: auto; }
.ixcta .pos { display: block; width: 68px; margin: 0 auto; }
.ixcta .pos .ico { height: 31px; background-image: url(../images/pos.png); margin-bottom: 2px; }
.ixcta .pos .txx { border-bottom: 2px solid #fff; padding-bottom: 3px; }
.ixcta .pos:hover .ico { animation: myS 1.2s linear 0s infinite; -webkit-animation: myS 1.2s linear 0s infinite; }
.ixctabg .cover { background: url(../images/black.png); }
.ixcta .addr,
.ixcta .tel,
.ixcta .email,.ixcta .sky,.ixcta .comp,.ixcta .comc,
.ixcta .pos { transform: translateY(80px); -webkit-transform: translateY(80px); opacity: 0; visibility: hidden; transition: 700ms 1s; -webkit-transition: 700ms 1s; }
.ixcta .tel { transition-delay: 1.1s; -webkit-transition-delay: 1.1s; }
.ixcta .comc,.ixcta .email { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }

.ixcta .pos { transition-delay: 1.3s; -webkit-transition-delay: 1.3s; }
.ip-arrow { width: 25px; height: 42px; position: absolute; top: 50%; margin-top: -21px; z-index: 99; cursor: pointer; opacity: 0; visibility: hidden; transition: left 600ms 900ms,right 600ms 900ms,opacity 600ms 900ms,visibility 600ms 900ms; -webkit-transition: left 600ms 900ms,right 600ms 900ms,opacity 600ms 900ms,visibility 600ms 900ms; }
.ip-prev { background: url(../images/ip-prev.png) no-repeat left center; left: -5%; }
.ip-next { background: url(../images/ip-next.png) no-repeat right center; right: -5%; }
.ip-prev:hover { background-position: right center; }
.ip-next:hover { background-position: left center; }
#s3.active .ip-prev { left: 15%; opacity: 1; visibility: visible; }
#s3.active .ip-next { right: 15%; opacity: 1; visibility: visible; }
#s3.active .ip-controls li { opacity: 1; visibility: visible; transform: translate(0); -webkit-transform: translate(0); }

@keyframes myS {
    0% { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); }
    50% { transform: translate(0,0); -webkit-transform: translate(0,0); }
    100% { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); }
}

@-webkit-keyframes myS {
    0% { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); }
    50% { transform: translate(0,0); -webkit-transform: translate(0,0); }
    100% { transform: translate(0,-10px); -webkit-transform: translate(0,-10px); }
}

#s4.active .ixcta .en { animation: lightSpeedIn .7s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; animation-delay: .4s; -webkit-animation-delay: .4s; }
#s4.active .ixcta .ctaBtn { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
#s4.active .ixcta .addr,#s4.active .ixcta .comp,#s4.active .ixcta .comc,
#s4.active .ixcta .tel,
#s4.active .ixcta .email,#s5.active .ixcta .sky,
#s4.active .ixcta .pos { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; visibility: visible; }
.share3 { width: 100px; height: 38px; position: fixed; right: 2%; bottom: 30px; z-index: 1000;}
.share3 .all { border: 2px solid #fff; font-family: ''; position: relative; border-left: 0; }
.share3 .all .line { position: absolute; left: 0; top: 0; bottom: 0; width: 8px; }
.share3.act .all .line { background: url(../images/line.png) no-repeat -8px center; transition: 400ms; -webkit-transition: 400ms; }
.share3 .all .txx { background: url(../images/share.png) no-repeat 15px center;  font-family: 'Arial';}
.share3 a { display: block; line-height: 34px; color: #fff; }
.share3 .mshare { width: 2px; position: absolute; top: 0; bottom: 0; right: 98px; overflow: hidden; transition: 400ms; -webkit-transition: 400ms; }
.share3 .mshare .bodr { width: 142px; border: 2px solid #fff; }
.share3.act .mshare { width: 144px; }
.share3 .mshare a { float: left; width: 32px; display: inline-block; margin-left:5px;}
.share3 .txx { padding-left: 45px; }
.share3 .txx5 { display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; width:25px; height:20px; background-repeat:no-repeat; background-position:center center;  }
.share3 .mshare .facebook .txx5 { background: url(../images/f_facebook.png)}
.share3 .mshare .twitter .txx5 { background: url(../images/f_twitter.png);width:28px;}
.share3 .mshare .myspace .txx5 { background: url(../images/f-myspace.png);width:38px;}
.share3 .mshare .twitter .txx5 { background: url(../images/sina2.png)}
.share3 .mshare a:hover{ transform:translateY(-3px); -webkit-transform:translateY(-3px); }

.navMobile { padding-top: 60px; }
.navMobile dd p a { display: block; color: #213959; padding: 14px 5%; font-size: 18px; line-height: 1.4; }
.navMobile dd p a:hover { background: #1ab9ec; color: #fff; }
.share2 { display: block; padding: 0 5%; color: #1ab9ec; font-family: ''; line-height: 24px; margin-top: 25px; }
.share2 .txx { background: url(../images/share2.png) no-repeat left center; padding-left: 20px; }
.ab1.ixab .ch { background: #1ab9ec; border-color: #1ab9ec; }
.ab1.ixab .ch:hover { background: #1ab9ec; color: #fff; }
.ab1.ixab .tx { font-size: 14px; line-height: 26px !important; height: auto; }
.ab2 { height: 100%; background: url(../images/ixbg2.jpg) no-repeat center center; background-size: cover; overflow: hidden; }
.abLeader .pic { width: 450px; margin: 0 auto; }
.abLeader .txts { width: 570px; margin: 0 auto; color: #fff; text-align: center; padding-top: 35px; }
.abti { line-height: 1.4; font-size: 23px; }
.abLeader .txts .tx { font-size: 13px; line-height: 26px !important; text-align: center; margin-top: 15px; }
.abLeader .txts .name { margin-top: 40px; }
.abLeader .txts .name .tii { margin-top: 2px; }
.abLeader { padding-top: 11%; }
#s4.active .ab2 .abLeader .pic { -webkit-animation: zoomIn .7s ease-in-out both; animation: zoomIn .7s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
#s4.active .ab2 .abLeader .abti,
#s4.active .ab2 .abLeader .txts .tx,
#s4.active .ab2 .abLeader .txts .name { opacity: 1; transform: translate(0); -webkit-transform: translate(0); }
#s4.active .ab2 .abLeader .abti { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
#s4.active .ab2 .abLeader .txts .tx { transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
#s4.active .ab2 .abLeader .txts .name { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
.ab3 { height: 100%; overflow: hidden; }
.abhis { width: 664px; z-index: 99; position: absolute; left: 50%; margin-left: -332px; top: 18%; color: #fff; }
.abhis .ti { font-size: 18px; line-height: 1.1;top: 5px; }
.abhis .year { font-size: 30px; line-height: 1.1; }
.abhis .tx { font-size: 13px; line-height: 26px !important; min-height: 30px; margin-top: 0px; }
.abhis .pic2 { width: 730px; margin: 0 auto; margin-top: 0px; }
.abhis .transShow { transition: 700ms; -webkit-transition: 700ms; }
.abhis .transShow.year { transition-delay: 200ms; -webkit-transition-delay: 200ms; }
.abhis .transShow.tx { transition-delay: 400ms; -webkit-transition-delay: 400ms; }
.abhis .transShow.pic2 { transition-delay: 600ms; -webkit-transition-delay: 600ms; }

#s3.active .ab3 .abhis { -webkit-animation: zoomIn .9s ease-in-out both; animation: zoomIn .9s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
.ab4 { height: 100%; }
.abStory { color: #fff; padding-top: 9%; }
.abStory li { margin-bottom: 20px; }
.abStory .txts { width: 46%; }
.abStory .picbox { width: 49%; }
.abTitle { position: relative; }
.abTitle .ch { font-size: 23px; }
.abTitle .en { font-size: 28px; font-family: Arial; text-transform: uppercase; margin-top: 7px; }
.abTitle .logo3 { position: absolute; right: 10px; top: 10px; }
.abStory .txts .tx { font-size: 13px; line-height: 25px !important; margin-top: 25px; max-height: 200px; }
.abStory .item1 .txts { float: left; }
.abStory .item1 .picbox { float: right; }
.abStory .item2 .txts { float: right; }
.abStory .item2 .picbox { float: left; }
.abStory .item1 .pic .name { width: auto; position: absolute; left: 30px; bottom: 22px; }
.scapic:hover .name { transform: none; -webkit-transform: none; }
.abStory .video { color: #fff; margin-top: 10px; }
.video { display: block; position: relative; }
.abStory .video .txts2 { position: absolute; top: 0; left: 0; right: 0; padding: 16% 15px 0 15px; text-align: center; }
.abStory .video .abTitle .ch { font-size: 20px; }
.abStory .video .abTitle .en { font-size: 26px; margin-top: 2px; }
.videobtn { display: block; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 100%; overflow: hidden; margin: 0 auto; transition: 400ms; -webkit-transition: 400ms; }
.videobtn .ico { background-image: url(../images/video.png); }
.abStory .video .videobtn { margin-top: 25px; }
.video:hover .videobtn { transform: rotate(360deg); -webkit-transform: rotate(360deg); }
#s4.active .abStory .transY,
#s4.active .abStory .transX,
#s4.active .abStory .transX2,
#s6.active .abtec .transY,
#s6.active .abtec .transX,
#s6.active .abtec .transX2 { transform: translate(0); -webkit-transform: translate(0); opacity: 1; }
#s4.active .abStory .item1 .txts .en,
#s6.active .abtec .item1 .txts .en { transition-delay: 500ms; -webkit-transition-delay: 500ms; }
#s4.active .abStory .item1 .txts .tx,
#s6.active .abtec .item1 .txts .tx { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
#s4.active .abStory .item2 .txts .ch,
#s6.active .abtec .item2 .txts .tx { transition-delay: 700ms; -webkit-transition-delay: 700ms; }
#s4.active .abStory .item2 .txts .en { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
#s4.active .abStory .item2 .txts .logo3 { -webkit-animation: zoomIn .3s both; animation: zoomIn .3s both; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
#s4.active .abStory .item2 .txts .tx { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
#s4.active .abStory .item1 .pic,
#s4.active .abStory .item2 .video,
#s6.active .abtec .item1 .video,
#s6.active .abtec .item2 .video { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
.abevi .pa { padding-top: 12%; }
.abevi .ch { width: 138px; font-weight: normal; transition: background 300ms; -webkit-transition: background 300ms; margin-top: 5px; font-size: 18px;}
.abevi .tx { width: 100%; font-size: 14px; line-height: 26px !important; max-height: 52px; }
.evipics li { width: 32.33%; margin-left: 1%; float: left; position: relative; cursor: pointer; overflow: hidden; }
.evipics { margin-left: -1%; margin-top: 50px; }
.evipics .bigpic { width: 36px; height: 36px; background: url(../images/black.png); background: rgba(0,0,0,.6); position: absolute; bottom: 1px; right: 1px; z-index: 10; transform: translateX(37px); -webkit-transform: translateX(37px); opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }
.evipics .bigpic .ico { background-image: url(../images/bigpic.png); }
.evipics li:hover .bigpic { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; visibility: visible; }
.picbooks { position: relative; }
.picbooks .slick-arrow { width: 25px; height: 42px; position: absolute; top: 50%; margin-top: -21px; z-index: 99; }
.picbooks .slick-prev { background: url(../images/ip-prev.png) no-repeat left center; left: 3%; }
.picbooks .slick-next { background: url(../images/ip-next.png) no-repeat right center; right: 3%; }
.picbooks .item { position: relative; }
.picbooks .name { white-space: nowrap; overflow: hidden; font-size: 20px; color: #fff; text-align: center; margin-top: 25px; }

.protools a { display: block; float: left; width: ; height: 38px; border: 1px solid #1ab9ec; color: #fff; line-height: 38px;}
.protools .txx { text-align: center;margin: 0 20px 0 20px; }
.protools .buy .txx { background: url() no-repeat 35px center; }
.protools .buy,
.protools .promenu { background: #1ab9ec; }
.protools .promenu .txx { background: url() no-repeat 35px center; }
.protools a:hover { background: #1ab9ec; border-color: #1ab9ec; }
.protools { /* margin-bottom: 30px;*/ position: absolute; left: 0; top: 0; z-index: 99; }
.laclose { width: 46px; height: 46px; border: 1px solid #1ab9ec; background: #1ab9ec; border-radius: 100%; position: absolute; right: 25px; top: 25px; cursor: pointer; z-index: 99; }
.laclose .ico { background-image: url(../images/la-close.png); transition: 400ms; -webkit-transition: 400ms; }
.laclose:hover .ico { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.ab6 { height: 100%; }
#s2.active .abevi .en { animation: lightSpeedIn .7s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; -webkit-animation-delay: .4s; animation-delay: .4s; }
#s2.active .abevi .ch { webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; }
#s2.active .abevi .tx { -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1s; animation-delay: 1s; }
#s2.active .evipics li:nth-child(1) { transition-delay: 1.1s; -webkit-transition-delay: 1.1s; }
#s2.active .evipics li:nth-child(2) { transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }
#s2.active .evipics li:nth-child(3) { transition-delay: 1.3s; -webkit-transition-delay: 1.3s; }
#s2.active .evipics li { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.video2 > .videobtn { position: absolute; top: 50%; left: 50%; z-index: 10; margin-top: -21px !important; margin-left: -21px; }
.abtec .picbox { width: 48%; }
.abtec .txts { width: 49%; }
.abtec .txts .tx { font-size: 14px; line-height: 30px !important; max-height: 120px; }
.abtec .video { margin-top: 0; }
.abtec .item2 .txts { padding-top: 70px; }
.labox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/black.png); background: rgba(0,0,0,.8); z-index: 1010; }
.lacon { width: 85%; position: fixed; left: 7.5%; top: 50%; /*background:#fff;*/ }
.lacon2 { width: 80%; left: 10%; }
.lacon.hide { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0; transition: transform 600ms,opacity 400ms; -webkit-transition: transform 600ms,opacity 400ms; }
.lacon.show { transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
.ab6 .abStory { padding-top: 12%; }
/**/
.wsh { height: 100%; position: relative; }
.protxts { width: 100%; height: 354px; position: absolute; left: 0; top: 50%; margin-top: -177px; background: url(../images/ixbg1.png); color: #fff; text-align: center; }
.protxts .ch,
.sertxts .ch,
.jobtxts .ch { font-size: 18px; letter-spacing: 1px; /*margin-top:-5px;*/ line-height: 1.1;margin:22px 0 28px 0 }
.protxts .ti,
.sertxts .ti,
.jobtxts .ti { width: 180px; height: 42px; border: 2px solid #fff; font-size: 18px; text-align: center; line-height: 42px; overflow: hidden; margin: 25px auto 0 auto; }
.protxts .pa { padding-top: 75px;}
.protxts .pa a { display: inline-block; border: 2px solid #fff; width: 145px; height: 42px; text-align: center; line-height: 42px; font-size: 18px; color: #fff; margin: 0 auto; margin-right:0.3%; margin-bottom:1%; }
.protxts .pa a:hover { background: #fff; color: #1ab9ec; }

#s1.active .protxts { -webkit-animation: scalewidth .6s ease both; animation: scalewidth .6s ease both; -webkit-animation-delay: .4s; animation-delay: .4s; }
#s1.active .protxts .ixen { animation: lightSpeedIn .7s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; animation-delay: .9s; -webkit-animation-delay: .9s; }
#s1.active .protxts .ch { -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
#s1.active .protxts .ti { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
#s1.active .protxts .pa a { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }



.probox { width: 1100px; position: absolute; top: 50%; margin-top: -207px; left: 50%; margin-left: -550px; }
.proheap .pl { float: left; }
.proheap .pr { float: right; }
.proTitle { text-align: center; color: #1ab9ec; background: #fff; }
.proTitle .en { font-size: 24px; font-family: '微軟正黑體'; }
.proTitle .ch { font-size: 25px; margin-top: 2px; font-family: '微軟正黑體'; }
.proheap .proTitle { height: 202px; }
.proheap .proTitle .pa { padding-top: 70px; }
.proheap .spa { width: 545px; }
.proheap .bpa { width: 545px; }
.proheap .spa .tp .proTitle { width: 201px; }
.proheap .spa .tp .pic { width: 335px; }
.proheap .spa .bop .pic1 { width: 333px; }
.proheap .spa .bop .pic2 { width: 202px; }
.proheap .mat10 { margin-top: 10px; }
.probox .ip-prev:hover { background-position: left center; }
.probox .ip-next:hover { background-position: right center; }
#s2.active .probox .ip-prev,
#s3.active .probox .ip-prev,
#s4.active .probox .ip-prev,
#s5.active .probox .ip-prev,
#s6.active .probox .ip-prev,
#s7.active .probox .ip-prev { left: -20%; opacity: 1; visibility: visible; }
#s2.active .probox .ip-next,
#s3.active .probox .ip-next,
#s4.active .probox .ip-next,
#s5.active .probox .ip-next,
#s6.active .probox .ip-next,
#s7.active .probox .ip-next { right: -20%; opacity: 1; visibility: visible; }
#s2.active .probox,
#s3.active .probox,
#s4.active .probox,
#s5.active .probox,
#s6.active .probox,
#s7.active .probox { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.footer { line-height: 1.1; vertical-align:middle; color: #fff; position: fixed; left: 2%; bottom: 30px; text-transform: uppercase; font-family: '微軟正黑體'; z-index: 1000; }
.footer a { color: #fff; margin-left: 10px; margin-top:-16px;}
.footer script {vertical-align:baseline;}
/**/
.sertxts { color: #fff; text-align: center; padding-top: 9%; }
.shopbox { width: 790px; margin: 0 auto; margin-top: 40px; position: relative; }
.shop { height: auto; background: #ebecee; color: #000; padding: 40px 40px 60px 40px; text-align: left; }
.shop .tii { line-height: 1.4; font-size: 18px; }
.ipbox .ipl { float: left; }
.ipbox .ipr { float: right; }
.ipbox .s-select { width: 338px; height: 40px; border: 1px solid #c9c9c9; padding: 0 0 0 10px; color: #8b8b8b; background: url(../images/shopaw.png) no-repeat 310px center; transition: background 300ms; -webkit-transition: background 300ms; }
.ipbox .s-select option { padding: 0 10px; background: #fff; color: #4d4d4d; }
.ipbox .s-select:focus { background-color: #fff; }
.ipbox { margin-top: 13px; }
.subBtn { width: 114px; height: 40px; color: #fff; text-align: center; background: #08254c; font-size: 16px; cursor: pointer; transition: background 300ms; -webkit-transition: background 300ms; margin-top: 13px; }
.subBtn:hover { background: #1ab9ec; }
.shop2 { position: absolute; width: 100%; left: 0; top: 0; background: #fff; height: 226px; text-align: left; color: #838383; }
.shop2.hide { transform: translateX(80px); -webkit-transform: translateX(80px); opacity: 0; visibility: hidden; transition: 600ms; -webkit-transition: 600ms; }
.shop2.show { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; visibility: visible; }
.shopclose { display: block; height: 24px; font-size: 16px; line-height: 24px; color: #1ab9ec; white-space: nowrap; }
.shopclose .ico { width: 5px; float: left; background-image: url(../images/backaw.png); margin-right: 8px; }
.shopclose:hover .ico { transform: translateX(-5px); -webkit-transform: translateX(-5px); }
.shop2 .pa { padding: 18px 35px 0 35px; }
.shopList { overflow: hidden; }
.shopList .item { border-bottom: 1px solid #e2e2e2; padding: 17px 0 18px 0; }
.shopList .name { font-size: 18px; color: #000; margin-bottom: 13px; }
.shopList a { color: #868686; display: block; }
.shopList .tel, .shopList .pos { float: left; font-size: 16px; color: #264062; margin-right: 50px; line-height: 30px; position: relative; }
.shopList .tel { padding-left: 45px; }
.shopList .pos { padding-left: 35px; margin-right: 0; }
.shopList .tel .ico, .shopList .pos .ico { position: absolute; top: 0; left: 0; height: 30px; }
.shopList .tel .ico { width: 45px; background: url(../images/xtel.png) no-repeat left center; }
.shopList .pos .ico { width: 35px; background: url(../images/xpos.png) no-repeat left center; }
.shopList .addr { font-size: 18px; line-height: 1.4; margin-bottom: 30px; }
/*.shopList a { display: block; width: 100%; padding: 20px 0 20px 0; color: #838383; line-height: 26px; border-bottom: 1px solid #e2e2e2; }*/
/*.shopList .addr .txx { float: left; margin-right: 12px; text-align: justify; }
.shopList .addr .ico { width: 12px; height: 26px; float: left; background-image: url(../images/addr.png); }
.shopList a:hover { color: #1ab9ec; }
.shopList a:hover .addr .ico { animation: posup 800ms linear alternate 4; }*/
/*
@-webkit-keyframes posup {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}

@keyframes posup {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }
    100% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
}
*/
.qusslide { width: 732px; margin: 0 auto; }
.queList a { display: block; float: left; width: 49.5%; margin-left: 0.5%; position: relative; overflow: hidden; }
.queList { margin-left: -0.5%; }
.queList .ti { position: absolute; left: 0; right: 0; line-height: 30px; white-space: nowrap; text-align: center; color: #fff; top: 50%; margin-top: -15px; font-size: 22px; font-weight: bold; }
.qusbox { position: absolute; left: 0; right: 0; top: 50%; margin-top: -162px; }
.qusslide .slick-active .queList a { transform: translate(0); -webkit-transform: translate(0); opacity: 1; }
#s2.active .qusbox .ip-prev { left: 15%; opacity: 1; visibility: visible; }
#s2.active .qusbox .ip-next { right: 15%; opacity: 1; visibility: visible; }
.ansbox { color: #5a5a5a; padding: 25px 40px 0 40px; }
.ansc { border-top: 1px solid #e3e3e3; margin-top: 10px; padding-top: 35px; }
.anss { height: 510px; padding-right: 15px; line-height: 30px; overflow: hidden; overflow-y: scroll; }
.lacon3 { width: 580px; height: 616px; margin-top: -332px; left: 50%; margin-left: -290px; background: #fff; }
.lacon3.hide,
.lacon4.hide { transform: translateX(100px); -webkit-transform: translateX(100px); opacity: 0; transition: 600ms; -webkit-transition: 600ms; }
.lacon3.show,
.lacon4.show { transform: translate(0); -webkit-transform: translate(0); opacity: 1; transition: transform 600ms,opacity 800ms; -webkit-transition: transform 600ms,opacity 800ms; }
.down { display: block; width: 816px; position: absolute; left: 50%; margin-left: -408px; top: 50%; color: #fff; margin-top: -126px; }
.down .pic { width: 50%; float: left; }
.down .txts { width: 50%; float: left; text-align: center; overflow: hidden; }
.down .txts .pa { border: 2px solid #fff; height: 198px; padding-top: 50px; transition: 400ms; -webkit-transition: 400ms; }
.down .txts .ico { height: 53px; background-image: url(); }
.down .txts .en { line-height: 1; font-size: 28px; font-family: 'Arial'; margin-bottom: 5px; }
.down .txts .ch { line-height: 1.1; font-size: 18px; letter-spacing: 0px; }
.down:hover .txts .pa { background: #1ab9ec; border-color: #1ab9ec; }
#s1.active .sertxts .ixen,
#s1.active .sertxts .ch,
#s1.active .sertxts .ti { transform: translate(0); -webkit-transform: translate(0); opacity: 1; }
#s1.active .sertxts .ch { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
#s1.active .sertxts .ti { transition-delay: 800ms; -webkit-transition-delay: 800ms; }
#s1.active .sertxts .shopbox { animation: lightSpeedIn .7s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
#s2.active .qusslide { animation: zoomIn .7s ease-in-out both; -webkit-animation: zoomIn .7s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }
#s3.active .down { animation: fadeInRight .7s ease-in-out both; -webkit-animation: fadeInRight .7s ease-in-out both; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }


/**/
.jobtxts { color: #fff; text-align: center; padding-top: 18%; }
.jobtxts .ti { margin-top: 30px; }
.jbIdea { color: #fff; width: 840px; margin: 0 auto; padding-top: 17%; }
.jdTitle { text-align: center; }
.jdTitle .en { line-height: 1; font-size: 32px; font-family: 'Arial'; }
.jdTitle .ch { font-size: 18px; letter-spacing: 0px; line-height: 1.1; margin-top: 15px; }
.idea .pic { width: 50%; float: left; }
.idea .pic .iico { width: 38px; height: 38px; background: #cccdcc; position: absolute; left: 0; bottom: 0; z-index: 10; }
.idea .pic .iico .ico { background-image: url(../images/add.png); background-position: center top; transition: transform 400ms; -webkit-transition: transform 400ms; }
.idea .pic:hover .iico { background: #1ab9ec; }
.idea .pic:hover .iico .ico { background-position: center bottom; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.idea .txts { width: 50%; float: left; text-align: center; overflow: hidden; }
.idea .txts .pa { border: 2px solid #fff; padding: 50px 25px 0 25px; height: 216px; transition: 400ms; -webkit-transition: 400ms; }
.idea .txts .ti { font-size: 20px; }
.idea .txts .tx { text-align: center; font-size: 13px; line-height: 24px !important; height: 120px; margin-top: 15px; }
.idea { margin-top: 50px; }
.idea .txts:hover .pa { background: #1ab9ec; border-color: #1ab9ec; }
.recbox { color: #fff; padding-top: 11.5%; }
.recList { width: 402px; margin: 0 auto; max-height: 240px; margin-top: 40px; }
.recList li { line-height: 24px; padding: 17px 15px; text-align: center; margin-bottom: 2px; cursor: pointer; transition: background 300ms,transform 700ms 400ms,opacity 700ms 400ms; -webkit-transition: background 300ms,transform 700ms 400ms,opacity 700ms 400ms; }
.recList .rl1 { background: #1ab9ec; }
.recList .rl2 { background: #525f71; }
.recList .rl3 { background: #7d8795; }
.recList .rl4 { background: #a9afb8; }
.recList li:hover { background: #fff; color: #1ab9ec; }
.recbox .txb { text-align: center; font-size: 14px; margin-top: 32px; }
.recbox a { color: #fff; }
.recbox a:hover { color: #1ab9ec; }
.jobtxts .ctaBtn { margin-bottom: 35px; margin-top: 15px;}
#s1.active .jobtxts .ixen { animation: lightSpeedIn .7s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; -webkit-animation-delay: .4s; animation-delay: .4s; }
#s1.active .jobtxts .ch { -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: .9s; animation-delay: .9s; }
#s1.active .jobtxts .ti { -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: .9s; animation-delay: .9s; }
#s1.active .jobtxts .ctaBtn { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
#s1.active .jobtxts .joinBtn { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
#s2.active .jbIdea .transY,
#s3.active .recbox .transY,
#s3.active .recbox .transX3 { transform: translate(0); -webkit-transform: translate(0); opacity: 1; }
#s2.active .jbIdea .jdTitle .ch,
#s3.active .recbox .jdTitle .ch { transition-delay: 600ms; -webkit-transition-delay: 600ms; }
#s2.active .jbIdea .idea .pic { transition-delay: 900ms; -webkit-transition-delay: 900ms; }
#s2.active .jbIdea .idea .txts { transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
#s3.active .recbox .recList .rl1 { transition: background 300ms,transform 700ms 800ms,opacity 700ms 800ms; -webkit-transition: background 300ms,transform 700ms 800ms,opacity 700ms 800ms; }
#s3.active .recbox .recList .rl2 { transition: background 300ms,transform 700ms 900ms,opacity 700ms 900ms; -webkit-transition: background 300ms,transform 700ms 900ms,opacity 700ms 900ms; }
#s3.active .recbox .recList .rl3 { transition: background 300ms,transform 700ms 1100ms,opacity 700ms 1100ms; -webkit-transition: background 300ms,transform 700ms 1100ms,opacity 700ms 1100ms; }
#s3.active .recbox .recList .rl4 { transition: background 300ms,transform 700ms 1200ms,opacity 700ms 1200ms; -webkit-transition: background 300ms,transform 700ms 1200ms,opacity 700ms 1200ms; }
#s3.active .recbox .txb { -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }
.bluebg { background: url(../images/ixbg2.jpg) no-repeat center center; background-size: cover; }
.advbus { width: 864px; color: #fff; position: absolute; left: 50%; margin-left: -432px; top: 50%; margin-top: -210px; }
.advbus li { width: 50%; float: left; position: relative; }
.advtxts .txts { position: absolute; top: 0; left: 0; right: 0; padding: 35px 30px 0 30px; }
.advtxts .txts .tx { line-height: 24px !important; font-size: 13px; height: 144px; }
.advtxts2 { background: #27374e; }
.advtxts2 .pic { width: 50%; float: left; }
.advtxts2 .txts { width: 50%; float: left; }
.advtxts2 .txts .tx { padding: 35px 25px 0 15px; line-height: 24px !important; font-size: 13px; height: 144px; }
.advti .jdTitle { padding-top: 55px; }
#s2.active .advbox .ip-prev { left: 15%; opacity: 1; visibility: visible; }
#s2.active .advbox .ip-next { right: 15%; opacity: 1; visibility: visible; }
.bustxts { color: #fff; text-align: center; padding-top: 15%; }
.bustxts .ico { background-image: url(../images/join.png); height: 97px; }
.bustxts .en { font-size: 22px; line-height: 1; font-family: ''; margin-top: 25px; }
.joinBtn { display: block; text-align: center; width: 166px; border: 2px solid #fff; height: 54px; line-height: 54px; font-size: 18px; margin: 0 auto; }
.joinBtn:hover { background: #fff; color: #1ab9ec; }
.bustxts .tel { display: block; font-size: 20px; margin-top: 35px; }
.bustxts .joinBtn { margin-top: 20px; }
#s2.active .advbox { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: .4s; animation-delay: .4s; }
#s3.active .bustxts .ico { -webkit-animation: zoomIn .7s ease-in-out both; animation: zoomIn .7s ease-in-out both; -webkit-animation-delay: .4s; animation-delay: .4s; }
#s3.active .bustxts .en { animation: lightSpeedIn 1s ease-in-out both; -webkit-animation: lightSpeedIn 1s ease-in-out both; -webkit-animation-delay: .7s; animation-delay: .7s; }
#s3.active .bustxts .joinBtn { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 1s; animation-delay: 1s; }
#s3.active .bustxts .tel { -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }
.lacon4 { width: 374px; height: auto; background: #fff; margin-top: -280px; left: 50%; margin-left: -187px; padding-bottom: 12px; }
.lacon5-1 .joinwords { padding: 45px 38px 0 45px; }
.joinwords { padding: 20px 45px 0 45px; }
.joinwords .ti { font-size: 22px; text-align: center; color: #000; margin-bottom: 10px; }
.joinwords label { display: block; color: #555; margin-bottom: 5px; }
.joinwords .clearfix { position: relative; margin-bottom: 6px; }
.joinwords .s-input { line-height: 20px; padding: 10px 12px; border: 1px solid #c6c6c6; color: #555; width: 258px; transition: 300ms; -webkit-transition: 300ms; }
.joinwords .mush { color: #ff0000; position: absolute; left: 6px; bottom: 10px; }
.joinwords .s-input:focus { border-color: #1ab9ec; }
.subBtn2 { width: 186px; height: 42px; border: 2px solid #1ab9ec; display: block; margin: 0 auto; font-size: 16px; color: #1ab9ec; cursor: pointer; margin-top: 20px; transition: background 300ms; -webkit-transition: background 300ms; }
.subBtn2:hover { background: #1ab9ec; color: #fff; }
.joinwords .tx5 { font-size: 11px; text-align: center;margin:15px 0 15px 0;line-height:1.5; }
.lacon4 .laclose { left: 50%; right: auto; margin-left: -20px; top: auto; bottom: -55px; }
.lacon5 { height: 110px; margin-top: -55px; }

/**/
.brandpanel,
.ndpanel { position: relative; }
.bratxts { color: #fff; text-align: center; padding-top: 15%; }
.bratxts .en { line-height: 1; font-size: 22px; font-family: ''; }
.bratxts .ch { width: 270px; height: 52px; line-height: 52px; background: #1ab9ec; margin: 0 auto; font-size: 22px; font-weight: bold; white-space: nowrap; margin-top: 35px; }
.bratxts .tx { display: block; color: #fff; width: 660px; margin: 0 auto; text-align: center; margin-top: 25px; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.bratxts .pic { width: 400px; margin: 0 auto; margin-top: 30px; }
.brabox,
.ndbox { width: 838px; margin: 0 auto; }
.brabg { background-repeat: no-repeat; background-size: cover; background-position: center bottom; }
.bra2 .brabg { background-position: center top; padding-bottom: 10%; /*padding-top:5%;*/ }
.brandpanel .header,
.ndpanel .header { position: absolute; }
.ndnav a,
.ndnav { color: #fff; }
.ndnav a:hover { color: #df2128; }
.ndtxts { background: #fff; color: #000; }
.ndtxts .pa { padding: 45px 50px 75px 50px; }
.ndtxts .ti { font-size: 40px; margin-bottom: 7px; }
.ndtxts .freeTx { font-size: 16px; margin-top: 45px; }
.ndhots .ti { color: #fff; margin-bottom: 15px; }
.ndhots { padding-top: 45px; }
.cbg { background: #000; }
.ndbox { padding: 135px 0 60px 0; }
.ndbox .ndnav { margin-bottom: 23px; }
.bra1.active .bratxts .en { animation: lightSpeedIn .7s ease-in-out both; -webkit-animation: lightSpeedIn .7s ease-in-out both; -webkit-animation-delay: .4s; animation-delay: .4s; }
.bra1.active .bratxts .ch { -webkit-animation: flipInX .7s ease-in-out both; animation: flipInX .7s ease-in-out both; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; }
.bra1.active .bratxts .tx,
.bra1.active .bratxts .pic { -webkit-animation: fadeInUp .7s ease-in-out both; animation: fadeInUp .7s ease-in-out both; -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.banner .item1 > pic { display: none; }

.jiathis_weixin_modal { margin: -180px 0px 0px -180px !important; }
.imnav { display: none; }

.pbslide .pic img { vertical-align: middle; height: auto; width: auto; max-height: 100%; max-width: 100%; margin: auto; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.pbslide .pic { height: 100%; }
.lapro { width: 100%; height: 100%; top: 0; left: 0; margin-top: 0 !important; background: none; }
.picbooks .name { position: absolute; left: 0; right: 0; bottom: 0; height: 65px; line-height: 65px; padding: 0 3%; text-align: left; margin-top: 0; background: url(../images/black.png); background: rgba(0,0,0,.4); }
.pbslide a {  color: #fff; }

.dateSelect { margin-bottom: 20px; }
.dateSelect li { float: left; margin-right: 30px; }
.dateSelect label { float: left; line-height: 32px; color: #fff; margin-right: 15px; }
.dateSelect select { float: left; width: 97px; height: 32px; border: 1px solid #fff; color: #fff; padding-left: 5px; background: url(../images/nwds.png) no-repeat 75px center; }
.dateSelect select option { padding-left: 10px; color: #1ab9ec; }

.pager { text-align: center; }
.pager a, .pager span { vertical-align: middle; display: inline-block; width: 25px; height: 25px; border: 1px solid #fff; font-size: 16px; color: #fff; line-height: 25px; text-align: center; margin: 0 4px; }
.pager a:hover, .pager span { background: #fff; color: #1ab9ec!important; }
.pager { margin-top: 25px; }