@charset "utf-8";
/* CSS Document */
.nex_types{ display:none;}
body{ background:#fff!important;}
.wp,#wp{ width:100%;}
/*flash*/
.nexfullSlide{width:100%; min-width:1180px;height:400px; overflow:hidden; position:relative; z-index:2;}
.nexfullSlide .bd{ position:relative; z-index:0;  }
.nexfullSlide .bd ul{ width:100% !important; }
.nexfullSlide .bd li{ width:100% !important;  height:400px; }
.nexfullSlide .bd li .siteWidth{ width:1180px; position:relative;  margin:0 auto;  height:400px;  }
.nexfullSlide .bd li a{ position:absolute; width:100%; height:400px; display:block; z-index:1; }

.nexfullSlide .hd{ width:100%; text-align:center; position:absolute; z-index:5; bottom:30px; left:0; height:30px; line-height:30px;}
.nexfullSlide .hd ul li{ display:inline-block;cursor:pointer;width:47px; height:5px; margin:0 4px; background:rgba(255,255,255,0.6);overflow:hidden; line-height:9999px;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
.nexfullSlide .hd ul .on{ background-color:#32b6ff; background: linear-gradient(-45deg,#32b6ff,#4276ff);}
.nexfullSlide a.prev,.nexfullSlide a.next{ display:block; width:50px; height:50px; position:absolute; top:170px;}
.nexfullSlide a.prev{ left:5%; background:url(left.png) center no-repeat;}
.nexfullSlide a.prev:hover{background:url(left1.png) center no-repeat;}
.nexfullSlide a.next{right:5%; background:url(right.png) center no-repeat;}
.nexfullSlide a.next:hover{background:url(right1.png) center no-repeat;}

.nex_luxian{}
.nex_advanced{ padding:40px 0; width:100%; min-width:1180px;}
.nex_advtops{ text-align:center; margin-bottom:30px;}
.nex_advtops h5{ height:40px; line-height:40px;overflow:hidden; font-size:30px; color:#333; font-weight:400; margin-bottom: 12px;}
.nex_advtops p{  height: 30px; line-height: 30px; font-size: 16px; color: #999; overflow: hidden; text-align: center;}
.nex_advitems{ margin-top:40px;}
.nex_advitems ul{ width:1220px;}
.nex_advitems ul li{ float:left; width:295px; text-align:center;}
.nex_advitems ul li img{ width:68px; height:68px; display:block; margin:0 auto;}
.nex_advitems ul li h5{ height:40px; line-height:40px; margin:10px 0; overflow:hidden; font-size:22px; color:#666; font-weight:500;}
.nex_advitems ul li p{ height:20px; line-height:20px; overflow:hidden; font-size:14px; color:#999;}

.nex_hd_lists{ padding:40px 0; width:100%; min-width:1180px; background:#f6f6f8; position:relative;}
.nex_hd_grids{ margin-top:20px;}
.nex_hd_grids ul{ width:1210px;}
.nex_hd_grids ul li{ float:left; width:380px; margin:0 20px 20px 0;-webkit-transition:all 0.3s linear;-moz-transition:all 0.3s linear;-o-transition:all 0.3s linear;-ms-transition:all 0.3s linear;transition:all 0.3s linear;}
.nex_hd_grids ul li:hover{ box-shadow: 0 5px 15px rgba(45,50,55,.2); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px);}
.nex_hdpicbox{}
.nex_hdpicbox a{ display:block; width:380px; height:220px; position:relative;}
.nex_hdpicbox a img{ width:380px; height:220px;}

.nex_hdbottom{background:#fff; border:1px solid #ededed; border-top:0;}
.nex_hdbtop{ padding:15px; }
.nex_hdbtop h5{ height:25px; line-height:25px; overflow:hidden;}
.nex_hdbtop h5 a{ font-size:18px; color:#333; font-weight:400;}
.nex_hdbtop h5 a:hover{ color:#32b6ff;}
.nex_hdtypes{ height:20px; line-height:20px; margin:10px 0; overflow:hidden; font-size:14px; color:#32b6ff; font-weight:400; }
.nex_hdinfosd{ float:left; width:230px;}
.nex_hdinfosd span{ display:block; height:22px; line-height:22px; overflow:hidden; font-size:12px; color:#999;}
.nex_hdinfosd span.nex_hddidian{ width:228px; padding-left:22px; background:url(place.png) left center no-repeat;text-overflow:ellipsis; white-space:nowrap; }
.nex_hdinfosd span.nex_hdshijian{ width:228px;padding-left:22px; background:url(date.png) left center no-repeat;text-overflow:ellipsis; white-space:nowrap; color:#333;  }
.nex_enterhd{ float:right;}
.nex_enterhd span{ font-size:14px; color:#f40; height:22px; line-height:22px;display:block; font-weight:600; font-family:Microsoft Jhenghei;}
.nex_enterhd em{ display:block; height:22px; line-height:22px;  font-size:12px;color:#333; text-align:right; }
.nex_more_hds{}
.nex_more_hds a{ display:block; width:120px; height:30px; line-height:33px; border-radius:24px; background-color:#32b6ff; background: linear-gradient(-45deg,#32b6ff,#4276ff); color: #fff; font-size:14px;  margin:0 auto; position:relative; text-indent:20px;}
.nex_more_hds a i{ display:block; width:19px; height:5px; background:url(more_gg.png) no-repeat; position:absolute; right:15px; top:14px;}
.nex_more_hds a:hover{ opacity:0.8;}
.nex_hd_trangles{ width:80px; height:40px; background:url(ups.png) no-repeat; position:absolute; left:48%; bottom:0;}
.nex_learnmore{ padding:40px 0;width:100%; min-width:1180px; background:#fff; position:relative;}

.nex_sdfsfd{ margin-bottom:20px;height:25px; line-height:25px; overflow:hidden; font-size:16px; color:#999; font-weight:300;}
.nex_reports{padding:40px 0;width:100%; min-width:1180px; background:url(hd_re.jpg) no-repeat; background-size:cover; background-attachment:fixed; position:relative; z-index:1;}
.nex_reports em{display:block; width:100%; height:100%; min-width:1180px; position:absolute; top:0; left:0; background:url(bgb.png) repeat; z-index:2;}
.nex_advtopsx h5{color:#fff; }
.nex_advtopsx em{ background:url(seps1.png) no-repeat;}
.nex_advtopsx p{ color:#fff; }
.nex_casebx{ margin-top:30px;position:relative; z-index:8;}
.nex_casebx ul{ width:1200px;}
.nex_casebx ul li{ float:left; width:283.75px; background:rgba(255,255,255,0.6);margin:0 15px 15px 0;}
.nex_casepicbx{ width:284.75px; height:200px; position:relative; z-index:1; overflow:hidden;}
.nex_casepicbx img{width:284.75px; height:200px; position:absolute; top:0; left:0; z-index:2;}
.nex_casepicbx i{ display:block;width:284.75px; height:240px; background:rgba(0,0,0,0.6); position:absolute; top:0; left:0; z-index:3;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:0;}
.nex_casepicbx a{ display:block; width:54px; height:54px;border:1px solid #32b6ff; position:absolute; top:75px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:5;}
.nex_casepicbx a.nex_casein{ left:-70px; background:#fff url(en.png) center no-repeat;}
.nex_casepicbx a.nex_sortin{ right:-70px;background:#fff url(sort.png) center no-repeat;}
.nex_casepicbx:hover i{ opacity:1;}
.nex_casepicbx:hover a.nex_casein{ left:75px;}
.nex_casepicbx:hover a.nex_sortin{ right:75px;}
.nex_casebtms{ padding:15px; background:rgba(255,255,255,0.6);}
.nex_casebtms h5{ height:25px; line-height:25px; overflow:hidden; margin-bottom:4px;}
.nex_casebtms h5 a{ font-size:16px; color:#333; font-weight:400;}
.nex_casebtms h5 a:hover{color:#32b6ff;}
.nex_casebtms p{ height:20px; line-height:20px; font-size:12px; color:#999;}
.nex_casebtms p span{ color:#32b6ff; padding-right:5px; font-weight:500;}
.nex_casethy{ height:40px; line-height:40px; background:rgba(255,255,255,0.8); padding:0 15px;}
.nex_casethy span{ display:block; float:left; height:40px; line-height:40px; font-size:12px; color:#999; padding-left:22px; background:url(slider_clock.png) left center no-repeat;}
.nex_casethy em{ display:block; float:right; height:40px; line-height:40px; font-size:12px; color:#999; padding-left:25px; background:url(slider_views.png) left center no-repeat;}
.nex_casebx .prev,.nex_casebx .next{ display:block; position:absolute; top:-50px;  width:20px; height:20px;   }
.nex_casebx .prev{right:30px; background:url(arrow-L.png) center no-repeat}
.nex_casebx .next{ right:0px;background:url(arrow-R.png) center no-repeat}
.nex_casebx .prev:hover{background:url(arrow-L1.png) center no-repeat}
.nex_casebx .next:hover{background:url(arrow-R1.png) center no-repeat}


.nexfooter{ margin-top:0;}