@charset "utf-8";
/* CSS Document */


/*首页*/
/*banner*/
.banner{ min-width:1024px;height:572px;  position:relative; margin:0px auto; _margin-top:0px; overflow:hidden; z-index:1; background:#eee; }
.banner_pre_next{ width:87px!important; height:45px!important; position:absolute; bottom:0px; right:50%; margin-right:-500px; z-index:99;}
.banner_pre_next a { display:block; float:left; width:43px!important; height:45px!important; text-indent:-9999px;  }
.banner_pre_next .banner_btn_left{ background:url(../images/icon01.png) -0px -0px no-repeat;}
.banner_pre_next .banner_btn_right{ background:url(../images/icon01.png) -44px -0px no-repeat;}
.banner_pre_next .banner_btn_left:hover{ background:url(../images/icon01.png) -88px -0px no-repeat; }
.banner_pre_next .banner_btn_right:hover { background:url(../images/icon01.png) -132px -0px no-repeat; }
.yq_banner_list{ position:absolute; bottom:26px; left:50%; margin-left:370px; width:110px; height:21px; z-index:101; }
.yq_banner_list a{ float:left; width:12px; height:12px; _width:12px; _height:12px; margin:0px 8px 0px 0px; padding:0; background:url(../images/icon_01.png) -43px -113px no-repeat; display:block; text-indent:-10000px; }
.yq_banner_list a:hover,.yq_banner_list a.hover{ background-position:-25px -113px; }
.banner_show { width:100%; text-align:center; height:572px; overflow:hidden; position:relative;  }
.banner_show a img { width:1600px; height:572px; }
.bannger_inbox{ position:absolute; left:50%; top:0;}
.banner_mag{width:660px;height:140px;position:absolute;left:50%;top:85px;margin-left:-500px;text-align:left;z-index:99;font-family: "微软雅黑";}
.banner_magbox{width:600px;height:90px;background:url(../images/ico3.png) repeat;text-align:left;padding:25px 30px 35px;}
.banner_magbox h4{ font-size:20px;*font-size:18px; font-weight:bold; color:#fff; margin-bottom:10px; }
.banner_magbox p{font-size:12px;color:#fff;font-weight:normal;margin-bottom:12px;}



#check1{  width:226px; height:245px; position:absolute; bottom:0; left:50%; margin-left:-500px; margin-bottom:-204px; z-index:10000; }
#check2{  width:226px; height:245px; position:absolute; bottom:0; left:50%; margin-left:-248px; margin-bottom:-204px; z-index:10000; }
#check1 h6,#check2 h6{ background:url(../images/icon02.png) no-repeat; height:41px; line-height:41px; padding-left:15px; color:#fff; font-size:15px; font-weight:normal; cursor:pointer; margin:0px; }
#check1 form,#check2 form  { width:196px; height:204px; padding:10px 15px; background:#fff;}
#check1 form label,#check2 form label { width:100%; height:32px; line-height:28px; display:block; font-size:14px; }
#check1 form input,#check2 form input { width:186px; height:28px; line-height:26px; display:inline-block; border:1px solid #6fa0c0; padding:0px 3px; margin-bottom:3px;}
#check1 form .code { display:inline-block; vertical-align:middle; margin-left:5px;}
#check1 a.submit,#check2 a.submit { width:72px; height:29px; line-height:29px; background:#1faff6; border-bottom:1px solid #00619e; display:inline-block; margin:13px 15px 0px 0px; text-align:center; color:#fff; font-size:14px; }
#check1 a.reset,#check2 a.reset { width:72px; height:29px; line-height:29px; background:#a6a6a6; border-bottom:1px solid #00619e; display:inline-block; margin:13px 0px 0px 0px; text-align:center; color:#fff; font-size:14px; }
#check1 .arrow,#check2 .arrow2 { background:url(../images/icon06.png) no-repeat; float:right; width:16px; height:22px; position:relative; top:9px; right:12px; }
#check1 .arrow.down,#check2 .arrow2.down2{ background-position:0px -34px;}
#check1 .arrow.up,#check2 .arrow2.up2{ background-position:0px 0px;}


/*成功案例、解决方案、公司新闻*/
.col1 { width:1000px; height:360px; overflow:hidden; margin:40px auto 0px; _padding-top:10px; }
.col1 .col1_l,.col1 .col1_m { width:323px; height:360px; overflow:hidden;}
.col1 .c1_ttl { width:100%; height:28px; background:url(../images/icon03.png) -27px 2px no-repeat; }
.col1 .c1_ttl h2.ttl1 { width:100px; height:28px; margin-left:25px; display:inline-block; float: left; background:url(../images/ttl.png) -0px -4px no-repeat;}
.col1 .c1_ttl h2.ttl2 { width:100px; height:28px; margin-left:25px; display:inline-block; float: left; background:url(../images/ttl.png) -0px -40px no-repeat;}
.col1 .c1_ttl h2.ttl3 { width:100px; height:28px; margin-left:25px; display:inline-block; float: left; background:url(../images/ttl.png) -0px -76px no-repeat;}
.col1 .c1_ttl .more { width:19px; height:19px; display:inline-block; float:right;  background:url(../images/icon03.png) -0px -0px no-repeat;}

.col1 .c1_ttl2 { width:100%; height:28px; background:url(../images/icon03.png) -27px 2px no-repeat; }
.col1 .c1_ttl2 h2.ttl1 { width:100px; height:28px; margin-left:25px; display:inline-block; background:url(../images/ttl2.png) -0px -4px no-repeat;}
.col1 .c1_ttl2 h2.ttl2 { width:100px; height:28px; margin-left:25px; display:inline-block; background:url(../images/ttl2.png) -0px -40px no-repeat;}
.col1 .c1_ttl2 h2.ttl3 { width:100px; height:28px; margin-left:25px; display:inline-block; background:url(../images/ttl2.png) -0px -76px no-repeat;}
.col1 .c1_ttl2 .more { width:19px; height:19px; display:inline-block; float:right;  background:url(../images/icon03.png) -0px -0px no-repeat;}

.col1_l .col1_list a,.col1_m .col1_list a { width:321px; height:96px; display:block; float:left; margin:6px 0px; border:1px solid #e5e5e5; background:#fff; position:relative;}
.col1_l .col1_list a img,.col1_m .col1_list a img { width:140px; height:96px; border:0px; }
.col1_l .col1_list a em,.col1_m .col1_list a em { width:8px; height:10px; position:absolute; top:45px; left:132px; background:url(../images/i_news.png) no-repeat;}
.col1_l .col1_list a span,.col1_m .col1_list a span { width:151px; height:76px; padding:10px 15px; background:#f1f1f1;}
.col1_l .col1_list a span h3,.col1_m .col1_list a span h3 { width:100%; display:block; color:#137bc0; font-size:13px; line-height:28px; height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.col1_l .col1_list a h3:hover,.col1_m .col1_list a h3:hover { color:#022b54; text-decoration:underline;}
.col1_l .col1_list a span p,.col1_m .col1_list a span p { width:100%; display:block; color:#666; line-height:20px; height:40px; overflow:hidden;}

.col1 .col1_m { margin-left:31px; }

.col1 .col1_r { width:293px; height:370px;}
.col1_r .col1_list2 { margin-top:-5px;}
.col1_r .col1_list2 li { width:293px; height:80px; padding:14px 0px; border-bottom:1px dotted #bdbdbd; display:block;  }
.col1_r .col1_list2 li img { width:116px; height:80px; border:1px solid #e5e5e5; }
.col1_r .col1_list2 li span { width:151px; height:60px; padding:5px 10px 10px 0px; }
.col1_r .col1_list2 li span a { width:100%; display:block; color:#; font-size:13px; line-height:24px; height:28px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#000;}
.col1_r .col1_list2 li span p { width:100%; display:block; color:#666; line-height:20px; height:40px; overflow:hidden;}


/*产品展示、合作伙伴*/
.col2bg { width:100%; height:380px; margin-top:40px; background:url(../images/col2bg.jpg) repeat;}
.col2 { width:1000px; margin:auto; padding:40px 0px 0px;}
.col2 .c2_ttl { width:100%; height:28px; background:url(../images/icon03.png) -27px 2px no-repeat; }
.col2 .c2_ttl2 { width:100%; height:28px; background:url(../images/icon03.png) -27px 2px no-repeat; }
.col2 .c2_ttl h2.ttl4,.col2 .c2_ttl2 h2.ttl4 { width:100px; height:28px; margin-left:25px; display:inline-block; float: left; background:url(../images/ttl.png) -0px -113px no-repeat;}
.col2 .c2_ttl h2.ttl5,.col2 .c2_ttl2 h2.ttl5 { width:100px; height:28px; margin-left:25px; display:inline-block; float: left; background:url(../images/ttl.png) -0px -148px no-repeat;}
.col2 .c2_ttl h2.ttl6,.col2 .c2_ttl2 h2.ttl6 { width:100px; height:28px; margin-left:25px; display:inline-block; float: left; background:url(../images/ttl.png) -0px -183px no-repeat;}
.col2 .c2_ttl .more,.col2 .c2_ttl2 .more { width:19px; height:19px; display:inline-block; float:right;  background:url(../images/icon03.png) -0px -0px no-repeat;}
.col2 .v_show { width:280px; height:254px; }



.col2 .col2_l { width:280px; }

.col2 .col2_m { width:304px; margin-left:45px; }
.col2_m .p_show { width:304px; overflow:hidden; position:relative;}
.col2_m .p_show a { display:block; margin-bottom:6px; }
.boxgrid { width:144px; height:122px; margin:0px 3px; float:left;  background:#fff; border: solid 1px #e5decb; overflow: hidden; position: relative; }
.boxgrid img { width:144px; height:120px; position: absolute; top:0px; left:0px; border: 0; }
.boxcaption{ float:left; position: absolute; background: #000;  height:31px; width:144px; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.boxcaption h3 { width:134px; height:31px; line-height:31px; padding:0px 5px; text-align:center; color:#fff; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.captionfull .boxcaption { top:122px; }

.boxgrid2 { width:295px; height:248px; background:#fff; border:solid 1px #e5decb; overflow:hidden; position:relative; right:0px; top:0px;}
.boxgrid2 img { width:295px; height:248px; position: absolute; top:0px; left:0px; border: 0; }
.boxcaption2 { float:left; position: absolute; background: #000;  height:31px; width:295px; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.boxcaption2 h3 { width:285px; height:31px; line-height:31px; padding:0px 5px; text-align:center; color:#fff; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.captionfull2 .boxcaption2 { top:250px; }

.col2 .col2_r { width:330px; }

#carousel { width:330px; position:relative; overflow:hidden; }
#carousel ul { width:287px; margin:8px auto 0px; }
#carousel li { width:283px; height:213px; background:url(../images/i_coobg.jpg) no-repeat; display: block; float: left; position: relative; margin:2px; }
#carousel li a { width:140px; height:64px; margin:2px 0px 4px 1px; float:left; display:block; position:relative; z-index:1; }
#carousel li a:hover i { position:absolute; width:138px; height:66px; top:-2px; left:-2px; border:3px solid #1faff6; display:block; z-index:99999;}
#carousel li img { width:136px; z-index:2; margin:2px auto 0px; display:block; }
#carousel .prev, #carousel .next { background:url(../images/icon03.png) no-repeat 0 0; text-indent: -999px; display: block; overflow: hidden; width:11px; height:15px; position: absolute; top:105px; }
#carousel .prev { background-position:0px -28px; left:0px; }
#carousel .prev:hover { background-position:0px -45px; left:0px; }			
#carousel .next { background-position:-13px -28px; right:0px; }
#carousel .next:hover { background-position:-13px -45px; right:0px; }				
#carousel .pager { width:60px; text-align: center; margin: 0 auto; }
#carousel .pager a { background:url(../images/icon03.png) no-repeat -16px -64px; text-indent: -999px; display: inline-block; overflow: hidden; width:9px; height:9px; margin:16px 4px 0 4px; }
#carousel .pager a.selected { background:url(../images/icon03.png) no-repeat -1px -64px; }