@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;}
.w1200{ width:1200px; margin:0 auto;}
.container{ width:1200px; margin:0 auto;}

.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:30px; line-height:30px; width:100%; background:#1c2931; font-size:13px}
.hy-in{ width:1200px; height:30px; line-height:30px; color:#A9A9A9; margin:0 auto;}
.hy-in a{ color:#a9a9a9;}
.hy-in a:hover{ color:#fff;}
/****************/
.lg{ width:100%; height:140px;}
.lg-in{ width:1200px; margin:0 auto; position:relative; height:140px;}
.lg-in .lg-lg{ width:548px; height:140px; float:left;}
.lg-in .lg-lx{ position:relative; float:right; font-size:16px; color:#000;line-height: 30px; padding-left:65px; background:url(dh.png) left center no-repeat; height:140px;}
.lg-in .lg-lx p{ display:block; height:30px; line-height:30px;}
.lg-in .lg-lx p b{font-weight:bold; color:#006ab8; font-size:24px; letter-spacing:2px}
/**************************/
.nav{ width:100%; height:60px; background:url(navbg.jpg) center repeat-x; border-bottom:3px solid #006ab8}
.nav-in{ width:1200px; height:60px; line-height:60px; margin:0 auto; position:relative}
.nav-in ul{}
.nav-in ul li{ width:133px; height:60px; line-height:60px; text-align:center;color: #34495e; font-size:18px; float:left; text-transform:uppercase}
.nav-in ul li:hover{ background:#006ab8; color:#fff}
/******************/
.pro{ width:100%; padding:50px 0px; height:620px; background:#f9f9f9 url(probg.png)top center no-repeat; position:relative; z-index:2222}
.pro-in{ width:1200px; height:620px; margin:0 auto; position:relative}
.pro-in .pro-bt{ width:1200px; height:80px; float:left; position:relative;}
.pro-in .pro-tit{ width:100%; height:80px; float:left; position:relative; width:210px; background:#f9f9f9}
.pro-in .pro-tit span#dz{ display:block; float:left; color:#333333; font-weight:bold; letter-spacing:1px; font-size:36px; text-transform:uppercase}
.pro-in .pro-tit span#xz{ display:block; float:left; color:#adadad; font-size:20px; text-transform:uppercase; line-height:2}
.pro-mo{ float:right;}
.pro-mo .pmo{border: rgba(230, 230, 230, 1) solid 1px; float:left; width:157px; height:61px; text-align:center; line-height:61px; color:#fff; background:#006ab8; font-size:15px;}
.pro-mo .pmo:hover{ background:#f76d01}
.pro-nr{ width:100%; float:left; margin-top:40px;}
.pro-nr ul{ width:105%}
.pro-nr ul li{ float:left; margin-right:25px; border:1px solid #006ab8; height:236px; width:279px; margin-bottom:25px;}
.pro-nr ul li .li-tp{ width:279px; height:186px; overflow:hidden; float:left; position:relative}
.pro-nr ul li .li-tp img{ max-width:283px; max-height:190px; display:block; position:absolute; margin:auto; left:0px; right:0px; top:0xp; bottom:0px;}
.pro-nr ul li .li-mc{ float:left; width:100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;; text-indent:1em; height:50px; line-height:50px; font-size:16px; color:#5a5a5a; width:100%}
.pro-nr ul li:hover .li-mc{background:#006ab8; color:#fff}
/******************/
.abt{ width:100%; height:420px; padding:50px 0px; background:background:url(abtbg.jpg) center no-repeat}
.abt-in{ width:1200px; height:420px; margin:0 auto; position:relative}
.abt-in .abt-bt{ width:1200px; height:80px; float:left; position:relative;}
.abt-in .abt-tit{ width:100%; height:80px; float:left; position:relative; width:600px; background:#fff}
.abt-in .abt-tit span#dz{ display:block; float:left; color:#333333; font-weight:bold; letter-spacing:1px; font-size:36px; text-transform:uppercase}
.abt-in .abt-tit span#xz{ display:block; float:left; color:#adadad; font-size:20px; text-transform:uppercase; line-height:2}
.abt-mo{ float:right;}
.abt-mo .amo{border: rgba(230, 230, 230, 1) solid 1px; float:left; width:157px; height:61px;}
.abt-mo .amo:hover{ border-bottom:3px solid #006ab8}
.abt-nr{ float:left; width:100%; margin-top:40px; height:220px; overflow:hidden}
.abt-nr p{ text-indent:2em; line-height:36px; font-size:13pt;font-family:Î¢ÈíÑÅºÚ,tahoma,arial,sans-serif; color:#656565}
.abt-gd{ width:100%; height:40px; float:left; margin-top:40px;}
.abt-gd span{ display:block; height:40px; line-height:40px; text-align:center; color:#fff; background:#006ab8; width:135px; float:right; font-size:16px; border-radius:50px}
.abt-gd span:hover{ background:#f76d01}
/******************/
.ad{ width:100%; height:251px; background:url(adbg.jpg) center no-repeat}
/********************/
.xw{ width:100%; padding:50px 0px; height:280px;}
.xw-in{ width:1200px; height:280px; margin:0 auto; position:relative}
.xw-in .xw-bt{ width:100%; float:left;}
.xw-in .xw-bt span#dz{ display:block; float:left; font-size:30px; color:#000; font-weight:bold; letter-spacing:1px; text-transform:uppercase}
.xw-in .xw-bt span em{ text-transform:uppercase; color:#adadad; font-size:14px; font-weight:normal; font-style:normal; padding-left:10px}
.xw-in .xw-bt span#mo{ float:right; font-size:18px; color:#000; letter-spacing:1px; display:block; line-height:40px;}
.xw-in .xw-bt span#mo:hover{ color:#006ab8}
.xw-in .xw-nr{ width:100%; float:left; margin-top:40px; position:relative}
.xw-in .xw-nr ul{ width:104%;}
.xw-in .xw-nr ul li{ float:left; margin-right:30px; float:left; margin-bottom:30px; height:45px; line-height:45px;border: rgba(230, 230, 230, 1) solid 1px; width:583px; margin-right:30px;}
.xw-in .xw-nr ul li span#bt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block; float:left; width:450px; height:45px; line-height:45px; color:#707070; font-size:15px; text-indent:1em}
.xw-in .xw-nr ul li span#sj{display:block; float:right; height:45px; line-height:45px; color:#adadad; font-size:13px; padding-right:15px;}
.xw-in .xw-nr ul li:hover{ background:#006ab8; color:#fff}
.xw-in .xw-nr ul li:hover  span#bt{ color:#fff}
.xw-in .xw-nr ul li:hover  span#sj{ color:#fff}
/**************/
.fot{ width:100%; height:380px; background:#f9f9f9;  padding:50px 0px;}
.fot-in{ width:1200px; height:380px; margin:0 auto; position:relative}
.fot-wx{ width:226px; height:380px; position:relative; float:left;}
.fot-wx .wx-xt{ width:45px; height:4px; background:rgba(189,189,189,1); float:left;}
.fot-wx .wx-dz{ width:100%; font-size:26px; color:#000000; letter-spacing:1px; float:left; margin-top:15px; text-transform:uppercase}
.fot-wx .wx-yw{ width:100%; font-size:12px; color:#707070; letter-spacing:1px; float:left; margin-top:10px; text-transform:uppercase}
.fot-wx .wx-tp{ width:100%; height:120px; margin-top:40px; float:left;}
.fot-wx .wx-tp img{ display:block; width:120px; float:left;}
.fot-wx .wx-tp span{ display:block; float:right; line-height:1.7; font-size:14px; color:#1f3062; margin-top:30px;}
.fot-wx .wx-mo{ width:226px; height:50px; background:#006ab8; line-height:50px; color:#fff; font-size:18px; float:left; margin-top:40px; text-align:center; text-transform:uppercase}
.fot-wx .wx-mo:hover{ background:#f76d01}
.fot-gd { width:300px; height:380px; float:left; position:relative; background:url(tw13.jpg) center no-repeat; margin-left:80px; z-index:22}
.fot-dt{ background:#f6f5f3; width:930px; height:380px; position:absolute; top:0px; right:0px}
.fot-dt span#yw{color:#e3e3e3; font-size:18px; font-weight:bold; position:absolute; text-transform:uppercase; top:5px; right:5px}
.fot-dt .dt-wz{ width:380px; float:left; margin-left:60px;}
.fot-dt .dt-wz span{ display:block; width:100%; font-size:18px; color:#333; float:left; margin-top:60px; margin-bottom:40px;}
.fot-dt .dt-wz p{ display:block; width:100%; float:left; font-size:14px; color:#707070; line-height:2}
/**************/
.bq{ width:100%; text-align:center; background:#262626; height:70px; line-height:70px; color:#fff;}
.bq-in{ width:1200px; margin:0 auto; height:40px;}
.bq-in a{ color:#fff}
.bq-in a:hover{ text-decoration:underline}
































/**********/
