@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: 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%; height:117px; position:relative; z-index:9999;margin-top: -57px;}
.abt-in{ width:1200px; height:117px; margin:0 auto; position:relative}
.abt-in .abt-bt{ height: 117px;background: #fff;box-shadow: 4px 4px 8px #efefef;width:100%;}
.abt-in .abt-bt .abt-tp{ width:208px; height:117px; float:left;}
.abt-in .abt-bt .abt-dz{ color:#323232; height:117px; float:left; font-size:30px; width:400px; margin-left:45px; line-height:117px; font-weight:bold}
.abt-in .abt-bt .abt-dz b{ color:#0058b1}
.abt-in .abt-bt .abt-xz{float: left; margin: 42px 0 0;padding: 0 0 0 50px;color: #000;border-left: solid 1px #dedede;line-height: 32px; font-family: "Microsoft Yahei"; font-size:16px; font-style: normal;}
.abt-in .abt-bt .abt-mo{width: 275px;text-align: center;float: right;background: #efefef; height:117px}
.abt-in .abt-bt .abt-mo span{ display:block;color: #333;line-height: 39px;border: solid 3px #c3c3c3;margin: 0 auto;width: 194px; font-size:16px; margin-top:36px}
.abt-in .abt-bt .abt-mo span:hover{background:#0058b1; color:#fff}
/********************/
.sp{ width:100%; height:188px; padding:50px 0px; background:#fff}
.sp-in{ width:1200px; height:188px; margin:0 auto; position:relative}
.sp-in .sp-bt{ width:1200px; height:188px; background:url(spbt.png) center no-repeat; float:left}
/**********************/
.snr{ width:100%; background:url(spbg.jpg) center no-repeat; height:685px;}
.snr-in{ width:1200px; height:685px; margin:0 auto; position:relative}
.snr-in ul{ width:1250px;}
.snr-in ul li{ float:left; width:280px; height:570px; background:#fff;margin-right: 13px; margin-top:50px; border:5px solid #fff}
.snr-in ul li .sp-mc{ width:100%; float:left;background: url(spmc.png)no-repeat center;color: #333;font-size: 20px;line-height: 75px; text-align:center; font-weight:bold}

/******************/
.al{ width:100%; height:950px; padding:50px 0px; background:#fff url(anli.jpg)top center no-repeat}
.al-in{ width:1200px; height:950px; margin:0 auto; position:relative}
.al-in .al-bt{ width:1200px; height:188px; background:url(albt.png) center no-repeat; float:left}
.al-in .al-nr{ width:1200px; float:left; height:600px; margin-top:50px;}
.al-in .al-nr ul{ width:1250px;}
.al-in .al-nr ul li{ float:left; width:386px; margin-right:21px; margin-bottom:28px; height:350px; overflow:hidden}
.al-in .al-nr ul li .al-tp{ width:386px; height:290px; position:relative; float:left; overflow:hidden}
.al-in .al-nr ul li .al-tp img{ max-width:386px; max-height:290px; position:relative; left:0px; right:0px; top:0px; bottom:0px; margin:auto}
.al-in .al-nr ul li .al-mc{ width:30px; float:left; margin-top:20px; width:100%;}
.al-in .al-nr ul li .al-mc span#mc{color: #333;font-size: 18px; padding-left: 10px; float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display:block; float:left; line-height:28px}
.al-in .al-nr ul li .al-mc span#mo{width: 96px;height: 28px;border: 1px solid #666;color: #666;font-size: 14px;text-align: center;border-radius: 5px; float:right; display:block; line-height:28px;}
.al-in .al-nr ul li .al-mc span#mo:hover{ background:#0058b1; color:#fff}
/********************/
.js{ width:100%; height:188px; padding:50px 0px;  background:#f8f8f8}
.js-in{ width:1200px; height:188px; margin:0 auto; position:relative}
.js-in .js-bt{ width:1200px; height:188px; background:url(jsbt.png) center no-repeat; float:left}
/********************/
.jnr{ width:100%; height:680px; background:#f8f8f8}
.jnr-in{ width:1200px; height:680px; margin:0 auto; position:relative;}
.jnr-in .jnr-tp{ width:1200px; height:370px; background:url(abttp.jpg) center no-repeat; position:relative}
.jnr-in .jnr-tp .jnr-dz{ font-size:26px; font-weight:bold; float:left; position:absolute; left:30px; top:30px; color:#0058b1; letter-spacing:2px}
.jnr-in .jnr-tp .jnr-xt{ position:absolute; left:30px; top:75px; width:60px; height:4px; background:#cacaca}
.jnr-in .jnr-tp .jnr-js{ width:550px; position:absolute; left:30px; top:95px; color:#666666}
.jnr-in .jnr-tp .jnr-js p{ text-indent:2em; font-size:16px; line-height:1.8; color:#666666}

.jnr-in .jnr-cf{ width:1200px; height:88px; float:left; margin-top:30px;}
.jnr-in .jnr-cf ul{ width:1210px;}
.jnr-in .jnr-cf ul li{ width:297px; margin-right:4px;float: left;height: 224px; position:relative; overflow:hidden}
.jnr-in .jnr-cf ul li img{ display:block; max-width:300px; max-height:225px; position:absolute; margin:auto; left:0px; right:0px; top:0px; bottom:0px;}
/******************/
.case{ width:100%; height:600px; padding:50px 0px;background:#fff}
.case-in{ width:1200px; height:600px; margin:0 auto; position:relative}
.case-in ul{width:1250px;}
.case-in ul li{ float:left;box-shadow: 0px 0px 10px #e0e0e0; float:left; width:380px; height:285px; overflow:hidden; margin-bottom:30px; margin-right:30px; position:relative}
.case-in ul li .case-tp{ position:relative; width:380px; height:285px; overflow:hidden; background:#efefef }
.case-in ul li .case-tp img{ max-width:380px; max-height:285px; margin:auto; position:absolute; left:0px; right:0px; top:0px; bottom:0px;}
.case-in ul li .case-mc{ width:380px; height:50px; line-height:50px; position:absolute; z-index:222; bottom:0px; left:0px; text-align:center; color:#fff; font-weight:bold; font-size:18px; background:url(mc.png) repeat}
.case-in ul li:hover .case-mc{ background:url(mch.png) repeat}
/******************/
.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:510px; padding-top:50px;background:#fff }
.lc-in{ width:1200px; height:510px; margin:0 auto; position:relative}
.lc-in .lc-bt{ width:1200px; height:188px; background:url(lcbt.png) center no-repeat; float:left}
.lc-in .lc-nr{ width:1200px; float:left; height:269px; margin-top:50px; background:url(lcnr.png) center no-repeat}
/******************/
.xw{ width:100%; height:675px; padding:50px 0px; background:#fff}
.xw-in{ width:1200px; height:675px; margin:0 auto; position:relative}
.xw-in .xw-bt{ width:1200px; height:188px; background:url(xwbt.png) center no-repeat; float:left}
.xw-in .xw-le{ float:left; width:720px; height:500px; margin-top:50px;}
.xw-in .xw-le .le-tp{ float:left; width:100%; height:130px;}
.xw-in .xw-le .le-nr{ float:left; margin-top:20px; width:100%; }
.xw-in .xw-le .le-nr ul{}
.xw-in .xw-le .le-nr ul li{ float:left; width:100%; height:40px; line-height:40px; border-bottom:1px dashed #e7e7e7}
.xw-in .xw-le .le-nr ul li span#bt{ displayL:block; width:550px; height:40px; line-height:40px; float:left; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#525252; float:left; font-size:16px; letter-spacing:1px;}
.xw-in .xw-le .le-nr ul li:hover span#bt{ color:#0058b1}
.xw-in .xw-le .le-nr ul li span#sj{ display:block; float:right; line-height:40px; color:#525252}

.xw-in .xw-ri{ float:right; width:430px; height:475px;margin-top:50px; }
.xw-in .xw-ri ul{ height:105%;}
.xw-in .xw-ri ul li{ float:left; margin-bottom:20px; width:100%; height:209px;background:#dedede; overflow:hidden}

/*******************/
.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; width:950px; float:left; margin-top:40px;}
.fot-in .fot-ewm{ width:193px; height:120px; float:right; margin-top:40px;}
/**************/