@charset "utf-8";

/* CSS Document */
@media screen and (min-width: 1200px) {
	/*common*/
	.mb10 {
		margin-bottom: 10px;
	}

	.ml10 {
		margin-left: 10px;
	}

	.bg {
		background: #FFF;
	}

	em,
	i {
		font-style: normal;
	}

	body {
		width: 100%;
		overflow-x: hidden;
	}


	.arr3 {
		position: absolute;
		top: 690px;
		left: 50%;
		width: 9px;
		height: 17px;
		margin-left: -580px;
	}

	.arr4 {
		position: absolute;
		top: 690px;
		left: 50%;
		width: 9px;
		height: 17px;
		margin-left: -400px;
	}

	.tit {
		height: 115px;
		text-align: center;
		position: relative;
		font: 40px "Microsoft YaHei";
		color: #333;
	}

	/* .tit b{ display:inline-block; position:relative; padding-left:38px; margin-left:11px;}
	.tit b:before{ content:""; position:absolute; top:16px; left:0; width:20px; height:20px; background:url(../images/h.png) no-repeat;} */
	.tit a {
		display: block;
		color: #333;
	}

	.tit span {
		display: block;
		font: 22px "Microsoft YaHei";
		color: #666;
		padding-top: 5px;
	}

	.yinz {
		height: 449px;
		padding-top: 72px;
		background: url(../images/yinz_bg.jpg) no-repeat center top;
		overflow: hidden;
	}

	.yinz dt {
		width: 576px;
		height: 337px;
		overflow: hidden;
		border: 5px solid #fff;
		border-radius: 0.3rem;
		float: left;
	}

	.yinz dt img {
		display: block;
		width: 576px;
		height: 337px;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}

	.yinz dt a:hover img {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-transform: scale(1.1, 1.1);
	}

	.yinz dd {
		width: 505px;
		float: right;
		margin-top: 86px;
	}

	.yinz dd h3 {
		font: 36px "Microsoft YaHei";
		font-weight: bold;
		color: #eb3434;
	}

	.yinz dd h3 em {
		display: block;
		font: 24px "Microsoft YaHei";
		color: #333;
	}

	.yinz dd p {
		font: 14px "Microsoft YaHei";
		line-height: 30px;
		color: #333;
		margin-top: 50px;
	}

	.yinz dd p b {
		color: #eb3434;
		font-size: 18px;
	}

	.pro {
		height: 900px;
		padding-top: 90px;
		overflow: hidden;
	}

	.fen {
		width: 242px;
		border: 5px solid #eb3434;
		height: 670px;
		overflow: hidden;
	}

	.fen h2 {
		height: 64px;
		background: #eb3434;
		overflow: hidden;
		font: 24px "Microsoft YaHei";
		font-weight: bold;
		line-height: 64px;
		overflow: hidden;
	}

	.fen h2 a {
		display: block;
		color: #fff;
		padding-left: 24px;
	}

	.fen h3 {
		height: 47px;
		background: url(../images/fen_line.gif) repeat-x center top;
		overflow: hidden;
		font: 18px "Microsoft YaHei";
		font-weight: bold;
		line-height: 47px;
		overflow: hidden;
	}

	.fen h3 a {
		display: block;
		color: #333;
		padding-left: 22px;
		background: url(../images/fen_arr.png) no-repeat 210px;
	}

	.fen h3 a:hover {
		color: #006bc9;
	}

	.fen li {
		font: 15px "Microsoft YaHei";
		line-height: 35px;
		border-top: 1px solid #e5e5e5;
		overflow: hidden;
	}

	.fen li a {
		display: block;
		padding-left: 45px;
		background: url(../images/fen_arr2.png) no-repeat 25px center;
	}

	.fen li a:hover {
		font-weight: bold;
		color: #006cca;
		background: url(../images/fen_arr1.png) no-repeat 25px center;
	}

	.pro1 {
		width: 910px;
		overflow: hidden;
	}

	.pro2 {
		height: 430px;
		overflow: hidden;
		position: relative;
	}

	.pro2 dl {
		height: 412px;
		border: 1px solid #ccc;
		overflow: hidden;
	}

	.pro2 dt {
		width: 550px;
		height: 412px;
		float: left;
		overflow: hidden;
	}

	.pro2 dt img {
		display: block;
		width: 550px;
		height: 412px;
	}

	.pro2 dd {
		width: 295px;
		padding: 60px 35px 0 0;
		float: right;
		overflow: hidden;
	}

	.pro2 dd h3 a {
		display: block;
		font: 22px "Microsoft YaHei";
		font-weight: bold;
		line-height: 45px;
		height: 45xp;
		overflow: hidden;
		color: #333;
	}

	.pro2 dd .prodd {
		font: 14px "Microsoft YaHei";
		line-height: 30px;
	}

	.pro2 dd p {
		font: 14px "Microsoft YaHei";
		line-height: 30px;
	}

	.pro2 dd p b {
		font-size: 16px;
		color: #333;
	}

	.pro2 dd span {
		display: block;
		width: 149px;
		height: 42px;
		font: 16px "Microsoft YaHei";
		line-height: 42px;
		border-radius: 0.3rem;
		margin-top: 20px;
		background: #eb3434 url(../images/pro_arr.png) no-repeat 104px;
	}

	.pro2 dd span a {
		color: #fff;
		display: block;
		padding-left: 25px;
	}

	.arr1 a {
		display: block;
		width: 50px;
		height: 70px;
		background: rgba(38, 54, 90, 0.6);
		font: 30px "宋体";
		font-weight: bold;
		text-align: center;
		line-height: 70px;
		color: #fff;
		position: absolute;
		top: 40%;
		left: 0;
	}

	.arr2 a {
		display: block;
		width: 50px;
		height: 70px;
		background: rgba(38, 54, 90, 0.6);
		font: 30px "宋体";
		font-weight: bold;
		text-align: center;
		line-height: 70px;
		color: #fff;
		position: absolute;
		top: 40%;
		right: 0;
	}

	.pro4 li {
		width: 287px;
		float: left;
		margin-right: 25px;
	}

	.pro4 li img {
		display: block;
		width: 285px;
		height: 214px;
		border: 1px solid #d9d9d9;
	}

	.pro4 li em {
		display: block;
		font: 16px "Microsoft YaHei";
		line-height: 48px;
		height: 48px;
		overflow: hidden;
		color: #333;
		text-align: center;
	}

	.pro4 li a:hover img {
		border: 2px solid #eb3434;
		width: 281px;
		height: 210px;
	}

	.pro4 li a:hover em {
		display: block;
		color: #eb3434;
		font-weight: bold;
	}

	.jiag {
		height: auto;
		padding-top: 85px;
		background: url(../images/jiag_bg.gif);
		overflow: hidden;
	}

	.jiag h2 {
		background: url(../images/jiag_h.gif) no-repeat;
		width: 198px;
		height: 38px;
		float: left;
		margin-bottom: 20px;
		overflow: hidden;
		font: 18px "Microsoft YaHei";
		text-align: center;
		line-height: 38px;
		color: #fff;
		overflow: hidden;
	}

	.jiag h2 a {
		display: block;
		color: #fff;
	}

	.jiagt {
		width: 450px;
		float: right;
		height: 38px;
		font: 14px "Microsoft YaHei";
		overflow: hidden;
	}

	.jiagt a {
		display: block;
		margin: 0 18px;
		float: left;
		line-height: 30px;
		height: 31px;
		position: relative;
	}

	.jiagt a:before {
		content: "";
		position: absolute;
		top: 9px;
		right: -18px;
		width: 1px;
		height: 10px;
		background: url(../images/jiag_line.gif) no-repeat right center;
	}

	.jiagt a:last-child:before {
		background: none;
		margin-right: 0;
	}

	.jiagt a:hover,
	.jiagt .cur {
		border-bottom: 3px solid #eb3434;
	}

	.jiag1 {
		height: 541px;
		overflow: hidden;
	}

	.jiag2 {
		height: 545px;
		overflow: hidden;
	}

	.jiag3 {
		width: 238px;
		float: left;
		overflow: hidden;
	}

	.jiag3 li {
		width: 238px;
		height: 133px;
		margin-bottom: 2px;
		overflow: hidden;
	}

	.jiag3 li img {
		display: block;
		width: 238px;
		height: 133px;
	}

	.jiag3 li:hover img,
	.jiag3 .cur2 img {
		width: 234px;
		height: 129px;
		border: 2px solid #3598db;
	}

	.jiag4 {
		width: 959px;
		height: 541px;
		overflow: hidden;
		float: right;
	}

	.jiag4 dl {
		height: 541px;
		position: relative;
		overflow: hidden;
	}

	.jiag4 dt img {
		display: block;
		width: 959px;
		height: 541px;
	}

	.jiag4 dd {
		background: rgba(255, 255, 255, 0.8);
		width: 959px;
		height: 50px;
		position: absolute;
		bottom: 0;
		font: 16px "Microsoft YaHei";
		text-align: center;
		color: #333;
		line-height: 50px;
	}

	.case {
		height: auto;
		margin-top: 85px;
		margin-bottom: 50px;
		overflow: hidden;
	}

	.case dl {
		height: 450px;
		background: #f7f7f7;
		overflow: hidden;
	}

	.case dt {
		width: 598px;
		height: 450px;
		float: left;
		overflow: hidden;
	}

	.case dt img {
		display: block;
		width: 598px;
		height: 450px;
	}

	.case dd {
		display: block;
		width: 440px;
		float: left;
		padding: 70px 0 0 70px;
		overflow: hidden;
	}

	.case dd h3 {
		font: 30px "Microsoft YaHei";
		font-weight: bold;
		color: #333;
		padding-bottom: 12px;
		position: relative;
	}

	.case dd h3 a {
		display: block;
		color: #333;
	}

	.case dd h3 em {
		display: block;
		font: 46px Arial;
		color: #d7d7d7;
		text-transform: uppercase;
	}

	.case dd h3:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 64px;
		height: 1px;
		/* background: #eb3434; */
	}

	.case dd p {
		font: 14px "Microsoft YaHei";
		line-height: 28px;
		height: 104px;
		margin: 20px 0 40px;
	}

	.case dd span {
		display: block;
		width: 162px;
		height: 42px;
		background: #eb3434;
		font: 14px "Microsoft YaHei";
		text-align: center;
		line-height: 42px;
		color: #fff;
	}

	.case dd span a {
		color: #fff;
		display: block;
	}

	.case li {
		margin: 36px 30px 0 0;
		width: 380px;
		height: 285px;
		float: left;
		overflow: hidden;
		position: relative;
	}

	.case li img {
		display: block;
		width: 380px;
		height: 285px;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}

	.case li a:hover img {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-transform: scale(1.1, 1.1);
	}

	.case li em {
		display: block;
		width: 380px;
		height: 50px;
		background: rgba(38, 54, 90, 0.6);
		font: 14px "Microsoft YaHei";
		text-align: center;
		line-height: 50px;
		color: #fff;
		overflow: hidden;
		position: absolute;
		bottom: 0;
	}

	.case .nones {
		margin-right: 0;
	}

	.par {
		height: 235px;
		overflow: hidden;
	}

	.par li {
		width: 275px;
		float: left;
		margin-right: 30px;
	}
	.par li:last-child{
		margin-right: 0px;
	}

	.par li img {
		display: block;
		width: 275px;
		height: 195px;
		border: 1px solid #ccc;
	}

	.par li em {
		display: block;
		font: 14px "Microsoft YaHei";
		line-height: 55px;
		height: 55px;
		color: #333;
		overflow: hidden;
		text-align: center;
	}

	.par li a:hover img {
		border: 1px solid #eb3434;
		width: 275px;
		height: 195px;
	}

	.par li a:hover em {
		color: #eb3434;
		font-weight: bold;
	}

	.ys {
		height: auto;
		background: url(../images/jiag_bg.gif);
		overflow: hidden;
		margin-bottom: 50px;
	}

	.ys1 {
		overflow: hidden;
		background: url(../images/ys_bg.jpg) no-repeat center top;
		height: 670px;
	}

	.ys .tit {
		padding-top: 60px;
		color: #fff;
	}

	.ys .tit span {
		color: #fff;
	}

	.yst {
		padding: 0 0 0 75px;
		height: 100px;
		overflow: hidden;
	}

	.yst li {
		width: 245px;
		float: left;
		border-bottom: 1px solid rgba(53, 152, 219, 0);
		margin-right: 35px;
		height: 59px;
		font: 16px "Microsoft YaHei";
		line-height: 58px;
		color: #fff;
	}

	.yst li span {
		display: block;
		width: 27px;
		height: 25px;
		float: left;
		margin: 17px 9px 0 25px;
		overflow: hidden;
		position: relative;
	}

	.yst li span img {
		display: block;
		width: 27px;
		height: 25px;
	}

	.yst li em {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}

	.yst li i {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
		transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}

	.yst li:hover em,
	.yst .cur em {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
		transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
	}

	.yst li:hover i,
	.yst .cur i {
		opacity: 1;
		visibility: visible;
		-webkit-transform: rotate3d(1, 0, 0, 0deg);
		transform: rotate3d(1, 0, 0, 0deg);
	}

	.yst li:hover,
	.yst .cur {
		font-weight: bold;
		color: #eb3434;
		border-bottom: 1px solid rgba(235, 52, 52, 1);
		background: rgb(255,255,255,0.1);
	}

	.ys2 {
		height: 675px;
		overflow: hidden;
	}

	.ys2 dl {
		position: relative;
	}

	.ys2 dl dt{
		font-size: 15px;
		color: #ffffff;
		line-height: 28px;
	}
	.ys2 dl dt span{
		float: left;
		width: 45%;
		margin-right: 3%;
	}
	.ys2 dt img {
		display: block;
		width: 1200px;
		height: 675px;
	}

	.ys2 dd {
		height: 120px;
		background: rgba(38, 54, 90, 0.9);
		position: absolute;
		bottom: 0;
		width: 1200px;
		bottom: 0;
	}

	.ys2 dd h3 {
		font: 24px "Microsoft YaHei";
		color: #fff;
		width: 280px;
		float: left;
		margin: 27px 0 0 60px;
		padding-right: 30px;
		height: 59px;
		border-right: 1px solid #8991a3;
	}

	.ys2 dd h3 em {
		display: block;
	}

	.ys2 dd p {
		width: 730px;
		float: right;
		padding: 25px 60px 0 0;
		font: 14px "Microsoft YaHei";
		line-height: 26px;
		color: #fff;
	}

	.new {
		height: 650px;
		overflow: hidden;
	}

	.new .tit b,
	.about .tit b {
		padding-left: 0;
		margin-left: 0;
	}

	.new .tit b:before,
	.about .tit b:before {
		background: none;
	}

	.dy {
		width: 500px;
		overflow: hidden;
	}

	.dy dl {
		height: 68px;
		padding: 10px 0;
		overflow: hidden;
	}

	.dy dt {
		width: 70px;
		font: 40px Arial;
		color: #030303b;
		text-align: center;
		float: left;
	}

	.dy dt em {
		display: block;
		font: 14px "Microsoft YaHei";
	}

	.dy dd {
		width: 400px;
		float: right;
		overflow: hidden;
	}

	.dy dd h3 a {
		display: block;
		font: 16px "Microsoft YaHei";
		line-height: 30px;
		color: #333;
		height: 30px;
		overflow: hidden;
	}

	.dy dd p {
		font: 15px "Microsoft YaHei";
		line-height: 24px;
		padding-top: 8px;
		
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical; 
		-webkit-line-clamp:1; 
	}

	.dy dd h3 a:hover,
	.faq dt a:hover {
		font-weight: bold;
		color: #eb3434;
	}

	.more {
		padding-top: 28px;
		border-top: 1px solid #ccc;
		margin-top: 15px;
	}

	.more a {
		display: block;
		width: 99px;
		height: 28px;
		border: 1px solid #ccc;
		font: 14px "Microsoft YaHei";
		text-align: center;
		line-height: 28px;
	}

	.more a:hover {
		border: 1px solid #eb3434;
		background: #eb3434;
		color: #fff;
		-webkit-transition: all 0.7s;
		transition: all 0.7s;
		transition-property: background;
		-moz-transition-property: background;
		/* Firefox 4 */
		-webkit-transition-property: background;
		/* Safari 和 Chrome */
		-o-transition-property: background;
	}

	.tit1 {
		height: 45px;
		font: 20px "Microsoft YaHei";
		font-weight: bold;
		line-height: 45px;
		overflow: hidden;
		color: #eb3434;
		background: url(../images/new_line.gif) no-repeat left bottom;
		margin-bottom: 20px;
	}

	.tit1 a {
		color: #333333;
	}

	.tit1 em {
		font: 20px "Microsoft YaHei";
		color: #666;
		padding-left: 8px;
	}

	.faq {
		width: 600px;
		overflow: hidden;
	}

	.faq dl {
		padding: 14px 0;
	}

	.faq dt a {
		display: block;
		font: 16px "Microsoft YaHei";
		line-height: 30px;
		height: 30px;
		overflow: hidden;
		background: url(../images/q.gif) no-repeat left center;
		padding-left: 36px;
		color: #333;
	}

	.faq dd {
		font: 14px "Microsoft YaHei";
		line-height: 26px;
		color: #666;
		background: url(../images/a.gif) no-repeat left 3px;
		padding-left: 36px;
		margin-top: 4px;
		
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical; 
		-webkit-line-clamp:1; 
		
	}

	.about{
		margin-bottom: 50px;
		padding-top:40px;
	}
	.about2 {
		/* background: url(../images/about_bg.jpg) no-repeat center top; */
		height: 350px;
		overflow: hidden;
	}

	.about2 dl {
		width: 1110px;
		margin: 0 auto;
		padding-left: 90px;
	}

	.about2 dt {
		width: 600px;
		height: 350px;
		float: right;
		overflow: hidden;
	}

	.about2 dt img {
		display: block;
		width: 600px;
		height: 300px;
	}

	.about2 dd {
		width: 450px;
		float: left;
		padding-top: 30px;
	}

	.about2 dd h3 a {
		display: block;
		font: 30px "Microsoft YaHei";
		font-weight: bold;
		color: #333333;
		padding-bottom: 8px;
	}

	.about2 dd p {
		font: 14px "Microsoft YaHei";
		line-height: 28px;
		height: auto;
		overflow: hidden;
		padding-top: 10px;
	}

	.about2 dd span a {
		display: block;
		width: 100px;
		height: 30px;
		background: #eb3434;
		font: 14px Arial;
		text-align: center;
		line-height: 30px;
		color: #fff;
		text-transform: uppercase;
		margin-top: 20px;
	}

	.pic {
		height: auto;
		/* background: url(../images/pic_bg.jpg) no-repeat center top; */
		padding-top: 50px;
		overflow: hidden;
		margin-bottom: 30px;
	}

	.pict {
		width: 250px;
		height: auto;
		float: left;
		overflow: hidden;
		background: #ec3434;
		padding-bottom: 20px;
	}
	.pict .pict_title{
		height: 70px;
		line-height: 70px;
		text-align: center;
		color: #ffffff;
		font-size: 22px;
		font-weight: bold;
	}

	.pict .pict_liebiao{
		background: #ffffff;
		width: 230px;
		margin: 0px 10px;
	}
	.pict li {
		width: 230px;
		height: 35px;
		line-height: 35px;
		background: url(../images/index_left_pro.jpg) no-repeat center; 
		margin: 0px auto;
		margin-bottom: 5px;
		font: 16px "Microsoft YaHei";
	}

	.pict li a {
		font-size: 16px;
		display: block;
		text-align: center;
		color: #666666;
		height: 35px;
		line-height: 35px;
	}

	.pict li em {
		display: block;
		padding-top: 6px;
		color: #3a4867;
		text-transform: lowercase;
	}

	.pict li a:hover,
	.pict .cur a {
		font-weight: bold;
		color: #333333;
		/* background: url(../images/pic_arr.png) no-repeat right 8px; */
	}

	.pict li a:hover em,
	.pict .cur em {
		font-weight: normal;
		color: #333333;
	}

	.pic1 {
		width: 920px;
		float: right;
		overflow: hidden;
		height: 660px;
		max-height: 680px;
	}

	.pic1 li {
		width: 286px;
		height: 208px;
		float: left;
		margin-right: 12px;
		overflow: hidden;
		border: #cccccc 1px solid;
		padding: 3px;
		text-align: center;
	}

	.pic1 li img {
		display: block;
		width: 282px;
		height: 183px;
	}

	.pic1 li a span{
		display: block;
		font-size: 16px;
	}

	.pic1 li a:hover img {
		width: 282px;
		height: 183px;
		border: 1px solid #eb3434;
	}

	.pic1 .pic2:nth-child(2) li img {
		width: 282px;
		height: 181px;
		border: 1px solid #ccc;
	}


	.index_pro{
		width: 910px;
		height: 415px;
		margin-bottom: 30px;
	}
	.index_pro_img{
		float: left;
		width: 500px;
		height: 413px;
		/* background: url(../images/index_pro_img_bj.jpg) no-repeat center; */
		display: flex;
		justify-content: center;
		align-items: center;
		margin-right: 30px;
	}
	.index_pro_txt{
		float: left;
		width: 380px;
		height: auto;
		padding-top: 80px;
	}

	.biaoti{
		font-size: 22px;
		height: 60px;
		line-height: 60px;
	}
	.miaoshu{
		font-size: 14px;
		line-height: 24px;
	}
	.miaoshu span{
		display: block;
		width: 150px;
		height: 45px;
		line-height: 45px;
		background: #eb3434;
		text-align: center;
		margin-top: 30px;
	}
	.miaoshu span a{
		color: #ffffff;
	}
	
	.shoujipro{
		display: none;
	}
	
	
}





/* 手机网站样式开始 */
@media (max-width: 768px) {
	
	/*common*/
	.mb10 {
		margin-bottom: 10px;
	}
	
	.ml10 {
		margin-left: 10px;
	}
	
	.bg {
		background: #FFF;
	}
	
	em,
	i {
		font-style: normal;
	}
	
	body {
		width: 100%;
		overflow-x: hidden;
	}
	
	
	.arr3 {
		position: absolute;
		top: 690px;
		left: 50%;
		width: 9px;
		height: 17px;
		margin-left: -580px;
	}
	
	.arr4 {
		position: absolute;
		top: 690px;
		left: 50%;
		width: 9px;
		height: 17px;
		margin-left: -400px;
	}
	
	.tit {
		height: auto;
		text-align: center;
		position: relative;
		font: 1.5rem "Microsoft YaHei";
		color: #333;
		margin-bottom: 0.625rem;
	}
	
	/* .tit b{ display:inline-block; position:relative; padding-left:38px; margin-left:11px;}
	.tit b:before{ content:""; position:absolute; top:16px; left:0; width:20px; height:20px; background:url(../images/h.png) no-repeat;} */
	.tit a {
		display: block;
		color: #333;
	}
	
	.tit span {
		display: block;
		font: 1rem "Microsoft YaHei";
		color: #666;
		padding-top: 5px;
	}
	
	.yinz {
		height: auto;
		background: #ffffff;
		overflow: hidden;
	}
	
	.yinz dt {
		width: 100%;
		height: auto;
		overflow: hidden;
		border: 5px solid #fff;
		border-radius: 0.3rem;
		float: left;
	}
	
	.yinz dt img {
		display: block;
		width: 99%;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	
	.yinz dt a:hover img {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-transform: scale(1.1, 1.1);
	}
	
	.yinz dd {
		width: 100%;
		float: left;
		margin-top: 0.625rem;
		text-align: center;
	}
	
	.yinz dd h3 {
		font: 1.5rem "Microsoft YaHei";
		font-weight: bold;
		color: #eb3434;
	}
	
	.yinz dd h3 em {
		display: block;
		font: 1.5rem "Microsoft YaHei";
		color: #333;
	}
	
	.yinz dd p {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.875rem;
		color: #333;
		margin-top: 1.125rem;
	}
	
	.yinz dd p b {
		color: #eb3434;
		font-size: 18px;
	}
	
	.pro {
		height: 900px;
		padding-top: 90px;
		overflow: hidden;
	}
	
	.fen {
		width: 242px;
		border: 5px solid #eb3434;
		height: 670px;
		overflow: hidden;
	}
	
	.fen h2 {
		height: 64px;
		background: #eb3434;
		overflow: hidden;
		font: 24px "Microsoft YaHei";
		font-weight: bold;
		line-height: 64px;
		overflow: hidden;
	}
	
	.fen h2 a {
		display: block;
		color: #fff;
		padding-left: 24px;
	}
	
	.fen h3 {
		height: 47px;
		background: url(../images/fen_line.gif) repeat-x center top;
		overflow: hidden;
		font: 18px "Microsoft YaHei";
		font-weight: bold;
		line-height: 47px;
		overflow: hidden;
	}
	
	.fen h3 a {
		display: block;
		color: #333;
		padding-left: 22px;
		background: url(../images/fen_arr.png) no-repeat 210px;
	}
	
	.fen h3 a:hover {
		color: #006bc9;
	}
	
	.fen li {
		font: 15px "Microsoft YaHei";
		line-height: 35px;
		border-top: 1px solid #e5e5e5;
		overflow: hidden;
	}
	
	.fen li a {
		display: block;
		padding-left: 45px;
		background: url(../images/fen_arr2.png) no-repeat 25px center;
	}
	
	.fen li a:hover {
		font-weight: bold;
		color: #006cca;
		background: url(../images/fen_arr1.png) no-repeat 25px center;
	}
	
	.pro1 {
		width: 910px;
		overflow: hidden;
	}
	
	.pro2 {
		height: 430px;
		overflow: hidden;
		position: relative;
	}
	
	.pro2 dl {
		height: 412px;
		border: 1px solid #ccc;
		overflow: hidden;
	}
	
	.pro2 dt {
		width: 550px;
		height: 412px;
		float: left;
		overflow: hidden;
	}
	
	.pro2 dt img {
		display: block;
		width: 550px;
		height: 412px;
	}
	
	.pro2 dd {
		width: 295px;
		padding: 60px 35px 0 0;
		float: right;
		overflow: hidden;
	}
	
	.pro2 dd h3 a {
		display: block;
		font: 22px "Microsoft YaHei";
		font-weight: bold;
		line-height: 45px;
		height: 45xp;
		overflow: hidden;
		color: #333;
	}
	
	.pro2 dd .prodd {
		font: 14px "Microsoft YaHei";
		line-height: 30px;
	}
	
	.pro2 dd p {
		font: 14px "Microsoft YaHei";
		line-height: 30px;
	}
	
	.pro2 dd p b {
		font-size: 16px;
		color: #333;
	}
	
	.pro2 dd span {
		display: block;
		width: 149px;
		height: 42px;
		font: 16px "Microsoft YaHei";
		line-height: 42px;
		border-radius: 0.3rem;
		margin-top: 20px;
		background: #eb3434 url(../images/pro_arr.png) no-repeat 104px;
	}
	
	.pro2 dd span a {
		color: #fff;
		display: block;
		padding-left: 25px;
	}
	
	.arr1 a {
		display: block;
		width: 50px;
		height: 70px;
		background: rgba(38, 54, 90, 0.6);
		font: 30px "宋体";
		font-weight: bold;
		text-align: center;
		line-height: 70px;
		color: #fff;
		position: absolute;
		top: 40%;
		left: 0;
	}
	
	.arr2 a {
		display: block;
		width: 50px;
		height: 70px;
		background: rgba(38, 54, 90, 0.6);
		font: 30px "宋体";
		font-weight: bold;
		text-align: center;
		line-height: 70px;
		color: #fff;
		position: absolute;
		top: 40%;
		right: 0;
	}
	
	.pro4 li {
		width: 287px;
		float: left;
		margin-right: 25px;
	}
	
	.pro4 li img {
		display: block;
		width: 285px;
		height: 214px;
		border: 1px solid #d9d9d9;
	}
	
	.pro4 li em {
		display: block;
		font: 16px "Microsoft YaHei";
		line-height: 48px;
		height: 48px;
		overflow: hidden;
		color: #333;
		text-align: center;
	}
	
	.pro4 li a:hover img {
		border: 2px solid #eb3434;
		width: 281px;
		height: 210px;
	}
	
	.pro4 li a:hover em {
		display: block;
		color: #eb3434;
		font-weight: bold;
	}
	
	.jiag {
		height: auto;
		padding-top: 1.25rem;
		background: url(../images/jiag_bg.gif);
		overflow: hidden;
	}
	
	.jiag h2 {
		background: url(../images/jiag_h.gif) no-repeat;
		width: 198px;
		height: 38px;
		float: left;
		margin-bottom: 20px;
		overflow: hidden;
		font: 18px "Microsoft YaHei";
		text-align: center;
		line-height: 38px;
		color: #fff;
		overflow: hidden;
	}
	
	.jiag h2 a {
		display: block;
		color: #fff;
	}
	
	.jiagt {
		width: 450px;
		float: right;
		height: 38px;
		font: 14px "Microsoft YaHei";
		overflow: hidden;
	}
	
	.jiagt a {
		display: block;
		margin: 0 18px;
		float: left;
		line-height: 30px;
		height: 31px;
		position: relative;
	}
	
	.jiagt a:before {
		content: "";
		position: absolute;
		top: 9px;
		right: -18px;
		width: 1px;
		height: 10px;
		background: url(../images/jiag_line.gif) no-repeat right center;
	}
	
	.jiagt a:last-child:before {
		background: none;
		margin-right: 0;
	}
	
	.jiagt a:hover,
	.jiagt .cur {
		border-bottom: 3px solid #eb3434;
	}
	
	.jiag1 {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.jiag2 {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.jiag3 {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.jiag3 li {
		width: 49%;
		float: left;
		height: auto;
		overflow: hidden;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	
	.jiag3 li:nth-child(2n+2){
		margin-right: 0px;
	} 
	
	.jiag3 li img {
		display: block;
		width: 100%;
		height: 133px;
	}
	
	.jiag4 {
		display: none;
		width: 959px;
		height: 541px;
		overflow: hidden;
		float: right;
	}
	
	.jiag4 dl {
		height: 541px;
		position: relative;
		overflow: hidden;
	}
	
	.jiag4 dt img {
		display: block;
		width: 959px;
		height: 541px;
	}
	
	.jiag4 dd {
		background: rgba(255, 255, 255, 0.8);
		width: 959px;
		height: 50px;
		position: absolute;
		bottom: 0;
		font: 16px "Microsoft YaHei";
		text-align: center;
		color: #333;
		line-height: 50px;
	}
	
	.case {
		height: auto;
		margin-top: 1.875rem;
		margin-bottom: 1.875rem;
		overflow: hidden;
	}
	
	.case dl {
		height: auto;
		background: #f7f7f7;
		overflow: hidden;
	}
	
	.case dt {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.case dt img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	.case dd {
		display: block;
		width: 98%;
		float: left;
		padding: 1%;
		overflow: hidden;
	}
	
	.case dd h3 {
		font: 1.5rem "Microsoft YaHei";
		font-weight: bold;
		color: #333;
		padding-bottom: 0.75rem;
		position: relative;
		text-align: center;
	}
	
	.case dd h3 a {
		display: block;
		color: #333;
	}
	
	.case dd h3 em {
		display: block;
		font: 1.5rem Arial;
		color: #d7d7d7;
		text-transform: uppercase;
	}
	
	.case dd h3:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 64px;
		height: 1px;
		/* background: #eb3434; */
	}
	
	.case dd p {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.75rem;
		height: auto;
		margin: 0.625rem 0 1.25rem;
		text-align: left;
	}
	
	.case dd span {
		display: block;
		width: 10.125rem;
		height: 2.625rem;
		background: #eb3434;
		font: 0.875rem "Microsoft YaHei";
		text-align: center;
		line-height: 2.625rem;
		color: #fff;
		margin: 0px auto;
	}
	
	.case dd span a {
		color: #fff;
		display: block;
	}
	
	.case li {
		margin: 36px 30px 0 0;
		width: 380px;
		height: 285px;
		float: left;
		overflow: hidden;
		position: relative;
	}
	
	.case li img {
		display: block;
		width: 380px;
		height: 285px;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	
	.case li a:hover img {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-transform: scale(1.1, 1.1);
	}
	
	.case li em {
		display: block;
		width: 380px;
		height: 50px;
		background: rgba(38, 54, 90, 0.6);
		font: 14px "Microsoft YaHei";
		text-align: center;
		line-height: 50px;
		color: #fff;
		overflow: hidden;
		position: absolute;
		bottom: 0;
	}
	
	.case .nones {
		margin-right: 0;
	}
	
	.par {
		height: 235px;
		overflow: hidden;
	}
	
	.par li {
		width: 275px;
		float: left;
		margin-right: 30px;
	}
	.par li:last-child{
		margin-right: 0px;
	}
	
	.par li img {
		display: block;
		width: 275px;
		height: 195px;
		border: 1px solid #ccc;
	}
	
	.par li em {
		display: block;
		font: 14px "Microsoft YaHei";
		line-height: 55px;
		height: 55px;
		color: #333;
		overflow: hidden;
		text-align: center;
	}
	
	.par li a:hover img {
		border: 1px solid #eb3434;
		width: 275px;
		height: 195px;
	}
	
	.par li a:hover em {
		color: #eb3434;
		font-weight: bold;
	}
	
	.ys {
		display: none;
		height: auto;
		background: url(../images/jiag_bg.gif);
		overflow: hidden;
		margin-bottom: 50px;
	}
	
	.ys1 {
		overflow: hidden;
		background: url(../images/ys_bg.jpg) no-repeat center top;
		height: 670px;
	}
	
	.ys .tit {
		padding-top: 60px;
		color: #fff;
	}
	
	.ys .tit span {
		color: #fff;
	}
	
	.yst {
		padding: 0 0 0 75px;
		height: 100px;
		overflow: hidden;
	}
	
	.yst li {
		width: 245px;
		float: left;
		border-bottom: 1px solid rgba(53, 152, 219, 0);
		margin-right: 35px;
		height: 59px;
		font: 16px "Microsoft YaHei";
		line-height: 58px;
		color: #fff;
	}
	
	.yst li span {
		display: block;
		width: 27px;
		height: 25px;
		float: left;
		margin: 17px 9px 0 25px;
		overflow: hidden;
		position: relative;
	}
	
	.yst li span img {
		display: block;
		width: 27px;
		height: 25px;
	}
	
	.yst li em {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	.yst li i {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
		transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	.yst li:hover em,
	.yst .cur em {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
		transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
	}
	
	.yst li:hover i,
	.yst .cur i {
		opacity: 1;
		visibility: visible;
		-webkit-transform: rotate3d(1, 0, 0, 0deg);
		transform: rotate3d(1, 0, 0, 0deg);
	}
	
	.yst li:hover,
	.yst .cur {
		font-weight: bold;
		color: #eb3434;
		border-bottom: 1px solid rgba(235, 52, 52, 1);
		background: rgb(255,255,255,0.1);
	}
	
	.ys2 {
		height: 675px;
		overflow: hidden;
	}
	
	.ys2 dl {
		position: relative;
	}
	
	.ys2 dl dt{
		font-size: 15px;
		color: #ffffff;
		line-height: 28px;
	}
	.ys2 dl dt span{
		float: left;
		width: 45%;
		margin-right: 3%;
	}
	.ys2 dt img {
		display: block;
		width: 1200px;
		height: 675px;
	}
	
	.ys2 dd {
		height: 120px;
		background: rgba(38, 54, 90, 0.9);
		position: absolute;
		bottom: 0;
		width: 1200px;
		bottom: 0;
	}
	
	.ys2 dd h3 {
		font: 24px "Microsoft YaHei";
		color: #fff;
		width: 280px;
		float: left;
		margin: 27px 0 0 60px;
		padding-right: 30px;
		height: 59px;
		border-right: 1px solid #8991a3;
	}
	
	.ys2 dd h3 em {
		display: block;
	}
	
	.ys2 dd p {
		width: 730px;
		float: right;
		padding: 25px 60px 0 0;
		font: 14px "Microsoft YaHei";
		line-height: 26px;
		color: #fff;
	}
	
	/* 新闻 */
	
	.new {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.new .tit b,
	.about .tit b {
		padding-left: 0;
		margin-left: 0;
	}
	
	.new .tit b:before,
	.about .tit b:before {
		background: none;
	}
	
	.dy {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.dy dl {
		width: 100%;
		height: 4.25rem;
		padding: 0.625rem 0rem;
		overflow: hidden;
	}
	
	.dy dt {
		width: 10%;
		font: 1.8rem Arial;
		color: #030303b;
		text-align: center;
		float: left;
	}
	
	.dy dt em {
		display: block;
		font: 0.875rem "Microsoft YaHei";
	}
	
	.dy dd {
		width: 88%;
		float: left;
		overflow: hidden;
		margin-left: 2%;
	}
	
	.dy dd h3{
		font-size: 1.25rem;
	}
	
	.dy dd h3 a {
		display: block;
		font: 1rem "Microsoft YaHei";
		line-height: 1.875rem;
		color: #333;
		height: 1.875rem;
		overflow: hidden;
	}
	
	.dy dd p {
		font: 0.8375rem "Microsoft YaHei";
		line-height: 1.5rem;
		text-indent: 2rem;
	}
	
	.dy dd h3 a:hover,
	.faq dt a:hover {
		font-weight: bold;
		color: #eb3434;
	}
	
	.more {
		padding: 1rem;
		border-top: 0.0625rem solid #ccc;
		margin-top: 0.9375rem;
	}
	
	.more a {
		display: block;
		width: 6.25rem;
		height: 1.75rem;
		border: 1px solid #ccc;
		font: 0.875rem "Microsoft YaHei";
		text-align: center;
		line-height: 1.75rem;
		margin: 0px auto;
	}
	
	.more a:hover {
		border: 1px solid #eb3434;
		background: #eb3434;
		color: #fff;
		-webkit-transition: all 0.7s;
		transition: all 0.7s;
		transition-property: background;
		-moz-transition-property: background;
		/* Firefox 4 */
		-webkit-transition-property: background;
		/* Safari 和 Chrome */
		-o-transition-property: background;
	}
	
	.tit1 {
		height: 2.5rem;
		font: 1rem "Microsoft YaHei";
		font-weight: bold;
		line-height: 2.5rem;
		overflow: hidden;
		color: #eb3434;
		background: url(../images/new_line.gif) no-repeat left bottom;
		margin-bottom: 1.25rem;
	}
	
	.tit1 a {
		color: #333333;
	}
	
	.tit1 em {
		font: 1rem "Microsoft YaHei";
		color: #666;
		padding-left: 8px;
	}
	
	.faq {
		width: 100%;
		overflow: hidden;
	}
	
	.faq dl {
		padding: 0.875rem 0;
	}
	
	.faq dt a {
		display: block;
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.875rem;
		height: 1.875rem;
		overflow: hidden;
		background: url(../images/q.gif) no-repeat left center;
		padding-left: 2.25rem;
		color: #333;
	}
	
	.faq dd {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.625rem;
		color: #666;
		background: url(../images/a.gif) no-repeat left 3px;
		padding-left: 2.25rem;
		margin-top: 0.25rem;
		
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical; 
		-webkit-line-clamp:1;
		
		
	}
	
	.about{
		margin-bottom: 1.25rem;
	}
	.about2 {
		/* background: url(../images/about_bg.jpg) no-repeat center top; */
		height: auto;
		overflow: hidden;
	}
	
	.about2 dl {
		width: 98%%;
		margin: 0 auto;
		padding: 1%;
	}
	
	.about2 dt {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.about2 dt img {
		display: block;
		width: 100%;
	}
	
	.about2 dd {
		width: 100%;
		float: left;
		padding-top: 1.25rem;
	}
	
	.about2 dd h3 a {
		display: block;
		font: 1.5rem "Microsoft YaHei";
		font-weight: bold;
		color: #333333;
		padding-bottom: 0.5rem;
	}
	
	.about2 dd p {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.75rem;
		height: auto;
		overflow: hidden;
		padding-top: 0.625rem;
		margin: 0px auto;
	}
	
	.about2 dd span a {
		display: block;
		width: 6.25rem;
		height: 1.875rem;
		background: #eb3434;
		font: 0.875rem Arial;
		text-align: center;
		line-height: 1.875rem;
		color: #fff;
		text-transform: uppercase;
		margin-top: 1.25rem;
		margin: 0px auto;
	}
	
	.pic {
		height: auto;
		/* background: url(../images/pic_bg.jpg) no-repeat center top; */
		padding-top: 50px;
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.pict {
		display: none;
		width: 250px;
		height: auto;
		float: left;
		overflow: hidden;
		background: #ec3434;
		padding-bottom: 20px;
	}
	.pict .pict_title{
		height: 70px;
		line-height: 70px;
		text-align: center;
		color: #ffffff;
		font-size: 22px;
		font-weight: bold;
	}
	
	.pict .pict_liebiao{
		background: #ffffff;
		width: 230px;
		margin: 0px 10px;
	}
	.pict li {
		width: 230px;
		height: 35px;
		line-height: 35px;
		background: url(../images/index_left_pro.jpg) no-repeat center; 
		margin: 0px auto;
		margin-bottom: 5px;
		font: 16px "Microsoft YaHei";
	}
	
	.pict li a {
		font-size: 16px;
		display: block;
		text-align: center;
		color: #666666;
		height: 35px;
		line-height: 35px;
	}
	
	.pict li em {
		display: block;
		padding-top: 6px;
		color: #3a4867;
		text-transform: lowercase;
	}
	
	.pict li a:hover,
	.pict .cur a {
		font-weight: bold;
		color: #333333;
		/* background: url(../images/pic_arr.png) no-repeat right 8px; */
	}
	
	.pict li a:hover em,
	.pict .cur em {
		font-weight: normal;
		color: #333333;
	}
	
	.pic1 {
		width: 100%;
		float: left;
		overflow: hidden;
		height: 700px;
	}
	
	.pic1 li {
		width: 286px;
		height: 166px;
		float: left;
		margin-right: 12px;
		overflow: hidden;
		border: #cccccc 1px solid;
		padding: 3px;
		text-align: center;
	}
	
	.pic1 li img {
		display: block;
		width: 282px;
		height: 183px;
	}
	
	.pic1 li a span{
		display: block;
		font-size: 16px;
	}
	
	.pic1 li a:hover img {
		width: 100%;
		border: 1px solid #eb3434;
	}
	
	.pic3{
		display: none;
	}
	
	
	.index_pro{
		width: 100%;
		height: 415px;
		margin-bottom: 30px;
	}
	.index_pro_img{
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		/* background: url(../images/index_pro_img_bj.jpg) no-repeat center; */
		background-size: 100% 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.index_pro_img img{
		width: 90%;
	}
	.index_pro_txt{
		float: left;
		width: 100%;
		height: auto;
	}
	
	.biaoti{
		font-size: 1.25rem;
		height: 3.125rem;
		line-height: 3.125rem;
		text-align: center;
	}
	.miaoshu{
		font-size: 0.875rem;
		line-height: 1.5rem;
	}
	.miaoshu span{
		display: block;
		width: 9.375rem;
		height: 2.8125rem;
		line-height: 2.8125rem;
		background: #eb3434;
		text-align: center;
		margin:0px auto;
	}
	.miaoshu span a{
		color: #ffffff;
	}
	
	.shoujipro{
		width: 98%;
		padding: 1%;
		height: auto;
		overflow: hidden;
		margin-bottom: 5%;
	}
	.shoujipro ul li{
		float: left;
		box-sizing: border-box;
		border: #efefef solid 1px;
	}
	.shoujipro li{
		width: 49.5%;
		height: auto;
		overflow: hidden;
		margin-right: 0.35%;
		text-align: center;
		margin-bottom: 3%;
	}
	.shoujipro li:nth-child(2n+2){
		margin-right: 0%;
	}
	.shoujipro li a img{
		width: 100%;
	}
	.shoujipro li a span{
		display: block;
	}
	
}






/* 手机网站样式开始 */
@media (max-width: 768px) {
	
	/*common*/
	.mb10 {
		margin-bottom: 10px;
	}
	
	.ml10 {
		margin-left: 10px;
	}
	
	.bg {
		background: #FFF;
	}
	
	em,
	i {
		font-style: normal;
	}
	
	body {
		width: 100%;
		overflow-x: hidden;
	}
	
	
	.arr3 {
		position: absolute;
		top: 690px;
		left: 50%;
		width: 9px;
		height: 17px;
		margin-left: -580px;
	}
	
	.arr4 {
		position: absolute;
		top: 690px;
		left: 50%;
		width: 9px;
		height: 17px;
		margin-left: -400px;
	}
	
	.tit {
		height: auto;
		text-align: center;
		position: relative;
		font: 1.5rem "Microsoft YaHei";
		color: #333;
		margin-bottom: 0.625rem;
	}
	
	/* .tit b{ display:inline-block; position:relative; padding-left:38px; margin-left:11px;}
	.tit b:before{ content:""; position:absolute; top:16px; left:0; width:20px; height:20px; background:url(../images/h.png) no-repeat;} */
	.tit a {
		display: block;
		color: #333;
	}
	
	.tit span {
		display: block;
		font: 1rem "Microsoft YaHei";
		color: #666;
		padding-top: 5px;
	}
	
	.yinz {
		height: auto;
		background: #ffffff;
		overflow: hidden;
	}
	
	.yinz dt {
		width: 100%;
		height: auto;
		overflow: hidden;
		border: 5px solid #fff;
		border-radius: 0.3rem;
		float: left;
	}
	
	.yinz dt img {
		display: block;
		width: 99%;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	
	.yinz dt a:hover img {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-transform: scale(1.1, 1.1);
	}
	
	.yinz dd {
		width: 100%;
		float: left;
		margin-top: 0.625rem;
		text-align: center;
	}
	
	.yinz dd h3 {
		font: 1.5rem "Microsoft YaHei";
		font-weight: bold;
		color: #eb3434;
	}
	
	.yinz dd h3 em {
		display: block;
		font: 1.5rem "Microsoft YaHei";
		color: #333;
	}
	
	.yinz dd p {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.875rem;
		color: #333;
		margin-top: 1.125rem;
	}
	
	.yinz dd p b {
		color: #eb3434;
		font-size: 18px;
	}
	
	.pro {
		height: 900px;
		padding-top: 90px;
		overflow: hidden;
	}
	
	.fen {
		width: 242px;
		border: 5px solid #eb3434;
		height: 670px;
		overflow: hidden;
	}
	
	.fen h2 {
		height: 64px;
		background: #eb3434;
		overflow: hidden;
		font: 24px "Microsoft YaHei";
		font-weight: bold;
		line-height: 64px;
		overflow: hidden;
	}
	
	.fen h2 a {
		display: block;
		color: #fff;
		padding-left: 24px;
	}
	
	.fen h3 {
		height: 47px;
		background: url(../images/fen_line.gif) repeat-x center top;
		overflow: hidden;
		font: 18px "Microsoft YaHei";
		font-weight: bold;
		line-height: 47px;
		overflow: hidden;
	}
	
	.fen h3 a {
		display: block;
		color: #333;
		padding-left: 22px;
		background: url(../images/fen_arr.png) no-repeat 210px;
	}
	
	.fen h3 a:hover {
		color: #006bc9;
	}
	
	.fen li {
		font: 15px "Microsoft YaHei";
		line-height: 35px;
		border-top: 1px solid #e5e5e5;
		overflow: hidden;
	}
	
	.fen li a {
		display: block;
		padding-left: 45px;
		background: url(../images/fen_arr2.png) no-repeat 25px center;
	}
	
	.fen li a:hover {
		font-weight: bold;
		color: #006cca;
		background: url(../images/fen_arr1.png) no-repeat 25px center;
	}
	
	.pro1 {
		width: 910px;
		overflow: hidden;
	}
	
	.pro2 {
		height: 430px;
		overflow: hidden;
		position: relative;
	}
	
	.pro2 dl {
		height: 412px;
		border: 1px solid #ccc;
		overflow: hidden;
	}
	
	.pro2 dt {
		width: 550px;
		height: 412px;
		float: left;
		overflow: hidden;
	}
	
	.pro2 dt img {
		display: block;
		width: 550px;
		height: 412px;
	}
	
	.pro2 dd {
		width: 295px;
		padding: 60px 35px 0 0;
		float: right;
		overflow: hidden;
	}
	
	.pro2 dd h3 a {
		display: block;
		font: 22px "Microsoft YaHei";
		font-weight: bold;
		line-height: 45px;
		height: 45xp;
		overflow: hidden;
		color: #333;
	}
	
	.pro2 dd .prodd {
		font: 14px "Microsoft YaHei";
		line-height: 30px;
	}
	
	.pro2 dd p {
		font: 14px "Microsoft YaHei";
		line-height: 30px;
	}
	
	.pro2 dd p b {
		font-size: 16px;
		color: #333;
	}
	
	.pro2 dd span {
		display: block;
		width: 149px;
		height: 42px;
		font: 16px "Microsoft YaHei";
		line-height: 42px;
		border-radius: 0.3rem;
		margin-top: 20px;
		background: #eb3434 url(../images/pro_arr.png) no-repeat 104px;
	}
	
	.pro2 dd span a {
		color: #fff;
		display: block;
		padding-left: 25px;
	}
	
	.arr1 a {
		display: block;
		width: 50px;
		height: 70px;
		background: rgba(38, 54, 90, 0.6);
		font: 30px "宋体";
		font-weight: bold;
		text-align: center;
		line-height: 70px;
		color: #fff;
		position: absolute;
		top: 40%;
		left: 0;
	}
	
	.arr2 a {
		display: block;
		width: 50px;
		height: 70px;
		background: rgba(38, 54, 90, 0.6);
		font: 30px "宋体";
		font-weight: bold;
		text-align: center;
		line-height: 70px;
		color: #fff;
		position: absolute;
		top: 40%;
		right: 0;
	}
	
	.pro4 li {
		width: 287px;
		float: left;
		margin-right: 25px;
	}
	
	.pro4 li img {
		display: block;
		width: 285px;
		height: 214px;
		border: 1px solid #d9d9d9;
	}
	
	.pro4 li em {
		display: block;
		font: 16px "Microsoft YaHei";
		line-height: 48px;
		height: 48px;
		overflow: hidden;
		color: #333;
		text-align: center;
	}
	
	.pro4 li a:hover img {
		border: 2px solid #eb3434;
		width: 281px;
		height: 210px;
	}
	
	.pro4 li a:hover em {
		display: block;
		color: #eb3434;
		font-weight: bold;
	}
	
	.jiag {
		height: auto;
		padding-top: 1.25rem;
		background: url(../images/jiag_bg.gif);
		overflow: hidden;
	}
	
	.jiag h2 {
		background: url(../images/jiag_h.gif) no-repeat;
		width: 198px;
		height: 38px;
		float: left;
		margin-bottom: 20px;
		overflow: hidden;
		font: 18px "Microsoft YaHei";
		text-align: center;
		line-height: 38px;
		color: #fff;
		overflow: hidden;
	}
	
	.jiag h2 a {
		display: block;
		color: #fff;
	}
	
	.jiagt {
		width: 450px;
		float: right;
		height: 38px;
		font: 14px "Microsoft YaHei";
		overflow: hidden;
	}
	
	.jiagt a {
		display: block;
		margin: 0 18px;
		float: left;
		line-height: 30px;
		height: 31px;
		position: relative;
	}
	
	.jiagt a:before {
		content: "";
		position: absolute;
		top: 9px;
		right: -18px;
		width: 1px;
		height: 10px;
		background: url(../images/jiag_line.gif) no-repeat right center;
	}
	
	.jiagt a:last-child:before {
		background: none;
		margin-right: 0;
	}
	
	.jiagt a:hover,
	.jiagt .cur {
		border-bottom: 3px solid #eb3434;
	}
	
	.jiag1 {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.jiag2 {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.jiag3 {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.jiag3 li {
		width: 49%;
		float: left;
		height: auto;
		overflow: hidden;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	
	.jiag3 li:nth-child(2n+2){
		margin-right: 0px;
	} 
	
	.jiag3 li img {
		display: block;
		width: 100%;
		height: 133px;
	}
	
	.jiag4 {
		display: none;
		width: 959px;
		height: 541px;
		overflow: hidden;
		float: right;
	}
	
	.jiag4 dl {
		height: 541px;
		position: relative;
		overflow: hidden;
	}
	
	.jiag4 dt img {
		display: block;
		width: 959px;
		height: 541px;
	}
	
	.jiag4 dd {
		background: rgba(255, 255, 255, 0.8);
		width: 959px;
		height: 50px;
		position: absolute;
		bottom: 0;
		font: 16px "Microsoft YaHei";
		text-align: center;
		color: #333;
		line-height: 50px;
	}
	
	.case {
		height: auto;
		margin-top: 1.875rem;
		margin-bottom: 1.875rem;
		overflow: hidden;
	}
	
	.case dl {
		height: auto;
		background: #f7f7f7;
		overflow: hidden;
	}
	
	.case dt {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.case dt img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	.case dd {
		display: block;
		width: 98%;
		float: left;
		padding: 1%;
		overflow: hidden;
	}
	
	.case dd h3 {
		font: 1.5rem "Microsoft YaHei";
		font-weight: bold;
		color: #333;
		padding-bottom: 0.75rem;
		position: relative;
		text-align: center;
	}
	
	.case dd h3 a {
		display: block;
		color: #333;
	}
	
	.case dd h3 em {
		display: block;
		font: 1.5rem Arial;
		color: #d7d7d7;
		text-transform: uppercase;
	}
	
	.case dd h3:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 64px;
		height: 1px;
		/* background: #eb3434; */
	}
	
	.case dd p {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.75rem;
		height: auto;
		margin: 0.625rem 0 1.25rem;
		text-align: left;
	}
	
	.case dd span {
		display: block;
		width: 10.125rem;
		height: 2.625rem;
		background: #eb3434;
		font: 0.875rem "Microsoft YaHei";
		text-align: center;
		line-height: 2.625rem;
		color: #fff;
		margin: 0px auto;
	}
	
	.case dd span a {
		color: #fff;
		display: block;
	}
	
	.case li {
		margin: 36px 30px 0 0;
		width: 380px;
		height: 285px;
		float: left;
		overflow: hidden;
		position: relative;
	}
	
	.case li img {
		display: block;
		width: 380px;
		height: 285px;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	
	.case li a:hover img {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-transform: scale(1.1, 1.1);
	}
	
	.case li em {
		display: block;
		width: 380px;
		height: 50px;
		background: rgba(38, 54, 90, 0.6);
		font: 14px "Microsoft YaHei";
		text-align: center;
		line-height: 50px;
		color: #fff;
		overflow: hidden;
		position: absolute;
		bottom: 0;
	}
	
	.case .nones {
		margin-right: 0;
	}
	
	.par {
		height: 235px;
		overflow: hidden;
	}
	
	.par li {
		width: 275px;
		float: left;
		margin-right: 30px;
	}
	.par li:last-child{
		margin-right: 0px;
	}
	
	.par li img {
		display: block;
		width: 275px;
		height: 195px;
		border: 1px solid #ccc;
	}
	
	.par li em {
		display: block;
		font: 14px "Microsoft YaHei";
		line-height: 55px;
		height: 55px;
		color: #333;
		overflow: hidden;
		text-align: center;
	}
	
	.par li a:hover img {
		border: 1px solid #eb3434;
		width: 275px;
		height: 195px;
	}
	
	.par li a:hover em {
		color: #eb3434;
		font-weight: bold;
	}
	
	.ys {
		display: none;
		height: auto;
		background: url(../images/jiag_bg.gif);
		overflow: hidden;
		margin-bottom: 50px;
	}
	
	.ys1 {
		overflow: hidden;
		background: url(../images/ys_bg.jpg) no-repeat center top;
		height: 670px;
	}
	
	.ys .tit {
		padding-top: 60px;
		color: #fff;
	}
	
	.ys .tit span {
		color: #fff;
	}
	
	.yst {
		padding: 0 0 0 75px;
		height: 100px;
		overflow: hidden;
	}
	
	.yst li {
		width: 245px;
		float: left;
		border-bottom: 1px solid rgba(53, 152, 219, 0);
		margin-right: 35px;
		height: 59px;
		font: 16px "Microsoft YaHei";
		line-height: 58px;
		color: #fff;
	}
	
	.yst li span {
		display: block;
		width: 27px;
		height: 25px;
		float: left;
		margin: 17px 9px 0 25px;
		overflow: hidden;
		position: relative;
	}
	
	.yst li span img {
		display: block;
		width: 27px;
		height: 25px;
	}
	
	.yst li em {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	.yst li i {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
		transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	.yst li:hover em,
	.yst .cur em {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
		transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
	}
	
	.yst li:hover i,
	.yst .cur i {
		opacity: 1;
		visibility: visible;
		-webkit-transform: rotate3d(1, 0, 0, 0deg);
		transform: rotate3d(1, 0, 0, 0deg);
	}
	
	.yst li:hover,
	.yst .cur {
		font-weight: bold;
		color: #eb3434;
		border-bottom: 1px solid rgba(235, 52, 52, 1);
		background: rgb(255,255,255,0.1);
	}
	
	.ys2 {
		height: 675px;
		overflow: hidden;
	}
	
	.ys2 dl {
		position: relative;
	}
	
	.ys2 dl dt{
		font-size: 15px;
		color: #ffffff;
		line-height: 28px;
	}
	.ys2 dl dt span{
		float: left;
		width: 45%;
		margin-right: 3%;
	}
	.ys2 dt img {
		display: block;
		width: 1200px;
		height: 675px;
	}
	
	.ys2 dd {
		height: 120px;
		background: rgba(38, 54, 90, 0.9);
		position: absolute;
		bottom: 0;
		width: 1200px;
		bottom: 0;
	}
	
	.ys2 dd h3 {
		font: 24px "Microsoft YaHei";
		color: #fff;
		width: 280px;
		float: left;
		margin: 27px 0 0 60px;
		padding-right: 30px;
		height: 59px;
		border-right: 1px solid #8991a3;
	}
	
	.ys2 dd h3 em {
		display: block;
	}
	
	.ys2 dd p {
		width: 730px;
		float: right;
		padding: 25px 60px 0 0;
		font: 14px "Microsoft YaHei";
		line-height: 26px;
		color: #fff;
	}
	
	/* 新闻 */
	
	.new {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.new .tit b,
	.about .tit b {
		padding-left: 0;
		margin-left: 0;
	}
	
	.new .tit b:before,
	.about .tit b:before {
		background: none;
	}
	
	.dy {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.dy dl {
		width: 100%;
		height: 4.25rem;
		padding: 0.625rem 0rem;
		overflow: hidden;
	}
	
	.dy dt {
		width: 10%;
		font: 1.8rem Arial;
		color: #030303b;
		text-align: center;
		float: left;
	}
	
	.dy dt em {
		display: block;
		font: 0.875rem "Microsoft YaHei";
	}
	
	.dy dd {
		width: 88%;
		float: left;
		overflow: hidden;
		margin-left: 2%;
	}
	
	.dy dd h3{
		font-size: 1.25rem;
	}
	
	.dy dd h3 a {
		display: block;
		font: 1rem "Microsoft YaHei";
		line-height: 1.875rem;
		color: #333;
		height: 1.875rem;
		overflow: hidden;
	}
	
	.dy dd p {
		font: 0.8375rem "Microsoft YaHei";
		line-height: 1.5rem;
		text-indent: 2rem;
	}
	
	.dy dd h3 a:hover,
	.faq dt a:hover {
		font-weight: bold;
		color: #eb3434;
	}
	
	.more {
		padding: 1rem;
		border-top: 0.0625rem solid #ccc;
		margin-top: 0.9375rem;
	}
	
	.more a {
		display: block;
		width: 6.25rem;
		height: 1.75rem;
		border: 1px solid #ccc;
		font: 0.875rem "Microsoft YaHei";
		text-align: center;
		line-height: 1.75rem;
		margin: 0px auto;
	}
	
	.more a:hover {
		border: 1px solid #eb3434;
		background: #eb3434;
		color: #fff;
		-webkit-transition: all 0.7s;
		transition: all 0.7s;
		transition-property: background;
		-moz-transition-property: background;
		/* Firefox 4 */
		-webkit-transition-property: background;
		/* Safari 和 Chrome */
		-o-transition-property: background;
	}
	
	.tit1 {
		height: 2.5rem;
		font: 1rem "Microsoft YaHei";
		font-weight: bold;
		line-height: 2.5rem;
		overflow: hidden;
		color: #eb3434;
		background: url(../images/new_line.gif) no-repeat left bottom;
		margin-bottom: 1.25rem;
	}
	
	.tit1 a {
		color: #333333;
	}
	
	.tit1 em {
		font: 1rem "Microsoft YaHei";
		color: #666;
		padding-left: 8px;
	}
	
	.faq {
		width: 100%;
		overflow: hidden;
	}
	
	.faq dl {
		padding: 0.875rem 0;
	}
	
	.faq dt a {
		display: block;
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.875rem;
		height: 1.875rem;
		overflow: hidden;
		background: url(../images/q.gif) no-repeat left center;
		padding-left: 2.25rem;
		color: #333;
	}
	
	.faq dd {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.625rem;
		color: #666;
		background: url(../images/a.gif) no-repeat left 3px;
		padding-left: 2.25rem;
		margin-top: 0.25rem;
		
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical; 
		-webkit-line-clamp:1;
		
		
	}
	
	.about{
		margin-bottom: 1.25rem;
	}
	.about2 {
		/* background: url(../images/about_bg.jpg) no-repeat center top; */
		height: auto;
		overflow: hidden;
	}
	
	.about2 dl {
		width: 98%%;
		margin: 0 auto;
		padding: 1%;
	}
	
	.about2 dt {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.about2 dt img {
		display: block;
		width: 100%;
	}
	
	.about2 dd {
		width: 100%;
		float: left;
		padding-top: 1.25rem;
	}
	
	.about2 dd h3 a {
		display: block;
		font: 1.5rem "Microsoft YaHei";
		font-weight: bold;
		color: #333333;
		padding-bottom: 0.5rem;
	}
	
	.about2 dd p {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.75rem;
		height: auto;
		overflow: hidden;
		padding-top: 0.625rem;
		margin: 0px auto;
	}
	
	.about2 dd span a {
		display: block;
		width: 6.25rem;
		height: 1.875rem;
		background: #eb3434;
		font: 0.875rem Arial;
		text-align: center;
		line-height: 1.875rem;
		color: #fff;
		text-transform: uppercase;
		margin-top: 1.25rem;
		margin: 0px auto;
	}
	
	.pic {
		height: auto;
		/* background: url(../images/pic_bg.jpg) no-repeat center top; */
		padding-top: 50px;
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.pict {
		display: none;
		width: 250px;
		height: auto;
		float: left;
		overflow: hidden;
		background: #ec3434;
		padding-bottom: 20px;
	}
	.pict .pict_title{
		height: 70px;
		line-height: 70px;
		text-align: center;
		color: #ffffff;
		font-size: 22px;
		font-weight: bold;
	}
	
	.pict .pict_liebiao{
		background: #ffffff;
		width: 230px;
		margin: 0px 10px;
	}
	.pict li {
		width: 230px;
		height: 35px;
		line-height: 35px;
		background: url(../images/index_left_pro.jpg) no-repeat center; 
		margin: 0px auto;
		margin-bottom: 5px;
		font: 16px "Microsoft YaHei";
	}
	
	.pict li a {
		font-size: 16px;
		display: block;
		text-align: center;
		color: #666666;
		height: 35px;
		line-height: 35px;
	}
	
	.pict li em {
		display: block;
		padding-top: 6px;
		color: #3a4867;
		text-transform: lowercase;
	}
	
	.pict li a:hover,
	.pict .cur a {
		font-weight: bold;
		color: #333333;
		/* background: url(../images/pic_arr.png) no-repeat right 8px; */
	}
	
	.pict li a:hover em,
	.pict .cur em {
		font-weight: normal;
		color: #333333;
	}
	
	.pic1 {
		width: 100%;
		float: left;
		overflow: hidden;
		height: 700px;
	}
	
	.pic1 li {
		width: 286px;
		height: 166px;
		float: left;
		margin-right: 12px;
		overflow: hidden;
		border: #cccccc 1px solid;
		padding: 3px;
		text-align: center;
	}
	
	.pic1 li img {
		display: block;
		width: 282px;
		height: 183px;
	}
	
	.pic1 li a span{
		display: block;
		font-size: 16px;
	}
	
	.pic1 li a:hover img {
		width: 100%;
		border: 1px solid #eb3434;
	}
	
	.pic3{
		display: none;
	}
	
	
	.index_pro{
		width: 100%;
		height: 415px;
		margin-bottom: 30px;
	}
	.index_pro_img{
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		/* background: url(../images/index_pro_img_bj.jpg) no-repeat center; */
		background-size: 100% 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.index_pro_img img{
		width: 90%;
	}
	.index_pro_txt{
		float: left;
		width: 100%;
		height: auto;
	}
	
	.biaoti{
		font-size: 1.25rem;
		height: 3.125rem;
		line-height: 3.125rem;
		text-align: center;
	}
	.miaoshu{
		font-size: 0.875rem;
		line-height: 1.5rem;
	}
	.miaoshu span{
		display: block;
		width: 9.375rem;
		height: 2.8125rem;
		line-height: 2.8125rem;
		background: #eb3434;
		text-align: center;
		margin:0px auto;
	}
	.miaoshu span a{
		color: #ffffff;
	}
	
	.shoujipro{
		width: 98%;
		padding: 1%;
		height: auto;
		overflow: hidden;
		margin-bottom: 5%;
	}
	.shoujipro ul li{
		float: left;
		box-sizing: border-box;
		border: #efefef solid 1px;
	}
	.shoujipro li{
		width: 49.5%;
		height: auto;
		overflow: hidden;
		margin-right: 0.35%;
		text-align: center;
		margin-bottom: 3%;
	}
	.shoujipro li:nth-child(2n+2){
		margin-right: 0%;
	}
	.shoujipro li a img{
		width: 100%;
	}
	.shoujipro li a span{
		display: block;
	}
	
}


/* 手机网站样式开始 */
@media (min-width: 769px) and (max-width: 1200px) {
	
	/*common*/
	.mb10 {
		margin-bottom: 10px;
	}
	
	.ml10 {
		margin-left: 10px;
	}
	
	.bg {
		background: #FFF;
	}
	
	em,
	i {
		font-style: normal;
	}
	
	body {
		width: 100%;
		overflow-x: hidden;
	}
	
	
	.arr3 {
		position: absolute;
		top: 690px;
		left: 50%;
		width: 9px;
		height: 17px;
		margin-left: -580px;
	}
	
	.arr4 {
		position: absolute;
		top: 690px;
		left: 50%;
		width: 9px;
		height: 17px;
		margin-left: -400px;
	}
	
	.tit {
		height: auto;
		text-align: center;
		position: relative;
		font: 1.5rem "Microsoft YaHei";
		color: #333;
		margin-bottom: 0.625rem;
	}
	
	/* .tit b{ display:inline-block; position:relative; padding-left:38px; margin-left:11px;}
	.tit b:before{ content:""; position:absolute; top:16px; left:0; width:20px; height:20px; background:url(../images/h.png) no-repeat;} */
	.tit a {
		display: block;
		color: #333;
	}
	
	.tit span {
		display: block;
		font: 1rem "Microsoft YaHei";
		color: #666;
		padding-top: 5px;
	}
	
	.yinz {
		height: auto;
		background: #ffffff;
		overflow: hidden;
	}
	
	.yinz dt {
		width: 100%;
		height: auto;
		overflow: hidden;
		border: 5px solid #fff;
		border-radius: 0.3rem;
		float: left;
	}
	
	.yinz dt img {
		display: block;
		width: 99%;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	
	.yinz dt a:hover img {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-transform: scale(1.1, 1.1);
	}
	
	.yinz dd {
		width: 100%;
		float: left;
		margin-top: 0.625rem;
		text-align: center;
	}
	
	.yinz dd h3 {
		font: 1.5rem "Microsoft YaHei";
		font-weight: bold;
		color: #eb3434;
	}
	
	.yinz dd h3 em {
		display: block;
		font: 1.5rem "Microsoft YaHei";
		color: #333;
	}
	
	.yinz dd p {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.875rem;
		color: #333;
		margin-top: 1.125rem;
	}
	
	.yinz dd p b {
		color: #eb3434;
		font-size: 18px;
	}
	
	.pro {
		height: 900px;
		padding-top: 90px;
		overflow: hidden;
	}
	
	.fen {
		width: 242px;
		border: 5px solid #eb3434;
		height: 670px;
		overflow: hidden;
	}
	
	.fen h2 {
		height: 64px;
		background: #eb3434;
		overflow: hidden;
		font: 24px "Microsoft YaHei";
		font-weight: bold;
		line-height: 64px;
		overflow: hidden;
	}
	
	.fen h2 a {
		display: block;
		color: #fff;
		padding-left: 24px;
	}
	
	.fen h3 {
		height: 47px;
		background: url(../images/fen_line.gif) repeat-x center top;
		overflow: hidden;
		font: 18px "Microsoft YaHei";
		font-weight: bold;
		line-height: 47px;
		overflow: hidden;
	}
	
	.fen h3 a {
		display: block;
		color: #333;
		padding-left: 22px;
		background: url(../images/fen_arr.png) no-repeat 210px;
	}
	
	.fen h3 a:hover {
		color: #006bc9;
	}
	
	.fen li {
		font: 15px "Microsoft YaHei";
		line-height: 35px;
		border-top: 1px solid #e5e5e5;
		overflow: hidden;
	}
	
	.fen li a {
		display: block;
		padding-left: 45px;
		background: url(../images/fen_arr2.png) no-repeat 25px center;
	}
	
	.fen li a:hover {
		font-weight: bold;
		color: #006cca;
		background: url(../images/fen_arr1.png) no-repeat 25px center;
	}
	
	.pro1 {
		width: 910px;
		overflow: hidden;
	}
	
	.pro2 {
		height: 430px;
		overflow: hidden;
		position: relative;
	}
	
	.pro2 dl {
		height: 412px;
		border: 1px solid #ccc;
		overflow: hidden;
	}
	
	.pro2 dt {
		width: 550px;
		height: 412px;
		float: left;
		overflow: hidden;
	}
	
	.pro2 dt img {
		display: block;
		width: 550px;
		height: 412px;
	}
	
	.pro2 dd {
		width: 295px;
		padding: 60px 35px 0 0;
		float: right;
		overflow: hidden;
	}
	
	.pro2 dd h3 a {
		display: block;
		font: 22px "Microsoft YaHei";
		font-weight: bold;
		line-height: 45px;
		height: 45xp;
		overflow: hidden;
		color: #333;
	}
	
	.pro2 dd .prodd {
		font: 14px "Microsoft YaHei";
		line-height: 30px;
	}
	
	.pro2 dd p {
		font: 14px "Microsoft YaHei";
		line-height: 30px;
	}
	
	.pro2 dd p b {
		font-size: 16px;
		color: #333;
	}
	
	.pro2 dd span {
		display: block;
		width: 149px;
		height: 42px;
		font: 16px "Microsoft YaHei";
		line-height: 42px;
		border-radius: 0.3rem;
		margin-top: 20px;
		background: #eb3434 url(../images/pro_arr.png) no-repeat 104px;
	}
	
	.pro2 dd span a {
		color: #fff;
		display: block;
		padding-left: 25px;
	}
	
	.arr1 a {
		display: block;
		width: 50px;
		height: 70px;
		background: rgba(38, 54, 90, 0.6);
		font: 30px "宋体";
		font-weight: bold;
		text-align: center;
		line-height: 70px;
		color: #fff;
		position: absolute;
		top: 40%;
		left: 0;
	}
	
	.arr2 a {
		display: block;
		width: 50px;
		height: 70px;
		background: rgba(38, 54, 90, 0.6);
		font: 30px "宋体";
		font-weight: bold;
		text-align: center;
		line-height: 70px;
		color: #fff;
		position: absolute;
		top: 40%;
		right: 0;
	}
	
	.pro4 li {
		width: 287px;
		float: left;
		margin-right: 25px;
	}
	
	.pro4 li img {
		display: block;
		width: 285px;
		height: 214px;
		border: 1px solid #d9d9d9;
	}
	
	.pro4 li em {
		display: block;
		font: 16px "Microsoft YaHei";
		line-height: 48px;
		height: 48px;
		overflow: hidden;
		color: #333;
		text-align: center;
	}
	
	.pro4 li a:hover img {
		border: 2px solid #eb3434;
		width: 281px;
		height: 210px;
	}
	
	.pro4 li a:hover em {
		display: block;
		color: #eb3434;
		font-weight: bold;
	}
	
	.jiag {
		height: auto;
		padding-top: 1.25rem;
		background: url(../images/jiag_bg.gif);
		overflow: hidden;
	}
	
	.jiag h2 {
		background: url(../images/jiag_h.gif) no-repeat;
		width: 198px;
		height: 38px;
		float: left;
		margin-bottom: 20px;
		overflow: hidden;
		font: 18px "Microsoft YaHei";
		text-align: center;
		line-height: 38px;
		color: #fff;
		overflow: hidden;
	}
	
	.jiag h2 a {
		display: block;
		color: #fff;
	}
	
	.jiagt {
		width: 450px;
		float: right;
		height: 38px;
		font: 14px "Microsoft YaHei";
		overflow: hidden;
	}
	
	.jiagt a {
		display: block;
		margin: 0 18px;
		float: left;
		line-height: 30px;
		height: 31px;
		position: relative;
	}
	
	.jiagt a:before {
		content: "";
		position: absolute;
		top: 9px;
		right: -18px;
		width: 1px;
		height: 10px;
		background: url(../images/jiag_line.gif) no-repeat right center;
	}
	
	.jiagt a:last-child:before {
		background: none;
		margin-right: 0;
	}
	
	.jiagt a:hover,
	.jiagt .cur {
		border-bottom: 3px solid #eb3434;
	}
	
	.jiag1 {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.jiag2 {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.jiag3 {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.jiag3 li {
		width: 49%;
		float: left;
		height: auto;
		overflow: hidden;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	
	.jiag3 li:nth-child(2n+2){
		margin-right: 0px;
	} 
	
	.jiag3 li img {
		display: block;
		width: 100%;
		height: 133px;
	}
	
	.jiag4 {
		display: none;
		width: 959px;
		height: 541px;
		overflow: hidden;
		float: right;
	}
	
	.jiag4 dl {
		height: 541px;
		position: relative;
		overflow: hidden;
	}
	
	.jiag4 dt img {
		display: block;
		width: 959px;
		height: 541px;
	}
	
	.jiag4 dd {
		background: rgba(255, 255, 255, 0.8);
		width: 959px;
		height: 50px;
		position: absolute;
		bottom: 0;
		font: 16px "Microsoft YaHei";
		text-align: center;
		color: #333;
		line-height: 50px;
	}
	
	.case {
		height: auto;
		margin-top: 1.875rem;
		margin-bottom: 1.875rem;
		overflow: hidden;
	}
	
	.case dl {
		height: auto;
		background: #f7f7f7;
		overflow: hidden;
	}
	
	.case dt {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.case dt img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	.case dd {
		display: block;
		width: 98%;
		float: left;
		padding: 1%;
		overflow: hidden;
	}
	
	.case dd h3 {
		font: 1.5rem "Microsoft YaHei";
		font-weight: bold;
		color: #333;
		padding-bottom: 0.75rem;
		position: relative;
		text-align: center;
	}
	
	.case dd h3 a {
		display: block;
		color: #333;
	}
	
	.case dd h3 em {
		display: block;
		font: 1.5rem Arial;
		color: #d7d7d7;
		text-transform: uppercase;
	}
	
	.case dd h3:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 64px;
		height: 1px;
		/* background: #eb3434; */
	}
	
	.case dd p {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.75rem;
		height: auto;
		margin: 0.625rem 0 1.25rem;
		text-align: left;
	}
	
	.case dd span {
		display: block;
		width: 10.125rem;
		height: 2.625rem;
		background: #eb3434;
		font: 0.875rem "Microsoft YaHei";
		text-align: center;
		line-height: 2.625rem;
		color: #fff;
		margin: 0px auto;
	}
	
	.case dd span a {
		color: #fff;
		display: block;
	}
	
	.case li {
		margin: 36px 30px 0 0;
		width: 380px;
		height: 285px;
		float: left;
		overflow: hidden;
		position: relative;
	}
	
	.case li img {
		display: block;
		width: 380px;
		height: 285px;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	
	.case li a:hover img {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-transform: scale(1.1, 1.1);
	}
	
	.case li em {
		display: block;
		width: 380px;
		height: 50px;
		background: rgba(38, 54, 90, 0.6);
		font: 14px "Microsoft YaHei";
		text-align: center;
		line-height: 50px;
		color: #fff;
		overflow: hidden;
		position: absolute;
		bottom: 0;
	}
	
	.case .nones {
		margin-right: 0;
	}
	
	.par {
		height: 235px;
		overflow: hidden;
	}
	
	.par li {
		width: 275px;
		float: left;
		margin-right: 30px;
	}
	.par li:last-child{
		margin-right: 0px;
	}
	
	.par li img {
		display: block;
		width: 275px;
		height: 195px;
		border: 1px solid #ccc;
	}
	
	.par li em {
		display: block;
		font: 14px "Microsoft YaHei";
		line-height: 55px;
		height: 55px;
		color: #333;
		overflow: hidden;
		text-align: center;
	}
	
	.par li a:hover img {
		border: 1px solid #eb3434;
		width: 275px;
		height: 195px;
	}
	
	.par li a:hover em {
		color: #eb3434;
		font-weight: bold;
	}
	
	.ys {
		display: none;
		height: auto;
		background: url(../images/jiag_bg.gif);
		overflow: hidden;
		margin-bottom: 50px;
	}
	
	.ys1 {
		overflow: hidden;
		background: url(../images/ys_bg.jpg) no-repeat center top;
		height: 670px;
	}
	
	.ys .tit {
		padding-top: 60px;
		color: #fff;
	}
	
	.ys .tit span {
		color: #fff;
	}
	
	.yst {
		padding: 0 0 0 75px;
		height: 100px;
		overflow: hidden;
	}
	
	.yst li {
		width: 245px;
		float: left;
		border-bottom: 1px solid rgba(53, 152, 219, 0);
		margin-right: 35px;
		height: 59px;
		font: 16px "Microsoft YaHei";
		line-height: 58px;
		color: #fff;
	}
	
	.yst li span {
		display: block;
		width: 27px;
		height: 25px;
		float: left;
		margin: 17px 9px 0 25px;
		overflow: hidden;
		position: relative;
	}
	
	.yst li span img {
		display: block;
		width: 27px;
		height: 25px;
	}
	
	.yst li em {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	.yst li i {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
		transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	.yst li:hover em,
	.yst .cur em {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
		transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
	}
	
	.yst li:hover i,
	.yst .cur i {
		opacity: 1;
		visibility: visible;
		-webkit-transform: rotate3d(1, 0, 0, 0deg);
		transform: rotate3d(1, 0, 0, 0deg);
	}
	
	.yst li:hover,
	.yst .cur {
		font-weight: bold;
		color: #eb3434;
		border-bottom: 1px solid rgba(235, 52, 52, 1);
		background: rgb(255,255,255,0.1);
	}
	
	.ys2 {
		height: 675px;
		overflow: hidden;
	}
	
	.ys2 dl {
		position: relative;
	}
	
	.ys2 dl dt{
		font-size: 15px;
		color: #ffffff;
		line-height: 28px;
	}
	.ys2 dl dt span{
		float: left;
		width: 45%;
		margin-right: 3%;
	}
	.ys2 dt img {
		display: block;
		width: 1200px;
		height: 675px;
	}
	
	.ys2 dd {
		height: 120px;
		background: rgba(38, 54, 90, 0.9);
		position: absolute;
		bottom: 0;
		width: 1200px;
		bottom: 0;
	}
	
	.ys2 dd h3 {
		font: 24px "Microsoft YaHei";
		color: #fff;
		width: 280px;
		float: left;
		margin: 27px 0 0 60px;
		padding-right: 30px;
		height: 59px;
		border-right: 1px solid #8991a3;
	}
	
	.ys2 dd h3 em {
		display: block;
	}
	
	.ys2 dd p {
		width: 730px;
		float: right;
		padding: 25px 60px 0 0;
		font: 14px "Microsoft YaHei";
		line-height: 26px;
		color: #fff;
	}
	
	/* 新闻 */
	
	.new {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.new .tit b,
	.about .tit b {
		padding-left: 0;
		margin-left: 0;
	}
	
	.new .tit b:before,
	.about .tit b:before {
		background: none;
	}
	
	.dy {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.dy dl {
		width: 100%;
		height: 4.25rem;
		padding: 0.625rem 0rem;
		overflow: hidden;
	}
	
	.dy dt {
		width: 10%;
		font: 1.8rem Arial;
		color: #030303b;
		text-align: center;
		float: left;
	}
	
	.dy dt em {
		display: block;
		font: 0.875rem "Microsoft YaHei";
	}
	
	.dy dd {
		width: 88%;
		float: left;
		overflow: hidden;
		margin-left: 2%;
	}
	
	.dy dd h3{
		font-size: 1.25rem;
	}
	
	.dy dd h3 a {
		display: block;
		font: 1rem "Microsoft YaHei";
		line-height: 1.875rem;
		color: #333;
		height: 1.875rem;
		overflow: hidden;
	}
	
	.dy dd p {
		font: 0.8375rem "Microsoft YaHei";
		line-height: 1.5rem;
		text-indent: 2rem;
	}
	
	.dy dd h3 a:hover,
	.faq dt a:hover {
		font-weight: bold;
		color: #eb3434;
	}
	
	.more {
		padding: 1rem;
		border-top: 0.0625rem solid #ccc;
		margin-top: 0.9375rem;
	}
	
	.more a {
		display: block;
		width: 6.25rem;
		height: 1.75rem;
		border: 1px solid #ccc;
		font: 0.875rem "Microsoft YaHei";
		text-align: center;
		line-height: 1.75rem;
		margin: 0px auto;
	}
	
	.more a:hover {
		border: 1px solid #eb3434;
		background: #eb3434;
		color: #fff;
		-webkit-transition: all 0.7s;
		transition: all 0.7s;
		transition-property: background;
		-moz-transition-property: background;
		/* Firefox 4 */
		-webkit-transition-property: background;
		/* Safari 和 Chrome */
		-o-transition-property: background;
	}
	
	.tit1 {
		height: 2.5rem;
		font: 1rem "Microsoft YaHei";
		font-weight: bold;
		line-height: 2.5rem;
		overflow: hidden;
		color: #eb3434;
		background: url(../images/new_line.gif) no-repeat left bottom;
		margin-bottom: 1.25rem;
	}
	
	.tit1 a {
		color: #333333;
	}
	
	.tit1 em {
		font: 1rem "Microsoft YaHei";
		color: #666;
		padding-left: 8px;
	}
	
	.faq {
		display:none;
		width: 100%;
		overflow: hidden;
	}
	
	.faq dl {
		padding: 0.875rem 0;
	}
	
	.faq dt a {
		display: block;
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.875rem;
		height: 1.875rem;
		overflow: hidden;
		background: url(../images/q.gif) no-repeat left center;
		padding-left: 2.25rem;
		color: #333;
	}
	
	.faq dd {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.625rem;
		color: #666;
		background: url(../images/a.gif) no-repeat left 3px;
		padding-left: 2.25rem;
		margin-top: 0.25rem;
		
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical; 
		-webkit-line-clamp:1;
		
		
	}
	
	.about{
		margin-bottom: 1.25rem;
	}
	.about2 {
		/* background: url(../images/about_bg.jpg) no-repeat center top; */
		height: auto;
		overflow: hidden;
	}
	
	.about2 dl {
		width: 98%%;
		margin: 0 auto;
		padding: 1%;
	}
	
	.about2 dt {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.about2 dt img {
		display: block;
		width: 100%;
	}
	
	.about2 dd {
		width: 100%;
		float: left;
		padding-top: 1.25rem;
	}
	
	.about2 dd h3 a {
		display: block;
		font: 1.5rem "Microsoft YaHei";
		font-weight: bold;
		color: #333333;
		padding-bottom: 0.5rem;
	}
	
	.about2 dd p {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.75rem;
		height: auto;
		overflow: hidden;
		padding-top: 0.625rem;
		margin: 0px auto;
	}
	
	.about2 dd span a {
		display: block;
		width: 6.25rem;
		height: 1.875rem;
		background: #eb3434;
		font: 0.875rem Arial;
		text-align: center;
		line-height: 1.875rem;
		color: #fff;
		text-transform: uppercase;
		margin-top: 1.25rem;
		margin: 0px auto;
	}
	
	.pic {
		height: auto;
		/* background: url(../images/pic_bg.jpg) no-repeat center top; */
		padding-top: 50px;
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.pict {
		display: none;
		width: 250px;
		height: auto;
		float: left;
		overflow: hidden;
		background: #ec3434;
		padding-bottom: 20px;
	}
	.pict .pict_title{
		height: 70px;
		line-height: 70px;
		text-align: center;
		color: #ffffff;
		font-size: 22px;
		font-weight: bold;
	}
	
	.pict .pict_liebiao{
		background: #ffffff;
		width: 230px;
		margin: 0px 10px;
	}
	.pict li {
		width: 230px;
		height: 35px;
		line-height: 35px;
		background: url(../images/index_left_pro.jpg) no-repeat center; 
		margin: 0px auto;
		margin-bottom: 5px;
		font: 16px "Microsoft YaHei";
	}
	
	.pict li a {
		font-size: 16px;
		display: block;
		text-align: center;
		color: #666666;
		height: 35px;
		line-height: 35px;
	}
	
	.pict li em {
		display: block;
		padding-top: 6px;
		color: #3a4867;
		text-transform: lowercase;
	}
	
	.pict li a:hover,
	.pict .cur a {
		font-weight: bold;
		color: #333333;
		/* background: url(../images/pic_arr.png) no-repeat right 8px; */
	}
	
	.pict li a:hover em,
	.pict .cur em {
		font-weight: normal;
		color: #333333;
	}
	
	.pic1 {
		width: 100%;
		float: left;
		overflow: hidden;
		height: 700px;
	}
	
	.pic1 li {
		width: 286px;
		height: 166px;
		float: left;
		margin-right: 12px;
		overflow: hidden;
		border: #cccccc 1px solid;
		padding: 3px;
		text-align: center;
	}
	
	.pic1 li img {
		display: block;
		width: 282px;
		height: 183px;
	}
	
	.pic1 li a span{
		display: block;
		font-size: 16px;
	}
	
	.pic1 li a:hover img {
		width: 100%;
		border: 1px solid #eb3434;
	}
	
	.pic3{
		display: none;
	}
	
	
	.index_pro{
		width: 100%;
		height: 415px;
		margin-bottom: 30px;
	}
	.index_pro_img{
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		/* background: url(../images/index_pro_img_bj.jpg) no-repeat center; */
		background-size: 100% 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.index_pro_img img{
		width: 90%;
	}
	.index_pro_txt{
		float: left;
		width: 100%;
		height: auto;
	}
	
	.biaoti{
		font-size: 1.25rem;
		height: 3.125rem;
		line-height: 3.125rem;
		text-align: center;
	}
	.miaoshu{
		font-size: 0.875rem;
		line-height: 1.5rem;
	}
	.miaoshu span{
		display: block;
		width: 9.375rem;
		height: 2.8125rem;
		line-height: 2.8125rem;
		background: #eb3434;
		text-align: center;
		margin:0px auto;
	}
	.miaoshu span a{
		color: #ffffff;
	}
	
	.shoujipro{
		width: 98%;
		padding: 1%;
		height: auto;
		overflow: hidden;
		margin-bottom: 5%;
	}
	.shoujipro ul li{
		float: left;
		box-sizing: border-box;
		border: #efefef solid 1px;
	}
	.shoujipro li{
		width: 49.5%;
		height: auto;
		overflow: hidden;
		margin-right: 0.35%;
		text-align: center;
		margin-bottom: 3%;
	}
	.shoujipro li:nth-child(2n+2){
		margin-right: 0%;
	}
	.shoujipro li a img{
		width: 100%;
	}
	.shoujipro li a span{
		display: block;
	}
	
}






/* 手机网站样式开始 */
@media (max-width: 768px) {
	
	/*common*/
	.mb10 {
		margin-bottom: 10px;
	}
	
	.ml10 {
		margin-left: 10px;
	}
	
	.bg {
		background: #FFF;
	}
	
	em,
	i {
		font-style: normal;
	}
	
	body {
		width: 100%;
		overflow-x: hidden;
	}
	
	
	.arr3 {
		position: absolute;
		top: 690px;
		left: 50%;
		width: 9px;
		height: 17px;
		margin-left: -580px;
	}
	
	.arr4 {
		position: absolute;
		top: 690px;
		left: 50%;
		width: 9px;
		height: 17px;
		margin-left: -400px;
	}
	
	.tit {
		height: auto;
		text-align: center;
		position: relative;
		font: 1.5rem "Microsoft YaHei";
		color: #333;
		margin-bottom: 0.625rem;
	}
	
	/* .tit b{ display:inline-block; position:relative; padding-left:38px; margin-left:11px;}
	.tit b:before{ content:""; position:absolute; top:16px; left:0; width:20px; height:20px; background:url(../images/h.png) no-repeat;} */
	.tit a {
		display: block;
		color: #333;
	}
	
	.tit span {
		display: block;
		font: 1rem "Microsoft YaHei";
		color: #666;
		padding-top: 5px;
	}
	
	.yinz {
		height: auto;
		background: #ffffff;
		overflow: hidden;
	}
	
	.yinz dt {
		width: 100%;
		height: auto;
		overflow: hidden;
		border: 5px solid #fff;
		border-radius: 0.3rem;
		float: left;
	}
	
	.yinz dt img {
		display: block;
		width: 99%;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	
	.yinz dt a:hover img {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-transform: scale(1.1, 1.1);
	}
	
	.yinz dd {
		width: 100%;
		float: left;
		margin-top: 0.625rem;
		text-align: center;
	}
	
	.yinz dd h3 {
		font: 1.5rem "Microsoft YaHei";
		font-weight: bold;
		color: #eb3434;
	}
	
	.yinz dd h3 em {
		display: block;
		font: 1.5rem "Microsoft YaHei";
		color: #333;
	}
	
	.yinz dd p {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.875rem;
		color: #333;
		margin-top: 1.125rem;
	}
	
	.yinz dd p b {
		color: #eb3434;
		font-size: 18px;
	}
	
	.pro {
		height: 900px;
		padding-top: 90px;
		overflow: hidden;
	}
	
	.fen {
		width: 242px;
		border: 5px solid #eb3434;
		height: 670px;
		overflow: hidden;
	}
	
	.fen h2 {
		height: 64px;
		background: #eb3434;
		overflow: hidden;
		font: 24px "Microsoft YaHei";
		font-weight: bold;
		line-height: 64px;
		overflow: hidden;
	}
	
	.fen h2 a {
		display: block;
		color: #fff;
		padding-left: 24px;
	}
	
	.fen h3 {
		height: 47px;
		background: url(../images/fen_line.gif) repeat-x center top;
		overflow: hidden;
		font: 18px "Microsoft YaHei";
		font-weight: bold;
		line-height: 47px;
		overflow: hidden;
	}
	
	.fen h3 a {
		display: block;
		color: #333;
		padding-left: 22px;
		background: url(../images/fen_arr.png) no-repeat 210px;
	}
	
	.fen h3 a:hover {
		color: #006bc9;
	}
	
	.fen li {
		font: 15px "Microsoft YaHei";
		line-height: 35px;
		border-top: 1px solid #e5e5e5;
		overflow: hidden;
	}
	
	.fen li a {
		display: block;
		padding-left: 45px;
		background: url(../images/fen_arr2.png) no-repeat 25px center;
	}
	
	.fen li a:hover {
		font-weight: bold;
		color: #006cca;
		background: url(../images/fen_arr1.png) no-repeat 25px center;
	}
	
	.pro1 {
		width: 910px;
		overflow: hidden;
	}
	
	.pro2 {
		height: 430px;
		overflow: hidden;
		position: relative;
	}
	
	.pro2 dl {
		height: 412px;
		border: 1px solid #ccc;
		overflow: hidden;
	}
	
	.pro2 dt {
		width: 550px;
		height: 412px;
		float: left;
		overflow: hidden;
	}
	
	.pro2 dt img {
		display: block;
		width: 550px;
		height: 412px;
	}
	
	.pro2 dd {
		width: 295px;
		padding: 60px 35px 0 0;
		float: right;
		overflow: hidden;
	}
	
	.pro2 dd h3 a {
		display: block;
		font: 22px "Microsoft YaHei";
		font-weight: bold;
		line-height: 45px;
		height: 45xp;
		overflow: hidden;
		color: #333;
	}
	
	.pro2 dd .prodd {
		font: 14px "Microsoft YaHei";
		line-height: 30px;
	}
	
	.pro2 dd p {
		font: 14px "Microsoft YaHei";
		line-height: 30px;
	}
	
	.pro2 dd p b {
		font-size: 16px;
		color: #333;
	}
	
	.pro2 dd span {
		display: block;
		width: 149px;
		height: 42px;
		font: 16px "Microsoft YaHei";
		line-height: 42px;
		border-radius: 0.3rem;
		margin-top: 20px;
		background: #eb3434 url(../images/pro_arr.png) no-repeat 104px;
	}
	
	.pro2 dd span a {
		color: #fff;
		display: block;
		padding-left: 25px;
	}
	
	.arr1 a {
		display: block;
		width: 50px;
		height: 70px;
		background: rgba(38, 54, 90, 0.6);
		font: 30px "宋体";
		font-weight: bold;
		text-align: center;
		line-height: 70px;
		color: #fff;
		position: absolute;
		top: 40%;
		left: 0;
	}
	
	.arr2 a {
		display: block;
		width: 50px;
		height: 70px;
		background: rgba(38, 54, 90, 0.6);
		font: 30px "宋体";
		font-weight: bold;
		text-align: center;
		line-height: 70px;
		color: #fff;
		position: absolute;
		top: 40%;
		right: 0;
	}
	
	.pro4 li {
		width: 287px;
		float: left;
		margin-right: 25px;
	}
	
	.pro4 li img {
		display: block;
		width: 285px;
		height: 214px;
		border: 1px solid #d9d9d9;
	}
	
	.pro4 li em {
		display: block;
		font: 16px "Microsoft YaHei";
		line-height: 48px;
		height: 48px;
		overflow: hidden;
		color: #333;
		text-align: center;
	}
	
	.pro4 li a:hover img {
		border: 2px solid #eb3434;
		width: 281px;
		height: 210px;
	}
	
	.pro4 li a:hover em {
		display: block;
		color: #eb3434;
		font-weight: bold;
	}
	
	.jiag {
		height: auto;
		padding-top: 1.25rem;
		background: url(../images/jiag_bg.gif);
		overflow: hidden;
	}
	
	.jiag h2 {
		background: url(../images/jiag_h.gif) no-repeat;
		width: 198px;
		height: 38px;
		float: left;
		margin-bottom: 20px;
		overflow: hidden;
		font: 18px "Microsoft YaHei";
		text-align: center;
		line-height: 38px;
		color: #fff;
		overflow: hidden;
	}
	
	.jiag h2 a {
		display: block;
		color: #fff;
	}
	
	.jiagt {
		width: 450px;
		float: right;
		height: 38px;
		font: 14px "Microsoft YaHei";
		overflow: hidden;
	}
	
	.jiagt a {
		display: block;
		margin: 0 18px;
		float: left;
		line-height: 30px;
		height: 31px;
		position: relative;
	}
	
	.jiagt a:before {
		content: "";
		position: absolute;
		top: 9px;
		right: -18px;
		width: 1px;
		height: 10px;
		background: url(../images/jiag_line.gif) no-repeat right center;
	}
	
	.jiagt a:last-child:before {
		background: none;
		margin-right: 0;
	}
	
	.jiagt a:hover,
	.jiagt .cur {
		border-bottom: 3px solid #eb3434;
	}
	
	.jiag1 {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.jiag2 {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.jiag3 {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.jiag3 li {
		width: 49%;
		float: left;
		height: auto;
		overflow: hidden;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	
	.jiag3 li:nth-child(2n+2){
		margin-right: 0px;
	} 
	
	.jiag3 li img {
		display: block;
		width: 100%;
		height: 133px;
	}
	
	.jiag4 {
		display: none;
		width: 959px;
		height: 541px;
		overflow: hidden;
		float: right;
	}
	
	.jiag4 dl {
		height: 541px;
		position: relative;
		overflow: hidden;
	}
	
	.jiag4 dt img {
		display: block;
		width: 959px;
		height: 541px;
	}
	
	.jiag4 dd {
		background: rgba(255, 255, 255, 0.8);
		width: 959px;
		height: 50px;
		position: absolute;
		bottom: 0;
		font: 16px "Microsoft YaHei";
		text-align: center;
		color: #333;
		line-height: 50px;
	}
	
	.case {
		height: auto;
		margin-top: 1.875rem;
		margin-bottom: 1.875rem;
		overflow: hidden;
	}
	
	.case dl {
		height: auto;
		background: #f7f7f7;
		overflow: hidden;
	}
	
	.case dt {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.case dt img {
		display: block;
		width: 100%;
		height: auto;
	}
	
	.case dd {
		display: block;
		width: 98%;
		float: left;
		padding: 1%;
		overflow: hidden;
	}
	
	.case dd h3 {
		font: 1.5rem "Microsoft YaHei";
		font-weight: bold;
		color: #333;
		padding-bottom: 0.75rem;
		position: relative;
		text-align: center;
	}
	
	.case dd h3 a {
		display: block;
		color: #333;
	}
	
	.case dd h3 em {
		display: block;
		font: 1.5rem Arial;
		color: #d7d7d7;
		text-transform: uppercase;
	}
	
	.case dd h3:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 64px;
		height: 1px;
		/* background: #eb3434; */
	}
	
	.case dd p {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.75rem;
		height: auto;
		margin: 0.625rem 0 1.25rem;
		text-align: left;
	}
	
	.case dd span {
		display: block;
		width: 10.125rem;
		height: 2.625rem;
		background: #eb3434;
		font: 0.875rem "Microsoft YaHei";
		text-align: center;
		line-height: 2.625rem;
		color: #fff;
		margin: 0px auto;
	}
	
	.case dd span a {
		color: #fff;
		display: block;
	}
	
	.case li {
		margin: 36px 30px 0 0;
		width: 380px;
		height: 285px;
		float: left;
		overflow: hidden;
		position: relative;
	}
	
	.case li img {
		display: block;
		width: 380px;
		height: 285px;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	
	.case li a:hover img {
		-webkit-transform: scale(1.1, 1.1);
		-moz-transform: scale(1.1, 1.1);
		-transform: scale(1.1, 1.1);
	}
	
	.case li em {
		display: block;
		width: 380px;
		height: 50px;
		background: rgba(38, 54, 90, 0.6);
		font: 14px "Microsoft YaHei";
		text-align: center;
		line-height: 50px;
		color: #fff;
		overflow: hidden;
		position: absolute;
		bottom: 0;
	}
	
	.case .nones {
		margin-right: 0;
	}
	
	.par {
		height: 235px;
		overflow: hidden;
	}
	
	.par li {
		width: 275px;
		float: left;
		margin-right: 30px;
	}
	.par li:last-child{
		margin-right: 0px;
	}
	
	.par li img {
		display: block;
		width: 275px;
		height: 195px;
		border: 1px solid #ccc;
	}
	
	.par li em {
		display: block;
		font: 14px "Microsoft YaHei";
		line-height: 55px;
		height: 55px;
		color: #333;
		overflow: hidden;
		text-align: center;
	}
	
	.par li a:hover img {
		border: 1px solid #eb3434;
		width: 275px;
		height: 195px;
	}
	
	.par li a:hover em {
		color: #eb3434;
		font-weight: bold;
	}
	
	.ys {
		display: none;
		height: auto;
		background: url(../images/jiag_bg.gif);
		overflow: hidden;
		margin-bottom: 50px;
	}
	
	.ys1 {
		overflow: hidden;
		background: url(../images/ys_bg.jpg) no-repeat center top;
		height: 670px;
	}
	
	.ys .tit {
		padding-top: 60px;
		color: #fff;
	}
	
	.ys .tit span {
		color: #fff;
	}
	
	.yst {
		padding: 0 0 0 75px;
		height: 100px;
		overflow: hidden;
	}
	
	.yst li {
		width: 245px;
		float: left;
		border-bottom: 1px solid rgba(53, 152, 219, 0);
		margin-right: 35px;
		height: 59px;
		font: 16px "Microsoft YaHei";
		line-height: 58px;
		color: #fff;
	}
	
	.yst li span {
		display: block;
		width: 27px;
		height: 25px;
		float: left;
		margin: 17px 9px 0 25px;
		overflow: hidden;
		position: relative;
	}
	
	.yst li span img {
		display: block;
		width: 27px;
		height: 25px;
	}
	
	.yst li em {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	.yst li i {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
		transform: translate3d(0, 0, -65px) rotate3d(1, 0, 0, 90deg);
		-webkit-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		-webkit-transition: all 0.4s linear;
		transition: all 0.4s linear;
	}
	
	.yst li:hover em,
	.yst .cur em {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
		transform: translate3d(0, 65px, 0) rotate3d(1, 0, 0, -90deg);
	}
	
	.yst li:hover i,
	.yst .cur i {
		opacity: 1;
		visibility: visible;
		-webkit-transform: rotate3d(1, 0, 0, 0deg);
		transform: rotate3d(1, 0, 0, 0deg);
	}
	
	.yst li:hover,
	.yst .cur {
		font-weight: bold;
		color: #eb3434;
		border-bottom: 1px solid rgba(235, 52, 52, 1);
		background: rgb(255,255,255,0.1);
	}
	
	.ys2 {
		height: 675px;
		overflow: hidden;
	}
	
	.ys2 dl {
		position: relative;
	}
	
	.ys2 dl dt{
		font-size: 15px;
		color: #ffffff;
		line-height: 28px;
	}
	.ys2 dl dt span{
		float: left;
		width: 45%;
		margin-right: 3%;
	}
	.ys2 dt img {
		display: block;
		width: 1200px;
		height: 675px;
	}
	
	.ys2 dd {
		height: 120px;
		background: rgba(38, 54, 90, 0.9);
		position: absolute;
		bottom: 0;
		width: 1200px;
		bottom: 0;
	}
	
	.ys2 dd h3 {
		font: 24px "Microsoft YaHei";
		color: #fff;
		width: 280px;
		float: left;
		margin: 27px 0 0 60px;
		padding-right: 30px;
		height: 59px;
		border-right: 1px solid #8991a3;
	}
	
	.ys2 dd h3 em {
		display: block;
	}
	
	.ys2 dd p {
		width: 730px;
		float: right;
		padding: 25px 60px 0 0;
		font: 14px "Microsoft YaHei";
		line-height: 26px;
		color: #fff;
	}
	
	/* 新闻 */
	
	.new {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.new .tit b,
	.about .tit b {
		padding-left: 0;
		margin-left: 0;
	}
	
	.new .tit b:before,
	.about .tit b:before {
		background: none;
	}
	
	.dy {
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	
	.dy dl {
		width: 100%;
		height: 4.25rem;
		padding: 0.625rem 0rem;
		overflow: hidden;
	}
	
	.dy dt {
		width: 10%;
		font: 1.8rem Arial;
		color: #030303b;
		text-align: center;
		float: left;
	}
	
	.dy dt em {
		display: block;
		font: 0.875rem "Microsoft YaHei";
	}
	
	.dy dd {
		width: 88%;
		float: left;
		overflow: hidden;
		margin-left: 2%;
	}
	
	.dy dd h3{
		font-size: 1.25rem;
	}
	
	.dy dd h3 a {
		display: block;
		font: 1rem "Microsoft YaHei";
		line-height: 1.875rem;
		color: #333;
		height: 1.875rem;
		overflow: hidden;
	}
	
	.dy dd p {
		font: 0.8375rem "Microsoft YaHei";
		line-height: 1.5rem;
		text-indent: 2rem;
	}
	
	.dy dd h3 a:hover,
	.faq dt a:hover {
		font-weight: bold;
		color: #eb3434;
	}
	
	.more {
		padding: 1rem;
		border-top: 0.0625rem solid #ccc;
		margin-top: 0.9375rem;
	}
	
	.more a {
		display: block;
		width: 6.25rem;
		height: 1.75rem;
		border: 1px solid #ccc;
		font: 0.875rem "Microsoft YaHei";
		text-align: center;
		line-height: 1.75rem;
		margin: 0px auto;
	}
	
	.more a:hover {
		border: 1px solid #eb3434;
		background: #eb3434;
		color: #fff;
		-webkit-transition: all 0.7s;
		transition: all 0.7s;
		transition-property: background;
		-moz-transition-property: background;
		/* Firefox 4 */
		-webkit-transition-property: background;
		/* Safari 和 Chrome */
		-o-transition-property: background;
	}
	
	.tit1 {
		height: 2.5rem;
		font: 1rem "Microsoft YaHei";
		font-weight: bold;
		line-height: 2.5rem;
		overflow: hidden;
		color: #eb3434;
		background: url(../images/new_line.gif) no-repeat left bottom;
		margin-bottom: 1.25rem;
	}
	
	.tit1 a {
		color: #333333;
	}
	
	.tit1 em {
		font: 1rem "Microsoft YaHei";
		color: #666;
		padding-left: 8px;
	}
	
	.faq {
		display:none;
		width: 100%;
		overflow: hidden;
	}
	
	.faq dl {
		padding: 0.875rem 0;
	}
	
	.faq dt a {
		display: block;
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.875rem;
		height: 1.875rem;
		overflow: hidden;
		background: url(../images/q.gif) no-repeat left center;
		padding-left: 2.25rem;
		color: #333;
	}
	
	.faq dd {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.625rem;
		color: #666;
		background: url(../images/a.gif) no-repeat left 3px;
		padding-left: 2.25rem;
		margin-top: 0.25rem;
		
		overflow: hidden;
		text-overflow: ellipsis;
		display:-webkit-box;
		-webkit-box-orient:vertical; 
		-webkit-line-clamp:1;
		
		
	}
	
	.about{
		margin-bottom: 1.25rem;
	}
	.about2 {
		/* background: url(../images/about_bg.jpg) no-repeat center top; */
		height: auto;
		overflow: hidden;
	}
	
	.about2 dl {
		width: 98%%;
		margin: 0 auto;
		padding: 1%;
	}
	
	.about2 dt {
		width: 100%;
		height: auto;
		float: left;
		overflow: hidden;
	}
	
	.about2 dt img {
		display: block;
		width: 100%;
	}
	
	.about2 dd {
		width: 100%;
		float: left;
		padding-top: 1.25rem;
	}
	
	.about2 dd h3 a {
		display: block;
		font: 1.5rem "Microsoft YaHei";
		font-weight: bold;
		color: #333333;
		padding-bottom: 0.5rem;
	}
	
	.about2 dd p {
		font: 0.875rem "Microsoft YaHei";
		line-height: 1.75rem;
		height: auto;
		overflow: hidden;
		padding-top: 0.625rem;
		margin: 0px auto;
	}
	
	.about2 dd span a {
		display: block;
		width: 6.25rem;
		height: 1.875rem;
		background: #eb3434;
		font: 0.875rem Arial;
		text-align: center;
		line-height: 1.875rem;
		color: #fff;
		text-transform: uppercase;
		margin-top: 1.25rem;
		margin: 0px auto;
	}
	
	.pic {
		height: auto;
		/* background: url(../images/pic_bg.jpg) no-repeat center top; */
		padding-top: 50px;
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.pict {
		display: none;
		width: 250px;
		height: auto;
		float: left;
		overflow: hidden;
		background: #ec3434;
		padding-bottom: 20px;
	}
	.pict .pict_title{
		height: 70px;
		line-height: 70px;
		text-align: center;
		color: #ffffff;
		font-size: 22px;
		font-weight: bold;
	}
	
	.pict .pict_liebiao{
		background: #ffffff;
		width: 230px;
		margin: 0px 10px;
	}
	.pict li {
		width: 230px;
		height: 35px;
		line-height: 35px;
		background: url(../images/index_left_pro.jpg) no-repeat center; 
		margin: 0px auto;
		margin-bottom: 5px;
		font: 16px "Microsoft YaHei";
	}
	
	.pict li a {
		font-size: 16px;
		display: block;
		text-align: center;
		color: #666666;
		height: 35px;
		line-height: 35px;
	}
	
	.pict li em {
		display: block;
		padding-top: 6px;
		color: #3a4867;
		text-transform: lowercase;
	}
	
	.pict li a:hover,
	.pict .cur a {
		font-weight: bold;
		color: #333333;
		/* background: url(../images/pic_arr.png) no-repeat right 8px; */
	}
	
	.pict li a:hover em,
	.pict .cur em {
		font-weight: normal;
		color: #333333;
	}
	
	.pic1 {
		width: 100%;
		float: left;
		overflow: hidden;
		height: 700px;
	}
	
	.pic1 li {
		width: 286px;
		height: 166px;
		float: left;
		margin-right: 12px;
		overflow: hidden;
		border: #cccccc 1px solid;
		padding: 3px;
		text-align: center;
	}
	
	.pic1 li img {
		display: block;
		width: 282px;
		height: 183px;
	}
	
	.pic1 li a span{
		display: block;
		font-size: 16px;
	}
	
	.pic1 li a:hover img {
		width: 100%;
		border: 1px solid #eb3434;
	}
	
	.pic3{
		display: none;
	}
	
	
	.index_pro{
		width: 100%;
		height: 415px;
		margin-bottom: 30px;
	}
	.index_pro_img{
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		/* background: url(../images/index_pro_img_bj.jpg) no-repeat center; */
		background-size: 100% 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.index_pro_img img{
		width: 90%;
	}
	.index_pro_txt{
		float: left;
		width: 100%;
		height: auto;
	}
	
	.biaoti{
		font-size: 1.25rem;
		height: 3.125rem;
		line-height: 3.125rem;
		text-align: center;
	}
	.miaoshu{
		font-size: 0.875rem;
		line-height: 1.5rem;
	}
	.miaoshu span{
		display: block;
		width: 9.375rem;
		height: 2.8125rem;
		line-height: 2.8125rem;
		background: #eb3434;
		text-align: center;
		margin:0px auto;
	}
	.miaoshu span a{
		color: #ffffff;
	}
	
	.shoujipro{
		width: 98%;
		padding: 1%;
		height: auto;
		overflow: hidden;
		margin-bottom: 5%;
	}
	.shoujipro ul li{
		float: left;
		box-sizing: border-box;
		border: #efefef solid 1px;
	}
	.shoujipro li{
		width: 49.5%;
		height: auto;
		overflow: hidden;
		margin-right: 0.35%;
		text-align: center;
		margin-bottom: 3%;
	}
	.shoujipro li:nth-child(2n+2){
		margin-right: 0%;
	}
	.shoujipro li a img{
		width: 100%;
	}
	.shoujipro li a span{
		display: block;
	}
	
}