@charset "utf-8";

/*全局控制*/
body {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 32px;
  font-family: Arial, "微软雅黑";
  -webkit-text-size-adjust: none;
  color: #333;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
p {
  margin: 0;
  padding: 0;
}

input,
select,
textarea {
  font-size: 16px;
  line-height: 16px;
  font-family: Arial, "微软雅黑";
}

img {
  border: 0;
}

ul,
li {
  list-style-type: none;
}

a {
  color: #333;
  text-decoration: none;
}

a:hover {
  color: #e60012
}

.tc {
  text-align: center;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.dis {
  display: block;
}

.undis {
  display: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cl {
  clear: both;
}

.fb {
  font-weight: bold;
}

.fnb {
  font-weight: 200;
  margin-left: -1px;
}

.hr_1,
.hr_10 {
  font-size: 1px;
  line-height: 1px;
  clear: both;
  background: #ddd;
}

.hr_1 {
  height: 1px;
}

.hr_10 {
  height: 10px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
  outline: none;
}

table {
  border-color: #aaa;
  border-spacing: 0;
  border: 1px;
  border-collapse: collapse;
}



.mainbox {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}

.nymainbox {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}

.hsbj {
  width: 100%;
  background: #f4f4f4;
  padding: 60px 0;
}

.hsbg {
  width: 100%;
  background: #f8f8f8;
}



.sytopbg {
  width: 100%;
  height: 90px;
}

.sytop {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  height: 90px;
}

.logo {
  float: left;
  width: 410px;
  height: 50px;
  padding: 20px 0;
}

.logo img {
  float: left;
  margin-right: 10px;
  max-width: 218px;
}

.logo span {
  float: left;
  line-height: 60px;
  font-size: 24px;
  color: #333;
  font-weight: bold;
}

.logo span b {
  color: #e60012;
}



.topright {
  float: right;
}



.toptel {
  float: right;
  padding-left: 25px;
  margin-top: 35px;
  margin-left: 20px;
  line-height: 20px;
  background: url(../images/toprighttel.png) left center no-repeat
}

.toptel span {
  font-size: 14px;
  color: #fff;
}

.toptel h3 {
  font-size: 24px;
  font-weight: 600;
  color: #e60012;
}



.hd_search {
  position: relative;
  width: 28px;
  height: 28px;
  margin-top: 31px;
  float: left;
}

.hd_search .hd_search_form {
  width: 28px;
  height: 28px;
  box-sizing: border-box;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  overflow: hidden;
  border: 1px #eee solid;
  transition: all .5s ease;
  border-radius: 24px;
}

.hd_search_btn {
  width: 26px;
  height: 26px;
  float: right;
  padding: 0;
  display: block;
  cursor: pointer;
  border: none;
  color: #5c5c5c;
}

.hd_search_box {
  line-height: 26px;
  font-size: 14px;
  width: 0;
  height: 26px;
  position: absolute;
  top: 0;
  right: 30px;
  z-index: 2;
  margin: 0;
  border: none;
  transition: all .5s ease;
}

.hd_search:hover .hd_search_form {
  width: 200px;
}

.hd_search:hover .hd_search_box {
  width: 160px;
}

.hd_search .topfadz {
  display: inline-block;
  width: 26px;
  height: 26px;
  background: #fff url(../images/topsearch.png) center center no-repeat;
}



.yuyan {
  float: right;
  margin-left: 20px;
  height: 90px;
  line-height: 90px;
  position: relative;
}

.yuyan h3 {
  font-size: 14px;
  color: #666;
  font-weight: normal;
}

.yuyan h3 i {
  display: inline-block;

  vertical-align: middle;

  width: 18px;

  height: 18px;

  border-radius: 100%;

  -moz-border-radius: 100%;

  -webkit-border-radius: 100%;

  -o-border-radius: 100%;

  background: #aaa url(../images/language_icon_2.gif) no-repeat center center;

  background-size: cover;

  margin-right: 6px;

  margin-top: -3px
}

.yuyan ul {
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 90px;
  z-index: 999;
  text-align: center;
  overflow: hidden;
  height: 0;
  transition: all .5s ease;
}

.yuyan ul li {
  line-height: 50px;
  font-size: 14px;
  color: #666;
  border-bottom: 1px #eee solid;
  position: relative;
  transition: all .5s ease;
  z-index: 999;
}

.yuyan ul li:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 1px;
  margin-left: 0;
  width: 0;
  height: 2px;
  background: #e60012;
  transition: all .5s ease;
}

.yuyan ul li:hover:after {
  width: 60px;
  margin-left: -30px;
}

.yuyan:hover ul {
  display: block;
  height: 100px;
}



.symenuping {
  float: right;
  margin-right: 2%;
  height: 90px;
}

.symenuping>ul>li {
  float: left;
  position: relative;
  padding: 0 35px;
  height: 90px;
}



.symenuping>ul>li>a {
  color: #333;
  font-size: 16px;
  display: block;
  height: 55px;
  line-height: 20px;
  padding-top: 35px;
  text-align: center;
  position: relative;
}
.symenuping>ul>li>a:after{
  content: "";
  position: absolute;
  width:0;
  height: 3px;
  background: #e60012;
  left:50%;
  bottom:10px;
  transform: translate(-50%, 0);
  transition: all .5s ease;
}
.symenuping>ul>li:hover>a:after{
  width: 40px;
}

.symenuping>ul>li>a span {
  font-weight: 200;
  font-size: 12px;
  line-height: 20px;
  color: #333;
  text-transform: uppercase;
}



.symenuping>ul>li .submenu {
  display: none;
  position: absolute;
  top: 0;
  left: 50% !important;
  background: rgba(255, 255, 255, 1);
  border-bottom: 2px #e60012 solid;
  z-index: 99999;
  width: 170px;
  margin-left: -85px;
  height: auto;
  padding: 0
}

.symenuping>ul>li .submenu:before {
  content: "";
  position: absolute;

  left: 50%;

  top: 0;

  margin-top: -15px;

  z-index: 3;

  border-left: 12px solid transparent;

  border-right: 12px solid transparent;

  border-bottom: 15px solid #e60012;

  margin-left: -12px;

}



.symenuping>ul>li .submenu li {
  float: none;
  padding: 0;
  height: 45px;
  line-height: 45px;
  background: none;
  text-align: center;
}

.symenuping>ul>li .submenu li:hover {}

.symenuping>ul>li .submenu li a {
  float: none;
  padding: 0;
  display: block;
  text-align: center;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  color: #666;
}

.symenuping>ul>li .submenu li a:hover {
  background: none;
  color: #e60012
}



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

  .symenuping>ul>li {
    padding: 0 20px;
  }



}



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

  .symenuping>ul>li {
    padding: 0 15px;
  }

}





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

.syabout_box {
  width: 100%;
  padding: 80px 0;
}

.syabout {
  width: calc(100% - 200px);
  min-height: 610px;
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.syabout_l {
  float: left;
  width: 650px;
}



.syabout_r {
  float: right;
  width: calc(100% - 720px);
  position: relative;
  min-height: 450px;
}

.syabout_r h3 {
  font-size: 60px;
  color: #e60012;
  text-transform: uppercase;
  line-height: 80px;
}

.syabout_r h4 {
  font-size: 30px;
  color: #333;
}

.syabout_r p {
  font-size: 16px;
  color: #888;
  line-height: 36px;
}

.syabout_r p:hover {
  color: #666;
}

.syabout_r_a {
  font-size: 24px;
  color: #e60012;
  text-transform: uppercase;
}



.syabout_list {
  width: 100%;
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}

.syabout_list li {
  float: left;
  width: 25%;
}

.syabout_list li h3 {
  float: left;
  font-size: 90px;
  font-weight: bold;
  color: #333;
  padding-top: 10px;
}

.syabout_list li:hover h3 {
  color: #e60012
}

.syabout_list li.active h3 {
  color: #e60012
}

.syabout_list li h4 {
  float: left;
  margin-left: 10px;
  font-weight: normal;
}

.syabout_list li h4 b {
  font-size: 24px;
  color: #666;
  display: block;
  font-weight: normal;
}

.syabout_list li h4 span {
  font-size: 18px;
  color: #aaa;
}



.sypro {
  width: 100%;
  box-sizing: border-box;
  padding: 80px 0;
  background: url(../images/sycpbg.jpg) center top no-repeat;
  background-size: cover;
}

.sypro_title {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
  text-align: center;
}

.sypro_title h4 {
  font-size: 36px;
  color: #333;
  line-height: 40px;
  margin-bottom: 20px;
}

.sypro_title p {
  font-size: 18px;
  color: #888;
}

.sypro_title ul {}

.sypro_title ul li {
  float: left;
  margin-right: 45px;
  position: relative;
  line-height: 50px;
}



.sypro_title ul li a {
  font-weight: normal;
  font-size: 16px;
  color: #333;
}

.sypro_title ul li:hover a {
  font-weight: bold;
  color: #e60012
}

.sypro_title ul li:hover:after {
  width: 46px;
  margin-left: -23px;
}

.sypro_title ul li:active a {
  font-weight: bold;
  color: #e60012;
}

.sypro_title ul li:active:after {
  width: 46px;
  margin-left: -23px;
}

.sypro_type {
  width: 100%;
  position: relative;
  z-index: 9;
  box-shadow: 0 6px 7px rgba(66, 66, 66, 0.05);
}

.sypro_type ul {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: space-evenly;
}

.sypro_type ul li {
  width: 20%;
  text-align: center;
  position: relative;
}

.sypro_type ul li a {
  font-weight: bold;
  font-size: 22px;
  line-height: 60px;
}

.sypro_type ul li:after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  background: #e60012;
  transition: all 0.5s ease;
}

.sypro_type ul li.active a {
  color: #e60012;
}

.sypro_type ul li:hover:after {
  width: 60px;
  transform: translate(-50%, 0);
}

.sypro_type ul li.active:after {
  width: 60px;
  transform: translate(-50%, 0);
}

.sypro_list {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
  position: relative;
}

.sypro_list ul {
  width: 100%;
}

.sypro_list ul li {
  float: left;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 20px 20px 0;
  width: calc(25% - 20px);
}



.sypro_list ul li h3 {
  width: 100%;
  padding: 0;
  height: auto;
  padding-bottom: 90%;
  border-radius: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #fff;
  position: relative;
}

.sypro_list ul li h3 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

.sypro_list ul li p {
  z-index: 5;
  transition: all 0.3s ease;
  color: #333;
  line-height: 3;
}

.sypro_list ul li p a {
  color: #333;
  font-size: 18px;
  display: block;
  font-weight: bold;
  text-align: center;
}

.sypro_list ul li:hover p {
  bottom: 35px;
}

.sypro_list ul li h4 {
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: 5;
  color: #fff;
  font-size: 30px;
  text-transform: uppercase;
}

.sypro_list ul li h4 span {
  font-size: 14px;
  font-weight: normal;
  color: rgba(255, 255, 255, 0.6)
}

.sypro_list ul li i {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 5;
  display: inline-block;
  width: 45px;
  height: 44px;
  background: url(../images/logoico.png) center center no-repeat;
}



.mr_frUl {
  width: 100%;
  position: relative;
  z-index: 5;
  overflow: hidden;
}

.mr_frBtnL {
  margin: 0;
  cursor: pointer;
  background: #0f0f0f;
  position: absolute;
  top: -90px;
  right: 50px;
  width: 30px;
  height: 30px;
  z-index: 9;
  border-radius: 4px;
  transition: all .3s;
}

.mr_frBtnR {
  margin: 0;
  cursor: pointer;
  background: #0f0f0f;
  position: absolute;
  top: -90px;
  right: 0;
  width: 30px;
  height: 30px;
  z-index: 9;
  border-radius: 4px;
  transition: all .3s;
}



.mr_frBtnbg {
  background: #e60012 !important;
}



.nygaokefuwu{
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}
.nygaokefuwu-title{ text-align:center;}
.nygaokefuwu-title h3{ font-size:36px; color:#333; line-height:50px;}
.nygaokefuwu-title h3 span{ color:#e60012}
.nygaokefuwu-title p{ color:#666; font-size:16px; line-height:40px; width:1000px; margin:0 auto;}
.nygaokefuwu-title h4{ font-size:24px; color:#666; font-family:"微软雅黑 light"; font-weight:normal;}
.nygaokefuwu-title h4 b{ font-size:25px; color:#e60012; font-weight:normal;}

.nygaokefuwu-list1{
  width:1350px; margin:0 auto;
}
.nygaokefuwu-list1 ul li{ float:left; width:450px; height:180px; overflow:hidden; background:#f8f8f8; box-sizing:border-box; padding:20px 60px; text-align:center; position:relative;}
.nygaokefuwu-list1 ul li:after{ content:" "; width:1px; height:180px; background:#fff; top:0; right:0; position:absolute; z-index:1;}
.nygaokefuwu-list1 ul li:before{ content:" "; width:450px; height:180px; position:absolute; left:-450px; top:0; background:#e60012; transition: all 0.5s ease; z-index:2}
.nygaokefuwu-list1 ul li h3{ font-size:22px; color:#333; line-height:40px; margin-top:20px; position:relative; z-index:9;}
.nygaokefuwu-list1 ul li p{ font-size:16px; color:#888; position:relative; z-index:9;}
.nygaokefuwu-list1 ul li.on:before{ left:0;}
.nygaokefuwu-list1 ul li.on h3{ color:#fff; transition: all 0.5s ease;}
.nygaokefuwu-list1 ul li.on p{ color:#fff; transition: all 0.5s ease;}

.baxiangfuwu{
  width:1350px; margin:0 auto;
}
.baxiangfuwu-l{ float:left; width:350px; background:#111; padding:40px 0;}
.baxiangfuwu-l ul li{ padding:0 0 0 80px; cursor:pointer; position:relative; color:#fff; line-height:65px; height:65px; font-size:18px; transition: all 0.5s ease;}
.baxiangfuwu-l ul li:before{ content:" "; position:absolute; left:0; top:32px; width:0; height:2px; background:#e60012; transition: all 0.5s ease;}
.baxiangfuwu-l ul li.on{ font-size:19px;}
.baxiangfuwu-l ul li.on:before{ width:60px;}
.baxiangfuwu-l ul li span{ font-size:18px;transition: all 0.5s ease; margin-right:50px; font-family:"微软雅黑 light"; color:rgba(255,255,255,0.2); text-transform:uppercase; float:right;}
.baxiangfuwu-r{ float:left; width:1000px; position:relative;}
.baxiangfuwu-l ul li.on span{ color:#e60012;}
.baxiangfuwu-r ul li{ opacity:0; z-index:1; position: absolute; transition: all 0.5s ease;}
.baxiangfuwu-r ul li.on{ opacity:1; z-index:9;}
.baxiangfuwu-r ul li .baxiangfuwu-rl{ background:rgba(0,0,0,0.5); width:320px; height:600px; box-sizing:border-box; padding:90px 50px; position:relative; z-index:9;}
.baxiangfuwu-r ul li .baxiangfuwu-rl h3{ background:url(../images/baxiangbg.png) left center no-repeat; color:#fff; margin-bottom:10px; font-size:24px; padding-left:15px; line-height:35px;}
.baxiangfuwu-r ul li .baxiangfuwu-rl h4{ font-size:22px; color:#fff; line-height:50px;}
.baxiangfuwu-r ul li .baxiangfuwu-rl p{ font-size:16px; color:#fff; line-height:32px;}
.baxiangfuwu-r ul li .baxiangfuwu-rb{ position:absolute; left:0; top:0; z-index:1; width:1000px; height:600px;}
.baxiangfuwu-r ul li .baxiangfuwu-rb img{ position:absolute; left:0; width:1000px; height:600px; transition: all 0.5s ease;}
.baxiangfuwu-r ul li.on .baxiangfuwu-rb img{ left:0;}

.nyhzlc{width:1350px; margin:0 auto;}
.nyhzlc ul{ position:relative;}
.nyhzlc ul:after{ content:" "; background:#eee; width:1350px; height:1px; position:absolute; left:0; top:70px;}
.nyhzlc ul li{ float:left; width:168px; margin-right:28px; cursor:pointer; box-sizing:border-box;}
.nyhzlc ul li:last-child{ margin-right:0}
.nyhzlc ul li div{ height:70px; position:relative;}
.nyhzlc ul li div i{ display:inline-block; position:absolute; left:0; top:0; width:72px; height:72px; z-index:2;}
.nyhzlc ul li div i:before{ transition: all 0.5s ease; content:" "; font-size:22px; position:absolute; width:5px; height:5px; left:0; top:0; z-index:2; background:url(../images/nyhzlc-icon.png) left top no-repeat;}
.nyhzlc ul li div i:after{ transition: all 0.5s ease; content:" "; font-size:22px; position:absolute; width:5px; height:5px; right:0; top:0; z-index:2; background:url(../images/nyhzlc-icon.png) left top no-repeat;}
.nyhzlc ul li:hover div i:before{ left:67px; top:67px; background:url(../images/nyhzlc-icon1.png) left top no-repeat;}
.nyhzlc ul li:hover div i:after{ right:67px; top:67px; background:url(../images/nyhzlc-icon1.png) left top no-repeat;}
.nyhzlc ul li div em{ display:inline-block; position:absolute; left:0; top:0; width:72px; height:72px; z-index:2;}
.nyhzlc ul li div em:before{ transition: all 0.5s ease; content:" "; font-size:22px; position:absolute; width:5px; height:5px; left:0; bottom:0; z-index:2; background:url(../images/nyhzlc-icon.png) left top no-repeat;}
.nyhzlc ul li div em:after{ transition: all 0.5s ease; content:" "; font-size:22px; position:absolute; width:5px; height:5px; right:0; bottom:0; z-index:2; background:url(../images/nyhzlc-icon.png) left top no-repeat;}
.nyhzlc ul li:hover div em:before{ left:67px; bottom:67px; background:url(../images/nyhzlc-icon1.png) left top no-repeat;}
.nyhzlc ul li:hover div em:after{ right:67px; bottom:67px; background:url(../images/nyhzlc-icon1.png) left top no-repeat;}
.nyhzlc ul li div span{ display:inline-block; position:absolute; left:2px; top:2px; width:35px; height:35px; z-index:1; background:#f8f8f8; border:1px #eee solid; box-sizing:border-box;}
.nyhzlc ul li div img{ position:absolute; z-index:9; left:16px; top:16px;}
.nyhzlc ul li h3{ font-size:16px; color:#333; line-height:32px; margin-top:10px;}
.nyhzlc ul li h3 b{ color:#e60012; margin-right:5px;}
.nyhzlc ul li p{ font-size:12px; color:#888; line-height:24px;}


.syyoushi {
  background: #f8f8f8;
  padding: 80px 0;
}

.syyoushi_title {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
  text-align: center;
}

.syyoushi_title h4 {
  font-size: 36px;
  color: #333;
  line-height: 40px;
  margin-bottom: 20px;
}

.syyoushi_title p {
  font-size: 18px;
  color: #888;
}

.syyoushi_list {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}

.syyoushi_list li {
  float: left;
  width: 33.33%;
  background: #fff;
  position: relative;
  padding: 60px;
  box-sizing: border-box;
  transition: all 0.5s ease;
}

.syyoushi_list li:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  background: #eee;
  height: 100%;
}

.syyoushi_list li h4 {
  font-size: 36px;
  color: #ccc;
  line-height: 40px;
  margin-bottom: 10px;
  position: relative; z-index: 2;
}

.syyoushi_list li h3 {
  font-size: 20px;
  color: #e60012;
  line-height: 40px;
   position: relative; z-index: 2;
}

.syyoushi_list li p {
  font-size: 20px;
  color: #888;
  margin-bottom: 40px;
   position: relative; z-index: 2;
}


.syyoushi_list li img {
  max-width: 100%;
  position: relative; z-index: 2;
}
.syyoushi_list li:before{content:""; position: absolute; top: 0; left:0; height: 100%;  width:0; background: linear-gradient(#9c070d, #e60012);transition: all 0.8s ease;}
.syyoushi_list li:nth-child(1):before{ right:0; }
.syyoushi_list li:nth-child(2):before{ left:0; }
.syyoushi_list li.on:before{width:100%;}
.syyoushi_list li.on h4{ color:#fff; }
.syyoushi_list li.on h3{ color:#fff; }
.syyoushi_list li.on p{ color:#fff; }


.syyxfw {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
  background: #fff;
  padding: 80px 0;
}

.syyxfw_l {
  float: left;
  position: relative;
  width: calc(100% - 660px);
}

.syyxfw_map {
  position: relative;
  z-index: 1;
  width: 100%;
}

.syyxfw_map img {
  max-width: 100%;
}

.syyxfw_r {
  float: right;
  width: 520px;
  padding-top: 150px;
  padding-right: 120px;
}

.syyxfw_r_title {}

.syyxfw_r_title h3 {
  font-size: 36px;
  color: #e60012;
  text-transform: uppercase;
  line-height: 50px;
}

.syyxfw_r_title h4 {
  font-size: 30px;
  color: #333;
  line-height: 40px;
  margin-bottom: 50px;
}

.syyxfw_r p {
  font-size: 18px;
  color: #888;
  margin-bottom: 50px;
}

.syyxfw_r a {
  display: inline-block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #e60012;
  color: #fff;
  border-radius: 4px;
}



.synews {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 80px 0;
}



.synews_title {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box
}

.synews_title h3 {
  font-size: 36px;
  color: #e60012;
  text-transform: uppercase;
  line-height: 50px;
}

.synews_title h4 {
  font-size: 30px;
  color: #333;
  line-height: 40px;
}



.synewslist {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}

.synewshot {
  width: 100%;
  height: 500px;
  position: relative;
}



.synewslist ul {
  width: 100%;
  height: 220px;
}

.synewslist ul li {
  float: left;
  width: 23%;
  background: #f8f8f8;
  padding: 25px;
  margin: 0 1%;
  box-sizing: border-box;
}

.synewslist ul li h4 {
  font-size: 18px;
  color: #e60012;
  line-height: 30px;
  margin-bottom: 10px;
  font-weight: normal;
}

.synewslist ul li h4 span {
  color: #888;
  font-size: 16px;
  font-weight: normal;
  margin-left: 6px;
}

.synewslist ul li h3 a {
  font-size: 18px;
  font-weight: normal;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* 限制显示的行数 */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.75;
  margin-bottom: 20px;
}

.synewslist ul li p {
  font-size: 14px;
  color: #aaa;
  line-height: 30px;
  height: 60px;
  overflow: hidden;
}



.dszyl {

  width: 100%;
  height: 340px;
  padding: 80px 0;
  background: #ccc;
  box-sizing: border-box;

}

.dszyl_box {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
}

.dszyl_box h3 {
  font-size: 30px;
  color: #333;
  position: relative;
  padding-bottom: 70px;
}

.dszyl_box h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 30px;
  width: 60px;
  height: 3px;
  background: #e60012;
}

.dszyl_box p {
  font-size: 16px;
  color: #666;
  line-height: 30px;
}



/* 动画效果 */

@-webkit-keyframes load {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}



.jdallist {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.jdallist ul {
  width: 100%;
}

.jdallist ul li {
  float: left;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin: 0 10px 20px;
  width: calc(25% - 20px);
}



.jdallist ul li h3 {
  width: 100%;
  padding: 0;
  height: auto;
  padding-bottom: calc(300% / 4);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;
}

.jdallist ul li h3 a {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.jdallist ul li h3 a img {
  max-width: 100%;
  max-height: 100%;
}

.jdallist ul li p {

  background: -moz-linear-gradient(300deg, #9c070d, #e60012);

  background: -webkit-linear-gradient(300deg, #9c070d, #e60012);

  background: -o-linear-gradient(300deg, #9c070d, #e60012);

  background: -ms-linear-gradient(300deg, #9c070d, #e60012);

  background: linear-gradient(300deg, #9c070d, #e60012);

  height: 60px;
  text-align: center;
  line-height: 60px;
  transition: all 0.3s ease;
  margin-top: 0;

}

.jdallist ul li p a {
  font-size: 16px;
  color: #fff;
}

.jdallist ul li:hover p {
  height: 70px;
  line-height: 70px;
  margin-top: -10px;
}







.foot {
  background: #fff url(../images/footbg.jpg) center center no-repeat;
  width: 100%;
  padding: 80px 0 40px;
}

.footbox {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}

.foottitle {
  font-size: 20px;
  font-weight: bold;
  color: #333;
  padding-bottom: 10px;
  margin-bottom: 10px;
  position: relative;
}

.foottitle:after {
  content: "";
  width: 16px;
  height: 3px;
  background: #e60012;
  position: absolute;
  bottom: 0;
  left: 0;
}

.footnav {
  float: left;
  width: 250px;
}

.footnav ul li {
  line-height: 35px;
}

.footnav ul li a {
  color: #666;
  font-size: 16px;
  line-height: 35px;
}

.footbox ul li a:hover {
  text-decoration: underline
}

.footbox_r{ width:calc(100% - 460px); float:right; display: flex;justify-content: space-evenly;
}

.footcpfl {
  width: 220px;
}

.footcpfl ul li {
  line-height: 35px; float: left; width: 45%;
}

.footcpfl ul li a {
  color: #666;
  font-size: 14px;
  line-height: 35px;
}

.footnavend {
  width: 450px
}

.footnavend h4 {
  margin-bottom: 20px;
}

.footnavend li {
  display: block;
  float: left; width: calc(50% - 25px);
  color: #666;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left center;
}

.footnavend li.footcontel {
  background-image: url(../images/footcontel.png);
}

.footnavend li.footconemail {
  background-image: url(../images/footconemail.png);
}

.footnavend li.footconadd {
  background-image: url(../images/footconadd.png);
}

.footnavend li.footconfax {
  background-image: url(../images/footconfax.png);
}


.footlogo {
  float: left;
  width: 400px;
}

.footlogo .footewm {
  height: 118px;
  text-align: left;
}

.footlogo .footewm img {
  height: 120px;
  width: 240px;
  display: inline-block;
}

.footlogo .footlogoimg {
  font-size: 18px;
  text-align: left;
  line-height: 30px;
  color: #333;
  margin-bottom: 20px;
}

.footlogo .footlogoimg img {
  display: inline-block;
  margin-bottom: 20px;
}

.footlogo .footlogoimg h3 {
  font-size: 24px;
  color: #333;
}

.footlogo .footlogoimg p {
  font-size: 12px;
  color: #aaa;
  letter-spacing: 0.6px;
}

.dibuyoulian{ line-height: 1.75; width:100%; box-sizing:border-box; padding:10px 0;font-size:14px; color:#666 }
.dibuyoulian a{ font-size:14px; color:#666 }


.copyright {
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #fff;
  text-align: left;
  background: #e60012;
  font-size: 14px
}

.copyright a {
  color: #fff;
}

.copyrightnav {
  float: right;
  line-height: 60px;
}

.copyrightnav a {
  color: #fff;
}



.footyqlj {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  font-size: 14px;
  color: #666;
  padding: 20px 0;
}

.footyqlj a {
  color: #666;
  margin-right: 10px;
}



.banner {
  height: auto;
  overflow: hidden;
  width: 100%;
}

.bannerimg1 {
  height: 850px;
  width: 100%;
  background: url(../images/banner1.jpg) center top no-repeat;
  position: relative;
}

.bannerimg1_l {
  height: 850px;
  float: left;
  width: calc(100% - 700px);
  max-width: 760px;
}

.bannerimg1_l h3 {
  font-size: 48px;
  color: #fff;
  line-height: 60px;
  margin-top: 200px;
  margin-bottom: 20px;
}

.bannerimg1_l p {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
  margin-bottom: 50px;
}

.bannerimg1_l h4 {
  font-size: 24px;
  font-weight: normal;
  color: #fff;
  margin-bottom: 20px;
}

.bannerimg1_l span {
  font-size: 16px;
  color: #fff;
  margin-left: 10px;
}

.bannerimg1_l ul {
  width: 100%;
}

.bannerimg1_l ul li {
  float: left;
  width: calc(20% - 12px);
  margin-right: 10px;
}

.bannerimg1_l ul li img {
  max-width: 100%;
}

.bannerimg1_l a {
  margin-top: 40px;
  clear: left;
  display: inline-block;
  background: #e60012;
  border-radius: 4px;
  width: 160px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
}

.bannerimg1_r {
  height: 850px;
  float: right;
  width: 635px;
  background: url(../images/banner1_1.png) 130px top no-repeat;
  position: relative;
}

.bannerimg1_r img {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -221px;
}



.bannerimg2 {
  height: 850px;
  width: 100%;
  background: url(../images/banner2.jpg) center top no-repeat;
  position: relative;
  overflow: hidden;
}

.bannerimg2 h3 {
  font-size: 48px;
  color: #333;
  padding-top: 125px;
  text-align: center;
  line-height: 80px;
}

.bannerimg2 p {
  font-size: 24px;
  color: #666;
  text-align: center;
  line-height: 40px;
  margin-bottom: 40px;
}

.bannerimg2 ul {
  width: 750px;
  margin: 0 auto;
}

.bannerimg2 ul li {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.bannerimg2 dl {
  width: 1000px;
  margin: 0 auto;
}

.bannerimg2 dl dd {
  float: left;
  width: 50%;
  text-align: center;
  font-size: 20px;
  position: relative;
}

.bannerimg2 dl dd a {
  position: relative;
}



.bannerimg3 {
  height: 850px;
  width: 100%;
  background: url(../images/banner3.jpg) center top no-repeat;
  position: relative;
}

.bannerimg3 h3 {
  font-size: 48px;
  color: #fff;
  text-align: center;
  line-height: 60px;
  margin-bottom: 100px;
}

.bannerimg3 p {
  font-size: 24px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  padding-top: 225px;
}

.bannerimg3 dl {
  width: 100%;
  margin: 0 auto;
}

.bannerimg3 dl dd {
  float: left;
  width: 25%;
  text-align: center;
  font-size: 20px;
  position: relative;
}

.bannerimg3 dl dd a {
  position: relative;
}





.nybanner {
  width: 100%;
  margin: 0 auto;
  min-width: 1300px;
  height: 400px;
  background: url(../images/nybanner.jpg) center center repeat-x;
  display: table;
  table-layout: fixed;
}

.nybanner .nybannertext {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.nybanner .nybannertext h3 {
  color: #fff;
  font-size: 36px;
  line-height: 50px;
}

.nybanner .nybannertext h3 i {
  display: inline-block;
  width: 24px;
  height: 34px;
  margin-right: 5px;
  background: url(../images/nybannertitleicon.png) center center no-repeat
}

.nybanner .nybannertext p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.3);
  letter-spacing: 2px;
  text-transform: uppercase;
}



.nyaboutbanner {
  width: 100%;
  margin: 0 auto;
  min-width: 1300px;
  height: 540px;
  background: url(../images/nyaboutbanner.jpg) center top no-repeat;
  position: relative;
}

.nyaboutbanner .nybannertext {
  text-align: center;
  padding-top: 180px;
}

.nyaboutbanner .nybannertext h3 {
  color: #fff;
  font-size: 48px;
  letter-spacing: 1px;
  line-height: 80px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}

.nyaboutbanner .nybannertext p {
  color: rgba(255, 255, 255, 0.2);
  font-size: 24px;
  text-transform: uppercase
}

.nyaboutbanner .nyaboutloc {

  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 110px;
  padding: 40px 50px 0;

  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.8)), color-stop(100%, rgba(255, 255, 255, 1)));

  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);

  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);

  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 1) 100%);

}

.nyaboutloc_list {
  background: url(../images/loc.png) left center no-repeat;
  padding-left: 25px;
  font-size: 14px;
  color: #333;
}

.nyaboutloc_list a {
  font-size: 14px;
  color: #333;
}

.nyaboutloc_list a.active {
  color: #e60012;
}

.nyaboutnav {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.nyaboutnav ul li {
  float: left;
  width: 33.33%;
  text-align: center;
  position: relative;
  height: 50px;
}

.nyaboutnav ul li:after {
  content: "";
  display: block;
  width: 0;
  height: 3px;
  background: #e60012;
  position: absolute;
  bottom: 0;
  left: 50%;
  transition: all 0.5s ease;
}

.nyaboutnav ul li a {
  font-size: 20px;
  color: #333;
  font-weight: bold;
  display: block;
  margin: 0 auto;
  width: 200px;
  line-height: 50px;
}

.nyaboutnav ul li:hover:after {
  width: 200px;
  margin-left: -100px;
}

.nyaboutnav ul li:hover a {
  color: #e60012;
}

.nyaboutnav ul li.active:after {
  width: 200px;
  margin-left: -100px;
}

.nyaboutnav ul li.active a {
  color: #e60012;
}



.nyjjfabanner {
  width: 100%;
  margin: 0 auto;
  min-width: 1300px;
  height: 500px;
  background: url(../images/nyjjfabanner.jpg) center top no-repeat;
  position: relative;
}

.nyjjfabanner .nyjjfatext {
  text-align: center;
  padding-top: 230px;
}

.nyjjfabanner .nyjjfatext h3 {
  color: #fff;
  font-size: 48px;
  letter-spacing: 1px;
  line-height: 80px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
}



.nyjjfacontent {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}

.nyjjfa_title {
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  color: #333;
  line-height: 60px;
}

.nyjjfa_text {
  width: calc(100% - 700px);
}

.nyjjfa_img {
  width: 650px;
}

.nyjjfa_img img {
  width: 650px;
}



.nyjjfa_h3 {
  font-size: 24px;
  color: #333;
  padding-top: 60px;
  font-weight: bold;
  margin-bottom: 20px;
}

.nyjjfa_h3 b {
  color: #f00;
}

.nyjjfa_h3 span {
  text-transform: uppercase;
  color: #e60012;
  margin-left: 10px;
}

.nyjjfa_p {
  font-size: 16px;
  color: #999;
  line-height: 36px;
  text-align: justify
}



.nyjjfa_heng {
  width: 100%;
  height: 650px;
  box-sizing: border-box;
  padding: 80px 0;
  background: #fff url(../images/nyjjfa_heng.jpg) center center no-repeat;
  text-align: center;
}

.nyjjfa_heng .cpxqldy_title {
  text-align: center;
  color: #fff;
  line-height: 60px;
  font-size: 30px;
  margin-bottom: 300px;
}

.nyjjfa_heng h3 {
  font-size: 24px;
  color: #fff;
  line-height: 60px;
}

.nyjjfa_heng h4 {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  display: inline-block;
  padding: 3px 10px;
  margin-bottom: 10px;
  background: -moz-linear-gradient(300deg, #9c070d, #e60012);

  background: -webkit-linear-gradient(300deg, #9c070d, #e60012);

  background: -o-linear-gradient(300deg, #9c070d, #e60012);

  background: -ms-linear-gradient(300deg, #9c070d, #e60012);

  background: linear-gradient(300deg, #9c070d, #e60012);
}

.nyjjfa_heng p {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
}

.nyjjfa_hengtext {
  width: 1000px;
  margin: 0 auto;
}

.nyjjfa_hengtext p {
  font-size: 16px;
  color: #fff;
  text-align: center;
}



.nyjjfa_list {
  width: 100%;
  padding: 40px 0;
  height: 100px;
}

.nyjjfa_list ul li {
  float: left;
  text-align: center;
  width: 160px;
}

.nyjjfa_list ul li h3 img {
  width: 60px;
}

.nyjjfa_list ul li p {
  font-size: 16px;
  color: #333;
}



.nycpfllist {
  width: 300px;
  margin: 0 auto;
  float: left;
  background: #e60012;
  box-sizing: border-box;
  padding: 30px 30px 0;
}

.nycpfl_title {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 30px;
}

.nycpfl_title h3 {
  font-size: 24px;
  color: rgba(255, 255, 255, 0.2);
  text-transform: uppercase;
  line-height: 30px;
}

.nycpfl_title h4 {
  font-size: 30px;
  color: #fff;
  line-height: 40px;
}



.nycpfllist>ul {
  width: 100%;
  background: #f6f6f6;
  padding: 10px;
  box-sizing: border-box;
}

.nycpfllist>ul>li {
  width: 100%;
  background: #fff;
  transition: all 0.5s ease;
  padding: 10px 0;
  box-sizing: border-box;
  position: relative;
}

.nycpfllist>ul>li:after {

  content: "";
  position: absolute;
  bottom: 0;
  left: 30px;
  height: 1px;
  width: 160px;
  background: #eee;
  display: inline-block;
  z-index: 1;

}

.nycpfllist>ul>li:before {

  content: "";
  position: absolute;
  bottom: 0;
  left: 30px;
  height: 2px;
  width: 0;
  background: #e60012;
  display: inline-block;
  z-index: 2;
  transition: all 0.5s ease;

}

.nycpfllist ul>li:hover:before {

  width: 160px;

}

.nycpfllist>ul>li>a {
  display: block;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative;
  z-index: 9;
  font-size: 16px;
  color: #333;
}

.nycpfllist>ul>li:hover>a {
  color: #e60012;
}

.nycpfllist>ul>li>ul {
  background: #fff;
}

.nycpfllist>ul>li>ul>li {
  line-height: 40px;
}

.nycpfllist>ul>li>ul>li a {
  font-size: 14px;
  padding: 10px 40px;
  display: block;
  box-sizing: border-box;
  color: #888;
  line-height: 1.2
}



.nycpfllist>ul>li>ul>li:Hover>a {
  color: #e60012
}



.nycpfl_tel {
  width: 100%;
  box-sizing: border-box;
  padding: 30px 0;
}

.nycpfl_tel h3 a {
  font-size: 16px;
  color: #fff;
  font-weight: normal
}

.nycpfl_tel p {
  color: #fff;
  font-size: 36px;
  font-weight: bold;
}

.nycpfl_tel h4 {
  width: 100%;
  height: 314px;
  background: url(../images/kefu.png) center bottom no-repeat;
}



.nyaboutrongyu {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}



.nypro-tltj {
  width: 100%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  padding: 50px 0 0;
}

.nypro-tltj ul li {
  float: left;
  width: 29.33%;
  margin: 0 2% 3%;
  -moz-box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.28);
  box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.28);
}

.nypro-tltj ul li h3 {
  width: 100%;
  padding: 0;
  border: 10px #f2f4f8 solid;
  border-bottom: 0;
  padding-bottom: calc(300% / 4);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  transition: all 0.1s ease;
}

.nypro-tltj ul li h3 a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.nypro-tltj ul li .text {
  text-align: center;
  height: 60px;
  line-height: 60px;
  background: #f2f4f8
}

.nypro-tltj ul li .text a {
  font-size: 16px;
  color: #333;
  line-height: 60px;
  display: block;
  transition: all 0.5s ease;
}

.nypro-tltj ul li:hover h3 {
  border: 10px #e60012 solid;
  border-bottom: 0;
  background-size: 105% 105%;
}

.nypro-tltj ul li:hover .text {
  background: #e60012
}

.nypro-tltj ul li:hover .text a {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}



.cpxqldy_title {
  text-align: center;
  color: #333;
  font-weight: bold;
  line-height: 60px;
  font-size: 30px;
}

.cpxqldy_heng {
  width: 100%;
  height: 650px;
  box-sizing: border-box;
  padding: 80px 0;
  background: #fff url(../images/cpxqldy_heng.jpg) center center no-repeat;
  text-align: center;
}

.cpxqldy_heng .cpxqldy_title {
  text-align: center;
  color: #fff;
  line-height: 60px;
  font-size: 30px;
  margin-bottom: 300px;
}

.cpxqldy_heng h3 {
  font-size: 24px;
  color: #fff;
  line-height: 60px;
}

.cpxqldy_heng h4 {
  font-size: 18px;
  color: #fff;
  font-weight: normal;
  display: inline-block;
  padding: 3px 10px;
  margin-bottom: 10px;
  background: -moz-linear-gradient(300deg, #9c070d, #e60012);

  background: -webkit-linear-gradient(300deg, #9c070d, #e60012);

  background: -o-linear-gradient(300deg, #9c070d, #e60012);

  background: -ms-linear-gradient(300deg, #9c070d, #e60012);

  background: linear-gradient(300deg, #9c070d, #e60012);
}

.cpxqldy_heng p {
  font-size: 16px;
  color: #fff;
  line-height: 36px;
}



.cpxqldy_list {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}

.cpxqldy_list ul li {
  width: 23%;
  margin: 0 1%;
  float: left;
  height: 295px;
  text-align: center;
  box-sizing: border-box;
  padding: 40px 30px;
  background: #f6f6f6;
  position: relative;
}

.cpxqldy_list ul li h4 {
  position: relative;
  z-index: 9;
}

.cpxqldy_list ul li h3 {
  font-size: 18px;
  color: #333;
  position: relative;
  z-index: 9;
  margin-bottom: 10px;
}

.cpxqldy_list ul li p {
  font-size: 14px;
  color: #999;
  line-height: 30px;
  position: relative;
  z-index: 9;
}

.cpxqldy_list ul li:before {

  content: "";
  left: 10px;
  right: 10px;
  bottom: 10px;
  top: 10px;
  position: absolute;
  z-index: 2;
  background: #fff;

}

.cpxqldy_list ul li:after {

  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease;

  background: -moz-linear-gradient(#9c070d, #e60012);

  background: -webkit-linear-gradient(#9c070d, #e60012);

  background: -o-linear-gradient(#9c070d, #e60012);

  background: -ms-linear-gradient(#9c070d, #e60012);

  background: linear-gradient(#9c070d, #e60012);

}

.cpxqldy_list ul li:hover:after {

  height: 100%;

}



.nypro_list {
  width: calc(100% - 340px);
  float: right;
}

.nypro_list .nypro_list_con {
  display: none;
  width: 100%;
}

.nypro_list .nypro_list_con li {
  float: left;
  width: 31.3%;
  margin-right: 2%;
  margin-bottom: 2%;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.nypro_list .nypro_list_con li:nth-child(3n) {
  margin-right: 0
}



.nypro_list .nypro_list_con li h3 {
  width: 100%;
  padding: 0;
  padding-bottom: calc(300% / 4);
  border: 1px #eee solid;
  box-sizing: border-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.nypro_list .nypro_list_con li h3 a {
  display: block;
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}

.nypro_list .nypro_list_con li p {
  background: #f2f4f8;
  height: 60px;
  line-height: 60px;
  color: #333;
  transition: all 0.3s ease;
}

.nypro_list .nypro_list_con li p a {
  display: block; text-align: center;
  font-size: 16px;
  color: #333;
  line-height: 60px;
  padding: 0 30px;
}

.nypro_list .nypro_list_con li:hover p {
  background: #e60012;
}

.nypro_list .nypro_list_con li:hover p a {
  color: #fff;
}



.nypro_list .nypro_list_con.on {
  display: block;
}





.nyaboutjianjie {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
  position: relative;
  padding: 65px 0;
}

.nyaboutjianjie_l {
  float: left;
  width: calc(100% - 600px);
  height: 430px;
  overflow-y: scroll;
  padding-right: 60px;
  box-sizing: border-box;
}



.nyaboutjianjie_l::-webkit-scrollbar {
  width: 3px;
  height: 1px;
}

.nyaboutjianjie_l::-webkit-scrollbar-thumb {
  background: #e60012;
}

.nyaboutjianjie_l::-webkit-scrollbar-track {
  background: #EBEBEB;
}



.nyaboutjianjie_title {
  font-size: 30px;
  color: #e60012;
  line-height: 80px;
  font-weight: bold;
}

.nyaboutjianjie_content {
  font-size: 16px;
  color: #999;
}

.nyaboutjianjie_content h3 {
  font-size: 18px;
  color: #333;
  line-height: 50px;
}

.nyaboutjianjie_content p {
  font-size: 16px;
  color: #999;
  line-height: 36px;
  text-align: justify;
  margin: 8px 0;
}

.nyaboutjianjie_content p:hover {
  color: #666;
}



.nyaboutjianjie_r {
  width: 540px;
  float: right;
}

.nyaboutjianjie_r img {
  max-width: 100%
}

.nyaboutjianjie_r ul {}

.nyaboutjianjie_r ul li {
  float: left;
  width: 270px;
  height: 140px;
}

.nyaboutjianjie_r ul li h3 {
  float: left;
  width: 60px;
}

.nyaboutjianjie_r ul li div {
  float: left;
}

.nyaboutjianjie_r ul li div h4 {
  font-size: 18px;
  font-weight: normal;
  color: #888;
}

.nyaboutjianjie_r ul li div h4 b {
  font-size: 46px;
  font-family: Arial;
  color: #333;
  transition: all 0.3s ease;
}

.nyaboutjianjie_r ul li div p {
  font-size: 16px;
  color: #999;
}

.nyaboutjianjie_r ul li:hover div h4 b {
  color: #e60012
}


.nyabout_dszzc{
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
  position: relative;
}
.nyabout_title{
  font-size: 30px;
  font-weight: bold;
  color: #e60012;
  text-align: center;
}
.nyabout_content{
  font-size: 16px; color: #666;
}
.nyabout_content h3{
  font-weight: bold;
  color: #e60012;
}
.nyabout_content p b{ 
  font-weight: bold;
  color: #e60012;
}


.nyaboutwenhua {
  width: 100%;
  padding: 80px 0;
}

.nyaboutwenhua_img {
  float: right;
  margin-left: 50px;
}

.nyaboutwenhua h3 {
  font-size: 18px;
  color: #333;
  line-height: 50px;
  margin-top: 15px;
}

.nyaboutwenhua p {
  color: #888;
  font-size: 16px;
  line-height: 36px;
}

.nyaboutwenhua p:hover {
  color: #666;
}



.nyaboutwenhualist {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}

.nyaboutwenhualist ul li {
  width: 31.33%;
  margin: 0 1% 2%;
  float: left;
  height: 260px;
  text-align: center;
  box-sizing: border-box;
  padding: 40px 30px;
  background: #f2f2f2;
  position: relative;
}

.nyaboutwenhualist ul li h4 {
  position: relative;
  z-index: 9;
}

.nyaboutwenhualist ul li h3 {
  font-size: 20px;
  color: #333;
  position: relative;
  z-index: 9;
  margin: 0;
}

.nyaboutwenhualist ul li p {
  font-size: 16px;
  color: #999;
  line-height: 30px;
  position: relative;
  z-index: 9;
}

.nyaboutwenhualist ul li:before {
  content: "";
  left:6px;
  right: 6px;
  bottom: 6px;
  top: 6px;
  position: absolute;
  z-index: 2;
  background: #f8f8f8;
}

.nyaboutwenhualist ul li:after {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease;
  background: -moz-linear-gradient(#9c070d, #e60012);
  background: -webkit-linear-gradient(#9c070d, #e60012);
  background: -o-linear-gradient(#9c070d, #e60012);
  background: -ms-linear-gradient(#9c070d, #e60012);
  background: linear-gradient(#9c070d, #e60012);
}

.nyaboutwenhualist ul li:hover:after {
  height: 100%;
}

.nyaboutshiming {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
  position: relative;
}

.nyaboutshiming:before {
  content: "";
  background: url(../images/nyaboutshimingico01.png) left top no-repeat;
  width: 200px;
  height: 210px;
  position: absolute;
  left: 20%;
  bottom: 10%;
  z-index: 1
}

.nyaboutshiming:after {
  content: "";
  background: url(../images/nyaboutshimingico02.png) left top no-repeat;
  width: 487px;
  height: 493px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.nyaboutshiming ul li {
  width: 33.33%;
  height: 300px;
  padding: 80px 0 0 80px;
  float: left;
  border-bottom: 1px #eee solid;
  border-right: 1px #eee solid;
  box-sizing: border-box;
  position: relative;
  z-index: 9
}

.nyaboutshiming ul li.nyaboutshimingtitle {
  width: calc(100% - 33.33%);
  background: url(../images/nyaboutshimingico03.png) 45px 66px no-repeat;
  padding: 158px 0 0 270px
}

.nyaboutshiming ul li.nyaboutshimingtitle h4 {
  font-size: 30px;
  color: #333;
}

.nyaboutshiming ul li:nth-child(2) {
  border-right: none;
}

.nyaboutshiming ul li:nth-child(5) {
  border-right: none;
}

.nyaboutshiming ul li:nth-child(8) {
  border-right: none;
}

.nyaboutshiming ul li:nth-child(9) {
  border-bottom: none;
}

.nyaboutshiming ul li:nth-child(10) {
  border-bottom: none;
}

.nyaboutshiming ul li:nth-child(11) {
  border-bottom: none;
  border-right: none;
}



.nyaboutshiming ul li span {
  font-size: 30px;
  color: rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  font-family: Arial;
}

.nyaboutshiming ul li h3 {
  font-size: 30px;
  color: #e60012;
  text-transform: uppercase;
  line-height: 50px
}

.nyaboutshiming ul li p {
  font-size: 18px;
  color: #888;
}



.nyqytk_list {
  width: 100%;
}

.nyqytk_list_title {
  font-size: 30px;
  color: #333;
  text-align: center;
  line-height: 60px;
  margin-bottom: 20px;
}

.nyqytk_list .nyqytk_list_con {
  width: 100%;
}

.nyqytk_list .nyqytk_list_con li {
  float: left;
  width: 23%;
  margin-right: 2.6%;
  border: 1px #ddd solid;
  box-sizing: border-box;
  margin-bottom: 2%;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.nyqytk_list .nyqytk_list_con li:nth-child(4n) {
  margin-right: 0
}



.nyqytk_list .nyqytk_list_con li h3 {
  width: 100%;
  height: 200px;
}

.nyqytk_list .nyqytk_list_con li h3 a {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 0;
  text-align: center;
}

.nyqytk_list .nyqytk_list_con li h3 a img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block
}

.nyqytk_list .nyqytk_list_con li p {
  background: #f2f4f8;
  height: 45px;
  line-height: 45px;
  color: #333;
  text-align: center;
  transition: all 0.3s ease;
}

.nyqytk_list .nyqytk_list_con li p a {
  font-size: 14px;
  color: #333;
  line-height: 45px;
  padding: 0 10px;
}

.nyqytk_list .nyqytk_list_con li .text {
  position: absolute;
  top: calc(60px - 100%);
  left: 0;
  width: 100%;
  height: calc(100% - 60px);
  z-index: 999;
  background: rgba(75, 159, 48, 0.8);
  overflow: hidden;
  transition: all 0.3s ease;
  display: table;
}

.nyqytk_list .nyqytk_list_con li .text a {
  color: #fff;
  font-size: 14px;
  padding: 0 40px;
  line-height: 30px;
  display: table-cell;
  vertical-align: middle;
}

.nyqytk_list .nyqytk_list_con li:hover p {
  background: #e60012;
}

.nyqytk_list .nyqytk_list_con li:hover p a {
  color: #fff;
}

.nyqytk_list .nyqytk_list_con li:hover .text {
  top: 0;
}



.nyqytk_list .nycase_list_con.on {
  display: block;
}



.nyaboutrongyu_a {
  width: 260px;
  height: 45px;
  border-radius: 4px;
  background: -moz-linear-gradient(#9c070d, #e60012);

  background: -webkit-linear-gradient(90deg, #9c070d, #e60012);

  background: -o-linear-gradient(90deg, #9c070d, #e60012);

  background: -ms-linear-gradient(90deg, #9c070d, #e60012);

  background: linear-gradient(90deg, #9c070d, #e60012);
  margin: 0 auto;
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  line-height: 45px;
  transition: all 0.3s ease;
}

.nyaboutrongyu_a:hover {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  border-radius: 10px;
}



.khpj {
  width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 20px;
  background: #f6f6f6;
  padding: 40px;
  color: #666;
  line-height: 30px;
}







.map {
  background: url(../images/map.jpg) center top 106px no-repeat;
  height: 852px;
  position: relative;
}

.map .con {
  position: relative;
  width: 1000px;
  height: 757px;
  margin: auto;
}

.map .con .more {
  bottom: 0;
  position: absolute;
  left: -60px;
  bottom: 70px;
}

.com1 {
  position: absolute;
  top: -107px;
  left: 185px;
  z-index: 10;
  width: 383px;
  height: 225px;
}

.add1 {
  position: absolute;
  top: 230px;
  left: 348px;
  z-index: 9;
}

.com2 {
  position: absolute;
  top: -67px;
  left: 178px;
  z-index: 10;
  width: 383px;
  height: 225px;
}

.add2 {
  position: absolute;
  top: 270px;
  left: 339px;
  z-index: 9;
}

.com3 {
  position: absolute;
  top: -67px;
  left: 225px;
  z-index: 10;
  width: 383px;
  height: 225px;
}

.add3 {
  position: absolute;
  top: 270px;
  left: 387px;
  z-index: 9;
}

.com4 {
  position: absolute;
  top: -37px;
  left: 194px;
  z-index: 10;
  width: 383px;
  height: 225px;
}

.add4 {
  position: absolute;
  top: 300px;
  left: 357px;
  z-index: 9;
}

.com2,
.com3,
.com4 {
  display: none;
}



.nyfwbz {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}

.nyfwbz_title {
  font-weight: bold;
  text-align: center;
  font-size: 24px;
  color: #333;
  margin-bottom: 40px;
}

.nyfwbzlist {
  width: 100%
}

.nyfwbzlist ul li {
  width: 100%;
  height: 400px;
}

.nyfwbzlist ul li img {
  max-width: 100%;
}

.nyfwbzlist ul li .nyfwbz_l {
  width: 50%;
  float: left;
  height: 400px;
}

.nyfwbzlist ul li .nyfwbz_r {
  width: 50%;
  float: right;
  height: 400px;
}

.nyfwbzlist ul li div {
  text-align: justify;
}

.nyfwbzlist ul li div h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
}

.nyfwbzlist ul li div h4 {
  font-size: 16px;
  font-weight: normal;
  color: #e60012;
  margin-bottom: 10px;
}

.nyfwbzlist ul li div p {
  font-size: 16px;
  color: #888;
  line-height: 36px;
  margin-bottom: 10px;
}









.nyfzlc {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}

.nyfzlc-l {
  width: 100%;
}

.nyfzlc-l ul {}

.nyfzlc-l ul li {
  width: 25%;
  float: left;
  cursor: pointer;
  height: 120px;
  box-sizing: border-box;
  padding: 20px 30px;
  line-height: 40px;
  background: #f8f8f8;
  border-bottom: 1px #fff solid;
  text-align: center;
  color: #333;
  transition: all 0.5s ease;
}

.nyfzlc-l ul li h3 {
  font-weight: normal;
  font-size: 20px;
  color: #aaa;
}

.nyfzlc-l ul li p {
  font-size: 30px;
  font-weight: bold;
  color: #333;
}

.nyfzlc-l ul li.active {
  background: #e60012;
  color: #fff;
}

.nyfzlc-l ul li.active h3 {
  color: #fff
}

.nyfzlc-l ul li.active p {
  color: #fff;
}

.nyfzlc-r {
  width: 100%;
  float: right;
}

.nyfzlc-r div.tab_c {
  display: none;
}

.nyfzlc-r div.tab_c.active {
  display: block;
}

.nyfzlc-r div.tab_c .tab_c_title {
  font-size: 30px;
  color: #33;
  line-height: 150px;
  font-weight: bold;
}

.nyfzlc-r div.tab_c .tab_c_title b {
  color: #e60012;
  margin-right: 10px;
}

.nyfzlc-r div.tab_c ul {
  border-left: 1px solid #e6e6e6;
}

.nyfzlc-r div.tab_c ul li {
  margin-bottom: 40px;
  position: relative;
  border: 7px solid #e7e7e7;
  margin-left: 60px;
}

.nyfzlc-r div.tab_c ul li .oc {
  position: absolute;
  left: -76px;
  top: 38px;
}

.nyfzlc-r div.tab_c ul li .os {
  position: absolute;
  left: -36px;
  top: 33px;
}

.nyfzlc-r div.tab_c ul li .mask_ {
  margin: 40px 40px;
}

.nyfzlc-r div.tab_c ul li .mask_ .title {
  font-size: 30px;
  color: #e60012;
  text-align: left;
  margin-bottom: 10px;
}

.nyfzlc-r div.tab_c ul li .mask_ .p {
  font-size: 16px;
  color: #5a5a5a;
  line-height: 36px;
}

.nyfzlc-r div.tab_c ul li .mask_ .bg_img {
  margin-top: 35px;
}

.nyfzlc-r div.tab_c ul li.li_ .bg_img {
  display: none;
}

.nyfzlc-r div.tab_c ul li .mask_ .bg_img .img_title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 34px;
  line-height: 34px;
  background: url(../img/blue.6.png) repeat;
}

.nyfzlc-r div.tab_c ul li .mask_ .bg_img .img_title span {
  display: block;
  padding: 0px 10px;
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  text-align: center;
}





.nytopbg {
  width: 100%;
  height: 80px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  position: fixed;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.nytop {
  position: relative;
  top: 20px;
  width: 88%;
  left: 6%;
  right: 6%;
  height: 60px;
  z-index: 99999;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
}

.nytopbg.hover {
  background: #e60012;
  height: 60px;
}

.nytopbg.hover .nytop {
  top: 0;
}

.nytop .logo {
  padding-top: 0;
}

.nytop .topright {}

.nytop .topicon {
  top: 15px;
}



.nytitle {
  text-align: center;
  font-size: 30px;
  color: #333;
  line-height: 60px;
  font-weight: bold;
  margin-bottom: 20px;
}

.nyaboutleft {
  float: right;
  width: 380px;
}

.nyaboutleft .nyaboutleft_title {
  text-align: left;
}

.nyaboutleft .nyaboutleft_title h3 {
  font-size: 30px;
  color: #333;
  position: relative;
  margin-bottom: 50px;
}

.nyaboutleft .nyaboutleft_title h3 span {
  font-family: "微软雅黑 Light";
  font-weight: normal;
  color: #888;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 30px;
}

.nyaboutleft .nyaboutleft_title h3:after {
  content: "";
  width: 80px;
  height: 2px;
  background: #e60012;
  position: absolute;
  left: 0;
  bottom: -25px;
}

.nyaboutleft .nyaboutleft_title h4 {
  margin-bottom: 25px;
}

.nyaboutleft .nyaboutleft_title h5 {
  width: 380px;
  height: 260px;
}

.nyaboutright {
  float: left;
  width: calc(100% - 450px)
}

.nyaboutright h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 15px;
}

.nyaboutright h4 {
  font-size: 20px;
  color: #e60012;
  margin-bottom: 10px;
}

.nyaboutright p {
  font-size: 16px;
  color: #888;
  line-height: 32px;
  text-align: justify
}



.nyabouttext h3 {
  font-size: 24px;
  color: #333;
  line-height: 50px;
  margin: 20px 0 10px;
}

.nyabouttext p {
  color: #888;
  font-size: 16px;
  line-height: 40px;
}

.nyabouttext p:hover {
  color: #333;
}





.nyabouttext_img {
  float: right;
  width: 775px;
  text-align: center
}

.nyabouttext_left {
  padding-top: 20px;
  float: left;
  width: calc(100% - 775px)
}





.nycplist {
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0;
}

.nycplist ul li {
  float: left;
  width: 27.33%;
  margin: 0 3% 3%;
}

.nycplist ul li h3 {
  width: 100%;
  padding: 0;
  border: 10px #fff solid;
  -moz-box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.28);
  -webkit-box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.28);
  box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.28);
  padding-bottom: calc(300% / 4);
  background-position: center center;
  background-repeat: no-repeat;
  box-sizing: border-box;
  background-size: cover;
  position: relative;
  transition: all 0.5s ease;
}

.nycplist ul li h3 a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.nycplist ul li .text {
  text-align: center;
  padding-top: 30px;
}

.nycplist ul li .text a {
  font-size: 18px;
  color: #333;
  line-height: 30px;
  font-weight: 700;
  display: block;
  transition: all 0.5s ease;
}

.nycplist ul li .text a.nycplist_pp {
  font-size: 14px;
  color: #e60012;
}

.nycplist ul li:hover h3 {
  border: 10px #e60012 solid;
}

.nycplist ul li:hover .text a {
  color: #e60012;
  font-size: 20px;
}

.nycplist ul li:hover .text a.nycplist_pp {
  font-size: 16px;
  color: #333;
}







/*分页样式*/

.pagination {

  clear: both;

  margin: 10px 0;

  text-align: center;

}

.pagination li {

  display: inline-block;

  *display: inline;

  zoom: 1;

}

.pagination li a {

  display: block;

  padding: 4px 16px;

  background-color: #fff;

  border: 1px solid #eee;

  font-size: 16px;

  transition: all 0.3s ease;

}

.pagination li+li a {

  border-left: none;

}

.pagination li.active a,
.pagination li a:hover {

  background-color: #e60012;

  border: 1px solid #e60012;

  color: #ffffff;

  border-left: none;

}



.nypro-item {
  width: 100%;
  height: 600px;
  padding: 60px 0 30px;
  box-sizing: border-box;
  margin: 0 auto;
  border-bottom: 3px #eee solid;
}

.nypro-item-l {
  float: left;
  width: 750px;
}



.spec-preview {
  width: 600px;
  height: 450px;
  float: left;
}

/*图片放大镜样式*/

.jqzoom {
  border: 1px #ddd solid;
  padding: 10px;
  position: relative;
  padding: 0px;
  cursor: pointer;
  margin: 0px;
  display: block;
  width: 600px;
  height: 450px;
  text-align: center;
}

.jqzoom img {
  max-width: 100%;
  max-height: 100%;
}

.zoomdiv {
  z-index: 100;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 350px;
  height: 350px;
  background: #ffffff;
  border: 1px solid #CCCCCC;
  display: none;
  text-align: center;
  overflow: hidden;
}

.jqZoomPup {
  z-index: 10;
  visibility: hidden;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  border: 1px solid #aaa;
  background: #ffffff
    /*url(../images/zoom.png) 50% center no-repeat*/
  ;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(Opacity=50);
}



/*图片小图预览列表*/



.spec-scroll {
  float: left;
  width: 94px;
  height: 450px;
  margin-right: 10px;
}

.spec-scroll .prev {
  background-image: url(../images/nypro-prev.png);
  margin-bottom: 10px;
}

.spec-scroll .next {
  background-image: url(../images/nypro-next.png);
}

.spec-scroll .prev,
.spec-scroll .next {
  display: block;
  text-align: center;
  width: 94px;
  height: 30px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  text-decoration: none;
}

.spec-scroll .items {
  position: relative;
  width: 94px;
  height: 370px;
  overflow: hidden;
}

.spec-scroll .items ul {
  position: absolute;
  width: 520px;
}

.spec-scroll .items ul li {
  width: 94px;
  text-align: center;
  margin-right: 5px;
}

.spec-scroll .items ul li img {
  border: 2px solid #eee;
  width: 90px;
  height: 68px;
}

.spec-scroll .items ul li img:hover {
  border: 2px solid #e60012;
}





.nypro-item-table {
  width: 520px;
  padding-top: 50px;
  position: relative;
}

.nypro-item-table table {
  margin: 0 auto;
  text-align: center;
  width: 510px;
}

.nypro-item-table table th {
  background: #f8f8f8;
  font-size: 14px;
  width: 170px;
  color: #333;
  height: 40px;
  border: 1px #eee solid;
}

.nypro-item-table table td {
  font-size: 14px;
  width: 170px;
  height: 40px;
  color: #666;
  border: 1px #eee solid;
}



.nyprovideo {
  position: absolute;
  left: 0;
  top: -20px;
}

.nyprovideo_a {
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/nyprovideo_a.png) left top no-repeat
}





.nypro-item-r {
  float: right;
  width: calc(100% - 780px);
}

.nypro-item-r h1 {
  font-size: 30px;
  color: #333;
  margin-bottom: 60px;
}

.nypro-item-r p {
  font-size: 16px;
  color: #888;
  line-height: 30px;
}

.nypro-item-r p.nypro-item-rc {
  height: 120px;
  background: #f6f7fa;
  border: 1px #e9ecf2 solid;
}

.nypro-item-r h3 {
  font-size: 18px;
  color: #e60012;
  margin: 5px 0;
  line-height: 32px;
  font-weight: normal;
}

.nypro-item-r h5 {
  font-size: 18px;
}

.nypro-item-r ul {
  width: 100%;
  height: 50px;
  line-height: 40px;
  margin-top: 30px;
  transition: all 0.5s ease;
}

.nypro-item-r ul li {
  float: left;
  margin-right: 40px;
  width: 150px;
  background: #222;
  position: relative;
}

.nypro-item-r ul li:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 40px;
  background: #000;
  transition: all 0.5s ease;
  z-index: 1
}

.nypro-item-r ul li a {
  display: block;
  height: 40px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  z-index: 9;
  position: relative;
}

.nypro-item-r ul li.nypro-item-r-zx {
  background: #e60012;
}

.nypro-item-r ul li.nypro-item-r-zx a {
  color: #fff;
}

.nypro-item-r ul li.nypro-item-r-zx:after {
  background: #f00
}

.nypro-item-r ul li:hover:after {
  width: 150px;
}

.nypro-item-r h4 {
  font-size: 18px;
  color: #333;
  margin: 60px auto 20px;
  line-height: 50px;
}

.nypro-item-r h4 span {
  font-size: 36px;
  color: #e60012
}



.nypro-item-r .nypro-item-r-table {
  width: 100%;
  text-align: left;
}

.nypro-item-r .nypro-item-r-table tr {
  height: 40px;
  color: #666;
  line-height: 40px;
  font-size: 14px;
}

.nypro-item-r .nypro-item-r-table tr td {
  font-weight: normal;
  box-sizing: border-box;
}

.nypro-item-r .nypro-item-r-table tr td:nth-child(1) {
  width: 188px;
  text-align: center;
}

.nypro-item-r .nypro-item-r-table tr td:nth-child(2) {
  width: calc(100% - 188px);
  padding-right: 28px;
  box-sizing: border-box;
}

.nypro-item-r .nypro-item-r-table tr:nth-child(2n+1) {
  background: #F2F2F2;
}

.nypro-item-r .nypro-item-r-table tr:nth-child(1) {
  background: #e60012;
}

.nypro-item-r .nypro-item-r-table tr:nth-child(1) td {
  color: #fff;
}

.nypro-item-r .nypro-item-r-table tr:last-child {
  border-bottom: 1px #c5c5c5 solid solid;
  line-height: 30px;
}

.nypro-item-r .nypro-item-r-table tr:last-child td:nth-child(2) {
  padding: 10px 28px 10px 0 !important;
}

.nypro-item-r .nypro-item-r-table tr:hover {
  background: #e60012;
  color: #ffffff;
}



.nypro-cpjs {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
  padding: 80px 0;
  font-size: 16px;
  color: #666;
  line-height: 36px;
}

.nypro-cpjs h3 {
  color: #333;
  font-size: 30px;
  margin: 0 0 40px;
  position: relative;
  padding-left: 15px;
}

.nypro-cpjs h3:before {
  content: " ";
  width: 4px;
  height: 20px;
  position: absolute;
  top: 7px;
  left: 0px;
  background: #e60012;
}

.nypro-cpjs p {
  font-size: 16px;
  color: #666;
  line-height: 36px;
}



.nypro-xqgcal {
  width: 100%;
  padding: 80px 0;
  background: url(../images/nypro-xqgcal.jpg) center center no-repeat
}

.nypro-xqgcal h3 {
  color: #fff;
  font-size: 30px;
  margin: 0 0 40px;
}

.nypro-xqgcal h3 span {
  font-size: 18px;
  font-weight: normal;
  margin-left: 10px;
}

.nypro-xqgcal ul {
  width: 100%;
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
}

.nypro-xqgcal ul li {
  float: left;
  width: 23%;
  margin: 0 2% 0 0;
  background: #fff;
  position: relative;
}

.nypro-xqgcal ul li h4 {
  width: 100%;
  padding: 0;
  padding-bottom: calc(300% / 4);
  border: 1px #eee solid;
  box-sizing: border-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  position: relative;
  z-index: 2;
}

.nypro-xqgcal ul li h4 a {
  display: block;
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
}

.nypro-xqgcal ul li p {
  font-size: 18px;
  color: #333;
  height: 100px;
  box-sizing: border-box;
  padding-left: 25px;
  line-height: 120px;
  position: relative;
  z-index: 2;
}

.nypro-xqgcal ul li p:before {
  content: " ";
  background: #e60012;
  width: 50px;
  height: 3px;
  position: absolute;
  left: 25px;
  top: 30px;
}

.nypro-xqgcal ul li h5 {
  padding: 50px 25px;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  background: #e60012;
  width: 100%;
  height: 450px;
  transition: all 0.5s ease;
}

.nypro-xqgcal ul li h5 a {
  display: block;
  width: 100%;
  height: 450px;
}

.nypro-xqgcal ul li h5 b {
  display: block;
  color: #fff;
  font-size: 20px;
  margin-bottom: 10px;
}

.nypro-xqgcal ul li h5 span {
  font-weight: normal;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}

.nypro-xqgcal ul li:hover h4 img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1)
}

.nypro-xqgcal ul li:hover h5 {
  z-index: 9;
  opacity: 1;
}





.message {
  width: calc(100% - 200px);
  margin: 0 auto;
  min-width: 1300px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 80px 0;
}

.message h2 {
  margin: 40px auto;
}

.message .left {
  width: calc(100% - 550px);
  float: left;
}

.message .left dd {
  width: 100%;
  background: url("../images/kf2.png") left center no-repeat;
  box-sizing: border-box;
  padding-left: 75px;
  margin-bottom: 15px;
}

.message .left dd span {
  font-size: 30px;
  color: #333;
  font-weight: bold;
  margin-bottom: 15px;
  display: block;
}

.message .left dt input {
  width: 48%;
  height: 50px;
  border: 1px solid #cdcdcd;
  margin: 13px 2% 13px 0;
  background: none;
  float: left;
  font-size: 14px;
  text-indent: 10px;
  box-sizing: border-box;
}



.message .left dt input.icon-message {
  background: url("../images/icon-message.png") right 5px center no-repeat;
  background-size: 25px;
}

.message .left dt input.icon-address {
  background: url("../images/icon-address.png") right 5px center no-repeat;
  background-size: 25px;
}

.message .left dt input.icon-name-yzm {
  float: left;
  width: 120px;
  margin-top: 0;
}

.message .left dt .icon-name-yzm-img {
  float: left;
  margin-top: 8px;
}

.message .left dt textarea {
  width: 98%;
  height: 70px;
  border: 1px solid #cdcdcd;
  background: none;

  font-size: 14px;
  padding: 10px 0 0 10px;
  margin: 15px 0;
  box-sizing: border-box;
}

.message .left dt input.button {
  width: 185px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  cursor: pointer;
  background: #e60012;
  border: none;
  transition: all 0.5s ease;
  color: #fff;
  margin-top: 0;
  margin-left: 10px;
  float: left;
  text-indent: 0;
}

.message .right {
  width: 500px;
  float: right;
  overflow: hidden;
}

.message .left dt input.button:hover {
  background: #628cc3;
}

.message .right dd {
  width: 100%;
  background: url("../images/phone3.png") left 45px center no-repeat #9c070d;
  padding: 40px 0 40px 140px;
  box-sizing: border-box
}

.message .right dd span a {
  font-size: 46px;
  color: #fff;
  line-height: 46px;
  font-family: Impact;
}

.message .right dd p {
  font-size: 24px;
  color: #fff;
  line-height: 24px;
  margin-bottom: 10px;
}

.message .right dt {
  width: 100%;
  background: #e60012;
  padding: 25px 30px;
  box-sizing: border-box
}

.message .right dt p a {
  font-size: 16px;
  color: #fff;
  display: block;
  padding: 10px 0 15px 30px;
}

.message .right dt .address a {
  background-position: 0 -49px;
}

.message .right dt .url a {
  background-position: -2px -102px;
}

.message .right dt .mailbox a {
  background-position: -4px -162px;
}

.message .right dt .tel a {
  background-position: 2px 15px;
}

.message .right dt .btn {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}

.message .right dt .btn a {
  width: 120px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #fff;

  border: 1px solid #fff;
  padding: 0;
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
  background: none;
}

.message .right dt .btn a:hover {
  background: rgba(255, 255, 255, 0.2)
}





.nyanli-item-l {
  float: left;
  width: 800px;
  height: 400px;
}

.nyanli-item-l img {
  max-width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.nyanli-item-r {
  float: right;
  width: calc(100% - 850px)
}

.nyanli-item-r h1 {
  font-size: 24px;
  color: #333;
  line-height: 50px;
  margin-bottom: 30px;
  margin-top: 30px;
}

.nyanli-item-r .nyalms {
  padding: 20px;
  color: #fff;
  line-height: 30px;
  border-radius: 10px;
  background: -moz-linear-gradient(300deg, #9c070d, #e60012);

  background: -webkit-linear-gradient(300deg, #9c070d, #e60012);

  background: -o-linear-gradient(300deg, #9c070d, #e60012);

  background: -ms-linear-gradient(300deg, #9c070d, #e60012);

  background: linear-gradient(300deg, #9c070d, #e60012);
}



#nyprocpys {
  font-size: 24px;
  color: #333;
  line-height: 50px;
  margin: 0 0 20px;
  position: relative;
  padding-left: 15px;
}

#nyprocpys:before {
  content: " ";
  width: 3px;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 0px;
  background: #e60012;
}

.nypinkongtixi {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}

.nypinkongtixi ul li {
  width: 1350px;
  height: 400px;
}

.nypinkongtixi ul li .nypinkong_l {
  width: 675px;
  float: left;
  height: 400px;
}

.nypinkongtixi ul li .nypinkong_r {
  width: 675px;
  float: right;
  height: 400px;
}

.nypinkongtixi ul li div {
  text-align: justify;
}

.nypinkongtixi ul li div h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
}

.nypinkongtixi ul li div p {
  font-size: 16px;
  color: #888;
  line-height: 36px;
  margin-bottom: 10px;
}



.nypro-xqdetail {
  position: relative;
  width: 100%;
}



#nyprocpjs {
  font-size: 24px;
  color: #333;
  line-height: 50px;
  margin: 40px 0 20px;
  position: relative;
  padding-left: 15px;
}

#nyprocpjs:before {
  content: " ";
  width: 3px;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 0px;
  background: #e60012;
}



#nyprotltj {
  font-size: 24px;
  color: #333;
  line-height: 50px;
  margin: 30px 0 20px;
  position: relative;
  padding-left: 15px;
}

#nyprotltj:before {
  content: " ";
  width: 3px;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 0px;
  background: #e60012;
}



#nyprofwzc {
  font-size: 24px;
  color: #333;
  line-height: 50px;
  margin: 20px 0 20px;
  position: relative;
  padding-left: 15px;
}

#nyprofwzc:before {
  content: " ";
  width: 3px;
  height: 20px;
  position: absolute;
  top: 15px;
  left: 0px;
  background: #e60012;
}



.nypro-xqnav {
  width: 100%;
  border-bottom: 1px #eee solid;
  height: 100px;
}

.nypro-xqnav h3 {
  float: left;
  line-height: 100px;
  font-size: 30px;
  color: #333;
}

.nypro-xqnav ul {
  float: right;
}

.nypro-xqnav ul li {
  float: left;
  margin-left: 50px;
  line-height: 100px;
}

.nypro-xqnav ul li a {
  font-size: 18px;
  display: block;
  line-height: 100px;
  height: 100px;
  font-weight: bold;
  color: #333;
  position: relative;
}

.nypro-xqnav ul li a:after {
  content: " ";
  position: absolute;
  left: 50%;
  bottom: 25px;
  width: 0;
  height: 2px;
  background: #e60012;
  transition: all 0.5s ease;
}

.nypro-xqnav ul li.active a {
  color: #e60012;
}

.nypro-xqnav ul li.active a:after {
  width: 50px;
  margin-left: -25px;
}

.nypro-xqnav ul li a:hover {
  color: #e60012;
}

.nypro-xqnav ul li a:hover:after {
  width: 50px;
  margin-left: -25px;
}



.nypro-xqdetailc {
  width: 100%;
}

.nypro-xqdetailc.active {
  display: block;
}

.nypro-xqdetailc p {
  line-height: 30px;
  font-size: 16px;
  color: #666;
  padding: 8px 0;
}

.nycpxqtitle {
  font-size: 24px;
  font-weight: bold;
  border-bottom: 1px #ddd solid;
  padding: 10px 0;
  color: #333;
}

.nycpxqtitle span {
  font-size: 16px;
  color: #aaa;
  font-weight: normal;
}



.nyxgcp {
  width: 100%;
  height: 610px;
  padding-top: 60px;
  box-sizing: border-box;
  background: url(../images/sycp.jpg) center center no-repeat;
}





.newslist {
  width: 100%;
}

.newslist ul {
  position: relative;
}

.newslist ul:after {
  content: " ";
  background: #eee;
  position: absolute;
  top: 0;
  left: 200px;
  height: 100%;
  width: 1px;
  z-index: 1;
}

.newslist ul li {
  position: relative;
  width: 100%;
  height: 230px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.newslist ul li h5 {
  float: left;
  width: 200px;
  padding: 30px 50px 0 0;
  margin-right: 40px;
  height: 170px;
  text-align: center;
  position: relative;
  z-index: 4
}

.newslist ul li h5:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 50px;
  width: 0;
  height: 230px;
  background: #e60012;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  z-index: 1;
}

.newslist ul li h5:after {
  content: " ";
  background: #eee;
  position: absolute;
  right: 0;
  top: 115px;
  height: 1px;
  width: 50px;
  z-index: 5;
}

.newslist ul li h5 b {
  display: block;
  font-size: 50px;
  margin-top: 60px;
  color: #e60012;
  position: relative;
  z-index: 3
}

.newslist ul li h5 i {
  font-size: 16px;
  line-height: 40px;
  color: #333;
  font-weight: normal;
  font-style: normal;
  position: relative;
  z-index: 3
}

.newslist ul li h3 {
  background: #fafafa;
  float: left;
  width: calc(100% - 697px);
  height: 170px;
  padding: 30px 50px;
  position: relative;
  z-index: 3
}

.newslist ul li h3:before {
  content: " ";
  position: absolute;
  border-top: 0 solid transparent;
  border-bottom: 0 solid transparent;
  border-left: 0 solid #e60012;
  left: -120px;
  top: 50%;
  margin-top: -15px;
  z-index: 3;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.newslist ul li h3:after {
  content: " ";
  background: #fafafa;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 90px;
  height: 230px;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.newslist ul li h3 a {
  font-size: 22px;
  line-height: 50px;
  color: #333;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  position: relative;
  z-index: 3
}

.newslist ul li h3 p {
  font-size: 14px;
  line-height: 30px;
  font-weight: normal;
  color: #888;
  position: relative;
  z-index: 3
}

.newslist ul li h4 {
  background: #fafafa;
  float: right;
  width: 307px;
  height: 230px;
  position: relative;
  z-index: 3
}

.newslist ul li h4:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 307px;
  width: 0;
  height: 230px;
  background: #fafafa;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  z-index: 1;
}

.newslist ul li h4 img {
  max-width: 100%;
  max-height: 100%;
  position: relative;
  z-index: 5;
}

.newslist ul li.active h5:before {
  width: 200px;
}

.newslist ul li.active h5 b {
  color: #fff;
}

.newslist ul li.active h5 i {
  color: #fff;
}

.newslist ul li.active h5:after {
  background: #e60012;
  z-index: 3
}

.newslist ul li.active h3:before {
  position: absolute;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #e60012;
  left: -90px;
  top: 50%;
  margin-top: -15px;
  z-index: 3;
}

.newslist ul li.active h3:after {
  left: -90px;
}

.newslist ul li.active h3 a {
  color: #e60012
}



.nynewsshow-l {
  width: 100%;
  background: #fff;
  padding: 60px 0;
  box-sizing: border-box;
}

.nynewsshow-l h1.title {
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  padding-bottom: 10px;
  border-bottom: 1px #eee solid;
}

.nynewsshow-l h1.title .info {
  font-size: 14px;
  color: #666;
  line-height: 40px;
  font-weight: normal;
}

.nynewsshow-l h1.title .info small {
  font-size: 14px;
}

.textarea {
  color: #666;
  line-height: 36px;
}

.textarea p {
  margin: 10px 0;
}

.textarea img {
  max-width: 100%;
}



.nynewsshow-xgxw {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px #ddd solid;
}

.nynewsshow-xgxw ul li {
  float: left;
  width: 48%;
  line-height: 50px;
  position: relative;
  margin-right: 4%;
  border-bottom: 1px #eee solid;
  transition: all 0.8s ease;
}

.nynewsshow-xgxw ul li:nth-child(2n) {
  margin-right: 0
}

.nynewsshow-xgxw ul li:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #e60012;
  transition: all 0.8s ease;
}

.nynewsshow-xgxw ul li a {
  line-height: 50px;
  font-size: 16px;
  color: #666;
  transition: all 0.5s ease;
}

.nynewsshow-xgxw ul li a span {
  float: right;
  font-size: 16px;
  color: #888;
}

.nynewsshow-xgxw ul li:hover:after {
  width: 100%;
}

.nynewsshow-xgxw ul li:hover a {
  color: #e60012
}



.nynewsshow-r {
  width: 100%;
}

.nynewspreNext {}

.nynewspreNext ul li {
  background: #f8f8f8;
  padding: 30px;
  float: left;
  width: 48%;
  margin-right: 4%;
  font-size: 18px;
  box-sizing: border-box;
  margin-bottom: 20px;
  font-weight: bold;
}

.nynewspreNext ul li:nth-child(2) {
  margin-right: 0
}

.nynewspreNext ul li a {
  font-weight: normal;
  font-size: 16px;
  color: #666;
}

.nynewspreNext ul li a:hover {
  color: #e60012
}

.nynewspreNext ul li span {
  font-weight: normal;
  font-size: 16px;
  color: #666;
}



.share_box {
  background: #f8f8f8;
  padding: 30px;
  font-size: 18px;
  box-sizing: border-box;
}

.share_box_title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}





.nycontact {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  box-sizing: border-box;
}

.nycontact_map{ width:100%; margin-bottom:40px; }
.nycontact_map #dituContent{ width:100%; height:680px; }

.nycontact-pro-cont {
  float: left;
  width: 520px;
  height: 520px;
  background: #e60012;
  padding: 50px 60px;
  box-sizing: border-box;
}

.nycontact-pro-cont h3 {
  color: #fff;
  font-size: 24px;
  line-height: 50px;
}

.nycontact-pro-cont p {
  font-size: 16px;
  line-height: 32px;
  color: #fff;
}

.nycontact-pro-cont p a {
  color: #fff;
}

.nycontact-message {
  float: right;
  width: calc(100% - 570px);
  padding: 40px 0;
}

.nycontact-message h3 {
  font-size: 24px;
  line-height: 40px;
}

.nycontact-message h3 i {
  float: left;
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 10px
}

.nycontact-message h3 span {
  color: #888;
  font-size: 16px;
  margin-left: 10px;
  font-weight: normal;
}

.form-group {
  padding: 10px 0;
  min-height: 40px;
  color: #666;
}

.form-control {
  float: left;
  width: calc(50% - 20px);
  border: 1px #ddd solid;
  height: 40px;
  line-height: 40px;
  color: #666;
  margin-right: 20px;
  padding: 0 15px;
  box-sizing: border-box;
}

.marginr0 {
  margin-right: 0 !important
}

.form-control-c {
  width: calc(100% - 20px);
  height: 130px;
  border: 1px #ddd solid;
  padding: 10px 15px;
  box-sizing: border-box;
}

.form-sub {
  width: 200px;
  height: 40px;
  background: #e60012;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border: none;
  font-size: 16px;
  margin-right: 15px;
}









.nycontact_nav {
  width: 800px;
  margin: 0 auto;
  height: 60px;
}

.nycontact_nav ul li {
  float: left;
  width: 400px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  background: #fff;
  color: #333;
  border: 1px #ddd solid;
  box-sizing: border-box;
  transition: all 0.5s ease;
}

.nycontact_nav ul li.active {
  background: #e60012;
  color: #fff;
  border: 1px #e60012 solid;
}



.nycontactc {
  width: 1350px;
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
  height: 600px;
}

.nycontact-cont {
  opacity: 0;
  z-index: 1;
  width: 1310px;
  height: 600px;
  position: absolute;
  left: 20px;
  top: 20px;
}

.nycontact-cont.active {
  opacity: 1;
  z-index: 9;
}



.nycontact-tel {
  float: right;
  width: 400px;
  padding-left: 75px;
  border-left: 1px #ddd solid;
  height: 560px;
}

.nycontact-tel p {
  font-size: 16px;
  color: #333;
  line-height: 40px;
  margin-top: 40px;
}

.nycontact-tel h3 {
  margin-bottom: 40px;
  font-size: 36px;
  color: #e60012;
  line-height: 60px;
}

.nycontact-tel h4 {
  font-weight: normal;
}

.nycontact-tel h4 a {
  width: 160px;
  float: left;
  margin: 0 20px 20px 0;
  display: block;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: 1px #ddd solid;
  box-sizing: border-box;
  transition: all 0.5s ease;
}

.nycontact-tel h4 a:hover {
  background: #e60012;
  color: #fff;
  border: 1px #e60012 solid;
}



.servicetext{ font-size:16px; line-height:35px; color:#666;}
.servicetext .mode{ width:100%;}
.servicebox{ width:calc( 100% - 200px); margin:0 auto; min-width:1300px; box-sizing:border-box; height:280px; background:url(../images/servicebox.jpg) left top no-repeat;}
.servicebox a{ display:block; width:600px; float:left; height:280px;}


.servicetext .mode dl{width: 32.4%;margin-right: 1.3%;margin-bottom: 1.3%;float: left; border-radius:10px; height:81px; background: #f5f5f5;padding: 25px 0;}
.servicetext .mode dl:first-child{margin-left: 0;}
.servicetext .mode dl:nth-child(3){ margin-right:0 }
.servicetext .mode dl:nth-child(4){ width:100%; margin-right:0 }
.servicetext .mode dd{float: left;margin: 0 15px 0 20px;}
.servicetext .mode dt{float: left; width:290px;}
.servicetext .mode dt h4{font-size:16px;color: #888; font-weight:normal;margin-top: 5px;}
.servicetext .mode dt p{font-size:16px;padding: 0; color:#333;line-height:1.75;}
.servicetext .mode dt p.tel{font-size:16px; color:#333}




.pro_mes{ padding:30px 0; box-sizing: border-box; background: #fff; display: flex; justify-content: space-between;}
.pro_mes_l{ width:48%; }
.pro_mes_r{ width:48%; background-position:center; background-size:cover; background-repeat:no-repeat; }
.pro_mes_r img{ max-width:100%; }

.khtitle {}

.khtitle h3 {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}

.khtitle p {
  font-size: 16px;
  color: #888;
  line-height: 35px;
}

.khtitle p span {
  color: #e60012
}



.liuyan {
  width: 100%;
}

.liuyan h3 {
  font-size: 20px;
  color: #333;
  margin-top: 30px;
}

.liuyan table {
  width: 100%;
}

.liuyan table td {
  font-size: 18px;
  padding: 20px 0 0;
  line-height: 40px;
}

.liuyan table td span {
  color: #e20f1f;
  padding: 0 7px;
}

.form-group p {
  line-height: 32px;
  padding-left: 10px;
  position: relative;
}

.form-group p:before {
  content: "";
  width: 2px;
  height: 10px;
  left: 0;
  top: 10px;
  background: #e60012;
  position: absolute;
}

.form-control4 {
  float: left;
  width: 365px;
  border-radius: 3px;
  background: #f6f7fa;
  border: 1px #e9ecf2 solid;
  height: 40px;
  line-height: 40px;
  color: #666;
  margin-right: 20px;
  padding: 0 15px;
  box-sizing: border-box;
}

.form-control3 {
  float: left;
  width: 235px;
  border-radius: 3px;
  background: #f6f7fa;
  border: 1px #e9ecf2 solid;
  height: 40px;
  line-height: 40px;
  color: #666;
  margin-right: 20px;
  padding: 0 15px;
  box-sizing: border-box;
}

.form-control-c3 {
  width: 750px;
  height: 130px;
  background: #f6f7fa;
  border: 1px #e9ecf2 solid;
  padding: 5px 15px;
  box-sizing: border-box;
}

.form-control-c4 {
  width: 750px;
  height: 80px;
  background: #f6f7fa;
  border: 1px #e9ecf2 solid;
  padding: 5px 15px;
  box-sizing: border-box;
}



.formtext {
  width: 280px;
  height: 40px;
  box-sizing: border-box;
  border: 1px #aaa solid;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  padding-left: 10px;
}

.formtext1 {
  width: 98%;
  box-sizing: border-box;
  height: 40px;
  border: 1px #aaa solid;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  padding-left: 10px;
}

.formtext2 {
  width: 97.5%;
  height: 130px;
  border: 1px #aaa solid;
  line-height: 30px;
  font-size: 14px;
  color: #333;
  padding: 10px;
}

.bitian {
  background: url(../images/bitian.png) right center no-repeat;
}

.fstext {
  font-size: 16px;
  color: #666;
  margin-left: 20px;
  line-height: 40px;
}









@keyframes whirl {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}









.nynewsnav {
  width: 90%;
  margin: 0 auto;
  min-width: 1300px;
  max-width: 1600px;
  height: 60px;
  border-bottom: 1px #ddd solid;
  position: relative;
  z-index: 9;
}

.loc {
  line-height: 60px;
  color: #333;
  font-size: 12px;
  height: 60px;
  text-align: center;
}

.loc ul li {
  width: 130px;
  position: relative;
  text-align: center;
  display: inline-block;
}

.loc ul li:before {
  content: " ";
  background: #1b1b1b;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 60px;
  transition: all 0.3s ease;
}

.loc ul li:after {
  content: " ";
  background: #ddd;
  z-index: 1;
  position: absolute;
  right: 0;
  top: 20px;
  width: 1px;
  height: 20px;
}

.loc ul li>a {
  line-height: 60px;
  color: #333;
  font-size: 18px;
  display: block;
  width: 130px;
  position: relative;
  z-index: 999
}

.loc ul li>a:hover {
  color: #fff
}

.loc ul li:hover {}

.loc ul li:hover:before {
  width: 130px;
  left: 0;
}

.loc ul li:hover dl {
  opacity: 1;
  display: block;
}

.loc ul li:last-child:after {
  display: none;
}









/*Top按钮*/

*html {
  background-image: url(about:blank);
  background-attachment: fixed;
}

/*解决IE6下滚动抖动的问题*/

.tbox {
  width: 50px;
  float: right;
  position: fixed;
  z-index: 999999;
  right: 10px;
  bottom: 20%;
  _position: absolute;
  _bottom: auto;
  _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
  _margin-bottom: 15px;
  display: none;
}

/*解决IE6下不兼容 position:fixed 的问题*/

.tbox #gotop {
  width: 50px;
  height: 50px;
  background: url(../images/icon.png) no-repeat 0 0;
  display: block;
}