@charset "utf-8";
/* CSS Document */
body{ font-family:Arial, Helvetica, sans-serif}
.wrapper{ width:960px; margin:0 auto}
a{ text-decoration:none;transition: all 0.3s ease 0s}
*:link, *:visited, *:hover, *:active, *:focus , * {
-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
transition: color .20s linear, background-color .20s linear, border-color .20s linear;
}

h1,h2,h3,h4,h5,h6{ font-family:Microsoft JhengHei}
header {width:960px; height:90px; margin:0 auto; position:relative; overflow:visible}
header h1{ width:108px; height:50px; display:block; position:absolute; left:10px; top:20px; z-index:8010}
h1 a { display:block; width:100%; height:100%; text-indent:-9999px; background:url(../image/layout/logo.png); overflow:hidden}
#toolbar{ position:absolute; top:13px; right:13px;display:block}
#toolbar li { display:block; float:left; height:24px; line-height:24px; text-align:center; margin-left:38px}
#toolbar li select{ padding: 2px 5px}
#toolbar .searchicon{display: none;}
#toolbar li a { text-decoration:none; color:#999; font-size:12px;}
.searchicon input{ border:1px solid #E8E8E8; background:url(../image/layout/search_icon.png) 9px center no-repeat; padding:0 0 0 35px; height:22px; line-height:22px; width:75px; color:#999; font-size:12px}
nav{width:960px; height:54px; padding:36px 0 0}
#menu * { transition: none;-moz-transition: none;-webkit-transition: none;-ms-transition: none;-o-webkit-transition: none;}
#menu {	z-index:1000; visibility:hidden; width:960px; height:54px} 
.dropmenu {	width:960px; padding:0; position:relative; height:32px; }
.dropmenu a { text-decoration:none}
.dropmenu .root-item { zoom:1; width:110px; height:54px; line-height:54px; overflow:visible; vertical-align:middle; float:left; font-size:13px;}
.root-item:first-child{ padding-left:335px}
.dropmenu .root-item:first-child+li+li{ width:123px}
.dropmenu .root-item:first-child+li+li+li{ width:172px}
.dropmenu .root-name { display:block; z-index:1001; cursor:pointer; text-align:center}
.dropmenu .root-name span {	display: block;	height:54px; line-height:54px; color:#333; text-align:center}
.dropmenu .active .root-name { color:#00ABC0;}
.dropmenu .active .root-name span {	color:#00ABC0;background:url(../image/layout/menu_bg.gif) bottom center repeat-x }
.dropmenu .root-item #on span{color:#00ABC0}
.dropmenu .no-sub .root-name span {	color:#666; }
.dropmenu .sub-list { overflow: hidden; width: 960px;}
.dropmenu .active .sub-list { visibility: visible; top:54px; border-width:0 1px; border-color:#EFEFEF; border-style:solid; padding:0; width:960px}
.sub-menu {z-index: 1000; position:absolute; visibility: hidden; color:#61646E;	font-size:15px; left:0; height:230px;text-align: center;}
.prlink{width: 320px;margin: 0;padding: 0; display: block;float: left;}
.sub-menu .nnmeun{ width:160px; margin:0 10px; display:block; text-align:center; line-height:100%;float: left;}
.nnmeun .nntit{ display:block; width:100%; font-size:15px; color:#000; border-bottom:2px solid #ccc; padding:0 0 9px; margin-bottom:7px; height: 15px;}
.nnmeun .nnname{ margin-bottom:3px; padding:5px 0; font-size:13px; color:#666}
.sub-menu .ovcut{ float:right; padding-top:18px; text-align:left;}
.ovname{ font-size:20px; color:#333; line-height:120%; padding-bottom:5px}
.sub-menu ul .ovdes{ color:#2071C5; font-size:12px; font-style:italic; font-family:Arial, Helvetica, sans-serif; line-height:150%}
.dropmenu .active .section-1{background:url(../image/layout/pr_me_bg.jpg) no-repeat}
.dropmenu .active .section-2 {background:url(../image/layout/mgra_bg.jpg) top center no-repeat #fff; padding:23px 30px 10px 20px; width:910px }
.dropmenu .active .section-3 {}
.dropmenu .active .section-4 {  }
.dropmenu .active .section-5 { }
.dropmenu .active .section-6 { }
.dropmenu .active .section-7 { }
.sub-menu ul { overflow:hidden; padding:10px 0 0 0; display:inline-block}
.sub-menu ul li { display:block; overflow:hidden; margin: 0;}
.pimg{ height:60px;padding: 30px 0 0;}
.sub-menu a ul li{color:#000; text-transform:uppercase}
.prname{ line-height:1; padding:0; margin:0}
.sub-menu ul li a { color:#000}
.sub-menu ul a{ color:#000}
.sub-menu ul li a:hover { color:#0074DB}
.sub-menu ul li.title { color:#002652; font-size:15px; font-weight:bold; padding:0 0 10px 0; margin:0; border-bottom:1px solid #CCC; width:100%}
.menu-wide { width:240px;}
.menu-wide li { width:220px;}
.menu-max { width:400px;}
.menu-max li { width:380px;}
.menu-product { width:180px;}
.menu-product li { width:160px;}
#menu .shortcut-new { width:820px; float:left; }
#menu .shortcut-new li { margin:0 0 0 35px; float:left; overflow:hidden; padding:0; width:170px;}
#menu .shortcut-new li a span { display:block; overflow:hidden; width:100%; text-align:center; font-size:12px;}
#menu .shortcut-new li a span:first-child { height:180px; margin-bottom:10px;} 
#menu .shortcut-new li a span img { display:block; height:180px; width:auto; margin:0 auto}
#menu .shortcut-big { width:680px; float:right; }
#menu .shortcut-big li { margin:0; float:left; overflow:hidden; padding:0; width:315px;}
#menu .shortcut-big li:first-child { margin-right:50px}
#menu .shortcut-big li a span { display:block; overflow:hidden; width:100%; text-align:center; font-size:12px;}
#menu .shortcut-big li a span:first-child { height:175px; margin-bottom:15px;} 
.breadcrumb{ font-size:70%; position:absolute;top:15px ; right:20px}
.breadcrumbs-list{}
.breadcrumbs-list li{ float:left; display:block; background-image:url(../image/layout/bline.png); background-repeat:no-repeat; background-size:8px 9px; padding:0 0px 0 20px; background-position: 5px 2px; color:#0FB1C4}
.breadcrumbs-list li a{color:#ccc}
.breadcrumbs-list .first{text-indent: -9999px;background-image:url(../image/layout/index.png); background-repeat:no-repeat; background-size:10px 10px; width:10px; height:10px; padding:0; background-position:0 0}
.breadcrumbs-list .first a{ display:block; width:10px; height:10px}
.breadcrumbs-list .last a{ color:#ccc}
#collection {height: 340px;margin: 0 auto;overflow: visible; padding: 0;position: relative; width: 960px;}
#dot { display:block; height:30px; position:absolute; right:30px; top:300px; z-index:600; padding:0 0 0 10px;}
#dot a { display:block; width:33px; height:30px; float:left; overflow:hidden; background-color:rgba(255,255,255,0)}
#dot a span { display:block; text-indent:-9999px; width:4px; height:4px; border-radius:3px; border:1px solid #FFF; background-color:#FFF; margin:12px auto;transition: all 0.3s;
     -moz-transition: all 0.2s;
     -webkit-transition: all 0.2s;
     -ms-transition: all 0.2s;
     -o-webkit-transition: all 0.2s; }
#dot a:hover span { width:10px; height:10px; border-radius:6px; background:none; margin:9px auto}
#dot a.current span { width:10px; height:10px; border-radius:6px; background:none; margin:9px auto}
#slide { width:960px; height:340px; overflow:hidden; float:left}
#slide li { display:block; overflow:hidden; text-decoration:none; position:absolute; width:960px; height:340px; left:0; top:0}
#slide li a { display:block; height:100%; width:100%}
.icotain{width:960px; margin:0 auto; overflow:hidden}
.icut{ width:280px; float:left; padding:30px 40px 8px 0}
.cutone{ width:280px; height:70px; overflow:hidden; display:block; margin:0 0 37px}
.ipic{ width:125px; height:70px; display:block; float:left; padding:0 15px 0 0}
.ictit{ float:left; color:#000; font-size:13px; line-height:140%; width:140px; display:block; padding:0 0 5px}
a:hover .ictit{color:#0094ED}
a:hover .icdes{color:#666}
.icdes{ font-size:12px; color:#9E9E9E; line-height:160%; display:block; width:140px;height:34px; overflow:hidden; float:left}
.inews{ width:353px; float:left; overflow:hidden; position:relative; margin:22px 0 0}
.inews h2{ display:block; height:36px; line-height:36px; width:353px; background:url(../image/index/inews_bg.jpg) bottom left no-repeat}
.imore{ font-size:12px; color:#00ABC0; position:absolute; background:url(../image/index/inarrow.png) 0 2px no-repeat; left:294px;top:14px; padding:0 0 0 10px}
.inlink{ border-top:1px dotted #CDCDCD; display:block}
.inlink:first-child{border-top:none}
.ineone{ display:table; padding:14px 0 10px; overflow:hidden; height:38px}
.ineone li{ display:table-cell}
.ndate{ font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif; width:99px}
.intit{ font-size:12px; line-height:200%; color:#666}
a:hover .intit{ color:#000}
.indexSlide{margin:0 auto;position:relative;}
.indexSlide .slide{height:340px;overflow:hidden;}
.indexSlide .slide div{}
.indexSlide .slide div img{width: 100%;height: auto;}
.indexSlide .slide a.pre, .indexSlide .slide a.next{ display:none}
.indexSlide .slide:hover a{opacity:0.8;filter:alpha(opacity=90);}
.indexSlide .slide .pre{background:url(../img/arrow3-1.png) no-repeat left center;left:0;}
.indexSlide .slide .next{background:url(../img/arrow3-2.png) no-repeat right center;right:0;}
.indexSlide .slick-dots{bottom:10px;}
#topic .slick-dots,#topic .slick-dots li{ display: none;}
.indexSlide .slick-dots li button:before{color:#FFF;font-size:15px;text-shadow:0 0 5px rgba(0,0,0,0.8);}
.indexSlide .slick-dots li.slick-active button:before{color:#FFF;opacity:0.9;filter:alpha(opacity=90);}
#ipro{ width:248px;float:left; border:1px solid #01ABC1; margin:25px 0 0 37px}
.iprname{ position:absolute; width:230px; height:40px;top:129px; left:0; background:#01ABC1; color:#fff; font-size:18px; z-index:999; text-align:center; padding:10px 10px}
#ipro .slide{ height:180px}
#ipro .slide div a{ padding:5px; display:block; position:relative}
#ipro .slick-dots{ bottom:0}
#ipro .slick-dots li button::before{color:#99CFFF}
#ipro .slick-dots li.slick-active button::before{ color:#004F95; opacity:1}
footer,#footer{ width:960px; margin:0 auto; border-top:1px solid #EAEAEA; overflow:hidden; background:url(../image/layout/footer_bg.jpg) top center no-repeat; float:left }
.flink{ float:left}
.flink li{ float:left;padding:20px 27px 20px 0;font-size:13px; color:#666}
.flink li a{ font-size:13px; color:#666}
.copy{ float:right; color:#666; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding:18px 0 0; line-height:160%; text-align:right}
.webdesign{ color:#666;}
.webdesign a{ color:#666}
#footer ul{display: block;float: left;padding: 20px 0; font-size:12px; color:#666}
#footer ul a{ color:#666}
#footer .info {margin: 0 55px 0 0;width: 530px;padding:20px 0 70px 110px; display:block; background:url(../image/layout/qr-code.jpg) 0 20px no-repeat}
#footer .copyright {width: 270px;}

/*news*/
.banner{ width:960px; height:50px; overflow:hidden}
.localnav { width:960px; height:50px; line-height:50px; background:#F9F9F9; padding:0; font-size:13px; color:#666; border-bottom:1px solid #e8e8e8}
.localnav-links {float: right; padding:0 20px 0 0}
.localnav-links > li {float: left; padding:0 22px; display:block; background:url(../image/layout/nn_bot.png) left center no-repeat}
.localnav-links > li:first-child{ background:none}
.localnav-links > li > a{ color:#777; padding:5px}
.localnav-links > li:hover{border-bottom: 2px solid #52B4E1;}
.localnav-links > .current{border-bottom: 2px solid #1182EA}
.localnav-links > .current > a{ color:#000}
.newlist,.finlist,.report, .infolist, .drivlist{ width:100%; overflow:hidden; margin-bottom:60px; position:relative}
.nltit{ font-size:30px; color:#000; text-align:center; padding:50px 0 20px }
.tabselect{ min-width:270px;height:28px; line-height:28px; font-family:Arial, Helvetica, sans-serif; background:none; border:none}
.sebg{ width:250px;border:1px solid #E8E8E8; overflow:hidden; background:url(../image/layout/select.png) right center no-repeat; margin:0 0 10px; float:left}
.unit{ float:right; font-size:12px; padding:15px 10px 0 0; color:#999}
.spec {display: block; float: left;margin:0;overflow: hidden;text-align: center; width:100%;}
.per-spec{ text-align:center}
.spec ul{ float: left;line-height: 100%;width:100%; display:table}
.per-spec tr{}
.spec li {margin: 0 0 1px 1px; display:table-cell; line-height:120%; padding:12px 0; font-size:13px; border-width: 0 0 1px 1px; border-style:solid; border-color:#fff}
.per-spec th,.per-spec td{line-height:120%; padding:12px 0; font-size:13px;border-width:0 1px 1px 0; border-color:#fff;border-style:solid}
.spec th{line-height:120%; padding:12px 0; font-size:13px}
.spec span { float: left; padding: 5px;}
.spec .title li{background: #00bcf2;color: #fff;}
.per-spec .title th{background: #00bcf2;color: #fff;}
.title th{background: #00bcf2}
.spec .title li:nth-child(1), .per-spec th:nth-child(1){background: #0095ee;}
.spec .info li,.per-spec .info td{ background: #f9f9f9; color: #666;transition: background 0.3s ease 0s;}
.spec .blue li{ background:#EFF8FF}
.spec .info li:nth-child(1),.info td:nth-child(1){background: #EFEFEF;color: #000; font-weight:bold}
.spec .blue li:nth-child(1){ background:#D2EBFF}
.info td:nth-child(1) a{ color:#000}
.info:hover td:nth-child(1) a{ color:#fff}
.spec .info:hover li,.per-spec .info:hover td{background: #adadad; color: #fff;}
.newlist .spec .title li:nth-child(1), .newlist .spec .info li:nth-child(1){ width:190px}
.newlist .spec .title li:nth-child(2), .newlist .spec .info li:nth-child(2){ width:768px}
.nedetail{ width:100%; display:block; overflow:hidden; position:relative}
.nedetail .ndtit{ text-align:center; font-size:25px; line-height:140%; width:90%; display:block; margin:70px auto 10px }
.nedate{ font-size:70%; text-align:center; width:100%; color:#193485;margin:0 auto 50px}
.edit{ width:90%; margin:0 auto 70px; color:#666; overflow:hidden}
.edit .up { background-color: #005198; height: 45px;line-height: 45px;opacity: 1;position: fixed; text-align: center;top: 0; left:0;width: 100%;z-index: 5500;}
.up a{ display:inline-block; padding:0 10px; margin:0 20px; font-size:14px; color:#7AEEFE}
.up .selected{ color:#fff}
.service {position: relative; z-index: 999}
.service nav{ display:none; width:100%; text-align:center; padding:0}
.up nav {display: block;}
#abedit{width:100%}
.edit p{ line-height:200%; font-size:13px}
.edit h6{ font-size:16px; line-height:180%}
.edit h5{ font-size:18px; line-height:160%}
.edit h4{ font-size:20px; line-height:140%; color:#01ABC2; padding-bottom:10px}
.edit h3{ font-size:22px; line-height:120%}
.edit h2{ font-size:24px; line-height:120%; color:#333; padding:20px 0 15px}
.edit h1{ font-size:25px; line-height:110%}
.center{ text-align:center; width:100%; float:left}
.ebox{ width:596px; margin:40px auto 0; overflow:hidden}
.abone{ display:block; width:184px; height:143px; text-align:center; background:url(../../smarteditupfiles/chinese/about/1-2box.png) no-repeat; float:left; margin:0 7px; padding:50px 0 0 }
.abone > .num{ font-size:22px; font-style:italic; font-family:"Times New Roman", Times, serif; color:#000; padding-bottom:15px}
.abone h3{ font-size:22px; color:#015198}
.abone > .en{ font-size:80%; color:#2696FC}
/*about*/
.abbanner{ width:960px; height:300px; position:relative; float:left}
.abbanner h1{ position:absolute; top:75px; left:77px; font-size:30px; color:#000 }
.abbanner p{ font-size:13px; line-height:180%; color:#333; width:300px; position:absolute; left:80px;top:125px}
.aball{ width:960px; overflow:hidden; background:url(../image/about/line.png) repeat}
.aball a{display:block}
.aitem:hover{ background:#F1F0F5; transition: all 0.3s ease 0s;}
.aitem:hover .aipic{ opacity:0.2; transition: all 0.3s ease 0s; width:120%}
.aitem:hover .aipic img{ width:101%;transition: all 0.3s ease 0s}
.aitem{ width:318px; height:168px; display:block; position:relative; margin:1px; float:left; overflow:hidden}
.aitem .aipic{ width:100%; height:100%}
.attit{ font-size:15px; position:absolute;top:40px; left:27px; color:#000}
.atdes{ position:absolute;top:70px; left:27px; font-size:12px; line-height:160%; width:180px; color:#8A8A8A}
.abspc th{ background:#F9F9F9;}
.abspc{ margin:0 auto}
.abspc a{ color:#1182ea}
.abspc th{ padding:15px 0 15px 60px; font-size:15px; color:#000; font-family:Microsoft JhengHei}
.abspc th,.abspc td{text-align:left}
.abtec01,.abtec02{padding:2px;margin:35px 0 0}
.abtec01{  background:url(../../smarteditupfiles/chinese/about/line01.jpg) top center no-repeat;color:#999}
.abtec02{ background:url(../../smarteditupfiles/chinese/about/line02.jpg) top center no-repeat; color:#666}
.abspc td{ font-size:12px; line-height:160%; border-bottom:1px solid #F0F0F0; padding:15px 0 15px 60px}
.green{ color:#01ABC2;}
.mname{ color:#000}
.hrlink{ width:520px; margin:5px auto; overflow:hidden; text-align:center}
.hrlink li{height:36px;display: inline; margin:0 12px}
.hrlink li a{ padding:0 15px ; height:30px; display:inline-block; border:1px solid #005198; border-radius:10px; text-align:center; line-height:30px; font-size:13px; color:#666}
.hrlink .on a,.hrlink li a:hover{ background:#005198; color:#fff}
.aul{ width:610px; margin:20px auto 90px; padding-left:30px; overflow:hidden}
.epoint{ float:left; text-align:left; font-size:12px; line-height:200%}
.epoint:first-child{ width:325px; margin-right:30px}
.epoint:first-child+ul{ width:255px}
.epoint li{ padding:0 0 0 20px; background:url(../../smarteditupfiles/chinese/about/point.gif)0 5px no-repeat; margin-bottom:7px}
.triangle{ margin:28px 0 0 30px; width:760px; background:url(../../smarteditupfiles/chinese/about/2-2.jpg) top center no-repeat ; height:123px; float:left; padding:65px 66px 0}
.triangle ul{ width:190px; text-align:center; float:left; color:#fff}
.triangle .num{ font-family:"Times New Roman", Times, serif; font-size:22px; font-style:italic; padding-bottom:8px}
.triangle .hao h5{letter-spacing:-1px}
.css_table {display:table; width:710px; margin:0 auto}
.css_tr{display: table-row;}
.css_td,.css_th{display: table-cell; vertical-align:top}
.css_th{ font-size:30px; color:#000; padding:55px 0 0}
.css_td{ font-size:12px; line-height:200%; color:#666; width:300px; padding:50px 33px 0px 10px}
.circle{ display:table; width:757px; margin:65px auto 40px}
.circle li{ color:#005198; font-size:16px; line-height:130%;display:table-cell; float:left; width:157px; height:110px; text-align:center; padding:47px 16px 0; background:url(../../smarteditupfiles/chinese/about/2-3.jpg) top center no-repeat; line-height:130%}
.edit .joh1{ font-size:35px; color:#2696FC; font-style:italic; color:#2696FC; padding:315px 0 5px}
.job_btn{ width:282px; margin:0 auto 120px; overflow:hidden;}
.job_btn .sent{ float:left; width:125px; margin:0 8px; height:30px; line-height:30px}
.history{ width:843px; padding:5px 0 0; background:url(../../smarteditupfiles/chinese/about/line03.jpg) top center no-repeat; margin:40px auto 0}
.history table{}
.history tr:nth-of-type(2n+1),.history .attec tr:nth-of-type(2n){ background:#F9F9F9}
.history .attec tr:nth-of-type(2n+1){ background:#FFF}
.history th,.history td{ border-bottom:1px dotted #ccc; vertical-align:central; text-align:left}
.history th{ font-size:35px; color:#01ABC2; font-style:italic; padding:18px 100px 18px 150px; width:78px }
.history td{ font-size:12px; color:#666; line-height:150%}
.history td ul{ margin: 32px 0 7px}
.history td ul li{ padding-bottom:17px}
.mpic{ float:left; padding:0 60px 0 0}
.location{ margin:65px auto 0; width:870px; padding:0 0 30px 30px; overflow:hidden; border-bottom:1px dotted #ccc}
.lotit h2{ padding:12px 0 27px; font-size:26px}
.map,.ltel,.lfax{ font-size:15px; color:#666; padding:0 0 24px 550px}
.map{ background:url(../../smarteditupfiles/chinese/contact/map.png) 526px 0px no-repeat; line-height:120%}
.ltel{ background:url(../../smarteditupfiles/chinese/contact/tel.png) 526px 0 no-repeat}
.lfax{ background:url(../../smarteditupfiles/chinese/contact/fax.png) 526px 0 no-repeat}
.llink a{ width:129px; height:34px; border:1px solid #0095EF; color:#005198; font-size:15px; text-align:center; line-height:34px; display:block; float:left; margin:2px 0 0}
.llink a:hover{ background:#0095EF; color:#fff}
.abdetail{ position:relative}
/*IR*/
.irbanner{ width:960px; height:260px; overflow:hidden; position:relative}
.irbanner h1{ font-size:25px; color:#fff; position:absolute; top:78px; left:96px;}
.irbanner h1 span{ font-size:50px; color:#50A7F5}
.irbanner p{ font-size:13px; color:#DDE6F0; line-height:140%; position:absolute; top:140px; left:96px; width:260px;}
.irallitem{ width:960px; min-height:210px; margin:1px auto 0; background:url(../image/ir/ovgr_bg.jpg) top no-repeat}
.irtem{ width:230px; height:135px; display:block; float:left; margin:0 5px 0 6px; overflow:hidden; position:relative}
.irtem: first-chilld{ margin-left:0}
.irtit{ top:39px; color:#0094ED; font-size:14px; position:absolute}
.irdes{ position:absolute; top:73px; font-size:13px; line-height:140%; color:#858585; width:130px; height:52px; overflow:hidden}
.irinfo{ width:187px; height:167px; display:block; background:url(../image/ir/info_bg.png); float:right; margin:14px 0 0; padding:8px 19px 0 29px}
.irinfo .fotiti{ height:33px; line-height:33px; font-size:14px; color:#fff; border-bottom:1px solid #42A8DD}
.inarrow,.intel,.inmail{color:#C7DEF8;font-size:13px;padding:5px 0 5px 20px}
.inarrow{ background:url(../image/ir/ir_arrow.png) left center no-repeat; }
.intel{ background:url(../image/ir/ir_tel.png) 0 5px no-repeat}
.inmail{ background:url(../image/ir/ir_mail.png) left center no-repeat}
.back_btn{ background:#17A8FF; width:140px; height:40px; text-align:center; display:block; line-height:40px; color:#fff; margin:0 auto 70px}
.back_btn:hover{ background:#0063C6}
.nedetail .edit{ margin-bottom:40px}
.finlist .spec li{ width:191px}
#qurlist .spec .info li+li{ padding:8px 0}
.dowone{ width:170px; height:130px; display:block; overflow:hidden; text-align:center; float:left; padding:30px 0 0 0}
.report{ width:934px; margin:0 auto 60px; position:relative}
.report .breadcrumb{ right:0px}
.report ul{ margin:0 8px 30px}
.report a+a{ margin-left:1px}
.ryear{ padding-bottom:35px}
.ryear h3{ color:#fff; font-size:35px; margin-bottom:15px; border-bottom:1px solid #CCC; display:inline-block; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif}
.ryear span{ color:#fff; font-size:15px;}
.dowbtn{ display:block; text-align:center; background:#fff; width:80px; height:25px; line-height:25px; color:#666; margin:0 auto; font-size:12px}
a:hover .ryear{ color:#57ABF7}
a:hover .dowbtn{ background:#57ABF7; color:#fff}
.report .nltit{ margin-bottom:40px}
.infolist .spec{ display:table} 
.infolist .spec ul{ display:table-row; float:none}
.infolist .spec ul li{float:none}
.spec .info:hover li a{color:#FFF}
.infolist .spec ul li a{ color:#666}
.infolist .spec ul li a:hover{ text-decoration:underline}
.infolist .spec .title li:nth-child(2),.infolist .spec .info li:nth-child(2){ border-width:0 1px; border-color:#fff; border-style:solid; line-height:140%}
.drivlist .spec .title li{ width:136px; padding:0; vertical-align:middle; height:35px; line-height:35px}
.drivlist .spec .title li:nth-child(1){width:138px; vertical-align:middle }
.spec .cbig{border-bottom:1px solid #fff; padding:12px 0; width:273px}
.spec .csio, .spec .csia{float:left; padding:12px 0;width:136px;}
.csio{ border-right:1px solid #fff}
.drivlist .spec .info li{ width:136px}
.drivlist .spec .info li:nth-child(1){ width:138px}
.link{ padding-left:25px; background-size:12px 12px; color:#0095EE; background-image:url(../image/ir/link.png); background-position:left center; background-repeat:no-repeat}
/*contact*/
.contact{ width:960px; margin:0 auto; background:url(../image/contact/bg.jpg) right bottom no-repeat; float:left; padding-bottom:80px; position:relative}
.contact .nltit{ margin-bottom:40px}
.coleft{ width:470px; float:left; overflow:hidden; margin:0 30px 0 45px}
#sentok{ width:70%; margin:0 15%; text-align:center}
#sentok .sent{ margin:20px auto 50px; width:200px}
.coleft h2{ color:#193385; font-size:20px; margin-bottom:15px}
.coleft p{ font-size:12px; line-height:200%; color:#666; margin-bottom:10px}
.conform { font-size:13px}
.conform li{ margin-bottom:11px}
.conform select,.conform input,.conform textarea{ border:5px solid #E8E8E8; color:#9E9E9E }
.conform input{ height:26px; line-height:26px; padding:0 5px}
.conform select{width:424px; padding:5px 5px 6px; color:#9E9E9E}
.name,.com{ width:185px;}
.name{ margin:0 10px 0 0}
.noe input,.conform textarea{ width:403px}
.conform textarea{ height:48px; padding:5px; font-size:13px}
.sent{ width:120px; height:39px; line-height:39px; display:block; color:#fff; background:#009BF3; text-align:center; font-size:13px}
.sent:hover{ background:#49CBB1}
.cright{ float:left; width:312px; height:252px; background:url(../image/contact/right_bg.png) no-repeat; padding:58px 0 0 30px; margin:93px 0 0}
.cright h2{ font-size:20px; color:#193385; padding-bottom:20px}
.cright li{ font-size:13px;  color:#666; line-height:200%}
/*pro*/
.promenu{width: 300px; height:100%; text-align:center}
.proban{ width:960px; height:320px; position:relative}
.proban h1{ font-size:30px; color:#000; position:absolute; display:block; background:url(../image/pro/blueline.gif) top left no-repeat;top:97px; left:38px; padding:17px 0 0}
.proban p{ color:#555556; line-height:140%; font-size:13px; position:absolute; width:409px; top:161px; left:40px}
.proex,.wirov{ width:100%}
.prone{ width:191px; float:left; display:block; height:215px; border-width:1px 1px 0 0; border-color:#EBEBEB; border-style:solid; text-align:center}
.prone a{ display:block; width:191px; height:215px}
.mtit{color:#000; line-height:120%; font-size:18px; padding:40px 0 15px;font-family:"微软雅黑","黑体","Verdana"}
.mdes{ color: #666;
    display: block;
    font-size: 13px;
    height: 20px;
    line-height: 140%;
    padding: 0 15px;}
.prone:hover{ background:#F4F3F7}
.prone:nth-of-type(4n+1){ border-left:1px solid #EBEBEB; width:190px}
.mulist{ width:100%; margin-bottom:50px; overflow:hidden; min-height:400px; position:relative}
.mulist h1{ font-size:20px; text-align:center; width:100%; display:block; float:left; padding:85px 0 15px; font-weight:bold}
.mulist p{ font-size:13px; line-height:140%; color:#666; width:456px; margin:0 auto; text-align:center; padding-bottom:54px}
.mulg{ width:630px; margin:0 auto; text-align:center}
.mulg li{ display:inline-block}
.mulg a{ display:inline-block; width:190px; height:150px; line-height:150px; overflow:hidden; background:#EFEFEF; text-align:center; font-size:18px; color:#333; margin:0 8px}
.mulg a:hover{ background:url(../image/pro/blue_bg.jpg) no-repeat; color:#fff}
.muone{ width:795px; margin:0 0 25px 80px; display:block; border-top:2px solid #1182EA; background:#EDEDED; float:left}
.mupic{ float:left; padding:0 23px 0 0; background:url(../image/pro/mon_gray.png) right top no-repeat}
.mupic img{ float:left}
.motit{ font-size:16px; color:#000; padding:38px 25px 17px 10px}
.mudes{ font-size:13px; line-height:140%; color:#666; padding:0 25px 0 10px}
.muone:hover{ background:#01ABC1}
a:hover .motit{ color:#FFF}
a:hover .mudes{ color:#FFF}
.pro{ width:100%; float:left; position:relative;padding-bottom: 40px;}
.prpic{ float:right; padding:45px 0 40px; width:400px; height:315px; overflow:hidden}
.pro h1{ font-size:20px; color:#000; font-weight:bold; padding:60px 0 15px}
.pro h2{ width: 100%; float:left; font-size:18px; padding-bottom:15px; font-weight:bold}
.pro p{ font-size:13px; line-height:140%; color:#666; padding-bottom:40px}
.mcspc{ width:100%; overflow:hidden; float:left; margin-bottom:40px}
.touspec{ width:100px; font-size:13px; float:left}
.touspec td,.touspec th{ margin:0 0 1px; text-align:center;}
.touspec td{ height:35px; line-height:35px; background:#EFEFEF; font-size:12px}
.touspec td a{ color:#000}
.touspec td a:hover{ color:#0095ee}
.touspec th{background:#0095EE; color:#fff}
.torspec th{ background:#00bcf2 ; color:#fff}
.form{}
.mcspc .content{ font-size:13px;}
.ftd{ display:table-cell}
.mcspc .content  th{ background:#00bcf2 ; color:#fff; height:60px}
.mcspc .content .ram .th1{ height:30px; border-bottom:1px solid #fff}
.mcspc .content .ram .th2,.mcspc .content .ram .th3{ height:29px; padding:0 5px}
.mcspc .content .ram .th2{border-right:1px solid #fff}
.touspec th{ width:100px}
.torspec{ width:859px; float:left;overflow-x: scroll; font-size:12px}
.torspec table{ float:left; margin-left:1px; text-align:center}
.mcspc .content table{float:left; margin-left:1px; text-align:center; min-width:50px}
.torspec td{background: #f9f9f9 none repeat scroll 0 0;color: #666;transition: background 0.3s ease 0s;border-color: #fff;border-style: solid; border-width: 0 1px 1px 0;font-size: 13px;line-height: 120%; padding: 12px 0; width:250px}
.mcspc .content td{padding:0 3px;background: #f9f9f9 none repeat scroll 0 0;color: #666;transition: background 0.3s ease 0s;border-color: #fff;border-style: solid; border-width: 0 1px 1px 0;font-size: 13px; height:35px; line-height:35px}
.toolov{ width:960px; margin:0 auto; text-align:center; position:relative}
.toolov h1,.rem h1{ width:100%; float:left; text-align:center; font-size:20px; font-weight:bold; padding:87px 0 13px}
.toolov p,.rem p{ font-size:13px; color:#666; line-height:140%; width:500px; margin:0 auto; padding-bottom:52px; text-align:center}
.tolist{ width:750px; margin:0 auto; text-align:center; padding-bottom:50px; overflow:hidden; min-height:150px}
.tolist ul{width:20%; display:inline-block }
.topic{ width:110px; height:110px; overflow: hidden; margin: 0 auto}
.topic img{ width:100%;height: auto}
.tolist ul { font-size:18px; color:#333}
.todes{ padding:10px 0 0}
a:hover .todes{ color:#0095EE}
.todel{ width:100%; overflow:hidden; padding:55px 0 0; position:relative}
.tode{ float:left; padding:0 25px 0 0; width:385px; height:300px; overflow:hidden}
.tode img{width:100%; height:auto}
.totit{ font-size:24px; font-weight:bold;padding:0 20px 15px 0}
.todesm{ font-size:13px; color:#666; line-height:140%; padding:0 20px 0 0}
.dow2{ background:url(../image/pro/dow2.png) 405px 10px no-repeat; padding:10px 0 0 420px;color: #6AB9FF;}
.dow2 a{color: #6AB9FF}
.dow2 a:hover{color: #0095ee}
.dow2 span:before{ content:"、"}
.dow2 span:first-child:before{content:""}
.tospclist{ margin-bottom:50px; overflow:hidden; min-height:150px; position:relative}
#tospec{ margin:45px 0 0}
#tospec .info li:nth-child(1),#tospec .title li:nth-child(1){padding-left:2%; width:55%; text-align:left}
#tospec .info li:nth-child(2),#tospec .title li:nth-child(2){padding-left:2%; width:23%; text-align:left}
#tospec .info li:nth-child(3),#tospec .title li:nth-child(3){ padding:9px 0 10px; text-align:center; width:10.6%}
.rem{ width:100%; margin:0 auto; overflow:hidden; margin-bottom:50px; position:relative}
.rem p{padding-bottom: 66px;}
.reone{ width:180px; float:left;padding:0 30px; text-align:center; color:#333; font-size:13px; line-height:120%;}
.reone +.reone{background:url(../image/pro/re_line.gif) left center no-repeat}
.reone::nth-of-type(1){background:none}
.reone a{color:#333}
.reone:hover a{ color:#1182EA}
.repic{ width:180px; height:140px; overflow:hidden; padding-bottom:20px}
.todh1{ font-size:22px; font-weight:bold; padding-bottom:29px}
#redel{ padding:30px 0 0}
#redel .sebg{ margin-bottom:20px; margin:0 20px 20px 0; float:none}
#redel #nose01{ width:222px;float:left}
#nose01 .tabselect{ width:240px}
#blusline li{ padding:0; height:5px}
.sec_qaleft_content{width:100%;float:left; display:block; border-top:5px solid #0095EE; font-size:13px; margin-bottom:100px; overflow:hidden}
.sec_qabox{width:100%;float:left; display:block; border-top:#FFF 1px solid; padding:0px 0}
.sec_qabox_title{width:940px;float:left; display:block; background:#EFEFEF; padding:10px 0 10px 20px;}
.sec_qabox_title span{ font-size:14px; font-weight:bold; padding:0 15px 0 0}
.sec_qabox_title a{ color:#000}
.sec_qabox_title a:hover{color:#0095EE}
.sec_qabox_text{width:940px;float:left; display:none; background:#F9F9F9;padding:10px 0 10px 20px; color:#666; line-height:160%}
.vieall{ border-top:5px solid #0095EE; overflow:hidden; width:100%; margin-bottom:50px}
.veone{ width:180px; float:left;margin:20px 0 33px 15px; height:185px; overflow:hidden}
.veone:nth-of-type(5n+1){ margin-left:0}
.vetit{ padding:7px 0 12px;}
.vetit a{ font-size:13px; color:#000; line-height:120%; overflow:hidden}
.veone:hover a{ color:#0095EE}
.vedate{ font-size:12px; color:#666}
.appall{ width:925px; margin:0 auto; text-align:center}
.apone{ width:175px; margin: 0 5px; text-align:center; display:inline-block}
.apic{ width:175px; height:210px; overflow:hidden; margin-bottom:15px}
.apic img{ width:100%; height:auto}
.apic:hover img{ transform:scale(1.3);transition: all 0.3s ease-in 0s;} 
.apname{ font-size:15px; color:#333}
a:hover .apname{ color:#1182EA} 
#apmain{ margin-bottom:100px}
#apmain h1{ padding:80px 0 15px}
#apmain P{ padding-bottom:50px}
.app{ width:960px; margin:0 auto; position:relative}
.aph1{ font-size:20px; line-height:120%; font-weight:bold; padding:25px 0 30px}
.apedit{ font-size:13px; color:#666; line-height:180%}
.apedit p{ margin-bottom:20px}
.apedit h1{ font-size:18px; line-height:120%; padding-bottom:15px}
.apedit h2{ font-size:17px; line-height:120%; padding-bottom:15px}
.apedit h3{ font-size:16px; line-height:140%; padding-bottom:10px}
.apedit h4{ font-size:15px; line-height:140%; padding-bottom:10px}
.apedit h5{ font-size:14px; line-height:150%; padding-bottom:10px}
.apedit h6{ font-size:13px; line-height:160%; padding-bottom:10px}
.mmlink{ display:block; width:960px;; margin-bottom:40px; overflow:hidden}
.mmlink li{ float:left}
.mmlink li a{ padding:9px 10px; color:#666; background:#E8E8E8; border-radius:7px; font-size:13px; overflow:hidden; margin:0 7px 10px 0; float:left}
.mmlink li a:hover,.mmlink .on a{ color:#fff; background:#1182EA}
#anh1{ padding-bottom:20px}
#needit{ margin-bottom:20px; overflow:hidden}
.tkpec{ width:960px; overflow:hidden}
.pspc{ width:100%; float:left; margin-bottom:100px}
.wh3{ font-size:20px; color:#fff; line-height:120%}
.dow{ display:block; width:924px; height:43px; line-height:45px; background:url(../image/news/dow.png) 9px center no-repeat #F9F9F9; border:1px solid #E8E8E8; padding-left:34px; font-size:14px; color:#333; font-weight:bold; margin-bottom:30px}
.dow:hover{ color:#6AB9FF}
.wtwo{border-color: #ebebeb;border-style: solid;border-width: 1px 1px 0 0;display: block;float: left;min-height: 211px;width: 439px; padding:45px 20px 0}
.wtit{ font-size:18px; color:#000; line-height:120%; padding-bottom:15px}
.wdes{ font-size:13px; color:#666; line-height:140%; height:90px; overflow:hidden; margin-bottom:10px}
.wtwo:nth-of-type(2n+1){border-left: 1px solid #ebebeb;width: 438px}
.wnlink{ float:left}
.wnlink a{ font-size:13px; color:#01ABC1; display:block; padding:5px 15px; margin:0 20px 0 0; background:url(../image/pro/arrow.png) left center no-repeat}
.wnlink a:hover{ color:#005FB4; background:url(../image/pro/arrow_.png) left center no-repeat}
#wirban h1{top: 77px;}
#wirban p{top: 141px}
.predit{ width:100%; margin-bottom:30px}
.predit > ul{ font-size:13px; color:#666; line-height:140%}
.predit > ul li{ background:url(../image/pro/dot.png) 0 3px no-repeat; padding:0 0 9px 25px}
.econe ul:hover{ background:#F4F3F7}
.econe .wtwo{ border:none}
.econe{border-color: #ebebeb;
    border-style: solid;
    border-width: 1px 1px 0 0; overflow:hidden; float:left}
.econe:nth-of-type(2n+1){ border-left: 1px solid #ebebeb;}
/*SCROLL*/
/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
	width:auto;
	margin-right:30px;
	overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
	margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
	width:16px;
	height:100%;
	top:0;
	right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0; 
	height:auto;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:20px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
	width:2px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
	cursor:pointer;
	width:100%;
	height:30px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	height:100%;
	margin:0 auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
	display:block;
	position:relative;
	height:20px;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
	top:100%;
	margin-top:-40px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
	height:auto;
	margin-right:0;
	margin-bottom:30px;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
	margin-right:0;
	margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
	width:100%;
	height:16px;
	top:auto;
	right:auto;
	bottom:0;
	left:0;
	overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
	margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:7px;
	margin:7px 0;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
	width:30px;
	height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:7px;
	margin:6px auto;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	display:block;
	position:relative;
	width:20px;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	cursor:pointer;
	float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
	margin-left:-40px;
	float:right;
}
.mCustomScrollBox{
	-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}

/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
	opacity:1;
	filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:#DFE1E1;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#fff; /* rgba fallback */
	background:#0095ee;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
	filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
	background-image:url(mCSB_buttons.png);
	background-repeat:no-repeat;
	opacity:0.4;
	filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp{
	background-position:0 0;
	/* 
	sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonDown{
	background-position:0 -20px;
	/* 
	sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:0 -40px;
	/* 
	sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonRight{
	background-position:0 -56px;
	/* 
	sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark) 
	*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
	opacity:0.75;
	filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
	opacity:0.9;
	filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}

/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:5px;
	margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:5px;
	margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-32px 0;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-32px -20px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-40px -40px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-40px -56px;
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:5px;
	margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:5px;
	margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:5px;
	margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
	width:4px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.1);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:6px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
	height:5px;
	margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:6px;
	margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#fff; /* rgba fallback */
	background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:2px;
	background:#000; /* rgba fallback */
	background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
	width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width:100%;
	height:2px;
	margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
	background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
	background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
	background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
	background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
	background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
	background-position:-80px -56px;
}
#topic{ width:380px; height:300px; overflow:hidden; float:left; margin:0 25px 0 0}
#topic.slide{ height:300px}
/*CSR*/
.csrb{ position:absolute;top:185px; left:80px}
.csrb li{ float:left; font-size:12px}
.csrb li a{ display:block; float:left; width:100px; height:30px; line-height:30px; color:#fff; background:#17A8FF; text-align:center; margin:0 12px 0 0}
.csrb li a:hover,.csrb li:first-child a:hover{ background:#49CBB1}
.csrb li:first-child a{ background:#0981EE} 
.csr{ width:960px; overflow:hidden; float:left; vertical-align:top}
.csr ul{ display:block; overflow:hidden; height:340px; width:960px; float:left}
.csr ul li{ float:left; display:block; width:320px; height:170px; overflow:hidden; margin:0; padding:0}
.csr ul li img{ float:left; width:100%; height:auto}
.csr ul li:hover img{transform:scale(1.05);transition: all 0.5s ease-out 0s;}
/*.csr ul li:first-child{ width:320px; height:340px}*/
.csr ul li a{ float:left; display:block}
.repbg{ width:145px; height:145px; background:url(../image/csr/report_bg.png) center center no-repeat}
.repbg a{ width:100px; height:105px; color:#fff; padding:40px 0 0 45px; display:block; font-size:20px; font-family:Arial, Microsoft JhengHei}
.resSlide{margin: 20px auto 40px; width:450px; position: relative; height:165px; padding:0 90px 0; overflow:hidden}
.resSlide .slide div .slick-track{ width:145px; height:145px}
.resSlide .next, .resSlide .pre{width:21px; height:35px; position:absolute;top:49px;cursor: pointer;}
.resSlide .pre{background:url(../image/csr/pre.png); left:-90px}
.resSlide .next{ background:url(../image/csr/next.png);right:-90px}
.firport{ width:100%; text-align:center; margin-bottom:40px}
.firport h1{ font-size:25px; font-family:Arial, Microsoft JhengHei; padding-bottom:25px; color:#333}
.firport p{ font-size:12px; width:415px; margin:0 auto; text-align:center; line-height:140%; color:#666; padding-bottom:30px}
.firport img{ padding:0 10px 25px; background:url(../image/csr/shadow.png) center bottom no-repeat}
.cs1{width: 665px;margin: 0 auto;}
.cs1 .hrlink{margin:10px auto 40px;}
.cs1  p{text-align:center; letter-spacing:-1px}
.cs1 h4{margin-top: 55px;}
.cs1 .abtec02{margin: 0;}
.cs1 .abspc th, .cs1 .abspc td{padding-left: 14px;}
.abspc td b{font-weight:bold;color: #000;}
.cs1 .abspc a{color: #999;}
.cspec th{ text-align:center; padding:25px 0 30px 14px}
.cs1 .cspec th a{padding-left: 20px;color: #000;}
.cim3{ margin:0 40px 0 80px;float: left;}
.cs4{width: 793px;margin: 0 auto;}