@charset "UTF-8";
.container,.container-middle,.wrap{padding-right: 15px;padding-left: 15px;margin:0 auto;}
/* @media (min-width: 768px) {
	.wrap,.container,.container-middle{ width: 750px;}
}
@media (min-width: 992px) {
    .wrap,.container,.container-middle{width: 970px;}
} */
@media (min-width: 1260px) {
 	.wrap,.container,.container-middle{ width: 1230px;}
}
@media (min-width: 1460px) {
.container-middle,.container{ width: 1430px;}
}
@media (min-width: 1920px) {
  .container-middle{ width: 1630px;}
  .container{width: 1430px;}
}
@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}

/* css3 keyframes - animation 4 */
@-webkit-keyframes anim4 {
    from {
        -webkit-transform: rotateZ(0deg);
    }

    50% {
        -webkit-transform: rotateZ(180deg);
    }

    to {
        -webkit-transform: rotateZ(360deg);
    }
}

@-moz-keyframes anim4 {
    from {
        -moz-transform: rotateZ(0deg);
    }

    50% {
        -moz-transform: rotateZ(180deg);
    }

    to {
        -moz-transform: rotateZ(360deg);
    }
}

@-ms-keyframes anim4 {
    from {
        -ms-transform: rotateZ(0deg);
    }

    50% {
        -ms-transform: rotateZ(180deg);
    }

    to {
        -ms-transform: rotateZ(360deg);
    }
}

@-o-keyframes anim4 {
    from {
        -o-transform: rotateZ(0deg);
    }

    50% {
        -o-transform: rotateZ(180deg);
    }

    to {
        -o-transform: rotateZ(360deg);
    }
}

@keyframes anim4 {
    from {
        transform: rotateZ(0deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}

/*header*/
.header{position: fixed;top: 0;left: 0;width: 100%;height: 100px;z-index: 5000;background: #fff;transition: ease .5s;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.header.on{background-color: #fff;border-color: transparent;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.header .logo{ display: block; float: left; position: relative; z-index: 1200;margin: 11px 0;}
.header .logo img{ width: 77px; height: 78px;}
.header .logo img.logoon{display: none;}
.header.on .logo img{display: none;}
.header.on .logo img.logoon{display: block;}
.header-right{float: right;padding: 33px 10px;}
.header-top{background: url(../images/headtop-ba_01.jpg)no-repeat center;transition: ease .5s;padding: 25px 0;}
.ny-top{background: #fff;}
.ny-top .header-language a:hover{color: #F0BB44;}
.header-slogan{float:left;font-size: 22px;line-height: 40px;color: #341d17;}
.header-phone{font-size: 24px;line-height: 40px;color: #fff;margin-top: 10px;position: relative;padding-left: 28px;font-family: "DINMITTELSCHRIFTSTD";}
.header-phone::before{position: absolute;content: "";width: 17px;height: 17px;background: url(../images/headtop-phone.png)no-repeat center;background-size: 100% 100%; top: 10px;left: 0;}
.header-phone span{display: inline-block; font-family: "ITCAvantGardeStd-BkCn";font-size: 22px;line-height: 30px;color: #341d17;}
.header-search{float: right;margin-top: 0px;position: relative;padding-left: 18px;margin-left: 18px;}
.header-search::before{position: absolute;content: "";width: 1px;height: 20px;background: #a0a0a0;left: 0;top: 50%;transform: translateY(-50%);}
.bt-search{ position: relative;  border: none; background: none;  float: left; width: 19px; height:34px;text-align: center; line-height: 40px; cursor: pointer;  transition: .5s;z-index: 10;}
.bt-search:hover{background: #fff;}
.bt-search .sub-bot {  display: inline-block;  width: 19px; height: 19px; line-height: 34px;background-size: 100% 100%; border: none;  z-index: 3; cursor: pointer; background: url(../images/icon-search.png) no-repeat center transparent; padding-right: 0px;}
.header.on .bt-search .sub-bot{background-image: url(../images/icon-search.png);}
.bt-search:hover .sub-bot{background-image: url(../images/icon-searcha.png);}
.searchop .search-all{  z-index: 10; opacity: 1; visibility: visible;}
.search-all{ position: absolute; right: 0; top: 0; width: 300px; height: auto;z-index: -1; opacity: 0;visibility: hidden; transition: all .2s;}
.search-all .search-box{  position: relative; height: 36px; margin-top: 38px;background: #fff;}
.searchop .search-all .search-box{ animation: searchform-fade 400ms both;}
.searchop .search-all form{ animation: searchform-slide 1s both; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.search-all .search-box .search-txt{ color: #333; line-height: 34px;  width: 44px;  text-align: center;cursor: pointer; transition: all .3s ease-out;}
.search-all .search-box .search-txt i{font-size: 20px!important;}
.search-all .search-box .search-txt.left{ float: left;}
.search-all .search-box .search-inp{  margin-left: 44px;transition: all .3s ease-out 0s;margin-right: 44px;}
.search-all .search-box .search-inp input{  font-size: 16px; line-height: 36px; color: #333; width: 100%; border-radius: 5px;}
.searchop .search-close{  opacity: 1;  transition: all .2s ease-out 0s;}
.search-all .search-box .search-close{  width: 44px; height: 36px; font-size: 16px; color: #333;line-height: 36px; text-align: center; cursor: pointer; position: absolute;  top: 0;   right: 0;  opacity: 1;}
.searchop .search-close:hover{}
.searchshow .top2-bu a{-webkit-animation: item-searchshow .4s both;   animation: item-searchshow .4s both;}
.language{float: right;position: relative;margin-top: 0px;font-size: 0;margin: 5px 0 0;}
.language a{font-size: 0;display: block;width: 22px;height: 22px;overflow: hidden;text-align: center;color: #333;font-size: 13px;}
.language a img{display: inline-block;max-width: 100%;transition: ease .5s;padding-bottom: 1px;}
.language:hover a img{transform: translateY(-21px);}

.language ul{
    border-top: 3px solid #106fb3;
    margin-top: 0px;
    display: none;
    position: absolute;
    width: 192px;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffff;
}
.header-right:hover ul{display:block;}
.language ul li{
    color: #333;
    text-align: center;
    padding: 8px;
    border-top: 1px dashed #e5e5e5;
}
.language ul li:first-child{border:0px;}
.language ul li a{width: 100%;display: block;}
.language ul li a:hover{color:#106fb3;}
.header.on  .navitem.nav-aft::before{display: none;}
.header-navbar{}
.navbar{float: left;transition: ease .5s;margin-left: 120px;margin-right: -40px;}
.navitem{float: left;padding: 0 30px;    position: relative}
.navitem>a{
	display: inline-block;
	font-size: 18px;
	color: #333;
	line-height: 30px;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	background: transparent;
	padding: 35px 10px;
	position: relative;
}

.navitem.active>a{font-weight: bold;color: #106fb3;}
/* .header.on .navitem>a::before{position: absolute;content: "";width: 0px;height: 3px;background: #106fb3;left: 50%;bottom: 0%;transform: translateX(-50%);transition: ease .5s;} */
.header.on .navitem:hover>a::before,
.header.on .navitem.active>a::before{width: 100%;}
.navitem:hover>a{color: #106fb3;}

/*header -end*/
/* ========== header-app  ========= */
.header-app.hny .navbar-app { background: #333;}
.header-app {display: none !important;position: fixed;top: 0;left: 0;width: 100%;height: 60px;z-index: 500000;overflow: hidden;box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);}
.header-app.open-menu { height: 100%;background: #fff; transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);}
.navbar-app { position: relative; background: #fff !important; height: 60px;}
.header-app .logo { display: inline-block; height: 60px; vertical-align: middle; padding: 6px 15px;}
.header-app .logo img { height: 100%;display: inline-block;}
.app-lanu {text-align: center; padding: 20px 0;}
.app-lanu a { display: inline-block; padding: 0 10px;line-height: 24px; color: #666;}
.app-lanu a.on {  color: white; background: #106fb3; border-radius: 30px;}
.app-sousuo {  line-height: 22px; border-right: solid 1px #fff; padding-right: 0px; color: #000; float: left;  font-size: 22px !important; margin-top: 19px;margin-left: 15px;}
.alert-search {display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); top: 0; left: 0;  z-index: 9999;}
.alert-top { height: 60px; background: rgba(57,36,30,1); padding: 0 15px;}
.alert-top .text { height: 30px; margin-top: 15px; background: none; border-bottom: solid 1px #fff; width: 80%; float: left;  color: white;}
.alert-top .search { margin-left: 10px; background: url(../images/search.png) no-repeat center;  width: 20px;  height: 20px; background-size: cover; float: left; margin-top: 25px;}
.alert-top span { color: #fff; float: right; font-size: 20px !important; margin-top: 21px;}
.navapp-user { float: right; width: 60px; height: 60px; color: rgba(255, 255, 255, .82); line-height: 60px; font-size: 16px;}
.navbar-togger { float: right; background: transparent; border: none; padding: 22px 15px; display: inline-block; visibility: visible; transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);}
.navbar-togger .icon_bar { width: 24px; height: 2px; background-color: #106fb3;  opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.navbar-togger .icon_bar:nth-of-type(2) { margin: 5px 0;}
.open-menu .navbar-togger .icon_bar:nth-of-type(2) { opacity: 0;}
.open-menu .navbar-togger .icon_bar:first-child {-webkit-transform: translate(0, 7px) rotate(45deg); -ms-transform: translate(0, 7px) rotate(45deg); transform: translate(0, 7px) rotate(45deg);}
.open-menu .navbar-togger .icon_bar:last-child { -webkit-transform: translate(0, -7px) rotate(-45deg); -ms-transform: translate(0, -7px) rotate(-45deg); transform: translate(0, -7px) rotate(-45deg);}
.nav-menu {  position: absolute; top: 50px; left: 0; bottom: 0; right: 0; width: 100%; z-index: 620;  padding: 20px;  overflow-x: hidden; overflow-y: auto; visibility: hidden; -webkit-transition: visibility 0s linear 1s; -o-transition: visibility 0s linear 1s; transition: visibility 0s linear 1s;}
.header-app.open-menu .nav-menu { visibility: visible; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s;}
.nav-list li {  border-bottom: 1px solid #e5e5e5; opacity: 0; pointer-events: none;}
.nav-list li.open {  border-bottom: none;}
.header-app.open-menu .nav-list li { opacity: 1; pointer-events: auto; -webkit-transform: none; -ms-transform: none;  transform: none;}
.nav-list li:nth-child(1) { -webkit-transform: translateY(-44px); -ms-transform: translateY(-44px); transform: translateY(-44px);  transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;}
.header-app.open-menu .nav-list li:nth-child(1) {  transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;}
.nav-list li:nth-child(2) { -webkit-transform: translateY(-40px);  -ms-transform: translateY(-40px); transform: translateY(-40px);  transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;}
.header-app.open-menu .nav-list li:nth-child(2) { transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;}
.nav-list li:nth-child(3) { -webkit-transform: translateY(-36px); -ms-transform: translateY(-36px); transform: translateY(-36px);  transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;}
.header-app.open-menu .nav-list li:nth-child(3) { transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;}
.nav-list li:nth-child(4) { -webkit-transform: translateY(-32px);  -ms-transform: translateY(-32px); transform: translateY(-32px);  transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;}
.header-app.open-menu .nav-list li:nth-child(4) { transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;}
.nav-list li:nth-child(5) {-webkit-transform: translateY(-28px); -ms-transform: translateY(-28px); transform: translateY(-28px);  transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;}
.header-app.open-menu .nav-list li:nth-child(5) { transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;}
.nav-list li:nth-child(6) {  -webkit-transform: translateY(-24px); -ms-transform: translateY(-24px); transform: translateY(-24px); transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;}
.header-app.open-menu .nav-list li:nth-child(6) {  transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;}
.nav-list li:nth-child(7) {  -webkit-transform: translateY(-20px);  -ms-transform: translateY(-20px); transform: translateY(-20px);  transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;}
.header-app.open-menu .nav-list li:nth-child(7) { transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;}
.nav-list li:nth-child(8) { -webkit-transform: translateY(-16px); -ms-transform: translateY(-16px); transform: translateY(-16px);  transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;}
.header-app.open-menu .nav-list li:nth-child(8) {  transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;}
.cate-item {  position: relative;}
.cate-item a { font-size: 16px; line-height: 48px; margin-right: 60px; display: block;}
.nav-list li.active .cate-item a,
.nav-list li.open .cate-item a { color: #39241e;}
.category-cont a:last-child {  border: none;}
.category-cont a.active,.nav-list li.open .cate-item a {color:#106fb3;}

.category-tig { font-size: 14px; color: #888; text-align: right; line-height: 48px; width: 50px; height: 48px;  position: absolute;  right: 0;  top: 0; z-index: 2;}
.category-tig::before,
.category-tig::after { content: ''; background: #888; position: absolute; top: 50%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.category-tig::before { width: 16px; height: 2px; right: 0; margin-top: -1px;}
.category-tig::after { width: 2px;  height: 16px; margin-top: -8px; right: 7px;}
.nav-list li.open .category-tig::after { opacity: 0;}
.nav-list li.open .category-tig::before { background: #39241e;}
.category-cont { display: none;}
.nav-list li.open .category-cont { display: block; border: solid 1px #e5e5e5;}
.category-pad { padding: 0 15px;}
.category-cont a { line-height: 40px; border-bottom: 1px dashed #e5e5e5; display: block;    font-size: 14px;   color: #333;}
.category-pad a.active { color: #ff9b2d;}
.cate-item1{position: relative;border-bottom:solid 1px #cfcfcf;}
.category-li:last-child .cate-item1{border-bottom: none;}
.cate-item1 a{border-bottom: none; font-size: 16px;line-height: 48px; margin-right: 60px; display: block; color: #444;}
.category-li.open .cate-item1 a{color: #f0bb44}
.category-cont1 a:last-child{border:none;}
.category-cont1 a.active{color:#f0bb44;}
.category-tig1{font-size: 14px; color: #888;text-align: right;line-height: 48px;width: 50px; height: 48px; position: absolute; right: 0;top: 0;z-index: 2;}
.category-tig1::before,.category-tig1::after{ content: '';background: #888; position: absolute; top:50%; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.category-tig1::before{ width:16px; height: 2px; right:0; margin-top:-1px;}
.category-tig1::after{ width:2px;height: 16px;margin-top: -8px;right:7px;}
.category-li.open .category-tig1::after{ opacity: 0;}
.category-li.open .category-tig1::before{background: #f0bb44;}
.category-cont1{display: none;}
.category-li.open .category-cont1{display: block;border-bottom:solid 1px #cfcfcf;}
.category-li:last-child.open .category-cont1{border-bottom: none;border-top:solid 1px #cfcfcf;}
.category-pad1{ padding: 0 15px;}
.category-cont1 a {line-height:40px;border-bottom: 1px solid #cfcfcf; display: block; color: #666;}
.category-pad1 a.active{color: #f0bb44;}
.app-search { position: relative;}
.app-search-text { width: 76%;  height: 48px; font-size: 14px;  text-align: left; display: inline-block;  vertical-align: middle;}
.app-search-btn { width: 48px; height: 48px;  display: inline-block; background: transparent; vertical-align: middle; font-size: 16px;  line-height: 48px;  text-align: right;  position: absolute;  right: 0; top: 0;}
.btn1.close1, .btn2.close1, .btn3.close1, .btn4.close1 {  bottom: 0;  right: 0;}
.btn1.open1 { bottom: 125px; right: 0;}
.btn2.open1 {  bottom: 100px; right: 55px;}
.btn3.open1 {  bottom: 58px; right: 98px;}
.btn4.open1 {  bottom: 0px; right: 117px;}
.header-app .headtop-left{float: none;width: 100%;margin-left: 0;}
.header-app .top-search{width: 100%;margin-top: 25px;}
.header-app .top-search{border-radius: 30px;border: 1px solid #777;position: relative;margin-top: 7px; padding: 5px 25px;width: 100%;}
.header-app .top-search input:nth-child(2){width: 17px;height: 30px;position: absolute;right: 20px;top: 50%;margin-top: -15px; background: url(../images/top-search.png)no-repeat center;background-size: 100%;cursor: pointer;}
.header-app .top-search input:nth-child(1){font-size: 14px;line-height: 30px;color: #777;width: 100%;padding-right: 25px;}
.header-app .headtop-right{position: static;margin-right: 0;float: none;width: 100%;text-align: center;margin: 25px 0 0;}
.header-app .logo p{font-size: 12px;line-height: 16px;color: #333;font-weight: bold;}

/*footer*/
.footer{background: #000;}
.bottom1{padding: 82px 0 42px;}
.bottom2{padding: 15px 0 8px;border-top: 1px solid rgba(53,52,59,.3);}
.bottom2 a{display:inline-block;font-size: 14px;line-height: 36px; color: rgba(255,255,255,.2);transition: .5s;position: relative;}
.bottom2 a i{font-style: normal;margin: 0 10px;}
.bottom2 .bottom2-con{}
.bottom2 a.link-ctm::after{display: none;}
.bottom2 a:hover{color: #106fb3;}
.bottom2 .left{float: left;padding: 2px 0;}
.bottom2 .right{float: right;}
.bottom2 .left p{float: left;font-size: 14px;line-height: 36px;color: rgba(255,255,255,.2);margin-right: 15px;}
.bottom2 .left span{display: inline-block;margin: 0 5px;}
.bottom2 .right a{float: left;margin-left: 30px;}
.bottom2-img{display: inline-block;float: right;}
.bottom-lx{float: left;}
.bottomlx-txt{}
.bottom-lx h3{font-size: 48px;color: #333;line-height: 50px;}
.bottom-ewm{text-align: left;width: 100%;font-size: 0;margin: 34px -10px 0;}
.bottom-ewm1{display: inline-block;width: 112px;text-align: center;margin: 0 10px;}
.bottom-ewm img{display: inline-block;max-width: 100%;margin-bottom: 6px;}
.bottom-ewm p{font-size: 14px;line-height: 28px;color: rgba(255,255,255,.3);}
.bottom-contact{}
.bottom-contact h3{margin-bottom: 10px; font-size: 20px;line-height: 30px;color: #fff;position: relative;}
.bottom-contact p{font-size: 14px;line-height: 28px;color: rgba(255,255,255,.4);}
.bottom-contact h4{margin-top: 4px; font-size: 16px;line-height: 30px;color: #fff;}
.bottom-contact h4 em{font-style: normal;font-size: 22px;font-weight: bold;font-family: "Arial";}
.bottom-lx ul{float: right;}
.bottom-lx li{font-size: 16px;line-height: 30px;color: rgba(230,197,156,0.5);}
.bottom-ul{float: left;width: 80%;}
.bottom-ul ul{float: left;margin-right: 60px;}
.bottom-ul ul:nth-child(1){margin-right: 40px;}
.bottom-ul ul:nth-child(4){margin-right: 70px;}
.bottom-ul ul:last-child{margin-right: 0;max-width: 15.5%;}
.bottom-ul ul li{padding: 0px 0;}
.bottom-ul ul li:first-child{margin-bottom: 10px;}
.bottom-ul ul li a,.bottom1-contact li{display: block;font-size: 14px;line-height: 28px;color: rgba(255,255,255,.4);transition: ease .5s;}
.bottom-ul ul li:first-child a{font-size: 18px;line-height: 30px;color: #fff;}
.bottom-ul ul li a:hover{color: #106fb3;}
.bottom-ul ul li:first-child a:hover{color: #106fb3;}
.bottom1-ewm{float: right;max-width: 16.85%;}
.bott-share{text-align: left;margin-top: 5px;}
.bott-share a{display: inline-block !important; background: none !important;font-size: 24px !important;width: 34px !important;height: 34px !important;line-height: 34px !important;text-align: center;border-radius: 50% !important;color: #666 !important;transition: ease .5s !important;padding-left: 0 !important;text-decoration: none !important;margin: 0 3px !important;}
.bott-share a:hover{color: #106fb3 !important;opacity: 1 !important;}
.bott-share a::after{display: none !important;}
/*footer -end*/
/*app-底部*/
.foot-app { width: 100%; background: #000;  padding: 0;padding-bottom: 0px; display: none; background-size: cover;border-top: 1px solid #eeeeee;}
.footer-menu{padding: 0 15px;}
.footer-top{padding: 20px 20px 0 ;}
/* .footer-bot{padding: 20px 20px 40px;} */
.footer-tit { position: relative;  border-bottom: 1px solid rgba(255,255,255,0.5);}
.open .footer-tit a { color: rgba(255,255,255,1);}
.footer-tit a { font-size: 16px; color: rgba(255,255,255,0.5); line-height: 48px;  margin-right: 48px;  display: block;}
.footer-tig { font-size: 14px;  color: #333; text-align: right;  line-height: 48px;  width: 20px; height: 48px;  position: absolute;  right: 0px; top: 0; z-index: 2;}
.footer-tig::before,
.footer-tig::after {  content: ''; background: rgba(255,255,255,0.5);  position: absolute; top: 50%;  transition: all .3s; left: 50%;}
.footer-tig::before { width: 18px;  height: 2px;   margin-left: -8px;}
.footer-tig::after { width: 2px; height: 18px; margin-top: -8px;}
.footer-item.open .footer-tig::after { opacity: 0;}
.footer-item.open .footer-tig::before {  background: rgba(255,255,255,1);}
.footer-cont { display: none; border: solid 1px rgba(255,255,255,0.5); border-top: 0;  padding: 0 15px;}
.footer-cont a {  line-height: 40px;  color: rgba(255,255,255,0.5); display: block; font-size: 14px; border-bottom: dashed 1px rgba(255,255,255,0.5);}
.footer-cont a:last-child {border: none;}

.footer-left {   width: 30%;float: right;}
.footer-left img { display: block;  width: 100%;}
.footer-right{ width: 100%;}
.footer-right p {  font-size: 14px; color: rgba(119,119,119,0.5);  line-height: 26px;}
.footer-right p a{display: inline-block;margin-right: 20px;transition: ease .5s;}
.footer-right p a:hover{color: rgba(244, 222, 193, 1);}
.footer-share {  text-align: right;}
.footer-right .img{float: right;width: 16%;text-align: center;background: #373737;padding: 7px; padding-bottom: 5px;}
.footer-right .imgg{margin-bottom: 10px;}
.footer-right .imgg img{width: 100%;}
.footer-right .fr2{float: right;}
.footer-share a { display: inline-block !important; float: none !important;  background: none !important; font-size: 20px !important; height: 30px !important; line-height: 30px !important; margin: 0 7px !important;  padding: 0 !important; opacity: 1 !important;  color: rgba(255, 255, 255, 0.5) !important;}
.foot-lx{width: 50%;}
.footer-bot .bottom2{background: transparent;}
.footer-bot .left a:last-child{margin-right: 0;}
.footer-bot .bottom2 .left p{float: none;}
.footer-bot .left{float: left;}
.footer-bot .right{float: right;}
.footer-bot .bottom2-img{float: right;}
.footer-link,
.footer-link a { line-height: 26px; font-size: 14px;  color: rgba(244, 222, 193, .6);}
.footer-link {  padding-bottom: 20px; overflow: hidden;}
.footer-link a { display: block; float: left;  margin-right: 15px;}
.footer-link span {  float: left;}
.footer-top .bottom-lx,.footer-top .bottom-lx ul{float: none;}
.footertop-img{margin-top: 10px;}
.footer-top .bottom-ewm,.footer-top .bott-share{text-align: left;}
/* .footer-right .img{width: 100%;margin: 0 auto;text-align: center;float: none;} */
.footer-right .img .image{float: left;width: 25%;}
.footer-right .con1{float: none;width: 100%;text-align: center;}
.footer-right .con1 .bdshare-button-style2-16 .bds_sqq,.footer-right .con1 .bdshare-button-style2-16 .bds_tsina,.footer-right .con1 .bdshare-button-style2-16 .bds_weixin{background: none!important;font-size: 20px!important;float: none!important;}
.footer-bot p:nth-child(2){margin-right: 0;}
.footer-top .bottom1-ewm{float: none;}
.bottomlx-txt{}
/* .footer-top .bottom-ewm,.footer-top .bott-share,.footer-top .bott-share .bshare-custom{float: none;text-align: center;} */
.footer-top .bottom1-font{float: none;text-align: center;margin-right: 0;margin-top: 15px;}
.footer-top .bottom1-phone{margin-top: 10px;}
.foot-app .bottom-logo{margin: 30px 0;}
/*==================================home-banner==============================*/
.home-banner{position: relative;}
.pc-banner{position: relative;}
.banner-slide{display: block;position: relative;}
.banner-slide img{width: 100%;}
.pc-banner .swiper-pagination{width: 100%;bottom: 30px;}
.pc-banner .swiper-pagination-bullet{width: 10px;height: 10px;border-radius: 50%; background: #fff; opacity: .32;margin: 0 10px;transition: ease .5s;}
.pc-banner .swiper-pagination-bullet-active{width: 10px;height: 10px; background: #fff;opacity: 1;}
.pc-banner .swiper-button-prev,.pc-banner .swiper-button-next{display: none;}
.banner-font{position: absolute;top:50%;left:0;width: 100%;z-index: 4;transform: translateY(-50%);}
.banner-cont{ filter: alpha(opacity=0);position: relative;padding-bottom: 74px;}
.banner-cont h3{/* font-family: '优设标题黑'; */font-size: 50px;line-height: 56px;color: #fff;position: relative;}
.banner-cont h3 span{display: block;}
.banner-cont h3 em{font-style: normal;font-family: "FrutigerNextLt-regular";font-size: 80px;}
.banner-solog{font-size: 0;margin: 0 -15px;}
.banner-solog span{display: inline-block;font-size: 36px;line-height: 70px;color: #fff;margin: 0 15px;}
/* .banner-solog i{display: inline-block;font-style: normal;font-family: "DIN-REGULAR";font-size: 48px;} */
/* .banner-solog i.js-counter{font-family: "DINMITTELSCHRIFTSTD";font-size: 60px;} */
.home-banner .swiper-slide-active .banner-cont{opacity: 1; filter: alpha(opacity=100);  transition: all .8s linear; transition-delay: .1s;}
.home-banner.app{display: none;}
.home-banner.app img{width: 100%;}
.home-appbanner{width: 100%;display: none;}
.indbanner-bf{width: 100%;height: 940px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.indbanner-bf::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.5);left: 0;top: 0;z-index: 3;}
.banner-img{width: 100%;}
.appbanner-img{width: 100%;display: none;}
/* .home-banner .swiper-slide-active img {
    visibility: visible !important;
    -webkit-animation: scaleUpDown 6s infinite;
    animation: scaleUpDown 6s infinite;
} */
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.3); transform: scale(1.3); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.3); transform: scale(1.3); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
em.fontaw{font-style: normal; font-family: 'fontaw';font-size: 20px;position: relative;z-index: 3;}
em.frut{font-style: normal;  font-family: "FrutigerNextLt-regular";}
.banner-more{display: block;width: 260px;height: 70px;overflow: hidden;border-radius: 3px; text-align: left;background-color: transparent;line-height: 68px; font-size: 18px;color: #fff;position: relative; cursor: pointer;transition: color .2s ease-out;border: 1px solid rgba(255,255,255,.5);background: transparent; margin-top: 73px;padding: 0 20px;transition: ease .3s;}
.banner-more span{position: relative;z-index: 10;transition: ease .5s;}
.banner-more em{float: right;transition: ease .5s;}
.banner-more::after{ position: absolute;content: ""; display: block;  width: 0;  height: 0;  border-radius: 50%;  background: #106fb3; -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); -webkit-transition: width 0.4s, height 0.4s; transition: width 0.4s, height 0.4s;  z-index: 0;}
/* .banner-more:hover::after{  width: 562.5px; height: 562.5px;} */
.banner-more:hover em{margin-right: 10px;}
.banner-more:hover span{margin-left: 10px;}
.banner-more:hover{border-color: #fff;}
/* .more{display: block;width: 230px;height: 60px;overflow: hidden;border-radius: 3px; text-align: left;background-color: transparent;line-height: 58px; font-size: 18px;color: #003be9;position: relative; cursor: pointer;transition: color .2s ease-out;border: 1px solid #003be9;background: transparent; margin-top: 48px;padding: 0 20px;transition: ease .3s;}
.more span{position: relative;z-index: 10;}
.more em{float: right;}
.more::after{ position: absolute;content: ""; display: block; width: 0; height: 0; border-radius: 50%; background: #fff; -webkit-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); -webkit-transition: width 0.4s, height 0.4s; transition: width 0.4s, height 0.4s;  z-index: 0;}
.more:hover::after{  width: 685.5px; height: 562.5px;}
 */
/*home-banner -end*/
/* index */
.index-tit{font-size: 50px;line-height: 60px;color: #106fb3;text-align: center;}
.index-dec{margin-top: 3px; font-size: 18px;line-height: 30px;color: #999;text-align: center;}

/* 新闻中心 */
.index-one{padding: 83px 0 0px;}
.ino-con{margin-top: 51px;}
.ino-ul{margin: 0 -12.5px;position: relative;}
.ino-ul li{float: left;width: 33.333%;padding: 0 12.5px;}
/* .ino-ul li:nth-child(3){position: absolute;right: 0;top: 0;height: 100%;} */
.ino-ul li>div{transition: ease .5s;height: 100%;}
.ino-ul li a{display: block;}
.ino-img{width: 100%;overflow: hidden;position: relative;aspect-ratio: 9/5;}
.ino-img h4{font-size: 0; padding: 10px 15px;background: linear-gradient(to top,rgba(0,0,0,.32),transparent); width: 100%;position: absolute;bottom: 0px;left: 0;}
.ino-img h4 span{display: inline-block;font-size: 14px;line-height: 24px;color: rgba(255,255,255,1);position: relative;padding-right: 5px;margin-right: 6px;font-family: "Arial";}
.ino-img h4 span::before{position: absolute;content: "";width: 1px;height: 12px;background: #fff;right: 0; top: 50%;transform: translateY(-50%);}
.ino-img h4 span:last-child::before{display: none;}
.ino-img h4 span:last-child{margin: 0;padding: 0;}
.ino-img img{width: 100%;transition: ease .5s;}

.ino-txt{background: #fff;box-shadow: 0 0 13px rgba(0,0,0,.1);padding: 30px 20px 26px;}
.ino-txt h3{font-size: 20px;line-height: 30px;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 62px;}
.ino-txt p{margin-top: 10px;font-size: 16px;line-height: 26px;max-height: 52px; color: #999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ino-txt p span{display: block;}
.ino-txt em{margin-top: 52px;display: block; font-style: normal;font-size: 14px;line-height: 32px;color: #999;transition: all 0.5s;}

.ino-ul li:hover .ino-txt h3{color: #106fb3;/* font-weight: bold; */}
.ino-ul li:hover .ino-img img{transform: scale(1.05);}
.ino-ul li:hover   .ino-txt em{letter-spacing: 1px;color: #106fb3;}
.ino3-li{background: #fff;box-shadow: 0 0 13px rgba(0,0,0,.1);padding: 19px 25px 20px;}
.ino-list{ padding: 17px 0 19px;border-bottom: 1px solid rgba(220,220,220,.67);}
.ino-list:last-child{border-bottom: none;}
.ino-list h4{}
.ino-list h4 span{}
.ino-list h4{font-size: 0;}
.ino-list h4 span{display: inline-block;font-size: 14px;line-height: 24px;color: #999;position: relative;padding-right: 5px;margin-right: 6px;font-family: "Arial";}
.ino-list h4 span::before{position: absolute;content: "";width: 1px;height: 12px;background: #999;right: -1px; top: 50%;transform: translateY(-50%);}
.ino-list h4 span:last-child::before{display: none;}
.ino-list h4 span:last-child{margin: 0;padding: 0;}
.ino-list h5{margin-top: 10px; font-size: 18px;line-height: 30px;color: #666;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.ino-list:hover h5{color: #106fb3;}

/* 产品中心 */
.index-two{padding: 72px 0 71px;}
.index-two .index-dec{margin-top: 6px;}
.intw-con{margin-top: 45px;padding: 0 22px 0 24px;}
.intw-con a{display: block;background: #f6f7f9;position: relative;overflow: hidden;}
.intw-left{float: left;width: 49.51%;}
.intw-right{float: right;width: 50.49%;padding-left: 18px;}
.intw-img{font-size: 0;text-align: center;overflow: hidden;}
.intw-img img{display: inline-block; max-width: 100%;transition: ease .5s;}
.intw-img img:last-child{display: none;}
.intw-con a:hover .intw-img img{transform: scale(1.05);}
.intw-txt{position: absolute;width: 100%;left: 0;padding: 0 60px;}
.intw-txt h3{font-size: 30px;line-height: 40px;color: #333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.intw-txt p{margin-top: 4px; font-size: 16px;line-height: 30px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.intw-left .intw-txt h3{font-size: 36px;}
.intw-left .intw-txt{top: 122px;text-align: center;padding: 0 30px;}
.intw-left .intw-txt p{margin-top: 12px;}
.intw-li1 .intw-txt{width: 50%;top: 50%;transform: translateY(-50%);padding-bottom: 82px;}
.intw-li2 .intw-txt{width: 100%;top: 38px;}

.intw-con a:hover .intw-txt h3{color: #106fb3;}
.intw-li2{margin: 17px -10px 0;}
.intwri-left{float: left;width: 50%;padding: 0 10px;}
.intwri-left a{display: block;}



/* 行业解决方案 */
.index-three{}
.index-three .index-dec{margin-top: 8px;}
.int-con{position: relative;margin-top: 49px;}
.int-nav{position: absolute;width: 100%;bottom:0;left: 0;background: rgba(0,0,0,.2);}
.int-menu{font-size: 0;text-align: center;overflow-x: auto;white-space: nowrap;}

.face4-font p::-webkit-scrollbar,
.pron-right-ul::-webkit-scrollbar,
.productxq-one-tit p::-webkit-scrollbar,
.int-menu::-webkit-scrollbar {
 height: 5px;
 width: 3px;
 padding-left: 5px;
 background-color: #fff;
 border-radius: 10px;
}
.face4-font p::-webkit-scrollbar-thumb,
.pron-right-ul::-webkit-scrollbar-thumb,
.productxq-one-tit p::-webkit-scrollbar-thumb,
.int-menu::-webkit-scrollbar-thumb {
 background-color:#21a2ff;
 border-radius: 10px;
}
.pron-right-ul::-webkit-scrollbar-thumb{background-color:#ccc;}

.int-menu1{display: inline-block;position: relative; width: 16.666%;vertical-align: top;padding: 33px 20px 32px;}
.int-menu1::before{position: absolute;content:"";width: 1px;height: 100%;background: rgba(255,255,255,.08);right: 0;top: 0;}
.int-menu1:last-child::before{display: none;}
.int-menu1.on{background: #21a2ff;}

.int-icon{font-size: 0;text-align: center;height: 37px;line-height: 37px;}
.int-icon img{display: inline-block;max-width: 100%;vertical-align: bottom;}
.int-menu1 h5{margin-top: 17px;font-size: 18px;line-height: 30px;color: #e8e8e8;word-break: break-word;white-space: initial;}
.int-bg{}
.int-bg1{display: none; height: 722px;width: 100%; background-size: cover;background-repeat: no-repeat;background-position: center;}
.int-bg1.on{display: block;}
.int-font{position: absolute;width: 100%;top: 43%;left: 0;transform: translateY(-50%);}
.int-txt{width: 43%;padding-bottom: 112px;}
.int-txt h3{font-size: 40px;line-height: 50px;color: #fff;font-weight: bold;}
.int-p{margin-top: 13px;max-height: 150px; font-size: 16px;line-height: 30px;color: #fff;}
.int-mo{margin-top: 69px; display: block;text-align: center;border-left: 1px solid rgba(255,255,255,.43);border-right: 1px solid rgba(255,255,255,.43); font-size: 15px;line-height: 30px;color: #fff;width: 131px;height: 36px;line-height: 36px;}
.int-mo span{display: inline-block;position: relative;padding-right: 20px;}
.int-mo span::before{position: absolute;content: "";width: 6px;height: 8px;background: url(../images/int-mo.png)no-repeat center;background-size: 100% 100%;right: 0;top: 50%;transform: translateY(-50%);}

/* 走进麦格雷博 */
.index-four{padding: 78px 0 78px;background-repeat: no-repeat;background-size: cover;background-position: center;}
.indfou-dec{width: 80%;margin: 22px auto 0; font-size: 18px;line-height: 32px;color: #666;text-align: center;}
.infou-con{margin-top: 41px;}
.infou-num{}
.infou-ul{text-align: center;font-size: 0;}
.infou-ul li{display: inline-block;text-align: center;padding: 0 50px;}
.infou-ul li h3{color: #106fb3;}
.infou-ul li h3 span{display: inline;font-size: 55px;line-height: 60px; font-family: "DINMITTELSCHRIFTSTD";}
.infou-ul li h3 em{display: inline;font-size: 24px;font-weight: bold;}
.infou-ul li p{margin-top: 2px; font-size: 18px;line-height: 30px;color: #999;}
.infou-img{margin-top: 92px; font-size: 0;text-align: center;}
.infou-img img{max-width: 100%;display: inline-block;}

/* 成功案例 */
.index-fiv{padding: 74px 0 80px;background: #f8f8f8;}
.index-fiv .index-dec{margin-top: 6px;}
.ind5-con{margin-top: 54px;}
.ind5-swiper{position: relative;}
.ind5-swiper .swiper-container{padding: 0 13.54%;}
.ind5-swiper .swiper-slide{width: 26.04%;transition: ease .5s;}
.ind5-swiper .swiper-slide.on{width: 46.35%;}

.ind5-slide{display: block;position: relative;height: 582px; background-size: cover;background-repeat: no-repeat;background-position: center;}
.ind5-slide::before{position: absolute;content: "";width: 100%;height: 100%;background: rgba(0,0,0,.4);top: 0;left: 0;}
.ind5-txt{position: absolute;width: 100%;left: 0;bottom: 0;padding: 50px 40px;}
.ind5-txt h3{font-size: 30px;line-height: 40px;color: #fff;transition: ease .5s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ind5-swiper .swiper-slide.on .ind5-txt h3{font-weight: bold;}
.ind5-txt p{margin-top: 7px; height: 0;width: 85%; font-size: 16px;line-height: 25px;color: #fff;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ind5-mo{display: none;margin-top: 26px; width: 150px;height: 48px;border-radius: 5px;border: 1px solid #fff; line-height: 48px;text-align: center;font-size: 16px;color: #fff;transition: ease .5s;}
.ind5-swiper .swiper-slide.on .ind5-txt p{display: -webkit-box;height: auto;max-height: 48px;}
.ind5-swiper .swiper-slide.on .ind5-mo{display: block;height: auto;}
.ind5-swiper .swiper-slide.on .ind5-txt{background: linear-gradient(to top, #1872b3,transparent);}
.ind5-swiper .swiper-slide.on .ind5-slide::before{display: none;}
.ind5-mo span{display: block;}
  .pro-three .swiper-button-prev,
  .pro-three .swiper-button-next,
.section.home-banner .swiper-button-prev,
.section.home-banner .swiper-button-next,
.abt3-con .swiper-button-prev,
.abt3-con .swiper-button-next{width: 66px;height: 66px;border-radius: 50%;background: #fff url(../images/abt3-left.png)no-repeat center!important;transition: ease .5s;}
.ind5-swiper .swiper-button-next,
.ind5-swiper .swiper-button-prev{width: 66px;height: 66px;border-radius: 50%;background: #fff url(../images/infiv-left.png)no-repeat center!important;transition: ease .5s;}
.abt3-con .swiper-button-next,
.ind5-swiper .swiper-button-next{transform: rotate(180deg);}
  .pro-three .swiper-button-prev,
  .pro-three .swiper-button-next,
.section.home-banner .swiper-button-prev:hover,
.section.home-banner .swiper-button-next:hover,
.abt3-con .swiper-button-prev:hover,
.abt3-con .swiper-button-next:hover,
.ind5-swiper .swiper-button-next:hover,
.ind5-swiper .swiper-button-prev:hover{background: #21a2ff url(../images/infiv-left1.png)no-repeat center!important;}
.ind5-swiper .swiper-pagination{display: none; width: 100%;}
.ind5-swiper .swiper-pagination-bullet{margin: 0 5px;}


/*客服*/
/* ===kf==== */
.kf { transition: .8s; z-index: 999999; background-color: transparent; position: fixed;top: 50%;right: 20px; width: 50px;border-radius: 5px;}
.kf span {z-index: 1000001; transition: .5s; cursor: pointer; position: relative;display: block;width: 50px; height: 50px;border-radius: 5px 0 0 5px; margin-bottom: 3px; }
.kf span:hover {background-color: #106fb3; }
.kf .zx { background-position: 0 0; background: #a7afb9 url(../images/kefu-zx.png)no-repeat center top 12px;}
.kf .back_top { border: none; background: #a7afb9 url(../images/kf-top.png)no-repeat center top 13px;}
.kf span a {transition: .5s;display: block; color: #fff;line-height: 24px;font-size: 14px;text-align: center;padding-top: 22px;}
.kfimgr {  position: absolute; bottom: 23px; right: -9px;}
.kf span div i { display: block; position: absolute; width: 15px; height: 200px;right: -15px; top: 0;}
.kf .freetel {background: #a7afb9 url(../images/email.png)no-repeat center;}
.kf .zxlya {background: #a7afb9 url(../images/skype.png)no-repeat center;}
.kf span:nth-child(4) div {white-space: nowrap;}
.kf a { display: block; height: 68px;  position: absolute; top: 0; right: 0; width: 100%}
.nav_center div, .index_nav_center div, .shou, .zhan { -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);}
.kf .zxlya .erweima {display: none; right: 62px;  position: absolute; top: -72px; background: #fff; padding: 5px;text-align: center; box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25); border-radius: 5px;}
.kf .zxzx {display: none; right: 86px; position: absolute; top: 6px; background: #fff; padding: 10px 20px; text-align: center; box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25); border-radius: 5px; width: 110px;  font-size: 14px;color: #333;}
.kfimgr { position: absolute;  bottom: 23px; right: -9px;}
.kf-ly { background: #a7afb9 url(../images/kf-ly_03.png)no-repeat center;}
.shou { z-index: 1000000;  cursor: pointer; width: 30px;  height: 40px;top: 47%; margin-top: -15px; border-radius: 5px 0 0 5px;right: 62px; background: transparent url(../images/zk1.png)no-repeat center left; position: absolute; box-shadow: none;}
.shou:hover {  background: transparent url(../images/zk.png)no-repeat center left;}
.kf-phone { background: #a7afb9 url(../images/kf-phone1.png)no-repeat center;}
.kf-phone1, .zxwb {display: none;font-size: 15px;color: #333;background-color: #fff;position: absolute;right: 60px;box-shadow: 0 0 20px rgba(0,0,0,0.2);padding: 10px 12px;background: #fff;border-radius: 5px;width: 145px;text-align: center;}
.kf-phone1 .kfimgr, .zxwb .kfimgr { bottom: 10px;}
.kf-shqi {width: 100%;  height: 40px;}
.kf-shqi .m-icon { display: block;margin: 0 auto; width: 30px;height: 30px; border-radius: 50%; background: #a7afb9 url(../images/kf-close.png) no-repeat center;background-size: 15px; cursor: pointer;transform: rotate(45deg); transition: all 0.3s; }
.kf-shqi .m-icon:hover { background-color: #106fb3;}
.kf.show .m-icon {  transform: rotate(0);}
.shou{z-index: 1000000;cursor: pointer;width: 30px;height: 40px;top: 47%;margin-top: -15px;border-radius: 5px 0 0 5px;right: 62px; background:transparent url(../images/zk1.png)no-repeat center left;position: absolute;box-shadow: none;}

.kffixed{position: fixed;display: none; bottom: 0; z-index: 20;width: 100%;height: 49px; overflow: hidden;}
.kufuul {text-align: center;padding: 2px 0;width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;display: inline-block;}
.kefu{padding: 0;}
.kefu li {float: left;height: 45px;text-align: center;color:#fff;line-height:45px;color: #fff;transition:all .4s;}
.kfzx-tigg{width: 49.5%;height: 45px;display: block;float: left;line-height:45px;opacity: 1;transition:1s opacity;}
.kfzx-enter{opacity: 0}
.kf-zx{display: block; width: 100%;height: 100%; color: #fff;line-height:45px;text-align: center;background: #b5b5b5;}
.kf-zx img{display: inline-block; vertical-align: middle;margin-right:10px;}
.teldb{width: 49.5%; background: rgba(0,0,0,0.6); background-size: contain; margin: 0 1px;position: relative;}
.teldb img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.teldb a{ color: white; }
.kf span:hover{background-color: #106fb3;}
@media (max-width:991px) {
	.kf{display: none;}
	.kffixed{display: block;}
}

/* app-kf */
.kffixed{ position: fixed; bottom: 0;  z-index: 2000; width: 100%;  height: 49px;overflow: hidden;display:none;}
.kufuul {text-align: center;padding: 2px 0;width: 100%;height: 49px;position: absolute;bottom: 0;left: 0;display: inline-block;}
.kefu{padding: 0;}
.kefu li {float: left;height: 45px;text-align: center;color:#fff;line-height:45px;color: #fff;transition:all .4s;}
.kfzx-tigg{width: 49.5%;height: 45px;display: block;float: left;line-height:45px;opacity: 1;transition:1s opacity;}
.kfzx-enter{opacity: 0}
.kf-zx{display: block;width: 100%;height: 100%;color: #fff;line-height:45px;text-align: center;background: rgba(16,111,179,0.9);}
.kf-zx img{display: inline-block; vertical-align: middle;margin-right:10px;}
.teldb{width: 49.5%;  background: rgba(0,0,0,0.6);background-size: contain; margin: 0 1px;  position: relative;}
.teldb img{ display: inline-block; vertical-align: middle; margin-right: 10px;}
.teldb a{ color: white; }
	@media(max-width:1919px){
		
	}	
	@media(max-width:1459px){
  .banner-cont h3{font-size: 50px;line-height: 50px;}
	.banner-more{width: 210px;height: 58px;line-height: 58px;}
	.navbar{margin-left: 60px;margin-right: -26px;}
	.navitem{padding: 0 16px;}
		.bottom-ul ul:nth-child(2), .bottom-ul ul:nth-child(1), 
    .bottom-ul ul{margin-right: 20px;}
    .bottom-ul ul:nth-child(4){margin-right: 45px;}
		.bottom1-ewm{max-width: 19.85%;}
		.index-tit{font-size: 40px;}
		.intw-txt h3{font-size: 24px;line-height: 30px;}
		.intw-left .intw-txt h3{font-size: 26px;}
		.intw-left .intw-txt p{margin-top: 4px;}
		.intw-left .intw-txt{top: 85px;}
		.intw-txt{padding: 0 42px;}
		.int-txt h3{font-size: 32px;}
		.int-bg1{height: 600px;}
		.int-menu1 h5{font-size: 16px;margin-top: 8px;}
		.int-menu1{padding: 24px 20px;height: 100%;}
		.int-txt{width: 50%;}
		.indfou-dec{font-size: 16px;}
		.infou-img{margin-top: 50px;}
		.infou-ul li h3 span{font-size: 45px;line-height: 50px;}
		.infou-ul li p{font-size: 16px;margin-top: 0;}
		.ind5-txt h3{font-size: 24px;}
		.ind5-mo{line-height: 46px;}
		.ino-txt h3{font-size: 18px;}
		.ino-list{padding: 13px 0 15px;}
		.ind5-txt p{width: 100%;}
		.ind5-slide{height: 500px;}
	}
	@media(max-width:1259px){	
	.banner-cont h3{font-size: 50px;line-height: 60px;}
	.header,.footer{display: none !important;}
	.foot-app,.header-app{display: block !important;}
	body{padding-top: 60px;}
	.index-tit{font-size: 34px;line-height: 46px;}
	.infou-img{padding: 0 25%;}
	.banner-more{margin-top: 42px;width: 190px;height: 52px;line-height: 52px;}
	.ino-list{padding: 10px 0 12px;}
	.ino-list h5{margin-top: 3px;}
	.ino-txt em{margin-top: 40px;}
	.ino-ul li{padding: 0 8px;}
	.ino-ul{margin: 0 -8px;}
	.footer-top .bottom1-ewm{width: auto;max-width: none;}
	.intw-left .intw-txt h3{font-size: 22px;}
	.intw-txt h3{font-size: 20px;}
	.intw-txt{padding: 0 25px;}
	.intw-li1 .intw-txt{padding-bottom: 50px;}
	.intw-li2 .intw-txt{top: 16px;}
	.intw-left .intw-txt{top: 50px;}
	.int-txt h3{font-size: 28px;}
	.int-p{margin-top: 3px;}
	.int-bg1{height: 630px;}
	.int-mo{margin-top: 50px;}
	.ind5-txt h3{font-size: 22px;}
	.ind5-slide{height: 450px;}
	.ind5-swiper .swiper-button-next, .ind5-swiper .swiper-button-prev{width: 50px;height: 50px;}
	}
	@media(max-width:1200px){	
		
	}
	@media(max-width:991px){
	
		.kffixed{display: block;}
		.banner-cont h3{font-size: 36px;line-height: 50px;}
		.banner-more{margin-top: 40px;}
		.banner-more,.more{width: 180px;height: 50px;line-height: 48px;font-size: 16px;}
		.index-tit{font-size: 30px;line-height: 40px;}
		.footer-bot{padding-bottom: 40px;}
		.banner-cont{padding-bottom: 50px;}
		.index-dec{font-size: 16px;}
		.ind5-swiper .swiper-container{padding: 0;}
		.ind5-swiper .swiper-button-next, .ind5-swiper .swiper-button-prev{display: none;}
		.ind5-swiper .swiper-pagination{display: block;margin-top: 20px;}
		.ind5-txt{padding: 38px 24px;}
		.int-txt h3{font-size: 24px;}
		.index-fiv .index-dec{margin-top: 3px;}
		.intw-img{padding: 0 15%;}
		.intw-left{float: none;width: 100%;}
		.intw-right{float: none;width: 100%;padding: 0;margin-top: 17px;}
		.intw-li2 .intw-txt{top: 28px;}
		.int-icon{height: 26px;line-height: 26px;}
		.int-icon img{height: 100%;}
		.int-bg1{height: 400px;position: relative;}
		.int-txt{padding-bottom: 0px;}
		.ind5-slide{height: 400px;}
		.infou-ul li h3 span{font-size: 40px;line-height: 50px;}
		.infou-ul li h3 em{font-size: 20px;}
		.int-nav{position: relative;background: rgba(0,0,0,.8);}
		.ino-ul li{width: 50%;margin-top: 20px;}
		.ino-ul li:nth-child(3){position: relative;height: auto;}
		.ino-ul{margin-top: -20px;}
		.int-menu1{width: 20%;}
		.int-txt{width: 90%;}
		.int-p{max-height: 120px;}
		.int-mo{margin-top: 35px;}
		.indfou-dec{width: 90%;}
		.infou-img{padding: 0 20%;}
		
	}
	@media(max-width:767px){
		.index-one{padding: 40px 0;}
		.index-two{padding: 0 0 40px;}
		.intw-img img:last-child{display: inline-block;}
		.intw-img img:first-child{display: none;}
		.index-tit{font-size: 23px;line-height: 34px;}
		.banner-more{margin-top: 25px;}
		.ino-con,.intw-con{margin-top: 22px;}
		.ino-ul li:last-child{transform: translateX(50%);}
		.banner-more, .more{font-size: 15px;width: 140px;height: 42px;line-height: 42px;}
		.banner-cont h3{font-size: 28px;}
		.intw-more{margin-top: 30px;}
		.banner-cont{padding-bottom: 15px;}
		.pc-banner .swiper-pagination{bottom: 20px;}
		.ino-txt h3{font-size: 16px;}
		.ino-txt p{font-size: 14px;}
		.ino-txt{padding: 25px 20px;}
		.ino-txt p{margin-top: 5px;}
		.ino-txt em{margin-top: 15px;}
		.ino3-li{padding: 15px 20px;}
		.ino-list h5{font-size: 16px;}
		.intw-txt{position: static;top: 0;text-align: center;margin-top: 12px;padding: 0;}
		.intw-li1 .intw-txt{padding: 0;width: 100%;}
		.intw-con a{padding: 20px 20px 30px;}
		.intw-left .intw-txt h3,.intw-txt h3{font-size: 16px;}
		.intw-txt p{font-size: 14px;line-height: 24px;}
		.intwri-left{width: 100%;margin-top: 17px;}
		.intwri-left:nth-child(1){margin-top: 0;}
		.index-two .index-dec{margin-top: 0;}
		.index-dec,.index-three .index-dec{margin-top: 0;}
		.int-con{margin: 20px 0 0;}
		.int-font{position: static;transform: none;}
		.int-bg1{height: auto;padding: 50px 0;}
		.int-txt{width: 100%;}
		.int-p{padding: 0;max-height: none;height: auto;font-size: 14px;line-height: 24px;}
		.int-txt h3{font-size: 18px;line-height: 30px;}
		.int-mo{margin-top: 20px;font-size: 14px;width: 110px;}
		.int-menu1 h5{font-size: 14px;margin-top: 3px;}
		.int-menu1{padding: 15px 10px;width: 36%;}
		.indfou-dec{width: 100%;margin-top: 5px;}
		.infou-ul li{padding: 0 30px;}
		.infou-img{margin-top: 30px;}
		.index-four{padding: 40px 0 0;}
		.ind5-con,.infou-con{margin-top: 20px;}
		.infou-ul li h3 span{font-size: 32px;line-height: 36px;}
		.indfou-dec{line-height: 30px;}
		.index-fiv{padding: 40px 0 60px;}
		.ind5-mo{margin-top: 20px; font-size: 14px;width: 120px;height: 36px;line-height: 36px;}
		.ind5-txt h3{font-size: 18px;}
		.ind5-slide{height: 320px;}
		.infou-ul li p{font-size: 14px;}
		.ind5-swiper .swiper-pagination{margin-top: 10px;margin-left: -15px;}
	}	
	@media(max-width:640px){
		.ino-ul li{width: 100%;}
		.ino-ul li:nth-child(1),.ino-ul li:nth-child(2){display:none;}
		.ino-ul li:last-child{transform: none;}
		
		.banner-slide img.home-appbanner{display: block;}
		.banner-slide img.home-pcbanner{display: none;}
		.banner-cont h3{font-size: 30px;line-height: 40px;}
		.banner-cont h3 em{font-size: 32px;}
		.infou-ul li{width: 50%;padding: 0 15px;margin-top: 15px;}
		.infou-ul{margin-top: -15px;}
		.ind5-swiper{padding: 0 15px;}
		.infou-img{padding: 0 10%;}
		.int-menu1{width: auto;padding: 15px 25px;}
		.ind5-mo{display: block;}
		.ind5-txt p{height: auto;}
	}
	@media(max-width:360px){
		.intw-appul li{width: 100%;}
	}

/* ================= 内页 ============= */
.ny-padd{padding: 74px 0;}
.nybanner{position: relative;height: 450px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.nyappbanner{width: 100%;display: none;}
.about-banner{background: #f5f5f5;}
.abtbanner-con{position: absolute;width: 100%;left: 0; top: 50%;transform: translateY(-50%);}
.abtbanner-font{width:50%;}

.abtbanner-font h3{font-size: 50px;color: #fff;font-weight: bold;}
.abtbanner-font>p{font-size: 30px;color: #fff;margin-top: 13px;}

.abtbanner-font.black h4,.abtbanner-font.black h3,.abtbanner-font.black p{color: #222;}

.nybanner-menu{background-color: #f7f7f7;}
.jianxi{width: 10px;height: 1px;display: inline-block;background-color: #fff;vertical-align: middle;margin: -1px 8px 0;}
.banner-menu{position: relative;box-shadow: 0 0 13px rgba(0,0,0,.1);}
.ny-menu{position: absolute;width: 100%;left: 0;bottom: 0;border-top: 1px solid rgba(255,255,255,.1);}
.menu{font-size: 0;white-space: nowrap;overflow-x: auto;overflow-y: hidden;float: left;max-width: 100%;}
.menu::-webkit-scrollbar {
 height: 5px;
 background-color: #fff;
}
.menu::-webkit-scrollbar-thumb {
 background-color:#106fb3;
 border-radius: 10px;
}
.menu a{display: inline-block;position: relative;padding: 13px 44px 14px;background: transparent;font-size: 18px;/* line-height: 30px; */color: #666;z-index: 1;}
.menu a:hover,
.menu a.on{color: #fff;}
.menu a::before{
  content:""; width:100%; height:100%; background-color:#106fb3; position:absolute; left:0; bottom:0; transform-origin:100%; 
  -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1); transition:transform .4s cubic-bezier(.4,0,.2,1); 
  transform:scaleX(0); -webkit-transform:scaleX(0); visibility:hidden\9; z-index: -1;
}
.menu a.on::before,
.menu a:hover::before{transform:scaleX(1); -webkit-transform:scaleX(1);transform-origin:0%; 
  -webkit-transform-origin:0%; }
.ny-bread{position: absolute;width: 100%;left: 0;bottom: 60px;}
.bread{float: left;font-size: 0;font-size: 14px;color: #fff;line-height: 47px;}
.bread p{font-size: 14px;color: #666;background: url(../images/map.png)no-repeat 9px center;padding-left: 31px;    margin-top: 12px;}
.bread a{position: relative; display: inline-block;font-size: 14px;line-height: 30px;color: #fff;}
/* .bread p a:first-child::before{position: absolute;content: "";width: 18px;height: 22px;background: url(../images/bread.png)no-repeat center;background-size: 100% 100%;left: 0;top: 50%;transform: translateY(-50%);}
.bread p a:first-child{padding-left: 30px;} */
.bread p em{display: inline;margin: 0 16px;color: #666;font-size: 14px;}
.bread p em.bread-hom{font-size: 16px;margin: 0 8px 0 0;}
/* .bread p a:hover{color: #106fb3;} */
em.fontaw{font-style: normal; font-family: 'fontaw';position: relative;z-index: 3;}
.lpage{font-size: 0;width: 100%;text-align: center; position: relative;}
.lpage a{display: inline-block;font-size: 20px;/* line-height: 34px; */color: #999999;margin: 0 5px;font-family: "Helvetica";/* padding: 5px; */width: 44px;height: 44px;line-height: 43px;text-align: center;transition: ease .5s;vertical-align: middle;}
.lpage a.on,.lpage a:hover{background: #106fb3;color: #fff;}
.lpage-left,
.lpage-right{background: url(../images/infiv-left1.png)no-repeat center;vertical-align: middle;    background-size: 15px;background-color: #999;}
.lpage-right{transform: rotateZ(180deg);}
.lpage a.on.lpage-right,.lpage a.lpage-right:hover,
.lpage a.on.lpage-left,.lpage a.lpage-left:hover{background: #106fb3 url(../images/infiv-left1.png)no-repeat center;background-size: 15px;}
/* ==============anchor============= */
.anchor { position: fixed; top: 0;left: 0;  width: 100%; padding: 15px 0; z-index: 490; background: #fff; box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1); text-align: center; display: none;}
.anchor li { display: inline-block; vertical-align: middle; margin: 0 5px;}
.anchor li a { display: block; padding: 0 26px;font-size: 14px; line-height: 34px; text-align: center;color: #333; transition: all .3s;}
.anchor li.on a{color: #fff;background: #106fb3;}
.anchor li a:hover{color: #106fb3;}
.anchor li.on a:hover{color: #fff;}
/* ===============nav-second=========== */
.appsecond-nav {position: relative;display: none;z-index: 200;}
.bot {position: absolute;top: 48px;background: #fff;z-index: 10;}
.se-bot {width: 100%;display: none;}
.se-top {height: 48px;line-height: 48px;border-bottom: solid 1px #d8d8d8;position: relative;}
.se-top1 {background: #fff;}
.se-top .se-a {color: #444;font-size: 16px;display: block;padding: 0px 20px;}
.se-tig.P_tig {font-size: 16px;color: #333;text-align: center;transition: all .5s;line-height: 48px;width: 48px;	height: 48px;	position: absolute;	right: 0;	top: 0;	z-index: 2;}
.se-btop {	height: 48px;	line-height: 48px;}
.se-a1 {	color: #444;	font-size: 16px;	padding: 0px 20px;	display: block;}
.se-a1.hover {	color: #fff;	background: #106fb3;	border-bottom: solid 1px #fff;}
.se-tig.P_tig.open {	transform: rotateZ(90deg);	opacity: 1;}
.se-bottom{display: none;background:white;}
.se-bottom a{display: block;font-size: 14px;color: #888;border-bottom: 1px solid #eee;padding: 10px 30px;}

.se-bottom a.on{font-weight: bold;}
.se-btop.active .se-tig.P_tig{color: #fff;}
.se-btop.active .se-a1{background: #106fb3;color: #fff;border-bottom: 1px solid #fff;}








@media(max-width:1459px){
}
@media(max-width:1259px){
}

@media(max-width:1025px){
}
@media(max-width:767px){
}


@media (max-width:1459px) {
	.nybanner{height: 400px;}
  .abtbanner-font h3{font-size: 40px;line-height: 50px;}
  .abtbanner-font>p{font-size: 22px;}
	.probanner{height: 500px;}
}

@media (max-width:1259px) {
.nybanner{height: 350px;margin-top: 0;}
	.anchor{display: none !important;}
  .abtbanner-font h3{font-size: 38px;}
  .abtbanner-font>p{font-size: 20px;margin-top: 8px;}
  .probanner{height: 400px;}
  .menu a{    padding: 12px 30px 12px;}
}

@media (max-width:991px) {
	.nybanner{height: 300px;}
	.probanner{height: 350px;}
	.abtbanner-font{width: 64%;}
  .abtbanner-font h3{font-size: 32px;line-height: 46px;}
  .abtbanner-font>p{font-size: 16px;margin-top: 6px;}
.menu a{padding: 12px 12px 12px;}
}

@media (max-width:767px) {
	.ny-padd{padding: 40px 0;}
	.abtbanner-font h3{font-size: 24px;line-height: 36px;}
	.nybanner{height: 300px;}
	.ny-menu,.ny-bread{display: none;}
	.menu a{padding: 10px 20px;}
	.abtbanner-font{padding-bottom: 0;width: 100%;}
  .appsecond-nav{display: block;}
  .nybanner-menu{display: none;}
	.banner-menu{display: none;}
  .abtbanner-font span{margin: 10px 0;}
  
}
@media (max-width:640px) {
	.nybanner{height: auto;background: none !important;}
  .nyappbanner{display: block;}
  .nybanner-menu{display: none;}
	.abtbanner-font{text-align: center;}
	.abtbanner-font span{margin: 10px auto;}
	.abtbanner-font>p{font-size: 16px;line-height: 22px;}
	.lpage a{margin: 0 3px;width: 34px;font-size: 15px;padding: 3px;}
}
@media (max-width:320px) {
	
}

.bsBox{width: 232px !important;height: 256px !important;}
@media (max-width:1259px) {
}
@media (max-width:767px) {
.bsBox{width: 163px !important;height: 186px !important;margin-left: -82px !important;}
.bsTop{width: 151px !important;}
.bsFrameDiv>div{width: 140px !important;height: 150px !important;}
.bsFrameDiv img{width: 130px !important;height: 130px !important;margin: 10px !important;}
}

.dropdown-menu{border-top: 3px solid #106fb3;margin-top: -3px; display: none;position: absolute;width: 192px;top: 100%;left: 50%;transform: translateX(-50%);}
.navitem:nth-child(5) .dropdown-menu{/* width: 180%; */}
.navitem:nth-child(3) .dropdown-pad,.navitem:nth-child(4) .dropdown-pad{margin: 0 -60px;}
@media (max-width:1459px) {.navitem:nth-child(5) .dropdown-menu{/* width: 200%; */}}
.navitem.single{position: relative;}
.navitem:hover .dropdown-menu{display: block;}
.dropdown-pad{text-align: center;background: #fff;padding: 8px 20px;}
.dropdown-menu a{display: block;font-size: 16px;line-height: 26px;padding: 15px 0;color: #333;transition: ease .5s;border-top: 1px dashed #e5e5e5;}
.dropdown-menu a:hover{color: #106fb3;}
.dropdown-menu a:first-child{border-top: none;}





/* 内页 */
/* 通用 */
.com-ul{margin: 0 -10px;}
.com-ul li{float: left;width: 33.33%;padding: 0 10px;margin-bottom: 25px;}
.com-swxt{display: block;position: relative;}
.swxt-img{overflow: hidden;}
.swxt-img img{width: 100%;transition: all 1s;}
.swxt-font{text-align: center;color: #333;}

.com-ztyw{display: block;}
.ztyw-img{float: left;overflow: hidden;}
.ztyw-img img{width: 100%;transition: all 1s}
.ztyw-font{float: left;}

.ssline{position: relative;}
.ssline::after{
  transition: all 0.5s;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);
  content: "";display: inline-block;
  margin: 0 auto 0;
  vertical-align: middle;
  width: 0%;height: 2px;background:#106fb3;
}
.certify-nav li.on a::after,
.ssline:hover::after{width: 100%;}

.ny-tit{font-size: 32px;color: #333;text-align: center;}
.p-style{display: block;}

.omit{
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}









/* down */
.down-wrap{}
.down-header{margin: 71px 0 57px;}
.down-table{text-align: left;border: 1px solid #e7e7e7;}
.down-table tr{border-bottom: 1px solid #e5e5e5;}
.down-table th{font-size: 20px;color: #333;/* background-color: #f7f7f7; */font-weight: 300;padding: 22px 0 24px;}
.down-table tr:first-child th{color:#fff;background:#106fb3;}
.down-table th:first-child{padding-left: 25px;width: 58.8%;/* border-bottom: 1px solid #e5e5e5; */}
.down-table th:last-child{width: 11.6%;}
.down-table td:first-child{padding-left: 25px;padding-right: 20px;}
.down-table td{font-size: 18px;color: #666;padding: 25px 0;border-bottom: 1px solid #e5e5e5;font-family: 'Helvetica';}
.down-table .dott2{width: 10px;height: 10px;margin-top: 7px;}
.down-table td:last-child{padding: 10px 11px 10px 0 ;}
.down-table tr:hover p{color: #106fb3;font-weight: bold;}
.down-table td a{display: block;width: 100%;height: 100%;background: url(../images/down.png)no-repeat left;padding: 20px 0 ;}
.down-table tr:hover a{background: url(../images/down1.png)no-repeat left;}
.down-page{margin: 60px 0 80px;}


/* offers */
.offers{margin: 74px 0 0;}
.ofon-header{text-align: center;}
.ofon-wrap{margin-top: 58px;}
.ofon-ul{}
.ofon-ul li{margin-bottom: 20px;cursor: pointer;}
.ofon-item{background-color: #f9f9f9;}
.ofon-ul li.active .ofon-font{background-color: #106fb3;}
.ofon-ul li.active .ofon-left h4{color: #fff;font-weight: bold;}
.ofon-font{padding: 21px 30px;transition: all 0.5s;}
.ofon-left{float: left;    max-width: 92%;}
.ofon-left h4{color: #333;font-size: 18px;    margin-top: 7px;    line-height: 26px;}
.ofon-right{float: right;}
.off-btn{width: 35px;height: 35px;border: 1px solid #dcdcdc;border-radius: 50%;position: relative;transition: all 1s;background-color: #dcdcdc;}
.off-btn::before,
.off-btn::after{
  transition: all 0.5s;
  content: "";
  display: block;
  width: 12px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
/* .ofon-btn{margin-top: -24px;    padding: 10px 0;} */

.off-btn::before{transform: translate(-50%,-50%) rotateZ(90deg);}
.ofon-ul li.active .off-btn::after{transform: translate(-50%,-50%) rotateZ(-90deg);opacity: 0;}
.ofon-ul li.active .off-btn::before{transform: translate(-50%,-50%) rotateZ(0deg);/* background-color: #124a96; */}
.ofon-ul li.active .off-btn{border: 1px solid #fff;background-color: #fff;}
.ofon-ul li.active .off-btn::before,
.ofon-ul li.active .off-btn::after{background-color: #106fb3;}
.ofon-drop{
transition: all 0.5s;max-height: 0;opacity: 0;padding: 0 30px;overflow: hidden;}
.ofon-ul li.active  .ofon-drop{max-height: 1000px;opacity: 1;padding: 25px 30px 13px;}
.ofon-drop p{font-size: 16px;color: #666;margin-bottom: 16px;}

.offers-page{    margin: 60px 0 80px;}



/* product */
.pro{margin: 80px 0 ;}
.pro1{margin: 80px 0 0;}
.pro-con .com-swxt{background-color: #f6f7f9;position: relative;z-index: 2;}
/* .pro-con .swxt-img{padding: 33px 66px 0 78px;} */
.pro-con .swxt-font{position: absolute;top: 50%;left: 0;width: 100%;z-index: 1;transform: translateY(-50%);opacity: 0;padding: 20px;
transform: scaleY(0);transition: transform .4s cubic-bezier(.4,0,.2,1);    -webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;
}
.pro-con .swxt-font h4{font-size: 30px;color: #fff;}
.pro-con .swxt-font p{font-size: 16px;color: #fff;    margin: 25px 0 64px;}
.pro-con .swxt-font span{color: #fff;font-size: 16px;width: 150px;height: 50px;text-align: center;line-height: 48px;cursor: pointer;border: 1px solid #fff;display: block;margin: 0 auto;}
.pro-con .com-swxt::after{
  display: block;
content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(52, 139, 253, 0.8);z-index: 0;
transform: scaleY(0);transition: transform .4s cubic-bezier(.4,0,.2,1);    -webkit-transform-origin: 0% 100%;transform-origin: 0% 100%;
}
.pro-con .com-swxt:hover::after{
  transform: scaleY(1);-webkit-transform-origin:0% 0%;transform-origin:0% 0%;
}
.pro-con  .com-swxt:hover .swxt-font{opacity: 1;transform:  scaleY(1)  translateY(-50%);}
.pro-con  .com-swxt:hover .swxt-font2{opacity: 0;}
.pro-con .swxt-font2{padding: 0 35px 36px;transition: all 0.5s;}
.pro-con .swxt-font2 h4.omit{font-size: 20px;color: #fff;-webkit-line-clamp: 1;width: 92%;float: left;font-weight: lighter;}
.pro-con .swxt-font2 span{font-size: 16px;color: #999;margin-top: 15px;display: block;cursor: pointer;}
.pro .prth-wrap.pro-con{padding: 0;}

/* certify */
.certify{    padding: 74px 0 40px;}
.certify-header{}
.certify-header .ny-tit{color: #106fb3;}
.certify-header p{font-size: 16px;color: #999999;text-align: center;    margin: 14px 0 41px;}
.certify-nav{text-align: center;    margin-bottom: 50px;}
.certify-nav ul{display: inline-block;}
.certify-nav li{float: left;}
.certify-nav a{display: block;padding: 10px 15px;font-size: 18px;color: #666;margin: 0 32px;}
.certify-nav li.on a,
.certify-nav a:hover{font-weight: 700;color: #333;}
.certify-con .com-ul{margin: 0 -20px;}
.certify-con .com-ul li {width: 25%;padding: 0 20px;margin-bottom: 40px;}
.certify-con .com-ul li:hover img{transform: scale(1.05);}
.certify-con .com-ul li:hover h4{color: #106fb3;}
.certify-con .com-swxt{box-shadow: 0 0 24px rgba(0, 0, 0, .06);}
/* .certify-con .swxt-img{padding: 29px 78px 0;padding: 29px 58px 30px;} */
.certify-con .swxt-font{border-top: 1px solid #e7e7e7;    padding: 16px 13px 42px;height: 84px;margin: 0 20px;}
.certify-con .swxt-font h4{font-size: 16px;color: #999;text-align: center;line-height: 26px;}

/* case */
.case .swiper-slide{width: auto!important;padding: 0 20px!important;}
.case .menu{float: none;}
.case .menu a{width: 20%;text-align: center;padding: 0 ;line-height: 58px;}
.case-wrap .com-ztyw{box-shadow: 0 0 24px rgba(0, 0, 0, .06);}
.case-wrap .com-ztyw:hover h4{color: #106fb3;font-weight: bold;}
.case-wrap .com-ztyw:hover img{transform: scale(1.05);}
.case-wrap .ztyw-img{width: 32.8%;}
.case-wrap .ztyw-font{width: 67%;padding: 39px 0 0 40px;}
.case-wrap .ztyw-font h4{font-size: 18px;color: #333;line-height: 26px;}
.case-wrap .ztyw-font span{font-size: 16px;color: #999;margin: 12px  0 18px;display: block;font-family: 'Helvetica';}
.case-wrap .ztyw-font p{font-size: 16px;color: #999;line-height: 26px;}

.case-nav{margin:0 -30px 78px;padding: 0 30px;}
.case-nav .menu a:hover,.case-nav .menu a.on{font-weight: bold;}
.case-nav .swiper-button-next, .case-nav .swiper-button-prev{    margin-top: -14px;font-size: 20px;
    font-weight: bolder;background: none;
    color: #999999;}
.case-nav a{font-size: 18px;color: #333;}

.case-wrap .com-btn{    margin-top: 35px;}
.case-wrap li{margin-bottom: 40px;}
.case-page{margin: 20px 0 80px;}







/* solution */
.solution .case-one{margin: 80px 0 40px;}
.solution .case-wrap ul{margin: 0 -20px;}
.solution .case-wrap li{float: left;width: 50%;padding: 0 20px;}
.solution .case-wrap .ztyw-img{width: 52.94%;}
.solution .case-wrap .ztyw-font{width: 47%;padding:36px 35px 0 40px;}
.solution .case-wrap .ztyw-font span {margin: 10px 0 8px;}
.solution .case-wrap .com-btn{margin-top: 22px;}
.solution .case-wrap .ztyw-font .omit{  -webkit-line-clamp: 1;}
.solution .case-wrap .ztyw-font p.omit{  -webkit-line-clamp: 3;}




.index-btn3{ 
  position: relative;padding: 8px 42px;
  border:1px solid #ddd;
  border-image: -webkit-linear-gradient(to right,#106cc4, #03b9f7) 1;
  border-image: -moz-linear-gradient(to right,#106cc4, #03b9f7) 1;
  border-image: -o-linear-gradient(to right,#106cc4, #03b9f7) 1;
  border-image: linear-gradient(to right,#106cc4, #03b9f7) 1;
  }
.index-btn3::before{transition: all 0.5s;
  content: "";display: inline-block;background: linear-gradient(to right,#106cc4,#03b9f7);
  position: absolute;top:0;left: 0;width: 0%;height: 100%;}
.index-btn3 span{color: var(--theme-color);z-index: 33;position: relative;}
.index-btn3:hover::before{width:100%;}
.index-btn3:hover::before{transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66)}
.index-btn3:hover span{color: #fff}

/* ==========product-xq========== */
.product-xq{}
.productxq-one{    margin-bottom: 83px;}
.productxq-tit{font-size: 26px;color: #000;font-weight: bold;position: relative;padding-left: 14px;}
.productxq-tit::before{position: absolute;content: "";width: 4px;height: 25px;background: #f9be00;top: 7px;left: 0px;}
/* .proi-left{float: left;width: 47.857%;padding-left: 7.258%;} */
.proi-left{float: left;width:40%;padding-left: 7.258%;}

.proi-right{float: right;width: 48.5%;padding-top: 11px;}
.productxq-one-tit{padding-top: 5px;}
.productxq-one-tit h2{color: #333;margin-bottom: 22px;font-weight: bold;color: #0076d6;text-align: left;}
.productxq-one-tit p{font-size: 16px;color: #666;line-height: 36px;width: 74%;height: 190px;overflow-y: auto;margin-bottom: 34px;}
.productxq-one-tit .home-viewmo{margin: 31px 0 0;}
.productxq-btn a{width: 220px;height: 56px;color: #0076d6;font-size: 16px;line-height: 56px;display: inline-block;padding: 0 23px;margin-right: 8px;}
.productxq-btn a span.right{float: right;}
/* .productxq-btn{margin-top: 80px;} */

.jqzoom{background: white; position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:100%;height:100%;overflow:hidden;}
.jqzoom img{width:100%; height:100%;border: 1px solid #ccc;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:368px;height:368px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px; border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width: 100%;}
.spec-scroll{width:100%;position: relative;margin-top: 16px;margin-right:-15px;    text-align: center;}
.spec-scroll .prev{left: -30px;text-align: left;}
.spec-scroll .next{right: -30px;text-align: right;}
.spec-scroll .prev,.spec-scroll .next{margin-top: -7px;opacity: 0;z-index: 3;font-weight: bold;/* position: absolute; *//* top: 0; */width: 20px;height: 20px;/* height:101px; */cursor:pointer;/* line-height: 100px; */vertical-align: middle;display: inline-block;font-size: 20px;color: #999;}
.proi-left:hover .spec-scroll .prev,.proi-left:hover .spec-scroll .next{opacity: 1;}
.spec-scroll .prev:hover,.spec-scroll .next:hover{color: #000;}
.spec-scroll .items{width: calc(100%-100px);display: inline-block;height: 107px;overflow: hidden;position: relative;vertical-align: middle;width: calc(100% - 70px);}
.spec-scroll .items ul{overflow: hidden;margin: 0 auto;position:absolute;padding-left: 7px;}
.spec-scroll .items ul li{width:120px; margin-right: 7px; float: left;border: 1px solid #e6e2e2;}
.spec-scroll .items ul li.hover img{border: 1px solid #0076d6;}
.spec-scroll .items ul li img{width:100%;height:100%;background: white;}
.spec-scroll .items ul li p{color: #333;font-size: 16px;text-align: center;margin-bottom: 0px;}
.pir-swiper{display: none;position: relative;background: white;padding-bottom: 30px;}
.pir-pic img{display: block;width: 100%;}
.pir-swiper .swiper-pagination{bottom: 0px;width: 100%;}
.pir-swiper .swiper-pagination-bullet{width: 8px;height: 8px;background:#cecece;opacity: 1;margin: 0 5px !important;}
.pir-swiper .swiper-pagination-bullet-active{background:#000;}

.pro-one{padding: 66px 0 74px;}
.pron-left{float: left;width: 47.857%;}
.pron-left img{float: right;padding-left: 6.2%;    width: 100%;}
.pron-right{float: left;width: 50%;    padding-left: 115px;    padding-top: 30px;}
.pron-right .pron-doc{width: 16px;height: 16px;border: 1px solid #666;position: relative;display: inline-block;vertical-align: middle;margin-left: 5px;}
.pron-right .pron-doc::after{content: "";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 12px;height: 12px;background-color: #666666;}
.pron-right p{display: inline-block;font-size: 16px;color: #666;vertical-align: middle;}
.pron-right .ny-tit{text-align: left;}
.pron-right-ul{margin-top: 31px;}
.pron-right-ul li{margin-bottom: 16px;}
.pron-right-ul li div{transition: all 0.5s;}
.pron-right-ul li:hover div{transform: translateY(-5px);}
.pron-right-ul li:hover p{color: #106fb3;}
.pron-right-ul li:hover .pron-doc{    border: 1px solid #106fb3;}
.pron-right-ul li:hover .pron-doc::after{background-color: #106fb3;}
.pro-two h4.ny-tit {margin: 72px 0 28px;}
.pro-two table caption{background-color: #deeaf6;font-size: 18px;font-weight: bold;color: #333;padding: 11px 0 13px;}
.pro-two th,
.pro-two td{font-size: 16px;color: #666;text-align: center;border: 1px solid #dddddd;font-weight: normal;    padding: 8px 0;}
.pro-two th:first-child,
.pro-two td:first-child{border-left: 1px solid transparent;font-family: 'Helvetica';}
.pro-two th:last-child,
.pro-two td:last-child{border-right: 1px solid transparent;}
.pro-two tr{background-color: #f4f4f4;}
.pro-two tr:last-child td{border-bottom:none;}
.pro-two tr:nth-child(2n){background-color: #f9f9f9;}

.pro-three{margin-top: 80px;padding:74px 0 80px;}
.prth-wrap{}
.prth-wrap.pro-con{position: relative;padding:40px 100px 48px;}
.prth-wrap.pro-con .swxt-img{padding: 0;    border: 1px solid #fff;}
.prth-wrap.pro-con .swxt-font2{background-color: #bbbaba;padding: 22px 22px 12px;}
.prth-wrap.pro-con .swxt-font2 span{font-size: 14px;color: #fff;position: relative;z-index: 33;margin-top: 0;float: left;display: block;}
.prth-wrap.pro-con .swxt-font2 span:first-child{max-width: 89%;}
.prth-wrap.pro-con .swxt-font2 span.right {float: right;font-size: 28px;margin-top: -10px;}
.prth-wrap.pro-con .com-swxt::after{background-color: rgba(0, 119, 214, 0.8);}
.prth-wrap.pro-con  .com-swxt:hover .swxt-font2{opacity: 1;}

/* .prth-wrap .swiper-button-prev,
.prth-wrap .swiper-button-next{background: none!important;font-size: 48px;color: #666;font-weight: bolder;} */

.prth-wrap.pro-con .swxt-font{    padding: 37px;text-align: left;}
/* .prth-wrap.pro-con .com-swxt::before{
  content: "";display: block;position: absolute;bottom:-30px;left: 0;width: 100%;height: 2px;background-color: #d5d5d7;
} */
.prth-wrap .swiper-slide{padding-bottom: 32px;}
.prth-wrap .swiper-slide:hover .com-swxt::before{background-color: #106fb3;}
.prth-footer{font-size: 16px;color: #666;}
.prth-footer>a{display: inline-block;}
.prth-footer>div{width: calc(100% - 106px);display: inline-block;text-align: center;vertical-align: middle;}
.prth-footer .com-btn{margin: auto;color: #106fb3;border: 1px solid #106fb3;}
/* .prth-footer  */
/* =================新闻中心================= */
.news{margin: 80px 0 ;}
.news-con .ino-ul li{margin-bottom: 25px;}
.news-con .ino-ul .ino-img h4{padding: 24px 31px;}
.news-con .ino-txt em{margin: 0;    position: absolute;bottom: 35px;}
.news-con .ino-txt{height: 232px;    padding: 29px 30px 26px;position: relative;}

.newsinfo{padding: 80px 0 ;}
.newsinfo-right{float: right;width: 32.142%;padding: 27px 20px 6px;box-shadow: 0 0 24px rgba(0, 0, 0, .06);}
.newsinfo-right>h4{font-size: 20px;color: #333;font-weight: 700;margin-bottom: 5px;}
.newsinfo-right>h4::before{
content: "";width: 4px;height: 20px;background-color: #106fb3;margin-right: 20px;display: inline-block;vertical-align: middle;    margin-top: -3px;
}
.newsinfo-img{text-align: center;margin: 35px 0 31px;}
.newsinfo-img img{max-width: 100%;display: inline-block;}
.newsinfo-ul{}
.newsinfo-ul li{border-bottom: 1px solid #e8e8e8;padding: 20px 0 22px;}
.newsinfo-ul li:hover h4{color: #106fb3;}
.newsinfo-ul li:last-child{border-bottom: none;}
.newsinfo-ul li a{display: block;}
.newsinfo-ul li p{font-size: 14px;color: #999;font-family: 'Helvetica';margin-bottom: 16px;}
.newsinfo-ul li h4{font-size: 18px;color: #666;}
.newsinfo-ul li h4.omit{-webkit-line-clamp: 1;}
.newsinfo-left{float: left;width: 66.07%;padding: 56px 36px;box-shadow: 0 0 24px rgba(0, 0, 0, .06);}
.newsinfo-header h4{color: #106fb3;font-size: 30px;text-align: center;}
.newsinfo-header p{font-size: 16px;color: #999;text-align: center;margin: 15px 0 27px;}
.newsinfo-header span{margin: 0 14px;}
.newsinfo-txt p{font-size: 16px;color: #666;line-height: 32px;}
.nif-left a{display: block;font-size: 16px;color: #666;}
.nif-left a:first-child{margin-bottom: 12px;}
.nif-left{float: left;}
.nif-right{float: right;    margin-top: 8px;}
/* .com-btn, */
/* .nif-right a{font-size: 16px;color: #106fb3;border: 1px solid #106fb3;display: block;    padding: 5px 0;transition: all 0.5s;width: 120px;text-align: center;border-radius: 3px;} */
.nif-right a{font-size: 16px;color: #106fb3;border: 1px solid #106fb3;display: block;  }
.com-btn{color: #666;border: 1px solid #999;font-size: 14px;}
/* .com-btn:hover{color: #106fb3;border: 1px solid #106fb3;} */
/* .com-ztyw:hover .com-btn, */
/* .com-btn:hover, */
/* .nif-right a:hover{border-radius: 18px;letter-spacing: 1px;background-color: #106fb3;color: #fff;} */
.newsinfo-footer {padding: 49px 0 20px;}
.news-page{    margin: 35px 0 0;}


@media (max-width: 1919px) {}
@media (max-width: 1679px) {}
@media (max-width: 1459px) {
  .case .menu a{    line-height: 50px!important;font-size: 16px!important;}
  .case-nav {margin: 0 -30px 60px;}
  .case-page {margin: 0px 0 60px;}
  .case-wrap .ztyw-font span { margin: 8px 0 10px;}
  .case-wrap .com-btn{margin-top: 26px;}
  .solution .case-one{margin: 60px 0 20px;}
  .solution .case-wrap .ztyw-font span {margin: 4px 0 6px;}
  .solution .case-wrap .ztyw-font{padding: 20px 30px 0;}
}
@media (max-width: 1259px) {
  .case.appsecond-nav{display: block;    margin-bottom: 45px;}
  .case-nav{display: none;}
  .case-wrap .ztyw-font{    padding: 20px 0 0 30px;}
  .case-wrap .com-btn{margin-top: 14px;font-size: 14px;width: 105px;}
  .lpage a{    width: 38px;font-size: 18px; height: 38px; line-height: 36px;}
  .case-wrap li{margin-bottom: 30px;}
  .solution .case-one{margin: 45px 0 20px;}
  .solution .case-wrap .ztyw-font p.omit{  -webkit-line-clamp: 2;}
  .solution .case-wrap .ztyw-font span {margin: 0px 0 2px;}
  .solution .case-wrap .com-btn{margin-top: 10px;}
}
@media (max-width: 991px) {
  .case-wrap .ztyw-img{width: 40%;}
  .case-wrap .ztyw-font{width: 60%;}
  .case-wrap .ztyw-font span {margin: 4px 0 4px;}
 .solution .case-wrap .ztyw-font p.omit{  -webkit-line-clamp: 1;}
 .solution .case-wrap .ztyw-img{width: 46%;}
.solution .case-wrap .ztyw-font{width: 54%;}
.solution  .case-wrap .com-btn{width: 90px;    padding: 2px 0;}
 .solution .case-wrap .ztyw-font{padding: 5px 20px 0;}
 .solution .case-wrap li{    padding: 0 15px;}
}
@media (max-width: 767px) {
  .case-wrap .ztyw-img{width: 100%;}
  .case-wrap .ztyw-font{width: 100%;padding: 20px;}
  .lpage-left, .lpage-right{    background-size: 10px;}
  .lpage a{width: 35px;font-size: 16px;height: 35px;line-height: 32px;}
  .case-page {margin: 0px 0 45px;}
  .footer-bot .right{float: left;}
  .bottom2 .right a{margin-left: 0;margin-right: 10px;}
  .solution .case-wrap li{width: 100%;}
  .solution .case-wrap .ztyw-font{padding: 12px 20px 0;}
  .case-wrap li{margin-bottom: 20px;}
}
@media (max-width: 400px) {
  .solution .case-wrap .ztyw-img{width: 100%;}
  .solution .case-wrap .ztyw-font{width: 100%;padding: 20px;}
}

@media (max-width: 1919px) {}
@media (max-width: 1679px) {}
@media (max-width: 1459px) {
  .ny-tit {font-size: 34px;}
  .offers{margin: 60px 0 0;}
  .ofon-wrap{margin-top: 45px;}
  .ofon-font{padding: 16px 30px;}
  .off-btn {width: 30px;height: 30px;}
  .down-page,
  .offers-page{margin: 45px 0 60px;}
  .ofon-left h4{margin-top: 5px;}
  .down-header{margin: 60px 0 45px;}
  .down-table th{font-size: 20px;padding: 18px 0 20px;}
  .down-table td{    padding: 18px 0;}
}
@media (max-width: 1259px) {
  .ny-tit {font-size: 30px;}
  .offers{margin: 50px 0 0;}
  .ofon-wrap{margin-top: 35px;}
  .down-page,
  .offers-page{margin: 35px 0 50px;}
  .down-header{margin: 50px 0 35px;}
  .down-table th:last-child{width: 10%;}
  .down-table th:first-child{width: 68%;}
  .down-table th {font-size: 18px;}
  .down-table td a{background-size: 20px;}

}
@media (max-width: 991px) {
  .ny-tit {font-size: 28px;}
  .offers{margin: 45px 0 0;}
  .ofon-wrap{margin-top: 30px;}
  .down-header{margin: 45px 0 30px;}
  .down-page,
  .offers-page{margin: 30px 0 45px;}
  .down-table th:last-child{width: 12%;}
  .down-table th:first-child{width: 64%;}
      
}
@media (max-width: 767px) {
  .ny-tit {font-size: 22px;}
  .off-btn {width: 26px;height: 26px;}
  .ofon-font{padding: 14px 20px;}
  .ofon-left h4{margin-top: 0px;font-size: 16px;}
  .ofon-drop{padding: 0 20px;}
  .ofon-ul li.active .ofon-drop{padding: 20px 20px 10px;}
  .ofon-left{max-width: 90%;}
  .down-table th:nth-child(3),
  .down-table td:nth-child(3),
  .down-table th:nth-child(2),
  .down-table td:nth-child(2){display: none;}
  .down-table th:last-child{width: 19%;}
  .down-table th:first-child {padding-left: 20px;}
  .down-table td:first-child {padding-left: 20px;}
  .down-table td {font-size: 16px;}
  .down-table td{padding: 10px 0;}
  .down-table th{    padding: 10px 0 12px;font-size: 16px;}
  .down-table td a{background-position: center;}
}
@media (max-width: 321px) {
  .ofon-left{max-width: 88%;}
  .down-table th:last-child{width: 25%;}
}

@media (max-width: 1919px) {}
@media (max-width: 1679px) {}
@media (max-width: 1459px) {
  .certify{padding: 60px 0 30px;}
  .certify-header p{margin: 14px 0 20px;}
  .certify-nav{    margin-bottom: 40px;}
  .certify-con .com-ul li {padding: 0 15px;margin-bottom: 30px;}
  /* .certify-con .swxt-img{padding: 26px 42px;} */
  .news{margin: 60px 0;}
  .news-page{    margin: 20px 0 0;}
  .news-con .ino-txt em{    bottom: 15px;}
  .news-con .ino-txt {height: 190px;padding: 18px 30px;}
  .pro1{margin: 60px 0 0 ;}
  .pro{margin: 60px 0 ;}
  .pro-con .swxt-font h4{font-size: 24px;}
  .pro-con .swxt-font p{margin: 20px 0 40px;}
}
@media (max-width: 1259px) {
  .certify-con .com-ul li {padding: 0 12px;margin-bottom: 24px;}
  /* .certify-con .swxt-img{padding: 16px 35px;} */
  .certify-con .swxt-font{margin: 0 15px;}
  .news{margin: 50px 0;}
  .news-page{    margin: 10px 0 0;}
  .pro1{margin: 50px 0 0 ;}
  .pro{margin: 50px 0;}
  .pro-con .swxt-font h4{font-size: 20px;}
  .pro-con .swxt-font p{margin: 10px 0 25px;}
  .pro-con .swxt-font span{    width: 130px;height: 40px;line-height: 38px;}
  .pro-con .swxt-font2{padding: 0 25px 28px;}
  /* .pro-con .swxt-img{padding: 33px 51px 0 62px;} */
}
@media (max-width: 991px) {
  .certify{padding: 45px 0 25px;}
  .certify-header p{margin: 10px 0 12px;}
  .certify-nav{margin-bottom: 30px;}
  .certify-nav a{    padding: 10px 10px;font-size: 16px;margin: 0 14px;}
  .certify-con .com-ul li{width: 33.33%;}
  .ino-txt h3{    line-height: 26px;}
  .pro-con .swxt-font2 span{margin-top: 8px;}
  .pro-con .swxt-font2{padding: 0 20px 20px;}
  /* .pro-con .swxt-img{padding: 22px 48px 0;} */
  .pro-con .swxt-font2 h4.omit {font-size: 18px;}
  .pro-con .swxt-font h4{font-size: 18px;}
  .pro-con .swxt-font span{width: 110px;height: 35px;line-height: 33px;}
}
@media (max-width: 767px) {
  .certify-con .com-ul li{width:50%;}
  .certify-con .swxt-font h4 {font-size: 16px;}
  .certify-nav li{width: 50%;}
  .certify-nav a{width: 55%;margin: auto;}
  .news-con .ino-txt {height: auto;padding: 18px 20px 40px;}
  .news-con .ino-txt em{bottom: 8px;}
  .news-con .ino-ul .ino-img h4{padding: 20px 20px;}
  .news-con .ino-ul li{margin-bottom: 20px;margin-top: 0;width: 100%;}
  .pro-con .com-ul li{width: 50%;padding: 0 8px;margin-bottom: 20px;}
  .pro{margin: 45px 0 ;}
  .pro-con .swxt-font h4{font-size: 16px;}
  .pro-con .swxt-font p{font-size: 14px;}
  .pro-con .swxt-font span{font-size: 14px;}
  .pro-con .swxt-font span{width: 100px;height: 30px;line-height: 28px;}
  .pro-con .swxt-font p{margin: 10px 0 14px;}
  /* .pro-con .swxt-img{padding: 18px 39px 0;} */
  .pro-con .swxt-font2 h4.omit {font-size: 16px;}
  .pro-con .swxt-font2 span {font-size: 14px;}
}
@media (max-width: 400px) {
  .pro-con .com-ul li{width: 100%;}
  /* .pro-con .swxt-img{padding: 18px 82px 0;} */
}
@media (max-width: 321px) {
   .certify-nav a{width: 75%;margin: auto;}
}





/* 关于我们 */
/* about */
.about-one{padding: 74px 0 80px;}
.abt1-hader,
.abt1-con{    text-align: center;}
.abt1-hader p{font-size: 16px;color: #666;text-align: center;margin: 16px 0 26px;}
.abt1-dec{font-size: 20px;color: #666;line-height: 36px;text-align: center;width: 80%;margin: auto;}
.abt1-font {display: inline-block;margin: 47px auto 53px;}
.abt1-con .infou-ul{text-align: left;}
.abt1-font .infou-ul li{padding: 0 150px 0 0;}
.abt1-font .infou-ul li:last-child{padding: 0;}
.abt1-font .infou-ul li p{color: #666;}
.abt1-img{width: 100%;}

.about-two{padding: 75px 0 49px;}
.abt2-hader{}
.abt2-hader .ny-tit{color: #106fb3;}
.abt2-hader p{font-size: 20px;color: #999;text-align: center;    margin-top: 12px;}
.abt2-con{}
.abt2-con .com-ul li{width: 25%;}
.abt2-con .swxt-font h4{font-size: 24px;color: #106fb3;font-weight: bold;}
.abt2-con .swxt-font p{font-size: 20px;color: #666;line-height: 34px;margin-top: 13px;}
.abt2-con .swxt-img {border-radius: 50%;width: 220px;margin: 55px auto 35px;}

.about-three{padding:73px  0 80px;}
.abt3-hader{}
.abt3-hader .ny-tit{color: #fff;}
.abt3-hader p{font-size: 16px;color: #fff;text-align: center;margin: 15px 0 37px;}
.abt3-con p{font-size: 20px;color: #fff;text-align: left;}
.abt3-con .gallery-top p{margin-bottom: 11px;}
.abt-3-box{text-align: center;max-width: 34.285%;margin: auto;}
.abt-3-img{overflow: hidden;}
.abt-3-img img{transition: all 0.5s;    width: 100%;}
.abt-3-font{padding: 25px 0 40px;}

.gallery-top .swiper-slide:hover .abt-3-img img{transform: scale(1.05);}
.gallery-thumbs .swiper-slide p{font-family: 'Helvetica';font-size: 24px;color: #fff;display: flex;align-items: center;    height: 40px;margin-bottom: 14px;}
.gallery-thumbs{background: url(../images/abt3-bj2.png)no-repeat left bottom;background-size: 100%;}
.gallery-thumbs .swiper-slide-thumb-active p{font-size: 32px;color: #3be1ff;}
.gallery-thumbs .swiper-slide.last-swiper p{font-size: 46px;}

.about-four{    padding: 74px 0;}
.about-four .abt2-hader p{font-size: 16px;}
.about-four .com-btn{margin: 20px auto 6px;border: 1px solid #106fb3;color: #106fb3;}

.abt4-con{padding-top: 38px;text-align: center;}

.about-five .abt1-hader{    margin: 33px 0;}
.about-five .abt1-hader p{color: #999;}
.about-five .info-form .row input,.about-five .com-form .row input,
.about-five .com-form textarea,
.about-five .form-ul-item{border: none;}


/* service */
.service{}
.seon-wrap li{width: 33.33%;float: left;}
.seon-wrap .seon-item{text-align: center;}
.seon-wrap .seon-img{width: 72px;height: 72px;margin: auto;position: relative;}
.seon-wrap .seon-img::after{position: absolute;top: 0;left: 0;opacity: 0;
  content: "";width: 100%;height: 100%;
}
.seon-wrap .seon-img11::after{background: url(../images/seon-111.png);}
.seon-wrap .seon-img22::after{background: url(../images/seon-222.png);}
.seon-wrap .seon-img33::after{background: url(../images/seon-333.png);}
.seon-wrap li:hover .seon-img::after{opacity: 1;}
.seon-wrap li:hover .seon-img11 .seon-img2{animation:downdown 0.5s ease-in-out infinite alternate;}
.seon-wrap li:hover .seon-img22 .seon-img2{animation:swingswing 0.5s ease-in-out infinite alternate;}
.seon-wrap li:hover .seon-img33 .seon-img2{animation:rotaterotate 1.5s  infinite ;}
@-webkit-keyframes downdown{
 0%{
   transform: translateY(0px);
 }
 100%{
   transform: translateY(-10px);
 }
}
@-webkit-keyframes swingswing{
 0%{
   /* transform: rotateZ(-15deg); */
   transform: scale(0.9);
 }

 100%{
   /* transform: rotateZ(95px); */
   transform: scale(1.15);
 }
}
@-webkit-keyframes rotaterotate{
 0%{
   transform: rotateZ(0deg);
 }

 100%{
   transform: rotateZ(360deg);
 }
}

.seon-wrap p{font-size: 18px;color: #666;}
.seon-wrap p{font-size: 18px;color: #666;margin-top: 31px;line-height: 31px;}
.seon-wrap img{transition: all 0.5s;width: 100%;}
.seon-img2{display: none;    margin: auto;}

.seon-wrap li:hover .seon-img1{display: none;}
.seon-wrap li:hover .seon-img2{display: block;transition: ease-in-out 0.5;}
.seon-wrap li:hover p{color: #106fb3;}
.seon-header{margin: 75px 0 45px;}
.service-two .seon-header{margin: 75px 0 3px;}
.service-three .seon-header{margin: 34px 0 0;}
.service-two{margin: 72px 0 0;padding-bottom: 44px;}
/* problem */
.problem{background-color: #f7f7f7;}
/* .prob-wrap{margin-top: 50px;} */
.prob-img{width: 12px;height: 12px;border: 2px solid #2279b8;border-radius: 50%;display: inline-block;margin-top: 6px;}
.prob-wenti .prob-font{border-radius: 6px 6px 6px 0;font-size: 18px;color: #333;width: calc(100% - 22px);float: right;position: relative;}
.prob-wenti .prob-font p{font-size: 18px ;color: #333;font-weight: bold;}
/* .prob-wenti .prob-font::before{transition: all 0.5s;content: "";display: inline-block;border-left: 6px solid transparent;border-right: 7px solid transparent;border-bottom: 6px solid #eeeeee;position: absolute;bottom: 0;left: -7px;} */
.prob-huida{    padding: 17px 0 34px;}
.prob-huida .prob-img{background-color: #eeeeee;}
.prob-huida .prob-font{font-size: 14px;color: #777;width: calc(100% - 44px);background: #fff;margin: auto;    padding: 22px 20px 20px;}
.prob-huida .prob-font p{padding-bottom: 5px;line-height: 30px;font-size: 16px;color: #666;}

.prob-huida:hover img,
.prob-wenti:hover img{animation: swing 1s ;}
.prob-wrap li:hover .prob-wenti p{color: #0264ab;}





.com-form{margin: 37px 0 40px;}
.form-ul{margin: 0 -10px;}
.form-ul li{float: left;padding: 0 10px;width: 33.33%;margin-bottom: 20px;}
.info-form .row input,
.com-form .row input,
.form-ul-item{background-color: #fff;line-height: 56px;padding-left: 30px;border: 1px solid #e9e9e9;}
select,
.info-form .row input,
.info-form .row a,
.com-form .row a,
.com-form .row input{color: #666666;display: inline-block;font-size: 16px;}
.form-ul input{width: 90%;color: #666;font-size: 16px;}
.com-form textarea{
  background-color: #fff;
  resize: none;
  line-height: 26px;
  padding-left: 30px;
  border: 1px solid #e9e9e9;
  padding-top: 14px;
  height: 116px;
  display: block;
  width: 100%;
  color: #adadad;
  font-size: 16px;
  color: #666;
  /* margin-bottom: 20px; */
  }
.form-ul .red{color: #ff0000;font-size: 14px;}
.info-form .row input,
.com-form .row input{width: 32.2%;margin-right: 21px;}
#random{font-size: 24px;font-style: italic;text-align: center;vertical-align: bottom;width: 10.7%;padding-left: 0;margin-right: 7px;}
.form-btn{text-align: center;margin-top: 40px;}
.form-btn input{font-size: 16px;color: #0264ab;border:1px solid #0264ab;margin: 0 5px;padding: 16px 92px 17px;position: relative;transition: all 0.5s;cursor: pointer;}
.form-btn input:hover{color: #fff;border:1px solid #0264ab;background-color: #0264ab;}
.info-form .people-num input{line-height: 30px;width: 80px;margin-right: 40px;margin-left: -5px;}




/* caseinfo */
.caseinfo .newsinfo{padding: 60px 0 80px;}
.caseinfo .newsinfo-left{padding: 47px 40px;width: 75.857%;}
.caseinfo .newsinfo-footer {padding: 34px 0 29px;}
.caseinfo-right{float: right;width: 21.428%;}
.caseinfo-more{font-size: 20px;color: #fff;width: 100%;background-color: #106fb3;display: block;padding:14px 0;text-align: center;}
.caseinfo-font{box-shadow: 0 0 24px rgba(0, 0, 0, .06);padding: 15px 0;}
.caseinfo-font  p{font-size: 18px;color: #333;text-align: center;    padding: 0 25px;}
.caseinfo-right li{margin-bottom: 40px;}
.caseinfo-right li:hover img{transform: scale(1.02);}
.caseinfo-right li a{display: block;overflow: hidden;box-shadow: 0 0 24px rgba(0, 0, 0, .06);}
.caseinfo-right li:hover p{color: #106fb3;}
.caseinfo-right img{transition: all 0.5s;    width: 100%;}
.caseinfo-one{    margin: 38px 0;}
.cone-left{float: right;width: 38.7%;}
.cone-left img{width: 100%;}
.cone-right{float: left;width: 58%;    padding-top: 66px;}
.cinfo-tit{font-size: 18px;color: #333;font-weight: bold;    margin-bottom: 12px;}
.cinfo-dec{font-size: 16px;color: #666;line-height: 30px;margin-bottom: 13px;}
.caseinfo-two img{margin: 13px 0 38px;    max-width: 84.4%;}
.caseinfo-four li p ,
.caseinfo-three li p{margin-bottom: -4px;}
.caseinfo-three{margin-bottom: 34px;}
.caseinfo-four img{margin: 37px 0 0;max-width: 73.3%;}
.caseinfo-pro{padding: 74px 0 80px;}
.caseinfo-pro .pro-con .com-swxt{background-color: #fff;box-shadow: 0 0 24px rgba(0, 0, 0, .06);}
.caseinfo-pro .pro-con{margin: 38px 0 0;}
.caseinfo-pro .com-ul li{margin-bottom: 0;}

/* soluinfo */
.sone-header{margin: 35px 0 36px;}
.sone-header h4{font-size: 18px;color: #333;font-weight: bold;}
.sone-header p{font-size: 16px;color: #666;margin-top: 14px;}
/* .sinfo-one{margin-bottom: 80px;} */
.sone-box {margin: 80px 0 60px;}
.sinfo-one img{width: 42.143%;}
.sinfo-one .ny-tit{margin: 75px 0 0 ;}
.sinfo-one .sone-header{float: left;width: 50%;    margin: 100px 0;}
.sinfo-one .sone-wrap{float: left;width: 50%;text-align: center;}





.sone-wrap{text-align: center;}

.sinfo-two  .sone-header{margin: 78px 0 57px;}   
.stwo-wrap .com-swxt{background-color: #fff;padding:28px 0 35px;}
.stwo-wrap .swxt-font {position: relative;padding-bottom: 19px;margin:  0 20px 24px;}
.stwo-wrap .swxt-font::before,
.stwo-wrap .swxt-font::after{
  transition: all 0.5s;
  content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);
  width: 0%;height: 1px;background-color: #106fb3;
}
.stwo-wrap .swxt-font::before{width: 100%;background-color: #999999;}
.stwo-wrap .com-swxt:hover .swxt-font::after{width: 100%;z-index: 2;}
.stwo-wrap .com-swxt:hover .swxt-img p{color: #106fb3;}
.stwo-wrap .swxt-font h4{font-size: 22px;color: #333;}
.stwo-wrap .swxt-img p{font-size: 16px;color: #666;line-height: 26px;text-align: center;    margin-top: 14px;min-height: 78px;padding:  0 20px;}
.stwo-wrap{padding: 0 40px;margin-bottom: 80px;}
.seon-wrap p{font-size: 18px;color: #666;}

.sinfo-three {padding-bottom: 30px;}}
.sinfo-three .prob-item{margin-top: 2px;}
.sinfo-three .sone-header {    margin: 87px 0 32px;}
.sinfo-three .prob-font p{font-size: 16px;color: #666;font-weight: normal;line-height: 26px;}
.sinfo-three .prob-huida .prob-font{padding: 0;}
.sinfo-three .prob-huida{padding: 9px 0 23px;}
.sinfo-three .prob-wrap{margin-bottom: 37px;}

.sinfo-four{}
.sinfo-four .sone-header{    margin: 89px 0 54px;}
.stfo-wrap{}
.stfo-wrap li{width: 25%;float: left;}
.stfo-item{text-align: center;padding: 0 10px;}
.stfo-item img{transition: all 1s;}
.stfo-item1:hover img{animation:downdown 0.5s ease-in-out infinite alternate;}
.stfo-item2:hover img{transform: rotateY(180deg);}
.stfo-item3:hover img{transform: rotateZ(-360deg);}
.stfo-item4:hover img{animation:blingbling 0.3s ease-in-out infinite alternate;}
@-webkit-keyframes blingbling{
 0%{
   opacity: 0;
 }
 100%{
   opacity: 1;
 }
}



.stfo-item p{font-size: 16px;color: #666;line-height: 26px;text-align: center;margin-top:11px;}
.stfo-ul li{width: 33.33%; }
.stfo-ul {width: 74%;margin: 30px auto 60px;}
    
.sinfo-five{}
.sinfo-five .ny-tit{margin: 85px 0 38px;}
.sinfo-five .com-btn{margin: 15px auto 93px;display: block;border: 1px solid  #106fb3;color: #106fb3;}




@media (max-width: 1679px) {}
@media (max-width: 1459px) {
  .seon-wrap .seon-img{width: 60px;height: 60px;}
  .seon-wrap .seon-img11::after,
  .seon-wrap .seon-img22::after,
  .seon-wrap .seon-img33::after{background-size: 60px;}
  .seon-header{margin: 60px 0 35px;}
  .seon-wrap p{    margin-top: 22px;}
  .service-two{margin: 60px 0 0;padding-bottom: 25px;}
  .service-two .seon-header{margin: 60px 0 0;}
  .prob-wrap{margin-top: 35px;}
  .form-btn input{    padding: 15px 80px;}
  .newsinfo{padding: 60px 0 ;}
  .newsinfo-left{padding: 35px 36px;}
  .newsinfo-header h4{font-size: 26px;}
  .newsinfo-header p{    margin: 12px 0 15px;}
  .newsinfo-img{margin: 22px 0;}
  .newsinfo-footer {padding: 35px 0 0px;}
  .nif-right{margin-top: 10px;}
  .newsinfo-ul li p{margin-bottom: 8px;}
  .newsinfo-ul li{    padding: 16px 0;}
  .caseinfo .newsinfo{padding: 60px 0 60px;}
  .caseinfo-font,
  .caseinfo-more{padding: 10px 0;}
  .caseinfo-one{margin: 30px 0;}
  .cone-right{    padding-top: 26px;}
  .caseinfo .newsinfo-left {padding: 47px 40px 15px;}
  .caseinfo-pro{padding: 50px 0 ;}
  .sinfo-one .ny-tit{margin: 60px 0 0 ;}
  /* .sinfo-one{margin-bottom: 60px;} */
  .sinfo-one .sone-header,
  .sone-box {margin: 60px 0;}
  .sinfo-two .sone-header{    margin: 60px 0 45px;}
  .stwo-wrap{padding: 0 30px;margin-bottom: 60px;}
  .stwo-wrap .swxt-font{    margin: 0 20px 2px;}
  .stwo-wrap .com-swxt{    padding: 28px 0;}
  .sinfo-three .sone-header {margin: 60px 0 30px;}
  .sinfo-three .prob-huida{padding: 9px 0 14px;}
  .sinfo-three .prob-wrap{margin-bottom: 24px;}
  .sinfo-four .sone-header{margin: 60px 0 35px;}
  .stfo-item img{width: 80px;}
  .sinfo-five .ny-tit{margin: 60px 0 38px;}
  .sinfo-five .com-btn{margin: 15px auto 60px;}
}
@media (max-width: 1259px) {
  .seon-wrap p{line-height: 26px;font-size: 16px;}
    .seon-wrap .seon-img{width: 50px;height: 50px;}
  .seon-wrap .seon-img11::after,
  .seon-wrap .seon-img22::after,
  .seon-wrap .seon-img33::after{background-size: 50px;}
  .seon-header{margin: 45px 0 25px;}
  .seon-wrap p{    margin-top: 22px;}
  .service-two{margin: 35px 0 0;}
  .seon-font .p-style{display: inline;}
  .service-two .seon-header{margin:45px 0 0;}
  .prob-wrap{margin-top: 25px;}
  .prob-huida .prob-font{    padding: 14px 20px 10px;}
  .prob-huida{padding: 12px 0 20px;}
  .newsinfo{padding: 45px 0;}
  .newsinfo-left{padding: 25px 30px;}
  .newsinfo-header h4{font-size: 24px;}
  .newsinfo-ul li h4 {font-size: 16px;}
  .newsinfo-ul li h4.omit{-webkit-line-clamp: 2;}
  .cone-right{padding-top: 0;}
  .cinfo-dec{    margin-bottom: 6px;}
  .caseinfo .newsinfo{padding: 50px 0 ;}
  .caseinfo .newsinfo-left {padding: 35px 30px 15px;}
  .caseinfo-pro{padding: 40px 0;}
  .caseinfo-pro .pro-con{margin: 30px 0 0;}
  .stwo-wrap{padding: 0 20px;margin-bottom: 50px;}
  .sinfo-one .sone-header,
  .sone-box {margin: 45px 0;}
}
@media (max-width: 991px) {
  .info-form .row input, .com-form .row input, .form-ul-item,
  .form-ul-item{line-height: 45px;padding-left: 20px;}
  .com-form textarea{padding-left: 20px;}
  #random {font-size: 20px;}
  .form-btn input{padding: 12px 65px;}
  .com-form{margin: 25px 0 40px;}
  .newsinfo-left{width: 100%;}
  .newsinfo-right{width: 100%;}
  .newsinfo-txt p{line-height: 30px;}
  .caseinfo .newsinfo-left{width: 100%;}
  .caseinfo-right{width: 100%;margin-top: 45px;}
  .caseinfo-right ul{margin: 0 -10px;}
  .caseinfo-right li{margin-bottom: 20px;width: 50%;float: left;padding: 0 10px;}
  .caseinfo .newsinfo{padding: 50px 0 25px;}
  .caseinfo-pro{padding: 35px 0 45px;}
  .caseinfo-more{margin-bottom: 20px;}
  .sinfo-one .ny-tit{margin: 45px 0 0 ;}
  .sinfo-two .sone-header{    margin: 45px 0 35px;}
  .sinfo-one img{width: 51%;}
  .sone-header p{    margin-top: 8px; }
  .sone-header{margin: 30px 0;}
  .stwo-wrap{padding: 0 20px;margin-bottom: 45px;}
  .sinfo-four .sone-header,
  .sinfo-three .sone-header {margin: 45px 0 25px;}
  .stfo-item img{width: 60px;}
  .stfo-item .p-style{display: inline;}
  .stfo-ul {width: 80%;margin: 20px auto 45px;}
  .sinfo-five .ny-tit{margin: 45px 0 35px;}
   .sinfo-five .com-btn{margin: 10px auto 45px;}
}
@media (max-width: 767px) {
  .seon-wrap li{width: 50%;}
  .seon-wrap li:first-child{width: 100%;margin-bottom: 20px;}
  .seon-wrap li:first-child .seon-font{width: 80%;margin: auto;}
  .seon-wrap .seon-img{width: 45px;height: 45px;}
  .seon-wrap .seon-img11::after,
  .seon-wrap .seon-img22::after,
  .seon-wrap .seon-img33::after{background-size: 45px;}
  .seon-wrap p{margin-top: 12px;}
  .prob-huida .prob-font{padding: 10px 14px 4px;}
  .prob-wenti .prob-font p {font-size: 16px;}
  .form-ul li{width: 100%;}
  .com-form .row input{width: 100%;margin-bottom: 20px;margin-right: 0;}
  #random{width: 50%;margin-right: 0;margin-bottom: 0;}
  .prob-huida .prob-font{    width: calc(100% - 22px);float: right;}
  .form-btn{margin-top: 25px;}
  .form-btn input{padding: 10px 60px;}
  .newsinfo-left{padding: 20px;}
  .newsinfo-header h4{font-size: 22px;line-height: 30px;}
  .newsinfo-txt p{line-height: 28px;}
  .nif-right{float: left;margin:  20px 0 ;}
  .cone-left{float: left;width: 100%;}
  .cone-right{width: 100%;margin-top: 25px;}
  .caseinfo .newsinfo-left {padding: 35px 20px 15px;}
  .caseinfo-one{margin: 25px 0;}
  .caseinfo .nif-right{margin: 20px 0 0;width: 100%;}
  .caseinfo-font p {font-size: 16px;}
  .caseinfo-pro .com-ul li{margin-bottom: 20px;}
  .caseinfo-pro{padding: 35px 0 25px;}
  .stfo-ul {width: 100%;margin:  0  0 20px;}
  .stfo-wrap li{width: 50%;margin-bottom: 20px ;}
  .stfo-ul li:last-child{width: 100%;}
  .stfo-item img{width: 45px;}
  .stfo-item p {font-size: 14px;}
  .sinfo-one .sone-header, .sone-box{width: 100%;margin: 15px 0 45px;}
  .sinfo-one .sone-header{width: 100%;margin: 15px 0 }
  .sinfo-one .sone-wrap{width: 100%;}
}
@media (max-width: 400px) {}






@media (max-width: 1679px) {}
@media (max-width: 1459px) {
  .productxq-one-tit p{font-size: 16px;color: #666;line-height: 32px;}
  .productxq-one{margin-bottom: 60px;}
  .productxq-btn a{    width: 200px;height: 50px;line-height: 48px;}
  .pro-one{padding: 60px 0;}
  .pron-right{padding-left: 70px;}
  .pron-right-ul li{margin-bottom: 12px;}
  .pron-right-ul{margin-top: 25px;}
  .pro-two h4.ny-tit {margin: 60px 0 28px;}
  .pro-three{margin-top: 60px;padding:60px 0 ;}
  .prth-wrap.pro-con{padding: 40px 80px;}
  .prth-wrap.pro-con .swxt-font2{padding: 16px 20px 14px;}
  .about-one{padding: 60px 0 ;}
  .abt1-con .p-style{display: inline;}
  .abt1-font {margin: 30px auto;}
  .abt2-con .swxt-img {width: 180px;margin: 35px auto 10px;}
  .about-two{padding: 60px 0 25px;}
  .abt2-con .swxt-font h4 {font-size: 22px;}
  .abt2-con .swxt-font p{font-size: 18px;line-height: 30px;margin-top: 10px;}
  .about-three{padding:60px  0 ;}
  .abt3-con .gallery-top p{margin-bottom: 4px;}
    .pro-three .swiper-button-prev,
  .pro-three .swiper-button-next,
  .section.home-banner .swiper-button-prev,
  .section.home-banner .swiper-button-next,
  .abt3-con .swiper-button-prev, .abt3-con .swiper-button-next {width: 50px;height: 50px;}
  .gallery-thumbs .swiper-slide p{font-size: 22px;}
  .gallery-thumbs .swiper-slide-thumb-active p{font-size: 28px;}
  .gallery-thumbs .swiper-slide.last-swiper p{font-size: 36px;}
  .about-four{    padding: 60px 0;}
  .about-four .com-btn{margin: 10px auto 0px;}
}
@media (max-width: 1259px) {
  .productxq-one-tit p{width: 100%;    line-height: 30px;height: 150px;margin-bottom: 25px;}
  .productxq-btn a {width: 200px;}
  .proi-left{padding: 0;}
  .pron-right{padding-top: 0px;}
  .pron-right-ul li{margin-bottom: 8px;}
  .pron-right-ul{margin-top: 16px;height: 150px;overflow-y: auto;}
  .pro-two table caption{    font-size: 22px;}
  .pro-two th, .pro-two td{font-size: 18px;padding: 10px 0 11px;}
  .prth-wrap.pro-con{padding: 30px 60px;}
  .prth-wrap.pro-con .com-swxt::before{bottom: -20px;}
  .prth-wrap .swiper-slide{padding-bottom: 20px;}
  .prth-wrap.pro-con .swxt-font{padding: 36px 20px;}
  .abt1-font .infou-ul li{padding: 0 180px 0 0;}
  .abt1-dec{font-size: 18px;line-height: 30px;width: 95%;}
  .abt2-con .swxt-img {width: 150px;margin: 25px auto 10px;}
  .abt2-con .swxt-font p .p-style{display: inline;}
  .abt2-con .swxt-img {width: 120px;}
  .abt-3-box { max-width: 44%;}
  
}
@media (max-width: 991px) {
  .productxq-one-tit h2{font-size: 24px;margin-bottom: 10px;}
  .productxq-btn a {width: 190px;padding: 0 16px;height: 45px;line-height: 42px;}
  .pro-one{padding: 45px 0 35px;}
  .pro-two table caption{font-size: 20px;}
  .pro-two h4.ny-tit {margin: 45px 0 28px;}
  .pro-three{margin-top: 45px;padding:45px 0 ;}
  .prth-wrap .swiper-button-prev, .prth-wrap .swiper-button-next{font-size: 28px;}
   .prth-wrap.pro-con{padding: 30px 30px;}
   .prth-wrap.pro-con .swxt-font2 span {font-size: 14px;}
   .abt1-hader p{    margin: 12px 0 18px;}
   .abt1-font .infou-ul li{padding: 0 100px 0 0;}
   .abt1-font .infou-ul li h3 span{font-size: 32px;line-height: 30px;}
   .about-one{padding: 45px 0 ;}
   .abt2-con .swxt-img {width: 100px;}
   .abt3-con p {font-size: 18px;}
   .abt-3-box {max-width: 50%;}
   .abt-3-font{padding: 15px 0 20px;}
   .about-three{padding:45px  0 ;}
   /* .abt4-con .com-ul li{width: 50%;} */
   .about-four{    padding: 45px 0;}
}
@media (max-width: 767px) {
  .productxq-btn a {width: 170px;padding: 0 10px;height: 41px;line-height: 38px;font-size: 14px;}
  .proi-left{display: none;}
  .proi-right{width: 100%;padding-top: 0;}
  .pir-swiper{display: block;}
  .productxq-one{margin-bottom: 45px;}
  .productxq-one-tit p{height: auto;}
  .pron-right{width: 100%;padding-left: 0;margin-top: 25px;}
  .pron-left{width: 100%;}
  .pron-left img{padding-left: 0;}
  .pron-right-ul{height: auto;}
  .pron-right .pron-doc {
    width: 10px;
    height: 10px;
    margin-top: 7px;
    vertical-align: top;}
  .pron-right .pron-doc::after{width: 6px;height: 6px;}
  .pron-right-ul li{width: 50%;float: left;}
  .pron-right p {
    width: calc(100% - 30px);
    padding-left: 4px;}
  .pro-two table caption{font-size: 18px;}
  .pro-two tr td:first-child,
  .pro-two tr td:last-child,
  .pro-two tr th:last-child,
  .pro-two tr th:first-child{/* display: none; */}
  .pro-two tr td:nth-child(2){width: 30%;}
  .pro-two tr td:nth-child(2){width: 30%;}
  .abt1-dec{font-size: 16px;line-height: 26px;width: 100%;}
  .abt1-font .infou-ul li{padding: 0 20px 0 0;}
  .abt1-font .infou-ul li h3 span{font-size: 24px;line-height: 20px;}
  .abt1-font {margin: 20px auto;}
  .abt2-con .com-ul li{width: 50%;margin-bottom: 0;}
  .abt2-con .swxt-img {width: 80px;}
  .abt2-con .swxt-font h4 {font-size: 18px;}
  .abt2-con .swxt-font p{font-size: 16px;line-height: 26px;margin-top: 8px;}
  .about-two{padding: 45px 0 35px;}
  .abt2-hader p {font-size: 18px;}
  
  .pro-three .swiper-button-prev,
  .pro-three .swiper-button-next,
    .section.home-banner .swiper-button-prev,
  .section.home-banner .swiper-button-next,
   .abt3-con .swiper-button-prev, .abt3-con .swiper-button-next {width: 30px;height: 30px;}
    .abt-3-box {max-width: 75%;}
    .abt3-hader p{    margin: 10px 0 20px;}
    .gallery-thumbs .swiper-slide p{font-size: 18px;}
  .gallery-thumbs .swiper-slide-thumb-active p{font-size: 22px;}
  .gallery-thumbs .swiper-slide.last-swiper p{font-size: 24px;}
  .productxq-one-tit h2{font-size: 20px;}
  .prth-wrap.pro-con {padding: 0;}
  }
@media (max-width: 321px) {
  .pron-right-ul li{width: 100%;}
}


.btn{ display: inline-block; *display:inline; *zoom:1; padding: 10px 40px; text-decoration: none; position: relative; color:#333;padding: 6px 0 7px;width: 120px;text-align: center;border-radius: 4px;}
.btn16{ border:1px solid #d0d0d0; position:relative; color: #666; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.btn16:hover{ color:#fff; border-color:#720E9E;}
.btn16 .bgsqr1{background:#720E9E;position: absolute;width: 0;height: 0;border-radius: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
-webkit-transition: width .4s,height .4s;transition: width .4s,height .4s;z-index: -1; left:0\9 !important; top:0\9 !important;}
.btn16:hover .bgsqr1{ width:600px; height:600px;}
.btn16 span{ position:relative; z-index:1; }



.btn12{ border:1px solid #d0d0d0; position:relative; color: #666; overflow: hidden; -webkit-transition: all .6s;transition: all .6s;}
.btn12:hover{ color:#fff; border-color:#106fb3;}
.btn12 .bgsqr1,.btn12 .bgsqr2{background:#106fb3;position: absolute;top: 50%; top:0\9;content: '';width: 20px;height: 20px; -webkit-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.6s; transition: all 0.6s; opacity:0.5;}
.btn12 .bgsqr1{left: -20px;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.btn12 .bgsqr2{right: -20px;-webkit-transform: translate(50%,-50%);transform: translate(50%,-50%);}
.btn12:hover .bgsqr1{ -webkit-animation:criss-cross-left .8s both;animation:criss-cross-left .8s both;width:375px\9;height:375px\9;  opacity:1;}
.btn12:hover .bgsqr2{ -webkit-animation:criss-cross-right .8s both;animation:criss-cross-right .8s both;width:375px\9;height:375px\9;opacity:1;}
.btn12 em{ position:relative; z-index:1;}
@-webkit-keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%;width:20px;height:20px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-left {
 0% {
  left:-20px
 }
 50% {
  left:50%; width:20px;height:20px;
 }
 100% {
  left:50%;width:375px;height:375px;
 }
}
@-webkit-keyframes criss-cross-right {
 0% {
  right:-20px
 }
 50% {
  right:50%;width:20px;height:20px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}
@keyframes criss-cross-right {
 0% {
  right:-20px
 }
 50% {
  right:50%;width:20px;height:20px;
 }
 100% {
  right:50%;width:375px;height:375px;
 }
}

.face4-ul{/* margin: -90px -40px 0; */}
.face4-ul li{float: left;width: 50%;padding: 0 60px 0 0;margin-top: 15px;}
.face4-ul li>div{position: relative;}
.face4-icon{transition: ease .5s; float: left; width: 120px;height: 120px;border-radius: 50%;border: 1px solid #45abe0;line-height: 120px;text-align: center;}
.face4-icon img{display: inline-block;max-width: 80%;}
.face4-font{margin-left: 148px;padding: 4px 0;}
.face4-font h3{font-size: 22px;line-height: 30px;color: #333;  font-family: 'Roboto';}
.face4-font p{margin-top: 12px;font-size: 16px;line-height: 26px;color: #666;height: 120px;overflow: -webkit-paged-y;}
.face4-mo{margin-top: 60px;width: 160px;}
.face4-ul li:hover .face4-icon{transform: translateY(-15px);}



@media (max-width: 1679px) {}
@media (max-width: 1459px) {
.face4-icon{width: 100px;height: 100px;line-height: 100px;}
  .bread p{margin-top: 6px;}
  .spec-scroll .items{    width: calc(100% - 52px);    height: 93px;}
  .spec-scroll .items ul li { width: 104px;}
}
@media (max-width: 1259px) {
  .face4-font {margin-left: 105px;}
.face4-font p{height: 150px;overflow-y: auto;}
.face4-icon{width: 80px;height: 80px;line-height: 80px;}
.face4-ul li{padding: 0 50px 0 0;margin-top: 20px;}
 .bread p{margin-top: 2px;}
 .pro-con .swxt-font2 h4.omit{width: 90%;}
}
@media (max-width: 991px) {
 .face4-font {margin-left: 82px;}
.face4-font p{height: 108px;overflow-y: auto;}
.face4-icon{width: 60px;height: 60px;line-height: 58px;}
.face4-font h3 {font-size: 20px;}
.sinfo-three {padding-bottom: 10px;}
.pro .prth-wrap.pro-con li{width: 50%;}
}
@media (max-width: 767px) {
.face4-ul li{width: 100%;}
.face4-font p {height: auto;margin-top: 6px;    line-height: 24px;}
.face4-icon{width: 45px;height: 45px;line-height: 43px;}
.face4-font {margin-left: 66px;}
.face4-ul{margin-top: -20px;}
.bread{display: none;}
.pro .prth-wrap.pro-con li{width: 100%;}

.section.soluinfo .pro-con .swxt-font2 h4.omit{width: 85%;}
}
.nybanner-menu.black .bread p{margin-top: 0;background: url(../images/map1.png)no-repeat 9px center;}
.nybanner-menu.black .bread a{color: #333;}
.nybanner-menu.black .jianxi {    background-color: #333;}
.stwo-wrap .swiper-pagination-bullet{margin: 0 3px;}
.stwo-wrap .swiper-pagination{    width: 100%;margin-top: 14px;}
.stwo-wrap{position: relative;}
@media (max-width: 991px) {.stwo-wrap .swiper-pagination{margin-top: 10px;}.newsinfo  img{max-width:100%;}
.pro-con .com-swxt:hover .swxt-font,.prth-wrap.pro-con .com-swxt::after{display:none;}}
.error{color:red;}
a.zz{display:none;}
.prtw-wrap{overflow:auto;width:100%;}