@charset "gb2312";
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
	box-sizing: border-box
}
body {
	color: #323232;
	font-family: '宋体', 'Arial';
	font-size: 14px;
	line-height: 24px;
	overflow-x: hidden
}
body, html {
	height: 100%;
	margin: 0px;
}
table {
	margin: 0 auto
}
img {
	border: 0;
}
ul, ol {
	list-style-type: none;
	margin: 0;
	padding: 0
}
a {
	text-decoration: none;
	color: #000000;
}
a:focus {
	outline: none;
}
.fl {
	float: left
}
.fr {
	float: right
}
article, aside, footer, header, nav, section {
	display: block;
	border: 0;
}
a, img {
	border: 0
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-table;
}
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
img{ display:block}
.content img{ display:inline-block}
.content{ line-height:32px}.content p{ line-height:32px} 
/*menu*/
.rz_bw_nav001_m {
	clear: both;
	width: 100%;
	height: 69px;
	background: #000000;
	
	
}
.nav {
	font-size: 12px;
	width: 1200px;
	margin: 0px auto 0;
	height: 69px;
	line-height: 69px;
	position: relative;
	z-index: 1;
}
.nav a {
	text-decoration: none;
}
. nav_main {
height:69px;
padding:0 5px;
background:#FFF url(../rz_bw_images/rz_bw_nav001-bg.png) repeat-x 0 top;
position:relative;
}
#nav_all {
	height: 69px;
	float: left;
	line-height: 69px;
	position: relative;
	z-index: 222;
}
#nav_all li {
	text-align: center;
	float: left; 
}
#nav_all li:not(.last){border-right: solid 1px #a2a2a2}
#nav_all li a {
	color: #ffffff;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	_padding: 0 10px;
	height: 69px;
	line-height: 69px;
	white-space: nowrap; width:170px
}
#nav_all li a:hover {
	background: url(../rz_bw_images/bird.png) center 30px no-repeat;
	height: 69px;
	line-height: 69px;
	border-top: 2px solid #ffffff;
	overflow: hidden;
}
#nav_all li ul {
	display: none;
	position: absolute;
	z-index: 99;
	width:;
	left: -5px;
	top: 69px;	background:rgba(2255,255,255,0.6); border-radius:50px; padding:8px 0

}
#nav_all ul li {
	background-image: none;
	line-height: 32px;
	height: 32px;
	padding-top: 0px;
	padding: 0;
}
#nav_all ul li a {
	background-image: none;
	padding: 0px 20px;
	margin: 0px;
	height: 32px;
	line-height: 32px;
	color: #000;
	font-weight: normal;
	border: none;
}
#nav_all ul li a:hover {
	background-image: none;
	padding: 0px 20px;
	margin: 0px auto;
	height: 30px;
	line-height: 30px;
	color:#000;
	background: #ddd;
	border-top: none; border-radius:20px
}
.rz_bw_server_tel {
	font-size: 14px;
	font-family: "微软雅黑", "幼圆", sans-serif;
	color: #fff;
	float: right;
	width: 200px;
	height: 69px;
	line-height: 69px;
	text-align: center;
	background-color: #63aACA;
}
/*banner*/
.nybanner {
	width: 100%;
	position: relative;
	z-index: 0;
	float: left;
	overflow: hidden;
	text-align: center;
}
.pro-switch {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	height: 450px
}
.flexslider .slides img {
	width: 100%;
	height: 100%;
	display: block;
}
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	/*	height: 400px;*/
	height: 100%;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	margin: 0 auto;
	position: relative;
	width: 100%;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.flexslider .slides {
	zoom: 1;
}
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
	width: 60px;
	height: 90px;
	margin: -60px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 0 -90px;
	right: 100px;
}
.flex-direction-nav .flex-prev {
	left: 100px;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 5px;
	display: inline-block;
	zoom: 1;
*display: inline;
}
.flex-control-paging li a {
	background: url(../images/dot.png) 0 16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}
.flex-control-paging li a.flex-active {
	background-position: 0 0;
}

/*product*/
#product{ background:url(../images/bg1.jpg) top center; height:451px; padding:98px 0}
#product ul { width:1200px; margin:0 auto}
#product ul li{ float:left; margin:0 5px; width: 24%}
#product ul li img{
	width:100%
}

#video{ background:url(../images/bg2.jpg) top center; height:451px; padding:70px 0}
#video ul { width:1200px; margin:0 auto}
#video ul li{ float:left; margin:0 5px;}
#video .kuang{border:#333 solid 1px}


#case{background:url(../images/bg3.jpg) top center; height:525px; padding:70px 0}
#case h1{ color:#ffffff; text-align:center; margin-bottom:20px}
#case ul { width:1200px; margin:0 auto}
#case ul li{ float:left; margin:0 5px}

#service{ background:url(../images/bg4.jpg) top center;  padding:50px 0}
#service ul { width:1200px; margin:0 auto}
#service ul li{ float:left; margin:0 5px}


/*内页*/
/*内页开始*/
#in-dh{ border-bottom:#ccc 1px  solid;height: 50px;; line-height: 50px}
#in-dh span{ font-weight:bold; font-size:16px; color:rgb(0,107,205)}
.menuOn2 {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; BACKGROUND: #2a94e8; COLOR: #004b82; width:160px; padding:10px
}

.menuOn2 a:link{
	color: #ffffff;
	text-decoration: none;
}
.menuOn2 a:visited{
	color: #ffffff;
	text-decoration: none;
}
.menuOn2 a:hover{
	color: #ffffff;
	text-decoration: none;
}

.menuOn2 a:active{
	color: #ffffff;
	text-decoration: none;
}


 

.menuOff2 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; FONT-SIZE: 16px; BACKGROUND:#f2f2f2; COLOR: #282828;width:160px; padding:10px; 
}

.menuOff2 a:link{
	color: #282828;
	text-decoration: none;
}
.menuOff2 a:visited{
	color: #282828;
	text-decoration: none;
}
.menuOff2 a:hover{
	color: #282828;
	text-decoration: none;
}

.menuOff2 a:active{
	color: #fff;
	text-decoration: none;
}


#news_in,#tw_list{
	width: 1200px; margin:0 auto
}
.tw_list{ width: 1200px;margin: 0 auto}
.tw_list li{
	
	width: 48%; display: inline-block; padding:0 40px
}
.tw_list li span{ 
font-size: 20px ; font-family:Arial, Helvetica, sans-serif; color:#ccc; margin-right:5px; display:block
}
.tw_tit{ font-size:16px; color:#333; font-weight:bold;; height:40px; line-height:40px}
.tw_list img{
	
	float: left; margin-right: 10px; margin-left: 10px;
}
.news_line{ height:1px; background:#ccc;  width:1200px;margin:0 auto; margin-top:45px}
#pro_list li{ 
 position: relative;
        width: 28%;
       display: inline-block;margin-left: 3%; box-shadow:#ccc 5px 5px 5px
}

#pro_list li .text{
        display: inline-block;
        transform: rotate(-45deg);
        padding: 10px;
        color: #fff; font-weight: bold;font-size: 18px
    }
   .triangle-topleft{
        width: 0;
        height: 0;
        border-top: 80px solid #006bcc;
        border-right: 80px solid transparent;
        position: absolute;
        top: 0;
        z-index: -1;
    }
#pro_list li img{ position: absolute; z-index: -999; width:100%}
#pro_list li p{
	 background:url(../images/pro_bg.jpg) center center; color: #ffffff; font-weight: bold; height:107px; font-size: 20px; padding-top: 15px; padding-left: 22px;
	 margin-top: 300px; background-size:100%
} 
#pro_list li:hover p{background:url(../images/pro_bg1.jpg) center center;  background-size:100%}

#pro_list li p a{ color: #ffffff}
#pro_list li:hover .triangle-topleft{ border-top: 80px solid #006bcc;}.in_tit {background: url(../images/in_dot.jpg) no-repeat left center;
	
	 border-bottom: #ccc solid 1px; height: 40px; line-height: 40px;color:#333; padding-left: 40px; font-size: 18px; font-weight:bold 
 }

#tw_list li{clear:both;margin-bottom: 10px;border-bottom: #ccc solid 1px;height:180px}#tw_list li img{margin-right: 30px; }#tw_list p{height: 86px;overflow: hidden}
#tw_list span{background:#2a94e8;padding:8px 20px;clear:both; }#tw_list span a{color:#ffffff;font-family:Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif"}
#tw_list li h2{ height:40px} 
.tit{ margin:20px 0; text-align:center; font-weight:bold}


.productlistx{ }

.productlistx a:link {
	color: #432121;
	text-decoration: none;
	font-size: 12px
}
.productlistx a:visited {
	text-decoration: none;
	color: #000
}
.productlistx a:hover {
	color: #666
}
.productlistx a:active {
	color: #666;
	text-decoration: none
}
.productlistx {
	visibility: visible;
	margin: 0;
	padding: 0;
	position: relative;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 12px;
	overflow: hidden;
	width: 100%
}
.rollproductlists {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%
}
.blkproductlistx {
	border: 0;
	padding: 0;
	overflow: hidden;
	ZOOM: 1;
	position: relative
}
.blkproductlistx .LeftButton {
	background: url(../images/roll.png) no-repeat 0 center;
	left: 1px;
	float: left;
	width: 37px;
	cursor: pointer;
	position: absolute;
	height: 204px;
	top: 0
}
.blkproductlistx .RightButton {
	background: url(../images/roll.png) no-repeat -37px center;
	right: 1px;
	float: right;
	width: 37px;
	cursor: pointer;
	position: absolute;
	height: 204px;
	top: 0
}
.blkproductlistx .Cont {
	padding: 0;
	margin: 0 0 0 21px;
	text-align: center;
	overflow: hidden
}
.blkproductlistx .box {
	float: left;
	text-align: center;
	margin: 5px;
	padding: 0;
}
.box .fang {
	padding: 0;
	margin: 0;
	text-align: center;
}
.box .picFit {
	overflow: hidden
}
div.box div.title {
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	background: #ffffff;
	width:100%
}
div.title a:link, div.title a:visited, div.title a:active {
	color: #333;
	font: 12px/31px SimSun, Arial, Sans-Serif;
	text-decoration: none
}
div.title a:hover {
	color: #808080;
	text-decoration: underline;
	font: 12px/31px SimSun, Arial, Sans-Serif
}
#jjfa_box{ background:url(../images/bg.jpg) no-repeat center center;}
#jjfa{ padding:30px 0;  position:relative; height:603px}
.time {
    background: #108fe7;
    color: #ffffff;
    float: left;
    padding: 10px 26px;
    font-size: 24px;
    font-family: "Times New Roman", Times, serif;
    margin-right: 20px;
    line-height: 30px;
}
#gsfc_box{ background:#d7edff; padding:50px 0}#gsfc_box{ position:relative}
#gsfc li{ float:left; margin-left:5px}#gsfc li:nth-child(1) img{ height:482px !important}

.newslist { margin-top:20px}.newslist li a:before{ content:" ·　　"}.newslist li { border-bottom:#ddd solid 1px; line-height:40px}
.tit3{ border-bottom:#000 solid 1px; font-weight:bold; font-size:16px}
.in_left{ width:290px; padding:0 8px; float:left}
.in_left_tit{ font-size:18px; font-weight:bold; height:38px; line-height:38px; color:#0080a4; border-bottom:#0080a4 solid 4px; padding-top:10px;}
.in_right_tit{ font-size:14px; font-weight:bold;  background:url(../images/in_right_tit.jpg) no-repeat left; padding-left:30px; height:38px; line-height:38px; margin-top:10px; border-bottom:#CCC solid 1px}

.in_left ul{ background:url(../images/in_10.jpg) repeat-y; width:100%}
.in_left ul li{ background:url(../images/in_07.jpg) no-repeat; line-height:30px; width:100%; margin:0 auto; } 
.in_left span a{width:80%;   font-size:16px; color:#fff;  position:relative; top:-6px; left:35px;}
.in_right{ width:860px}
.biaoti {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	clear: both;
	float: left;
	height: 81px; line-height:81px;
	width: 100%; border-bottom:#0089d7 solid 1px
}

.biaoti strong {
	width: 100%;
	float: left;
	color: #ffffff;
	text-align: center;  background:#333 
}.biaoti strong a{ }
.fenlei{ height:40px; border-bottom:#CCC dashed 1px ;}
.fenlei a{ display:block; height:40px; line-height:40px; background:#ffffff;transition:all 0.5s ; background:url(../images/dot.gif) left no-repeat; padding-left:16px }
.fenlei a:hover{ background:#dfedff; transform: rotatex(360deg)}
.picshow{ width: auto; margin:0 auto; padding:0; box-sizing:border-box; margin-top:20px}
.picshow li{ float:left; width:202px; margin-left:9px; height:230px; }.picshow li img{ width:100%; height:180px;  padding:1px;} 
 .change{ width:100%; height:180px; overflow:hidden;}
 .change img{overflow:hidden; width:100%; height:180px}
 .change a{ transition:all 0.5s; width:100%; display:block; background:red; overflow:hidden}.change a:hover{ overflow:hidden; background:blue; transform: scale(1.1); 
-webkit-transform: scale(1.1); /* Safari 和 Chrome */
} 
.in_tit2{ border-bottom:#CCC dotted 1px; margin-bottom:14px;}
.in_tit2 h3{ color:#333; background: url(../images/dot.jpg) no-repeat left center; padding-left:50px}
#main{ margin-top:20px}
table{ font-size:14px }
#sy_news{ background: url(../images/bg_news.jpg) no-repeat top center; background-attachment:fixed; height:850px}
.news_tit{ color:#0052a6; font-size:16px; height:60px; line-height:60px; border-bottom:#333 solid 1px}.news_tit a{color:#0052a6; font-size:18px; height:60px; line-height:60px; }
.dalei{ height:auto; background:#0999eb}
.dalei>li>a{ height:30px; line-height:30px; padding-left:10px; font-size:14px; font-weight:bold; background:#0999eb; display:block; color:#fff;margin-bottom:5px; text-align:left}
.dalei li a:before{ content:"　·　"}
.xiaolei li{  height:30px; line-height:30px;  padding-left:40px; border-bottom:#ccc 1px dashed;margin-bottom:5px;text-align:left}.xiaolei li:hover{ background:#ddd}
.xiaolei{ padding:0 10px; box-sizing:border-box}
#gbook input{ height:30px; line-height:30px}#gbook { background:#f1f1f1; padding:30px 60px}
input.bt{ background:#0784d3; border:0; height:40px; line-height:40px; width:110px; color:#fff}


#foot_menu{ background:#181818; border-bottom:#3a3a3a solid 1px;height:340px; padding:40px 0}
#foot_menu>ul{ width:1200px; margin:0 auto}
#foot_menu>ul>li{ float:left; width:238px; background:url(../images/line.jpg) left center no-repeat; padding-left:20px; text-align:center}
#foot_menu li a{ color:#a2a2a2; display:block; }
#foot_menu li:nth-child(1)>a{ color:#ffffff; font-size:14px; margin-bottom:10px; display:block; }

#copy{ background:#000; color:#a2a2a2; text-align:center; padding:20px 0}
.show-li {
	width: 291px;
	height: 266px;
	background: #000;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.picico1 img {
	width: 21px;
	height: 21px;
	position: absolute;
	top: -31px;
	left: 135px;
}
.pictex {
	font-size: 24px;
	color: #FFF;
	position: absolute;
	top: 166px;
	line-height: 28px;

	opacity: 0; text-align:center; width:291px
}
.in-pic {
	position: relative;
}
.in-pic .showpic {
}
.ul-case {
	list-style: none;
	padding: 10px 0px 0px 0px;
	font-family: "΢���ź�", "����", Arial, sans-serif;
	font-size: 14px;
}
.ul-case li {
	float: left;
	height: 266px;
	margin: 0px 5px 15px 5px;
 *margin:0px 2px 15px 2px;
	overflow: hidden
}


.tiao{ border-top:#d3d3d3 solid 1px; height:50px; padding:0 10px; line-height:15px; padding-top:10px; font-family:Arial,'宋体'; background:#f4f4f4}
#video li:hover .tiao{ background:#333; color:#fff}
#video li a{ overflow:hidden;  display:block;}
#video li:hover img{ transform:scale(1.1); transition:0.2s ease-out}
.tiao2{ border-top:#d3d3d3 solid 1px; height:30px;  font-family:Arial,'宋体'; background:#f4f4f4; line-height:30px}


#main{ width:1200px; margin:0 auto; padding-top:20px}
.biaoge1{ font-size:18px}
.fangda a{ overflow:hidden;  display:block; width:280px; height:217px}
.fangda a:hover img{ transform:scale(1.1); transition:0.2s ease-out}
..bianan a{ display:block; background:#000}
.bianan a:hover img{ opacity:0.5}
.sy_yy_tiao{border-top:#d3d3d3 solid 1px; height:40px;  font-family:Arial,'宋体'; background:#f4f4f4; line-height:40px; font-size:18px}
.pic_list_service{ width:100%; margin:0 auto; padding:0; box-sizing:border-box; margin-top:20px}
.pic_list_service li{ float:left; width:242px; height:303px; margin-left:16px; margin-bottom:20px;text-align: center;}
.pic_list_service li img{ width:100% }