﻿
*{margin:0;padding:0;list-style-type:none;}
body{margin:0px;padding:0px;color:#000000;  min-width:1200px;  background-color:#fff; font-size:14px; font-family:"微软雅黑"}
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%; min-width:1200px; }
a:hover{ text-decoration:underline}
.index-box{ width:1200px; margin-left:auto; margin-right:auto}

.head{ width:100%; margin-left:auto; margin-right:auto; background:url(../images/head-bg.jpg); height:166px; min-width:1200px; }
.top{ width:1200px; margin-left:auto; margin-right:auto; line-height:27px; height:27px;}
.title{ background:url(../images/head.png) no-repeat; height:213px; width:1200px; margin-left:auto; margin-right:auto; margin-top:30px;}

.lead{ height:47px; background:#bf0000; width:100%; min-width:1200px; }
.lead>ul{ width:1200px; margin-left:auto; margin-right:auto;}
.lead>ul>li{ width:133px; float:left; text-align:center; line-height:47px;}
.lead>ul>li>a{ color:#FFFFFF; font-size:16px; font-weight:bold}
.lead>ul>li:hover{ background:url(../images/lead-hover.png) bottom center no-repeat}


.nav_menu {

  font-weight: 600;
  text-transform: uppercase;
}
.nav_menu-item {
  display: inline-block;
  position: relative;
  width:125px;
  text-align:center;
  
}
.nav_menu-item:hover {
  background:url(../images/lead-bgs.jpg)
}
.nav_menu-item:hover a{}
.nav_menu-item:hover .nav_submenu {
  display: block;
}
.nav_submenu {
  text-transform: none;
  display: none;
  position: absolute;
  top:47px;
  left:0px;
  width: 133px;
  background-color: #efefed;
  z-index:9999999999999;
  font-weight:500
 
}
.nav_submenu a{ color:#bf0000}
.nav_submenu-item{ border-bottom: #CCCCCC dashed 1px; height:35px; line-height:35px;}
.nav_submenu-item:hover {
  background:#bf0000;
}
.nav_submenu-item:hover a{ color:#FFFFFF}


/*轮播图*/
.banner{ width:100%;overflow:hidden; position:relative;font-size:0; min-width:1200px; }
.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%;}

.hot{ width:1200px; margin-left:auto; margin-right:auto; margin-top:20px;}
.hot-title{ background:url(../images/hot-title.png) no-repeat; height:74px; position:relative}
.hot-title a{ position:absolute; right:20px; top:20px;}
.hot-title a:hover{ color:#bf0000}
.hot-cont{ margin-top:20px;}
.hot-cont ul li{ width:390px; margin:0 5px; float:left; height:280px;}
.hot-img{ width:386px; height: 242px; overflow:hidden; border:#dbdbdb solid 2px;text-align:center}
.hot-img img{ height:100%;}
.hot-cont ul li:hover p{ background:#c10000; color:#FFFFFF}
.hot-cont ul li p{ height:37px; line-height:37px; width:100%; text-align:center; font-size:16px; color:#bf0000}

.about{ background:url(../images/about-bg.png) center no-repeat; height:535px; margin-top:20px; min-width:1200px; }
.about-cont{ width:1200px; margin-left:auto; margin-right:auto; position:relative}
.about-p{ width:690px; height:325px; padding-top:100px; color:#FFFFFF; line-height:27px; padding:125px 10px 10px; float:left}
.about-contact{ float:right; padding:325px 10px 5px; width:390px;}
.about-contact img{ float:left; width:134px;}
.about-contact p{ width:230px; float:right; font-size:16px; line-height:30px;}
.about-more{ position:absolute; color:#FFFFFF; font-weight:bold; left:640px; top:50px;}
.about-more a{ color:#FFFFFF}
.about-more a:hover{ color:#bf0000}
.advan{ background:url(../images/advan.jpg) center no-repeat; height:957px; margin-top:30px;}

.case{ margin-top:30px; height:320px;}
.case-title{ background:url(../images/case.png) center no-repeat; height:74px; position:relative; width:1200px; margin-left:auto; margin-right:auto;}
.case-title a{ position:absolute; right:20px; top:20px;}
.case-title a:hover{ color:#bf0000}
.show{ width:1200px; margin-left:auto; margin-right:auto; position:relative; padding-top:0px; margin-top:10px;}
.mr_t1{height:40px;padding-right:16px;}
.mr_t1name{font:bold 16px/40px "微软雅黑";color:#FFF;height:40px;width:110px;padding-left:21px;float:left;}
.mr_t1name img{float:left;margin-top:9px;margin-right:6px;display:inline;}
.mr_frbox{height:140px;padding:10px 25px 0px;}
.mr_frBtnL{margin:70px 22px 0px 0px;cursor:pointer;display:inline; position:absolute; left:0px;}
.mr_frUl{float:left;height:180px;width:1110px; margin-left:15px; padding-top:px; padding-left:10px}
.mr_frBtnR{margin-top:70px;cursor:pointer; position:absolute; right:0px}
.mr_frUl ul li{display:inline;float:left;width:268px;margin-right:8px;border:#CCCCCC solid 0px; position:relative;}
.mr_frUl ul li img{display:block;margin-bottom:0px;border:1px solid #D8D8D8; width:268px; height:180px;}
.mr_frUl ul li a:hover img{border:1px solid #bf0000;}
.mr_frUl ul li p{ width:100%; text-align:center; line-height:30px;  bottom:-30px; color: #bf0000;border:0px solid #fff;}
.mr_frUl ul li:hover p{background-color:#bf0000;border:1px solid #bf0000; color:#fff}


.guanggao{ background:url(../images/guanggao.jpg) center no-repeat; height:156px; margin-top:30px;}

.news{ background:url(../images/news-bg.jpg) center no-repeat; height:577px; margin-top:30px; }
.news-ul{ width:1200px; margin-left:auto; margin-right:auto;position:relative}
.news-ul ul{ padding-top:80px; padding-left:500px;}
.news-li{ background-color:#bf0000; height:30px; line-height:30px; padding:0 10px; color:#FFFFFF; width:450px; float:left;}
.news-li a{ color:#FFFFFF; font-size:15px; font-weight:bold}
.news-ul ul li{ border-bottom:#bf0000 dashed 1px; padding-bottom:5px; margin-bottom:10px;}
.news-ul ul li span{ width:100px; float:right; text-align:right; line-height:30px; font-size:13px;}
.news-p{ line-height:22px; margin-top:5px; font-size:14px;}

.news-more{ position:absolute; right:0px; top:20px;}
.news-more a:hover{ color:#bf0000}

.foot{ background:url(../images/foot-bg.jpg) top left repeat-x; height:350px;}

.lianjie{ width:1200px; margin-left:auto; margin-right:auto; height:32px; line-height:32px; color:#FFFFFF; font-size:16px; font-weight:bold}
.foot-cont{ width:1200px; margin-left:auto; margin-right:auto;}
.ditu{ margin-top:20px; width:650px; float:right}

.foot-left{ width:500px; float:left;}
.foot-title{ background:url(../images/foot-logo.png) no-repeat; height:46px; margin-top:20px;}
.foot-p{ color:#FFFFFF; line-height:25px; margin-top:10px;}
.foot-lead{ margin-top:10px; color:#FFFFFF;}
.foot-lead a{ color:#FFFFFF;}
.foot-lead a:hover{ color:#bf0000; font-weight:bold}
.foot-lead p{ margin-top:5px; font-weight:500}

.erji-cont{ width:1200px; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px;}
.erji-left{ width:250px; float:left;}
.erji-left-title{ height:100px; background-color:#bf0000; line-height:100px; text-align:center; color:#FFFFFF; font-weight:bold; font-size:24px;}
.erji-right{ width:940px; float:right;}
.erji-left-ul ul li{ height:40px; line-height:40px; border-bottom:#999999 solid 1px; width:210px; padding-left:40px; background:url(../images/erji-list.png) left center no-repeat; background-color:#CCCCCC}
.erji-tuijian{ color:#bf0000; font-size:18px; font-weight:bold; margin-top:10px; line-height:40px;}
.erji-tuijian span{ width:100px; float:left}
.erji-tuijian a{ width:70px; text-align:right; float:right; font-size:12px; font-weight:500}
.erji-tuijian a:hover{ color:#bf0000; font-weight:bold}
.erji-tuijian-img{ width:248px; border:#CCCCCC solid 1px;}
.erji-tuijian-img img{ width:100%;}
.erji-tuijian-img p{ width:100%; text-align:center; line-height:25px;}
.erji-right-title{ border-bottom:#bf0000 solid 2px; border-left:#bf0000 solid 2px}
.erji-right-title-left{ float:left; width:450px; font-size:20px; color:#bf0000; font-weight:bold; padding-left:10px; line-height:35px;}
.erji-right-title-right{ width:400px; text-align:right; float:right; padding-top:10px;}
.erji-right-title-right a:hover{ color:#bf0000}
.erji-right-cont{}
.erji-right-cont img{  border:#666666 solid 2px; margin-top:10px}
.erji-right-cont p{ line-height:25px; padding:10px;}
.erji-news img{ border:none}
.erji-news ul li{ height:35px; line-height:35px; border-bottom:#bf0000 dashed 1px; padding-left:40px; background:url(../images/erji-news-list.png) left center no-repeat}
.erji-news ul li a{ width:650px; float:left}
.erji-news ul li span{ width:100px; text-align:right; float:right; font-size:12px;}
.erji-product{ margin-top:10px;}
.erji-product ul li{ width:300px; float:left; margin:5px; border: #CCCCCC solid 1px; height:250px; overflow:hidden; position:relative;text-align:center}
.erji-product ul li p{ width:300px; background-color:#CCCCCC; position:absolute; height:20px; line-height:20px; bottom:0px; left:0px; text-align:center}
.erji-product ul li:hover p{ background-color:#bf0000; color:#FFFFFF;}
.erji-product ul li img{ height:211px; border:none}
.erji-product-lead{ margin-top:10px;}
.erji-product-lead ul li{ width:200px; float:left; background:#bf0000; text-align:center; margin:3px; height:35px; line-height:35px;}
.erji-product-lead ul li a{ color:#FFFFFF; font-size:16px; font-weight:bold}