@charset "utf-8";/*初始化*/
*{padding:0;margin:0;outline: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-weight: 300;transition: all 0.3s;}
.row{display: flex;flex-wrap: wrap;align-content: stretch;}
html{font-size: calc(100vw/19.2);overflow-x: hidden;overflow-y: auto;}

html, body{width: 100%;height: auto;min-height: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
body {font-family: 'PingFang SC','Microsoft YaHei','Microsoft YaHei UI','WenQuanYi Micro Hei','Arial','sans-serif',\5b8b\4f53;font-size: 14px;line-height: 1.5em;color: #2a333a;background: #fff;}
input,button{-webkit-appearance:none;border-radius: 0;}
a,a:hover,a:focus {text-decoration: none;}
textarea{resize: none;overflow: auto;}
input,button {border: 0;}
img {border: 0;vertical-align: top;}
li {list-style: none;}
ul,ol,p,h1,h2,h3,h4,h5,h6 {margin:0;}
/*修改滚动条*/

::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-track {background: #fff;}
::-webkit-scrollbar-thumb {background: #c1c1c1;border-radius: 4px;}
::-webkit-scrollbar-thumb:window-inactive {background: #c1c1c1;}
::-webkit-scrollbar-thumb:vertical:hover {background: #c1c1c1;}
/* placeholder修改 */

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: #666;}
input:-moz-placeholder, textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #666;opacity: 1;}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 19+ */color: #666;opacity: 1;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */color: #666;}
select {-webkit-box-sizing: border-box;box-sizing: border-box;white-space: nowrap;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand { display: none;}


/*公共样式*/
.c-clear{zoom: 1;}
.c-fl{float: left;}
.c-fr{float: right;}
.c-container{position: relative;width: 100%;padding:0 1.6rem;}
body.c-open{overflow: hidden;}
.c-bg-color1 {background: #fff !important;}
.c-bg-color2 {background: #f9f9f9 !important;}
.c-pt1 {padding-top: 130px !important;}
.c-text-center {text-align: center;}

/* 公共背景 */
#c-common-bg{position: fixed;z-index: -2;top: 0;left: 0;width: 100%;height: 100vh;}
#c-common-bg.c-dt{height: 100%;}

/* 顶部背景 */
#c-top-bg {display: flex;justify-content: center;align-items: center;padding-top: 12%;padding-bottom: 10.804%;background-image: url(../images/abbg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;}
#viewmore img{cursor: pointer;}
#c-top-bg h2{font-size: 50px;text-align: center;font-weight: bold;color: #fff;line-height: 2;}


#c-top-bg .gocons{margin: 6% 0 4% 0;}
#c-top-bg.event{background-image: url(../images/newsbg.jpg);}
#c-top-bg.case{background-image: url(../images/casebg.jpg);}
#c-top-bg.contact{background-image: url(../images/contact.jpg);}


.c-enTitle{font-size: 36px;line-height: 2em;color: #fff;font-weight: bold;}
.pd3{padding: 3% 0;}
.flex{display: flex;align-items: center;}
.ctit h4{color: #2a333a;font-size: 45px;font-weight: bold;line-height: 2;}
.ctit>p{color: #e5e5e5;font-size: 35px;font-weight: bold;text-transform: uppercase;}
.cmore{padding-left: 3%;padding-top: 2%;font-size: 16px;color: #9b9b9b;}
.cmore .icon{font-size: 30px;font-weight: bold;vertical-align: middle;}
.cmore a{font-size: 14px;display: inline-block;margin-top: 7%;}
.slogen{font-size: 38px;color: #fff;line-height: 30px;font-weight: bolder;text-transform: uppercase;}


#c-top-bg .c-title {padding-top: 10px;font-size: 36px;line-height: 56px;color: #fff;}
#c-top-bg .c-btn {display: block;margin: 40px auto 0;padding: 0 32px;width: 180px;height: 50px;border-radius: 25px;font-size: 16px;line-height: 50px;text-align: left;color: #333;background: #fff url(../images/jt4.png) no-repeat right 32px center;background-size: 14px auto;transition: .5s;}
#c-top-bg .c-btn:hover {color: #fff;background: #bb1c14 url(../images/jt4-h.png) no-repeat right 32px center;background-size: 14px auto;}


/* 公共按钮 */
.my_btn{font-size: 18px;display: inline-block;line-height: 2;position: relative;color: #0e4b9c;transition: 0.5s;}
.my_btn:hover{text-decoration: underline;}
.my_btn span{color: #CAA05F;font-size: 40px;position: absolute;top: 41%;margin-left: 11px;}
.c-left-box{overflow: hidden;}
.my_btn::before {content: "";display: block;position: absolute;bottom: -1px;left: 0;width: 30px;border-bottom: 0px solid #bb1c14;transition: all 0.5s;}
.my_btn:hover::before{width: 100%;}
#zbheader .c-nav .tel{width: 195px;background-color: #0e4b9c;border-radius: 25px;line-height: 41px;color: #fff;font-size: 18px;font-weight: bold;margin-left: 5%;height: auto;}
.c-nav .tel img{display: inline-block;vertical-align: text-top;}


/*顶部*/

#zbheader{position: fixed;top:0;left:0;z-index: 900;width: 100%;height: 99px;text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}

#zbheader.c-head-move{-webkit-transform: translateY(-100%);transform: translateY(-100%);}
#zbheader a{color: #fff;transition: all 0.5s;}

#zbheader .mylogo{width: 25%;min-width: 130px;text-align: center;height: 100%;}
#zbheader .mylogo .a-logo{display: block;}
#zbheader .mylogo .b-logo{display: none;}
/*顶部logo*/

#zbheader .c-inner{padding: 0 15px;width: 100%;max-width: 1850px;height: 100%;}
#zbheader .c-inner .lines{display: flex;flex-wrap: wrap;align-items: center;height: 100%;}
.c-head-hide .mylogo img,.c-head-hides .mylogo img{filter: unset;}
#zbheader.c-head-hides{background-color: rgba(0,0,0,0.5);height: 90px;}
#zbheader.c-head-hide .c-nav .active a::before{border-color: #0e4b9c;}
#zbheader.c-head-hide .c-nav .active a{color: #0e4b9c;}
#zbheader.c-head-hide .c-nav .c-search-box::before{border-color: #0e4b9c;}
#zbheader.c-head-hide .c-nav>li:nth-child(-n+9):hover>a::before{border-color: #0e4b9c;filter: grayscale(100%);mix-blend-mode: screen;background-color: white;}
#zbheader .mylogo h1{display: block;height: 100%;}
#zbheader .mylogo a{display: flex;width: 100%;align-items: center;justify-content: center;height: 100%;}
#zbheader .mylogo a img{max-width: 100%;}
#zbheader .mylogo a p {display: inline-block;vertical-align: top;}
#zbheader .mylogo a p strong{margin-right: 22px;padding-left: 15px;}
#zbheader .mylogo a p span {padding-left: 22px;border-left: 1px solid #ddd;}


/*顶部pc导航*/

#zbheader .c-nav{font-size: 17px;display: flex;justify-content: end;width: 75%;align-items: center;padding-left: 5%;height: 100%;}
#zbheader .c-nav .c-search-box .select{float: left;}
#zbheader .c-nav .c-search-box select{appearance:auto;color: #060606;font-size: 14px;font-weight: bold;border: none;border-radius: 40px;padding: 10px 15px 10px 40px;border-right: 25px solid #fff;}
#zbheader .c-nav .domore{color: #333;font-size: 15px;line-height: 17px;padding: 0.1rem 0.15rem;background-color: #f4f4f4;border: 1px solid #d4d4d4;border-radius: 5px;transition: all 0.3s;margin-top: 0.32rem;}
#zbheader .c-nav .domore:hover{color: #0e4b9c;border: 1px solid #ed3333;background-color: #fff;}
#zbheader .c-nav>li{display: inline-block;vertical-align: top;position: relative;transition: all 0.5s;flex-grow: 1;height: 100%;}
#zbheader .c-nav>li>a:hover{background-color: #0e4b9c;color: #fff!important;}
#zbheader .c-nav>li a:hover::before{transform: scale(1);}
#zbheader .c-nav>li.ons a::before{transform: scale(1);}
#zbheader .c-nav>li i{font-size: 13px;}
#zbheader .c-nav li a {position: relative;display: inline-block;vertical-align: top;-webkit-transition: all 0.5s;transition: all 0.5s;height: 100%;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.proindex .column{position: unset;margin-top: 123px;margin-top: 0;}
.proindex .column .inner .wrap{width: 100%;}
.proindex .column .inner{border-top: 1px solid #ccc;border-bottom: 1px solid #fff;}
.goodssearch{margin-bottom: 5%;padding-top: 3%;}
.proname{padding-left: 8%;}
.proname h2{font-size: 36px;color: #BF9045;font-weight: bold;margin-bottom: 3%;}
.proname .cons{color: #222;font-size: 16px;line-height: 30px;}
.goodssearch .box{background-color: #f6f6f6;padding: 30px;font-size: 15px;color: #707070;overflow: hidden;border-radius: 10px;}
.goodssearch .from{display: inline-block;line-height: 42px;}
.goodssearch .box form{display: inline-block;}
.goodssearch .box form input{border: 1px solid #ccc;margin: 0 5px;padding: 0 5px;}
.goodssearch .box form button{background-color: #0e4b9c;border: 1px solid #0e4b9c;color: #fff;border-radius: 8px;padding: 0 45px;transition: 0.5s;}
.goodssearch .box form button:hover{color: #0e4b9c;background-color: #fff;}


.footer form{display: inline-block;margin-top: 1.2%;background-color: #fff;border-radius: 8px;}
.footer form input{margin: 0 5px;padding: 0 5px;color: #666;font-size: 14px;line-height: 40px;}
.footer form button{color: #333;border-radius: 8px;padding: 0 10px;transition: 0.5s;background-color: #fff;}
.footer form button i{color: #666;background-color: #fff;}
.footer form button:hover{color: #0e4b9c;background-color: #fff;}


.goodssearch .box a:hover{color: #0e4b9c;}
.goodssearch .box>span{color: #da2937;font-weight: bolder;}
.goodssearch .box a{color: #707070;}
.goodssearch .box .right{float: right;width: 30%;text-align: right;}
.goodssearch .box .right a{border: 1px solid #ccc;padding: 13px 15%;font-weight: bolder;display: inline-block;border-radius: 8px;background-color: #fff;}
.goodssearch .box .right a:last-child{padding: 13px 10%;color: #fff;background-color: #0e4b9c;}
.pronav{margin-top: 2%;margin-bottom: 2%;text-align: right;}
.pronav  a{display: inline-block;padding: 1% 3% 1%;text-align: center;font-size: 15px;color: #707070;transition: 0.5s;border-radius: 15px;background-color: #e7e9ee;}
.pronav  a:hover{color: #fff;background-color: #0e4b9c;}


.rightnav {display: none;position: fixed;right: 1%;bottom: 30%;z-index: 9

}
.rightnav li {width: 70px;position: relative;margin-bottom: 2px

}
.rightnav li a{width: 70px;height: 70px;line-height: 70px;text-align: center;border-radius: 15px;display: inline-block;background-color: #004f95;box-shadow: 0 0 10px #e9e9e9;}


.rightnav li a span{font-size: 30px;color: #fff;}
.rightnav li a img {margin-bottom: 10px;width: 30px;}
.rightnav li>a:hover{background-color: #fd9600;}
.rightnav .hover_con a{font-weight: bolder;}
.rightnav li .hover_con{width: 310px;padding: 50%;border-radius: 10px;position: absolute;left: -175px;color: #000;background-color: #fff;height: auto;bottom: 0;box-shadow: 0 0 10px #ccc;transform: rotateX(-90deg);transition: all .2s linear 0s;font-size: 15px;line-height: 30px;}
.rightnav li .hover_con .icon{font-size: 30px;color: #0e4b9c;display: inline-block;width: 40px;}
.rightnav li .hover_con img{margin: auto;}
.rightnav .myflex p{font-size: 16px;color: #0e4b9c;font-weight: bold;}
.rightnav .myflex{display: flex;}
.rightnav li:hover .hover_con {left: -320px;transform: rotateY(0deg)

}
#zbheader.cshow{background-color: #fff;box-shadow: 0 0 10px #ccc;}
#zbheader.cshow .mylogo a .a-logo{display: none;}
#zbheader.cshow .mylogo a .b-logo{display: block;}
#zbheader.cshow .c-nav li>a{z-index: 111;color: #333;}
#zbheader.cshow .mylogo{position: relative;z-index: 111;}
#zbheader.cshow .c-nav>li:hover a::before{background-color: #0e4b9c;}
#zbheader .onetitle{font-size: 20px;line-height: 1.1;color: #333;padding-bottom: 20px;padding-top: 20px;font-weight: bold;text-align: left;}
#zbheader.cshow .c-switch i{background-color: #000;}
#zbheader .navSbox{overflow: hidden;border-top: 2px solid #0e4b9c;padding: 0 10px;}
#zbheader .navSbox .navSli a{display: block;font-size: 15px;line-height: 45px;color: #666;text-align: center;border-bottom: 1px solid #ededed;white-space: nowrap;}
#zbheader .navSbox .navSli a:hover{color: #222e3a;border-bottom: 1px solid #0e4b9c;}
#zbheader .c-nav>li>a::before {/* content: "";*/position: absolute;left: -8px;width: 10px;height: 10px;background: #fff;bottom: 44%;transition: all 0.5s;border-radius: 50%;transform: scale(0);transition: 0.5s;}
/* #zbheader .c-nav>.mychi>a::before{background: #175ea9;} */#zbheader .active li>a::before{transform: scale(0.8);}
#zbheader .c-nav .c-language {position: relative;padding: 0 ;margin-left: 16px;}
#zbheader .c-nav .c-language .c-list-box{background: unset;padding: 0;width: auto;transform: translateX(-41%);}
#zbheader .c-nav .c-language.c-dode .c-list-box{transform: translateX(-43%);}
#zbheader .c-nav .c-language .c-list-box img{max-width: 100%;margin-top: 13px;}
.vx{width: 98px;height: 106px;background-image: url(../images/codebg.png);background-repeat: no-repeat;background-position: center;background-size: auto;}
#zbheader .c-nav .c-language .c-list{display: none;position: absolute;top: 100px;right: 0;width: 80px;text-align: left;background: #fff;box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);}
#zbheader .c-nav .c-language .c-list .c-item{line-height: 30px;}
#zbheader .c-nav .c-language .c-list .c-item a{padding: 0 15px;display: block;color: #333;transition: .5s;border-bottom: 1px solid #f1f1f1;}
#zbheader .c-nav .c-language .c-list .c-item:last-child a {border: 0;}
#zbheader .c-nav .c-language .c-list .c-item a:hover {color: #fff;background: #bb1c14;}
#zbheader .c-nav .c-search-box {position: relative;padding-right: 0;float: right;}
#zbheader .c-nav .c-search-box input{color: #fff;background-color: transparent;border: 1px solid #fff;border-radius: 20px;line-height: 32px;padding: 0 15px;width: 80%;} 

#zbheader .c-nav .c-search-box button{background-color: transparent;line-height: 35px;color: #fff;margin-left: -26px;}
#zbheader .c-nav .c-search-box form{display: none;position: absolute;top: 100px;right: 0;background-color: #fff;width: 150px;height: 40px;line-height: 40px;border-radius: 5px;/* overflow: hidden;*/box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);}
.c-nav .slidBox{display: none;position: absolute;left: 50%;z-index: 1;min-width: 100%;transform: translateX(-50%);background-color: #fff;border-radius: 0 0 5px 5px;width: auto;}
.slidBox .inner{overflow: hidden;}
.mychi .leftBox{flex: 0 0 45%;overflow: hidden;max-width: 455px;margin: 46px 0px;}
.mychi .leftBox img{transition: 0.5s;}
.mychi .leftBox:hover img{transform: scale(1.1);}
/* .cshow .c-nav .slidBox{padding: 8% 8% 0 8.5%;} */
#zbheader .c-nav .c-search-box form::before{content: "";width: 18px;height: 18px;display: block;position: absolute;background-image: url(../images/fang.png);background-position: top center;background-size: cover;right: 17%;top: -8px;}


#zbheader .c-nav .c-search-box form input{float: left;/* padding: 0 15px;*/width: 67%;height: 40px;font-size: 16px;}
#zbheader .c-nav .c-search-box form button{float: left;width: 39px;height: 40px;color: #ccc;border-radius: 5px;background-color: #fff;}
#zbheader .c-nav .c-search-box>a i{color: #fff;display: inline-block;background-color: #0e4b9c;font-size: 20px;border-radius: 50%;width: 40px;height: 40px;line-height: 40px;}
#zbheader .c-nav .c-list-box{padding:0.67rem 2.8rem;position: fixed;width: 100%;top:100px;left:0;width:100%;display: none;box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);padding: 0;transform: translateX(-0%);}


#zbheader .c-nav .c-list-box .c-list{margin: 0 -.3rem;display: flex;align-items:flex-start;}
#zbheader .c-nav .c-list-box .c-list .c-item{padding:0 .3rem;width: 33.33%;border-right: 1px solid rgba(0,0,0,.1);}
#zbheader .c-nav>li:nth-last-child(4) .c-list-box .c-list .c-item{width: 50%;}
#zbheader .c-nav .c-list-box .c-list .c-item:last-child{border: 0;}
#zbheader .c-nav .c-list-box .c-list .c-top-box{display: block;}
#zbheader .c-nav .c-list-box .c-list .c-top-box .c-text{padding-top: 25px;font-size: 22px;line-height: 32px;color:#333;transition: .5s;}
#zbheader .c-nav .c-list-box .c-list .c-wrap:hover .c-top-box .c-text {color:#bb1c14;}
#zbheader .c-nav .c-list-box .c-list .c-img-box{height: 3rem;overflow: hidden;}
#zbheader .c-nav .c-list-box .c-list .c-img-box img{width: 100%;height: 100%;object-fit: cover;transition: .5s;}
#zbheader .c-nav .c-list-box .c-list .c-wrap:hover .c-img-box img{transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);

}
#zbheader .c-nav .c-list-box .c-list .c-a-box{

	display: flex;align-items: flex-start;display: none;}
#zbheader .c-nav .c-list-box .c-list .c-a-box a{width: 25%;border-right: 1px solid #999;font-size: 14px;line-height: 14px;color: #999;transition: .5s;}
#zbheader .c-nav .c-list-box .c-list .c-a-box a:hover{color: #bb1c14;}
#zbheader .c-nav .c-list-box .c-list .c-a-box a:last-child{border:0;}
#zbheader .c-nav .c-list-box .c-list1{width: 22%;}
#zbheader .c-nav .c-list-box .c-list1 .c-item{display: block;padding: 0px 10px 10px 0;border-bottom: 1px solid transparent;transition: .5s;/* background: url(../images/jt5.png)no-repeat right 0 bottom 15px;*/background-size: auto 6px;}
.imgover{overflow: hidden;}
#zbheader .c-nav .c-list-box .c-list1 .c-item .c-title{font-size: 22px;line-height: 32px;color: #333;transition: .5s;}
#zbheader .c-nav .c-list-box .c-list1 .c-item .c-text{font-size: 14px;line-height: 24px;color: #999;transition: .5s;}
#zbheader .c-nav .c-list-box .c-list1 .c-item.active .c-title{padding-bottom: 0.2rem;}
#zbheader .c-nav .c-list-box .c-list-wrap{line-height: 1;font-size: 14px;text-align: right;padding: 26px 10% 26px 0;background-color: rgba(206, 27, 34, 0.8);}
#zbheader .c-nav .c-list-box .c-list2 .c-item{display: inline-block;overflow: hidden;text-align: center;line-height: 18px;transition: 0.5s;border-right: 1px solid #fff;}
#zbheader .c-nav .c-list-box .c-list2 .c-item:last-child{border: none;}
#zbheader .c-nav .c-list-box .c-list2 .c-item img {width: 100%;height: 172px;object-fit: cover;transition: .5s;}
#zbheader .c-nav .c-list-box .c-list2 .c-item:hover img {transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);

}
#zbheader .c-nav .c-list-box .c-list2 .c-item:hover{transform: translateY(-1px);}
/*顶部移动端导航*/

#zbheader .c-nav2 {position: fixed;top:80px;left:0;width: 100%;height: 0;font-size:14px;line-height: 50px;overflow-y: auto;background: rgba(255,255,255,0.9);transition: all 0.5s;}
/* menu-wrap */

.menu-wrap{background-image: url(../images/navbg.jpg);background-repeat: no-repeat;background-size: cover;position: fixed;top: 0;height: 100%;width: 100%;/* left: -100%;*//* opacity: 0;*/margin-left: -100%;font-size: 1em;font-weight: 700;overflow: auto;transition: .85s;z-index: 112;display: none;}
.button-open{margin-left: 0;box-shadow: 4px 2px 15px 1px #B9ADAD;}
/* menu-sidebar */

.mnavsgo{overflow: hidden;padding-bottom: 4%;}
.mnavsgo>li{float: left;width: 15.33%;}
.mnavsgo>li:last-child{width: 8%;}


.count-6 .menu-sidebar .sliders{float: left;}
.count-6 .menu-sidebar>div:first-child{width: 93%;padding-left: 7%;}
.count-6 .menu-sidebar>div:last-child{width: 7%;text-align: center;background-color: #fff;}
.count-6 .menu-sidebar>div:last-child .mulu{padding: 38%;height: 100vh;overflow: hidden;}
.closethis{font-size: 16px;line-height: 30px;display: grid;position: absolute;right: 5%;top: 20px;}
.closethis span{transition: 1s;display: inline-block;font-size: 36px;color: #0853a3;font-weight: 100;opacity: 0.8;}
.closethis:hover span{ transform: rotate(180deg);}
.menu-sidebar{padding-top: 1.1rem;}
#fp-nav.left{left: unset;right: 17px;}
.count-6 .menu-sidebar h2{font-size: 30px;height: 100%;display: flex;flex-direction: column;justify-content: center;}
#zbnav{position: absolute;left: -50px;top: 265%;transition: 0.5s;transform: translateX(0%);width: 46px;height: 220px;line-height: 220px;text-align: center;background-repeat: no-repeat;background-image: url(../images/leftnav1.png);}
#zbnav span{font-size: 22px;display: inline-block;transition: 1s;transform:rotate(0deg) scale(0.7);}
#zbnav:hover span{transform: rotate(225deg) scale(1.1);}
#zbnav.on{transform: translateX(-100%);}
#zbheader .menu-wrap{line-height: normal;text-align: left;}
#zbheader .menu-wrap a{color: #000;}
#zbheader .navlogo p{font-size: 24px;color: #82898f;line-height: 60px;margin-bottom: 20px;font-weight: 400;}
.d1{color: #747474;font-size: 18px;font-weight: bold;margin-bottom: 3%;display: flex;white-space: nowrap;align-items: center;}
.d1::after{content: "";display: inline-block;width: 95%;border-bottom: 1px solid #c8d4e4;vertical-align: middle;margin-left: 1%;}
#zbheader .menu-wrap ul>li>a{color: #2a333a;font-size: 22px;display: inline-block;margin-bottom: 14%;transition: 0.5s;}
#zbheader .menu-wrap ul>li ol{line-height: 35px;}
#zbheader .menu-wrap ul>li ol a{color: #70787f;font-size: 16px;font-weight: 400;white-space: nowrap;}


#zbheader .menu-wrap ul li span{font-size: 33px;color: #0853a3;vertical-align: sub;font-weight: 400;opacity: 1;transition: 0.5s;}
#zbheader .menu-wrap ul li:hover>a{color: #0853a3;}
#zbheader .menu-wrap ul li:hover span{opacity: 1;}
#zbheader .menu-wrap ul>li ol li:hover a{font-weight: bold;}
.sliders .info{font-size: 16px;font-weight: bold;justify-content: space-between;}
.sliders .info img{display: inline-block;vertical-align: middle;margin-right: 10px;}


body.c-open #zbheader .c-nav2 {height: calc(100% - 80px);height: -webkit-calc(100% - 80px);}
#zbheader .c-nav2 a {display: block;margin: 0 20px;border-bottom:1px solid #f1f1f1;text-align:left;color: #333;-webkit-transition: all 0.3s;transition: all 0.3s;}
#zbheader .c-nav2>li{border-bottom:1px solid rgba(206, 27, 34, 0.5);}
#zbheader .c-nav2 li:hover>a,#zbheader .c-nav2 li.active>a {color: #0e4b9c;}
#zbheader .c-nav2 li a span{float: right;margin-top: 0;font-size:20px;transform: rotate(180deg)

}
#zbheader .c-nav2 li ul {display: none;}
#zbheader .c-nav2 li ul a {padding-left: 15px;}
#zbheader .c-nav2 .c-language {float: left;position: relative;padding: 20px 0 0 20px;}
#zbheader .c-nav2 .c-language>a {margin:0;display: block;padding: 0 5px;width: 80px;height: 40px;line-height: 38px;border: 1px solid #f1f1f1;}
#zbheader .c-nav2 .c-language>a i {margin-top: 9px;}
#zbheader .c-nav2 .c-language .c-list {display: none;background: #fff;line-height: 40px;box-shadow: 0 2px 11px rgba(0, 0, 0, 0.05);}
#zbheader .c-nav2 .c-language .c-list a {display: block;padding: 0 5px;margin: 0;}
#zbheader .c-nav2 .c-language .c-list .c-item:last-child a {border-bottom: 0;}
#zbheader .c-nav2 .c-search-box {float: right;width: -webkit-calc(100% - 120px);width: calc(100% - 120px);width: calc(100% - 20px);padding: 20px 20px 0 0;}
#zbheader .c-nav2 .c-search-box form {position: relative;border: 1px solid #f1f1f1;line-height: 38px;}


#zbheader .c-nav2 .c-search-box form input {float: left;padding: 0 5px;width: -webkit-calc(100% - 15px);width: calc(100% - 50px);

	height: 38px;}
#zbheader .c-nav2 .c-search-box form button {float: right;width: 50px;height: 38px;color: #fff;background:#0e4b9c;}
/*顶部导航开关*/

#zbheader .c-switch {position: absolute;top:50%;right: 15px;display: none;width: 24px;height: 20px;margin-top: -10px;cursor: pointer;}
#zbheader .c-switch i {position: relative;display: block;height: 2px;background:#fff;-webkit-transition: all 0.3s;transition: all 0.3s;}
.c-open #zbheader .c-switch i {background:#333;}
#zbheader .c-switch i:nth-child(1) {top: 0;}
#zbheader .c-switch i:nth-child(3) {bottom: 0;}
#zbheader .c-switch i:nth-child(2) {margin: 6px 0;}
body.c-open #zbheader .c-switch i:nth-child(2) {opacity: 0;}
body.c-open #zbheader .c-switch i:nth-child(1) {top: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
body.c-open #zbheader .c-switch i:nth-child(3) {bottom: 8px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
body.c-open .mylogo img{filter: brightness(1);}
.column{background-color: #fff;}
.column .inner{background-color: #f3f3f3;}
.column .inner .wrap{width: 1200px;max-width: 100%;margin: auto;}
.mynavgo{display: flex;margin-bottom: -1px;}
.mynavgo a{display: block;line-height: 76px;font-size: 20px;color: #222;transition: 0.5s;padding: 0 3.7% 0 0;margin: 0 2px 1px 2px;}
.mynavgo a.ons{color: #0e4b9c;}
.mynavgo a:hover{color: #0e4b9c;}
.fnews{margin-bottom: 0.5%;margin-top: 3%;width: 98.2%;}
.fnews .nxw{overflow: hidden;background: #f5f5f5;

}
.fnews .nxw a{display: block;width: 100%;height: 100%;color: #2a333a;}
.fnews .nxw .xwpic{padding: 0;overflow: hidden;width: 100%;height: 400px;background: #fff;}


.fnews .nxw .xwpic img{width: 100%;height: 100%;object-fit: cover;}
.fnews .nxw .xwlist{padding: 6%;overflow: hidden;}
.fnews .nxw .xwlist h3{font-size: 36px;line-height: 40px;margin-bottom: 5%;}
.fnews .nxw .xwlist h6{font-size: 16px;line-height: 25px;margin-bottom: 15px;margin-top: 1%;opacity: 0.6;}
.fnews .nxw .xwlist p{font-size: 16px;line-height: 30px;margin-bottom: 15px;opacity: 0.6;

	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.fnews .nxw .xwlist .mores{display: block;width: 180px;line-height: 45px;text-align:center;background: #005bac;color: #fff;font-size: 15px;margin:10px 0;transition: all 0.3s;}


.fnews .nxw .xwlist:hover .mores{background: #f60822;color: #fff;box-shadow: 3px 3px 5px 1px #2c2c2c;}
.fnews .newsgo{position: absolute;right: 0;bottom: 15%;z-index: 11;width: 43%;margin-right: 3%;text-align: right;display: none;}
/* 首页产品 */
.progood{background-image: url(../images/s2-bg.jpg);background-size: cover;background-position: center;}

.progood .inpro{margin-top: 3%;}
.progood .inpro h4{font-size: 24px;color: #0e4b9c;font-weight: bold;line-height: 2;}
.progood .inpro .imgbox{padding: 2%;text-align: center;}
.progood .inpro a{display: block;width: 95%;padding-right: 9%;border-right: 1px solid #e7ebee;}
.progood .inpro img{max-width: 100%;height: 270px;object-fit: contain;}
.progood .inpro .info{color: #787878;font-size: 15px;line-height: 32px;	overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;

}

.progood .indexmsgcard{display: flex;flex-wrap: wrap;align-content: stretch;margin-top: 80px;}
.progood .indexmsgcard .left{width: 360px;}
.progood .indexmsgcard .left .ul{margin-top: 40px;display: flex;flex-wrap: wrap;width: 100%;}
.progood .indexmsgcard .left .ul .li{width: 100%;padding-right: 15px;}
.progood .indexmsgcard .left .ul .li a{display: block;;width: 100%;line-height: 3;font-size: 20px;position: relative;color: rgba(0, 0, 0, .8);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.progood .indexmsgcard .left .ul .li a::after{content: '';display: inline-block;position: absolute;width: 35%;height: 1px;left: 0;bottom: 0;background-color: rgba(0, 0, 0, .2);transition: all 0.3s;}
.progood .indexmsgcard .left .ul .li:hover a{color: #0e4b9c;}
.progood .indexmsgcard .left .ul .li:hover a::after{background-color: #0e4b9c;width: 60%;}

.progood .indexmsgcard .right{width: calc(100% - 360px);display: flex;flex-wrap: wrap;align-content: center;}
.progood .indexmsgcard .right .proSwiper{width: 100%;}
.progood .indexmsgcard .right .li{width: 100%;margin-bottom: 30px;}
.progood .indexmsgcard .right .li a .title{}
.progood .indexmsgcard .right .li a .title p{font-size: 20px;font-weight: 600;color: #0e4b9c;line-height: 3;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.progood .indexmsgcard .right .li a .img{position: relative;background-color: #fff;width: calc(100%);padding-top: 80%;border: 1px solid rgba(0, 0, 0, .1);overflow: hidden;}
.progood .indexmsgcard .right .li a .img img{position: absolute;width: 100%;height: 100%;object-fit: contain;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.progood .indexmsgcard .right .li a:hover img{width: 105%;height: 105%;}






.newsgo .gobox{display: none;}
.newsgo .gobox span{font-size: 30px;text-align: center;line-height: 50px;width: 50px;height: 50px;color: #fff;background-color: #b2b2b2;border-radius: 50%;display: inline-block;position: relative;z-index: 1;transition: 0.5s;cursor: pointer;}
.newsgo .gobox span:hover{background-color: #0e4b9c;}


/*首页轮播图*/

.mybanner{background: #fff;}
.mybanner .c-container{padding: 0 1.6rem;}
.mybanner .swiper-slide{position: relative;overflow: hidden;}
.mybanner .swiper-slide>img {width: 100%;height: 100vh;object-fit: cover;transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);

	-webkit-transition: all 7s;transition: all 7s;}
.mybanner .swiper-slide .c-bg2 {display: none;}
.mybanner .swiper-slide-active img{transform:scale(1,1);-webkit-transform:scale(1,1);

}
@keyframes sliderPagination {100% {   transform: scaleX(1);  opacity: 1;  }
}
.mybanner .swiper-pagination-clickable .swiper-pagination-bullet{background: unset;color: #fff;/* opacity: 0.3;*/margin: 0 1%;font-size: 16px;width: auto;height: auto;font-weight: bolder;}
.mybanner .swiper-pagination-clickable .swiper-pagination-bullet{opacity: 1;position: relative;width: 30px;height: 5px;border-radius: 2px;margin: 0 4px;background-color: rgba(255,255,255,1);transition: background-color .3s ease;}
.mybanner .swiper-pagination-clickable .swiper-pagination-bullet-active{opacity: 1;width: 45px;}
.mybanner .swiper-pagination-clickable .swiper-pagination-bullet::before {display: block;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #0e4b9c;transform: scaleX(0);transform-origin: 0 0;}


.mybanner .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active::before{animation: sliderPagination 3s linear forwards}
.mybanner .swiper-pagination-clickable .swiper-pagination-bullet:hover { height: 5px;background-color: #fff;}
.mybanner .swiper-slide .slide-content {position: absolute;top: 50%;left: 50%;color: #fff;transform: translate(-50%,-50%);width: 100%;max-width: 1630px;padding: 0 15px;}
.mybanner .swiper-slide:nth-child(1) .slide-content{text-align: right;padding-top: 5%;}
.mybanner .swiper-slide:nth-child(2) .slide-content{text-align: right;}
.mybanner .swiper-slide:nth-child(3) .slide-content{text-align: left;}
.mybanner .swiper-slide .slide-content h2{font-size: 0.64rem;font-weight: 400;line-height: 1.75;text-shadow: 0 2px 10px rgba(0,0,0,.3);}
.mybanner .swiper-slide .slide-content p{padding: 30px 15px 35px;font-size: 18px;line-height: 30px;text-shadow: 0 2px 10px rgba(0,0,0,.3);}
.mybanner .swiper-slide .slide-content img{width: auto;max-width: 95%;margin: 0 2.5%;}
.mybanner .swiper-pagination-bullet{opacity: 1;}
.mybanner .c-dot{position: absolute;bottom: 5%;left: 0;width: 100%;}
.mybanner .gobox{width: 55px;height: 55px;position: absolute;top: 50%;margin-top: -22px;z-index: 10;cursor: pointer;transition: 0.5s;}
.mybanner .c-dot .swiper-next{right: 50px;left: unset;}
.mybanner .c-dot .swiper-prev{right: 150px;left: unset;}
.mybanner .gobox span{font-size: 30px;text-align: center;line-height: 55px;width: 55px;height: 55px;color: #fff;border: 3px solid transparent;border-radius: 50%;display: inline-block;position: relative;z-index: 1;transition: 0.5s;}
.mybanner .gobox span:hover{color: #0e4b9c;border: 3px solid #0e4b9c;}
.mybanner .swiper-pagination{position: relative;text-align: left;}
.mybanner .bgo{font-size: 18px;color: #fff;display: inline-block;padding: 10px 35px;border: 1px solid #fff;transition: 0.5s;}
.mybanner .bgo:hover{background-color: #0e4b9c;border-color: #0e4b9c;}


@keyframes spin-right {  0% {transform: rotate(180deg); }
  50% {transform: rotate(360deg); }
  100% {transform: rotate(360deg); }
}


@keyframes spin-left {  0% {transform: rotate(180deg); }
  50% {transform: rotate(180deg); }
  100% {transform: rotate(360deg); }
}
@-webkit-keyframes c-zoom {  0% {transform:scale(1,1);-webkit-transform:scale(1,1);

  }
  100% {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);

  }
}


@keyframes c-zoom {  0% {transform:scale(1,1);-webkit-transform:scale(1,1);

  }
  100% {transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);

  }
}
.c-zoom {  -webkit-animation-name: c-zoom; animation-name: c-zoom;}
/*case*/

.section.case{background-color: #eef3f7;}
.newsone h4{color: #fff;font-size: 26px;line-height: 40px;position: absolute;left: 8%;bottom: 11%;max-width: 90%;	white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.innewone{color: #8a8a8a;padding: 5px;background-color: #fff;}


.newsone ul li{line-height: 42px;margin-left: 10px;}


.newsone ul li::before{content: "";display: inline-block;width: 8px;height: 8px;background-color: #405E9D;border-radius: 50%;vertical-align: middle;margin-right: 10px;margin-left: -10px;transition: 0.3s;}
.newsone ul li a{color: #282828;font-size: 16px;display: inline-block;white-space: nowrap;text-overflow: ellipsis;transition: 0.3s;position: relative;max-width: 69%;overflow: hidden;vertical-align: middle;}
.newsone ul li span{font-size: 15px;color: #8a8a8a;float: right;transition: 0.3s;}
.newsone ul li:hover a{color: 0e4b9c}
.newsone ul li:hover span{color: 0e4b9c}
.newsone ul li:hover:before{background-color: 0e4b9c}
.newsone .xwpic{margin-right: 2.5%;}
.section.case .navgo a{display: block;line-height: 4;/* color: #fff;*/font-size: 18px;font-weight: bold;transition: 0.5s;}
.section.case .navgo a::before{content: "";display: inline-block;width: 30px;height: 3px;background-color: transparent;transition: 0.5s;vertical-align: middle;margin-right: 10px;}
.section.case .navgo a:hover{text-decoration: revert;}
.section.case .navgo a:hover::before{background-color: #da2937;}
.section.case .my_btn{margin: 10px 0 0;padding: 1.2458%;text-align: center;border: 1px solid #000;}
.caselist{margin: 0.5rem 0;background-color: #fff;padding: 16px 10px;}
.caselist .mycase{position: relative;overflow: hidden;width: 98%;margin: auto;}
.caselist .mycase .casebox{position: absolute;top: 85%;text-align: center;width: 100%;height: 100%;display: block;transition: 0.5s;background-color: rgba(0, 0, 0, 0.4);

}
.caselist .mycase .casebox h3{color: #fff;font-size: 22px;line-height: 2.5;transition: 0.5s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.caselist .mycase:hover .casebox{padding-top: 17%;top: 0;background-color: rgba(206, 27, 34, 0.8);}
.caselist .mycase .casebox p{width: 58px;margin: 1% auto 6%;border: 1px solid #fff;}
.caselist .mycase .casebox a{display: inline-block;color: #fff;font-size: 16px;border: 1px solid #fff;padding: 7px 28px;border-radius: 20px;}
.caselist ul li{margin-bottom: 1.5%;}
.caselist ul li:hover img{transform: scale(1.1);}
.caselist ul li .mycons{padding: 8% 11%;}


.caselist ul li a p{margin: 5% 0;color:#868686;}
.caselist ul li i{width: 27px;height: 27px;margin-left: 5px;display: inline-block;text-align: center;line-height: 27px;font-size: 22px;color: #fff;border-radius: 50%;vertical-align: revert;cursor: pointer;background-color: #0e4b9c;transition: 0.5s;}
.caselist ul li:hover .pull-right{color: #d50000;}
.caselist ul li:hover i{background-color: #d50000;transform: rotate(360deg);}
div.case .c-cn-title{opacity: 1;margin-top: -5px;font-size: 42px;line-height: 56px;color: #fff;font-weight: bold;text-transform: uppercase;}
div.case .c-cn-title::after{content: "";display: block;width: 27%;min-width: 120px;height: 10px;margin: 20px 0;background-color: #ce1b22;}
div.case .c-en-title{font-size: 0.45rem;color: #0e4b9c;margin: 0.2rem 0;}
/* about */

#c-about {background: #fff;}
#c-about .my_btn{display: block;text-align: right;margin-bottom: 5%;}
#c-about .right{overflow: hidden;padding-right: 6%;}
#c-about .c-left-box{padding: 15px 0;margin-top: 8%;}
#c-about .c-common-title{display: unset;padding: 0;}
#c-about .lins{position: absolute;right: 23%;top: 41%;width: 1px;background-color: #0e4b9c;height: 140px;}
#c-about .lins span{display: inline-block;width: 15px;height: 15px;background-color: #0e4b9c;border-radius: 50%;position: absolute;left: -7px;top: -11px;}
#c-about .tit h3{font-weight: bolder;margin-top: 0;margin-bottom: 0%;}
#c-about .tit h5{font-size: 48px;font-weight: 300;line-height: 67px;}
#c-about .go{display: block;margin: 9% 0;width: 12px;height: 1px;background-color: #405E9D;overflow: visible!important;}
#c-about .go::before{content: "";display: inline-block;width: 12px;height: 12px;border-radius: 50%;background-color: #405E9D;vertical-align: text-top;margin-top: -6px;}
#c-about .c-img-box>div .imgbox{display: block;border-right: 2px solid #fff;}
#c-about .consdec{margin-top: -2%;width: 100%;font-size: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;line-clamp: 6;-webkit-box-orient: vertical;}


@keyframes scale3{0%{ width: 12px;height: 12px;opacity:.9;}100%{width: 130px;height: 130px;opacity: 0.5;}}
@keyframes scale4{0%{ width: 12px;height: 12px;opacity:.9;}100%{width: 70px;height: 70px;opacity: 0.5;}}
#c-about .lins span::before{content: '';display: block;position: absolute;width: 12px;height: 12px;display: block;box-sizing: unset;border-radius: 50%;border:1px solid rgba(1, 75, 154, .9);transform: translate(-50%, -50%);left: 50%;top: 50%;animation: scale3 3s infinite;}
#c-about .lins span::after{content: '';display: block;position: absolute;width: 12px;height: 12px;display: block;box-sizing: unset;border-radius: 50%;border:1px solid rgba(1, 75, 154, .9);animation: scale4 4s infinite;transform: translate(-50%, -50%);left: 50%;top: 50%;}
#c-about .move1 h5{font-size: 92px;color: #0e4b9c;transform: skew(5deg);font-style: italic;font-weight: bold;}
#c-about .consdec h6{font-size: 26px;font-weight: bold;color: #0e4b9c;line-height: 2;}
#c-about .consdec p{font-size: 15px;color: #7c7c7c;margin-top: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;line-height: 2;}
.numsgo{white-space: nowrap;color: #000;margin: 3% auto 3.5%;}
.numsgo .li{width: 98.5%;padding: 30px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.numsgo .icon{font-size: 42px;}
.numsgo>div p{font-size: 16px;color: #8f8f8f;display: inline-block;vertical-align: super;}
.numsgo>div span{padding: 0 2%;font-size: 48px;font-weight: bold;display: inline-block;vertical-align: sub;line-height: 41px;}
.numsgo>div b{font-weight: 800;color: #0e4b9c;font-size: 40px;}
.about .c-cn-title::after{content: "";display: block;width: 27%;min-width: 120px;height: 10px;margin: 20px 0;background-color: #ce1b22;}
.about .c-common-title .c-text{width: 100%;color: #fff;}
.about .c_name{font-size: 0.28rem;margin-bottom: 6%;}
.about .c_name span{color: #ff8400;}
#c-about .c-left-box .c-img-box img{max-width: 100%;}
.about .c-img-box{width: 100%;height: 100%;}
.about .c-img-box .imgbox{height: 100%;}
.about .c-img-box .imgbox a{display: block;height: 100%;}
.about .c-img-box .imgbox a img{object-fit: cover;height: 100%;}
.inhonor{padding: 6.8%;background-color: #f1f2f4;height: 100%;}
.inhonor .imgbox img{width: 100%;height: 220px;object-fit: contain;}
.inhonor a h5{color: #313131;font-size: 18px;text-align: center;margin-top: 5%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.inhonor .swiper-button-next{color: #fff;display: inline-block;width: 28px;height: 28px;line-height: 28px;border-radius: 50%;background-color: #a8a9aa;text-align: center;background-size: 11px;}
.inhonor .swiper-button-prev{color: #fff;display: inline-block;width: 28px;height: 28px;line-height: 28px;border-radius: 50%;background-color: #a8a9aa;text-align: center;background-size: 11px;}


.oallnice{width: 1200px;max-width: 100%;}
.oallnice .whatdogo{overflow: visible;}
.imgbox{overflow: hidden;}
.imgbox img{max-width: 100%;transition: 0.5s;}
.imgbox:hover img{transform: scale(1.1);}
.whatbtn .gobox{width: 70px;height: 60px;border: 1px solid rgba(255,255,255,0.4);background-size: auto;transition: 0.5s;}
.whatbtn .swiper-button-next{

	right: 0%;background-image: url(../images/bango3.png);}
.whatbtn .swiper-button-prev{left: 88.4%;background-image: url(../images/bango2.png);}
.whatbtn .gobox:hover{transform: rotateY(45deg);background-color: rgba(206, 27, 34, 1);border: 1px solid rgba(206, 27, 34, 1);}
.whatbtn .swiper-pagination{width: 400px;left: 50%;transform: translateX(-50%);}
.whatbtn .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;border: 1px solid #fff;border-radius: 50%;opacity: 1;margin: 0 5%;background-color: transparent;}
.whatbtn .swiper-pagination .swiper-pagination-bullet-active{border: 1px solid #ce1b22;background-color: #ce1b22;}


.whatbtn .my_btn{width: 160px;display: inline-block;}
@media (min-width: 1175px) {}
/* 产品 */

.goodslist h2{color: #051424;font-size: 28px;font-weight: bolder;line-height: 2;}
.goodslist .inners>p{opacity: 0.8;}
.goodslist .box{background-color: #dfdfdf;text-align: center;padding: 1rem 0 0.7rem;overflow: hidden;}
.goodslist .box h6{font-size: 25px;color: #061f58;line-height: 2.5;}
.goodslist .products_img img{max-width: 100%;}
.goodslist .box .products_txts p{color: #878787;}
.goodslist .box .aksinfo{position: absolute;top: 0;opacity: 0;text-align: center;width: 100%;height: 0;z-index: 1;padding-top: 50%;background-color: rgba(6, 31, 88, 0.8);transition: all 0.3s;}


.goodslist .box .aksinfo p{font-size: 25px;color: #fff;font-weight: bold;line-height: 3;}
.goodslist .box:hover .aksinfo{height: 100%;opacity: 1;}
.goodslist .inners{padding: 2% 0 1%;border-bottom: 1px solid #ccc;margin-bottom: 2%;}
.goodslist .inners ul{overflow: hidden;margin: 1.5% 0;}
.goodslist .inners ul li{float: left;width: 25%;}
.goodslist .inners ul li .imgbox{height: 316px;text-align: center;border: 1px solid #FFECCE;}
.goodslist .inners ul li .probox{display: block;width: 92%;position: relative;margin-bottom: 6%;}
.goodslist .inners ul li .imgbox img{width: 100%;height: 100%;object-fit: cover;}
.goodslist .inners ul li h3{line-height: 2.5;text-align: center;padding: 1% 5px;color: #222;font-size: 16px;font-weight: bold;

	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.goodslist .inners ul li .h3{text-align: center;margin: 0;padding-bottom: 30px;width: 100%;color: #000;overflow: hidden;transition: 0.5s;}
.goodslist .inners ul li .h3 p{opacity: 0.6;font-size: 16px;line-height: 30px;margin-bottom: 20px;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.goodslist .inners ul li .h3 a{display: inline-block;width: 40%;margin: 2%;border:1px solid #004f95;border-radius: 7px;line-height: 40px;color: #000;background-color: #fff;font-size: 16px;}
.goodslist .inners ul li .h3 .more{color: #222;border-radius: 0;transition: 0.5s;border: 1px solid #ddd;}
.goodslist .inners ul li:hover .h3{color: #BF9045;}
.goodslist .inners ul li:hover .more{color: #fff;background-color: #BF9045;}


.allgoods a{display: inline-block;padding: 0 20px;line-height: 3;color: #a5a5a5;margin-bottom: 20px;transition: all 0.3s;}
.allgoods .ga{

	color: #333333;

}
.allgoods .ga:hover{color: #ed3333;}
.allgoods .ga::after{content: "";width: 0px;margin: auto;

	height: 3px;display: block;transition: all 0.3s;}
.allgoods .ga:hover::after{

	width: 50px;background-color: #ed3333;}


.tit .eng{color: #282c34;font-size: 32px;font-weight: bold;line-height: 55px;text-transform: uppercase;}
.tit h3{color: #282c34;font-size: 40px;font-weight: bold;line-height: 55px;}


.sul .c-container{height: 100%;z-index: 2;}
.sul .c-en-title{color: #fff;}
.sul .c-cn-title{font-size: 24px;color: #fff;opacity: 0.2;text-transform: uppercase;}
.sul .row,.sul .col-md-3{height: 100%;}
.sul .c-common-title{height: 100%;border-right: 1px solid #506f94;}
.sul .tabs{margin-bottom: 20px;}
.sul .tabs .part{position: relative;display: block;padding: 30px 0;}
.sul .tabs .icon{color: #fff;font-size: 25px;display: inline-block;}
.sul .tabs a{color: #fff;font-size: 25px;}
.sul .tabs span.icon{font-size: 40px;margin-right: 10%;}
.sul .tabs span.small{font-size: 29px;min-width: 35px;margin-left: 4px;}
.sul .tabs i{display: inline-block;width: 25px;height: 25px;border-radius: 50%;background: #ed3333;text-align: center;line-height: 25px;color: #fff;vertical-align: middle;-webkit-transition: all .4s;transition: all .4s;}
.sul .tabs i.icon{font-size: 10px;margin-left: 10%;}


.sul .tabs .active span,.sul .tabs .active a{color: #ed3333;}
/*message*/

#formData{font-size: 15px;overflow: hidden;margin: 2% 0;}
#formData input{display: block;width: 100%;padding: 10px;height: 48px;/* color: #fff;*/line-height: 48px;background-color: rgba(0, 0, 0, 0.05);border: 1px solid rgba(255, 255, 255, 0.05);transition: 0.5s;}
#formData input:hover{box-shadow: 0 0 5px #ededed;}


#formData textarea{background-color: #fff;display: inline-block;padding: 8px;margin-bottom: 1.5%;/* color: #fff;*/width: 98.3%;background-color: rgba(0, 0, 0, 0.05);  	border: none;  border: 1px solid rgba(255, 255, 255, 0.05);  transition: 0.5s;}
#formData textarea:hover{box-shadow: 0 0 5px #ededed;}


#formData .firsinfo input{width: 100%;margin-bottom: 20px;}
#formData .submit{font-size: 15px;color: #fff;padding: 14px 7%;display: inline-block;position: relative;background-color: #0e4b9c;z-index: 0;transition: 0.5s;}
#formData .code input{height: 49px;width: 50%;display: inline-block;}
#formData .submit::before{position: absolute;content: "";left: 0;top: 0px;width: 100%;height: 100%;transition: all 0.5s;-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;transition: transform .5s;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;z-index: -1;color: #fff;background-color: #da2937;}
#formData .submit:hover::before{-webkit-transform-origin: left center;transform-origin: left center;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);}
/* cbuild */

.c_lkjs .combox{

	padding: 0.8rem 3rem 0.1rem;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: center;background-image: url(../images/cbuding.jpg);}
.c_lkjs .sjbox{padding: 0.8rem 3rem 0.4rem;}
.honormore .mores{font-size: 16px;color: #0e4b9c;}
.lkjs .sjcaselist .boximg a{margin-bottom: 0;}
.honormore .mores span{width: 43px;height: 43px;margin-left: 5px;display: inline-block;text-align: center;line-height: 43px;font-size: 28px;color: #fff;border-radius: 50%;vertical-align: sub;cursor: pointer;background-color: #0e4b9c;transition: 0.5s;}
.honormore .mores:hover span{background-color: #d50000;transform: rotate(360deg);}
.cbuildingkeys{font-size: 0.2rem;}
.c_lkjs .combox .goodkeys{color: #7c7c7c;font-size: 20px;}
.cbuilding_list{position: relative;overflow: hidden;height: 500px;}
/*cbuadd*/

.news-slider {z-index: 2;max-width: 1300px;margin-left: auto;margin-right: auto;margin-top: 60px;}


.news-slider__wrp {display: flex;align-items: flex-start;position: relative;z-index: 2;}
.news__item{padding:20% 16%;color: #444444;display: block;border-radius:0 30px 0 30px;

	background-color: #fff;margin-top: 9%;transition: all .3s; }
  .news__item .cons{  color: #c7c7c7; }
.news-slider__item.on .news__item{flex-shrink: 0;color:#fff;background-color: #0e4b9c;}
.news-slider__item.on .news-icon span{color: #5ac2ee;}
.news-slider__item.on .news-icon{  border: none;}
.news-slider__item.on .news__txt{  opacity: 1; height: auto;}
.news-slider__item.on .news__item{margin-top: -6%;}


.news-slider__item .news-icon{line-height: 60px;border-bottom: 1px solid #e2e2e2;}


.news-slider__item .news-icon span{  color: #d30000; font-size: 0.7rem;}
@media screen and (max-width: 992px) {.mybanner .swiper-slide .c-bg{display: none;}
	.mybanner .swiper-slide .c-bg2{display: block;}


	.news-slider__item {  width: 340px;}
}  

.news-slider__pagination{display: none;text-align: center;margin-top: 50px;}
.news-slider__ctr{position: absolute;bottom: 5%;left: 50%;transform: translateX(-50%);}
  .news-slider__pagination .swiper-pagination-bullet {width: 13px;height: 10px;display: inline-block;background: #51b0e1;opacity: .5;margin: 0 5px;border-radius: 20px;transition: opacity .5s, background-color .5s, width .5s;transition-delay: .5s, .5s, 0s; }
  .news-slider__pagination .swiper-pagination-bullet-active {opacity: 1;background: #0e4b9c;width: 100px;transition-delay: 0s; }
  @media screen and (max-width: 576px) {.news-slider__pagination .swiper-pagination-bullet-active {  width: 70px;}
  }
 

  @media screen and (min-width: 800px) {.news__item:hover {  color: #222222; transition-delay: .1s;}
  }
  .news__item.active {color: #222222; }
  @media screen and (max-width: 992px) {.menu-wrap{display: block;}
	.news__item {  padding: 30px;}
  }
  @media screen and (max-width: 576px) {.news__item {  padding: 20px;}
  }
  .news-date {padding-bottom: 20px;margin-bottom: 20px;border-bottom: 2px solid;display: inline-block;opacity: .7;transition: opacity .3s; }
  @media screen and (max-width: 576px) {.news-date {  margin-bottom: 10px; display: inline-flex; align-items: center; padding-bottom: 0;}
  }
  .news-date__title {display: block;font-size: 32px;margin-bottom: 10px;font-weight: 500; }
  @media screen and (max-width: 576px) {.news-date__title {  margin-right: 10px;}
  }
  .news-date__txt {font-size: 16px; } 

  .news__title h6{  font-size: 0.26rem; font-weight: bolder; text-align: center; line-height: 2; padding: 5% 0; white-space: nowrap; }
  .news__title .cons{  font-size: 14px; color: #c7c7c7; text-align: center; }
  @media screen and (max-width: 576px) {.news__title {  font-size: 22px; margin-bottom: 10px;}
}
  .news__txt {margin: 10px 0;line-height: 1.6em;font-size: 15px;opacity: 0;height: 0;transition: .3s;}
/*sjmeaasge*/

.conpage{background-color: #fff;position: relative;}
.conpage::after{content: "";display: block;width: 100%;position: absolute;bottom: 0;z-index: -1;padding-bottom: 70%;background: #F6F6F6;}
.sjmeaasge{position: relative;z-index: 11;}
.sjmeaasge #formData p{font-size: 16px;color: #222;line-height: 2;margin-bottom: 1%;}


.sjmeaasge #formData input{padding-left: 3%;}
.sjmeaasge #formData textarea{width: 100%;padding-left: 1%;}
.sjmeaasge #formData .right p{text-indent: 3em;}
.sjmeaasge #formData .right input{margin-left: 5%;}
.sjmeaasge #formData .code{margin-top: 12px;}
.sjmeaasge #formData .code input{background-image: unset;width: 170px;height: 48px;padding-left: 10px;}
.sjmeaasge #formData .code .verify{display: inline-block;vertical-align: top;max-width: 45%;}
.sjmeaasge #formData .code .verify img{height: 48px;}
.sjmeaasge #formData .submit{float: right;color: #405E9D;margin-top: 5%;padding: 14.5px 26%;font-size: 17px;background-color: #fff;border-radius: 40px;overflow: hidden;}
#formData .submit:hover{color: #fff;}


.sjmeaasge .tips{font-size: 14px;color: #666;line-height: 30px;margin: 5% 0;width: 370px;max-width: 100%;}
.sjmeaasge .tels{font-size: 16px;color: #666;line-height: 3;}
.sjcaselist{margin: 2% 0;}
.sjcaselist .swiper-container {padding: 0 2.5%;margin: auto;}
.sjcaselist .boximg {transition: all 0.3s;}
.sjcaselist .boximg img{width: 100%;height: 265px;object-fit: cover;}
.sjcaselist .boximg .imgbox{overflow: hidden;padding: 5px;background-color: #e4e4e4;}
.sjcaselist .boximg .imgbox img{transition: all 0.3s;}
.sjcaselist .boximg .imgbox:hover img{transform: scale(1.1);}
.sjcaselist .boximg a {position: relative;display: block;margin-bottom: 15%;}
.sjcaselist .swiper-pagination-bullet{background-color: #0e4b9c;opacity: 1;}
.sjcaselist .swiper-pagination-bullet-active{background-color: #d30000;}
.sjcaselist .boximg p {color: #3b3b3b;line-height: 2.45;font-size: 0.2rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background: #e4e4e4;transition: 0.5s;}
.sjcaselist .boximg:hover p {color: #fff;background-color: #0e4b9c;}
.sjnav{position: relative;z-index: 1;width: 100%;height: 22px;text-align: center;}
/*map*/

.map{background-color: #d5d5d5;}
/*客户案例*/.case .c-container .c-common-title{display: block;margin: 8% 0 2% 0;padding-right: 2.5rem;}
.oallnice .whatdogo .swiper-slide{padding: 1% 2% 8%;border-left: 1px solid rgba(199, 199, 199, 0.3);}
.oallnice .whatdogo .swiper-slide img{width: 100%;height: 182px;object-fit: cover;}
.case .mywork{width: 100%;overflow: hidden;}
.case .time{opacity: 0.5;font-family: AlibabaPuHuiTi_2_55_Regular;font-weight: 400;font-size: 14px;color: #222222;}
.case .cons{opacity: 0.5;color: #222;font-size: 15px;margin-top: 10px;overflow: hidden;line-height: 30px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}


.case .whatdogo .dobox h3{color: #222;font-size: 18px;line-height: 30px;transition: 0.5s;overflow: hidden;line-height: 30px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.case .whatdogo .dobox h3::after{content: "";display: block;width: 30%;height: 2px;background-color: #CAA05F;margin-top: 12px;margin-bottom: 6px;}


.case .dobox .cons{/* height: 150px;*/line-height: 30px;margin-bottom: 15%;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;}
.case .dlex{margin-bottom: 3%;margin-top: 3%;display: flex;align-items: center;justify-content: space-between;}
.case .dlex .newsgo a{color: #23334a;font-size: 16px;display: inline-block;line-height: 40px;margin-right: 26px;margin-left: 10px;border-bottom: 3px solid transparent;transition: 0.5s;}
.case .dlex .newsgo a.on{color: #0e4b9c;border-bottom: 3px solid #0e4b9c;}
.case .dlex .newsgo a:hover{color: #0e4b9c;border-bottom: 3px solid #0e4b9c;}


.case .newsone{width: 100%;height: 100%;}
.case .newsone a{display: block;position: relative;height: 100%;}
.case .newsone a .imgbox{height: 100%;}
.case .newsone a .imgbox img{height: 100%;}
.case .newsone h3{color: #222;font-size: 18px;overflow: hidden;line-height: 40px;margin-top: 10px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}


.case .newsone .time{text-align: right;position: absolute;right: 7%;top: 7%;color: #fff;font-size: 18px;opacity: 1;line-height: 40px;}
.case .newsone .time b{ font-size: 34px;}
.case .newsone:hover h3{color: #CAA05F;}
.innewsone{width: 100%;padding: 16.5% 14%;background-color: #fff;height: 100%;}
.innewsone h5{color: #000;font-size: 22px;line-height: 40px;height: 80px;

	transition: 0.3s;/* height: ;*/overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.innewsone .info{color: #8a8a8a;font-size: 16px;line-height: 35px;overflow: hidden;margin-bottom: 18.5%;min-height: 170px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;transition: 0.3s;}


.innewsone .info::before{content: "";display: block;width: 100%;height: 2px;background-color: #d8d8d8;margin: 11% auto;}
.innewsone a:hover h5{color: #0e4b9c;}
.innewsone a:hover .info{color: #0e4b9c;}


.innewsone .flex{justify-content: space-between;}
.innewsone .time{font-size: 18px;opacity: 1;line-height: 40px;}
.innewsone .time b{color: #6b6666;font-size: 34px;}
.case .whatdogo .dobox{height: 50vh;}
.case .whatdogo .dobox .my_btn{width: 120px;height: 40px;border: 1px solid #ddd;display: block;border-radius: 0;padding: 0 10px;color: #222;line-height: 35px;font-size: 15px;overflow: hidden;transition: 0.5s;background-image: none;background: unset;}
.case .whatdogo .dobox:hover .my_btn{background-color: #CAA05F;color: #fff;}
.case .whatdogo .dobox .iconfont{font-size: 21px;line-height: 1;vertical-align: middle;margin-left: 10%;transform: translateY(-1px);display: inline-block;}
.case .whatdogo .dobox .time1{font-size: 55px;color: #014b9a;font-weight: bold;line-height: 1;margin: unset;font-family: fantasy;}
.case .whatdogo .dobox p{line-height: 2.5;}
.case .c-en-title{color: #fff;}
.case .c-cn-title{font-size: 24px;color: #fff;opacity: 0.2;text-transform: uppercase;}
.case .c-common-title .more{color: #fff;background: url(../images/mores.png) no-repeat center;background-size: contain;margin-top: 10px;padding: 13px 13px;width: 210px;text-indent: 2em;transition: all 0.3s;display: block;}
.case span{transition: 0.5s;}
.case .c-common-title .more:hover span{margin-left: 15%;}
.case .whatbtn{margin: 5% 0 2% 0;padding: 25px;}


/*indexmsg*/

.indexmsg{background-image: url(../images/indexmsg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.indexmsg .tit{text-align: center;margin-bottom: 6%;}
.indexmsg .tit>p{color: #fff;}
.indexmsg .tit>h3{color: #fff;line-height: 48px;margin-top: 0;margin-bottom: 1.1%;}
.indexmsg .indexmsgcard{padding-top: 5%;}
.indexmsg .indexmsgcard .mores{text-align: right;}
.indexmsg .indexmsgcard .my_btn{margin: unset;padding: 1px;color: #0e4b9c;margin-top: 2.4%;border-bottom: 1px solid #0e4b9c;}
.indexmsg .indexmsgcard .advbox{color: #fff;margin: 0 14px;text-align: center;padding: 0 30px 30px;border: 1px solid rgba(255,255,255,0.5);backdrop-filter: blur(6px);transition: 0.5s;}
.indexmsg .indexmsgcard .advbox:hover{box-shadow: 0 0 15px #6d6a6a;border: 1px solid rgba(255,255,255,1);}


.indexmsg .indexmsgcard .item{}
.indexmsg .indexmsgcard .item img{transform: translateY(-50%);background: rgba(0, 0, 0, 0.8);}
.indexmsg .indexmsgcard .item .icon{font-size: 50px;display: inline-block;width: 25%;text-align: center;opacity: 0.6;transition: 0.3s;}


.indexmsg .indexmsgcard .item .info{transition: 0.3s;}
.indexmsg .indexmsgcard .item .info h4{font-size: 32px;color: #fff;margin-bottom: 9%;}
.indexmsg .indexmsgcard .item .info p{opacity: 0.6;font-size: 16.5px;text-align: left;text-indent: 2em;line-height: 30px;letter-spacing: 1px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.indexmsg .indexmsgcard .item:last-child .icon{font-weight: 700;}
.indexmsg .indexmsgcard .item.on{background-image: linear-gradient(270deg, #eed6b000 0%, #fff1dc78 99%);}
.indexmsg .indexmsgcard .item.on .icon{opacity: 1;}
.indexmsg .indexmsgcard .item.on .info{opacity: 1;}
.indexmsg .caseone{overflow: hidden;margin-top: 11%;display: none;}
.indexmsg .caseone.ons{display: block;/* visibility: visible!important;*/

}
.indexmsg .casetwo{overflow: hidden;padding-left: 89px;margin-top: -10.6%;}
.indexmsg li{width: 31%;margin: 0 1%;float: left;font-size: 20px;padding: 6% 3%;text-align: center;opacity: 0.8;font-weight: lighter;border: 1px solid rgba(255, 255, 255, 0.5);}
.indexmsg li:nth-child(2){margin-top: 32%;}
.indexmsg li span{color: #fff;font-size: 76px;display: inline-block;line-height: 64px;height: 90px;}
.indexmsg li p{color: #fff;margin-top: 12px;}


.indexmsg #formData{font-size: 15px;color: #fff;margin-top: 8%;}
.indexmsg #formData input{width: 95%;color: #fff;border-radius: 15px;background-color: transparent;background-color: rgba(0, 0, 0, 0.2);border: 1px solid #fff;}
.indexmsg #formData .code input{width: 50%;}
.indexmsg #formData textarea{width: 97%;color: #fff;border-radius: 15px;background-color: rgba(0, 0, 0, 0.2);border: 1px solid #fff;background-color: transparent;}
.indexmsg .names{margin-bottom: 20px;}
.contacts .sjmeaasge .verify{display: inline-block;vertical-align: middle;}
.contacts .sjmeaasge .verify img{height: 50px;}
.indexmsg .verify{float: right;width: 47%;}
.indexmsg .verify img{width: 100%;height: 60px;object-fit: cover;}
.sjmeaasge input::-webkit-input-placeholder,.sjmeaasge textarea::-webkit-input-placeholder{color: #000;}
.indexmsg .subtn{overflow: hidden;margin-bottom: 0;display: flex;}
.indexmsg .subtn p{width: 50%;text-align: center;font-size: 40px;font-weight: bold;color: #da2937;line-height: 50px;}


/* ouradvbox */

.ouradv{background-image: url(../images/ouradvbg1.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;overflow: hidden;transition: 0.3s;background-color: #000;position: relative;}
.ouradv.zb1{background-image: url(../images/ouradvbg2.jpg);}
.ouradv.zb2{background-image: url(../images/ouradvbg3.jpg);}
.ouradv.zb3{background-image: url(../images/ouradvbg4.jpg);}


.ouradv[zb=ms1]{background-image: url(../images/ouradvbg2.jpg);}
.ouradv[zb=ms2]{background-image: url(../images/ouradvbg3.jpg);}
.ouradv[zb=ms3]{background-image: url(../images/ouradvbg4.jpg);}
.ouradv .ouradvinner{position: relative;z-index: 2;}
.ouradv .tit{/* filter: brightness(30);*/margin-bottom: 4%;}
.ouradv .advbox{margin: 7% 3%;}
.ouradv .advbox .item{display: flex;align-items: center;}
.ouradv .advbox .item .imgbox{width: 102px;height: 116px;background-image: url(../images/liuk.png);background-repeat: no-repeat;background-size: contain;background-position: center;margin-right: 6%;padding: 3%;display: flex;align-items: center;justify-content: center;}
.ouradv .advbox .item img{transition: 0.5s;}
.ouradv .advbox .item h4{color: #222;font-size: 28px;font-weight: 600;line-height: 2;margin-bottom: 15px;}
.ouradv .advbox .item p{font-size: 17px;line-height: 30px;}
.ouradv .advbox .item .info{width: 300px;}
.ouradv .advbox .item:hover img{transform: rotateY(360deg);}

.ouradv .adv-bg{position: absolute;width: 100%;height: 100vh;left: 0;top: 0;z-index: 1;}
.ouradv .adv-bg .advbg{width: 100%;height: 100%;}
.ouradv .adv-bg .advbg img{width: 100%;height: 100%;object-fit: cover;}

/* .inadvs */

.inadvs .box1{margin-bottom: 6.5%;}
.inadvs .box1 h6{font-size: 25px;font-weight: bold;/* color: #fff;*/margin-bottom: 2%;color: #0e4b9c;}
.inadvs .box1 p{font-size: 16px;/* color: #fff;*/max-width: 715px;line-height: 35px;height: 70px;}
.inadvs .box2{display: flex;flex-wrap: wrap;}
.inadvs .box2 .li{width: 25%;background-color: rgba(255, 255, 255, .7);padding: 2.3%;cursor: pointer;display: flex;flex-wrap: wrap;}
.inadvs .box2 .li .flex{width: 100%;}

.inadvs .box2 .li:nth-child(2n){background-color: rgba(255, 255, 255, .9);}
.inadvs .box2 .li .icon{font-size: 38px;color: #0e4b9c;display: inline-block;margin-right: 9%;}
.inadvs .box2 .li h5{font-size: 20px;color: #24272c;line-height: 1.8;margin-bottom: 5px;width: 100%;}
.inadvs .box2 .li p{line-height:25px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 50px;width: 100%;}
.inadvs .box2 .li.active h5{color: #0e4b9c;}
.inadvs .box2 .li:hover h5{color: #0e4b9c;}


.inadvs .box1 .swiper-wrapper .swiper-slide{display: none;transition: 0.5s;}
.inadvs .box1 .swiper-wrapper .swiper-slide-active{display: block;}


/*news*/

.news{background-image: url(../images/newsbg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;padding-top: 2%;}
.news .c-container{padding: 0 2.6rem;}
.newsinfo{padding: 0.3rem 3rem;}
.news .c-l-box{position: absolute;top: 7%;left: 8%;color: #fff;padding-right: 16%;}
.news .c-l-box .more{color: #fff;margin-top: 0.4rem;padding: 10px 11%;border-radius: 20px;display: inline-block;border: 1px solid #fff;transition: 0.5s;}
.news .c-l-box .more:hover{background-color: #cb0000;border-color: #cb0000;}
.news .imgbox .c-fl{max-width: 83%;}
.news .newcard .imgbox{width: 95%;margin-left: 5%;transition: all 0.5s;border-bottom: 1px solid #e3e3e3;background-color: #fff;background-image: url(../images/fff.jpg);background-repeat: no-repeat;background-size: 100% 100%;}
.news .newcard .imgbox a{color: #fff;}
.news .newinfos{padding: 0.4rem 0.48rem;}
.news .newinfos .c-name h6{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 10px;}
.news .newinfos .times{color: #5f5f5f;margin-bottom: 0.35rem;}
.news .newsimg{overflow: hidden;}
.news .newsimg img{width: 100%;height: 36vh;object-fit: cover;transition: 0.5s;}
.news .newcard .imgbox:hover img{transform: scale(1.1);}
.news .newsfirs{margin-bottom: 0.25rem;}
.news .newcard .col-md-6:nth-child(2n) .imgbox{float: right;}
.news .imgbox.active{background-image: url(../images/newslist.jpg);background-repeat: no-repeat;background-size: 100% 100%;}
.news .c-en-title{color: #072764;font-weight: 500;}
.news .c-en-title span{font-size: 0.18rem;color: #ff8400;}
.news .c-en-title::after{content: "";width: 17%;height: 2px;display: block;margin-top: 0.3rem;background-color: #fff;margin-bottom: 0.3rem;}
.c_news .cominfo{margin-top: 3%;}
.c_news .combox{padding: 3% 0;}
.c_ywfg .combox{background-image: url(../images/ywfgbg.jpg);background-repeat: no-repeat;background-size: auto;padding: 0.5rem 3rem 0.8rem;}


/* lingyu */

.lingyu .innerbox{padding: 10%;width: 95%;margin: 0 auto 5%;background-color: #f7f7f7;}
.lingyu .innerbox h3{color: #2a333a;font-size: 30px;line-height: 60px;}
.lingyu .flex{justify-content: space-between;}
.lingyu .innerbox .flex .icon{font-size: 49px;color: #0e4b9c;}
.lingyu .innerbox .innercons{font-size: 16px;opacity: 0.8;height: 100px;padding: 2% 0;}
.lingyu .more{display: block;width: 150px;border: 1px solid #d0d0d0;border-radius: 27px;line-height: 25px;font-size: 15px;padding: 2% 5%;color: #2a333a;font-weight: bold;overflow: hidden;transition: 0.5s;}
.lingyu .more span{float: right;font-size: 20px;}
.lingyu .innerbox:hover .more{color: #0e4b9c;border: 1px solid #0e4b9c;}


/*c_yw*/

.c_yw .combox{padding: 0.8rem 3rem 0.1rem;background-repeat: no-repeat;background-size: cover;/* background-attachment: fixed;*/

    background-position: center;background-image: url(../images/cx.jpg);}
.c_yw .fangan{padding: 0.8rem 3rem 0.1rem;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;background-position: center;background-image: url(../images/jjfa.jpg);}
#goods .c_yw .fangan .gooddec{color: #fff;}
.fanganinfo{margin-top: 2.2%;}


.fanganinfo ul li .coknis{padding: 25px 5%;margin-left: 3%;margin-right: 3%;border-radius: 0 30px 0 30px;background-color: #f0f4f8;}
.fanganinfo ul li:nth-child(-n+5) .coknis{margin-bottom: 6.5%;}
.fanganinfo ul li .coknis .icon{display: inline-block;line-height: 73px;margin: auto;color: #d50000;text-align: center;font-size: 0.73rem;transition: 0.5s;}
.fanganinfo ul li .coknis .c_thr{line-height: 26px;color: #0e4b9c;font-size: 0.25rem;margin-bottom: 10px;margin-top: 11px;

}
.fanganinfo ul li .coknis .c_ser{color: #d30000;font-size: 14px;line-height: 27px;}
.fanganinfo ul li .coknis .cons{margin-top: 10px;padding-top: 20px;height: 120px;line-height: 28px;border-top: 1px solid #c2c2c2;}
.fanganinfo ul li:hover .icon{-webkit-animation: swing 1 1s linear;-o-animation: swing 1 1s linear;animation: swing 1 1s linear;}
.ywadvs{margin-top: 2%;margin-bottom: 5%;}
.ywadvs .ywbox{width: 86.9%;margin: auto;position: relative;z-index: 1;}
.ywadvs .imgbox{overflow: hidden;}
.ywadvs .imgbox img{width: 100%;transition: 0.5s;}
.ywcons{width: 73%;margin: auto;padding: 6%;height: 135px;text-align: center;

	box-shadow: 0px 12px 20px #d8d7d0;background-color: #fff;margin-top: -50px;position: relative;transition: 0.5s;}
.ywcons img{margin-top: 16px;}
.ywcons h6{line-height: 2;font-size: 0.25rem;color: #0e4b9c;font-weight: bolder;}
.ywcons p{color: #797979;font-size: 16px;}
.ywadvs ul li span{display: block;width:100px;height:50px; 

    border-radius:0px 0px 50px 50px;border: 1px solid #d2d2d2;position: absolute;left: 50%;transform: translateX(-50%);top: 85%;z-index: -1;transition: 0.5s;}
.ywadvs ul li.on .ywcons{color: #fff;box-shadow: unset;background-color: #0e4b9c;}
.ywadvs ul li.on h6{color: #fff;}
.ywadvs ul li.on p{color: #fff;}
.ywadvs ul li.on .imgbox img{transform: scale(1.1);}
.ywadvs ul li.on .ywcons img{filter: brightness(15);}
.ywadvs ul li.on span{top: 99%;}
/*cxbox*/

.cxbox{position: relative;overflow: hidden;}
.cxbox .mypro{width: 630px;padding: 75px;max-width: 100%;margin: auto;}
.cxbox .mypro::before{content: "";width: 90%;height: 84%;height: 90%;background: url(../images/quan.png) no-repeat top center;background-size: contain;position: absolute;left: 5%;right: 5%;top: 1.8%;bottom: 5%;animation: myMove1 105s linear infinite;-webkit-animation: myMove1 105s linear infinite;}
@keyframes myMove1 {from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes myMove1 {from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
.cxbox .imgbox{overflow: hidden;position: relative;}
.cxbox .imgbox img{width: 100%;height: 480px;border-radius: 50%;  

	filter: brightness(0.8);

}
.cxbox .swiper-slide {background-size: cover;background-position: center;}
.cxbox  .gallery-top {height: 80%;width: 100%;}
.cxbox .gallery-thumbs {height: 20%;box-sizing: border-box;padding: 10px 0;}
.cxbox  .gallery-thumbs .swiper-slide {width: 25%;height: 100%;opacity: 1;font-size: 20px;color: #595959;}
.cxbox  .gallery-thumbs .swiper-slide-thumb-active {font-size: 25px;color: #d30000;font-weight: bolder;}
.cxbox .gallery-thumbs{width: 760px;max-width: 100%;margin: auto;text-align: center;}
.mypro .swiper-button-white{display: inline-block;width: 65px;height: 65px;text-align: center;line-height: 65px;transition: 0.5s;border-radius: 50%;transition: 0.5s;background-color: #0e4b9c;}
.mypro .swiper-button-white:hover{box-shadow: 0 0 10px 0 #0e4b9c;}
.mypro .swiper-button-next{right: 10%;}
.mypro .swiper-button-prev{left: 10%;}
.cxinfo{color: #051424;text-align: center;background-color:#f6f6f6;transition: 0.5s;}
.cxinfo h5{font-size: 20px;font-weight: 400;line-height: 3;}
.combox .tuiswiper .swiper-slide:hover .cxinfo{color: #fff;background-color: #0e4b9c;}
.lyzyc{position: relative;height: auto;overflow: hidden;clear: both;}
.lyzyc>.combox{

}


/*lksj*/

.lksjlist{margin: 0% 0 2%;padding: 2% 0;background-color: #fff;}
.lksjlist ul li{margin-bottom: 3.5%;border: 1px solid #e2e2e2;}
.lksjlist ul li:last-child{margin-bottom: -0.5%;}
.lksjlist ul li .mycons{padding: 10% 0 0 16%;}
.lksjlist ul li .mycons h3{color: #0e4b9c;font-size: 0.32rem;line-height: 2;margin-bottom: 4%;}
.lksjlist ul li .mycons p{font-size: 16px;position: relative;color: #696969;}
.lksjlist ul li .imgbox img{transition: 0.5s;max-width: 100%;}
.lksjlist ul li .imgbox{overflow: hidden;}
.lksjlist ul li:hover img{transform: scale(1.1);}
.lksjlist ul li .mycons p::before{content: " · ";display: inline-block;font-size: 50px;vertical-align: text-bottom;color: #0e4b9c;margin: 0 2% 0 0;}
.lksjlist ul li .mycons a{font-size: 0.22rem;color: #fff;padding: 15px 7%;margin-top: 8%;border-radius: 8px;display: inline-block;position: relative;background-color: #0e4b9c;border-radius: 18px;z-index: 0;transition: 0.5s;}
.lksjlist ul li .mycons a::before{position: absolute;content: "";left: 0;top: 0px;width: 100%;height: 100%;transition: all 0.5s;-webkit-transition: transform .5s;-moz-transition: transform .5s;-ms-transition: transform .5s;-o-transition: transform .5s;transition: transform .5s;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;z-index: -1;color: #fff;background-color: red;border-radius: 18px;}
.lksjlist ul li .mycons a:hover:before{-webkit-transform-origin: left center;transform-origin: left center; 

	-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);}


/*ywfg*/

.ywfglist{margin: 4% 0 2%;padding: 5%;background-color: #fff;}
.ywfglist ul li a{width: 85%;padding: 12% 8% 6%;display: table;margin-bottom: 15%;border-radius: 32px;position: relative;box-shadow: 0 0 10px 0 #f0efeb;transition: 0.5s;z-index: 2;}
.ywfglist ul li:nth-child(3n+2) a{margin: auto;}
.ywfglist ul li:nth-child(3) a .mycons h3{text-overflow: clip;overflow: inherit;}
.ywfglist ul li:nth-child(3) a .mycons h3 span{font-size: 0.35rem;

}


.ywfglist ul li a::after{content: "";display: block;width: 100%;height: 100%;border-radius: 32px;position: absolute;top: 0px;left: 0px;z-index: -1;transition: 0.5s;box-shadow: 10px 10px 0px  #e1eaf3;}
.ywfglist ul li:nth-child(3n) a{float: right;}


.ywfglist ul li:hover a{box-shadow: 0 0 10px 0 #dc0000;}
.ywfglist ul li:hover a::after{box-shadow: 0px 0px 0px  #e1eaf3;}
.ywfglist ul li a.on{box-shadow: 0 0 10px 0 #dc0000;}
.ywfglist ul li a.on::after{box-shadow: 0px 0px 0px  #e1eaf3;}
.ywfglist ul li:nth-child(5) a .imgbox{padding: 0;}
.ywfglist ul li:nth-child(5) a{padding: 0;margin: 0;margin: auto;

	text-align: center;box-shadow: 0 0 0px 0 #fff;}
.ywfglist ul li:nth-child(5) a::after{box-shadow: 0px 0px 0px  #fff;}
.ywfglist ul li a .imgbox{padding:  30px 15px;text-shadow: 0px 0px 2px #e25b5a;}
.ywfglist ul li a .icon{color: #bebebe;

	font-size: 0.8rem;}
.ywfglist ul li a img{max-height: 170px;}
.ywfglist ul li a .mycons h3 {font-size: 0.42rem;color: #dc0000;font-weight: bolder;}
.ywfglist ul li:nth-child(4) a .mycons h3,.ywfglist ul li:nth-child(7) a .mycons h3,.ywfglist ul li:nth-child(9) a .mycons h3{font-size: 0.22rem;}
.ywfglist ul li a .mycons h3 span{font-size: 0.5rem;}
.ywfglist ul li a .mycons p{font-size: 0.2rem;color: #959595;}
.newcard{border-top: 1px solid #e3e3e3;}
.newcard h6{font-size: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 0.35rem;color: #061f58;transition: all 0.3s;}
.newcard .info{line-height: 1.7;font-size: 15px;height: 75px;color: #5f5f5f;transition: all 0.3s;}
.news .imgbox .c-fr{color: #5f5f5f;}
.newcard .active h6{color: #fff;border-left: 8px solid #fff;}
.newcard .active .info{color: #fff;}
.news .active .c-fr{color: #fff;}
.newcard button{padding: 0.1rem 0.2rem;font-size: 15px;color: #ed3333;margin-top: 0.3rem;background-color: #fff;transition: all 0.5s;border-radius: 1rem;border: 1px solid #ed3333;}
.newcard button:hover{color: #fff;background-color: #ed3333;}
.newcard button i{font-style: normal;display: inline-block;margin-left: 35px;font-weight: bolder;}


.otherlist a{color: #838383;display: inline-block;margin: 0 0.1rem;background-color: #f2f1f1;padding: 0.1rem 0.3rem;transition:  all 0.3s;}
.otherlist a:hover{color: #fff;background-color: #ed3333;}
/*footer*/

.disline{vertical-align: middle;display: inline-block;}
.footnav{overflow: hidden;}
.footnav li{/* width: 16.6%;float: left;text-align: left;*/text-align: center;margin: 0 2%;display: inline-block;vertical-align: top;}
.footer{font-size: 14px;position: relative;color: #fff;background-color: #0e4b9c;overflow: hidden;}
.footer .tit>h3{text-align: center;color: #fff;}
.footer .flink{ color: #fff;font-size: 15px;}
.footer .flink .top{padding: 50px 0 5px;font-size: 20px;line-height: 2;justify-content: space-between;align-items: flex-start;}
.footer .flink .top b{font-size: 24px;}
.footer .flink .fnavs{margin-bottom: 5%;}
.footer .flink .info{width: 26.8%;}
.footer .flink .info ul{font-size: 15px;width: 90%;margin-top: 3%;}


.footer .mlogo::before{content: "";width: 100%;display: block;border-top: 1px solid #555d69;}
.footer .mlogo img{margin-top: -26px;}
.footer .flink .icon{color: #ed3333;font-size: 18px;}
.telbox .fenx{margin-top: 20px;}
.telbox .fenx .item{display: inline-block;margin: 0 2%;vertical-align: middle;position: relative;}
.telbox .fenx .item svg{transform: translate(0,-3px);}
.telbox .fenx span{color: #c39957;font-size: 59px;}
.telbox .fenx img{position: absolute;bottom: 138%;left: 70%;transform: translateX(-50%) scale(1);opacity: 0;width: 0;transition: 0.3s;}
.telbox .fenx .item:hover{filter: brightness(2);}
.telbox .fenx .item:hover img{width: auto;left: 50%;opacity: 1;}
.footer .telbox .icon{ color: #B6B6B6;font-size: 40px;}
.footer .telbox li{ float: left;width: 14.28%;}
.footer .telbox li a{color: #fff;font-size: 15px;display: block;line-height: 2.3;transition: 0.5s;}
.footer .telbox li a:first-child{font-size: 20px;margin-bottom: 25px;}
.footer .telbox li a:hover{color: #ed3333;}
.footer .vxbox{justify-content: center;margin-top: 5%;}
.footer .vxbox .item{margin: 0 4%;}
.vxbox p{text-align: center;line-height: 2;margin-top: 1%;}
.vxbox img{max-width: 138px;}
.gotop{position: absolute;right: 0;top: 0;line-height: 3;color: #fff;padding: 2%;text-align: center;background-color: #05387c;height: 100%;cursor: pointer;}
.gotop .icon{font-size: 45px;}
.gotop p{font-size: 17px;text-transform: uppercase;writing-mode: vertical-rl;}
.footer a:hover{color: #fff;}


/* .footer .backtop{cursor: pointer;text-align: center;background-color: #ed3333;padding: 10px 0.2rem;} */

.footer .flogo .vxbox{text-align: center;line-height: 1.7;}
.footer .flogo .vxbox>div:first-child{margin-right: 3%;}
.footer .flogo .code{margin-right: 10%;text-align: right;}
.footer .flogo .code .h2{text-align: right;}
.footer .flogo .code p{padding-left: 10px;margin-top: 20%;}
.footer .addinfo{font-size: 16.5px;line-height: 35px;transition: 0.5s;display: block;color: #fff;white-space: nowrap;transition: 0.5s;}
.footer .copyright{line-height: 4;border-top: 1px solid #e3e3e3;}
.footer .copyright a{color: #fff;transition: all 0.3s;}
.footer .copyright a:hover{color: #ed3333;}
.footer .flogo{position: relative;z-index: 1;}
.max8{padding-bottom: 15px;border-bottom: 1px solid #434040;}
.footer .flogo .fnavs{text-align: right;line-height: 4;}
.footer .flogo .h2{font-size: 18px;font-weight: bold;color: #fff;text-align: left;display: block;margin-bottom: 5%;line-height: 35px;}
.footer .flogo a{font-size: 14px;line-height: 35px;transition: 0.5s;display: block;color: #fff;white-space: nowrap;transition: 0.5s;}
.footer .flogo a:hover{color: #fff;}
.footer .telbox{overflow: hidden;font-size: 18px;text-align: left;}
.footer .telbox p{line-height: 2;}
.footer .telbox h2{font-size: 48px;line-height: 67px;margin-bottom: 1%;}
.footer .c-rightinfo{padding-top: 0.1rem;color: #999;border-left: 1px solid #555d69;padding-left: 10%;}
.footer .c-rightinfo a{font-size: 0.16rem;color: #fff;display: inline-block;width: 24%;text-align: center;padding: 0.15rem 0;}
.footer .copy{font-size: 16.5px;line-height: 30px;padding: 15px 0;text-align: center;border-top: 1px solid rgba(255,255,255,0.2);}
.footer .copy a{color: #fff;transition: 0.5s;}
.footer .copy a:hover{color: rgba(206, 27, 34, 0.8);}
/*index_left_nav*/

/*

#fp-nav.left{left: 0;}
#fp-nav ul li{margin: 0px 0px;width: 116px;height: auto;transition: 0.5s;}
#fp-nav ul li a{margin-bottom: 0px;background-image: url(../images/leftnav.png);background-repeat: no-repeat;background-size: auto;background-position: -116px;color: #fff;font-size: 20px;transition: 0.5s;filter: brightness(0.6);padding: 15.5px 0 15.5px 50px;}
#fp-nav ul li a::before{content: "";display: inline-block;width: 10px;height: 10px;border-radius: 50%;margin-right: 7px;transition: 0.5s;background-color: #fff;}
#fp-nav ul li a span{font-weight: bold;display: inline-block;vertical-align: text-bottom;}
#fp-nav ul li a.active{filter: brightness(1);background-position: 0px;}
#fp-nav ul li a:hover{filter: brightness(1);background-position: 0px;}
*/

#fp-nav.left{right: -27px;left: unset;right: -70px;}
#fp-nav ul li{margin: 6px 0px;width: 116px;height: auto;transition: 0.5s;}
#fp-nav ul li a{width: 200px;color: transparent;box-shadow:unset;opacity: 0.5;transition: 0.3s;}
#fp-nav ul li a span::after{content: "";width: 44%;height: 1px;background-color: #004f95;display: inline-block;margin-left: 14px;vertical-align: middle;box-shadow: 1px 1px 1px #061f58;}
#fp-nav ul li a.active span,.fp-slidesNav ul li a.active span,#fp-nav ul li:hover a.active span,.fp-slidesNav ul li:hover a.active span{width: 100%;height: 100%;margin: -6px 0 0 -17px;border-radius: 100%;transition: all 0.3s;}
#fp-nav ul li a.active{color: #004f95;opacity: 1;}
#fp-nav ul li a.active span{text-shadow: 1px 1px 1px #061f58;}
#fp-nav ul li a:hover{color: #004f95;opacity: 1;}


.tit>p{font-size: 18px;color: #000;line-height: 1.5;}


.tit>p::after{content: "";display: inline-block;margin-left: 20px;width: 20px;height: 3px;vertical-align: middle;background-color: #0e4b9c;display: none;}


/*goods*/

#goods .c-goodsinfo{position: relative;z-index: 2;}
#goods.goodsinfo .c-goodsinfo{padding-bottom: 0.4rem;}
#probox{margin-top: 16%;background-color: #fff;}
#probox{padding: 100px 100px 50px;}
.prodetail{margin-top: 5%;}
.prodetail img{max-width: 100%;}
.goodview>h3{font-size: 36px;font-weight: bold;color: #2a333a;margin-bottom: 2%;}
.goodview .gallery-top{

}


.goodview>h3 span{font-size: 14px;color: #fff;display: inline-block;padding: 5px 10px;background-color: #0e4b9c;border-radius: 7px;vertical-align: middle;}
.goodview .pro-detail{color: #000;text-align: left;}
.goodview .pro-detail h3{color:#333;font-size: 32px;font-weight: 400;margin-bottom: 0.19rem;}
.goodview .pro-detail .cs{font-size: 16px;color: #666;line-height: 38px;margin-bottom: 5%;}
.goodview .messmuch .ask{color: #fff;font-size: 18px;display: inline-block;padding: 0.15rem 0.6rem;margin-top: 0.39rem;margin-right: 0.22rem;border-radius: 8px;background-color: #ed3333;transition: 0.5s;}
.goodview .messmuch .tel{font-size: 28px;font-weight: bold;color:#e62129;line-height: 1.2;}
.goodview .messmuch .asktel{color: rgb(92, 89, 89);padding: 0.15rem 0.3rem;background-color: #fff;border: 1px solid #d5d5d5;}
.goodview .messmuch .ask:hover{transform: translateY(-10px);}
.proinfo .proinfobox{max-width: 100%;margin: 40px auto;}
#probox .goodcard{margin-top: 5%;}
.proinfobox .combox .tui{margin-top: 3%;}


.proinfobox .ccc{padding-right: 12%;padding-right: 3%;position: relative;position: absolute;width: 100%;/* height: 100%;*/width: 25%;display: block;

}
.proinfobox .ccc .list{background-color: #f7f7f7;padding: 15px 9%;text-align: center;width: 350px;}
.proinfobox .ccc .list h4{font-size: 24px;line-height: 3;}
.proinfobox .ccc .list a{width: 100%;display: block;background-color: #fff;padding: 8px;line-height: 32px;font-size: 15px;color: #353535;margin-bottom: 4%;

	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: 0.5s;}
.proinfobox .ccc .list ul li:hover a{color: #0e4b9c;}
.proinfobox .ccc .list ul{margin-bottom: 4%;}
.proinfobox .ccc .list>p{margin-top: -2%;font-size: 14px;color: #999;margin-bottom: 1%;}
.proinfobox .list .tel{font-size: 20px;font-family: fantasy;margin-bottom: 2%;line-height: 50px;}
.proinfobox .list .tel span{color: #fff;display: inline-block;width: 25px;height: 25px;text-align: center;line-height: 21px;padding: 2px;vertical-align: middle;background-color: #dc0000;border-radius: 50%;border-radius: 50%;}
.proinfobox .ccc .bfixed{position: fixed;top: 0;margin: 0;padding: 15px 1.5%;}
.proinfobox .ccc.abs{bottom: 0;}


.goodcard ul li{float: left;font-size: 24px;width: 9.6%;color: #5c5c5c;line-height: normal;text-align: center;border-radius: 15px;padding: 2% 0;margin-right: 5%;border: 2px solid #5c5c5c;transition: 0.5s;}
.goodcard ul li:last-child{margin-right: 0;}
.goodcard ul li span{font-size: 60px;}
.goodcard ul li:hover{color: #fff;transform: translateY(-10px);border: 2px solid #ce1b22;background-color: rgba(206, 27, 34, 0.8);}
.prodetail .catename{background: #dddddd url(../images/procon1.jpg) left center no-repeat;color: #333333;font-size: 24px;line-height: 50px;text-transform: uppercase;}
.prodetail .catename .tit{color: #fff;width: 200px;text-align: center;margin-right: 10px;border-right: 3px solid #fff;}
.prodetail .consbox{margin: 50px 0;font-size: 16px;color: #666;line-height: 30px;}
.prodetail .consbox .text{padding-left: 8%;}
.prodetail .adds{width: 98%;margin: auto;}
.prodetail .comsimg{padding-bottom: 50px;}
.prodetail .comsimg .adds .imgbox{margin-bottom: 0;}
.prodetail .comsimg .imgbox img{width: 100%;height: 325px;object-fit: cover;}
.prodetail .comsimg h5{line-height: 60px;font-size: 20px;font-weight: bold;color: #fff;text-align: center;	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background-color: #0e4b9c;}
.prodetail .tablecons{padding: 20px;}
.prodetail .tablecons table{width: 100%!important;}
.prodetail .sixsercer{margin: 50px auto;}
.prodetail .sixsercer .imgbox img{width: 100%;height: 300px;object-fit: cover;}
.prodetail .sixsercer h5{text-align: center;font-size: 24px;color: #333;line-height: 2.5;background-color: #f1f1f1;}
.prodetail .titname{margin-bottom: 2%;}
.prodetail .titname h3{font-size: 20px;font-weight: bold;color: #2a333a;line-height: 2;position: relative;}
.prodetail .titname h3::before{content: "";width: 41.8%;position: absolute;left: 0;padding-bottom: 2.9%;

	background-image: url(../images/goline.png);background-position: center;background-repeat: repeat-x;}
.prodetail .titname h3::after{content: "";width: 41.8%;position: absolute;right: 0;padding-bottom: 2.9%;background-image: url(../images/goline.png);background-position: center;background-repeat: repeat-x;}
.prodetail .eee{margin: 0;background-color: #e7ebf4;}
.infoly{overflow: hidden;}
.infoly li{float: left;width: 20%;}
.infoly li a{display: block;border-right: 2px solid #f7f7f7;border-bottom: 2px solid #f7f7f7;background-color: #e7ebf4;padding: 15% 5%;text-align: center;font-size: 16px;color: #7c7c7c;line-height: 35px;transition: 0.5s;height: 137px;}
.infoly li:last-child a span{margin-top: 18px;}
.infoly li a span{font-size: 32px;color: #0e4b9c;display: inline-block;height: 40px;font-weight: bold;transition: 0.5s;}
.infoly li a p{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.infoly li a:hover{color: #0e4b9c;}
.infoly li a:hover span{transform: rotateY(180deg);}
.combox .tuiswiper{padding: 3% 0;background-color: #fff;}
.combox .tuiswiper img{width: 100%;}
.combox .tuiswiper .swiper-wrapper{padding-bottom: 5%;}
.combox .tuiswiper .swiper-scrollbar-drag{background-color: rgba(206, 27, 34, 0.8);}
.combox .tuiswiper .swiper-container-horizontal>.swiper-scrollbar{width: 50%;bottom: 8px;left: 50%;transform: translateX(-50%);}
.combox .tuiswiper .pull-right{transform: rotate(180deg);}
.combox .tuiswiper .icon{margin-left: 18%;font-size: 30px;display: inline-block;vertical-align: bottom;}
.combox .tuiswiper .pull-right{margin-right: 18%;}
.promsg{margin-top: 5%;}
.navname{display: inline-block;line-height: 57px;

}
.navname a{display: inline-block;padding: 0 0.33rem;color: #333333;font-size: 17px;transition: 0.5s;}
.navname:hover a{color: #fff;background-color: #ce1b22;}
.navname.active a{color: #fff;background-color: #ce1b22;}
.c-crumbs{color: #fff;line-height: 4;font-size: 16px;text-align: center;}
.c-crumbs a{color: #fff;display: inline-block;margin: 0 9px;transition: all 0.3s;}
.c-crumbs a:hover{color: #BF9045;}


.join .c-join .table{

	margin: 0.3rem 0;line-height: 28px;text-align: center;}
.join .c-join .table th{color: #333;line-height: 33px;text-align: center;background-color: #f7f7f7;}
.join .c-join .table span{display: none;padding: 0 10%;}
.join .c-join .table tbody td{padding: 25px 0;color: #373737;}
.join .c-join .table tbody td a{color: #0e4b9c;text-decoration: underline;}
.join .c-join .table tbody .sh a{display: none;}
.yftit{text-align: center;font-size: 38px;font-weight: bolder;line-height: 2;}
.yfbox{overflow: hidden;}
.yfbox li{float: left;width: 20%;padding-top: 6%;transition: 0.5s;}
.yfbox li:hover{transform: translateY(-10px);}
.yfbox li .box{width: 95%;margin: 0 auto 5%;background-color: #0e4b9c;padding: 5% 8% 12%;color: #fff;border-radius: 20px;text-align: center;}
.yfbox li .box span{display: block;width: 110px;height: 110px;line-height: 110px;text-align: center;font-size: 50px;border-radius: 50%;box-shadow: 0 0 10px #0e4b9c;background-color: #fff;color: #0e4b9c;margin: -28% auto 5%;}
.yfbox li .box h5{font-size: 24px;font-weight: bolder;line-height: 3;line-height: 35px;height: 70px;

	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;

}
.yfbox li .box>p{font-size: 16px;line-height: 35px;height: 100px;}
#goods .goodsbox{background-color: #fff;padding: 0.7rem 0 0.5rem;text-align: center;}
#goods .c-goodsinfo .goodkey,.c_name .goodkey{font-size: 0.7rem;color: #f1f1f1;font-weight: bolder;text-transform: uppercase;}
#goods .c-goodsinfo .gooddec,.c_name .gooddec{color: #333;line-height: 30px;padding: 0;}
#goods .c-goodsinfo .goodtext{font-size: 18px;color: #8a8a8a;line-height: 2;width: 51%;margin: 0.3rem auto;}
.c-port-list{padding: 40px 3rem;}
.c-port-list .prolist{background-color: #fff;}
.c-port-list .cname{border-top: 2px solid #ed3333;color: #061f58;line-height: 3;font-size: 25px;text-align: center;}
.c-port-list .prolist ul{margin: 0 0.2rem;padding-top: 0.2rem;padding-bottom: 0.35rem;border-top: 1px solid #f6f6f6;}
.c-port-list .prolist ul li{margin-bottom: 5px;}
.c-port-list .prolist ul li a{display: inline-block;width: 100%;line-height: 3.2;padding-left: 0.25rem;font-size: 16px;color: #757575;transition: all 0.3s;background-color: #f6f6f6;}
.c-port-list .prolist ul li a:hover{color: #fff;background-color: #061f58;}
.goodscard .mybox{background-color: #fff;margin-bottom: 17px;position: relative;border: 1px solid #f3f3f3;}
.goodscard .imgbox{display: flex;align-items: center;border-bottom: 1px #ededed solid;justify-content: center;padding-top: 100%;position: relative;}
.goodscard .imgbox a{display: inline-block;width: 100%;height: 100%;}
.goodscard .imgbox img{transition: .5s;position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);object-fit: contain;}
.goodscard .imgbox:hover img{transform:translate(-50%,-50%) scale(1.1,1.1);-o-transform:translate(-50%,-50%) scale(1.1,1.1);}
.goodscard .imginfo{padding: 20px;color: #707070;font-size: 16px;}
.goodscard .gname{font-size: 20px;font-weight: bold;text-align: center;color: #2a2c32;padding-bottom: 5px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.goodscard .gbtn{display: flex;line-height: 1.8;justify-content: space-between;}


.goodscard .gbtn a{margin-top: 12px;font-size: 16px;color: #555555;border:1px solid #e6e4e4;background-color: #fafafa;border-radius: 5px;line-height: 2.5;display: inline-block;padding: 4px 1%;width: 45%;text-align: center;transition: 0.5ms;}
.goodscard .gbtn a:first-child{background-color: #0e4b9c;color: #fff;}
.goodscard .gbtn a:hover{background-color: #0e4b9c;color: #fff;}
/*goodsinfo*/

.brpro{width: 94%;background-image: url(../images/bfpro.png);background-repeat: no-repeat;background-size: 100% 100%;text-align: center;padding: 18px 12px 0px 13px;}
.goodsinfo .back{margin-bottom: 2%;display: inline-block;border: 1px solid #d7d7d7;border-radius: 10px;background-color: #fff;font-size: 14px;color: #808080;padding: 1% 2.5%;transition: 0.3s;}
.goodsinfo .back:hover{color: #0e4b9c;border-color: #0e4b9c;}


.goodsinfo .myprobox .navgo .allpros{width: 100%;}
.goodsinfo .myprobox .navgo{width: 90%;}


.myprobox .pro img{ width: 100%;height: 240px;object-fit: contain;}
.goodinfo{position: relative;}
.goodinfo .gallery-top{width: 100%;margin-left: 0;display: inline-block;overflow: hidden;}


.goodinfo .gallery-thumbs{width: 100%;margin-left: 0;display: inline-block;vertical-align: top;}


.goodinfo .gallery-top{margin-bottom: 15px;}
.goodinfo .gallery-top .swiper-slide{}
.goodinfo .gallery-top .swiper-slide .img{position: relative;padding-top: 75%;border: 1px solid rgba(0, 0, 0, .1);}
.goodinfo .gallery-top .swiper-slide .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: contain;}
.prodefault{margin-bottom: 30px;}


.prodefault .title h3{white-space: nowrap;width: 100%;}
.prodefault .title h3::after{content: "";width: 25px;height: 3px;display: inline-block;vertical-align: middle;background-color: #d30011;margin-left: 2%;}
.prodefault .title h3::before{margin-right: 2%;}
.prodefault h5{font-size: 22px;color: #191f2d;line-height: 2.5;display: inline-block;padding: 0 35px;background-color: #0e4b9c;color: #fff;}
.prodefault .cons{font-size: 15px;color: #797979;line-height: 2.5;border-top: 1px solid #dedede;padding: 20px 0;}
.prodefault .cons strong{font-size: 18px;font-weight: 600;}
.no-goods{text-align: center;padding: 1%;}
.prodefault .cons .imgs{width: 100%;}
.goodinfo .gallery-thumbs .swiper-slide{}
.goodinfo .gallery-thumbs .swiper-slide .img{position: relative;padding-top: 75%;border: 1px solid rgba(0, 0, 0, .1);}
.goodinfo .gallery-thumbs .swiper-slide .img img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: contain;}
.goodinfo .gallery-thumbs .swiper-slide-thumb-active .img{border:1px solid #d30011;}

.goodall{background-color: #fff;padding-top: 5%;padding-left: 7%;padding-bottom: 5%;}
.goodall h2{color: #333333;line-height: 3;font-size: 30px;font-weight: bold;position: relative;}
.goodall .cons{padding: 5% 0;margin-bottom: 5%;font-size: 16px;line-height: 30px;color: #8e8e8e;border-top: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;}
.goodall ul{font-size: 16px;line-height: 35px;color: #616161;border: none;}
.goodall ul li{font-size: 16px;}
.goodall .telall{font-size: 16px;}
.goodall .telall a{line-height: 36px;display: inline-block;padding: 7px 0;border-radius: 8px;transition: 0.3s;color: #fff;margin-top: 7%;font-size: 16px;font-weight: bold;width: 36%;margin-right: 5%;text-align: center;transition: 0.6s;border: 1px solid #f5f5f5;background-color: #a0a0a0;}
.goodall .telall a:hover{transform:  translateY(-5px);}


.goodall .telall a.read{background-color: #0e4b9c;border: 1px solid #0e4b9c;}
.goodall .read:hover{background-color: #fff;border: 1px solid #6d99d7;}
.prodefault .top{margin-top: 4%;border-bottom: 1px solid #6d99d7;}


/* 新闻：》 */

.c_news .newslist ul li>a{display: block;padding: 0.33rem 0rem;border-top: 1px solid #f9f9f9;

}


.c_news .newslist ul li:last-child>a{border-bottom: 1px #f9f9f9 solid;}
.c_news .newslist{margin-top: 0.3rem;margin-bottom: 0.5rem;line-height: initial;}
.c_news .newslist ul li{padding: 0rem 1.6rem;text-align: left;

	transition: all 0.3s;}


.c_news .newslist ul li img{transition: 0.3s;}
.c_news .newslist ul li .mycons{padding-left: 5%;}
.c_news .newslist ul li .times i{width: 27px;height: 27px;margin-left: 5px;display: inline-block;text-align: center;line-height: 27px;font-size: 22px;color: #fff;border-radius: 50%;vertical-align: middle;cursor: pointer;

	background-color: #d50000;transition: 0.3s;}
.c_news .newslist ul li .times .pull-left{font-size: 16px;color: #d50000;}
.c_news .newslist ul li .times .pull-right{color: #a2a2a2;}
.c_news .newslist ul li h3{color: #393939;font-size: 22px;line-height: 1.6;margin-bottom: 0.2rem;transition: 0.3s;margin-top: 15px;}
.c_news .newslist ul li p{color: #848484;line-height: 2;font-size: 16px;margin-bottom: 0.4rem;

	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.c_news .newslist ul li:hover {background-color: #f9f9f9;}
.c_news .newslist ul li:hover img{transform: scale(1.1);}
.c_news .newslist ul li:hover .pull-left{color: #d50000;}
.c_news .newslist ul li:hover .times i{background-color: #d50000;transform:rotate(360deg);}
/* #c-top-bg *//* goodview */

.goodview .gallery-top .swiper-slide{padding-bottom: 80%;background-size: contain;background-repeat: no-repeat;background-position: center;cursor: grab;border: 1px solid #FFECCE;}
.goodview .gallery-thumbs .swiper-slide{margin-top: 15px;padding-bottom: 19%;background-size: cover;background-repeat: no-repeat;background-position: center;cursor: grab;border: 1px solid #dedede;background-color: #1f2533;border-radius: 3px;}
.goodview .gallery-thumbs .swiper-slide-thumb-active{border: 1px solid #FFECCE;}
.goodview .probox{padding-left: 7%;}
.goodview .probox h3{font-size: 0.36rem;color: #BF9045;font-weight: bold;}
.goodview .probox .cons{font-size: 16px;color: #222;line-height: 30px;margin-top: 5%;}
.goodview .probox .cons::after{content: "";display: block;width: 100%;height: 1px;margin-top: 7%;margin-bottom: 5%;background-color: #ccc;}
.alloimgs .swiper-slide{border-radius: 8px;background-color: #fff;padding-bottom: 16%;background-size: 80%;background-repeat: no-repeat;border: 2px solid #fff;}
.alloimgs .swiper-slide.swiper-slide-thumb-active{border: 2px solid #ed3333;}
.goodcard{margin: 3% 0 4%;}
.goodcard a{font-size: 16px;color: #222;display: inline-block;border: 1px solid #222;transition: .3s;padding: 0 4% 0 0;white-space: nowrap;margin-right: 5%;transition: 0.5s;}
.goodcard a span{display: inline-block;font-size: 50px;color: #fff;width: 60px;background-color: #222;line-height: 60px;text-align: center;font-weight: 100;vertical-align: middle;margin-right: 6%;transition: 0.5s;}
.goodcard a:hover{border: 1px solid #BF9045;}
.goodcard a:hover span{background-color: #BF9045;}


.c-goodsinfo .goodsboxsize{line-height: 5.2;font-size: 22px;}
.c-goodsinfo .goodsboxsize a{color: #3a3a3a;padding: 0 0.2rem;white-space: nowrap;transition: all 0.3s;display: inline-block;border-bottom:5px solid #fff;}
.c-goodsinfo .goodsboxsize{background-color: #fff;}
.c-goodsinfo .goodsboxsize .md{padding: 0 3rem;display: flex;}
.c-goodsinfo .goodsboxsize a:hover{font-weight: 600;color: #061f58;border-bottom:5px solid #ed3333;}
.c-goodsinfo .goodsboxsize a.active{font-weight: 600;color: #061f58;border-bottom:5px solid #ed3333;}
.goodsdefault{margin-top: 3%;}
.prodefault{background-color: #fff;color: #000;font-size: 15px;line-height: 1.85;}
.prodefault img{max-width: 100%;}
.prodefault .catename{font-size: 35px;line-height: 1.8;color: #061f58;font-weight: bold;text-align: center;margin-top: 0.3rem;margin-bottom: 0.5rem;}
.prodefault .catename::after{content: "";width: 100%;height: 2px;display: block;background-image: url(../images/goodsbt.jpg);background-repeat: no-repeat;background-position: center;}
.goodsboxsize.down {position: fixed;top: 0px;width: 100%;z-index: 9;margin-top: 0px;}
/*message*/

.message{padding: 0px 3rem;}
.message .mesbox{background-image: url(../images/mekuang.png);background-size: 100% 100%;background-repeat: no-repeat;padding: 0.37rem 0.35rem;}
.message .catename{font-size: 35px;line-height: 1.8;color: #061f58;font-weight: bold;text-align: center;margin-top: 0.3rem;margin-bottom: 0.5rem;}
.message .catename::after{content: "";width: 100%;height: 2px;display: block;background-image: url(../images/goodsbt.jpg);background-repeat: no-repeat;background-position: center;}
.morder_InputText{width: 45%;margin-right: 5%;padding: 0px 15px;border-radius: 8px;outline: none;float: left;background: #f1f1f1;border: solid 1px #dedede;height: 48px;line-height: 48px;}
.morder_InputText1 {width: 95%;padding: 0px 15px;border-radius: 8px;outline: none;float: left;background: #f1f1f1;border: solid 1px #dedede;height: 48px;line-height: 48px;}
.morder_textarea {width: 95%;padding: 15px;border-radius: 8px;outline: none;float: left;background: #f1f1f1;border: solid 1px #dedede;height: 120px;line-height: 30px;}
.morder_captcha {width: 200px;padding: 0px 15px;border-radius: 8px;outline: none;float: left;background: #f1f1f1;border: solid 1px #dedede;height: 48px;line-height: 48px;}
.morder_But{width: 200px;line-height: 2.8;margin: auto;color: #fff;font-size: 16px;text-align: center;display: inline-block;transition: 0.5s;background-color: #ed3333;}
.morder_But:hover{border-radius: 20px;}
/* 100+ */.chooseall .name{font-size: 0.47rem;font-weight: bold;color: #303030;text-align: center;}
.chooseall .name font{font-size: 0.59rem;vertical-align: bottom;}
.chooseall .name span{color: #e62129;vertical-align: super;}
.chooseall .name p{color: #313131;font-size: 24px;font-weight: bold;text-transform: uppercase;line-height: 3.5;opacity: 0.5;margin-bottom: 0.35rem;}
.chooseall ul{overflow: hidden;}
.chooseall ul li{width: 217px;height: 212px;float: left;text-align: center;background-image: url(../images/fang.png);background-repeat: no-repeat;background-size: contain;display: flex;justify-content: center;align-items: center;}
.chooseall ul li:first-child{margin-left: 108px;}
.chooseall ul li:nth-child(n+6){margin-top: -114px;}
.chooseall ul li:nth-child(12n){margin-left: 108px;}
.chooseall ul li img{max-width: 88px;transition: 0.5s;}
.chooseall ul li:hover img{transform:scale(1.14,1.14);-o-transform:scale(1.14,1.14);

}
.c-goodsinfo .hots{padding: 0 3rem;margin-top: -2.5rem;}
.hots .catename{font-size: 35px;line-height: 1.8;color: #061f58;font-weight: bold;text-align: center;margin-top: 0.3rem;margin-bottom: 0.5rem;}
.hots .goodscard .gbtn a{padding: 0 0.3rem;}
.hots .catename::after{content: "";width: 100%;height: 2px;display: block;background-image: url(../images/goodsbt.jpg);background-repeat: no-repeat;background-position: center;}
/*alcen*/

.md3{position: relative;width: 100%;padding: 0 3rem;}
.acen{display: flex;align-items: center;margin-right: 0.49rem;}


/*company*/

#goods.company #c-common-bg{background: url(../images/asbsbg.jpg) no-repeat center center;background-size: cover;height: 100%;}
#goods.company>.section{height: 100%;width: 100%;position: relative;z-index: 1;}
/* fours */

.c-goodsinfo .fours{color: #fff;padding: 0 2.6rem;background-image: url(../images/foursbg.jpg);background-repeat: no-repeat;background-position: center;text-align: center;}
.c-goodsinfo .fours ul li{padding: 16% 1.3%;height: 680px;border-left: 1px solid rgba(255, 255, 255, .25);transition: 0.5s;}
.c-goodsinfo .fours ul li img{transition: 0.5s;}
.c-goodsinfo .fours ul li h6{font-size: 26px;line-height: 6;transition: 0.5s;}
.c-goodsinfo .fours ul li p{font-size: 16.5px;line-height: 30px;text-align: left;height: 0;overflow: hidden;transition: 0.5s;}
.c-goodsinfo .fours ul li:hover{padding: 1% 1.3%;background-color: rgba(64, 94, 157, .8);}
.c-goodsinfo .fours ul li:hover p{height: 490px;}
.c-goodsinfo .fours ul li:hover h6{line-height: 3.2;}
.c-goodsinfo .fours ul li:hover img{zoom: 0.01;}
/* lcbox */

.lcbox{background-image: url(../images/licbg.jpg);background-repeat: no-repeat;background-size: auto;padding: 3% 2.56rem;}
.lcbox .cons{font-size: 16.5px;line-height: 32px;margin-bottom: 5%;}
/*company*/

.company .tit{color: #333333;font-size: 38px;font-weight: bold;line-height: 2.4;}
.company .wem{font-size: 28px;color: #333333;line-height: 60px;margin-bottom: 7%;}
.company .c-company{padding: 50px 1.6rem;}
.company .c-company .cons{font-size: 16.5px;line-height: 32px;}
.company .c-company h6{font-size: 32px;color: #405E9D;margin-bottom: 2%;}
.left5{padding-left: 5%;}
.milepost-item *{transition:all .4s ease;}
.milepost-item {text-align: right;position: relative;padding-top: 30%;cursor: pointer;transition:all .4s ease;}
.milepost-item .year-1 {margin-top: 0%;position: relative;overflow: hidden;}


@font-face {font-family: 'zb';src: url('../fonts/zb.ttf') format('truetype');font-weight: bold;font-style: normal;}
.milepost-item .bignum-1{font-size: 50px;line-height: 120px;color: #405E9D;font-family: "zb",'Tungsten-Semibold';margin-right: 8%;opacity: 0;}
.milepost-item .bignum-2{font-size: 260px;line-height: 400px;color: #405E9D;font-family: "zb",'Tungsten-Semibold';color: #eee;overflow: hidden;text-indent: -10px;}
.index-milepost-swiper .swiper-slide-active .milepost-item .bignum-1{opacity: 1;}
.index-milepost-swiper .swiper-slide-active .milepost-item .bignum-2{color: #405E9D;}
.index-milepost-swiper .swiper-slide-active .milepost-item .bignum-1,.index-milepost-swiper .swiper-slide-active .milepost-item .bignum-2 {background: linear-gradient(to bottom, #405E9D 70%, #0f4573 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.index-milepost-swiper .swiper-slide .year-1.mt30 {margin-top: -23%;}
.index-milepost-swiper.cur4 {padding-bottom: 5%;}
.index-milepost-swiper.cur4 .swiper-wrapper {display: block;text-align: center;transform:none!important;}
.index-milepost-swiper.cur4 .swiper-slide {display: inline-block;vertical-align: middle;width: 19%!important;;}
.index-milepost-swiper.cur4 .milepost-item .bignum-1 {font-size: 100px;line-height: 100px;}
.index-milepost-swiper.cur4 .milepost-item .bignum-2 {font-size: 450px;}
.index-milepost-text-swiper {position: relative;float: right;width: 100%;padding-bottom: 4%;margin-top: 4%;}
.index-milepost-text-swiper .cons {text-align: left;font-size: 20px;line-height: 30px;}
.index-milepost-text-swiper .swiper-slide {opacity: 0;transform: translateY(200px);transition:all 1s 0.3s;}
.index-milepost-text-swiper .swiper-slide-active {opacity: 1;display: block;transform: translateY(0);}
.milepost-button-next,.milepost-button-prev {width: 59px;height: 59px;border-radius: 100%;position: absolute;right: 0;outline: none;z-index: 90;background: #405E9D;cursor: pointer;top:50%;}
.milepost-button-next.swiper-button-disabled,.milepost-button-prev.swiper-button-disabled {pointer-events: unset}
.milepost-button-prev {left: auto;right: 20%;background: #0e4b9c;}
.milepost-button-next {left: auto;right: 9%;}
.milepost-button-prev::before,.milepost-button-next::before {content: '';width: 24px;height: 14px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.milepost-button-prev::after,.milepost-button-next::after {display: none;}
.milepost-button-prev::before {background: url('../images/left1.png') center no-repeat;}
.milepost-button-next::before {background: url('../images/right1.png') center no-repeat;}
.index-milepost-top {position: relative;left: 3%;top:0;width: 91%;z-index: 11;overflow: hidden;}
/* .comhonor */

.comhonor{color: #fff;padding: 2.5% 2.6rem;background-image: url(../images/zb12.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.comhonor .tit h3{color: #fff;margin-bottom: 7%;}
.comhonor .mores{color: #fff;}
.mores{font-size: 18px;color: #222;display: inline-block;padding: 12px 28px;border-radius: 25px;background-image: url(../images/jiaru.png);background-repeat: no-repeat;background-position: center;background-size: contain;transition: 0.5s;}
.mores:hover{color: #fff;background-image: linear-gradient(90deg,#405E9D 0%,#0e4b9c 100%);}


.comhonor ul li .item{text-align: center;padding: 2%;margin: 4%;background-image: url(../images/lmai.png);background-repeat: no-repeat;background-position: left center;position: relative;}
.comhonor ul li .item::after{content: "";display: block;position: absolute;right: 0;top: 0;height: 100%;width: 10%;background-image: url(../images/rmai.png);background-repeat: no-repeat;background-position: center right;}
.comhonor ul li .item span{color: #AAC5FF;font-size: 16.5px;line-height: 30px;}
.comhonor ul li .item h5{font-size: 21px;color: #fff;line-height: 30px;}
.comhonor ul li .item b{display: block;width: 80%;margin: 2% auto;height: 1px;background-image: linear-gradient(90deg, #eeeeee00 1%, #e3e3e38f 51%, #d8d8d800 100%);}
.comhonor .honors_li{width: 100%;overflow: hidden;

}
.comhonor .honors_li .swiper-pagination{width: 25%;height: 4px;min-width: 300px;left: 50%;top: 100%;transform: translateX(-50%);background-color: #7f7f7f;}
.comhonor .honors_li .swiper-pagination>span{background-color: #f21971;}
.comhonor .honors_li .swiper-slide{padding: 3% 0 8%;}
.comhonor .honors_li a{display: block;border: 6px solid #fff;}
.comhonor .honors_li a img{max-height: 200px;object-fit: cover;}
.comhonor .honors_li .swiper-scrollbar{background:rgba(255, 255, 255, .5);}
.honors_li .swiper-scrollbar-drag{background-color: #f21971;height: 5px;}
.c-join{padding: 50px 0 30px;}
.course .li{display: flex;cursor: pointer;}
.course .li .left{width: 165px;position: relative;}
.course .li .left .logo2{position: absolute;right: 0;bottom: 100%;transform: translateX(50%);filter: grayscale(1) opacity(0.2);transition: all 0.3s;}
.course .li .left h3{line-height: 65px;font-size: 30px;font-family: fantasy;font-weight: normal;color: rgba(0, 0, 0, .2);position: relative;transition: all 0.3s;}
.course .li .left h3::before{content: "";display: inline-block;position: absolute;width: 7px;height: 7px;border-radius: 50%;background-color: rgba(0, 0, 0, .1);right: 0px;top: 50%;transform: translate(50%,-50%);}
.course .li .left h3::after{content: "";display: inline-block;position: absolute;width: 50px;height: 1px;background-color: rgba(0, 0, 0, .1);right: 0;top: 50%;transform: translate(50%,-50%);}
.course .li .right{width: calc(100% - 165px);border-left: 1px solid rgba(0, 0, 0, .1);padding-left: 85px;}
.course .li .right .info h3{line-height: 35px;padding: 15px 0;font-size: 24px;color: rgba(0, 0, 0, .6);position: relative;transition: all 0.3s;font-family: fantasy;}
.course .li .right .info h3::after{content: "-";display: inline-block;position: absolute;width: 22px;height: 22px;border-radius: 50%;background-color: rgba(0, 0, 0, .4);right: 0px;top: 50%;transform: translateY(-50%);line-height: 22px;font-size: 18px;color: #fff;text-align: center;font-weight: normal;transition: all 0.3s;}
.course .ons .right .info h3::after{content: "+";}
.course .li .right .info .content{line-height: 35px;font-size: 15px;color: rgba(0, 0, 0, .4);margin-bottom: 15px;display: none;}
.course .li .right .info .content img{width: 90%;max-width: 500px;padding: 10px 0;}


.course:hover .li .left .logo2{filter: grayscale(0) opacity(1);}
.course .li:hover .left h3{color: rgba(22, 66, 187, 1);}
.course .li:hover .right .info h3{color: rgba(22, 66, 187, 1);}
.course .li:hover .right .info h3::after{background-color: rgba(22, 66, 187, 1);}
.company .comde1{font-size: 35px;line-height: 2.8;color: #061f58;font-weight: bold;text-align: left;margin-top: 0.3rem;margin-bottom: 0.5rem;}
.company .comde1::after{content: "";width: 100%;height: 2px;display: block;background-image: url(../images/goodsbt.jpg);background-repeat: no-repeat;background-position: left;}
.company .boxnum{width: 100%;color: #fff;font-size: 18px;margin: 8% 0;font-family: "Tahoma";}
.company .boxnum .nums{float: left;width: calc(25% - 1px);text-align: center;}
.company .boxnum .nums span{font-size: 80px;line-height: 1;display: inline-block;position: relative;-webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);transform: perspective(1000px) rotate3d(0,1,0,0deg);-webkit-transition: -webkit-transform 0.5s, color 0.5s;transition: transform 0.5s, color 0.5s;

}
.company .boxnum .nums:hover span{-webkit-text-fill-color: #0e4b9c;

	-webkit-text-stroke-color: #fff;

	-webkit-text-stroke-width: 1px;

	/* text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 40px #0e4b9c, 0 0 70px #0e4b9c;*/

    -webkit-transform: perspective(1000px) rotate3d(0,1,0,360deg);transform: perspective(1000px) rotate3d(0,1,0,360deg);}
.company .boxnum .nums>p{margin: 20px 0;}
.company .boxnum .nums:nth-child(-n+3){border-right: 1px solid rgba(255,255,255,0.5);}
.company .indexgood{width: 100%;color: #000;padding-left: 5%;}
.indexgood .flex{border-bottom: 1px solid rgba(255, 255, 255, 0.5);display: flex;justify-content: space-around;align-items: center;}
.indexgood .flex  h5{color: #000;font-size: 34px;font-weight: bold;}
.c_name h6{font-size: 38px;color: #2a333a;font-weight: bold;}
.c_name p{color: #2a333a;font-size: 28px;line-height: 60px;padding-bottom: 1.5%;}
.wenhua .c-company{padding-top: 3%;}


/*setserver*/

@media only screen and (max-width:1240px) {.wp {padding: 0 20px}}
@media only screen and (max-width:1640px) {.wp {width: auto;	padding: 0 50px

	}
}
@media only screen and (max-width:1240px) {.wp {padding: 0 30px

	}
}
@media only screen and (max-width:940px) {.wp {padding: 0 20px

	}
}
.wp {margin: 0 auto;max-width: 1300px;box-sizing: border-box;width: 90%;}


.g-titb1.cf h3 {color: #fff}
.g-titb1.cf P {color: #fff;opacity: .3

}
.g-titb1 {text-align: center;}
@media screen and (max-width:767px) {.gallery-top .pic {height: 207px;}
	.gallery-thumbs .pic {height: 66px;}
}
/* setserverend *//* company_advs */

.company_advs{width: 70%;margin: auto;}
.company_advs .felx{display: flex;align-items: center;}
.company_advs .felx>span{display: inline-block;margin-right: 3%;}
.company_advs .advsbox{color: #000;width: 100%;padding-left: 6%;border-right: 2px solid #0e4b9c;}
#boxnum>div:last-child .advsbox{border-right: none;}
.company_advs .advsbox p{font-size: 18px;margin-top: 10%;padding-bottom: 8%;max-width: 76%;}
.company_advs .advsbox h5{font-size: 32px;color: #222;font-weight: 700;}
.company_advs .advsbox span{font-size: 55px;font-weight: bold;color: #BF9045;}
@keyframes myMove1 {from {transform:  translate(-50%,-50%) rotate(0deg);}
    to {transform: translate(-50%,-50%) rotate(360deg);}
}
@-webkit-keyframes myMove1 {from {transform: translate(-50%,-50%) rotate(0deg);}
    to {transform: translate(-50%,-50%) rotate(360deg);}
}
.wbox{padding: 12% 0 10%;font-size: 20px;color: #222;text-align: center;overflow: hidden;}
.wbox .wname{width: 96%;margin: auto;overflow: hidden;}
.wbox .in2{position: relative;}
.wbox .in2 .cominfo{position: relative;z-index: 100;}
.wbox .in2 .lines{width: 830px;height: 830px;border-radius: 50%;border: 60px solid #f9f9f9;position: absolute;left: 50%;top: -11%;transform: translateX(-50%);}
.wbox .in2 .mores{margin-top: 4%;}
.wbox .in2 img{position: absolute;left: 50%;z-index: 0;}
.wbox .in2 .img20{top: 89%;position: absolute;animation: animtran 10s linear infinite;}
.wbox .in2 .img21{top: -85%;animation: zhuan 20s linear infinite

}
.wbox .in2 .img22{top: -73%;animation: zhuan 30s linear infinite

}


@keyframes zhuan {0% {    transform: translateX(-50%) rotate(0deg)

    }
    100% {    transform: translateX(-50%) rotate(360deg)

    }
}
@keyframes animtran {from {transform: translateX(-50%) rotateZ(0deg);}
	to {transform: translateX(-50%) rotateZ(360deg);}
}
.wbox .in2 .img23{top: -80%;left: 8%;}
.wbox .in2 .img24{top: 64%;left: 97%;}
.wbox .in2 .img25{top: 20%;left: -4%;}
.wbox .in2 .img26{top: 72%;left: -8%;}
.wbox .in2 .img27{top: -60%;left: 92%;}
.in2>div:nth-child(2) .wname{margin-top: -31.5%;}
.wbox .icon{display: block;width: 91px;height: 91px;line-height: 91px;font-size: 67px;background-color: rgba(191, 144, 69, 0.8);border-radius: 50%;margin-bottom: 5%;transition: 0.5s;color: #fff;margin: 1% auto;text-align: center;}
.wbox h5{text-align: center;line-height: 2;font-size: 36px;opacity: 0.8;}
.wbox p{margin: 5%;height: 80px;line-height: 30px;}
.wbox .wname:hover .icon{box-shadow:  0 0 4px #BF9045;}
.fours .chooseliimg {position: absolute;left: 50%;top: 50%;z-index: 1;animation: myMove1 5s linear infinite;-webkit-animation: myMove1 5s linear infinite;}
.fours .chooseliimg img {max-width: 100%;}
/* comcase */

.comcase{margin: 0 auto 5%;}
.comcase .left .imgbox{width: 100%;margin-bottom: 30px;}
.comcase .left .imgbox img{width: 100%;height: 572px;object-fit: cover;}
.comcase .right .imgbox{margin-bottom: 30px;}
.comcase .right .imgbox a{display: block;}
.comcase .right .imgbox img{width: 100%;height: 279px;object-fit: cover;}


/* company_advsend */

.advs{margin: 30px 0;padding: 45px 40px;box-shadow: 0 0 10px 0 #f0efeb;background-color: #fff;}
.c-company .goodkey{text-transform: uppercase;}
.c-company .cominfo{padding-right: 3%;}
.c-company .tit h3{line-height: 50px;}
.c-company .tit h3::after{content: "";display: block;width: 120px;background-image: url(../images/lines.png);background-repeat: no-repeat;height: 4px;margin: 2% 4px;}
.c-company .numsgo{color: #061f58;padding: 30px 0;background-color: #f8f9f9;}
.c-company .numsgo .li{text-align: center;border: none;}
.c-company .numsgo p{color: #061f58;}
.c-company .numsgo .li span{color: #0e4b9c;}
.c-company .cominfo img{max-width: 100%;}
.c-company .cominfo .cons{padding-right: 18%;color: #333;font-size: 16px;line-height: 35px;}


.c-company .cominfo .cons::-webkit-scrollbar {width: 6px;}
.c-company .cominfo .cons::-webkit-scrollbar-track {background: #d7d8da;}
.c-company .cominfo .cons::-webkit-scrollbar-thumb {background: #014b9a;border-radius: 4px;}
.ts a{color: #0e4b9c;font-size: 16px;vertical-align: super;}
.ts span{width: 43px;height: 43px;margin-left: 5px;display: inline-block;text-align: center;line-height: 43px;font-size: 38px;color: #fff;border-radius: 50%;background-color: #0e4b9c;cursor: pointer;}
.c-company .com_defalut{color:#717171;line-height: 1.78;font-size: 16px;}
/*公司文化*/

.whcard{text-align: left;margin-bottom: 0.7rem;line-height: 1.78;}
.whcard .row{overflow: hidden;}
.whcard .info{height: 433px;color: #000000;padding: 0.6rem 1.2rem;transition: 0.5s;}
.whcard .info .whs{font-size: 18px;color: #737373;line-height: 35px;}
.whcard .info:hover{background-color: #efefef;}
.whcard .info .engs{color: #061f58;opacity: 0.1;font-size: 42px;line-height: 1;/* white-space: nowrap;*/

    text-shadow: 4px 3px 1px #000;text-transform: uppercase;}
.whcard .info .ddtit{color: #061f58;font-weight: bold;font-size: 40px;line-height: 1.8;margin-bottom: 0.4rem;}
.whcard img{width: 100%;height: 433px;transition: 0.5s;object-fit: cover;

} 

.whcard img:hover{transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);

}
/* propage */

#propage .cominfo{width: 330px;max-width: 100%;margin-bottom: 28px;}
#propage .cominfo h3{color: #fff;font-size: 24px;width: 100%;line-height: 40px;text-align: center;background-color: #0e4b9c;padding-top: 20px;padding-bottom: 20px;border-top-left-radius: 30px;border-top-right-radius: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
#propage .cominfo .info{background-color: #f3f3f3;padding: 11%;color: #222e3a;font-size: 15px;line-height: 30px;}


#propage .c-goodsinfo{margin-top: 60px;}
#propage .c-goodsinfo li{display: flex;justify-content: space-between;position: relative;border-bottom: 1px solid #fff;font-size: 16px;transition: all ease .3s;width: 100%;color: #333;background: #f3f3f3;line-height: 60px;}
#propage .c-goodsinfo li a{width: 100%;display: flex;color: #222e3a;font-size: 18px;padding-left: 40px;}
#propage .c-goodsinfo li .p_c_images{width: auto;height: 100%;font-family: Arial;position: relative;font-size: 16px;color: #666;display: flex;flex-direction: column;justify-content: center;margin-right: 10px;overflow: hidden;transition: all ease .3s;}
#propage .c-goodsinfo li span:last-child{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
#propage .c-goodsinfo li:hover .p_c_images{opacity: 0;margin-right: 0px;width: 0px;}
/*honor*/

.honor{margin-top: 0.5rem;}
.honor>div{margin-bottom: 0.25rem;}
.honor a{display: block;}
.honor .img{overflow: hidden;position: relative;padding-top: 75%;}
.honor img{width: 100%;height: 100%;object-fit: cover;transition: 0.5s;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.honor .img:hover img{transform:translate(-50%,-50%) scale(1.1,1.1);-o-transform:translate(-50%,-50%) scale(1.1,1.1);}

.honor .box{width: 100%;margin: auto;border: 1px #dfdfdf solid;margin-bottom: 15px;}
.honor .box p{padding: 5px;background-color: #d8d8d8;line-height: 3;color: #000;font-size: 18px;text-align: center;transition: all 0.3s;	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.honor .box p:hover{color: #fff;background-color: #0e4b9c;}
/* licpage */

#licpage .in{padding: 3.5% 0;}
#licpage .tit p{margin-top: 2.5%;font-size: 32px;font-weight: 400;}
.licpage{padding-top: 2%;padding-bottom: 2%;}
.licpage .item{width: 600px;color: #222;background-color: #fff;padding: 24px;box-shadow: 0 0 8px #ededed;display: inline-block;transition: 0.5s;}
.licpage .item h6{color: #0e4b9c;font-size: 32px;line-height: 30px;margin-bottom: 20px;}
.licpage .item p{

	height: 155px;overflow-y: auto;font-size: 18px;line-height: 30px;}
.licpage>div:nth-child(4n + 2) .item *,.licpage>div:nth-child(4n + 3) .item *,.licpage>div:nth-child(4n + 6) .item *,.licpage>div:nth-child(4n + 7) .item *{font-size: 0;}
.licpage>div:nth-child(4n + 2) .item,.licpage>div:nth-child(4n + 3) .item,.licpage>div:nth-child(4n + 6) .item,.licpage>div:nth-child(4n + 7) .item{background-color: transparent;box-shadow: unset;}
.licpage>div:nth-child(2n) .row{text-align: right;border-left: 1px solid #ccc;position: relative;}
.licpage>div:nth-child(2n) .row .item{text-align: left;}


.licpage>div:nth-child(4n + 1) .item::before,.licpage>div:nth-child(4n + 4) .item::before,.licpage>div:nth-child(4n + 5) .item::before,.licpage>div:nth-child(4n + 8) .item::before,.licpage>div:nth-child(4n + 9) .item::before{content: "";width: 40px;height: 40px;border: 8px solid #0e4b9c;background: #fff;border-radius: 50%;position: absolute;z-index: 2;top: 0;right: -20px;transition: 0.5s;} 

.licpage>div:nth-child(2n) .item::before{left: -20px;}
/* .licpage>div:nth-child(2n+1) .item::before{content: "";width: 40px;height: 40px;border: 8px solid #0e4b9c;background: #fff;border-radius: 50%;position: absolute;z-index: 2;top: 0;right: -20px;transition: 0.5s;} */

.licpage>div:nth-child(4n + 1) .item:hover,.licpage>div:nth-child(4n + 4) .item:hover,.licpage>div:nth-child(4n + 5) .item:hover,.licpage>div:nth-child(4n + 8) .item:hover,.licpage>div:nth-child(4n + 9) .item:hover{background-image: url(../images/zb27.jpg);background-size: cover;color: #fff;}


.licpage>div:nth-child(4n + 1) .item:hover h6,.licpage>div:nth-child(4n + 4) .item:hover h6,.licpage>div:nth-child(4n + 5) .item:hover h6,.licpage>div:nth-child(4n + 8) .item:hover h6,.licpage>div:nth-child(4n + 9) .item:hover h6{color: #fff;}
.licpage>div:nth-child(4n + 1) .item:hover::before,.licpage>div:nth-child(4n + 4) .item:hover::before,.licpage>div:nth-child(4n + 5) .item:hover::before,.licpage>div:nth-child(4n + 8) .item:hover::before,.licpage>div:nth-child(4n + 9) .item:hover::before{width: 30px;height: 30px;right: -15px;background-color:#FF4151;border: 8px solid #FCA1A9;outline: 8px solid rgba(255, 67, 82, 0.1);}
.licpage>div:nth-child(2n) .item:hover::before{left: -15px;}
/* #hexin */

#hexin .c-company{background-image: url(../images/zb30.png);}
#wuren .c-company{background-image: url(../images/zb31.png);}
#wuren .setions{background-image: url(../images/zb33.jpg);}
#zimei .c-company{background-image: url(../images/zb32.png);}
#zimei .setions{background-image: url(../images/zmtbg.jpg);}
#zimei .tit h3{white-space: nowrap;}
.newspage{padding: 3% 0;}
.newspage .c-container{padding: 0 1.5rem;}
.newspage .xwpic a{display: block;position: relative;}
.newspage .xwpic .ins{position: absolute;bottom: 9%;left: 5%;max-width: 90%;}
.xwpic a{display: block;color: #fff;}
.xwpic img{max-width: 100%;}
.newspage h3{font-size: 28px;line-height: 2;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.newspage p{color: #fff;font-size: 16px;opacity: 0.5;}
.twonews img{width: 100%;height: 225px;object-fit: cover;}
.twonews .xwpic{width: 90%;margin: auto;}
.twonews .xwlist{width: 90%;margin: auto;transition: 0.5s;}
.twonews .xwlist:hover{box-shadow: 0 0 10px #333;}


.xwlist a{color: #222;display: block;padding: 6%;background: #F5F5F5;}
.xwlist h3{height: 70px;font-size: 24px;line-height: 35px;white-space: normal;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newspage .xwlist p{color: #222;line-height: 23.5px;margin: 4% 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xwlist h6{color: #222;font-size: 16px;opacity: 0.5;text-align: right;}
.c_news .time{width: 10%;text-align: center;}
.c_news .time b{font-size: 48px;line-height: 1.3;}


.c_news .infos{width: 85%;padding-left: 4%;}
.setions{color: #fff;padding: 2% 2.6rem;background-image: url(../images/jsbg.jpg);background-repeat: no-repeat;background-position: center;}
.setions h3{color:#fff;}
.setions ul{margin-top: 16%;}
.setions ul li{padding: 5%;transition: all 0.5s;}
.setions ul li span{position: relative;display: block;width: 20%;}
.setions ul li span img{transition: all 0.5s;}
.setions ul li span img:last-child{display: none;}
.setions ul li .inner{width: 80%;}
.setions ul li h6{font-size: 32px;font-weight: 400;line-height: 2;}
.setions ul li p{height: 0;overflow: hidden;transition: 0.5s;}
.setions ul li:hover p{height: 90px;overflow-y: auto;}
.setions ul li:hover{padding: 3% 5%;background-image: linear-gradient(270deg, #23255b00 0%, #0e4b9c 100%);}
.setions ul li:hover span img:last-child{display: block;}
.setions ul li:hover span img:first-child{display: none;}
.succebox{color: #fff;padding: 2% 2.6rem;background-image: url(../images/subg.png);background-repeat: no-repeat;background-position: center;background-color: #F5F5F5;}
.succebox .tit{text-align: center;}
.succebox .zbsucces{margin: 4% 0;}
.succebox .zbsucces img{width: 100%;height: 200px;object-fit: cover;}
.succebox .zbsucces a{color: #222;display: block;background-color: #fff;box-shadow: 0 0 10px #ededed;}
.succebox .zbsucces a h5{text-align: center;margin: 3%;font-size: 32px;line-height: 2.5;}
.succebox .zbsucces a p{font-size: 16.5px;line-height: 30px;height: 200px;overflow-y: auto;margin:5px 30px;text-align: justify;}


/*fangan*/

#goods.fangan #c-common-bg{background-image:url(../images/fanganbg.jpg);background-size: cover;

}
/*new*/

#new .c-goodsinfo{background-color: #f6f6f6;}
#new .c-goodsinfo .goodkey{font-size: 0.8rem;color: #f1f1f1;}
#new .c-goodsinfo .gooddec{font-size: 0.5rem;color: #283e92;

}
#new .c-goodsinfo .goodtext{font-size: 18px;color: #8a8a8a;line-height: 2;width: 51%;margin: 0.3rem auto;}
#new .goodsbox{background-color: #fff;padding: 0.7rem 0 0.5rem;text-align: center;}
#new .honor .img{padding: 0;height: auto;}
#new .honor img{height: auto;}
.mycons h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#new .gbtn{display: flex;line-height: 1.8;justify-content: space-between;}
#new .newinfo{text-align: left;color: #848484;padding: 0.26rem 0.35rem;}
#goods .c-goodsinfo .ab{padding-left: 5%;padding-top: 8%;border-left: solid 1px #E6E6E6 ;}
#goods .c-goodsinfo .ab ul li{padding: 20px;margin-bottom: 15px;background-color: #faf9f9;}
#goods .c-goodsinfo .ab ul li a{color: #393939;}
#goods .c-goodsinfo .ab ul li .time{color: #a2a2a2;line-height: 28px;display: block;margin-top: 2%;margin-bottom: 6%;}
#goods .c-goodsinfo .ab ul li .times .pull-right i{width: 27px;height: 27px;margin-left: 5px;display: inline-block;text-align: center;line-height: 27px;font-size: 22px;color: #fff;border-radius: 50%;vertical-align: revert;cursor: pointer;background-color: #0e4b9c;transition: 0.5s;}
#goods .c-goodsinfo .ab ul li p{color: #999999;}
#goods .c-goodsinfo .ab ul li:hover .times .pull-right{color: #d50000;}
#goods .c-goodsinfo .ab ul li:hover .times .pull-right i{background-color: #d50000;transform:rotate(360deg);}
#goods .c-goodsinfo .ab ul li .times .pull-right{color: #0e4b9c;}
#goods .c-goodsinfo .ab .gooddec{font-size: 28px;}
#new .newinfo h3{color: #3b3b3b;font-size: 22px;line-height: 1.6;margin-bottom: 0.2rem;transition: 0.5s;}
#new .newinfo h3:hover{color:#061f58;}
#new .newinfo .def{color: #848484;line-height: 1.6;font-size: 15px;margin-bottom: 0.4rem;}
#new .newinfo .gbtn button{display: inline-block;padding: 0.1rem 0.2rem;color: #000;border: 1px solid #e6e4e4;background-color: #fff;transition: 0.5s;}
#new .newinfo .gbtn button:hover{color: #fff;background-color: #061f58;}
#new .newinfo .time{line-height: 27px;}
#new .box{

	box-shadow: 0px 0px 10px #eae9e9;border: none;}
.c_news .box:hover{box-shadow: 0px 0px 24px #c5c5c5;transition: all 0.3s;}
.imgbox{overflow: hidden;}
.hexbox{background-image: url(../images/he1.jpg);background-repeat: no-repeat;padding: 2% 0;}
.taibox{width: 90%;margin: 0 auto;}
.taibox h3{color: #222;font-size: 17px;font-weight: bold;background-image: url(../images/num1.png);background-repeat: no-repeat;background-size: contain;padding: 20% 3% 9%;}
.taibox .innercons{font-size: 16px;color: #222;line-height: 30px;}
.taibox .right h3{background-image: url(../images/num2.png);}
.taibox>div:first-child h3{text-align: right;background-position: right;}
.taibox>div:first-child .innercons{text-align: right;}
.taibox .innerbox .imgbox{text-align: center;padding: 3%;}
.taibox .t5{margin-top: 35%}
/* .、hextab */

.hextab{background-image:url(../images/he2.jpg);background-repeat: no-repeat;background-size: cover;padding: 2% 0 10%;}
.hextab .tit{text-align: center;}
.hextab .tit a{color: #222;margin: 2% 1.5%;padding: 0 3%;border-radius: 50px;display: inline-block;font-size: 16px;line-height: 53px;border: 1px solid #BF9045;background-color: #fff;transition: 0.5s;}
.hextab .tit a.on{color: #fff;background-color: #BF9045;}
.hextab .tit a:hover{color: #fff;background-color: #BF9045;}
#intab{margin-top: 2%;}
#intab .jishu{height: 0px;overflow: hidden;opacity: 0;transition: 0.5s;}
#intab .jishu.on{transition-delay: 200ms;opacity: 1;height: auto;transform: translateY(3%);}
#intab .jishu h6{font-size: 36px;line-height: 2;margin-bottom: 4%;}
#intab .jishu p{font-size: 16px;color: #222;max-width: 80%;line-height: 35px;}
.sbox{margin: 0 6%;position: relative;z-index: 1;}
.sbox .flex{justify-content: space-around;}
.sbox .item{width: 230px;margin-bottom: 9%;}
.sbox .item .mun{width: 132px;height: 132px;position: relative;text-align: center;/* margin: auto;*/margin: -27% auto 0;

	/*background-size: cover;background-repeat: no-repeat;background-image: url(../images/numbg.png);*/

}
.sbox .item .mun i{height: 75px;width: 75px;line-height: 75px;font-style: unset;border-radius: 50%;margin: 20% auto;display: block;color: #BF9045;font-size: 24px;font-weight: bold;text-align: center;background-color: rgba(255, 255, 255, 0.81);}
.sbox .item .mun img{position: absolute;left: 50%;top: 29%;z-index: -1;animation: myMove1 10s linear infinite;-webkit-animation: myMove1 10s linear infinite;}
.sbox .item h5{color: #222;font-size: 17px;font-weight: bold;text-align: center;margin: 2% auto;}
.sbox .item p{color: #222;font-size: 16px;line-height: 30px;margin-top: 4%;}	

.kejibox{padding: 2% 0;}
.kejibox .cons{font-size: 17px;color: #222;line-height: 30px;}
.kejibox .cons p{margin-bottom: 15px;}
.kejibox{background-image: url(../images/kybg.png);background-repeat: no-repeat;background-size: cover;background-position: center;}
.kyitem{color: #fff;padding: 2% 0;background-image: url(../images/kybg.jpg);background-repeat: no-repeat;background-size: cover;}
.kyitem .tit{text-align: center;}
.kyitem .tit>h3{margin: 0;line-height: 2.5;color: #fff;}
.kyitem .tit>div{font-size: 16px;line-height: 30px;text-align: center;width: 900px;max-width: 100%;margin: auto;}
.kyitem .card{margin-top: 3%;padding-bottom: 4%;justify-content: space-between;}
.kyitem .card .item{width: 592px;max-width: 100%;}


.kyitem .card .imgbox{border-radius: 50px;}
.kyitem .card h5{text-align: center;font-size: 20px;line-height: 35px;color: #EED6B0;margin: 2% 0 3.5%;font-weight: bold;}
.kyitem .card p{font-size: 16px;line-height: 28px;}
.honorbox{color: #222;background-image: url(../images/hrbg.jpg);}
.honorbox .tit>h3{color: #222;font-weight: 100;}
.honorbox .newcard h6{font-size: 16px;width: 93%;color: #222;margin: 2% auto 3%;}
.cbanner4{margin-top: 3.2%;}
.cbanner4 .box .imgbox{margin: 3%;}
.c_news .news_three p{color: #222;font-size: 20px;line-height: 35px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.c_news .news_three a{color: #333;margin: auto;margin-bottom: 2%;padding: 20px;background-color: #F7F6F4;background-size: cover;background-repeat: no-repeat;background-position: center;transition: 0.3s;}
.c_news .news_three a:hover{color: #fff;background-color: #405E9D;}
.c_news .news_three a:hover p{color: #fff;}


.c_news .news_three a>p{margin-top: 3%;color: rgba(34, 34, 34, 1);}
.c_news .news_three h5{font-size: 20px;line-height: 34px;font-weight: bold;margin-bottom: 15px;

	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;}
.c_news .news_three .img h5{color: #fff;}
.c_news .news_three .img p{color: #fff;opacity: 0.8;}
/* .c_news .news_three a:hover h5{color: #ce1b22;} */

.c_news .newslist{margin-top: 0.3rem;margin-bottom: 0.5rem;line-height: initial;background-color: #fff;}


.newbox{padding: 50px 0;}
.newbox .catname{padding: 1.5% 0;font-size: 14px;color: #929292;}
.newbox .catname h3{color: #2a333a;font-size: 36px;display: inline-block;}
.newbox .catname>p{width: 900px;max-width: 100%;margin: 2.5% auto;font-size: 16px;line-height: 30px;}
.newbox .newslist{padding-right: 6%;padding-bottom: 0.5rem;line-height: initial;border-right: 1px solid #dfdfdf;}
.newbox .newslist ul li{text-align: left;

	transition: all 0.3s;}
.newbox .newslist ul li img{width: 100%;height: 240px;object-fit: cover;transition: 0.5s;}
.newbox .newslist ul li .swiper-slide .mycons{padding-left: 0%;}
.newbox .newslist ul li .mycons{padding-left: 4%;}
.newbox .newslist ul li>a{display: block;padding: 0.33rem 0rem;border-bottom: 1px solid #dfdfdf;

	transition: 0.5s;overflow: hidden;position: relative;}
.newbox .newslist ul li .times{font-size: 15px;color: #ccc;margin-bottom: 2%;}
.newbox .newslist ul li h3{color: #2a333a;margin-top: 3%;font-size: 22px;font-weight: bold;line-height: 1.6;margin-bottom: 1%;transition: 0.5s;margin-top: 15px;}
.newbox .newslist ul li p{color: #737373;line-height: 1.6;font-size: 15px;margin-bottom: 0.4rem;

	overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.newbox .newslist ul li .more{color: #014b9a;font-size: 15px;font-weight: bolder;}


.newbox .newslist ul li>a:after {content: "";clear: both;width: 100%;height: 4px;background: #014b9a;position: absolute;left: 0;bottom: 0px;transition: all 0.5s;right: 0;transition: transform 0.5s;margin: auto;transform-origin: right center;transform: scaleX(0);}
.newbox .newslist ul li>a:hover:after{transform-origin: left center;transform: scaleX(1);}
.newbox .newslist ul li>a:hover{-webkit-transform: translateY(-7px);-moz-transform: translateY(-7px);-ms-transform: translateY(-7px);-o-transform: translateY(-7px);transform: translateY(-7px);}
.newbox .newslist ul li:last-child>a{border-bottom: 1px #dfdfdf solid;}
.oth_news{padding: 20px 1% 5px 15%;margin: 15px 0;color: #000;}
.oth_news h5{font-size: 20px;font-weight: bold;line-height: 2;margin-bottom: 5%;}
.oth_news ul li{margin-bottom: 8%;background-color: #f6f6f6;padding: 7%;}
.oth_news ul li h3{color: #2a333a;line-height: 35px;margin-bottom: 7%;font-size: 18px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.oth_news ul li:hover h3{color: #014b9a;}
.oth_news ul li a{color:#939393;display: block;}
.oth_news ul li p{margin-top: 8px;margin-bottom: 7px;}


#coontact #c-common-bg{background: url(../images/contact.jpg) no-repeat center center;background-size: cover;}
#coontact .c-goodsinfo{background-color: #f6f6f6;}


#coontact .goodsbox{background-color: #fff;padding: 0.7rem 0 0.5rem;text-align: center;}
#coontact .c-goodsinfo .goodkey{font-size: 0.8rem;color: #f1f1f1;}
#coontact .c-goodsinfo .gooddec{font-size: 0.5rem;color: #283e92;}
#coontact .c-goodsinfo .goodtext{font-size: 18px;color: #8a8a8a;line-height: 2;width: 51%;margin: 0.3rem auto;}
.address{margin-top: 1%;background-color: #fff;}
.address .flex{justify-content: space-between;}
.address .flex .item{padding: 3%;width: 30%;text-align: center;}
.address h5{font-size: 48px;line-height: 2;color: #222;}
.address .item p{font-size: 18px;line-height: 2;position: relative;}
.address .meassge p{font-size: 16px;color: #a1a1a1;margin-top: -0.2rem;margin-bottom: 0.3rem;}
#dituContent{width: 100%;}
.address .flex .item .infos{height: 140px;}
.address .flex .item .mores:hover{box-shadow: 0 0 8px 5px #0e4b9c33;}
.address .catinfo{padding: 1% 0 1%;position: relative;}
.address .catinfo .box .flex{display: flex;}
.address .catinfo .left{width: 70%;}
.address .catinfo .right{width: 30%;display: flex;}
.address .catinfo .right .imgbox{padding: 25px;background-color: #fff;text-align: center;line-height: 30px;color: #333;font-size: 17px;margin: 0 3%;}


.catinfo .box{clear: both;background: #ac1617;padding: 30px;width: 90%;clear: both;box-sizing: border-box;position: absolute;left: 5%;bottom: 7%;color: #FFF;}
.catinfo .box .tt{font-size: 25px;font-weight: bold;color: #FFF;margin-bottom: 30px;}
.catinfo .box .info{font-size: 16px;line-height: 2;color: #fff;display: inline-block;width: 48%;}
.moreinfo ul li{padding-bottom: 3%;margin-bottom: 3%;border-bottom: 1px solid #d5d5d5;}
.moreinfo ul li span{font-size: 22px;line-height: 2;font-family: fantasy;}
.moreinfo ul li>div{width: 33%;}
/*injion*/

#new.injoin #c-common-bg{background: url(../images/injion.jpg) no-repeat center center;background-size: cover;}
.page_cont{color: #333;}
.page_cont h3{padding: 0.35rem 0;font-size: 30px;font-weight: bolder;}
.page_cont .page_Info{text-align: center;color: #7e7e7e;padding: 14px 0;margin-top: -25px;margin-bottom: 0.25rem;border-bottom: solid 1px #E6E6E6;}
.page_cont .page_Info img{vertical-align: middle;}
.page_cont #page_Content{line-height: 2;font-size: 15px;}
/*fenye*/

.de-page-mian {overflow: hidden;text-align: center;font-size: 0;margin: 10px auto;width: 100%;}
.de-page-mian .page-inner {display: inline-block;overflow: hidden;}
.de-page-mian .page-inner a {display: block;float: left;min-width: 26px;padding: 0 5px;height: 36px;border: 1px solid #dddddd;background: #fff;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin-right: -1px;overflow: hidden;width: auto;}
.de-page-mian .page-inner a.active,.de-page-mian .page-inner a:hover {color: #fff;border-color: #0e4b9c;background: #0e4b9c;}
.de-page-mian .page-inner a.prev {margin-right: 10px;background: #ffffff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on {background: #ffffff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.next {margin-left: 10px;margin-right: 15px;background: #ffffff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on {background: #ffffff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover {background-color: #fff;border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn {font-size: 12px;margin-right: 0;width: 63px;margin-left: 10px;display: none;}
.de-page-mian .page-inner span {display: block;font-size: 12px;color: #333;float: left;line-height: 38px;display: none;}
.de-page-mian .page-inner input {display: block;float: left;height: 36px;width: 36px;border: 1px solid #dddddd;text-align: center;line-height: 36px;font-size: 14px;color: #333;margin: 0 5px;display: none;}
#page_Content{padding: 0.15rem;background-color: #fff;}
#page_Content img{max-width: 100%;}


#prev_next{overflow: hidden;line-height: 3;background-color: #f6f6f6;padding: 15px;margin-top: 20px;}


#prev_next a{color: #333;transition: 0.5s;}
#prev_next a:hover{color: #ed3333;}


#prev_next .page-a{display: inline-block;}
#prev_next  img{vertical-align: middle;}
#prev_next li{width: 50%;}
#prev_next li:first-child{float: left;}
#prev_next li:last-child{float: right;text-align: right;}


.caselist ul li img{height: 370px;width: 100%;object-fit: cover;}


@media (max-width: 1800px) {
	#c-about .move1 h5{font-size: 76px;}
	.innewsone{padding: 11% 10%;}
}
/* pc */

@media (max-width: 1599px){
	.company .indexgood{top: 7%;}
	.carousel>img{height: 614px;}
	#zbheader .c-nav>li{padding: 0;}
	#zbheader .c-nav .tel{padding: 0 10px;}
	.company .c-company{padding: 50px 1rem;}
	.c_news .newslist ul li{padding: 0 1rem;}
}
@media (max-width: 1550px) {
	#zbheader .c-nav li a{padding: 0 8px;}
}


@media (max-width: 1460px) {

	.whcard .info .engs{font-size: 32px;}
	.whcard .info .ddtit{font-size: 30px;}
	.whcard .info .whs{font-size: 17px;}
	.c_news .newslist ul li h3{font-size: 20px;}
	.c_news .newslist ul li{padding: 0rem 1rem;}
	.catinfo .box{padding: 8px 18px;}
	.catinfo .box .tt{margin-bottom: 15px;}
	.address .catinfo .right .imgbox{padding: 12px;}
	/*proinfo*/.proinfo .c-crumbs{padding: 15px 0;}
	.prodetail .catename{font-size: 20px;}
	.goodcard ul li,.prodetail .comsimg h5,.prodetail .sixsercer h5{font-size: 18px;}
	/* proinfoend *//* .company */#c-about .move1 h5{font-size: 56px;}
	.numsgo>div span{font-size: 40px;}
	.inhonor .imgbox img{height: 190px;}


	.company .tit{font-size: 30px;}
	.company .wem{font-size: 21px;}
	.company .indexgood{top: 8.5%;}
	.company_advs .advsbox{width: 140px;height: 140px;}
	.company_advs .advsbox span{font-size: 32px;}
	.company_advs .advsbox h5{font-size: 16px;line-height: 2;}
	/* company */	.chooseall .wrap{width: 700px;}
	.c-goodsinfo .goodsboxsize .md{display: inline-block;	text-align: center;}
	.c-goodsinfo .goodsboxsize .acen{display: none;}
	.chooseall ul li:nth-child(12n){margin-left: 0;}
	.about .c-img-box ul li{height: 135px;}
	.newcard .info{overflow: hidden;}
}
@media (min-width: 1600px) and (max-width: 1730px){
	.mylogo{width: 23%;}
	.mylogo img{max-width: 100%;}
}
@media (min-width: 991px) and (max-width: 1175px){
	.mylogo{width: 20%;}
	.mylogo img{width: 100%;}
	div.c-container {padding: 0 0.8rem;}
	.myprod .c-l-box .yw{margin-top: 40%;}
	.myprod .c-yw-title .c-l-box:hover .yw{transform-origin: top;	transform: rotateY(90deg);	margin: 0;}
}
/* ipad */

@media (min-width: 765px) and (max-width: 1265px){
	.company .c-company{padding: 0.2rem 1rem;}
	#zbheader .mylogo a{width: 100%;}
	#zbheader .c-nav{font-size: 17px;}
	#zbheader .c-nav li a{padding: 0 2px;}
	.mlogo{margin-top: 0.3rem;}
	.mybanner .swiper-slide .c-wrap .c-text{font-size: 30px;padding: 5px 0 30px;}
	.myprod .gramme .content-slide p{font-size: 28px;}
	.myprod .gramme .content-slide div{font-size: 17px;}

	.oallnice .whatdogo .swiper-slide img{height: 300px;}
	div.case .c-cn-title{font-size: 28px;}
	.indexmsg .c-container{padding: 0 2rem;}
	.indexmsg .c-cn-title{margin-bottom: 0;}
}


@media (max-width: 1400px) {
	.footer .flink .info{width: 30%;}
	.innewsone h5{font-size: 20px;line-height: 30px;height: 60px;}
	.innewsone .info{min-height: 145px;margin-bottom: 11.5%;}
	#zbheader .c-nav>li>a::before{display: none;}
	.tit .eng{font-size: 30px;}
	.pronav a{padding: 1% 2% 1%;}
	.progood .inpro h4{font-size: 20px;}
	.inadvs .box2 .swiper-slide .icon{font-size: 26px;}
	.inadvs .box2 .swiper-wrapper>div{padding: 1.7%;}

	.tit>h3{font-size: 32px;}
	.footer .telbox h2{font-size: 38px;}
	.myprod .book .swiper-container{left: 7.79%;}
	.indexmsg .indexmsgcard .item .info h4{font-size: 28px;}
	.sliders .info{display: block;overflow: hidden;}
	.sliders .info>div{float: left;width: 50%;margin-bottom: 1%;}
	#zbheader .c-nav .tel{font-size: 17px;}
	#zbheader .c-nav li a{padding: 0;}

}
@media (max-width: 1360px) {
	.innewsone .info{margin-bottom: 1.5%;}
	.newsone h4{font-size: 22px;}
	.innewsone .info{font-size: 15px;line-height: 30px;min-height: 120px;}
	.innewsone .time{font-size: 15px;line-height: 35px;}
	.innewsone .time b{font-size: 24px;}
	#c-top-bg h2{font-size: 36px;}
	.tit>h3{font-size: 28px;}
	.company .c-company{padding: 50px 1rem;}
	.numsgo>div span{font-size: 38px;}
	.company .c-company h6{font-size: 28px;}
	.comcase .left .imgbox img{height: 450px;}
	.comcase .right .imgbox img{height: 217px;}
	.news-slider {max-width: 1000px;}
	#zbheader .c-nav .c-search-box select{padding: 10px 15px 10px 30px;	border-right: 15px solid #fff;}
	.sjmeaasge #formData .code input{width: 111px;}
	.sjmeaasge #formData .submit{padding: 10px 26%;margin-top: 7%;}
}
@media (max-width: 1260px) {

	#propage .cominfo .info{padding: 5%;}
	.goodscard .gbtn a{line-height: 2;}
	#propage .cominfo h3{font-size: 21px;padding: 10px 0;}
	#propage .c-goodsinfo li a{padding-left: 30px;font-size: 17px;}
	.goodscard .gname{font-size: 18px;}
	.catinfo .box{bottom: 0;}
	.catinfo .box .info{font-size: 14px;}
	.catinfo .box .tt{font-size: 19px;}
	.gotop{padding: 1%;}
	.vxbox img{max-width: 115px;}
	.footer .telbox li a:first-child{font-size: 18px;margin-bottom: 15px;}
	#c-about .consdec h6{font-size: 21px;}
	.inhonor{padding: 4%;}
	.numsgo .icon{font-size: 24px;}
	.inadvs .box2 .swiper-wrapper>div{padding: 1%;}
	.c-crumbs{object-fit: cover;}
	#zbheader .mylogo a img{max-width: 100%;}
	#zbheader .c-nav{padding-left: 30px;}
	#zbheader .c-nav .tel{padding-left: 25px;}
	#zbheader .c-nav li a{font-size: 15px;}
	#c-top-bg{padding-top: 16%;padding-bottom: 7%;}


	.tit>h3{font-size: 28px;}
	.footer .telbox h2{font-size: 28px;}


	#c-about .consdec{font-size: 16px;line-height: 28px;}
	.numsgo>div span{font-size: 31px;}
	.indexmsg .indexmsgcard .item .info h4{font-size: 24px;}
	.sjmeaasge #formData textarea{max-height: 110px;margin-bottom: 0.5%;}


	.prodetail .titname h3{font-size: 18px;}
	.prodetail .ddd h2{font-size: 27px;}
	.cxinfo h5{font-size: 17px;}
	#probox{padding: 70px 70px 40px;}
	.prodetail{padding: 0 35px;}
	.goodcard ul li span{font-size: 40px;}
	.goodview .pro-detail .cs{font-size: 15px;line-height: 27px;margin-bottom: 0%;}
	.proinfobox .ccc .list{width: 300px;padding: 15px;}
	.proinfobox .ccc{width: 30%;}
	.goodview .gallery-thumbs{max-height: 440px;}
	.goodview .gallery-top{height: 440px;}
	.sliders .info{font-size: 14px;}
	.newsone ul li a{max-width: 60%;}
	.newsone h4{font-size: 18px;margin-top: 6.17%;margin-bottom: 1.4%;left: 3%;}
	.newsone ul li{line-height: 37px;}
	.footer .flogo .vxbox img{width: 120px;}
	.footer .addinfo{font-size: 15px;}
	.footer .copy{font-size: 15px;}


}
@media (max-width: 1200px) {
	.inadvs .box2 .li{width: 50%;}
	.goodscard .gbtn a{font-size: 15px;}
}
/* 1024 */

@media (max-width: 1024px) {
	.proinfobox .ccc .list{width: 290px;}
	#zbheader{height: 90px;}
	#zbheader.c-head-hides{height: 80px;}
	#zbheader .c-nav .tel{display: none;}
	#c-about .move1 h5{font-size: 48px;}
	.inhonor a h5{font-size: 16px;padding: 0;}
	.numsgo>div span{font-size: 27px;line-height: 32px;}
	.footer .flink .top{display: block;text-align: center;}
	.footer .flogo{display: block;width: 100%;text-align: center;}
	.footer .flink .info{width: 100%;margin-bottom: 15px;display: none;}
	.footer .telbox{margin-top: 2%;}


}

/*992*/

@media (max-width: 992px) {
	.goodall h2{font-size: 21px;line-height: 35px;}
	.goodall{padding: 3%;}
	#propage .c-goodsinfo li a{font-size: 15px;}
	.catinfo .box{position: unset;width: 100%;}
	.address .catinfo .right{display: none;}
	.address .catinfo .left{width: 100%;}

	.progood .indexmsgcard .left{width: 270px;}
	.progood .indexmsgcard .right{width: calc(100% - 270px);}

	.innewsone h5{font-size: 18px;}

	.footer .flink .fnavs{margin-bottom: 2%;}
	.footer .vxbox{margin-top: 0;}
	.footer .telbox li{width: 25%;}
	.footer .telbox li a{display: none;}
	.footer .telbox li a:first-child{display: block;}
	#zbheader .mylogo a img{width: auto;}
	.case .newsone .imgbox img{width: 100%;object-fit: cover;}
	#c-about .move1 h5{font-size: 40px;}
	.tit .eng{font-size: 24px;}
	.pronav a{font-size: 14px;margin: 5px 0;}
	.c-company .tit h3::after{margin: 15px auto;}


	#formData .firsinfo input{margin-bottom: 1%;}
	.footer .copy{font-size: 14px;}
	.footer .addinfo{font-size: 14px;}
	.ouradv .advbox .item h4{font-size: 20px;}
	.ouradv .advbox .item p{font-size: 14px;line-height: 25px;}
	.sjmeaasge #formData textarea{max-height: 70px;padding-left: 3%;}
	#formData input{height: 43px;line-height: 43px;}
	.sjmeaasge #formData .code .verify img{height: 43px;}
	.sjmeaasge #formData .code input{height: 43px;}
	.sjmeaasge #formData .submit{margin-top: 15px;}
	.footer .flogo .vxbox{justify-content: center;}
	.footer .flogo{padding: 0;}


	#fp-nav.left{display: none;}
	.rightnav{display: none;}
	.mybanner .gobox{display: none;}
	#c-about h5{font-size: 15px;line-height: 23px;}
	.footer .telbox h2{font-size: 18px;line-height: 33px;}


	#c-about .go{margin: 2% 0;}
	#c-about .consdec{font-size: 15px;line-height: 30px;}
	.numsgo>div span{font-size: 24px;vertical-align: inherit;}


	.numsgo>div p{padding: 0 0 5%;}
	.numsgo>div span{margin-top: 2%;}
	#c-about .my_btn{margin-bottom: 1.5%;}


	.indexmsg .tit{margin-bottom: 9%;}
	.indexmsg .indexmsgcard .item .info h4{font-size: 22px;}
	.indexmsg .indexmsgcard .item img{zoom: 0.75;}
	.indexmsg .indexmsgcard .item .info p{font-size: 14px;line-height: 23px;text-align: justify;margin-bottom: 8%;}
	.my_btn{font-size: 14px;}
	.mores{padding: 2px 30px;}
	#zbheader .c-switch{display: block;}
	#zbheader .c-nav{width: 75%;}
	#zbheader .c-nav>li{display: none;}
	#zbheader .c-nav .c-search-box{display: inline-block;}
	#zbheader .mylogo a img{max-width: 350px;width: 100%;}
	#zbheader .mylogo{width: 70%;}
	#zbheader .mylogo a{padding: 0;justify-content: start;}
	#zbheader .navlogo p{font-size: 16px;}
	#zbheader .menu-wrap ul>li>a{font-size: 17px;margin-bottom: 0;}
	#zbheader .menu-wrap ul li span{font-size: 23px;position: relative;z-index: 111;cursor: grab;}
	#zbnav{top: 355%;}
	.mnavsgo>li{width: 100%;border-bottom: 1px solid #c8d4e4;padding: 12px 0;}
	.mnavsgo>li:last-child{width: 100%;}
	.sliders .info{display: none;}
	.sliders>.d1{display: none;}
	#zbheader .menu-wrap ul>li>a{display: flex;justify-content: space-between;}
	.sub-menu{display: none;}
	#zbheader .menu-wrap .mnavsgo>.on span{opacity: 0.2;}
	#zbheader .menu-wrap .mnavsgo>.on:hover span{opacity: 1;}
	.proinfobox .ccc{display: none;}


	.goodview .gallery-thumbs{margin-left: 0;}
	.goodcard a{font-size: 16px;}
	.prodetail .titname h3{font-size: 16px;}
	.prodetail .ddd h2{font-size: 20px;}
	.prodetail .ddd>p{font-size: 14px;}
		/* proinfo */#probox{padding: 40px 40px 30px;}
	.prodetail{padding: 0 40px;}
	.goodcard ul li{width: 11.5%;	margin-right: 3%;}
	.prodetail .comsimg .imgbox img{height: 240px;}
	.prodetail .comsimg h5{line-height: 40px;}
	/* proinfoend */

	.c-crumbs{line-height: 1.5;}
	.caselist .mycase .casebox{top: 88%;}
	.caselist .mycase .casebox h3{font-size: 18px;}
	#c-top-bg img{max-width: 100%;}
	.setserver{padding: 0.5rem;}
	.setserver .solgen{font-size: 17px;margin: 5% auto 0;}
	.company .indexgood{width: 100%;	position: unset;	text-align: center;}
	.company .indexgood img{display: none;}
	.c-company .cominfo{padding-right: 0;text-align: center;}
	.company .tit{font-size: 26px;}
	.company .wem{font-size: 17px;}
	.c-company .cominfo img{max-width: 60%;}
	.case .whatdogo .dobox:hover .my_btn{margin-top: 43%;}
	.whatbtn .gobox{display: none;}
	.case .cons{width: 55%;margin-right: 0;}


	/*c-abouts*/	/*c-aboutsend*/

	.myprod .gramme .content-slide p{font-size: 22px;}
	.myprod .gramme .content-slide div{font-size: 15px;}
	.myprod .gramme{padding-top: 30%;}


	.footer .flogo .fnavs a{font-size: 14px;}
	.footer .flogo .fnavs{text-align: center;}
	#zbheader .c-nav2{font-size: 18px;}
	#fp-nav.left{left: -45px;}
	.mybanner .swiper-pagination-clickable .swiper-pagination-bullet{width: 100px;}
	.mybanner .swiper-slide .c-wrap .c-title{font-size: 22px;}
	.mybanner .swiper-slide .c-wrap .c-text{font-size: 18px;padding: 0 0 20px;}
	.about .c_name{margin-bottom: 0;}
	.index-milepost-top {position: relative;width: 91%;}


}
/* move */

@media (max-width: 768px) {
	#zbheader{height: 80px;}
	#zbheader.c-head-hides{height: 75px;}
	.gotop{position: fixed;}
	.mybanner .swiper-slide:nth-child(1)>img{object-position: right center;}
	.mybanner .swiper-slide:nth-child(2)>img{object-position: right center;}
	.mybanner .swiper-slide:nth-child(3)>img{object-position: left center;}

	.progood .indexmsgcard .left{width: 100%;}
	.progood .indexmsgcard .left .ul{margin-top: 10px;margin-bottom: 15px;}
	.progood .indexmsgcard .left .ul .li{width: 25%;}
	.progood .indexmsgcard .left .ul .li a{font-size: 18px;}
	.progood .indexmsgcard .right{width: 100%;}
	.progood .indexmsgcard .right #proSwiper2{display: none;}

	#propage .cominfo~.cominfo{display: none;}
	#propage .cominfo{width: 100%;}
	#propage .c-goodsinfo ul{display: flex;flex-wrap: wrap;}
	#propage .c-goodsinfo li{width: 50%;}

	.c_name p{font-size: 22px;}
	.c-join{padding-top: 30px;}

	.ouradv .tit{margin-top: 10%;}
	.tit>h3{font-size: 22px;line-height: 2;}
	.prodefault h5{font-size: 17px;}
	.goodall h2{font-size: 21px;line-height: 35px;}
	.goodall{padding: 20px 0;}
	.goodscard .gbtn a{zoom: 0.82;}
	.footer .flogo img{max-width: 82%;margin-bottom: 10px;}
	#propage .c-goodsinfo{margin-top: 40px;}
	.whcard .info{height: auto;}
	.company .c-company h6{font-size: 23px;text-align: center;line-height: 2;}
	.company .numsgo .li{width: 100%;}

	.comcase .left .imgbox img{height: auto;}
	.honor .box p{font-size: 15px;}
	.mynavgo a{font-size: 16px;line-height: 45px;}
	.catinfo .box{padding: 20px;}
	.catinfo .box .info{width: 100%;}
	.footer .telbox li a:first-child{font-size: 16px;}
	.gotop{height: 50px;line-height: 35px;top: 70%;}
	.gotop .icon{font-size: 30px;}
	.gotop p{display: none;}
	.tit .eng{line-height: 18px;}
	.case .dlex{display: block;text-align: center;margin-bottom: 0;}
	.about .inhonor{display: none;}
	.inadvs .box1 p{font-size: 14px;line-height: 28px;}
	.case .dlex .newsgo a{margin: 10px 15px;}
	.indexmsgcard .tit{text-align: center;}
	.pronav{text-align: center;}
	.progood .inpro h4{font-size: 17px;text-align: center;}
	.progood .inpro img{height: 200px;}
	.progood .inpro .info{font-size: 14px;line-height: 22px;}
	.progood .inpro a{width: 100%;padding-right: 0;border: none;}
	.inadvs .box2 .swiper-wrapper{flex-wrap: wrap;}
	.inadvs .box2 .swiper-wrapper>div{width: 50%!important;}
	.inadvs .box2 .swiper-slide p{height: 50px;}


	.footer .flogo .vxbox{display: none;}
	.footer .addinfo{font-size: 13px;line-height: 25px;}
	.footer .copy{font-size: 13px;}


	.about .c-container{padding: 0 1.2rem;}
	.indexmsg .indexmsgcard .item .info h4{font-size: 18px;}


	#fp-nav{display: none;opacity: 0;}
	#c-about .move1{padding: 0 10px 10px;}
	#c-about .c-left-box{margin-top: 0;}


	.infoly li{width: 33.33%;}
	.infoly li:nth-child(9){display: none;}
	.goodview>h3{font-size: 26px;}
	.goodview .gallery-top{height: auto;}
	.goodview .gallery-thumbs .swiper-slide{background-size: 66px;}
	.goodview .prodetail img{max-width: 100%;}
	.goodview .tuiswiper img{max-width: 100%;}	

	.goodview img{max-width: 55%;}


	.prodetail .consbox{margin: 20px 0;}
	#probox{padding: 20px 20px 10px;}
	.prodetail{padding: 0 20px;}
	.goodview .pro-detail{padding-left: 0;padding-top: 20px;}
	.prodetail .consbox .text{padding-left: 0;}
	.c-crumbs{font-size: 15px;}
	.prodetail .sixsercer .imgbox img{height: 180px;}
	.goodcard ul li, .prodetail .comsimg h5, .prodetail .sixsercer h5{font-size: 15px;}
	.combox .tuiswiper{padding: 3% 5%;}
	.c_news .newslist ul li .mycons{padding: 0%;}
	.c_news .news_three h5{font-size: 18px;}
	.c_news .news_three .def{font-size: 14px;margin-bottom: 1%;}
	.c_news .news_three a{margin: 1% auto 2%;}
	.caselist .mycase:hover .casebox{padding-top: 10%;}
	.caselist .mycase .casebox{top: 80%;}
	.setserver .solgen{font-size: 14px;margin: 5% auto 0;}
	.case .whatdogo .dobox:hover .my_btn{margin-top: 70%;}
	.indexmsg .c-cn-title::after{margin: 10px 0;height: 3px;min-width: 80px;}
	.indexmsg #formData input{height: 43px;}
	.indexmsg #formData textarea{height: 43px;}
	.indexmsg .verify img{height: 43px;}
	.indexmsg .c-cn-title{margin-bottom: 0;}
	.case .whatdogo .dobox:hover h3{font-size: 25px;}
	div.case .c-cn-title{font-size: 20px;line-height: 30px;}
	.oallnice .whatdogo .swiper-slide img{height: 300px;}
	.case .cons{width: 100%;}
	.myprod .gramme{padding-top: 45%;}
	.indexmsg .names{margin-bottom: 5px;}


	.indexmsg #formData input,.indexmsg #formData textarea{font-size: 14px;}
	.indexmsg #formData{padding: 10px;}
	.indexmsg .lcsix .coop{width: 100%;;padding: 10px;margin: auto;}
	.indexmsg .lcsix .icon{font-size: 32px;}
	.indexmsg .lcsix .coop>div{font-size: 15px;}
	.footer .telbox{text-align: center;}
	.mybanner .swiper-pagination-clickable .swiper-pagination-bullet{width: 50px;}
	.my_btn{height: 40px;	line-height: 36px;}


	.mlogo{margin-top: 0.8rem;}
	.footer .c-rightinfo{border: none;	padding-left: 0;}
	.news .c-container{padding: 0 1rem;}
	.company .c-company{padding: 30px 0.8rem;}
	.myprod .c-l-box .yw span{width: 100px;	height: 100px;	padding: 7px;	font-size: 1.3rem;}
	.case{background-position: right;}
	
	.numsgo .li{padding: 10px 0;border-bottom: none;}
	.numsgo>div p{padding: 0;}


	.inadvs .box1{margin-bottom: 0;}
	.inadvs .box2 .flex{width: 100%;}
	.inadvs .box2 .li{width: 100%;padding: 15px;}
	.inadvs .box2 .li p{height: auto;}
	.inadvs .box2 .li .icon{margin-right: 5%;}
	.inadvs .box2 .li h5{font-size: 18px;margin-bottom: 0;}


	.newbox{padding: 30px 0;}

}
@media screen and (max-width: 650px) {#zbheader .c-nav{width: 67%;}
	.navlogo{margin-top: 20%;}
}
@media screen and (max-width: 576px) {.news-slider {margin-top: 45px;}
}
@media (max-width: 500px) {
	.col-xs-6:nth-child(2n-1){padding-right: 7.5px;}
	.col-xs-6:nth-child(2n){padding-left: 7.5px;}
	
	#propage .c-goodsinfo{margin-top: 30px;}
	.goodscard .imginfo{padding: 10px;}
	#c-top-bg h2{font-size: 24px;}
	.c-company .numsgo{padding: 10px 0;}
	.company .c-company{padding-bottom: 20px;}
	.comcase .left .imgbox,.comcase .right .imgbox{margin-bottom: 15px;}

	.navlogo a img{max-width: 80%;}
	#zbheader .c-nav{width: 58%;}
	.infoly li a{height: 115px;font-size: 14px;}
	.goodview>h3{font-size: 20px;}
	.goodview>h3 span{font-size: 13px;}
	.goodcard a{font-size: 14px;}
	.cxinfo h5{font-size: 15px;}

	.footer .flink .top{padding-top: 30px;}

	.inadvs .box1{display: none;}
	.inadvs .box2 .li .icon{font-size: 30px;}

	.c_name p{font-size: 18px;}

	.ouradvinner .tit>h3{display: none;}
	.progood .indexmsgcard .right .li a .title p{font-size: 16px;}
	.progood .indexmsgcard .left .ul .li{width: 50%;padding-right: 5px;}
	.progood .indexmsgcard .left .ul .li a{font-size: 15px;}
	.case .tit .eng{display: none;}
	.case .dlex .newsgo a{margin-top: 0;}
	.newsone h4{margin: 0;}
}