@charset "utf-8";
*{margin:0; padding:0;}
body{margin:0; padding:0; font-size:13px; font-family:"微软雅黑"; color:#404040;background:url(/uploads/banner/wzbj.jpg) repeat}
a{color:#404040; text-decoration:none;}
a:hover{color:#0078de; text-decoration:underline;}
img{border:0;width:100%;}
ul{list-style-type:none;}
.clear{clear:both;}
.tupian{POSITION: relative; MARGIN-TOP: 15px; WIDTH: 780px; OVERFLOW: hidden; height:510px;}
.tuzuo{BORDER-BOTTOM: #c8c8c8 1px solid; BORDER-LEFT: #c8c8c8 1px solid; WIDTH: 385px; HEIGHT: 385px; BORDER-TOP: #c8c8c8 1px solid; MARGIN-RIGHT: 11px; BORDER-RIGHT: #c8c8c8 1px solid}
.tuyou IMG{BORDER-BOTTOM: #c8c8c8 1px solid; BORDER-LEFT: #c8c8c8 1px solid; MARGIN-TOP: 15px; WIDTH: 80px; MARGIN-BOTTOM: 15px; HEIGHT: 80px; BORDER-TOP: #c8c8c8 1px solid; CURSOR: pointer; BORDER-RIGHT: #c8c8c8 1px solid;} .tuyou IMG:hover{border:1px solid #34beff;}
.tuyou ul a:active{border:#c8c8c8 2px solid;}
#youtu1,#youtu2,#youtu3,#youtu4{PADDING-RIGHT: 18px !important; FLOAT: left; CURSOR: pointer;}
.clear{CLEAR: both}
.youbian{POSITION: absolute; WIDTH: 350px; TOP: 0px; LEFT: 400px}
.biaoti{PADDING-LEFT: 20px; PADDING-RIGHT: 10px; HEIGHT: auto; FONT-SIZE: 16px}
.cpjs{MARGIN-TOP: 20px; PADDING-LEFT: 20px; PADDING-RIGHT: 10px; COLOR: #666; FONT-SIZE: 14px;}
#header{width:100%; height:95px; background:url(../images/header-bg.gif) left top repeat-x;}#header .wrap{width:980px; height:95px; margin:0 auto;}
#header .wrap .z{float:right; margin-top:10px;}
#header .wrap .z a{font-weight: bold;color: #525252;}
#header .wrap .logo{width:600px; height:95px; float:left;}
#header .wrap .phone{width:375px; height:60px; float:right;}
#nav{width:100%; height:45px; background:#06F;margin-top:10px;}
#nav .wrap{width:980px; height:45px; margin:0 auto;}
#nav .wrap ul{width:980px; height:45px; float:left;}
#nav .wrap ul li{width:95px; height:45px; float:left; line-height:45px;  background:url(../images/nav-line.png) no-repeat;}
#nav .wrap ul li a{width:95px; height:45px; float:left; color:#ffffff;text-align:center;font-size:18px; }
#nav .wrap ul li a:hover{color:#464646; text-decoration:none; background:#FFF;}
#nav .wrap .search{width:240px; height:45px; float:right;}
#nav .wrap .search .input{width:191px; height:auto; float:left; padding-top:4px;}
#nav .wrap .search .input input{width:191px; height:20px; line-height:20px; float:left; padding:1px; border:1px solid #eee; color:#666; margin-top:1px;}
#nav .wrap .search .button{width:44px; height:auto; float:right;}
#nav .wrap .search .button .search-button{width:44px; height:35px; float:left; border:0;background:url(../images/search-button.gif) left top no-repeat; cursor:pointer;}
#banner{width:980px; height:auto; margin:0 auto;}
#banner .wrap{width:980px; height:302px; float:left; margin-top:5px;}
#wrap{width:980px; height:auto; margin:0 auto;}
#wrap .row{width:980px; height:auto; float:left; margin-top:10px;}
#wrap .row .left{width:200px; height:auto; float:left;}
#wrap .row .left .category{width:200px; height:auto; float:left;}
#wrap .row .left .category .title{width:190px; color:#FFF; height:30px; line-height:30px; float:left; padding-left:10px; font-size:14px; font-weight:bold;background:url(../images/left-title.gif) left top no-repeat;}
#wrap .row .left .category .content{width:180px; height:auto; float:left; padding:9px; border:1px solid #cdcdcd; border-top:0;}
#wrap .row .left .category .content dl{width:180px; height:auto; float:left; margin-top:5px; border-bottom:1px solid #999;}
#wrap .row .left .category .content dl dt{width:180px; height:22px; line-height:22px; float:left;}
#wrap .row .left .category .content dl dt a{color:#404040; text-decoration:none; font-weight:bold;}
#wrap .row .left .category .content dl dt a:hover{color:#0078de; text-decoration:underline;}
#wrap .row .left .category .content dl dd{width:160px; height:23px; line-height:23px; float:left; padding-left:20px;}
#wrap .row .left .category .content dl dd a{color:#404040; text-decoration:none;}
#wrap .row .left .category .content dl dd a:hover{color:#0078de; text-decoration:underline;}
#wrap .row .left .authentication{width:200px; height:auto; float:left; margin-top:10px;}
#wrap .row .left .authentication .title{width:190px; color:#FFF; height:30px; line-height:30px; float:left; padding-left:10px; font-size:14px; font-weight:bold;background:url(../images/left-title.gif) left top no-repeat;}
#wrap .row .left .authentication .content{width:180px; float:left; padding:9px; border:1px solid #cdcdcd; border-top:0;overflow:hidden;}
#wrap .row .right{width:770px; height:auto; float:right; overflow:hidden;margin-bottom:10px;}
#wrap .row .right .right-row{width:770px; height:auto; float:left;}
#wrap .row .right .right-row .aboutus{width:770px; height:auto; float:left;}
#wrap .row .right .right-row .aboutus .title{width:768px; height:30px; line-height:30px; float:left; font-size:14px; font-weight:bold;border:1px solid #ccc;border-bottom:none;}
#wrap .row .right .right-row .aboutus .content{width:750px; height:auto; float:left; padding:9px; border:1px solid #e6e6e6; line-height:18px;}
#wrap .row .right .right-row .server{width:220px; height:auto; float:right;}
#wrap .row .right .right-row .server .title{width:210px; height:30px; line-height:30px; float:left; padding-left:10px; color:#ffffff;font-size:14px; font-weight:bold; background:url(../images/contactus-title.gif) left top no-repeat;}
#wrap .row .right .right-row .server .content{width:200px; height:145px; float:left; padding:9px; border:1px solid #e6e6e6; border-top:0;}#wrap .row .right .product{width:770px; height:auto; float:left; margin-top:10px;}
#wrap .row .right .product .title{width:770px; height:30px; line-height:30px; float:left; font-size:14px; font-weight:bold;}
#wrap .row .right .product .title span{padding-left:660px; font-weight:normal; font-size:12px;}
#wrap .row .right .product .title span a{color:#666;}
#wrap .row .right .product ul{width:750px; height:auto; float:left; padding:9px; border:1px solid #e6e6e6;}
#wrap .row .right .product ul li{width:140px; height:175px; float:left; margin-right:10px; padding:0 16px 0 20px; overflow:hidden}
#wrap .row .right .product ul li .thumb{width:140px; height:140px; float:left; text-align:center; border:1px solid #eee;}
#wrap .row .right .product ul li .li-title{width:140px; height:auto;float:left; margin-top:3px; text-align:center;}
#wrap .row .article{width:320px; height:auto; float:left;}
#wrap .row .article .tab{width:320px; height:30px; float:left;}
#wrap .row .article .tab li{width:100px;height:30px;float:left;text-align:center;line-height:30px;font-size:14px;font-weight:bold;background:url(../images/tab-normal.gif) left top no-repeat;margin-right: 2px;}
#wrap .row .article .tab li a{color:#525252; text-decoration:none;}#wrap .row .article .tab .active{width:100px;height:30px;float:left;text-align:center;line-height:30px;color:#fff;background:url(../images/tab-active.gif) left top no-repeat;margin-right: 2px;}#wrap .row .article .tab .active a{color:#fff; text-decoration:none;}#wrap .row .article .content{width:300px;height:218px;float:left;border:1px solid #e6e6e6;padding-top: 9px;padding-right: 9px;padding-bottom: 8px;padding-left: 9px;}
#wrap .row .article .content li{width:300px; height:26px; line-height:26px; float:left; border-bottom:1px dashed #e6e6e6;}
#wrap .row .help{width:320px; height:auto; float:left; margin-left:10px;}
#wrap .row .help .title{width:310px; height:30px; line-height:30px; float:left; padding-left:10px; font-size:14px; font-weight:bold;color:#fff; background:url(../images/article-title.gif) left top no-repeat;}
#wrap .row .help .title span{font-size:12px; font-weight:normal; padding-left:190px;}#wrap .row .help .title span a{color:#666;}
#wrap .row .help ul{width:300px; height:auto; float:left; padding:9px; border:1px solid #e6e6e6; border-top:0;}
#wrap .row .help ul li{width:300px; height:26px; line-height:26px; float:left; border-bottom:1px dashed #e6e6e6;}
#wrap .row .case{width:320px; height:auto; float:right;}
#wrap .row .case .title{width:310px; height:30px; line-height:30px; float:left; padding-left:10px; font-size:14px; font-weight:bold;color:#fff; background:url(../images/article-title.gif) left top no-repeat;}
#wrap .row .case .title span{font-size:12px;font-weight:normal;padding-left:180px;}#wrap .row .case .title span a{color:#666;}
#wrap .row .case ul{width:300px; height:auto; float:left; padding:0 9px 9px 9px; border:1px solid #e6e6e6; border-top:0;}
#wrap .row .case ul li{width:300px; height:auto; float:left; border-bottom:1px dashed #e6e6e6; margin-top:9px; padding-bottom:5px;}
#wrap .row .case ul li .thumb{width:60px; height:60px; float:left; overflow:hidden; border:1px solid #eee;}
#wrap .row .case ul li .info{width:220px; height:auto; float:right;}
#wrap .row .case ul li .info .info-title{width:220px; height:20px; line-height:20px; float:left; font-weight:bold;overflow:hidden;}
#wrap .row .case ul li .info .info-text{width:220px;height:auto;float:left;line-height:18px;color:#666;}
#footer{width:980px; height:auto; margin:0 auto;}
#footer .subnav{width:980px;height:22px; float:left; padding-top:8px;text-align:center; background-color:#ffffff; color:#ccc; margin-top:10px;}
#footer .subnav a{padding:0 5px; color:#525252;}
#footer .subnav a:hover{color:#0078de; text-decoration:underline;}
#footer .copyright{width:980px; height:auto; float:left; margin-top:10px; text-align:center; line-height:18px; color:#666; padding-bottom:30px;}
#wrap .row .right .right-row .position{width:760px; height:30px; line-height:30px; float:left; padding-left:10px; color:#666;border-bottom:1px solid #e6e6e6;}
#wrap .row .right .right-row .position li{float: left;list-style-type: none;}
#wrap .row .right .right-row .position a{color:#666; text-decoration:underline;}
#wrap .row .right .right-row .position a:hover{color:#0078de; text-decoration:underline;}
#wrap .row .right .right-row .lists{width:750px; height:auto; float:left; padding:10px; overflow:hidden;}
#wrap .row .right .right-row .lists .lists-title{width:750px; height:30px; line-height:30px; float:left; font-size:14px; font-weight:bold; margin-top:10px;border-bottom:1px solid #b7070f;}
#wrap .row .right .right-row .lists .lists-title span{font-size:12px; font-weight:normal; padding-left:630px;}
#wrap .row .right .right-row .lists .lists-title span a{color:#666;}
#wrap .row .right .right-row .lists li{width:750px; height:30px; line-height:30px; float:left; border-bottom:1px dashed #eee;}
#wrap .row .right .right-row .lists li .li-title{width:600px; height:30px; float:left; overflow:hidden; font-size:14px;}
#wrap .row .right .right-row .lists li .time{width:140px; height:30px; float:right; text-align:right; color:#666;}
#wrap .row .right .right-row .pagination{width:750px; height:auto; float:left; padding:0 10px; overflow:hidden; text-align:center;}
#wrap .row .right .right-row .news-detail{width:750px; height:auto; float:left; padding:10px; overflow:hidden;}
#wrap .row .right .right-row .news-detail .title{width:750px; height:30px; line-height:30px; float:left; text-align:center; font-size:14px; font-weight:bold;}
#wrap .row .right .right-row .news-detail .picture{width:750px; height:auto; float:left; margin-top:10px; text-align:center;}
#wrap .row .right .right-row .news-detail .detail{width:750px; height:auto; float:left; margin-top:10px; line-height:22px;}
#wrap .row .right .right-row .news-detail .detail img{max-width:750px;}

#wrap .row .right .right-row .news-detail .prenext{width:750px; height:auto; float:left; margin-top:10px; line-height:22px; text-align:left;padding-top:10px; border-top:1px solid #ddd;}
#wrap .row .right .right-row .page{width:750px; height:auto; float:left; padding:10px; overflow:hidden;}
#wrap .row .right .right-row .page .title{width:750px; height:30px; line-height:30px; float:left; font-size:14px; font-weight:bold;}
#wrap .row .right .right-row .page .detail{width:750px; height:auto; float:left; margin-top:10px; line-height:22px;}
#wrap .row .right .right-row .page .detail table{border-collapse:collapse; width:100%; border:1px solid #f5f5f5; text-align:left;}
#wrap .row .right .right-row .page .detail table th{padding:5px 6px; background-color:#ccc;}
#wrap .row .right .right-row .page .detail table td{padding:6px 6px; background-color:#f9f9f9;}
#wrap .row .right .right-row .case-list{width:750px; height:auto; float:left; padding:10px; overflow:hidden;}
#wrap .row .right .right-row .case-list li{width:750px; height:auto; float:left; border-bottom:1px dashed #eee; margin-top:10px; padding-bottom:10px;}
#wrap .row .right .right-row .case-list li .thumb{width:120px; height:90px; float:left; text-align:center;}
#wrap .row .right .right-row .case-list li .thumb a{width:120px; height:90px; float:left; padding:1px; border:1px solid #eee;}
#wrap .row .right .right-row .case-list li .thumb a:hover{}
#wrap .row .right .right-row .case-list li .info{width:610px; height:auto;float:right;}
#wrap .row .right .right-row .case-list li .info .li-title{width:610px; height:auto; float:left; font-size:14px; font-weight:bold; margin-top:4px;}
#wrap .row .right .right-row .case-list li .info .li-intro{width:610px; height:auto; float:left; margin-top:5px; line-height:18px; color:#666;}
#wrap .row .right .right-row .product-list{width:750px; height:auto; float:left; padding:10px; overflow:hidden;}
#wrap .row .right .right-row .product-list li{width:750px; height:auto; float:left; border-bottom:1px dashed #eee; margin-top:10px; padding-bottom:10px;}
#wrap .row .right .right-row .product-list li .thumb{width:140px; height:140px; float:left; text-align:center;}
#wrap .row .right .right-row .product-list li .thumb a{width:140px; height:140px; float:left; padding:1px; border:1px solid #eee;}
#wrap .row .right .right-row .product-list li .thumb a:hover{}
#wrap .row .right .right-row .product-list li .info{width:590px; height:auto;float:right;}
#wrap .row .right .right-row .product-list li .info .li-title{width:590px; height:auto; float:left; font-size:14px; font-weight:bold; margin-top:4px;}
#wrap .row .right .right-row .product-list li .info .li-intro{width:590px; height:auto; float:left; margin-top:5px; line-height:18px; color:#666;}
#wrap .row .right .right-row .page .detail .flash_message{width:460px; height:50px; margin:0 auto; margin-top:100px; margin-bottom:140px; border:1px solid #CCC; background-color:#f5f5f5;padding:10px;}
#wrap .row .right .right-row .page .detail .flash_message .message{height:auto; line-height:22px; margin-left:100px; font-size:16px; font-weight:bold; color:#CC0000; margin-top:20px;}
#wrap .row .right .right-row .page .detail .url{height:22px; line-height:22px; margin-left:100px; font-size:12px; color:#666; margin-top:4px;}
#friendlink{margin:0 auto; margin-top:10px; width: 980px;}
#friendlink .friendlink{clear:both;border:solid 1px #dcdcdc;border-top:none;margin-top:5px;margin-left:0px;text-align:left;height:120px;width:auto;margin-bottom: auto;}
.f5{font-size: 12px; line-height: 15px}
ul.f5 li{height:15px; padding:5px; line-height:15px; float:left;white-space:nowrap; break-word:keep-all;}
#friendlink .friendlink .title4{background:url(../images/title4_bj.gif); background-repeat:no-repeat; width:100%; height:28px; text-align:left; color:#FFF;}
#friendlink .friendlink .title4 .more a{float:right;padding-top:6px;margin-right:10px; font-size:12px; font-weight:300;font-family:"宋体";color:#999;}
#friendlink .friendlink .title4 .toubiao a{font-family:"黑体";font-size:16px; font-weight:700;color:white;margin-left:10px;line-height:30px;}
#friendlink .friendlink dd{float:left;}
.dede_pages{width:autuo; height:auto; float:left;}
.dede_pages ul{text-align:center;padding:12px 0px 12px 16px;}
.dede_pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.dede_pages ul li a{float:left;padding:2px 4px 2px;color:#555;display:block;}
.dede_pages ul li a:hover{color:#0078de;text-decoration:none;padding:2px 4px 2px;}
.dede_pages ul li.thisclass,.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F8F8F8;padding:2px 4px 2px;font-weight:bold;}
.dede_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.dede_pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}
.footer{margin-top: 7px;float: left;width: 100%;}
.f5{font-size: 12px; margin: 7px; line-height: 25px}
.spantitle{float: left;width:100px;border:1px solid #666;}
.spanmore{float: right;margin-right: 10px;color: #000;border:1px solid #666;}
.list_ctn1{padding-top:10px;padding-left:10px;}
.list_ctn1 li{float: left;width:175px;text-align:center;}
.tu{border:solid 1px #cccccc;width:152px;height:152px;}
.wz{width:152px;padding-top: 5px;text-align: left;}
.likearticle{margin-top:15px;float: left;width: 750px;}
.liketitle{height:30px;line-height:30px;border-bottom:1px solid #CCC;}
.likebody li{list-style-type: none;height:22px;line-height:22px;}
.likeproarticle{margin-top:15px;float: left;width: 750px;}
.likeprotitle{height:30px;line-height:30px;border-bottom:1px solid #CCC;}
.likeprobody li{list-style-type: none;height:180px;line-height:25px;width: 150px;margin-right: 15px;}
.likeprobody{padding: 10px;}
#Layer2{POSITION: fixed;background:url(/images/icon_on_back.gif) no-repeat;width:135px;height:300px;z-index:100;color:#F00;margin-left:20px;right:20px;}
#Layer2 .qq1{width:135px; min-height:31px;text-align:center;margin:0px;float:left;background:url(/images/icon_on.gif) no-repeat;}
#Layer2 .qq1 div{font-size:13px;margin-top:8px;}
#Layer{POSITION:fixed;width:30px;display:none;height:150px;z-index:100;margin-top:280px;margin-left:20px;right:20px; border-radius:5px;background-color:#0099FF;text-align:center;word-wrap:break-word; font-size:16px; font-family:"雅圆"; color:#FFFFFF;Line-height:22px; overflow:hidden;}
#Layer a{color:#fff;}
#Layer a:hover{color:#f00;text-decoration:none;}
.bd{width:199px;height:199px;background:url(/uploads/banner/z2.jpg);float:left;border:1px solid #CCC;margin-top:5px;}
.bd a{width:199px;height:199px;float:left;}
.bd a:hover{background:url(/uploads/banner/z1.jpg);}
.rk{width:980px;height:40px;background:url(/uploads/banner/rkt.gif);border:1px solid #CCC;margin:0 auto;margin-bottom:5px;margin-top:10px;float:left;}
.rk a{width:980px;height:40px;float:left;}
.ying{float: left;
width: 980px;
height: auto;
border: 1px solid #e2dada;margin-top:5px;}
.ying_p{float: left;
width: 980px;
height: 40px;
color: #FFF;}
.ying_t{float: left;
width: 960px;
padding: 2px 0 0 14px;}
.yon{float: left;
width: 454px;
height: 75px;
border: 1px solid #CCC;
padding: 7px 7px 0 7px;
margin-right: 10px;
margin-bottom:5px;}
.yon_v span{font-weight: bold;
color: #0a59cb;}
.yon_v{float: left;
width: 210px;
height: 65px;
line-height: 21px;
margin-left:20px;}
.yon_p{float: left;
width: 200px;
height: 75px;}
#myFocus{width:980px;height:300px;margin-top:-5px;margin-bottom:20px;overflow:hidden;}
.pic5{border:1px solid #ddd;transition:All 0.3s ease-in-out;-webkit-transition:All 0.3s ease-in-out;-moz-transition:All 0.3s ease-in-out;-o-transition:All 0.3s ease-in-out;}
.pic5:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.breadcrumb-item{float:left;whdth:100%;list-style-type:none;margin-left:1%;}	
.breadcrumb-item a{text-decoration:none;}