@charset "utf-8";

/*全局控制*/

body {

  margin: 0;

  padding: 0;

  font-size: 16px;

  line-height: 32px;

  font-family: Arial, Helvetica, "微软雅黑";

  -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, Helvetica, "微软雅黑";

}

img {

  border: 0;

}

ul, li {

  list-style-type: none;

}

a {

  color: #333;

  text-decoration: none;

}

a:hover {

  color: #006ab2;

}

.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;

}

.qianhui {

  width: 100%;

  background: #f8f8f8;

  padding: 60px 0;

}

.sytopbg {

  width: 100%;

  height: 90px;

}

.sytop {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  height: 90px;

  position: relative;

}

.logo {

  float: left;

  width: 380px;

  height: 51px;

  padding: 20px 0;

}

.logo img {

  float: left;

  margin-right: 10px;

  max-width: 360px;

}

.logo span {

  float: left;

  line-height: 51px;

  font-size: 16px;

  color: #666;

}

.topright {

  float: right;

}

.toptel {

  float: right;

  padding-left: 25px;

  margin-top: 30px;

  line-height: 30px;

}

.toptel span {

  font-size: 14px;

  color: #fff;

}

.toptel h3 {

  font-size: 24px;

  font-weight: 600;

  color: #333;

  padding-left: 30px;

  background: url(../images/toprighttel.png) left 0px center no-repeat;

}

.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: #006ab2;

  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: 80px;

  padding-top: 10px;

}

.symenuping > ul > li {

  float: left;

  padding: 10px 20px;

  height: 55px;

}

.symenuping > ul > li > a {

  color: #333;

  font-weight: 500;

  font-size: 16px;

  display: block;

  height: 55px;

  line-height: 55px;

  text-align: center;

  position: relative;

  z-index: 9;

}

.symenuping > ul > li:hover {

  background: #006ab2

}

.symenuping > ul > li:hover > a {

  color: #fff

}

.symenuping > ul > li .submenu {

  display: none;

  position: absolute;

  top: 87px !important;

  left: 0 !important;

  background: rgba(255, 255, 255, 1);

  border-bottom: 2px #006ab2 solid;

  z-index: 99999;

  width: 100% !important;

  padding: 40px 60px;

  box-sizing: border-box;

}

.symenuping > ul > li .submenu li {

  float: left;

  width: 200px;

  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: left;

  height: 45px;

  line-height: 45px;

  font-size: 14px;

  color: #666;

  position: relative;

  padding-left: 15px;

}

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

  background: none;

  color: #006ab2

}

.symenuping > ul > li .submenu li.submenu_title {

  width: calc(100% - 600px);

  margin-bottom: 10px;

}

.symenuping > ul > li .submenu li.submenu_title h3 {

  font-size: 20px;

  color: #333;

  line-height: 60px;

  text-align: left;

}

.symenuping > ul > li .submenu li.submenu_img {

  float: right;

  width: 600px;

  height: 200px;

}

.symenuping > ul > li .submenu li a i {

  content: " ";

  position: absolute;

  left: 0;

  top: 50%;

  margin-top: -4px;

  border-top: 4px solid transparent;

  border-bottom: 4px solid transparent;

  border-left: 4px solid #006ab2;

  transition: all 0.5s ease;

}

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

  .symenuping > ul > li {

    padding: 11px 40px;

  }

}

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

  .symenuping > ul > li {

    padding: 11px 20px;

  }

}

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

  .symenuping > ul > li {

    padding: 11px 10px;

  }

}

.five {

  overflow: hidden;

  padding: 70px 0;

}

.five01 {

  margin-top: 50px;

  width: 21%;

  -webkit-transition: transform .3s;

  transition: transform .3s;

  margin: 0 2%;

}

.five01 dl {

  width: 100%;

}

.five01 dl dt {

  width: 100%;

  line-height: 0;

}

.five01 dl dt img {

  max-width: 100%;

  display: block;

}

.five01 dl dd {

  width: 100%;

  text-align: center;

  position: relative;

  z-index: 10;

}

.five01 dl dd em {

  background: #c00;

  display: block;

  width: 86px;

  height: 86px;

  margin: -35px auto 0;

  border-radius: 50%;

  overflow: hidden;

  padding: 13px;

  box-sizing: border-box;

}

.five01.five_right dl dd em {

  background: #fdcb2c

}

.five01 dl dd em img {

  width: 60px;

  height: 60px;

}

.five01 dl dd h5 {

  font-size: 18px;

  color: #333;

  padding: 8px 0 0;

}

.five_m {

  width: 185px;

  height: 0;

  position: absolute;

  top: 0;

  left: 0;

  background: rgba(31, 51, 154, 0.9);

  text-align: center;

  padding: 0 25px;

  overflow: hidden;

  font-size: 16px;

  color: #fff;

  transition: height .5s;

  -moz-transition: height .5s; /* Firefox 4 */

  -webkit-transition: height .5s; /* Safari and Chrome */

  -o-transition: height .5s; /* Opera */

}

.five_m p {

  padding: 60px 0 0;

  line-height: 30px;

  height: 150px;

  overflow: hidden;

}

.five01:hover .five_m, .five01.cur .five_m {

  height: 304px;

}

.five01:hover, .five01.cur {

  -webkit-transform: translate(0, -40px);

  transform: translate(0, -40px);

}

.five_left dl dt, .five_left dl dt img, .five_left .five_m {

  border-radius: 20px 0;

}

.five_right dl dt, .five_right dl dt img, .five_right .five_m {

  border-radius: 0 20px;

}

.five .nobor {

  margin-right: 0;

}

.sygcfwt {

  width: 100%;

  height: 600px;

  overflow: hidden;

}

.sygcfwt ul {

  width: 9999px;

  white-space: nowrap;

  overflow: hidden;

}

.sygcfwt ul:nth-child(1) {

  -webkit-animation: 120s rowleft linear infinite normal;

  animation: 120s rowleft linear infinite normal;

}

.sygcfwt ul:nth-child(2) {

  -webkit-animation: 160s rowleft linear infinite normal;

  animation: 160s rowleft linear infinite normal;

}

.sygcfwt ul:nth-child(3) {

  -webkit-animation: 140s rowleft linear infinite normal;

  animation: 140s rowleft linear infinite normal;

}

.sygcfwt ul li {

  float: left;

  height: 200px;

  opacity: 0.3;

  transition: all .5s ease;

}

.sygcfwt ul li img {

  height: 100%;

}

.sygcfwt ul li:hover {

  opacity: 1;

}

.sygcfwt ul li:nth-child(even) {

  left: 100%;

}

.sygcfwt ul:nth-child(even) {

  -webkit-animation: 160s rowleft linear infinite normal;

  animation: 160s rowleft linear infinite normal;

}

@keyframes rowleft {

  0% {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

  }

  100% {

    -webkit-transform: translate3d(-3000px, 0, 0);

    transform: translate3d(-3000px, 0, 0);

  }

}

.syabout_box {
 width: 100%;

  position: relative;

}

.syabout {

  width: 100%;

  min-height: 610px;

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

  overflow: hidden;

  position: relative;

}

.syabout_l {

  width: 100%;
 height: 615px;

  background: url(../images/abbg.jpg) center top no-repeat;
  margin-top:-200px;

}

.syabout_l img {

  max-width: 100%;

}

.syabout_r {

  
  width: calc(85% - 100px);

  position: relative;

  min-height: 450px;

/*  top: -100px;
*/
  padding: 50px;

  background: url(../images/abcon.png) center top no-repeat;

  margin: 0 auto;

  text-align: center;

  /*	box-shadow: 10px 10px 10px rgba(0,0,0,0.1);*/

  height: 570px;

}

.syabout_r h3 {

  font-size: 16px;

  color: #ddd;

  text-transform: uppercase;

  line-height: 65px;

  font-weight: normal;

}

.syabout_r h4 {

  font-size: 54px;

  color: #333;

  background: url(../images/abline.jpg) center bottom no-repeat;

  height: 43px;

}

.syabout_r em {

  text-align: center;

  font-style: normal;

  font-size: 18px;

  line-height: 3em;

}

.sybgtitle {

  margin: 0 auto;

  text-align: center;

  height: 200px;

}

.sybgtitle h3 {

  font-size: 16px;

  color: #ddd;

  text-transform: uppercase;

  line-height: 65px;

  font-weight: normal;

}

.sybgtitle h4 {

  font-size: 54px;

  color: #333;

  background: url(../images/abline.jpg) center bottom no-repeat;

  height: 43px;

}
.syabout_text{
	height: 210px;
 overflow-y: scroll;
 --primary-color: #006bb3;
 padding-right: 20px;}
.syabout_text::-webkit-scrollbar {width:3px;height:1px;}
.syabout_text::-webkit-scrollbar-thumb {background:var(--primary-color);}
.syabout_text::-webkit-scrollbar-track {background:rgba(255,255,255,0.5);}


.sybgtitle:hover h3{	-webkit-animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;

	        animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}

.sybgtitle:hover  h4{	-webkit-animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;

	        animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}

.sybgtitle:hover em{	-webkit-animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;

	        animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}

/* ----------------------------------------------

 * Generated by Animista on 2024-6-7 9:23:15

 * Licensed under FreeBSD License.

 * See http://animista.net/license for more info. 

 * w: http://animista.net, t: @cssanimista

 * ---------------------------------------------- */



/**

 * ----------------------------------------

 * animation tracking-in-expand-fwd

 * ----------------------------------------

 */

@-webkit-keyframes tracking-in-expand-fwd {

  0% {

    letter-spacing: -0.5em;

    -webkit-transform: translateZ(-700px);

            transform: translateZ(-700px);

    opacity: 0;

  }

  40% {

    opacity: 0.6;

  }

  100% {

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    opacity: 1;

  }

}

@keyframes tracking-in-expand-fwd {

  0% {

    letter-spacing: -0.5em;

    -webkit-transform: translateZ(-700px);

            transform: translateZ(-700px);

    opacity: 0;

  }

  40% {

    opacity: 0.6;

  }

  100% {

    -webkit-transform: translateZ(0);

            transform: translateZ(0);

    opacity: 1;

  }

}



.sybgtitle em {

  text-align: center;

  font-style: normal;

  font-size: 18px;

  line-height: 3em;

}

.syabout_r p {

  font-size: 16px;

  color: #333;

  line-height: 40px;

  text-align: justify;


}

.syabout_r strong {

  padding: 0 30px 0 30px;

}

.syabout_r p:hover {

  color: #111;

}

.syabout_r_a {

  font-size: 24px;

  color: #006ab2;

  text-transform: uppercase;

  margin-right: 30px;

}

.syabout_r strong {

  float: left;

  color: #006ab2;

}

.syabout_r a {

  float: right;

  display: block;

  width: 180px;

  height: 45px;

  text-align: center;

  border: dashed 1px #006ab2;

  border-radius: 8px;

  line-height: 45px;

  font-size: 16px;

	transition: all 1s; 

}

.syabout_r a:hover{background:#006ab2;color:#fff;}

.syabout_list {

  width: calc(100% - 200px);

  margin: 60px auto 0;

  min-width: 1300px;

  height: 140px;

  box-sizing: border-box;

  position: relative;

}

.syabout_list ul {

  width: 100%;

  padding: 40px 0;

  height: 140px;

  box-sizing: border-box;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 9;

  border-top: 1px #ddd solid;

  border-bottom: 1px #ddd solid;

}

.syabout_list li {

  float: left;

  width: 20%;

  box-sizing: border-box;

  padding: 0 40px;

  border-right: 1px #ddd solid;

  background-repeat: no-repeat;

  background-position: right center;

  position: relative;

}

.syabout_list li:after {

  content: "";

  width: 40px;

  height: 40px;

  position: absolute;

  right: 40px;

  top: 15px;

}

.syabout_list li.syabout_list01:after {

  background-image: url(../images/syabout_list01.png);

}

.syabout_list li.syabout_list02:after {

  background-image: url(../images/syabout_list02.png);

}

.syabout_list li.syabout_list03:after {

  background-image: url(../images/syabout_list03.png);

}

.syabout_list li.syabout_list04:after {

  background-image: url(../images/syabout_list04.png);

}

.syabout_list li.syabout_list05:after {

  background-image: url(../images/syabout_list05.png);

}

.syabout_list li.syabout_list05 {

  border-right: none;

}

.syabout_list li h3 {

  font-size: 18px;

  color: #666;

  font-weight: normal;

}

.syabout_list li h4 {

  font-weight: normal;

}

.syabout_list li h4 b {

  font-size: 36px;

  color: #006ab2;

}

.syabout_list li h4 span {

  font-size: 16px;

  color: #666;

}

.sypro {

  width: 100%;

  box-sizing: border-box;

  padding: 80px 0 140px;

  background: url(../images/sycpbg.jpg) center top no-repeat;

}

.sypro_title {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.sypro_title h3 {

  font-size: 30px;

  color: #006ab2;

  text-transform: uppercase;

  line-height: 50px;

  font-weight: normal;

}

.sypro_title h4 {

  font-size: 30px;

  color: #333;

  float: left;

  margin-right: 50px;

  line-height: 40px;

}

.sypro_title ul {}

.sypro_title ul li {

  float: left;

  margin-right: 45px;

  position: relative;

  line-height: 50px;

}

.sypro_title ul li:after {

  content: "";

  display: block;

  width: 0;

  height: 2px;

  position: absolute;

  left: 50%;

  bottom: 0;

  margin-left: 0;

  background: #333333

}

.sypro_title ul li a {

  font-weight: normal;

  font-size: 16px;

  color: #333;

}

.sypro_title ul li:hover a {

  font-weight: bold;

  color: #006ab2

}

.sypro_title ul li:hover:after {

  width: 46px;

  margin-left: -23px;

}

.sypro_title ul li:active a {

  font-weight: bold;

  color: #006ab2;

}

.sypro_title ul li:active:after {

  width: 46px;

  margin-left: -23px;

}

.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 0 0;

  width: calc(33.33% - 20px);

}

.sypro_list ul li h3 {

  width: 100%;

  padding: 0;

  height: auto;

  padding-bottom: 80%;

  border-radius: 10px;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.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 {

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 0 10px;

  overflow: hidden;

  box-sizing: border-box;

  right: 0;

  z-index: 5;

  height: 40px;

  line-height: 40px;

  transition: all 0.5s ease;

  background: rgba(0, 106, 178, 0.8);

  text-align: center;

}

.sypro_list ul li p a {

  color: #fff;

  font-size: 16px;

  display: block;

}

.sypro_list ul li:hover p {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  line-height: 24px;

  padding: 40px;

}

.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: 12px;

  top: 15px;

  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: #666;

  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: #666;

  position: absolute;

  top: -90px;

  right: 0;

  width: 30px;

  height: 30px;

  z-index: 9;

  border-radius: 4px;

  transition: all .3s;

}

.mr_frBtnbg {

  background: #006ab2 !important;

}

.sypro1 {

  width: 100%;

  box-sizing: border-box;

  padding: 80px 0 100px;

  background: url(../images/sycpbg1.jpg) center top no-repeat;

}

.sypro_list1 {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

  position: relative;

}

.sypro_list1 ul {

  width: 100%;

}

.sypro_list1 ul li {

  float: left;

  position: relative;

  box-sizing: border-box;

  overflow: hidden;

  margin: 0 20px 0 0;

  width: calc(25% - 20px);

}

.sypro_list1 ul li h3 {

  width: 100%;

  padding: 0;

  height: auto;

  padding-bottom: 80%;

  border-radius: 10px;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.sypro_list1 ul li h3 a {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 2;

}

.sypro_list1 ul li p {

  position: absolute;

  bottom: 0;

  left: 0;

  padding: 0 10px;

  overflow: hidden;

  box-sizing: border-box;

  right: 0;

  z-index: 5;

  height: 40px;

  line-height: 40px;

  transition: all 0.5s ease;

  background: rgba(1, 128, 73, 0.8);

  text-align: center;

}

.sypro_list1 ul li p a {

  color: #fff;

  font-size: 16px;

  display: block;

}

.sypro_list1 ul li:hover p {

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  line-height: 24px;

  padding: 40px;

}

.sypro_list1 ul li h4 {

  position: absolute;

  left: 30px;

  top: 30px;

  z-index: 5;

  color: #fff;

  font-size: 30px;

  text-transform: uppercase;

}

.sypro_list1 ul li h4 span {

  font-size: 14px;

  font-weight: normal;

  color: rgba(255, 255, 255, 0.6)

}

.sypro_list1 ul li i {

  position: absolute;

  right: 12px;

  top: 15px;

  z-index: 5;

  display: inline-block;

  width: 45px;

  height: 44px;

  background: url(../images/logoico.png) center center no-repeat;

}

.syyoushi {

  background: #f8f8f8;

  padding: 80px 0;

}

.syyoushi_title {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.syyoushi_title h3 {

  font-size: 36px;

  color: #006ab2;

  text-transform: uppercase;

  line-height: 50px;

}

.syyoushi_title h4 {

  font-size: 30px;

  color: #333;

  float: left;

  margin-right: 50px;

  line-height: 40px;

}

.syyoushi_list {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.syyoushi_list ul {

  width: 100%

}

.syyoushi_list ul li {

  float: left;

  width: 23.5%;

  margin-right: 2%;

  text-align: center;

  height: 540px;

  background: #fff;

  position: relative;

  padding: 60px 30px;

  box-sizing: border-box;

  transition: all 0.3s ease;

  box-shadow: 0px 2px 10px 1px rgba(50, 50, 50, 0.1);

}

.syyoushi_list ul li h4 {

  position: absolute;

  left: 0;

  right: 0;

  bottom: 0;

  height: 230px;

}

.syyoushi_list ul li h3 {

  font-size: 24px;

  color: #333;

  margin-bottom: 10px;

  margin-top: 70px;

  line-height: 60px;

  font-weight: normal

}

.syyoushi_list ul li p {

  font-size: 16px;

  color: #888;

}

.syyoushi_list ul li i {

  position: absolute;

  left: 50%;

  margin-left: -50px;

  top: 40px;

  width: 100px;

  height: 100px;

  background: #aaa;

  display: inline-block;

}

.syyoushi_list ul li:hover {

  box-shadow: 0px 2px 10px 1px rgba(50, 50, 50, 0.3);

}

.syyoushi_list ul li:hover i {

  background: #006ab2

}

.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: #006ab2;

  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: #006ab2;

  color: #fff;

  border-radius: 4px;

}

.synews {

  width: 100%;

  margin: 0 auto;

  box-sizing: border-box;

}

.synews_title {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box

}

.synews_title h3 {

  font-size: 30px;

  color: #006ab2;

  text-transform: uppercase;

  font-weight: normal;

}

.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: 480px;

  height: 485px;

  position: relative;

  float: left;

  padding: 40px;

  box-sizing: border-box;

  box-shadow: 0px 2px 10px 1px rgba(50, 50, 50, 0.1);

}

.synewshot h4 {

  width: 100%;

  height: 300px;

  margin-bottom: 20px;

  position: relative;

}

.synewshot h4:before {

  content: "";

  position: absolute;

  z-index: 9;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.6);

  transition: all 0.3s ease;

}

.synewshot h4:after {

  /*  content: "";

  width: 60px;

  height: 60px;

  display: block;

  position: absolute;

  z-index: 9;

  left: 50%;

  top: 50%;

  margin-left: -30px;

  margin-top: -30px;

  background: url(../images/videoico.png) center center no-repeat;*/

}

.synewshot h4 a {

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  z-index: 99;

}

.synewshot h4 img {

  width: 100%;

  height: 100%;

}

.synewshot h4:hover:before {

  background: rgba(0, 0, 0, 0.3);

}

.synewshot h3 {

  font-size: 20px;

  color: #333;

  line-height: 50px;

  margin-bottom: 20px;

  border-bottom: 1px #e7e7e7 solid;

}

.synewshot p {

  font-size: 14px;

  color: #888;

}

.synewshot .synews_a {

  font-size: 14px;

  color: #8f8f8f;

  transition: all 0.3s ease;

  position: absolute;

  right: 40px;

  bottom: 20px;

}

.synewshot:hover .synews_a {

  color: #006ab2;

}

.synewshot .synews_b {

  font-size: 18px;

  color: #888;

  transition: all 0.3s ease;

  position: absolute;

  left: 40px;

  bottom: 45px;

}

.synewshot:hover .synews_b {

  color: #006ab2;

}

.synews_list {

  width: calc(100% - 520px);

  float: right;

}

.synews_list_title {}

.synews_list ul {

  width: 100%;

  height: 220px;

}

.synews_list ul li {

  float: left;

  width: 48%;

  background: #f9f9f9;

  padding: 25px;

  margin: 0 1% 2%;

  box-sizing: border-box;

  position: relative;

  height: 234px;

}

.synews_list ul li:hover{	-webkit-animation: shadow-drop-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;

	        animation: shadow-drop-br 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}

@-webkit-keyframes shadow-drop-br {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

  }

  100% {

    -webkit-box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.35);

            box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.35);

  }

}

@keyframes shadow-drop-br {

  0% {

    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);

  }

  100% {

    -webkit-box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.35);

            box-shadow: 12px 12px 20px -12px rgba(0, 0, 0, 0.35);

  }

}



.synews_list ul li h3 {

  color: #333;

}

.synews_list ul li h4 {

  font-size: 30px;

  color: #006ab2;

  line-height: 20px;

  text-align: center;

  width: 70px;

  float: left;

  padding-top: 20px;

}

.synews_list ul li h4 span {

  color: #888;

  font-size: 16px;

  font-weight: normal;

}

.synewslist h5 {

  font-size: 30px;

  color: #006ab2;

  line-height: 20px;

  text-align: center;

  width: 70px;

  float: left;

}

.synewslist h5 span {

  color: #888;

  font-size: 16px;

  font-weight: normal;

}

.synews_list ul li h3 a {

  font-size: 18px;

  font-weight: normal;

  color: #333;

  display: block;

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

  line-height: 40px;

  margin-bottom: 5px;

}

.synews_list ul li p {

  font-size: 15px;

  color: #8f8f8f;

  line-height: 2em;

  height: 76px;

  overflow: hidden;

  border-bottom: 1px #e7e7e7 solid;

}

.synews_list ul li .synews_a {

  font-size: 14px;

  color: #8f8f8f;

  transition: all 0.3s ease;

  position: absolute;

  right: 25px;

  bottom: 30px;

}

.synews_list ul li:hover .synews_a {

  color: #006ab2;

  margin-left: 10px;

}

.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: #006ab2;

}

.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, #006ab2);

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

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

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

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

  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;

}

.jdallist_hot {

  width: 100%;

  overflow: hidden;

  position: relative;

}

.jdallist_hot ul {

  width: 100%;

}

.jdallist_hot ul li {

  float: left;

  position: relative;

  box-sizing: border-box;

  overflow: hidden;

  margin: 0 10px;

  width: 100%;

  background: #f8f8f8;

}

.jdallist_hot ul li h3 {

  width: 500px;

  padding: 0;

  height: 400px;

  float: left;

  position: relative;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.jdallist_hot ul li h3 a {

  width: 100%;

  height: 100%;

  display: block;

  position: absolute;

  top: 0;

  left: 0;

}

.jdallist_hot ul li h3 a img {

  max-width: 100%;

  max-height: 100%;

}

.jdallist_hot ul li div {

  float: left;

  width: calc(100% - 540px);

  box-sizing: border-box;

  padding: 30px;

  position: relative;

  height: 400px;

}

.jdallist_hot ul li div h4 {

  font-size: 18px;

  color: #333;

  margin-bottom: 20px;

  height: 32px;

  overflow: hidden;

  text-overflow: ellipsis;

  text-overflow: ellipsis

}

.jdallist_hot ul li div p {

  font-size: 14px;

  color: #aaa;

  line-height: 32px;

}

.jdallist_hot ul li div a.nyjdal_r_a {

  font-size: 14px;

  background: #c00;

  color: #fff;

  text-align: center;

  line-height: 35px;

  display: inline-block;

  width: 100px;

  height: 35px;

  position: absolute;

  bottom: 30px;

  left: 30px;

  transition: all 0.3s ease;

}

.jdallist_hot ul li:hover div a.nyjdal_r_a {

  background: #fdcb2c;

}

.nyznsl_listlb {

  width: 100%;

  box-sizing: border-box;

}

.nyznsl_listlb ul li {

  float: left;

  width: 25%;

  box-sizing: border-box;

  padding: 30px;

  border: 1px #eee solid;

}

.nyznsl_listlb ul li h3 {

  font-size: 18px;

  color: #333;

  margin-bottom: 10px;

}

.nyznsl_listlb ul li p {

  font-size: 14px;

  color: #888;

}

.nyznsl_listlb ul li a.nyznsl_listlb_a {

  display: inline-block;

  margin-top: 10px;

  color: #c00;

  font-size: 14px;

  text-transform: uppercase;

}

.foot {

  background: url(../images/footbg.jpg) center center no-repeat;

  width: 100%;

  height: 626px;

}

.footbox {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

  /*	padding-top:180px;*/

}

.foottitle {

  font-size: 20px;

  font-weight: bold;

  color: #333;

  padding-bottom: 10px;

  margin-bottom: 10px;

  position: relative;

  height: 80px;

}

.footcpfl1 ul li a{color:#666;font-size:14px;}

.footcpfl2 ul li a{color:#666;font-size:14px;}

.foottitle span {

  font-size: 16px;

  color: #aaa;

  margin-left: 10px;

  font-weight: 300;

}

.foottitle:after {

  content: "";

  width: 40px;

  height: 2px;

  background: #006ab2;

  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

}

.footcpfl {

  float: left;

  width: 140px;

	position: relative;

	top:180px;

	z-index:999

}

.footcpfl ul li {

  line-height: 35px;

}

.footcpfl ul li a {

  color: #666;

  font-size: 14px;

  line-height: 35px;

}

.footcpfl1{width:100px;float:left;margin:0 10% 0 18%}

.foot-right{float:revert;position: relative;}

.footcpfl{width:140px;float: left;}

.footcpfl2{width:100px;float: left;}

.footcontact {

  float: left;

  width: 100px;

  margin-right: 14%;

  position: relative;

  top: 180px;

	z-index:999

}

.foottitle strong {

  float: left;

  font-style: normal;

  line-height: 2em;

}

.foottitle em {

  font-size: 14px;

  color: #666;

  font-style: normal;

  font-weight: normal;

}

.footcontact ul li {

  line-height: 35px;

}

.footcontact ul li a {

  color: #666;

  font-size: 14px;

  line-height: 35px;

}

.footlogo {

  position: relative;

  width: 120px;

  margin: 0 auto;

}

.footlogo a {

  width: 65px;

  display: block;

  margin: 0 auto;

  position: relative;

  top: 100px;

  color: #fff;

}

.footlogo .footewm {

  height: 120px;

  text-align: center;

  position: relative;

  top: 206px;

}

.footlogo .footewm ul li {

  float: left;

  margin-right: 20px;

  width: 120px;

  font-size: 14px;

  line-height: 1;

}

.footlogo .footewm ul li i {

  font-size: 14px;

  line-height: 3.2em;

  font-style: normal;

  color: #666;

}

.footlogo .footewm img {

  width: 120px;

  height: 120px;

  display: inline-block;

}

.footlogo .footlogoimg {

  font-size: 18px;

  text-align: left;

  line-height: 30px;

  color: #333;

}

.footlogo .footlogoimg img {

  display: inline-block;

  margin-bottom: 10px;

}

.footlogo .footlogoimg h3 {

  font-size: 24px;

  color: #333;

}

.footlogo .footlogoimg p {

  font-size: 14px;

  text-transform: uppercase;

  color: #aaa;

  letter-spacing: 0.6px;

}

.copyleftnav{float:left;}

.copyright {

  width: 100%;

  height: 60px;

  line-height: 60px;

  color: #fff;

  text-align: left;

  background: #006ab2;

  font-size: 14px

}

.fotel{background: url(../images/fotel.png) left center no-repeat;padding-left:40px;display: block;height:60px;}

.foad{background: url(../images/foad.png) left center no-repeat;padding-left:40px;display: block;height:60px;}

.copyleftnav a {

  color: #fff;

	float:left;

}

.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: #006ab2;

  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;

  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;

  width: 1000px;

  margin: 0 auto;

}

.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 {

  font-size: 18px;

  text-transform: uppercase;

  color: #fff;

}

.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: #006ab2;

}

.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: #006ab2;

  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: #006ab2;

}

.nyaboutnav ul li.active:after {

  width: 200px;

  margin-left: -100px;

}

.nyaboutnav ul li.active a {

  color: #006ab2;

}

.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: #006ab2;

  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, #006ab2);

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

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

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

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

}

.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;

  box-sizing: border-box;

  padding: 0 40px 30px 0;

  border-right: 1px #ddd solid;

}

.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%;

  border: 10px #f6f6f6 solid;

  box-sizing: border-box;

  padding: 10px 0 20px;

}

.nycpfllist > ul > li {

  width: 100%;

  background: #fff;

  transition: all 0.5s ease;

  box-sizing: border-box;

  position: relative;

}

.nycpfllist > ul > li:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 30px;

  height: 1px;

  width: 180px;

  background: #eee;

  display: inline-block;

  z-index: 1;

}

.nycpfllist > ul > li:before {

  content: "";

  position: absolute;

  bottom: 0;

  left: 30px;

  height: 2px;

  width: 0;

  background: #006ab2;

  display: inline-block;

  z-index: 2;

  transition: all 0.5s ease;

}

.nycpfllist ul > li:hover:before {

  width: 180px;

}

.nycpfllist > ul > li > a {

  display: block;

  padding: 20px 30px;

  box-sizing: border-box;

  position: relative;

  z-index: 9;

  font-size: 16px;

  line-height: 40px;

  color: #333;

}

.nycpfllist > ul > li > a i {

  display: inline-block;

  width: 40px;

  height: 40px;

  float: left;

  margin-right: 10px;

  background-color: #eee;

}

.nycpfllist > ul > li:hover > a {

  color: #006ab2;

}

.nycpfllist > ul > li:hover > a i {

  background-color: #006ab2

}

.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: #006ab2

}

.nycpfl_tel {

  width: 100%;

  box-sizing: border-box;

  padding: 30px 0 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 #006ab2 solid;

  border-bottom: 0;

  background-size: 105% 105%;

}

.nypro-tltj ul li:hover .text {

  background: #006ab2

}

.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, #006ab2);

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

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

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

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

}

.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, #006ab2);

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

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

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

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

}

.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: 23%;

  margin-right: 2%;

  margin-bottom: 2%;

  position: relative;

  overflow: hidden;

  transition: all 0.3s ease;

}

.nypro_list .nypro_list_con li:nth-child(4n) {

  margin-right: 0

}

.nypro_list .nypro_list_con li h3 {

  width: 100%;

  padding: 0;

  padding-bottom: 100%;

  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: #f8f8f8;

  height: 45px;

  line-height: 45px;

  color: #333;

  transition: all 0.3s ease;

}

.nypro_list .nypro_list_con li p a {

  font-size: 16px;

  color: #333;

  line-height: 45px;

  padding: 0 30px;

  display: block;

  text-align: center;

}

.nypro_list .nypro_list_con li:hover p {

  background: #006ab2;

}

.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: 80px 0;

}

.nyaboutjianjie_l {

  float: left;

  width: 300px;

  min-height: 800px;

  box-sizing: border-box;

  padding-right: 80px;

  margin-right: 80px;

  box-sizing: border-box;

  border-right: 1px #ddd solid;

}

.nyabout_list {

  width: 300px;

  box-sizing: border-box;

  position: relative;

}

.nyabout_list ul {

  width: 100%;

  box-sizing: border-box;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 9;

}

.nyabout_list li {

  box-sizing: border-box;

  background-repeat: no-repeat;

  background-position: right center;

  position: relative;

  padding-bottom: 20px;

  margin-bottom: 20px;

}

.nyabout_list li:before {

  content: "";

  display: block;

  width: 40px;

  height: 40px;

  margin-bottom: 10px;

}

.nyabout_list li:after {

  content: "";

  position: absolute;

  bottom: 0;

  left: 0;

  width: 220px;

  height: 1px;

  background: #eee

}

.nyabout_list li.syabout_list01:before {

  background-image: url(../images/syabout_list01.png);

}

.nyabout_list li.syabout_list02:before {

  background-image: url(../images/syabout_list02.png);

}

.nyabout_list li.syabout_list03:before {

  background-image: url(../images/syabout_list03.png);

}

.nyabout_list li.syabout_list04:before {

  background-image: url(../images/syabout_list04.png);

}

.nyabout_list li.syabout_list05:before {

  background-image: url(../images/syabout_list05.png);

}

.nyabout_list li h3 {

  font-size: 18px;

  color: #666;

  font-weight: normal;

}

.nyabout_list li h4 {

  font-weight: normal;

}

.nyabout_list li h4 b {

  font-size: 46px;

  color: #006ab2;

}



.nyabout_list li h4 span {

  font-size: 16px;

  color: #666;

}

.nyaboutjianjie_title {

  font-size: 30px;

  color: #333;

  line-height: 100px;

  font-weight: bold;

  position: relative;

}

.nyaboutjianjie_title:before {

  content: "";

  position: absolute;

  left: -100px;

  top: -60px;

  width: 600px;

  height: 500px;

  background: url(../images/nyaboutjianjie_title.png) left top no-repeat;

}

.nyaboutjianjie_content {

  font-size: 16px;

  color: #333;

  max-height: 800px;

  overflow-y: scroll;

  padding-right: 60px;

}

.nyaboutjianjie_content h3 {

  font-size: 18px;

  color: #333;

  line-height: 50px;

}

.nyaboutjianjie_content p {

  font-size: 16px;

  color: #333;

  line-height: 36px;

  text-align: justify;

  margin: 14px 0;

  text-indent: 2em

}

.nyaboutjianjie_content p:hover {

  color: #111;

}

.nyaboutjianjie_r {

  width: calc(100% - 600px);

  float: right;

  overflow-y: scroll;

  height: 500px;

  box-sizing: border-box;

  padding-right: 60px;

}

.nyaboutjianjie_r::-webkit-scrollbar {

  width: 3px;

  height: 1px;

}

.nyaboutjianjie_r::-webkit-scrollbar-thumb {

  background: #006ab2;

}

.nyaboutjianjie_r::-webkit-scrollbar-track {

  background: #EBEBEB;

}

.nyaboutjianjie_list {

  width: 100%;

  margin: 0 auto; /* height:340px;*/

}

.nyaboutjianjie_list .swiper-slide { /*height:340px;*/ padding: 0 10px;

  box-sizing: border-box;

}

.nyaboutjianjie_list .swiper-slide img {

  width: 100%; /* height:340px;*/ border-radius: 10px;

}

.swiper-button-next, .swiper-button-prev {

  color: #006ab2 !important

}

.nyyfx {

  width: calc(100% - 200px);

  margin: 0 auto;

  height: 701px;

  min-width: 1300px;

  box-sizing: border-box;

  position: relative;

  background: url(../images/yfxbg.jpg) center top no-repeat;

}

.nyyfx_l {

  float: left;

  width: 650px;

  width: calc(100% - 640px);

}

.nyyfx_l h4 {

  margin-top: 30px;

  font-size: 18px;

  color: #333;

  font-weight: normal;

}

.nyyfx_l h3 {

  margin-top: 10px;

  margin-bottom: 10px;

  font-size: 20px;

  color: #006ab2;

}

.nyyfx_l p {

  font-size: 16px;

  color: #666;

  line-height: 30px;

  text-indent: 2em;

  margin-bottom: 10px;

}

.nyyfx_r {

  float: right;

  width: 600px;

}

.nyyfx_r img {

  max-width: 100%

}

.index-video {

  padding-bottom: 130px;

  margin-top: 20px;

  position: relative;

}

.index-video:before {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 600px;

  background: url(../images/video-bg.jpg) #006ab2 no-repeat bottom center;

  z-index: -1;

}

.video-base {

  float: left;

  width: 600px;

}

.video-base .base-txt h2 {

  font-size: 24px;

}

.video-con {

  margin-top: 44px;

  position: relative;

  border: 5px solid #fdcb2c;

  line-height: 1;

}

.video-btn {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 9;

  cursor: pointer;

}

.video-btn img {

  position: absolute;

  width: 80px;

  height: 80px;

  left: 50%;

  top: 50%;

  margin-left: -40px;

  margin-top: -40px;

  z-index: 99;

}

.video-con video {

  width: 100%;

  height: auto;

}

.video-link {

  margin-top: 84px;

}

.video-link strong {

  display: block;

  font-weight: normal;

  color: #FFF;

  font-size: 36px;

  line-height: 1.1;

  text-align: center;

  position: relative;

  top: -32px;

}

.video-link span {

  display: inline-block;

  margin-top: 60px;

  line-height: 70px;

  width: 260px;

  text-align: center;

  background: #006ab2;

  -webkit-border-radius: 60px;

  -moz-border-radius: 60px;

  -ms-border-radius: 60px;

  -o-border-radius: 60px;

  border-radius: 60px;

  -webkit-box-shadow: 0 0 30px rgba(251, 39, 64, .2);

  -moz-box-shadow: 0 0 30px rgba(251, 39, 64, .2);

  -ms-box-shadow: 0 0 30px rgba(251, 39, 64, .2);

  -o-box-shadow: 0 0 30px rgba(251, 39, 64, .2);

  box-shadow: 0 0 30px rgba(251, 39, 64, .2);

  color: #FFF;

  font-size: 24px;

  cursor: pointer;

  -webkit-transition: all .3s ease;

  -moz-transition: all .3s ease;

  -ms-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

}

.video-link span a {

  color: #fff;

}

.video-link span:hover {

  margin-left: 8px;

}

.video-info {

  float: right;

  width: calc(100% - 660px);

  position: relative;

  padding: 60px 6% 60px 0;

  color: #DCDCDC;

  font-size: 18px;

  line-height: 36px;

  box-sizing: border-box

}

.video-info:before {

  content: "";

  position: absolute;

  left: -20%;

  right: 0;

  top: 0;

  height: 100%;

  background-color: #006ab2;

  z-index: -1;

  -webkit-box-shadow: 0 0 50px rgba(29, 32, 37, .3);

  -moz-box-shadow: 0 0 50px rgba(29, 32, 37, .3);

  -ms-box-shadow: 0 0 50px rgba(29, 32, 37, .3);

  -o-box-shadow: 0 0 50px rgba(29, 32, 37, .3);

  box-shadow: 0 0 50px rgba(29, 32, 37, .3);

}

.video-info ul {

  overflow-y: scroll;

  height: 700px;

  padding-right: 20px;

}

.video-info ul::-webkit-scrollbar {

  width: 3px;

  height: 1px;

}

.video-info ul::-webkit-scrollbar-thumb {

  background: #F0BE4D;

}

.video-info ul::-webkit-scrollbar-track {

  background: rgba(255, 255, 255, 0.5);

}

.video-info li {

  margin-bottom: 40px;

}

.video-info strong {

  display: block;

  color: #FFF;

  font-size: 20px;

}

.video-info strong a {

  color: #FFF;

  font-size: 20px;

}

.video-info strong i {

  display: inline-block;

  color: #F0BE4D;

  margin-right: 20px;

}

.video-info p {

  margin-top: 10px;

  color: #fff;

  font-size: 16px;

}

.nyaboutsdys {

  background: #f8f8f8;

  padding: 80px 0;

}

.nyaboutsdyslist {

  width: 100%

}

.nyaboutsdyslist ul li {

  width: 100%;

  clear: both;

}

.nyaboutsdyslist ul li img {

  max-width: 100%;

}

.nyaboutsdyslist ul li .nyfwbz_l {

  width: 50%;

  float: left;

}

.nyaboutsdyslist ul li .nyfwbz_r {

  width: 50%;

  float: right;

  background-position: center

}

.nyaboutsdyslist ul li div {

  text-align: justify;

  background-size: cover;

  min-height: 350px;

}

.nyaboutsdyslist ul li div h3 {

  font-size: 24px;

  color: #333;

  margin-bottom: 20px;

}

.nyaboutsdyslist ul li div h4 {

  margin-bottom: 20px;

}

.nyaboutsdyslist ul li div h4.nyaboutsdys01 {

  width: 40px;

  height: 40px;

  background: url(../images/syqiys01.png) center center no-repeat;

}

.nyaboutsdyslist ul li div h4.nyaboutsdys02 {

  width: 40px;

  height: 40px;

  background: url(../images/syqiys02.png) center center no-repeat;

}

.nyaboutsdyslist ul li div h4.nyaboutsdys03 {

  width: 40px;

  height: 40px;

  background: url(../images/syqiys03.png) center center no-repeat;

}

.nyaboutsdyslist ul li div h4.nyaboutsdys04 {

  width: 40px;

  height: 40px;

  background: url(../images/nyaboutsdys04.png) center center no-repeat;

}

.nyaboutsdyslist ul li div p {

  font-size: 16px;

  color: #555;

  line-height: 36px;

  margin-bottom: 10px;

	width:90%;

}

.nydszzc {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.nydszzc_text {

  float: left;

  width: calc(100% - 450px);

}

.nydszzc_text h3 {

  font-size: 24px;

  color: #333;

  margin: 20px 0 40px;

}

.nydszzc_text p {

  font-size: 16px;

  color: #888;

  line-height: 36px;

  text-align: justify;

  margin: 8px 0;

  text-indent: 2em

}

.nydszzc_text p:hover {

  color: #666;

}

.nydszzc_img {

  float: right;

  width: 400px;

}

.nyaboutwenhua {

  width: 100%;

}

.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: 18%;

  margin: 0 1%;

  float: left;

  height: 295px;

  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-bottom: 10px;

}

.nyaboutwenhualist ul li p {

  font-size: 14px;

  color: #999;

  line-height: 30px;

  position: relative;

  z-index: 9;

}

.nyaboutwenhualist ul li:before {

  content: "";

  left: 10px;

  right: 10px;

  bottom: 10px;

  top: 10px;

  position: absolute;

  z-index: 2;

  background: #fff;

}

.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(#006ab2, #fdcb2c);

  background: -webkit-linear-gradient(#006ab2, #fdcb2c);

  background: -o-linear-gradient(#006ab2, #fdcb2c);

  background: -ms-linear-gradient(#006ab2, #fdcb2c);

  background: linear-gradient(#006ab2, #fdcb2c);

}

.nyaboutwenhualist ul li:hover:after {

  height: 100%;

}

.nyrclnlist {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.nyrclnlist ul li {

  width: 23%;

  margin: 0 1%;

  float: left;

  height: 295px;

  text-align: center;

  box-sizing: border-box;

  padding: 40px 30px;

  background: #f2f2f2;

  position: relative;

}

.nyrclnlist ul li h4 {

  position: relative;

  z-index: 9;

}

.nyrclnlist ul li h3 {

  font-size: 20px;

  color: #333;

  position: relative;

  z-index: 9;

  margin-bottom: 10px;

}

.nyrclnlist ul li p {

  font-size: 14px;

  color: #999;

  line-height: 30px;

  position: relative;

  z-index: 9;

}

.nyrclnlist ul li:before {

  content: "";

  left: 10px;

  right: 10px;

  bottom: 10px;

  top: 10px;

  position: absolute;

  z-index: 2;

  background: #fff;

}

.nyrclnlist 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(#006ab2, #fdcb2c);

  background: -webkit-linear-gradient(#006ab2, #fdcb2c);

  background: -o-linear-gradient(#006ab2, #fdcb2c);

  background: -ms-linear-gradient(#006ab2, #fdcb2c);

  background: linear-gradient(#006ab2, #fdcb2c);

}

.nyrclnlist ul li:hover:after {

  height: 100%;

}

.nyjxzc {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.nydlqj {

  width: 100%;

}

.nydlqj_l {

  float: left;

  width: 600px;

}

.nydlqj_l img {

  max-width: 100%;

  border-radius: 10px;

}

.nydlqj_r {

  float: right;

  width: 640px;

  width: calc(100% - 660px);

}

.nydlqj_r h3 {

  font-size: 20px;

  color: #333;

  margin-top: 40px;

  margin-bottom: 10px;

  background: url(../images/jxzctitle01.png) left center no-repeat;

  padding-left: 40px;

}

.nydlqj_r p {

  font-size: 16px;

  color: #666;

  line-height: 30px;

  text-indent: 2em

}

.nyjxzc_title {

  text-align: center;

  font-size: 20px;

  font-weight: bold;

  color: #333;

  line-height: 60px;

  width: 130px;

  margin: 0 auto;

  height: 50px;

}

.nyjxzc_title i {

  display: inline-block;

  width: 31px;

  height: 40px;

  margin-right: 10px;

  float: left;

}

.nyjxzc_title span {

  display: inline-block;

  line-height: 40px;

  float: left;

}

.nygcfw {

  width: 100%;

}

.nygcfw_r {

  float: right;

}

.nyfwln_title {

  text-align: center;

  font-size: 30px;

  color: #333;

  line-height: 60px;

  font-weight: bold;

}

.nyfwln_text {

  font-size: 16px;

  line-height: 36px;

  color: #666;

  margin: 0 0 20px;

  text-align: center;

}

.nyfwlnlist {

  width: 100%;

  margin: 0 auto;

  box-sizing: border-box;

}

.nyfwlnlist ul li {

  width: 25%;

  padding: 0 10px;

  float: left;

  text-align: center;

  box-sizing: border-box;

  position: relative;

}

.nyfwlnlist ul li h4 {

  position: relative;

  width: 100%;

  height: 250px;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-radius: 10px;

  overflow: hidden;

}

.nyfwlnlist ul li h3 {

  font-size: 20px;

  color: #fff;

  position: absolute;

  bottom: 0;

  left: 30px;

  width: calc(100% - 60px);

  line-height: 250px;

  text-align: center;

  z-index: 9;

  transition: all 0.3s ease;

  border-radius: 10px;

  overflow: hidden;

}

.nyfwlnlist ul li h4:before {

  content: "";

  display: inline-block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 250px;

  background: rgba(0, 0, 0, 0.5);

  z-index: 2;

  transition: all 0.3s ease;

}

.nyfwlnlist ul li:hover h4:before {

  background: rgba(1, 128, 73, 0.8);

  height: 60px;

}

.nyfwlnlist ul li:hover h3 {

  line-height: 60px;

  font-size: 18px;

}

.nyfwlnlist1 {

  width: 100%;

  margin: 0 auto;

  box-sizing: border-box;

}

.nyfwlnlist1 ul li {

  width: 20%;

  padding: 0 10px;

  float: left;

  text-align: center;

  box-sizing: border-box;

  position: relative;

}

.nyfwlnlist1 ul li h4 {

  position: relative;

  width: 100%;

  height: 200px;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-radius: 10px;

  overflow: hidden;

}

.nyfwlnlist1 ul li h3 {

  font-size: 18px;

  color: #fff;

  position: absolute;

  bottom: 0;

  left: 30px;

  width: calc(100% - 60px);

  line-height: 200px;

  text-align: center;

  z-index: 9;

  transition: all 0.3s ease;

  border-radius: 10px;

  overflow: hidden;

}

.nyfwlnlist1 ul li h4:before {

  content: "";

  display: inline-block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 200px;

  background: rgba(0, 0, 0, 0.5);

  z-index: 2;

  transition: all 0.3s ease;

}

.nyfwlnlist1 ul li:hover h4:before {

  background: rgba(1, 128, 73, 0.8);

  height: 45px;

}

.nyfwlnlist1 ul li:hover h3 {

  line-height: 45px;

  font-size: 18px;

}

@keyframes whirl {

  from {

    transform: rotate(0deg);

  }

  to {

    transform: rotate(360deg);

  }

}

.nyfwlclist {

  width: 100%;

  margin: 0 auto;

  box-sizing: border-box;

}

.nyfwlcn {

  width: 100%;

  padding: 60px 0;

  margin: 0 auto;

  min-width: 1300px;

  background: #c00 url(../images/nyfwlcn.jpg) center center no-repeat;

}

.nyfwlcn .nyfwln_title {

  color: #fff;

}

.nyfwlclist ul {

  position: relative;

}

.nyfwlclist ul li {

  width: 16.66%;

  float: left;

  height: 280px;

  text-align: center;

  box-sizing: border-box;

  padding: 30px 30px;

  position: relative;

  z-index: 9;

  transition: all 0.3s ease;

}

.nyfwlclist ul li:after {

  content: "";

  width: 1px;

  height: 280px;

  background: rgba(255, 255, 255, 0.2);

  position: absolute;

  right: 0;

  top: 0;

  border-radius: 50%;

  z-index: 9;

  transition: all 0.3s ease;

}

.nyfwlclist ul li h4 {

  font-size: 24px;

  color: #fff;

  height: 60px;

  line-height: 60px;

  overflow: hidden;

  transition: all 0.3s ease;

  margin-top: 20px;

}

.nyfwlclist ul li i {

  display: inline-block;

  height: 41px;

  width: 41px;

  overflow: hidden;

  position: relative;

  z-index: 9;

  margin-top: 20px;

  background-repeat: no-repeat;

  background-position: center 0;

  transition: all 0.3s ease;

}

.nyfwlclist ul li i.nyfwlclist01 {

  background-image: url(../images/nyfwlclist_01.png);

}

.nyfwlclist ul li i.nyfwlclist02 {

  background-image: url(../images/nyfwlclist_02.png);

}

.nyfwlclist ul li i.nyfwlclist03 {

  background-image: url(../images/nyfwlclist_03.png);

}

.nyfwlclist ul li i.nyfwlclist04 {

  background-image: url(../images/nyfwlclist_04.png);

}

.nyfwlclist ul li i.nyfwlclist05 {

  background-image: url(../images/nyfwlclist_05.png);

}

.nyfwlclist ul li i.nyfwlclist06 {

  background-image: url(../images/nyfwlclist_06.png);

}

.nyfwlclist ul li h3 {

  font-size: 18px;

  color: #fff;

  position: relative;

  z-index: 9;

  margin-bottom: 10px;

  transition: all 0.3s ease;

}

.nyfwlclist ul li p {

  font-size: 14px;

  color: #888;

  line-height: 24px;

  position: absolute;

  z-index: 9;

  left: 0;

  bottom: 20px;

  width: 100%;

  height: 0;

  overflow: hidden;

  box-sizing: border-box;

  text-align: justify;

  transition: all 0.3s ease;

}

.nyfwlclist ul li:nth-child(6) {

  margin-right: 0;

}

.nyfwlclist ul li:nth-child(6):after {

  border: none;

}

.nyfwlclist ul li:hover {

  background: #fff;

}

.nyfwlclist ul li:hover:after {

  display: none;

}

.nyfwlclist ul li:hover h4 {

  height: 0;

  line-height: 0;

  margin-top: 0;

}

.nyfwlclist ul li:hover i {

  background-position: center -41px;

  margin-top: 20px;

}

.nyfwlclist ul li:hover h3 {

  color: #333;

}

.nyfwlclist ul li:hover p {

  height: 140px;

  padding: 20px;

}

.nygcfwnlist ul {

  text-align: center;

  position: relative;

}

.nygcfwnlist ul li {

  float: left;

  width: 25%;

  text-align: center;

  position: relative;

}

.nygcfwnlist ul li i {

  width: 260px;

  height: 229px;

  margin: 0 auto 30px;

  display: inline-block;

}

.nygcfwnlist ul li:before {

  content: "";

  width: 8px;

  height: 8px;

  box-sizing: border-box;

  background: #ddd;

  position: absolute;

  z-index: 11;

  left: 50%;

  top: 306px;

  margin-left: -4px;

  border-radius: 50%;

}

.nygcfwnlist ul li:after {

  content: "";

  width: 16px;

  height: 16px;

  border: 1px #ddd solid;

  box-sizing: border-box;

  background: #fff;

  position: absolute;

  z-index: 9;

  left: 50%;

  top: 302px;

  margin-left: -8px;

  border-radius: 50%;

}

.nygcfwnlist ul:after {

  content: "";

  height: 1px;

  width: 75%;

  position: absolute;

  left: 12.5%;

  top: 310px;

  background: #ddd;

}

.nyshzr_title {

  font-size: 24px;

  font-weight: bold;

  color: #006ab2;

  line-height: 60px;

}

.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, Helvetica;

}

.nyaboutshiming ul li h3 {

  font-size: 30px;

  color: #006ab2;

  text-transform: uppercase;

  line-height: 50px

}

.nyaboutshiming ul li p {

  font-size: 18px;

  color: #888;

}

.nyznsl {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.nyznsl_title {

  text-align: center;

  border-bottom: 1px #eee solid;

  font-size: 30px;

  color: #333;

  line-height: 60px;

}

.nyznsl_text {

  font-size: 16px;

  line-height: 36px;

  color: #666;

  margin: 20px 0;

  text-align: center;

}

.nyznsl_list {

  width: 100%;

}

.nyznsl_list img {

  max-width: 100%;

}

.nyznsl_list ul li {

  float: left;

  width: 23%;

  margin: 0 1% 1%;

}

.nyznsl_list ul li img {

  max-width: 100%;

}

.nyznsl_list ul li p {

  font-size: 14px;

  color: #666;

  text-align: center;

}

.nyznsl_list5 {

  width: 100%;

}

.nyznsl_list5 ul li {

  float: left;

  width: 19%;

  margin: 0 0.5% 1%;

  text-align: center;

  box-sizing: border-box;

  border: 1px #eee solid;

}

.nyznsl_list5 ul li img {

  max-width: 100%;

}

.nyznsl_list5 ul li p {

  font-size: 14px;

  color: #666;

  text-align: center;

}

.nyznsl_list6 {

  width: 100%;

}

.nyznsl_list6 ul li {

  float: left;

  width: 14.66%;

  margin: 0 1% 1%;

}

.nyznsl_list6 ul li img {

  max-width: 100%;

}

.nyznsl_list6 ul li p {

  font-size: 14px;

  color: #666;

  text-align: center;

}

.nycxy_list {

  width: 100%;

  margin: 0 auto;

  box-sizing: border-box;

}

.nycxy_list ul li {

  width: 50%;

  padding: 0 30px;

  float: left;

  text-align: center;

  box-sizing: border-box;

  position: relative;

}

.nycxy_list ul li h4 {

  position: relative;

  width: 100%;

  height: 400px;

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat;

  border-radius: 10px;

  overflow: hidden;

}

.nycxy_list ul li h3 {

  font-size: 24px;

  color: #fff;

  position: absolute;

  bottom: 0;

  left: 30px;

  width: calc(100% - 60px);

  line-height: 400px;

  text-align: center;

  z-index: 9;

  transition: all 0.3s ease;

  border-radius: 10px;

  overflow: hidden;

}

.nycxy_list ul li h4:before {

  content: "";

  display: inline-block;

  position: absolute;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 400px;

  background: rgba(0, 0, 0, 0.5);

  z-index: 2;

  transition: all 0.3s ease;

}

.nycxy_list ul li:hover h4:before {

  background: rgba(192, 0, 0, 0.5);

  height: 60px;

}

.nycxy_list ul li:hover h3 {

  line-height: 60px;

  font-size: 18px;

}

.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: 100%;

}

.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: #006ab2;

}

.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;

}

.nyhonor {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.nyhonor_list {

  width: 100%;

}

.nyhonor_list_title {

  font-size: 30px;

  color: #333;

  text-align: center;

  line-height: 60px;

  margin-bottom: 20px;

}

.nyhonor_list .nyhonor_list_con {

  width: 100%;

}

.nyhonor_list .nyhonor_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;

}

.nyhonor_list .nyhonor_list_con li:nth-child(4n) {

  margin-right: 0

}

.nyhonor_list .nyhonor_list_con li h3 {

  width: 100%;

  height: 100%;

}

.nyhonor_list .nyhonor_list_con li h3 a {

  display: block;

  width: 100%;

  height: 100%;

  line-height: 0;

  text-align: center;

}

.nyhonor_list .nyhonor_list_con li h3 a img {

  max-width: 100%;

  max-height: 100%;

  display: inline-block

}

.nyhonor_list .nyhonor_list_con li p {

  background: #f2f4f8;

  height: 45px;

  line-height: 45px;

  color: #333;

  text-align: center;

  transition: all 0.3s ease;

}

.nyhonor_list .nyhonor_list_con li p a {

  font-size: 14px;

  color: #333;

  line-height: 45px;

  padding: 0 10px;

}

.nyhonor_list .nyhonor_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;

}

.nyhonor_list .nyhonor_list_con li .text a {

  color: #fff;

  font-size: 14px;

  padding: 0 40px;

  line-height: 30px;

  display: table-cell;

  vertical-align: middle;

}

.nyhonor_list .nyhonor_list_con li:hover p {

  background: #006ab2;

}

.nyhonor_list .nyhonor_list_con li:hover p a {

  color: #fff;

}

.nyhonor_list .nyhonor_list_con li:hover .text {

  top: 0;

}

.nyprosearch_title {

  text-align: center;

  font-size: 24px;

  font-weight: bold;

  color: #333;

  line-height: 60px

}

.nyaboutnyshzr {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.nyaboutnyshzr p {

  text-align: center;

  font-size: 14px;

  color: #999;

  line-height: 40px;

  margin-bottom: 30px;

}

.nyaboutnyshzr p:hover {

  color: #666;

}

.nyaboutnyshzr_list {

  width: 100%;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

  text-align: center;

}

.nyaboutnyshzr_list ul {

  width: 100%;

}

.nyaboutnyshzr_list ul li {

  float: left;

  text-align: center;

  width: 31.3%;

  margin: 0 1%;

  box-sizing: border-box;

}

.nyaboutnyshzr_list ul li img {

  max-width: 100%;

  border-radius: 10px;

}

.nyaboutnyshzr_list1 {

  width: 100%;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

}

.nyaboutnyshzr_list1 ul {

  width: 100%;

}

.nyaboutnyshzr_list1 ul li {

  float: left;

  width: 31%;

  margin: 0 1%;

  box-sizing: border-box;

  position: relative;

  overflow: hidden;

}

.nyaboutnyshzr_list1 ul li:before {

  content: "";

  position: absolute;

  z-index: 2;

  left: 0;

  right: 0;

  bottom: 0;

  height: 280px;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.13) 12%, #000000 100%);

  -webkit-transition: all .3s cubic-bezier(0, .5, .5, 1);

  -o-transition: all .3s cubic-bezier(0, .5, .5, 1);

  transition: all .3s cubic-bezier(0, .5, .5, 1);

}

.nyaboutnyshzr_list1 ul li:after {

  content: "";

  position: absolute;

  z-index: 2;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(0, 106, 178, 0.8);

  display: none;

  transition: all 0.3s ease;

}

.nyaboutnyshzr_list1 ul li h4 {

  position: absolute;

  z-index: 9;

  left: 25px;

  bottom: 120px;

  width: 36px;

  height: 36px;

  transition: all 0.3s ease;

}

.nyaboutnyshzr_list1 ul li h3 {

  position: absolute;

  z-index: 9;

  left: 25px;

  bottom: 40px;

  font-size: 28px;

  color: #fff;

  transition: all 0.3s ease;

}

.nyaboutnyshzr_list1 ul li h3 b {

  display: block;

  font-weight: normal;

  font-size: 16px;

	text-transform:uppercase;

}

.nyaboutnyshzr_list1 ul li p {

  position: absolute;

  z-index: 9;

  left: 25px;

  right: 25px;

  top: 200px;

  display: none;

  font-size: 18px;

  line-height: 2em;

  color: #fff;

  transition: all 0.3s ease;

  text-align: justify

}

.nyaboutnyshzr_list1 ul li img {

  position: relative;

  z-index: 1;

  width: 100%;

  transition: all 0.3s ease;

}

.nyaboutnyshzr_list1 ul li:hover:before {

  display: none;

}

.nyaboutnyshzr_list1 ul li:hover:after {

  display: block;

}

.nyaboutnyshzr_list1 ul li:hover h4 {

  bottom: auto;

  top: 40px;

}

.nyaboutnyshzr_list1 ul li:hover h3 {

  bottom: auto;

  top: 90px;

}

.nyaboutnyshzr_list1 ul li:hover p {

  display: block;

  color: #fff;

}

.nyaboutnyshzr_list1 ul li:hover img {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1)

}

.nyaboutnyshzr_list1 ul li h4.nyaboutnyshzr01 {

  background-image: url(../images/nyaboutnyshzr01.png)

}

.nyaboutnyshzr_list1 ul li h4.nyaboutnyshzr02 {

  background-image: url(../images/nyaboutnyshzr02.png)

}

.nyaboutnyshzr_list1 ul li h4.nyaboutnyshzr03 {

  background-image: url(../images/nyaboutnyshzr03.png)

}

.nyaboutnyshzr_list1 ul li h4.nyaboutnyshzr04 {

  background-image: url(../images/nyaboutnyshzr04.png)

}

.nyaboutnyshzr_list1 ul li h4.nyaboutnyshzr05 {

  background-image: url(../images/nyaboutnyshzr05.png)

}

.nyaboutrongyu_a {

  width: 260px;

  height: 45px;

  border-radius: 4px;

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

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

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

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

  background: linear-gradient(90deg, #9c070d, #006ab2);

  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%;

  clear: both;

}

.nyfwbzlist ul li img {

  max-width: 100%;

}

.nyfwbzlist ul li .nyfwbz_l {

  width: 50%;

  float: left;

}

.nyfwbzlist ul li .nyfwbz_r {

  width: 50%;

  float: right;

}

.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: #006ab2;

  margin-bottom: 10px;

}

.nyfwbzlist ul li div p {

  font-size: 16px;

  color: #888;

  line-height: 36px;

  margin-bottom: 10px;

}

.nyfzlc {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  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: 18px;

  color: #aaa;

}

.nyfzlc-l ul li p {

  font-size: 24px;

  font-weight: bold;

  color: #333;

}

.nyfzlc-l ul li.active {

  background: #006ab2;

  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: #333;

  line-height: 100px;

  font-weight: bold;

  padding-left: 60px;

}

.nyfzlc-r div.tab_c .tab_c_title b {

  color: #006ab2;

  margin-right: 10px;

}

.nyfzlc-r div.tab_c .tab_c_img {

  float: left;

  width: 350px;

  text-align: center;

  padding-top: 50px;

}

.nyfzlc-r div.tab_c .tab_c_img p {

  font-size: 18px;

}

.nyfzlc-r div.tab_c .tab_c_ul {

  float: right;

  width: calc(100% - 360px);

  border-left: 1px solid #e6e6e6;

  padding-top: 50px;

}

.nyfzlc-r div.tab_c ul {

  padding-top: 40px;

}

.nyfzlc-r div.tab_c ul li {

  margin-bottom: 80px;

  position: relative;

  margin-left: 60px;

  padding-bottom: 80px;

  padding-left: 40px;

}

.nyfzlc-r div.tab_c ul li:after {

  content: "";

  width: 100%;

  height: 1px;

  background: #e7e7e7;

  position: absolute;

  bottom: 0;

  left: -60px;

}

.nyfzlc-r div.tab_c ul li .oc {

  position: absolute;

  left: -69px;

  top: 6px;

}

.nyfzlc-r div.tab_c ul li .os {

  position: absolute;

  left: -53px;

  top: 19px;

  height: 2px;

  width: 60px;

  background: #e7e7e7;

}

.nyfzlc-r div.tab_c ul li .mask_ {}

.nyfzlc-r div.tab_c ul li .mask_ .title {

  font-size: 36px;

  font-weight: 400;

  color: #006ab2;

  text-align: left;

  margin-bottom: 10px;

}

.nyfzlc-r div.tab_c ul li .mask_ .p {

  font-size: 16px;

  color: #888;

  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;

}

.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: 48%;

  margin-right: 1.3%;

  float: left;

  border-radius: 10px;

  height: 81px;

  background: #f5f5f5;

  padding: 25px 0;

}

.servicetext .mode dl:first-child {

  margin-left: 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: #666;

  font-weight: normal;

  margin-top: 5px;

}

.servicetext .mode dt p {

  font-weight: 600;

  font-size: 20px;

  padding: 0;

  color: #333;

  line-height: 24px;

}

.servicetext .mode dt p.tel {

  font-weight: 600;

  font-size: 24px;

  color: #333

}

.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: #006ab2;

  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: #006ab2;

  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: #006ab2;

  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: #006ab2;

}

.nycplist ul li:hover h3 {

  border: 10px #006ab2 solid;

}

.nycplist ul li:hover .text a {

  color: #006ab2;

  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: #006ab2;

  border: 1px solid #006ab2;

  color: #ffffff;

  border-left: none;

}





.message {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

  overflow: hidden;

  padding: 60px 0;

}

.message h2 {

  margin: 40px auto;

}

.message .left {

  width: calc(100% - 460px);

  float: left;

}

.message .left dd {

  width: 100%;

  box-sizing: border-box;

  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: 47.7%;

  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-tel {}

.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;

  text-indent: 0;

  line-height: 50px;

  font-size: 18px;

  cursor: pointer;

  background: #006ab2;

  border: none;

  transition: all 0.5s ease;

  color: #fff;

  margin-top: 0;

  margin-left: 10px;

  float: left;

}

.message .right {

  width: 460px;

  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 #cfcfcf;

  padding: 40px 0 40px 140px;

  box-sizing: border-box

}

.message .right dd span a {

  font-size: 46px;

  font-weight: bold;

  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: #006ab2;

  padding: 25px 30px;

  box-sizing: border-box

}

.message .right dt p a {

  font-size: 16px;

  color: #fff;

  display: block;

  padding: 10px 0 10px 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, #006ab2);

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

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

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

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

}

#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: #006ab2;

}

.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: #006ab2;

}

#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: #006ab2;

}

#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: #006ab2;

}

.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: #006ab2;

  transition: all 0.5s ease;

}

.nypro-xqnav ul li.active a {

  color: #006ab2;

}

.nypro-xqnav ul li.active a:after {

  width: 50px;

  margin-left: -25px;

}

.nypro-xqnav ul li a:hover {

  color: #006ab2;

}

.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: #006ab2;

  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: #006ab2;

  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% - 390px);

  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 #006ab2;

  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: 26px;

  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%;

  height: 230px;

  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: #006ab2;

  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 #006ab2;

  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: #006ab2

}

.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%;

}

.textarea video {

  max-width: 650px;

}

.anli_left {

  float: left;

  width: 600px;

}

.anli_right {

  float: right;

  width: calc(100% - 640px);

}

.anli_right h3 {

  color: #c00;

}

.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: #006ab2;

  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: #006ab2

}

.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: #006ab2

}

.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-pro-cont {

  float: left;

  width: 520px;

  height: 520px;

  background: #006ab2;

  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: #006ab2;

  color: #fff;

  text-align: center;

  line-height: 40px;

  border: none;

  font-size: 16px;

  margin-right: 15px;

}

.nyyfdtr {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.nyyfdtr_l {

  float: left;

  width: 640px;

  width: calc(100% - 660px);

}

.nyyfdtr_l h4 {

  color: #006ab2;

  font-size: 18px;

  margin-bottom: 15px;

  margin-top: 20px;

}

.nyyfdtr_l h3 {

  font-size: 30px;

  color: #333;

  margin-bottom: 15px;

}

.nyyfdtr_l h3 span {

  font-weight: normal;

  font-size: 18px;

  margin-left: 15px;

  color: #006ab2;

}

.nyyfdtr_l p {

  color: #333;

  text-indent: 2em;

  margin-bottom: 15px;

}

.nyyfdtr_r {

  float: right;

  width: 600px;

}

.nyyfdtr_r img {

  max-width: 100%;

}

.nyyfdtr_cj {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.nyyfdtr_cj_l {

  float: right;

  width: 640px;

  width: calc(100% - 660px);

}

.nyyfdtr_cj_l h3 {

  color: #006ab2;

  margin-bottom: 15px;

  margin-top: 30px;

  border-bottom: 1px #ddd solid;

  border-top: 3px #006ab2 solid;

  padding: 20px 0;

}

.nyyfdtr_cj_l ul {}

.nyyfdtr_cj_l ul li {

  line-height: 28px;

  padding: 20px 0;

  border-bottom: 1px #ddd solid;

}

.nyyfdtr_cj_l ul li b {

  color: #006ab2;

  font-weight: normal;

}

.nyyfdtr_cj_l ul li:hover {

  color: #006ab2;

}

.nyyfdtr_cj_r {

  float: left;

  width: 600px;

}

.nyyfdtr_cj_r img {

  max-width: 100%;

}

.nyyfcg {

  width: calc(100% - 200px);

  margin: 0 auto;

  min-width: 1300px;

  box-sizing: border-box;

}

.nyyfcg-list2 {

  width: 100%;

  box-sizing: border-box;

}

.nyyfcg-list2 ul li {

  width: 23%;

  margin: 0 1%;

  float: left;

  height: 350px;

  text-align: center;

  box-sizing: border-box;

  background: #fff;

  position: relative;

}

.nyyfcg-list2 ul li h4 {

  position: relative;

  z-index: 9;

  width: 100%;

  height: 200px;

  background-position: left center;

  background-repeat: no-repeat;

  background-size: cover;

}

.nyyfcg-list2 ul li h3 {

  font-size: 18px;

  color: #333;

  position: relative;

  z-index: 9;

  margin-bottom: 10px;

  margin-top: 20px;

}

.nyyfcg-list2 ul li p {

  font-size: 14px;

  padding: 0 40px;

  color: #999;

  line-height: 24px;

  position: relative;

  z-index: 9;

}

.nyyfcg-list3 {

  width: 100%;

  box-sizing: border-box;

}

.nyyfcg-list3 ul li {

  width: 23%;

  margin: 0 1%;

  float: left;

  height: 280px;

  text-align: center;

  box-sizing: border-box;

  background: #fff;

  position: relative;

}

.nyyfcg-list3 ul li h4 {

  position: relative;

  z-index: 9;

  width: 100%;

  height: 200px;

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.nyyfcg-list3 ul li h3 {

  font-size: 18px;

  color: #333;

  position: relative;

  z-index: 9;

  margin-bottom: 10px;

  margin-top: 20px;

}

.nyyfcg-list3 ul li p {

  font-size: 14px;

  padding: 0 40px;

  color: #999;

  line-height: 24px;

  position: relative;

  z-index: 9;

}

.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: #006ab2;

  color: #fff;

  border: 1px #006ab2 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: #006ab2;

  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: #006ab2;

  color: #fff;

  border: 1px #006ab2 solid;

}

.pro_mes {

  padding: 30px 0;

  box-sizing: border-box;

  background: #fff;

}

.khtitle {}

.khtitle h3 {

  font-size: 24px;

  font-weight: bold;

  color: #333;

  margin-bottom: 20px;

}

.khtitle p {

  font-size: 18px;

  color: #333;

  line-height: 35px;

}

.khtitle p span {

  color: #006ab2

}

.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: #006ab2;

  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;

}

.nyzngs {

  width: 100%;

}

.nyzngs p {

  text-indent: 2em;

  text-align: justify;

  line-height: 36px;

}

.nyzngs h3 {

  font-size: 24px;

  text-indent: 1.3em;

  line-height: 50px;

}

.nyzngs h4 {

  font-size: 18px;

  text-indent: 1.8em;

  line-height: 50px;

}

.gszp1 {

  width: 100%;

}

.gszp1 li {

  float: left;

  width: 33.33%;

  text-align: center;

}

.gszp1 li img {

  max-width: 100%;

}

.gszp2 {

  width: 100%;

}

.gszp2 li img {

  max-width: 100%;

}

.gszp3 {

  width: 100%;

}

.gszp3 li {

  float: left;

  width: auto;

  max-width: 50%;

  padding: 0 2%;

  text-align: center;

}

.gszp3 li img {

  max-width: 100%;

  height: 500px;

}

/*Top按钮*/

*html {

  background-image: url(about:blank);

  background-attachment: fixed;

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

.tbox {

  width: 50px;

  float: right;

  position: fixed;

  z-index: 999999;

  right: 10px;

  bottom: 15px;

  _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;

}

/* gundongshuzi */

.shuju {

  height: 150px;

  width: 100%;

  position: relative;

  z-index: 999;

  margin: 60px 0 60px 0;

}

.shuju ul {

  width: 85%;

  margin: 0 auto;

}

.shuju ul li {

  width: 23%;

  margin-left: 2%;

  height: 150px;

  float: left;

  padding-top: 50px;

  box-sizing: border-box;

  border-right: 1px solid #eee;

}

.shuju ul li p {

  font-size: 16px;

  color: #333;

	width: 260px;

	float:left;

}

.shuju ul li i{float:right;width:50px;position: relative;bottom:45px;right: 10px;}

.shuju ul li i img{    -webkit-transition: 0.4s;

    -webkit-transition: -webkit-transform 0.4s ease-out;

    transition: transform 0.4s ease-out;

    -moz-transition: -moz-transform 0.4s ease-out;}

.shuju ul li:hover i img{    transform: rotateZ(360deg);

    -webkit-transform: rotateZ(360deg);

    -moz-transform: rotateZ(360deg);}

.shuju ul li p span {

  font-size: 60px;

  color: #006ab2;

  padding-right: 5px;

  font-weight: 600;

}

.shuju {

  border-bottom: 1px solid #eee;

  border-top: 1px solid #eee;

}

/*.shuju ul li:first-child {

  background: url(../images/digital1.png) top no-repeat right;

  margin-left: 0px;

}

.shuju ul li:nth-child(2) {

  background: url(../images/digital2.png) top no-repeat right;

}

.shuju ul li:nth-child(3) {

  background: url(../images/digital3.png) top no-repeat right;*/

}

.shuju ul li:nth-child(4) {



	border-right:1px solid #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: #006ab2;

  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: #006ab2;

  color: #fff;

  border-radius: 4px;

}

.sychejian {

  width: 100%;

  /*  background: #f1f5f7;

  padding: 80px 0 60px;*/

  overflow: hidden;

}

.sychejian .sychejianitem {

  width: 20%

}

.sychejian .sychejianitem img {

  max-width: 100%

}

#carousel {

  position: relative;

  width: 100%;

  margin: 0 auto;

  padding-bottom: 40px;

}

.syqiys {

  width: 100%;

  box-sizing: border-box;

  margin-top: 20px;

}

.syqiys ul li {

  float: left;

  width: 25%;

  height: 65vh;

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 0 60px;

  box-sizing: border-box;

  position: relative;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  transition: all 0.3s ease;

}

.syqiys ul li i {

  display: inline-block;

  width: 62px;

  height: 62px;

  box-sizing: border-box;

  background-repeat: no-repeat;

  background-position: center center;

  border-radius: 50%;

  background-color: #fff;

  border: 2px #006ab2 solid;

  position: relative;

  z-index: 9;

  transition: all 0.3s ease;

  transition: all 0.6s;

}

.syqiys ul li h3 {

  font-size: 24px;

  color: #333;

  padding: 40px 0;

  margin-bottom: 40px;

  position: relative;

  z-index: 9;

  transition: all 0.6s;

}

.syqiys ul li p {

  font-size: 14px;

  color: #666;

  margin-bottom: 20px;

  position: relative;

  z-index: 9;

  text-align: justify;

  transition: all 0.6s;

}

.syqiys ul li.active i {

  margin-top: -40px;

}

.syqiys ul li.active h3 {

  color: #fff;

}

.syqiys ul li.active p {

  color: #fff;

}

.syqiys ul li h3:after {

  content: "";

  background: #006ab2;

  width: 50px;

  height: 3px;

  position: absolute;

  bottom: 0;

  left: 0;

}

.syqiys ul li i.syqiys01 {

  background-image: url(../images/syqiys01.png);

}

.syqiys ul li i.syqiys02 {

  background-image: url(../images/syqiys02.png);

}

.syqiys ul li i.syqiys03 {

  background-image: url(../images/syqiys03.png);

}

.syqiys ul li i.syqiys04 {

  background-image: url(../images/syqiys04.png);

}

.syqiys1 {

  background: url(../images/syqiys1.jpg) center no-repeat;

  transition: all 0.6s;

}

.syqiys2 {

  background: url(../images/syqiys2.jpg) center no-repeat;

  transition: all 0.6s;

}

.syqiys3 {

  background: url(../images/syqiys3.jpg) center no-repeat;

  transition: all 0.6s;

}
.syqiys4 {

  background: url(../images/syqiys4.jpg) center no-repeat;

  transition: all 0.6s;

}

.syqiys1:hover {

  background: url(../images/syqiys1h.jpg) center no-repeat;

}

.syqiys2:hover {

  background: url(../images/syqiys2h.jpg) center no-repeat;

}

.syqiys3:hover {

  background: url(../images/syqiys3h.jpg) center no-repeat;

}
.syqiys4:hover {

  background: url(../images/syqiys4h.jpg) center no-repeat;

}

.syqiys ul li:hover h3 {

  color: #fff;

  margin-top: -10px;

}

.syqiys ul li:hover i {

  margin-top: -10px;

}

.syqiys ul li:hover p {

  color: #fff;

  margin-top: -10px;

}

.sybg02_bottom {

  color: #fff;

  font-family: "微软雅黑 Light";

  text-align: center;

  font-size: 48px;

  position: absolute;

  left: 0;

  right: 0;

  bottom: 80px;

  text-align: center;

}

.sytwo_fl {

  width: 100%;

}

.sypro_nav ul li h3 i.pro_nav01 {

  background-image: url(../images/pro_nav01.png)

}

.sypro_nav ul li h3 i.pro_nav02 {

  background-image: url(../images/pro_nav02.png)

}

.sypro_nav ul li h3 i.pro_nav03 {

  background-image: url(../images/pro_nav03.png)

}

.sypro_nav ul li h3 i.pro_nav04 {

  background-image: url(../images/pro_nav04.png)

}

.sypro_nav ul li h3 i.pro_nav05 {

  background-image: url(../images/pro_nav05.png)

}

.sypro_nav ul li h3 i.pro_nav06 {

  background-image: url(../images/pro_nav06.png)

}

.sypro_nav ul li h4 {

  height: 50px;

  line-height: 50px;

}

.sypro_nav ul li h4 a {

  color: #333;

  font-size: 16px;

  font-weight: normal;

  text-align: center;

  display: block;

  position: relative;

  z-index: 9999;

}

.sypro_nav ul li:hover:before {

  width: 100%;

}

.sypro_nav ul li:hover h3 i {

  background-position: center bottom

}

.sypro_nav ul li:hover h4 a {

  color: #fff;

}

.sypro_nav ul li.on:before {

  width: 100%;

}

.sypro_nav ul li.on h3 i {

  background-position: center bottom

}

.sypro_nav ul li.on h4 a {

  color: #fff;

}

.sypro_list {

  width: 100%;

  padding-top: 30px;

}

.sypro_list .sypro_list_con {

  display: none;

  width: 100%;

}

.sypro_list .sypro_list_con li {

  float: left;

  width: 32%;

  margin-right: 2%;

  position: relative;

  overflow: hidden;

  transition: all 0.3s ease;

}

.sypro_list .sypro_list_con li:nth-child(3) {

  margin-right: 0

}

.sypro_list .sypro_list_con li h3 {

  width: 100%;

  padding: 0;

  padding-bottom: calc(300% / 4);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover

}

.sypro_list .sypro_list_con li h3 a {

  display: block;

  width: 100%;

  line-height: 0

}

.sypro_list .sypro_list_con li p {

  background: #fff;

  height: 60px;

  line-height: 60px;

  color: #333;

  transition: all 0.3s ease;

  text-align: center;

}

.sypro_list .sypro_list_con li p a {

  font-size: 16px;

  color: #333;

  line-height: 60px;

  padding: 0 30px;

}

.sypro_list .sypro_list_con li .text {

  position: absolute;

  top: calc(60px - 100%);

  left: 0;

  width: 100%;

  height: calc(100% - 60px);

  z-index: 999;

  background: rgba(0, 0, 0, 0.3);

  overflow: hidden;

  transition: all 0.3s ease;

  display: table;

}

.sypro_list .sypro_list_con li .text a {

  color: #fff;

  font-size: 14px;

  padding: 0 40px;

  line-height: 30px;

  display: table-cell;

  vertical-align: middle;

}

.sypro_list .sypro_list_con li:hover p {

  background: #006ab2;

}

.sypro_list .sypro_list_con li:hover p a {

  color: #fff;

}

.sypro_list .sypro_list_con li:hover .text {

  top: 0;

}

.sypro_list .sypro_list_con.on {

  display: block;

}

.sybg02 {

  background: url(../images/probg.jpg) center no-repeat;

  width: 100%;

  height: 1420px;

/*  padding-top: 280px;*/

}

.sytwo_fl {

  width: 100%;

  height: 120px;

}

.sytwo_fl dl {

  box-shadow: 0px 0px 10px rgba(0, 0, 0, .1);

  padding-top: 19px;

  width: 15.7%;

  height: 130px;

  background: #fff;

  float: left;

  margin-right: 1%;

  border-radius: 4px;

  padding: 13px;

  box-sizing: border-box;

  position: relative;

}

.sytwo_fl dl:last-child {

  margin-right: 0;

}

.sytwo_fl dl a {}

.sytwo_fl dl dt {

  margin: 0 auto;

}

.sytwo_fl dl dt img {}

.sytwo_fl dl dt em {}

.sytwo_fl dl dt b {

  display: none;

}

.sytwo_fl dl dd {

  text-align: center;

}

.sytwo_fl dl dd p {

  font-size: 18px;

  font-weight: normal;

  margin-top: 4px;

}

.sytwo_fl dl dd:hover {}

.sytwo_fl dl dd p em {

  display: block;

  width: 87px;

  height: 2px;

  background: #f2f2f2;

  margin: 7px 0 10px 0;

}

.sytwo_fl dl dd span {

  display: block;

  font-size: 16px;

  font-weight: normal;

  color: #666666;

}

.sytwo_fl dl dd i {

  font-size: 12px;

  font-style: normal;

  font-weight: normal;

  text-transform: uppercase;

  color: #999;

  line-height: 28px;

  display: block;

}

.sytwo_fl dl:nth-last-child(1) {

  margin-right: 0;

}

.sytwo_fl dl:before {

  content: "";

  width: 0;

  height: 100%;

  background: #006ab2;

  position: absolute;

  left: 0;

  top: 0;

  transition: all 0.3s ease;

  z-index: 1

}

.sytwo_fl dl:after {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

}

.sytwo_fl dl.on:before {

  width: 100%

}

.sytwo_fl dl.on dd p {

  color: #fff;

}

.sytwo_fl dl dd p {}

.sytwo_fl dl dd p {

  color: #333;

  font-size: 16px;

  font-weight: normal;

  text-align: center;

  display: block;

  position: relative;

  z-index: 9999;

}

.sytwo_fl dl.on i {

  background-position: center bottom;

}

.sytwo_fl dl:hover:before {

  width: 100%;

}

.sytwo_fl dl:hover i {

  background-position: center bottom

}

.sytwo_fl dl:hover p {

  color: #fff;

}

.sytwo_fl dl i {

  display: inline-block;

  position: relative;

  top: 5px;

  z-index: 9999;

  overflow: hidden;

  height: 60px;

  width: 100%;

  background-position: center top;

  background-repeat: no-repeat;

  transition: all 0.3s ease;

}

.sytwo_fl dl i.pro_nav01 {

  background-image: url(../images/pro_nav01.png)

}

.sytwo_fl dl i.pro_nav02 {

  background-image: url(../images/pro_nav02.png)

}

.sytwo_fl dl i.pro_nav03 {

  background-image: url(../images/pro_nav03.png)

}

.sytwo_fl dl i.pro_nav04 {

  background-image: url(../images/pro_nav04.png)

}

.sytwo_fl dl i.pro_nav05 {

  background-image: url(../images/pro_nav05.png)

}

.sytwo_fl dl i.pro_nav06 {

  background-image: url(../images/pro_nav06.png)

}

.sytwo_fl dl i.pro_nav07 {

  background-image: url(../images/pro_nav07.png)

}
.sytwo_fl dl i.pro_nav08 {

  background-image: url(../images/pro_nav08.png)

}
.sytwo_fl dl i.pro_nav09 {

  background-image: url(../images/pro_nav09.png)

}

.sytwo_cp {

  display: table;

  width: 100%

  margin: 0 auto;

  margin-top: 4%;

}

.sytwo_cp ul {}

.sytwo_cp ul li {
	width:calc(20% - 26px);
  
  float: left;

margin:0 13px;  
margin-top:20px;

  -webkit-transition: 0.8s;

}

.sytwo_cp ul li:hover span {

  background: #006ab2;

  -webkit-transition: 0.8s;

}

.sytwo_cp ul li:hover span a {

  color: #fff;

  -webkit-transition: 0.8s;

}

.sytwo_cp ul li p {}

.sytwo_cp ul li p a {

  display: block;

 

  -webkit-transition: 0.8s;

}

.sytwo_cp ul li p img { max-width:100%; height:auto;}

.sytwo_cp ul li span {

  height: 50px;

  display: block;

  line-height: 50px;

  background: #fff;

}

.sytwo_cp ul li span a {

  text-align: center;

  font-size: 16px;

  display: block;

}

.sytwo_fl dl:hover, .sytwo_fl .on dt em {

  display: none;

}

.sytwo_fl dl:hover, .sytwo_fl .on dt b {

  display: block;

}

.sytwo_cpzs {

  display: none;

}

sytwo_cp, .on {

 display: block !important;

}

#demo2p {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin: 0 auto;

}

#indemo2p {

  float: left;


}

#demo2p1 {

  float: left;

}

#demo2p2 {

  float: left;

}



#demo3p {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin: 0 auto;

}

#indemo3p {

  float: left;

/*  width: 800%;
*/
}

#demo3p1 {

  float: left;

}

#demo3p2 {

  float: left;

}



#demo4p {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin: 0 auto;

}

#indemo4p {

  float: left;

  /*width: 800%;*/

}

#demo4p1 {

  float: left;

}

#demo4p2 {

  float: left;

}



#demo5p {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin: 0 auto;

}

#indemo5p {

  float: left;

  /*width: 800%;*/

}

#demo5p1 {

  float: left;

}

#demo5p2 {

  float: left;

}



#demo6p {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin: 0 auto;

}

#indemo6p {

  float: left;

  /*width: 800%;*/

}

#demo6p1 {

  float: left;

}

#demo6p2 {

  float: left;

}



#demo7p {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin: 0 auto;

}

#indemo7p {

  float: left;

  /*width: 800%;*/

}

#demo7p1 {

  float: left;

}

#demo7p2 {

  float: left;

}



#demo8p {

  width: 100%;

  overflow: hidden;

  position: relative;

  margin: 0 auto;

}

#indemo8p {

  float: left;

  /*width: 800%;*/

}

#demo8p1 {

  float: left;

}

#demo8p2 {

  float: left;

}



/*图片放大镜样式*/

.jqzoom{border:1px #eee 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; display:none !important;}

.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); display:none;}



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



.spec-scroll{ float:right; width:92px; height:450px;}



.spec-scroll .prev,.spec-scroll .next{display:block; position:relative; text-align:center;width:92px;height:30px;border:1px #eee solid; box-sizing:border-box;transition: all 0.3s ease;}

.spec-scroll .prev{ margin-bottom:10px;}

.spec-scroll .prev:hover,.spec-scroll .next:hover{ border:1px #006ab2 solid;}



.spec-scroll .prev:after,.spec-scroll .next:after{ content:""; position:absolute; left:50%; top:50%; margin-left:-11px; margin-top:-7px; display:block;text-align:center;width:22px;height:15px; background-position:center center; background-repeat:no-repeat;cursor:pointer;text-decoration:none; background-color:#aaa; box-sizing:border-box;transition: all 0.3s ease;}

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

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

.spec-scroll .prev:hover:after,.spec-scroll .next:hover:after{ background-color: #006ab2;}



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

.spec-scroll .items ul{position:absolute;width:92px;height:70px;}

.spec-scroll .items ul li{width:90px;text-align:center; margin-bottom:8px;height:70px; border:1px solid #eee;}

.spec-scroll .items ul li img{width:90px;height:70px; margin:0 auto;}

.spec-scroll .items ul li:hover{border:1px solid #006ab2; cursor:pointer}





.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:20px;}

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

.nypro-item-r p b{ color:#006ab2}

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

.nypro-item-r h3{ font-size:18px; color:#006ab2; 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; 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:#333;}

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

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

.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:#006ab2}



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

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

.nypro-item-r .nypro-item-r-table tr td{box-sizing: border-box; position:relative; line-height:1.7; padding:5px 20px;}

.nypro-item-r .nypro-item-r-table tr td:nth-child(2n-1){width:110px; text-align:center; color:#333333;font-size:16px;font-weight: bold;}

.nypro-item-r .nypro-item-r-table tr td:nth-child(2){width:160px;}

.nypro-item-r .nypro-item-r-table tr td:nth-child(4){ width:calc(100% - 360px); min-width:120px;}

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



.nypro-item-r p.probeizhu{ font-size:16px; color:#333; line-height:5; text-align:left;}

.nypro-item-r p.probeizhu em{

    font-style: normal;

    font-size: 28px;

    font-weight: bold;

    color: #006ab2;

}



.nypro-cpjs{ width:calc( 100% - 400px); float:left;box-sizing:border-box; background:#fff; padding:40px; font-size:16px; color:#666; line-height:36px;}

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

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

.nypro-cpjs h4{ font-size:18px; color:#006ab2}

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



.nypro-cpfl{ float:right; float:right; width:380px; padding:40px; background:#fff; box-sizing:border-box}

.nypro-cpfl-title{ font-size:20px; color:#006ab2; font-weight:bold; margin-bottom:20px;}

.nypro-cpfl ul li{ border:1px #eee solid; margin-bottom:10px; position:relative; transition: all .3s ease;}

.nypro-cpfl ul li:hover{ border:1px #006ab2 solid;}

.nypro-cpfl ul li a{ display:block; width:100%; padding:30px; box-sizing:border-box; height:160px;}

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

.nypro-cpfl ul li a img{ float:right; max-height:100%}

.nypro-cpfl ul li i{ position:absolute; left:30px; bottom:30px; width: 19px; height: 10px; transition: all .3s ease;

    position: absolute; display: inline-block; background: url(../images/arrowf1.png) center -10px no-repeat;

}

.nypro-cpfl ul li:hover i{ left:50px;}



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

.nypro-item{ width:100%; height:700px; background:#f8f8f8; padding:60px 0 30px; box-sizing:border-box; margin:0 auto;}

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

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



.cpsearch{ padding:60px 0 0;}

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

.cpsearch form{ width:600px; margin:0 auto; border:1px solid #eee; height:50px; line-height:50px; border-radius:25px; padding:0 15px; box-sizing:border-box}

.cpsearch .cpsearch_key{ width:500px; height:50px; border:none; font-size:14px; color:#888; background:none;}

.cpsearch .cpsearch_sub{ width:40px; height:40px; border-radius:50%; margin-top:5px; background:#eee url(../images/topsearch.png) center center no-repeat; border:none; display:inline-block; float:right;}

.nycpfllist{ width:300px; margin:0 auto; float:left; box-sizing:border-box; padding:0 40px 30px 0; border-right:1px #ddd solid;}

.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%; border:10px #f6f6f6 solid; box-sizing:border-box; padding: 10px 0 20px;}

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

.nycpfllist>ul>li:after{

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

}

.nycpfllist>ul>li:before{

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

}

.nycpfllist ul>li:hover:before{

	width:180px;

}

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

.nycpfllist>ul>li>a i{ display: inline-block; width:40px; height:40px; float:left; margin-right:10px; background:url(../images/nycpfllisticon.png) center 0 no-repeat;transition: all 0.5s ease;}

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

.nycpfllist>ul>li:hover>a i{ background-position:center -40px;}

.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:#0042ad}



.nycpfl_tel{ width:100%; box-sizing:border-box; padding:30px 0 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;}



.nymainboxnav{width:100%; padding:60px 0;}

.nymainboxnav ul{ text-align:center;}

.nymainboxnav ul li{ display:inline-block; position:relative; width:180px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}

.nymainboxnav ul li:before{ content:""; width:1px; height:14px; background:#ddd; position:absolute; bottom:14px; right:-4px;}

.nymainboxnav ul li a{ display:block; color:#333; line-height:40px; font-size:16px; text-align:center;}

.nymainboxnav ul li:hover{ background:#006ab2 ;}

.nymainboxnav ul li:hover:before{ display:none;}

.nymainboxnav ul li:hover a{ color:#fff;}

.nymainboxnav ul li.on{ background:#006ab2 ;}

.nymainboxnav ul li.on:before{ display:none;}

.nymainboxnav ul li.on a{ color:#fff;}



.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 #0042ad solid; border-bottom:0; background-size:105% 105%;}

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

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

.nypro_list{ width:100%;}

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

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

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



.nypro_list .nypro_list_con li h3{ width:100%; padding:0; padding-bottom:100%; 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:#f8f8f8; height:45px; line-height:45px; color:#333;transition: all 0.3s ease;}

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

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

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



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



.nypro_list .nypro_list_confl{ width:100%;}

.nypro_list .nypro_list_confl li{ float:left; width:23%; margin-right:2.6%; margin-bottom:4%; background:#fff; position:relative; overflow:hidden;transition: all 0.3s ease;}

.nypro_list .nypro_list_confl li:nth-child(4n){ margin-right:0}



.nypro_list .nypro_list_confl li h3{ width:100%; padding:20px; box-sizing:border-box; overflow:hidden;}

.nypro_list .nypro_list_confl li h3 a{ display:block; padding-bottom:calc(33300% / 333); width:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; -webkit-transition-duration: 1s; transition-duration: 1s;}

.nypro_list .nypro_list_confl li:hover h3 a { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}





.nypro_list .nypro_list_confl li p{ background:#fff; text-align:center; color:#333;transition: all 0.3s ease; border:1px #f1f5f7 solid;}

.nypro_list .nypro_list_confl li p a{ color:#333; display:block; padding:25px 0; box-sizing:border-box;}

.nypro_list .nypro_list_confl li p a b{ font-size:20px; margin-bottom:10px; display:block;}

.nypro_list .nypro_list_confl li p a span{ font-size:14px; color:#888;}

.nypro_list .nypro_list_confl li:hover p{ background:#006ab2 ;}

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

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

.nypro_list .nypro_list_confl li:hover .text{ top:0;}


.right_bar{position:fixed; top:calc(90px + 10vh); right:0; width:50px; height:203px; z-index:10; display:none;}
.right_bar li{ width:62px; height:50px; z-index:20; }
.right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;}
.right_bar li.rtbar_li1{ top:0; width:172px; }
.right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; }
.right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px; }
.right_bar li.rtbar_li4{ top:153px;}
.rtbar_li4{ position:absolute; top:153px; left:0;}
.right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#39424b; opacity:0.8; border-radius:6px;}
.right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;}
.right_bar li a:hover{ background-color:#0953a8; opacity:1;}
.rtbar_shwx{ display:none; position:absolute; top:-65px; left:-142px; padding-bottom:9px; }
.rtbar_shwx img{ padding:10px 10px 20px 10px; background-color:#FFF; }
.busMess {
	background: #F3F6F7;
	height: 70px;
	line-height: 30px;
	margin-top: 30px;
	padding-top: 10px;
}
.busMess span {
	font-size: 16px;
	color: #333;
}
.box-x span {
	display: block;
	color: #333;
	font-size: 35px;
	font-weight: 400;
	text-align: center;
	margin-top: 30px;
}
.PageCrumbList {
	font-size: 14px;
	color: #666;
	text-align: CENTER;
	line-height: 32px;
}
.PageCrumbList a {
	font-size: 14px;
	color: #666;
}
.g-sd1 ul {
	margin: 0 auto;
	height: 50px;
	margin-top: 20px;
    display: table;
}
.g-sd1 ul li {
	float: left;
	margin:3px;
}
.g-sd1 ul li a {
	width: 140px;
	height: 40px;
	border-radius: 10px;
	display: block;
	border: 1px #999 solid;
	line-height: 40px;
	text-align: center;
	color: #333;
	font-size: 16px;
}
.g-sd1 ul li a:hover {
	background: #004ea2;
	color: #fff;
	border: 1px solid #004ea2;
}
.pagination li {
	display: inline-block;
	display: inline-block;
	zoom: 1;
	float: left;
	margin: 0;
	width: auto;
	height: auto;
	padding: 0 !important;
}
.cpbg {
	margin-bottom: 20px;
}
.g-mn1 ul {
	margin-top: 20px;
	margin-bottom: 20px;
}
.g-mn1 ul li {
	float: left;
	margin: 0 9px 8px;
	border:1px #ddd solid;
	box-sizing:border-box;
}
.g-mn1 ul li a p {
	text-align: center;
	line-height: 40px;
	background:#004ea2;
	height:40px;
	font-size: 16px;
	color:#fff;
}