/* CSS Document */
body,div,ul,li,h1,h2,h3,h4,p{ margin:0; padding:0; border:none; border:none}
body{ font-family:"΢ÈíÑźÚ"; font-size:14px; background-color:#f5f5f5}
li{ text-decoration:none; list-style-image:none; list-style-type:none}
a{ text-decoration:none; color:#333333}
.box{ width:1100px; margin:0 auto}
.clear{ clear:both;}

#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';}

.top{ height:30px; line-height:30px; color:#FFFFFF; background-color:#333333}
.top span{ float:left}
.top p{ float:right}
.head{ background:url(../images/t_bg.jpg) center no-repeat; height:120px;}
.logo{ float:left; margin-top:5px;}
.logo img{ width:240px; margin-top:0px;}
.lead{ float:right; width:790px;}
.lead ul li{ width:112px; float:left; text-align:center; line-height:120px;}
.lead ul li span{ color:#555; font-size:16px;}
.lead ul li:hover{ font-weight:; font-size:16px; background-color:#c60909}
.lead ul li:hover a span{ color:#FFFFFF}


/*  banner  */
.banner{ width:100%; float:right;position:relative;font-size:0; padding-top:0px;}
.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:20px; left:48%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:6px;height:6px;margin-left:15px;position:relative; border-radius:2px;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:5px;height:5px;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:#c60909; border:#c60909 solid 1px;}
/* Callback example */
.callbacks_container{margin-bottom:0px;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:47%;}}

.pro{ width:100%; margin:30px auto;}
.title{ text-align:center; width:1100px; margin:20px auto;}
.title h2{ font-size:34px;}
.title div{ background-color:#CCCCCC; width:220px; height:1px; margin:10px auto}
.title p{ font-size:24px; color: #333333}
.duo_2 {
    width: 100%;
    height: 50px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}
.duo_2 ul {
    width: 1070px;
    margin: 0 auto;
    border-left: 1px solid #e4e4e4;
    height: 50px;
}
.duo_2 ul li {
    height: 50px;
    border-right: 1px solid #e4e4e4;
    float: left;
}
.duo_2 ul li a {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding: 0 30px;
    color: #2b2b2b;
}
.duo_2 ul li:hover{ background-color:#c60909}
.duo_2 ul li:hover a{ color:#FFFFFF}
.pro-cont{ width:1100px; margin:20px auto;}
.pro-cont ul li{ width:260px; float:left; margin:5px; border:#e4e4e4 solid 1px; padding-top:10px;}
.pro-cont ul li div{ width:240px; height:180px; overflow:hidden; text-align:center; margin:0 auto}
.pro-cont ul li div img{ height:100%}
.pro-cont ul li p{ height:40px; line-height:40px; text-align:center; border-top:#e4e4e4 solid 1px; margin-top:10px;}
.pro-cont ul li:hover p{ background-color:#c60909; color:#FFFFFF}

.advan{ background:url(../images/beijin.jpg) center no-repeat; height:500px; padding-top:20px; margin-top:30px; padding-bottom:0px;}
.advan .title h2{ color:#FFFFFF}
.advan .title p{ color:#FFFFFF}
.advan .title div{ background-color:#FFFFFF}
.you_lai {
    width: 1100px;
    margin: 0 auto;
    padding-top: 0px;
    overflow: hidden;
}
.you_lai ul {
    width: 1100px;
    text-align: center;
}
.you_lai ul li {
    float: left;
    width: 160px;
    margin:30px;
    color: #FFF;
	text-align:center
}
.you_lai ul li h3 {font-size: 20px; margin-top:20px; margin-bottom:10px;}
.you_lai ul li p {
    font-size: 14px;
    width: 160px;
    margin: 0 auto;
}
.you_lai ul li img{ width:100%}


.about{ width:1100px; margin:30px auto;}
.about-left{ width:600px; float:left; line-height:30px; font-size:15px; margin-top:10px;}
.about-right{ float:right}

.case{ width:1100px; margin:30px auto;}
.case-title{ font-size:24px; color:#c60909; line-height:40px; margin-bottom:20px;}
.case-title div{ border-left:#c60909 solid 3px; height:24px; float:left; margin-right:10px; margin-top:10px;}
.case-title span{ margin-left:10px; color:#000}

.guanggao{ background:url(../images/guanggao.jpg) center no-repeat; height:250px; width:100%; margin:30px 0}

.news{ width:1100px; margin:30px auto;}
.news-left{ width:580px; float:left}
.news-right{ width:480px; float: right}
.news-right ul{}
.news-right ul li span{ float:right; font-size:13px; color:#444}
.news-right ul li{ background:url(../images/news-li.jpg) left center no-repeat; padding-left:25px; line-height:40px;}
.news-right ul li:hover{ background:url(../images/news-lis.jpg) left center no-repeat;}
.news-right ul li:hover a{ color:#c60909}

.foot{ background-color:#a20606; color:#fff; text-align: center; height:40px; line-height:40px; margin-top:30px;}

.erji-banner{ background:url(../images/erji-banner.jpg) center no-repeat; height:300px;}
.erji{ width:1100px; margin:30px auto}
.erji-left{ width:230px; float:left;}
.erji-left-title{ background-color:#c70b0b; border-top:#000000 solid 5px; color:#FFFFFF; padding-left:30px; padding-top:15px; padding-bottom:15px;}
.erji-left-title span{ font-size:22px; font-weight:bold}
.erji-left ul{ background-color:#eee; padding-top:10px;}
.erji-left ul li{ line-height:45px; height:45px; margin-left:10px; padding-left:10px; font-size:15px; background:url(../images/lis.png) 185px center no-repeat; margin-right:10px;  background-color:#f4f4f4; margin-bottom:1px}
.erji-left ul li:hover{ background:url(../images/li.png) 185px center no-repeat;}
.erji-left ul li:hover a{ color:#c70b0b}
.erji-contact{ margin-top:10px; line-height:30px;}
.erji-contact p{ padding:10px; background:#eee}
.erji-right{ width:850px; float:right}
.erji-right-title{ height:40px; line-height:40px; border-bottom:#000 solid 2px;}
.erji-right-title div{ font-size:20px; float:left; background-color:#c70b0b; color:#FFFFFF; padding:0 20px;}
.erji-right-title p{ float:right; background:url(../images/icon.png) left center no-repeat; padding-left:20px; margin-top:5px;}
.erji-about{ line-height:30px; padding:20px; background-color:; min-height:590px;}
.erji-news{ margin-top:10px;}
.erji-news ul li{ height:40px; line-height:40px; border-bottom:#eee dashed 1px; background-color:#eee; margin-bottom:5px; padding:0 10px;}
.erji-news ul li span{ float:right;}
.erji-news ul li div{ width:5px; height:5px; float:left; background-color:#666; margin-top:17px; margin-right:10px; border-radius:2.5px; overflow:hidden}
.erji-news ul li:hover{ background-color:#c70b0b; color:#FFFFFF}
.erji-news ul li:hover a{ color:#FFFFFF}
.erji-news ul li:hover div{ background-color:#FFFFFF}

.erji-pro{ margin-top:10px;}
.erji-pro ul li{ width:23%; margin:1%; float:left}
.erji-pro ul li div{ width:100%; height:170px; text-align:center; overflow:hidden; background-color:#eee}
.erji-pro ul li div img{ height:100%;}
.erji-pro ul li p{ line-height:30px; text-align:center}
.erji-pro ul li:hover p{ background-color:#bb1b21; color:#FFFFFF}

.xulie{clear:both; width:100%;margin:0 auto; text-align: center;    line-height: 30px; padding-bottom:8px}
.xulie a{  display:inline-block; width:30px; height:30px;  border:#CCCCCC solid 1px; text-align:center; color:#666666; margin:0 7px;}
.xulie a:hover{ background-color:#c8a064; color:#FFFFFF}
.disabled{display:inline-block; width:30px; height:30px;  border:#EEE solid 1px; text-align:center; color:#DDD; margin:0 7px;}
#oncur{background-color:#FF0000; color:#FFFFFF}