@charset "utf-8";
.banner{ width:100%; height:450px; background-color:#16408C; position:relative}
.banner .indexnavbox{width:100%;height:50px; position:absolute; left:0px; top:0px;   background-image:url(../images/2016_nav_bg.png); background-repeat:repeat;}
.indexnav{width: 1180px;height: 50px;margin: 0 auto;}
.indexnav .li{width: 118px;height: 50px;float: left;line-height: 50px;font-size: 14px;color: #FFFFFF;text-align: center;position: relative;}
.indexnav .li a{display: block;}
.indexnav .li .hot{position: absolute;right: 8px;top: 5px;}
.indexnav .li.h{color: #FFF;}
.indexnav .li:hover a,
.indexnav .li.h a{background-image: url(../images/2016_nav_bg.png);background-repeat: repeat;color: #F5FFEC;}
.nav-more{position: absolute;top:40px;left:0;width: 544px;padding:20px 25px;color:#fff;background: url(../images/nav-more-bg.png) repeat 0px 0px;text-align: left;display: none;opacity: 0;z-index: 10;}
.nav-more .nav-more-list{float: left;margin-right: 20px;width: 161px;overflow: hidden;line-height: normal;}
.nav-more .nav-more-list .more-title{padding:0 0 13px 30px;border-bottom: 1px solid #ccc;background: url(../images/nav-more-icon.png) no-repeat 3px 1px;color:#ccc;white-space: nowrap;font-size: 14px;}
.nav-more .nav-more-list ul{padding-top: 5px;}
.nav-more .nav-more-list li{margin-bottom: 13px; margin-top:8px;}
.indexnav .nav-more .nav-more-list a{color:#fff;font-size: 14px;white-space: nowrap;margin-bottom: 3px;display: inline;background-color: transparent;}
.indexnav .nav-more .nav-more-list a:hover{text-decoration: underline;color:#fff;}
#header .nav-more .nav-more-list a{color:#fff;font-size: 14px;white-space: nowrap;margin-bottom: 3px;display: inline;background-color: transparent;}
#header .nav-more .nav-more-list a:hover{text-decoration: underline;color:#fff;background-color: transparent;}

/*����*/
.indexnav .nav-more.single-row{width: 118px;padding:5px 0px;}
.indexnav .nav-more.single-row .single-link{line-height: 40px;text-align: center;color:#fff;}
.indexnav .nav-more.single-row .single-link:hover{text-decoration: none;background-color: #000;color:#66CCFF;}
#header .nav-more.single-row{width: 118px;padding:0;}
#header .nav-more.single-row a.single-link{line-height: 40px;text-align: center;color:#fff;background-color: transparent;}
#header .nav-more.single-row .single-link:hover{text-decoration: none;background-color: #000;color:#66CCFF;}

 
.banner .public_con{width:1180px;height:450px;margin:0 auto;position:relative;*z-index:1;}
.banner .pre_btn,.next_btn{display:block;width:20px;height:38px;z-index:1;background:url(../images/spr.png) no-repeat;position:absolute;top:50%;margin-top:-19px;}
.banner .pre_btn{left:11px;}
.banner .pre_btn:hover{background-position:0 -40px;}
.banner .next_btn{right:311px;background-position:-23px 0;}
.banner .next_btn:hover{background-position:-23px -40px;}
.banner .btn_list{overflow:hidden;height:25px;position:absolute;bottom:20px;left:550px;z-index:1;}
.banner .btn_list li{width:20px;height:20px;float:left;margin-right:10px;}
.banner .btn_list li a{display:block;position:relative;width:20px;height:20px;*height:15px;*border-top:8px dashed transparent;*border-bottom:8px dashed transparent;*background:#fff;overflow:hidden ;opacity:0.5;filter:alpha(opacity=50); text-decoration:none}
.banner .btn_list li a:after{content:"";position:absolute;left:0;top:8px;width:100%;height:10px;background:#fff;}
.banner .btn_list .on a,.btn_list li a:hover{opacity:1;filter:alpha(opacity=100);text-decoration:none;} 

/*banner��ת����*/
.product_list{height:450px;width:100%;position:absolute;top:0;left:0;}
.product_list li{height:450px;width:100%;display:none;position:absolute;left:0;top:0;}
.product_list li.on{display:block;}
.product_list li .main_con{width:1180px;height:450px;margin:0 auto;position:relative;}
.product_list .z_btn{height:100%;width:660px;position:relative;}
.product_list li .banlnk a{display:block;width:660px;height:100%;}

.bannerbox_1{background:url(../banner/banner_1.png) no-repeat; height:450px;}
.bannerbox_1 .t1{ font-size:40px; color:#FFFFFF; padding-top:120px;  margin-left:500px;}
.bannerbox_1 .t1 u{ color:#FFFF99 ; text-decoration:none; padding-left:10px;}
.bannerbox_1 .t2{ font-size:14px; color:#FFFFFF; width:680px; line-height:200%; height:90px; text-indent:2em;  padding-top:20px; margin-left:480px;}
.bannerbox_1 .t2 u{ text-decoration:none}
.bannerbox_1 .t2 strong{ font-weight:normal}
.bannerbox_1 .t2but { padding-top:40px; margin-left:500px;}
.bannerbox_1 .t2but a{ color:#FFFFFF; font-size:18px; float:left;text-decoration:none; width:145px; height:48px; line-height:48px; font-size:18px;text-align:center; display:block;border-radius:48px;margin-right:50px;}
.bannerbox_1 .t2but a.but1{ background-color:#FF6600;}
.bannerbox_1 .t2but a:hover.but1{background-color:#FF7E28; }
.bannerbox_1 .t2but a.but2{  background-color: #B9F700 ; color: #2B5500 }
.bannerbox_1 .t2but a:hover.but2{background-color: #CDFF37}
.bannerbox_1 .t2but a.but3{  background-color: #FFFFFF ; color: #16408C }
.bannerbox_1 .t2but a:hover.but3{background-color: #ECFAFF}


.bannerbox_2{background:url(../banner/banner_2.png) no-repeat; height:450px;}
.bannerbox_2 .txt2{  padding-top:290px; padding-left:450px; color:#FFFFFF; font-size:18px;}
.bannerbox_2 .txt2 .nli{ float:left; height:45px; line-height:25px; width:360px;}
 


.bannerbox_3{background:url(../banner/banner_3.jpg) no-repeat; height:450px;}
.bannerbox_3 .t2but { padding-top:320px; margin-left:905px;}
.bannerbox_3 .t2but a{ color:#FFFFFF; font-size:18px; text-decoration:none; width:161px; height:48px; line-height:48px; font-size:18px;text-align:center; display:block;}
.bannerbox_3 .t2but a.but1{background:url(../images/2016_index_demo_but.gif) no-repeat right top; margin-right:100px;}
.bannerbox_3 .t2but a:hover.but1{background:url(../images/2016_index_demo_but.gif) no-repeat left -60px;}

.bannerbox_4{background:url(../banner/banner4.jpg) no-repeat; height:450px;}

.bannerbox_saas{background:url(../banner/bannerbox_saas.png) no-repeat 0 100px; height:324px;padding-top:126px;}
.bannerbox_saas .t1{ width:563px;height:31px;margin-left:592px;background:url(../banner/bannerbox_saas_t.png) no-repeat;}
.bannerbox_saas .t2{ font-size:18px; color:#FFFFFF; line-height:230%; height:90px;padding-top:30px; margin-left:592px;}
.bannerbox_saas .t2but { padding-top:30px; margin-left:592px;}
.bannerbox_saas .t2but a{ color:#FFFFFF; font-size:18px; float:left;text-decoration:none; width:145px; height:48px; line-height:48px; font-size:18px;text-align:center; display:block;border-radius:48px;}
.bannerbox_saas .t2but a.but3{  background-color: #FFFFFF ; color: #333 }
.bannerbox_saas .t2but a:hover.but3{background-color: #ECFAFF}

.index5_tit{width:1180px;  margin:0 auto;   margin-top:20px;}
.index5_tit .leftt{width:1180px;  margin:0 auto;   margin-top:30px; margin-bottom:50px; text-align:center; font-size:28px;}
.index5_tit .leftt span{ font-size:16px;   color: #FF6600}
 
.index5{width:1200px;  margin:0 auto;  }
.index5 .list{ float:left; width:150px; height:170px;}
.index5 .list .imgbox{ width:60px;margin:0 auto;height:60px  }
.index5 .list .imgbox img{ width:60px; height:60px; border:0px; margin:auto;  ;}
 
.index5 .list .imgtxt{ width:150px;margin:0 auto;height:60px; padding-top:20px; text-align:center;  }

.index0_tit{width:1180px;  margin:0 auto; height:50px; margin-top:30px; margin-bottom:20px; text-align:center; font-size:28px;}
.index0 {width:1200px;  margin:0 auto;}
.index0 .list{ width:400px; float:left; height:300px; background-image:url(../images/index_74cms_1.jpg); background-repeat:no-repeat; background-position:center 0px;}
.index0 .list.a2{ background-image:url(../images/index_74cms_2.jpg);}
.index0 .list.a3{ background-image:url(../images/index_74cms_3.jpg);}
.index0 .list.a4{ background-image:url(../images/index_74cms_4.jpg);}
.index0 .list.a5{ background-image:url(../images/index_74cms_5.jpg);}
.index0 .list.a6{ background-image:url(../images/index_74cms_6.jpg);}
.index0 .list .tit{ height:40px; margin-top:125px; text-align:center; font-size:20px; color:#5B8AAC}
.index0 .list .txt{ line-height:180%; padding-left:30px; padding-right:30px; text-indent:2em;}

.index1_tit{width:1180px;  margin:0 auto; height:50px; margin-top:30px; margin-bottom:20px; text-align:center; font-size:28px;}
.index1 {width:1000px;  margin:0 auto;  height:400px;}
.index1 .list{ width:125px; float:left; height:125px; background-image:url(../images/top_1.png); background-repeat:no-repeat; background-position:center 20px; background-color:#339900;border-radius:100%; position:relative}
.index1 .list.a2{background-image:url(../images/top_2.png);}
.index1 .list.a3{background-image:url(../images/top_3.png);}
.index1 .list.a4{background-image:url(../images/top_4.png);}
.index1 .list .txt{ text-align:center; padding-top:80px; font-size:16px; color:#FFFFFF}
.index1 .list .arrowstxt{ position:absolute; width:25px; height:13px; left:50px; top:140px;background-image:url(../images/arrows1.png);}
.index1 .list .intro{position:absolute;left:0px; top:170px; line-height:190%; font-size:14px; color:#666666; width:200px;}
.index1 .list .intro a{ padding:3px 13px; background-color:#3366CC; font-size:12px; color:#FFFFFF;border-radius:18px;text-decoration:none; margin-top:8px;}
.index1 .list .intro a:hover{ background-color:#2B53A8}
.index1 .list:hover{ background-color:#2B8200}
.index1 .list:hover .intro{ color: #FF6600}
.index1 .arrows{ width:160px; float:left; height:125px; background-image:url(../images/arrows.png); background-repeat:no-repeat; background-position:center center;}
 

 



.index4_tit{width:1180px; margin:0 auto;  }
.index4_tit .leftt{ width:1180px;  margin:0 auto;   margin-top:30px; margin-bottom:50px; text-align:center; font-size:28px;}
.index4_tit .leftt span{ font-size:16px;   color: #FF6600}
 
.index4{width:1220px;  margin:0 auto;  }
.index4 .list{ float:left; width:305px; height:280px;}
.index4 .list .imgbox{ width:263px;margin:0 auto;height:210px; border:1px #F5F5F5 solid; position:relative;border-radius:6px;}
.index4 .list .imgbox:hover{-moz-box-shadow:0px 0px 10px #333333;/*firefox*/-webkit-box-shadow:0px 0px 10px #333333;/*safari��chrome*/box-shadow:0px 0px 10px #333333;/*opera��ie9*/}
.index4 .list .imgbox img{ width:263px; height:210px; border:0px;border-radius:6px;}
.index4 .list .imgbox .showdiv{ width: 263px; height:90px; background-color:#000000; position:absolute; left:0px; bottom:0px; filter: alpha(opacity=50);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);background: rgba(0,0,0,.5);border-bottom-left-radius:6px;border-bottom-right-radius:6px;}
.index4 .list .imgbox .showdiv .t1{ float:left; width:115px; height:30px;   color:#FFFFFF; padding-left:15px; padding-top:10px;}
.index4 .list .imgbox .showdiv .t2{float:left; width:118px;height:30px; color:#FFFFFF; text-align:right; padding-right:15px;padding-top:10px;}
.index4 .list .imgbox .showdiv a.btn{ display:block; width:110px; height:35px; line-height:35px;  text-align:center; color:#FFFFFF; background-color:#FF6600; margin:0 auto;border-radius:6px;}
.index4 .list .imgbox .showdiv a.btn:hover{ background-color:#FF9900}


.index3{width:1180px;  margin:0 auto;  margin-top:20px;}
.index3 .list{ width:408px; float:left; }
.index3 .list.center{width:409px;}
.index3 .list.last{ width:363px; float:left}
.index3 .list .t{ width:363px;}
.index3 .list .t .th{ width:120px; float: left}
.index3 .list .t .more{ width:120px; float: right; text-align:right; font-size:12px; padding-top:5px;}
.index3 .list .imgbox{width:360px; height:96px; border:1px #E1E1E1 solid; margin-top:13px; margin-bottom:8px;}
.index3 .list .imgbox img{ width:348px; height:84px; margin-left:6px; margin-top:6px; border:0px;}
.index3 .list .txtl{ height:25px; line-height:25px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-right:20px;}
.index3 .list .txtl span{ color:#999999; padding-right:12px; font-size:12px;}

.links{width:1180px; margin:0 auto; margin-top:25px;}
.links a{ margin-right:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}