@charset "utf-8";
.ad ul:after ,.ia_box:after ,.icase:after ,.iprosol ul:after ,.iteam:after ,.solutions:after ,.icuents ul:after ,.case:after ,.case ul:after ,.ftop:after ,.recrui ul:after ,.ablist:after ,.cimg:after ,.p_list:after,.case div:after{content:'';display:block;clear:both;height:0;}

h2 { width:364px; height:80px; margin:0 auto; text-indent:-9999px;}
h2.about { background:url(../img/h2_a.png) no-repeat;}
h2.icas { background:url(../img/h2_p.png) no-repeat;}
h2.cuents { background:url(../img/h2_o.png) no-repeat;}
h2.cor { background:url(../img/h2_c.png) no-repeat;}
h2.rec { background:url(../img/h2_r.png) no-repeat;}
h2.con { background:url(../img/h2_co.png) no-repeat;}
h2.case { background:url(../img/h2_ca.png) no-repeat;}
.iabout { padding-top:70px; padding-bottom:50px;}
.ia_box { clear:both; margin-top:20px; display:block;}
.ia_div { text-align:center; margin-bottom:20px;}
.ia_list { border:#e8e8e8 1px solid; background:#f9f9f9; border-radius:4px; padding-top:50px; margin-top:-50px; text-align:center;}
.ia_list i { display:block; margin-bottom:-55px;}
.ia_list b { font-size:18px; font-weight:normal; line-height:42px; color:#232c31;}
.ia_list p { font-size:12px; color:#93a1aa; line-height:20px; height:50px; padding:0 20px;}
.ia_list button { display:none; width:90px; height:28px; line-height:28px; border:none; margin-top:20px; color:#fff; border-radius:3px; cursor:pointer;}
.ia_list button#btn_01 { background:#27c3f8;}
.ia_list button#btn_02 { background:#ff6867;}
.ia_list button#btn_03 { background:#00cccb;}
.ia_list:nth-last-child(1) { margin-right:0;}

.icase { clear:both; background:#f9f9f9; padding-top:70px; padding-bottom:50px; text-align:center;}
.icase ul{ background:url(../img/ip_d.png) 0 70px repeat-x;}
.iclist { position:relative; margin-top:36px;}
.iclist div { margin-bottom:20px;}
.iclist li img { display:inline-block;}
.iclist li b { font-size:14px;}
.iclist li p { color:rgba(255,255,255,0.8); font-size:12px;}
.icbtn { position:absolute; width:1200px;}
.icbtn span { top:50px; height:58px; width:58px; position:absolute; cursor:pointer;}
.icbtn .pre{ left:-78px; background: url(../img/p.png) no-repeat;}
.icbtn .pre:hover{ background: url(../img/p_h.png) no-repeat;}
.icbtn .next{ right:-78px; background: url(../img/n.png) no-repeat;}
.icbtn .next:hover{ background: url(../img/n_h.png) no-repeat;}

.icuents { clear:both; padding-top:70px; padding-bottom:70px;}
.icuents p { display:none;}
.iclogo { border:#f9f9f9 2px solid; border-bottom:#f9f9f9 1px solid; margin-top:30px;}
.iclogo ul { width:100%;}
.iclogo li { line-height:20px; text-align:center; border-bottom:#f9f9f9 1px solid; border-right:#f9f9f9 1px solid; padding:15px;}
.iclogo li:last-of-type { border-right:none;}
.iclogo li img { display:inline-block;}

.in_slides { position:relative; overflow:hidden; height:360px;}
.in_img { position:absolute; height:360px; margin-left:-960px; left:50%;}

.inabout { padding-top:70px; padding-bottom:70px; color:#353c41; font-size:12px; line-height:24px;}
.inabout .inner div { padding-top:30px;}
.inabout p { margin:18px 0; font-size:13px;}
.ablist { padding-top:50px;}
.ablist li{ float:left; width:20%; text-align:center; color:#27c3f8;}
.corporate { height:552px; background:#e9d100; position:relative; padding-top:70px; padding-bottom:60px; text-align:center; }
.corporate .intro { color:#000;padding:32px 260px; position:relative; z-index:2;}
.corporate img { position:absolute; left:0; top:-30px; z-index:1;}

.recrui { padding-top:70px; padding-bottom:60px; font-size:12px; line-height:24px;}
.recrui ul { margin-top:30px;}
.recrui li { float:left; width:14.28% ; text-align:center;}
.recrui li p { display:none;}
.rebox { position:relative; height:340px; clear:both; margin-top:30px; overflow:hidden;}
.relist { position:absolute; height:340px; width:7000px;} 
.rerow { width:500px; float:left;}

.contant { background:#f1f1f1; padding-top:70px; padding-bottom:60px; position:relative;}
.contant img { margin-top:30px;}
.contant p { margin-top:20px; line-height:24px; color:#353c41;}
.contant .map { border:#232c31 3px solid; height:280px;}
.contant .iframe { float:left; border:0; width:597px; height:280px;}

.incase { padding-top:70px; padding-bottom:60px; font-size:12px; line-height:24px;}
.cimg { background:#0e1214; margin-top:30px; padding:3px 3px 2px 2px;}
.cimg a { position:relative; height:198px; overflow:hidden; float:left; margin:0 0 1px 1px; opacity:0.5}
.cimg a p{ position:absolute; display:none; left:0; bottom:0; z-index:2; padding-left:8px; width:100%; height:42px; line-height:42px; background: rgba(0,0,0,0.5); color:#fff; font-size:14px; }
.cimg a.selected { opacity:1;}
.cimg a:hover { opacity:1;}
.cimg a.selected p ,.cimg a:hover p { display:block;}
.incase h3 { font-size:24px; margin:50px 0 20px 0; color:#232c31; font-weight:normal;}
.incase h4 { height:42px; line-height:42px; font-size:20px; border-bottom:#ddd 1px solid; margin:20px 0; color:#232c31; font-weight:normal; padding-left:16px; background:url(../img/d.png) 0 0 no-repeat;}

.product ,.product_01 { font-size:12px; line-height:24px; padding-top:70px; padding-bottom:70px;}
.p_list table {border-spacing:1px;}
.p_list table th{ height:48px; line-height:48px; margin:1px; background:#57c8e7; font-size:20px; color:#fff; text-align:center; font-weight:normal;}
.p_list table td{ background:#57c8e7; line-height:24px; padding:12px 0; color:#fff; font-size:13px; text-align:center;}
.p_list table.red th,.p_list table.red td{ background:#ff7373;}
.p_list table.yel th,.p_list table.yel td{ background:#ffb741;}
.p_list table.blu th,.p_list table.blu td{ background:#1bee79;}
.p_list table.gre th,.p_list table.gre td{ background:#6aca2b;}
.p_list .l { width:30%;}
.p_list .r { width:70%;}
h3 { width:364px; height:80px; margin:0 auto; text-indent:-9999px;}
.product h3.field { background:url(../img/h3_p_01.png) no-repeat;}
.product h3.solu { background: url(../img/h2_s.png) no-repeat;}
.product h3.data { background:url(../img/h3_p_02.png) no-repeat;}
.product h3.prod { background:url(../img/h3_p_03.png) no-repeat;}
.product h3.mb30 { margin-bottom:30px;}
.product_01 h4 { height:60px; font-size:36px;}
.product_01 p { font-size:14px; margin:1.2em 0;}
.p_app { width:100%; display:block; overflow:hidden;}
.p_app .alist{ text-align:center; padding-top:30px;}
.alist img { display:block; margin:0 auto;}
.alist b { display:block; font-size:18px; font-weight:normal; line-height:42px; color:#232c31; text-align:center;}
.alist p { font-size:12px; color:#93a1aa; line-height:20px; height:40px; padding:0 10px;}
.gbg { background:#f9f9f9;}

.solutions ,.case{ font-size:12px; line-height:24px; padding-top:70px; padding-bottom:60px; font-size:12px;}
.solutions h3.prec { background:url(../img/h3_s_01.png) no-repeat;}
.solutions ul { margin-top:30px;}
.solutions li ,.case li { width:283px; float:left; text-align:center; margin-right:20px; background:#fff;}
.solutions li:last-of-type ,.case li:last-of-type { margin-right:0;}
.solutions li b ,.case div b { font-size:18px; font-weight:normal; line-height:42px; color:#232c31; text-align:center; display:block;}
.solutions li p ,.case div p { font-size:12px; color:#93a1aa; line-height:20px; text-align:center;}
.case li p { font-size:12px; color:#93a1aa; line-height:20px; height:56px;}
.case li:hover { border:#27c3f8 1px solid;}
.solutions li img { border-bottom:#f9f9f9 1px solid;}
.solutions li:hover b,.solutions li:hover p ,.case li:hover b ,.case li:hover p{ }
.core h3 ,.core p{ height:0; text-indent:-9999px;}

.case div { height:300px; margin-top:30px;}
.case h3.cas { background:url(../img/h2_c.png) no-repeat;}
.case p { padding:0 15px 20px 15px;}
.ctab { width:600px; margin:0 auto; height:28px; text-align:center; margin-top:30px;}
.ctab span { display:inline-block; margin:0 18px; width:106px; line-height:28px; text-align:center; border-radius:18px; background:#bcbcbc; color:#fff; cursor:pointer;}
.ctab span.selected { background:#27c3f8;}

.case_in { padding-top:70px; padding-bottom:60px; line-height:24px;}
.case_in h2 { font-size:36px; width:auto; text-indent:0; height:auto; padding-bottom:10px;}
.case_in h3 { font-size:24px; width:auto; text-indent:0; height:auto; line-height:46px; padding-top:30px;}
.case_in h4 { font-size:18px; font-weight:normal;}
.case_in strong { clear:both; height:24px; line-height:30px;}
.case_in td { border-bottom:#ddd 1px solid; padding:3px 0;}


.jumbotron:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity:1; padding:0;}