/* CSS Document */

*{ margin:0; padding:0; list-style:none;}
img{border:0;}
body{ font-family:"΢ÈíÑźÚ"; font-size:14px;width:100%; min-width:1000px; background:url(../images/bg.png); background-color:#fdfdfd}
a{ text-decoration:none; color:#333333}
.clear{ clear:both;}
li{ list-style-type:none;}
div{ padding:0}


.header{ width:1000px; margin:0 auto; height:120px; background:url(../images/head.png) center no-repeat;}
.nav{ height:40px; line-height:40px; background-color:#000000; }
.nav ul{ width:1000px; margin:0 auto;}
.nav ul li{ width:142px; float:left; text-align:center; font-size:16px;}
.nav ul li a{ color:#FFFFFF;}
.nav ul li:hover{ background-color:#FF9900}

/*  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:45%;}
.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:#000; border:#000 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:600px){.callbacks_nav{top:47%;}}

.key{ background:#FFFFFF; border-bottom:#000000 solid 1px; height:30px; line-height:30px;}
.key a{ }

.product{ width:1000px; margin:0px auto; background-color:#FFFFFF; padding:30px 20px; margin-top:5px;}
.product-title{ width:100%; text-align:center; font-size:24px; font-weight:bold; height:40px; letter-spacing:2px; color:#FF6600; position:relative}
.product-title a{ padding:5px 30px; background-color:#FFFFFF; position: relative; z-index:2}
.product-title p{ border-bottom:#000000 solid 1px; position:absolute; top:20px; width:100%; left:0; z-index:1}
.product-list{ margin:30px 0}
.product-list ul li{ width:154px; background-color:#bb0000; float:left; border: #bb0000 solid 1px; border-radius:5px; margin:5px; text-align:center;}
.product-list ul li a{ color:#FFFFFF}
.product-list ul li:hover{ background:#FF9900; border:#FF9900 solid 1px;}

.pro-li{ width:234px; margin:5px; float:left; border:#000000 solid 1px; background-color:#FFFFFF}
.pro-li div{ width:234px; height:320px; overflow:hidden; text-align:center; padding:0}
.pro-li div img{ height:100%; margin:0; padding:0}
.pro-li p{ height:25px; line-height:25px; text-align:center;}
.pro-li:hover{ border: solid 1px #FF9900}
.pro-li:hover p{ background-color:#FF9900;}
.pro-li:hover p a{ color:#FFFFFF}


#marquee4{width:100%;height:700px; overflow:hidden; margin-top:8px;}

.box{ width:1000px; margin:0 auto; background-color:#FFFFFF; margin-top:50px; padding:20px;}
.about{ width:700px; float:left; position:relative}
.about-img{ float:left; width:319px; height:247px;}
.about-title{ background:#ff9c00; position:absolute; top:10px; left:240px; color:#FFFFFF; text-align:center; width:160px; height:40px; line-height:40px; font-size:18px; letter-spacing:1px; font-weight:bold}
.about-p{ float:left; width:350px; margin-left:20px; line-height:25px; margin-top:60px;}
.contact{ width:300px; float:right; background:url(../images/bg1.png) center bottom no-repeat; height:250px;}
.contact-title{ font-size:18px; font-weight:bold; margin-bottom:10px; padding-left:20px; letter-spacing:1px;}
.contact-title a{ float:right; color:#ff9c00; font-size:11px; font-weight:500; margin-top:5px;}
.contact-p{ margin-left:30px; line-height:25px;}

.news{ border-top:#000000 solid 1px; margin-top:50px; margin-bottom:50px;}
.news ul{ margin-top:40px;}
.news ul li{ width:460px; float:left; margin:10px; background-color:#FFFFFF; padding:9px; border:#CCCCCC solid 1px;}
.news ul li:hover{border:#ff9c00 solid 1px;}
.news-img{ width:200px; float:left; height:130px; overflow:hidden;}
.news-img img{ width:100%;}
.news-p{ width:430px; margin-right:15px; float:right;}
.news-p .pp{ line-height:25px; font-size:13px; color:#666666; height:75px; overflow:hidden; margin-top:10px;}
.news-p h3{ font-weight:500; color:#ff9c00}
.news-more{ background-color:#000; height:35px; margin-top:10px; line-height:35px; text-align: center; width:150px; margin-left:auto; margin-right:auto;}
.news-more a{ color:#FFFFFF}
.news-more:hover{ background-color:#ff9c00}

.footer{ background:url(../images/bg2.jpg) top repeat-x; background-color:#ff9c00; padding-bottom:20px;}
.foot-lead{ width:1000px; margin:10px auto; border-bottom:#333 solid 1px; padding-bottom:10px;}
.foot-lead ul { padding-top:10px;}
.foot-lead ul li{ float:left; width:142px;}
.foot-lead ul li a{ padding:0 30px;}
.foot-lead ul li a:hover{ color:#FFFFFF}
.foot-cont{ width:1000px; margin-top:30px; margin-left:auto; margin-right:auto;}
.foot-img{ border-right:#333 solid 1px; float:left; padding-right:30px; margin-left:300px;}
.foot-p{ margin-left:20px; float:left; font-size:14px; color:#313131; margin-top:10px;}

.erji{ width:1000px; margin-left:auto; margin-right:auto; margin-top:30px; margin-bottom:30px;}
.erji-left{ width:230px; float:left;}
.erji-left-title{ background:url(../images/bg3.jpg) center no-repeat; height:70px; text-align:center; color:#FFFFFF; padding-top:15px;letter-spacing:1px;}
.erji-left-title strong{ font-size:23px;  font-weight:500}
.erji-left ul{ background-color:#efefef}
.erji-left ul li{ height:45px; line-height:45px; text-align:center; border-bottom:#CCCCCC solid 1px; font-size:16px;}
.erji-left ul li:hover{ background-color:#ff9c00;}
.erji-left ul li:hover a{ color:#FFFFFF}
.erji-right{ width:750px; float:right; margin-top:40px;}
.erji-right-title{ background:url(../images/bg4.png) bottom repeat-x; padding-bottom:6px; height:40px; line-height:40px;}
.erji-right-title span{ font-size:20px; font-weight:bold; float:left}
.erji-right-title p{ float:right; margin-top:5px;}
.erji-about{ padding:20px; line-height:30px; color:#333333; background-color:#FFFFFF; min-height:530px;}

.erji-product ul{ margin-top:10px;}
.erji-product ul li{ width:235px; float:left; border:#000000 solid 1px; margin:10px 6px;}
.erji-product ul li div{ width:235px; height:180px; overflow:hidden; text-align:center; background-color:#FFFFFF}
.erji-product ul li div img{ height:100%;}
.erji-product ul li p{ width:100%; text-align:center; height:30px; line-height:30px;}
.erji-product ul li:hover{ border:#ff9c00 solid 1px;}
.erji-product ul li:hover p{ background-color:#ff9c00 }
.erji-product ul li:hover p a{ color:#FFFFFF}

.erji-contact{ background-color:#bb0000; color:#FFFFFF; height:50px; line-height:50px; font-size:18px; text-align:center; margin-top:10px;}

.erji-news{ padding:20px; background-color:#FFFFFF}
.erji-news ul li{ height:40px; line-height:40px; background:url(../images/bg4.png) left center no-repeat; padding-left:10px; border-bottom:#CCCCCC dashed 1px;}
.erji-news ul li a{ width:550px; float:left}
.erji-news ul li span{ width:120px; float:right; text-align:right; color:#333333; font-size:13px;}
.erji-news ul li:hover a{ color:#ff9c00}