@charset "utf-8";

* {
   box-sizing: border-box;
}

html {
   font-size: 62.5%;
   /*10 ÷ 16 × 100% = 62.5%*/
   -webkit-text-size-adjust: none;
   max-height: 100%;
}

body,
button,
input,
select,
textarea {
   font-size: 0.14rem;
   font-family: -apple-system, helvetica neue, helvetica, arial, pingfang sc, hiragino sans gb, stheiti, microsoft yahei, microsoft jhenghei, SimSun, sans-serif;
}

body,
p,
h1,
ul,
li,
input,
img,
figure,
h3,
h1,
h2,
h4,
h5,
h6,
dl,
dd,
dt {
   margin: 0;
   padding: 0;
}

input[type="text"],
input[type="password"],
input[type="submit"],
input[type="reset"],
input[type="button"],
textarea {
   -webkit-appearance: none;
}

body {
   color: #333;
   overflow-x: hidden;
}

address,
cite,
dfn,
em,
var,
i {
   font-style: normal;
}

code,
kbd,
pre,
samp {
   font-family: courier new, courier, monospace;
}

small {
   font-size: 10px;
}

ul,
ol {
   list-style: none;
}

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

a:hover {
   text-decoration: none;
   color: #1d2087
}

sup {
   vertical-align: text-top;
}

sub {
   vertical-align: text-bottom;
}

abbr[title] {
   border-bottom: 1px dotted;
   cursor: footer-help;
}

legend {
   color: #000;
}

fieldset,
img {
   border: 0;
}

a img {
   vertical-align: text-bottom;
}

:focus {
   outline: 0;
}

textarea {
   overflow: auto;
   vertical-align: top;
   resize: vertical;
}

button,
input,
select,
textarea {
   font-size: 100%;
}

button,
input,
select {
   vertical-align: middle;
}

button {
   cursor: pointer;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

caption,
th {
   text-align: left;
}

/*text align*/
.tc {
   text-align: center;
}

.tr {
   text-align: right;
}

.tl {
   text-align: left;
}

.tj {
   text-align: justify;
}

/*float and clear*/
.float-left {
   float: left;
   display: inline;
}

.float-right {
   float: right;
   display: inline;
}


/*clear*/
.clearfix:after {
   content: '';
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
   font-size: 0;
}

.clearfix {
   zoom: 1;
}

.clear {
   clear: both;
   display: block;
   overflow: hidden;
   visibility: hidden;
   width: 0;
   height: 0;
}

.w-100 {
   width: 100% !important
}

.juzhong {
   margin: 0 auto;
}

.arial {
   font-family: Arial, Helvetica, sans-serif;
}

.nor {
   font-weight: normal;
}

.ellipsis {
   display: block;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
}

.capital {
   text-transform: uppercase;
}

.blue {
   color: #1d2087
}

.overflow-hidden {
   overflow: hidden;
}

.position-relative {
   position: relative;
}

/**************滚动条样式**********/

::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 8px;
   height: 8px;
}

::-webkit-scrollbar-thumb {
   border-radius: 4px;
   background-color: #dddddd;
   box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}


/**************框架公用样式**********/
.container {
   max-width: 1700px;
}

.container {
   padding-right: .15rem;
   padding-left: .15rem;
   margin-right: auto;
   margin-left: auto;
}

.photo img {
   -webkit-transition: 0.5s;
   transition: 0.5s;
}

.photo:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
   -webkit-transition: 0.5s;
   transition: 0.5s;
}


/**************头部**********/
header {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   background: #fff;
   z-index: 999;
   width: 100%;
   height: .8rem;
   line-height: .8rem;
   box-shadow: 0 0 5px rgba(204, 204, 204, .3)
}

header .logo {
   margin: .1rem 0 0;
}

nav ul li {
   float: left;
   position: relative;
   font-size: .18rem;
}

nav ul li a {
   display: block;
   width: .9rem;
   height: .8rem;
   line-height: .8rem;
   text-align: center;
}

nav ul li:hover a,
nav #current {
   color: #1d2087;
   font-weight: bolder
}

nav ul li ul {
   display: none;
   width: 1.5rem;
   margin-left: -0.25rem;
}

nav ul li ul li {
   width: 100%
}

nav ul li:hover ul {
   display: block;
   position: absolute;
   z-index: 99;
}

nav ul li:hover ul li {
   margin: 0;
}

nav ul li:hover ul li a {
   height: .35rem;
   line-height: .35rem;
   background: #1d2087;
   color: #fff;
   opacity: 1;
   width: 100%;
   font-size: .15rem;
   border-radius: 0;
   position: relative;
   z-index: 2;
   border-bottom: 0
}

nav ul li ul li a em {
   width: 0;
   height: .35rem;
   position: absolute;
   left: 0;
   top: 0;
   background: #555;
   z-index: -1;
   transition: .3s
}

nav ul li ul li a:hover em {
   display: block;
   width: 100%;
   color: #fff;
}


/**************手机导航**********/
.sjj_nav *,
.sjj_nav *:before,
.sjj_nav *:after {
   -webkit-transition: 0s;
   transition: 0s;
}

.sp_nav,
.sjj_nav {
   display: none;
}

.sp_nav {
   width: .45rem;
   position: relative;
   cursor: pointer;
   margin: .2rem 0 0 0;
   color: #fff;
   z-index: 99999;
   float: right;
}

.sp_nav span {
   display: block;
   background: #1d2087;
   width: .45rem;
   height: 2px;
   position: absolute;
   transition: all ease 0.35s
}

.sp_nav span:nth-of-type(1) {
   top: 0px
}

.sp_nav span:nth-of-type(2) {
   top: .12rem
}

.sp_nav span:nth-of-type(3) {
   top: .24rem
}

.sp_nav_se span:nth-of-type(1) {
   top: 10px;
   transform: rotate(45deg)
}

.sp_nav_se span:nth-of-type(2) {
   width: 0
}

.sp_nav_se span:nth-of-type(3) {
   top: 10px;
   transform: rotate(-45deg)
}

.sjj_nav {
   position: fixed;
   z-index: 9;
   background: #eee;
   width: 100%;
   height: calc(100% - 104px);
   height: 100%;
   font-size: 14px;
   line-height: 40px;
   top: -100vh;
   left: 0;
   right: 0;
   overflow: auto;
   overflow-x: hidden;
   transition: top ease 0.35s;
   max-width: 800px;
   margin: 0 auto
}

.nav_show {
   top: 0;
   padding: .6rem .3rem;
   background: #333
}

.sjj_nav>ul>li:first-child {
   overflow: hidden;
   border-top: 0
}

.sjj_nav>ul>li:first-child>a {
   float: left;
   width: calc(100% - 70px)
}

.sjj_nav>ul>li:first-child .language {
   float: right;
   width: 70px;
   overflow: hidden;
   line-height: 30px;
   margin-top: 5px
}

.sjj_nav>ul>li:first-child .language a {
   width: 35px;
   float: left;
   text-align: center;
   color: #999;
}

.sjj_nav ul li i {
   position: absolute;
   top: 5px;
   right: 0px;
   height: 30px;
   padding: 0px 7px 0 7px;
}

.sjj_nav ul li i svg {
   transform: rotate(-90deg);
   transition: all ease 0.35s
}

.sjj_nav ul li .sjj_nav_i_se svg {
   transform: rotate(0deg)
}

.sjj_nav ul li {
   position: relative;
   line-height: 45px;
   font-size: 14px;
   border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.sjj_nav ul li ul {
   display: none
}

.sjj_nav ul li a {
   color: #fff;
   width: 80%
}

.sjj_nav ul li li {
   margin-left: 20px;
}

.sjj_nav ul li li:last-child {
   border-bottom: none;
}

.sjj_nav ul li ul li a {
   color: #999;
   display: block;
   text-align: left;
}

.sjj_nav ul li i svg {
   width: 20px;
   height: 20px;
   fill: #555;
}

.sjj_nav ul li .sjj_nav_i_se svg {
   fill: #007AFF
}

.sjj_nav ul li ul li>ul {
   margin-left: 10px
}




/**************banner**********/
.banner {
   margin-top: .8rem
}

.banner .swiper-slide .swiper-slide_text {
   max-width: 1600px;
   display: flex;
   vertical-align: middle;
   height: calc(100vh - 0.8rem);
   margin: 0 auto;
   color: #fff;
   align-items: center;
   flex-wrap: wrap;
   align-content: center;
}

.banner .swiper-slide .swiper-slide_text h1 {
   font-size: .6rem;
   font-weight: 600;
   position: relative;
}

.banner .swiper-slide .swiper-slide_text p {
   font-size: .3rem;
   font-weight: 300;
   margin: .15rem 0 .5rem;
   line-height: .3rem;
}


.banner .swiper-slide .swiper-slide_text h1,
.swiper-slide .swiper-slide_text p {
   max-width: 100%;
   flex: 0 0 100%;
}

.banner .swiper-slide .swiper-slide_text a {
   background: #1d2087;
   color: #fff;
   font-size: .2rem;
   padding: 5px 20px;
}


.banner .swiper-pagination-bullet {
   border: 1px solid #fff;
   background: none;
   opacity: 1;
   width: .12rem;
   height: .12rem;
   border-radius: 50%;
}

.banner .swiper-pagination-bullet-active {
   background-color: #fff;
   border: 1px solid #fff;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
   bottom: .2rem;
}

.banner .swiper-button-prev,
.banner .swiper-container-rtl .swiper-button-next,
.banner .swiper-button-next,
.banner .swiper-container-rtl .swiper-button-prev {
   background-image: none;
   font-size: .4rem;
   color: #fff
}

.project-name {
   padding-top: .7rem;
   padding-bottom: .4rem
}

.project-name h1 {
   font-size: .5rem;
   font-family: PingFang sc Heavy;
}

.project-name p {
   font-size: .2rem;
   margin-top: .15rem;
}

.project-name a {
   background: #1d2087;
   color: #fff;
   font-size: .16rem;
   padding: .1rem .2rem;
   margin-top: .5rem;
   position: relative;
}

.project-name a span {
   position: relative;
   z-index: 8;
}

.project-name a::after {
   content: '';
   display: block;
   height: 100%;
   width: 0;
   left: 0;
   top: 0;
   position: absolute;
   background: #333;
   z-index: 1;
   transition: .5s
}

.project-name a:hover::after {
   width: 100%
}

#statetab .tabcon {
   display: flex;
   align-items: center;
   padding: .5rem .95rem;
   background: #292929;
}

#statetab .tabcon,
#statetab .tabcon a {
   color: #fff
}

#statetab .tabcon .tabcon-text {
   padding-right: .5rem;
   flex: 1
}

#statetab .tabcon .tabcon-text h1 {
   font-size: .45rem;
}

#statetab .tabcon .tabcon-text p {
   font-size: .2rem;
   margin: .3rem 0 .5rem;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
}

#statetab .tabcon .pro-img {
   flex: 1;
   width: 100%
}
#statetab .tabcon .pro-img img{width:100%}

.pro-more {
   background: #1d2087;
   color: #fff;
   font-size: .2rem;
   padding: .1rem .5rem;
   border-radius: 5px;
   position: relative;
   z-index: 5;

}

.pro-more span {
   position: relative;
   z-index: 8;
}

.pro-more::after {
   content: '';
   display: block;
   border-radius: 5px;
   height: 100%;
   width: 0;
   left: 0;
   top: 0;
   position: absolute;
   background: #fff;
   z-index: 1;
   transition: .5s
}

.pro-more:hover::after {
   width: 100%
}

.pro-more:hover span {
   color: #1d2087;
}

.products-center ul {
   background: linear-gradient(to right, #003359, #325a79);
   display: flex;
}

.products-center ul li {
   flex-basis: 20%;
   width: 20%;
   padding: .2rem .35rem;
   text-align: center;
   color: #fff;
   font-size: .25rem;
   background: url(../images/pro-list-line.png) right no-repeat;
}
.products-center ul li a{color:#fff}

.products-center ul li:nth-child(5) {
   background: none;
}

.products-center ul li img {
   width: 80%;
   margin-bottom: .15rem;
}

.h-about {
   display: flex;
   padding-left: 1.21rem;
   margin-top: .8rem;
}

.h-about .project-name {
   display: none
}

.h-about-list {
   display: flex;
   align-items: flex-end
}

.h-about-content {
   background: #023459;
   color: #fff;
   padding: .5rem;
   margin-top: 1rem;
   width: 45%
}

.h-about-content h1 {
   font-size: .5rem;
}

.h-about-content section {
   font-size: .25rem;
   margin-top: .15rem;
   line-height: 200%;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 6;
}

.h-about-list span {
   display: block;
   width: 55%;
   height: 100%;
   overflow: hidden;
}

.h-about-list span em {
   width: 100%;
   height: 100%;
   display: block;
   transition: 0.5s;
}

.h-about-list span:hover em {
   transform: scale(1.1);
   transition: 0.5s;
}

.h-about-list span img {
   display: none;
}

.h-about-content a {
   width: 5.28rem;
   height: .95rem;
   background: url(../images/about_more.png);
   display: block;
   background-size: 100%;
   color: #fff;
   font-size: .25rem;
   padding: .2rem 0 0 1.4rem;
   margin-left: -1.35rem;
   margin-top: .5rem;
}

.h-about-content a:hover {
   background: url(../images/about_more_hover.png);
}

.application-area ul {
   display: flex;
}

.application-area ul li {
   flex: 1;
   background: #eee;
   text-align: center;
   padding: .3rem 0;
   border-right: 2px solid #fff;
   transition: 0.2s;
}

.application-area ul li:last-child {
   border: 0
}

.application-area ul li i {
   font-size: .65rem;
}

.application-area ul li h3 {
   font-size: .25rem;
   margin-top: .1rem;
}

.application-area ul li:hover,
.application-area ul li.current {
   background: #1d2087;
   color: #fff;
}

.application-area-content {
   height: 4rem;
   position: relative;
}

.application-area-content::after {
   content: '';
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.3)
}


.application-area-content section {
   padding: .25rem;
   background: rgba(255, 255, 255, .7);
   max-width: 4.6rem;
   position: relative;
   z-index: 5;
   margin-top: .4rem;
}

.application-area-content section h1 {
   font-size: .35rem;
   margin-bottom: .1rem;
}

.application-area-content section p {
   line-height: .28rem;
   font-size: .16rem;
}


.experience {
   background: url(../images/bg1.jpg) center no-repeat;
   background-size: cover;
   position: relative;
   padding-bottom: 1.2rem
}


.experience-title h1 {
   font-size: .35rem;
   margin: 1rem 0 .5rem
}

.experience-title h1:before {
   position: absolute;
   left: 0;
   top: 0;
   color: #f00;
   display: block;
   width: 10%;
   content: attr(data-content);
   overflow: hidden;
}

.experience-title h1 span {
   font-size: .5rem;
}

.experience-title h1::after {
   content: '';
   display: block;
   margin: .15rem 0 0 1.7rem;
   width: .7rem;
   height: 4px;
   background: #1d2087;
}

.experience-title p {
   font-size: .25rem;
   color: #5b5b5b
}

.experience .container {
   display: flex
}

.experience-list {
   width: 40%;
}

.experience video {
   width: 52%;
   position: absolute;
   right: 0;
   top: .8rem
}

.experience-list ul {
   display: flex;
   flex-wrap: wrap;
   margin-top: 1.7rem;
}

.experience-list li {
   width: 50%;
   font-size: .18rem;
   display: flex;
   align-items: center;
   margin-bottom: .5rem;
}

.experience-list li:nth-child(3),
.experience-list li:nth-child(4) {
   margin-bottom: 0;
}

.experience-list li i {
   font-size: .45rem;
   color: #1d2087;
   display: inline-block;
   margin-right: .15rem;
}


.news-center ul {
   display: flex;
   margin-bottom: .9rem;
}

.news-center ul li {
   position: relative;
   overflow: hidden;
   width: 32%;
   margin-right: .3rem;
}

.news-center ul li:last-child {
   margin: 0
}

.news-center ul li img {
   width: 100%
}

.news-center ul li section {
   padding: .3rem;
   position: absolute;
   bottom: -0.95rem;
   z-index: 99;
   color: #fff;
   transition: .5s;
   width: 100%
}

.news-center ul li section h1 {
   font-size: .25rem;
   margin-bottom: .3rem;
   width: calc(100% - 0.9rem);
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden
}

.news-center ul li section p {
   line-height: 180%;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
}

.news-center ul li:hover::after {
   content: '';
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, .5)
}

.news-center ul li:hover section {
   bottom: 30%
}

.news-center ul li span {
   border: 1px solid #fff;
   color: #fff;
   padding: 5px .15rem;
   position: absolute;
   bottom: .16rem;
   display: block;
   z-index: 9999;
   right: .2rem
}

.news-center ul li:hover span {
   border: 1px solid #1d2087;
   background: #1d2087;
   color: #fff
}

/**************底部**********/
footer {
   background: #2c2c2c;
}

footer .footer-contact {
   background: #dadada;
   width: 3.5rem;
   margin-top: -0.5rem;
   float: left;
}

footer .footer-contact section {
   padding: .2rem;
   font-size: .16rem;
}

footer .footer-contact section h1 {
   margin-bottom: .15rem;
   font-size: .25rem;
}

footer .footer-contact section p {
   margin-bottom: .1rem;
}

footer .footer-logo {
   background: #fff;
   padding: .2rem 0
}

footer .footer-nav {
   display: flex;
   color: #fff;
   padding: .4rem 0;
   line-height: .32rem;
   width: 60%;
   float: right;
   justify-content: space-between
}

footer .footer-nav ul {
   display: flex
}

footer .footer-nav ul dl {
   margin-left: .4rem;
   font-size: .16rem;
}

footer .footer-nav ul dl dt {
   font-size: .18rem;
   margin-bottom: .12rem
}

footer .footer-nav ul dl:nth-child(2n) {
   margin-top: .42rem;
}

footer .footer-nav ul dl dd {
   opacity: .6;
}

footer .footer-nav a {
   color: #fff
}

footer .footer-nav ul dl dd:hover {
   opacity: 1;
}

footer .wap-minnav {
   display: none !important
}

.min-banner {
   margin-top: .8rem;
   height: 4.5rem;
   display: flex;
   align-items: center;
   color: #fff;
   justify-content: center;
}

.min-banner h1 {
   font-size: .36rem;
   text-align: center
}

.min-banner h1 span {
   display: block;
   font-size: .25rem;
   font-weight: normal;
   margin-top: .1rem;
}

.about-floor1 {
   background: #e6e6e6;
   height: 6rem;
   position: relative;
}

.about-floor1 .about-img {
   max-width: 40%;
   position: absolute;
   left: 0;
   top: -0.6rem
}

.about-floor1-content {
   width: 5.9rem;
   margin-left: 40%;
   padding: .8rem 0 0
}

.about-floor1-content h1 {
   font-size: .32rem;
   margin-bottom: .3rem;
   font-family: PingFang sc Heavy;
}

.about-floor1-content p {
   font-size: .25rem;
   margin: 5px 0
}

.about-floor1-content p:before {
   content: '';
   width: 15px;
   height: 15px;
   background: #1d2087;
   display: inline-block;
   border-radius: 50%;
   margin-right: .1rem;
   vertical-align: middle
}

.about-floor1-content a {
   background: #1d2087;
   color: #fff;
   font-size: .18rem;
   padding: 8px .2rem;
   border-radius: 0 0 8px 0
}

.about-floor1-content section {
   margin: .3rem 0;
   line-height: .28rem;
}

.about-floor2 {
   padding-top: .8rem;
   padding-bottom: .8rem;
}

.about-floor2 .about-floor2-content {
   float: left;
   width: 48%
}

.about-floor2 .about-floor2-content h1 {
   font-size: .5rem;
   padding: .1rem 0;
   border-bottom: 1px solid #eee;
   color: #1d2087;
   font-family: PingFang sc Heavy;
   margin-bottom: .2rem;
}

.about-floor2 .about-floor2-content section {
   line-height: 180%;
   font-size: .22rem;
}

.about-floor2 img {
   float: right;
   width: 48%
}

.about_ad {
   height: 200px
}

.about-pro img {
   float: left
}

.about-pro .about-floor2-content {
   float: right
}

.tel-search {
   background: #eef2f5;
   padding: .2rem .3rem;
   margin: .3rem auto
}

.tel-search .pro-tel {
   font-size: .2rem;
}

.tel-search .pro-tel h1 {
   font-size: .25rem;
   display: inline-block;
   margin-right: 5px;
}

.pro-search input {
   background: #fff;
   display: block;
   height: .36rem;
   text-indent: .2rem;
   float: left;
   border: 0;
   width: 2rem;
}

.pro-search button {
   display: block;
   float: left;
   background: #1d2087;
   color: #fff;
   border: 0;
   padding: 0 .2rem;
   height: .36rem
}


.pro-content {
   display: flex;
   justify-content: space-between;
   margin-bottom: 1rem;
}

.pro-content .pro-menu {
   width: 20%
}

.pro-content .pro-menu h2 {
   font-size: .33rem;
   background: #1d2087;
   padding: .15rem .3rem;
   color: #fff
}

.pro-content .pro-menu ul {
   border: 1px solid #444
}

.pro-content .pro-menu ul li {
   padding: .15rem .2rem;
   border-bottom: 1px solid #444;
   font-size: .2rem;
   position: relative;
}

.pro-content .pro-menu ul li:last-child {
   border-bottom: 0
}

.pro-content .pro-menu ul li::before {
   content: '';
   display: inline-block;
   width: 3px;
   background: #fff;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0
}

.pro-content .pro-menu ul li:hover::before,
.pro-content .pro-menu .current::before {
   background: #1d2087;
}

.pro-content .pro-menu ul li:hover,
.pro-content .pro-menu .current a {
   color: #1d2087;
   font-weight: bolder;
}

.pro-content .pro-list {
   width: 76%
}

.pro-content-show {
   width: 76%;
   padding-bottom: .8rem
}

.pro-content .pro-list ul {
   width: 105%;
   display: flex;
   flex-wrap: wrap
}

.pro-content .pro-list li {
   width: 30%;
   text-align: center;
   margin: 0 .25rem .3rem 0
}

.pro-content .pro-list li section {
   background: #f2f2f2;
   padding: .2rem;
   text-align: left
}

.pro-content .pro-list li section h3 {
   font-size: .2rem;
}

.pro-content .pro-list li section p {
   margin: .15rem 0;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}

.pro-content .pro-list li span {
   display: block;
   padding: .4rem 0;
   background: linear-gradient(to right, #cacaca, #e6e6e6, #e6e6e6, #e6e6e6, #e6e6e6, #cacaca);
   border-radius: .15rem .15rem 0 0;
   position: relative;
}

.pro-content .pro-list li img {
   width: 85%
}

.pro-content .pro-list li span h2 {
   position: absolute;
   left: 0;
   right: 0;
   top: 40%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   color: #fff;
   transform: scale(0);
   transition: .3s;
   z-index: 5;
}

.pro-content .pro-list li span h2::before,
.pro-content .pro-list li span h2::after {
   content: '';
   display: inline-block;
   height: 2px;
   width: .5rem;
   background: #fff;
   margin: .1rem 0
}

.pro-content .pro-list li:hover span::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   border-radius: .15rem .15rem 0 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   background: rgba(0, 0, 0, .5);
}

.pro-content .pro-list li:hover span h2 {
   transform: scale(1.1);
}

.yingyong h1 {
   font-size: .45rem;
   border-bottom: 3px solid #1d2087;
   padding: .15rem 0;
   margin-top: .4rem;
}

.yingyong ul {
   width: 80%;
   margin: .8rem auto
}

.yingyong li {
   display: flex;
   padding: 0 .8rem;
   position: relative;
   margin: 1rem 0
}

.yingyong li:nth-child(2n) {
   flex-direction: row-reverse
}

.yingyong li::before {
   content: '';
   position: absolute;
   left: 0;
   top: .7rem;
   height: 3px;
   background: #1d2087;
   width: 100%;
}

.yingyong li section {
   padding: 0 0 0 .5rem;
   width: 55%
}

.yingyong li section h2 {
   font-size: .35rem;
   margin-bottom: .5rem;
}

.yingyong li section p {
   font-size: .25rem;
}

.yingyong li a {
   display: block;
   position: relative;
   z-index: 5;
   width: 45%;
   overflow: hidden
}

.yingyong li a img {
   width: 100%
}

.news-menu {
   background: #eef2f5;
   padding: .2rem 0
}

.news-menu ul {
   display: flex;
   align-items: center
}

.news-menu li {
   font-size: .25rem;
}

.news-menu li span {
   width: 1px;
   height: .28rem;
   background: #ddd;
   margin: 0 .2rem;
   display: inline-block;
   vertical-align: middle
}

.news-menu li a {
   padding: .22rem 0;
   border-bottom: 2px solid #fff
}

.news-menu li a:hover,
.news-menu .current {
   color: #1d2087;
   font-weight: bolder;
   border-bottom: 2px solid #1d2087
}

.news-menu li:last-child span {
   display: none
}

.news-list ul {
   padding: .8rem 0
}

.news-list li {
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid #ddd;
   padding-bottom: .3rem;
   margin-bottom: .3rem;
}

.news-list li:last-child {
   border: 0;
   margin-bottom: 0;
   padding-bottom: 0
}

.news-list li em {
   width: 38%;
   display: block
}

.news-list li em img {
   width: 100%
}

.news-list li section {
   width: 60%
}

.news-list li section h2 {
   font-size: .25rem;
   margin-top: .6rem;
}

.news-list li section p {
   font-size: .16rem;
   margin: .3rem 0;
   line-height: .3rem;
   overflow: hidden;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
}

.news-list li section span i {
   margin-right: 5px;
}

.news-list li section span {
   margin-right: .15rem;
}

.news-list li section .news-more {
   float: right;
   font-size: .16rem;
   border: 1px solid #ddd;
   display: block;
   padding: 5px .2rem;

}

.news-list li em {
   display: block;
   overflow: hidden;
}

.news-list li:hover h2 a {
   color: #1d2087
}


.news-content {
   line-height: 220%;
   padding-top: .8rem;
   padding-bottom: 1.2rem;
}

.news-list li:hover section .news-more {
   border: 1px solid #1d2087;
   background: #1d2087;
   color: #fff
}

.video-title {
   font-size: .35rem;
   padding-top: .4rem;
   padding-bottom: .4rem;
}

.video-title span {
   font-size: .2rem;
   margin-left: 5px;
}

.video-list{margin-bottom: .8rem;}

.video-list ul {
   width: 105%;
   display: flex;
   flex-wrap: wrap;
   
}

.video-list li {
   width: 30%;
   text-align: center;
   margin: 0 .25rem .3rem 0
}

.video-list li h3 {
   background: #f2f2f2;
   padding: .2rem;
   text-align: center;
   font-size: .2rem;
}


.video-list li span {
   display: block;
   padding: .4rem 0;
   background: linear-gradient(to right, #cacaca, #e6e6e6, #e6e6e6, #e6e6e6, #e6e6e6, #cacaca);
   border-radius: .15rem .15rem 0 0;
   position: relative;
}

.video-list li img {
   width: 85%
}

.video-list li span i {
   position: absolute;
   left: 0;
   right: 0;
   top: 50%;
   color: #fff;
   transform: scale(0);
   transition: .3s;
   z-index: 5;
}


.video-list li:hover span::before {
   content: '';
   display: block;
   position: absolute;
   top: 0;
   border-radius: .15rem .15rem 0 0;
   width: 100%;
   height: 100%;
   z-index: 2;
   background: rgba(0, 0, 0, .5);
}

.video-list li:hover span i {
   transform: scale(5);
}

.contact-map {
   display: flex;
   justify-content: space-between;
   margin: .8rem auto
}

.contact-map .contact-content {
   background: #1d2087;
   padding: .35rem;
   color: #fff;
   width: 35%;
}

.contact-map .map-show {
   width: 65%
}

.contact-map .contact-content span {
   text-align: center;
   display: inline-block;
   margin-top: .3rem;
}

.contact-map .contact-content h1 {
   margin-bottom: .15rem;
}

.contact-map .contact-content p {
   font-size: .16rem;
   line-height: .3rem;
}
.contact-map .contact-content p a{color:#fff}
.contact-map .contact-content img {
   width: 1.5rem;
   display: block;
   margin-bottom: .1rem;
}

#allmap {
   width: 100%;
   height: 5rem;
}


.n_grouppic {
   display: none
}

.new_info iframe{max-width:100%!important;}

@media screen and (max-width:1440px) {
   .application-area ul li i {
      font-size: .6rem;
   }

   .application-area ul li h3 {
      font-size: .22rem;
   }

   .experience-list ul {
      margin-top: .8rem;
   }

   .experience {
      padding-bottom: .8rem
   }

   .news-center ul li section p {
      -webkit-line-clamp: 2;
   }

   .h-about {
      padding-left: 1rem;
   }
}

@media screen and (max-width:1366px) {
   .experience-title h1 {
      margin: .8rem 0 0.5rem;
   }

   .experience-list {
      width: 45%
   }

   .experience video {
      top: .7rem
   }

   #statetab .tabcon .tabcon-text {
      width: 50%;
   }

   #statetab .tabcon .pro-img {
      width: 50%
   }
}

@media screen and (max-width:1280px) {
   .application-area ul li h3 {
      font-size: .18rem;
   }

   .application-area-content section {
      max-width: 5.5rem;
   }

   .experience-title p {
      font-size: .2rem;
   }

   .experience-title h1 {
      font-size: .3rem;
   }

   .project-name h1,
   .h-about-content h1,
   .experience-title h1 span,
   #statetab .tabcon .tabcon-text h1 {
      font-size: .4rem;
   }

   .experience-title h1::after {
      margin-left: 1.25rem;
   }

   .h-about-content section {
      font-size: .2rem;
      margin-top: 0;
   }

   .experience-list ul {
      margin-top: .6rem;
   }

   .banner .swiper-slide .swiper-slide_text h1 {
      font-size: .5rem;
   }

   .news-center ul li section {
      padding: .2rem
   }

   .news-center ul li section h1 {
      font-size: .18rem;
   }

   .news-center ul li section {
      bottom: -0.8rem
   }

   .news-center ul li section p {
      -webkit-line-clamp: 2;
   }

   .h-about-list span,
   .h-about-content {
      width: 50%;
   }
}

@media screen and (max-width:1024px) {
   .application-area ul li i {
      font-size: .4rem;
   }

   .application-area ul li h3 {
      font-size: .24rem;
   }

   .news-center ul li:hover section {
      bottom: 20%
   }

   .experience-title h1 {
      margin-bottom: .3rem;
   }

   .experience-list ul {
      margin-top: .3rem;
   }

   .experience-list li {
      margin-bottom: .2rem;
   }

   .experience-list {
      width: 50%
   }

   .experience video {
      width: 48%;
   }

   .experience-list li span {
      font-size: .14rem;
   }

   footer .footer-nav ul dl {
      margin-left: 0.15rem;
   }

   .n_grouppic {
      display: block
   }

   .product_size {
      display: none
   }
}

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

   body,
   button,
   input,
   select,
   textarea,
   .news-list li section p,
   .project-name p,
   .experience-title p,
   .application-area-content section p,
   .h-about-content section,
   #statetab .tabcon .tabcon-text p,
   footer .footer-contact section,
   footer .footer-nav ul dl,
   footer .footer-nav ul dl dt,
   footer .footer-nav ul dl,
   .pro-content .pro-menu ul li,
   .tel-search .pro-tel,
   .pro-content .pro-list li section h3,
   .yingyong li section p,
   .video-list li h3,
   .contact-map .contact-content p,
   .experience-list li span,
   .news-list li section .news-more,
   .news-center ul li section h1,
   .pro-more,
   .project-name a,
   .h-about-content a,
   .sjj_nav ul li,
   .about-floor1-content a,
   .about-floor2 .about-floor2-content section
   {
      font-size: 0.24rem;
   }

   ::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 0;
      height: 0;
   }

   nav,
   .footer-help footer .footer-code p::before,
   .product-list ul li:last-child,
   .h-about-content h1,
   footer .pc-minnav {
      display: none !important
   }

   .sp_nav,
   .sjj_nav,
   .h-about .project-name,
   footer .wap-minnav {
      display: block !important;
   }

   header {
      height: auto;
      line-height: inherit;
      padding: .15rem 0
   }

   header .logo {
      height: .65rem;
      margin-top: 0;
   }

   .sp_nav {
      margin-top: .15rem;
   }

   .sp_nav_se span {
      background: #fff
   }

   .banner .swiper-slide .swiper-slide_text p {
      line-height: .45rem;
      font-size: .25rem;
   }

   .banner .swiper-slide .swiper-slide_text h1 {
      font-size: .4rem;
   }

   #statetab .tabcon {
      padding: .3rem
   }

   #statetab .tabcon .tabcon-text h1 {
      font-size: .3rem;
   }

   .application-area ul li h3 {
      font-weight: normal
   }

   .products-center ul {
      overflow-x: auto
   }

   .h-about-content a {
      background: none;
      width: auto;
      display: table;
      border: 1px solid #fff;
      margin-left: 0;
      padding: 5px .2rem;
      height: auto;
   }

   .h-about {
      padding-left: .15rem;
      padding-right: .15rem;
      display: block;
      margin-top: 0;
   }

   .h-about-list {
      flex-direction: column
   }

   .h-about-content,
   .h-about-list span {
      width: 100%;
   }

   .h-about-list span em {
      display: none
   }

   .h-about-list span img {
      display: block;
      width: 100%
   }

   .h-about .project-name {
      padding-left: .15rem;
      padding-right: .15rem
   }

   .h-about-content {
      margin-top: 0;
      padding: .3rem
   }

   .products-center ul li {
      font-size: .2rem;
      padding: .15rem;
      flex-basis: inherit;
      flex: 1;
      width: inherit;
   }


   .products-center ul li img {
      width: 90%;
   }

   .application-area ul {
      flex-wrap: wrap
   }

   .application-area ul li {
      width: 20%;
      flex-basis: 20%;
      padding: .15rem 0;
      margin-bottom: 2px;
   }

   .application-area ul li i {
      font-size: .45rem;
   }

   .application-area ul li:nth-child(5) {
      border: 0
   }

   .application-area .project-name {
      text-align: center
   }

   .experience .container {
      display: block
   }

   .experience-list {
      width: 100%;
   }

   .experience video {
      position: relative;
      width: 100%;
   }

   .experience-title h1 {
      margin-top: 0;
      padding-top: .5rem;
      text-align: center
   }

   .application-area-content section {
      max-width: 100%
   }

   .experience-title h1::after {
      margin: .15rem auto
   }

   .experience-list ul {
      margin-top: .5rem;
   }

   .experience video {
      top: inherit;
      margin-top: .5rem;
   }

   .news-center ul {
      flex-direction: column
   }

   .news-center ul li {
      width: 100%;
      margin-right: 0;
      margin-bottom: .2rem;
   }

   .news-center ul li section {
      bottom: -0.2rem
   }

   .news-center ul li section p {
      display: none
   }


   footer .footer-contact,
   footer .footer-nav {
      float: none;
      width: 100%;
   }

   footer .footer-nav {
      flex-direction: column
   }

   footer .footer-nav ul dl {
      width: 100%;
      line-height: .4rem;
	  margin-left:0;
   }

   footer .footer-nav ul dl dd {
      display: inline-block;
      margin-right: .1rem;
   }

   footer .footer-nav ul {
      margin-bottom: .2rem;
      display: block;
   }

   footer .footer-nav ul dl:nth-child(2n) {
      margin-top: 0;
   }

   .pro-content .pro-list li:hover span h2 {
      transform: scale(1)
   }

   .min-banner {
      height: 3.2rem
   }

   .tel-search .pro-tel,
   .pro-search {
      float: none
   }

   .tel-search .pro-tel {
      margin-bottom: .2rem;
      display: block
   }

   .pro-search {
      width: 100%
   }

   .pro-search input {
      width: calc(100% - 1rem);
      height: .5rem;
   }

   .pro-search button {
      height: .5rem
   }

   .pro-content {
      flex-direction: column
   }

   .pro-content .pro-menu {
      width: 100%;
   }

   .pro-content .pro-menu ul {
      border: 0;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      padding: .2rem 0;
   }

   .pro-content .pro-menu ul li {
      width: 48%;
      border: 1px solid #ddd;
      margin: .1rem 0 0
   }

   .pro-content .pro-menu ul li:last-child {
      border: 1px solid #ddd;
   }

   .pro-content .pro-list {
      width: 100%;
   }

   .pro-content .pro-list ul {
      width: 100%;
      justify-content: space-between
   }

   .pro-content .pro-list li {
      width: 48%;
      margin-right: 0;
   }

   .about-floor1-content {
      width: 100%;
      margin-left: 0;
   }

   .about-floor1 .about-img {
      right: 0;
      left: inherit;
      transform: scaleX(-1);
      display: block
   }

   .about-floor2 .about-floor2-content,
   .about-floor2 img {
      float: none;
      width: 100%;
   }

   .about-floor2 img {
      margin-top: .2rem;
   }

   .about_ad,
   .news_description span {
      display: none
   }

   .about-floor2 {
      padding-bottom: 0;
   }

   .about_ad+.about-floor2 {
      padding-bottom: .5rem;
      margin-bottom: 0.5rem;
   }

   .yingyong ul {
      width: 100%;
   }

   .yingyong li {
      padding: 0
   }

   .yingyong li section {
      width: 50%;
   }

   .yingyong li section {
      padding: 0
   }

   .yingyong li {
      justify-content: space-between
   }

   .yingyong li a,
   .yingyong li section {
      width: 48%
   }

   .video-list ul {
      width: 100%;
      justify-content: space-between
   }

   .video-list li {
      width: 48%;
      margin-right: 0;
   }

   .news-list li {
      flex-direction: column
   }

   .news-list li em,
   .news-list li section {
      width: 100%;
   }

   .news-list li section h2 {
      margin-top: .3rem;
   }

   .news-list ul {
      padding: .5rem 0;
      margin-bottom: .5rem;
   }

   .news-menu ul {
      justify-content: center
   }

   .contact-map .contact-content p {
      line-height: .45rem
   }

   .contact-map {
      margin: .5rem 0;
      padding-bottom: .5rem;
      flex-direction: column
   }

   .contact-map .contact-content,
   .contact-map .map-show {
      width: 100%;
      text-align: center;
   }

   #allmap {
      height: 5rem
   }

   .contact-map .contact-content span {
      margin: .3rem auto 0
   }

   footer .footer-logo img {
      max-width: 50%
   }

   #statetab .tabcon .pro-img {
      width: 42%;
   }

   #statetab .tabcon .tabcon-text {
      width: 56%;
   }

   .experience-list li span,
   .news_description section,
   .news-list li section p {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
   }

   .news_description {
      padding: 10px !important;
      line-height: .4rem
   }

   .yingyong li section p {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      line-height: .4rem
   }

   .yingyong li section h2 {
      margin-bottom: 0.4rem
   }

   .news-list li section p {
      margin: .2rem 0;
      line-height: .4rem;
      color: #666
   }

   .pro-content-show {
      width: 100%
   }

   .n_grouppic img {
      width: 100%
   }

   .news_time i,
   .news_hits i,
   .news_ziti {
      display: none
   }

   .banner .swiper-slide .swiper-slide_text {
      height: 35vh
   }

   .experience-title p,
   .project-name p {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
   }

   .application-area-content section p {
      line-height: .4rem
   }

   .project-name>div.float-left {
      width: 60%
   }

   .experience-list li i {
      font-size: .6rem
   }

   .contact-map .contact-content img {
      width: 2rem;
   }
   .about-floor2 .about-floor2-content h1{font-size:.4rem}
   .about-floor2 .about-floor2-content section{line-height:200%}
   .about-floor1-content section{line-height:.4rem}
   .about-floor1{padding-bottom:.4rem; height:auto}
   
   .xgchanpin_m{display:flex; flex-wrap:wrap; justify-content:space-between}
   .xgchanpin_m a{width:48%!important; float:none!important; margin:15px 0 0!important}
    .xgchanpin_m a h2{font-size:.24rem}
	.new_info iframe{width:100%!important; height:300px!important}
}