*{margin:0;padding:0;list-style-type:none;}
body{margin:0px;padding:0px;color:#000000; min-width:880px; background-color:#fff; font-size:14px; font-family:"微软雅黑";min-width:1200px}
a,img{border:0; color:#000000}
a{color:#000;text-decoration: none;}
a:focus{outline:none;}
*{margin:0;padding:0;list-style-type:none;}
.clear{ clear:both}
.all-bg{ width:100%;}
a:hover{ text-decoration:underline}
.index-box{ width:1200px; margin-left:auto; margin-right:auto}

.top{ width:100%; margin-left:auto; margin-right:auto; background:url(../images/head-bg.jpg) center; height:114px;}
.head{ width:1145px; height:73px; margin-left:auto; margin-right:auto;}
.head img{ margin-top:25px;}

.lead{ height:40px; background:url(../images/lead-bg.jpg) bottom repeat-x; width:100%; overflow:hidden}
.lead ul{ width:1145px; margin-left:auto; margin-right:auto;}
.lead ul li{ width:143px; float:left; text-align:center; line-height:40px; background:url(../images/li-bg.png) right center no-repeat;}
.lead ul li a{ color:#FFFFFF}
.lead ul li:hover{ background:url(../images/lead-bgs.jpg) top center }
.lead ul li:hover a{ font-weight:bold}

/*轮播图*/
.banner{ width:100%;overflow:hidden; 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{margin-top:-20px; position:relative;z-index:100;margin-bottom:13px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:70px;height:5px;margin-left:5px;border:1px solid #06519e;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:70px;height:5px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;background:#fff;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#ffff00;}
/* 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%;}}
.banner-shadow{ height:51px; background:url(../images/banner-shadow.png) center no-repeat; width:100%;}


.content{ width:1145px; margin-left:auto; margin-right:auto; min-height:400px; background: url(../images/product-bg.png) bottom center no-repeat; position:relative; z-index:9999999}
.product{ width:250px; float:left; position:absolute; top:-95px;}
.product-title{ width:250px; background:url(../images/product-title.jpg); font-size:24px; color:#FFFFFF; font-weight:bold; line-height:95px; text-align:center}
.product ul{ background-color:#FFFFFF}
.product ul li{ background:url(../images/class-li.jpg) left center no-repeat; height:50px; line-height:50px; color:#FFFFFF; padding-left:95px; border-bottom:#fff solid 1px; width:155px;}
.product ul li a{ color:#fff}
.product ul li:hover{ background:url(../images/class-lis.jpg)}
.product ul li:hover a{ color:#FF0000}

.tuijian{ width:900px; float:right; position:absolute; top:-30px; left:255px;}
.tuijian-title{ font-size:18px; color:#fff; font-weight:bold; height:30px; line-height:30px; margin-bottom:20px; background-color:#db0000; padding-left:20px;}
.tuijian ul li{ width:295px; float:left; height:180px; overflow:hidden; position:relative; margin-right:2px;}
.tuijian ul li img{ width:100%;}
.tuijian ul li p{ position:absolute; bottom:0px; left:0px; width:100%; background-color:#f1ecec; height:25px; line-height:25px; text-align:center; color:#333; font-size:13px;}
.tuijian ul li:hover p{ background-color:#db0000; color:#FFFFFF}

.content1{ width:1145px; margin-left:auto; margin-right:auto;}
.news{ background:url(../images/news-bor.png) right center no-repeat; width:460px; padding-right:30px;margin-top:30px; float:left; min-height:250px;}
.news-title{ height:25px; line-height:25px;}
.news-title p{ width:100px; float:left; background:url(../images/news-title.png) left center no-repeat; padding-left:30px; font-size:18px; color: #333333; font-weight:bold}
.news-title a{ width:100px; float:right; color:#db0000; text-align:right}
.news ul{ margin-top:10px;}
.news ul li{ height:30px; line-height:30px; background:url(../images/news-list.png) left center no-repeat; padding-left:15px; border-bottom:#CCCCCC dashed 1px;}
.news ul li a{ width:310px; float:left; color:#333333}
.news ul li span{ color:#666666; width:100px; float:right; text-align:right; font-size:13px;}


.about{ width:390px; float:left; margin-left:20px; padding-right:25px; background:url(../images/news-bor.png) right center no-repeat; margin-top:30px;}
.about-title{ height:25px; line-height:25px; position:relative}
.about-title p{ width:100px; float:left; background:url(../images/about-title.png) left center no-repeat; padding-left:30px; font-size:18px; color: #333333; font-weight:bold}
.about-title a{ width:100px; float:right; color:#db0000; text-align:right; position:absolute; bottom:-240px; right:0px;}
.about-cont{ color:#333333; line-height:22px; margin-top:15px;}

.contact{ width:200px; float:right; margin-top:30px; line-height:25px; color:#333333}
.contact img{ width:100%;}
.contact p{ margin-top:5px;}
.contact strong{ color:#FF0000; font-size:15px;}
.contact h3{ color:#333333; margin-top:5px;}


.foot{ background:url(../images/foot-bg.jpg); height:162px; width:100%; }
.youqing{ width:1115px; margin-left:auto; margin-right:auto; padding-left:30px; background:url(../images/youqing.png) left center no-repeat; height:38px; line-height:38px;}
.youqing span{ font-size:18px; color:#FFFFFF; font-size:17px; font-weight:bold}
.foot-cont{ width:1145px; margin-left:auto; margin-right:auto; margin-top:15px; text-align:center; color:#FFFFFF; line-height:22px;}
.foot-cont a{ color:#FFFFFF}
.foot-cont a:hover{ color:#FF0000}

.erji{ width:1145px; margin-left:auto; margin-right:auto; margin-top:30px; margin-bottom:30px;}
.erji-left{ width:230px; float:left;}
.erji-left ul{ border:#f4f4f4 solid 1px; padding-bottom:10px;}
.erji-left ul li{ background:url(../images/erji-list-bg.png) bottom left no-repeat; height:35px; line-height:35px;}
.erji-left ul li a{ background:url(../images/erji-list.jpg) left center no-repeat; padding:5px 5px 5px 25px; margin-left:5px;}
.erji-left-contact{ margin-top:20px;}
.erji-left-p{ line-height:22px;}
.erji-right{ width:910px; float:right; margin-top:28px;}
.erji-right-title{ background: url(../images/erji-right-title.png) left center no-repeat; height:32px; line-height:32px; color:#FFFFFF}
.erji-right-title p a{ color:#FFFFFF}
.erji-right-title p{ background:url(../images/dizhi.png) left center no-repeat; margin-left:10px; padding-left:30px;}
.erji-right-cont{ padding:10px;}
.erji-about{ line-height:25px;}

.erji-product ul li{ width:288px; float:left; margin:5px 3px; height:230px; overflow:hidden; position:relative; border:#f4f4f4 solid 1px;}
.erji-product ul li img{ width:100%;}
.erji-product ul li p{ position:absolute; bottom:0px; left:0px; height:25px; line-height:25px; background-color:#FFFFFF; width:100%; text-align:center; background-color:#f4f4f4}

.eriji-news ul li{ height:35px; line-height:35px; border-bottom:#CCCCCC dashed 1px; padding-left:25px; background:url(../images/news-list.png) left center no-repeat;}
.eriji-news ul li a{ width:630px; float:left;}
.eriji-news ul li span{ width:100px; text-align:right; float:right; color:#666666; font-size:13px;}

.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:#db0000 ; color:#FFFFFF}