@font-face { font-family: 'iconfont'; /* project id 1298696 */ src: url('//at.alicdn.com/t/font_1298696_ut7tnn72s4.eot'); src: url('//at.alicdn.com/t/font_1298696_ut7tnn72s4.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_1298696_ut7tnn72s4.woff2') format('woff2'), url('//at.alicdn.com/t/font_1298696_ut7tnn72s4.woff') format('woff'), url('//at.alicdn.com/t/font_1298696_ut7tnn72s4.ttf') format('truetype'), url('//at.alicdn.com/t/font_1298696_ut7tnn72s4.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.container { max-width: 1200px; }

/*网站公共样式*/
.info-content { font-size: 15px; line-height: 2.5; }
a { color: #333; text-decoration: none; }
a:hover { color: #0062d0 }
a:focus { color: #0062d0 }
a.btn-more { transition: all 0.3s ease; -moz-transition: all 0.3s ease; /* Firefox 4 */ -webkit-transition: all 0.3s ease; /* Safari and Chrome */ -o-transition: all 0.3s ease; /* Opera */ }
.banner { height: 500px\9 !important; overflow: hidden\9 !important; overflow: hidden; }
/*兼容ie低版*/
.text-green { color: #0c3c8e; }


/*遮罩层*/
.mask-bg { position: fixed; width: 100%; height: 100%; display: none; height: 100vh; background-color: rgba(0, 0, 0, .5); overflow: hidden; z-index: 100; top: 0; left: 0; }
.mask-bg.active { display: block; }



/*首页模块样式*/
.product-module-box { position: relative; }
.module-title { clear: both; text-align: center; margin: 30px 0px 30px 0px; }
.module-title .cn-title { display: block; color: #333; line-height: 48px; font-family: SimSun; font-weight: bold; }
.module-title span { font-size: 18px; background: url(../images/24tel.png) no-repeat center left; background-size: 34px; padding: 20px 0 20px 50px; }



/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated, .sub-nav .animated { animation-duration: 0.4s; -webkit-animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.navSlide { animation-name: navSlide; -webkit-animation-name: navSlide; }

@keyframes navSlide {
    0% { transform: translateY(100%); -webkit-transform: translateY(100%); -ms-transform: translateY(100%); -moz-transform: translateY(100%); -o-transform: translateY(100%); opacity: 0; visibility: visible; }
    100% { transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); opacity: 1; }
}



/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
    .top-logo { padding-top: 10px; }
    .header { height: 100px; background-color: #fff; }
    .header .nav-toggle { display: none }
    .header .logo { height: 100px; display: flex; align-items: center; }
    .header .logo img { max-height: 80px; }
    .top-cheek { background-color: #2b41a4; /*position: sticky;top: 0;z-index: 12;*/ }
    .top-cheek .text-center { padding-right: 0 }
    .nav > ul { width: 100%; }
    .nav > ul > li { float: left; text-align: center; line-height: 58px; width: calc(100% / 9); display: block; }
    .nav > ul > li > a { display: block; width: 100%; line-height: 58px; text-align: center; font-size: 16px; color: #FFFFFF; }
    .nav > ul > li > ul { display: none; }
    .nav > ul > li.on { background-color: #eb9b2a; }
    .nav li:hover > ul { display: block; }
    .nav ul li ul li a { display: block; width: 100%; text-align: center; color: #fff; font-size: 15px; line-height: 50px }
    .nav ul li ul li a:hover { text-decoration: none; color: #fff; background: #89584B; }

    .nav ul li ul li { display: none !important; }
    .nav ul li { position: relative; }
    .nav ul li .arrow { display: none }
    .nav ul li ul { background-color: #ad7669; display: none; position: absolute; left: -18%; z-index: 2; width: 150px }
    /*二级ul样式*/
    .nav ul li ul li ul { left: 100%; top: 0px; display: none; }
    /*三级以后ul样式*/
    .breadcrumb { margin: 36px 0 0; }
    footer { padding-top: 60px; }
}

@media (max-width:1000px) /*手机端*/
{
    .header { position: relative; z-index: 5; background-color: #fff; box-shadow: 0px 1px 4px rgba(216, 216, 233, 0.9); }
    .header .logo { line-height: 66px; }
    .header .logo img { height: 50px; }
    .header .nav-toggle { position: absolute; right: 0px; top: 2px; font-size: 25px; min-width: 66px; height: 66px; line-height: 66px; text-align: center; cursor: pointer; z-index: 1; }
    .header .nav-toggle.active { color: #ccc; }

    .nav { position: fixed; z-index: 100; top: 0px; right: 0px; width: 0px; background: #fff; height: 100%; height: 100vh; opacity: 0; transition: all 0.2s linear; overflow-y: auto }
    .nav.active { opacity: 1; width: 300px; max-width: 60% }
    .nav ul li { line-height: 45px; text-align: left }
    .nav ul li ul { display: none; }
    /*二级ul样式*/
    .nav ul li a { padding-left: 30px; display: block; color: #999; font-size: 15px; line-height: 3.5; border-bottom: 1px solid #dcdcdc }
    .nav ul li ul li a { padding-left: 60px; font-size: 14px; background-color: #eeeeee }
    .nav ul li ul li ul li a { padding-left: 90px; }
    .nav ul li ul li ul li li a { padding-left: 120px; }
    .nav ul li { position: relative; }
    .nav ul li .arrow { position: absolute; right: 0px; top: 0px; width: 50px; height: 50px; line-height: 50px; text-align: center; transition-duration: 0s }
    .nav ul li .arrow:after { font-family: FontAwesome; content: "\f105"; display: block; font-weight: bold; font-size: 18px }

    .nav ul li.on > a { color: #5a342b; }
    .nav ul li.active > ul { display: block }
    .nav ul li.active > .arrow { transform: rotate(90deg) }

    .contact li span { display: inline-block; }
    footer { margin-top: 60px; }
}


/*TOP*/
.header .top-center { font-size: 15px; margin-top: 30px; border-left: 1px dashed #2b41a4; padding-left: 20px; }
.header .top-center span { font-size: 15px; display: block; font-weight: normal; }
.header .top-right { }
.header .top-right > div { height: 100px; display: flex; align-items: center; justify-content: flex-end; }
.header .top-right ul { padding-left: 60px; background: url(../images/phone.png) no-repeat center left; }
.header .top-right ul li:nth-of-type(1) { font-size: 14px; color: #444444; }
.header .top-right ul li { width: 100%; line-height: 28px; font-size: 24px; font-weight: bold; color: rgb(43, 65, 164); }

/*FOOTER*/
.bg-black { background-color: #2b41a4; padding-top: 34px; }
footer { width: 100%; min-height: 95px; line-height: 2.5; }
.footernav > ul > li > a { color: #bbbbbb; }
.footernav > ul > li > ul > li { display: none !important; }
.ulli ul li { line-height: 1.9; }
.ulli ul li:not(:nth-child(-n+7)) { display: none; }
.ulli ul li a { color: #fff; font-size: 15px; }
.ulli ul li a:hover { color: #eb9b2a; }
.ulli ul li ul li { display: none; }
.foottitle span i { display: block; border-bottom: 2px solid #fff; width: 30px; margin-bottom: 10px; }

.weixin .top ul { text-align: left; line-height: 1.2; position: relative; top: 14px; display: inline-block; color: rgb(110, 124, 139); }
.weixin .top ul li:first-child { font-size: 28px; color: #14b5f0; font-weight: bold; }
.weixin .top ul li:last-child { color: rgb(255, 255, 255); font-size: 13px; }

.contact li:not(:first-child) { line-height: 2; font-size: 15px; }
.contact li:first-child img { width: 50px; }
.contact li:first-child b { font-size: 27px; letter-spacing: 1px; color: rgb(20, 181, 240); padding-left: 10px; }

.copyright-bg { background-color: rgba(8, 42, 99, 0.43); }
.copyright-bg .box a, .copyright-bg .box { color: rgb(159, 193, 248); font-size: 13px; }
.copyright-bg .box a:hover { text-decoration: underline; }
.copyright a:hover { text-decoration: underline; color: #fff; }



/*Pc端 在线客服*/
.zaixian { position: fixed; bottom: 220px; right: 0px; z-index: 9; }
.zaixian .zaixian_com { position: relative; width: 50px; height: 80px; }
.zaixian_com .zxzx_pic1 { position: absolute; right: 0px; top: 0px; }
.zaixian_com .zxzx_pic2 { position: absolute; right: -190px; top: -70px; z-index: 10; width: 170px; height: 300px; }
.zaixian_com .zxzx_pic1 p { position: absolute; top: 50px; left: 18px; font-size: 13px; color: #fff; }
.zaixian_com .zxzx_pic2 p { position: absolute; top: 118px; left: 24px; font-size: 13px; color: #fff; }
.kf-lf-lj { position: absolute; width: 100px; right: 10px; top: 70px; }
.kf-lf-lj a { display: block; line-height: 30px; padding-left: 10px; margin: 5px 0; color: #848484; font-size: 13px; }
.kf-lf-lj a .fa { padding-right: 4px; }
.kf-lf-lj a:hover { background: #1298fa url(../images/box-kefu2.png) no-repeat 5px center; color: #FFF; border-radius: 4px; }

@media(max-width:1000px) {
    .zaixian { display: none; }
}



/*PC端置顶*/
#ToTop { position: fixed; bottom: 80px; right: 40px; width: 40px; height: 40px; text-indent: -999em; z-index: 20000; background-image: url(../images/top2.png); background-repeat: no-repeat; background-position: -503px 0;; }
#ToTop:hover { width: 40px; height: 40px; background: url(../images/top2.png) no-repeat -503px -42px;; text-indent: -999em; filter: alpha(opacity=100); opacity: 1; z-index: 20000; }

@media (max-width:1000px) /*手机端*/
{
    .gotoptop_icon { display: none !important; }
}



/*移动端固定栏目按钮*/
.float-nav-toggle { display: block; text-align: center; position: fixed; left: 6px; bottom: 60px; color: #fff; font-size: 18px; width: 40px; height: 40px; line-height: 40px; background-color: rgba(13, 13, 13, 0.6); border-radius: 20px; z-index: 4; }

@media (max-width: 767px) {
    .display-xs-block { display: block !important; }
}



/*手机端固定导航栏*/
.footer-fixed { position: fixed; left: 0; bottom: 0; overflow: hidden; width: 100%; padding: 6px 0px 2px; color: #fff; z-index: 4; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-top: 0.2rem solid #000; background: #fff; }
.footer-fixed ul { display: flex; flex-direction: row; justify-content: space-evenly; align-items: center; text-align: center; }
.footer-fixed ul li a { width: 100%; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 13px; }
.footer-fixed ul li p { font-size: 1.3rem; }
.footer-fixed.active { transform: translateX(2.8rem); z-index: 9; }
.footer-fixed2 { font-size: 2.8rem; padding-top: 0.6rem; }
.footer-fixed i { display: block; }
.footer-fixed .fa { font-size: 22px; }

@media (min-width:1000px) {
    .footer-fixed { display: none !important; }
}

@media (max-width:1000px) {
    footer { margin-bottom: 50px; }
}


/*公共样式*/
.breadcrumb li img { width: 26px; position: relative; top: -2px; margin: 26px 0; }
.breadcrumb > li + li::before { content: "/"; }
.card1 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; }
.card2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; height: 36px; }
.card2s { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; height: 44px; }
.page ul li .fa { padding-right: 10px; }
.page ul li:hover a, .page ul li:hover { color: #0488CD; }
.font-size-13 { font-size: 13px; }


/*图片列表*/
.images-list .row .item a { display: block; overflow: hidden; }
.images-list .row .item img { display: block; width: 100%; height: auto; transition: all 0.3s ease-out 0s; }
.images-list .row .item a:hover img { transform: scale(1.08,1.08); }



/*子栏目样式*/
.nav-fenye { height: auto; width: 100%; margin-top: 30px; }
.nav-content { width: 100%; height: 100%; overflow-wrap: break-word; padding: 0px; border-color: rgb(43, 65, 164); border-width: 2px; background-color: transparent; border-style: solid; }
.nav-header { width: 100%; height: auto; background-color: rgb(43, 65, 164); }
.header-wenzi { padding-top: 20px; width: 100%; display: block; font-family: "Microsoft YaHei"; font-size: 30px; color: rgb(255, 255, 255); text-align: center; }
.header-wenzi1 { padding-bottom: 20px; font-family: "Microsoft YaHei"; font-size: 22px; color: rgb(255, 255, 255); width: 100%; display: block; text-align: center; }
.header-top { left: 8px; top: 17px; position: absolute; width: 34px; height: 34px; transform: rotate(31deg); transform-origin: 0px 0px; }
.top-content { margin: 15px 0; border: none; border-top-color: currentcolor; border-top-style: none; border-top-width: medium; border-top: 2px solid #ffffff; height: 0; }
.footer-content { margin: 15px 0; border: none; border-top-color: currentcolor; border-top-style: none; border-top-width: medium; border-top: 2px solid #ffffff; height: 0; }
.header-footer { right: -11px; top: 117px; position: absolute; z-index: 137; transform: rotate(31deg); transform-origin: 0px 0px; padding: 0px; border-color: transparent; border-width: 0px; overflow: hidden; width: 34px; height: 34px; }
.nav-footer { padding: 10px; clear: both; overflow: hidden; overflow-wrap: break-word; border-color: transparent; border-width: 0px; height: auto; background-color: rgb(43, 65, 164); width: 100%; border-style: solid; }

.footer-img { overflow: hidden; height: auto; border-width: 0px; border-style: solid; padding: 6px 10px 0px; }
.footer-img img { width: 42px; height: auto; }
.footer-title { font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(255, 255, 255); }
.footer-wenzi { float: left; }
.footer-wenzi strong { font-size: 20px; font-family: "Microsoft YaHei"; color: #fff; display: block; }
.footer-wenzi span { overflow: hidden; }

.nav-message { z-index: 101; width: 80%; margin: auto; padding-top: 20px; }
.nav-message ul { width: 100%; }
.nav-message ul li { width: 100%; margin-bottom: 20px; padding: 10px 0; transition: all .7s; background: url(../images/title1.png)no-repeat 20% 9px #2b41a4; padding-left: 30%; }
.nav-message ul li a { color: #fff; width: 100%; display: block; font-size: 16px; padding-left: 3%; }
.nav-message ul li a img { width: 25px; height: 25px; margin: 0 15px; }
.nav-message ul li:hover { background-color: #eb9b2a; }
.nav-message ul li.current { background-color: #eb9b2a; }

.nav-box { clear: both; text-align: left; margin-bottom: 20px; width: 100%; overflow: visible; }
.nav-box li { width: 100%; padding: 0px; text-align: left; position: relative; display: block; }
.nav-box li a { display: block; text-align: center; line-height: 50px; color: #fff; font-family: "Microsoft YaHei",Tahoma,Verdana,"Simsun"; font-size: 16px; background-color: #2b41a4; margin: 20px 20px; }
.nav-box li a:hover, .nav-box li.current > a { background-color: #eb9b2a; }
.nav-box li ul { display: none }
.nav-box li ul li a { padding-left: 55px; }
.nav-box li ul li ul li a { padding-left: 85px }
.nav-box li .arrow { color: #b0b0b0; position: absolute; right: 30px; top: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; transition-duration: 0.1s; cursor: pointer; background-color: #fff; border-radius: 30px; }
.nav-box li .arrow:after { font-family: FontAwesome; content: "\f105"; display: block; font-weight: bold; font-size: 18px }
.nav-box li.active > ul { display: block }
.nav-box li.active > .arrow { transform: rotate(90deg); }



/*---------------------------------------------------add---------------------------------------------------------------------*/
/*分页公共样式*/
.detailbox { font-size: 12px; padding: 2px 10px; background-color: #F5F5F5; border: 1px solid #E5E5E5; color: #868686; margin-top: 10px; }

/*分页样式*/
@media (min-width:1000px) {
    .pagetel li .en { font-size: 22px; }
    .images-x li { margin-bottom: 30px; }
    .images-x li .box { padding: 10px; }

    .wordsmax { margin: 40px 0 20px; }
    .wordsmax:after { width: 12%; }

    .images-list li { padding-left: 5px; padding-right: 5px; }
    .product-list .images-x li { margin-bottom: 10px; }
    .cases-list .images-x li { margin-bottom: 14px; }
}

@media (max-width:1000px) {
    .pagetel li .en { font-size: 18px; }
    .images-x li { margin-bottom: 10px; padding-left: 5px; padding-right: 5px; }
    .images-x li .box { padding: 6px; }
    .images-x li .box .title { font-size: 13px; }

    .wordsmax { margin: -24px 0 30px; }
    .wordsmax:after { width: 30%; }
    .wordsmax .fontsize { font-size: 18px !important; }
    .wordsmax .text { font-size: 14px !important; }
    .footer-wenzi span { font-size: 13px; }
}
/*分页公共样式*/
.phone-pro { overflow: hidden; margin: -14px 0 20px; }
.phone-pro li { margin-bottom: 4px; }
.phone-pro li a { width: 48%; float: left; text-align: center; background-color: #2b41a4; color: #fff; margin: 2px 2px 6px; padding: 6px 0; border-radius: 4px; }
.phone-pro li ul li { display: none !important; }
.phone-news li a { width: 31%; }

/*分页顶部标题*/
.wordsmax { position: relative; left: 0; z-index: 1; top: 0; width: 100%; border-bottom: 1px solid #d9d9d9; }
.wordsmax .fontsize { border-left: 2px solid #2b41a4; padding-left: 10px; }
.wordsmax:after { content: ""; height: 3px; background-color: #2b41a4; display: block; }

/*分页-产品中心*/
.images-x li .box { border: 1px solid #d9d9d9; }
.images-x li .box:hover { border-color: #2b41a4; }
.images-x li .box .box-img { width: 42px; height: 42px; position: absolute; top: 40%; left: 40%; opacity: 0; transition: all .7s; transform: scale(0.0); }
.images-x li .box .box-img img { width: 100% !important; height: 100% !important; }
.images-x li .box .box-mask { top: 0; left: 0; background: rgba(43,65,164,0.3)none repeat scroll 0% 0%; width: 100%; height: 100%; transform: scale(0.0); display: block; position: absolute; opacity: 0; transition: all .7s; }
.images-list .row { text-align: center; }
.images-list .row .item a:hover .box-img { opacity: 1; transform: scale(1.1) }
.images-list .row .item a:hover img { transform: scale(1.08,1.08); }
.images-list .row .item a:hover .box-mask { opacity: 1; transform: scale(1.1) }
.images-list .row .item a:hover .box { border-color: #2b41a4; }
.images-list .row .item a { position: relative; }

.cases-list { text-align: center; }
.cases-list .images-x li .box { border: 1px solid #fff; padding: 0 !important; }
.cases-list li .title { padding-top: 10px; }

/*分页-联系我们*/
.pagetel { text-align: center; margin-bottom: 40px; }



/*首页样式*/
@media (min-width:1000px) {
    .title-bg { padding-bottom: 30px; }
    .home-title { padding: 50px 0 60px; }
    .home-title .en { font-size: 30px; }
    .home-title .cn { font-size: 24px; }
    .home-title .cn i { border-bottom: 2px solid #fff; width: 45%; }
    .home-title .cn i.left { top: 18px; }
    .home-title .cn i.right { top: 18px; }
    .home-more a { height: 70px; width: 70px; line-height: 70px; }
    .home-text .home-title .cn i { width: 42%; }
    .home-newstitle .home-title .cn i { width: 45%; }

    .marqueeleft li { width: 380px; }
    .marqueeleft li .pic { width: 380px; }

    .home-aboutus .box .title { font-size: 30px; }
    .home-chooseus { margin-bottom: 90px; }
    .home-chooseus .box { padding: 30px 10px; min-height: 306px; overflow: hidden; }

    .home-pro { padding-bottom: 50px; }
    .home-pro .images-list li { padding-left: 5px; padding-right: 5px; margin-bottom: 10px; }
    .home-pro .nav-box { min-height: 360px; }

    /*.phone-border{border:1px solid #d9d9d9;overflow:hidden;padding:20px 15px 40px;}*/
}

@media (max-width:1000px) {
    .title-bg { padding-bottom: 20px; }
    .home-title { padding: 30px 0; }
    .home-title .en { font-size: 18px; }
    .home-title .cn { font-size: 14px; }
    .home-title .cn i { border-bottom: 1px solid #fff; width: 35%; }
    .home-title .cn i.left { top: 10px; }
    .home-title .cn i.right { top: 10px; }
    .home-more a { height: 60px; width: 60px; line-height: 60px; font-size: 13px; }
    .home-text .home-title .cn i { width: 30%; }
    .home-newstitle .home-title .cn i { width: 35%; }


    .marqueeleft li { width: 200px; }
    .marqueeleft li .pic { width: 200px; }
    .marqueeleft li .pic img { height: 100%; width: 100%; }

    .home-aboutus .box .title { font-size: 20px; }
    .home-chooseus { margin-bottom: 60px; }
    .home-chooseus .box img { max-width: 60px; }
    .home-chooseus .box p { font-size: 12px; }
    .home-chooseus .box { padding: 10px 10px; min-height: 240px; overflow: hidden; }

    .home-pro { padding-bottom: 30px; }
    .home-pro .nav-message { width: 100%; }
    .home-pro .header-wenzi { font-size: 22px; }
    .home-pro .header-wenzi1 { font-size: 20px; }
    .home-pro .nav-fenye { margin-top: 10px; }
    .home-pro .nav-message ul li { width: 47%; float: left; background: #2b41a4; padding: 4px; margin: 0 4px 16px; text-align: center; }
    .home-pro .header-footer { top: 80px; }
    .home-pro .nav-message ul li ul li { display: none !important; }
    .home-pro .nav-message ul li a { font-size: 14px; }
    .home-pro .header-top { top: 0px; }

    .addphone { padding-left: 0; padding-right: 0; }
}

/*首页公共样式*/
.title-bg { background: rgb(43, 65, 164) url(../images/title-bg.jpg) no-repeat bottom; }
.home-title { text-align: center; }
.home-title .en { color: rgb(235, 155, 42); text-transform: uppercase; }
.home-title .cn { color: rgb(255, 255, 255); position: relative; }
.home-title .cn i { display: block; }
.home-title .cn i.left { position: absolute; left: 0; }
.home-title .cn i.right { position: absolute; right: 0; }
.home-text .home-title .cn { color: #000; }
.home-text .home-title .cn i { border-bottom: 2px solid #cccccc; }

.home-more { border: 4px solid #405cdc; display: inline-block; border-radius: 50px; transition: 0.3s linear; margin: 30px 0; }
.home-more a { color: #fff; margin: 1px; border-radius: 50px; display: inline-block; background: #2b41a4 url(../images/circlebg.png); transition: 0.3s linear; text-transform: uppercase; }
.home-more:hover { border-color: #eb9b2a; }
.home-more a:hover { background: #eb9b2a url(../images/circlebg.png); }

.home-newstitle .home-title .cn i { border-bottom: 1px solid #ccc; }

/*首页-产品中心*/
.home-pro .wordsmax .promore { position: absolute; right: 0; top: 16px; }
.home-pro .wordsmax .promore a { padding: 10px 20px; background-color: #2b41a4; color: #fff; text-transform: uppercase; }
.home-pro .wordsmax .promore a:hover { background-color: #eb9b2a; }


/*首页-关于我们*/
.home-aboutus .row { padding-bottom: 20px; }
.home-aboutus .box .title { color: #fff; margin-bottom: 10px; }
.years-box { margin-top: 22px; }
.years-box ul { text-align: center; color: #fff; position: relative; }
.years-box li .en { font-weight: bold; margin-bottom: -6px; }
.years-box li .cn { color: #fff; padding-bottom: 12px; }
.years-box li span { font-weight: bold; }
.years-box li .linebox { border: 1px solid #fff; }

@media (min-width:1000px) {
    .years-box li { padding-left: 0; }
    .years-box li .en { font-size: 45px; }
    .years-box li .cn { font-size: 14px; }
    .years-box li .linebox { padding-right: 10px; }
    .years-box li:first-child span { position: absolute; right: 30px; top: 20px; }
    .years-box li:nth-child(2) span { position: absolute; right: 16px; bottom: 10px; }
    .years-box li:nth-child(3) span { position: absolute; right: 0; bottom: 10px; }
}

@media (max-width:999px) and (min-width:415px) {
    .years-box li { padding-left: 0; padding-right: 5px; }
    .years-box li .en { font-size: 26px; }
    .years-box li .cn { font-size: 12px; }
    .years-box li:first-child span { position: absolute; right: 24px; top: 12px; }
    .years-box li:nth-child(2) span { position: absolute; right: 16px; bottom: 10px; }
    .years-box li:nth-child(3) span { position: absolute; right: 8px; bottom: 10px; }
}

@media (max-width:414px) {
    .years-box li { padding-left: 0; padding-right: 0; }
    .years-box li .en { font-size: 14px; display: inline-block; }
    .years-box li .cn { font-size: 10px; }
    .years-box li .linebox { border: 1px solid #d0d0d0; display: inline-block; width: 60%; margin-bottom: 20px; }
}

/*首页-选择我们*/
.home-chooseus { text-align: center; }
.home-chooseus .box { border: 1px solid #3e52ac; }
.home-chooseus .box p { line-height: 2; }

/*首页-工程案例 滚动*/
.marqueeleft { height: auto; max-width: 1200px; overflow: hidden; margin: 0px auto; }
.marqueeleft ul { float: left; }
.marqueeleft li { float: left; margin: 0 5px; display: inline; height: auto; overflow: hidden; text-align: center; }
.marqueeleft li a { display: block; width: 100%; }
.marqueeleft li .pic { padding: 5px; width: 100%; border: 1px solid #CCCCCC; background: #FFFFFF; box-sizing: border-box; display: flex; align-items: center; justify-content: center; }
.marqueeleft li .pic img { max-width: 100%; max-height: 100%; }
.marqueeleft li .txt { text-align: center; height: auto; line-height: 30px; color: #FFFFFF; }
.marqueeleft ul li p { text-align: center; margin: 0 auto; display: inline-block; color: white; padding-top: 10px; }
.marqueeleft li a:hover { color: #fff; text-decoration: underline; }
/*首页-新闻资讯*/
.home-newslist li .box { border-bottom: 1px dotted #d9d9d9; padding-bottom: 10px; margin-bottom: 6px; }
.home-newslist li .box > a { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.addnews li .box { border-bottom: 1px dashed #d9d9d9; padding-bottom: 18px; margin-bottom: 16px; }

.banners { display: flex; justify-content: center; align-items: center; }
.pics_wrap .font-box { width: calc(100% - 140px); height: calc(100% - 100px); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.pics_wrap .font-box .container { height: 100%; display: flex; /*justify-content:center;*/ align-items: center; }
.pics_wrap .font-box .imgbox { position: absolute; right: 0; }

.pics_wrap .font-box .font1 { font-weight: bold; color: rgb(235, 155, 42); }
.pics_wrap .font-box .font2 { color: rgb(43, 65, 164); }

.fader { position: relative; font-family: "futura", arial; overflow: hidden; }
.fader .slide { position: absolute; width: 100%; height: 100%; top: 0; z-index: 1; opacity: 0; }
.fader .slide img { height: 100%; width: 100%; }
.fader .slide .slide_com { position: absolute; width: 100%; height: 35px; bottom: 0; z-index: 100; background-color: rgba(0, 0, 0, 0.35); color: #FFF; display: block; line-height: 35px; padding-left: 5px; }
.fader .prev, .fader .next { position: absolute; height: 80px; line-height: 55px; width: 50px; font-size: 100px; text-align: center; color: #fff; top: 50%; left: 0; z-index: 4; margin-top: -25px; cursor: pointer; opacity: .5; transition: all 150ms; }
.fader .prev:hover, .fader .next:hover { opacity: 1; }
.fader .next { left: auto; right: 0; }
.fader .pager_list { position: absolute; width: 100%; height: 30px; padding: 0; line-height: 30px; bottom: 2px; text-align: right; z-index: 4; }
.fader .pager_list li { display: inline-block; width: 20px; height: 20px; border: 1px solid #fff; text-align: center; line-height: 18px; color: #fff; margin: 0 3px; cursor: pointer }
.fader .pager_list li:hover, .fader .pager_list li.active { opacity: 1; background: #ff6600; color: #fff }

..addchongzhi { padding: 6px 15px; background-color: #ccc; border: none; border-radius: 2px; position: relative; top: 2px; }

@media(min-width:1000px) {
    .chongzhi-adds { position: absolute; bottom: 0; left: 15%; }
    #feedbackForm { padding: 20px 100px 0; }
}

@media(max-width:1000px) {
    .chongzhi-adds { position: absolute; bottom: 0; left: 40%; }
}

.el-form-item__content .edui-default { line-height: 20px; }
.el-form-item__label { font-weight: bold; }
.el-button--primary { background-color: #ce2e33; border-color: #ce2e33; }
.el-button--primary:focus, .el-button--primary:hover { background: #000; border-color: #000; }
.el-input.is-active .el-input__inner, .el-input__inner:focus, .el-textarea__inner:focus { border-color: #66afe9; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); }
.el-form-item { margin-bottom: 26px; }


.content-title { margin-bottom: 20px; text-align: center; }
.content-title h1 { font-size: 22px; margin: 0; }
.content-title p { margin: 15px 0 0; font-size: 13px; color: #999; border-top: 1px dashed #ddd; padding-top: 15px; }
.content-title p span { padding: 0 10px; display: inline-block; }
.content-body { line-height: 1.8; }
.content-body .content-img { padding-bottom: 20px; width: 100%; display: flex; justify-content: center; }
.content-body .content-img img { max-width: 100%; }
.content-body img { max-width: 100% !important; height: auto !important; width: auto !important; }
.content-exp { padding: 10px 15px; background-color: #f5f5f5; margin-top: 40px; border-radius: 5px; }
.content-exp li { line-height: 2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.yunu-showcase { margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px dashed #ddd; }
.yunu-showcase-info { margin-left: 30px; }
.yunu-showcase-info h1 { font-size: 20px; margin: 0; border-bottom: 1px dashed #ddd; padding-bottom: 15px; }
.yunu-showcase-info p { margin: 15px 0 0; color: #666; line-height: 1.8; }
.yunu-showcase-info .tel { margin-top: 15px; }
.yunu-showcase-info .tel a { line-height: 42px; color: #fff; display: inline-block; width: 120px; text-align: center; border-radius: 5px; background-color: #dd0000; }
.yunu-showcase img { max-width: 100% !important; vertical-align: middle; border: 0; page-break-inside: avoid; }
/*图片组*/
.yunu-showcase .images-box { position: relative; }
.yunu-showcase .images-box .swiper-container { width: 100%; height: 400px; margin-left: auto; margin-right: auto; }
.yunu-showcase .images-box .gallery-top { margin-bottom: 10px; border: 1px solid #dad8d8; padding: 20px 0; }
.yunu-showcase .images-box .gallery-top .swiper-wrapper { position: relative; }
.yunu-showcase .images-box .swiper-slide { background-size: cover; background-position: center; position: relative; }
.yunu-showcase .images-box .gallery-top { height: 100%; width: 100%; }
.yunu-showcase .images-box .gallery-top .swiper-slide img { display: block; margin: 0px auto; width: 100%; }
.yunu-showcase .images-box .gallery-thumbs { height: auto; box-sizing: border-box; padding: 0 22px; overflow: hidden; }
.yunu-showcase .images-box .gallery-thumbs .swiper-slide { opacity: 0.4; cursor: pointer; border: 2px solid #bd0c0c; }
.yunu-showcase .images-box .gallery-thumbs .swiper-slide-thumb-active { opacity: 1; }
.yunu-showcase .images-box .swiper-button-next, .images-box .swiper-button-prev { width: 22px; height: 100%; background-color: #888; background-size: 70% 70%; top: 22px; }
.yunu-showcase .images-box .swiper-button-next { right: 0; }
.yunu-showcase .images-box .swiper-button-prev { left: 0; }
.yunu-showcase .moveBox { width: 160px; height: 160px; background: rgba(250, 248, 246, 0.5); position: absolute; position: absolute; top: 0; left: 0; display: none; cursor: move; border: 1px solid #dad8d8; }
.yunu-showcase .images-box .show { display: block !important; }
.yunu-showcase .magBox { width: 316px; height: 316px; border: 1px solid #f2f2f2; position: absolute; float: left; overflow: hidden; display: none; top: 0; left: 360px; z-index: 1; }
.yunu-showcase .magBox ul li { display: none; position: absolute; top: 0; left: 0; }

@media(max-width:768px) {
    .yunu-showcase .images-box .gallery-top .swiper-slide img { width: 100%; }
    .yunu-showcase .images-box .gallery-thumbs { width: 100%; }
    .yunu-showcase .images-box .gallery-thumbs .swiper-wrapper { width: 100%; }
    .yunu-showcase .images-box .swiper-button-next, .images-box .swiper-button-prev { display: none; }
    .yunu-showcase .images-box .gallery-thumbs { padding: 0; }
}


@media screen and (min-width:1000px) {
    .fader { height: 410px; }
    .fader .slide .slide_com { padding-right: 100px; }
}

@media screen and (max-width:1000px) {
    .fader { height: 220px; }
    .fader .slide .slide_com { padding-right: 120px; }
    .yunu-showcase-info { margin: 20px 0 0; }
    .yunu-showcase-info h1 { padding-bottom: 10px; }
    .yunu-showcase-info p { margin-top: 10px; }
}

@media(min-width:992px) {
    .pics_wrap .font-box .imgbox img { max-width: 440px; }
    .pics_wrap .font-box .font1 { font-size: 42px; }
    .pics_wrap .font-box .font2 { font-size: 26px; }
}

@media(max-width:992px) {
    .pics_wrap .font-box .imgbox img { max-width: 150px; }
    .pics_wrap .font-box .font1 { font-size: 26px; }
    .pics_wrap .font-box .font2 { font-size: 18px; }
}

@media(max-width:468px) {
    .pics_wrap .font-box .imgbox img { display: none; }
    .pics_wrap .font-box { width: 100%; padding-left: 10px; }
    .pics_wrap .font-box .font1 { font-size: 18px; }
    .pics_wrap .font-box .font2 { font-size: 13px; }
    .pics_wrap .html5zoo-nav-0 { display: none !important; }
}