/* CSS Document */
*{ margin:0; padding:0; list-style:none;}
img{border:0;}
body{ font-family:"微软雅黑"; font-size:14px;min-height:1260px; min-width:1260px;}
a{ text-decoration:none; color:#333333}
a:hover{ text-decoration:none; color:#FF0000}
.clear{ clear:both;}

/*      top      */
.top{ background-color:#eeeeee; height:35px; line-height:35px; color: #999999}
.top p{ width:750px; float:left;}
.top-right{ width:330px; float: right;}
.top-right a{color: #999999; border-right: #CCCCCC solid 1px; padding:2px 15px;}
.jiathis_style{ float: right; margin-top:10px;}
.jiathis_style a{ border:none}
/*       head      */
.head{ height:100px; width:100%; background:url(../images/head.gif) top center no-repeat;}
.lead{ background-color:#fe2828; height:40px; line-height:40px;}
.lead ul{ width:903px; margin-left:auto; margin-right:auto;}
.lead ul li{ width:128px; border-left:#FFFFFF solid 1px; height:40px; float:left; text-align:center;}
.lead ul li a{ color:#FFFFFF; font-size:16px;}
.lead ul li:hover{ background-color:#FFFFFF; height:38px; line-height:38px;}
.lead ul li:hover a{color:#fe2828; font-weight:bold}
/*  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:#cf0505; border:#cf0505 solid 1px;}
/* Callback example */
.callbacks_container{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{ height:40px; font-size:16px; background-color:#fe2828; color:#FFFFFF}
.key p{ width:900px; float:left; line-height:40px;}
.key p a{ color:#FFFFFF; margin:0 2px;}
.search{ color:#CCCCCC; padding-top:5px;width:250px;float:right}
.search input{ color: #999999; padding:5px 10px; margin:0;}
.search a{ color:#FFFFFF; background-color:#0088d2; padding:4px 15px; font-size:14px;}

.product{ margin-top:40px; width:1200px; margin-left:auto; margin-right:auto;}
.product ul li{ width:350px; height:380px; float:left; margin:20px; border:#CCCCCC solid 1px;  position:relative}
.product ul li img{ width:100%; height:380px;}
.product ul li:hover{ border:#FF0000 solid 1px;}

/* The "Visit Company" text */
.aa p {
     width: 100%;
	 left: 0;
	 top: 57px;
	 z-index: 200;
	 position: absolute;
	 font-family: Tahoma, Arial, Helvetica, sans-serif;
	 color: #FFF;
	 font-size: 11px;
	 text-align: center;
	 cursor: pointer;
	 display: none;	/* hidden by default */
}



.box{ width:1200px; margin-left:auto; margin-right:auto; margin-top:40px;}
.zizhi{ width:310px; float:left}
.zizhi-title{ background:url(../images/title1.gif) center no-repeat; height:50px;}
.zizhi-cont{ margin-top:20px; width:100%; text-align:center;}

.about{ width:480px; float:left; margin-left:40px;}
.about-title{ background:url(../images/title2.gif) center no-repeat; width:480px; height:50px;}
.about-cont{ margin-top:5px; line-height:25px; padding:10px;}
.about-cont img{ float:left; margin-right:10px; margin-bottom:5px; margin-top:15px;}

.contact{ width:300px; float:left; margin-left:40px;}
.contact-title{ background:url(../images/title3.gif) center no-repeat; height:50px; width:300px;}
.contact-cont{ padding:10px;}
.contact-cont img{ margin-left:10px; width:160px;}
.contact-cont p{ text-align:left; margin-left:10px; line-height:20px; margin-top:10px;}

.foot{ border-top:#fe2828 solid 7px; height:140px; margin-top:50px; line-height:25px;}
.foot-lead{ padding-top:10px; text-align:center;}
.foot-lead a{ padding:0 10px;}
.foot-cont{ text-align:center; margin-top:10px; color:#333}

.erji{ background-color:#f7f7f7; padding-top:50px; padding-bottom:50px;}
.weizhi{ text-align:right; margin-bottom:10px; font-size:14px;}
.erji-left-title{ background-color:#fe2828; height:80px; padding-left:15px; line-height:80px; font-size:26px; color:#FFFFFF;}
.erji-left{ width:250px; float:left;}
.erji-left>ul{ background-color:#FFFFFF}
.erji-left>ul>li{  line-height:50px; padding-left:25px; border-bottom:#d5d5d5 solid 1px; font-size:16px;}
.erji-left>ul>li:hover{ background:url(../images/icon3.png) top left no-repeat;}
.erji-left>ul>li:hover>a{ color:#FF0000}
.left-contact{ margin-top:20px; background-color:#FFFFFF; padding:10px;}
.left-contact-title{height:50px; line-height:50px; color:#fe2828; font-size:20px; padding-left:25px; font-weight:bold; background:url(../images/icon4.png) left center no-repeat; border-bottom:#fe2828 solid 2px;}
.left-contact-cont{ line-height:30px; margin-top:10px;}
.erji-right{ width:920px; float:right; background-color:#FFFFFF; min-height:600px;}
.erji-about{ padding:30px; line-height:30px; font-size:14px;}
.erji-about img{ margin-right:20px; margin-bottom:10px;}

.erji-left>ul>li>ul{ border-top:#eee solid 1px; width:200px; padding-bottom:10px;}
.erji-left>ul>li>ul>li{ height:35px; line-height:35px; font-size:14px; border-bottom:#eee solid 1px; padding-left:20px;}

.erji-product{ background-color:#FFFFFF; padding:15px;}
.erji-product ul li{ width:260px; float:left; margin:7px; padding:10px; border:#CCCCCC solid 1px;}
.erji-product ul li div{ width:260px; height:150px; overflow:hidden; text-align: center; background-color:#333333}
.erji-product ul li div img{ width:100%;}
.erji-product ul li p{ line-height:25px; text-align:center;}
.erji-product ul li:hover{ border:#FF0000 solid 1px;}

.erji-case{ background-color:#FFFFFF; padding:15px;}
.erji-case ul li{ width:260px; float:left; margin:7px; padding:10px; border:#CCCCCC solid 1px;}
.erji-case ul li div{ width:260px; height:150px; overflow:hidden; text-align: center; background-color:#333333}
.erji-case ul li div img{ width:100%;}
.erji-case ul li p{ line-height:25px; text-align:center;}
.erji-case ul li:hover{ border:#FF0000 solid 1px;}

.erji-news{ padding:30px;}
.erji-news ul li{ height:50px; line-height:50px; margin-bottom:	0px; border-bottom:#CCCCCC dashed 1px; background:url(../images/icon5.jpg) left center no-repeat; padding-left:30px;}
.erji-news ul li a{ width:570px; float: left;}
.erji-news ul li span{ float:right; width:150px; color:#666666; text-align:right; font-size:13px;}

.erji-showprod{ padding:30px;}

.nexts{ margin-top:30px; margin-left:20px;}
.nexts a{ padding:5px 10px; border:#CCCCCC solid 1px; border-radius:5px; margin-right:10px;}
.nexts a:hover{ background-color: #FF0000; border:none; color:#FFFFFF;border:#FF0000 solid 1px;}

.showprod-tuijian{ width:160px; margin-left:auto; margin-right:auto; margin-top:50px;}
.showprod-tuijian ul li{ width:160px; border:#CCCCCC solid 1px; margin-bottom:10px;}
.showprod-tuijian ul li div{ width:160px;}
.showprod-tuijian ul li div img{ width:160px;}
.showprod-tuijian ul li p{ text-align:center; height:25px; line-height:25px ; font-size:12px;}

.case-news{ width:100%; margin-top:30px; text-align:center;}
.case-news a{ margin:5px;}