@charset "utf-8";
/* CSS Document */

body {
	font-size: 16px;
	color: #1e1e1e;
	font-family:"微软雅黑";
	margin:0;
	min-width: 1100px;
}
img{ border:0;}
A:link {
	COLOR: #1e1e1e; TEXT-DECORATION: none
}
A:visited {
	COLOR: #1e1e1e; TEXT-DECORATION: none
}
A:hover {
	COLOR: #003391; TEXT-DECORATION: none
}
A:active {
	COLOR: #1e1e1e; TEXT-DECORATION: none
}
ol, ul {
	list-style: none;
}
ol, ul, li,
table,tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: center;
	background: transparent;
}
*{margin: 0;padding: 0;hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */}


#head{ width:100%; height:auto; overflow:hidden; margin:0 auto; border-top:7px solid #980000; border-bottom:1px solid #b8bac0;}
.logo{width: 1100px;height:90px;margin:0 auto;padding-top:7px;}
.menu{ width:100%; height:64px; background:#980000;}
.menu ul{ width:1003px; margin:0 auto; }
.menu ul li{width:111px;height:64px;/* background:url(../images/navli.jpg) no-repeat right; */text-align:center;line-height:60px;float:left;}
.menu ul li span{ font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.menu ul li a{ color:#fff; display:block;height:64px;}
.menu ul li a:hover ,.menu ul li a.cur{ color:#fff; background:#3a3a3a}


/*-----首页 banner-----*/
 /* Banner */
 

 /* Banner */
 
.swipe{width:100%;overflow:hidden;position:relative; text-align:center}
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe li img{ width:100% }
.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
.swipe #pagenavi a{width:15px;height:15px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#137CB3;}



.headb{ width:1003px; height:62px; margin:0 auto; }
.search{ width:303px; height:44px; padding-top:18px; float:left;}
.searchk{ width:254px; height:27px; border:1px solid #005fac; float:left;}
.searchan{ width:30px; height:29px; background:url(../images/anniu.jpg) no-repeat; border:none; float:left;}
.guanjianci{ width:700px; height:62px; line-height:62px; color:#7b7b7b; font-size:14px; float:left;}
.guanjianci a{ color:#7b7b7b; padding:0 10px;}
.guanjianci a:hover{ color:#003391; padding:0 10px;}
.guanjianci span{ color:#005fac;}



#contain{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.hot{ width:100%; height:auto; overflow:hidden; background:url(../images/main1bg.jpg) repeat; margin:0 auto;}
.hott{ width:464px; height:136px; margin:0 auto; padding-top:50px; text-align:center;}
.hotten{ width:464px; height:58px; font-size:50px; font-family:Arial, Helvetica, sans-serif; color:#003391; font-weight:bolder;}
.hottch{ width:464px; height:30px; background:url(../images/hotch.png) no-repeat;color:#003391; font-size:28px;}
.hotcon{ width:1003px; height:auto; overflow:hidden; margin:0 auto;}






/* ============================================================
  GLOBAL
============================================================ */
.effects {
 width:1003px; height:auto; margin-bottom:40px;
}
.effects .img {
  position: relative;
  float: left;
  width:325px;
  border-radius:5px;
  margin:0 10px;
  overflow: hidden;
}
.effects .img:nth-child(n) {
  margin-right: 5px;
}
.effects .img:first-child {
  margin-left: 25px;
}
.effects .img:last-child {
  margin-right: 0;
}
.effects .img img {
  /* display: block; */
  /* margin: 0; */
  /* padding: 0; */
  /* max-width: 100%; */
  /* height: auto; */
}

.overlay {
  display: block;
  position: absolute;
  z-index: 20;
  background: rgba(0, 0, 0, 0.5);
  overflow: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

a.close-overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 45px;
  height: 45px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 45px;
  text-align: center;
  background-color: #000;
  cursor: pointer;
}
a.close-overlay.hidden {
  display: none;
}

a.expand {
  display: block;
  position: absolute;
  z-index: 100;
  width: 60px;
  height: 60px;
  border: solid 5px #fff;
  text-align: center;
  color: #fff;
  line-height: 50px;
  font-weight: 700;
  font-size: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

/* ============================================================
  EFFECT 5 - ICON BORDER ANIMATE
============================================================ */
#effect-5 .overlay {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
#effect-5 .overlay a.expand {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#effect-5 .img.hover .overlay {
  opacity: 1;
}
#effect-5 .img.hover .overlay a.expand {
  width: 60px;
  height: 60px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}


.hottype{ width:325px; height:60px; text-align:center; line-height:60px;}


.hotmore{ width:200px; height:42px; background:#005fac; font-size:20px; text-align:center; line-height:42px; margin:0 auto; display:block; margin-top:30px;}
.hotmore a{width:200px; height:42px; background:#005fa; color:#fff; display:block; -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
.hotmore a:hover{width:200px; height:42px; background:#003865; color:#d7d125; display:block; -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;}





.about{ width:100%; height:650px; background:url(../images/about.jpg) repeat-y center top;}
.aboutcon{ width:857px; height:500px; background:url(../images/aboutl.png) no-repeat left; padding:62px 0 0 146px; font-size:14px; line-height:26px; color:#fff; margin:0 auto;}


.aboutmore{ width:200px; height:42px; background:#004d8c; font-size:20px; text-align:center; line-height:42px; margin:0 auto; display:block; margin-top:30px;}
.aboutmore a{width:200px; height:42px; background:#004d8c; color:#fff; border:1px solid #1f7ecc; display:block; -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
.aboutmore a:hover{width:200px; height:42px; background:#1f7ecc; border:1px solid #004d8c; color:#d7d125; display:block; -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;}



.product{ width:100%; height:612px; background:#fff;; margin:0 auto;}


.rollBox{width:1003px; height:280px;overflow:hidden;margin:0 auto; margin-top:20px;}
.rollBox .LeftBotton{height:66px;width:25px;background:url(../images/button1.jpg) no-repeat;overflow:hidden;float:left;display:inline;margin:105px 32px 0 0;cursor:pointer;}
.rollBox .RightBotton{height:66px;width:25px;background:url(../images/button2.jpg) no-repeat;overflow:hidden;float:left;display:inline;margin:105px 0 0 32px;cursor:pointer;}
.rollBox .Cont{width:889px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:296px;float:left;text-align:center; overflow:hidden;}
.rollBox .Cont .pic img{background:#fff;display:block;margin:0 auto; width:276px;overflow:hidden; height:207px;}
.rollBox .Cont .pic p{line-height:50px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;overflow:hidden;}
.rollBox #List1,.rollBox #List2{float:left;}





.news{ width:100%; height:630px; background:url(../images/main1bg.jpg) repeat; margin:0 auto;}
.newscon{ width:1003px; height:426px; margin:0 auto;}
.newsl{ width:344px; height:420px; padding:2px; border:1px solid #d1d1d1; margin-right:55px; background:#fff; float:left;}

#focus {width:344px; height:420px;  overflow:hidden; position:relative;}
#focus ul {height:420px; position:absolute;}
#focus ul li {float:left; width:344px; height:420px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:344px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:344px; height:10px; padding:10px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#focus .preNext {width:45px; height:100px; position:absolute; top:90px; background:url(img/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}


.newsr{ width:590px; height:420px; float:left;}
.newsr li{ width:590px; height:128px; border-bottom:1px dashed #c3c3c3; margin-bottom:15px;}
.newstitle{ width:590px; height:30px; background:#980000; line-height:30px; color:#fff;}
.newstime{ width:590px; height:30px; line-height:30px; color:#fc8b68;}
.newsnr{ width:590px; height:68px; line-height:26px; font-size:14px;}
.newsr li a:hover .newstitle{ background:#003865; color:#d7d125;-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  
  
.link{ width:880px; /* height:111px; */ background: url(../images/link.jpg) no-repeat left center; padding-left:123px; margin:0 auto;overflow: hidden;padding-bottom: 20px;}
.link li{ /* width:93px; */ /* height:33px; */ background:#4193d7; color:#fff; line-height:33px; margin:32px 0 0 12px; float:left; text-align:center; display:block;padding: 0px 5px;}
.link li a{background:#4193d7; color:#fff;display:block;}
.link li a:hover{background:#005fac; color:#fff;display:block;-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s; }
  
#foot{ width:100%; height:auto; background-color:#015498;}  
.footcon{ width:595px; height:auto; background:url(../images/foot.png) no-repeat; margin:0 auto; padding:100px 0 0 454px; line-height:26px; color:#fff; font-size:14px;}
.footcon a{color:#fff}
.main{ width:1003px; height:auto; overflow:hidden; margin:0 auto;}


.main1l{ width:260px; height:auto; padding:20px 0 0 0px;}


.nycontact{ width:209px; height:auto; padding:5px; line-height:27px; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #d1d1d1;  border-left:1px solid #d1d1d1;  border-right:1px solid #d1d1d1; margin-bottom:20px; float:left;}

.fl{ float:left;}
.fr{ float:right;}
.productt{ width:743px; height:48px; background:url(../images/mainir.jpg) no-repeat;}

.nycontain{ width:743px;  height:auto; overflow:hidden; padding:10px 0px; line-height:26px; }
.sortt{ width:200px; height:101px; background:url(../images/indexsortbg.jpg) no-repeat;  padding-left:21px; }
.sorttch{ width:200px; height:33px; padding-top:28px; font-size:24px; color:#fff;}
.sortten{ width:200px; height:20px; color:#53b2ff;}

.sortb{ width:219px; height:auto; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #d1d1d1;  border-left:1px solid #d1d1d1;  border-right:1px solid #d1d1d1; margin-bottom:20px;}
.sortbfir { width:100%; border-bottom:1px solid #d1d1d1; background:url(../images/sortfirst.jpg) no-repeat; font-size:16px;  line-height:40px; text-align:center;}
.sortbfir h4 a { display:block; height:55px; line-height:55px; border-bottom:1px solid #d1d1d1; font-size:18px; line-height:55px;}
.sortbsec{ width:192px; height:33px; line-height:33px; padding-left:27px;}
.main1r{ width:743px; height:auto; padding:20px 0 0 0px;}
.producttl{ width:456px; height:48px; line-height:48px; padding-left:22px; font-size:18px; color:#fff;}
.producttr{ width:214px; height:48px; line-height:56px;}

.swipe{width:1920px;overflow:hidden;position:relative; text-align:center; margin:0 auto;  
        
         left:50%;
         margin-left:-960px; 
               }
.swipe ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.swipe li img{ width:100% }
.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
.swipe #pagenavi a{width:15px;height:15px;line-height:99em;background:#b5b5b5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#137CB3;}

@media (max-width:1000px){
.swipe{ width:1100px; left:0; margin-left:0; }
#slider, .lanrenzhijia2 img{width: 1100px;margin: 0 auto;}
}