@charset "utf-8";
body{ margin:0px; padding:0px; font-family:"微软雅黑"; color:#555;}
h1,h2,h3,h4,h5,h6,ul,dl,dd,dt,ol,div,form,img{ margin:0px; padding:0px; border:0px;}
ul li { list-style: none; }
ul li::marker { display: none; }
p { margin: 0; }
a { color: #333333; text-decoration: none; }
a:hover { text-decoration: none; color: var(--theme-color); }
a:focus { outline: none !important; }
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.m10{height:10px;}
.not-animated{opacity:0;}
:root { scroll-behavior: unset; }

@font-face { font-family: "MiSans-ExtraLight"; src: url("MiSans-ExtraLight.ttf") format("truetype"); font-weight: bold; font-style: normal; }
body { color: #222222; --theme-red:#e80125; --theme-color: #1d74bb; --theme-bgcolor:#e0d3c8; --theme-green:#8eb031; }
body.active .scroll-down-icon { opacity: 1; bottom: 60px; }
body.active .scroll-down-icon .circle::before { -webkit-animation: upDown 2s ease-in-out infinite; -o-animation: upDown 2s ease-in-out infinite; animation: upDown 2s ease-in-out infinite; }
body.active .scroll-down-icon.hide { opacity: 0; }
@media (max-width: 1399.98px) { body.active .scroll-down-icon { display: none; } }

@media (min-width: 1680px) { .container, .container-xl { max-width: 1440px; } }
@keyframes upDown { 0% { opacity: 0.1; transform: translateY(-30px); }
  50% { opacity: 1; transform: translateY(50%); }
  100% { opacity: 0.1; transform: translateY(30px); } }
@keyframes text-active-animation { from { opacity: 0; filter: Alpha(opacity=0); -webkit-transform: translateY(50px); transform: translateY(50px); }
  to { opacity: 1.0; filter: Alpha(opacity=100); -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes text-fade-out { from { opacity: 1.0; filter: Alpha(opacity=100); }
  to { opacity: 0; filter: Alpha(opacity=0); } }
.ms-preloader { width: 100%; height: 100%; position: fixed; z-index: 9999999; top: 0; left: 0; opacity: 1; visibility: visible; background-color: #151515; }

.header {-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2); background-color: #ffffff; position: sticky; width: 100%; z-index: 1040; --header-height:100px; --nav-width:70%; top: 0; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; --logo-width:270px; }
.header .header-wrap { width: 93%; margin: 0 auto; height: var(--header-height); -webkit-transition: height .5s; -moz-transition: height .5s; -ms-transition: height .5s; -o-transition: height .5s; transition: height .5s; }
.header .header-wrap .logo { width: var(--logo-width); max-width: 100%; }
.header .header-wrap .logo img { -webkit-transition: height .5s; -moz-transition: height .5s; -ms-transition: height .5s; -o-transition: height .5s; transition: height .5s; max-width: 115%; object-fit: contain; }
.header .header-wrap .nav { width: var(--nav-width); margin: 0 3rem; flex: 1; }
.header .header-wrap .nav li { flex: 1; text-align: center; position: relative; }
.header .header-wrap .nav li::after { content: ''; display: block; position: absolute; width: 60%; margin: auto; left: 0; right: 0; bottom: 0; height: 2px; background-color: var(--theme-color); -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); }
.header .header-wrap .nav li.active::after, .header .header-wrap .nav li:hover::after { -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); }
.header .header-wrap .header-tools { color: #333333; }
.header .header-wrap .header-tools svg path { fill: currentColor; }
.header .header-wrap .header-tools a { color: #333333; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.header .header-wrap .header-tools .item { margin-bottom: 0; position: relative; }
.header .header-wrap .header-tools .item:nth-child(2) { margin-left: 10px; padding-left: 10px; }
.header .header-wrap .header-tools .item .item-title { -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.header .header-wrap .header-tools .item .item-title a, .header .header-wrap .header-tools .item .item-title svg, .header .header-wrap .header-tools .item .item-title span { display: inline-block; vertical-align: middle; font-weight: normal; color: #0057be; font-size: 24px;}
.header .header-wrap .header-tools .item .item-sub { position: absolute; display: none; width: 100%; z-index: 100; }
.header .header-wrap .header-tools .item .item-sub ul { padding: 8px; background-color: #fff; width: 100%; margin-top: 10px; text-align: center; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); position: relative; border: 1px solid var(--theme-color); }
.header .header-wrap .header-tools .item .item-sub ul::before { content: ''; display: block; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: var(--theme-color); position: absolute; top: -10px; left: 0; right: 0; margin: auto; }
.header .header-wrap .header-tools .item .item-sub ul li { font-size: 14px; line-height: 36px; }
.header .header-wrap .header-tools .item .item-sub ul li a:hover { color: var(--theme-color); }
.header .header-wrap .header-tools .item:hover .item-title { color: var(--theme-color); }
@media (min-width: 1280px) { .header.header-white:not(:hover) .header-wrap .logo img { filter: contrast(0) grayscale(100%) brightness(100); -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .header.header-white:not(:hover) .header-wrap .nav li > a { color: #ffffff; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
  .header.header-white:not(:hover) .header-wrap .header-tools { color: #ffffff; }
  .header.header-white:not(:hover) .header-wrap .header-tools a { color: #ffffff; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; } }
.header.header-min { --header-height: 70px; -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05); }
.header.header-min .header-wrap .logo img { height: 60px; }
@media (max-width: 1399.98px) { .header { --logo-width: 230px; } }
@media (max-width: 991.98px) { .header { background-color: #ffffff !important; --header-height:80px; --logo-width:200px; }
  .header .header-wrap .logo img { filter: none !important; } }
@media (max-width: 575.98px) { .header { --header-height:60px; --logo-width:50%; }
  .header .header-wrap .logo img { height: 42px; }
  .header.header-min { --header-height:60px; } }
.dropdown-nav { position: absolute; width: 100%; height: 400px; display: none; background: url("../images/dropdown.jpg") left center/cover no-repeat #fbfbfb; left: 0; overflow: hidden; z-index: 99; }
@media (max-width: 1199.98px) { .dropdown-nav { background-size: 50% 100%; } }
@media (min-width: 1680px) { .dropdown-nav .container { max-width: 1320px; } }
.dropdown-nav .nav-rightbar { flex: 0 0 auto; width: 28%; position: relative; }
.dropdown-nav .nav-rightbar::before { content: ''; display: block; position: absolute; width: 50vw; height: 100%; top: 0; left: 0; background: url("../images/dropdown-bg.jpg") left/cover no-repeat; }
.dropdown-nav .nav-rightbar .right-wrap { z-index: 2; position: relative; z-index: 2; height: 100%; color: #ffffff; padding-left: 3vw; }
.dropdown-nav .nav-rightbar .right-wrap a { color: #ffffff; -webkit-transition: color .3s; -moz-transition: color .3s; -ms-transition: color .3s; -o-transition: color .3s; transition: color .3s; }
.dropdown-nav .nav-rightbar .right-wrap p { font-size: 26px; line-height: 2; }
.dropdown-nav .nav-rightbar .right-wrap ul { margin-top: 1rem; }
.dropdown-nav .nav-rightbar .right-wrap ul li a { font-size: 18px; line-height: 2.5; display: block; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.dropdown-nav .nav-rightbar .right-wrap ul li a:hover { opacity: .8; }
.dropdown-nav .nav-rightbar .right-wrap ul li a:hover::after { content: ''; }
.dropdown-nav .nav-rightbar .right-wrap .nav-contact { margin-top: 1rem; }
.dropdown-nav .nav-rightbar .right-wrap .nav-contact .contact-title svg { width: 24px; height: 24px; }
.dropdown-nav .nav-rightbar .right-wrap .nav-contact .contact-title svg path { fill: #ffffff; }
.dropdown-nav .nav-rightbar .right-wrap .nav-contact .contact-title span { font-size: 14px; }
.dropdown-nav .nav-rightbar .right-wrap .nav-contact .contact-number { font-size: 24px; font-weight: bold; line-height: 2; }
.dropdown-nav .nav-container { flex: 0 0 auto; width: 62%; }
.dropdown-nav .nav-container .child-item { display: none; height: 100%; }
.dropdown-nav .nav-container .child-item .item-info-wrap { padding-right: 5%; height: 100%; }
.dropdown-nav .nav-container .child-item .item-info-wrap .info-title { color: #333; padding-top: 1rem; font-size: 28px; }
.dropdown-nav .nav-container .child-item .item-info-wrap .info-desc { line-height: 2; color: #666666; }
.dropdown-nav .nav-container .child-item .item-info-wrap ul { margin-top: 1rem; }
.dropdown-nav .nav-container .child-item .item-info-wrap ul li a { line-height: 2; padding: 1rem .5rem; border-bottom: 1px solid #d3dee2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dropdown-nav .nav-container .child-item .item-info-wrap ul li a::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 12px; width: 5px; height: 5px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-color: var(--theme-color); }
.dropdown-nav .nav-container .child-item .item-info-wrap ul li:hover a::before { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); border-radius: 50%; }
.dropdown-nav .nav-container .child-item .item-info-wrap ul li a { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; display: inline-block; vertical-align: middle; flex: 1; }
.dropdown-nav .nav-container .child-item .child-nav .nav-item { padding: 0 1.5%; }
.dropdown-nav .nav-container .child-item .child-nav .nav-item .item-img { overflow: hidden; }
.dropdown-nav .nav-container .child-item .child-nav .nav-item .item-img .img-wrap img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.dropdown-nav .nav-container .child-item .child-nav .nav-item .item-name { color: #333333; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.dropdown-nav .nav-container .child-item .child-nav .nav-item:hover .item-name { color: var(--theme-red); }
.dropdown-nav .nav-container .child-item.active { display: block; }
.dropdown-nav .nav-container .child-item.item-3 .child-nav .nav-item .item-img { width: 60px; margin: 0 auto; }
.dropdown-nav .nav-container .child-item.item-3 .child-nav .nav-item:hover .item-img img { -webkit-animation: swing 1 1s linear; -o-animation: swing 1 1s linear; animation: swing 1 1s linear; }
@media (max-width: 1199.98px) { .dropdown-nav .nav-rightbar { width: 27%; }
  .dropdown-nav .nav-container { width: 73%; } }
@media (max-width: 1399.98px) { .dropdown-nav .nav-rightbar { width: 20%; }
  .dropdown-nav .nav-container { width: 80%; } }

.more-icon { width: 40px; height: 40px; margin: auto; left: 0; right: 0; display: flex; justify-content: center; align-items: center; background: #eee; border-radius: 50%; top: 0; bottom: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.more-icon svg { width: 40%; height: 40%; fill: #666; }
.more-icon:hover { background-color: var(--theme-color); }
.more-icon:hover svg { fill: #ffffff; }

.mask { top: 100px; display: none; position: fixed; height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.4); z-index: 88; }

.menu-icon { width: 80px; height: 80px; color: var(--theme-color); position: relative; cursor: pointer; }
.menu-icon span { position: absolute; width: 50%; height: 2px; color: var(--theme-color); background-color: CurrentColor; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin: auto; left: 0; right: 0; top: 0; bottom: 0; }
.menu-icon span::before, .menu-icon span::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: absolute; content: ''; display: block; width: 100%; height: 2px; background-color: CurrentColor; }
.menu-icon span::before { top: 600%; }
.menu-icon span::after { bottom: 600%; }
.menu-icon.open span { background-color: unset; }
.menu-icon.open span::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
.menu-icon.open span::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0; }
@media (max-width: 575.98px) { .menu-icon { position: absolute; right: 0; width: 56px; height: 56px; }
  .menu-icon span::before { top: 500%; }
  .menu-icon span::after { bottom: 500%; } }

.mobile-nav { z-index: 9; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: fixed; background-color: #333; width: 100%; height: 100%; top: 60px; left: 0; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
.mobile-nav .nav-wrap { padding: 1rem 2rem; height: 100%; }
.mobile-nav dl { margin-bottom: 0; }
.mobile-nav dl a { color: #f8f8f8; }
.mobile-nav dl dt { position: relative; padding: .5rem; }
.mobile-nav dl dt a { line-height: 2; display: block; width: 80%; margin-right: 2rem; font-weight: normal; }
.mobile-nav dl dt.has-child::after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.mobile-nav dl dd { display: none; padding-left: 1rem; }
.mobile-nav dl dd ul { margin-bottom: 0; line-height: 2; margin-top: 5px; list-style: inside circle; color: #fff; }
.mobile-nav dl dd ul li::before { content: ''; display: inline-block; width: 5px; height: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.7); vertical-align: middle; margin-right: 3px; }
.mobile-nav dl dd ul li a { font-size: 14px; opacity: .7; vertical-align: middle; display: inline-block; }
.mobile-nav dl.active dt::before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.mobile-nav dl.active dt::after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.mobile-nav dl.active dt.has-child a { color: var(--theme-color); }

.mobile-nav dt.has-child::before, .mobile-nav dt.has-child::after { content: ''; position: absolute; width: 1rem; height: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-bottom: 1px solid #d3d3d3; right: .5rem; margin: auto; top: 0; bottom: 0; }

.open-menu.header { background-color: rgba(255, 255, 255, 0.95); }

.open-menu ~ .mobile-nav { -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); transform: translate(0); }

.swiper-slide img{
    width:100%;
    height:auto;
    min-height:100%;
    transition:1s linear 2s;
    transform:scale(1.1,1.1);
    }
  .swiper-slide-active img,.swiper-slide-duplicate-active img{
    transition:6s linear;
    transform:scale(1,1);
    }

/*内页banner*/
.sbanner-box { height: 420px; }
.sbanner-box .sbanner-wrap { height: 100%; padding-bottom: 3%; }
.sbanner-box .sbanner-wrap .sbanner-name { position: relative; color: #ffffff; }
.sbanner-box .sbanner-wrap .sbanner-name span { font-size: 56px; position: relative; z-index: 2; }
.sbanner-box .sbanner-wrap .sbanner-name .en-name { font-size: 22px; text-transform: capitalize; }
.sbanner-box .sbanner-wrap .sbanner-desc { color: #ffffff; line-height: 2; }
@media (max-width: 991.98px) { .sbanner-box { height: 280px; }
  .sbanner-box .sbanner-wrap .sbanner-name::before { font-size: 66px; }
  .sbanner-box .sbanner-wrap .sbanner-name span { font-size: 26px; } }
@media (max-width: 575.98px) { .sbanner-box { height: 220px; }
  .sbanner-box .sbanner-wrap .sbanner-name::before { font-size: 56px; }
  .sbanner-box .sbanner-wrap .sbanner-name span { font-size: 22px; } }

/*栏目导航*/
.location-box { border-bottom: 1px solid #ebebeb; --location-height:80px; }
.location-box .location-box-wrap { line-height: 2; height: var(--location-height); }
.location-box .location-box-wrap .channel-nav li { margin-right: 15px; padding: 0 1.5rem; -webkit-transition: background-color .5s; -moz-transition: background-color .5s; -ms-transition: background-color .5s; -o-transition: background-color .5s; transition: background-color .5s; list-style: none; position: relative; overflow: hidden; }
.location-box .location-box-wrap .channel-nav li::before { content: ''; display: inline-block; vertical-align: middle; margin-right: 8px; width: 4px; height: 15px; background-color: var(--theme-color); -webkit-transform: skewX(-10deg); -moz-transform: skewX(-10deg); -ms-transform: skewX(-10deg); -o-transform: skewX(-10deg); transform: skewX(-10deg); position: absolute; margin: auto; top: 0; bottom: 0; left: -10px; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; opacity: 0; }
.location-box .location-box-wrap .channel-nav li::marker { display: none; }
.location-box .location-box-wrap .channel-nav li a { -webkit-transition: color .5s; -moz-transition: color .5s; -ms-transition: color .5s; -o-transition: color .5s; transition: color .5s; color: #333333; line-height: var(--location-height); }
.location-box .location-box-wrap .channel-nav li.active::before, .location-box .location-box-wrap .channel-nav li:hover::before { left: 7px; opacity: 1; }
.location-box .location-box-wrap .channel-nav li.active a, .location-box .location-box-wrap .channel-nav li:hover a { color: var(--theme-color); }
@media (min-width: 1400px) { .location-box .location-box-wrap .channel-nav li { font-size: 18px; } }
@media (max-width: 1199.98px) { .location-box .location-box-wrap { height: 70px; } }
@media (max-width: 991.98px) { .location-box .location-box-wrap { height: 60px; } }


.aboutus{background:url(../images/aboutus.png) no-repeat top center; height: 820px; padding-top: 100px; text-align: center;}
@media (width: 2560px) {
  .aboutus{background:url(../images/aboutus.png) no-repeat bottom center; background-size: 100%;}
}
.aboutus_t{color: #0057BE; font-size: 3rem; font-weight: 700; }
.aboutus_b{font-size: 2.25rem; color: #303133; font-weight: 500; margin: 20px 0;}
.aboutus_b span{color: #0057BE; font-size: 2.25rem; font-weight: 500;}
.aboutus_c{width: 76.6875rem; margin:0 auto; font-size: 1.0625rem; font-weight: 400; line-height: 2.0rem; color: #606266}
.aboutus_c p{text-indent: 0em; line-height: 2.0rem; margin: 0; padding: 0;}
.aboutus_ys{width: 900px; margin: 45px auto 60px auto;}
.aboutus_ys ul li{float: left;}
.aboutus_ys ul li .aboutus_ys_l{float: left; margin-top: 10px;}
.aboutus_ys ul li .aboutus_ys_r{float: left; margin-left: 15px;}
.aboutus_ys ul li .aboutus_ys_r .aboutus_ys_rt{color: #0057BE; font-size: 1rem; font-weight: 700; letter-spacing: 0.02rem; z-index: 99;}
.aboutus_ys ul li .aboutus_ys_r .aboutus_ys_rc{text-align:left; z-index: 999; margin-top: -18px; color: #0057BE; font-size: 2.875rem; font-weight: 600; line-height: 3.25rem;}
.aboutus_ys ul li .aboutus_ys_r .aboutus_ys_rb{text-align:left; color: #606266; font-size: 1rem; font-weight: 400;line-height: 1.25rem; letter-spacing: 0.02rem}
.aboutus_more{width: 9.375rem; height: 3.125rem; line-height: 3.125rem; margin: 0 auto; border-radius: 1.5625rem; background: #44B036; }
.aboutus_more a{color: #FFF; font-size: 1.0rem; font-weight: 400;}
.aboutus_more a:hover{font-weight: bold;}

/*产品中心*/
.cpzx{width: 1366px; margin: 100px auto;}
.cpzx_t{}
.cpzx_tl{float: left;}
.cpzx_tl_t{color: #0057BE; font-size: 3rem; font-weight: 700;}
.cpzx_tl_c{margin-top: 15px; color: #909399; font-size: 1.0625rem; font-weight: 400; line-height: 1.75rem; letter-spacing: 0.02125rem;}
.cpzx_tr{float: right; margin-top: 35px;}
.cpzx_tr a{width: 8.75rem; text-align: center; height: 3.125rem; line-height: 3.125rem; border-radius: 1.5625rem;  display: block; background: #44B036; color: #FFF; font-size: 1.0rem; font-weight: 400;}
.cpzx_tr a:hover{font-weight: bold;}
.cpzx_c{margin: 20px auto;}
.cpzx_c ul li{float: left; width: 425px; margin-top: 40px; margin-right: 40px; text-align: center;}
.cpzx_c ul li .cpzx_ct img{width: 425px; height: 354px; border-radius: 1rem; margin-bottom: 20px;}
.cpzx_c ul li .cpzx_cc a{color: #303133; font-size: 1.25rem; font-weight: 500;}
.cpzx_c ul li .cpzx_cc a:hover{color: #0057BE;}
.cpzx_c ul li:nth-child(3n){margin-right: 0;}

/*言赫五大优势*/
.yhys_t{width: 1366px; margin: 0 auto;}
.cpzx_tl_b{font-size: 2.25rem; color: #303133; font-weight: 500; margin-top: 15px;}
.cpzx_tl_b span{color: #0057BE; font-size: 2.25rem; font-weight: 500;}
.yhys_c{margin-top: 70px;}
.yhys_c ul li{width: 20%; height: 47.0625rem; float: left; text-align: center; transition: 0.36s;}
.yhys_c ul li.yhys_c1{background: url(../images/ys1.png) no-repeat top center; background-size: cover; height: 47.0625rem;}
.yhys_c ul li .yhys_ct{width: 100px; margin: 70px auto 20px auto; transition: 0.36s;}
.yhys_c ul li .yhys_ct img{max-width: 100px; max-height: 100px;}
.yhys_c ul li .yhys_cc{color: #fff; font-size: 1.5rem;font-weight: 600;line-height: 2.1875rem; } 
.yhys_c ul li .yhys_cb{width: 20.375rem; margin: 20px auto; color: #FFF;font-size: 0.9375rem;font-weight: 400;line-height: 1.4375rem; letter-spacing: 0.01875rem;}
.yhys_c ul li.yhys_c2{background: url(../images/ys2.png) no-repeat top center; background-size: cover; height: 47.0625rem;}
.yhys_c ul li.yhys_c3{background: url(../images/ys3.png) no-repeat top center; background-size: cover; height: 47.0625rem;}
.yhys_c ul li.yhys_c4{background: url(../images/ys4.png) no-repeat top center; background-size: cover; height: 47.0625rem;}
.yhys_c ul li.yhys_c5{background: url(../images/ys5.png) no-repeat top center; background-size: cover; height: 47.0625rem;}
.yhys_c ul li:hover{cursor: pointer; opacity: 0.6;}
.yhys_c ul li:hover .yhys_ct{transform: translateY(-10%);}

/*合作伙伴*/
.hz{height: 730px; background: #F5F6F8; padding-top: 100px;}
.hz_c{width: 1366px; margin: 0 auto; height: 664px; background: url(../images/vector.png) no-repeat top center; }
.hz_cl{width: 540px; float: left;}
.hz_cl_t{color: #0057BE; font-size: 3rem; font-weight: 700;}
.hz_cl_c{color: #606266; font-size: 2.0rem; font-weight: 500; margin-top: 50px;}
.hz_cl_c span{color: #0057BE;}
.hz_cl_b{color: #909399; font-size: 1.0625rem; font-weight: 400; margin-top: 30px;}
.hz_cl_more{margin-top: 100px; width: 9.375rem; height: 3.125rem; line-height: 3.125rem; text-align: center; border-radius: 1.5625rem; background: #44B036; }
.hz_cl_more a{color: #FFF; font-size: 1.0rem; font-weight: 400;}
.hz_cl_more a:hover{font-weight: bold;}
.hz_cr{width: 800px; float: right; margin-top: 30px;}
.hz_cr ul li{float:left; width: 170px; height: 100px; background: #fff; border-radius: 0.5rem; border: 1px solid #EBEEF5; margin: 15px 15px;}
.hz_cr ul li img{max-width: 160px; min-height: 58px; margin-top: 21px; margin-left: 5px;}
.hz_cr ul li:nth-child(4n){margin-right: 0;}

/*新闻动态*/
.xw{width: 1366px; margin: 90px auto;}
.xw_l{width: 590px; float: left; margin-top: 50px;}
.xw_lt{height: 370px;}
.xw_lt img{width: 590px; height: 370px; border-radius: 8px;}
.xw_lc{font-size: 1.0625rem; font-weight: 500; margin: 15px 0;}
.xw_lc a{color: #303133; }
.xw_lc a:hover{color: #0057BE;}
.xw_lm{color: #909399; font-size: 0.9375rem; font-weight: 400; line-height: 1.5rem;}
.xw_lb{color: #909399; font-size: 0.9375rem; font-weight: 400; margin-top: 10px; background: url(../images/data.png) left center no-repeat; padding-left: 23px; background-size: 18px 18px;}
.xw_r{width: 710px; float: right; margin-top: 27px;}
.xw_r ul li{border-bottom: 1px #E4E7ED solid; padding: 10px 0;}
.xw_r ul li .xw_rt{font-size: 1.0625rem; font-weight: 500; margin: 5px 0;}
.xw_r ul li .xw_rc{color: #909399; font-size: 0.9375rem; font-weight: 400; line-height: 1.5rem;}
.xw_r ul li .xw_rb{color: #909399; font-size: 0.9375rem; font-weight: 400; margin-top: 10px; background: url(../images/data.png) left center no-repeat; padding-left: 23px; background-size: 18px 18px;}
.xw_r ul li:nth-child(4n){border-bottom: 0px;}

/*底部*/
.footer { background: url("../images/footer-bg.jpg") top/cover no-repeat; }
.footer .footer-top { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 2.65% 0; }
@media (max-width: 767.98px) { .footer .footer-top .footer-logo img { height: 52px; } }
@media (max-width: 575.98px) { .footer .footer-top .footer-logo img { height: 46px; } }
.footer .footer-top .company-links { color: #ffffff; }
.footer .footer-top .company-links a { color: #ffffff; }
.footer .footer-top .company-links .link-label { margin-right: 5px; }
.footer .footer-top .company-links .link-list a { -webkit-transition: color .5s; -moz-transition: color .5s; -ms-transition: color .5s; -o-transition: color .5s; transition: color .5s; }
.footer .footer-top .company-links .link-list a span { display: inline-block; vertical-align: middle; }
.footer .footer-top .company-links .link-list a:not(:last-child)::after { content: ''; display: inline-block; vertical-align: middle; width: 2px; height: 14px; background-color: #ffffff; margin-left: 10px; margin-right: 8px; }
.footer .footer-top .company-links .link-list a:hover { color: var(--theme-green); }
@media (max-width: 767.98px) { .footer .footer-top .company-links { font-size: 16px; } }
@media (max-width: 575.98px) { .footer .footer-top .company-links { font-size: 13px; } }
.footer .footer-middle { padding: 3% 0; }
.footer .footer-nav { width: 80%; }
.footer .footer-nav .nav-item { flex: 1; }
.footer .footer-nav .nav-item dt { line-height: 32px; font-size: 16px; color: #ffffff; font-weight: normal; -webkit-transition: color .5s; -moz-transition: color .5s; -ms-transition: color .5s; -o-transition: color .5s; transition: color .5s; margin-bottom: 0; }
.footer .footer-nav .nav-item dt::after { content: ''; display: block; width: 2rem; height: 2px; background-color: var(--theme-green); margin: .625rem 0; -webkit-transition: background-color .5s,width .5s; -moz-transition: background-color .5s,width .5s; -ms-transition: background-color .5s,width .5s; -o-transition: background-color .5s,width .5s; transition: background-color .5s,width .5s; }
.footer .footer-nav .nav-item dd ul li a { -webkit-transition: color .5s; -moz-transition: color .5s; -ms-transition: color .5s; -o-transition: color .5s; transition: color .5s; color: #999999; line-height: 42px; }
.footer .footer-nav .nav-item dd ul li:hover a { color: #ffffff; }
.footer .footer-nav .nav-item:hover dt { color: var(--theme-color); }
.footer .footer-nav .nav-item:hover dt::after { background-color: var(--theme-color); width: 1.5rem; }
@media (max-width: 991.98px) { .footer .footer-nav .nav-item dt { margin-bottom: 0; }
  .footer .footer-nav .nav-item dd ul li a { line-height: 32px; } }
@media (max-width: 767.98px) { .footer .footer-nav .nav-item dt { font-size: 16px; }
  .footer .footer-nav .nav-item dd ul li a { font-size: 14px; line-height: 28px; } }
.footer .footer-contact { width: 15%; text-align: center; }
@media (max-width: 991.98px) { .footer .footer-contact { width: 50%; margin: 0 auto; } }
.footer .footer-contact .contact-title { color: #ffffff; line-height: 32px; }
.footer .footer-contact .qrcode-item { margin: 0 auto; text-align: center; width: 60%; }
.footer .footer-contact .qrcode-item .item-img { max-width: 200px; margin: 0 auto; }
.footer .footer-contact .qrcode-item .item-img img { background: #e7e7e7; }
.footer .footer-contact .qrcode-item .item-title { color: #999999; line-height: 2; margin-top: .5rem; }
.footer .copyright { background-color: #1b2229; color: #999999; font-size: 14px; }
.footer .copyright a { -webkit-transition: color .5s, opacity .3s; -moz-transition: color .5s, opacity .3s; -ms-transition: color .5s, opacity .3s; -o-transition: color .5s, opacity .3s; transition: color .5s, opacity .3s; color: #ffffff; opacity: .5; }
.footer .copyright a svg { width: 22px; height: 22px; display: inline-block; vertical-align: middle; }
.footer .copyright a svg path { fill: #ffffff; }
.footer .copyright a span { display: inline-block; margin-left: 5px; vertical-align: middle; }
.footer .copyright a:hover { opacity: 1; }
.footer_cr_m{position: fixed; right: 20px; bottom: 15vh; z-index: 99; cursor: pointer;}
.footer_cr_m img{width: 40px; height: auto;}

/*内页*/
.banner_title{color: #FFF;font-size: 3rem;font-weight: 500; letter-spacing: 0.06rem; width: 1366px; margin: 0 auto;}
.banner_subtitle{color: rgba(255, 255, 255, 0.35);font-size: 3.125rem;font-weight: 500; width: 1366px; margin: 0 auto; padding-top: 150px;}
.about_t{height: 70px; border-bottom: 1px #EBEEF5 solid;}
.about_tm{width: 1366px; margin: 0 auto;}
.about_tm_l{float: left;}
.about_tm_l ul li{float: left; font-size: 1.0625rem; margin: 0 20px; font-weight: 400; letter-spacing: 0.02125rem;}
.about_tm_l ul li a{color: #606266;line-height: 68px; height:68px; display: block;}
.about_tm_l ul li a:hover{color: #0057BE; border-bottom: 3px #0057BE solid;}
.about_tm_l ul li a.about_tm_on{color: #0057BE; border-bottom: 3px #0057BE solid;}
.about_tm_r{float: right; background: url(../images/home.png) no-repeat left center; color: #606266; font-size: 0.9375rem; font-weight: 400; letter-spacing: 0.01875rem; line-height: 70px; padding-left: 25px;}
.about_tm_r a{color: #606266;}
/*关于我们*/
.gyyh_t{color: #0057BE;text-align: center;font-size: 3rem;font-weight: 700; margin-top: 60px;} 
.gyyh_line{width: 4.125rem; height: 0.3125rem; border-radius: 0.375rem; background: #44B036; margin: 15px auto;}
.gyyh{background: url(../images/ditu.png) no-repeat top center; width: 1366px; margin: 30px auto;}
.gyyh_tit{color: #303133;text-align: center;font-size: 2.25rem;font-weight: 400;}
.gyyh_ys{width: 1200px; margin: 45px auto;}
.gyyh_ys ul li{float: left; margin-left: 160px;}
.gyyh_ys ul li .aboutus_ys_l{float: left; margin-top: 10px;}
.gyyh_ys ul li .aboutus_ys_r{float: left; margin-left: 15px;}
.gyyh_ys ul li .aboutus_ys_r .aboutus_ys_rt{color: #0057BE; font-size: 1rem; font-weight: 700; letter-spacing: 0.02rem; z-index: 99;}
.gyyh_ys ul li .aboutus_ys_r .aboutus_ys_rc{text-align:left; z-index: 999; margin-top: -18px; color: #0057BE; font-size: 2.875rem; font-weight: 600; line-height: 3.25rem;}
.gyyh_ys ul li .aboutus_ys_r .aboutus_ys_rb{text-align:left; color: #606266; font-size: 1rem; font-weight: 400;line-height: 1.25rem; letter-spacing: 0.02rem}
.gyyh_about{color: #606266; font-size: 1.0625rem; font-weight: 400; line-height: 1.875rem;}

.gyyh_about_l{float: left; width: 610px;}
.gyyh_about_l p{text-indent: 2em; line-height: 35px;}
.gyyh_about_l p.hx{padding: 10px 0; font-weight: bold; color: #0057be; font-size: 20px;}
.gyyh_about_l p span{color: #44B036; font-weight: bold;}
.gyyh_about_r{float: right; width: 700px;}

.gyyh_about_left{float: left; width: 610px; margin-top: 15px;}
.gyyh_about_left img{max-width: 610px; height: auto; margin: 5px 0;}
.gyyh_about_right{float: right; width: 700px;}
.gyyh_about_right p{line-height: 35px;}
.gyyh_about_right p.hx{padding: 10px 0; font-weight: bold; color: #0057be; font-size: 20px;}
.gyyh_about_right p span{color: #44B036; font-weight: bold;}

.gyyh_about_main{}
.gyyh_about_main p{line-height: 35px; text-indent: 2em;}
.gyyh_about_main p.hx{padding: 10px 0; font-weight: bold; color: #0057be; font-size: 20px;}
.gyyh_about_main p span{color: #44B036; font-weight: bold;}

/*企业文化*/
.qywh{background: url(../images/qybg.jpg) no-repeat top center; height: 735px; margin-top: 50px;}
@media (width: 2560px) {
  .qywh{background:url(../images/qybg.jpg) no-repeat bottom center; background-size: 100%;}
}
.qywh_c{width: 1366px; margin: 0 auto;}
.qywh_c ul li{width: 450px; float:left; border-right: 1px rgba(255, 255, 255, 0.40) solid; height: 735px; text-align: center;}
.qywh_c ul li .qywh_ct{margin-top: 290px;}
.qywh_c ul li .qywh_line{width: 2.5rem; height: 0.25rem; border-radius: 0.3125rem; background: #44B036; margin: 30px auto;}
.qywh_c ul li .qywh_title{color: #303133; text-align: center; font-size: 1.75rem; font-weight: 600; line-height: 2.1875rem;}
.qywh_c ul li .qywh_con{color: #303133; font-size: 1.0625rem; font-weight: 400; line-height: 1.75rem; margin-top: 20px;}
.qywh_c ul li .qywh_tt{color: #0057BE; font-size: 3rem; font-weight: 700; margin-top: 100px;}
.qywh_c ul li .qywh_tline{width: 4.125rem; height: 0.3125rem; border-radius: 0.375rem; background: #44B036; margin: 15px auto;}
.qywh_c ul li .qywh_subtitle{color: #606266; font-size: 1.0625rem; font-weight: 400;}
.qywh_c ul li .qywh_img{margin-top: 69px;}
/*认证体系*/
.rztx{background: #f8f9fb; padding-top: 100px;}
.rztx_c{background: url(../images/rztx.png) no-repeat right bottom; height: 528px; width: 1366px; margin: 0 auto;}
.rztx_ct{color: #0057BE; font-size: 3rem; font-weight: 700; padding-top: 35px;}
.rztx_line{width: 4.125rem; height: 0.3125rem; border-radius: 0.375rem; background: #44B036; margin: 15px 0;}
.rztx_title{color: #909399; font-size: 1.0625rem; font-weight: 400;}
.rztx_con{width: 37.625rem; color: #606266; font-size: 1.0625rem; font-weight: 400; line-height: 1.975rem; margin-top: 50px;}
.rztx_about{width:1366px; margin: 30px auto 0 auto; color: #606266; font-size: 1.0625rem; font-weight: 400; line-height: 1.875rem;}
.rztx_about p{margin-bottom: 0;}
/*客户服务*/
.video_c{width: 1366px; margin: 50px auto;}
.video_c video{border:1px #ddd solid; margin: 0 10px; background: url(../images/video.jpg) no-repeat; width: 420px; height: 280px;}
.kehu{background: url(../images/sbg.jpg) no-repeat top center; height: 620px; margin-top: 20px; padding-top: 145px;}
.kehu_t{color: #FFF; text-align: center; font-size: 3rem; font-weight: 700;}
.kehu_line{width: 4.125rem; height: 0.3125rem; border-radius: 0.375rem; opacity: 0.8; background: #fff; margin: 15px auto;}
.kehu_c{color: #FFF; font-size: 2.25rem; font-weight: 500; text-align: center;}
.kehu_b{color: #FFF; text-align: center; font-size: 1.0625rem; font-weight: 400; line-height: 1.75rem; opacity: 0.9; margin-top: 30px;}
.cjkf{background: url(../images/cfbg.jpg) no-repeat top center; height: 900px; padding-top: 95px;}
@media (width: 2560px) {
  .cjkf{background:url(../images/cfbg.jpg) no-repeat bottom center; background-size: 100%;}
} 
.cjkf_t{color: #0057BE; text-align: center; font-size: 3rem; font-weight: 700;}
.cjkf_line{width: 4.125rem; height: 0.3125rem; border-radius: 0.375rem; background: #44B036; margin: 15px auto;}
#certify {position: relative; width: 1366px; margin: 0 auto;}
#certify .swiper-container {padding-top: 30px;}
#certify .swiper-slide {width: 800px;height: 600px;}
#certify .swiper-slide img{display:block; border-radius: 10px;}
#certify .swiper-pagination {width: 100%; bottom: -40px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border: 3px solid #0057BE;background-color: #fff;}
#certify .swiper-button-prev {left: -50px;width: 42px;height: 42px; background: url(../images/left.png) no-repeat;background-size: 100%;}
#certify .swiper-button-next {right: -50px;width: 42px;height: 42px; background: url(../images/right.png) no-repeat;background-size: 100%;}
/*诚招代理*/
.zdl{background: #F5F6F8; padding: 90px 0; }
.zdl_c{width: 1366px; margin: 0 auto;}
.zdl_title{color: #0057BE; text-align: center; font-size: 3rem; font-weight: 700; margin-top: 90px;}
.zdl_line{width: 4.125rem; height: 0.3125rem; border-radius: 0.375rem; background: #44B036; margin: 15px auto;}
.zdl_cc{}
.zdl_cc ul li{width: 27.0625rem; height: 15.75rem; border-radius: 0.875rem; background: #FFF; float: left; margin: 15px 30px 15px 0; text-align: center;}
.zdl_cc ul li:nth-child(3n){margin-right: 0px;}
.zdl_cc ul li .zdl_cc_t{padding-top:15px; color: rgba(68, 176, 54, 0.10); text-align: center; font-size: 6.25rem; font-weight: 500; letter-spacing: 0.125rem;}
.zdl_cc ul li .zdl_cc_b{padding-top:5px; color: #0057BE; text-align: center; font-size: 1.375rem; font-weight: 500; line-height: 1.625rem; letter-spacing: 0.0275rem;}
.zdl_cc ul li .zdl_cc_img{padding-top: 43px; opacity: 0.3; padding-bottom: 20px;}
.jm{background: url(../images/jmbg.jpg) no-repeat top center; height: 676px; padding-top: 100px;}
@media (width: 2560px) {
  .jm{background:url(../images/jmbg.jpg) no-repeat bottom center; background-size: 100%;}
} 
.jm_c{width: 1366px; margin: 0 auto; height: 460px; border-radius: 1rem; background: rgba(255, 255, 255, 0.80); padding: 90px 80px 0 80px;}
.jm_ct{color: #0057BE; text-align: center; font-size: 3rem; font-weight: 700;}
.jm_cc{}
.jm_cc ul li{width: 385px; float: left; margin-right: 20px;}
.jm_cc ul li input{width: 320px; height: 60px; padding: 0 20px; font-size: 16px; color: #000; border-radius: 0.625rem; border: 1px solid #E4E7ED; background: #FFF;}
.jm_cc ul li:nth-child(3n){margin-right: 0px;}
.jm_cb{width: 285px; margin: 0 auto; padding-top: 50px;}
.jm_cb button{cursor: pointer; width: 285px; height: 65px; border-radius: 4.1875rem; border: 1px solid #F5F6F8; background: #44B036; color: #fff; font-size: 1.25rem; font-weight: 500; letter-spacing: 0.025rem;}
/*联系方式*/
.dh_c{width: 1366px; margin: 0 auto; padding-top: 70px;}
.dh_ct{font-size: 40px; color: #222;}
.dh_ct span{color: #45af35; font-size: 36px; font-style: italic;}
.dt_cc{padding-bottom: 70px; }
.dt_cc ul{width: 273px; float: left; padding-top: 40px;}
.dt_cc ul li.dt_cc_t{font-size: 22px; color: #000; padding-bottom: 10px;}
.dt_cc ul li{color: #666666; font-size: 16px; line-height: 1.8;}

.dt_cb_a{color: #0057BE; font-size: 36px; text-align: center; font-weight: bold;}
.lxwm_line{width: 4.5rem; height: 0.3125rem; border-radius: 0.375rem; background: #44B036; margin: 15px auto;}
.xschina{padding-bottom: 50px;}
.xschina ul li{width: 438px; float:left; margin-top: 30px; margin-right: 25px; border-radius: 0.75rem; background: #F5F6F8;}
.xschina ul li:nth-child(3n){margin-right: 0;}
.xschina ul li .xschina_l{padding: 20px 0; width: 180px; float: left; margin-left: 15px;}
.xschina ul li .xschina_l img{width: 180px; height: 180px; border-radius: 100%;}
.xschina ul li .xschina_r{float: left; margin-left: 20px; margin-top: 40px; color: #303133; font-size: 15px; font-weight: 400; line-height: 28px;}

.qdyw{padding-bottom: 50px;}
.qdyw ul li{width: 420px; float:left; margin-top: 50px; height: 435px; margin-right: 50px; border-radius: 0.75rem; background: #F5F6F8;}
.qdyw ul li:nth-child(3n){margin-right: 0;}
.qdyw ul li .qdyw_t{padding: 15px 0; width: 180px; margin: 0 auto;}
.qdyw ul li .qdyw_t img{width: 180px; height: 180px; border-radius: 100%;}
.qdyw ul li .qdyw_a{color: #0057BE; text-align: center; font-size: 1.25rem; font-weight: 500;}
.qdyw ul li .qdyw_b{color: #0057BE; text-align: center; font-size: 0.9375rem; font-weight: 400;}
.qdyw ul li .qdyw_c{margin-left: 50px; color: #303133; font-size: 15px; font-weight: 400; line-height: 28px; margin-top: 10px;}

.xsen{padding-bottom: 40px;}
.xsen ul li{margin-top: 20px; width: 668px; float:left; margin-right: 25px; height: 250px; border-radius: 0.75rem; background: #F5F6F8;}
.xsen ul li:nth-child(2n){margin-right: 0;}
.xsen ul li .xsen_l{width: 180px; float: left; padding: 35px 0 0 20px;}
.xsen ul li .xsen_l img{width: 180px; height: 180px; border-radius: 100%;}
.xsen ul li .xsen_r{width:400px; margin-right: 20px; float: right; padding-top: 35px; color: #303133; font-size: 15px; font-weight: 400; line-height: 25px;}
.xsen ul li .xsen_r a{color: #0057BE;}
/*质量保证*/
.cpgs_c{width: 1366px; margin:0 auto; padding: 30px 0;}
.cpgs_c img{max-width: 1366px; height: auto; text-align: center;}
.cpgs{width: 1366px; margin: 40px auto; border-radius: 0rem 1rem 1rem 0rem; background: #F5F6F8; height: 540px; }
.cpgs_l{width: 630px; float: left;}
.cpgs_l img{width: 630px; height: 540px; border-radius: 1rem 0rem 0rem 1rem; }
.cpgs_r{width:650px; float: right; margin-top: 40px; margin-right: 40px;}
.cpgs_rt{color: #0057BE; font-size: 1.75rem; font-weight: 700;}
.cpgs_rc{padding-top: 20px;}
.cpgs_rc p{margin: 0; text-indent: 2em; color: #606266; font-size: 1rem; font-weight: 400; line-height: 1.85rem; letter-spacing: 0.02rem;}
.lqgs{width: 1366px; margin: 50px auto 50px auto; border-radius: 1rem 0rem 0rem 1rem; background: #F5F6F8; height: 540px;}
.lqgs_l{width: 650px; float: left; margin-top: 40px; margin-left: 40px;}
.lqgs_r{width: 630px; float: right;}
.lqgs_r img{width: 630px; height: 540px; border-radius: 0rem 1rem 1rem 0rem; }
/*产品使用*/
.cpsy{background: #F5F6F8; padding: 80px 0;}
.cpsy_t{color: #0057BE; text-align: center; font-size: 2.5rem; font-weight: 700;}
.cpsy_a{width:1306px; margin: 40px auto 0 auto; border-radius: 0.625rem; background: #FFF; padding: 30px 30px;}
.cpsy_b{width:1306px; margin: 30px auto 0 auto; border-radius: 0.625rem; background: #FFF; padding: 30px 30px;}
.cpsy_bt{color: #0057BE; font-size: 1.75rem; font-weight: 700; line-height: 1.70rem;}
.cpsy_bt span{display: block; float: left; width: 0.3125rem; height: 1.75rem; border-radius: 2rem; background: #44B036; margin-right: 15px;}
.cpsy_bc{padding-top: 30px; color: #606266; font-size: 1rem; font-weight: 400; line-height: 1.75rem; letter-spacing: 0.02rem;}
.zujin{width:1200px; margin: 30px auto 0 auto; border-radius: 0.625rem; background: #FFF; padding: 30px 30px;}
.zujin img{max-width: 1140px; height: auto; border-radius: 10px; margin-top: 10px;}
/*安全技术*/
.msds_c{margin: 40px auto 0 auto; width: 1366px;}
.msds_cl{width: 670px; float: left; border-radius: 0.625rem; background: #FFF; padding: 35px 35px; height: 375px;}
.msds_cr{width: 670px; float: right; border-radius: 0.625rem; background: #FFF; padding: 35px 35px; height: 375px;}
.msds_a{width: 1366px; margin: 35px auto 0 auto; border-radius: 0.625rem; background: #FFF; padding: 35px 35px;}
.cpsy_bb{padding-top: 30px; }
.cpsy_bb ul li{float: left; width: 432px; color: #606266; font-size: 1rem; font-weight: 400; line-height: 1.75rem; letter-spacing: 0.02rem}
/*合作客户*/
.kehu_title{color:#909399; text-align: center;font-size: 1.0625rem;font-weight: 400;line-height: 1.75rem;letter-spacing: 0.02125rem;}
.kehu_center{padding: 30px 0; width: 1366px; margin: 0 auto;}
.kehu_center ul li{float:left; width: 250px; height: 100px; background: #fff; border-radius: 0.5rem; border: 1px solid #EBEEF5; margin: 12px 11px;}
.kehu_center ul li img{max-width: 240px; min-height: 90px; margin-top: 5px; margin-left: 5px;}
.kehu_center ul li:nth-child(5n){margin-right: 0;}
.kehu_center ul li:hover{border: 1px solid #0458b2;}
/*新闻动态*/
.xwdt{background: #f5f6f8; padding: 50px 0;}
.xwdt_t{color: #0057BE; text-align: center; font-size: 2.5rem; font-weight: 700;}
.xwdt_line{width: 4.125rem; height: 0.3125rem; border-radius: 0.375rem; background: #44B036; margin: 15px auto;}
.xwdt_c{border-radius: 0.75rem; background: #FFF; margin: 40px auto 0 auto;}
.xwdt_cl{width: 590px; float: left;}
.xwdt_cl img{width: 590px; height: 340px; border-radius: 1rem 0rem 0rem 1rem;}
.xwdt_cr{width: 700px; float: right; margin: 40px 50px 0 0;}
.xwdt_cr_t{color: #303133; font-size: 1.625rem; font-weight: 500; letter-spacing: 0.01625rem;}
.xwdt_cr_c{color: #909399; font-size: 1rem; font-weight: 400; line-height: 30px; letter-spacing: 0.01rem; padding: 20px 0 30px 0;}
.xwdt_cr_b{float: left; background: url(../images/date.png) left center no-repeat; padding-left: 30px; color: #909399; font-size: 1rem; font-weight: 400; letter-spacing: 0.01rem; margin-top: 10px;}
.xwdt_cr_d{float: right;}
.xwdt_e{ padding-top: 15px;}
.xwdt_e ul li{border-radius: 0.625rem; background: #FFF; height: 240px; margin: 25px 0;}
.xwdt_e ul li .xwdt_el{width: 350px; float: left;}
.xwdt_e ul li .xwdt_el img{width: 350px; height: 240px; border-radius: 1rem 0rem 0rem 1rem;}
.xwdt_e ul li .xwdt_ec{width: 730px; float: left; margin-top: 35px; margin-left: 30px;}
.xwdt_e ul li .xwdt_ec .xwdt_ec_t{color: #303133; font-size: 1.25rem; font-weight: 500; letter-spacing: 0.0125rem;}
.xwdt_e ul li .xwdt_ec .xwdt_ec_b{color: #909399; font-size: 1rem; font-weight: 400; letter-spacing: 0.01rem; padding-top: 20px; line-height: 28px;}
.xwdt_e ul li .xwdt_er{width: 100px; float: right; border-left: 1px #E4E7ED solid; height: 110px; padding-left: 20px; margin-top: 65px; margin-right: 50px;}
.xwdt_e ul li .xwdt_er .xwdt_er_t{margin-top: 15px; color: #303133; text-align: center; font-size: 2.5rem; font-weight: 500; line-height: 3.125rem; letter-spacing: 0.025rem;}
.xwdt_e ul li .xwdt_er .xwdt_er_c{color: #909399; text-align: center; font-size: 0.875rem; font-weight: 400; line-height: 1.5rem; letter-spacing: 0.00875rem;}
.xwnr_c{margin: 40px auto; padding: 30px 30px; background: #fff; border-radius: 0.625rem;}
.xwnr_ct{color: #0057BE; font-size: 1.75rem; font-weight: 700; text-align: center;}
.xwnr_cd{float: right; background: url(../images/date.png) left center no-repeat; padding-left: 30px; color: #909399; font-size: 1rem; font-weight: 400; letter-spacing: 0.01rem; margin-top: 10px;}
.xwnr_cc{color: #606266; font-size: 1rem; font-weight: 400; line-height: 1.75rem; letter-spacing: 0.02rem; padding: 20px 0;}
.xwnr_cc img{max-width: 1300px; height: auto;}
.xwnr_cb{color: #909399; font-size: 1rem;}
.xwnr_cb ul li{line-height: 30px;}
/*产品中心*/
.product{width: 1366px; margin:0 auto; padding: 30px 0 40px 0;}
.product ul li{float: left; width: 425px; margin-top: 30px; margin-right: 40px; text-align: center;}
.product ul li .cpzx_ct img{width: 425px; height: 354px; border-radius: 1rem; margin-bottom: 20px;}
.product ul li .cpzx_cc a{color: #303133; font-size: 1.25rem; font-weight: 500;}
.product ul li .cpzx_cc a:hover{color: #0057BE;}
.product ul li:nth-child(3n){margin-right: 0;}
.cpxq{background: url(../images/cpbg.jpg) no-repeat bottom center;}
.cpxq_c{width: 1300px; margin: 0 auto; padding: 50px 0;}
.cpxq_cl{float: left; width: 580px;}
.cpxq_cl img{width: 500px; height: 417px; border-radius: 1rem; margin-top: 20px;}
.cpxq_cr{width: 600px; float: right; margin-right: 120px;}
.cpxq_cr_t{border-bottom: 1px #E4E7ED solid; color: #303133; font-size: 2.375rem; font-weight: 400; height: 80px; line-height: 80px;}
.cpxq_cr_c{color: #606266; font-size: 1.0625rem; font-weight: 400; line-height: 2.1875rem; letter-spacing: 0.02125rem; padding: 25px 5px;}
.cpxq_p{margin-top: 20px;}
.cpsm_t{padding-top: 35px; width: 1300px; margin: 0 auto; padding-bottom: 15px; color: #0057BE; font-size: 1.75rem; font-weight: 700; border-bottom: 1px #E4E7ED solid;}
.cpsm_t span{display: block; float: left; margin-top: 7px; width: 0.3125rem; height: 1.75rem; border-radius: 2rem; background: #44B036; margin-right: 15px;}
.cpsm_c{width: 1300px; margin: 0 auto; padding-top: 15px; color: #606266; font-size: 1.0625rem; font-weight: 400; line-height: 1.875rem; letter-spacing: 0.02125rem;}
.cpsm_c img{max-width: 1300px; height: auto;}
.cpsm_c strong{color: #0057BE;}
.cpxz_t{color: #0057BE; font-size: 1.5625rem; font-weight: 500; width: 1300px; margin: 0 auto; padding-top: 30px;}
.cpxz_t span{display: block; float: left; margin-top: 13px; width: 0.625rem; height: 0.625rem; border-radius: 100%; background: #0057BE; margin-right: 15px;}
.cpxz_c{width: 1300px; margin: 0 auto; padding-top: 30px;}
.cpxz_c ul li{width: 260px; float: left; color: #606266; text-align: center; font-size: 1.0625rem; font-weight: 400; line-height: 1.625rem; letter-spacing: 0.02125rem;}
.cpxz_c ul li img{margin-bottom: 15px;}
.cpxz_a{border-radius: 0.875rem; background: #F5F6F8; width: 1240px; margin: 30px auto 0 auto; padding: 30px 30px; height: 280px;}
.cpxz_al{float: left; width: 800px;}
.cpxz_al ul li{float: left; width: 200px; text-align: center; margin: 10px 0; color: #606266; text-align: center; font-size: 1.0625rem; font-weight: 400; line-height: 1.625rem; letter-spacing: 0.02125rem;}
.cpxz_al ul li img{margin-bottom: 15px;}
.cpxz_ar{float: right; width:280px; margin-right: 30px;}
.cpxz_ar img{margin-top: 10px;}
.cpzx_b{width: 1300px; margin: 0 auto; padding-top: 30px;}
.cpzx_b ul li{width: 325px; float: left; text-align: center;}
.cpzx_b ul li .cpzx_bt img{border-radius: 8px; width: 290px; height: 210px;}
.cpzx_b ul li .cpzx_bc{background: #0057BE; width: 2.75rem; height: 2.75rem; text-align: center; border-radius: 100px; color: #FFF;font-size: 1.19169rem;font-weight: 700;line-height: 2.75rem; letter-spacing: 0.02381rem; z-index: 9; position: relative; margin: -20px auto 0 auto;}
.cpzx_b ul li .cpzx_bb{color: #0057BE; font-size: 1.25rem; font-weight: 500; margin-top: 15px;}
.cpzx_b ul li .cpzx_ba{color: #606266; font-size: 1.0625rem; font-weight: 400; line-height: 1.625rem; letter-spacing: 0.02125rem; margin: 10px 0;}
.cplx{width: 1300px; margin: 0 auto; padding: 30px 0 70px 0;}
.cplx ul li{color: #606266; font-size: 1.0625rem; font-weight: 400; line-height: 1.9rem; letter-spacing: 0.02125rem; float: left; width: 600px;}

/*上一页 下一页*/
.pagebar .pagination{display: flex; justify-content: center; margin: 30px 0;}
.pagination a {background: #fff; border: 1px solid #ccc; color: #333; font-size: 14px; padding: 5px 12px; margin: 0 5px; border-radius: 3px;}
.pagination span {color: #333; font-size: 14px; padding: 5px 2px; margin: 0 5px; border-radius: 3px;}
.pagination a:hover { color: #0458b2; border: 1px solid #0458b2;}
.pagination a.page-num-current { color: #fff; background: #0458b2;border: 1px solid #0458b2;}

.mds{width: 1300px; margin: 0 auto 30px auto;}
.mds a{background: url(../images/pdf.png) no-repeat left center; color: #ff0000; padding-left: 25px;}