@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: 44px;line-height: 44px;border-bottom: 1px #efefef solid; background:url(topbg.jpg) top center no-repeat;}
.hy-in{ width:1200px; height:44px; margin:0 auto; color:#bfbfbf}
.hy-in a{ color:#bfbfbf}
/***********/
.fixednav{_top: expression(documentElement.scrollTop + "px");position: fixed;top: 0px;left: 0px;background:url(bg.png) center repeat;z-index: 99999;/*background:#fff;*/}
.logo{ width:100%; height:120px;}
.logo-in{ width:1200px; height:120px; margin:0 auto; position:relative}
.logo-in .logo-lg{ float:left; height:120px; width:600px;}
.logo-in .logo-dh{ float:right; height:120px; width:600px;}
.logo-in .logo-dh ul{}
.logo-in .logo-dh ul li{ float:left; height:120px; text-align:center; line-height:120px; width:100px; overflow:hidden; position:relative}
.logo-in .logo-dh ul li a { display:block; width:100px; height:120px; line-height:120px; text-align:center;}
.logo-in .logo-dh ul li a span{ position:absolute; left:0px; width:100px; height:120px; line-height:120px; text-align:center}
.logo-in .logo-dh ul li a span.out{ color:#333; font-size:14px; z-index:2}
.logo-in .logo-dh ul li a span.over{ color:#fff; background:#145aa1; z-index:10; top:-120px}
/**************************/
.fw{ width:100%; height:170px;}
.fw-in{ width:1200px; height:170px; margin:0 auto; position:relative}
.fw-in .fw1{ float:left; height:72px; position:relative; margin-top:49px; border-right:1px solid #efefef; width:336px; padding-right:30px;}
.fw-in .fw1 span#dz{ font-size:20px; color:#333; display:block; float:left; width:100%}
.fw-in .fw1 span#dz b{ font-size:24px; font-weight:bold}
.fw-in .fw1 span#xz{ width:336px; height:28px; display:block; background:#145aa1; text-align:center; color:#fff; float:left; margin-top:10px; line-height:28px; font-size:15px; letter-spacing:2px}
.fw-in .fw2{ float:left; height:72px; position:relative; margin-top:49px; border-right:1px solid #efefef; width:444px; padding:0px 40px;}
.fw-in .fw2 .biaodan{ width:100%; float:left;}
.fw-in .fw2 .biaodan .input-group{ width:100%; height:30px;}
.fw-in .fw2 .biaodan .form-control{ width:360px; height:28px; padding:0px 10px; border:1px solid #f0f0f0; float:left; color:#bfbfbf}
.fw-in .fw2 .biaodan .form-tijiao{ float:right; height:30px; background:url(ss.png) left center no-repeat; text-align:center; color:#fff; width:62px; border:none}
.fw-in .fw2 .ssc{ float:left; width:100%; margin-top:10px; font-size:14px; color:#333; height:28px; line-height:28px; overflow:hidden}
.fw-in .fw2 .ssc a{ color:#bfbfbf;}
.fw-in .fw3{ float:right;height:72px; position:relative; margin-top:49px; background:url(dh.png) left center no-repeat; width:200px; padding-left:80px;}
.fw-in .fw3 span#xz{ font-size:14px; color:#333; line-height:30px; display:block; float:left}
.fw-in .fw3 span#dz{ font-weight:bold; color:#145aa1; display:block; font-family:verdana,geneva,sans-serif; font-size:26px;}
/***********/
.pro{ width:100%; height:790px;padding:40px 0px; background:#f8f8f8;}
.pro-in{ width:1200px; height:790px; margin:0 auto; position:relative}
.pro-in .pro-tit{ width:1200px; height:70px; position:relative; float:left;}
.pro-in .pro-tit span#yw{ position:absolute; z-index:1; width:100%; display:block; text-align:center; color:#e5e5e5; font-size:48px; font-weight:bold; letter-spacing:2px; text-transform:uppercase;}
.pro-in .pro-tit span#zw{ position:absolute; z-index:2; width:100%; display:block; text-align:center; color:#000000; font-size:36px; font-weight:bold; letter-spacing:1px; bottom:0px;}
.pro-in .pro-con{ width:100%; float:left; margin-top:60px;}
.pro-in .pro-con ul{ width:1240px;}
.pro-in .pro-con ul li{ float:left; background:#fff; height:300px; margin-right:30px; margin-bottom:30px; border:1px solid #fff; width:378px}
.pro-in .pro-con ul li .li-img{ width:378px; position:relative; height:252px; float:left}
.pro-in .pro-con ul li .li-img img{ display:block; margin:auto; max-height:252px; max-width:378px; position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.pro-in .pro-con ul li span{ display:block; width:100%; background:#145aa1; color:#fff; text-align:center; float:left; height:48px; line-height:48px;}
.pro-in .pro-con ul li:hover span{ background:#145aa1}
/**************/
.abt{ width:100%; height:600px;background-image: url(abt-bg.jpg);background-repeat: no-repeat;background-position: center;background-attachment: fixed;-webkit-background-size: cover;background-size: cover;}
.abt-in{ width:1200px; height:600px; margin:0 auto; position:relative}
.abt-in .abt-con{ width:600px; height:440px; float:left; margin-top:80px; position:relative}
.abt-in .abt-con .abt-tit{ float:left; width:100%; height:37px; line-height:37px; font-size:28px; color:#fff}
.abt-in .abt-con .abt-tit span{ font-size:24px; text-transform:uppercase; color:#fff; padding-left:5px}
.abt-in .abt-con .abt-js{ float:left; width:100%; margin-top:50px;}
.abt-in .abt-con .abt-js p{ text-indent:2em;line-height:2; font-size:14px; color:#fff;}
.abt-in .abt-con .abt-mo{ width:200px; height:35px; border:1px solid #fff; border-radius:20px; float:left; margin-top:60px; text-align:center; color:#fff; font-size:16px; line-height:35px;}
.abt-in .abt-con .abt-mo:hover{ background:#fff; color:#145aa1}
.abt-in .abt-img{ width:550px; height:440px; float:right; margin-top:80px;}
/*************/
.ys{ width:100%; height:660px; background:#f8f8f8}
.ys-in{ width:1200px; height:660px; margin:0 auto; position:relative}
.ys-in .ys-tit{ width:1200px; height:70px; position:relative; float:left; margin-top:60px;}
.ys-in .ys-tit span#yw{ position:absolute; z-index:1; width:100%; display:block; text-align:center; color:#e5e5e5; font-size:48px; font-weight:bold; letter-spacing:2px; text-transform:uppercase;}
.ys-in .ys-tit span#zw{ position:absolute; z-index:2; width:100%; display:block; text-align:center; color:#000000; font-size:36px; font-weight:bold; letter-spacing:1px; bottom:0px;}
.ys-in .ys-tp{ width:590px; height:400px; float:left; margin-top:60px;}
.ys-in .ys-nr{ width:550px; height:400px; float:right; margin-top:60px; background:#fff}
.ys-in .ys-nr ul{}
.ys-in .ys-nr ul li{ float:left; padding:0px 15px; height:70px; width:520px; margin:15px 0px;}
.ys-in .ys-nr ul li img{ display:block; width:70px; height:70px; float:left;}
.ys-in .ys-nr ul li .ys-js{ float:right; width:440px; height:70px;}
.ys-in .ys-nr ul li .ys-js span#dz{ color:#696969; font-size:18px; font-weight:bold; letter-spacing:2px; display:block; width:100%; float:left; }
.ys-in .ys-nr ul li .ys-js span#xz{ color:#A9A9A9; font-size:15px; letter-spacing:2px; display:block; width:100%; float:left; margin-top:5px}

/**********/
.gc{width:100%; height:470px;background-image: url(gc-bg.jpg);background-repeat: no-repeat;background-position: center;background-attachment: fixed;-webkit-background-size: cover;background-size: cover;}
.gc-in{ width:1200px; height:470px; margin:0 auto; position:relative}
.gc-in .gc-tit{ width:1200px; height:70px; position:relative; float:left; margin-top:60px;}
.gc-in .gc-tit span#yw{ position:absolute; z-index:1; width:100%; display:block; text-align:center; color:#135881; font-size:48px; font-weight:bold; letter-spacing:2px; text-transform:uppercase;}
.gc-in .gc-tit span#zw{ position:absolute; z-index:2; width:100%; display:block; text-align:center; color:#fff; font-size:36px; font-weight:bold; letter-spacing:1px; bottom:0px;}
.gc-in .gc-con{ float:left; width:100%; margin-top:60px; overflow:hidden}
.gc-in .gc-con ul{}
.gc-in .gc-con ul li{ float:left; background:#fff; margin-left:30px; overflow:hidden; width:275px; border:5px solid #fff}
.gc-in .gc-con ul li .li-tp{ width:275px; height:183px; float:left; position:relative}
.gc-in .gc-con ul li .li-tp img{ display:block; max-width:275px; max-height:184px; position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto}
.gc-in .gc-con ul li .li-mc{ width:100%; float:left; height:35px; line-height:38px; text-align:center; color:#333}
.gc-in .gc-con ul li:hover{ border-color:#145aa1}
.gc-in .gc-con ul li:hover .li-mc{ background:#145aa1; color:#fff;}
/**********/
.xw{ height:530px; width:100%; background:url(xw-bg.jpg) center no-repeat;}
.xw-in{ width:1200px; height:530px; margin:0 auto; position:relative}
.xw-in .xw-tit{ width:1200px; height:70px; position:relative; float:left; margin-top:60px;}
.xw-in .xw-tit span#yw{ position:absolute; z-index:1; width:100%; display:block; text-align:center; color:#e5e5e5; font-size:48px; font-weight:bold; letter-spacing:2px; text-transform:uppercase;}
.xw-in .xw-tit span#zw{ position:absolute; z-index:2; width:100%; display:block; text-align:center; color:#000000; font-size:36px; font-weight:bold; letter-spacing:1px; bottom:0px;}
.xw-in .xw-con{ width:100%; float:left; margin-top:60px;}
.xw-in .xw-con ul{ width:105%;}
.xw-in .xw-con ul li{ float:left; width:580px; border-bottom: 1px solid #e5e5e5; height:120px; margin-right:40px; margin-bottom:40px}
.xw-in .xw-con ul li span#sj{width: 100%;float: left;font-family: 'Lato', sans-serif;font-size: 13px;font-weight: 300;color: #2c405b;vertical-align: baseline;margin-bottom: 5px; display:block}
.xw-in .xw-con ul li span#bt{font-size: 16px;line-height: 24px;font-weight: 500;color: #2c405b;float: left;margin-bottom: 10px;-webkit-transition: color 0.15s;-o-transition: color 0.15s;transition: color 0.15s; width:100%; voice-family:inherit; letter-spacing:2px;}
.xw-in .xw-con ul li span#bt:hover { color:#145aa1; font-weight:bold}
.xw-in .xw-con ul li span#ms{width: 100%;float: left;font-family: 'Lato', sans-serif;font-size: 14px;font-weight: 300;line-height: 22px;color: #2c405b;vertical-align: baseline;-webkit-transition: color 0.15s;-o-transition: color 0.15s;transition: color 0.15s; text-indent:2em}

/**********/
.bot{ width:100%; height:385px; background:#303644;}
.bot .bot-in{ width:1200px; height:385px; margin:0 auto; position:relative}
.bot .bot-in .bot-link{ border-bottom:1px solid #fff; float:left; width:100%; margin-top:40px; padding-bottom:15px}
.bot .bot-in .bot-link span#yw{ font-family:verdana,geneva,sans-serif; font-size:16px; color:#fff; text-transform:uppercase; font-weight:bold; display:block; width:100%;; float:left}
.bot .bot-in .bot-link span#lj{ font-size:16px; color:#fff; display:block; width:100%; float:left; margin-top:5px;}
.bot .bot-in .bot-link span#lj a{ padding:0px 10px; color:#fff; font-size:15px}
.bot .bot-in .bot-lx{ float:left; width:520px; height:190px;margin-top:50px; position:relative}
.bot .bot-in .bot-lx .lx-lg{ width:520px; float:left; height:67px;}
.bot .bot-in .bot-lx .lx-fs{ font-size:14px; color:#fff; line-height:2; float:left; width:100%; margin-top:18px;}
.bot .bot-in .bot-dh{ float:left; width:245px; height:190px; margin-top:50px; margin-left:40px; position:relative}
.bot .bot-in .bot-dh .dh-bt{ width:100%; float:left;}

.bot .bot-in .bot-tp{ float:right; height:190px; margin-top:50px; width:365px; position:relative}
.bot .bot-in .bot-tp img{ display:block; height:126px; float:left;}
.bot .bot-in .bot-tp span{ display:block; width:100%; color:#fff; float:left; margin-top:15px; line-height:2}