@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:#fbf8f3}
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 #5a5a5a solid; background:url(topbg.jpg) top center no-repeat;}
.hy-in{ width:1200px; height:44px; margin:0 auto; color:#5a5a5a}
.hy-in a{ color:#5a5a5a}
.hy-in a:hover{ color:#ae0202}
/***********/
.fixednav{_top: expression(documentElement.scrollTop + "px");position: fixed;top: 0px;left: 0px;background: rgb(255,255,255,0.9);z-index: 99999;}
.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;font-family: ΢ÈíÑźÚ;font-size:18px; }
.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: rgb(43, 43, 43); ;font-size:18px;; z-index:2}
.logo-in .logo-dh ul li a span.over{ color:#fff; background:#ae0202; z-index:10; top:-120px;;font-size:18px;; }
/**************/
.abt{ width:100%; height:600px;background: url(abtbg.jpg) center no-repeat;}
.abt-in{ width:1200px; height:600px; margin:0 auto; position:relative; background:url(abtimg.jpg)left center no-repeat; position:relative}
.abt-in .abt-nr{ float:left; margin-left:325px; background:#f4eade; height:200px; width:500px; margin-top:60px; padding:20px;}
.abt-in .abt-nr span#bt{ color:#333; font-size:24px; display:block; width:100%; float:left; letter-spacing:1px;}
.abt-in .abt-nr span#js{ color:#333; font-size:16px; display:block; width:100%; float:left; letter-spacing:2px; line-height:1.4; margin-top:15px}
.abt-in .abt-nr span#js p{ text-indent:2em}
.abt-in .abt-sp{ float:right; background:#000; width:320px; height:240px; margin-top:60px}
.abt-in .abt-img{ float:left; margin-left:325px; background:#000; height:220px; margin-top:15px; width:875px; float:left}


/***********/
.pro{ width:100%; height:760px;padding:40px 0px; background-image: url(probg.jpg);background-repeat: no-repeat;background-position: center;background-attachment: fixed;-webkit-background-size: cover;background-size: cover;}
.pro-in{ width:1200px; height:760px; margin:0 auto; position:relative}
.pro-in .pro-tit{ width:1200px; position:relative; float:left;}
.pro-in .pro-tit span#zw{ width:100%; display:block; text-align:center; color:#fff; font-size:36px; font-weight:bold; letter-spacing:1px; bottom:0px; float:left; letter-spacing:2px}
.pro-in .pro-tit span#yw{ width:100%; display:block; text-align:center; color:#e5e5e5; font-size:17px; font-weight:bold; letter-spacing:2px; text-transform:uppercase; float:left; padding-top:5px}
.pro-in .pro-con{ width:100%; float:left; margin-top:40px;}
.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; overflow:hidden}
.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 .li-bt{width:100%; background:#fbe0bc; color:#fff; text-align:center; float:left; padding:12px 0px; }
.pro-in .pro-con ul li .li-bt span{ vertical-align: middle;font-size: 18px;margin-right: 10px;color:#333;}
.pro-in .pro-con ul li .li-bt i{width: 25px;height: 25px;vertical-align: middle;display: inline-block;background: url("right.png") no-repeat;background-size: auto;background-size: 100% 100%;}
.pro-in .pro-con ul li:hover span{color:#ae0202}
/**********/
.xw{ width:100%; height:550px; padding:40px 0px;}
.xw-in{ width:1200px; height:550px; margin:0 auto; position:relative}
.xw-in .xw-tit{ width:1200px; position:relative; float:left;}
.xw-in .xw-tit span#zw{ width:100%; display:block; text-align:center; color:#ae0202; font-size:36px; font-weight:bold; letter-spacing:1px; bottom:0px; float:left; letter-spacing:2px}
.xw-in .xw-tit span#yw{ width:100%; display:block; text-align:center; color:#5a5a5a; font-size:17px; font-weight:bold; letter-spacing:2px; text-transform:uppercase; float:left; padding-top:5px}
.xw-in .xw-con{ width:100%; float:left; margin-top:40px;}
.xw-in .xw-con .xw-img{ padding:8px; border:4px solid #ae0202; width:300px; height:400px; float:left}
.xw-in .xw-con .xw-nr{ float:right; height:424px; width:840px; border-top:1px solid #ae0202; }
.xw-in .xw-con .xw-nr ul{}
.xw-in .xw-con .xw-nr ul li{ float:left; width:826px; float:left; padding:12px; border-bottom:1px solid #ae0202; height:116px}
.xw-in .xw-con .xw-nr ul li span#bt{ width:100%; float:left; font-size:22px; display:block; color:#333}
.xw-in .xw-con .xw-nr ul li span#ms{ width:100%; float:left; letter-spacing:1px; line-height:1.5; color:#b4bbbf; margin-top:10px; font-size:15px; height:45px; overflow:hidden}
.xw-in .xw-con .xw-nr ul li span#sj{ width:100%; float:left; letter-spacing:1px; color:#787d82; margin-top:12px; font-size:13px}
.xw-in .xw-con .xw-nr ul li:hover{ background:rgb(255,255,255,0.8)}
.xw-in .xw-con .xw-nr ul li:hover span#bt{ color:#ae0202}
/***************************/
.case{ width:100%; height:350px;padding:40px 0px; background-image: url(probg.jpg);background-repeat: no-repeat;background-position: center;background-attachment: fixed;-webkit-background-size: cover;background-size: cover;}
.case-in{ width:1200px; height:350px; margin:0 auto; position:relative}
.case-in .case-tit{ width:1200px; position:relative; float:left;}
.case-in .case-tit span#zw{ width:100%; display:block; text-align:center; color:#fff; font-size:36px; font-weight:bold; letter-spacing:1px; bottom:0px; float:left; letter-spacing:2px}
.case-in .case-tit span#yw{ width:100%; display:block; text-align:center; color:#e5e5e5; font-size:17px; font-weight:bold; letter-spacing:2px; text-transform:uppercase; float:left; padding-top:5px}
.case-in .case-con{ width:100%; float:left; margin-top:40px;}
.case-in .case-con ul{}
.case-in .case-con ul li{ float:left; padding:8px; border:1px solid #fbe0bc; width:285px; height:206px; margin-right:20px;}
.case-in .case-con ul li .li-tp{ width:285px; height:206px; position:relative; float:left}
.case-in .case-con ul li .li-tp img{ position:absolute; max-width:285px; max-height:206px; top:0px; bottom:0px; left:0px; right:0px; margin:auto;}
.case-in .case-con ul li:hover{ border:1px solid #ae0202}
/*************************/
.bot{ width:100%; height:140px; background:#ae0202; padding:40px 0px;}
.bot-in{ width:1200px; height:140px; margin:0 auto; position:relative}
.bot-in .bot-lg{ width:100%; height:90px; float:left; background:url(botlg.png) center no-repeat;}
.bot-in .bot-bq{ width:100%; text-align:center; color:#fff; font-size:14px; line-height:2; }
/************************/
.yb_conct{position:fixed;z-index:9999999;bottom:80px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0px 0px 25px 18px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}