/* css 重置
	body, p, input, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form { margin: 0; padding: 0; list-style: none; vertical-align: middle; font-weight:normal; }
	img { border:0; margin: 0; padding: 0;   }
	body { color: #000; -webkit-user-select: none; -webkit-text-size-adjust: none; font:normal 16px/200% "微软雅黑", helvetica, arial; text-align:left;   }
	header, section, footer { display: block; margin: 0; padding: 0 }
	a{text-decoration:none;color:#000;}
	body{ background:#f4f4f4;  }*/


	/* 轮播图 -------------------------------------- */
	.slideBox{ position:relative; overflow:hidden; margin:0px auto;  max-width:100%;/* 设置焦点图最大宽度 */ }
	.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
	.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
	.slideBox .hd li.on{ background:#fff;  }
	.slideBox .bd{ position:relative; z-index:0; }
	.slideBox .bd li{ position:relative; text-align:center;  }
	.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
	.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
	.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:url(images/focusBg.png) repeat-x; color:#fff;  text-align:left;  }


	/* 轮播图2 css -------------------------------------- */
	.focus{ /*width:320px; height:140px;  */ margin:0 auto; position:relative; overflow:hidden;   }
	.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
	.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7);
		-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
	}
	.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
	.focus .hd ul .on{ background:#fff;  }

	.focus .bd{ position:relative; z-index:0; }
	.focus .bd li img{ width:100%; background:url(images/loading.gif) center center no-repeat;  }
	.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }



	/* 选项卡 -------------------------------------- */
	.tabBox{ position:relative; overflow:hidden; margin:0px auto;  max-width:100%;/* 设置焦点图最大宽度 */ }
	.tabBox .hd{ height:38px; line-height:38px; padding:4px 10px 0 10px; font-size:20px; background:#f4f4f4; border-bottom:2px solid #3D80CE; border-top:1px solid #C5C7CB; position:relative;   }
	.tabBox .hd h3{ position:relative;  width:70px; height:38px; line-height:33px;   text-align:center;   background:#fff; border:1px solid #C5C7CB; border-bottom:1px solid #fff;
		-webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; font-size:20px; font-weight:bold; color:#3D80CE;
	}
	.tabBox .hd .type{ float:right;   }
	.tabBox .hd .type a{ float:left; color:#666; font-size:20px; padding:0 5px; }
	.tabBox .hd ul{ position:absolute; bottom:1px; height:5px; width:100%; text-align:center;  }
	.tabBox .hd ul li{ width:5px; height:5px; overflow:hidden; line-height:99px; background:#E8E8E8; display:inline-block; vertical-align:top; margin:0 5px;;
	-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
	.tabBox .hd ul .on{ background:#4097DE;  }

	.tabBox .bd ul{ padding:10px 0 10px 10px;  }
	.tabBox .bd li{ height:33px; line-height:33px;   }
	.tabBox .bd li a{ color:#666;  -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */

	/* 选项卡2 css -------------------------------------- */
	.tabBox2 .hd{ height:40px; line-height:40px; padding:0 10px; font-size:20px; background:#f4f4f4; border-bottom:1px solid #F5AB38; position:relative;  }
	.tabBox2 .hd ul{ position:absolute; height:41px; top:0; overflow:hidden;  }
	.tabBox2 .hd ul li{ float:left; padding:0 10px; color:#666;  }
	.tabBox2 .hd ul .on{ border:2px solid #F5AB38; border-bottom-color:#fff; background:#fff; color:#CF7F21;   }
	.tabBox2 .hd ul .on a{ display:block; /* 修复Android 4.0.x 默认浏览器当前样色无效果bug */  }
	.tabBox2 .bd ul{ padding:10px 0 10px 10px;  }
	.tabBox2 .bd li{ height:33px; line-height:33px;   }
	.tabBox2 .bd li a{ color:#666;  }
	.tabBox2 .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */


	/* 多图滚动 */
	.scrollBox{ margin:10px auto; text-align:center;  }
	.scrollBox .bd li{ width:50%; float:left; font-size:14px; }
	.scrollBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 去掉链接触摸高亮 */
	.scrollBox .bd li img{ width:140px; background:url(images/loading.gif) #fff center center no-repeat;  }
	.scrollBox .hd{ height:20px; overflow:hidden; font-size:0; }
	.scrollBox .hd ul{ display:inline-block; padding-top:5px; }
	.scrollBox .hd li{ display:inline-block; width:8px; height:8px; background:#D0D0D0; margin:0 5px; vertical-align:top; overflow:hidden;
	-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
	}
	.scrollBox .hd .on{ background:#BA2636;  }
	.scrollBox .prev,.scrollBox .next{ display:inline-block; width:25px; height:20px; background:url(images/wyIcons.png) no-repeat; overflow:hidden; margin:0 5px;  vertical-align:top; }
	.scrollBox .next{ background-position:-105px 0; }

	/* 图文三列 pic_text_1col*/
	.pic_text_1col{ width:100%; margin:0 auto;display: inline-block;margin-top: 10px}
	.pic_text_1col li{ width:49%;height: 200px;float:left;list-style: none; position:relative; margin-left:1%; /*text-align:center;*/margin-bottom:1.2em}
	.pic_text_1col li .title{ width:100%; /*background-color:#f69605;*/}
    	
	.pic_text_1col li .title p{  /*color:#fff;*/}
	.pic_text_1col li .title p span{ color:#fff001;font-style:italic;}
	.pic_text_1col li .sub{ color:#2c2c2c; position:inherit; line-height:1.5em; display:block;}



/* 手机解决方案 pic_text_jjfa*/
	.pic_text_jjfa{ width:100%; margin:0 auto;display: inline-block;margin-top: 10px}
	.pic_text_jjfa li{ width:49%;height: 180px;float:left;list-style: none; position:relative; margin-left:1%; /*text-align:center;*/margin-bottom:1.2em}
	.pic_text_jjfa li .title{ width:100%; /*background-color:#f69605;*/}
    	
	.pic_text_jjfa li .title p{  /*color:#fff;*/}
	.pic_text_jjfa li .title p span{ color:#fff001;font-style:italic;}
	.pic_text_jjfa .sub{ color:#2c2c2c; position:inherit; line-height:1.5em; display:block;}

	
	/* 手机首页图文三列 pic_text_1col*/
	.pic_text_1coll{ width:100%; margin:0 auto;display: inline-block;margin-top: 10px}
	.pic_text_1coll li{ width:100%;height: 125px;float:left;list-style: none; position:relative; margin-left:1%; /*text-align:center;*/margin-bottom:1.2em}
	.pic_text_1coll li .title{ width:100%; /*background-color:#f69605;*/}
    	.pic_text_1coll li .title img{ width:33%;float:left;padding:0 1%;}
	.pic_text_1coll li .title p{  color:#000;}
	.pic_text_1coll li .title p span{ color:#fff001;font-style:italic;}
	.pic_text_1coll li .sub{ color:#2c2c2c; position:inherit; line-height:1.5em; display:block;}

		

	/* 图文三列 pic_text_2col*/
	.pic_text_2col{ width:100%; margin:10px auto;display: inline-block}
	.pic_text_2col li{ width:49%; float:left;list-style: none;position:relative; margin-left:1%; text-align:center;padding:2px}
	.pic_text_2col li .title{ width:100%; /*background-color:#000;*/}
	.pic_text_2col li .title p{ /*color:#fff;*/}
	.pic_text_2col li .title p span{ color:#fff001;font-style:italic;}
	.pic_text_2col li .sub{ color:#2c2c2c; position:inherit; display:block;}
	.pic_text_2col li  a{ color:#5d5a5a; }



	/* 图文三列 pic_text_3col*/
	.pic_text_3col{ width:100%; margin:0 auto;display: inline-block;margin-top: 10px}
	.pic_text_3col li{ width:32%; float:left; position:relative; margin-left:1%; text-align:center;margin-bottom:1.2em}
	.pic_text_3col li .title{ width:100%; background-color:#000;}
	.pic_text_3col li .title p{ color:#fff;}
	.pic_text_3col li .title p span{ color:#fff001;font-style:italic;}
	.pic_text_3col li .sub{ color:#2c2c2c; position:inherit; line-height:1.5em; display:block;}

	/* 图文三列2 pic_text_3col*/
	.pic_text_3col2{ width:94%; overflow:hidden; margin:0 auto;}
	.pic_text_3col2 ul li{ width:33.3333333%; float:left; overflow:hidden;outline-style: none;}

	/* 左图右文1 pic_text_1*/
	.pic_text_1{  overflow:hidden; margin:0 auto;}
	.pic_text_1 li{ display: block;overflow: hidden;line-height: 1em}
	.pic_text_1 li .pt_r{position: absolute;left:100px;padding-right: 1em;margin-bottom: 8px;}
	.pic_text_1 li .pt_r h2{font-size: 14px;font-weight: 600}
	.pic_text_1 li .pt_r p{font-size: 12px}
	.pic_text_1 li .pt_link{position: absolute;right:0.1em;top:50px;font-size: 36px;}
	.pic_text_1 li img{border-radius: 5px; width: 90px;height: 90px;}
	// .pic_text_1 li{ width:33.3333333%; float:left; overflow:hidden;outline-style: none;}


	/* 向上滚动 textscroll*/
	.textscroll { width: 300px; height: 260px;
		margin: 0 auto; border: 1px solid #ccc;
		line-height: 26px; font-size: 12px; overflow: hidden;}
	.textscroll li { height: 26px; margin-left: 25px;}
	.textscroll a { color: #333; text-decoration: none;}
	.textscroll a:hover { color: #ED5565; text-decoration: underline;}


	/* 小组件 pic_text_3col*/
	/*标题*/
	.title1 h1{text-align:center;display: block;padding:1em 0 0.1em;}
	.title1 h2{text-align:center;display: block;    padding: 0.5em 0 0.5em;
    background-color:#113160;
    line-height: 20px;color:#fff}
	.title1 h3{text-align:center;display: block;padding:1em 0 0.1em;}
	.title1 h6{text-align:center;display: block;padding:0.4em 0 0.1em;}

    /*标题 左标题右链接*/

	.titleleft1{ position:relative; overflow:hidden; margin:0px auto;  max-width:100%;/* 设置焦点图最大宽度 */ }
	.titleleft1 .hd{ height:38px; line-height:38px; padding:4px 10px 0 10px; font-size:20px; background:#f4f4f4; border-bottom:2px solid #3D80CE; border-top:1px solid #C5C7CB; position:relative;   }
	.titleleft1 .hd h3{ position:relative;  width:70px; height:38px; line-height:33px;   text-align:center;   background:#fff; border:1px solid #C5C7CB; border-bottom:1px solid #fff;
		-webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; font-size:20px; font-weight:bold; color:#3D80CE;
	}
	.titleleft1 .hd .type{ float:right;   }
	.titleleft1 .hd .type a{ float:left; color:#666; font-size:20px; padding:0 5px; }


	/*文字*/
	.content1 p{text-align:left;display:block;padding:0.1em}
    /*导航*/
	.nav1 { width:100%; margin:0 auto;overflow:hidden;}
	.nav1 ul {padding:2px;overflow:hidden;}
	.nav1 ul li { float:left; width:48%;margin:2px; text-align:center; line-height:3.2; font-size:0.8em;background-color:#f8a10a;}
	.nav1 ul li a { color:#fff; font-size:1.1em; font-weight:400;}

    footer a{
color:#333;
    }



	/* 表单 Basic Grey */
	.basic-grey {
	margin-left:auto;
	margin-right:auto;
	// max-width: 500px;
	background: #F7F7F7;
	padding: 25px 15px 25px 10px;
	font: 12px Georgia, "Times New Roman", Times, serif;
	color: #888;
	text-shadow: 1px 1px 1px #FFF;
	border:1px solid #E4E4E4;
	}
	.basic-grey h1 {
	font-size: 25px;
	padding: 0px 0px 10px 40px;
	display: block;
	color: #888;
	text-align: center;
	}
	.basic-grey h1>span {
	display: block;
	font-size: 11px;
	}
	.basic-grey label {
	display: block;
	margin: 0px;
	}
	.basic-grey label>span {
	float: left;
	width: 20%;
	text-align: right;
	padding-right: 10px;
	margin-top: 10px;
	color: #888;
	}
	.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
	border: 1px solid #DADADA;
	color: #888;
	height: 30px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	outline: 0 none;
	padding: 3px 3px 3px 5px;
	width: 70%;
	font-size: 12px;
	line-height:15px;
	box-shadow: inset 0px 1px 4px #ECECEC;
	-moz-box-shadow: inset 0px 1px 4px #ECECEC;
	-webkit-box-shadow: inset 0px 1px 4px #ECECEC;
	}
	.basic-grey textarea{
	padding: 5px 3px 3px 5px;
	}
	.basic-grey select {
	background: #FFF url('down-arrow.png') no-repeat right;
	background: #FFF url('down-arrow.png') no-repeat right);
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	width: 70%;
	height: 35px;
	line-height: 25px;
	}
	.basic-grey textarea{
	height:100px;
	}
	.basic-grey .button {
	background: #E27575;
	border: none;
	padding: 10px 25px 10px 25px;
	color: #FFF;
	box-shadow: 1px 1px 5px #B6B6B6;
	border-radius: 3px;
	text-shadow: 1px 1px 1px #9E3F3F;
	cursor: pointer;
	}
	.basic-grey .button:hover {
	background: #CF7A7A
	}



	/**jieyan**/

	.news{padding-bottom: 10px;}
	.news li{font-style:none; font-size: 1em;    margin: 2px 0;}
	.news li span{ float:right;}
	.news li a{color: #373839;}
	.news li a:hover{color: #000000;}


	.count{text-align: center;color: #f69605;font-size:0.9em;padding:20px; }

     /*banner*/
	.banner{
		
		background-color: #113160;
		color: #fff;
		text-align: center;
		padding-left:20px;
		padding-right:20px;
	}
	.banner > h1{
		font-size: 32px;padding-top: 75px;line-height: 32px;
	}
	.banner > p{
		font-size: 14px;padding-top: 20px;line-height: 20px;
	}


     /*产品*/
	.product{

		background-color: #fff;
		color: #333;
		text-align: center;
		margin-bottom: 50px;

	}
	.product li{
	    padding-bottom: 60px;
	    padding-top:60px;
		background-color: #fff;
		padding-left:5px;
		padding-right:5px;
		border-bottom:solid 25px #fef7eb;
		display: block;
		overflow: hidden;
	}
    .product li .pleft{float: left;width:45%}
    .product li .pright{float: left;width:54%}

    .product li .pleft img{display: block;width: 100%}
    .product li .pright h2{display: block;font-size: 16px;text-align: left;font-weight: 600}
    .product li .pright p{display: block;font-size: 12px;text-align: left;}


     /*产品*/
.projs_m{    padding: 0 20px;}

     .productinfo {text-align: center;padding: 0px; color: #484848}
     .productinfo > h2{font-size: 24px;font-weight: 600;color: #655d5a}
     .productinfo > img{text-align: center;}
     .productinfo_title{background-color: #dcdcdc;padding: 10px;color: #3d5088;font-weight: 600;   letter-spacing: 3px; border-radius: 15px 15px 0 0}
     .productinfo_content{text-align: center;}
     .productinfo_content p{/*text-indent: 2em;*/text-align: left;letter-spacing: 3px;}

	.productinfo_pic { width:97%; margin:0 auto;overflow:hidden;    box-shadow: 4px 4px 4px #d8cfcf;}
	.productinfo_pic ul {padding:10px;overflow:hidden;}
	.productinfo_pic ul li { float:left; width:48%;margin:2px; text-align:center; font-size:16px;maring-bottom:10px;}
	.productinfo_pic ul li a { color:#666; font-size:14px;}
    .productinfo_pic ul li img {width: 100%}

     /*新闻*/
	.news_list {padding:10px;overflow:hidden;text-align: left;}
	.news_list li {padding:10px;font-size:16px;maring-bottom:10px;
		border-bottom:#fef7eb solid 5px }
	.news_list li h2{font-size: 20px;line-height:1.5;}
	.news_list li p{font-size: 14px;line-height:1.4;color: #666666}
	.news_list li a { color:#666; font-size:14px;}

	.news_content > h1{ font-size: 1.5em;line-height: 1.2em;padding:40px 5px 20px;text-align: center;}
	.news_content > h6{font-size: 0.9em;text-align: center;}
	.news_content > hr{border: solid 1px #efefef;line-height: 1.2em;margin: 10px 20px}
	.news_content .content{     font-size: 0.7em;
    line-height: 2em;
    margin: 5%;}
	.news_content .content p{/*text-indent: 1em;    font-size: 0.7em;*/}


	/*page*/
	.page{display:block; text-align: center;}
	.page li {display: inline-block;font-size:16px;border-bottom:#fef7eb solid 5px; margin: 1.1em }
	.page li a { color:#666; font-size:14px;  padding:10px 1.5em;border:solid #fef7eb 2px;display: block;}



.cd-bouncy-nav-modal {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(36, 35, 37, 0.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
  -moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
  transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
}
.cd-bouncy-nav-modal.fade-in {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 0.1s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.1s 0s, visibility 0s 0s;
  transition: opacity 0.1s 0s, visibility 0s 0s;
}
.cd-bouncy-nav-modal .cd-close {
  display: block;
  position: fixed;
  top: 20px;
  right: 5%;
  width: 44px;
  height: 44px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: url("../assets/images/cd-icon-close.svg") no-repeat center center;
  -webkit-transform: scale(0) translateZ(0);
  -moz-transform: scale(0) translateZ(0);
  -ms-transform: scale(0) translateZ(0);
  -o-transform: scale(0) translateZ(0);
  transform: scale(0) translateZ(0);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
  transition: transform 0.3s 0s, visibility 0s 0.3s;
}
.cd-bouncy-nav-modal.fade-in .cd-close {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s 0s, visibility 0.3s 0s;
  -moz-transition: -moz-transform 0.3s 0s, visibility 0.3s 0s;
  transition: transform 0.3s 0s, visibility 0.3s 0s;
}
@media only screen and (min-width: 1170px) {
  .cd-bouncy-nav-modal .cd-close {
    top: 60px;
  }
}

.cd-bouncy-nav {
  position: absolute;
  left: 50%;
  top: 50vh;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 90%;
  max-width: 300px;
}
.cd-bouncy-nav li {
  width: 50%;
  float: left;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateY(100vh);
  -moz-transform: translateY(100vh);
  -ms-transform: translateY(100vh);
  -o-transform: translateY(100vh);
  transform: translateY(100vh);
  text-align: center;
}
.is-visible .cd-bouncy-nav li {
  /* used to assign a tranlsateY value when the animation is over */
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
.fade-in .cd-bouncy-nav li {
  -webkit-animation: cd-move-in 0.4s;
  -moz-animation: cd-move-in 0.4s;
  animation: cd-move-in 0.4s;
}
.fade-out .cd-bouncy-nav li {
  -webkit-animation: cd-move-out 0.4s;
  -moz-animation: cd-move-out 0.4s;
  animation: cd-move-out 0.4s;
}
.fade-in .cd-bouncy-nav li, .fade-out .cd-bouncy-nav li {
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
  -webkit-animation-delay: 0.1s;
  -moz-animation-delay: 0.1s;
  animation-delay: 0.1s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(3), .fade-out .cd-bouncy-nav li:nth-of-type(3) {
  -webkit-animation-delay: 0.15s;
  -moz-animation-delay: 0.15s;
  animation-delay: 0.15s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
  -webkit-animation-delay: 0.25s;
  -moz-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
  -webkit-animation-delay: 0.3s;
  -moz-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.fade-in .cd-bouncy-nav li:nth-of-type(6), .fade-out .cd-bouncy-nav li:nth-of-type(6) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.cd-bouncy-nav a {
  display: inline-block;
  min-width: 80px;
  position: relative;
  padding: 90px 20px 0;
  margin-bottom: 30px;
  color: #ffffff;
}
.cd-bouncy-nav a::before {
  /* icons */
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 80px;
  width: 80px;
  border-radius: 50%;
  background-color: #77BFA3;
  background-image: url("../img/cd-category-icons.svg");
  background-repeat: no-repeat;
  background-position: 0 0;
}
.no-touch .cd-bouncy-nav a:hover::before {
  background-color: #DC965A;
}
.cd-bouncy-nav li:nth-of-type(2) a::before {
  background-position: -80px 0;
}
.cd-bouncy-nav li:nth-of-type(3) a::before {
  background-position: -160px 0;
}
.cd-bouncy-nav li:nth-of-type(4) a::before {
  background-position: -240px 0;
}
.cd-bouncy-nav li:nth-of-type(5) a::before {
  background-position: -320px 0;
}
.cd-bouncy-nav li:nth-of-type(6) a::before {
  background-position: -400px 0;
}
@media only screen and (min-width: 768px) {
  .cd-bouncy-nav {
    max-width: 450px;
  }
  .cd-bouncy-nav li {
    width: 33.33%;
    float: left;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(1), .fade-out .cd-bouncy-nav li:nth-of-type(1) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(2), .fade-out .cd-bouncy-nav li:nth-of-type(2) {
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    animation-delay: 0s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(4), .fade-out .cd-bouncy-nav li:nth-of-type(4) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
  }
  .fade-in .cd-bouncy-nav li:nth-of-type(5), .fade-out .cd-bouncy-nav li:nth-of-type(5) {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    animation-delay: 0.25s;
  }
  .cd-bouncy-nav a {
    margin-bottom: 50px;
  }
}

@-webkit-keyframes cd-move-in {
  0% {
    -webkit-transform: translateY(100vh);
  }
  65% {
    -webkit-transform: translateY(-1.5vh);
  }
  100% {
    -webkit-transform: translateY(0vh);
  }
}
@-moz-keyframes cd-move-in {
  0% {
    -moz-transform: translateY(100vh);
  }
  65% {
    -moz-transform: translateY(-1.5vh);
  }
  100% {
    -moz-transform: translateY(0vh);
  }
}
@keyframes cd-move-in {
  0% {
    -webkit-transform: translateY(100vh);
    -moz-transform: translateY(100vh);
    -ms-transform: translateY(100vh);
    -o-transform: translateY(100vh);
    transform: translateY(100vh);
  }
  65% {
    -webkit-transform: translateY(-1.5vh);
    -moz-transform: translateY(-1.5vh);
    -ms-transform: translateY(-1.5vh);
    -o-transform: translateY(-1.5vh);
    transform: translateY(-1.5vh);
  }
  100% {
    -webkit-transform: translateY(0vh);
    -moz-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    -o-transform: translateY(0vh);
    transform: translateY(0vh);
  }
}
@-webkit-keyframes cd-move-out {
  0% {
    -webkit-transform: translateY(0vh);
  }
  100% {
    -webkit-transform: translateY(-100vh);
  }
}
@-moz-keyframes cd-move-out {
  0% {
    -moz-transform: translateY(0vh);
  }
  100% {
    -moz-transform: translateY(-100vh);
  }
}
@keyframes cd-move-out {
  0% {
    -webkit-transform: translateY(0vh);
    -moz-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    -o-transform: translateY(0vh);
    transform: translateY(0vh);
  }
  100% {
    -webkit-transform: translateY(-100vh);
    -moz-transform: translateY(-100vh);
    -ms-transform: translateY(-100vh);
    -o-transform: translateY(-100vh);
    transform: translateY(-100vh);
  }
}
.content h1{
    margin: 5% 0;
    text-align: center;
	font-size:26px;
}

.mbnewpro {
    width: 100%;
    height: auto
}

.mbnewpro ul {
    width: 100%;
    height: auto
}
.mbnewpro a{color:#000 }
.mbnewpro ul li {
    padding: 10px;
    width: 100%;
    height: 226;
    background-image: url(http://www.jieyantech.com/m/img/chanpinright.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.mbnewprop1 {
    font-size: 20px;
    color: red;
    font-weight: 500;
    line-height: 40px;
   padding-left: 3%;
}

.mbnewprop2 {
   padding-left: 3%;
    font-size: 14px;
line-height: 20px;
}

.mbnewprop3 {
   padding-left: 3%;
    font-size: 14px;
line-height: 20px;
}

.mbnewprodivr{width:55%;float:left;}
.mbnewprodivl{width:55%;float:right;}
.mbnewpro img{width:45%;height:70% ;margin-top:15%;float:right}


.shouyedbdh{
 margin: auto;
 
 padding:0;
 
 list-style: none;
 
 
 
 width:100%;
 
 position:fixed;
 
 z-index:999;
 
 bottom:0px;
 
 left:0;
 
  right:0;
 
 }
 .shouyedbdh li{background:#3d5088;width:25%;height:48px;
 line-height: 48px;float:left;color:#fff;text-align:center;    font-weight: 550;}
 .shouyedbdh a{color: #fff;} 










html,body{margin:0;padding:0;}
*{margin:0;padding:0;}
h1{font-size:20px;margin: 10px 0;}
h2{font-size:18px;margin: 10px 0;}
p{font-size:15px}
a{color:#000;text-decoration:none}
hr{border: 1px dashed #999999; }
.protu{position:relative;color: #999999;margin: 10px 0;}
.proturight{position:absolute;top:1px;right:3%;width: 47%;}
.protuleft{position:absolute;top:1px;left:3%;width: 45%;}

@media screen and (max-width: 405px) {
    #proh2 {
        font-size:16px;
    }
}
@media screen and (max-width: 380px) {
    #proh2 {
        font-size:15px;
    }
}
@media screen and (max-width: 360px) {
    #proh2 {
        font-size:14px;
    }
}

.syfwcn{width:100%;height:240px;background-color:#0071bc;border:1px solid #0071bc}
.syfwcn ul{width:100%;height:40%;margin:0;padding:0;} 
.syfwcn ul li{ width:25%;float:left;font-size:14px;list-style:none;text-align:center;color:#fff}