ul,li{ list-style:none;}


.jb{-webkit-transition: background 0.5s linear; -moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;  }

.ny_zt{ width:100%; height:auto; float:left; background:#f2f2f2;}

.ny_left{ width:50%; height:100%; min-height:640px; float:left; background:#fff; margin-top:20px;}

.ny_left .ny_left_nr{ width:94%; margin:3%; float:left;}

.ny_left .ny_left_nr p{ float:left; width:auto; padding-bottom:5px; border-bottom:2px solid #d70a30; color:#e70012; font-size:18px;}

.ny_left .ny_left_nr span{ float:left; width:100%;color:#898989; font-family: Arial, Helvetica, sans-serif; line-height:24px; font-size:14px;}

.ny_left .ny_left_nr2{ width:94%; margin:3%; margin-bottom:0px; float:left; margin-top:20px;}

.ny_left .ny_left_nr2 p{ float:left; width:auto; padding-bottom:5px; border-bottom:2px solid #d70a30; color:#e70012; font-size:18px;}
.pro{ width:100%; bottom:50px}
.pro ul{ width:100%; float:left}
.pro li{ width:27%; height:70px; float:left; margin-left:5%; margin-bottom:60px;  margin-top: 50px;}
.pro .top1{ margin-bottom:80px;}
.pro li a{  float:left; color:#fff; font-size:40px;}



 .ny_left_nav{ width:94%; margin:10px 3% 0 3%;; float:left; }

 .ny_left_nav li{ width:100%; height:30px; line-height:30px; text-align:left; font-size:14px; font-weight:bold;-webkit-transition: background 0.5s linear; -moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear; }

 .ny_left_nav li a{background:url(../images/por_tb.png) no-repeat left top; padding-left:30px;color:#000;-webkit-transition: background 0.5s linear; -moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear; font-family:Arial, Helvetica, sans-serif;}

 .ny_left_nav li a span{ color:#c6c6c6; font-weight:normal;}

 .ny_left_nav li a:hover{color:#f00;}

 .ny_left_nav .back{ width:70px; height:70px; float:left; border-radius:35px; background:#000; color:#fff; text-align:center; line-height:70px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:10px 0 0 0;}

 .ny_left_nav .back:hover{background:#f00;}

.ny_left .ny_left_nav2{ width:94%; margin:10px 3% 0 3%;; float:left; padding-bottom:30px;}

.ny_left .ny_left_nav2 li{ width:100%; height:50px; line-height:50px;-webkit-transition: background 0.5s linear; -moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;text-align:center; font-size:24px; font-weight:normal; }

.ny_left .ny_left_nav2 li span{ color:#c6c6c6; font-weight:normal;}

.ny_left .ny_left_nav2 li:hover{color:#f00;}

.ny_left .ny_left_nav2 .back{ width:70px; height:70px; float:left; border-radius:35px; background:#000; color:#fff; text-align:center; line-height:70px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:10px 0 0 0;}

.ny_left .ny_left_nav2 .back:hover{background:#f00;}


.ny_left .ny_left_nav3{ width:94%; margin:10px 3% 0 3%;; float:left; padding-bottom:30px;}

.ny_left .ny_left_nav3 li{ width:100%; height:24px; line-height:24px; text-align:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; -webkit-transition: background 0.5s linear; -moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear; }

.ny_left .ny_left_nav3 li a{ background:url(../images/por_tb.png) no-repeat left top; padding-left:30px;color:#000;-webkit-transition: background 0.5s linear; -moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear; font-family: Arial, Helvetica, sans-serif;}

.ny_left .ny_left_nav3 li a span{ color:#c6c6c6; font-weight:normal;}

.ny_left .ny_left_nav3 li a:hover{color:#f00;}

.ny_left .ny_left_nav3 .back{ width:70px; height:70px; float:left; border-radius:35px; background:#000; color:#fff; text-align:center; line-height:70px; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:10px 0 0 0;}

.ny_left .ny_left_nav3 .back:hover{background:#f00;}








.ny_right{ width:50%; float:right;}

.ny_right .ny_right_tu{ width:94%; height:auto;  margin:3%; float:left;}

.ny_right .news img{ }

.ny_right .ny_right_tu .ny-con-2{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:30px;}

.ny_right .ny_left_nr{ width:94%; margin:3%; float:left;}

.ny_right .ny_left_nr p{ float:left; width:auto; padding-bottom:5px; border-bottom:3px solid #f00; color:#f00; font-size:24px;}

.ny_right_tu ul{ width:100%; height:auto; margin:0 0 0 0; overflow:hidden;}

.ny_right_tu ul li{ width:100%;height:146px;float:left;-webkit-transition: background 0.5s linear; -moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear; font-size:14px; margin:20px 0 0 20px; border-bottom:1px dashed #ccc;}

.ny_right_tu ul li a{width:100%;height:146px;float:left;-webkit-transition: background 0.5s linear; -moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear; font-size:14px;}

.ny_right_tu ul li .time{ width:82px; height:87px; float:left; background:#d97872;}

.ny_right_tu ul li .time span{ text-align:center; line-height:30px;width:82px; height:67px; margin:15px 0 0 0; float:left; font-size:14px;color:#fff;}

.ny_right_tu ul li .time b{ font-size:30px;}

.ny_right_tu ul li:hover .time{ width:82px; height:87px; float:left; background:#0ec3f7;}

.ny_right_tu ul li .Mi_7_nr_zt{ width:80%; height:auto; float:left; margin:0 0 0 30px;}

.ny_right_tu ul li .Mi_7_nr_zt .Mi_7_nr_bt{ width:100%; height:26px; font-size:14px; color:#000; font-weight:bold;border-bottom:1px solid #ccc;}

.ny_right_tu ul li .Mi_7_nr_zt .Mi_7_nr_wz{ width:100%; height:auto; line-height:24px; font-size:14px; color:#443c3c; margin:10px 0 0 0;}

.ny_right_tu ul li .Mi_7_nr_zt .Mi_7_nr_more{ width:100%; height:auto; line-height:24px; font-size:14px; color:#0ec3f7; margin:10px 0 0 0;}

.ny_right_tu ul li:hover .Mi_7_nr_zt .Mi_7_nr_more{ width:100%; height:auto; line-height:24px; font-size:14px; color:#d11010; margin:10px 0 0 0;}


.new-zt{width:100%; height:auto; float:left; border-bottom: #ccc solid 1px;}
.new-nr-1{width:30%; height:auto; float:left;}
.new-nr-1-tu{width:33%; height:auto; float:left;}
.new-nr-1-sj{width:66%; height:auto; float:left; color:#000; line-height: 28px}
.new-nr-2{width:25%; height:auto; float:left; font-size:12px;}
.new-nr-2-1{ height:auto; float:left;}
.new-nr-2-2{width:100%; height:auto; float:left; height:70px; overflow:hidden}
.new-nr-3{width:15%; height:auto; float:left; }
.new-nr-3-1{margin-top:20px}

.new-nr-4{width:20%; height:auto; float:left; }
.new-nr-4 img{ width:60%; margin-bottom:20px}

.new-nr-2-2 a{ color:#000;}
.new_img{width:50px; float:left; background:url(../images/PDF.GIF) no-repeat; height:50px; }

 .news{width:100%;float:left; margin-top:20px;}
 .news li{ width:100%; height:auto; background:#ccc;float:left; height:40px; overflow:hidden; font-size:14px; }
 .news li span{ width:17.5%; text-transform:uppercase; float:left; color:#333; text-align:center; height:40px; line-height:40px; border-left:1px solid #fff; box-sizing:border-box;}
 .news li + li{ background:none; height:100%; min-height:120px; display:table;}
 
 .news li a{ width:100%; float:left; color:#000; text-align:center;}
 .news li a img{ max-width:100%;}
 .news li dd{display:table-cell; width:17.5%; vertical-align:middle;text-align:center;height:100%;font-size:12px;line-height:20px; border-bottom:1px solid #ccc; box-sizing: border-box;}
 .news li dd:nth-child(2n){ background:#ddd; font-size:16px;}
 .news li dd:nth-child(3){width:30%; color:#666;font-size:14px; line-height:24px; text-align:left; padding:0 2%;}
 .news li dd:nth-child(5) img{ margin:10% auto;}
 .news li dd b{ font-size:14px; color:#000; font-size:14px; line-height:40px; width:100%; float:left;}
 .news li span:nth-child(3){width:30%;}
 .news li span:nth-child(1){border-left:none;}
 .news li p{ margin:0;}
 
 .page_zt{ width:100%; float:left; margin:50px 0 0;}
.page_zt ul{ width:auto !important; display:table; margin:auto !important;}
.ym{ height:40px; width:40px; background:#ccc; margin:0 5px;color:#fff; text-align:center; line-height:40px; font-size:12px; padding:5px 12px;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.ym:hover{background:#f00;color:#fff;-webkit-transition: all 0.3s ease-in-out 0s;   -moz-transition: all 0.3s ease-in-out 0s;  -o-transition: all 0.3s ease-in-out 0s;  -ms-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
.ym2{ height:40px; width:40px; background:#f00;margin:0 5px; text-align:center; line-height:40px; font-size:12px; font-weight:bold; padding:5px 12px;}

 .contactCard {
 	margin-top: 100px;
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	position: relative;
}
.contactCard .contactInfo {
	width: 500px;
	height: 500px;
	text-align: center;
	padding: 0 66px;
	box-sizing: border-box;
}
.contactCard .contactInfo .img {
	width: 200px;
	height: 200px;
	position: relative;
	width: 100%;
}
.contactCard .contactInfo .img img {
	position: absolute;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.contactCard .contactInfo .companyName {
	font-size: 36px;
	line-height: 1.5;
	margin-top: 20px;
}
.contactCard .contactInfo .subName {
	font-size: 21px;
	line-height: 1.5;
	text-align: left;
	margin-left: 9px;
}
.contactCard .contactInfo .address {
	font-size: 16px;
	text-align: left;
	padding-left: 36px;
	box-sizing: border-box;
	margin-top: 20px;
	line-height: 2;
}
.contactCard .contactInfo .addressEN {
	font-size: 14px;
	text-align: left;
	margin-left: 36px;
	line-height: 1.2;
}
.contactCard .contactInfoRight .name {
	font-family: unset;
	text-align: left;
	color: #000;
	line-height: 1.5;
	top: 90px;
	position: relative;
}
.contactCard .contactInfoRight .nameEN {
	text-align: left;
	font-weight: bold;
	color: #000;
	line-height: 1.5;
	top: 90px;
	position: relative;
}
.contactCard .contactInfoRight .name span {
	font-size: 26px;
	float: unset;
	color: #000;
	width: 120px;
	text-align: left;
	display: inline-block;
}
.contactCard .contactInfoRight .nameEN span {
	font-size: 24px;
	font-weight: bold;
	color: #000;
	width: 120px; 
	text-align: left;
	display: inline-block;
	padding-left: 2px;
	box-sizing: border-box;
}
.contactCard .contactInfoRight ul {
	text-align: left;
	margin-top: 152px;
}
.contactCard .contactInfoRight ul li {
	width: 100%;
	height: 34px;
	padding-left: 36px;
	box-sizing: border-box;
	line-height: 34px;
	text-align: left;
}
.contactCard .contactInfoRight .website {
	color: #bf0a24;
	font-size: 20px;
	text-align: left;
	margin-top: 28px;
}
.erweima {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
}

 
 @media screen and (min-width:1366px) and (max-width:1439px)
{

.pro li{ margin-bottom:10px;}
.pro .top1{ margin-bottom:30px;}
.pro li a{ font-size:33px;}
	}
	
@media screen and (min-width:1440px) and (max-width:1599px)
{

.pro li{ margin-bottom:10px;}
.pro .top1{ margin-bottom:30px;}
.pro li a{ font-size:33px;}
	}
@media screen and (min-width:1600px) and (max-width:1919px)
{

.pro li{ margin-bottom:20px;}
.pro .top1{ margin-bottom:55px;}
.pro li a{ font-size:36px;}
	}
