﻿@charset "UTF-8";
@import url('icofont.min.css');
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color:rgba(0,0,0,0);}
body {margin:0;font-family:"Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;line-height:1.42857143;font-size:14px;min-width:1230px;background:#fff;color:#333;padding-top: 176px;}
h1 {font-size:2em;margin:.67em 0;}
figure {margin:1em 40px;}
hr {box-sizing:content-box;height:0;overflow:visible;}
a {-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title] {border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong {font-weight:bolder;}
dfn {font-style:italic;}
mark {background-color:#ff0;color:#000;}
small {font-size:80%;}
sub,sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub {bottom:-.25em;}
sup {top:-.5em;}
audio:not([controls]) {display:none;height:0;}
img {border-style:none;max-width: 100%;}
svg:not(:root) {overflow:hidden;}
button,input,optgroup,select,textarea {line-height:1.42857143;margin:0;outline:none;}
body,button,input,select,textarea {text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-font-feature-settings:"liga","kern";}
button,input {overflow:visible;}
button,select {text-transform:none;}
button,html [type=button],/* 1 */[type=reset],[type=submit] {-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {outline:1px dotted ButtonText;}
fieldset {padding:.35em .75em .625em;}
legend {box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress {display:inline-block;vertical-align:baseline;}
textarea {overflow:auto;}
[type=checkbox],[type=radio] {box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {height:auto;}
[type=search] {-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration {-webkit-appearance:none;}
::-webkit-file-upload-button {-webkit-appearance:button;font:inherit;}
summary {display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,menu {display:block;}
pre,code,kbd,samp {font-family:monospace,monospace;font-size:1em;}
audio,video,canvas {display:inline-block;}
template,[hidden] {display:none;}
.fl {float:left;}
.fr {float:right;}
.w1200{ width:1200px!important; margin:0 auto;}
.clearfix {zoom:1;}
.clearfix:before,.clearfix:after {display:table;line-height:0;content:"";}
.clearfix:after {clear:both;}
a {color:#333;text-decoration:none;}
a:hover {color:#ffcd11;}
.hidden{display:none!important;}
.pt0{padding-top:0!important;}
.mt20{margin-top:20!important;}
.mb20{margin-bottom:20px!important;}
ul {margin:0;list-style:none;padding:0;}
#message {position:fixed;width:100%;height:100%;left:0;top:0;z-index:1000;transform:scale(0);transition:.3s;}
.messagebg {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:1001;}
#message .m-content {margin-top:8%;}
#message .m-content .m-message {background:#fff;width:580px;background:#fff;padding:50px;margin:0 auto;position:relative;z-index:1002;box-shadow:1px 1px 50px rgba(0,0,0,.3);}
.m-message {width:494px;margin:48px auto 0;}
.m-message label {margin-bottom:15px;display:block;font-size:14px;}
.m-message label em {display:block;float:right;color:red;height:32px;line-height:32px;}
.m-message label span {width:70px;height:34px;line-height:34px;color:#2F2F2F;float:left;font-weight:bold;text-align:right;margin-right:30px;display:inline-block;}
.m-message label input.inp,.m-message label textarea,.m-message label.code input {width:73%;overflow:hidden;height:32px;line-height:32px;border:#cccccc 1px solid;border-radius:3px;padding:0 14px;box-sizing:border-box;color:#555;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.m-message label input:focus,.m-message label textarea:focus {border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,150,0,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(247,150,0,.6);}
.m-message label textarea {height:72px;line-height:24px;padding:10px 14px;}
.m-message label.code {line-height:34px;}
.m-message label.code input {width:30%;float:left;margin-right:30px;}
.m-message label.code .pic {display:inline-block;vertical-align:top;width:80px;height:32px;}
.m-message label.code img {display:block;width:100%;height:100%;}
.btn {display:block;width:90px;height:32px;line-height:32px;padding-left:15px;background-color:#ffcd11;color:#fff;margin-top:10px;}
.btn:hover {background-color:#444;color:white;}
.btn span {display:block;padding-left:15px;background-repeat:no-repeat;background-position:left center;}
.btn-1 input {width:52px;height:32px;line-height:32px;background:#e8e8e8;border:none;color:#333;margin-right:22px;cursor:pointer;transition:0.3s;}
.btn-1 {padding-left:100px;}
.btn-1 input.focus {background:#ffcd11;color:#fff;}
.btn-1 input.focus:hover {background:#444;}
.btn-1 input:hover {background:#ccc;}
.img-cover {text-align:center;font-size:0;}
.img-cover img {display:inline-block;width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;transition:all 0.5s;}
.img-cover {overflow:hidden;position:relative;}
.img-cover span {display:block;width:100%;background:no-repeat center / cover;transition:all 0.5s;height:100%;position:absolute;left:0;top:0;}
.container {padding:0 15px;width:1200px;margin:0 auto;}

/*浮动客服*/
.toolbar{position:fixed;bottom:10%;right:0.5%;margin-top:-163px;z-index:100;width:70px;display: none;}
.toolbar dd{position:relative;float:left;width:70px;height:70px;background: top #ffcd11;margin-top:2px;margin-bottom:0;border-radius:5px;color:#fff;font-size:14px;line-height:21px;text-align:center;cursor:pointer;transition:all .5s;}
.toolbar dd:first-child{margin-top:0;}
.toolbar dd i{width:100%;height:30px;display:block;margin-top:13px;background:url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y:0;}
.toolbar dd.tel i{background-position-y:-30px;}
.toolbar dd.code i{background-position-y:-60px;}
.toolbar dd.top i{background-position-y:-90px;}
.toolbar dd span{display:block;color:#fff;font-size:12px;}
.toolbar dd.tel .box{position:absolute;top:0;width:190px;right:-200px;padding:0;border:0;height:100%;margin-right:10px;border-radius:5px;background: top #ffcd11;opacity:0;transition:all .5s;}
.toolbar dd.tel .box p{font-size:14px;margin:15px auto 7px;}
.toolbar dd.tel .box h3{font-size:18px;font-weight:bold;}
.toolbar dd.tel .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent  transparent transparent #ffcd11;border-width:9px;width:0;height:0;position:absolute;top:50%;margin-top:-9px;right:-18px;margin-left:-12px;}
.toolbar dd.code .box{position:absolute;top:0;right:-170px;padding:0;border:0;margin-right:10px;border-radius:5px;background: top #ffcd11;opacity:0;transition:all .5s;}
.toolbar dd.code .box img{display: block;width:150px;height:150px;padding:10px;}
.toolbar dd.code .box:after{display:block;content:" ";border-style:solid dashed dashed dashed;border-color:transparent  transparent transparent var(--rgbcolor);border-width:9px;width:0;height:0;position:absolute;top:30px;right:-18px;margin-left:-12px;}
.toolbar dd:hover{background:#333;}
.toolbar dd.tel:hover .box{opacity:1;right:80px;}
.toolbar dd.code:hover .box{opacity:1;right:80px;}
@media screen and (max-width:767px){
    .toolbar{display:none;}
}




.footer-fix {box-shadow:0 0 10px rgba(0,0,0,0.2);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;z-index:10;display: none!important;}
.footer-fix li {float:left;width:25%;}
.footer-fix li a {display:block;text-align:center;padding:7px 0;font-size:12px;line-height:1;}
.footer-fix li i {display:block;height:20px;background:no-repeat center;background-size:contain;margin-bottom:4px;}
.footer-fix li i.i1 {background-image:url(../images/f_01.png);}
.footer-fix li i.i2 {background-image:url(../images/f_02.png);}
.footer-fix li i.i3 {background-image:url(../images/f_03.png);}
.footer-fix li i.i4 {background-image:url(../images/f_04.png);}
.swiper-button-prev,.swiper-button-next {outline:none;}
.swiper-pagination-bullet-active {background-color:#ffcd11;}
.topbar {padding:12px 0;background-color: #000;color:#6a6a6a;color: #fff;border-bottom: 1px solid #666565;display: none;}
.topbar em {font-style:normal;color:#999;padding:0 15px;}
.topbar a {color: #fff;}
.topbar a:hover {/* color:#333; */}

.topbar .header_lang{position: relative;padding-left:10px;border-right: 1px solid rgba(0, 0, 0, .1);transition: all .5s;}
.topbar .header_lang .lang_pc{position: relative;min-width: 125px;}
.topbar .header_lang .lang_pc>a{position: relative;display: flex;color:#fff;font-size: 16px;white-space: nowrap;padding: 0 10px;z-index: 1;align-items: center;/* filter: invert(100%); *//* opacity: .6; */}
.topbar .header_lang .lang_pc>a i{font-size: 12px;margin: 0 .3em;}
.topbar .header_lang .lang_pc>a i:first-child{display:inline-block;vertical-align:middle;font-size:0;width: 20px;height: 20px;border-radius: 100%;background: url(../images/flag/lang.gif) no-repeat center center;background-size: contain;margin-right: 5px;}
.topbar .header_lang.mobile_language{display:none;margin-right: 70px;}
.topbar .header_lang.mobile_language>a{width: 30px;font-size: 12px;text-align: center;padding: 0;border-radius: 50%;}
.topbar .header_lang .lang_pc ul{position: absolute;margin-top:12px;top: 100%;left: 50%;transform: translateX(-50%);min-width: 100%;background-color:#fff;box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);opacity: 0;visibility: hidden;transition: all .5s;z-index:2;}
.topbar .header_lang .lang_pc ul li{margin-left: 0 !important;float: left;border-bottom: 1px solid #ddd;width: 100%;text-align: left;}
.topbar .header_lang .lang_pc ul li a{padding: 10px;display: block;color: #4f4f4f;position: relative;font-size: 14px;line-height: 1.5;white-space: nowrap;cursor: pointer;transition: all 0.3s ease-in-out;}
.topbar .header_lang .lang_pc ul li img{height: 16px;margin-right: 8px;border: 1px solid #ddd;}
.topbar .header_lang .lang_pc ul li a:hover{color: #ffcd11;}
.topbar .header_lang:hover ul{opacity: 1;visibility: visible;}

.header .nav .h_yuyan{margin: 0 1vw;/* display:none; */}
.h_yuyan{width:auto; position: relative;margin: 0 1vw;}
.h_yuyan p{/* color:#333; */font-size: 16px;padding: 0 40px 0 40px;position: relative;line-height: 52px}
.h_yuyan p:after{content:"";width:28px;height: 28px;position: absolute;top: 13px;left:0;z-index: 2;background: url(../images/flag/lang.gif) no-repeat center center;background-size: contain;}
.h_yuyan p:before{content:"";width: 28px;height:52px;position: absolute;top:0;right:0;z-index: 2;background: url(../images/flag/xia_h.png) no-repeat 3px center;filter: invert(100%);}
.h_yuyan_p{width:93%;height: auto;overflow: hidden;background: #fff;padding:0 8px;position: absolute;top:55px;left:0;z-index: 9;box-shadow: 0 0 10px rgba(0,0,0,0.1);opacity: 0;visibility: hidden;transition: all .5s;}
.h_yuyan:hover .h_yuyan_p{opacity: 1;visibility: visible;}
.h_yuyan ul{/* display:flex; *//* flex-wrap:wrap; */top:0;left:0;min-width:100%;transform: none;}
.h_yuyan ul li{display: block!important;/* width:48%; */border-bottom: 1px solid #ddd;border-top:none!important;box-sizing: border-box;}
.h_yuyan ul li:nth-child(2n){border-right: 0;}
.h_yuyan ul li a{padding: 10px;display: block;color: #4f4f4f!important;position: relative;font-size: 12px!important;line-height: 1.8;padding: 0!important;line-height:40px!important;white-space: nowrap;cursor: pointer;background: #fff!important;transition: all 0.3s ease-in-out;}
.h_yuyan ul li img{height: 16px;margin-right: 8px;border: 1px solid #ddd;vertical-align: middle;}
.h_yuyan ul li a:hover{color: #ffcd11;}
.mheader .h_yuyan{width:16rem;}

@media only screen and (max-width: 1024px){
	.header .nav .h_yuyan{margin: 0 1vw;display:block;}
	.topbar .header_lang{position: static;padding: 0;margin-right:70px;border: 0;}
	.topbar .header_lang .lang_pc{position: static;min-width: auto;}
	.topbar .header_lang .lang_pc>a{/* filter: invert(100%); *//* opacity: .6; */font-size: 14px;padding: 0;height: 60px;}
	.topbar .header_lang .lang_pc>a i{font-size: 10px;}
	.topbar .header_lang .lang_pc>a i:first-child{display: none;}
	.topbar .header_lang .lang_pc ul{display: flex;flex-wrap: wrap;top:70px;left: 0;min-width: 100%;transform: none;}
	.topbar .header_lang .lang_pc ul li{width: calc(100% / 3);border-right: 1px solid #ddd;}
	.topbar .header_lang .lang_pc ul li:nth-child(3n){border-right: 0;}
	.topbar .header_lang .lang_pc ul li a{font-size: 12px;}
}

.header {position: fixed;top: 0;width: 100%;background-color: #000;z-index: 9;}
.header .logo {float:left;font-size:0;height:110px;line-height:110px;text-align:left;padding:0px 0;}
.header .search{margin: 33px 0;}
.header .search form{display: flex;border-radius: 5px;border: 2px solid #ffcd11;}
.header .search input{
    width: 500px;
    line-height: 3;
    height: 40px;
    border: 0;
    padding: 0 10px;
}
.header .search button{color: #000;font-size: 16px;border: 0;width: 120px;background: #ffcd11;}

.header .tel {float:right;background:url(../images/pc-xc-icon2.png) no-repeat 0 center;padding-left:45px;margin:29px 0;color: #fff;display: none;}
.header .tel strong {display:block;font-size:32px;font-weight: normal;font-family:Impact;line-height:1;color:#ffcd11;color: #fff;}
.header .text {float:left;font-size:26px;margin:25px 0 25px 30px;color:#ffcd11;line-height:30px;font-weight:bold;}
.header .text span {color:#333;font-size:18px;display:block;font-weight:normal;}
.header .nav {font-size:0;background-color: #000;border-top: 1px solid #666565;color:#fff;}
.header .nav .container{display: flex;flex-direction: row-reverse;justify-content: space-between;align-items: center;}
.header .nav li {display:inline-block;vertical-align:middle;background:url(../images/nav_line_1.png) no-repeat right center;}
.header .nav li a {display:block;font-size:16px;line-height:65px;padding:0 34px;color:#fff;}
.header .nav li .arr {float:right;height:40px;width:40px;margin: 5px 0;position:relative;display:none;margin-left: auto;}
.header .nav li .arr:after {content:'';border-top:2px solid #ccc;border-left:2px solid #ccc;box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;transform:rotate(135deg);right:15px;}
.header .nav li.active0 a,.header .nav li.open a,.header .nav li a:hover {color: #000;background-color: #ffcd11;}
.header .nav li.dropdown {position:relative;}
.header .nav li.dropdown:before {content:"";position:absolute;border:4px solid transparent;border-bottom:0;border-top-color:currentColor;top:50%;margin-top:-2px;right:15px;}
.header .nav .dropdown-box {position:absolute;left:0;min-width:100%;top:100%;display:none;z-index:10;text-align:center;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
.header .nav .dropdown-box dd{position: relative;margin:0;}
.header .nav .dropdown-box a {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px;font-size: 13px;background-color: #fff !important;line-height: 3;color: #000 !important;border-top: 1px solid rgba(255,255,255,.1);}
.header .nav .dropdown-box a:hover {color: #000 !important;background-color: #ffcd11 !important;}
.header .nav li.open .dropdown-box {display:block;}

.header .nav .dropdown-box .dropdown-box{top: 0;left: 100%;max-height: 280px;display: none!important;overflow-x: auto;}
.header .nav .dropdown-box>dd:hover .dropdown-box{display: block!important;}

.menu-btn {display:none;padding:6px 0;float:right;margin-left:15px;}
.menu-btn:before,.menu-btn:after,.menu-btn span {display:block;height:2px;background-color:#ffcd11;content:'';}
.menu-btn:before {width:24px;}
.menu-btn:after {width:18px;margin-left:6px;}
.menu-btn span {width:12px;margin:6px 0 6px 12px;}
.banner {width:100%;overflow:hidden;position:relative;}
.banner .swiper-button-prev {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E")}
.banner .swiper-button-next {background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23FFFFFF'%2F%3E%3C%2Fsvg%3E")}
.banner .swiper-pagination-bullet {background:#FFF;width:20px;height:20px;opacity:1;border:1px solid #333;}
.banner .swiper-pagination-bullet-active {background-color:#ffcd11;border:1px solid #ffcd11}
.banner .swiper-slide img {max-width:100%; height:500px; display:block;}
.banner .swiper-slide {background:no-repeat center / cover;height: calc(100vh - 176px);}
.m-banner {display:none}
.in-seach {background:url(../images/searchbg.png) repeat-y center top #ffcd11;padding:30px 0;color:#fff;display: none;}
.in-seach .tel {float:left;width:275px;font-size:20px;}
.in-seach .tel strong {display:block;font-size:34px;line-height:1;margin-top:10px;font-weight:300;font-family:impact;}
.in-seach .hform {float:left;width: 869px;border-right:1px solid #ffcd11;padding:0 55px;padding-right: 0;}
.in-seach .hform form {display:block;overflow:hidden;border: 2px solid #ffcd11;}
.in-seach .hform input {float:left;border:1px solid transparent;padding:6px 12px;font-size:14px;width: 778px;}
.in-seach .hform button {float:right;border:none;height:34px;width:64px;background-color: #ffcd11;color: #000;font-size:14px;padding:0;}
.in-seach .hform p {margin:10px 0 0;font-size:15px;}
.in-seach .hform p a {color:#fff;margin-right:10px;}
.in-seach .text {text-align:center;font-size:24px;line-height:1;}
.in-seach .text strong {display:block;font-size:30px;margin-bottom:10px;}
.banner-sub {height:300px;background:no-repeat center / cover}
.section,.section-sub {padding-top: 60px;}
.section-title {margin-bottom:40px;text-align:center;font-size:0;}
.section-title strong {display:inline-block;vertical-align:middle;font-size:34px;position:relative;padding:0 40px;color: #000;}
.section-title strong:after,.section-title strong:before {content:'';height:1px;width:160px;top:50%;position:absolute;background-color:#999;}
.section-title strong:after {left:100%;}
.section-title strong:before {right:100%;}
.section-title p {margin:10px 0 0;font-size:14px;color:#666;}
.bg1 {/* background:url(../images/ccbg_1.jpg) no-repeat center / cover; */}
.in-prod-menu {padding:0 20px 20px 10px;margin-bottom:30px;}
.in-prod-menu li {float:left;width:16.66%;}
.in-prod-menu li a {display:block;margin:10px 0 0 10px;line-height:44px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:17px;background-color:#fff;transition:all 0.5s;}
.in-prod-menu li a:hover,.in-prod-menu li.active a {background-color:#ffcd11;color:#fff;}
.in-prod-con .swiper-slide a {display:block;float:left;background-color:#fff;transition:all 0.5s;width:32%;border:1px solid #ddd;margin:0 0 1% 1%;}
.in-prod-con .swiper-slide .img-cover {padding:15px;}
.in-prod-con .swiper-slide p {font-size:16px;padding:0 0 10px 0;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.in-prod-con .swiper-slide a:hover {color: #000;background-color:#ffcd11;}
.in-prod-con .swiper-slide a:hover .img-cover span {transform:scale(1.1);}
.in-prod-con .swiper-pagination {position:static;font-size:0;margin-top:30px;}
.bg2 {background:#ffcd11;}
.in-ys {margin:0;padding:20px 0;}
.in-ys dt {float:right;width:590px;}
.in-ys dd {margin:0 640px 0 0;}
.in-ys dd h4 {text-align:left;margin:0;}
.in-ys dd p {padding-left:0px;margin:30px 0 0;line-height:36px;font-size:18px;color:#fff;text-align:justify;}
.in-ys dd h5 {margin:50px 0 0;color:#fff;font-size:36px;}
.in-ys dd h5 small {display:block;text-transform:uppercase;font-size:18px;}
.bg3 {background:url(../images/yy2_1.jpg) no-repeat center / cover;}
.in-dz {margin:0;padding:30px 0;}
.in-dz dt {float:left;width:500px;}
.in-dz dd {margin-left:580px;position:relative;}
.in-dz dd h4 {margin:0;font-size:36px;color:#0c58a6;}
.in-dz dd h4 span {color:#ffcd11;}
.in-dz dd h4 small {display:block;font-size:18px;color:#c3c3c3;text-transform:uppercase;}
.in-dz dd p {background:url(../images/yy_shu_1.png) no-repeat 0 10px;padding-left:30px;margin:30px 0 0;line-height:36px;font-size:18px;text-align:justify;}
.in-dz dd .tips {overflow:hidden;margin-top:50px;}
.in-dz dd .tips span {float:left;width:50%;text-align:center;color:#fff;font-size:18px;line-height:56px;background-color:#ffcd11;}
.in-dz dd .tips span:last-child {background-color:#333;}
.in-dz dd .tips span a {color:#fff;}
.in-dz dd .pp {position:absolute;bottom:-50px;left:-220px;}
.bg4 {background:url(../images/advbg_1.jpg) no-repeat center / cover;}
.bg31 {background:#fff;}
.in-dz1 {margin:0;padding-bottom:30px;}
.in-dz1 dt {float:right;width:500px;}
.in-dz1 dd {margin-left:0px;position:relative;width:600px;}
.in-dz1 dd h4 {margin:0;font-size:36px;color:#0c58a6;}
.in-dz1 dd h4 span {color:#ffcd11;}
.in-dz1 dd h4 small {display:block;font-size:18px;color:#c3c3c3;text-transform:uppercase;}
.in-dz1 dd p {background:url(../images/yy_shu_1.png) no-repeat 0 10px;padding-left:30px;margin:30px 0 0;line-height:36px;font-size:18px;text-align:justify;}
.in-dz1 dd .tips {overflow:hidden;margin-top:50px;}
.in-dz1 dd .tips span {float:left;width:50%;text-align:center;color:#fff;font-size:18px;line-height:56px;background-color:#ffcd11;}
.in-dz1 dd .tips span:last-child {background-color:#333;}
.in-dz1 dd .tips span a {color:#fff;}
.in-dz1 dd .pp {position:absolute;bottom:-50px;left:-220px;}
.in-adv li {float:left;width:25%;}
.in-adv li p {text-align:center;color:#fff;margin:15px 0 0;font-size:20px;}
.in-about {margin:0;padding:30px 0;}
.in-about dt {float:right;width:680px;}
.in-about dd {margin:0 700px 0 0;}
.in-about dd h4 {margin:0;font-size:36px;border-bottom:1px solid #CCC;padding-bottom:15px;}
.in-about dd p {font-size:16px;line-height:1.8;text-align:justify;margin:20px 0 0;}
.in-about dd .more {display:block;border:2px solid #555;width:130px;margin:30px 0 0;padding:0 10px;transition:all 0.5s;line-height:40px;text-transform:uppercase;}
.in-about dd .more span {display:block;font-size:16px;color:#007c3e;background:url(../images/jian_more_1.png) no-repeat right center;}
.in-about dd .more:hover {width:150px;}
.in-fahuo .swiper-slide a {display:block;position:relative;}
.in-fahuo .swiper-slide .img-cover {}
.in-fahuo .swiper-slide p {margin:0;text-align:center;position:absolute;left:0;bottom:0;z-index:1;width:100%;color:#fff;line-height:50px;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-color:rgba(0,0,0,0.6);}
.in-fahuo .swiper-slide a:hover .img-cover span {transform:scale(1.1);}
.in-fahuo .swiper-pagination {position:static;font-size:0;margin-top:30px;}
.bg5 {background:url(../images/adv.png) no-repeat center #ffcd11;color:#fff;padding:50px 0;}
.in-adv2 {width:50%;margin:-15px 0;}
.in-adv2 h4 {display:inline-block;margin:0;border-bottom:1px solid #fff;font-size:34px;padding-bottom:15px;}
.in-adv2 p {margin:20px 0 0;font-size:16px;background:url(../images/gou_1.png) no-repeat 0 1px;padding-left:40px;}
.in-news-left {float:left;width:48%;}
.in-news-left ul {overflow:hidden;margin:-15px 0 0 -15px;}
.in-news-left li {float:left;width:50%;}
.in-news-left li a {display:block;margin:15px 0 0 15px;background-color:#f8f8f8;transition:all 0.5s;}
.in-news-left li .text {padding:27px 15px;}
.in-news-left li .text h4 {margin:0;font-weight:normal;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.in-news-left li .text p {margin:10px 0 0;opacity:0.6;}
.in-news-left li a:hover {background-color:#ffcd11;color:#fff;}
.in-news-left li a:hover .img-cover span {transform:scale(1.1);}
.in-news-right {float:right;width:48%;}
.in-news-right ul {margin-top:-10px;}
.in-news-right li {margin-top:5px;}
.in-news-right li a {display:block;background-color:#f8f8f8;transition:all 0.5s;overflow:hidden;}
.in-news-right li .date {float:left;background-color:#ffcd11;color:#fff;padding:24px 15px;text-align:center;font-size:15px;width:95px;}
.in-news-right li .date span {display:block;font-size:18px;text-transform:uppercase;}
.in-news-right li .text {margin-left:125px;padding:13px;}
.in-news-right li .text h4 {font-weight:normal;font-size:16px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.in-news-right li .text p {margin:5px 0 0;opacity:0.6;height:40px;overflow:hidden;}
.in-news-right li a:hover {color:#fff;background-color:#ffcd11;}
.footer {background:url(../images/footerbg_1.jpg) repeat center;padding:50px 0 0;color:#bebebe;}
.footer a {color:#bebebe;}
.footer a:hover {color:#fff;}
.footer-logo {float:left;width:338px;}
.footer-nav {float:left;padding-left:30px;width:350px;padding-right:30px;border-left:1px solid #4a4a4a;border-right:1px solid #4a4a4a;}
.footer-nav .tit {font-size:18px;margin-bottom:15px;}
.footer-nav ul {overflow:hidden;}
.footer-nav li {float:left;width:50%;}
.footer-nav li a {display:block;line-height:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.footer-contact {float:left;margin-left:30px;max-width: 420px;}
.footer-contact .tit {font-size:18px;margin-bottom:15px;}
.footer-contact p {margin:0;line-height:30px;}
.footer-copy {border-top:1px solid #494949;padding:20px 0;margin-top:20px;text-align:center;}
.footer-copy p {margin:0;}
.eycms-link {padding:20px 0;}
.eycms-link h4 {border-bottom:1px solid #ddd;margin:0;font-size:18px;color:#ffcd11;padding-bottom:15px;}
.eycms-link h4 small {text-transform:uppercase;font-size:16px;font-weight:normal;color:#999;}
.eycms-link ul {margin-left:-20px;}
.eycms-link li {float:left;margin-left:20px;margin-top:20px;}
.curmbs {background-color:#f2f2f2;line-height:34px;padding:15px 0;}
.curmbs em {font-style:normal;color:#999;}
.curmbs span {background:url(../images/nygy2.png) no-repeat 0 center / 14px 13px;padding-left:20px;}
.curmbs .sc {float:right;position:relative;}
.curmbs .sc input {display:block;padding:6px 72px 6px 12px;line-height:20px;font-size:14px;border:1px solid #ddd;width:200px;}
.curmbs .sc button {position:absolute;right:0;top:0;border:1px solid transparent;background-color:#333;padding:0;color:#fff;cursor:pointer;height:34px;width:60px;font-size:14px;}
.section-sub {padding:40px 0;}
.ct2-sd {float:left;width:240px;}
.ct2-mn {float:right;width:930px;}
.panel-sd {margin-bottom:20px;background-color:#f6f6f6;}
.panel-sd:last-child {margin-bottom:0;}
.panel-sd .tit {text-align:center;color:#fff;font-size:24px;padding:20px 0;background:#ffcd11;}
.lanmu{background:#fff}
.lanmu li{border-bottom:1px solid #d1d1d1}
.lanmu li>a{display:block;line-height:50px;padding:0 0 0 25px;color:#666;font-size:15px}
.lanmu li .arr{float:right;height:45px;width:40px;position:relative;cursor:pointer}
.lanmu li .arr:after{content:'';border-top:2px solid rgba(0,0,0,.5);border-left:2px solid rgba(0,0,0,.5);box-sizing:content-box;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;transform:rotate(135deg);right:15px}
.lanmu-box{display:none}
.lanmu-box p{margin:0;border-top:1px solid #fff;padding-left:15px}
.lanmu-box p a{padding:0 25px;display:block;line-height:40px}
.lanmu li.active>a,.lanmu li>a:hover{background-color:#efefef;}
.lanmu-box p.active{background-color: #efefef;}
.lanmu li.open .lanmu-box{display:block}
.lanmu li.open .arr:after{transform:rotate(225deg)}
.contact-sd {background:#ffcd11;padding-bottom:20px;display: none;}
.contact-sd h4 {color:#fff;font-size:18px;background:url(../images/lianxi_t_1.png) no-repeat left center;height:74px;line-height:68px;margin:0 0 0 15px;padding-left:50px;}
.contact-sd h4 small {font-size:12px;font-weight:normal;padding:0 0 0 10px;text-transform:uppercase}
.contact-sd p {padding:5px 20px;color:#fff;font-size:14px;margin:0;}
.contact-sd p strong {font-size:16px;line-height:38px;}
.pages {margin:30px 0 0;text-align:center;font-size:0;}
.pages a {display:inline-block;font-size:14px;line-height:35px;padding:0 14px;margin:5px;background-color:#f5f5f5;border-radius:3px;transition:all 0.5s;}
.pages a:hover,.pages a.active {background-color:#ffcd11;color:#fff;}
.box {border:1px solid #ddd;padding:20px;}
.box-title {color:#ffcd11;border-bottom:1px solid #ddd;margin-bottom:30px;font-size:30px;padding-bottom:15px;}
.list-1 {margin:-10px 0 0 -10px;}
.list-1 li {float:left;width:33.333333%;margin-bottom:10px;}
.list-1 li a {display:block;border:1px solid #ddd;padding:5px;margin:10px 0 0 10px;}
.list-1 li .img-cover {padding-top:75%;background-color:#000;}
.list-1 li .img-cover em {position:absolute;left:0;top:50%;width:100%;text-align:center;color:#fff;font-style:normal;margin-top:-10px;opacity:0;transition:all 0.5s;}
.list-1 li p {text-align:center;margin:0;line-height:44px;background-color:#f0f0f0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-1 li a:hover .img-cover span {opacity:0.6;transform:scale(1.1);}
.list-1 li a:hover .img-cover em {opacity:1;}
.list-3 {margin:-20px 0 0 -20px}
.list-3 li {float:left;width:33.333333%}
.list-3 li a {display:block;margin:20px 0 0 20px;text-align:center;}
.list-3 li .img-cover {border:1px solid #ddd;padding-top:76%}
.list-3 li .text {line-height:40px;position:relative;padding:0 14px;font-size:16px;}
.list-3 li .text p {margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;z-index:1;transition:all 0.5s}
.list-3 li .btn {text-align:center;}
.list-3 li .btn a {margin-top:0;display:inline-block;background:#555555;padding:3px 20px;height:35px;line-height:35px;color:#FFF;font-size:16px;border-radius:5px;}
.list-3 li .btn a.blue {background:#2d56a4;}
.list-4 {margin:10px 0 0 0px!important;}
.list-4 li {float:left;width:50%;margin:0;position:relative;}
.list-4 li a {display:inline-block;line-height:34px;margin:0 20px 0 0;color:#545555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.list-4 li span {position:absolute;right:20px;top:8px;color:#bbbbbc;}
.list-5 li {margin-bottom:15px}
.list-5 li a {display:block;border:1px solid #ddd;padding:15px;overflow:hidden}
.list-5 li .img-cover {float:left;width:250px;}
.list-5 li .noimg{margin-left:0!important;}
.list-5 li .text {margin-left:270px}
.list-5 li .text h4 {margin:0;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}
.list-5 li .text h4 span {float:right;font-size:12px;color:#999;font-weight:normal}
.list-5 li .text p {color:#797979;line-height:200%;}
.list-5 li .text .more {float:right;margin-top:-20px;padding:6px 12px;color:#fff;background-color:#B6B6B6}
.list-5 li a:hover {border-color:#ffcd11}
.list-5 li a:hover .text h4 {color:#ffcd11}
.list-5 li a:hover .text .more {background-color:#ffcd11}
.list-6 li {float:left;width:25%;margin:0;}
.list-6 li a {display:block;margin:20px 0 0 20px;text-align:center;border:1px dashed #333;}
.list-6 li a:hover {border:1px dashed #ffcd11;}
.list-6 li .text {padding:8px 0;background-color:#333;color:#fff;}
.list-6 li:hover .text {background-color:#ffcd11;color:#fff;}
.content-title {margin-bottom:20px;text-align:center;border-bottom:1px dashed #ddd;padding-bottom:20px;}
.content-title h1 {font-size:22px;margin:0;}
.content-title p {margin:15px 0 0;font-size:12px;color:#999;}
.content-title p span {padding:0 10px;display:inline-block;}
.content-desc{margin-bottom:20px;border:1px solid #ddd;padding:20px;line-height:1.8;}
.content-desc p{display:inline;}
.content-body {line-height:1.8;}
.content-body *{font-size: 16px;line-height:220%;}
.content-body img {max-width:100% !important;height:auto !important;width:auto !important;display:block;margin:0 auto;}
.content-exp {padding:10px 15px;font-size:14px;margin-top:20px;border:1px solid #ddd;overflow:hidden;}
.content-exp li {line-height:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;float:left;width:50%;list-style:none;}
.content-exp li:last-child {text-align:right;}
.content-exp .tags {padding-right:10px;}
.eycms-showcase {margin:0 0 40px;}
.eycms-showcase-info {margin-left:430px;}
.eycms-showcase-info h1 {font-size:24px;margin:0 0 30px;font-weight:normal;}
.eycms-showcase-info p {margin:5px 0 0;color:#666;line-height:1.8;}
.eycms-showcase-info .tel {border-top:2px solid #e6e6e6;margin-top:15px;padding-top:15px;background:url(../images/pc-xc-icon2.png) no-repeat 0 15px;height:42px;padding-left:60px;line-height:21px;font-size:18px;}
.eycms-showcase-info .tel a {float:right;line-height:42px;padding:0 15px;background-color:#ffcd11;color:#fff;}
.nopic{margin-left:0!important;}
.nopic p{min-height:auto;}

.pc-slide {float:left;width:400px;}
.view .swiper-slide .img-cover {width:100%;height:300px;line-height:300px;}
.view .swiper-container {width:100%;}
.preview {width:100%;margin-top:10px;position:relative;}
.preview .swiper-container {margin:0 30px;}
.preview .swiper-slide .img-cover {border:1px solid #ddd;cursor:pointer;position:relative;height:72px;}
.preview .arrow-left {background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .arrow-right {background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .active-nav .img-cover {border-color:#ffcd11;}
div.zoomDiv {z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0;}
div.zoomMask {position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.title-1 {background-color:#ebebeb;font-size:0;margin-bottom:20px;}
.title-1 span {display:inline-block;line-height:50px;background-color:#ffcd11;font-size:18px;color:#fff;padding:0 30px;}
.pagination {height:40px;text-align:center;padding:20px 0px;}
.pagination li {display:inline-block;}
.pagination a {display:inline-block;margin-right:10px;padding:2px 15px;height:30px;border:1px #cccccc solid;background:#fff;text-decoration:none;color:#808080;font-size:14px;line-height:30px;}
.pagination .active a,.pagination a:hover {background:#ffcd11;color:#fff;border:1px #ffcd11 solid;}

@media screen and (max-width:767px) {
.header .nav .container{display: block}
.h_yuyan ul{display: flex;flex-wrap: wrap;margin: 0!important;}
.h_yuyan ul li{width: 50%;display: block;}}

.bossgoo-index-choose14 {
    width: 100%;
  }
  
  .bossgoo-index-choose14 .wrap .choose14-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 25px;
  }
  
  .bossgoo-index-choose14 .wrap .choose14-box .choose14-item {
    width: 23.5%;
    margin-right: 2%;
    padding: 50px 10px;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    position: relative;
    height: 225px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
  }
  
  .bossgoo-index-choose14 .wrap .choose14-box .choose14-item i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #333;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -25px;
    transition: all 0.5s;
  }
  
  .bossgoo-index-choose14 .wrap .choose14-box .choose14-item .choose14-itemTi {
    line-height: 1.5;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
  }
  
  .bossgoo-index-choose14 .wrap .choose14-box .choose14-item .choose14-itemTe {
    padding-top: 20px;

    line-height: 1.5;
    text-align: center;
    color: #333;
    font-size: 16px;
  }
  
  .bossgoo-index-choose14 .wrap .choose14-box .choose14-item:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 0 !important;
  }
  
  .bossgoo-index-choose14 .wrap .choose14-box .choose14-item:hover i {
    color: #000;
    background-color: #ffcd11;
  }
  
  @media only screen and (max-width: 1440px) {
    .bossgoo-index-choose14 {
      padding-left: 20px;
      padding-right: 20px;
      box-sizing: border-box;
    }


  }
  
  @media only screen and (max-width: 1040px) {
    .bossgoo-index-choose14 .wrap .first-title {
      font-size: .56rem;
    }
    .bossgoo-index-choose14 .wrap .choose14-box .choose14-item {
      width: 49%;
      /* padding: .4rem .2rem; */
      height: auto;
    }
    .bossgoo-index-choose14 .wrap .choose14-box .choose14-item .choose14-itemTi {
      font-size: 16px;
    }
    .bossgoo-index-choose14 .wrap .choose14-box .choose14-item .choose14-itemTe {
      padding-top: .2rem;
    }
    .bossgoo-index-choose14 .wrap .choose14-box .choose14-item:nth-child(2n) {
      margin-right: 0;
    }
    .bossgoo-index-choose14 .wrap .choose14-box .choose14-item:nth-child(1), .bossgoo-index-choose14 .wrap .choose14-box .choose14-item:nth-child(2) {
      margin-bottom: 1rem;
    }
  }
  
  @media only screen and (max-width: 767px) {
    .bossgoo-index-choose14 .wrap .first-title {
      font-size: .48rem;
    }
    .bossgoo-index-choose14 .wrap .choose14-box .choose14-item {
      width: 100%;
      margin-right: 0;
      /* height: 3rem; */
      margin-bottom: 2rem !important;
    }
    .bossgoo-index-choose14 .wrap .choose14-box .choose14-item .choose14-itemTi {
      -webkit-line-clamp: 1;
      line-clamp: 1;
    }
    .bossgoo-index-choose14 .wrap .choose14-box .choose14-item .choose14-itemTe {
      font-size: 14px;
    }
  }
  
  
.service-view{position: fixed;top: 50%;right: 15px;transform: translate(0, -20%);z-index: 99999;transition: all 500ms ease;}
.service-view.dis{right: -75px;}
.service-view .close{position: absolute;right: -6px;top: -15px;width: 18px;height: 18px;background: #fff;color: #222;border-radius: 10px;line-height: 18px;text-align: center;border: 1px solid #ddd;font-family: "Arial";z-index: 99;cursor: pointer;display: none;}
.service-view ul{background: rgba(0, 0, 0, 0.2);padding: 6px 6px 2px;border-radius: 4px;backdrop-filter: blur(5px);}
.service-view ul li{position: relative;margin-bottom: 5px;border-radius: 8px;padding: 5px;background: #333;cursor: pointer;}
.service-view ul li.whatsapp{background: #12af0a;}
.service-view ul li.emaill{background: #ffbd00;}
.service-view ul li.facebook{background: #4267B2;}
.service-view ul li.phonee{background: #fe5401;}
.service-view ul li i{display: flex;font-size: 36px;width: 40px;height: 40px;color: #fff;align-items: center;justify-content: center;transition: all 500ms ease;}
.service-view ul li span{display: none;font-size: 12px;line-height: 16px;text-align: center;}
.service-view ul li .box{position: absolute;top: 0;right: -172px;width: 110px;height: 110px;margin-right: 10px;border-radius: 5px;border: 0;padding: 0;background: rgba(0, 0, 0, 0.2);opacity: 0;visibility: hidden;box-sizing: border-box;transition: all .5s;display: none;}
.service-view ul li .box img{width: 100%;height: 100%;padding: 5px;box-sizing: border-box;}
.service-view ul li .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent rgba(0, 0, 0, 0.2);border-width: 9px;width: 0;height: 0;position: absolute;top: 20px;right: -18px;margin-left: -12px;}
.service-view ul li .tel{position: absolute;top: 0;right: -172px;width: 200px;height: 100%;color: rgb(255 255 255 / 80%);font-size: 20px;line-height: 50px;text-align: center;padding-right: 10px;border-radius: 5px;background: #fe5401;opacity: 0;visibility: hidden;transition: all .5s;}
.service-view ul li:hover i{opacity: 0.8;}
.service-view ul li:hover .box{right: 62px;opacity: 1;visibility: visible;}
.service-view ul li:hover .tel{right: 40px;opacity: 1;visibility: visible;}
@media only screen and (max-width: 768px){
.service-view{top: auto;left: 0;bottom: 0;width: 100%;transform: none;}
.service-view .close,
.service-view .box,
.service-view .tel{display: none;}
.service-view ul{display: flex;justify-content: space-around;padding: 0;border-radius: 0;background: #fff;box-shadow: 0 -3px 4px rgb(0 0 0 / 10%);}
.service-view ul li{width: 25%;padding: 7px 5px;margin: 0;border-radius: 0;background: none!important;}
.service-view ul li:last-child{display: none;}
.service-view ul li i{color: #555;font-size: 26px;height: 30px;margin: auto;}
.service-view ul li span{display: block;}}