@charset "utf-8";
body{background:#f1f1f1;}
.white_bg{ background:#fff;}

/* home-main */
.home-main{padding:60px 0;}
.home-main .title{font-family:Cutive; font-size:34px; line-height:34px;padding:0 10px; text-align:center;}

/* top_nav */
.top_nav{ background:#fbfbfb;border:1px solid #e8e8e8;}
.top_nav .bt{float:left; background:#fff;border-right:1px solid #e8e8e8; text-align:center;font-family:Cutive; font-size:22px;color:#333; line-height:62px;padding:0 20px;}
.top_nav .link{float:right;padding-right:20px; line-height:62px;}
.top_nav .link a{color:#84c754;}
@media (max-width: 767px) {
	.top_nav .bt{float:none;border-right:none;border-bottom:1px solid #e8e8e8;}
	.top_nav .link{float:none; text-align:center;padding-right:0;}
}

/* sidebar */
.sidebar{float:left;width:18.5%;position:relative; margin-top:0;}
.sidebar .nav{ background:#fff;}
.sidebar .rolltop{top:0;left:50%;position:fixed;width:185px;margin-left:-500px;}
.sidebar .nav li a{display:block;height:34px;color:#333;padding:13px 0 13px 60px; line-height:1.2em;}
.sidebar .nav li a:hover,.sidebar .nav li a.curr{background-color:#84c754; background-position:20px -60px;color:#fff; text-decoration:none;}
.sidebar .nav li .icon-1{background:url(images/side_nav_bg1.png) no-repeat 20px 0;}
.sidebar .nav li .icon-2{background:url(images/side_nav_bg2.png) no-repeat 20px 0;}
.sidebar .nav li .icon-3{background:url(images/side_nav_bg3.png) no-repeat 20px 0;}
.sidebar .nav li .icon-4{background:url(images/side_nav_bg4.png) no-repeat 20px 0;}
.sidebar .nav li .icon-5{background:url(images/side_nav_bg5.png) no-repeat 20px 0;}
@media (max-width: 979px) {
  .sidebar{display:none;}	
}

/* right_box */
.right_box{float:right;width:80%;}
.right_box .title{background:#fbfbfb;border:1px solid #e8e8e8;border-bottom:4px solid #a0d27d;height:44px;line-height:44px; font-size:18px;color:#333;padding-left:20px;}
.right_box .conbox{ background:#fff;}
.right_box .conbox h3{ font-size:16px;}
.right_box .conbox .list h4{color:#333;}
.right_box .conbox .list a{color:#777;}
.right_box .conbox .proitem .pic{float:left;}
.right_box .conbox .proitem .text{padding-left:110px;}
@media (max-width: 767px) {
	.right_box .conbox .proitem .pic{float:none; text-align:center;margin-bottom:10px;}
	.right_box .conbox .proitem .text{padding-left:0;}
}
@media (max-width: 979px) {
	.right_box{float:none;width:auto;}
}

.probox1{float:left;width:60.125%;padding:30px 3% 40px 3%; background:#fcfcfc url(images/peo_bg1.jpg) no-repeat 0 bottom;border-right:1px solid #ededed;}
.probox2{float:right;width:27%;padding:30px 3%;}
.probox3{background:url(images/video_bg2.jpg) no-repeat right bottom;border-top:1px solid #ededed;padding:30px 3%;}
.probox4{padding:30px 3%;}
@media (max-width: 767px) {
	.probox1{float:none;width:auto;padding:30px 3%;border-right:none;}
	.probox2{float:none;width:auto;}
}
@media (max-width: 479px) {
	.probox1{ background:none;}
	.rline{border:none;}
	.probox1{padding:30px 15px;}.probox2{padding:30px 15px;}.probox3{padding:30px 15px;}.probox4{padding:30px 15px;}
}

/* top_title */
.top_title{padding:30px 0 90px 0;}
.top_title .txtbox h2{font-family:Cutive; font-size:24px; line-height:1.6em;}
.top_title .txtbox .dd{padding-right:250px;}
.top_title .txtbox .pic{float:right;margin-top:10px;}
@media (max-width: 767px) {
	.top_title .txtbox .dd{padding-right:0;}
	.top_title .txtbox .pic{display:none;}
}

/* pro_tit */
.pro_tit{display:block;width:auto;height:74px; position:inherit;top:-37px;}
.pro_tit li{float:left;width:50%;}
.pro_tit li a{display:block;background-color:#fbfbfb;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8; font-size:20px;color:#333;height:72px; line-height:72px;padding-left:160px;}
.pro_tit li a:hover{ text-decoration:none; background-color:#84c754;color:#fff;border-top:1px solid #84c754;border-bottom:1px solid #84c754;}
.pro_tit li .video{background-image:url(images/icon_video2.png); background-repeat:no-repeat; background-position:100px 0;border-left:1px solid #e8e8e8; border-radius:5px 0 0 5px;}
.pro_tit li .audio{background-image:url(images/icon_audio.png); background-repeat:no-repeat; background-position:100px 0;border-right:1px solid #e8e8e8; border-radius:0 5px 5px 0;}
.pro_tit li .video:hover{border-left:1px solid #84c754; background-position:100px -72px;}
.pro_tit li .audio:hover{border-right:1px solid #84c754; background-position:100px -72px;}
.pro_tit li.curr .video{background-color:#84c754;color:#fff;border-top:1px solid #84c754;border-bottom:1px solid #84c754;border-left:1px solid #84c754;background-position:100px -72px;}
.pro_tit li.curr .audio{background-color:#84c754;color:#fff;border-top:1px solid #84c754;border-bottom:1px solid #84c754;border-right:1px solid #84c754;background-position:100px -72px;}
@media (max-width: 767px) {
	.pro_tit{display:none;}
}

/* mainbox */
.mainbox1{padding-bottom:80px;}
.mainbox1 h2{ font-size:20px;}
@media (max-width: 767px) {
	.mainbox1{padding-top:20px;}
}

.iconbox{border:1px solid #e8e8e8;padding-bottom:25px;}
.iconbox .item{display:block;float:left; text-align:center;width:15.9%;padding:0 2%;margin-top:25px;}
.iconbox .item dt a{font-size:13px; line-height:1.2em;color:#777;}
@media (max-width: 767px) {
	.iconbox .item{width:46%;}
}

.table1{border-top:1px solid #f0f0f0;border-left:1px solid #f0f0f0;}
.table1 td{border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:10px 20px;}
.table1 th{color:#333; font-weight:bold;padding:10px 0; text-align:center;border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}

.procont{padding:40px 0;}
.procont .pic1{float:left;width:40%;}
.procont .pic2{float:right;width:40%; text-align:right;}
.procont .pic1 img{max-width:100%;}
.procont .pic2 img{max-width:100%;}
.procont .text1{float:right;width:50%;}
.procont .text2{float:left;width:50%;}
.procont h2 a{font-size:20px; line-height:1.2em;}
@media (max-width: 767px) {
	.procont .pic1{float:none;width:auto; text-align:center;}
    .procont .pic2{float:none;width:auto;text-align:center;}
	.procont .text1{float:none;width:auto;margin-top:10px;}
    .procont .text2{float:none;width:auto;margin-top:10px;}
}

.probtm{padding:40px 0;}
.probtm .span{background:#fff;height:370px;}
.probtm h3{ font-size:16px;padding:15px 0 0 15px;}
.probtm .list{padding:15px;}
.probtm .list li{ font-size:13px;}
.probtm .list li a{color:#777;}
.probtm .reviewsroll{padding:15px; position:relative;}
.probtm .reviewsroll .flex-control-paging{position:absolute;bottom:-10px;left:50%;text-align:center;list-style:none;margin-left:-50px;}
.probtm .reviewsroll .flex-control-paging li{margin-right:10px;display:inline-block;*display:inline;  }
.probtm .reviewsroll .flex-control-paging li a{display:inline-block;width:30px; height:8px;cursor:pointer; background:#eee;}
.probtm .reviewsroll .flex-control-paging li a.flex-active{ background:#84c754;} 
.probtm .reviewsroll .flex-prev,.probtm .reviewsroll .flex-next{display:none;}
.probtm .proimg .pic{float:left;}
.probtm .proimg .text{padding-left:80px;}
.probtm .proimg .text h4 a{ font-size:13px; font-weight:bold; line-height:1.3em;}
.probtm .retxt{ background:#f3f3f3;padding:10px; font-size:12px; line-height:1.7em;margin-top:10px;}
.probtm .retxt em{ text-align:right;display:block;}

/*systemProList*/
.systemProList h2,.systemProList h1{ font-size:20px; line-height:23px; font-weight:bold; color:#666; margin:12px 0;background: url(images/btm_t_bg.png) no-repeat 50% 100% ; padding:15px 0 35px;}
.systemProList .span3{ margin-bottom:18px; margin-left:0\9; width:31.29%\9;*width:31.14%; margin-right:2%\9; background:url(images/break_01.png) no-repeat 100% 0;}
.systemProList .span3:nth-of-type(3n){ background:none;}
.systemProList .span3 .img{ float:left; width:28.8%;}
.systemProList .span3 .text{ padding-left:29.2%; }
.systemProList .span3 .text p{margin-right:5px}
.systemProList .span3 h3{ font-size:16px; margin-bottom:5px;}

/*download-center*/
@media (min-width: 479px) and (max-width: 979px) { 
	.systemProList .span3 .img{ float:none; width:auto; text-align:center; padding-right:45px; margin-bottom:10px;}
	.systemProList .span3 .text{ padding-left:0;}
} 
@media (min-width: 479px) and (max-width: 767px){
	.systemProList .span3:nth-of-type(3n){background:url(images/break_01.png) no-repeat 100% 0;}
	.systemProList .span3:nth-of-type(2n){background:none;}
	.download-center .systemProList .span{ width:100%;}
	.download-center .systemProList .span3{ background:none;}
	.download-center .systemProList .span3 .img{ float:left; width:28.8%; padding-right:0;}
	.download-center .systemProList .span3 .text{ padding-left:29.2%;}
}
@media (max-width: 479px){
	.systemProList .span3{ background:none;}
}

/*systemProBtm*/
.systemProBtm{ background:#fafafa; border:1px solid #e7e7e7; padding:20px 2% 5px; width:69%; margin-top:30px;}
.systemProBtm .item { overflow:hidden; margin-bottom:15px;}
.systemProBtm .item .img{ float:left; width:11%;}
.systemProBtm .item .img img{ max-width:100%;}
.systemProBtm .item p{ padding-left:12.5%;} 

.tabList{ padding-top:10px; overflow:hidden;}
.tabList .con{padding:5px 0;border-top:3px solid #ddd; margin:5px 0;}
.tabList .nav{float:left;height:42px;}
.tabList .nav li{display:block;float:left;background:url(images/dwn_nav_bg.png) no-repeat;width:140px;height:40px;text-align:center;font-size:18px;color:#555;line-height:34px;cursor:pointer;margin:0 2px;}
.tabList .nav li.curr{background-position:0 -41px; color:#fff; }
.tabList .item{ padding:15px 2%; overflow:hidden;}
.tabList .item.gray{ background:#f5f5f5;}
.tabList .item .img{ width:10%; float:left;}
.tabList .item .img img{ max-width:100%;}
.tabList .item .text{ width:47%; float:left; margin:0 2%;}
.tabList .item .text h3 a{font-size: 15px;font-weight: normal;color: #333;}
.tabList .item .type{ float:left; width:18%; text-align:center;}
.tabList .item .btn{ float:right; width:18.8%; text-align:center}

@media (max-width: 767px) {
	.tabList .item  .img{ width:23%; margin-right:0;}	 
	.tabList .item  .text{ float:none; width:auto; margin-right:0; padding-left:24%;} 
	.tabList .item  .type{ float:none; width:auto; font-size:12px; line-height:1.7em; margin-top:5px; padding-left:24%; text-align:left; }  
	.tabList .item  .btn{ float:none; width:auto; padding-left:24%;  margin-top:5px; text-align:left;}
}

.proType .proListItem{background:url(images/break-02.png) no-repeat 50% 0; margin-top:20px; padding:35px 0 0; overflow:hidden;}
.proType .proListItem .img{ width:17%; float:left;}
.proType .proListItem .img img{ max-width:100%;}
.proType .proListItem .text{ float:left; width:58%; margin-left:2.5%;}
.proType .proListItem .text h3{ font-size:18px; font-weight:bold; color:#666; margin-bottom:10px;}
.proType .proListItem .text .subTitle{ font-size:16px; margin-bottom:5px;}
.proType .proListItem .btnArea{ float:right; width:160px; padding-top:30px;  }
@media (max-width: 979px) {
	 .proType .proListItem .text{ float:none; padding-left:19%; margin:0; width:auto}
	 .proType .proListItem .btnArea{ float:none; width:auto; padding-top:10px;padding-left:19%; text-align:left; }
}
@media (max-width: 767px) {  
	.proType .proListItem .img{ width:auto; float:none; text-align:center; margin-bottom:20px; display:block; padding-right:20px;}
	.proType .proListItem .text,.proType .proListItem .btnArea{ padding-left:0;}
	.proType .proListItem .btnArea{ text-align:center}
	
}
/*btm-search*/
.btm-search{ background:#f3f3f3; border:1px solid #e3e3e3; padding:8px 0 8px 2%; border-radius:5px;}
.btm-search  input[type='text']{ width:416px; padding:0 10px; height:30px; line-height:30px; border:1px solid #e6e6e6; margin-right:12px;}


@media (max-width: 979px) { 
	.btm-search  input[type='text']{ width:236px; }
} 
@media (max-width: 767px){
	.btm-search span{ display:block; margin-top:5px;}
	.btm-search  input[type='text']{ width:292px; }
	.systemProList h2, .systemProList h1{ background:#888; margin:10px 0; padding:7px 2%; color:#fff; font-weight:normal;}
}
@media (max-width: 479px){
	.btm-search  input[type='text']{ width:147px; }
}
/*proBottom*/
.tabBox{ border:1px solid #dcdee0;background: #f7f7f7; overflow:hidden; margin-top:15px}
.tabBox .nav { float:left; width:16.3%;}
.tabBox .nav li{ background:#70B33C; padding:35px 0; text-align:center; cursor:pointer; color:#fff; font-size:14px; border-bottom:2px solid #e5eaee;}
.tabBox .nav li.curr{background: #f7f7f7;color:#555;}
.tabBox .con{ padding:25px 3% 25px 3% ; overflow:hidden; font-size:12px;}
.tabBox .con .title{ display:block; margin-bottom:10px; font-size:14px;  color:#666}
.tabBox .con .main{ float:left; width:60%; margin-bottom:13px;  }
.tabBox .con .main .img{ float:left; width:27.2%; margin-bottom:12px;}
.tabBox .con .main .img img{ max-width:100%;}
.tabBox .con .main .text{ padding-left:30%; margin-bottom:12px;}
.tabBox .con .main .dot.green{ overflow:hidden}
.tabBox .con .main .dot.green li{ float:left; width:40%; margin-right:2%;}
.tabBox .con .main .dot.green li a{ color:#70B33C}
.tabBox .con .most{ float:right; border-left:1px solid #e8e8e8; padding-left:3%; width:33%}
.tabBox .con .most li a{}
@media (max-width: 767px) {
	.tabBox .nav { float:none; width:auto; overflow:hidden;}
	.tabBox .nav li{width:32%; padding:0; height:60px; border-left:1px solid #fff;display: table-cell; vertical-align: middle;}
}
@media (max-width: 479px) {
	.tabBox .con .main{ float:none; width:auto}
	.tabBox .con .most{ float:none; border-left:none; padding-left:0; width:auto}
}