/* 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;}
.rel{ position:relative; z-index:9999}
.wap{ display:none}

.top{ background:url(../images/top.jpg) center no-repeat; height:33px; line-height:33px;}
.top span{ float:left; color:#333333;}
.top p{ float:right; width:120px; text-align:center; letter-spacing:2px; color:#FFFFFF; background-color:#000000; height:33px; line-height:33px;}
.top p a{ color:#FFFFFF}
.top p:hover{ background-color:#ffb400}
.head{ width:1200px; margin:20px auto;}
.wap-head{ display:none}

.lead{ background-color:#000000; height:40px; line-height:40px;}
.lead ul{ width:1200px; margin:0 auto;}
.lead ul li{ width:150px; float:left; text-align:center;}
.lead ul li a{ color:#FFFFFF}
.lead ul li:hover{ background:#efae12}



@media screen and (max-width:700px){
.wap{ display: block}
.pc{ display:none}
.box{ width:100%}
.top{ display:none}
.head{ display:none}
.wap-head{ display:block; width:100%; padding:10px 0; text-align:center;}
.wap-head img{ width:95%; margin:0 auto;}

.lead{ background-color:#fff; height:auto; line-height:30px;}
.lead ul{ width:100%; margin:0 auto;}
.lead ul li{ width:33%; float:left; margin:0.15%; text-align:center;background-color:#0097de}
.lead ul li a{ color:#FFFFFF}
.lead ul li:hover{ background:#efae12}

}

/*  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:10px; left:45%;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:40px;height:3px;margin-left:15px;position:relative; border-radius:2px;}
.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: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;}

.wap-banner{ display:none}
@media screen and (max-width:700px){.callbacks_nav{top:47%;}.banner{ display:none}	.wap-banner{ display:block;}.wap-banner img{ width:100%;}}
.banner-bot{ width:1200px; margin:0 auto; position:relative; z-index:9999}
.banner-bot img{ position:absolute; left:0; top:-60px;}
.erji-banenr{ display:none}

.advan{ background:url(../images/bg1.jpg) center no-repeat; height:360px; margin-bottom:30px; padding-top:40px;}
.advan ul li{ width:25%; float:left; text-align:center; color:#FFFFFF}
.advan ul li div{ background-color:#FFFFFF; width:130px; margin:0 auto; border-radius:50%; height:130px; text-align:center}
.advan ul li div img{ padding-top:27px;}
.advan ul li h3{ margin:15px 0;}
.advan ul li p{ width:80%; margin:0 auto; line-height:25px;}

.about{ width:364px; float:left;}
.about-title{ font-size:24px; margin-bottom:20px;}
.about-p{ background: url(../images/bg2.jpg) center; width:324px; color:#000; padding:20px; line-height:23px;}

.tuijian{ width:810px; float:right; margin-top:16px;}
.tuijian-title{ border-bottom:#333 solid 1px; position:relative; margin-bottom:27px;}
.tuijian-title p{ position:absolute; left:40%; background-color:#FFFFFF; color: #000000; font-size:24px;  height:40px; line-height:40px; width:120px; bottom:-20px; text-align:center;}
.tuijian ul li{ width:260px; float:left; margin:25px 5px; position:relative}
.tuijian ul li div{ width:260px; height:160px; overflow:hidden; text-align:center}
.tuijian ul li div img{ height:100%;}
.tuijian ul li p{ position:absolute; left:0; top:6; width:100%; background:url(../images/bg3.png) center no-repeat; height:30px; line-height:30px; color:#000; text-align:center}
.tuijian ul li:hover p{ color:#fff; background:url(../images/bg3s.png) center no-repeat;}

@media screen and (max-width:700px){
.about{ width:100%; float:none;}
.about-title{ font-size:24px; margin-bottom:20px; margin-left:2%}
.about-p{ background: url(../images/bg2.jpg) center; width:96%; color:#333; padding:2%; line-height:23px;}

.tuijian{ width:100%; float:none; margin-top:35px;}
.tuijian-title{ border-bottom:#333 solid 1px; position:relative; margin-bottom:27px;}
.tuijian-title p{ position:absolute; left:35%; background-color:#FFFFFF; color: #000000; font-size:24px;  height:40px; line-height:40px; width:120px; bottom:-20px; text-align:center;}
.tuijian ul li{ width:48%; float:left; margin:1%; position:relative}
.tuijian ul li div{ width:100%; height:110px; overflow:hidden; text-align:center}
.tuijian ul li div img{ height:100%;}
.tuijian ul li p{ position: relative; left:0; top:0; width:100%; background:#fff; height:30px; line-height:30px; color:#333; text-align:center}
.tuijian ul li:hover p{ color:#333; background:url(../images/bg3s.png) center no-repeat;}
.tuijian ul li:first-child{ display:none}

}

.news{ width:600px; float:left;}
.news-title ul li{ width:175px; float:left; text-align:center; font-size:22px; height:45px; line-height:45px;}
.news-title ul li a{ color:#000000}
.news-title ul li:first-child{ background-color:#efae12;}
.news-title ul li:first-child a{ color:#FFFFFF}
.news-title ul li:hover{ background-color:#efae12}
.news-title ul li:hover a{ color:#FFFFFF}
.news-cont img{ margin:10px 0;}
.news-cont ul li{ background:url(../images/icon7.png) left center no-repeat; padding-left:20px; border-bottom:#000 dashed 1px; height:40px; line-height:40px;}
.news-cont ul li span{ float:right;}
.news-cont ul li:hover{background:url(../images/icon7s.png) left center no-repeat;border-bottom:#efae12 dashed 1px;}
.news-cont ul li:hover a{ color:#efae12;}

.serve{ background: url(../images/serve-bg.png) bottom repeat-x; }
.serve-cont{ line-height:30px; padding:20px 10px; color:#333333}
.contact{ margin-top:20px;border-top:#333333 dashed 1px; padding-top:10px;}
.contact-img{ float:left;}
.contact-p{ float:right; line-height:30px; color:#333333; width:370px;}

.shipin{ width:570px; float: right;}
.shipin-title{ font-size:22px;  margin-bottom:10px; height:45px; line-height:45px;}
.shipin-title a{ float:right; font-size:14px;}
.shipin-title a:hover{ color:#efae12}

@media screen and (max-width:700px){
.news{ width:96%; padding:2%; float:none;}
.contact-p{ float:none; line-height:30px; color:#333333; width:100%;}
.shipin{ display:none}
.contact-img{ float:none; margin-bottom:10px;}
.contact-img img{ width:100%}
}

.foot{ background-color:#000000; height:70px; line-height:70px; margin-top:30px;}
.foot ul{ float:left}
.foot ul li{ float: left; margin-right:20px; font-size:13px;}
.foot ul li a{ color:#eee}
.foot ul li a:hover{ color:#efae12}
.foot p{ float:right; color:#eee}

.wap-float{ display:none}
.wap-float{ position:fixed; left:0; bottom:0; background-color:#0097de; width:100%;}
.wap-float ul li{ width:24.3%; float:left; border-left:#0086c5 solid 1px; border-right:#009ce4 solid 1px; text-align:center; padding:5px 0}
.wap-float ul li div{ width:100%; text-align: center}
.wap-float ul li div img{ width:30%}
.wap-float ul li p{ color:#eee; font-size:12px; line-height:; margin-top:3px;}
@media screen and (max-width:700px){
.foot{ background-color:#000000; height:auto; line-height:25px; margin-top:20px; margin-bottom:60px; font-size:14px; padding:10px 0; width:96%; padding:2%}
.foot ul{ float:none; display:none}
.foot p{ float:none; color:#eee; text-align:center;}

.wap-float{ display:block}
}


.erji-banner{ background:url(../images/erji-banner.jpg) center no-repeat; height:300px;}
@media screen and (max-width:700px){
.erji-banner{ display:none}
}

 .erji{ width:1200px; margin:30px auto;}
.left{ width:230px; float:left;}
.left-title{ background-color:#0097de; color:#FFFFFF; padding:15px 20px; font-size:13px; border:#f4f4f4 solid 1px;}
.left-title span{ font-size:20px;}
.left ul{ border:#f4f4f4 solid 1px;}
.left ul li{ height:45px; line-height:45px; border-bottom:#eee dashed 1px; padding-left:20px; font-size:14px;}
.left ul li:hover{ border-right:#efae12 solid 3px;}
.left ul li a{ color:#333333}
.left-contact{ border:#f4f4f4 solid 1px; margin-top:10px;}
.left-contact img{ margin-left:10px; margin-top:10px; width:210px}
.left-contact p{  line-height:25px; margin-left:10px; margin-top:10px;}
.right{ width:950px; 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/icon.png) left center no-repeat; padding-left:20px; color:#666666}
.right-title p a{ color:#666666}
.about-cont{ line-height:30px; padding:10px;}
.about-cont img{width: 100%}
.pro-cont{ margin-top:15px;}
.pro-cont ul li{ width:303px; float:left; margin:6px;}
.pro-cont ul li div{ width:100%; height:170px; overflow:hidden; text-align:center;}
.pro-cont ul li div img{ height:100%;}
.pro-cont ul li p{ width:100%; text-align:center; line-height:30px; background-color:#f4f4f4; color:#333333}
.pro-cont ul li:hover p{ background-color:#0097de; color:#FFFFFF}
.news-cont{ padding:20px;}
.news-cont ul li{ height:45px; line-height:45px; border-bottom: #CCCCCC dashed 1px;  padding-left:20px;}
.news-cont ul li span{ float:right; color:#333333; font-size:13px;}
.news-cont ul li a{ color:#333333}
 @media screen and (max-device-width: 700px) {
 .erji{ width:100%;}
 .left{ display:none}
 .right{ width:100%; float:none}
 .about-cont{ width:96%; margin-left:2%; padding:0}
   .pro-cont ul li{ width:45%; float:left; border:#f4f4f4 solid 1px; margin:2%;}
  .pro-cont ul li div{ width:98%; height:100px; overflow:hidden; margin-left:1%; margin-top:1%; text-align:center}
  .pro-cont ul li div img{ height:100%;}
    .pro-cont ul li p{ text-align:center; font-size:13px; color:#000; line-height:30px; overflow: hidden; height:30px;}
	.news-cont ul li{ overflow:hidden}
 }
 .wap-list-title{ background-color:#0097de; color:#FFFFFF; padding-left:5px; height:40px; line-height:40px; font-size:16px; font-weight:bold}
.list ul li{ height:40px; line-height:40px; border-bottom:#eee solid 1px; padding-left:5%}