 @charset "gb2312"; /* CSS Document*/
 /*默认参数*/ :root {
   --primary-color: #003289;
   --secondary-color: #0044ba;
   --background-color: #f4f4f4;
   --background-jianbain: linear-gradient(90deg, var(--primary-color), var(--secondary-color));
   --font-color-base: #333;
   --font-color-text: #666;
   --font-color-dec: #aaa;
   --font-size-base: 16px;
   --font-size-blg: 72px;
   --font-size-lg: 48px;
   --font-size-md: 36px;
   --font-size-sm: 24px;
   --font-size-ms: 18px;
   --font-size-xs: 14px;
   --font-size-mi: 12px;
   --border-radius: 6px;
   --line-height-text: 1.75;
 }
 img {
   max-width: 100%;
 }
 .top {
   height: 40px;
   line-height: 40px;
   color: #eee;
   background: #111;
 }
 .top a {
   color: #333;
 }
 .top a:hover {
   color: #e1e1e1;
 }
 .topNavSe { /* width:300px; */
 }
 .topNavSe p {
   float: right;
   padding: 0 15px 0 15px;
   font-size: 14px;
   color: #eee;
   height: 40px;
   line-height: 40px;
 }
 .topNavSe p i {
   background: url(../images/tubiao.png) no-repeat 0px 10px;
   height: 30px;
   width: 23px;
   margin-right: 10px;
   background-size: 100%;
   float: left;
 }
 .topNavSe p em {
   font-weight: bold;
   font-size: 18px;
 }
 .topNavSe a {
   color: #333;
   padding: 0 6px;
   float: right;
   box-sizing: border-box;
 }
 .topNavSe a:hover {
   color: #e1e1e1;
 }
 .language a {
   color: #838383;
   font-size: 12px;
   text-transform: uppercase;
   padding: 0 10px 0 25px;
   background: url(../images/en.jpg) no-repeat left center;
 }
 .logo {
   padding-top: 25px;
 }
 .tell {
   margin-top: 40px;
   background: url(../images/tell.png) no-repeat 0px;
   padding-left: 60px;
 }
 .tell span {
   color: #6c6c6a;
   font-size: 14px;
   line-height: 23px;
   letter-spacing: 3px;
 }
 .tell p {
   font-size: 20px;
   font-weight: bold;
   color: var(--background-jianbain);
   line-height: 26px;
 }
 .top_logo {
   height: 110px;
 }
 .topNavSe ul {
   float: right;
   height: 40px;
   padding-left: 10px;
 }
 .topNavSe ul li {
   float: left;
 }
 .topNavSe ul li img {
   padding-top: 8px;
 }
 .fadeInRight p {
   font-size: 16px;
 }
 .fadeInRight p em {
   font-size: 24px;
   font-weight: bold;
   float: left;
   width: 110px;
   padding-top: 30px;
 }
 .iseaCon {
   height: 60px;
   background: #f7f7f7;
 }
 .hotSea, .hotSea a {
   color: #666;
   line-height: 20px;
   font-size: 14px;
   margin-top: 20px;
 }
 .hotSea a {
   margin: 0px 3px;
 }
 .hotSea a:hover {
   color: var(--background-jianbain);
 }
 .hotSea a:first-child {
   margin-left: 0px;
 }
 .search {
   position: relative;
   width: 300px;
   background: #ededed;
   height: 30px;
   margin-top: 15px;
   float: right;
   margin-left: 80px;
 }
 .search_text {
   width: 232px;
   height: 30px;
   background: #FFFFFF;
   color: #9a9a9a;
   border: 0px;
   padding-left: 20px;
   outline: none;
   line-height: 30px\9;
   font-size: 12px;
   border: 1px solid #ddd;
 }
 .search_select {
   width: 51px;
   height: 30px
 }
 .search_select select {
   display: none
 }
 .select_box {
   position: relative;
   height: 20px;
 }
 .search_select .select_showbox {
   width: 40px;
   color: #989898;
   background: url(../images/seaBg.png) no-repeat right center;
   line-height: 13px;
   border-left: 1px solid #dedede;
   padding-left: 8px;
   margin: 8px 0px
 }
 .select_option {
   position: absolute;
   top: 22px;
   border: 1px solid #dddddd;
   border-top: 0px;
   background: #fff;
   right: -4px;
   width: 53px;
   line-height: 24px;
   display: none;
   background: #ededed;
 }
 .select_option li {
   padding-left: 9px;
   color: #989898
 }
 .select_option li.hover {
   background: #f9f9f9;
 }
 .search_button {
   background: var(--background-jianbain);
   border: 1px solid var(--background-jianbain);
 }
 .col_61 {
   color: #616161;
 }
 .col_0a {
   color: #0a4ea2;
 }
 strong {
   font-weight: 700;
 }
 a {
   color: #333;
 }
 a:hover {
   color: var(--background-jianbain);
   text-decoration: none;
 }
 .center {
   width: 1300px;
   margin: 0 auto;
   background: #f8f8f8;
 }
 /**seach**/
 .itopinfobg {
   background: #111;
 }
 .itopinfo {
   width: 1200px;
   margin: 0 auto;
 }
 .itopinfo span {
   color: #eee;
   font-size: 14px;
 }
 .itopinfotel {
   float: right;
   text-align: right;
   font-size: 14px;
   color: #fff;
   padding-left: 25px;
   background: url(../images/toptel.png) left center no-repeat;
 }
 .itop {
   width: 100%;
   position: relative;
   z-index: 999;
   background: #fff;
   height: 90px;
 }
 .itopfixed {
   position: fixed;
   top: 0;
 }
 .itopff {
   background: #fff;
 }
 .header {
   width: 1300px;
   margin: 0 auto;
   border-radius: 3px;
   height: 90px;
   background: #fff;
 }
 .logo {
   float: left;
   padding-top: 17px;
   width: 340px;
 }
 .logo a {
   float: left;
 }
 .logo p {
   float: left;
   padding-top: 12px;
   text-align: center;
 }
 .logo p span {
   padding-top: 5px;
   display: block;
   font-weight: bold;
   font-size: 24px;
   color: #333;
 }
 .logo p span b {
   color: #003188
 }
 .logo img {
   width: 100%;
   margin-top: 5px;
 }
 .header .hd_search {
   position: relative;
   width: 90px;
   height: 90px;
   float: left;
 }
 .header .hd_search_btn {
   width: 90px;
   height: 90px;
   float: left;
   padding: 0;
   display: block;
   cursor: pointer;
   border: none;
   border-left: 1px solid #ededed;
   color: #5c5c5c;
 }
 .header .hd_search_box {
   padding: 35px 0;
   line-height: 20px;
   font-size: 16px;
   width: 0;
   position: absolute;
   top: 0;
   right: 90px;
   z-index: 2;
   margin: 0;
   border: none;
   transition: all .5s ease;
   background: #f4f4f4;
 }
 .header input:-ms-input-placeholder {
   color: #f8f8f8;
 }
 .header .hd_search:hover .hd_search_box {
   width: 600px;
   padding: 35px 0 35px 15px;
 }
 .header .r_nav i {
   width: 23px;
   float: left;
   padding-top: 38px;
   padding-right: 10px;
 }
 .header .r_nav {
   width: 150px;
   float: right;
   position: relative;
 }
 .header .r_nav:after {
   content: " ";
   display: block;
   position: absolute; /*left: 150px;*/ top: 0;
   width: calc(50vw - 659px);
   height: 90px;
 }
 .header .r_nav .visitor {
   width: 80px;
   height: 90px;
   float: left;
   padding-left: 70px;
   background: var(--background-jianbain) url(../images/topfadz.png) 40px center no-repeat;
 }
 .header .r_nav .visitor .pro_order_btn {
   cursor: pointer; /* width:163px; */ color: #fff;
   font-size: 18px;
   line-height: 90px;
   height: 90px;
 }
 .header .hd_search .topfadz {
   display: inline-block;
   width: 90px;
   height: 90px;
   font-size: 18px;
   background: #fff url(../images/topsearch.png) center center no-repeat;
 }
 .inav_wrapper { /* width: 778px; */ float: left;
   padding: 0 13px;
   box-sizing: border-box;
   margin-top: 33px;
   padding-left: 30px;
 }
 .inav_wrapper .inav .nav_li {
   display: inline-block;
   float: left;
   width: 110px;
   text-align: center;
   height: 62px;
 }
 .inav_wrapper .inav .nav_li > a {
   display: block;
   font-size: 16px;
   color: #333;
   line-height: 30px;
   position: relative;
 }
 .inav_wrapper .inav .nav_li > a:hover {
   color: #003188;
 }
 .inav_wrapper .inav .nav_li > a i.nav-arrow {
   position: absolute;
   top: 11px;
   right: 0;
   display: inline-block;
   width: 11px;
   height: 6px;
   background: #aaa url(../images/nav-arrow.png) left center no-repeat;
   transition: all 0.5s ease;
 }
 .inav_wrapper .inav .nav_li > a:hover i.nav-arrow {
   background: #003188 url(../images/nav-arrow.png) left center no-repeat;
   transform: rotate(180deg);
   -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg);
 }
 .inav_wrapper .inav .nav_li.cur > a {
   color: #003188;
 }
 .inav_wrapper .inav .nav_li.cur > a:hover i.nav-arrow {
   background: #003188 url(../images/nav-arrow.png) left center no-repeat;
   transform: rotate(180deg);
   -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg);
 }
 /**ban**/
 .banner {
   position: relative;
   height: 800px;
 }
 .banner .btn1 {
   bottom: 20px;
   margin-right: -450px;
   padding: 5px 6px;
   position: absolute;
   right: 50%;
   z-index: 7;
 }
 .banner .btn1 span {
   line-height: 14px;
   background: none repeat scroll 0 0 var(--background-jianbain);
   border: 1px solid var(--background-jianbain);
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-left: 5px;
   padding: 2px 5px;
 }
 .banner .btn1 span.cur {
   font-weight: bold;
   padding: 4px 8px;
   background: none repeat scroll 0 0 var(--background-jianbain);
   border: 1px solid var(--background-jianbain);
 }
 .banner .bgitem {
   height: 800px;
   cursor: pointer;
   width: 100%;
   margin: 0 auto;
   position: absolute;
   background-position: center top;
   background-repeat: no-repeat;
 }
 .iproWarp {
   background: #f9f9f9;
   height: 630px;
 }
 .iproLeft {
   width: 245px;
 }
 .iproLeft .tit {
   background: #333;
   padding: 29px 0px;
   color: #fff;
 }
 .iproLeft .tit p {
   color: #989898;
 }
 .proSide {}
 .proSide li {
   height: 67px;
   line-height: 67px;
   border-top: 1px solid #dcdcdc;
   float: left;
   width: 245px;
 }
 .proSide li:first-child {
   border-top: 0px;
 }
 .proSide li a {
   display: block;
   color: #000;
   background: url(../images/proType.png) no-repeat 28px 30px #f0f0f0;
   padding-left: 45px;
 }
 .proSide li a:hover, .proSide li a.cur {
   color: #fff;
   background: url(../images/proType.png) no-repeat 28px -69px #ff9c00;
 }
 .iproRight {
   width: 835px;
 }
 .iproRight .tit {
   height: 60px;
   line-height: 60px;
   border: 1px solid #cacaca;
 }
 .iproRight .tit span.protab {
   color: #2a2a2a;
   cursor: pointer;
   float: left;
   width: 273px;
 }
 .iproRight .tit span.prohov {
   color: #fff;
   background: #ff9c00;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 .protab_con {
   display: none;
 }
 .protab_con0 {
   display: block;
 }
 .sy_cpfl {
   width: 100%;
   height: 60px;
   background: #fff;
   margin-top: 20px;
 }
 .sy_cpfl .sy_cpfl_a {
   width: 1200px;
   margin: 0 auto;
 }
 .sy_cpfl .sy_cpfl_a ul li {
   float: left;
   text-align: center;
   width: 238px;
   height: 60px;
   line-height: 60px;
   font-size: 16px;
   border-right: 1px solid #f7f7f7;
 }
 .sy_cpfl .sy_cpfl_a ul li a {
   color: #333;
   display: block;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 .sy_cpfl .sy_cpfl_a ul li a:hover {
   background: var(--background-jianbain);
   color: #fff;
 }
 .sy_cpfl .sy_cpfl_a ul li:first-child a {
   background: var(--background-jianbain);
   color: #fff;
 }
 .sy_cpfl .sy_cpfl_a ul li ul li:first-child a {
   background: #fff;
   color: #333;
 }
 .sy_cpfl .sy_cpfl_a ul li ul {
   display: none;
   width: 238px;
   background: #ddd;
   z-index: 9999;
   position: absolute;
 }
 .sy_cpfl .sy_cpfl_a ul li:hover ul {
   font-weight: bold;
   background: #f1f1f1;
   display: block;
 }
 .sy_cpfl .sy_cpfl_a ul li ul li {
   height: 52px;
   line-height: 52px;
   border-bottom: 1px #ddd solid;
   width: 238px;
 }
 .sy_cpfl .sy_cpfl_a ul li ul li a {
   line-height: 52px;
   height: 52px;
   text-align: center;
   font-weight: normal;
   color: #333 !important;
   background: #fff !important;
   padding: 0;
   display: block;
   font-size: 13px;
 }
 .sy_cpfl .sy_cpfl_a ul li ul li a:hover {
   background: var(--background-jianbain) !important;
   color: #fff !important;
 }
 .sy_sxfl {
   width: 100%;
   background: #f0f0f0;
   padding: 60px 0;
   height: 1000px;
 }
 .sy_sxfl_a {
   width: 1200px;
   margin: 0 auto;
 }
 .ihotprotitle {
   height: 78px;
   line-height: 78px;
   background: url(../images/ihotprotitle.png) left center no-repeat;
 }
 .ihotprotitle h3 {
   line-height: 75px;
   font-size: 30px;
   color: #333;
   font-weight: bold;
 }
 .ihotprotitle h3 a {
   font-size: 18px;
   margin-left: 2px;
   color: #666;
   font-weight: normal;
   text-transform: uppercase;
 }
 .ihotprotitle h3 a:hover {
   color: var(--background-jianbain);
   font-weight: bold;
 }
 .ihotprotitle h3 span a:hover {
   color: #666;
   font-weight: normal;
 }
 .ihotprotitle h3 span a {
   float: right;
   line-height: 78px;
   font-size: 18px;
   color: #666;
   font-weight: normal;
   padding-right: 35px;
   background: url(../images/more.png) right center no-repeat;
 }
 .ihotprotitle h3 b {
   font-size: 18px;
   margin-left: 10px;
   color: #666;
   font-weight: normal;
   text-transform: uppercase;
 }
 .sy_cpzs {
   width: 100%;
 }
 .sy_cpzs ul {
   width: 1200px;
   margin: 0 auto;
   padding-top: 10px;
 }
 .sy_cpzs ul li {
   float: left;
   width: 380px;
   height: 370px;
   margin-right: 30px;
   margin-bottom: 30px;
   background: #fff;
   text-align: center;
 }
 .sy_cpzs ul li p {
   width: 380px;
   height: 285px;
   background: #fff;
   overflow: hidden;
 }
 .sy_cpzs ul li:nth-child(3) {
   margin-right: 0;
 }
 .sy_cpzs ul li:nth-child(6) {
   margin-right: 0;
 }
 .sy_cpzs ul li span {
   height: 90px;
   line-height: 90px;
   padding: 0 25px;
   display: block;
   border-top: 1px #eee solid;
 }
 .sy_cpzs ul li span a {
   font-size: 18px;
   text-align: left;
   display: block;
   background: url(../images/more.png) right center no-repeat;
   color: #333;
 }
 .sy_cpzs ul li:hover {
   box-shadow: 0 0 10px #888;
   margin-top: -5px;
   -webkit-transition: all ease-in-out 0.3s;
   -o-transition: all ease-in-out 0.3s;
   -ms-transition: all ease-in-out 0.3s;
   transition: all ease-in-out 0.3s;
 }
 .sy_cpzs ul li:hover span a {
   color: var(--background-jianbain);
 }
 /*  sy_youshi  */
 .hf {
   height: 240px;
   width: 100%;
   background: url(../images/hf.jpg) no-repeat center;
 }
 .hz {
   height: 358px;
   width: 100%;
   background: url(../images/hz.jpg) no-repeat center;
 }
 .titis {
   height: 157px;
   text-align: center;
 }
 .titis h4 {
   font-size: 40px;
   color: #008f47;
   height: 68px;
   line-height: 68px;
 }
 .titis p {
   height: 38px;
   font-size: 24px;
   color: #fff;
   line-height: 34px;
   background: url(../images/td_tt.jpg) no-repeat center;
   letter-spacing: 10px
 }
 .content {
   width: 1200px;
   margin: 0 auto;
 }
 .ys_bj {
   background: url(../images/ys_bj.jpg) no-repeat center top;
   height: 702px;
   padding-top: 95px;
 }
 .yous { /* position: relative; */ height: 700px;
 }
 .yous .titis {
   height: 165px;
 }
 .yous .titis h4 {
   color: #fff;
   margin-bottom: 10px;
   font-weight: bold;
 }
 .yous .titis h4 span {
   font-size: 100px;
   color: #F0F0F0;
   font-weight: bold;
   text-transform: uppercase;
   position: absolute;
   z-index: 1;
   left: 0;
   right: 0;
   opacity: 0.15
 }
 .yous .titis p {
   letter-spacing: 3px
 }
 .ys1 {
   width: 530px;
   position: absolute;
   left: 0px;
   top: 200px;
 }
 .ys1 h3 {
   text-align: right;
   font-size: 22px;
   color: #fff;
   margin-bottom: 25px;
 }
 .ys1 p {
   text-align: right;
   font-size: 15px;
   color: #fff;
   line-height: 30px;
   opacity: 0.8
 }
 .ys2 {
   width: 530px;
   position: absolute;
   right: 0px;
   top: 200px;
 }
 .ys2 h3 {
   text-align: left;
   font-size: 22px;
   color: #fff;
   margin-bottom: 25px;
 }
 .ys2 p {
   text-align: left;
   font-size: 15px;
   color: #fff;
   line-height: 30px;
   opacity: 0.8
 }
 .ys3 {
   width: 530px;
   position: absolute;
   left: 0px;
   top: 430px;
 }
 .ys3 h3 {
   text-align: right;
   font-size: 22px;
   color: #fff;
   margin-bottom: 25px;
 }
 .ys3 p {
   text-align: right;
   font-size: 15px;
   color: #fff;
   line-height: 30px;
   opacity: 0.8
 }
 .ys4 {
   width: 530px;
   position: absolute;
   right: 0px;
   top: 430px;
 }
 .ys4 h3 {
   text-align: left;
   font-size: 22px;
   color: #fff;
   margin-bottom: 25px;
 }
 .ys4 p {
   text-align: left;
   font-size: 15px;
   color: #fff;
   line-height: 30px;
   opacity: 0.8
 }
 .ys1:hover {
   padding-top: 7px;
   transition: all ease-in-out 0.3s;
 }
 .ys2:hover h3 {
   padding-top: 7px;
   transition: all ease-in-out 0.3s;
 }
 .ys3:hover h3 {
   padding-top: 7px;
   transition: all ease-in-out 0.3s;
 }
 .ys4:hover h3 {
   padding-top: 7px;
   transition: all ease-in-out 0.3s;
 }
 .tu_bj {
   background: url(../images/hf.jpg) no-repeat center;
   height: 166px;
 }
 .t_l {
   float: left;
   width: 700px;
   padding-top: 29px;
 }
 .t_l p {
   height: 51px;
   line-height: 51px;
   font-size: 26px;
   font-weight: bold;
   color: #111;
 }
 .t_l p em {
   font-size: 34px;
 }
 .t_l span {
   font-size: 30px;
   color: #fff;
   line-height: 49px;
   height: 49px;
   font-weight: bold;
 }
 .t_r {
   float: right;
   padding-top: 29px;
 }
 .t_r p {
   padding-left: 29px;
   background: url(../images/tu_tel.png) no-repeat left center;
   font-size: 20px;
   color: #fff;
   height: 51px;
   line-height: 51px;
   margin-bottom: 10px;
 }
 .t_r p span {
   font-size: 34px;
   color: var(--background-jianbain);
   font-weight: bold;
 }
 .t_r a {
   width: 172px;
   height: 44px;
   line-height: 44px;
   font-size: 16px;
   color: #fff;
   background: #333;
   text-align: center;
   margin-top: 6px;
   display: block;
   float: left;
   margin-right: 10px;
 }
 #about {
   background: #f5f5f5;
   width: 100%;
   height: 650px;
   padding-top: 20px;
 }
 /*  sy_about  */
 .sy_xinwen_a {
   width: 1200px;
   height: 78px;
   line-height: 78px;
   position: relative;
   margin: 0 auto;
   margin-top: 80px;
   margin-bottom: 50px;
   text-align: left;
 }
 .ihotprotitle_a {
   height: 78px;
   line-height: 78px;
   background: url(../images/ihotprotitle_b.png) left center no-repeat;
 }
 .ihotprotitle_a h3 a {
   font-size: 18px;
   margin-left: 2px;
   color: #666;
   font-weight: normal;
   text-transform: uppercase;
 }
 .ihotprotitle_a h3 a:hover {
   color: var(--background-jianbain);
   font-weight: bold;
 }
 .ihotprotitle_a h3 {
   line-height: 75px;
   font-size: 30px;
   color: #333;
   font-weight: bold;
 }
 .ihotprotitle_a h3 b {
   font-size: 18px;
   margin-left: 10px;
   color: #666;
   font-weight: normal;
   text-transform: uppercase;
 }
 .ihotprotitle_a h3 span a:hover {
   color: #666;
   font-weight: normal;
 }
 .ihotprotitle_a h3 span a {
   float: right;
   line-height: 78px;
   font-size: 18px;
   color: #666;
   font-weight: normal;
   padding-right: 35px;
   background: url(../images/more.png) right center no-repeat;
 }
 .inewstitle {
   width: 1200px;
   height: 78px;
   text-align: center;
   line-height: 78px;
   position: relative;
   margin: 0 auto;
   margin-top: 80px;
   margin-bottom: 50px;
 }
 .inewstitle h3 {
   width: 1200px;
   height: 78px;
 }
 .inewstitle h3 b {
   font-size: 36px;
   line-height: 115px;
   position: absolute;
   z-index: 2;
   left: 0;
   right: 0;
   color: #333;
   font-weight: bold;
 }
 .inewstitle h3 span {
   font-size: 100px;
   color: #F0F0F0;
   font-weight: bold;
   text-transform: uppercase;
   position: absolute;
   z-index: 1;
   left: 0;
   right: 0;
 }
 .sy_about {
   width: 1200px;
   margin: 0 auto;
   margin-top: 20px;
   margin-bottom: 30px;
 }
 .sy_about img {}
 .sy_about p {
   width: 670px;
   float: right;
   font-size: 15px;
   color: #5c5c5c;
   line-height: 38px;
 }
 .sy_about p span {
   font-size: 30px;
   color: var(--background-jianbain);
   display: block;
   font-weight: bold;
   margin-bottom: 20px;
 }
 .sy_about p a {
   line-height: 40px;
   font-size: 16px;
   color: #333;
   font-weight: normal;
   margin-top: 21px;
 }
 .abfl {
   overflow: hidden;
   margin-top: 40px;
   margin: 0 auto;
 }
 .abfl li {
   float: left;
   margin-right: 20px;
   width: 200px;
   background: #fff;
   margin-bottom: 20px;
   border: 1px #eee solid;
 }
 .abfl li a p {
   line-height: 50px;
   font-size: 16px;
   text-align: center;
   background: #eee;
   color: #333;
 }
 .abfl li h3 {
   font-size: 18px;
   padding: 8px 0;
   font-weight: normal;
   font-weight: bold;
   text-align: center;
   display: block;
   color: var(--background-jianbain);
 }
 .abfl li p {
   line-height: 40px;
   height: 40px;
   overflow: hidden;
   display: block;
   text-align: center;
   border-top: 1px #eee solid;
 }
 .od1 {
   background: url(../images/od1.jpg) no-repeat top center;
   height: 260px;
   margin-top: 30px;
 }
 .od1 span {
   float: left;
   margin-top: 175px;
   height: 50px;
   font-size: 20px;
   color: #fff;
   padding-left: 35px;
   margin-left: 67px;
   display: inline-block;
 }
 .od1 span b {
   font-size: 28px;
   font-weight: bold;
 }
 .od1 span a {
   display: inline-block;
   height: 38px;
   line-height: 38px;
   width: 226px;
   background: #f48000;
   text-align: center;
   color: #fff;
   font-size: 20px;
   font-weight: bold;
   margin-left: 325px;
 }
 .w940 {
   width: 940px;
 }
 .lct {
   display: block;
   height: 590px;
   background: url(../images/lctBg.jpg) no-repeat center top;
   font-family: "Microsoft YaHei";
   margin: 0px 0 0 0;
 }
 .lct h2 {
   display: block;
   padding-top: 49px;
   height: 127px;
   text-align: center;
 }
 .lct h2 a {
   color: #333333;
   font-size: 36px;
 }
 .lct h2 i {
   display: block;
   font-size: 16px;
   font-weight: normal;
   text-transform: uppercase;
   font-style: normal;
   color: #bdbdbd;
   line-height: 32px;
 }
 .lct .lct-wrp {
   display: block;
   overflow: hidden;
   height: 350px;
   width: 960px;
 }
 .lct-wrp dl {
   display: block;
   overflow: hidden;
   float: left;
   width: 100px;
   margin-right: 130px;
   text-align: center;
   height: 182px;
   cursor: pointer;
 }
 .lct-wrp dt {
   display: block;
   width: 100px;
   height: 100px;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
 }
 #demo1p {
   list-style: none outside none;
   padding: 20px 10px 0 10px;
   overflow: hidden;
   width: 1200px;
   margin: 0 auto;
 }
 #indemo1p {
   float: left;
   width: 4000%;
 }
 #demo1p1 {
   float: left;
 }
 #demo1p2 {
   float: left;
 }
 .prod {
   float: right;
   width: 100%;
 }
 .ipro_detail {
   border: 1px #ccc solid;
   margin: 0px 0px 8px;
   padding: 12px 10px 12px 12px;
   background: #fff;
 }
 .ipro_detail2 {
   width: 765px;
   height: 260px;
   border: 1px #ccc solid;
   margin: 0px 0px 8px;
   padding: 10px 10px;
   background: #fff;
 }
 .zcrx {
   background: url(../images/lfte_tel.png) no-repeat left top;
   padding: 0 0 0 50px;
   margin: 5px 10px 13px 0px;
 }
 .zcrx span {
   color: #ffc53b;
   font-size: 14px;
   line-height: 16px;
 }
 .zcrx p {
   font-size: 24px;
   color: #56667c;
   font-family: impact;
 }
 .adv1 {
   background: url(../images/adv1.jpg) no-repeat center #0568B3;
   height: 222px;
   margin: 35px 0 0 0;
 }
 .newWarp {
   margin-top: 40px;
 }
 .newList {
   width: 785px;
 }
 .newList .tit {
   width: 783px;
   height: 44px;
   line-height: 44px;
   background: #efefef;
   border: 1px solid #dadada;
 }
 .newtab_con0 {
   display: block;
 }
 .online {
   margin-top: 40px;
 }
 .online-od {
   background: url(../images/online-od.jpg) no-repeat center;
   width: 619px;
   height: 222px;
   border: 1px solid #d6d6d6;
   padding-top: 185px;
   padding-left: 93px;
 }
 .online-od span a {
   display: block;
   width: 336px;
   height: 36px;
   text-align: center;
   line-height: 36px;
   border: 1px solid #f48000;
   color: #f48000;
   font-size: 20px;
   font-weight: bold;
 }
 .online-od span em {
   display: block;
   overflow: hidden;
   padding-left: 31px;
   background: url(../images/pk-tel.gif) no-repeat left center;
   height: 56px;
   line-height: 56px;
   font-style: normal;
   color: #333333;
   font-size: 20px;
 }
 .online-od span b {
   font-size: 28px;
   vertical-align: middle;
   letter-spacing: -1px;
   font-weight: bold;
 }
 .online-form {
   width: 350px;
 }
 .online-form h2 {
   display: block;
   height: 48px;
   line-height: 48px;
   padding-bottom: 6px;
   color: #333;
   font-size: 16px;
   font-weight: bold;
 }
 .inewslist {
   overflow: hidden;
   width: 1200px;
   margin: 0 auto;
 }
 .inewslist * {
   -webkit-transition: all ease-in-out 0.55s;
   -o-transition: all ease-in-out 0.55s;
   -ms-transition: all ease-in-out 0.55s;
   transition: all ease-in-out 0.55s;
 }
 .inewslist ul {}
 .inewslist ul li {
   float: left;
   margin-right: 40px;
   width: 580px;
   border: 1px #fff solid;
   margin-bottom: 20px;
   background: #fff;
   padding: 20px;
   box-sizing: border-box;
 }
 .inewslist ul li h4 {
   float: left;
   width: 54px;
   padding-right: 20px;
   margin-right: 20px;
   height: 60px;
   text-align: center;
   border-right: 1px #ddd solid;
 }
 .inewslist ul li h4 b {
   font-size: 42px;
   color: #333;
   display: block;
   line-height: 50px;
   font-weight: lighter;
 }
 .inewslist ul li h4 i {
   font-size: 12px;
   color: #666;
   font-weight: normal;
   font-style: normal;
   line-height: 10px;
 }
 .inewslist ul li h3 {
   float: left;
   width: 420px;
   line-height: 30px;
 }
 .inewslist ul li h3 a {
   font-size: 18px;
   color: #333;
   font-weight: normal;
 }
 .inewslist ul li p {
   float: left;
   width: 420px;
   font-size: 12px;
   color: #888;
   line-height: 18px;
 }
 .inewslist ul li:hover {
   border: 3px var(--background-jianbain) solid;
 }
 .inewslist ul li:hover h3 a {
   color: var(--background-jianbain);
 }
 .inewslist ul li:nth-child(2) {
   margin-right: 0px;
 }
 .inewslist ul li:nth-child(4) {
   margin-right: 0px;
 }
 .inewslist ul li:hover h4 {
   border-right: 1px var(--background-jianbain) solid;
 }
 .inewslist ul li:hover h4 b {
   color: var(--background-jianbain);
 }
 .inewslist ul li:hover h4 i {
   color: var(--background-jianbain);
 }
 .sy_xinwen {
   width: 100%;
   background: #f5f5f5;
   padding-top: 1px;
   padding-bottom: 80px;
 }
 #pro {
   width: 100%;
   margin: 0 auto;
   background: #f0f0f0;
   height: 430px;
   margin-top: 60px;
 }
 .pro_a {
   width: 1200px;
   margin: 0 auto;
   text-align: center;
   padding-top: 40px;
   height: 50px;
 }
 .pro_a p {
   color: var(--background-jianbain);
   font-size: 36px;
   float: left;
   line-height: 50px;
   font-weight: bold;
 }
 .pro_a span {
   color: #000;
   font-size: 16px;
   float: left;
   line-height: 30px;
   border: #ccc solid 2px;
   padding: 0px 20px;
   margin-top: 10px;
   margin-left: 40px;
 }
 .ipro {
   margin-top: 4px;
   margin: auto;
 }
 .ipro div {
   float: left;
   width: 300px;
   text-align: center;
   margin-bottom: 5px;
 }
 .ipro h3 {
   width: 284px;
   height: 214px;
   margin: 0 auto 5px;
 }
 .ipro h3 a {
   width: 284px;
   height: 191px;
   padding: 1px;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   *display: block;
   *font-size: 166px;
   *font-family: Arial;
   border: 1px solid #eee;
 }
 .ipro h3 img {
   vertical-align: middle;
 }
 .ipro p a {
   color: #000;
   font-weight: normal;
   line-height: 30px;
 }
 .ipro p a:hover {
   text-decoration: underline;
 }
 .ipro1 {
   margin-top: 4px;
   margin: auto;
 }
 .ipro1 div {
   float: left;
   width: 287px;
   text-align: center;
   border: 3px solid #fff;
   background: #fff;
   margin-right: 20px;
 }
 .ipro1 h3 {
   width: 284px;
   height: 218px;
   margin: 0 auto 5px;
 }
 .ipro1 h3 a {
   width: 284px;
   height: 218px;
   padding: 1px;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
 }
 .ipro1 h3 img {
   vertical-align: middle;
 }
 .ipro1 p {
   text-align: center;
   font-weight: normal;
   border-top: 1px #C0E0C4 dashed;
 }
 .ipro1 p a {
   color: #333;
   font-weight: normal;
   line-height: 42px;
   font-size: 16px;
 }
 .ipro1 p a:hover {
   text-decoration: underline;
 }
 .main {
   padding-top: 50px;
   padding-bottom: 40px;
 }
 .insLeft {
   width: 250px;
 }
 .insRight {
   width: 900px;
   float: right;
 }
 .miaosu {
   line-height: 32px;
   border: 1px solid #EDEDED;
   padding-left: 6px;
   margin-bottom: 10px;
 }
 .picimg_wj {
   width: 230px;
   height: 230px;
   text-align: center;
   vertical-align: middle;
   display: table-cell;
   *display: block;
   *font-size: 197px;
 }
 .picimg_wj img {
   vertical-align: middle;
 }
 .proArtiTop .proct_bg1 {
   line-height: 30px;
   padding-top: 10px;
 }
 .proArtiTop h1 {
   text-align: center;
   line-height: 35px;
   font-size: 30px;
   display: block;
   font-weight: bold;
 }
 .insNewsArti img {}
 .pro {
   width: 500px;
   margin: 0 auto;
   height: 500px;
   border: 1px #ddd solid;
   margin-top: 30px;
 }
 .inprotab_con ul li {
   float: left;
   width: 270px;
   height: 248px;
   overflow: hidden;
   margin: 11px 4px;
   position: relative;
 }
 .inprotab_con ul li h2 {
   width: 270px;
 }
 .inprotab_con ul li h3 em {
   display: block;
   position: absolute;
   left: 0px;
   top: 200px;
   width: 270px;
   height: 48px;
   background: #000;
   opacity: 0.5;
   filter: alpha(opacity=50);
 }
 .inprotab_con ul li h3 a {
   display: block;
   height: 48px;
   color: #fff;
   position: absolute;
   left: 0px;
   top: 200px;
   width: 270px;
 }
 .inprotab_con ul li h3 a span.proName {
   text-align: center;
   line-height: 48px;
   display: block;
 }
 .insNewList {
   border-bottom: 1px dashed #bebebe;
   padding: 20px 0px;
   cursor: pointer;
 }
 .insNewList .nTit a {
   color: #383838;
   font-size: 16px;
   float: left;
   padding-left: 15px;
   background: url(../images/nCoin.png) no-repeat 3px -128px;
 }
 .insNewList .nTit a:hover, .insNewH .nTit a {
   color: var(--background-jianbain);
   background: url(../images/nCoin.png) no-repeat 3px 10px;
 }
 .insNewList .nTit span {
   color: #7f7f7f;
   float: right;
   padding-right: 15px;
 }
 .insNewList .con {
   color: #888;
   margin-top: 8px;
   padding: 0px 5px;
 }
 .insNewsArti {
   border: 1px solid #ccc;
   padding: 20px;
 }
 .insNewsArti, .insNewsArti h3 span a {
   color: #343434;
   min-height: 300px;
 }
 .insNewsArti h4 {
   margin: 10px 0px;
 }
 .insNewsArti h3 span {
   padding: 0px 8px;
 }
 .insNewsArti .con {
   line-height: 26px;
   margin: 30px 0;
 }
 .insNewsArti .con, .insNewsArti .con a {
   color: #343434;
 }
 .insNewsArti .newArtiNext, .insNewsArti .tag, .proArtiNum {
   line-height: 24px;
 }
 .insNewsArti .tag, .insNewsArti .tag a, .insNewsArti .newArtiNext, .insNewsArti .newArtiNext a, .proArtiNum, .proArtiNum a {
   color: #343434;
 }
 .insNewsArti .tag a {
   margin: 0px 5px;
 }
 .insNewsArti .tag a:hover, .insNewsArti .newArtiNext a:hover, .proArtiNum a:hover {
   color: #0568B3;
 }
 .insNews1 li {
   float: left;
   line-height: 35px;
   width: 97%;
   padding: 0px 10px;
 }
 .insNews1 li a {
   float: left;
   color: #343434;
 }
 .insNews1 li a:hover {
   color: #0568B3;
 }
 .insNews1 li span {
   float: right;
   color: #b4b4b4;
 }
 .sitemap {
   padding: 5px 10px;
   line-height: 24px;
 }
 .sitemap .title3 {
   font-size: 16px;
 }
 .sitemap DL {
   PADDING-BOTTOM: 5px;
   PADDING-TOP: 5px
 }
 .sitemap DL FONT {
   TEXT-ALIGN: left;
   DISPLAY: block;
   COLOR: #666;
   FONT-SIZE: 12px;
   FONT-WEIGHT: normal
 }
 .sitemap DL FONT A {
   PADDING-BOTTOM: 0px;
   PADDING-LEFT: 5px;
   PADDING-RIGHT: 5px;
   COLOR: #666;
   PADDING-TOP: 0px
 }
 .sitemap DL FONT A:hover {
   COLOR: #fd3639;
   TEXT-DECORATION: none
 }
 .nyjz {
   padding: 10px 10px;
 }
 .demo1 {
   width: 1200px;
   height: 596px;
   margin: 0px auto 0px;
   padding: 40px 0 0 0;
 }
 .demo1_menu {
   width: 265px;
   float: left;
 }
 .demo1_menu p {
   width: 265px;
   height: 94px;
   color: #fff;
   background: #333;
   font-size: 30px;
   line-height: 94px;
   text-align: center;
   font-weight: bold;
 }
 .demo1_menu ul {}
 .demo1_menu ul li {
   width: 265px;
   height: 60px;
   border-top: 1px #fff solid;
   position: relative;
 }
 .demo1_menu ul li a {
   display: block;
   line-height: 60px;
   text-align: center;
   color: #333333;
   font-size: 16px;
   background: #f3f3f3;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
 }
 .demo1_menu ul li ul {
   display: none;
 }
 .demo1_menu ul li:hover ul {
   display: block;
   position: absolute;
   left: 265px;
   z-index: 9999;
   top: 0;
   background: #fff;
 }
 .demo1_menu ul li ul li {
   width: 220px;
   height: 45px;
   margin: 2px 0px;
 }
 .demo1_menu ul li ul li a {
   display: block;
   line-height: 45px;
   text-align: center;
   color: #333333;
   font-size: 14px;
   border-bottom: 1px #eee solid;
   background: #fff;
 }
 .demo1_menu a:hover {
   background: var(--background-jianbain);
   color: #fff;
   left: 0px
 }
 .demo1_menu a.on {
   background: #c0010b;
   color: #fff;
 }
 .menu {
   height: 65px;
   width: 630px;
   float: right;
 }
 .menu ul {}
 .menu li {
   float: left;
 }
 .menu li a {
   font-size: 16px;
   color: #333;
   padding: 0px 20px;
   display: block;
   line-height: 107px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
 .menu li a:hover {
   color: var(--background-jianbain);
   border-bottom: 3px var(--background-jianbain) solid;
 }
 .gd1 {
   width: 910px;
   height: 550px;
 }
 .iabout_title {
   width: 100%;
   height: 28px;
   margin: 0 auto;
   margin-bottom: 20px;
 }
 .iabout_title p {
   font-size: 24px;
   color: #222;
   float: left;
   font-weight: bold;
   border-left: 5px var(--background-jianbain) solid;
   padding-left: 20px;
   line-height: 24px;
 }
 .iabout_title p span {
   font-size: 14px;
   color: #333;
   font-weight: normal;
   padding-left: 10px;
 }
 .iabout_menu {
   float: right;
 }
 .iabout_menu a {
   font-size: 12px;
   color: #333;
   float: left;
   margin: 0 10px;
   line-height: 40px;
 }
 .link { /* background:#f0f0f0; */ width: 100%;
   padding-bottom: 40px;
   padding-top: 20px;
 }
 .links {
   width: 1300px;
   border: 1px solid #dadada;
   margin: 0 auto;
 }
 .links span {
   float: left;
   color: #333;
   background: url(../images/link.png) no-repeat 5px center #fff;
   padding: 0 10px 0 90px;
   margin: -10px 0 0 8px;
   position: absolute;
 }
 .links ul {
   padding: 0 0 0 15px;
   margin-top: 10px;
 }
 .links ul li {
   float: left;
 }
 .links ul a {
   color: #333;
   line-height: 30px;
 }
 .links ul a:hover {
   color: #004fa6;
 }
 /*---foot----*/
 .foot {
   width: 100%;
   background: #222;
   padding: 10px 0 10px 0;
   border-bottom: 1px solid #272727;
 }
 .footlink {
   width: 1200px;
   color: #9f8979;
 }
 .footlink .name {
   float: left;
   font-weight: normal;
   padding-left: 0px;
   color: #e5e5e5;
   font-size: 20px;
 }
 .footlink b a {
   font-size: 14px;
   color: #a9a9a9;
 }
 .linka {
   width: 1300px;
   color: #a9a9a9;
   font-size: 14px;
   line-height: 32px;
   margin: 0 auto; /* text-align: center; */
 }
 .linka a {
   display: inline-block;
   margin: 0 5px;
   color: #a9a9a9;
 }
 .foot-con {
   width: 1300px;
   margin: 0 auto;
   color: #e5e5e5;
   line-height: 28px;
 }
 .foot-left {
   float: left;
   width: 650px;
   padding: 30px 0 0 0;
   color: #878787;
   line-height: 30px;
 }
 .footnav ul {
   margin: 0 auto;
   width: 1200px;
   padding: 0;
 }
 .footnav ul li {
   float: left; /* width:170px; */ padding: 0 0 0 0;
 }
 .footnav ul li a {
   float: left;
   width: 150px;
   line-height: 55px;
   color: #fff;
   font-size: 14px; /* text-align:center; */ text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 .footnav {
   width: 100%;
   height: 70px;
   background: var(--background-jianbain);
 }
 .foo-right {
   width: 1200px;
   margin-left: 50px;
 }
 .footy .ftlogo {
   width: 231px;
   height: 300px;
   position: absolute;
 }
 .dsrz img {
   height: 30px;
 }
 .tetle {
   height: 50px;
   background: #0568B3;
   width: 100%;
   color: #fff;
   line-height: 50px;
   padding-left: 20px;
   font-size: 18px;
   width: 530px;
 }
 .tetle span {
   float: right;
   padding-right: 20px;
 }
 .tetle span a {
   font-size: 12px;
   color: #fff;
   line-height: 50px;
 }
 /*  sy_new  */
 .inew {
   width: 1200px;
   margin: 0 auto;
   text-align: center;
   margin-bottom: 20px;
   margin-top: 20px;
 }
 .inew p {
   font-size: 40px;
   color: #181a1d;
   display: inline-block;
   padding: 25px 6px 0 6px;
   position: relative;
   font-weight: bold;
   line-height: 1;
 }
 .inew span {
   text-transform: uppercase;
   font-weight: lighter;
   line-height: 40px;
   color: #393a45;
   display: block;
 }
 .inew_a {
   width: 1200px;
   margin: 0 auto;
 }
 .inew_b {
   width: 585px;
   float: left;
   padding: 20px 30px 20px 30px;
   color: #636161;
   border: 1px solid #cccccc;
   border-bottom: 6px solid #cccccc;
   position: relative;
   margin-bottom: 20px;
   box-sizing: border-box;
   margin-right: 20px;
 }
 .inew_b:nth-child(2) {
   margin-right: 0;
 }
 .inew_b:nth-child(4) {
   margin-right: 0;
 }
 .inew_b p {
   font-size: 20px;
   font-weight: normal;
   display: block;
   position: relative;
   overflow: hidden;
   word-wrap: normal;
   white-space: nowrap;
   text-overflow: ellipsis;
 }
 .inew_b p a {
   color: var(--background-jianbain);
   font-weight: bold;
 }
 .inew_b span {
   padding: 5px 0 10px 0;
   display: block;
 }
 .goto {
   color: #FAB00E;
   opacity: 1;
   font-weight: bold;
 }
 .zzry {
   float: right;
   width: 510px;
   border: 1px #eee solid;
 }
 .zzry p {
   font-size: 14px;
   padding-left: 15px;
   color: #990008;
   line-height: 50px;
   font-weight: bold;
   border-bottom: 1px #eee solid;
 }
 .zzry p span {
   font-size: 12px;
   line-height: 50px;
   padding-right: 15px;
   font-weight: normal;
   float: right;
 }
 .bannerbox {
   width: 470px;
   height: 165px;
   overflow: hidden;
   margin: 20px auto;
 }
 #focus {
   width: 470px;
   height: 165px;
   clear: both;
   overflow: hidden;
   position: relative;
   float: left;
 }
 #focus ul {
   width: 470px;
   height: 165px;
   float: left;
   position: absolute;
   clear: both;
   padding: 0px;
   margin: 0px;
 }
 #focus ul li {
   float: left;
   width: 470px;
   height: 165px;
   overflow: hidden;
   position: relative;
   padding: 0px;
   margin: 0px;
 }
 #focus .preNext {
   width: 223px;
   height: 165px;
   position: absolute;
   top: 0px;
   cursor: pointer;
 }
 #focus .pre {
   left: 0;
   background: url(../images/sprite.png) no-repeat left center;
 }
 #focus .next {
   right: 0;
   background: url(../images/sprite1.png) no-repeat right center;
 }
 .pages {
   display: table;
   margin: 0 auto;
 }
 .pages ul { /* width:800px; */ margin: 0 auto;
 }
 .pages ul li {
   float: left;
   margin: 0 5px;
   width: 40px;
   height: 35px;
   line-height: 35px;
   border: 1px #eee solid;
   display: block;
   text-align: center;
   background: #fff;
   font-size: 15px;
 }
 .pages ul li a {
   color: #555;
   display: block;
 }
 .pages ul li a:hover {
   background: var(--background-jianbain);
   color: #fff;
 }
 .xdh {
   float: right;
   text-align: right;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 .crumb {
   height: 40px;
   line-height: 40px;
   background: #ccc;
   padding-left: 10px;
 }
 .pro_left {
   width: 400px;
   float: left;
   height: 300px;
   border: 1px #f9f9f9 solid;
 }
 .pro_right {
   width: 420px;
   float: right;
 }
 .pro_right p {
   border-bottom: 1px #eee solid;
   font-size: 14px;
 }
 .pro_right h1 {
   line-height: 40px;
   float: left;
 }
 .cp_mingc {
   border-bottom: 1px #eee solid;
   height: 40px;
 }
 .cp_mingc span {
   float: left;
   line-height: 40px;
 }
 .newCon {
   width: 100%;
 }
 .insNewsArti p {
   line-height: 35px;
 }
 .ewm {
   width: 100px;
   float: right;
   margin-top: 60px;
 }
 .footnav ul {
   margin: 0 auto;
   width: 1300px;
   padding: 0;
 }
 .footnav ul li {
   padding: 0 0 0 0;
   float: left;
   width: 170px;
   line-height: 70px;
   color: #fff;
   font-size: 17px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 .footnav ul li a {
   float: left;
   width: 170px;
   line-height: 70px;
   color: #fff;
   font-size: 17px; /* text-align:center; */ text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 .footnav {
   width: 100%; /* height:55px; */ background: var(--background-jianbain);
 }
 .contact {
   width: 265px;
   height: 100px;
   background: #333;
   padding-top: 15px;
   padding-bottom: 20px;
 }
 .contact span {
   font-size: 16px;
   text-align: center;
   background-color: #fff;
   color: #333;
   width: 220px;
   display: block;
   margin: 0 auto;
   margin-top: 10px;
 }
 .contact p {
   color: #ffffff;
   font-size: 24px;
   font-weight: bold;
   text-align: center;
   height: 30px;
   line-height: 50px;
 }
 .gk_xqy {
   width: 100%;
   height: 514px;
   background: #f7f7f7;
   box-sizing: border-box;
   margin: 0 auto;
 }
 .gk_xqy_a {
   margin: 0 auto;
   padding: 60px 50px;
   width: 1200px;
   background: #fff;
   display: table;
 }
 .nypro-item {
   width: 100%;
   height: 700px;
   background: #f1f5f7;
   padding: 60px 0 30px;
   box-sizing: border-box;
   margin: 0 auto;
 }
 .nypro-item-l {
   float: left;
   width: 600px;
 }
 .spec-preview {
   width: 525px;
   height: 394px;
   float: left;
 }
 .jqzoom {
   border: 1px #eee solid;
   padding: 10px;
   position: relative;
   padding: 0px;
   cursor: pointer;
   margin: 0px;
   display: block;
   width: 525px;
   height: 394px;
   text-align: center;
   padding: 10px;
   box-sizing: border-box;
 }
 .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: 394px;
 }
 .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 #0042ad 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: #0042ad;
 }
 .spec-scroll .items {
   position: relative;
   width: 92px;
   height: 324px;
   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;
   overflow: hidden;
 }
 .spec-scroll .items ul li img {
   width: 92px;
   min-height: 70px; /* margin:0 auto; */ object-fit: cover;
 }
 .spec-scroll .items ul li:hover {
   border: 1px solid #0042ad;
   cursor: pointer
 }
 .nypro-item-r {
   float: right;
   width: 600px;
 }
 .nypro-item-r h1 {
   font-size: 30px;
   color: var(--background-jianbain);
   margin-bottom: 20px;
   font-weight: bold;
 }
 .nypro-item-r .nypro-item-r-table {
   width: 100%;
   text-align: left;
 }
 .nypro-item-r .nypro-item-r-table tr {
   height: 50px;
   color: #666;
   font-size: 14px;
 }
 .nypro-item-r .nypro-item-r-table tr td {
   box-sizing: border-box;
   position: relative;
   line-height: 1.9;
   padding: 5px 10px;
 }
 .nypro-item-r .nypro-item-r-table tr td:nth-child(2n-1) {
   width: 100px;
   text-align: center;
   color: #999;
 }
 .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 .nypro-item-r-table tr:nth-child(3) {
   background: #f4f4f4;
   height: 120px;
 }
 table {
   border-color: #aaa;
   border-spacing: 0;
   border: 1px;
   border-collapse: collapse;
 }
 .nypro-item-r .nypro-item-r-table tr:nth-child(3) td:nth-child(2) {
   padding-right: 12px;
 }
 .nypro-item-r ul {
   width: 100%;
   height: 50px;
   line-height: 40px;
   margin-top: 30px;
   transition: all 0.5s ease;
 }
 .nypro-item-r ul li {
   float: left;
   margin-right: 20px;
   width: 150px;
   background: var(--background-jianbain);
   position: relative;
 }
 .nypro-item-r ul li:nth-last-child(1) {
   background: #222;
   width: 240px;
   text-align: center;
   color: #fff;
   font-size: 16px;
 }
 .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:after {
   background: #222;
 }
 .nypro-item-r ul li.nypro-item-r-zx a {
   color: #fff;
 }
 .nypro-item-r ul li:hover:after {
   width: 150px;
 }
 .nypro-item-r ul li:after {
   content: " ";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0;
   height: 40px;
   background: #222;
   transition: all 0.5s ease;
   z-index: 1
 }
 .nypro-item-r ul li:nth-last-child(1):hover:after {
   width: 240px;
 }
 .nypro-item-r ul li:nth-last-child(1):after {
   content: " ";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0;
   height: 40px;
   background: var(--background-jianbain);
   transition: all 0.5s ease;
   z-index: 1
 }
 .nypro-item-r ul li:nth-last-child(1) p {
   color: #fff;
   z-index: 9;
   position: relative;
 }
 .bgf1f5f7 {
   width: 100%;
   background: #f7f7f7;
 }
 .mainbox {
   margin: 0 auto;
   display: table;
   padding: 50px 50px;
   width: 1300px;
 }
 .nypro-cpjs {
   width: calc(100% - 400px);
   float: left;
   box-sizing: border-box;
   background: #fff;
   padding: 40px;
   font-size: 16px;
   color: #666;
   line-height: 36px;
   border-top: 5px solid var(--background-jianbain);
   padding-top: 10px;
 }
 .nypro-cpjs h3 {
   color: #333;
   font-size: 24px;
   margin: 0 0 20px;
   position: relative;
   padding-left: 18px;
   font-weight: bold;
   margin-top: 50px;
 }
 .nypro-cpjs h3:before {
   content: " ";
   width: 6px;
   height: 20px;
   position: absolute;
   top: 8px;
   left: 0px;
   background: var(--background-jianbain);
   border-radius: 6px;
 }
 .nypro-cpjs h4 {
   font-size: 18px;
   color: #0042ad
 }
 .nypro-cpjs p {
   font-size: 16px;
   line-height: 35px;
   color: #666;
 }
 .nypro-cpjs img {
   max-width: 100%;
 }
 .nypro-cpfl {
   float: right;
   float: right;
   width: 360px;
   padding: 40px;
   background: #fff;
   box-sizing: border-box
 }
 .nypro-cpfl-title {
   font-size: 20px;
   color: #222;
   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 var(--background-jianbain) 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;
   width: 80px;
 }
 .nypro-cpfl ul li a img {
   float: right;
   max-height: 90%
 }
 .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;
 }
 .nypro_bg {
   background: #fff
 }
 .message {
   margin: 0 auto;
   width: 1300px;
   box-sizing: border-box;
   overflow: hidden;
   padding: 60px 0;
 }
 .message h2 {
   margin: 40px auto;
 }
 .message .left {
   width: calc(100% - 550px);
   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;
   line-height: 30px;
 }
 .message .left dt input {
   width: 48%;
   height: 50px;
   border: 1px solid #cdcdcd;
   margin: 13px 2% 13px 0;
   background: none;
   float: left;
   font-size: 14px;
   text-indent: 10px;
   box-sizing: border-box;
 }
 .message .left dt input.icon-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: var(--background-jianbain);
   border: none;
   transition: all 0.5s ease;
   color: #fff;
   margin-top: 0;
   margin-left: 10px;
   float: left;
 }
 .message .right {
   width: 500px;
   float: right;
   overflow: hidden;
 }
 .message .left dt input.button:hover {
   background: #628cc3;
 }
 .message .right dd {
   width: 100%;
   background: url(../images/phone3.png) left 45px center no-repeat var(--background-jianbain);
   padding: 45px 0 45px 140px;
   box-sizing: border-box;
 }
 .message .right dd span a {
   font-size: 46px;
   color: #fff;
   line-height: 46px;
   font-family: Impact;
 }
 .message .right dd p {
   font-size: 24px;
   color: #fff;
   line-height: 24px;
   margin-bottom: 10px;
 }
 .message .right dt {
   width: 100%;
   background: #222;
   padding: 30px 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)
 }
 .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: var(--background-jianbain);
 }
 .nynewspreNext ul li span {
   font-weight: normal;
   font-size: 16px;
   color: #666;
 }
 .gksy_ys {
   overflow: hidden;
   height: 435px;
   width: 1350px;
   margin: 0 auto;
 }
 .gksy_ysa {
   float: left;
   width: 284px;
   height: 435px;
   background: #a50506;
   margin-right: 21px;
   border-radius: 0 30px 0 0;
   overflow: hidden;
   position: relative;
   -webkit-transition: transform .3s;
   transition: transform .3s;
   margin-top: 10px;
 }
 .ysa1 {
   text-align: center;
   padding-top: 110px;
   height: 435px;
   box-sizing: border-box;
 }
 .ysa1 img {
   opacity: 0.6;
 }
 .ysa1 p {
   font-size: 17px;
   font-weight: bold;
   color: #fff;
   line-height: 30px;
   margin: 40px 0;
 }
 .ysa2 {
   padding: 0 30px;
   width: 284px;
   height: 0;
   position: absolute;
   top: 60px;
   left: 0;
   background: #a50506;
   overflow: hidden;
   font-size: 16px;
   transition: height .5s;
   -moz-transition: height .5s;
   -webkit-transition: height .5s;
   -o-transition: height .5s;
   box-sizing: border-box;
 }
 .ysa2 img {
   opacity: 0.6;
 }
 .ysa2 p {
   font-size: 17px;
   font-weight: bold;
   color: #fff;
   line-height: 30px;
   padding-top: 20px;
 }
 .ysa2 span {
   color: #fff;
   font-size: 13px;
   padding: 20px 0;
   display: block;
   line-height: 30px;
   text-align: justify;
   padding-bottom: 40px;
   opacity: 0.7;
 }
 .gksy_ysa:nth-child(2n) {
   background: #222;
 }
 .gksy_ysa:nth-child(4) {
   margin-right: 0;
 }
 .gksy_ysa:nth-child(2n) .ysa2 {
   background: #222;
 }
 .gksy_ysa:hover .ysa2, .gksy_ysa.cur .ysa2 {
   height: 435px;
 }
 .gksy_ysa:hover {
   margin-top: 0px;
 }
 .adv_bg { /* height: 1940px; */ background: #f6f6f6;
   box-sizing: border-box;
   padding-top: 1px;
 }
 .adv_w {
   width: 600px;
   height: 300px;
   position: relative;
 }
 .nob {
   position: absolute;
   top: 120px;
   width: 66px;
   height: 66px;
   line-height: 66px;
   text-align: center;
   color: #fff;
   font-size: 20px;
   font-weight: bold;
   left: -83px;
   background: url(../images/ysbg1.png)no-repeat center;
 }
 .adv_w2 .nob, .adv_w4 .nob {
   left: 617px;
 }
 .adv_ww p {
   font-size: 24px;
   color: #333;
   font-weight: bold;
   padding-top: 60px;
 }
 .adv_ww p b {
   color: #333; /* font-weight: BOLD; */ font-size: 30px;
 }
 .adv_ww span {
   color: #999;
   display: block;
   padding-bottom: 10px;
 }
 .adv_ww t {
   display: block;
   padding-left: 26px;
   background: url(../images/ysbg2.jpg)no-repeat 4px 26px;
 }
 .adv_ww em {
   display: block;
   line-height: 36px;
   padding-top: 15px;
   font-size: 16px;
   font-style: normal;
   color: #666;
 }
 .adv_ww i {
   font-size: 20px;
   color: #0351a1;
   font-weight: bold;
   font-style: normal;
 }
 .clear {
   clear: both;
 }
 .inewstitle6 {
   width: 1200px;
   height: 78px;
   text-align: center;
   line-height: 78px;
   position: relative;
   margin: 0 auto;
   margin-top: 80px;
   margin-bottom: 80px;
 }
 .inewstitle6 h3 {
   width: 1200px;
   height: 78px;
 }
 .inewstitle6 h3 b {
   font-size: 42px;
   line-height: 115px;
   position: absolute;
   z-index: 2;
   left: 0;
   right: 0;
   color: #333;
   font-weight: bold; /* margin-left: -30px; */ width: 1200px;
   text-align: center;
 }
 .inewstitle6 h3 i { /* line-height: 100px; */ /* z-index:2; */ color: #a50506; /* font-weight: bold; */ font-style: normal;
 }
 .inewstitle6 h3 span {
   font-size: 100px;
   color: #e9e9e9;
   font-weight: bold;
   text-transform: uppercase;
   position: absolute;
   z-index: 1;
   left: 0;
   right: 0;
 }
 .chanpin_ny {
   width: 100%;
   overflow: hidden;
 }
 .chanpin_ny_a {
   width: 1300px;
   margin: 0 auto;
   padding-top: 40px;
 }
 .chanpin_ny_a1 {
   font-size: 36px;
   line-height: 50px;
   color: #333;
   text-align: center;
   margin-bottom: 20px;
   font-weight: bold;
 }
 .chanpin_ny_a2 {
   width: 100%;
   padding: 10px 0;
 }
 .chanpin_ny_a2 ul {
   text-align: center;
 }
 .chanpin_ny_a2 ul li {
   display: inline-block;
   position: relative;
   width: auto;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s; /* padding: 0 30px; */ background: #f6f6f6;
   width: 250px;
 }
 .chanpin_ny_a2 ul li a {
   display: block;
   color: #333;
   line-height: 50px;
   font-size: 16px;
   text-align: center;
 }
 .chanpin_ny_a2 ul li a:hover {
   background: var(--background-jianbain);
   color: #fff;
 }
 .chanpin_ny_a2 ul li.on {
   background: var(--background-jianbain);
 }
 .chanpin_ny_a2 ul li.on a {
   color: #fff;
 }
 .chanpin_ny_a2 p {
   font-size: 16px;
   line-height: 2em;
   background: #f8f8f8;
   color: #333;
   text-align: center;
   padding: 30px;
 }
 .chanpin_ny_b {
   background: #f6f6f6;
   margin-top: 10px;
   display: table;
   width: 100%;
   padding-top: 50px;
 }
 .chanpin_ny_b1 {
   width: 1300px;
   margin: 0 auto;
   margin-bottom: 60px;
 }
 .chanpin_ny_b2 {}
 .chanpin_ny_b2 ul {
   display: table;
   width: 100%;
 }
 .chanpin_ny_b2 ul li {
   float: left;
   width: 23.5%;
   margin-right: 2%;
   margin-bottom: 3%;
   background: #fff;
   position: relative;
   overflow: hidden;
   transition: all 0.3s ease;
   text-align: center;
 }
 .chanpin_ny_b2 ul li h3 {
   width: 100%;
   padding: 20px;
   box-sizing: border-box;
   overflow: hidden;
   height: 240px;
   position: relative;
   overflow: hidden;
 }
 .chanpin_ny_b2 ul li:hover h3 a {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 .chanpin_ny_b2 ul li h3 a {
   display: block;
   transition: all 0.6s;
 }
 .chanpin_ny_b2 ul li h3 img {
   max-width: 100%;
   height: 199px;
 }
 .chanpin_ny_b2 ul li p {
   background: #fff;
   text-align: center;
   color: #333;
   transition: all 0.3s ease;
   border-top: 1px #f1f5f7 solid;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding: 0 30px;
 }
 .chanpin_ny_b2 ul li p a {
   line-height: 60px;
   font-size: 18px;
   color: #555;
   font-weight: bold;
 }
 .chanpin_ny_b2 ul li span {
   color: #fff;
   text-align: center;
   margin-top: 10px;
   display: table;
   width: 100%;
   padding-bottom: 20px;
 }
 .chanpin_ny_b2 ul li span i {}
 .chanpin_ny_b2 ul li span i a {
   color: #fff;
   background: var(--background-jianbain);
   font-size: 16px;
   width: 120px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   display: inline-block;
   font-style: normal;
   border: 1px var(--background-jianbain) solid;
 }
 .chanpin_ny_b2 ul li span b {}
 .chanpin_ny_b2 ul li span b a {
   color: #555;
   border: 1px #eee solid;
   font-size: 16px;
   box-sizing: border-box;
   width: 120px;
   height: 32px;
   text-align: center;
   line-height: 30px;
   display: inline-block;
 }
 .chanpin_ny_b2 ul li span b a:hover {
   color: var(--background-jianbain);
   border: 1px var(--background-jianbain) solid;
 }
 .chanpin_ny_b2 ul li:hover p {}
 .chanpin_ny_b2 ul li:hover p a {
   color: var(--background-jianbain);
   font-weight: bold;
 }
 .chanpin_ny_b2 ul li:nth-child(4n) {
   margin-right: 0;
 }
 .syu_one {
   width: 100%;
   margin: 0 auto;
   padding-top: 60px;
   padding-bottom: 50px;
   background: #f8f8f8;
 }
 .syu_one_a {
   display: table;
   width: 1300px;
   margin: 0 auto;
 }
 .syu_one_a p {
   font-size: 36px;
   color: #111;
   font-weight: bold;
   text-align: center;
   line-height: 0.5em;
 }
 .syu_one_a p i {}
 .syu_one_a em {
   font-size: 28px;
   color: #666;
   margin: 0 auto;
   text-align: center;
   display: block;
   font-weight: 100;
 }
 .syu_one_a p:before, .syu_one_a p:after {
   content: '';
   display: inline-block;
   vertical-align: middle;
   width: 28px;
   height: 26px;
   background-repeat: no-repeat;
   margin-top: -6px;
 }
 .syu_one_a ul {
   margin: 0 auto;
   display: table;
   margin-top: 30px;
 }
 .syu_one_a ul li {
   float: left;
   margin: 0 6px;
   transition: all 0.6s;
 }
 .syu_one_a ul li p {
   text-align: center;
   width: 240px;
   display: block;
   font-size: 16px;
   background: #eee;
   line-height: 50px;
   color: #333;
   border-radius: 4px;
   position: relative;
   font-weight: normal
 }
 .syu_one_a ul .on p:hover {
   transition: all 0.6s;
   background: var(--background-jianbain);
   color: #fff;
 }
 .syu_one_b {
   margin-top: 30px;
   width: 1300px;
   margin: 0 auto;
   margin-top: 40px;
 }
 .syu_one_c ul {
   display: table;
   width: 100%;
 }
 .syu_one_c ul li {
   float: left;
   margin-right: 26px;
   margin-bottom: 26px;
 }
 .syu_one_c ul li p {
   height: 228px;
   position: relative;
   overflow: hidden;
   width: 305px;
 }
 .syu_one_c ul li span {
   display: block;
   text-align: center;
   font-size: 16px;
   background: #fff;
   height: 84px;
   padding: 15px 0;
   box-sizing: border-box;
 }
 .syu_one_c ul li:nth-child(4n) {
   margin-right: 0;
 }
 .syu_one_c ul li p a {
   height: 228px;
   width: 305px;
 }
 .syu_one_c ul li:hover p img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 .syu_one_c ul li p a img {
   transition: all 0.6s;
 }
 .syu_one_c ul li span a {
   font-size: 18px;
   margin-bottom: 10px;
   display: block;
   font-weight: bold;
   color: #333;
 }
 .syu_one_c ul li span i {
   font-size: 14px;
   color: #888;
   display: block;
   font-style: normal;
   font-weight: normal;
 }
 .syu_one_c ul li:hover span {
   background: var(--background-jianbain);
 }
 .syu_one_c ul li:hover span a {
   color: #fff;
 }
 .syu_one_c ul li:hover span a i {
   color: #fff;
 }
 .syu_one_c .super {
   display: none;
 }
 .syu_one_b .syu_one_c {
   display: none;
 }
 .syu_one_b .on {
   display: block !important;
 }
 .syu_two {
   padding-top: 70px;
   margin-bottom: 30px;
   padding-bottom: 60px;
 }
 .syu_two_a {
   margin: 0 auto;
   width: 1300px;
   display: table;
   position: relative;
 }
 .syu_two_a p {
   font-size: 36px;
   color: #111;
   font-weight: bold;
   text-align: center;
 }
 .syu_two_a a {}
 .syu_two_a p:before {
   background-image: url(../images/tit-icon01.png);
   margin-right: 20px;
 }
 .syu_two_a p:after {
   background-image: url(../images/tit-icon02.png);
   margin-left: 20px;
 }
 .syu_two_a p:before, .syu_two_a p:after {
   content: '';
   display: inline-block;
   vertical-align: middle;
   width: 28px;
   height: 26px;
   background-repeat: no-repeat;
   margin-top: -6px;
 }
 .syu_two_b {
   display: block;
   width: 1300px;
   margin: 0 auto;
   margin-top: 20px;
 }
 .syu_two_b dl {
   display: table;
   width: 1300px;
   margin-top: 50px;
 }
 .syu_two_b dl dd { /* width: 1300px; */ height: 400px; /* background: #eee; */ float: right;
 }
 .syu_two_b dl dt {
   font-size: 16px;
   color: #777;
   line-height: 36px;
   text-align: justify; /* margin-top: 40px; */ float: left;
   width: 650px;
 }
 .syu_two_b dl dt p {
   margin-bottom: 20px;
   font-size: 16px;
   color: #888;
   line-height: 32px;
   text-align: justify;
 }
 .syu_two_b dl dt p a {
   color: var(--background-jianbain);
   font-weight: bold;
   font-size: 24px;
   text-transform: uppercase;
   display: block;
   margin-top: 30px;
 }
 .syu_two_b dl dd p {
   width: 550px;
   float: left;
   background: #020003;
 }
 .syu_two_b dl dd span {
   width: 750px;
   float: left;
   opacity: 0.8;
   height: 401px;
   position: relative;
   overflow: hidden;
 }
 .syu_two_b dl dd span a {
   transition: all 0.6s;
   display: block;
 }
 .syu_two_b dl dd span:hover a {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 .syu_two_b dl dl dd span a img {}
 .sychejian {
   width: 100%; /*padding: 40px 0 80px;*/ overflow: hidden;
 }
 #carousel {
   position: relative;
   width: 100%;
   margin: 0 auto;
   padding-bottom: 40px;
 }
 .sychejian .swiper-slide img {
   max-width: 100%;
   width: 100%;
   height: 110%;
 }
 .sychejian .swiper-pagination {
   bottom: 0 !important;
 }
 /*
.syu_there{background: #f6f6f6;padding-top: 70px;min-height: 640px;}
.syu_there ul{width: 1300px;margin: 0 auto;margin-top: 40px;display: table;}
.syu_there ul li{float: left;margin-right: 18.3px;width: 168px;margin-bottom: 10px;border: 1px solid #f6f6f6;    height: 84px;}
.syu_there ul li:hover{    border: 1px solid var(--background-jianbain);}
.syu_there ul li img{width: 100%;  }
.syu_there ul li img:hover{}
.syu_there ul li:nth-child(7n){margin-right:0;}
*/
 .syu_four { /* height:500px; */ margin-top: 50px;
 }
 .syu_four_a {
   width: 1300px;
   margin: 50px auto; /*height: 350px;*/
 }
 .syu_four_a1 {
   float: left;
   width: 780px;
   height: 350px;
   position: relative;
   overflow: hidden;
 }
 .syu_four_a1:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.5);
   display: block;
   z-index: 5;
 }
 .syu_four_a1 div {
   position: absolute;
   bottom: 45px;
   left: 50px;
   z-index: 6;
 }
 .syu_four_a1 h3 {
   font-size: 24px;
 }
 .syu_four_a1 h3 a {
   font-size: 24px;
   color: #fff;
   line-height: 40px;
   font-weight: bold;
 }
 .syu_four_a1 p {
   font-size: 16px;
   color: #fff;
   line-height: 40px;
 }
 .syu_four_a1 p a {
   color: #fff;
   font-size: 16px;
   line-height: 40px;
 }
 .syu_four_a1 img {
   position: absolute;
   left: 0;
   top: 0;
   width: 780px;
   height: 350px;
   z-index: 3;
   -webkit-transition-duration: 1s;
   transition-duration: 1s;
 }
 .syu_four_a1:hover img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 .syu_four_a2 {
   float: right;
   width: 480px;
   height: 350px;
   position: relative;
   overflow: hidden;
 }
 .syu_four_a2:before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.5);
   display: block;
   z-index: 5;
 }
 .syu_four_a2 div {
   position: absolute;
   bottom: 45px;
   left: 50px;
   z-index: 6;
 }
 .syu_four_a2 h3 {
   font-size: 24px;
 }
 .syu_four_a2 h3 a {
   font-size: 24px;
   color: #fff;
   line-height: 40px;
   font-weight: bold;
 }
 .syu_four_a2 p {
   font-size: 16px;
   color: #fff;
   line-height: 40px;
 }
 .syu_four_a2 p a {
   color: #fff;
   font-size: 16px;
   line-height: 40px;
 }
 .syu_four_a2 img {
   position: absolute;
   left: 0;
   top: 0;
   width: 480px;
   height: 350px;
   z-index: 3;
   -webkit-transition-duration: 1s;
   transition-duration: 1s;
 }
 .syu_four_a2:hover img {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 .syu_four_b {
   width: 1300px;
   margin: 0 auto;
 }
 .syu_four_b ul {
   display: table;
   display: table;
 }
 .syu_four_b ul li {
   float: left;
   width: 310px;
   height: 200px;
   margin-right: 20px;
   background: #fff;
   padding: 30px;
   box-sizing: border-box;
   -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
   box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
   margin-bottom: 20px;
 }
 .syu_four_b ul li h4 {
   height: 50px;
   line-height: 50px;
   color: var(--background-jianbain);
   font-weight: normal;
   font-size: 20px;
 }
 .syu_four_b ul li b {
   position: relative;
   font-size: 40px;
   font-weight: normal;
   line-height: 50px;
   font-family: Impact;
 }
 .syu_four_b ul li i {
   font-size: 20px;
   color: var(--background-jianbain);
   font-style: normal;
   line-height: 25px;
   font-family: Impact;
 }
 .syu_four_b ul li span {
   color: #888;
   font-size: 16px;
   float: right;
 }
 .syu_four_b ul li h3 {
   font-size: 18px;
   font-weight: normal;
   color: #333;
   line-height: 35px;
 }
 .syu_four_b ul li h3 a {
   font-size: 17px;
   font-weight: normal;
   color: #333;
   line-height: 35px;
 }
 .syu_four_b ul li p {
   font-size: 14px;
   color: #888;
   line-height: 26px;
   margin-bottom: 10px;
   text-align: justify;
 }
 .syu_four_b ul li:nth-child(4n) {
   margin-right: 0;
 }
 .syu_four_b ul li:hover {
   background: #b40202;
 }
 .syu_four_b ul li:hover h4 {
   color: #fff
 }
 .syu_four_b ul li:hover i {
   color: #fff;
 }
 .syu_four_b ul li:hover span {
   color: #fff;
 }
 .syu_four_b ul li:hover h3 a {
   color: #fff;
 }
 .syu_four_b ul li:hover p {
   color: #fff;
 }
 .footy {
   background: #333;
 }
 .footnav_a {
   width: 1320px;
   margin: 0 auto;
   height: 300px;
 }
 .footnav_a ul {
   width: 870px;
   display: table;
   float: right;
   padding-top: 25px;
 }
 .footnav_a ul li span {
   font-size: 18px;
   font-weight: bold;
   padding-bottom: 6px;
 }
 .footnav_a ul li {
   float: left;
   width: 170px;
   font-size: 15px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   margin-top: 10px;
   color: #bbb;
   line-height: 36px;
 }
 .footnav_a ul li a {
   display: block;
   color: #bbb;
   line-height: 36px;
 }
 .footnav_a ul li:nth-child(6) {
   width: 120px;
   margin-top: 10px;
 }
 .footnav_a ul li:nth-child(7) {
   width: 120px;
   margin: 0 32px;
   margin-top: 10px;
 }
 .footnav_a ul li:nth-child(8) {
   margin-right: 0;
   width: 120px;
   margin-top: 10px;
 }
 .footnav_a ul li img {
   margin-top: 15px;
   border-radius: 6px;
 }
 .yindaoye_a {
   background: #f1f1f1;
   margin-top: 10px;
   display: table;
   width: 100%;
   padding-top: 50px;
   padding-bottom: 50px;
 }
 .yindaoye_b {
   width: 1300px;
   margin: 0 auto;
   margin-bottom: 10px;
 }
 .yindaoye_c {}
 .yindaoye_c p {
   width: 248px;
   font-size: 24px;
   color: #111;
   font-weight: bold;
 }
 .yindaoye_c p i {
   background: var(--background-jianbain);
   width: 8px;
   height: 20px;
   margin-right: 15px;
   margin-top: 13px;
   display: block;
   float: left;
   border-radius: 4px;
 }
 .yindaoye_a dl {
   display: table;
   width: 100%;
   margin-top: 20px;
 }
 .yindaoye_a dl dt {
   width: 272px;
   float: left;
   height: 371px;
   background: #fff;
   position: relative;
   overflow: hidden;
 }
 .yindaoye_a dl dt a {
   position: absolute;
   width: 272px;
   height: 371px;
   transition: all 0.6s;
 }
 .yindaoye_a dl dt a:hover {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 .yindaoye_a dl dt img {}
 .yindaoye_d {
   float: right;
   width: 1028px;
 }
 .yindaoye_d ul {
   display: table;
   width: 100%;
 }
 .yindaoye_d ul li {
   float: left;
   width: 31.3%;
   margin-left: 2%;
   margin-bottom: 3%;
   background: #fff;
   position: relative;
   overflow: hidden;
   transition: all 0.3s ease;
   text-align: center;
 }
 .yindaoye_d ul li h3 {
   width: 100%;
   padding: 20px;
   box-sizing: border-box;
   overflow: hidden;
   height: 238px;
   position: relative;
   overflow: hidden;
 }
 .yindaoye_d ul li h3 a {
   display: block;
   height: 238px;
   transition: all 0.6s;
 }
 .yindaoye_d ul li:hover h3 a {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 .yindaoye_d ul li h3 img {
   max-width: 100%;
   height: 238pxpx;
 }
 .yindaoye_d ul li p {
   background: #fff;
   text-align: center;
   color: #333;
   transition: all 0.3s ease;
   border-top: 1px #f1f5f7 solid;
 }
 .yindaoye_d ul li p a {
   line-height: 60px;
   font-size: 18px;
   color: #555;
   font-weight: bold;
 }
 .yindaoye_d ul li span {
   color: #fff;
   text-align: center;
   margin-top: 10px;
   display: table;
   width: 100%;
   padding-bottom: 30px;
 }
 .yindaoye_d ul li span i {}
 .yindaoye_d ul li span i a {
   color: #fff;
   background: var(--background-jianbain);
   font-size: 16px;
   width: 120px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   display: inline-block;
   font-style: normal;
   border: 1px var(--background-jianbain) solid;
 }
 .yindaoye_d ul li span b {}
 .yindaoye_d ul li span b a {
   color: #555;
   border: 1px #eee solid;
   font-size: 16px;
   box-sizing: border-box;
   width: 120px;
   height: 32px;
   text-align: center;
   line-height: 30px;
   display: inline-block;
 }
 .yindaoye_d ul li span b a:hover {
   border: 1px var(--background-jianbain) solid;
   color: var(--background-jianbain);
 }
 .yindaoye_d ul li:hover p {}
 .yindaoye_d ul li:hover p a {
   color: var(--background-jianbain);
   font-weight: bold;
 }
 .yindaoye_d ul li:nth-child(4n) {
   margin-right: 0;
 }
 .cpxlb_a {
   display: table;
   width: 100%;
   border-bottom: 1px #eee solid;
 }
 .cpxlb_a p {
   float: left;
   line-height: 100px;
   font-size: 30px;
   color: #333;
   font-weight: bold;
   width: 360px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 .cpxlb_a span {
   float: right;
   height: 60px;
   display: block;
 }
 .cpxlb_a a {
   font-size: 17px;
   line-height: 90px;
   height: 90px;
   font-weight: bold;
   color: #333;
   position: relative;
   margin-left: 20px;
 }
 .cpxlb_a a:hover {}
 .cpxlb_a a:nth-child(1) {
   font-size: 17px;
   line-height: 90px;
   height: 90px;
   font-weight: bold;
   color: var(--background-jianbain);
   position: relative;
   border-bottom: 2px solid var(--background-jianbain);
   padding-bottom: 10px;
 }
 .cpxlb_a a:hover {
   font-size: 17px;
   line-height: 90px;
   height: 90px;
   font-weight: bold;
   color: var(--background-jianbain);
   position: relative;
   border-bottom: 2px solid var(--background-jianbain);
   padding-bottom: 10px;
 }
 .newslist {
   width: 1300px;
   margin: 0 auto;
 }
 .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: 160px;
   margin-bottom: 20px;
   box-sizing: border-box;
 }
 .newslist ul li h5 {
   float: left;
   width: 200px;
   padding: 30px 50px 0 0; /* margin-right: 20px; */ height: 100px;
   text-align: center;
   position: relative;
   z-index: 4;
 }
 .newslist ul li h5:before {
   content: " ";
   position: absolute;
   top: 0;
   right: 50px;
   width: 0;
   height: 160px;
   background: var(--background-jianbain);
   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: 80px;
   height: 1px;
   width: 50px;
   z-index: 5;
 }
 .newslist ul li h5 b {
   display: block;
   margin-top: 15px;
   position: relative;
   z-index: 3;
   font-weight: normal;
   font-family: impact;
   font-size: 40px;
   line-height: 40px;
   color: #555;
 }
 .newslist ul li h5 i {
   font-size: 16px;
   line-height: 40px;
   color: #666;
   font-weight: normal;
   font-style: normal;
   position: relative;
   z-index: 3;
 }
 .newslist ul li h3 {
   background: #fafafa;
   float: left;
   width: 633px;
   height: 120px;
   padding: 20px 33px;
   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 #003289;
   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: 160px;
   transition: all .5s ease;
   -webkit-transition: all .5s ease;
 }
 .newslist ul li h3 a {
   font-size: 18px;
   line-height: 50px;
   color: #111;
   transition: all .5s ease;
   -webkit-transition: all .5s ease;
   position: relative;
   z-index: 3;
   font-weight: bold;
 }
 .newslist ul li h3 a:hover {
   color: var(--background-jianbain);
 }
 .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: #fff;
   float: right;
   width: 350px;
   height: 160px;
   position: relative;
   z-index: 3;
 }
 .newslist ul li h4:after {
   content: " ";
   position: absolute;
   top: 0;
   left: 40px;
   width: 0;
   height: 160px;
   background: #fafafa;
   transition: all .5s ease;
   -webkit-transition: all .5s ease;
   z-index: 1;
 }
 .newslist ul li h4 img {
   max-width: 352px;
   position: relative;
   z-index: 5;
   height: 160px;
 }
 .newslist ul li.active h5:before {
   width: calc(50vw - 458px);
 }
 .newslist ul li.active h5 b {
   color: #fff;
 }
 .newslist ul li.active h5 i {
   color: #fff;
 }
 .newslist ul li.active h5:after {
   background: var(--background-jianbain);
   z-index: 3;
 }
 .newslist ul li.active h4:after {
   width: calc(50vw - 350px);
 }
 .newslist ul li.active h3:before {
   position: absolute;
   border-top: 15px solid transparent;
   border-bottom: 15px solid transparent;
   border-left: 15px solid #003289;
   left: -90px;
   top: 50%;
   margin-top: -15px;
   z-index: 3;
 }
 .newslist ul li.active h3:after {
   left: -90px;
 }
 .newslist ul li.active h3 a {}
 .mainbg-f3 {
   width: 100%;
 }
 .nynewsshow-l {
   width: 1300px;
   background: #fff;
   box-sizing: border-box;
   margin: 0 auto;
 }
 .nynewsshow-l h1.title {
   font-size: 26px;
   line-height: 60px;
   padding-bottom: 20px;
   border-bottom: 1px #eee solid;
   color: #111;
   font-weight: bold;
   text-align: center;
 }
 .nynewsshow-l h1.title .info {
   font-size: 14px;
   color: #999;
   line-height: 20px;
   font-weight: normal;
 }
 .nynewsshow-l h1.title .info small {
   font-size: 14px;
 }
 .textarea {
   color: #666;
   line-height: 36px;
   font-size: 16px;
 }
 .textarea p {
   font-size: 16px;
   line-height: 32px;
   color: #555;
 }
 .nynewsshow-xgxw {
   display: table;
   width: 100%;
 }
 .nynewsshow-xgxw ul li {
   float: left;
   width: 46%;
   line-height: 50px;
   position: relative;
   margin-right: 4%;
   border-bottom: 1px #eee solid;
   transition: all 0.8s ease;
 }
 .nynewspreNext {
   background: #f8f8f8;
   padding: 20px;
   margin: 0 auto;
   margin-top: 30px;
 }
 .nynewspreNext p {
   line-height: 30px;
   font-size: 16px;
 }
 .nynewspreNext p a {
   color: #5c5c5c;
   font-size: 16px;
 }
 .nynewspreNext p a:hover {
   color: #003289;
 }
 .share_box_title {
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 20px;
   color: #111;
   border-left: 6px solid #003289;
   padding-left: 10px;
   line-height: 18px;
 }
 .nynewsshow-xgxw ul li:after {
   content: "";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0;
   height: 1px;
   background: #003289;
   transition: all 0.8s ease;
 }
 .nynewsshow-xgxw ul li a {
   line-height: 50px;
   font-size: 16px;
   color: #555;
   transition: all 0.5s ease;
 }
 .nynewsshow-xgxw ul li a span {
   float: right;
   font-size: 14px;
   color: #888;
 }
 .nynewsshow-xgxw ul li:hover:after {
   width: 100%;
 }
 .nynewsshow-xgxw ul li:hover a {
   color: #003289
 }
 .share_box_title {
   border-left: 6px solid var(--background-jianbain);
   line-height: 20px;
   color: #333;
   font-size: 24px;
   margin: 0 0 20px;
   position: relative;
   padding-left: 18px;
   font-weight: bold;
   margin-top: 40px;
 }
 .nynewsshow-xgxw ul {
   display: table;
   width: 100%;
 }
 .cpxqybgt {
   background: #f0f0f0;
   padding-top: 10px;
   padding-bottom: 40px;
 }
 .cpxqybgt_a {
   width: 1300px;
   margin: 0 auto;
 }
 .ny_conter { /* background: #f9f9f9; */ padding-bottom: 70px;
 }
 .ny_conter ul {
   width: 1300px;
   margin: 0 auto;
   display: table;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: center;
 }
 .ny_conter ul li {
   width: 33.33%;
   background: url(../images/ab3_bj.jpg)no-repeat center;
   background-size: cover;
   position: relative;
   z-index: 2;
   border: 1px solid #eee;
   height: 400px;
   box-sizing: border-box;
   padding: 4.5vw 2vw 4vw 2vw;
 }
.ny_conter .jyln01{background: url(../images/ab4_bj.jpg)no-repeat center;}
 .ny_conter ul li p {
   font-size: 28px;
   line-height: 38px;
   margin-bottom: 1vw;
   font-family: hm;
   transition: all 0.1s;
   color: #333333;
   padding-top: 10px;
 }
 .ny_conter ul li span {
   line-height: 32px;
   height: 64px;
   font-family: hr;
   color: #777777;
   transition: all 0.1s;
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin-bottom: 1vw;
   font-size: 16px;
} .ny_conter ul li:hover span{color:rgba(255, 255, 255, .7);}
 .ny_conter ul li img {
   width: 3.8vw;
 }
 .ny_conter ul li:nth-child(3n) {
   margin-right: 0;
 }
 .ny_conter ul li:nth-child(1) span {
   margin-top: -5px;
 }
 .ny_conter ul li:hover {
   background: var(--background-jianbain);
 }
 .ny_conter ul li:hover p {
   color: #fff;
 }
 .ny_conter ul li:hover span {
   color: #fff;
 }
 .ny_conter ul li .img2 {
   display: none;
 }
 .ny_conter ul li:hover .img1 {
   display: none;
 }
 .ny_conter ul li:hover .img2 {
   display: block;
 }
 .ny_conter ul li .jyln {
   width: 19.5%;
   float: left;
   border-left: 1px #e9e9e9 solid;
   padding-left: 5%;
   height: 140px;
   padding-top: 70px;
 }
 .ny_conter ul li .jyln em {
   width: 100%;
   display: block;
   float: left;
   font-size: 18px;
   font-weight: bold;
   font-size: 18px;
	 padding-bottom: 10px;
 }
.ny_conter ul li:hover em{color:#eee;}

 .ny_conter ul li .jyln i {
   font-style: normal;
   font-size: 16px;
	 color:#777;
 }
.ny_conter ul li:hover i{color:rgba(255, 255, 255, .7);}
.ny_conter ul li .jyln:hover{  border-left: 1px #0048c6 solid;}
.ny_conter ul li:hover .jyln{  border-left: 1px #0048c6 solid;}
 .ny_conter2 {
   width: 1300px;
   margin: 0 auto;
   display: table;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: center;
   height: 400px;
 }
 .ny_conter2 ul li {
   width: 33.33%;
   background: url(../images/ab3_bj.jpg)no-repeat center;
   background-size: cover;
   position: relative;
   z-index: 2;
   border: 1px solid #eee;
   height: 400px;
   box-sizing: border-box;
   padding: 4.5vw 3.125vw 4vw 3.125vw;
 }
 .ny_conter2 ul li p {
   font-size: 28px;
   line-height: 38px;
   margin-bottom: 1.51vw;
   font-family: hm;
   transition: all 0.1s;
   color: #333333;
 }
 .ny_conter2 ul li span {
   line-height: 32px;
   height: 64px;
   font-family: hr;
   color: #777777;
   transition: all 0.1s;
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin-bottom: 1vw;
   font-size: 16px;
 }
 .ny_conter2 ul li img {
   width: 3.8vw;
 }
 .ny_conter2 ul li:nth-child(3n) {
   margin-right: 0;
 }
 .ny_conter2 ul li:nth-child(1) span {
   margin-top: -5px;
 }
 .ny_conter2 ul li:hover {
   background: var(--background-jianbain);
 }
 .ny_conter2 ul li:hover p {
   color: #fff;
 }
 .ny_conter2 ul li:hover span {
   color: #fff;
 }
 .ny_conter2 ul li .img2 {
   display: none;
 }
 .nyban-word {
   position: absolute;
   color: #fff;
   z-index: 999;
   right: 19%;
   top: 210px;
 }
 .nyban-word em {
   /* float: right; */
   display: block;
   text-align: -webkit-right;
   font-size: 24px;
   font-weight: 100;
   line-height: 1em;
 }
 .nyban-word span {
   font-size: 45px;
   font-weight: 600;
   float: right;
   display: block;
 }
 .ny_conter ul li:hover .img1 {
   display: none;
 }
 .ny_conter ul li:hover .img2 {
   display: block;
 }
 .ny_contergd {
   width: 100%;
   height: 1190px;
   background: #f9f9f9;
 }
 .guandian {
   width: 1320px;
   margin: 0 auto;
   background: url(../images/abtgd.jpg)no-repeat top right;
 }
 .ny_contergd ul {
   height: 840px;
   width: 600px;
   background: #fff;
   padding: 30px;
 }
 .ny_contergd ul li {
   margin-bottom: 18px;
   padding-bottom: 18px;
   border-bottom: 1px #efefef solid;
 }
 .ny_contergd ul li p {
   font-size: 20px;
   font-weight: bold;
   color: #333;
   line-height: 2em;
 }
 .ny_contergd ul li p i {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #003289;
   position: relative;
   margin-right: 16px;
 }
 .ny_contergd ul li p i::before, .joinhxzz-click-menu i::after {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
   background: rgba(0, 86, 184, .7);
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -4px 0 0 -4px;
   animation: joinhxzzClickDot 1.4s linear infinite;
   opacity: 0;
 }
 .ny_contergd ul li p i::before {
   animation-delay: .7s;
 }
 .ny_contergd ul li p i::after {
   animation-delay: 0s;
 }
 @keyframes joinhxzzClickDot {
   0% {
     opacity: 0;
     transform: scale(1)
   }
   5% {
     opacity: 1
   }
   to {
     opacity: 0;
     transform: scale(5)
   }
 }
 .ny_contergd ul li span {
   font-size: 16px;
   font-weight: normal;
   color: #666;
   line-height: 2em;
 }
 .ny_contergd ul li img {
   width: 14px;
   height: 14px;
   float: left;
   padding-top: 10px;
   margin-right: 8px;
 }
 .new_about_tit {
   padding-top: 70px;
 }
 .new_about_tit p {
   text-align: center;
   display: block;
   font-size: 36px;
   font-weight: bold;
   color: #333;
   line-height: 50px;
 }
 .new_about_tit i {
   border-radius: 6px;
   margin: 0 auto;
   background: var(--background-jianbain);
   width: 40px;
   height: 6px;
   display: block;
   text-align: center;
   margin-top: 14px;
 }
 .new_about_tit span {
   text-align: center;
   display: block;
   padding-top: 10px;
   font-size: 18px;
   line-height: 34px;
   margin-bottom: 20px;
   color: #555;
 }
 .new_about_tit em {
   text-align: center;
   display: block;
   padding-top: 30px;
   font-size: 18px;
   line-height: 34px;
   margin-bottom: 20px;
   color: #555;
   font-style: normal;
   float: inherit !important;
 }
 .new_about_tit em b {
   margin: 0 3px;
   font-weight: normal;
   color: #a7874b;
 }
 .new_about_tit span b {
   color: #a7874b;
   font-weight: normal;
 }
 .new_about_tit1 {
   padding-top: 70px;
 }
 .new_about_tit1 p {
   text-align: center;
   display: block;
   font-size: 36px;
   font-weight: bold;
   color: #fff;
   line-height: 50px;
 }
 .new_about_tit1 i {
   margin: 0 auto;
   background: var(--background-jianbain);
   width: 40px;
   height: 6px;
   display: block;
   text-align: center;
   margin-top: 14px;
   border-radius: 6px;
 }
 .new_about_tit1 span {
   text-align: center;
   display: block;
   padding-top: 20px;
   font-size: 18px;
   line-height: 34px;
   margin-bottom: 20px;
   color: #ccc;
 }
 .new_about_tit1 em {
   text-align: center;
   display: block;
   padding-top: 30px;
   font-size: 18px;
   line-height: 34px;
   margin-bottom: 20px;
   color: #555;
   font-style: normal;
   float: inherit !important;
 }
 .new_about_tit1 em b {
   margin: 0 3px;
   font-weight: normal;
   color: #a7874b;
 }
 .new_about_tit1 span b {
   color: #a7874b;
   font-weight: normal;
 }
 .syabout_b {
   background: url(../images/shipinbg.jpg) center no-repeat;
   padding-bottom: 70px;
   height: 687px;
   box-sizing: border-box;
 }
 .syabout_b1 {
   margin: 0 auto;
 }
 .syabout_b1 video {
   margin: 0 auto;
   text-align: center;
   background: #000;
   margin-top: 30px;
 }
 .box {
   max-width: 1300px;
   margin: 0 auto;
   position: relative;
 }
 .hotproduct {
   margin: 15px 0 20px 0;
 }
 #demo1p {
   width: 1300px;
   height: 310px;
   overflow: hidden;
   position: relative;
 }
 #indemo1p {
   float: left;
   width: 800%;
 }
 #demo1p1 {
   float: left;
 }
 #demo1p2 {
   float: left;
 }
 .top_14 {
   list-style: none outside none;
   display: inline;
 }
 ul {
   list-style: none outside none;
 }
 .top_14 li {
   float: left;
   height: 285px;
   overflow: hidden;
   padding-right: 5px;
   padding-top: 20px;
   text-align: center;
   width: 307px;
   background: #fff;
   margin-right: 20px;
   padding-left: 5px;
   border: 1px #eee solid;
 }
 .top_14 h3 {
   height: 228px;
   margin: 0 auto;
 }
 .top_14 h3 a {
   width: 307px;
   height: 230px;
   padding: 1px;
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   *display: block;
   *font-size: 129px;
   *font-family: Arial;
 }
 .top_14 h3 img {
   vertical-align: middle;
   max-width: 100%;
   max-height: 100%;
 }
 .top_14 li p {
   margin-top: 5px;
 }
 .top_14 li p .a1 {
   font-size: 18px;
   border: 0px;
   padding: 0px;
   overflow: hidden;
   display: block;
   height: 50px;
   line-height: 50px;
   font-weight: bold;
   color: #555;
 }
 .top_14 li p .a1:hover {
   color: #b30001;
 }
 .syabout_c {
   background: url(../images/zizrongyu.jpg) center no-repeat;
   height: 686px;
 }
 .syabout_c1 {}
 .syabout_c1 a {
   margin: 0 auto;
   display: block;
   margin-top: 40px;
   text-align: center;
   width: 248px;
   font-size: 18px;
   color: #fff;
   font-weight: bold;
   background: var(--background-jianbain);
   border-radius: 6px;
   line-height: 50px;
 }
 .chanpin_ny_a1 i {
   margin: 0 auto;
   background: var(--background-jianbain);
   width: 40px;
   height: 6px;
   display: block;
   text-align: center;
   margin-top: 14px;
   border-radius: 6px;
 }
 .nybanner {
   width: 100%;
   height: 380px;
   background-position: center bottom;
   position: relative;
 }
 .liwm_a {
   padding-bottom: 70px;
 }
 .liwm_a ul {
   width: 1300px;
   margin: 0 auto;
   display: table;
   margin-top: 30px;
 }
 .liwm_a ul li {
   margin-right: 20px;
   float: left;
   width: 290px;
   background: #f7f7f7;
   text-align: center;
   padding: 40px 0;
   height: 150px;
   transition: all 0.6s;
   border: 3px solid #fff;
 }
 .liwm_a ul li p {
   font-size: 18px;
   color: #003289;
   line-height: 45px;
   transition: all 0.6s;
 }
 .liwm_a ul li span {
   margin-top: 10px;
   display: block;
   font-size: 18px;
   color: #555;
   line-height: 20px;
   transition: all 0.6s;
 }
 .liwm_a ul li i img {
   width: 120px; /*margin-top: 26px;*/ border-radius: 8px;
 }
 .liwm_a ul li:nth-last-child(1) {
   margin-right: 0;
 }
 .liwm_a ul li img { /*margin-top: 20px;*/
 }
 .liwm_a ul li:hover {
   margin-top: -10px;
   border: 3px solid rgba(0, 50, 137, 0.3);
 }
 .liwm_a ul li:hover span {
   color: #003289;
 }
 .jszcfw_b {
   margin-bottom: 100px;
   margin-top: 20px;
 }
 .jszcfw_b ul {
   width: 1300px;
   margin: 0 auto;
   display: table;
 }
 .jszcfw_b ul li {
   float: left;
   width: 250px;
   text-align: center;
   margin: 0 5px;
 }
 .jszcfw_b ul li p {
   line-height: 50px;
   background: var(--background-jianbain);
   color: #fff;
   font-size: 17px;
   font-weight: BOLD;
 }
 .jszcfw_b ul li span {
   font-size: 16px;
   background: #f6f6f6;
   display: block;
   line-height: 60px;
 }
 .jszc {
   margin-top: 30px;
   margin-bottom: 70px;
 }
 .adv_m {
   height: 300px;
   width: 650px;
 }
 .adv_m img {
   height: 300px;
   width: 650px;
 }
 .tuku_a {
   width: 1300px;
   margin: 0 auto;
   text-align: center;
   margin-bottom: 50px;
 }
 .tuku_a p {
   font-size: 24px;
   line-height: 30px;
   color: #333;
   text-align: center;
   font-weight: bold;
   margin-top: 35px;
 }
 .tuku_a span {
   display: block;
   background: #f6f6f6;
   font-size: 12px;
   line-height: 35px;
   margin-top: 15px;
 }
 .tuku_b {}
 .tuku_b p {
   padding: 30px;
   display: table;
   margin: 0 auto;
 }
 .tuku_b img {
/*   max-width: 600px;*/
 }
 .anlizx_a {
   width: 1300px;
   margin: 0 auto;
   margin-top: 30px;
   margin-bottom: 30px;
 }
 .anlizx_a ul {
   display: table;
   width: 1300px;
 }
 .anlizx_a ul li {
   float: left;
   width: 302px;
   margin-right: 30px;
   background: #f0f0f0;
   margin-bottom: 30px;
   padding-bottom: 30px;
 }
 .anlizx_a ul li h3 {
   width: 302px;
   height: 227px;
   margin-bottom: 10px;
   position: relative;
   overflow: hidden;
 }
 .anlizx_a ul li h3 a {
   position: absolute;
   width: 302px;
   height: 227px;
   transition: all 0.6s;
 }
 .anlizx_a ul li:hover h3 a {
   -webkit-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
 }
 .anlizx_a ul li h3 a img {
   width: 100%;
 }
 .anlizx_a ul li p {
   text-align: center;
 }
 .anlizx_a ul li p a {
   font-size: 17px;
   font-weight: bold;
   line-height: 50px;
   color: #555;
 }
 .anlizx_a ul li span {
   display: block;
   text-align: center;
   border: 1px solid var(--background-jianbain);
   width: 150px;
   margin: 0 auto;
   background: var(--background-jianbain);
   color: #fff;
   border-radius: 20px;
 }
 .anlizx_a ul li:nth-child(4n) {
   margin-right: 0;
 }
 .anlizx_a ul li:hover {
   background: var(--background-jianbain);
 }
 .anlizx_a ul li:hover a {
   color: #fff;
 }
 .anlizx_a ul li:hover span {
   border: 1px solid #ffffff;
 }
 .dtnr {
   display: block;
   text-align: center;
   top: 25%;
   width: 100%;
   position: absolute;
 }
 .dtnr span {
   font-size: 17px;
   text-align: left;
   color: #333;
   font-weight: normal;
   display: block;
   opacity: 0.6;
   text-transform: uppercase;
   letter-spacing: 2px;
 }
 .dtnr p em {
   font-size: 21px;
   font-weight: normal;
   color: #fff;
   background: #cf0010;
   width: 330px;
   height: 38px;
   text-align: center;
   line-height: 38px;
   position: relative;
   display: block;
 }
 .dtnr p em:before {
   content: " ";
   position: absolute;
   left: -14px;
   top: 0;
   border-top: 20px solid transparent;
   border-right: 14px solid #9c000c;
 }
 .dtnr p {
   font-size: 65px;
   text-align: left;
   color: #111;
   display: block;
   margin-top: 50px;
   font-style: normal;
   font-weight: 900;
   float: right;
 }
 .dtnr p i {
   font-style: normal;
   color: #003188;
 }
 .dtnr img {
   display: block;
   margin: 0 auto;
 }
 .dtnr1 {
   width: 1300px;
   margin: 0 auto;
 }
 .dtnr2 {
   display: block;
   text-align: center;
   top: 13%;
   width: 100%;
   position: absolute;
 }
 .dtnr2 span {
   font-size: 17px;
   text-align: center;
   color: #333;
   font-weight: normal;
   display: block;
   opacity: 0.6;
   text-transform: uppercase;
   line-height: 20px; /* letter-spacing: 1px; */
 }
 .dtnr2 p {
   font-size: 60px;
   text-align: center;
   color: #111;
   display: block;
   font-style: normal;
   font-weight: bold;
 }
 .dtnr2 p i {
   font-style: normal;
   color: #003188;
 }
 .dtnr2 img {
   margin: 0 auto;
   text-align: center; /*margin-top: 50px;*/
 }
 .dtnr3 {
   display: block;
   text-align: center;
   top: 13%;
   width: 100%;
   position: absolute;
 }
 .dtnr3 span {
   font-size: 17px;
   text-align: center;
   color: #333;
   font-weight: normal;
   display: block;
   opacity: 0.6;
   text-transform: uppercase;
   line-height: 20px;
   letter-spacing: 2.5px;
 }
 .dtnr3 p {
   font-size: 60px;
   text-align: center;
   color: #111;
   display: block;
   font-style: normal;
   font-weight: bold;
 }
 .dtnr3 p i {
   font-style: normal;
   color: #003188;
 }
 .dtnr3 img {
   margin: 0 auto;
   text-align: center;
   margin-top: 50px;
 }
 .ejdh {
   width: 100%;
   position: absolute;
   z-index: 9999;
   margin-top: 0px;
   display: none;
   background-color: rgba(255, 255, 255, 0.95);
   height: 430px;
   left: 0;
 }
 .ejdh dl {
   margin: 0 auto;
   border-radius: 10px;
   padding: 48px 0;
   box-sizing: border-box;
   width: 1300px;
 }
 .ejdh dl dt {
   float: left;
   padding-right: 20px;
   width: 400px;
 }
 .ejdh dl dt img {
   border-radius: 10px;
   width: 100%;
 }
 .ejdh dl dd {
   float: left;
   width: 880px;
 }
 .ejdh dl dd ul {}
 .ejdh dl dd ul li {
   float: left;
   padding-left: 60px;
 }
 .ejdh dl dd ul li p {
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 10px;
 }
 .ejdh dl dd ul li span a {
   position: relative;
   padding-left: 10px;
 }
 .ejdh dl dd ul li span {
   display: block;
   line-height: 32px;
   position: relative;
   display: block;
   opacity: .8;
   transition: all .3s;
 }
 .ejdh dl dd ul li span a:before {
   position: absolute;
   left: -7px;
   top: 6px;
   content: ' ';
   display: block;
   border-width: 4px 0 4px 9px;
   border-style: solid;
   border-color: transparent transparent transparent #999;
 }
 .ejdh dl dd ul li span a:after {
   margin-top: 5px;
   content: ' ';
   display: block;
   height: 2px;
   background: var(--background-jianbain);
   transition: all .3s ease;
   transform: scale(0);
   height: 1px;
 }
 .ejdh dl dd ul li span a:hover:after {
   transform: scale(1)
 }
 .new_div {
   float: right;
   width: calc(100% - 244px);
 }
 .ejdh dl dd ul li span a:hover:before {
   border-color: transparent transparent transparent var(--background-jianbain);
 }
 .ejdh1 {
   width: 100%;
   position: absolute;
   z-index: 9999;
   margin-top: 0px;
   display: none;
   left: 0;
 }
 .ejdh1 ul {
   margin-left: 460px;
   width: 130px;
   text-align: center;
   background: #f6f6f6;
   padding: 10px 0;
 }
 .ejdh1 ul li {}
 .ejdh1 ul li a {
   font-size: 16px;
   line-height: 40px;
   opacity: .8;
   transition: all .3s;
   position: relative;
   display: inline-block;
 }
 .ejdh2 {
   width: 100%;
   position: absolute;
   z-index: 9999;
   margin-top: 0px;
   ;
   display: none;
   left: 0;
 }
 .ejdh2 ul {
   margin-left: 570px;
   width: 130px;
   text-align: center;
   background: #f6f6f6;
   padding: 10px 0;
 }
 .ejdh2 ul li {}
 .ejdh2 ul li a {
   font-size: 16px;
   line-height: 40px;
   opacity: .8;
   transition: all .3s;
   position: relative;
   display: inline-block;
 }
 .ejdh3 {
   width: 100%;
   position: absolute;
   z-index: 9999;
   margin-top: 0px;
   display: none;
   left: 0;
 }
 .ejdh3 ul {
   margin-left: 680px;
   width: 130px;
   text-align: center;
   background: #f6f6f6;
   padding: 10px 0;
 }
 .ejdh3 ul li {}
 .ejdh3 ul li a {
   font-size: 16px;
   line-height: 40px;
   opacity: .8;
   transition: all .3s;
   position: relative;
   display: inline-block;
 }
 .ejdh4 {
   width: 100%;
   position: absolute;
   z-index: 9999;
   margin-top: 0px;
   display: none;
   left: 0;
 }
 .ejdh4 ul {
   margin-left: 900px;
   width: 130px;
   text-align: center;
   background: #f6f6f6;
   padding: 10px 0;
 }
 .ejdh4 ul li {}
 .ejdh4 ul li a {
   font-size: 16px;
   line-height: 40px;
   opacity: .8;
   transition: all .3s;
   position: relative;
   display: inline-block;
 }
 .ejdh5 {
   width: 100%;
   position: absolute;
   z-index: 9999;
   margin-top: 0px;
   display: none;
   left: 0;
 }
 .ejdh5 ul {
   margin-left: 950px;
   width: 130px;
   text-align: center;
   background: #f6f6f6;
   padding: 10px 0;
 }
 .ejdh5 ul li {}
 .ejdh5 ul li a {
   font-size: 16px;
   line-height: 40px;
   opacity: .8;
   transition: all .3s;
   position: relative;
   display: inline-block;
 }
 .ejdh11 {
   width: 1300px;
   margin: 0 auto;
 }
 .ejdh11 ul li a::after {
   margin-top: 5px;
   content: ' ';
   display: block;
   height: 2px;
   background: var(--background-jianbain);
   transition: all .3s ease;
   transform: scale(0);
   height: 1px;
 }
 .ejdh11 ul li a:hover::after {
   transform: scale(1);
 }
 .syabout_box {
   width: 100%;
   background: url(../images/syaboutbg.jpg) top center no-repeat;
   position: relative;
 }
 .syabout {
   width: 90%;
   min-height: 610px;
   margin: 0 auto;
   min-width: 1300px;
   max-width: 1400px;
   box-sizing: border-box;
   overflow: hidden;
   position: relative;
 }
 .syabout_r {
   float: right;
   width: 50%;
   background: url(../images/syaboutimg.jpg) center center no-repeat;
   background-size: cover;
   height: 760px;
 }
 .syabout_l {
   float: left;
   width: calc(50% - 90px);
   padding: 60px 0;
   position: relative;
   min-height: 450px;
 }
 .syabout_l h3 {
   font-size: 28px;
   color: #fff;
   opacity: 0.3;
   text-transform: uppercase;
   line-height: 1em;
   font-weight: 100;
 }
 .syabout_l h4 {
   font-size: 38px;
   color: #fff;
   font-weight: bold;
 }
 .syabout_l p {
   font-size: 16px;
   color: #eee;
   opacity: 0.8;
   line-height: 32px;
   text-align: justify;
   margin-bottom: 16px;
 }
 .syabout_l p:hover {
   color: #fff;
 }
 .syabout_l_a {
   font-size: 24px;
   color: var(--background-jianbain);
   text-transform: uppercase;
 }
 .syabout_l a {
   font-size: 14px;
   color: #fff;
   border: 1px #fff dashed;
   border-radius: 6px;
   padding: 8px 50px 8px 50px;
   transition: all 1s;
 }
 .syabout_l a:hover {
   background: var(--background-jianbain);
   color: #fff;
   transition: all 1s;
   border: none;
 }
 .syabout_list {
   width: calc(100% - 200px);
   min-width: 1300px;
   margin: 0 auto;
   height: 220px;
   box-sizing: border-box;
   position: relative;
   top: -115px;
   box-shadow: 0px 2px 10px 1px rgb(50 50 50 / 30%);
   background: var(--background-jianbain);
 }
 .syabout_list ul {
   width: 1300px;
   padding: 40px 30px;
   height: 220px;
   box-sizing: border-box;
   margin: 0 auto;
 }
 .syabout_list li {
   float: left; /* width: 25%; */ margin: 0 40px;
 }
 .syabout_list li h3 {
   float: left;
   font-size: 80px;
   font-weight: bold;
   color: #fff;
   font-family: Arial
 }
 .syabout_list li h4 {
   float: left;
   margin-left: 10px;
   font-weight: normal;
   padding-top: 30px;
 }
 .syabout_list li h4 b {
   font-size: 20px;
   color: #fff;
   display: block;
   font-weight: bold;
 }
 .syabout_list li h4 span {
   font-size: 16px;
   color: #fff;
   font-weight: 200;
 }
 .syabout_list ul li i {
   float: left;
   width: 36px;
   height: 36px;
   text-align: center;
   display: block;
   padding-top: 40px;
 }
 .syabout_list ul li:hover i img {
   -webkit-animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
   animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 }
 /* ----------------------------------------------
 * Generated by Animista on 2025-3-22 8:35:55
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
 /**
 * ----------------------------------------
 * animation rotate-in-center
 * ----------------------------------------
 */
 @-webkit-keyframes rotate-in-center {
   0% {
     -webkit-transform: rotate(-360deg);
     transform: rotate(-360deg);
     opacity: 0;
   }
   100% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }
 }
 @keyframes rotate-in-center {
   0% {
     -webkit-transform: rotate(-360deg);
     transform: rotate(-360deg);
     opacity: 0;
   }
   100% {
     -webkit-transform: rotate(0);
     transform: rotate(0);
     opacity: 1;
   }
 }
 .cl {
   clear: both;
 }
 .syu_two_a span {
   color: #666;
   font-size: 18px;
   line-height: 34px;
   width: 1200px;
   text-align: center;
   display: block;
   margin: 0 auto;
   margin-top: 30px;
   margin-bottom: 20px;
 }
 .syabout_box_a {
   width: 1300px;
   margin: 0 auto;
 }
 .video-con {
   margin-top: 160px;
   position: relative;
   border: 6px solid var(--background-jianbain);
   background: #333;
 }
 .video-btn {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 9;
   cursor: pointer;
 }
 .video-btn img {
   position: absolute;
   width: 100px;
   height: 100px;
   left: 50%;
   top: 50%;
   margin-left: -50px;
   margin-top: -60px;
   z-index: 99;
 }
 .video-con video {
   width: 100%;
   height: auto;
 }
 .chanpin_ny_a3 {
   width: 100%;
   padding: 10px 0;
 }
 .chanpin_ny_a3 ul {
   text-align: center;
 }
 .chanpin_ny_a3 ul li {
   display: inline-block;
   position: relative;
   width: auto;
   -webkit-transition-duration: 0.3s;
   transition-duration: 0.3s;
   padding: 0 20px;
   background: #f0f0f0;
   border-radius: 30px;
   width: 60px;
 }
 .chanpin_ny_a3 ul li a {
   display: block;
   FONT-VARIANT: JIS83;
   line-height: 35px;
   font-size: 14px;
   text-align: center;
   color: #888;
 }
 .chanpin_ny_a3 ul li.on {
   background: var(--background-jianbain);
 }
 .chanpin_ny_a3 ul li.on a {
   color: #fff;
 }
 .chanpin_ny_a3 ul li:before {
   content: "";
   width: 1px;
   height: 14px; /* background: #ddd; */ position: absolute;
   bottom: 14px;
   right: -4px;
 }
 .wuliao_xq {
   width: 1300px;
   margin: 0 auto;
   margin-top: 50px;
   background: #f6f6f6;
   display: table;
   height: 450px;
   border-bottom: 10px solid #f6f6f6;
   padding-top: 10px;
   padding-left: 15px;
 }
 .wuliao_xq p {
   float: left;
   width: 600px;
   height: 450px;
 }
 .wuliao_xq p img {
   width: 600px;
   height: 450px;
 }
 .wuliao_xq_a {
   width: 630px;
   float: right;
   padding-top: 20px;
   height: 450px;
   box-sizing: border-box;
 }
 .wuliao_xq_a p {
   font-size: 16px;
   color: #666;
   line-height: 36px;
   float: none;
   height: auto; /* margin-top: 10px; */
 }
 .wuliao_xq_a p img {
   height: auto;
 }
 .wuliao_xq_a i {
   font-size: 30px;
   color: #333;
   font-weight: bold;
   font-style: normal;
   margin-bottom: 10px;
 }
 .wuliao_xq_b {
   margin-top: 20px;
 }
 .wuliao_xq_b ul { /* width:100%; */ /* height:50px; */ /* line-height:40px; */ /* margin-top:30px; */ /* transition: all 0.5s ease; */
 }
 .wuliao_xq_b ul li {
   float: left;
   margin-right: 20px;
   width: 150px;
   background: var(--background-jianbain);
   position: relative;
 }
 .wuliao_xq_b ul li:nth-last-child(1) {
   background: #222;
   width: 240px;
   text-align: center;
   color: #fff;
   font-size: 16px;
 }
 .wuliao_xq_b ul li a {
   display: block;
   height: 40px;
   text-align: center;
   color: #fff;
   font-size: 16px;
   z-index: 9;
   position: relative;
   line-height: 40px;
 }
 .wuliao_xq_b ul li.nypro-item-r-zxa:after {
   background: #222;
 }
 .wuliao_xq_b ul li.nypro-item-r-zxa a {
   color: #fff;
 }
 .wuliao_xq_b ul li:hover:after {
   width: 150px;
 }
 .wuliao_xq_b ul li:after {
   content: " ";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0;
   height: 40px;
   background: #222;
   transition: all 0.5s ease;
   z-index: 1
 }
 .wuliao_xq_b ul li:nth-last-child(1):hover:after {
   width: 240px;
 }
 .wuliao_xq_b ul li:nth-last-child(1):after {
   content: " ";
   position: absolute;
   left: 0;
   bottom: 0;
   width: 0;
   height: 40px;
   background: var(--background-jianbain);
   transition: all 0.5s ease;
   z-index: 1
 }
 .wuliao_xq_b ul li:nth-last-child(1) p {
   color: #fff;
   z-index: 9;
   position: relative;
   height: 40px;
   width: 240px;
   line-height: 40px;
 }
 .mainbg-f4 {
   background: #f7f7f7;
 }
 .fangan {
   width: 1000px;
   margin: 0;
   padding: 40px;
   float: left;
   border-top: 5px solid var(--background-jianbain);
 }
 .shaifen_y {
   float: right; /* background: #fff; */ /* height: 400px; */
 }
 .shaifen_y p {
   width: 265px;
   height: 90px;
   color: #fff;
   background: var(--background-jianbain);
   font-size: 26px;
   line-height: 90px;
   text-align: center;
   font-weight: bold;
 }
 .shaifen_y ul {
   display: table;
   width: 100%;
 }
 .shaifen_y ul li {
   background: #fff;
   width: 100%;
   margin-bottom: 4px;
   box-sizing: border-box;
   padding: 10px 30px;
 }
 .shaifen_y ul li a {
   display: block;
   line-height: 40px;
   font-size: 17px;
   font-weight: bold;
   color: #555;
 }
 .shaifen_y ul li span {
   display: block;
   border-top: 1px solid #eee;
 }
 .shaifen_y ul li span a {
   font-weight: normal;
   font-size: 14px;
 }
 .shaifen_y ul li a:hover {
   color: var(--background-jianbain);
 }
 /*首页新闻*/
 .synews {
   width: 100%;
   margin: 0 auto;
   box-sizing: border-box;
   padding: 80px 0;
   /*background: url(../images/newsbg.jpg) center no-repeat;*/
   background: #f9f9f9;
 }
 .synews_title {
   margin: 0 auto;
   width: 90%;
   box-sizing: border-box
 }
 .synews_title a {
   color: #888;
   line-height: 50px;
   transition: all 0.6s;
 }
 .synews_title a:hover {
   color: #333;
   font-weight: 600;
 }
 .synews_title h3 {
   font-size: 28px;
   color: #666;
   text-transform: uppercase;
   line-height: 1em;
   font-weight: 100;
 }
 .synews_title h4 {
   font-size: 38px;
   color: #333;
   line-height: 46px;
   float: left;
   margin-right: 15px;
   font-weight: 600;
 }
 .synewslist {
   margin: 0 auto;
   box-sizing: border-box;
 }
 .synewshot {
   width: 100%;
   height: 500px;
   position: relative;
 }
 .synewslist ul {
   width: 90%;
   height: 220px;
   margin: 0 auto;
 }
 .synewslist ul li {
   float: left;
   width: 32%;
   background: #fff;
   padding: 25px;
   margin: 0 1%;
   box-sizing: border-box;
 }
 .synewslist ul li:last-child {
   margin: 0 0 0 1%;
 }
 .synewslist ul li:nth-child(1) {
   margin: 0 1% 0 0;
 }
 .synewslist ul li h4 {
   font-size: 24px;
   color: #2e3db2;
   line-height: 30px;
 }
 .synewslist ul li h4 span {
   color: #888;
   font-size: 16px;
   font-weight: normal;
   margin-left: 10px;
 }
 .synewslist 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: 10px;
 }
 .synewslist ul li p {
   font-size: 14px;
   color: #aaa;
   line-height: 30px;
   height: 60px;
   overflow: hidden;
 }
 /*首页科技服务*/
 .sykjfw {
   width: 100%;
   height: 650px;
   background: url(../images/sykjfwbg.jpg) center bottom no-repeat;
   box-sizing: border-box;
   text-align: center;
   position: relative;
 }
 .sykjfw .waves {
   position: absolute;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
 }
 .sykjfw .waves canvas {
   display: block;
 }
 .sykjfw_n {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
 }
 .sykjfw_n * {
   transition: all 1s ease;
 }
 .sykjfw_n div {
   transition: all 1s ease;
   height: 100%;
   flex: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
   position: relative;
   z-index: 9;
 }
 .sykjfw_n div:hover {
   background: rgba(0, 48, 135, 0.8);
   transition: all 1s ease;
 }
 .sykjfw_n div h3 {
   font-size: var(--font-size-md);
   color: #fff;
   position: relative;
   z-index: 2;
   margin-bottom: 10px;
   font-weight: 600;
   line-height: 1em;
   margin-bottom: 20px;
 }
 .sykjfw_n div p {
   font-size: var(--font-color-base);
   color: #eee;
   position: relative;
   z-index: 2;
   font-size: 32px;
   font-weight: 100;
   opacity: 0.6;
 }
 .sykjfw_n div a {
   display: inline-block;
   width: 120px;
   height: 40px;
   line-height: 40px;
   border: 1px #fff dashed;
   text-align: center;
   font-size: var(--font-size-xs);
   color: #fff;
   position: relative;
   z-index: 2;
   border-radius: 3px;
 }
 /*底部联系*/
 #contactinfo {
   width: 540px;
 }
 #contactinfo h3 {
   font-size: 18px;
   color: #fff;
   line-height: 24px;
   margin-bottom: 5px;
   font-weight: 600;
 }
 #contactinfo p {
   line-height: 2emx;
   font-size: 16px;
   color: #FFFFFF;
   height: 24px;
   width: 100%
 }
 #contactinfo > a {
   color: #989898;
   text-decoration: underline
 }
 #contactinfo div {
   margin-top: 24px
 }
 #contactinfo div a {
   margin-right: 10px;
 }
 #contactinfo div a:hover {}
 #contactinfo div a i {
   margin-top: 7px;
   font-size: 16px
 }
 #contactform p .inputtxt {
   width: 420px;
   height: 20px;
   line-height: 20px;
   padding: 10px 20px;
   color: #fff;
   background-color: #000;
   border: #3f3f3f 1px solid;
   margin-bottom: 10px;
   color: #ffffff;
 }
 #contactform p textarea.inputtxt {
   height: 100px;
   resize: none;
   overflow: hidden;
   color: #ffffff;
 }
 #contactform p .inputsub {
   width: 99%;
   background-color: #0047c3;
   color: #ffffff;
   font-size: 16px;
   padding: 8px 0;
   margin-bottom: 8px;
 }
 #contactform .inputtxt.active {
   border-color: #00C0FF
 }
 #contactform p {
   padding: 5px;
   padding-left: 10px;
   color: #ffffff;
 }
 #contactform p .inputtxt {
   border: medium none;
   margin-bottom: 5px;
   background: transparent;
   border-bottom: 1px solid rgba(0, 0, 0, .1);
   transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
 }
 #contactform p .inputsub {
   background-color: #003289;
   margin-top: 10px;
   padding: 8px 0px;
   border: none;
 }
 #contactinfo p {
   color: #FFFFFF;
 }
 #indexPage #econtact {
   height: 560px;
 }
 #contactform {
   background: rgba(255, 255, 255, 0.8);
   border-radius: 6px;
   margin-top: 85px;
   width: 480px;
 }
 .sycontact_title {
   width: 500px;
   float: left;
 }
 .sycontact_title p {
   font-size: 16px;
   line-height: 2.5em;
   color: #fff;
 }
 .sycontact_title span {
   font-size: 28px;
   color: #fff;
   text-transform: uppercase;
   line-height: 1em;
   font-weight: 100;
 }
 .sycontact_title h3 {
   font-size: 28px;
   color: #fff;
   text-transform: uppercase;
   line-height: 1em;
   font-weight: 100;
   padding-top: 85px;
 }
 .sycontact_title h4 {
   font-size: 38px;
   color: #fff;
   line-height: 46px;
   margin-right: 15px;
   font-weight: 600;
   margin-bottom: 30px;
 }
 /*分页样式*/
 .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: #003189;
   border: 1px solid #003189;
   color: #ffffff;
   border-left: none;
 }
 /*内页关于我们页面*/
 .nyabout {
   width: 100%;
   padding: 100px 0;
   background: url(../images/nyabouttextbg.jpg) left bottom no-repeat;
   margin-top: 50px
 }
 .nyabouttitle {
   margin-bottom: 25px;
 }
 .nyabouttitle h4 {
   font-size: var(--font-size-ms);
   color: var(--font-color-dec);
   font-weight: normal;
 }
 .nyabouttitle h4 b {
   font-size: var(--font-size-sm);
   color: #fff
 }
 .nyabouttitle h3 {
   font-size: 30px;
   color: #0076e7;
   font-weight: bold;
 }
 .nyabouttext {
   margin-bottom: 60px;
   font-size: var(--font-size-base);
   color: var(--font-color-text);
   height: 310px;
   overflow-y: scroll;
   width: 820px;
   padding-right: 30px;
   text-align: justify;
 }
 .nyabouttext p {
   text-indent: 2em;
   font-size: var(--font-size-base);
   line-height: 2;
   color: #fff;
 }
 .nyabouttext::-webkit-scrollbar {
   width: 3px;
   height: 1px;
 }
 .nyabouttext::-webkit-scrollbar-thumb {
   background: var(--primary-color);
 }
 .nyabouttext::-webkit-scrollbar-track {
   background: rgba(255, 255, 255, 0.5);
 }
 .nyaboutshuzilist {
   display: flex;
   flex-direction: row;
 }
 .nyaboutshuzilist li {
   padding: 0 80px 0 0;
   align-items: center;
   color: var(--font-color-base);
 }
 .nyaboutshuzilist li p {
   font-size: var(--font-size-base);
   color: var(--font-color-dec);
 }
 .nyaboutshuzilist li h3 {
   display: flex;
 }
 .nyaboutshuzilist li h3 div {
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
 }
 .nyaboutshuzilist li h3 div span {
   font-size: var(--font-size-xs);
   color: var(--font-color-dec);
   font-weight: normal;
 }
 .nyaboutshuzilist li h3 div i {
   font-size: var(--font-size-sm);
   font-family: Arial black;
   color: #0076e7;
   font-style: normal;
 }
 .nyaboutshuzilist li h3 b {
   font-size: var(--font-size-lg);
   color: #0076e7;
   font-family: Arial black;
 }
 /*首页产品领域*/
 .sypro {
   width: 100%;
   box-sizing: border-box;
   text-align: center;
   position: relative;
 }
 .sycpyySwiper {
   position: absolute !important;
   z-index: 9;
   left: 0;
   right: 0;
   bottom: 0;
   height: 165px;
   background: rgba(0, 48, 135, 0.5);
 }
 .sycpyySwiper ul {
   display: flex;
   justify-content: space-between;
   height: 100%;
 }
 .sycpyySwiper ul * {
   transition: all 0.5s ease;
 }
 .sycpyySwiper ul li {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   color: #fff;
   flex: 1;
 }
 .sycpyySwiper ul li div {
   text-align: left;
 }
 .sycpyySwiper ul li h3 {
   font-weight: normal;
   font-size: var(--font-size-base);
   margin-bottom: 8px
 }
 .sycpyySwiper ul li h3 a {
   color: #fff;
 }
 .sycpyySwiper ul li p {
   opacity: 0.3;
   font-size: 12px;
 }
 .sycpyySwiper ul li.on {
   background-color: var(--primary-color);
   flex-direction: column;
   margin-top: -50px;
 }
 .sycpyySwiper ul li.on div {
   text-align: center;
 }
 .sycpyySwiper2 .swiper-wrapper {
   line-height: 0;
 }
 .sycpyySwiper2 .swiper-slide img {
   max-width: 100%;
   line-height: 0;
 }
 .sycpyySwiper2 .swiper-slide .sycpyytext {
   position: absolute;
   top: 6%;
   left: 10%;
   text-align: left;
   line-height: var(--line-height-text);
 }
 .sycpyySwiper2 .swiper-slide .sycpyytext h4 {
   width: 77px;
   height: 63px;
   background: url(../images/sycpyytexth4icon.png) top left no-repeat;
   margin-bottom: 15px;
 }
 .sycpyySwiper2 .swiper-slide .sycpyytext h3 {
   font-size: var(--font-size-md);
   color: #fff;
   margin-bottom: 15px;
   font-weight: 600;
 }
 .sycpyySwiper2 .swiper-slide .sycpyytext p {
   font-size: 16px;
   color: #fff;
   margin-top: 20px;
   font-weight: 600;
   background: url(../images/sycpyy00.png) center left no-repeat;
   padding-left: 50px;
 }
 .sycpyySwiper2 .swiper-slide .sycpyytext a {
   display: inline-block;
   width: 120px;
   height: 40px;
   line-height: 40px;
   border: 1px #fff solid;
   text-align: center;
   font-size: var(--font-size-xs);
   color: #fff;
 }
 /*.sycpyytext ul{overflow-y:scroll;height:90px;}*/
 .sycpyytext ul::-webkit-scrollbar {
   width: 3px;
   height: 1px;
 }
 .sycpyytext ul::-webkit-scrollbar-thumb {
   background: var(--primary-color);
 }
 .sycpyytext ul::-webkit-scrollbar-track {
   background: rgba(255, 255, 255, 0.5);
 }
 .sycpyytext ul li {
   color: #fff;
   opacity: 0.5;
   width: 500px;
   padding-left: 50px;
 }
 .gttbg {
   background: url(../images/gttbg.jpg);
   width: 100%;
   height: 770px;
   margin: 0 auto;
   background-position: center center;
   position: relative;
 }
 .chanpin_ny_a1 p {
   font-size: 16px;
   line-height: 2em;
   color: #333;
   text-align: center;
   padding: 30px;
   font-weight: normal;
 }
 .gttbg:before {
   content: "";
   background: rgba(247, 252, 254, 0.1);
   position: absolute;
   left: 50%;
   top: 50%;
   z-index: 1;
   margin-left: -500px;
   margin-top: -500px;
   width: 1000px;
   height: 1000px;
   -webkit-animation: warn 2s linear 0.4s infinite;
   -moz-animation: warn 2s linear 0.4s infinite;
   animation: warn 2s linear 0.4s infinite;
   border-radius: 50%;
   border: 3px rgba(235, 246, 254, 1.0) solid;
 }
 @keyframes warn {
   0% {
     transform: scale(0.5);
   }
   25% {
     transform: scale(1);
   }
   50% {
     transform: scale(1.2);
   }
   75% {
     transform: scale(1.3);
   }
   100% {
     transform: scale(1.4);
     opacity: 0.5;
   }
 }
 @-webkit-keyframes warn {
   0% {
     transform: scale(0.5);
     opacity: 0;
   }
   25% {
     transform: scale(1);
     opacity: 0.4;
   }
   50% {
     transform: scale(1.2);
     opacity: 0.8;
   }
   75% {
     transform: scale(1.3);
     opacity: 0.4;
   }
   100% {
     transform: scale(1.4);
     opacity: 0;
   }
 }
 .wmbs {}
 .wmbs ul { /*display: flex;*/ width: 100%;
   margin: 0 auto;
 }
 .wmbs ul li {
   width: 41%;
   background: #f8f8f8;
   float: left;
   margin: 0 2% 2% 0;
   padding: 4%;
   height: 220px;
 }
 .wmbs ul li:nth-child(2) {
   margin-right: 0;
 }
 .wmbs ul li:nth-child(4) {
   margin-right: 0;
 }
 .wmbs ul li:nth-child(1) {
   background: url(../images/wmbs01.png) center center no-repeat;
 }
 .wmbs ul li:nth-child(2) {
   background: url(../images/wmbs02.png) center center no-repeat;
 }
 .wmbs ul li:nth-child(3) {
   background: url(../images/wmbs03.png) center center no-repeat;
 }
 .wmbs ul li:nth-child(4) {
   background: url(../images/wmbs04.png) center center no-repeat;
 }
 .wmbs ul li:nth-child(1):hover {
   background: url(../images/wmbs_h1.png) center center no-repeat;
   transition: all 0.8s;
 }
 .wmbs ul li:nth-child(2):hover {
   background: url(../images/wmbs_h2.png) center center no-repeat;
   transition: all 0.8s;
 }
 .wmbs ul li:nth-child(3):hover {
   background: url(../images/wmbs_h3.png) center center no-repeat;
   transition: all 0.8s;
 }
 .wmbs ul li:nth-child(4):hover {
   background: url(../images/wmbs_h4.png) center center no-repeat;
   transition: all 0.8s;
 }
 .wmbs ul li:hover strong {
   color: #fff;
   transition: all 0.8s;
 }
 .wmbs ul li:hover strong em {
   color: #fff;
   transition: all 0.8s;
 }
 .wmbs ul li:hover p {
   color: #fff;
   transition: all 0.8s;
 }
 .wmbs ul li:hover em {
   color: #fff;
   transition: all 0.8s;
 }
 .wmbs ul li strong {
   font-size: 24px;
   font-weight: 600;
 }
 .wmbs ul li strong em {
   color: #003289
 }
 .wmbs ul li p {
   font-size: 16px;
   font-weight: normal;
   padding-top: 10px;
   color: #666;
 }
 .wmbs ul li p em {
   display: inline-block;
   width: 1px;
   height: 1px;
   margin-left: -1em;
   border-radius: 50%;
 }
 .wmbs ul li i {
   width: 8px;
   height: 8px;
   border-radius: 50%;
   background: #003289;
   position: relative;
   margin-right: 15px;
   top: -1%;
 }
 .wmbs ul li i::before, .joinhxzz-click-menu i::after {
   content: "";
   display: block;
   width: 8px;
   height: 8px;
   background: rgba(0, 86, 184, .7);
   border-radius: 50%;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -4px 0 0 -4px;
   animation: joinhxzzClickDot 1.4s linear infinite;
   opacity: 0;
 }
 .wmbs ul li i::before {
   animation-delay: .7s;
 }
 .wmbs ul li i::after {
   animation-delay: 0s;
 }
 @keyframes joinhxzzClickDot {
   0% {
     opacity: 0;
     transform: scale(1)
   }
   5% {
     opacity: 1
   }
   to {
     opacity: 0;
     transform: scale(5)
   }
 }
 .kuiying {
   width: 1350px;
   margin: 0 auto
 }
 .kuiying strong {
   font-size: 40px;
   color: #003385;
   text-align: center;
   margin: 0 auto;
   display: block;
 }
 .kuiying p {
   font-size: 24px;
   /* align-content: normal; */
   font-weight: 600;
   text-align: center;
 }
 .list-content .list-item {
   display: block;
   float: left;
   width: 16%;
   margin: 0 1% 2%;
   position: relative;
   z-index: 1;
   background: #f8f8f8;
   padding: 12px;
 }
 .list-content .list-item p {
   font-size: 14px;
   font-weight: normal;
   text-align: center;
   color: #333;
   line-height: 25px;
   height: 50px;
   padding-top: 8px;
 }
 #diveoID {
   margin: 0 auto;
 }