@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%;
	}
}
/**********/
.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:1px solid #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}
/*********************/
.pro{ width: 100%; padding: 50px 0px; height: 775px; background:#fff}
.pro-in{ width: 1200px; height: 775px; margin: 0 auto; position:relative}
.pro-in .pro-bt{ width: 100%; float: left;color:#0058b1; font-size: 32px; font-weight: bold;}
.pro-in .pro-xt{ width: 100%; height: 1px;  float: left; padding: 10px 0px;}
.pro-in .pro-xt span{ display:block; background: #f00; width: 60px; height: 1px;}
.pro-in .pro-xz{ width: 100%; font-size: 16px; color:#333; float: left;}
.pro-in .pro-mo{background-color: rgba(48,56,107,0);border: 1px solid #0058b1;transition: all .5s ease; width: 160px; height: 46px; text-align: center; color: #0058b1; position: absolute; right: 0px; line-height: 46px; top: 20px;}
.pro-in .pro-mo:hover{ background: #0058b1; color: #fff;}
.pro-in .pro-fl{ width: 1200px; margin-top: 30px; float:left}
.pro-in .pro-fl ul{ width: 1250px;}
.pro-in .pro-fl ul li{ float: left; margin-right: 15px; margin-bottom: 15px; border: 1px solid #ddd; background:#ebebeb; color: #000; text-align: center; height: 45px; line-height: 45px; font-size: 16px;width: 226px;;;}
.pro-in .pro-fl ul li:hover{background: #0058b1; color: #fff;}
.pro-in .pro-cp{ width: 1200px; float: left; margin-top: 20px;;}
.pro-in .pro-cp ul{ width: 1250px;;}
.pro-in .pro-cp ul li{ float: left; border: 1px solid #ededed; margin-right: 15px; margin-bottom: 15px; padding: 5px; width: 277px; overflow: hidden;}
.pro-in .pro-cp ul li .pro-tp{ width: 277px; overflow: hidden; height: 219px; position: relative; }
.pro-in .pro-cp ul li .pro-tp img{ max-width: 280px; max-height: 222px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; display: block; margin: auto;}
.pro-in .pro-cp ul li .pro-mc{ width: 100%; float: left; margin-top: 5px; height: 40px; background: #ebebeb; line-height: 40px; text-align: center; font-size: 16px; color: #000;;}
.pro-in .pro-cp ul li:hover{ border: 1px solid #0058b1;}
.pro-in .pro-cp ul li:hover .pro-mc{ background:  #0058b1; color: #fff;}
/*******************/
.cpys{ width:100%; height:1060px; padding:50px 0px; background:#f4f7fc}
.cpys-in{ width:1200px; height:1060px; margin:0 auto; position:relative}
.cpys-in .cpys-bt{ width: 100%; text-align: center; font-size: 32px; font-weight: bold; color: #0058b1; float: left; letter-spacing: 2px;}
.cpys-in .cpys-xt{ width: 100%; height: 1px; float: left; margin-top: 20px;}
.cpys-in .cpys-xt span{ display: block; width: 60px; height: 1px; background: #f00; margin: 0 auto;}
.cpys-in .cpys-js{ width: 100%; float: left; text-align: center; margin-top: 20px; font-size: 16px; color: #404040; letter-spacing: 2px;}
.cpys-in .cpys-nr{ width:1200px; height:475px; float:left; margin-top:40px; background:url(cpys.jpg) center no-repeat; position:relative}
.cpys-in .cpys-nr .cpys-wz{ width:600px; height:400px; float:right; margin-top:33.5px; margin-right:35px; position:relative}
.cpys-in .cpys-nr .cpys-wz .wz-dz{ width:100%; font-weight:bold; color:#232323; letter-spacing:2px; float:left; font-size:28px;}
.cpys-in .cpys-nr .cpys-wz .wz-xz{ width:100%; color:#666666; float:left; border-bottom:1px solid #e7e7e7; height:45px; line-height:30px; margin-top:15px; font-size:15px; letter-spacing:2px;}
.cpys-in .cpys-nr .cpys-wz .wz-xz b{ color:#0058b1}
.cpys-in .cpys-nr .cpys-wz .wz-zd{ width:100%; float:left; margin-top:20px; color:#666666; line-height:1.8; font-size:15px;}
.cpys-in .cpys-nr .cpys-wz .wz-ys{ width:100%; float:left; margin-top:20px; color:#666666; line-height:1.2; font-size:15px; font-weight:bold; padding-left:30px; background:url(dz.jpg) left center no-repeat}
.cpys-in .cpys-nr .cpys-wz .wz-mo{ width:200px; height:50px; border:1px solid #0058b1; float:left; margin-top:30px; border-radius:30px; text-align:center; line-height:50px; color:#0058b1; font-size:16px; letter-spacing:2px}
.cpys-in .cpys-nr .cpys-wz .wz-mo:hover{ background:#0058b1; color:#fff}
.cpys-in .cpys-sm{ width:1200px; height:400px; float:left; margin-top:40px;}
.cpys-in .cpys-sm ul{ width:1260px;}
.cpys-in .cpys-sm ul li{ width:372px; border:1px solid #0058b1; border-radius:10px; float:left; margin-right:40px; height:398px; background:#fff}
.cpys-in .cpys-sm ul li .li-tb{ width:100%; float:left; height:90px; margin-top:30px;}
.cpys-in .cpys-sm ul li .li-dz{ width:100%; float:left; text-align:center; color:#232323; font-size:28px; font-weight:bold; letter-spacing:2px; margin-top:20px;}
.cpys-in .cpys-sm ul li .li-xz{ width:292px; float:left; text-align:center; color: #666666; line-height: 28px; margin: 0 0 15px; font-weight: 400; margin-top:20px; font-size:16px; padding:0px 40px}
.cpys-in .cpys-sm ul li .li-mo{ width:100%; height:50px; float:left; margin-top:20px;}
.cpys-in .cpys-sm ul li .li-mo span{ display:block; margin:0 auto; width:220px; text-align:center; color:#0058b1; border:1px solid #dee2e6; height:48px; line-height:48px; border-radius:30px; font-size:16px; font-weight:bold; letter-spacing:2px}
.cpys-in .cpys-sm ul li .li-mo span:hover{ background:#0058b1; color:#fff}
/******************/
.case{ width:100%; height:390px; padding:50px 0px;background:#fff}
.case-in{ width:1200px; height:390px; margin:0 auto; position:relative}
.case-in .case-bt{ width: 100%; float: left;color:#0058b1; font-size: 32px; font-weight: bold;}
.case-in .case-xt{ width: 100%; height: 1px;  float: left; padding: 10px 0px;}
.case-in .case-xt span{ display:block; background: #f00; width: 60px; height: 1px;}
.case-in .case-xz{ width: 100%; font-size: 16px; color:#333; float: left;}
.case-in .case-mo{background-color: rgba(48,56,107,0);border: 1px solid #0058b1;transition: all .5s ease; width: 160px; height: 46px; text-align: center; color: #0058b1; position: absolute; right: 0px; line-height: 46px; top: 20px;;}
.case-in .case-mo:hover{ background: #0058b1; color: #fff;}
.case-in .case-nr{ width:100%; float:left; margin-top:40px; overflow:hidden}
.case-in .case-nr ul{ width:105%}
.case-in .case-nr ul li{float: left; border: 1px solid #ededed; margin-right: 15px; margin-bottom: 15px; width: 287px; overflow: hidden;}
.case-in .case-nr ul li .cs-tp{width: 287px; overflow: hidden; height: 210px; position: relative; background:#fff}
.case-in .case-nr ul li .cs-tp img{max-width: 290px; max-height: 218px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; display: block; margin: auto;}
.case-in .case-nr ul li .cs-wz{ width:100%; height:50px; line-height:50px; text-align:center; float:left; background:#ebebeb; color:#000; font-size:16px;}
.case-in .case-nr ul li:hover .cs-wz{background:#0058b1; color:#fff;}
/******************/
.abt{ width:100%; height:705px; padding:50px 0px; background:#f4f7fc url(abtbg.jpg)top center no-repeat}
.abt-in{ width:1200px; height:705px; margin:0 auto; position:relative}
.abt-in .abt-bt{ width: 100%; float: left;color:#0058b1; font-size: 32px; font-weight: bold;}
.abt-in .abt-xt{ width: 100%; height: 1px;  float: left; padding: 10px 0px;}
.abt-in .abt-xt span{ display:block; background: #f00; width: 60px; height: 1px;}
.abt-in .abt-xz{ width: 100%; font-size: 16px; color:#333; float: left;}
.abt-in .abt-mo{background-color: rgba(48,56,107,0);border: 1px solid #0058b1;transition: all .5s ease; width: 160px; height: 46px; text-align: center; color: #0058b1; position: absolute; right: 0px; line-height: 46px; top: 20px;;}
.abt-in .abt-mo:hover{ background: #0058b1; color: #fff;}
.abt-in .abt-nr{ width:100%; float:left; margin-top:20px;}
.abt-in .abt-nr p{ line-height:2; font-size:18px; color:#000000; text-indent:2em;}
.cf{ width: 1140px; background: #fff; float: left; height:340px; margin-top: 50px; padding:30px;;}
.cf-bt{ float: left; width: 100%; text-align: center; color: #5a5a5a; letter-spacing: 2px; font-size: 22px; font-weight: bold; text-transform: uppercase;}
.cf-nr{ width: 100%; float: left; overflow: hidden; width: 1140px; margin-top: 30px;;}
.cf-nr ul{ width: 102%;}
.cf-nr ul li{ float: left; margin-right: 30px; width: 360px; overflow: hidden; position: relative; height: 270px; background: #f4f4f4;}
.cf-nr ul li img{ position: absolute; display: block; margin: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; max-width: 360px; max-height: 270px;;}


/*******************/
.gg{ width:100%; height:280px; background:url(gg.jpg) center no-repeat}
.gg-in{ width:1200px; height:280px; margin:0 auto; position:relative}
/******************/
.lc{ width:100%; height:450px; padding-top:50px;background:#fff }
.lc-in{ width:1200px; height:450px; margin:0 auto; position:relative}
.lc-in .lc-bt{ width: 100%; text-align: center; font-size: 32px; font-weight: bold; color: #0058b1; float: left; letter-spacing: 2px;}
.lc-in .lc-xt{ width: 100%; height: 1px; float: left; margin-top: 20px;}
.lc-in .lc-xt span{ display: block; width: 60px; height: 1px; background: #f00; margin: 0 auto;}
.lc-in .lc-js{ width: 100%; float: left; text-align: center; margin-top: 20px; font-size: 16px; color: #404040; letter-spacing: 2px;}
.lc-in .lc-nr{ width:1200px; float:left; height:269px; margin-top:50px; background:url(lcnr.png) center no-repeat}
/******************/
.xw{ width: 100%; height: 590px; background: #fff;padding: 50px 0px; }
.xw-in{ width: 1200px; margin: 0 auto; position: relative;height: 590px;}
.xw-in .xw-bt{ width: 100%; float: left;color:#0058b1; font-size: 32px; font-weight: bold;}
.xw-in .xw-xt{ width: 100%; height: 1px;  float: left; padding: 10px 0px;}
.xw-in .xw-xt span{ display:block; background: #f00; width: 60px; height: 1px;}
.xw-in .xw-xz{ width: 100%; font-size: 16px; color:#333; float: left;}
.xw-in .xw-mo{background-color: rgba(48,56,107,0);border: 1px solid #0058b1;transition: all .5s ease; width: 160px; height: 46px; text-align: center; color: #0058b1; position: absolute; right: 0px; line-height: 46px; top: 20px;;}
.xw-in .xw-mo:hover{ background: #0058b1; color: #fff;}
.xw-in .xw-tp{ background:url(xwtp.jpg) center no-repeat; width: 588px; float: left; height: 458px; margin-top: 40px; position: relative;}
.xw-in .xw-tp span{ display: block; width: 100%; background: rgba(0,0,0,.5); color: #fff; text-align: center; font-size: 16px; letter-spacing: 2px; font-weight: bold; height: 50px; line-height: 50px; position: absolute; left: 0px; bottom: 0px;;}
.xw-in .xw-lb{ width: 588px; float: right; height: 458px; margin-top: 40px;;}
.xw-in .xw-lb ul{ width: 100%;}
.xw-in .xw-lb ul li{ width: 96%; padding: 2%; background:#f4f7fc; float: left; height: 77px; margin-bottom: 19px;}
.xw-in .xw-lb ul li .xw-sj{ width: 15%; border-right: 1px solid #dddddd; height: 100%; float: left; text-align: center;}
.xw-in .xw-lb ul li .xw-sj span#ri{ width: 100%; display: block; float: left; font-size: 30px;color: #202b66;text-align: center; margin-top: 3px;}
.xw-in .xw-lb ul li .xw-sj span#ny{ width: 100%; display: block; float: left; font-size: 16px;color: #202b66;text-align: center;margin-top: 8px;;}
.xw-in .xw-lb ul li .xw-nr{ width: 82%; float: right; height: 100%;}
.xw-in .xw-lb ul li .xw-nr .nr-bt{ width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 16px; color: #333; float: left; font-weight: bold;}
.xw-in .xw-lb ul li .xw-nr .nr-ms{ width: 100%; float: left;font-size: 14px;height: 46px;line-height: 24px;color: #999;overflow: hidden;-webkit-line-clamp: 2px;-webkit-box-orient: vertical;text-overflow: ellipsis; margin-top: 10px;}
.xw-in .xw-lb ul li:hover{ background: #0058b1;}
.xw-in .xw-lb ul li:hover .xw-sj{ border-right:1px solid #fff}
.xw-in .xw-lb ul li:hover .xw-sj span#ri{ color: #fff}
.xw-in .xw-lb ul li:hover .xw-sj span#ny{ color: #fff}
.xw-in .xw-lb ul li:hover .xw-nr .nr-bt{ color: #fff}
.xw-in .xw-lb ul li:hover .xw-nr .nr-ms{ color: #fff}
/*******************/
.fot{ width: 100%;overflow: hidden;background:#181818;padding:50px 0px; height:210px}
.fot-in{ width:1200px; height:210px; margin:0 auto; position:relative}
.fot-in .fot-dh{width: 100%;overflow: hidden;height: 54px;line-height: 54px;background:#0058b1;border-radius: 5px;text-align: center;overflow:hidden}
.fot-in .fot-dh ul{ width:105%;}
.fot-in .fot-dh ul li{border-left: solid 1px #0068d2; height:54px; text-align:center; line-height:54px; width:149px; color:#fff; font-size:15px; float:left}
.fot-in .fot-dh ul li:hover{ background:#ff9a00}
.fot-in .fot-lx{float: left;line-height: 30px;color:#666; float:left; margin-top:40px;}
.fot-in .fot-ewm{ width:193px; height:120px; float:right; margin-top:40px;}
.fot-in .fot-lx a{color:#666}
.fot-in .fot-lx a:hover{color:#fff}
/**************/