@charset "gb2312";
/* CSS Document */

*{ padding:0; margin:0;}
body {color: #333;padding: 0px !important;margin: 0px !important;font-size: 14px;font-family: "΢ÈíÑźÚ",Microsoft YaHei,Arial,Century; }
a,a:hover,a:focus {text-decoration: none;outline: none;}
::selection {background: #ff9000;color: #fff;}
::-moz-selection {background: #ff9000;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0; font-weight:normal;}
li{ list-style-type: none;}
img{ border:none;}
a:hover { text-decoration: none;}
.clears{ clear:both; height:0; line-height:0;}
.i_header_bottom li:hover,.i_title a:hover,.i_news li:hover .news_right strong,.i_news li:hover .news_left,.ckqbsp a:hover,.i_photo li:hover p,.i_photo_m a:hover{-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}
.i_product li:hover .pro_txt,.i_product li:hover p{-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s;}
.w1200{ width:1200px; margin:0 auto;}
.container{ width:1200px; margin:0 auto;}

.ckqbsp{ width:264px; height:48px; margin:10px auto;text-align:center; clear:both;}
.ckqbsp a{ display:block; width:260px; color:#0181c8; height:44px; line-height:44px; clear:both; border:2px solid #0181c8; text-align:center; font-size:16px;}
.ckqbsp a:hover{ background:#0181c8; color:#fff;}

.clear{ clear:both; height:0px;}
.inner{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
/*******************/
/**************************/

.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0; 
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
	z-index:10;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top: -20px;
position: relative;
z-index: 100;
}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url(themes.gif) no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/***********/
.hy{ width:100%; height: 35px; line-height: 35px; background: #2379b6}
.hy-in{width:1200px; height: 35px; margin: 0 auto; position: relative; color: #fff}
.hy-in a{ color:#fff;}
.hy-in a:hover{ color: #ff0}
/***********/
.top-cen{ width:100%; height:140px}
.top-cen-in{ width:1200px; height:140px; margin:0 auto;}
.top-cen-in .top-logo{ height:140px; width:1200px; float:left; background:url(logo.PNG) center no-repeat }
/****************/

.dh{width: 100%;height: 50px;line-height: 50px; background:#2379b6}
.dh-in{ width:1200px; height:50px; position:relative; margin:0 auto;border-left: 1px #f5f5ff solid;}
.dh-in ul{ display:block; display:block; width:1220px;}
.dh-in ul li{ height:50px; line-height:50px;  color:#fff; float:left; text-align:center; width:149px; font-size:15px;border-right: 1px #f5f5ff solid; font-size:16px; text-transform:uppercase; letter-spacing:1px; font-weight:bold}
.dh-in ul li.on{color:#fff;  }
.dh-in ul li:hover{ color:#fff; background:#02875a url(nav_hover.png) center no-repeat;}
/**************************/
.pro{ width: 100%; padding: 30px 0px; height: 660px; background: #f5f5f5}
.pro-in{ width:1200px; margin: 0 auto; position: relative; height: 660px;}
.pro-in .pro-bt{width:100%; height: 90px; border-bottom: 1px solid #dddddd; float: left}
.pro-in .pro-bt span#dz{ display:block; width: 100%; text-align: center; font-size: 36px; font-weight: bold; float: left}
.pro-in .pro-bt span#dz b{ color: #2379b6}
.pro-in .pro-bt span#xz{ display:block; width: 100%; text-align: center; font-size: 14px; float: left; text-transform: uppercase; padding: 5px 0px; color: #979797}
.pro-in .pro-nr{width:100%; overflow: hidden; float: left; margin-top: 35px;}
.pro-in .pro-nr ul{ width: 1226px;}
.pro-in .pro-nr ul li{ float:left; margin-right: 26px; width: 280px; height: 250px; overflow: hidden; margin-bottom: 26px}
.pro-in .pro-nr ul li .li-tp{ width:280px; height: 210px; position: relative; overflow: hidden}
.pro-in .pro-nr ul li .li-tp img{ display: block; width:280px; height: 210px; }
.pro-in .pro-nr ul li .li-bt{ float: left; width: 100%; text-indent: 2rem; line-height: 40px; height: 40px; color: #666; font-size: 16px; background: #fff}
.pro-in .pro-nr ul li:hover{ border-color:#fff}
.pro-in .pro-nr ul li:hover .li-bt{ color: #fff; background: #2379b6}
/***************************/
.abt{width:100%; height: 635px; padding: 40px 0px; background:url("s4.jpg")top center no-repeat}
.abt-in{width:1200px; height: 635px; position: relative; margin: 0 auto;}
.abt-in .abt-nr{ width: 1160px; padding: 20px; background: #fff; height: 300px; float: left;box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);}
.abt-in .abt-nr .abt-sp{ width: 450px; height: 300px; float: left;}
.abt-in .abt-nr .abt-js{ width: 680px; height: 300px; float: right;}
.abt-in .abt-nr .abt-js .abt-bt{ width:100%; float: left; font-size: 26px; color: #333; font-weight: bold;color: #2379b6;border-bottom: 1px solid #dddddd; padding-bottom: 15px}
.abt-in .abt-nr .abt-js .abt-jj{width:100%; float: left; margin-top: 12px; height: 173px; overflow: hidden}
.abt-in .abt-nr .abt-js .abt-jj p{ text-indent:2rem; line-height: 1.8; color: rgba(46,46,46,1.00); font-size: 16px;}
.abt-in .abt-nr .abt-js .abt-mo{ width: 150px;height: 40px;background: #0059ab;line-height: 40px;color: #fff;text-align: center;text-transform: uppercase;float: right;margin-top: 25px;}
.abt-in .abt-nr .abt-js .abt-mo:hover{ background:#02875a}
.abt-in .abt-pq { width: 1200px;  overflow: hidden; float: left; height: 340px; margin-top: 40px;}
.abt-in .abt-pq ul li{ float:left; margin-right: 26px; width: 280px; height: 250px; overflow: hidden; }
.abt-in .abt-pq ul li .li-img{ width:280px; height: 210px; position: relative; overflow: hidden}
.abt-in .abt-pq ul li .li-img img{display: block; width:280px; height: 210px;}
.abt-in .abt-pq ul li .li-mc{ float: left; width: 100%; text-indent: 2rem; line-height: 40px; height: 40px; color: #666; font-size: 16px; background: #f6f6f6}
.abt-in .abt-pq ul li:hover .li-mc{ color: #fff; background: #2379b6}
/***************************/
.xw{ width: 100%; padding: 30px 0px;  height:440px; background: #f5f5f5}
.xw-in{ width:1200px; margin: 0 auto; position: relative;  height:440px;}
.xw-in .xw-bt{width:100%; border-bottom: 1px solid #dddddd; float: left; padding-bottom: 15px }
.xw-in .xw-bt span#dz{ display:block;  font-size: 36px; font-weight: bold; float: left}
.xw-in .xw-bt span#dz b{ color: #2379b6}
.xw-in .xw-bt span#mo{ display:block;  text-align: center; font-size: 14px; float: right; text-transform: uppercase; width: 150px;height: 40px;background: #0059ab;line-height: 40px;color: #fff;text-align: center; margin-top: 5px;}
.xw-in .xw-bt span#mo:hover{ background:#02875a}
.xw-in .xw-lb{ width:580px; float:left; margin-top:25px;}
.xw-in .xw-lb ul li{ float:left;border-bottom: 1px solid #dddddd; height:45px; line-height:45px; width:100%; font-size:15px}
.xw-in .xw-lb ul li span#bt{ display:block; float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:440px; color:#5a5a5a}
.xw-in .xw-lb ul li span#sj{ display:block; float:right; font-size:13px; color:#4f4f4f}
.xw-in .xw-lb ul li:hover span#bt{ color:#0059ab}
.xw-in .xw-tp{ float:right; height:307px; width:580px; margin-top:40px;}
/***************************/
.pj{ width: 100%; padding: 30px 0px; height: 350px; background: #fff}
.pj-in{ width:1200px; margin: 0 auto; position: relative; height: 350px;}
.pj-in .pj-bt{width:100%; border-bottom: 1px solid #dddddd; float: left; padding-bottom: 15px }
.pj-in .pj-bt span#dz{ display:block;  font-size: 36px; font-weight: bold; float: left}
.pj-in .pj-bt span#dz b{ color: #2379b6}
.pj-in .pj-bt span#mo{ display:block;  text-align: center; font-size: 14px; float: right; text-transform: uppercase; width: 150px;height: 40px;background: #0059ab;line-height: 40px;color: #fff;text-align: center; margin-top: 5px;}
.pj-in .pj-bt span#mo:hover{ background:#02875a}
.pj-in .pj-pq{ width:100%; float: left; margin-top: 35px; overflow: hidden}
.pj-in .pj-pq ul li{ float:left; margin-right: 26px; width: 280px; height: 250px; overflow: hidden; }
.pj-in .pj-pq ul li .li-img{ width:280px; height: 210px; position: relative; overflow: hidden}
.pj-in .pj-pq ul li .li-img img{display: block; width:280px; height: 210px;}
.pj-in .pj-pq ul li .li-mc{ float: left; width: 100%; text-indent: 2rem; line-height: 40px; height: 40px; color: #666; font-size: 16px; background: #f6f6f6}
.pj-in .pj-pq ul li:hover .li-mc{ color: #fff; background: #2379b6}
/*******************************/
.fot{width:100%; height: 190px; padding: 40px 0px; background:url("fotbg.jpg") center no-repeat}
.fot-in{  width:1200px; margin: 0 auto; position: relative; height: 190px;}
.fot-lx{ float:left; width: 400px; position: relative}
.fot-lx span#wz{ border:1px solid #fff; border-radius: 30px; height: 40px; display: block; width: 150px; line-height: 40px; text-align: center; color: #fff; font-size: 13px; float: left; background:#2379b6;}
.fot-lx span#dh{ background:url("dh.png") left center no-repeat; height: 50px; line-height: 50px; display: block; float: left; width: 100%; font-size: 32px; text-indent: 2rem; letter-spacing: 2px; color: #fff; margin: 10px 0px;}
.fot-lx span#qt{ color:#fff; display: block; width: 100%; line-height:1.6; font-size: 14px; width: 100%; float: left; padding-left: 30px; background: url("tb.png") left no-repeat}
.fot-tb{ float:left; width: 400px; position: relative; text-align: center; padding-top:30px}
.fot-ewm{ float:right; width: 400px; position: relative;height: 200px;}
/*******************************/
.bq{ width:100%; background: #0059ab; height: 55px; line-height: 55px;}
.bq-in{ width:1200px; height: 55px; line-height: 55px; margin: 0 auto; position: relative; font-size: 14px; color: #fff}
.bq-in a{ color:#fff; padding: 0px 20px}






/**********/