@charset "utf-8";
/* 
* author: DX.Lin
* http://www.openwbs.com/
* OpenWBS v4.0
*/

a.more{ position:absolute; top:0px; right:0px; z-index:2;}
a.more{ color:#efefef; display:inline-block; font-size:12px; height:35px; line-height:35px; padding-right:5px;}
a.more:hover{ color:#efefef; text-decoration:none;}


.left-section{ float:left; padding:0px 0px; width:745px;}
.right-section{ float:left; padding:0px 0px 0px 0px; width:255px;}



.slide_tw{ width: 345px; height:285px; margin:0px 0px 20px 0px; overflow:hidden; zoom:1; background: white; font: 12px/1.5 Verdana, Geneva, sans-serif;}

.FocusPic_tw{zoom:1;position:relative; overflow:hidden}
.FocusPic_tw .content_tw{overflow:hidden}
.FocusPic_tw .changeDiv a{position:absolute;top:0px;left:0px;display:none;}
.FocusPic_tw .title-bg{position:absolute;left:0px;bottom:0; text-align:left;width:100%;height:30px;line-height:30px;overflow:hidden;}
.FocusPic_tw .title{position:absolute;left:0px; bottom:0; text-align:left; height:30px;line-height:30px; overflow:hidden;}
.FocusPic_tw .title-bg{background:#000;filter:alpha(opacity=50);opacity:0.5;}
.FocusPic_tw .title a{display:block;padding-left:10px;color:#fefefe; font-size:14px;position:relative;width:220px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.FocusPic_tw .title a:hover{ color:#fefefe; text-decoration:none;}
.FocusPic_tw .change{bottom:4px;height:20px;right:3px;*right:5px;_right:4px;position:absolute;text-align:right;z-index:9999;}
.FocusPic_tw .change i {background:#888686;color:#fefefe;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.FocusPic_tw .change i.cur {background:#428ad4;}




.left_box{ float:left; margin:20px 0 0 0; width:345px;}
.right_box{ float:left; margin:20px 0 0 10px; width:380px;}





/*.l_small_Box{ width:345px; text-align:left; margin:0 0 20px 0; border:1px solid #ddd; border-top:#428ad4 solid 3px;}
.l_small_Box .hd{ height:35px; line-height:35px; background:#d5dde5; padding:0 10px 0 0px; position:relative; border-bottom:1px solid #ddd;}
.l_small_Box .hd ul{ position:absolute; top:0px; left:0px; height:36px; background:#f8f8f8; border-right:1px solid #ddd;}
.l_small_Box .hd ul li { float:left; padding:0 15px; cursor:pointer; color:#1561af;}
.l_small_Box .hd ul li a{ color:#1561af; text-decoration:none;}
.l_small_Box .hd ul li a:hover{ }
.l_small_Box .bd ul{ padding:10px 15px; zoom:1; height:228px; overflow:hidden;}
.l_small_Box .bd li{ height:38px; line-height:38px;}
.l_small_Box .bd li a:hover{ color:#1561af; text-decoration:none;}
.l_small_Box .bd li:last-child{ border-bottom:none;}
.l_small_Box .bd li .date{ float:right; color:#818181;}

.l_small_Box .bd .area { padding-left:5px;}
.l_small_Box .bd .area a { text-decoration:none;}
.l_small_Box .bd .area a:hover{ color:#1561af; text-decoration:none;}



.r_small_Box{ width:380px; text-align:left; margin:0 0 20px 0; border:1px solid #ddd; border-top:#428ad4 solid 3px;}
.r_small_Box .hd{ height:35px; line-height:35px; background:#d5dde5; position:relative; border-bottom:1px solid #ddd;}
.r_small_Box .hd ul{ position:absolute; top:0px; left:0px; height:36px; background:#f8f8f8; border-right:1px solid #ddd;}
.r_small_Box .hd ul li { float:left; padding:0 15px; cursor:pointer; color:#1561af;}
.r_small_Box .bd ul{ padding:10px 15px; zoom:1; height:228px; overflow:hidden;}
.r_small_Box .bd li{ height:38px; line-height:38px;}
.r_small_Box .bd li a:hover{ text-decoration:none;}
.r_small_Box .bd li:last-child{ border-bottom:none;}
.r_small_Box .bd li .date{ float:right; color:#818181;}
*/


.l_small_Box{ width:345px; text-align:left; margin:0 0 20px 0;}
.l_small_Box .hd{ height:35px; line-height:35px; background:#256ab0; padding:0 10px 0 0px; position:relative; border-bottom:1px solid #ddd;}
.l_small_Box .hd ul{ position:absolute; top:0px; left:0px; height:35px; background:#256ab0; }
.l_small_Box .hd ul li { float:left; padding:0 15px; cursor:pointer; color:#1561af; color:#f8f8f8;}
.l_small_Box .hd ul li a{ color:#fff; text-decoration:none;}
.l_small_Box .hd ul li a:hover{ }
.l_small_Box .bd ul{ padding:10px 15px; zoom:1; height:228px; border:1px solid #ddd; border-top:#ddd solid 0px; overflow:hidden;}
.l_small_Box .bd li{ height:38px; line-height:38px;}
	.l_small_Box .bd li a:hover {
		color: #1561af;
		text-decoration: none;
	}
.l_small_Box .bd li:last-child{ border-bottom:none;}
.l_small_Box .bd li .date{ float:right; color:#818181;}

.l_small_Box .bd .area { padding-left:5px;}
.l_small_Box .bd .area a { text-decoration:none;}
.l_small_Box .bd .area a:hover{ color:#1561af; text-decoration:none;}



.r_small_Box{ width:380px; text-align:left; margin:0 0 20px 0; }
.r_small_Box .hd{ height:35px; line-height:35px; background:#256ab0; position:relative; border-bottom:1px solid #ddd;}
.r_small_Box .hd ul{ position:absolute; top:0px; left:0px; height:35px; background:#256ab0;}
.r_small_Box .hd ul li { float:left; padding:0 15px; cursor:pointer; color:#f8f8f8;}
.r_small_Box .bd ul{ padding:10px 15px; zoom:1; height:228px; border:1px solid #ddd; border-top:#ddd solid 0px; overflow:hidden;}
.r_small_Box .bd li{ height:38px; line-height:38px;}
.r_small_Box .bd li a:hover{ text-decoration:none;}
.r_small_Box .bd li:last-child{ border-bottom:none;}
.r_small_Box .bd li .date{ float:right; color:#818181;}



.xxts{ width:380px;  text-align:left; margin:0 0 20px 0;}
.xxts .hd{ height:35px; line-height:35px; background:#256ab0; position:relative; border-bottom:1px solid #ddd;}
.xxts .hd ul{ float:left; position:absolute; top:0px; height:35px; background:#256ab0;}
.xxts .hd ul li { float:left; padding:0 15px; cursor:pointer; color:#f8f8f8;}

.xxts .bd ul{ padding:10px 15px; zoom:1; border:1px solid #ddd; border-top:#ddd solid 0px; overflow:hidden;}
.xxts .bd li{ height:38px; line-height:38px;}
.xxts .bd li a:hover{ text-decoration:none;}
.xxts .bd li span{ float:right; color:#999;}


.testUl{ width:100%; height:248px; overflow:hidden;}
.testUl ul{ margin:0;}
.testUl li{ list-style:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.testUl li a{ text-decoration:none;}
.testUl li a:hover{ text-decoration:underline;}
.testUl li span{ display:none;} 



.box_right{ border: #ffcb93 solid 1px;border-top:0;}
.box_right .cat_1{border-top: #ffcb93 solid 1px;}
.box_right .cat_1 .tit{ height:35px; line-height:35px; font-size:15px; border-bottom:#e9f1f9 solid 1px; padding-left:9px; font-weight:bold; color:#3a3a3a}
.box_right .cat_1 .tit .more{color: #c3c3c3; font-weight: normal;font-size: 12px;}       
.box_right .cat_1 .tit .cat_tit_ico{ margin-top: 10px;}

.box_right .cat_1 .lr_box{padding:5px 11px; }

.box_right .cat_1 .lr_pic dt{line-height: 22px;}
.box_right .cat_1 .lr_pic dd{ line-height: 22px;}
.box_right .cat_1 .lr_pic dd.img{ float: left;width:130px; padding:5px 5px 5px 0;}
.box_right .cat_1 .lr_pic dt a{ font-size: 13px; color:#3e3e3e}
.box_right .cat_1 .lr_pic dd{ font-size: 12px; color: #939393}

.box_right .cat_1 .lr_txt2 ul{margin:0;}
.box_right .cat_1 .lr_txt2 li{ height:35px; line-height:35px; border-bottom:#cccccc dashed 1px;}
.box_right .cat_1 .lr_txt2 li:last-child{ border-bottom:none;}
.box_right .cat_1 .lr_txt2 a{ font-size: 13px;color:#636363;}
.box_right .cat_1 .lr_txt2 a:hover{ color:#ff6400; text-decoration:none;}
.box_right .cat_1 .lr_txt2 .date{ float:right; color:#999;}
.box_right .cat_1 .lr_txt2 .i{ float:left; color:#999; margin:0 5px 0 0; }


.cat_tit_ico{background:url("../images/cat_tit_ico.png")/*tpa=http://web162.86669999.net/dedecms51/images/cat_tit_ico.png*/ 0 -0px no-repeat; width: 4px; height: 15px; display: inline-block; margin: 12px 8px 0 0; float:left;}

.circle {
font-size:10px;
color:#FFFFFF;
padding:1px 5px;
border-radius: 10px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 10px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 10px; /* Webkit浏览器的私有属性 */ 
border-radius: 10px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ 
border:0px solid #01E136;
background-color:#ff6400;
margin:0px 5px 0 0px;
}
.circle2 {
font-size:10px;
color:#FFFFFF;
padding:1px 5px;
border-radius: 10px; /* 所有角都使用半径为5px的圆角，此属性为CSS3标准属性 */ 
-moz-border-radius: 10px; /* Mozilla浏览器的私有属性 */ 
-webkit-border-radius: 10px; /* Webkit浏览器的私有属性 */ 
border-radius: 10px; /* 四个半径值分别是左上角、右上角、右下角和左下角 */ 
border:0px solid #01E136;
background-color:#ccc;
margin:0px 5px 0 0px;
}




.right_small_Box{ width:255px; text-align:left; margin:20px 0 0 0;}
.right_small_Box .hd{ height:35px; line-height:35px; background:#256ab0; padding:0 10px 0 0px; border-bottom:1px solid #ddd; position:relative;}
.right_small_Box .hd ul{ position:absolute; top:0px; left:0px; height:35px; background:#256ab0;}
.right_small_Box .hd ul li { float:left; padding:0 15px; cursor:pointer; color:#f8f8f8;}
.right_small_Box .hd ul li a{ color:#1561af; text-decoration:none;}
.right_small_Box .hd ul li a:hover{ }
.right_small_Box .bd ul{ padding:10px 15px; zoom:1; height:228px; border:1px solid #ddd; border-top:#ddd solid 0px; overflow:hidden;}
.right_small_Box .bd li{ height:38px; line-height:38px;}
.right_small_Box .bd li a:hover{ text-decoration:none;}
.right_small_Box .bd li:last-child{ border-bottom:none;}
.right_small_Box .bd li .date{ float:right; color:#818181;}


.slideGroup{ width:1000px; margin:0px auto; border:1px solid #ddd; border-top:#256ab0 solid 3px; overflow:hidden;}
.slideGroup .slidename{ height:35px; line-height:35px; background:#efefef; padding:0 10px 0 0px; position:relative; border-bottom:1px solid #ddd;}
.slideGroup .slidename ul{ position:absolute; top:0px; height:36px; background:#f8f8f8;}
.slideGroup .slidename ul li { float:left; padding:0 15px; cursor:pointer; color:#1561af; border-right:1px solid #ddd;}
.slideGroup .slidename ul li a{ color:#1561af; text-decoration:none;}
.slideGroup .slidename ul li a:hover{ }

.slideGroup .slideBox{ width:900px; zoom:1; padding:20px 50px 20px 50px; position:relative; overflow:hidden;}
.slideGroup .sPrev{ position:absolute; left:5px; top:40px; display:block; width:40px; height:100px; line-height:100px; text-align:center; background:url("../images/icoleft.gif")/*tpa=http://web162.86669999.net/dedecms51/images/icoleft.gif*/ center center no-repeat;}
.slideGroup .sNext{ position:absolute; left:auto; right:5px; top:40px; display:block; width:40px; height:100px; line-height:100px; text-align:center; background:url("../images/icoleft.gif")/*tpa=http://web162.86669999.net/dedecms51/images/icoleft.gif*/ center center no-repeat;}
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60; }
.slideGroup .slideBox ul{ width:900px; min-height:150px; zoom:1; overflow:hidden;}
.slideGroup .slideBox ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;}
.slideGroup .slideBox ul li .pic{ text-align:center;}
.slideGroup .slideBox ul li .pic img{ width:202px; height:130px; display:block; border:#ddd 1px solid;}
.slideGroup .slideBox ul li .pic a:hover img{ border-color:#999;}
.slideGroup .slideBox ul li .title{ height:24px; line-height:24px; font-size:12px; text-align:center;}








.slideTxtBox{ width:1000px; border:1px solid #ddd; border-top:3px solid #256ab0; text-align:left; margin:0px 0px 20px 0px; overflow:hidden;}
.slideTxtBox .hd{ height:35px; line-height:35px; background:#efefef; padding:0 15px 0 15px; position:relative; border-bottom:1px solid #ddd;}
.slideTxtBox .hd ul{ float:left; width:100%; position:absolute; left:0px; top:0px;}
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; font-size:14px; height:36px; border-right:1px solid #ddd;}
.slideTxtBox .hd ul li.on{ height:36px; background:#f8f8f8; border-bottom:2px solid #f8f8f8; color:#1561af;}
/*.slideTxtBox .bd ul{ padding:15px; zoom:1; background:#FFF; height:167px;}
.slideTxtBox .bd li{ height:28px; line-height:28px; border-bottom:#ededed 1px dashed; }
.slideTxtBox .bd li .date{ float:right; color:#999;  }*/

.slideTxtBox .bd ul{ padding:15px 15px 0px 15px; zoom:1; background:#f8f8f8; min-height:80px; overflow:hidden;}
.slideTxtBox .bd li{ float:left; height:24px; line-height:24px; margin-right:30px; margin-bottom:15px;} 
.slideTxtBox .bd li a:hover { color:#000; text-decoration:none;}









/*   ---------------------------------------------------------    */











/*产品*/
.ow-idx-product { background:#fff; padding:50px 0px;}
.ow-idx-product h2.header { font-size:32px; font-weight:normal; height:24px; line-height:24px; padding:0px 0px 25px 0px; text-align:center;}
.ow-idx-product .cates{}
.ow-idx-product .cates ul{ padding:10px 0px; zoom:1; overflow:auto; text-align:center;}
.ow-idx-product .cates ul li{ display:inline; padding:0px 5px;}
.ow-idx-product .cates ul li a{ background-color:#fff; border:1px solid #e6e6e6; display:inline-block; font-size:16px; height:24px; line-height:24px; padding:8px 30px;}
.ow-idx-product .cates ul li a:hover{ background-color:#2993df; border-color:#2993df; color:#fff; text-decoration:none;}
ul.ow-idx-product-list{ padding:20px 0px 0px 0px; zoom:1; overflow:auto; }
ul.ow-idx-product-list li{ float:left; margin:0px 25px 35px 0px; width:280px; position:relative;}
ul.ow-idx-product-list li.li4,
ul.ow-idx-product-list li.li8,
ul.ow-idx-product-list li.li12,
ul.ow-idx-product-list li.li16{ margin-right:0px;}
ul.ow-idx-product-list li .thumb a{ background-color:#fff; border:1px solid #e6e6e6; display:block; height:172px; width:278px; text-align:center; overflow:hidden;}
ul.ow-idx-product-list li .thumb a img{ height:168px; width:274px; padding:2px;}
ul.ow-idx-product-list li .thumb a:hover img{ transform:scale(1.06,1.06); transition-duration:500ms; transition-timing-function:ease-out; }
ul.ow-idx-product-list li h3{ font-size:16px; font-weight:normal; height:24px; line-height:24px; padding:18px 0px 10px 0px; overflow:hidden; text-align:center;}
ul.ow-idx-product-list li h3 a,
ul.ow-idx-product-list li h3 a:visited{ color:#222;}
ul.ow-idx-product-list li h3 a:hover{ color:#fc0000; text-decoration:none;}
ul.ow-idx-product-list li .subtitle{ color:#555; font-size:14px; line-height:150%; text-align:center;}

/*更多*/
.ow-idx-more{ font-size:20px; text-align:center; padding:10px 0px 0px 0px;}
.ow-idx-more a{}
.ow-idx-more a:hover{}

/*案例*/
.ow-idx-case{ background:#33363f; padding:50px 0px;}
.ow-idx-case .header{ padding:0px 0px 40px 0px; text-align:center;}
.ow-idx-case .header .title{ color:#fff; font-size:32px; font-weight:normal;}
.ow-idx-case .header .summary{ color:#fff; font-size:18px;}
.ow-idx-case .section{ position:relative; }
.ow-idx-case .section .case-wrapper{ height:290px; overflow:hidden; position:relative; top:0px; left:0px; width:1200px;}
.ow-idx-case .section ul.caselist{ overflow:hidden; position:absolute; left:0px; top:0px; width:1200px; z-index:1;}
.ow-idx-case .section ul.caselist li{ float:left; width:280px; margin-right:25px; margin-bottom:0px; position:relative; vertical-align:top; -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1);}
.ow-idx-case .section ul.caselist .thumb{ background-color:#eee; height:172px; width:280px; text-align:center; overflow:hidden;}
.ow-idx-case .section ul.caselist .thumb img{ height:172px; width:280px;}
.ow-idx-case .section ul.caselist .info{ background-color:#fff; height:90px; padding:15px 15px 10px 15px;}
.ow-idx-case .section ul.caselist .info .title{ color:#222; font-size:18px; font-weight:normal; height:24px; line-height:24px; overflow:hidden; text-align:center;}
.ow-idx-case .section ul.caselist .info .subtitle{ color:#888; font-size:14px; height:44px; line-height:22px; overflow:hidden; padding-top:8px; text-align:center;}
.ow-idx-case .section ul.caselist a{ display:block;}
.ow-idx-case .section ul.caselist a:visited{}
.ow-idx-case .section ul.caselist a:hover{ color:#c60000; text-decoration:none;}
.ow-idx-case .section ul.caselist a:hover .title{ color:#c60000;}
.ow-idx-case .section ul.caselist a:hover .thumb img{ transform:scale(1.06,1.06); transition-duration:500ms; transition-timing-function:ease-out;}
.ow-idx-case .prev{ background:url("../images/pic-player-pre-next.png")/*tpa=http://web162.86669999.net/dedecms51/images/pic-player-pre-next.png*/ 0px 0px no-repeat; position:absolute; z-index:2; height:40px; width:32px; left:-60px; top:110px; cursor:pointer;}
.ow-idx-case .prev:hover{ background-position:0px -40px;}
.ow-idx-case .next{ background:url("../images/pic-player-pre-next.png")/*tpa=http://web162.86669999.net/dedecms51/images/pic-player-pre-next.png*/ -32px 0px no-repeat; position:absolute; z-index:2; height:40px; width:32px; right:-60px; top:110px; cursor:pointer;}
.ow-idx-case .next:hover{ background-position:-32px -40px;}
.ow-idx-case .ow-idx-more{ margin-top:30px;}
.ow-idx-case .ow-idx-more a{ color:#fff;}


/*新闻*/
.ow-idx-news{ background-color:#e6e6e6; padding:40px 0px;}
.ow-idx-news h2.header { font-size:32px; font-weight:normal; height:24px; line-height:24px; padding:0px 0px 25px 0px; text-align:center;}
.ow-idx-news .cates{}
.ow-idx-news .cates ul{ padding:10px 0px; zoom:1; overflow:auto; text-align:center;}
.ow-idx-news .cates ul li{ display:inline; padding:0px 5px;}
.ow-idx-news .cates ul li a{ background-color:#fff; border:1px solid #d6d6d6; display:inline-block; font-size:16px; height:24px; line-height:24px; padding:8px 30px;}
.ow-idx-news .cates ul li a:hover{ background-color:#2993df; border-color:#2993df; color:#fff; text-decoration:none;}
.ow-idx-news .section{ padding:20px 0px 0px 2px; zoom:1; overflow:auto;}
.ow-idx-news .section ul{ padding:0px;}
.ow-idx-news .section ul li{ background-color:#fff; float:left; height:330px; width:280px; margin-bottom:25px; margin-right:25px; position:relative; -webkit-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); -moz-box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1); box-shadow:0px 0px 2px 1px rgba(0,0,0,0.1);}
.ow-idx-news .section ul li.li4,
.ow-idx-news .section ul li.li8{ margin-right:0px;}
.ow-idx-news .section ul li .thumb a{ display:block; height:172px; width:280px; text-align:center; overflow:hidden;}
.ow-idx-news .section ul li .thumb a img{ height:172px; width:280px; }
.ow-idx-news .section ul li .title{ font-size:16px; font-weight:normal; max-height:56px; line-height:28px; overflow:hidden; padding:8px 12px 0px 12px;}
.ow-idx-news .section ul li .title a,
.ow-idx-news .section ul li .title a:visited{ color:#222;}
.ow-idx-news .section ul li .title a:hover{ text-decoration:none;}
.ow-idx-news .section ul li .summary{ color:#888; font-size:14px; max-height:48px; line-height:24px; margin:5px 0px 0px 0px; overflow:hidden; padding:0px 12px;}
.ow-idx-news .section ul li .datetime{ color:#888; font-size:12px; margin-top:5px; padding:0px 12px;}
.ow-idx-news .section ul li:hover a,
.ow-idx-news .section ul li:hover a:visited{ color:#e60000;}
.ow-idx-news .section ul li:hover .summary{ color:#444;}
.ow-idx-news .section ul li:hover img{ transform:scale(1.06,1.06); transition-duration:500ms; transition-timing-function:ease-out; }

/*友情链接*/
.ow-flinks { border:1px solid #facd96; margin:10px auto; padding:10px 10px;}
.ow-flinks .section{ line-height:24px;}
.ow-flinks span{ color:#666; font-weight:bold; margin-right:12px;}
.ow-flinks a{ margin:0px 12px 0px 0px; white-space:nowrap;}
.ow-flinks a,
.ow-flinks a:visited{ color:#888;}
.ow-flinks a:hover { color:#222; text-decoration:none;}