/* 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:#fff}
li{ text-decoration:none; list-style-image:none; list-style-type:none}
a{ text-decoration:none; color:#000}
.box{ width:1100px; margin:0 auto}
.clear{ clear:both;}


.top{ width:100%; height:25px; color:#FFFFFF; line-height:25px; background-color:#000000}
.top p{ width:1100px; margin:0 auto;}
.head{ width:1100px; margin:20px auto;}

.lead{ background-color:#d9090d; height:40px; line-height:40px;left:0; width:100%;}
.lead ul{ width:1100px; margin:0 auto;}
.lead ul li{ float:left; width:135px; background:url(../images/li.png) right center no-repeat; text-align:center}
.lead ul li a{ color:#FFFFFF}
.lead ul li:hover{ background-color: #c60909; background-image:none; font-size:15px;}


/*  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:1100px; margin:40px auto;}
.pro-left{ width:230px; float:left; margin-top:5px;}
.pro-left-title{ background-color:#c60909; color:#FFFFFF; text-align:center; height:60px; padding-top:15px}
.pro-left-title span{ font-size:18px; font-weight:bold}
.pro-left ul{ background-color:#eee; padding:0px 0; min-height:480px;}
.pro-left ul li{ height:50px; line-height:50px; font-size:15px; text-align:center; border-bottom:#CCCCCC solid 1px;}
.pro-left ul li:hover{ background-color:#d9090d}
.pro-left ul li:hover a{ color:#FFFFFF}

.pro-right{ width:850px; float:right}
.pro-right ul li{ width:202px; float:left; margin:5px;}
.pro-right ul li div{ width:100%; height:150px; background-color:#eee; text-align:center; text-align:center; overflow:hidden}
.pro-right ul li div img{ height:100%;}
.pro-right ul li p{ text-align:center; height:28px; line-height:28px; background-color:#c60909; color:#FFFFFF}
.pro-right ul li:hover p{ background-color:#333333}

.title{ text-align:center; margin:30px 0;}
.title span{ font-size:24px; color:#c60909; font-weight:bold}
.title p{ color:#666666; font-size:16px; margin-top:5px; margin-bottom:10px;}
.title div{ background-color:#c60909; width:30px; height:3px; margin:0 auto;}

.about{ width:610px; float:left; margin-top:5px;}
.about p{ background-color:#c60909; color:#FFFFFF; padding:10px; line-height:30px;}
.news{ width:470px; float:right;}
.news-title{ font-size:20px;}
.news ul{ background-color:#; padding:0px; height:262px; margin-top:10px;}
.news ul li{ height:40px; line-height:40px; border-bottom:#CCCCCC dashed 1px;}
.news ul li div{ float:left; width:4px; height:4px; background-color:#c60909; margin-top:20px;}
.news ul li p{ float:left; width:310px; overflow:hidden; margin-left:15px;}
.news ul li span{ float:right; font-size:13px; color:#666666}
.news ul li:hover a{ color:#d9090d}

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

.erji-banner{ width: 100%; background:url(../images/erji-banner.jpg) center no-repeat; height:350px;}
.erji{ width:1100px; margin:30px auto;}
.erji-left{ width:230px; float:left;}
.erji-left ul{ background-color:#eee; padding:0px 0; }
.erji-left ul li{ height:50px; line-height:50px; font-size:15px; text-align:center; border-bottom:#CCCCCC solid 1px;}
.erji-left ul li:hover{ background-color:#d9090d}
.erji-left ul li:hover a{ color:#FFFFFF}
.erji-right{ width:850px; float:right;}
.erji-right-title{ border-bottom:#ccc solid 1px; height:40px; line-height:40px;}
.erji-right-title div{ width:4px; height: 30px; float:left; margin-top:5px; background-color:#c60909; margin-right:15px;}
.erji-right-title span{ float:left; font-size:18px;}
.erji-right-title p{ float:right;}
.erji-about{ padding:10px;}
.erji-about p{ line-height:30px;}
.erji-product{ width:850px; float:right; margin-top:10px;}
.erji-product ul li{ width:202px; float:left; margin:5px;}
.erji-product ul li div{ width:100%; height:150px; background-color:#eee; text-align:center; text-align:center; overflow:hidden}
.erji-product ul li div img{ height:100%;}
.erji-product ul li p{ text-align:center; height:28px; line-height:28px; background-color:#c60909; color:#FFFFFF}
.erji-product ul li:hover p{ background-color:#333333}

.erji-news{ padding:10px;}
.erji-news ul li{ height:40px; line-height:40px; border-bottom:#CCCCCC dashed 1px;}
.erji-news ul li div{ float:left; width:4px; height:4px; background-color:#c60909; margin-top:20px; margin-right:10px;}
.erji-news ul li p{ float:left; width:310px; overflow:hidden; margin-left:15px;}
.erji-news ul li span{ float:right; font-size:13px; color:#666666}
.erji-news ul li:hover a{ color:#d9090d}

.xulie{clear:both; width:100%;margin:0 auto; text-align: center;    line-height: 30px; padding-top:32px }
.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:#666666; 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:#0067bb ; color:#FFFFFF}