@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%;
	}
}
/************/
/*head*/
.hy{width: 100%;height: 50px;line-height: 50px;background-color:#272727;color: #fff; font-size:12px}
.hy-in{ width:1200px; height:50px; margin:0 auto;}
.hy-in a{ color:#fff}
/***********/
.top-cen{ width:100%; height:150px;}
.top-cen-in{ width:1200px; height:150px; margin:0 auto}
.top-cen-in .top-logo{ height:150px; width:926px; float:left; background:url(logo.PNG) center no-repeat }
.top-cen-in .top-lx{ height:150px; /*width:400px;*/ float:right; background:url(lx.png) center no-repeat; width:272px }
/****************/

.dh{width: 100%;height: 56px;line-height: 56px; background:url(navbg.jpg) center no-repeat;}
.dh-in{ width:1200px; height:56px; position:relative; margin:0 auto;border-left: 1px #5999cc solid;}
.dh-in ul{ display:block; display:block; width:1220px;}
.dh-in ul li{ height:56px; line-height:56px;  color:#fff; float:left; text-align:center; width:171px; font-size:15px;font-size:16px; font-weight:bold}
.dh-in ul li.on{color:#fff; background:url(navnow.jpg) center no-repeat;}
.dh-in ul li:hover{ color:#fff; background:url(navnow.jpg) center no-repeat;}
/**************************/
.ad{ width:100%; height:139px; background:url(ad.jpg) center no-repeat;}
.ad-in{ width:1200px; margin:0 auto; position:relative; height:139px;}
.ad-in span#dh{font-size: 30px;color: #FFFFFF;font-family: impact; position:absolute; right:8px; font-weight:bold; top:55px;}
.ad-in span#dz{font-size: 15px;color: #fff; right:8px; top:95px; position:absolute}
/**************************/
.fw{ width:100%; height:auto; padding:50px 0px; background:#efefef}
.fw-in{ width:1200px; height:auto; margin:0 auto; position:relative}
.fw-in .fw-tit{ width:1200px; float:left; height:90px; text-align:center; position:relative}
.fw-in .fw-tit .fw-tp{ width:100%; height:56px; background:url(fwtit.png)center center no-repeat; float:left}
.fw-in .fw-tit .fw-wz{font-size: 16px;color: #000;line-height: 24px;margin-top: 8px; width:100%; text-align:center; float:left}
/************************/
.pro{ width:100%; height:725px; padding:50px 0px;}
.pro-in{ width:1200px; height:725px; margin:0 auto; position:relative}
.pro-in ul{ width:1250px;}
.pro-in ul li{ float:left; border:1px solid #efefef; margin-bottom:30px; margin-right:30px; width:378px; height:345px;}
.pro-in ul li .li-tp{ width:378px; height:285px; position:relative; float:left;}
.pro-in ul li .li-tp img{ display:block; max-width:378px; max-height:285px; margin:auto; position:absolute; top:0px; right:0px; bottom:0px; left:0px}
.pro-in ul li .li-wz{ width:100%; height:60px; line-height:60px; text-align:center; color:#fff; font-size:16px; float:left; background:#07468b}
.pro-in ul li:hover{ border:1px solid #3299a0}
.pro-in ul li:hover .li-wz{ background:#3299a0}
/***********/
.ys{ width:100%; height:510px; background:url(ys-bg.jpg) center no-repeat}
.ys-in{ width:1200px; height:510px; position:relative; margin:0 auto; }
.ys-in span#wz{font-size: 28px;color: #fff; position:absolute;top: 100px;left: 310px;}
.ys-in span#mc{font-size: 25px;color: #FFFFFF;font-weight: bold; position:absolute; width:243px; text-align:center; top:155px; display:block}
.ys-in span#mo{ background:#3299a0; display:block; height:35px; line-height:35px; text-align:center; color:#fff; font-size:14px; position:absolute; width:143px;top: 300px;left: 50px;}
.ys-in span#mo:hover{ background:#fff; color:#3299a0}
.ys-in span#zx{ font-size:14px; color:#fff; display:block; width:243px; text-align:center; position:absolute; top:365px}
.ys-in span#dh{ font-size:26px; color:#fff; display:block; width:243px; text-align:center; position:absolute; top:395px}
.ys-in .ys-js{ width:890px; position:absolute; right:30px; height:200px;top:250px}
.ys-in .ys-js ul{ width:960px;}
.ys-in .ys-js ul li{ float:left; width:185px; margin:0px 25px;}
.ys-in .ys-js ul li .li-ys{ width:185px; height:112px; text-align:center; line-height:112px; color:#fff; float:left; background:url(ys-icon.png) center no-repeat; font-weight:bold; font-size:20px; }
.ys-in .ys-js ul li .li-js{ width:100%; text-align:center; float:left; margin-top:20px; font-size:14px; color:#fff}
/**************************/
.abt{ width:100%; height:590px; padding:50px 0px; background:url(about-bg.jpg) center no-repeat}
.abt-in{ width:1200px; height:590px; margin:0 auto; position:relative}
.abt-in .abt-tit{position:absolute; right:10px; top:80px;}
.abt-in .abt-tit .abt-tp{ width:100%; height:56px; background:url(abttit.png)left center no-repeat; float:left}
.abt-in .abt-tit .abt-wz{font-size: 16px;color: #000;line-height: 24px;margin-top: 8px; width:100%; float:left}
.abt-in .abt-nr{ width:617px; height:256px; position:absolute; bottom:0px; right:0px; padding:15px; overflow:hidden}
.abt-in .abt-nr p{font-size:15px;font-family: "Microsoft YaHei";color:#fff;line-height: 30px; text-indent:2em;}
/*************************/
.lx{ width:100%; background:url(lxbg.jpg) center no-repeat; height:342px;}
.lx-in{ width:1200px; height:342px; position:relative; margin:0 auto;}
.lx-in .lx-le{ width:600px; float:left; height:342px; position:relative}
.lx-in .lx-le span#dz{ font-size: 26px;color: #FFFFFF;font-weight: bold; display:block; float:left; letter-spacing:2px; margin-top:60px;}
.lx-in .lx-le span#xz{font-size: 15px;color: #FFFFFF;margin-top: 30px;margin-bottom: 40px;line-height: 30px;height: 60px; display:block; float:left; width:100%}
.lx-in .lx-le span#mo{width: 95px;line-height: 29px;border: solid 1px #FFFFFF;text-align: center; display:block; float:left; margin-top:20px; color:#fff}

.lx-in .lx-ri{ width:600px; float:right; height:342px; position:relative}
.lx-in .lx-ri span#dz{ font-size: 26px;color: #FFFFFF;font-weight: bold; display:block; float:left; letter-spacing:2px; margin-top:60px; margin-left:75px; width:525px;}
.lx-in .lx-ri span#xz{font-size: 15px;color: #FFFFFF;margin-top: 30px;margin-bottom: 40px;line-height: 30px;height: 60px; display:block; float:left; width:100%; margin-left:75px; width:525px;}
.lx-in .lx-ri span#mo{width: 95px;line-height: 29px;border: solid 1px #FFFFFF;text-align: center; display:block; float:left; margin-top:20px; color:#fff; margin-left:75px;}
/*************************/
.case{ width:100%; height:475px; padding:50px 0px;}
.case-in{ width:1200px; height:475px; margin:0 auto; position:relative}
.case-in .case-tit{ width:100%; float:left; height:90px; background:url(casetit.png) center no-repeat;}
.case-in .case-tit span{ display:block; width:100%; text-align:center;font-size: 16px;color: #000;line-height: 24px;margin-top: 70px; float:left}
.case-in .case-con{ width:100%; float:left; height:252px; margin-top:40px; overflow:hidden}
.case-in .case-con ul{}
.case-in .case-con ul li{ float:left; margin-right:30px; width:275px; border:1px solid #efefef; height:250px;}
.case-in .case-con ul li .li-sp{ width:275px; height:207px; position:relative; float:left; background:#efefef;}
.case-in .case-con ul li .li-sp img{ display:block; position:absolute; max-width:275px; max-height:207px; top:0px; bottom:0px; right:0px; left:0px; margin:auto}
.case-in .case-con ul li span{ background:#07468b; display:block; width:100%; height:43px; line-height:43px; text-align:center; color:#fff; float:left}
.case-in .case-con ul li:hover{border:1px solid #3299a0}
.case-in .case-con ul li:hover span{background:#3299a0; }
.case-in .case-mo{ float:left; width:100%; height:50px; margin-top:40px;}
.case-in .case-mo span{ height:50px; line-height:50px; margin:0 auto; text-align:center;background:#07468b; color:#fff; display:block; width:160px; border-radius:10px}
.case-in .case-mo span:hover{background:#3299a0;}
/*************************/
.xw{ width:100%; height:375px; padding:50px 0px;background:#efefef}
.xw-in{ width:1200px; height:375px; margin:0 auto; position:relative; }
.xw-in .xw-le{ width:600px; height:375px; float:left; position:relative; background:#fff}
.xw-in .xw-le .xw-tit{ width:600px; height:130px; float:left; border-bottom:1px solid #bfbfbf}
.xw-in .xw-le .xw-tit .xw-t1{ width:220px; height:130px; float:left; background:#07468b}
.xw-in .xw-le .xw-tit .xw-t1 span#dz{ display:block; text-align:center; width:100%; color:#fff; font-weight:bold; font-size:32px; float:left; margin-top:30px;}
.xw-in .xw-le .xw-tit .xw-t1 span#xz{ display:block; text-align:center; width:100%; color:#fff; font-size:15px; float:left; margin-top:10px; text-transform:uppercase}
.xw-in .xw-le .xw-tit .xw-t2{ float:right; width:320px; height:130px; margin-right:30px}
.xw-in .xw-le .xw-tit .xw-t2 span#bt{ width:100%; float:left; border-bottom:1px dashed #07468b; padding-bottom:10px; color:#313131; font-size:16px; font-weight:bold; letter-spacing:1px; margin-top:20px; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xw-in .xw-le .xw-tit .xw-t2 span#bt:hover{ color:#07468b}
.xw-in .xw-le .xw-tit .xw-t2 span#ms{ font-size: 13px;color: #232222;line-height: 30px;margin-top: 10px;; text-indent:2em; width:100%; display:block; overflow:hidden; height:60px; float:left}
.xw-in .xw-le .xw-con{ width:100%; overflow:hidden; float:left;}
.xw-in .xw-le .xw-con ul{ width:610px;}
.xw-in .xw-le .xw-con ul li{ float:left; border-right:1px solid #bfbfbf; background:url(dian.jpg) no-repeat 20px center; border-bottom:1px solid #bfbfbf; width:260px; padding-left:40px; height:60px; line-height:60px; color:#333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xw-in .xw-le .xw-con ul li:hover{background:url(dianh.jpg) no-repeat 20px center #07468b; color:#fff }

.xw-in .xw-ri{ width:560px; height:375px; float:right; position:relative}
.xw-in .xw-ri ul{}
.xw-in .xw-ri ul li{ float:left; background:#fff; width:100%; margin-bottom:20px; height:112px;}
.xw-in .xw-ri ul li .li-img{float:left; height:112px; width:180px;}
.xw-in .xw-ri ul a:nth-of-type(1) .li-img {
background: url("xw1.jpg") no-repeat center top;
}
.xw-in .xw-ri ul a:nth-of-type(2) .li-img {
background: url("xw2.jpg") no-repeat center top;
}
.xw-in .xw-ri ul a:nth-of-type(3) .li-img {
background: url("xw3.jpg") no-repeat center top;
}
.xw-in .xw-ri ul li .li-hy{ float:right; margin-right:30px; width:320px;}
.xw-in .xw-ri ul li .li-hy span#bt{ width:100%; float:left; border-bottom:1px dashed #07468b; padding-bottom:10px; color:#313131; font-size:16px; font-weight:bold; letter-spacing:1px; margin-top:10px; display:block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xw-in .xw-ri ul li .li-hy span#bt:hover{ color:#07468b}
.xw-in .xw-ri ul li .li-hy span#ms{ font-size: 13px;color: #232222;line-height: 30px;margin-top: 8px;; text-indent:2em; width:100%; display:block; overflow:hidden; height:60px; float:left}


/************/
.fot{ width:100%; height:300px; background:#fff; border-top:20px solid #07468b; background:url(fotbg.jpg) center no-repeat}
.fot-in{ width:1200px; height:300px; margin:0 auto; position:relative}
.fot-in .fot-dh{ width:700px; float:left; height:213px; margin-top:40px;}
.fot-in .fot-dh .dh-nr{ width:700px; float:left; height:193px;}
.fot-in .fot-dh .dh-nr ul{ width:750px}
.fot-in .fot-dh .dh-nr ul li{ float:left; border-right:1px solid #b4b4b4; padding-right:30px; width: 90px; height: 140px;}
.fot-in .fot-dh .dh-nr ul li span{ color:#fff; font-size:15px; width:100%; display:block; float:left; padding-left:25px; padding-bottom:10px;}
.fot-in .fot-dh .dh-nr ul li span#xz{ font-size:13px; color:#b4b4b4;}
.fot-in .fot-dh .dh-nr ul li span#xz:hover{ color:#fff}
.fot-in .fot-dh .dh-nr ul li.zh{ border:none}

.fot-in .fot-dh .dh-bq{ width:700px; float:left; height:20px; color:#fff; font-size:14px; line-height:20px}

.fot-in .fot-lx{ width:450px; float:right; height:213px; margin-top:40px;}
.fot-in .fot-lx span{ font-size:25px; color:#fff; font-weight:bold; padding-bottom:7px; border-bottom:1px dashed #fff; display:block; width:100%; float:left; line-height:30px;}
.fot-in .fot-lx span p{color: #FFF;font-size: 15px;font-weight: normal; text-transform:uppercase}
.fot-in .fot-lx .lx-tp{ width:100%; float:left; margin-top:15px;}
.fot-in .fot-lx .lx-tp img{ display:block; float:left; width:130px;}
.fot-in .fot-lx .lx-tp .lx-fs{float: right;font-size: 14px;line-height: 27px;margin-left: 15px;color: #FFFFFF; float:right; width:302px}
/**********/