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


.top{ width:100%; background-color:#f8f8f8; height:30px; line-height:30px; font-size:12px;}
.top span{ float:left}
.top p{ float: right}
.top p a{ border-right:#CCCCCC dotted 1px; padding:0 20px 0 20px; margin-left:20px}

.logo{height: 125px;}
.inner{width: 1200px; margin: 0 auto;}
.logon{float: left; padding-top: 30px; line-height: 1.8;}
.logon h2{color: #000; font-size: 24px; font-family: "ËÎÌå";}
.logon h2 b{color: #ba1111; font-size: 34px; line-height: 1; font-family: "΢ÈíÑźÚ";}
.logon h3{color: #333; font-size: 16px; font-weight: normal;}
.logom{float: left; padding-top: 40px; margin-left: 100px; line-height: 1.2;}
.logom p{color: #c80505; font-size: 22px; font-weight: bold;}
.logom em{color: #999999; font-style: normal; font-family: arial; font-size: 10px;}
.logor{float: right; max-width: 225px; padding-top: 30px;}
.logor img{float: left; margin-right: 10px;}
.logor h3{font-style: normal; font-size: 12px; color: #666; float: left;}
.logor h4{font-style: normal; font-size: 20px; color: #c80505; float: left; font-family: arial;}
.logor ul{float: left; display: inline-block;}
.logor li{float: left; list-style: none; background: url(../images/wuxing.jpg) no-repeat 0px 7px; padding-left: 20px; margin-right: 20px; line-height: 2; font-size: 16px;}


.lead{ height:50px; line-height:50px; background-color:#e70012}
.lead ul{ width:1100px; margin:0 auto;}
.lead ul li{ width:157px; float:left; font-size:16px; text-align:center}
.lead ul li a{ color:#FFFFFF}
.first{ background-color:#FF0000}
.lead ul li:hover{ background-color:#FF0000}

 @media screen and (max-device-width: 700px) {
 .box{ width:100%;}
 .top p{ display:none}
 .head{ width:100%; padding:10px 0}
 .head-p{ display:none}
 .phone{ display:none}
 .logo img{ width:90%;}
 .lead{height:auto; line-height:35px}
 .lead ul{ width:100%; height:auto;}
 .lead ul li{ width:33.3%; font-size:14px;}
 .first{ display:none}
 
 .logo{height: 90px;}
.inner{width: 100%; margin: 0 auto;}
.logon{float: none; padding-top: 15px; line-height: 1.8; margin-left:2px;}
.logon h2{color: #000; font-size: 20px; font-family: "ËÎÌå";}
.logon h2 b{color: #ba1111; font-size: 32px; line-height: 1; font-family: "΢ÈíÑźÚ";}
.logon h3{color: #333; font-size: 14px; font-weight: normal;}
.logom{float: left; padding-top: 40px; margin-left: 100px; line-height: 1.2; display:none}
.logor{float: right; max-width: 220px; padding-top: 30px;display:none}

 
 }

/*  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: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:#c80505; border:#c80505 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:700px){.callbacks_nav{top:47%;}.banner{ display:none}}


.wap-banner{ width:100%; margin-bottom:20px; display:none}
/* main_image */
.main_visual{height:220px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:220px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:220px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:220px;}
.main_image li span{display:block;width:100%;height:220px}
.main_image li a{display:block;width:100%;height:220px}
.main_image li .img_1{background:url('../images/ban1.jpg') center top no-repeat}
.main_image li .img_2{background:url('../images/ban2.jpg') center top no-repeat}
.main_image li .img_3{background:url('../images/ban3.jpg') center top no-repeat}



div.flicking_con{position:absolute;top:190px;left:55%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}



 @media screen and (max-device-width: 700px) {
 .banner{ display:none}
.wap-banner{ display:block}
 }
 
 .pro{ width:1200px; margin:30px auto;}
 .title{ width:650px; border-bottom:#eee solid 1px; margin:30px auto; text-align:center}
 .title h1{ font-weight:500; color:#333333}
 .title p{ margin:10px 0 20px 0; font-size:16px; letter-spacing:2px; color:#666666}
 .title div{ background:#ff0101; height:3px; width:50px; margin:0 auto; }
 .pro-left{ width:250px; float:left; margin-top:5px;}
 .pro-title{ background:url(../images/xx.jpg) center no-repeat; height:79px;}
 .pro-left ul{ background-color:#3a3a3a; padding:20px 0; min-height:312px}
 .pro-left ul li{ background-color:#4c4a4b; text-align:center; width:200px; margin:3px auto; height:40px; line-height:40px; color:#FFFFFF}
 .pro-left ul li a{ color:#FFFFFF}
 .pro-left ul li:hover{ background-color:#FF0000}
 .pro-foot{background-color:#ff0101; height:73px; text-align:center}
 
 .pro-right{ width:930px; float:right;}
 .pro-right ul li{ width:220px; float:left; text-align:center; margin:5px; background-color:#eee}
 .pro-right ul li div{ width:220px; height:210px; text-align:center; overflow:hidden; margin-top:2px;}
 .pro-right ul li div img{ height:100%;}
 .pro-right ul li p{ height:35px; line-height:35px;}
 .pro-right ul li:hover{ background-color:#ff0101}
 .pro-right ul li:hover p{ color:#eee}

.about{ background:url(../images/U.jpg) top center no-repeat; min-height:500px; padding-bottom:50px; border-bottom:#666 solid 1px;}
.about-title{ text-align:center; padding-top:50px;}
.about-title h2{ color:#333333; font-weight:500; font-size:26px;}
.about-title div{ height:3px; width:50px; background-color:#ff0101; margin:20px auto;}
.about-img{width:960px; margin:30px auto;}
.about-img img{ height:250px; margin:5px;}
.about-p{ line-height:35px; text-align:center}

.news{ background-color:#ba1111; min-height:540px; padding:30px 0}
.news-left{ width:480px; float:left; margin-top:10px; background-color:#000000; width:520px; height:410px;}
.news-right{ width:600px; float:right;  background-color:#FFFFFF; padding:20px 30px; min-height:360px; margin-top:10px;}
.news-right ul li{ background:url(../images/wuxing.jpg) left center no-repeat; padding-left:20px; height:40px; line-height:40px; border-bottom:#eee dashed 1px;}
.news-right ul li span{ font-size:13px; color:#444}
.news-right ul li a{ color:#333333}
.news-right ul li:hover a{ color:#FF0000}

.gundong{ width:1200px; margin:20px auto;}


 @media screen and (max-device-width: 700px) {
 .title{ width:100%; border-bottom:#eee solid 1px; margin:30px auto; text-align:center}
 .title h1{ font-weight:500; color:#333333}
 .title p{ margin:10px 0 20px 0; font-size:16px; letter-spacing:2px; color:#666666}
 .title div{ background:#ff0101; height:3px; width:50px; margin:0 auto; }
 
 .pro{ width:100%; margin:0px auto;}
 .pro-left{ display:none}
 .pro-right{ float:none; width:100%}
 .pro-right ul li{ width:48%; margin:5px 1%}
 .pro-right ul li div{ width:100%; height:175px}
 .pro-right ul li p{ height:25px; line-height:25px;}
 
 .about-title{ text-align:center; padding-top:30px;}
 .about-img{width:100%; margin:30px auto;text-align:center;}
.about-img img{ height:90px; margin:3px;}
.about-p{ line-height:30px; text-align:center; padding:2%}

.news{ background-color:#ba1111; min-height:540px; padding:30px 0}
.news-left{ width:480px; float:left; margin-top:10px; background-color:#000000; width:520px; height:410px; display:none}
.news-right{ width:92%; float:right;  background-color:#FFFFFF; padding:2%; min-height:360px; margin:2%}
.news-right ul li{ background:url(../images/wuxing.jpg) left center no-repeat; padding-left:20px; height:40px; line-height:40px; border-bottom:#eee dashed 1px; overflow:hidden}
.news-right ul li span{ font-size:13px; color:#444}
.news-right ul li a{ color:#333333}
.news-right ul li:hover a{ color:#FF0000}

.gundong{ width:100%; overflow:hidden; margin:20px auto;}
 }


.foot{ background-color:#000; width:100%;  text-align:center; color:#FFFFFF; font-size:12px; padding:10px 0; line-height:25px;}

.fff{ display:none}
 @media screen and (max-device-width: 700px) {
	.fff{ position:fixed; bottom:0; left:0; background-color:#FF0000; width:100%; padding:1.5% 0; display:block}
.fff div{ width:45%;}
.fff div img{ width:25%; float:left;}
.fff div a{ color:#FFFFFF}
.fff div p{ float:left;margin-top:6%; font-size:0.9em; margin-left:7%}
.fff-home{ border-right:#fff dashed 1px; margin-left:5%; float:left}
.fff-zixun{ float:right;}
 }

.erji-banner{ background:url(../images/erji-banner.jpg) center no-repeat; height:200px;} 
.erji-banner-wap{ background:url(../images/erji-wap-banner.jpg) center no-repeat; height:150px; display:none}

.erji{ width:1200px; margin:30px auto;}
.left{ width:250px; float:left;}
.left-title{ background-color:#cd2524; color:#FFFFFF; padding:15px 20px; border:#f4f4f4 solid 1px;}
.left-title span{ font-size:16px;}
.left ul{ border:#f4f4f4 solid 1px;}
.left ul li{ height:40px; line-height:40px; border-bottom:#eee dashed 1px; padding-left:20px; font-size:15px;}
.left ul li:hover{ border-right:#FF9900 solid 3px;}
.left-contact{ border:#f4f4f4 solid 1px; margin-top:10px;}
.left-contact img{ margin-left:10px; margin-top:10px;}
.left-contact p{  line-height:25px; margin-left:10px; margin-top:10px;}
.right{ width:930px; float: right;}
.right-title{ height:40px; border-bottom:#f4f4f4 solid 2px; line-height:40px;}
.right-title span{ float:left; font-size:22px; margin-left:5px;}
.right-title p{ float:right; margin-right:10px; background:url(../images/wheremore.png) left center no-repeat; padding-left:20px; color:#666666}
.right-title p a{ color:#666666}
.about-cont{ line-height:30px; padding:10px;}

 .product-cont{ margin-top:10px;}
  .product-cont ul li{ width:287px; float:left; border:#f4f4f4 solid 1px; margin:10px;}
  .product-cont ul li div{ width:280px; height:180px; overflow:hidden; margin-left:4px; margin-top:10px; text-align:center}
  .product-cont ul li div img{ height:100%;}
    .product-cont ul li p{ text-align:center; font-size:14px; color:#000; line-height:30px;height:30px;overflow:hidden}
	.product-cont ul li:hover{ border:#FF6600 solid 1px;}
	.product-cont ul li:hover p{ color:#FF6600}

.news-cont{ padding:10px;}
.news-cont ul li{ height:35px; line-height:35px; height:35px; overflow:hidden; border-bottom:#f4f4f4 dashed 1px; background:url(../images/de.jpg) left center no-repeat; padding-left:20px}
.news-cont ul li a{ float:left}
.news-cont ul li span{ float:right; color:#666666; font-size:12px;}
.news-cont ul li:hover a{ color:#FF6600}

 @media screen and (max-device-width: 700px) {
 .erji{ width:100%;}
  .erji-banner{ display:none}
 .erji-banner-wap{ display:block}
 .left{ display:none}
 .right{ width:100%; float:none}
 .about-cont{ width:96%; margin-left:2%; padding:0}
   .product-cont ul li{ width:45%; float:left; border:#f4f4f4 solid 1px; margin:2%;}
  .product-cont ul li div{ width:98%; height:130px; overflow:hidden; margin-left:1%; margin-top:1%; text-align:center}
  .product-cont ul li div img{ height:100%;}
    .product-cont ul li p{ text-align:center; font-size:14px; color:#000; line-height:25px;}
 }
 


.fff{ display:none}
 @media screen and (max-device-width: 700px) {
.foot{ background-color:#000; width:100%;  text-align:center; color:#FFFFFF; font-size:12px; padding:10px 0; line-height:25px;padding-bottom:60px}
	.fff{ position:fixed; bottom:0; left:0; background-color:#e70012; width:100%; padding:1.5% 0; display:block}
.fff div{ width:45%;}
.fff div img{ width:25%; float:left;}
.fff div a{ color:#FFFFFF}
.fff div p{ float:left;margin-top:8%; font-size:0.9em; margin-left:7%}
.fff-home{ border-right:#fff dashed 1px; margin-left:5%; float:left}
.fff-zixun{ float:right;}
 }