﻿
/*font-family: "bold";*/
/*font-family: "light";*/
/*font-family: "Medium";*/
html{
  font-size: 5.649vw;
}
@media screen and  (min-width: 1770px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}
body::-webkit-scrollbar{ width: 5px;}
body::-webkit-scrollbar-track{ background-color: #F1F1F1;}
body::-webkit-scrollbar-thumb{ width: 5px;  background-color: #004890;}
.w_width{max-width:1770px; margin-right: auto; margin-left: auto;}
.w_1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.w_1400{max-width:1400px; margin-right: auto; margin-left: auto;}
.ctext{padding-left: 0.7rem;padding-right: 0.7rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}
/*PC head*/
body.on{overflow: hidden;height: 100vh;}
.wyb_s{position: relative;z-index: 20;position: absolute;left: 0;top: 0;width: 100%;}
.wyb_s.xqs{background: #004890;position: static;}
.t_navs{ width: 100%;}
.t_navs::after{content: "";display: block;clear: both;}
.t_navs .top{ width: 100%; float: left; position: relative;}
.t_navs .top .logo{ margin: 24.5px 0; line-height: 0; float: left;position: relative;}
.t_navs .top .logo .img1{width: auto; height: 31px;position: relative;z-index: 2;opacity: 0;opacity: 0;}
.t_navs .top .logo .img2{max-height: 80px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.t_navs .top .right{ float: right;}
.t_navs .top .right .menu{float: left;}
.t_navs .top .right .menu ul{float: left;}
.t_navs .top .menu .nli{ float: left; position: relative;padding: 0 50px;}
.t_navs .top .menu .nli span a{ display: block;color: #ffffffff; position: relative;padding: 0 20px;line-height: 80px; font-size: 20px;}
.t_navs .top .menu .nli.on span a,.t_navs .top .menu .nli:hover span a{text-decoration:underline;}
.t_navs .top .sub{ display: none; position: absolute; top:100%; left: 50%; background: #fff; z-index: 4;box-shadow: 0 0 30px rgba(0,0,0,0.1);
transform: translate(-50%,0);
-ms-transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
-moz-transform: translate(-50%,0);
-o-transform: translate(-50%,0);}
.t_navs .top .sub .l2{ width: 100%;}
.t_navs .top .sub .l2 a{ display: block; color: #555;text-align: center;font-size: 16px;line-height: 50px;padding: 0 20px; white-space:nowrap;}
.t_navs .top .sub .l2 a:hover{ color: #fff;background: #004890;}
.t_navs .top .sear_box{float: left;margin-left: 238px;}
.t_navs .top .sear_box ._t{display: flex;justify-content: flex-start;align-items: center;cursor: pointer;}
.t_navs .top .sear_box .words{font-size: 20px;color: #c1c1c1;line-height: 80px;margin-right: 16px;font-family: "light";}
.t_navs .top .sear_box .ico{width: 23px;display: block;}
.t_navs .top .sear_box ._b{width: 100%;position: fixed;left: 0;top: 80px;display: none;}
.t_navs .top .sear_box ._b .bbox{width: 100%;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);height: 100px;display: flex;justify-content: center;align-items: center;}
.t_navs .top .sear_box .input{width: 800px;border: 1px solid #eee;position: relative;padding: 0 80px 0 20px;}
.t_navs .top .sear_box input{width: 100%;height: 40px;display: block;font-size: 16px;color: #333;}
.t_navs .top .sear_box .input img{width: 24px;position: absolute;right: 12px;top: 50%;transform: translate(0,-50%);cursor: pointer;}
.t_navs .menuph{ display: none;} 
.t_navs .top .phyyqh_box{display: none;}
.t_navs .xialaph{ display: none;}
@media screen and (max-width:1730px) {
.t_navs .top .menu .nli{padding: 0 30px;}
.t_navs .top .menu .nli span a{padding: 0 10px;}
}
@media screen and (max-width:1400px) {
.t_navs .top .menu .nli{padding: 0 20px;}
.t_navs .top .menu .nli span a{font-size: 16px;}
}
@media screen and (max-width:1220px) {
.t_navs .top .sear_box{margin-left: 100px;}
}
@media screen and (max-width:1080px) {
.t_navs .top .menu .nli{padding: 0 14px;}
}
@media screen and (max-width:1024px) {
/*WAP head*/
.t_navs .menu{ display: none;}
.t_navs .sear_box{ display: none;}
.t_navs .top .phyyqh_box{display: block;}
.t_navs .menuph{ display: block;}
.t_navs .xialaph{ display: block;}
.t_navs .top{ padding: 0 8px 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #004890;box-shadow: 0 0 30px rgba(0,0,0,0.1);display: flex; flex-direction: row; justify-content: space-between; align-items: left;}
.t_navs .top .logo{ margin: 15px 0;}
.t_navs .top .logo .img1{opacity: 1;height: 20px;}
.t_navs .top .logo .img2{display: none;}
.t_navs .top .phyyqh_box a{display: block;font-size: 16px;color: #333333;line-height: 50px;}
.t_navs .menuph{ width: 40px; height: 40px; cursor: pointer; text-align: center; margin: 5px 0;}
.t_navs .menuph .menu-toggle {width: 40px;height: 40px;position: absolute;overflow: hidden;z-index: 111;}
.t_navs .menuph .cd-nav-trigger {display: block;width: 40px;height: 40px;}
.t_navs .menuph .menu-toggle span.hamburger,
.t_navs .menuph .menu-toggle span.hamburger:after,
.t_navs .menuph .menu-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left:50%;margin-left:-12px;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
.t_navs .menuph .menu-toggle span.hamburger:before {margin-top: 8px;top:0;transition-delay:0.2s;}
.t_navs .menuph .menu-toggle span.cross:before,
.t_navs .menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.t_navs .menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.t_navs .menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.t_navs .cross::before,
.t_navs .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.t_navs .menuph .menu-toggle span.hamburger span{width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;display: block;position: absolute;left: calc(100% - 4px);top: 50%;margin-top: -3px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
.t_navs .menuph.active .menu-toggle span.hamburger,
.t_navs .menuph.active .menu-toggle span.hamburger:after,
.t_navs .menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.t_navs .menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
.t_navs .menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.t_navs .menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background: #fff;}
.t_navs .menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;background: #fff;}
.t_navs .xialaph{ position: fixed; right: 0; top: 50px;width: 100%; height: calc(100vh - 50px);overflow: scroll; padding: 0 20px 60px 20px; ; z-index:3; background: #fff;display: none;}
.t_navs .xialaph .a1box,
.t_navs .xialaph .a2box{position: relative;}
.t_navs .xialaph .icobox{width: 40px;height: 40px;position: absolute;right: 0;top: 50%;transform: translate(0,-50%);}
.t_navs .xialaph .ico{width: 16px;height: 16px;position: absolute;right: 0;top: 50%;margin-top: -8px;}
.t_navs .xialaph .ico::before{content: "";display: block;width: 100%;height: 2px;background: #4f4f4f;position: absolute;left: 0;top: 50%;margin-top: -1px;z-index: 1;}
.t_navs .xialaph .ico::after{content: "";display: block;width: 2px;height: 100%;background: #4f4f4f;position: absolute;left: 50%;top: 0;margin-left: -1px;z-index: 2;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.t_navs .xialaph .icobox.on .ico::after{background: #004890;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);}
.t_navs .xialaph .u1{width: 100%;margin-bottom: 20px;}
.t_navs .xialaph .l1{width: 100%;}
.t_navs .xialaph .a1{width: 100%;border-bottom: 1px solid #eaeaea;display: block;position: relative;font-size: 18px;color: #333333;line-height: 26px;padding: 12px 50px 12px 0;}
.t_navs .xialaph .u2{width: 100%;padding-left: 20px;display: none;}
.t_navs .xialaph .l2{width: 100%;}
.t_navs .xialaph .a2{width: 100%;border-bottom: 1px solid #eaeaea;display: block;position: relative;font-size: 16px;color: #333333;line-height: 22px;padding: 8px 50px 8px 0;}
.t_navs .xialaph .u3{width: 100%;padding-left: 20px;border-bottom: 1px solid #eaeaea;display: none;}
.t_navs .xialaph .l3{width: 100%;border-bottom: 1px solid #eaeaea;}
.t_navs .xialaph .l3:last-child{border-bottom: 0;}
.t_navs .xialaph .a3{width: 100%;display: block;font-size: 14px;color: #333333;line-height: 20px;padding: 6px 50px 6px 0;}
.t_navs .xialaph .input_box{width: 100%;margin-bottom: 20px;position: relative;border: 1px solid #eaeaea;}
.t_navs .xialaph .input_box input{width: 100%;height: 40px;padding: 0 60px 0 20px;font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input::-webkit-input-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input::-moz-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input::moz-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box input:-ms-input-placeholder{font-size: 16px;color: #5a5a5a;}
.t_navs .xialaph .input_box img{width: 24px;cursor: pointer;position: absolute;right: 14px;top: 50%;margin-top: -12px;}
.t_navs .xialaph .phone_box{font-size: 16px;color: #333333;line-height: 20px;text-align: center;}
}

/*底部*/
.bottomnav{width: 100%;background: #004890;padding-top: 46px;padding-bottom: 20px;}
.bottomnav .con{width: 100%;display: flex;margin-bottom: 112px;justify-content: flex-start;align-items: flex-start;}
.bottomnav ._l{width: 32.21%;padding-right: 40px;}
.bottomnav .logo{margin-bottom: 40px;}
.bottomnav .logo a{display: inline-block;position: relative;}
.bottomnav .logo .img1{height: 26px;display: block;opacity: 0;}
.bottomnav .logo .img2{height: 82px;display: block;max-width: 188px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.bottomnav .icobox{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.bottomnav .ico{display: block;margin-right: 8px;position: relative;}
.bottomnav .ico::after{content: "";display: block;width: 8px;height: 10px;box-shadow: 0 0 30px #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;opacity: 0;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.bottomnav .ico:hover::after{opacity: 1;}
.bottomnav .ico img{height: 24px;display: block;position: relative;z-index: 2;}
.bottomnav .ico:last-child{margin-right: 0;}
.bottomnav ._r{width: 67.79%;}
.bottomnav ul{width: 100%;display: flex;justify-content: space-around;align-items: flex-start;}
.bottomnav .bt{font-size: 14px;color: #88a1bb;line-height: 20px;margin-bottom: 20px;font-family: "light";text-transform:uppercase;}
.bottomnav .list{display: flex;}
.bottomnav .list a{font-size: 14px;color: #ffffff;line-height: 30px;font-family: "light";}
.bottomnav .words_l,
.bottomnav .words_r{font-size: 14px;color: #ffffff;line-height: 30px;font-family: "light";white-space: pre-wrap;}
.bottomnav .bq{font-size: 14px;color: #88a1bb;line-height: 20px;font-family: "light";text-align: center;}
.bottomnav .bq a{font-family: "light";color: #88a1bb;}
@media screen and (max-width:1680px) {
.bottomnav .con{margin-bottom: 80px;}
.bottomnav ._l{width: 24%;padding-right: 20px;}
.bottomnav ._r{width: 76%;}
.bottomnav .list a{font-size: 12px;line-height: 26px;}
.bottomnav .words_l,
.bottomnav .words_r{font-size: 12px;line-height: 26px;}
}
@media screen and (max-width:1024px) {
.bottomnav{padding-top: 30px;padding-bottom: 30px;}
.bottomnav .con{display: block;margin-bottom: 14px;}
.bottomnav ._l{width: 100%;padding-right: 0;display: flex;justify-content: center;align-items: center;}
.bottomnav .logo{margin-bottom: 0;display: inline-block;}
.bottomnav .logo .img1{height: 26px;}
.bottomnav .logo .img2{height: 82px;max-width: 188px;}
.bottomnav .icobox{width: auto;margin-left: 20px;}
.bottomnav ._r{display: none;}
.bottomnav .bq{text-align: center;}
.bottomnav .bq a{display: block;}
}

/*测漂浮*/
.r_pf{width: 48px;position: fixed;right: 0;top: 50%;transform: translate(0,-50%);display: none;z-index: 999;}
.r_pf.on{display: block;}
.r_pf ul{width: 100%;}
.r_pf li{border-bottom: 1px solid #f1f1f1;}
.r_pf li:last-child{border-bottom: 0;}
.r_pf li a{display: block;width: 100%;position: relative;background: #ffffff;box-shadow: 0 0 20px rgba(139,139,139,0.17);}
.r_pf li a img{width: 100%;display: block;}
.r_pf li a .ico2{display: none;}
.r_pf li a:hover{background: #004890;}
.r_pf li a:hover .ico1{display: none;}
.r_pf li a:hover .ico2{display: block;}
.r_pf li a .posi{position: absolute;right: calc(100% + 12px);font-size: 20px;color: #fff;line-height: 30px;padding: 14px 30px;background: #004890;box-shadow: 0 0 14px rgba(0,0,0,0.1);font-weight: bold;top: 50%;margin-top: -29px;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);}
.r_pf li a:hover .posi{
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);}
.ph_pf{width: 36px;right: 12px;position: fixed;right: 0;bottom: 100px;display: none;z-index: 999;}
.ph_pf .ico{width: 100%;background: #004890;padding: 5px;border-radius: 100%;margin-bottom: 8px;box-shadow: 0 0 12px rgba(255,255,255,0.1);}
.ph_pf .ico:last-child{margin-bottom: 0;}
.ph_pf .ico:first-child{padding: 8px;}
.ph_pf img{width: 100%;display: block;}
@media screen and (max-width:1024px) {
.r_pf{display: none!important;}
.ph_pf.on{display: block;}
}

/*弹窗*/
._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999999; display:none;background-color: rgba(0,0,0,0.8);}
._col{ float:left;  font-size: 0; position:absolute; right:-60px; top:-44px; width:44px; height:44px; border-radius: 100%;color: #999;cursor: pointer;background: url(../image/img43.png)no-repeat center center;background-size: cover;
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);}
._htm{ float:left; width:800px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);background-color: rgba(255,255,255,0.5);padding: 12px;}
._htm video{width: 100%;display: block;margin: 0 auto;}
._htm img{width: 100%;display: block;margin: 0 auto;}
@media  screen and (max-width: 1680px){
._htm{ float:left; width:600px;}
}
@media  screen and (max-width: 991px){
._col{ float:left;  font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #999;cursor: pointer;background: url(images);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width:500px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
}           
@media  screen and (max-width: 767px){
._col{ float:left;  font-size: 50px; position:absolute; right:10px; top:-38px; width:20px; height:20px; border-radius: 100%;color: #999;cursor: pointer;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
._htm{ float:left; width: calc(100% - 30px);position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
}

/*首页*/
.sy_banner{width: 100%;position: relative;}
.sy_banner .ulbox{position: relative;}
.sy_banner .ul{width: 100%;}
.sy_banner .ul a{display: flex;position: relative;}
.sy_banner .li{width: 100%;height: auto;}
.sy_banner .li .pcimg{width: 100%;height: 100vh;}
.sy_banner .li img{width: 100%;display: block;}
.sy_banner .ul a .wordsbox{width: 100%;position: absolute;left:0;top: 50%; transform: translate(-0,-50%);}
.sy_banner .ul a .info{font-size: 44px;color: #ffffff;line-height: 67px;text-align: center;font-family: "light";text-transform:uppercase;white-space: pre-wrap;}
.sy_banner .banner_number{position: absolute;right: 80px;bottom: 60px;font-size: 14px;color: #ffffff;line-height: 20px;}
.sy_banner .banner_number font{font-family: "light";}
.sy_banner .banner_number font:first-child{color: #ee3e41;}
.sy_banner .videobox{width: 100%;}
.sy_banner .videobox video{width: 100%;height: 100vh;display: block;object-fit: cover;}
.sy_banner .videobox video::-webkit-media-controls{display:none !important;}
.sy_banner .btn{position: absolute;left: 50%;bottom: 64px;transform: translate(-50%,0);}
.sy_banner .btn .words{font-size: 14px;color: #ee3e41;line-height: 18px;text-align: center;margin-bottom: 10px;font-family: "light";}
.sy_banner .btn .border{width: 1px;height: 50px;background: rgba(255,255,255,0.32);margin: 0 auto;position: relative;}
.sy_banner .btn .border::after{content: "";display: block;width: 100%;height: 0;background: #ee3e41;position: absolute;left: 0;top: 0;
-webkit-animation-name: 'ripple';
-webkit-animation-duration: 4s;
-webkit-animation-timing-function: ease; 
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;}
@keyframes ripple {
0% {height: 0;}
100% {height: 100%;}
}
@media screen and (max-width:1024px) {
.sy_banner{margin-top: 50px;}
.sy_banner .videobox video{height: auto;}
.sy_banner .btn{display: none;}
.sy_banner .banner_number{right: 20px;bottom: 20px;}
.sy_banner .ul a .info{font-size: 16px;line-height: 30px;word-wrap:break-word; word-break:normal;}
.sy_banner .ul a .info br{display: none;}
}

.sybt_box{width: 100%;}
.sybt_box .btbox{display: flex;justify-content: space-between;align-items: flex-end;}
.sybt_box .bt1{font-size: 18px;color: #ee3e41;line-height: 24px;margin-bottom: 6px;font-family: "light";text-transform:uppercase;}
.sybt_box .bt2{font-size: 48px;color: #004890;line-height: 54px;font-family: "light";}
.sybt_box .more_r a{display: block;font-size: 14px;color: #000000;line-height: 20px;font-family: "Medium";}
.sybt_box .more_r a:hover{text-decoration:underline;}
@media screen and (max-width:1680px) {
.sybt_box .bt1{font-size: 14px;line-height: 20px;}
.sybt_box .bt2{font-size: 34px;line-height: 40px;}
}
@media screen and (max-width:1024px) {
.sybt_box .bt1{font-size: 14px;line-height: 18px;margin-bottom: 4px;}
.sybt_box .bt2{font-size: 24px;line-height: 28px;}
}

.sy_section1{width: 100%;padding-top: 84px;padding-bottom: 84px;position: relative;z-index: 8;}
.sy_section1 .content{width: 100%;background: #e9e9e9;margin-top: 40px;}
.sy_section1 ul{width: 100%;}
.sy_section1 ul::after{content: "";display: block;clear: both;}
.sy_section1 li{width: 25%;float: left;position: relative;z-index: 1;}
.sy_section1 li:hover{z-index: 2;}
.sy_section1 li a{display: block;width: 100%;position: relative;}
.sy_section1 li a .ba_pic{ padding-bottom: 100%; position: relative; overflow: hidden;opacity: 0;z-index: 1;}
.sy_section1 li a .ba_pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.sy_section1 li a .libox{width: 100%;position: absolute;left: 0;top: 0;z-index: 2;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section1 li:hover a .libox{top: 50px;box-shadow: 0 0 20px rgba(0,0,0,0.1);
transform: scale(1.05);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);}
.sy_section1 li:hover:nth-child(1) a .libox,
.sy_section1 li:hover:nth-child(5) a .libox,
.sy_section1 li:hover:nth-child(9) a .libox,
.sy_section1 li:hover:nth-child(13) a .libox{left: 10px;}
.sy_section1 li:hover:nth-child(4) a .libox,
.sy_section1 li:hover:nth-child(8) a .libox,
.sy_section1 li:hover:nth-child(12) a .libox,
.sy_section1 li:hover:nth-child(16) a .libox{left: -10px;}
.sy_section1 li a .picbox{width: 100%;position: relative;background: #e9e9e9;}
.sy_section1 li a .pic{ padding-bottom: 100%; position: relative; overflow: hidden;}
.sy_section1 li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.sy_section1 li a .more{width: 100%;position: absolute;left: 0;bottom: 20px;font-size: 14px;color: #000000;line-height: 20px;text-align: center;opacity: 0;font-family: "Medium";
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section1 li a .more span{color: #ee3e41;}
.sy_section1 li:hover a .more{opacity: 1;}
.sy_section1 li a .wordsbox{width: 100%;padding: 30px 20px;box-shadow: 0 0 20px rgba(0,0,0,0.1);background: #fff;opacity: 0;
transition: All 0.3s ease-in-out;
-webkit-transition: All 0.3s ease-in-out;
-moz-transition: All 0.3s ease-in-out;
-o-transition: All 0.3s ease-in-out;}
.sy_section1 li a:hover .wordsbox{opacity: 1;}
.sy_section1 li a .bt{font-size: 24px;color: #004890;line-height: 40px;height: 40px;width: 100%;text-align: center;font-family: "light";
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
@media screen and (max-width:1680px) {
.sy_section1 li:hover:nth-child(1) a .libox,
.sy_section1 li:hover:nth-child(5) a .libox,
.sy_section1 li:hover:nth-child(9) a .libox,
.sy_section1 li:hover:nth-child(13) a .libox{left: 8px;}
.sy_section1 li:hover:nth-child(4) a .libox,
.sy_section1 li:hover:nth-child(8) a .libox,
.sy_section1 li:hover:nth-child(12) a .libox,
.sy_section1 li:hover:nth-child(16) a .libox{left: -8px;}
.sy_section1 li a .bt{font-size: 18px;line-height: 30px;height: 30px;}
}
@media screen and (max-width:1024px) {
.sy_section1{padding-top: 30px;padding-bottom: 30px;padding-left: 15px;padding-right: 15px;}
.sy_section1 .sybt_box{padding-left: 0;padding-right: 0;}
.sy_section1 .content{margin-top: 14px;}
.sy_section1 ul{margin: -6px;width: calc(100% + 12px);}
.sy_section1 li{width: 50%;padding: 6px;}
.sy_section1 li:hover a .libox{top: 20px;}
.sy_section1 li:hover:nth-child(odd) a .libox{left: 6px;}
.sy_section1 li:hover:nth-child(even) a .libox{left: -6px;}
.sy_section1 li a .more{bottom: 12px;font-size: 12px;line-height: 16px;}
.sy_section1 li a .wordsbox{padding: 10px 12px;}
.sy_section1 li a .bt{font-size: 16px;line-height: 24px;height: 24px;}
.sy_section1 li a .ba_pic{display: none;}
.sy_section1 li a .libox{position: static;}
.sy_section1 li:hover a .libox{box-shadow: 0 0 0 rgba(0,0,0,0.1);
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);}
.sy_section1 li a .wordsbox{opacity: 1;}
.sy_section1 .content{background: rgba(255,255,255,0);}
.sy_section1 li a .more{opacity: 1;}
}

.sy_section2{width: 100%;padding-bottom: 84px;}
.sy_section2 .sybt_box{margin-bottom: 66px;}
.sy_section2 .ul{margin: 0 -28px;width: calc(100% + 56px);}
.sy_section2 .slick-track{overflow: visible;}
.sy_section2 .slick-list{overflow: visible;}
.sy_section2 .li{padding: 0 28px;}
.sy_section2 a{display: block;width: 100%;}
.sy_section2 a .pic{ width: 100%; padding-bottom: 132%; position: relative; overflow: hidden;border-radius: 0 0 64px 0;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.sy_section2 a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.sy_section2 a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.sy_section2 a .wordsbox{width: 100%;display: flex;justify-content: center;padding-top: 24px;}
.sy_section2 a .bt{font-size: 24px;color: #000000;line-height: 34px;text-align: center;font-family: "light";max-width: 100%;
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.sy_section2 a:hover .bt{color: #004890;border-bottom: 1px solid #004890;}
.sy_section2 .ul .slick-prev{width: 64px;height: 64px;left: auto;right: 116px; top: -140px;border: 1px solid #eeeeee;border-radius: 100%;z-index: 1;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);}
.sy_section2 .ul .slick-prev::after{content:"←";display:block;font-size:20px;color:#ee3e41;line-height:40px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.sy_section2 .ul .slick-next{width: 64px;height: 64px;right: 28px;top: -140px;border: 1px solid #eeeeee;border-radius: 100%;z-index: 1;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);}
.sy_section2 .ul .slick-next::after{content:"→";display:block;font-size:20px;color:#ee3e41;line-height:40px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.sy_section2 .ul .slick-prev:hover,
.sy_section2 .ul .slick-next:hover{background-color: #004890;border-color: #004890;}
.sy_section2 .ul .slick-prev:hover::after,
.sy_section2 .ul .slick-next:hover::after{color:#fff;}
@media screen and (max-width:1680px) {
.sy_section2 a .bt{font-size: 18px;line-height: 26px;}
.sy_section2 .ul .slick-prev{width: 40px;height: 40px;right: 88px; top: -120px;}
.sy_section2 .ul .slick-next{width: 40px;height: 40px;right: 28px;top: -120px;}
}
@media screen and (max-width:1024px) {
.sy_section2{padding-bottom: 30px;}
.sy_section2 .sybt_box{margin-bottom: 14px;}
.sy_section2 .ul{margin: 0 -10px;width: calc(100% + 20px);}
.sy_section2 .slick-track{overflow: hidden;}
.sy_section2 .slick-list{overflow: hidden;}
.sy_section2 .li{padding: 0 10px;}
.sy_section2 a .wordsbox{padding-top: 12px;}
.sy_section2 a .bt{font-size: 16px;line-height: 24px;}
.sy_section2 .ul .slick-prev{width: 36px;height: 36px;right: 56px; top: -60px;}
.sy_section2 .ul .slick-next{width: 36px;height: 36px;right: 10px;top: -60px;}
}

.sy_section3{width: 100%;}
.sy_section3 .content{width: 100%;display: flex;justify-content: center;align-items: center;background: #004890;}
.sy_section3 .left{width: 50%;padding: 0 100px 0 80px;}
.sy_section3 .bt{font-size: 18px;color: #ffffff;line-height: 24px;margin-bottom: 40px;font-family: "light";}
.sy_section3 .info1{font-size: 40px;color: #ffffff;line-height: 56px;margin-bottom: 30px;font-family: "light";}
.sy_section3 .info2{font-size: 16px;color: #ffffff;line-height: 24px;font-family: "light";}
.sy_section3 .right{width: 50%;}
.sy_section3 .pic{ width: 100%; padding-bottom: 75.51%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.sy_section3 .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.sy_section3 .pic:hover img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
@media screen and (max-width:1680px) {
.sy_section3 .left{padding: 0 60px 0 0.7rem;}
.sy_section3 .bt{font-size: 16px;line-height: 20px;margin-bottom: 30px;}
.sy_section3 .info1{font-size: 30px;line-height: 40px;margin-bottom: 20px;}
.sy_section3 .info2{font-size: 14px;line-height: 20px;}
}
@media screen and (max-width:1024px) {
.sy_section3 .content{display: block;}
.sy_section3 .left{width: 100%;padding: 20px;}
.sy_section3 .bt{font-size: 14px;line-height: 20px;margin-bottom: 8px;}
.sy_section3 .info1{font-size: 18px;line-height: 26px;margin-bottom: 12px;}
.sy_section3 .info2{font-size: 14px;line-height: 20px;}
.sy_section3 .right{width: 100%;}
}

.sy_section4{width: 100%;padding-top: 80px;padding-bottom: 80px;}
.sy_section4 h3{font-size: 48px;color: #004890;line-height: 54px;text-align: center;margin-bottom: 62px;font-family: "light";}
.sy_section4 .ul{margin: 0 -18px;width: calc(100% + 36px);}
.sy_section4 .ul::after{content: "";display: block;clear: both;}
.sy_section4 .li{padding: 0 18px;width: 33.3333%;float: left;}
.sy_section4 .picbox{width: 100%;position: relative;}
.sy_section4 .pic{ width: 100%; padding-bottom: 56.33%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.sy_section4 .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.sy_section4 a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.sy_section4 .ico{width: 44px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.sy_section4 .wordsbox{width: 100%;padding-top: 16px;}
.sy_section4 .bt{font-size: 18px;color: #000000;line-height: 26px;font-family: "light";
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.sy_section4 a:hover .bt{color: #004890;}
@media screen and (max-width:1024px) {
.sy_section4{padding-top: 30px;padding-bottom: 30px;}
.sy_section4 h3{font-size: 24px;line-height: 30px;margin-bottom: 14px;}
.sy_section4 .ul{margin: -6px;width: calc(100% + 12px);padding-bottom: 20px;}
.sy_section4 .li{padding: 6px;width: 100%;}
.sy_section4 .ico{width: 30px;}
.sy_section4 .wordsbox{padding-top: 12px;}
.sy_section4 .bt{font-size: 16px;line-height: 24px;}
.sy_section4 .ul .slick-dots{position: absolute; bottom: 0; height: 6px; text-align: center;}
.sy_section4 .ul .slick-dots li{ vertical-align: top; width: 6px; height: 6px;border-radius: 4px; margin: 0 4px; background: #dddddd;}
.sy_section4 .ul .slick-dots li.slick-active{ background: #004890;width: 24px;}
}

.sy_section5{width: 100%;padding-bottom: 96px;}
.sy_section5 h4{font-size: 48px;color: #004890;line-height: 54px;text-align: center;margin-bottom: 62px;font-family: "light";}
.sy_section5 .ul{margin: 0 -6px;width: calc(100% + 12px);position: relative;padding-bottom: 30px;}
.sy_section5 .li{padding: 0 6px;}
.sy_section5 .ul a{display: block;width: 100%;background: #f3f5f6;overflow: hidden;}
.sy_section5 .ul .wordsbox{width: 67.72%;padding: 68px 140px 20px 60px;float: left;}
.sy_section5 .ul .date{font-size: 14px;color: #004890;line-height: 18px;margin-bottom: 18px;font-family: "light";}
.sy_section5 .ul .info{font-size: 24px;color: #000000;line-height: 34px;font-family: "light";
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.sy_section5 .ul a:hover .info{color: #004890;}
.sy_section5 .ul .picbox{width: 32.28%;float: right;}
.sy_section5 .ul .pic{ width: 100%; padding-bottom: 75.22%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.sy_section5 .ul .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.sy_section5 .ul a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.sy_section5 .ul .slick-dots{position: absolute; bottom: 0; height: 6px; text-align: center;}
.sy_section5 .ul .slick-dots li{ vertical-align: top; width: 6px; height: 6px;border-radius: 4px; margin: 0 4px; background: #dddddd;}
.sy_section5 .ul .slick-dots li.slick-active{ background: #004890;width: 24px;}
@media screen and (max-width:1024px) {
.sy_section5{padding-bottom: 30px;}
.sy_section5 h4{font-size: 24px;line-height: 30px;margin-bottom: 14px;}
.sy_section5 .ul{padding-bottom: 24px;}
.sy_section5 .ul a{display: block;}
.sy_section5 .ul .wordsbox{width: 100%;padding: 20px;}
.sy_section5 .ul .date{margin-bottom: 10px;}
.sy_section5 .ul .info{font-size: 16px;line-height: 24px;}
.sy_section5 .ul .picbox{width: 100%;}
}

/*内页banner*/
.ny_banner{width: 100%;position: relative;overflow: hidden;}
.ny_banner .pic{width: 100%;position: relative;z-index: 1;}
.ny_banner .pic img{width: 100%;display: block;}
.ny_banner h1{font-size: 60px;color: #ffffff;line-height: 70px;font-family: "bold";width: 100%;text-align: center;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);text-transform:uppercase;z-index: 5;}
.ny_banner .dq_section{width: 100%;position: absolute;left: 0;bottom: 24px;position: absolute;z-index: 5;}
.ny_banner .dq_section .con{display: flex;justify-content: flex-start;align-items: center;}
.ny_banner .dq_section a{display: block;font-size: 16px;color: #ffffff;line-height: 20px;font-family: "light";}
.ny_banner .dq_section span{display: block;font-size: 16px;color: #ffffff;line-height: 20px;margin: 0 5px;font-family: "light";}
.ny_banner .dq_section a:hover,
.ny_banner .dq_section a.on{color: #004890;}
.ny_banner .cursor-box {width: 30em;height: 30em;position: absolute;z-index: 4;border-radius: 50%;left: 710px; top: 96.5px;}
.ny_banner .cursor-box .cursor-box-child {width: 6000px;height: 6000px;background: url(../image/img88.png)no-repeat center center;background-size: cover;position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);}
@media screen and (max-width:1680px) {
.ny_banner .cursor-box{left: 540px;top: 40px;}
.ny_banner .cursor-box .cursor-box-child {width: 4500px;height: 4500px;}
}
@media screen and (max-width:1280px) {
.ny_banner .cursor-box{left: 400px;top: 6px;}
}
@media screen and (max-width:1024px) {
.ny_banner{margin-top: 50px;}
.ny_banner h1{font-size: 24px;line-height: 30px;}
.ny_banner .dq_section{bottom: 12px;display: none;}
.ny_banner .dq_section a{font-size: 14px;}
.ny_banner .dq_section span{font-size: 14px;}
.ny_banner .cursor-box .cursor-box-child {width: 2000px;height: 2000px;background: rgba(0,0,0,0.39)!important;}
}

/*关于我们*/
.gy_section1{width: 100%;padding-top: 154px;padding-bottom: 150px;}
.gy_section1 .con1{width: 100%;display: flex;margin-bottom: 150px;justify-content: flex-start;align-items: flex-start;}
.gy_section1 .bt_l{width: 31.85%;}
.gy_section1 .bt1{font-size: 48px;color: #004890;line-height: 54px;margin-bottom: 6px;font-family: "light";}
.gy_section1 .bt2{font-size: 48px;color: #ee3e41;line-height: 54px;font-family: "bold";}
.gy_section1 .info_r{width: 68.15%;font-size: 18px;color: #000000;line-height: 32px;font-family: "light";}
.gy_section1 .con2{width: 100%;margin-bottom: 150px;}
.gy_section1 .con2 img{width: 100%;display: block;}
.gy_section1 .con3{font-size: 18px;color: #000000;line-height: 32px;font-family: "light";}
@media screen and (max-width:1024px) {
.gy_section1{padding-top: 30px;padding-bottom: 30px;}
.gy_section1 .con1{margin-bottom: 20px;display: block;}
.gy_section1 .bt_l{width: 100%;}
.gy_section1 .bt1{font-size: 18px;line-height: 26px;}
.gy_section1 .bt2{font-size: 18px;line-height: 26px;}
.gy_section1 .info_r{width: 100%;font-size: 14px;line-height: 24px;}
.gy_section1 .con2{margin-bottom: 20px;}
.gy_section1 .con3{font-size: 14px;line-height: 24px;}
}

.gy_section2{width: 100%;padding-top: 154px;padding-bottom: 154px;background: #f3f5f6;}
.gy_section2 .content{width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.gy_section2 .left{width: calc(100% - 541px);padding-right: 190px;}
.gy_section2 h2{font-size: 48px;color: #004890;line-height: 56px;margin-bottom: 72px;font-family: "light";}
.gy_section2 ul{margin: -27px -20px;width: calc(100% + 40px);overflow: hidden;}
.gy_section2 li{width: 50%;float: left;padding: 27px 20px;}
.gy_section2 ul .bt{font-size: 18px;color: #000000;line-height: 26px;margin-bottom: 16px;font-family: "light";}
.gy_section2 ul .num{font-size: 18px;color: #000000;line-height: 56px;font-family: "light";}
.gy_section2 ul .num .span1{font-size: 48px;color: #ee3e41;font-family:"bold";margin-right: 8px;}
.gy_section2 ul .num .span2{font-size: 20px;font-weight: bolder;color: #ee3e41;line-height: 26px;vertical-align: top;}
.gy_section2 ul li:nth-child(3) .num .span1{margin: 0;}
.gy_section2 .right{width: 541px;position: relative;}
.gy_section2 .ba_pic{width: 100%;opacity: 0;}
.gy_section2 .ba_pic img{width: 100%;display: block;}
.gy_section2 .qh_list1 .list{position: absolute;width: 209px;cursor: pointer;}
.gy_section2 .qh_list1 img{width: 100%;display: block;}
.gy_section2 .qh_list1 .img2{display: none;}
.gy_section2 .qh_list1 .list.on .img1{display: none;}
.gy_section2 .qh_list1 .list.on .img2{display: block;}
.gy_section2 .qh_list1 .words{font-size: 18px;color: #ffffff;line-height: 22px;position: absolute;left: 0;top: 50%;font-family:"bold";width: 100%;text-align: center;transform: translate(0,-50%);white-space: pre-wrap;}
.gy_section2 .qh_list1 .words .br2{display: none;}
.gy_section2 .qh_list1 .list1{position: absolute;left: 166px;top: 0;}
.gy_section2 .qh_list1 .list2{position: absolute;right: 0;top: 90px;}
.gy_section2 .qh_list1 .list3{position: absolute;right: -1px;bottom: 91px;}
.gy_section2 .qh_list1 .list4{position: absolute;left: 166px;bottom: 0;}
.gy_section2 .qh_list1 .list5{position: absolute;left: 0;bottom: 91px;}
.gy_section2 .qh_list1 .list6{position: absolute;left: 0;top: 90px;}
.gy_section2 .qh_list2{width: 160px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.gy_section2 .qh_list2 .list{font-size: 24px;color: #000;line-height: 30px;width: 100%;text-align: center;font-family:"bold";white-space: pre-wrap;}
.gy_section2 .qh_list2 .list.on{color: #ee3e41;}
@media screen and (max-width:1680px) {
.gy_section2 h2{font-size: 38px;line-height: 46px;margin-bottom: 50px;}
}
@media screen and (max-width:1024px) {
.gy_section2{padding-top: 30px;padding-bottom: 30px;}
.gy_section2 .content{display: block;}
.gy_section2 .left{width: 100%;padding-right: 0;}
.gy_section2 h2{font-size: 24px;line-height: 30px;margin-bottom: 14px;text-align: center;}
.gy_section2 ul{margin: -10px;width: calc(100% + 20px);padding-left: 40px;padding-right: 40px;}
.gy_section2 li{padding: 10px;text-align: center;}
.gy_section2 ul .bt{font-size: 14px;line-height: 20px;margin-bottom: 10px;}
.gy_section2 ul .num{font-size: 14px;line-height: 26px;}
.gy_section2 ul .num .span1{font-size: 20px;margin-right: 4px;}
.gy_section2 ul .num .span2{font-size: 16px;line-height: 20px;}
.gy_section2 .right{width: 320px;margin: 20px auto 0 auto;}
.gy_section2 .qh_list1 .list{width: 114px;}
.gy_section2 .qh_list1 .words{font-size: 12px;line-height: 20px;}
.gy_section2 .qh_list1 .words .br2{display: block;}
.gy_section2 .qh_list1 .list1{left: 103px;top: 4px;}
.gy_section2 .qh_list1 .list2{right: 4px;top: 57px;}
.gy_section2 .qh_list1 .list3{right: 4px;bottom: 58px;}
.gy_section2 .qh_list1 .list4{left: 103px;bottom: 4px;}
.gy_section2 .qh_list1 .list5{left: 5px;bottom: 58px;}
.gy_section2 .qh_list1 .list6{left: 5px;top: 58px;}
.gy_section2 .qh_list2{width: 120px;}
.gy_section2 .qh_list2 .list{font-size: 16px;line-height: 24px;}
}

.gy_section3{width: 100%;padding-top: 154px;padding-bottom: 154px;}
.gy_section3 h3{font-size: 48px;color: #004890;line-height: 54px;margin-bottom: 64px;font-family: "light";}
.gy_section3 ul{width: 100%;}
.gy_section3 li{width: 100%;}
.gy_section3 li a{display: block;width: 100%;overflow: hidden;position: relative;}
.gy_section3 li .left{width: 50%;position: absolute;left: 0;top: 50%;transform: translate(0,-50%);padding-right: 160px;}
.gy_section3 li .bt{font-size: 24px;color: #004890;line-height: 30px;margin-bottom: 18px;font-family:"bold";
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.gy_section3 li:hover .bt{color: #ee3e41;}
.gy_section3 li .info{font-size: 18px;color: #000000;line-height: 32px;font-family:"light";
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}
.gy_section3 li .info span{width: 6px;height: 6px;background: #004890;border-radius: 100%;display: inline-block;margin-right: 16px;position: relative;top: -3px;}
.gy_section3 li .right{width: 50%;float: right;}
.gy_section3 li .pic{ width: 100%; padding-bottom: 51%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.gy_section3 li .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.gy_section3 li:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.gy_section3 li:nth-child(even) .left{left: auto;right: 0;padding: 0 90px 0 70px;}
.gy_section3 li:nth-child(even) .right{float: left;}
@media screen and (max-width:1024px) {
.gy_section3{padding-top: 30px;padding-bottom: 30px;}
.gy_section3 h3{font-size: 24px;line-height: 30px;margin-bottom: 14px;}
.gy_section3 li{margin-bottom: 20px;}
.gy_section3 li:last-child{margin-bottom: 0;}
.gy_section3 li .left{width: 100%;position: static;transform: translate(0,0);padding-right: 0;padding-top: 14px!important;float: left;}
.gy_section3 li .bt{font-size: 18px;line-height: 24px;margin-bottom: 8px;}
.gy_section3 li .info{font-size: 14px;line-height: 24px;}
.gy_section3 li .info span{width: 6px;height: 6px;background: #004890;border-radius: 100%;display: inline-block;margin-right: 8px;position: relative;top: -2px;}
.gy_section3 li .right{width: 100%;}
.gy_section3 li:nth-child(even) .left{padding: 0;}
}

.gy_section4{width: 100%;padding-top: 158px;padding-bottom: 158px;background: #f3f5f6;}
.gy_section4 .btbox{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom: 46px;}
.gy_section4 h4{font-size: 48px;color: #004890;line-height: 54px;font-family: "light";}
.gy_section4 .btn a{display:block;font-size:16px;color:#555;line-height:20px;}
.gy_section4 .btn a:hover{color:#004890;}
.gy_section4 .ul{margin: 0 -18px;width: calc(100% + 36px);}
.gy_section4 .li{padding: 0 18px;}
.gy_section4 .ul a{display: block;width: 100%;}
.gy_section4 .ul a .pic{ width: 100%; padding-bottom: 75.11%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.gy_section4 .ul a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.gy_section4 .ul a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.gy_section4 .ul a .wordsbox{width: 100%;padding-top: 22px;}
.gy_section4 .ul a .bt{font-size: 18px;color: #000000;line-height: 26px;font-family: "light";
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.gy_section4 .ul a:hover .bt{color: #004890;}
.gy_section4 .ul .slick-prev{width: 54px;height: 54px;background: url(../image/img56.png) no-repeat center center; background-size: cover;left: 18px;top: 44%;background-color: rgba(0,72,144,0.35);}
.gy_section4 .ul .slick-next{width: 54px;height: 54px;background: url(../image/img57.png) no-repeat center center; background-size: cover;right: 18px;top: 44%;background-color: rgba(0,72,144,0.35);}
.gy_section4 .ul .slick-prev:hover,
.gy_section4 .ul .slick-next:hover{background-color: #004890;}
@media screen and (max-width:1024px) {
.gy_section4{padding-top: 30px;padding-bottom: 30px;}
.gy_section4 .btbox{margin-bottom: 14px;}
.gy_section4 h4{font-size: 24px;line-height: 30px;}
.gy_section4 .btn a{font-size:14px;}
.gy_section4 .ul{margin: 0 -8px;width: calc(100% + 16px);padding-bottom: 24px;}
.gy_section4 .li{padding: 0 8px;}
.gy_section4 .ul a .wordsbox{padding-top: 12px;}
.gy_section4 .ul a .bt{font-size: 14px;line-height: 20px;}
.gy_section4 .ul .slick-dots{position: absolute; bottom: 0; height: 6px; text-align: center;}
.gy_section4 .ul .slick-dots li{ vertical-align: top; width: 6px; height: 6px;border-radius: 4px; margin: 0 4px; background: #dddddd;}
.gy_section4 .ul .slick-dots li.slick-active{ background: #004890;width: 24px;}
}

.gy_section5{padding-top: 156px;padding-bottom: 156px;}
.gy_section5 .btbox{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom: 62px;}
.gy_section5 h3{text-align:left;margin-bottom:0;}
.gy_section5 .btn a{display:block;font-size:16px;color:#555;line-height:20px;}
.gy_section5 .btn a:hover{color:#004890;}
@media screen and (max-width:1024px) {
.gy_section5{padding-top: 30px;padding-bottom: 30px;}
.gy_section5 .btbox{margin-bottom: 14px;}
.gy_section5 h3{margin-bottom:0;}
.gy_section5 .btn a{font-size:14px;}
}

/*产品*/
.pro_section{width: 100%;padding-top: 100px;padding-bottom: 100px;}
.pro_section h2{font-size: 48px;color: #004890;line-height: 56px;margin-bottom: 36px;font-family: "light";}
.pro_section .content{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.pro_section .left{width: 22.642%;}
.pro_section .left ul{width: 100%;border-top: 1px solid #e7e7e7;}
.pro_section .left li{border-bottom: 1px solid #e7e7e7;}
.pro_section .left a{display: flex;width: 100%;padding: 24px 20px;justify-content: space-between;align-items: center;}
.pro_section .left li:hover,
.pro_section .left li.on{background: #004890;}
.pro_section .left .bt{font-size: 20px;color: #000000;line-height: 30px;width: calc(100% - 40px);word-wrap:break-word; word-break:normal;font-family: "light";}
.pro_section .left li:hover .bt,
.pro_section .left li.on .bt{color: #fff;}
.pro_section .left .icobox{width: 4px;}
.pro_section .left .icobox img{width: 100%;display: block;}
.pro_section .left .icobox .ico2{display: none;}
.pro_section .left li:hover .icobox .ico1,
.pro_section .left li.on .icobox .ico1{display: none;}
.pro_section .left li:hover .icobox .ico2,
.pro_section .left li.on .icobox .ico2{display: block;}
.pro_section .right{width: 77.358%;padding-left: 44px;}
.pro_section .right ul{margin: -20px;overflow: hidden;width: calc(100% + 40px);}
.pro_section .right li{width: 33.333333%;float: left;padding: 20px;}
.pro_section .right a{display: block;width: 100%;}
.pro_section .right a .pic{ width: 100%; padding-bottom: 100%; position: relative; overflow: hidden;background:#F6F6F6;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.pro_section .right a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.pro_section .right a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.pro_section .right a .wordsbox{width: 100%;padding-top: 18px;display: flex;justify-content: space-between;align-items: center;}
.pro_section .right a .bt{font-size: 18px;color: #004890;line-height: 26px;font-family: "bold";width: calc(100% - 106px);
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.pro_section .right a:hover .bt{color: #ee3e41;}
.pro_section .right a .btn{display: flex;justify-content: flex-end;align-items: center;width: 86px;word-wrap:break-word; word-break:normal;}
.pro_section .right a .ico{width: 18px;display: block;}
.pro_section .right a .wrods{font-size: 14px;color: #004890;line-height: 26px;padding-left: 8px;font-family: "light";}
@media screen and (max-width:1024px) {
.pro_section{padding-top: 30px;padding-bottom: 30px;}
.pro_section h2{font-size: 24px;line-height: 30px;margin-bottom: 14px;}
.pro_section .content{display: block;}
.pro_section .left{width: 100%;margin-bottom: 20px;}
.pro_section .left ul{border-top: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;display: flex;justify-content: flex-start;align-items: center; white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;}
.pro_section .left ul::-webkit-scrollbar{ display: none;}
.pro_section .left li{border-bottom: 0;border-right: 1px solid #e7e7e7;}
.pro_section .left a{padding: 12px;}
.pro_section .left .bt{font-size: 16px;line-height: 24px;width: 100%;}
.pro_section .left .icobox{display: none;}
.pro_section .right{width: 100%;padding-left: 0;}
.pro_section .right ul{margin: -6px;width: calc(100% + 12px);}
.pro_section .right li{width: 50%;padding: 6px;}
.pro_section .right a .wordsbox{padding-top: 12px;}
.pro_section .right a .bt{font-size: 16px;;line-height: 24px;width: calc(100% - 86px);}
.pro_section .right a .btn{width: 78px;}
.pro_section .right a .wrods{line-height: 24px;font-size: 12px;}
}

/*详情当前位置*/
.dqwz_section{width: 100%;background: #f3f5f6;padding-top: 15px;padding-bottom: 15px;}
.dqwz_section .content{width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.dqwz_section a{font-size: 16px;color: #000000;line-height: 30px;display: block;font-family: "light";}
.dqwz_section span{font-size: 16px;color: #000000;line-height: 30px;display: block;font-family: "light";margin: 0 6px;}
.dqwz_section a:hover,
.dqwz_section a.on{color: #ee3e41;}
@media screen and (max-width:1024px) {
.dqwz_section{display: none;}
}

/*产品详情*/
.cpxq_section1{width: 100%;padding-top: 100px;padding-bottom: 100px;}
.cpxq_section1 .content{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.cpxq_section1 .left{width: 46.42%;}
.cpxq_section1 .qh_t{width: 100%;margin-bottom: 10px;}
.cpxq_section1 .qh_t li{width: 100%;position: relative;}
.cpxq_section1 .qh_t li .pic{ width: 100%; padding-bottom: 100%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.cpxq_section1 .qh_t li .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.cpxq_section1 .qh_t li:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.cpxq_section1 .qh_t li .more{position: absolute;right: 38px;bottom: 30px;z-index: 10;}
.cpxq_section1 .qh_t li .more a{display: flex;justify-content: center;align-items: center;}
.cpxq_section1 .qh_t li .more .ico{width: 20px;display: block;margin-right: 5px;}
.cpxq_section1 .qh_t li .more .words{font-size: 16px;color: #004890;line-height: 20px;font-family: "bold";}
.cpxq_section1 .qh_b{margin: 0 -4px;width: calc(100% + 8px);padding-left: 38px;padding-right: 38px;}
.cpxq_section1 .qh_b li{padding: 0 4px;}
.cpxq_section1 .qh_b li.slick-current a{border-color: #004890;}
.cpxq_section1 .qh_b a{display: block;width: 100%;border: 1px solid #e7e7e7;}
.cpxq_section1 .qh_b a .pic{ padding-bottom: 58.49%;padding-bottom: 100%; position: relative; overflow: hidden;width:100%;}
.cpxq_section1 .qh_b a .pic img{ width: 100%; position: absolute; left: 0; top: 0; min-height: 100%;display:block;}
.cpxq_section1 .qh_b .slick-prev{width: 7px;height: 12px;background: url(../image/img65.png) no-repeat center center; background-size: cover;left: 4px;top: 50%;}
.cpxq_section1 .qh_b .slick-next{width: 7px;height: 12px;background: url(../image/img66.png) no-repeat center center; background-size: cover;right: 4px;top: 50%;}
.cpxq_section1 .qh_b .slick-prev:hover,
.cpxq_section1 .qh_b .slick-next:hover{opacity: 0.6;}
.cpxq_section1 .right{width: 53.58%;padding-left: 66px;padding-top: 22px;}
.cpxq_section1 .bt{font-size: 36px;color: #004890;line-height: 44px;padding-bottom: 42px;margin-bottom: 50px;border-bottom: 1px solid #e7e7e7;font-family: "Medium";}
.cpxq_section1 .info{font-size: 18px;color: #000000;line-height: 32px;margin-bottom: 170px;white-space: pre-wrap;}
.cpxq_section1 .info .span1{display: inline-block;width: 20px;vertical-align: top;}
.cpxq_section1 .info .span2{display: inline-block;width: calc(100% - 20px);vertical-align: top;}
.cpxq_section1 .btn{width: 315px;}
.cpxq_section1 .btn a{display: block;width: 100%;position: relative;background: #004890;font-size: 16px;color: #ffffff;line-height: 68px;position: relative;text-align: center;padding: 0 24px;}
.cpxq_section1 .btn a:hover{background: #ee3e41;}
.cpxq_section1 .btn .ico{width: 10px;display: block;position: absolute;right: 24px;top: 50%;transform: translate(0,-50%);}
@media screen and (max-width:1680px) {
.cpxq_section1 .right{padding-left: 40px;}
.cpxq_section1 .bt{font-size: 30px;line-height: 40px;padding-bottom: 30px;margin-bottom: 30px;}
.cpxq_section1 .info{font-size: 16px;line-height: 26px;margin-bottom: 80px;}
.cpxq_section1 .btn{width: 260px;}
.cpxq_section1 .btn a{font-size: 14px;line-height: 60px;padding: 0 16px;}
.cpxq_section1 .btn .ico{right: 16px;}
}
@media screen and (max-width:1024px) {
.cpxq_section1{padding-top: 30px;padding-bottom: 30px;margin-top: 50px;}
.cpxq_section1 .content{display: block;}
.cpxq_section1 .left{width: 100%;}
.cpxq_section1 .qh_b{padding-left: 20px;padding-right: 20px;}
.cpxq_section1 .right{width: 100%;padding-left: 0;padding-top: 14px;}
.cpxq_section1 .bt{font-size: 20px;line-height: 26px;padding-bottom: 14px;margin-bottom: 14px;}
.cpxq_section1 .info{font-size: 14px;line-height: 24px;margin-bottom: 20px;}
.cpxq_section1 .info .span1{width: 16px;}
.cpxq_section1 .info .span2{width: calc(100% - 16px);}
.cpxq_section1 .btn{width: 120px;}
.cpxq_section1 .btn a{font-size: 14px;line-height: 36px;padding: 0 20px;}
.cpxq_section1 .btn .ico{display: none;}
.cpxq_section1 .qh_t li .more{right: 12px;bottom: 12px;}
.cpxq_section1 .qh_t li .more .words{font-size: 14px;}
}

.zws_section{width: 100%;margin-top: -78px;opacity: 0;height: 78px;z-index: -1;position: relative;}
@media screen and (max-width:1024px) {
.zws_section{margin-top: -98px;height: 98px;}
}

.cpxq_section2{width: 100%;padding-bottom: 100px;}
.cpxq_section2 .nav{width: 100%;background: #f3f5f6;}
.cpxq_section2 .nav.on{position: fixed;left: 0;top: 0;z-index: 99;}
.cpxq_section2 .nav ul{width: 100%;display: flex;justify-content: flex-start;align-items: center;padding-top: 24px;padding-bottom: 24px;}
.cpxq_section2 .nav li{margin-right: 68px;}
.cpxq_section2 .nav li:last-child{margin-right: 0;}
.cpxq_section2 .nav a{display: block;font-size: 18px;color: #004890;line-height: 30px;font-family: "light";}
.cpxq_section2 .nav li.on a{color: #ee3e41;}
.cpxq_section2 .content{padding-top: 94px;}
.cpxq_section2 .content ul{margin-bottom: 100px;}
.cpxq_section2 .content li{margin-bottom: 100px;}
.cpxq_section2 .content li:last-child{margin-bottom: 0;}
.cpxq_section2 .content li .bt{font-size: 30px;color: #004890;line-height: 40px;margin-bottom: 34px;font-family: "Medium";}
.cpxq_section2 .content li .border{width: 100%;height: 1px;position: relative;margin-bottom: 40px;background: #e7e7e7;}
.cpxq_section2 .content li .border::after{content: "";display: block;width: 80px;height: 3px;background: #ee3e41;position: absolute;left: 0;bottom: 0;}
.cpxq_section2 .content li .con{width: 100%;font-size: 18px;color: #000000;line-height: 32px;font-family: "light";}
.cpxq_section2 .content li .con img{max-width: 100%;}
@media screen and (max-width:1024px) {
.cpxq_section2{padding-bottom: 30px;width:100%;overflow:hidden;}
.cpxq_section2 .nav.on{position: fixed;left: 0;top: 50px;z-index: 99;}
.cpxq_section2 .nav ul{padding-top: 12px;padding-bottom: 12px;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;}
.cpxq_section2 .nav ul::-webkit-scrollbar{ display: none;}
.cpxq_section2 .nav li{margin-right: 12px;}
.cpxq_section2 .nav a{font-size: 16px;line-height: 24px;}
.cpxq_section2 .content{padding-top: 14px;}
.cpxq_section2 .content ul{margin-bottom: 14px;}
.cpxq_section2 .content li{margin-bottom: 14px;}
.cpxq_section2 .content li .bt{font-size: 16px;line-height: 24px;margin-bottom: 8px;}
.cpxq_section2 .content li .border{margin-bottom: 12px;}
.cpxq_section2 .content li .border::after{width: 40px;height: 2px;}
.cpxq_section2 .content li .con{font-size: 14px;line-height: 24px;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;}
.cpxq_section2 .content li .con::-webkit-scrollbar{ display: none;}
.cpxq_section2 .content li .con table{min-width: 100%;width: 1200px!important;}
}

.cpxq_tc{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.45);z-index: 999;display: none;justify-content: center;align-items: center;}
.cpxq_tc.on{display: flex;}
.cpxq_tc .content{width: 1080px;background: #ffffff;padding: 70px;position: relative;}
.cpxq_tc h4{font-size: 30px;color: #004890;line-height: 40px;margin-bottom: 40px;font-family: "Medium";}
.cpxq_tc ul{margin: -25px -20px;overflow: hidden;width: calc(100% + 40px);}
.cpxq_tc ul li:nth-child(5){width: 100%;}
.cpxq_tc li{width: 50%;float: left;padding: 25px 20px;}
.cpxq_tc ul .libox{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.cpxq_tc ul .words{font-size: 18px;color: #000000;line-height: 64px;width: 120px;font-family: "light";}
.cpxq_tc ul .con{width: calc(100% - 120px);}
.cpxq_tc ul .input{width: 100%;}
.cpxq_tc ul .input input{width: 100%;height: 64px;display: block;font-size: 16px;color: #333;padding: 0 20px;background: #f3f5f6;font-family: "light";}
.cpxq_tc ul .input input::-webkit-input-placeholder{font-size: 16px;color: #bfc5c8;}
.cpxq_tc ul .input input::-moz-placeholder{font-size: 16px;color: #bfc5c8;}
.cpxq_tc ul .input input::moz-placeholder{font-size: 16px;color: #bfc5c8;}
.cpxq_tc ul .input input:-ms-input-placeholder{font-size: 16px;color: #bfc5c8;}
.cpxq_tc ul .textbox{width: 100%;}
.cpxq_tc ul .textbox textarea{width: 100%;height: 128px;display: block;background: #f3f5f6;padding: 24px 20px;font-size: 16px;color: #333;font-family: "light";}
.cpxq_tc ul .textbox textarea::-webkit-input-placeholder{font-size: 16px;color: #bfc5c8;}
.cpxq_tc ul .textbox textarea::-moz-placeholder{font-size: 16px;color: #bfc5c8;}
.cpxq_tc ul .textbox textarea::moz-placeholder{font-size: 16px;color: #bfc5c8;}
.cpxq_tc ul .textbox textarea:-ms-input-placeholder{font-size: 16px;color: #bfc5c8;}
.cpxq_tc ul .yzm{width: 100%;position: relative;}
.cpxq_tc ul .yzm input{width: 100%;height: 64px;display: block;font-size: 16px;color: #333;background: #f5f5f5;padding: 0 130px 0 20px;font-family: "light";}
.cpxq_tc ul .yzm img{width: 110px;height: 64px;position: absolute;right: 0;top: 0;}
.cpxq_tc ul .btn{width: 100%;display: flex;justify-content: flex-end;}
.cpxq_tc ul .btn button{display: block;font-size: 20px;color: #ffffff;line-height: 64px;background: #004890;width: 216px;text-align: center;font-family: "light";}
.cpxq_tc ul .btn button:hover{background: #ee3e41;}
.cpxq_tc .none{width: 40px;display: block;position: absolute;right: -60px;top: -20px;cursor: pointer;}
@media screen and (max-width:1680px) {
.cpxq_tc .content{width: 900px;padding: 40px;}
.cpxq_tc h4{font-size: 26px;margin-bottom: 30px;}
.cpxq_tc ul{margin: -12px;width: calc(100% + 24px);}
.cpxq_tc li{padding: 12px;}
.cpxq_tc .none{width: 36px;right: -50px;top: -18px;}
}
@media screen and (max-width:1024px) {
.cpxq_tc .content{padding: 20px;width: calc(100% - 30px);}
.cpxq_tc h4{font-size: 24px;line-height: 30px;margin-bottom: 14px;}
.cpxq_tc ul{margin: 0;width: 100%;}
.cpxq_tc li{width: 100%;padding: 0;margin-bottom: 12px;}
.cpxq_tc li:last-child{margin-bottom: 0;}
.cpxq_tc ul .words{font-size: 16px;line-height: 40px;width: 90px;}
.cpxq_tc ul .con{width: calc(100% - 90px);}
.cpxq_tc ul .input input{height: 40px;font-size: 14px;padding: 0 12px;}
.cpxq_tc ul .input input::-webkit-input-placeholder{font-size: 14px;}
.cpxq_tc ul .input input::-moz-placeholder{font-size: 14px;}
.cpxq_tc ul .input input::moz-placeholder{font-size: 14px;}
.cpxq_tc ul .input input:-ms-input-placeholder{font-size: 14px;}
.cpxq_tc ul .textbox textarea{height: 120px;padding: 12px;font-size: 14px;}
.cpxq_tc ul .textbox textarea::-webkit-input-placeholder{font-size: 14px;}
.cpxq_tc ul .textbox textarea::-moz-placeholder{font-size: 14px;}
.cpxq_tc ul .textbox textarea::moz-placeholder{font-size: 14px;}
.cpxq_tc ul .textbox textarea:-ms-input-placeholder{font-size: 14px;}
.cpxq_tc ul .yzm input{height: 40px;font-size: 14px;padding: 0 100px 0 12px;}
.cpxq_tc ul .yzm img{width: 80px;height: 40px;}
.cpxq_tc ul .btn button{font-size: 16px;line-height: 40px;width: calc(100% - 90px);}
.cpxq_tc .none{width: 30px;right: 0;top: -40px;}
}

/*详情分页*/
.xqpage_section{width: 100%;display: flex;justify-content: space-between;align-items: center;}
.xqpage_section .page_l{width: calc(100% - 300px);}
.xqpage_section .page_l a{display: block;font-size: 18px;color: #004890;line-height: 24px;margin-bottom: 16px;font-family: "light";}
.xqpage_section .page_l a:last-child{margin-bottom: 0;}
.xqpage_section .page_l a:hover{color: #ee3e41;}
.xqpage_section .btn_r{width: 216px;}
.xqpage_section .btn_r a{display: block;font-size: 18px;color: #ffffff;line-height: 56px;background: #004890;text-align: center;font-family: "light";}
.xqpage_section .btn_r a:hover{background: #ee3e41;}
@media screen and (max-width:1024px) {
.xqpage_section{display: block;}
.xqpage_section .page_l{width: 100%;}
.xqpage_section .page_l a{font-size: 14px;line-height: 20px;margin-bottom: 8px;}
.xqpage_section .btn_r{width: 120px;margin: 12px auto 0 auto;}
.xqpage_section .btn_r a{font-size: 14px;;line-height: 36px;}
}

/*新闻*/
.new_section{width: 100%;padding-top: 100px;padding-bottom: 100px;}
.new_section h2{font-size: 48px;color: #004890;line-height: 56px;margin-bottom: 52px;font-family: "light";}
.new_section ul{margin-bottom: 60px;}
.new_section li{margin-bottom: 45px;}
.new_section li:last-child{margin-bottom: 0;}
.new_section ul a{display: block;width: 100%;background: #f3f5f6;display: flex;justify-content: flex-start;align-items: center;}
.new_section ul .wordsbox{width: calc(100% - 452px);padding: 20px 150px 20px 60px;}
.new_section ul .date{font-size: 14px;color: #004890;line-height: 18px;margin-bottom: 20px;font-family: "light";}
.new_section ul .bt{font-size: 24px;color: #000000;line-height: 34px;font-family: "light";
overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.new_section ul a:hover .bt{color: #004890;}
.new_section ul .more{font-size: 14px;color: #ee3e41;line-height: 18px;font-weight: bolder;font-family: "Medium";margin-top: 100px;display: none;}
.new_section ul a:hover .more{color: #004890;}
.new_section ul .picbox{width: 452px;}
.new_section ul .pic{ width: 100%; padding-bottom: 75.22%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.new_section ul .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.new_section ul a:hover .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
@media screen and (max-width:1024px) {
.new_section{padding-top: 30px;padding-bottom: 30px;}
.new_section h2{font-size: 24px;line-height: 30px;margin-bottom: 14px;}
.new_section ul{margin-bottom: 20px;}
.new_section li{margin-bottom: 14px;}
.new_section ul a{display: block;}
.new_section ul .wordsbox{width: 100%;padding: 14px;}
.new_section ul .date{margin-bottom: 12px;}
.new_section ul .bt{font-size: 16px;line-height: 24px;}
.new_section ul .picbox{width: 100%;margin-top: 12px;}
}

/*分页*/
.page_section{width: 100%;}
.page_section .pcpage{width: 100%;display: flex;justify-content: center;align-items: center;}
.page_section .pcpage a{display: block;font-size: 16px;color: #004890;line-height: 50px;width: 50px;text-align: center;height: 50px;background: #e5ecf4;margin: 0 5px;position: relative;}
.page_section .pcpage a:hover,
.page_section .pcpage a.on{color: #fff;background: #004890;}
.page_section .pcpage .btn1::after{content: "";display: block;width: 0;height: 0;border: 4px solid;border-color: transparent #004890 transparent transparent;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.page_section .pcpage .btn2::after{content: "";display: block;width: 0;height: 0;border: 4px solid;border-color: transparent transparent transparent #004890;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.page_section .pcpage .btn1:hover::after,
.page_section .pcpage .btn1.on::after{border-color: transparent #fff transparent transparent;}
.page_section .pcpage .btn2:hover::after,
.page_section .pcpage .btn2.on::after{border-color: transparent transparent transparent #fff;}
.page_section .wappage{display: none;}
@media screen and (max-width:1024px) {
.page_section .pcpage{display: none;}
.page_section .wappage{display: flex;justify-content: center;align-items: center;}
.page_section .wappage a{display: block;font-size: 14px;color: #fff;line-height: 36px;width: 80px;background: #004890;text-align: center;border-radius: 18px;}
.page_section .wappage span{font-size: 16px;color: #333;line-height: 36px;margin: 0 12px;}
}

/*产品详情*/
.xwxq_section{width: 100%;padding-top: 100px;padding-bottom: 100px;}
.xwxq_section .date{font-size: 14px;color: #ee3e41;line-height: 20px;margin-bottom: 12px;font-family: "light";}
.xwxq_section .bt{font-size: 30px;color: #004890;line-height: 40px;margin-bottom: 46px;padding-bottom: 50px;border-bottom: 1px solid #e2e5e7;font-family: "Medium";}
.xwxq_section .content{width: 100%;font-size: 18px;color: #000000;line-height: 32px;margin-bottom: 80px;font-family: "light";}
.xwxq_section .content img{max-width: 100%;display: inline-block;}
@media screen and (max-width:1024px) {
.xwxq_section{padding-top: 30px;padding-bottom: 30px;}
.xwxq_section .bt{font-size: 16px;line-height: 24px;margin-bottom: 12px;padding-bottom: 12px;}
.xwxq_section .content{font-size: 14px;line-height: 24px;margin-bottom: 12px;}
}

/*联系我们*/
.lxwm_section1{width: 100%;padding-top: 100px;padding-bottom: 100px;}
.lxwm_section1 h2{width: 100%;font-size: 48px;color: #004890;line-height: 54px;margin-bottom: 46px;font-family: "light";}
.lxwm_section1 .ul_box::after{content: "";display: block;clear: both;}
.lxwm_section1 .ul_box{width: 100%;padding: 0 34px;}
.lxwm_section1 .ul_box .bt{font-size: 30px;color: #004890;line-height: 36px;margin-bottom: 36px;padding-bottom: 32px;border-bottom: 1px solid #f3f5f6;position: relative;font-family: "light";}
.lxwm_section1 .ul_box .bt::after{content: "";display: block;width: 80px;height: 3px;background: #ee3e41;position: absolute;left: 0;bottom: 0;}
.lxwm_section1 .ul_box .list{margin-bottom: 38px;}
.lxwm_section1 .ul_box .list:last-child{margin-bottom: 0;}
.lxwm_section1 .ul_box .tit{font-size: 18px;color: #004890;line-height: 24px;margin-bottom: 4px;font-family: "Medium";}
.lxwm_section1 .ul_box .info{font-size: 18px;color: #000000;line-height: 33px;font-family: "light";}
@media screen and (max-width:1024px) {
.lxwm_section1{padding-top: 30px;padding-bottom: 30px;}
.lxwm_section1 h2{font-size: 24px;line-height: 30px;margin-bottom: 14px;}
.lxwm_section1 .ul_box{margin: 0;width: 100%}
.lxwm_section1 .ul_box{width: 100%;padding: 0;margin-bottom: 20px;}
.lxwm_section1 .ul_box:last-child{margin-bottom: 0;}
.lxwm_section1 .ul_box .bt{font-size: 16px;line-height: 24px;margin-bottom: 12px;padding-bottom: 12px;}
.lxwm_section1 .ul_box .bt::after{width: 60px;}
.lxwm_section1 .ul_box .list{margin-bottom: 12px;}
.lxwm_section1 .ul_box .tit{font-size: 14px;line-height: 20px;}
.lxwm_section1 .ul_box .info{font-size: 14px;line-height: 24px;}
}

.lxwm_section2{width: 100%;padding-bottom: 100px;}
.lxwm_section2 h3{font-size: 48px;color: #004890;line-height: 54px;margin-bottom: 50px;font-family: "light";}
.lxwm_section2 ul{margin: -25px -75px;overflow: hidden;width: calc(100% + 150px);}
.lxwm_section2 ul::after{content: "";display: block;clear: both;}
.lxwm_section2 li{width: 50%;float: left;padding: 25px 57px;}
.lxwm_section2 ul .libox{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;}
.lxwm_section2 ul .words{width: 100px;font-size: 18px;color: #000000;line-height: 64px;font-family: "light";}
.lxwm_section2 ul .con{width: calc(100% - 100px);}
.lxwm_section2 ul .input{width: 100%;}
.lxwm_section2 ul .input input{width: 100%;height: 64px;display: block;padding: 0 20px;font-size: 16px;color: #333;background: #f3f5f6;font-family: "light";}
.lxwm_section2 ul .input input::-webkit-input-placeholder{font-size: 16px;color: #bfc5c8;}
.lxwm_section2 ul .input input::-moz-placeholder{font-size: 16px;color: #bfc5c8;}
.lxwm_section2 ul .input input::moz-placeholder{font-size: 16px;color: #bfc5c8;}
.lxwm_section2 ul .input input:-ms-input-placeholder{font-size: 16px;color: #bfc5c8;}
.lxwm_section2 ul .textbox{width: 100%;}
.lxwm_section2 ul .textbox textarea{width: 100%;height: 126px;display: block;font-size: 16px;color: #333;padding: 24px 20px;background: #f3f5f6;font-family: "light";}
.lxwm_section2 ul .textbox textarea::-webkit-input-placeholder{font-size: 16px;color: #bfc5c8;}
.lxwm_section2 ul .textbox textarea::-moz-placeholder{font-size: 16px;color: #bfc5c8;}
.lxwm_section2 ul .textbox textarea::moz-placeholder{font-size: 16px;color: #bfc5c8;}
.lxwm_section2 ul .textbox textarea:-ms-input-placeholder{font-size: 16px;color: #bfc5c8;}
.lxwm_section2 ul .yzm{width: 100%;position: relative;}
.lxwm_section2 ul .yzm input{width: 100%;height: 64px;display: block;padding: 0 160px 0 20px;font-size: 16px;color: #333;background: #f3f5f6;font-family: "light";}
.lxwm_section2 ul .yzm .pic{width: 131px;height: 40px;display: block;position: absolute;right: 12px;top: 12px;cursor: pointer;}
.lxwm_section2 ul .btn{width: 218px;margin: 10px auto 0 auto;}
.lxwm_section2 ul .btn a{display: block;font-size: 20px;color: #ffffff;line-height: 56px;text-align: center;text-align: center;background: #004890;font-family: "light";}
.lxwm_section2 ul .btn a:hover{background: #ee3e41;}
.lxwm_section2 ul li:nth-child(5),
.lxwm_section2 ul li:nth-child(7){width: 100%;}
@media screen and (max-width:1024px) {
.lxwm_section2{padding-bottom: 30px;}
.lxwm_section2 h3{font-size: 24px;line-height: 30px;margin-bottom: 14px;}
.lxwm_section2 ul{margin: 0;width: 100%;}
.lxwm_section2 li{width: 100%;padding: 0;margin-bottom: 14px;}
.lxwm_section2 li:last-child{margin-bottom: 0;}
.lxwm_section2 ul .words{width: 90px;font-size: 16px;line-height: 40px;}
.lxwm_section2 ul .con{width: calc(100% - 90px);}
.lxwm_section2 ul .input input{height: 40px;padding: 0 12px;font-size: 16px;}
.lxwm_section2 ul .input input::-webkit-input-placeholder{font-size: 14px;}
.lxwm_section2 ul .input input::-moz-placeholder{font-size: 14px;}
.lxwm_section2 ul .input input::moz-placeholder{font-size: 14px;}
.lxwm_section2 ul .input input:-ms-input-placeholder{font-size: 14px;}
.lxwm_section2 ul .textbox textarea{height: 120px;font-size: 14px;padding: 12px;}
.lxwm_section2 ul .textbox textarea::-webkit-input-placeholder{font-size: 14px;}
.lxwm_section2 ul .textbox textarea::-moz-placeholder{font-size: 14px;}
.lxwm_section2 ul .textbox textarea::moz-placeholder{font-size: 14px;}
.lxwm_section2 ul .textbox textarea:-ms-input-placeholder{font-size: 14px;}
.lxwm_section2 ul .yzm input{height: 40px;padding: 0 100px 0 12px;font-size: 14px;}
.lxwm_section2 ul .yzm .pic{width: 80px;height: 30px;top:5px;right:5px;}
.lxwm_section2 ul .btn{width: 100px;margin: 6px auto 0 auto;}
.lxwm_section2 ul .btn a{font-size: 16px;line-height: 40px;}
}

.cpzs_tc{width:100vw;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);display:none;overflow:hidden;z-index:999;}
.cpzs_tc .none{position:absolute;right:-50px;top:-50px;;cursor:pointer;}
.cpzs_tc .tc_box{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;}
.cpzs_tc .content{width:1200px;position:relative;}
.cpzs_tc .content .iframe{width:100%;display:block;height:600px;}
@media screen and (max-width:1680px) {
.cpzs_tc .none{right:0;top:-70px;}
.cpzs_tc .content .iframe{height:400px;}
}
@media screen and (max-width:1024px) {
.cpzs_tc .none{right:0;top:-40px;width:20px;position:absolute;}
.cpzs_tc .content .iframe{height:300px;}
}
