﻿.box {
	width:100%;margin:0 auto;
}
.content {
    width:1200px;
    margin:0 auto;
}
.contain {
    width: 1280px;
    margin: 0 auto;
}

.wrap {
    clear: both;
    display: block;
    overflow: hidden;
    margin: 0 auto;
    width: 1200px;
}

/*全局*/
.fl {float:left;}
.fr {float:right;}
.cler {clear:both;}
.clearfix{display:block;zoom:1;}
.clearfix:before{display:table;content:"";}
.clearfix:after{clear:both;display:block;visibility:hidden;height:0;content:"";}

a {
		text-decoration: none;
}
	
.sj{color:#333333; font-size:14px; letter-spacing:0px;}
.sj a:hover{color:#d70216;}
.blue {font-size:24px;}
.fixed { position:fixed;}
/*文字颜色*/
.color-text-lv {color:#128800;}
.color-text-lan {color:#004a96;}
.color-text-huang{color:#ea9112;}
.color-text-hei{color: #4a5161;}

/*背景颜色*/

.bg-lv {background:#128800;}
.bg-lan {background:#004a96;}
.bg-huang{background:#ea9112;}
.bg-white {
	background:#ffffff;
}
.bg-black {
	background:#000000;
}
select{ border:0; }

/*头部*/
.xb_top{height:80px;line-height:80px;}
.xb_logo{width:380px;}
.xb_logo img{width:380px;height:80px;}
.menu {width:720px; line-height:80px;margin-left:100px}
		.nav{  position:relative; z-index:1; margin:0 auto; }
		.nav a{color:#ffffff; }
		.nav .nLi{ float:left;  position:relative; display:inline;width:120px; text-align:left;  }
		.nav .nLi h3{ float:left; width:120px; }
		.nav .nLi h3 a{  font-size:16px;  font-weight:normal;  background:#ffffff; color:#707070;text-align:center;}
		.nav .nLi h3 a i{margin-left:5px;}
		
		.nav .sub{ display:none; width:120px;  top:63px;  position:absolute; background-color:#004b86;    }
		.nav .sub li{ zoom:1; line-height:42px; line-height:42px; }
		.nav .sub a{ display:block; padding:0 10px; text-align:center; }
		.nav .sub a:hover{ background:#707070; color:#fff; text-align:center; }
		.nav .on h3 a{display:block;color:#707070; border-bottom:3px #004b86 solid;height:60px;width:68px;  }

		
		
/* 幻灯css */
.slideBox{ width:100%; height:540px;  margin:0px; padding:0px; overflow:hidden; position:relative;  }
		.slideBox .hd{ height:5px; overflow:hidden; position:absolute;  bottom:25px; right:35%; z-index:1; width:400px;}
		.slideBox .hd ul{ overflow:hidden; zoom:1; }
		.slideBox .hd ul li{ float:left; margin-right:5px;  width:5px; height:5px; line-height:14px; text-align:center; background:#004b86; cursor:pointer; }
		.slideBox .hd ul li:hover{background:#ffffff;  }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle;text-align:center; background-position:center; background-repeat:no-repeat; }
		
		
		


		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
/*关于*/	
clearfix {
    display: block;
    zoom: 1;
}
.stitle{ display:block}
.stitle h2{ font-size:28px; font-weight:normal; text-align:center}
.stitle .en{ margin-top:10px; text-align:center; font-size:16px; color:#9b9b9b}
.stitle .en span{ background:url(../images/bg_stitle_bg.jpg) no-repeat left center; padding-left:85px}
.stitle .en span em{ background:url(../images/bg_stitle_bg.jpg) no-repeat right center; padding-right:85px}
#product{ width:100%; padding:50px 0}
#product .list{ padding-top:40px}
#product .list ul li{ float:left; margin-right:37.5px;margin-bottom:20px;}
#product .list ul li:nth-child(3n){ margin-right:0}
#product .list ul li.last{ margin-right:0}

#product .list ul li p{ border:1px solid #f1f1f1; display:block; text-align:center; border-top:0; font-size:16px; padding:15px;color:#004b86;}
#product .list ul li p a{color:#004b86;}
#product .list ul li .img{ width:375px; height:230px; overflow:hidden}
#product .list ul li .img img{width: 100%;height: 100%;object-fit:cover;}

#about{ width:100%; padding:50px 0; background:#f8f8f8}
#about .content{ padding-top:40px;}
#about .content .img{ width:380px; height:205px; overflow:hidden}
#about .content .img img{ width:380px; height:205px;}
#about .content .text{ width:790px; font-size:14px; line-height:28px}
#about .content .text strong{ display:block; font-size:18px; font-weight:normal; padding-bottom:10px}
#about .content .text .btn{ display:block; padding-top:25px}
#about .content .text a{background:#004b86; color:#fff; padding:5px 15px}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}

/* 新闻资讯 */
.news_main{width: 100%;height: auto;padding: 50px 0;}
.news{width: 1280px;margin:0 auto;overflow: hidden;}
.news h6{text-align: center;}
.news_center{width: 100%;height: auto;overflow: hidden;padding: 50px 0 20px 0;}
.news_center ul{margin-left: -2%;}
.news_center ul li{width: 31.333%;margin-left: 2%;margin-bottom: 2%;height: auto;overflow: hidden;float: left;position: relative;}
.news_center ul li a{display: block;}
.news_center ul li img{transition: all .4s;object-fit: cover;width: 100%;}
.news_text{padding: 20px 0;width: 100%;}
.news_text p{font-size: 16px;color: #333;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;white-space: normal;margin-bottom: 25px;line-height: 24px;min-height: 50px;}
.news_text h4{font-size: 14px;color: #999;float: left;margin-right:15px;background: url("../images/index/news_ico1.png") left no-repeat; font-weight:normal;}
.news_text h5{padding-left: 23px;font-size: 16px;color: #999;float: left;background: url("../images/index/news_ico2.png") left no-repeat;}
.news_center ul li:hover .news_text p{color: #005393;}
.news_center ul li:hover img{ transform: translateY(-10px); }


/*--- Footer ---*/
.Footer-wrapper{color:#fff;}
.F-cr{padding:15px 0;line-height:20px;text-align:center;font-size:15px;color:rgba(255,255,255,.4);background:#1a1a1a;}
.footer-container{padding:70px 0 35px;background:#1a1a1a;}
.F-nav{width:16%;float:left;padding-left:4%;}
.F-nav:first-child{padding-left:0%;width:16%;}
.F-nav.F-nav2{width:18.0833%;}
.F-nav dt{line-height:25px;font-size:18px;position:relative;}
.F-nav dt i{display:block;width:50px;height:50px;background:url(../images/icon/icon-dd2.svg) no-repeat center / 50% auto;position:absolute;right:0px;top:0px;display:none;transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.F-nav dt.cur i{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.F-nav dd{margin:15px 0 0;}
.F-nav dd a{display:block;padding:5px 0;line-height:24px;opacity:.6;font-size:15px;color:#ffffff;}
.F-nav dd a:hover{opacity:1;}

.footer-gs{width: 117px;height: 40px;margin: 20px auto;overflow: hidden;}

.F-ct{width:12%;float:right;}
.F-cont{width:22.2222%;float:left;margin-left:2%;}
.F-cont a.tel{font-size:26px;color:#ffffff;}
.F-cont .date{color:#bbbbbb;color:#ffffff;}
.F-cont ul{border-top:1px solid #313131;border-bottom:1px solid #313131;margin:20px auto;padding:10px 0 20px;}
.F-cont ul li{padding-left:25px;background:url(../images/icon_add.png) no-repeat left 3px;margin-top:10px;color:#bbbbbb;height:36px;line-height:22px;}
.F-cont ul li.email{background-position:left -30px;margin-top: 18px;}
.F-cont ul li.email a{color:#bbbbbb;}
.F-cont ul li.tel{background-position:left -61px;}
.F-cont ul li.tel a{color:#bbbbbb;}
.F-cont .share a{display:inline-block;margin-right:5px;background:url(../images/icon_share.png) no-repeat left center;width:28px;height:28px;}
.F-cont .share a.in{background-position:-38px center;}
.F-cont .share a.ff{background-position:-76px center;}
.F-cont .share a.sina{background-position:-114px center;}

.F-code{text-align:center;margin-top:20px;}
.F-code .type{line-height:22px;font-size:14px;color:#bbb;margin:20px 0 0;}
.F-split{width:1px;height:272px;background:rgba(255,255,255,.12);float:left;}



.xb_bt{color:#000000;text-align:center;text-transform:uppercase;font-size:36px;font-weight:bold; border-top:#005393 2px solid; border-bottom:#005393 2px solid;font-family: "Times New Roman", Times, serif; width:460px;margin:0 auto;padding:40px 0;}
.xb_more{width:190px;height:42px; border:#CCC 1px solid; background:#005393;margin:0 auto;color:#ffffff;line-height:42px; text-align:center;font-size:24px;}




/* 产品开始 */
.xb_cp_list{width:1260px;margin:0 auto;}
.xb_cp_list li{width:420px;float:left;}
.xb_cp_list li img{height:254px;width:420px;display:block;}
.xb_cp_list li p{line-height: 80px;
    font-family: arial;
    color: #595757;
    font-size: 21px;
    text-decoration: none;
	text-align:center;
	font-weight:bold;}
.xb_cp_list li p:hover{background:#ffffff;}
.xb_cp_list li P a{color:#595757;}

#main{ width:100%; margin:30px 0;}
#main .left{ width:230px;}
#main .left .title{ background:url(../images/main_left_title_bg.jpg); height:55px; line-height:55px; font-size:16px; font-weight:bold; padding-left:20px}
#main .left .list{ margin-bottom:20px;}
#main .left .list ul{ border:1px solid #eeee; padding:10px;}
#main .left .list ul li{ line-height:38px; border-bottom:1px solid #eee; }
#main .left .list ul li a{font-size:14px; padding-left:9px; background:url(../images/main_left_title_dot.jpg) no-repeat 195px center; display:block;color:#000000;}
#main .left .list ul li a:hover{background:url(../images/main_left_title_dot_hover.jpg) no-repeat 195px center; color:#004b86; font-weight:bold}
#main .left .list ul li.on a{background:url(../images/main_left_title_dot_hover.jpg) no-repeat 195px center;; color:#004b86; font-weight:bold}
#main .right{ width:880px; border:1px solid #eee; padding:30px}
#main .right .title{ font-size:24px}
#main .right .mycontent{ padding:20px 0 0 0; font-size:14px; line-height:200%}

#main .right .daililist ul li{ float:left; margin-right:32px; margin-top:30px}
#main .right .daililist ul li img{width:192px;height:90px;}
#main .right .daililist ul li.last{ margin-right:0}
#main .right .daililist ul li:nth-child(4n){ margin-right:0}

#main .right .daililist1 ul li{ float:left; margin-right:32px; margin-top:30px}
#main .right .daililist1 ul li img{width:192px;height:260px;}
#main .right .daililist1 ul li.last{ margin-right:0}
#main .right .daililist1 ul li:nth-child(4n){ margin-right:0}
#main .right .daililist1 ul li p{width:192px;height:24px; overflow:hidden;}


#main .right .jishulist ul li{ border-bottom:1px solid #eee; padding:30px 0}
#main .right .jishulist ul li .img img{width: 100%;height: 100%;object-fit:cover;}
#main .right .jishulist ul li .img{ width:185px; height:125px; overflow:hidden}
#main .right .jishulist ul li .info{ width:680px;}
#main .right .jishulist ul li .info h2{ font-size:16px}
#main .right .jishulist ul li .info p{ font-size:14px; color:#908989; line-height:20px; padding:10px 0}
#main .right .jishulist ul li .info em{ color:#a19f9e}
#main .right .prolist{ margin-top:20px;}
#main .right .prolist ul li{ float:left; width:205px; margin-right:16px; margin-top:10px}
#main .right .prolist ul li.last{ margin-right:0}
#main .right .prolist ul li:nth-child(4n){ margin-right:0}
#main .right .prolist ul li .img{ border:1px solid #eee; padding:4px; width:205px;; height:205px; overflow: hidden}
#main .right .prolist ul li .img img{width: 100%;min-height:205px;;object-fit:cover;}
#main .right .prolist ul li p{ text-align:center; line-height:24px;height:48px; overflow:hidden; font-size:14px; margin-top:10px;color:#000000;}
#main .right .procontent{ padding-top:30px}
#main .right .procontent .pic .img{ width:360px; height:360px; overflow:hidden}
#main .right .procontent .pic .img img{ width:100%;min-height:360px;}
#main .right .procontent .pic .info{ width:400px;}
#main .right .procontent .pic .info .t{ font-weight:bold; border-bottom:#ddd 1px solid; font-size:20px; padding-bottom:10px;  font-weight:normal}
#main .right .procontent .pic .info p{ line-height:26px; font-size:14px; margin-top:10px}
#main .right .procontent .pic .info h3{width:100px;margin:0 auto;border:#ddd 1px solid; text-align:center;height:32px; line-height:30px;margin-top:20px;}
#main .right .procontent .proinfo{ margin-top:40px; border-top:1px solid #eddfbd}
#main .right .procontent .proinfo .item{ line-height:28px; padding:8px 0; border-bottom:1px solid #eddfbd; background:url(../images/prodot.jpg) no-repeat left 16px; padding-left:20px; font-size:14px}
#main .right .procontent .proinfo .item em{ float:left;color:#0e3493; width:130px;font-size:20px;font-style:normal;}
#main .right .procontent .proinfo .item p{ float:right; width:730px}
#main .right .procontent .back{ text-align:center; margin-top:30px;}
#main .right .procontent .back a{ color:#fff; background:#777; font-size:14px; padding:5px 15px}
#main .right .newslist{ padding-top:30px}
#main .right .newslist ul li{ line-height:46px; border-bottom:1px solid #eee; background:url(../images/main_left_title_dot.jpg) no-repeat left center; padding-left:25px}
#main .right .newslist ul li .img{ width:185px; height:25px; overflow:hidden}
#main .right .newslist ul li .img img{ width:185px; height:125px;}
#main .right .newslist ul li a{ font-size:14px;color:#000000;}
#main .right .newslist ul li span{ float:right}

#main .right .intro{ padding:30px 0 0; text-align:center}
#main .right .intro h2{ font-size:18px; padding-bottom:20px}
#main .right .intro .info{ border-bottom:1px dashed #ddd; line-height:30px;}

		
		
/*底部信息*/	

/*底部联系*/	
.xb_foot{height:80px;margin-top:90px; background:#cacac8; font-size:14px;}
.xb_foot p{line-height:80px; text-align:center;}


/*底部版权*/	
.xb_copy{color:#ffffff; text-align:center;height:60px;line-height:60px;font-size:14px;}

/*内页*/	
.xb_ny_left{width:300px; min-height:600px;margin-top:30px;}
.xb_ny_menu{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.xb_ny_menu h3{line-height:60px;font-size:24px; text-align:center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);font-weight:normal;}
.xb_ny_menu li{line-height:50px;font-size:14px; text-align:center;border-bottom:1px solid #f4f4f4;}
.xb_ny_menu li a:link{color:#000000;}
.xb_ny_menu li a:hover{color:#ffffff;}
.xb_ny_menu li:hover{ background:#ea9112;}
.xb_ny_right{width:825px;margin-top:30px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);padding:20px;margin-bottom:20px;}
.xb_ny_bt{padding:10px 0;border-bottom:1px solid #f4f4f4;line-height:30px;font-size:24px;}
.xb_ny_bt i{margin-right:5px;}
.xb_nr h4{padding:20px 0;color:#ea9112; }
.xb_nr p{line-height:30px;}
/*产品*/
		.photo{width:825px; height:auto; float:left; padding:0px; font-size:13px; line-height:24px; color:#636363;margin:30px 0;}
        .photo li{ width:258px; height:258px; padding-top:0px; margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;    }
		.photo li .pic{ text-align:center;}
		.photo li .pic img{width:199px; height:163px; border:1px #d8d8d8 solid; padding:2px;}
		.photo li .pic a:hover img{padding:1px; border:2px #01ae20 solid;}
		.photo li .title{ width:258px; height:45px; display:block; line-height:45px; font-size:13px; font-family:Arial; color:#666;  }
		.photo li .title a{line-height:45px; font-family:Arial; color:#666;}
		.photo li .title a:hover{color:#ea9112;font-size:14px; font-weight:bold;}	
		
/*新闻*/
.news-box .news-list li {
  height: 175px;
  padding-bottom: 30px;
  margin: 30px 0;
  border-bottom: 1px solid #EAEAEA;
}
.news-box .news-list li .pic {
  float: left;
  width: 220px;
  height: 145px;
  position: relative;
  overflow: hidden;
}
.news-box .news-list li .pic img {
  transform: scale(1);
  transition: 0.5s;
}
.news-box .news-list li .pic:hover img {
  transform: scale(1.1);
}
.news-box .news-list li .txt {
  width: 585px;
  float: right;
}
.news-box .news-list li .txt .title {
  font-size: 16px;
  line-height: 40px;
  height: 30px;
  overflow: hidden;
}
.news-box .news-list li .txt .title a {
  color: #222;
}
.news-box .news-list li .txt .contentny {
  margin-top: 15px;
  font-size: 14px;
  color: #888;
  line-height: 24px;
  height: 44px;
  overflow: hidden;
}
.news-box .news-list li .txt .read-more {
  margin-top: 25px;
  display: block;
  width: 101px;
  border: 1px solid #ADADAD;
  font-size: 12px;
  color: #ADADAD;
  text-align: center;
  height: 23px;
  line-height: 23px;
}
.news-box .news-list li:hover .txt .title a {
  color: #083c6d;
}
.news-box .news-list li:hover .txt .read-more {
  color: #fff;
  background-color: #ea9112;
  border: 1px solid #ea9112;
}	
/*位置导航*/	
.xb_wzdh{height:66px;margin:0 auto;}
.xb_wzdh span{font-size:14px; line-height:66px;color:#ffffff;}
.xb_wzdh span a{color:#ffffff;}
.xb_wzdh p{line-height:66px;color:#676666;}

/*分页*/	
.xb_page_fy{margin:30px 0;}
.xb_page_fy span{ display:block;line-height:45px;width:50%;float:left;height:45px; text-align:center;}
.xb_page_fy span i{margin-right:5px;}
.xb_page_fy span a{color:#ffffff;}

/* 本例子css */
		.picMarquee-left{ width:1200px;  overflow:hidden; position:relative;    }
		
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:275px; height:220px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:40px;   }
		.picMarquee-left .bd ul li .title a{color:#333;font-size:18px;}
/* 本例子css */
		.sideMenu{  border:1px solid #ddd;  }
		.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;
			font:normal 14px/32px "Microsoft YaHei";
		}
		.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
		.sideMenu h3.on em{ background-position:16px -57px; }
		.sideMenu ul{ padding:8px 25px; color:#999; display:none; /* 默认都隐藏 */ }
