/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
img{border:0;}
body{ font-size:14px; font-family:"΢ÈíÑźÚ"}
a{ text-decoration:none; color:#333333}
a:hover{ text-decoration:none; color:#FF0000}
.clear{ clear:both;}
.bo{ width:1100px;margin:0 auto; }




#qq_icon {
	width:187px;
	height:193px;
	background:url(../images/qq_icon.png) no-repeat;
	position:fixed;
	right:-200px;
	top:150px;
	cursor:pointer;
	 z-index:999999
}
#cs_online{
	width:217px;
	height:324px;
	position:fixed;
	top:150px;
	right:-220px;
	background:url(../images/qq_bg.png) no-repeat;
	display:none;
	filter:alpha(opacity:0);
	opacity:0;
	 z-index:999999
}
.qq_context {
	width:185px;
	height:244px;
	margin-top:73px;
	margin-left:24px;
	list-style:none;
	padding:0px;
}
.qq_context li {
	width:175px;
	height:25px;
	margin-left:5px;
	margin-top:20px;
	float:left;
}
.span_t {
	display:block;
	float:left;
	color:#333;
	line-height:25px;
	font-size:12px;
	font-family:'Arial';
}



.head{ width:100%; border-top:#ff0000 solid 3px;}
.top{ height:35px; line-height:35px; background-color:#f4f4f4; margin-bottom:0px; text-align:center;}
.top-phone{ float:left; background: url(../images/icon1.png) left center no-repeat; padding-left:30px; color:#ff0000}
.top p{ float:right; letter-spacing:1px; margin-right:15px;}
.top p span{ color:#ff0000}
.name{ float:left; margin-top:25px;}
.lead{ float:right; width:605px; margin:35px 0; font-size:12px;}
.lead ul li{ float:left; width:85px; line-height:25px; float:left;}
.lead a{ font-size:14px; padding-right:10px;}

@media screen and (max-device-width: 700px) {
body{ font: normal 100% Helvetica, Arial, sans-serif;width:100%;}
#qq_icon { display:none}
.top{ display:none}
.name{ float:none; margin-top:20px; width:98%; padding:1%; margin-bottom:20px;}
.name img{ width:100%;}
.lead{ float:none; width:100%; margin:0px 0; font-size:12px;}
.lead ul li{ float:left; width:33%; line-height:40px; float:left; height:40px; background-color:#FF0000; text-align:center; margin:0 0.15%;}
.lead a{ font-size:14px; padding-right:10px; color:#FFFFFF;}
.lead ul li span{ display:none}
.hezuo-li{ display:none}
.bo{ width:100%;margin:0 auto; }
    }

/*  banner  */
.banner{ width:100%; float:right;position:relative;font-size:0;}
.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;}
.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{ position: absolute;z-index:100;margin-bottom:13px; bottom:30px; left:42%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:40px;height:3px;margin-left:15px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:40px;height:3px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:#fff;border:1px solid #fff;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#da251e; border:#da251e solid 1px;}
/* 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("../images/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:700px){.callbacks_nav{top:80%;}

.callbacks_tabs.callbacks1_tabs{ position: absolute;z-index:100;margin-bottom:13px; bottom:1%; left:42%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:20px;height:2px;margin-left:9px;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:20px;height:2px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:#fff;border:1px solid #fff;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#da251e; border:#da251e solid 1px;}
}

.about{ width:1100px; margin:50px auto;}
.about-title{ background:url(../images/about-title.png) center no-repeat; height:55px; margin-bottom:50px;}
.about-left{ float:left;}
.about-right{ width:620px; float:right}
.about-right>p{ line-height:25px; color:#333333}
.about-list{ margin-top:15px; line-height:30px;}
.about-list h3{ margin-bottom:5px;}
.about-list a{ margin:8px;}

.about-call a{ padding:5px 30px; background-color:#fb0000; border-radius:5px; color:#FFFFFF; float:left; margin-top:20px;}
.about-more a{ padding:5px 30px; background-color:#000; border-radius:5px; color:#FFFFFF; float:left; margin-left:20px;margin-top:20px;}

.laowu{ background:url(../images/bg1.jpg) center; min-height:308px; color:#FFFFFF; margin-top:50px;}
.laowu-title{ padding-top:30px;}
.laowu-title strong{ color:#fb0000; font-size:24px;}
.laowu ul{ margin-top:30px;}
.laowu ul li{ width:256px; float:left; margin:6px; text-align:center; padding:10px 0; height:140px; border-radius:10px; color:#333333}
.laowu ul li p{ padding:10px; font-size:13px;}


.guanggao{ width:1100px; margin:0 auto}
.guanggao img{ width:100%;}
.guanggao-bot{  width:1100px; margin:0 auto}
.guanggao-bot img{ width:100%;}


.zhaopin{ width:1100px; margin:50px auto;}
.zhaopins{ width:1100px; margin:50px auto;}
.zhaopin-title{ background:url(../images/zhaopin-title.png) center no-repeat; height:55px; margin-bottom:40px;}
.zhaopin ul li{ width:330px; float:left; background-color:#f4f4f4; border:#e8e8e8 solid 1px; padding:10px; margin:7px; height:190px}
.li-logo{ width:90px; height:50px; overflow:hidden; float:left;}
.li-logo img{ height:100%;}
.li-title{ float:left; margin-left:10px; width:220px}
.li-title h4{ color:#FF0000; font-size:16px; font-weight:500}
.li-title p{ font-size:13px; color:#333333; margin-top:10px;margin-left:60px;}

.li-p{ font-size:13px; line-height:25px; color:#333333; margin-top:10px;}
.li-a{ margin-top:10px;}
.li-a a{ margin-right:20px; color:#FF0000}
.li-a a:hover{text-decoration:underline}
.zhaopin-bottom{ color:#FF0000; margin-top:15px; margin-left:10px;}
.zhaopin-bottom strong{ font-size:16px;}
.zhaopin-bottom  a{ color:#333333; float:right; font-size:16px; margin-right:10px; text-decoration:underline}
.zhaopin-bottom  a:hover{ color:#FF0000}

.news{ background:url(../images/bg2.png) center; min-height:382px; margin:50px 0;}
.news-left{ width:46%; float:left; border-right:#ff0000 solid 1px; border-left:#ff0000 solid 1px;margin-top:40px; padding-right:20px; padding-left:20px;}
.news-right{ width:46%; float:right;border-right:#ff0000 solid 1px;margin-top:40px; padding-right:20px;}
.news-title{ font-size:18px; font-weight:500; }
.news-title strong{ font-size:20px;}
.news-title a{ float:right;}
.news ul{ margin-top:30px;}
.news ul li{ height:35px; line-height:35px;}
.huoban{ margin:50px auto; width:1100px;}



.huoban-title{background:url(../images/huoban-title.png) center no-repeat; height:56px;}
.foot{ background:url(../images/bg3.png) top repeat-x; height:200px;}
.bottoms{ background-color:#FF0000; color:#FFFFFF; text-align:center; height:30px; line-height:30px; padding-bottom:180px;}
.bottoms a{ color:#fff}
.bottoms a:hover{ color:#000}
.link{ background:url(../images/link-title.png) left center no-repeat; height:45px; line-height:45px; padding-left:130px;}

.foot-serve{ width:40%; float:left; line-height:40px; margin-top:10px; margin-bottom:20px;}
.foot-serve h4{ color:#333333}
.foot-serve a{ padding:3px 10px; border:#CCCCCC solid 1px; border-radius:7px; margin-right:5px;}
.foot-serve a:hover{ background-color:#FF0000; color:#FFFFFF; border:#FF0000 solid 1px;}

.foot-about{ width:30%; float:left; margin-top:10px; line-height:40px; margin-left:5%;}
.foot-about ul li{ background:}

.foot-contact{ width:200px; float:right; text-align:left; margin-top:25px;}
.foot-contact img{ float:left; margin-right:10px;}
.foot-contact a{ color:#FF0000}

.bottom-float{ background:url(../images/bottom.png) center no-repeat; height:197px; width:100%; position:fixed; bottom:0; left:0;}
.fff{ display:none}

@media screen and (max-device-width: 700px) {
.about{ width:100%; margin:30px auto;}
.about-title{ background:url(../images/about-titles.png) center no-repeat; height:50px; margin-bottom:20px;}
.about-left{ float:none; width:100%; display:none}
.about-left img{ width:100%;} 
.about-right{ width:98%; padding:0 1%; margin-top:10px; float:none;}
.about-right>p{ line-height:1.7em; color:#333333; font-size:0.9em}
.about-list{ margin-top:15px; line-height:30px;}
.about-list h3{ margin-bottom:5px;}
.about-list a{ margin:8px; font-size:0.95em;}

.about-call a{ padding:5px 30px; background-color:#fb0000; border-radius:5px; color:#FFFFFF; float:left; margin-top:10px;font-size:0.95em;}
.about-more a{ padding:5px 30px; background-color:#000; border-radius:5px; color:#FFFFFF; float:left; margin-left:20px;margin-top:10px;font-size:0.95em;}

.laowu{ background:none; min-height:308px; color:#FFFFFF; margin-top:30px; margin-bottom:30px;}
.laowu-title{  color:#333333; padding:2%; font-size:0.9em}
.laowu-title strong{ color:#fb0000; font-size:1.4em;}
.laowu ul{ margin-top:0px;}
.laowu ul li{ width:44%; float:left; margin:2%; text-align:center; padding:10px 0; height:150px; border-radius:0; color:#333333; background-color:#FFFFFF}
.laowu ul li p{ padding:10px; font-size:0.8em; }
.zhaopin{ width:1100px; margin:50px auto; display:none}
.guanggao{ width:100%; margin:0 auto}
.guanggao-bot{  width:100%; margin:0 auto}
.advan{ display:none}

.news{ background:none; min-height:382px; margin:50px 0;}
.news-left{ width:100%; float:none; border-right:#ff0000 solid 0px; border-left:#ff0000 solid 0px;margin-top:40px; padding-right:0; padding-left:0;}
.news-right{ width:100%; float:none;border-right:#ff0000 solid 0px;margin-top:30px; padding-right:0;}
.news-title{ font-size:18px; font-weight:500; }
.news-title strong{ font-size:20px;}
.news-title a{ float:right;}
.news ul{ margin-top:10px;}
.news ul li{ height:1.6em; line-height:1.6em; width:98%; overflow:hidden; padding:1%; font-size:0.9em}
.huoban{ margin:50px auto; width:100%;}
.huoban-title{background:url(../images/huoban-titles.png) center no-repeat; height:50px;}
.bottom-float{ display:none}
.foot{ display:none}
.fff{ position:fixed; bottom:0; left:0; background-color:#FF0000; width:100%; padding:1.5% 0; display:block}
.fff div{ width:45%;}
.fff div img{ width:25%; float:left;}
.fff div a{ color:#FFFFFF}
.fff div p{ float:left;margin-top:6%; font-size:0.9em; margin-left:7%}
.fff-home{ border-right:#fff dashed 1px; margin-left:5%; float:left}
.fff-zixun{ float:right;}

.bottoms{ background-color:#FF0000; color:#FFFFFF; text-align:center; height:30px; line-height:25px; padding-top:5px; padding-bottom:90px; font-size:0.85em}

.zhaopins{ width:100%; margin:30px auto;}
.zhaopin-title{ background:url(../images/zhaopin-title.png) center no-repeat; height:55px; margin-bottom:40px;}
.zhaopins ul li{ width:100%; background-color:#f4f4f4; border:#e8e8e8 solid 1px; padding:10px; margin-bottom:10px;}
.li-logo{ width:130px; height:50px; overflow:hidden; float:left;}
.li-logo img{ height:100%;}
.li-title{ float:left; margin-left:10px;}
.li-title h4{ color:#FF0000; font-size:16px; font-weight:500}
.li-title p{ font-size:13px; color:#333333; margin-top:10px;}

.li-p{ font-size:13px; line-height:25px; color:#333333; margin-top:10px;}
.li-a{ margin-top:10px; display:none}
.li-a a{ margin-right:20px; color:#FF0000}
.li-a a:hover{text-decoration:underline}
.zhaopin-bottom{ color:#FF0000; margin-top:15px; margin-left:10px; }
.zhaopin-bottom strong{ font-size:16px;}
.zhaopin-bottom  a{ color:#333333; float:right; font-size:16px; margin-right:10px; text-decoration:underline}
.zhaopin-bottom  a:hover{ color:#FF0000}



}


.erji-bottom{ background-color:#FF0000; color:#FFFFFF; text-align:center; height:30px; line-height:30px;}
.erji{ width:1100px; margin:50px auto;}
.erji-title{ font-size:24px; text-align:center; margin-bottom:30px;}
.erji-title span{color: #FF0000; margin-left:10px; font-size:26px;}
.erji-about{ line-height:30px; font-size:15px;}

.erji-left{ width:220px; float:left}
.news-list{ background:url(../images/bg7.png) right center no-repeat; width:100%; height:230px;}
.news-list-title{ color:#b91925; font-size:24px; text-align:center; line-height:60px; padding-top:10px;}
.news-list ul{ margin-top:10px;}
.news-list ul li{ height:45px; line-height:50px; text-align:center; font-size:15px;}
.news-list ul li:hover{ background:url(../images/but.png) center no-repeat;}
.news-list ul li a{ color:#333; background:url(../images/icon9.png) left center no-repeat; padding-left:20px; }
.news-list ul li:hover a{ color:#FFFFFF;background:url(../images/icon10.png) left center no-repeat;}
.left-contact{ margin-top:20px; color:#666; margin-left:10px;}
.left-contact ul li{ min-height:45px; margin-bottom:5px; line-height:25px;}
.erji-right{ width:800px; float:right; padding:0 20px;}
.erji-right-title{ background:url(../images/bg6.png) center no-repeat;  text-align:center; line-height:50px; font-size:16px;  color:#666666}
.erji-news ul li{ height:40px; line-height:40px; background:url(../images/icon14.png) left center no-repeat; padding-left:10px;border-bottom:#CCCCCC dashed 1px;}
.erji-news ul li a{ color:#666666}
.erji-news ul li span{ float:right; font-size:13px; color:#666666}
.erji-serve{ line-height:27px;}

.contact-p>img{ float:left; width:550px; border:#eee dashed 2px; padding:7px;}
.contact-p ul{ float:left; margin-left:30px; margin-top:30px;}
.contact-p ul li{ min-height:45px; margin-bottom:0px; line-height:45px; font-size:18px; color:#666666; margin-bottom:17px;}
.contact-p ul li img{ margin-top:10px;}
.ditu{ margin-top:50px;}

#hz{ background:url(../images/but.png) center no-repeat;height:45px; line-height:50px; text-align:center; font-size:15px;}
#hz a{color:#FFFFFF;background:url(../images/icon10.png) left center no-repeat; padding-left:20px; }

@media screen and (max-device-width: 700px) {
.erji{ width:100%; margin:20px auto;}
.erji-bottom{ background-color:#FF0000; color:#FFFFFF; text-align:center; height:60px; line-height:30px;padding-bottom:60px; font-size:0.8em; padding-left:1%; padding-right:1%}
.erji-title{ font-size:1.3em; text-align:center; margin-bottom:30px;}
.erji-title span{color: #FF0000; margin-left:10px; font-size:1.2em;}
.erji-about{ line-height:30px; font-size:15px; margin:1%}

.contact-p>img{ float:left; width:100%; border:#eee dashed 0px; padding:0px;}
.contact-p ul{ float:left; margin-left:30px; margin-top:30px;}
.contact-p ul li{ min-height:45px; margin-bottom:0px; line-height:45px; font-size:18px; color:#666666; margin-bottom:17px;}
.contact-p ul li img{ margin-top:10px;}
.ditu{ margin-top:30px;}


.erji-left{ width:100%; float:none}
.news-list{ background:none; width:100%; height:50px;}
.news-list-title{ color:#b91925; font-size:24px; text-align:center; line-height:60px; padding-top:10px; display:none}
.news-list ul{ margin-top:0px; background-color:#eee}
.news-list ul li{ height:45px; line-height:50px; text-align:center; font-size:15px; float:left; width:33.3%; overflow:hidden}
.news-list ul li:hover{ background:url(../images/but.png) center no-repeat;}
.news-list ul li a{ color:#333; background:url(../images/icon9.png) left center no-repeat; padding-left:20px; }
.news-list ul li:hover a{ color:#FFFFFF;background:url(../images/icon10.png) left center no-repeat;}
.left-contact{ margin-top:20px; color:#666; margin-left:10px; display:none}
.left-contact ul li{ min-height:45px; margin-bottom:5px; line-height:25px;}


.erji-right{ width:98%; float:none;padding:1%;}
.erji-news{ width:100%; float:none}
.erji-news ul li{ height:30px; line-height:30px; background:url(../images/icon14.png) left center no-repeat; padding-left:10px;border-bottom:#CCCCCC dashed 1px; overflow:hidden; font-size:0.9em}
.erji-news ul li a{ color:#666666}
.erji-news ul li span{ float:right; font-size:13px; color:#666666; display:none}
.erji-serve{ line-height:25px; width:100%; font-size:0.85em}
}