@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; background:#f8f8f8}
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%;
	}
}
/**********/
.ss{ width: 100%; background: #f4f4f4; height: 80px; overflow: hidden;}
.ss-in{ width: 1200px; margin: 0 auto; position: relative; height: 80px; line-height: 90px;;}
.ss-lf { font-size: 20px;color:#0a6cc9; font-weight: bold;  float: left;}
.ss-rt {color:#595959; font-size: 16px;; float: right; width: 1050px; overflow: hidden;;}
.ss-rt a{color:#595959; padding-right: 15px;;}
.ss-rt a:hover{ color:#0a6cc9}


/**********/
.hy{ width:100%; height:45px; background:#fff url(txt.jpg) center  top no-repeat; border-bottom:solid 1px #e8e8e8}
.hy-in{ width:1200px; height:45px; line-height:48px; margin:0 auto; position:relative; color:#666}
.hy-in .hy-le{ float:left;}
.hy-in .hy-ri{ float:right;}
.hy-in .hy-ri a{ color:#666;}
.hy-in .hy-ri a:hover{ color:#0058b1}
/*****************/
.lg{ width:100%; height:135px; background:url(bg.jpg) center no-repeat}
.lg-in{ width:1200px; height:135px; margin:0 auto; position:relative}
/*******************/
.nav{ width:100%; height:50px; background:#0058b1}
.nav-in{ width:1200px; height:50px; line-height:50px; margin:0 auto;border-right: solid 1px #0068d2;}
.nav-in ul{}
.nav-in ul li{border-left: solid 1px #0068d2; height:50px; text-align:center; line-height:50px; width:149px; color:#fff; font-size:15px; float:left; }
.nav-in ul li:hover{ background:#ff9a00}
/********************/
.abt{ width:100%; padding:50px 0px; position:relative; height:360px}
.abt-in{ width:1200px; height:360px; margin:0 auto; position:relative}
.abt-in .abt-bt{ width:1200px; border-bottom:1px solid #ddd; height:45px;}
.abt-in .abt-bt span#bt{ display:block; float:left; font-size:26px; color:#333; font-weight:bold}
.abt-in .abt-bt span#mo{ display:block; float:right; font-size:14px; height:35px; line-height:35px; padding:0px 20px; color:#fff; background:#0058b1}
.abt-in .abt-bt span#mo:hover{ background:#ff9a00}
.abt-nr{ width:100%;  float:left; margin-top:20px; font-size:16px; line-height:1.8}
/******************/
.cf{ padding:50px 0px; width:100%; height:249px; background:#f4f4f4}
.cf-in{ width:1200px; height:249px; margin:0 auto; position:relative; overflow:hidden}
.cf-in ul{}
.cf-in ul li{ float:left; border:1px solid #ddd; width:275px; padding:3px; height:249px; margin-right:20px;}
.cf-in ul li .cf-tp{ width:275px; float:left; overflow:hidden; height:206px; position:relative}
.cf-in ul li .cf-tp img{ display:block; margin:auto; position:absolute; max-width:280px; max-height:210px; top:0px; bottom:0px; left:0px; right:0px;}
.cf-in ul li .cf-wz{ width:100%; float:left; text-align:center; text-transform:capitalize; font-size:15px; height:40px; line-height:40px; background:#0058b1; color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:3px;}
.cf-in ul li:hover{ border:1px solid #0058b1} 
.cf-in ul li:hover .cf-wz{ background:#ff9a00}
/******************/
.pro{ width:100%; padding:50px 0px; height:1025px; background: #fff;}
.pro-in{ width:1200px; height:1025px; margin:0 auto; position:relative}
.pro-in .pro-fl{ width:278px; border:1px solid #dcdcdc; height:1025px; float:left; overflow:hidden}
.pro-in .pro-fl .fl-bt{ width:100%; height:75px; background:url(flbt.jpg) center no-repeat; float:left; text-indent:2rem; color:#fff; line-height:75px; text-transform:uppercase; font-weight:bold; font-size:22px;}
.pro-in .pro-fl .fl-fl{ width:100%; float:left;}
.pro-in .pro-fl .fl-fl ul{}
.pro-in .pro-fl .fl-fl ul h3{ height: 60px; background:#0068bb; color: #fff; line-height: 60px; font-size: 18px; text-indent: 1.5rem;}
.pro-in .pro-fl .fl-fl ul li{ border-bottom:1px solid #dcdcdc; height:40px; line-height:40px; width:100%; text-transform:capitalize; font-size:15px; color:#333; text-indent:1.5rem; overflow: hidden;}
.pro-in .pro-fl .fl-fl ul li:hover{ color:#0068bb; background:#f4f4f4}
.pro-in .pro-fl .fl-lx{ width:100%; background:url(fllx.png) center no-repeat; height:235px; float:left; position:relative}
.pro-in .pro-fl .fl-lx span#yw{ width:100%; display:block; text-align:center; color:#fff; text-transform:uppercase; margin-top:93px; font-size:15px;}
.pro-in .pro-fl .fl-lx span#dh{ width:100%; display:block; text-align:center; color:#fff; text-transform:uppercase; margin-top:30px; font-size:24px; font-weight:bold}
.pro-in .pro-nr{ float:right; height:600px; width:880px;}
.pro-in .pro-nr ul{ width:920px;}
.pro-in .pro-nr ul li{border:1px solid #dcdcdc; float:left; margin-right:17px; height:328px; width:280px; margin-bottom:17px;}
.pro-in .pro-nr ul li .li-tp{ width:280px; height:278px; overflow:hidden; position:relative}
.pro-in .pro-nr ul li .li-tp img{ max-width:290px; max-height:285px; position:absolute; margin:auto; left:0px; right:0px; top:0px; bottom:0px; display:block}
.pro-in .pro-nr ul li .li-wz{ width:100%; float:left; text-align:center; text-transform:capitalize; font-size:15px; height:50px; line-height:50px; background:#e7e7e7; color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro-in .pro-nr ul li:hover .li-wz{ background:#0068bb; color:#fff}
/*********************/
.ys{ width:100%; height:1460px; background:url(ys_bg.jpg) repeat}
.ys-bt{ width:100%; height:242px; background:url(ysbt.jpg) center no-repeat; text-align:center;}
.ys-bt span#dz{ width:100%; font-size:36px; color:#ff0; font-weight:bold; display:block; letter-spacing:3px; padding-top:40px;}
.ys-bt span#xz{ width:100%; font-size:18px; color:#fff; display:block; letter-spacing:3px; padding-top:20px;}

.ys-in{ width:1200px; height:1140px; margin:0 auto; position:relative;background:url(ysbg.png)top center no-repeat; padding-top:30px}
.ys-in .ys1{width: 1200px;height: 355px; float:left; position:relative}
.ys-in .ys1 .ys1-tp{ width:520px; height:355px; float:left;}
.ys-in .ys1 .ys1-wz{ float:right; width:520px; height:355px; position:relative; overflow:hidden; border-bottom:1px solid #c7c7c7; padding-left:80px;}
.ys-in .ys1 .ys1-wz .wz-dz{line-height: 25px;overflow: hidden;font-size: 20px;color: #0058b1;font-weight: 600; width:100%; float:left}
.ys-in .ys1 .ys1-wz .wz-xz{width: 100%;line-height:1.8;font-size: 16px;color: #333;margin-top: 10px;margin-bottom: 25px; float:left; text-indent:2rem}
.ys-in .ys1 .ys1-wz .wz-nr{ width:100%; float:left;font-size: 14px;color: #999;line-height: 1.6;}

.ys-in .ys2{width: 1200px;height: 355px; float:left; position:relative; margin-top:50px;}
.ys-in .ys2 .ys2-tp{ width:520px; height:355px; float:right;}
.ys-in .ys2 .ys2-wz{ float:left; width:520px; height:355px; position:relative; overflow:hidden; border-bottom:1px solid #c7c7c7; padding-right:80px;}
.ys-in .ys2 .ys2-wz .wz-dz{line-height: 25px;overflow: hidden;font-size: 20px;color: #0058b1;font-weight: 600; width:100%; float:left}
.ys-in .ys2 .ys2-wz .wz-xz{width: 100%;line-height:1.8;font-size: 16px;color: #333;margin-top: 10px;margin-bottom: 25px; float:left; text-indent:2rem}
.ys-in .ys2 .ys2-wz .wz-nr{ width:100%; float:left;font-size: 14px;color: #999;line-height: 1.6;}

.ys-in .ys3{width: 1200px;height: 355px; float:left; position:relative;margin-top:50px;}
.ys-in .ys3 .ys3-tp{ width:520px; height:355px; float:left;}
.ys-in .ys3 .ys3-wz{ float:right; width:520px; height:355px; position:relative; overflow:hidden; }
.ys-in .ys3 .ys3-wz .wz-dz{line-height: 25px;overflow: hidden;font-size: 20px;color: #0058b1;font-weight: 600; width:100%; float:left}
.ys-in .ys3 .ys3-wz .wz-xz{width: 100%;line-height:1.8;font-size: 16px;color: #333;margin-top: 10px;margin-bottom: 25px; float:left; text-indent:2rem}
.ys-in .ys3 .ys3-wz .wz-nr{ width:100%; float:left;font-size: 14px;color: #999;line-height: 1.6;}
/*************************/
.ad{ width:100%; height:300px; background:url(ad.jpg) center no-repeat}
/**************************/
.zz{ background: #fff; width:100%; padding:50px 0px; position:relative; height:520px; border-top: 3px solid #ffa104;}
.zz-in{ width:1200px; height:520px; margin:0 auto; position:relative}
.zz-in .zz-bt{ width:1200px; border-bottom:1px solid #ddd; height:45px;}
.zz-in .zz-bt span#bt{ display:block; float:left; font-size:26px; color:#333; font-weight:bold}
.zz-in .zz-bt span#mo{ display:block; float:right; font-size:14px; height:35px; line-height:35px; padding:0px 20px; color:#fff; background:#0058b1}
.zz-in .zz-bt span#mo:hover{ background:#ff9a00}
.zz-nr{ width:1200px; height:435px; margin:0 auto; position:relative; overflow:hidden;margin-top:40px; }
.zz-nr ul{}
.zz-nr ul li{ float:left; border:1px solid #ddd; width:275px; padding:3px; height:422px; margin-right:20px;}
.zz-nr ul li .cf-tp{ width:275px; float:left; overflow:hidden; height:378px; position:relative; background: #fff;}
.zz-nr ul li .cf-tp img{ display:block; margin:auto; position:absolute; max-width:280px; max-height:380px; top:0px; bottom:0px; left:0px; right:0px;}
.zz-nr ul li .cf-wz{ width:100%; float:left; text-align:center; text-transform:capitalize; font-size:15px; height:40px; line-height:40px; background:#0058b1; color:#fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top:3px;}
.zz-nr ul li:hover{ border:1px solid #0058b1} 
.zz-nr ul li:hover .cf-wz{ background:#ff9a00}
/***************************/
.xw{ width:100%; padding:50px 0px; background:#f4f4f4; height:560px;}
.xw-in{ width:1200px; height:560px; margin:0 auto; position:relative; overflow:hidden}
.xw-in ul{ width:1260px;}
.xw-in ul li{ float:left; margin-right:40px; background:#fff; height:560px; width:373px;}
.xw-in ul li .xw-bt{ width:100%; height:60px; line-height:60px; background:#0058b1; float:left}
.xw-in ul li .xw-bt span#wz{ color:#fff;font-size: 18px; padding-left:20px; display:block; float:left; font-weight:500}
.xw-in ul li .xw-bt span#mo{ color:#f5f5f5;font-size: 16px; padding-right:20px; display:block; float:right; font-weight:500}
.xw-in ul li .xw-bt span#mo:hover{ color:#ff0}
.xw-in ul li .xw-lb{ padding:20px; float:left; width:333px}
.xw-in ul li .xw-lb .lb-tp{ width:100%; float:left}
.xw-in ul li .xw-lb .lb-nr{ width:100%; float:left;}
.xw-in ul li .xw-lb .lb-nr span{ display:block; width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; float:left; font-size:15px; color:#666; border-bottom:1px solid #ddd; height:40px; line-height:40px; margin-top:10px}
.xw-in ul li .xw-lb .lb-nr span:hover{ color:#0058b1; border-bottom:1px solid #0058b1}
/***********************/
.fot{ width:100%; height:50px; background:#0058b1}
.fot-in{ width:1200px; height:50px; line-height:50px; margin:0 auto;border-right: solid 1px #0068d2;}
.fot-in ul{}
.fot-in ul li{border-left: solid 1px #0068d2; height:50px; text-align:center; line-height:50px; width:149px; color:#fff; font-size:15px; float:left}
.fot-in ul li:hover{ background:#ff9a00}
/**********************/
.bq{ width:100%; background:#fff; height:265px;}
.bq-in{ width:1200px; height:265px; margin:0 auto; position:relative; overflow:hidden}
.bq-in .bq-lx{ float:left; width:480px; height:140px; margin-top:40px;}
.bq-in .bq-lx span{ display:block; width:100%; float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:15px; color:#666; line-height:1.8}
.bq-in .bq-gs{ float:left; background:url(foot_bg.png) left center no-repeat; padding-left:160px; width:100px; height:140px; margin-top:40px;}
.bq-in .bq-tp{ float:right; background:url(foot_bg.png) left center no-repeat; padding-left:160px;; height:140px; margin-top:40px;}
.bq-in .bq-bq{ width:100%; float:left; text-align:center; border-top:1px solid #0068d2; margin-top:30px; height:50px; line-height:50px; color:#666; font-size:15px;}
.bq-in .bq-bq a{ color:#666}
/********************/
.erweim {
    background: #ededed;
    z-index: 99999;
    position: fixed;
    bottom: 50px;
    right: 10px;
    width: 160px;
    overflow: hidden;
}
.gl {
    position: relative;
    padding: 8px;
    width: 150px;
}
.gl img{ display:block; float:left}
.gl p{ display:block; float:left; width:100%; text-align:center; height:45px; line-height:45px;}