body{font-family: "Microsoft YaHei";position: relative;}

.content{ width:1400px; margin:0 auto; }

i,em,b{font-style: normal;}

.tit01{font-size: 40px; text-align: center; font-family: "Microsoft YaHei";color: #010101;font-weight:bold; }

.tit01 a{color: #232323; }

.tit01 i{ font-weight: normal; display: block;font-size:20px;color: #232323; padding-top: 10px;}

/**/

.banner{max-height: 881px;overflow: hidden;}

.banner img{width: 100%;display: block;}

.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 45px; height: 45px; margin-top: -50px;border: 0; outline: none;}

.banner .slick-prev {left: 13%; display: none; background:url(../image/lefts.png) no-repeat center center;}

.banner .slick-next {right: 13%; display: none;background:url(../image/rights.png) no-repeat center center;}

.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 8%;width: 300px;text-align: center;margin-left: -175px;z-index: 11;}

.slick-dots li {display: inline-block;margin: 0 8px; }

.slick-dots li button {display: block;background: #1d8bbc;width: 10px;height: 10px;color: #1d8bbc; border-radius: 10px;border-color:#1d8bbc; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

.slick-dots .slick-active button {background-color: #fff;border-color: #fff;width: 10px;}



.search{height:120px;overflow: hidden;font-size: 14px;font-family:"Microsoft Yahei";}

.keywords{ margin-top:28px;font-weight: normal;width: 830px; overflow: hidden; float: left;}



.keywords i{display: block;}

.keywords b{height:32px; display: inline-block; color: #2a2a2a; font-weight: bold; font-size:16px;  line-height: 32px;}

.keywords a{color: #2a2a2a;line-height:32px; font-size: 15px;}

.sc{overflow: hidden;  float: right;margin-top:32px;font-size: 16px;color: #666666;background:url(../image/tel.png) no-repeat left center;padding-left: 50px;}

.sc b{display: block;font-size: 30px;color: #1d8bbc; font-weight: normal;}

.sc b i{margin-left: 20px;}

@media screen  and (max-width:1401px) {

.search .content{width:1300px;}

.keywords{width:660px; white-space: nowrap;text-overflow: ellipsis;}



}



/* 企业优势 */

.index_about {

			padding: 30px 0;

			background: url(../image/yz_bg2.jpg) no-repeat;

		}

		

		.clearfloat:after {

			display: block;

			clear: both;

			content: "";

		}

		

		.inab_left,

		.inab_right {

			width: 50%;

		

			float: left;

		

			padding-right: 15px;

		

			padding-left: 15px;

		

			box-sizing: border-box;

		}

		

		.row {

		

			margin-right: -15px;

		

			margin-left: -15px;

		

		}

		

		.row:after,

		.row:before {

			display: table;

			content: " ";

		

			-webkit-box-sizing: border-box;

		

			-moz-box-sizing: border-box;

		

			box-sizing: border-box;

		}

		

		.row:after {

			clear: both;

		}

		

		.inab_left .inab_tit {

			font-size: 30px;

			line-height: 36px;

			font-weight: bold;

		}

		

		.inab_left .inab_tit em {

			color: #232323;

		}

		

		.inab_left .inab_con {

			font-size: 16px;

			color: #666;

			line-height: 30px;

			margin: 50px 0;

		}

		

		.inab_h3 {

			display: block;

			font-size: 24px;

			color: #232323;

			line-height: 0px;

			padding-top: 26px;
			font-weight: normal;

		}


		.inab_img {

			overflow: hidden;

		}

		

		.inab_img img:hover {

			transform: scale(1.2);

		}

		

		.inab_ulcon {

			position: relative;

			z-index: 2;

			width: 100%;

			box-shadow: 5px 6px 15px #777575;

			background-color: #fff;

		}

		

		.inab_ulcon ul li {

			float: left;

			width: 25%;

			text-align: center;

			margin: 30px 0;

			text-align: center;

			border-right: 1px solid #ddd;

			box-sizing: border-box;

		}

		

		.inab_ulcon ul li span {

			display: block;

			font-size: 42px;

		}

		

		.inab_ulcon ul li p {

			margin-top: 20px;

			font-size: 16px;

			color: #000;

			line-height: 24px;

		}

		

		.inab_ulcon ul li:hover img {

			transform: rotateY(180deg);

		}

		

		.inab_link a {

			display: block;

			height: 50px;

			line-height: 50px;

			width: 160px;

			text-align: center;

			font-size: 16px;

			color: #fff;

			background-color: #cb0000;

			margin-top: 100px;

		}

		

		

		.donghua {

			transition: all 0.3s;

			-webkit-transition: all 0.3s;

			-moz-transition: all 0.3s;

			-o-transition: all 0.3s;

		}

		

		

		

		.titletong {

			text-align: center;

			margin-bottom: 40px;

		}

		

		.titletong h2 {

			font-size: 36px;

			line-height: 36px;

			font-weight: bold;

		}

		

		.titletong p {

			font-size: 16px;

			color: #333;

			line-height: 20px;

			padding-top: 20px;

		}

		

		

		

		

		/* 产品展示 */

		.index_product {

			margin: 50px auto;

		}

		

		.index_cpitem {

			margin-bottom: 30px;

		}

		

		.index_pronavul {

			text-align: center;

			margin-bottom: 30px;

			font-size: 0;

		}

		

		.index_pronavul li {

			display: inline-block;

			text-align: center;

			height: 50px;

			background-color: #f5f5f5;

			line-height: 50px;

			margin: 0 11px;

		}

		

		.index_pronavul li a {

			display: block;

			font-size: 16px;

			padding: 0 104px;

			color: black;

		}

		

		.index_pronavul li:hover {

			background-color: #1d8bbc;

		}

		

		.index_pronavul li:hover a {

			color: #fff;

		}

		

		.index_procur {

			background-color: #1d8bbc !important;

		}

		.index_pronavul li.index_procur a{

			color: #fff;

		}

		.index_pronavlist .inrowitme {

			display: none;

		}

		

		.index_pronavlist .inrowitme:first-child {

			display: block;

		}

		

		.index_procur a {

			color: #fff;

		}

		

		.index_cpitem a {

			display: block;

			height: 100%;

			position: relative;

			overflow: hidden;

		}

		

		.mBox2Img {

			position: relative;

			overflow: hidden;

		}

		

		.mBox2Img>img {

			

		    height: 310px;

			vertical-align: middle;

			width: 100%;

			margin: 0 auto;

			transform: scale(1, 1);

			-webkit-transform: scale(1, 1);

			transition: All 0.4s ease-in-out;

			-webkit-transition: All 0.6s ease-in-out;

		}

		

		.mBox2Line {

			position: absolute;

			left: 50%;

			bottom: 0;

			width: 0;

			height: 6px;

			background: #a41435;

			transition: all 0.6s ease-out 0.2s;

			-webkit-transition: all 0.6s ease-out 0.2s;

		}

		

		.mBox2Shadow {

			position: absolute;

			left: 0;

			bottom: 0;

			width: 100%;

			height: 50px;

			transition: all 0.3s ease-out 0s;

			-webkit-transition: all 0.3s ease-out 0s;

			background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));

			background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));

			background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));

			background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));

		}

		

		.mBox2Conbg {

			position: absolute;

			left: 0;

			bottom: 0;

			width: 100%;

			height: 50px;

			transition: all 0.3s ease-out 0s;

			-webkit-transition: all 0.3s ease-out 0s;

		}

		

		.mBox2_name {

			text-align: center;

			color: #FFFFFF;

			width: 100%;

			overflow: hidden;

		}

		

		.mBox2_name h4 {

			font-size: 16px;

			line-height: 50px;

			margin: 0 auto;

			transition: all 0.3s ease-out 0s;

			-webkit-transition: all 0.3s ease-out 0s;

			width: 100%;

			overflow: hidden;

			text-overflow: ellipsis;

			white-space: nowrap;

		}

		

		.mBox2Brief {

			width: 100%;

			font-size: 15px;

			color: #ffffff;

			padding: 5px 10px 15px;

			transform: translateY(100px);

			-webkit-transform: translateY(100px);

		}

		

		.mBox2Ico {

			margin: 0 auto;

			background: url() center center no-repeat;

			width: 24px;

			height: 24px;

			transform: translateY(100px);

			-webkit-transform: translateY(100px);

		}

		

		.index_cpitem a:hover .mBox2Img>img {

			transform: scale(1.1);

			-webkit-transform: scale(1.1);

		}

		

		.index_cpitem a:hover .mBox2Line {

			width: 100%;

			left: 0;

		}

		

		.index_cpitem a:hover .mBox2Shadow {

			height: 100%;

			background: rgb(74 74 73 / 80%);

		}

		

		.index_cpitem a:hover .mBox2Conbg {

			height: 100%;

			display: -webkit-box;

			display: -ms-flexbox;

			display: -webkit-flex;

			display: flex;

			-webkit-box-pack: center;

			-ms-flex-pack: center;

			-webkit-justify-content: center;

			justify-content: center;

			-webkit-box-align: center;

			-ms-flex-align: center;

			-webkit-align-items: center;

			align-items: center;

		}

		

		.index_cpitem a:hover .mBox2_name h4 {

			font-size: 18px;

			font-weight: bold;

		}

		

		.index_cpitem a:hover .mBox2Brief {

			transform: translateY(0px);

			-webkit-transform: translateY(0px);

			transition: all 0.3s ease-out 0.2s;

			-webkit-transition: all 0.3s ease-out 0.2s;

		}

		

		.index_cpitem a:hover .mBox2Ico {

			transform: translateY(0px);

			-webkit-transform: translateY(0px);

			transition: all 0.3s ease-out 0.3s;

			-webkit-transition: all 0.3s ease-out 0.3s;

		}

		

		.img-responsive {

			display: block;

		}

		

		.index_cpitem {

			text-align: center;

			transition: All 0.4s ease-in-out 0.3s;

			-webkit-transition: All 0.4s ease-in-out 0.3s;

			-moz-transition: All 0.4s ease-in-out 0.3s;

			-o-transition: All 0.4s ease-in-out 0.3s;

		

		}

		

		.donghua {

			transition: all 0.3s;

			-webkit-transition: all 0.3s;

			-moz-transition: all 0.3s;

			-o-transition: all 0.3s;

		}

		

		.index_pronavlist {

			padding: 0px 5%;

		}

		

		.index_pronavlist .index_cpitem {

			width: calc((100% - 150px)/4);

			margin-right: 50px;

			margin-bottom: 50px;

			float: left;

		}

		

		.index_pronavlist .index_cpitem:nth-child(4n) {

			margin-right: 0;

		}











.sp{display:none;}



.fastbj{height:auto;padding:30px 0 55px;background:#f8f8f8;}

.fastbj .content{width: 1300px;margin:0 auto;}

.fastbj h3{height:62px;line-height: 62px;color: #1d8bbc;background-image:-webkit-gradient(linear,left 0, right 0, from(#398567), to(#264e43));-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative; font-size: 24px;margin-bottom: 25px;}

.fastbj h3:after{content:'';position:absolute;height:3px;width:1300px;background:url(../image/fast_line.png) no-repeat left bottom;bottom:0;left:0px; z-index: 1;}

.fastbj dl{width:212px; float: left;padding-left:22px;box-sizing: border-box;background: url(../image/fastico.png) no-repeat left 13px;}

.fastbj dt a{height: 40px;line-height: 40px;text-align: left;color:#212121; font-weight: bold;font-size: 18px;}

.fastbj dd a{display: block;color:#333333; font-size: 14px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 30px;}

.fastbj dd a:last-child{color:#1d8bbc;font-size: 12px;}

.fastbj dl:nth-child(5),.fastbj dl:nth-child(6){width:175px}



/**/

.cpbj{height: auto;overflow: hidden;box-sizing: border-box; font-family: "Microsoft YaHei";padding-top:100px;background-color: #fff;}

.cpbj dt{margin-bottom: 40px;}

.cp{width:100%;background:#ffffff;clear: both;overflow: hidden;position: relative;}

.cp_nav{ width: 100%; height:64px;border-top:1px solid #dedede4f;}

.cp_nav ul{width:1300px;margin:0 auto;}

.cp_nav li{height:64px;line-height: 64px;text-align: center; font-size: 18px;color: #333333; float: left;width:300px;position: relative;}

.cp_nav li::after{content:'';position:absolute; top:25px;right:-2px; width:2px; height:16px;background:url(../image/cp_line.gif) no-repeat;}

.cp_nav li::before{content:'';position:absolute; bottom:0;left:50%;margin-left:-7px; width:0; height:0;border-bottom: 7px solid #fff;border-left:7px solid rgba(0, 0, 0, 0);border-right:7px solid rgba(0, 0, 0, 0);}

.cp_nav li:last-child::after{width:0;}

.cp_nav li a{color: #000;}

.cp_nav li p{display: none;padding:15px 25px; box-sizing: border-box;background:#fff;position: relative;z-index: 9;}

.cp_nav li p a{display: block;height:20px;line-height: 20px;text-align: center;color: #333333;font-size: 16px;border-bottom: 1px solid #cccccc;}

.cp_nav li p a:last-child{border-bottom: 0;}

.cp_nav li.on{background:#1d8bbc;color: #fff;}

.cp_nav li.on a{color: #fff;}

.cp_nav li:hover{background:#1d8bbc;color: #fff;}

.cp_nav li:hover::after{width:0;}

.cp_nav li:hover a{color: #fff;}

.cp_nav li:hover p{display: block;}

.cp_nav li:hover p a{color: #333333;}

.cp_nav li:hover p a:hover{color: #1d8bbc;font-weight: bold;}

.cp .jt {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 45px; height: 45px; margin-top: -50px;border: 0; outline: none;}

.cp .cp-prev {left: 13%; background:url(../image/lefts.png) no-repeat center center;}

.cp .cp-next {right: 13%;background:url(../image/rights.png) no-repeat center center;}

.cp dl{width:100%;position: relative;}

.cp dl dt{width:100%;}

.cp dl dt img{width: 100%;display: block;}

.cp dd{height:140px;padding:20px 0 0 20px; background:rgba(0, 0, 0, 0.75);position: absolute;left:50%;margin-left:-600px; bottom: 50px;width: 1300px;box-sizing: border-box;}

.cp dd .desc{width: 460px; float: left;}

.cp dd .desc img{width:140px;height:87px;border:6px solid #fff; float: left;margin-right: 28px;}

.cp dd b{font-size: 24px;color: #ffffff; line-height:40px;font-weight:  normal; float: left;margin:5px 0; display:block;}

.cp dd p{font-size: 14px;color: rgba(255, 255, 255, 0.7);line-height: 24px;float: left;width:280px;}

.cp dd p em{color: #28d28f;}

.cp dd ul{clear: both;overflow: hidden;float: right;margin-top:10px;}

.cp dd li{width:140px;height:100px; float: left;text-align: center;font-size: 18px;line-height: 50px;color: #fff;position: relative;}

.cp dd li::after{content:'';position:absolute; top:0px;right:0px; width:1px; height:39px;background:#828282;}

.cp dd li img{width:54px;height:42px;display: block;margin:0 auto;}

.cp dd li:last-child:after{width:0;}

/**/

.cpbj2{height: auto;overflow: hidden; padding:5px 0 50px; box-sizing: border-box; font-family: "Microsoft YaHei";background-color: #fff;}

.cp2_tit{ width:1400px;margin:0 auto;height:50px;line-height: 50px;margin-bottom: 60px;}

.cp2_tit h3{color: #1d8bbc;float: left;font-size: 40px;}

.cp_l{background:url(../image/cp_l.png) no-repeat;width:50px;height:50px;float: right;margin-right: 5px;}

.cp_r{background:url(../image/cp_r.png) no-repeat;width:50px;height:50px;float: right;}

.cp2{ width:1400px;margin:0 auto; overflow:hidden}

.cp2_nr{width:1660px;padding-left:15px;margin-left: -15px;}

.cp2_nr img{width:100%; display: block;}

.cp2_nr dl{width:310px; float: left;margin-right: 15px;border:1px solid #dcdcdc;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;margin-top:10px;}

.cp2_nr dt{width:310px;height: 245px;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;position: relative;}

.cp2_nr dt .cp1{opacity: 1;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;position: absolute;left:0;top:0;}

.cp2_nr dt .cp11{opacity: 0;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;position: absolute;left:0;top:0;}

.cp2_nr dd{width:100%;padding: 15px 6px 0;height:80px; text-align: center;box-sizing: border-box;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}

.cp2_nr dd li{height:35px;font-size: 18px;color: #333333;font-weight: bold;line-height: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }

.cp2_nr dd li a{color: #333;}

.cp2_nr dd p{ line-height: 26px;color:#333333;font-size: 16px;text-align: center;}

.cp2_nr dl:hover{width:310px;margin-top:0px;}

.cp2_nr dl:hover dt{width:310px;height:245px;}

.cp2_nr dl:hover dt .cp1{opacity: 0;}

.cp2_nr dl:hover dt .cp11{opacity: 1;transform: scale(1.02);left:-12px;}

.cp2_nr dl:hover dd{transform: scale(1.02);}

@media screen and (max-width:1401px) {

.cp2_tit,.cp2{width: 1300px;}

}

/**/

.tdbj{height: 824px;overflow: hidden; background:url(../image/cpysbg.jpg) no-repeat center top;background-size: cover; padding:92px 0 0; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto; }

.td{ width:1400px;margin:0 auto;position: relative;margin-top: 80px;}

.td li{ font-size: 16px;color: #666666;text-align: left; line-height: 28px;position: absolute;}

.td li:after{content:'';position:absolute;height:22px;width:22px;background:#aeaeae;border-radius: 100%;}

.td li h4{font-size: 31px;color: #242424;line-height: 62px; position: relative; font-weight: normal;}

.td li p b{color: #000000; font-weight: normal;}

.td li p{margin-bottom: 30px;}

.td li .td_btn{width:118px;height:36px;line-height: 36px;text-align: center;color: #fff;font-size: 16px;background:#cb0000;display: block;opacity: 0;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}

.td li:nth-child(1){width:292px;padding-right: 80px;left:50px;top:0;}

.td li:nth-child(1):before{content:'';position:absolute;width:86px; height:122px;background:url(../image/td_line1.png) no-repeat;right: -74px;top: 30px;}

.td li:nth-child(1):after{right:0;top:20px;}

.td li:nth-child(2){width:287px;padding-left: 66px;right:40px;top:70px;}

.td li:nth-child(2):before{content:'';position:absolute;width:66px; height:132px;background:url(../image/td_line2.png) no-repeat;left: -55px;top: 30px;}

.td li:nth-child(2):after{left:0;top:20px;}

.td li:nth-child(3){width:270px;padding-right: 32px;left:102px;top:282px;}

.td li:nth-child(3):before{content:'';position:absolute;width:105px; height:127px;background:url(../image/td_line3.png) no-repeat;right: -94px;top: -15px;}

.td li:nth-child(3):after{right:0;top:110px;}

.td li:nth-child(4){width:282px;padding-left: 45px;right:75px;top:318px;}

.td li:nth-child(4):before{content:'';position:absolute;width:55px; height:97px;background:url(../image/td_line4.png) no-repeat;left: -44px;top: 10px;}

.td li:nth-child(4):after{left:0;top:110px;}

.td li:nth-child(3) p,.td li:nth-child(4) p{margin-bottom: 5px;}

.td li:nth-child(3) h4,.td li:nth-child(4) h4{margin-bottom: 15px;}

.td li.cur  h4{color: #232323;}

.td li.cur::after{background:#232323;}

.td li.cur p b{font-weight: bold;}

.td li.cur .td_btn{opacity: 1;}



.tdbj .dianhua {
	align-items: center;
	margin: 0 auto;
	text-align: center;
	justify-content: center;
	display: flex;
	margin-top: 15rem;
  }
  .tdbj .dianhua img {
	margin-right: 20px;
  }
  .tdbj .dianhua span {
  }
  .tdbj .dianhua>p {
	font-size: 16px;
	line-height: 30px;
	font-weight: 700;
	color: #555555;
	font-family: Microsoft YaHei;
  }
  
  .tdbj .dianhua .s1 p {
	color: #cb0000;
	font-size: 28px;
	line-height: 30px;
	font-weight: 700;
	font-family: Arial;
  }
  .tdbj .dianhua .s2 {
	width: 8.9em;
	background-image: url(../image/hdh.png);
	/* background: #cb0000; */
	color: #ffffff;
	line-height: 2.1;
	text-align: center;
	border-radius: 2em;
	font-size: 14px;
	font-family: Microsoft YaHei;
	margin-left: 2.5em;
	display: block;
  }
  .tdbj .dianhua .s2:hover {
	opacity: 0.8;
  }
  
  @media (max-width: 1290px) {
	.tdbj .title .p3 {
	  font-size: 1.8vw;
	}
  }
  @media (max-width: 1200px) {
	.tdbj .blieve {
	  padding: 50px 0;
	}
	.tdbj .title .p3 {
	  font-size: 32px;
	}
	.f1 {
	  width: 48%;
	}
	.f2 {
	  display: none;
	}
	.f3 {
	  width: 48%;
	}
	.tdbj .middle .d1 {
	  margin-top: 0;
	}
	.tdbj .middle .d22,
	.tdbj .middle .d2 {
	  margin-left: 0;
	}
	.tdbj .middle .p0134,
	.tdbj .middle .p0143 {
	  padding: 0;
	  text-align: left;
	  margin: 0;
	  line-height: 2;
	  height: 4em;
	  
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
	}
	.tdbj .middle .p0134 br,
	.tdbj .middle .p0143 br {
	  display: none;
	}
  }
  @media (max-width: 990px) {
	.tdbj .blieve {
	  padding: 45px 0;
	}
	.tdbj .title .p3 {
	  font-size: 28px;
	}
	.tdbj .middle .d1 .p012,
	.tdbj .middle .d2 .p012,
	.tdbj .middle .d22 .p012 {
	  font-size: 20px;
	}
	.tdbj .dianhua {
	  width: 100%;
	  flex-wrap: wrap;
	}
	.tdbj .dianhua span {
	  clear: both;
	  float: none;
	  width: 100%;
	  display: block;
	  margin: 1em 0;
	}
	.tdbj .dianhua .s2 {
	  margin: 0;
	}
	.tdbj .dianhua .s1 p {
	  font-size: 26px;
	}
  }

  @media (max-width: 640px) {

	.tdbj .title .p3 {
	  font-size: 24px;
	}
	.tdbj .title .p3 span:last-child {
	  display: block;
	}
	.tdbj .middle {
	  flex-flow: column;
	}
	.f1 {
	  width: 100%;
	}
	.f3 {
	  width: 100%;
	}
	.tdbj .middle .d1 .p011,
	.tdbj .middle .d2 .p011 {
	  font-size: 20px;
	}
	.tdbj .middle .d1,
	.tdbj .middle .d22, 
	.tdbj .middle .d2 {
	  margin-bottom: 15px;
	}
	.tdbj .middle .p0134, 
	.tdbj .middle .p0143 {
	  font-size: 14px;
	}
	.tdbj .dianhua img {
	  width: 24px;
	  margin-right: 15px;
	}
	.tdbj .dianhua>p {
	  font-size: 14px;
	}
	.tdbj .dianhua .s1 p {
	  font-size: 22px;
	}
  }
  
























@media screen and (max-width:1401px) {

.tdbj{background:url(../image/cpysbg.jpg) no-repeat center top;background-size: cover;}

.td{width: 1300px;}

.td li:nth-child(1){left:38px;}

.td li:nth-child(2):after{top:98px;}

.td li:nth-child(3){left:108px;}

.td li:nth-child(4){right:35px;top:312px;}

.td li:nth-child(1):before,.td li:nth-child(2):before,.td li:nth-child(3):before,.td li:nth-child(4):before{width:0;}

}

/**/

.pzbj{padding:92px 0 0; box-sizing: border-box; font-family: "Microsoft YaHei";background: url(../image/pzbg.jpg) no-repeat center top;}

.pzbj dt{margin-bottom: 60px;color: #fff;}

.pzbj dt i{color:#fff;}

.pz{width: 1300px;margin: 0 auto;position: relative;}

.pz ul{height: 116px; clear: both;overflow: hidden;}

.pz li{ font-size:16px;width:310px;color: #fff;text-align: center;  float: left;}

.pz li b{ font-size: 50px;color: #ffffff; position: relative;}

.pz li b i{ font-size: 25px;}

.pz li em{font-weight: normal;display: block;}

.pz li p{font-weight: lighter;}

/*case*/

.casebj{padding-top:80px; box-sizing: border-box; font-family: "Microsoft YaHei";margin-bottom: 20px;background:url(../image/case_bj.jpg) no-repeat;}

.casebj b{margin-bottom: 40px; display:block;}

.case_box{width: 1400px;height: 600px; margin: 0 auto;position: relative;box-shadow: 0 0 5px #eeeeee;}

.case_t{width: 335px;height: 100%;background:#fff;border-top:4px solid #969696; float: left;}

.case_t li{height: 55px;text-align: left;border-bottom: 1px solid #ececec;box-sizing: border-box;padding-top:0.458vw;position: relative;z-index: 1;padding-right: 1.5625vw;cursor:pointer;}

.case_t li i{margin-top: 5px;display: block;height: 26px;width:26px;float: left; margin-left:1.5625vw;margin-right:0.78125vw;overflow: hidden;border-radius: 100%; font-size: 18px;font-weight: bold;background: #0e0e0c;color: #fff;text-align: center; line-height: 26px;}

.case_t li h3{ font-size: 18px;color: #000000;font-weight: normal; float: left;line-height: 35px;}

.case_t li h3 span{display: block;}

.case_t li em{color: #999999;font-size: 14px; float: right;display: block; line-height: 35px;}

.case_t li h3 p{ font-size: 12px;color: #cacaca;}

.case_t li.cur,.case_t li:hover{background: #ececec;}

.case_t li.cur i,.case_t li:hover i{background:#1d8bbc;}

.case_t li.cur em,.case_t li:hover em{color: #174a37;}

.case_tel{background:#232323 url(../image/casetelbg.jpg) no-repeat;width: 335px;height:156px;padding:22px 22px 0;box-sizing: border-box;}

.case_tel img{width:92px;display: block;float: right;}

.casetel { float: left;}

.casetel p{font-size: 14px;color: #ffffff;}

.casetel p b{display: block; font-size: 24px;color: #ffffff; line-height: 40px;margin-bottom: 10px;}

.casetel span{display: block;width:172px;height:33px;line-height: 33px;border-radius: 9px; font-size: 15px;color: #ffffff;border:1px solid #fff;text-align: center;}

.case_bd{position: relative;width:1065px;height:600px;float: right;}

.case_l{background:url(../image/cp_l.png) no-repeat;width:50px;height:50px;position:absolute;left:20px;top:50%;margin-top:-25px;z-index:1;opacity: 0.8;}

.case_r{background:url(../image/cp_r.png) no-repeat;width:50px;height:50px;position:absolute;right:20px;top:50%;margin-top:-25px;z-index:1;opacity: 0.8;}

.case_con{position: relative;width:1065px;height:600px;}

.case_con dl{position: relative;}

.case_con dt img{display: block;width: 100%;height:600px;}

.case_con dd{height:155px;background:rgba(0, 0, 0, 0.4);position: absolute;left:0;bottom: 0;width: 100%;padding:1.5625vw 1.822vw 0 2.6vw;box-sizing: border-box;}

.case_con .desc{width: 72%; float: left;}

.case_con dd h4{font-size: 0.5rem;color: #fcfcfc; line-height: 1rem;}

.case_con dd h4 a{color: #fcfcfc;}

.case_con dd p{font-size: 14px;color: rgba(255, 255, 255, 0.8);line-height: 26px;}

.case_con dd p a{color: #28d28f;}

.case_con dd span{display: block;float: right;width:140px;}

.case_con dd span img{display: block;width:100%;}

@media screen and (max-width:1401px) {

.case_box{width: 1300px;}

.case_bd{width:865px;}

.case_con{width:865px;}

}

/**/

.hzbj{padding:0px;width: 1400px;margin: 0 auto;position: relative;}

.hz_l{background:url(../image/hz_l.png) no-repeat;width:20px;height:34px;position: absolute;left: -45px;top:50%;margin-top:-17px;}

.hz_r{background:url(../image/hz_r.png) no-repeat;width:20px;height:34px;position: absolute;right: -45px;top:50%;margin-top:-17px;}

.hz {}

.hz li{width:16.498%;border:1px solid #d3d3d3;float: left;overflow: hidden;}

.hz li img{width:100%; max-height:116px;display: block;margin:0 auto;}

.hz li img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}

.hz li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

@media screen and (max-width:1401px) {

.hzbj{width: 1300px;}

.hz_l,.hz_r{display: none;}

}

/**/

.ysbj{ position: relative; box-sizing: border-box; background:#fff; overflow: hidden; clear: both; font-family:"Microsoft Yahei";margin: 100px 0 60px 0;}

.ysbj dt{ margin-bottom: 100px;}

.ys{width:100%;  position: relative;background:#166385;clear: both;overflow: hidden;}

.ys_video{width:50%; float: left;position: relative;}

.ys_video img{width:100%; display: block;position: absolute;left:0;top:0;z-index: 1;cursor: pointer;}

.ys_nr{width:50%;float: right;}

.yss dl{width:624px;position:relative;float: left;margin-left: 3.645vw;}

.yss dt{ height: 11.197vw;margin-top: 1.041vw;}

.yss dt img{ display:block;width:14.635vw; float: left;margin-right: 0.3645vw;}

.yss dd{ box-sizing: border-box;padding:4.375vw 0 0;}

.yss dd  h4{font-size: 0.95rem;color:#fff; background:url(../image/ys_line.png) no-repeat left bottom;margin-bottom: 1.041vw;padding-bottom: 1.041vw;}

.yss dd p{font-size:16px; color:#fff;  line-height: 30px; text-align: left;padding-left: 20px;background:url(../image/ysico.png) no-repeat left 0.625vw;}

.yss dd span{ display: block;float: right;margin-top:1.145vw;}

.yss dd span img{width:4.166vw;height:4.166vw; display: block;float: left;margin-left: 0.9375vw;}

.ys_hd{width:100%;height: 160px;border-bottom: 1px solid #e6e6e6;}

.ys_hd ul{width:1400px;margin:0 auto;}

.ys_hd ul li{float:left;width:20%;height: 160px;cursor:pointer;border-right: 1px solid #e6e6e6;box-sizing: border-box;padding:50px 20px 0 40px;}

.ys_hd ul li h4{ font-size:22px;color: #000000;height: 35px;}

.ys_hd ul li h4 em{display: block;float: right;color: rgba(169, 169, 169, 0.49); font-size: 26px;}

.ys_hd ul li p{ font-size: 22px;color: #000000;}

.ys_hd ul .on h4{font-size: 28px;color: #1d8bbc;}

.ys_hd ul .on p{font-size: 24px;color: #1d8bbc;}

.ys_hd ul .on  em{ color: #1d8bbc;background: linear-gradient(to right, #30bdfa, #1d8bbc);

-webkit-background-clip: text;

color: transparent;color: #1d8bbc\9\0;}

@media screen and (max-width:1401px) {

.yss dl{width:524px;}

.ys_hd ul{width: 1300px;}

.ys_hd ul li{padding:50px 20px 0;}

}

/**/

.newsbj{ background:#f3f3f3 url(../image/newsbg.jpg) no-repeat center top;padding:130px 0 60px;overflow: hidden; font-family:"Microsoft Yahei";box-shadow: 5px 8px 10px #e4e5e6;margin-top: 20px;}

.newsbj b{margin-bottom: 22px; display:block;}

.news{width:1300px;  position: relative;margin:0 auto;}

.newstit{height:50px;margin-bottom: 15px;}

.newstit h3{ height: 50px;line-height: 50px;font-size:24px;color: #666666; font-weight: normal;}

.newstit h3 a{color: #666666;padding:0 22px;}

.newstit h3 a:nth-child(1){padding-left:0;background: url(../image/newstit1.gif) no-repeat right center;}

.newstit span{float: right;font-size:14px;color: #1d1d1d;font-family: Arial;height: 50px;line-height: 50px;}

.newstit h3 a.cur{font-weight: bold;color: #1d8bbc;}

.news1{width:660px;float: left;}

.news1 dl{background:#f3f3f3;height:462px;}

.news1 dt{width:660px;height:371px;overflow: hidden;}

.news1 dt img{width: 100%;display: block;}

.news1 dd{padding:15px 0 0 30px; box-sizing: border-box;width:660px;}

.news1 dd h4{font-size:20px;color:#000000;height: 32px;line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;}

.news1 dd h4 a{color:#000000}

.news1 dd h4 em{display: inline-block;width:57px;height:32px;line-height: 32px;font-size: 16px;color: #fff;font-weight: bold;background:url(../image/tt.png) no-repeat;text-align: center;margin-right: 20px;}

.news1 dd p{ line-height: 40px;font-size: 14px;color:#666666;}

.news1 ul{background: #f3f3f3;}

.news1 li{width: 660px;padding-left: 33px;box-sizing: border-box;height: 42px; line-height: 42px;border-bottom: 1px dashed #e3e3e3;background: url(../image/newsico1.png) no-repeat 5px center;}

.news1 li p{width:520px; float: left; font-size: 16px;color:#333333; line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height: 42px;}

.news1 li i{ font-size: 13px;color: #999999;display: block; float: right;}

.news1 li:last-child{border-bottom: 0;}

.news2{width:580px;float: right;}

.news2 dl{background:#f3f3f3;height:362px;}

.news2 dt{width:580px;height:260px;overflow: hidden;}

.news2 dt img{width: 100%;display: block;}

.news2 dd{padding:10px 0 0 0px; box-sizing: border-box;}

.news2 dd h4{font-size:18px;color:#333333;height: 32px;line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}

.news2 dd h4 a{color:#333333}

.news2 dd p{ line-height: 25px;font-size: 14px;color:#666666;}

.news2 dd p a{color: #2a5a4b;}

.news2 ul{background: #f3f3f3;}

.news2 li{width: 580px;box-sizing: border-box;height: 38px; line-height: 38px;border-bottom: 1px dashed #e3e3e3;background: url(../image/newsico2.png) no-repeat right center;}

.news2 li p{width:500px; font-size: 16px;color:#333333; line-height: 38px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height: 38px;}

.news2 li em{ font-size: 13px;display: inline-block; float:left; width:20px;height:20px;line-height: 20px;text-align: center; margin-right: 20px;background:#999999;color: #fff;margin-top:12px;}

/* .news2 li:nth-child(-n+4){border-bottom: 1px dashed #e3e3e3;}

.news2 li:nth-child(-n+5){background: url(../image/newsico2.png) no-repeat right center;} */

.news2 li:hover{background: url(../image/newsico2cur.png) no-repeat right center;}

.news2 li:hover em{background:#232323;}

.news2 li:hover p{font-weight: bold;color: #232323;}

.news dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}

.news dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

/**/

.aboutbj{background:url(../image/about.jpg) no-repeat center;height:750px;max-width: 1920px;margin:0 auto; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;padding-top:216px;}

.about{width:1022px;margin:0 auto;position: relative; }

.about dl dd{width: 1022px;text-align: center;}

.about dl dd li{font-size: 45px;margin-bottom:40px;}

.about dl dd li a{color:#000; font-weight:bold;}

.about dl dd li span{display: block; font-size: 22px;color:#000; font-weight: normal;}

.about dl dd p{color: #000;font-size: 16px; height: 84px;line-height: 30px; text-align: center;}

.about dl dd p a{color: #000;}

.abt_btn{display: block;width:199px;height:47px;line-height: 47px;font-size:16px;color: #ffffff;background: url(../image/abt_video.png) no-repeat;box-sizing: border-box;padding-left: 52px;text-align: left;margin:44px auto;cursor: pointer;}

/**/

.help_cut{height:322px;width: 1400px;margin:40px auto;background: #fff;position: relative;}

.help_cut a{text-decoration: none;}

.help_nav{ height: 43px; clear: both;width: 1400px;margin-bottom: 15px;}

.help_nav span{display: block;height:43px;line-height: 43px;font-size: 14px;text-align: center;float: right;}

.help_nav span a{color: #232323;}

.help_nav ul{width: 1400px;height: 43px;}

.help_nav li{ height: 43px;line-height: 43px;border:1px solid #dcdcdc;width:135px; margin-right: 20px;font-size:18px; font-weight: lighter; color: #000000;text-align: center;float: left; box-sizing: border-box;position: relative;}

.help_nav li a{color: #000000; text-decoration: none; }

.help_nav li:after{content:'';position:absolute;bottom:-8px;left:50%;margin-left: -12px; border-top:8px solid #cb0000;border-left: 12px solid rgba(0, 0, 0, 0);border-right: 12px solid rgba(0, 0, 0, 0);opacity: 0;}

.help_nav li.cur{background:#cb0000;border-color: #b90101;}

.help_nav li.cur a{color: #fff;}

.help_nav li.cur::after{opacity: 1;}

.m_help{ height:265px;width: 1400px; position: relative; }

.xc{width:1400px;  overflow: hidden;}

.xc li{ width:318px;position:relative;margin-right:9px; float: left; overflow: hidden;}

.xc li img{ display:block;width:318px; height:220px;}

.xc li em{height: 32px;font:16px "Microsoft YaHei"; line-height:40px; color:#333333; overflow:hidden; display: block; text-align: center;  -webkit-transition:all .5s;transition:all .5s;width: 100%;box-sizing: border-box;}

.xc li a{ text-decoration: none; }

.xc li:hover em{bottom:0;}

.xc li img,.xc li em{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}

.xc li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

/**/

.link_bj{height:0;line-height:25px;position: relative;z-index: 9;width: 1300px;margin: 0 auto;font-size: 13px;color:#666;background:#004540;}

.link{width:960px;position: absolute;left: 0;top: -42px;height:25px;text-align: left;}

.link dt{font-size:14px ;font-weight:normal; text-transform: uppercase; width: 80px; float: left;height: 24px; line-height: 24px;color:#c3c3c3;}

.link p{   font-size: 14px;overflow: hidden; line-height: 24px; color:rgba(153, 153, 153, 0.5);}

.link p a{ color:#c3c3c3; font-size: 14px;  text-align: left;display: block;float: left;padding-right: 3%;}

.link p a:hover{color: #fff;}

@-webkit-keyframes spin{

from {

-webkit-transform: rotate(0deg);

transform: rotate(0deg);

}

50% {

-webkit-transform: rotate(180deg);

transform: rotate(180deg);

}

to {

-webkit-transform: rotate(360deg);

transform: rotate(360deg);

}

@keyframes spin {

from {

-webkit-transform: rotate(0deg);

transform: rotate(0deg);

}

50% {

-webkit-transform: rotate(180deg);

transform: rotate(180deg);

}

to {

-webkit-transform: rotate(360deg);

transform: rotate(360deg);

}

/*animation*/

@-webkit-keyframes hvr-buzz-out {

10% {

-webkit-transform: translateX(3px) rotate(2deg);

transform: translateX(3px) rotate(2deg);

}

20% {

-webkit-transform: translateX(-3px) rotate(-2deg);

transform: translateX(-3px) rotate(-2deg);

}

30% {

-webkit-transform: translateX(3px) rotate(2deg);

transform: translateX(3px) rotate(2deg);

}

40% {

-webkit-transform: translateX(-3px) rotate(-2deg);

transform: translateX(-3px) rotate(-2deg);

}

50% {

-webkit-transform: translateX(2px) rotate(1deg);

transform: translateX(2px) rotate(1deg);

}

60% {

-webkit-transform: translateX(-2px) rotate(-1deg);

transform: translateX(-2px) rotate(-1deg);

}

70% {

-webkit-transform: translateX(2px) rotate(1deg);

transform: translateX(2px) rotate(1deg);

}

80% {

-webkit-transform: translateX(-2px) rotate(-1deg);

transform: translateX(-2px) rotate(-1deg);

}

90% {

-webkit-transform: translateX(1px) rotate(0);

transform: translateX(1px) rotate(0);

}

100% {

-webkit-transform: translateX(-1px) rotate(0);

transform: translateX(-1px) rotate(0);

}

@keyframes hvr-buzz-out {

10% {

-webkit-transform: translateX(3px) rotate(2deg);

transform: translateX(3px) rotate(2deg);

}

20% {

-webkit-transform: translateX(-3px) rotate(-2deg);

transform: translateX(-3px) rotate(-2deg);

}

30% {

-webkit-transform: translateX(3px) rotate(2deg);

transform: translateX(3px) rotate(2deg);

}

40% {

-webkit-transform: translateX(-3px) rotate(-2deg);

transform: translateX(-3px) rotate(-2deg);

}

50% {

-webkit-transform: translateX(2px) rotate(1deg);

transform: translateX(2px) rotate(1deg);

}

60% {

-webkit-transform: translateX(-2px) rotate(-1deg);

transform: translateX(-2px) rotate(-1deg);

}

70% {

-webkit-transform: translateX(2px) rotate(1deg);

transform: translateX(2px) rotate(1deg);

}

80% {

-webkit-transform: translateX(-2px) rotate(-1deg);

transform: translateX(-2px) rotate(-1deg);

}

90% {

-webkit-transform: translateX(1px) rotate(0);

transform: translateX(1px) rotate(0);

}

100% {

-webkit-transform: translateX(-1px) rotate(0);

transform: translateX(-1px) rotate(0);

}