@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;}
.br{ border-right: 1px solid #B5B5B5;}
.bl{ border-left: 1px solid #B5B5B5;}
/*******************/
/**************************/

.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%;
	}
}
/**********/
.lg{ width:100%; height:140px; background:url(lgbg.jpg) center no-repeat;border-top:7px solid #005aa0}
.lg-in{ width:1200px; margin:0 auto; position:relative; height:140px;}
.lg-in .lg-lg{ width:1200px; height:140px; float:left; background:url(logo.png) center no-repeat}
/**************************/
.nav{ width:100%; height:60px; background:#005aa0;}
.nav-in{ width:1200px; height:60px; line-height:60px; margin:0 auto; position:relative}
.nav-in ul{}
.nav-in ul li{ width:150px; height:60px; line-height:60px; text-align:center;color: #fff; font-size:18px; float:left}
.nav-in ul li:hover{ background:url(lih.jpg) center no-repeat; color:#fff}
/*************************/
.pro{ width:100%; height:760px; padding:40px 0px;}
.pro-in{ width:1200px; height:760px; margin:0 auto; position:relative}
.pro-in .pro-bt{ background:url(btbg.png) center no-repeat; float:left; color:#191919; font-size:26px; font-weight:bold; text-align:center; height:40px; line-height:40px; width:100%; letter-spacing:2px}
.pro-in .pro-xz{ width:100%; float:left; text-align:center; font-size:15px; margin-top:15px}
.pro-in .pro-fl{ width:100%; float:left; margin-top:40px; height:90px; background:url(flbg.jpg) center repeat-x}
.pro-in .pro-fl ul{}
.pro-in .pro-fl ul li{ height:45px; line-height:45px; text-align:center; width:171px; color:#3c3c3c; font-size:16px; float:left}
.pro-in .pro-fl ul li:hover{background:#005aa0; color:#fff}
.pro-in .pro-nr{ width:100%; float:left; margin-top:30px; overflow:hidden;}
.pro-in .pro-nr ul{ width:105%}
.pro-in .pro-nr ul li{border:1px solid #dddddd; float:left; width:285px; height:250px; overflow:hidden; margin-right:17px; margin-bottom:17px}
.pro-in .pro-nr ul li .pro-tp{ width:285px; height:213px; overflow:hidden; float:left; position:relative; background:#f4f4f4}
.pro-in .pro-nr ul li .pro-tp img{ max-width:288px; max-height:215px; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto;}
.pro-in .pro-nr ul li .pro-mc{ background:#fff; text-align:center; float:left; height:37px; line-height:37px; width:100%; color:#3c3c3c; font-size:16px}
.pro-in .pro-nr ul li:hover .pro-mc{background:#005aa0; color:#fff}
/***********/
.abt{ width:100%; height:555px; padding:50px 0px; background:#000  url(abtbg.jpg) center no-repeat;}
.abt-in{ width:1200px; height:555px; margin:0 auto; position:relative;}
.abt-in .abt-bt{ background:url(btbg.png) center no-repeat; float:left; color:#fff; font-size:26px; font-weight:bold; text-align:center; height:40px; line-height:40px; width:100%; letter-spacing:2px}
.abt-in .abt-xz{ width:100%; float:left; text-align:center; font-size:15px; margin-top:15px; color:#fff}
.abt-wz{ width:1200px; background:#fff; height:440px; float:left; margin-top:40px}
.abt-nr{ width:520px; margin-left:40px; margin-top:40px; height:360px; float:left}
.abt-nr .abt-mc{font-size: 26px;color:#1753b4;margin-bottom: 12px; width:100%; float:left; letter-spacing:2px;}
.abt-nr .abt-js{ width:100%; float:left;font-size: 15px;color:#464646;line-height: 1.8;text-align: justify; height:245px; overflow:hidden; text-indent:2em}
.abt-nr .abt-mo{ width:100%; height:40px; margin-top:28px; float:left}
.abt-nr .abt-mo ul{ width:105%}
.abt-nr .abt-mo ul li{ float:left; background: #e0e0e0; text-align:center; height:40px; line-height:40px; color:#333; font-size:14px; float:left; margin-right:20px; width:115px;}
.abt-nr .abt-mo ul li:hover{background:#005aa0; color:#fff}
.abt-tp{ width:580px; margin-right:40px; margin-top:40px; height:360px; background:#000; float:right}

/**************/
.case{ width:100%; height:400px; padding:40px 0px;}
.case-in{ width:1200px; height:400px; margin:0 auto; position:relative}
.case-in .case-bt{ background:url(btbg.png) center no-repeat; float:left; color:#191919; font-size:26px; font-weight:bold; text-align:center; height:40px; line-height:40px; width:100%; letter-spacing:2px}
.case-in .case-xz{ width:100%; float:left; text-align:center; font-size:15px; margin-top:15px}
.case-in .case-nr{ margin-top:40px; float:left; width:1200px; overflow:hidden}
.case-in .case-nr ul{ width:1250px;}
.case-in .case-nr ul li{ float:left; margin-right:25px; width:281px; margin-bottom:25px;background:#fff;box-shadow: 2px 2px 2px 2px#ccc;border-radius: 5px;overflow: hidden;}
.case-in .case-nr ul li .li-tp{ width:281px; position:relative; height:235px; overflow:hidden;}
.case-in .case-nr ul li .li-tp img{ max-width:283px; max-height:239px; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto}
.case-in .case-nr ul li .li-wz{ float:left;  width:100%; background:#f9f9f9; text-align:center; height:43px; line-height:43px; color:#454545;}
.case-in .case-nr ul li:hover .li-wz{background:#005aa0; color:#fff}
/**********/
.ys{ width:100%; height:240px; background:url(ys.jpg) center no-repeat}
.ys-in{ width:1200px; height:240px; margin:0 auto; position:relative}


/******************/
.xw{ width:100%; height:450px; padding:40px 0px;}
.xw-in{ width:1200px; height:450px; margin:0 auto; position:relative}
.xw-in .xw-xw{width: 698px;height: 444px;border: 1px solid #eeeeee; float:left;}
.xw-in .xw-tit{ background:#eeeeee; width:698px; height:40px; float:left;}
.xw-in .xw-tit span#dz{font-weight: bold;font-size: 22px;line-height:40px;color: #005aa0;float: left;padding-right: 10px;padding-left: 10px;text-transform: Uppercase; display:block; letter-spacing:2px}
.xw-in .xw-tit span#mo{ float:right; width:170px; height:40px; background:#005aa0; color:#fff; font-size:14px; display:block; text-align:center; text-transform:uppercase; line-height:40px}
.xw-in .xw-tit span#mo:hover{ background: #f15008; color:#fff}
.xw-in .xw-xw .xw-nr{padding: 26px 30px; float:left;}
.xw-in .xw-xw .xw-nr img{ width:638px; height:160px; float:left;}
.xw-in .xw-xw .xw-nr .xw-lb{ width:100%; margin-top:4px; float:left}
.xw-in .xw-xw .xw-nr .xw-lb ul li{font-size: 14px;color: #666666;text-indent: 15px;margin-top:22px;text-align: left;line-height: 17px;background: url(lb.jpg) left center no-repeat; width:100%; height:17px;}
.xw-in .xw-xw .xw-nr .xw-lb ul li span#mc{ display:block; float:left; width:450px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xw-in .xw-xw .xw-nr .xw-lb ul li span#sj{ display:block; float:right;font-size: 14px;color: #666666;text-indent: 15px;text-align: left;line-height: 17px;}
.xw-in .xw-xw .xw-nr .xw-lb ul li:hover span#mc:hover{ color:#005aa0}

.xw-in .xw-wd{width: 460px;height: 446px;background-color: #f5f5f5; float:right;}
.xw-in .xw-wd .wd-tit{ text-align: center;line-height: 66px;font-size: 20px;color: #2e2e2e; width:100%; float:left; height:66px;}
.xw-in .xw-wd .wd-nr{width: 372px;margin: auto;overflow: auto; line-height:35px;color: #2d2d2d;font-size: 16px;}
.xw-in .xw-wd .wd-nr b{ text-transform:uppercase;}
.xw-in .xw-wd .wd-tp{width: 372px;margin: auto;overflow: auto; height:110px; margin-top:30px; background:#000}

/*******************/
.fot{ width:100%; height:150px; background:#f5f5f5; padding:43px 0px;}
.fot-in{ width:1200px; height:150px; margin:0 auto; position:relative}
.fot-in .fot-wx{ padding-right:40px; border-right:1px solid #d8d8d8; height:155px; float:left; width:370px;overflow:hidden}
.fot-in .fot-wx img{ width:155px; display:block; float:left; }
.fot-in .fot-wx span#yw{color: #71bf74; letter-spacing: 3px;font-size: 20px; display:block; float:left; margin-top:30px; margin-left:25px;}
.fot-in .fot-wx span#wz{color: #2d2d2d; text-indent: 29px;background: url(dh.jpg) left center no-repeat; font-size: 16px; display:block; float:left;  margin-top:5px; margin-left:25px;}
.fot-in .fot-wx span#hm{color: #d21513; font-size: 27px; display:block; float:left; padding-left:25px; margin-top:5px;}
.fot-in .fot-abt{height: 60px; float:right; width:750px; margin-bottom:20px}
.fot-in .fot-abt .fap{position: relative;border-bottom: 1px solid #d8d8d8;height: 32px;margin-bottom: 10px; width:100%;}
.fot-in .fot-abt .fap p{position: absolute;left: 0;bottom: -1.5px;color: #282828;line-height: 32px;font-size: 18px;border-bottom: 3px solid #595959;}
.fot-in .fot-abt a{display: block;font-size: 14px;line-height: 29px;text-indent: 10px;background: url(dian.jpg) left center no-repeat; float:left; color:#000; display:block; width:187px;}
.fot-in .fot-abt a:hover{color: #666;}

/**************/
.bq{ width:100%; text-align:center; background:#005aa0; height:40px; line-height:40px; color:#fff;}
.bq-in{ width:1200px; height:40px; margin:0 auto; position:relative}