﻿@charset "utf-8";

/* CSS Document *//* banner */

 .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
 .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.lanmuc-bannj{width: 100%; height: auto;position: relative;}
.lanmuc-bannj .rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.lanmuc-bannj .rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.lanmuc-bannj .rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.lanmuc-bannj .rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.lanmuc-bannj .slide_container {
  position: relative;
  float: left;
  width: 100%;
  }

.lanmuc-bannj .slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.lanmuc-bannj .slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .lanmuc-bannj .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }
.slide_container img{width: 100%;}
.lanmuc-bannj .slide .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;
  }
  
 .lanmuc-bannj .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.2;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../img/themes.gif") no-repeat left top;
  margin-top: -45px;
  }
.lanmuc-bannj .slide_nav:hover{opacity:.5}
.lanmuc-bannj .slide_nav:active {
  opacity:.7;
  }

.lanmuc-bannj .slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
.lanmuc-bannj .gong{box-shadow: 0 0 3px #ccc;
    position: absolute;
	line-height: 60px;
    width: 1200px;
    height: 60px;
    background: #fff;
    bottom: -70px;
    z-index: 99;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;}
.lanmuc-bannj .gong .shang{width: 86px; height: 60px; border-radius: 10px; background: #f7f6f6; float: left; background:url(../img/tong.png) no-repeat center left;
line-height: 60px; 
padding-left: 40px;
font-size: 18px;
color: #eb1413;
border:1px solid rgba(0,0,0,.05);}
.lanmuc-bannj .gun{
	width:1040px;height:40px;float: left;overflow: hidden;
	margin-left: 6px;
}
.lanmuc-bannj .gunnei{
	width:5000px;
	height: 40px; 
	background:none;
	margin-left: 0;
}
.lanmuc-bannj .gunnei ul li{float: left; margin: 0 20px; padding-left: 20px; background:url(../img/liebi.png) no-repeat center left;}
.lanmuc-bannj .gunnei ul li a{color: #333; font-size: 16px; line-height: 62px}
.lanmuc-bannj .gunnei ul li a:hover{color: #46943b}
.lanmuc-bannj .gunnei ul li a span{font-size: 14px; color: #999; margin-left: 20px;}	


/*顶部logo*/
.lanmuc-menu{
	width: auto;
	position: absolute;
	left: 5%;
	top: 0px;
}
	.lanmuc-menu .logo{width: auto; height:36px; float: left;}
	.lanmuc-menu .logo img{height: 100%;}

/*顶部导航*/	
	.lanmuc-daoh{width: 100%; height: auto;position: absolute;top: 20px; left: 0;z-index: 999;}
	.lanmuc-daoh .daox{width: 1200px; height:50px; line-height: 50px; float: right;}
	.lanmuc-daoh .daox .navl{width:auto; height:50px; line-height: 50px;; float:right; margin-right: 100px;}
    .lanmuc-daoh .daox .navl ul li{ float:left; text-align:center; width:auto; font-size: 16px; height:50px; position: relative; background: url(../img/zuog.png) no-repeat center right; }
.lanmuc-daoh .daox .navl ul li:last-child{background: none;}


	.lanmuc-daoh .daox .navl ul li a{padding:0 20px; color: #fff; margin: 0 23px}
	.lanmuc-daoh .daox .bbk{position: absolute; display: none; left:0; top: 50px; z-index: 9999;}
	.lanmuc-daoh .daox .bbk li{height: 50px!important; line-height: 50px!important; font-size: 14px!important; width:100%;background: none!important}
    .lanmuc-daoh .daox li a{white-space: nowrap;
    overflow: hidden;
    text-align: center;
    display: block;
    color: #fff;
    text-decoration: none;
	
   }
	.lanmuc-daoh .daox .sou{width: auto;
		float: right;
	    height: 40px; margin: 5px;
		line-height: 40px;
		position: relative;
	}
	.sou input:focus{outline: #fff}
	.sou input::-webkit-input-placeholder{color: #fff}
	.sou button:focus{outline: #fff;}
	.sou .butt{height: 26px; width: 50px; border: 1px solid #fff; color: #fff; line-height: 26px; border-radius: 6px; float: right;margin-left: 10px; margin-top: 8px; background: none;}
	.sou .fang{padding-left: 40px; background: none; height: 26px; border: 1px solid #fff; border-radius: 20px; color: #fff;}
	.sou .fang:active{border:1px solid #fff}
	.sou .souu{background: url(../img/sou.png) no-repeat center; width: 40px; height: 28px; position: absolute; left: 2px; top: 7px; border: none;}
	
   
/*公共栏目*/
.lanmuc{width: 100%; height: auto;}
.container{width: 1200px; height: auto; margin: 0 auto;}
.dongt{width: 570px; padding:12px 8px; float: left; 
	background: #f9f9f9;
	box-shadow: 0 0 3px #ccc;
	border-radius: 6px;
	margin-bottom: 34px;
}
/*关于我们*/
.guanyu{
	width: 100%;
	height: auto;
	padding: 20px 0;
	position: relative;
}
.guanyu .shang{
	width: 100%;
	height: 100px;
	border-bottom: 1px dotted #0f2554;
}
.guanyu .zuo{
	width:20%;
	float: left;
	height: auto;
	font-size: 18px;

}
.guanyu span{
	color: #3b6fd0;
	font-size: 32px;

}
.guanyu .you{
	width: 70%;
	float: right;
	color: #666;
	font-size: 16px;
	line-height: 30px;
}

.guanyu .xia{
	width: 100%;
	height: 360px;
	margin: 30px 0;
   background:url(../img/abb.png) no-repeat  center;
}
.guanyu .xia .zuo{
		font-size: 16px;
}
.guanyu .xia img{
	height: 360px;
	float: right;
}
.fenll{
	width: 100%;
	float: left;
	height: auto;
	margin-top: 30px;
}
.fenll .shans{
	width: 100%;
	float: left;
}
.fenll .shans ul li{
	width: 18%;float: left;
	height: 300px;
	margin-right: 4%;
	padding: 2%;
	color: #999;
	font-size: 14px;
	border-radius: 10px;
	background:#f6f6f6;
}
.fenll .shans .xiaa{
	text-align: center;
	width: 100%;
	float: left;
	line-height: 24px;
}
.fenll .shans ul li:last-child{
	margin-right: 0;
}
.fenll .shans .xiaa span{
	font-size: 20px;
	color: #333;
}
.fenll .shans .shangg{
	width: 50%;
	line-height: 30px;
	padding:30px 25%;
	height: auto;
	float: left;
}
.fenll .shans .shangg img{
	width: 100%;
	text-align: center;
	
}
.chak{
	width: auto;
	position: absolute;
	font-size: 12px;
	color: #666;
	left: 20px; bottom: 80px;
}
.chak:hover{
	color: #3b6fd0;
}
.xias ul li{
	position: relative;
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-top: 50px;
	margin-bottom: 20px;
	box-shadow: 0 5px 10px #eee;
}
.xias ul li:last-child{margin-right: 0;}
.xias img {
	width: 100%;
	border-radius: 10px;
}
.xias ul li a{
	display: block;
	font-size: 14px;
	color: #333;
}
.xias ul li a:hover{
	color: #094473;
}
.xias .wenz{
	width:90%;
	padding: 0 5%;
	height: 50px;
	font-size: 16px;
	text-align: center;
	line-height: 50px;
	float: left;
}

/*底部产品类别*/
.cpjs{
	width: 100%;
	height: 700px;
	background: url(../img/cp1.jpg) no-repeat center;
	
}
 .rengo{
	width:100%;
	height:100px;
	line-height: 150px;
	font-size: 38px;
	color: #fff;
	position: relative;
	margin-top: 100px;
	float: left;
}

.hulian{
	width:100%;
	height:100px;
	line-height: 150px;
	font-size: 38px;
	color: #fff;
	position: relative;
	margin-top: 100px;
	float:right;
	text-align: right;
}

.gang2{ 
   width: 60px;
	height: 4px;
	background: #fff;
	position: absolute;
	right: 0;
	top: 30px;
    }

.sanxiang2{
	float: right;
	width: 100%;
	height: auto;
	margin-top: 120px;
}
.sanxiang2 ul{
	width: 240px;
	float: right;
}
.sanxiang2 ul li{
	float: left;
	width: 240px;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
	text-align: center;
	border: 1px dotted #d1b07e;
}
.sanxiang2 ul li a{
	display: block;
	color: #fff;
}
.mmr{
	width: auto;
	float: left;
	height: 30px;
	line-height: 30px;
	color: #fff;
	margin-top: 40px;
}
.mmr2{
	width: auto;
	float:right;
	height: 30px;
	line-height: 30px;
	color: #fff;
	margin-top: 40px;
}
.gang{ 
   width: 60px;
	height: 4px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 30px;
    }
.sanxiang{
	float: left;
	width:100%;
	height: auto;
	margin-top: 120px;
}
.sanxiang ul li{
	width: 240px;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	margin-bottom: 20px;
	text-align: center;
	border: 1px dotted #d1b07e;
}
.sanxiang ul li a{
	display: block;
	color: #fff;
}


.cpjs2{
	width: 100%;
	height: 700px;
	background: url(../img/cp2.jpg) no-repeat center;
}
.cpjs3{
	width: 100%;
	height: 700px;
	background: url(../img/cp3.jpg) no-repeat center;
}

/*友链*/
.youlian{width: 100%; height: auto;}
.zbt{width:100px; height: 30px; line-height: 30px; text-align: center; background:#539f71;margin-right: 10px; float: left;
color: #fff;
}
.youn{
	width: 1090px;
	height: 24px; 
	margin: 3px 0;
	line-height: 32px;
	float: left; 
	margin-bottom: 20px;
}
.youn a{font-size: 12px; 
	text-align: center;
	padding:5px 10px;
	float: left;
	color:#539f71; 
	margin: 0 5px;
    position: relative
}
.youn a span{
	height:14px;
	width: 1px;
	position: absolute;
	right: 0; top:7px;
	background: #539f71;
}
.youn a:last-child span{background: none;}	

/*底部导航*/
.dibb{width: 100%; height:230px; background:#094473; padding-top: 10px}
.dibb .logo{width: 500px; float: left;margin-right: 20px;}
.dibb .lianxi{width:100%; margin-top: 20px; 
	margin-bottom: 20px;
	float: left; line-height:30px; font-size: 16px;color: #fff;}

.dibb .lianxi span{width: 60px; height: 30px; margin-right: 10px;}
.dibb .lianxi span img{width: 30px;}
.dibb .ew{width:300px; float: left; margin-top: 50px; margin-right: 30px; color: #fff;font-size: 12px;
text-align: right;}

.dibb .ew img{width:100%; margin: 5px;  line-height: 30px;}
.dibb .dao{
	width:200px;
	float: right;
	margin-top: 30px;
	position: relative;
}
.dibb .dao .gg{
	width: 40px;
	height: 2px;
	position: absolute;
	right:0;
	top: 24px;
	background: #fff;
}
.dibb .dao span{
	font-size: 18px;
	color: #fff;
	float: right;
}
.dibb .dao ul li{
	text-align: right;
	float: right;
	width: 200px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}
.dibb .dao ul li a{
	display: block;
	color: #fff;
}

.sheng{width: 100%; height: 26px; border-top: 1px solid #ccc; float: left; line-height: 26px;font-size: 12px;}
.sheng .sm a{font-size: 12px; color: #fff;}
.sheng .sm {float: left; height: 26px;}
.sheng .zhic{width: auto; position: absolute; right: 0; top: 0; color: #fff;}
.sheng .beia{width: auto; position: absolute; left: 50%; top:0; height: 26px; transform: translate(-50%;-50%); line-height: 26px;color: #fff;}

.about{width: 100%; height:auto; margin-top: 60px;}
.zuob{width: 300px; float: left}
.zfen{
	width: 280px;
	height: auto;
	float: left;
	margin:10px;
	background: #fdfdfd;
	box-shadow: 0 0 4px #ccc;
	padding-bottom: 10px;
	font-size: 18px;
	
}
.zfen .dao{font-size: 20px;
    background: #f5f5f5;
    width: 85%;
    height: 50px;
    line-height: 50px;
    padding: 0 3% 0 13%;
    color: #333;
    margin-bottom: 10px;
    border-bottom: 1px solid #4956fb;
}
	

.zfen ul li{position: relative;
	width: 180px; height: 56px; float: left;
	border-radius: 10px;
	padding-top: 14px;
	margin: 5px 10px;
	padding-left: 80px;
	line-height: 22px;
	text-transform: uppercase;
}
.zfen ul li:hover{
	box-shadow: 0 0 3px #54a577;
}
.zfen ul li a{color: #fff; font-size: 16px}
.zfen ul li:first-child{background: #479bf8;}
.zfen ul li:nth-child(2){background: #fbaf48;}
.zfen ul li:nth-child(3){background: #38a395;}
.zfen ul li:last-child{background: #e08660;}
.zfen ul li a span{font-size: 10px;}
.zfen ul li .tubiao{
	width: 60px; height:60px;
	position: absolute;
	left:10PX; top: 4px;
	
}
.zfen ul li .tubiao img{width: 100%;}
/*左侧联系我们*/
.zfen .lianx{
	width:260px; 
	margin: 5px 10px;
	float: left;
}
.zfen .lianx p{font-size: 14px; line-height: 28px; color: #666; border-bottom: 1px dotted #ccc}
.zfen .lianx p span{font-size: 18px; line-height: 200%; color: #0e2048}

/*右侧内容*/
.ynr{
	width:860px;
    height: auto;
	float: right;
}
.mian{width: 810px;
	float: left;
    padding-left: 50px;
    height: 40px;
    line-height: 50px;
    border-bottom: 1px dotted #ccc;
    background: url(../img/homee.png) no-repeat center left;
    font-size: 13px;}
.mian a{color: #666;}
.mian a:hover{color:#308352 }
.ynr .yxn{
	width: 100%; height: auto; float: left;
	margin-top: 20px;
}
.ynr .yxn center{font-size: 18px; margin-bottom: 10px}
.ynr .yxn center span{font-size:12px; color:#999; border-bottom: 1px dotted #ccc}
.ynr .yxn p{text-indent: 2rem; color: #333; line-height: 28px; }
.page-back {
    width: 120px;
    height: 30px;
    line-height: 30px;
    background: #56a678;
    text-align: center;
    margin: 20px 345px;
    text-indent: 0;
    border-radius: 6px;
    float: left;
}
.page-back:hover{background: #308352}
.page-back a{color: #fff;}

.ynr .xwlb li{
	margin-bottom: 20px;
	transition: all .5s;
	box-shadow: 0 0 3px rgba(16,35,75,.5);
	width:96%; height: 100px;
	float: left;
	padding: 5px 2%;
}
.ynr .xwlb li:hover{
	box-shadow: 0 2px 8px rgba(16,35,75,.8)
}
.ynr .xwlb li .zbf{
	overflow: hidden;
	width: 80%; 
	float: left;
	padding: 2% 0；
}
.ynr .xwlb li .zbf h3{padding-left: 26px;
		transition: all .5s;
	background: url(../img/lie.png)no-repeat center left;
	line-height: 280%;
	font-size: 16px;
	color: #333;
}
.ynr .xwlb li:hover .zbf h3{padding-left: 26px;
	background: url(../img/lie2.png)no-repeat center left;

}
.ynr .xwlb li .zbf p{text-indent: 0;
	height: 46px;
	line-height: 22px;
	color:#666;
/* 在恰当的断字点进行换行 */
  word-break: break-all;
  /* 超出范围隐藏 */
  overflow: hidden;
  /* 文字超出用省略号 */
  text-overflow: ellipsis;
  /* 盒子模型 */
  display: -webkit-box;
  /* 显示的文本行数 */
  -webkit-line-clamp: 2;
  /* 子元素的垂直排列方式 */
  -webkit-box-orient: vertical;

    
}

.ynr .xiang{
	font-size: 16px;
	width:100%; 
	height: auto;
	float: left;
	margin-top: 20px;
}
.ynr .xiang img{
	width: 370px;
	margin:10px 20px;
	float: left;
	box-shadow: 0 3px 5px #ccc; 
}

.ynr .xiang b{
	margin-left: 10px;
	line-height: 30px;
	font-size: 16px;
	color: #084796;
}


/*联系我们*/
.lian{width:96%; line-height: 34px; margin-top: 20px;
background: #f7f7f7;
padding: 20px 2%;
box-shadow: 0 0 3px #ccc;
color: #333}
.lian span{font-size: 16px; color: #308352}
.ditu{width:860px; height: 406topx; float: left; margin-top: 20px; box-shadow: 0 0 3px #ccc; overflow: hidden}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}



